/*
Theme Name: TT Design & Concepts
Theme URI: https://ttdesignconcepts.com/
Author: TT Design & Concepts
Author URI: https://ttdesignconcepts.com/
Description: Full custom WordPress theme for TT Design & Concepts, preserving the approved page designs, service content, auto-generated portfolio previews and companion-plugin integrations.
Version: 1.1.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: tt-design-concepts
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* TT DESIGN & CONCEPTS BRAND TYPOGRAPHY
   Add licensed font files to assets/fonts/ using the filenames below. */
@font-face {
  font-family: "Android";
  src: local("Android"), local("android"), url("assets/fonts/android.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "MADE Outer Sans";
  src: local("MADE Outer Sans"), local("MADEOuterSans"), url("assets/fonts/made-outer-sans-regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --font-heading: "Android", "Arial Black", sans-serif;
  --font-body: "MADE Outer Sans", Arial, sans-serif;
  --ink: #071719;
  --ink-soft: #0c2427;
  --teal: #0b5f68;
  --teal-bright: #0b7781;
  --teal-pale: #dceceb;
  --orange: #ff8a1f;
  --orange-soft: #ffb266;
  --paper: #f4f1ea;
  --cream: #e9e4d9;
  --white: #ffffff;
  --muted: #657174;
  --line: rgba(7, 23, 25, 0.15);
  --line-light: rgba(255, 255, 255, 0.15);
  --shadow: 0 24px 70px rgba(5, 19, 21, 0.13);
  --radius: 24px;
  --max: 1440px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
.skip-link { position: fixed; left: 16px; top: -70px; z-index: 1000; background: var(--orange); padding: 12px 18px; border-radius: 8px; font-weight: 700; transition: top .2s; }
.skip-link:focus { top: 16px; }

.campaign-bar { background: var(--orange); color: var(--ink); position: relative; z-index: 70; }
.campaign-bar__content { max-width: var(--max); margin: auto; min-height: 38px; padding: 8px 4vw; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 11px; }
.campaign-bar p { margin: 0; }
.campaign-bar a { margin-left: 12px; border-bottom: 1px solid rgba(7,23,25,.45); font-weight: 700; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 5px rgba(7,23,25,.10); animation: pulse 2s infinite; }

.site-header { height: 88px; background: rgba(244,241,234,.94); backdrop-filter: blur(14px); position: sticky; top: 0; z-index: 60; border-bottom: 1px solid var(--line); transition: box-shadow .25s, height .25s; }
.site-header.scrolled { box-shadow: 0 10px 35px rgba(5,19,21,.09); height: 76px; }
.header-inner { max-width: var(--max); height: 100%; padding: 0 4vw; margin: auto; display: grid; grid-template-columns: 270px 1fr auto; align-items: center; gap: 26px; }
.brand { width: 248px; height: 58px; display: flex; align-items: center; overflow: hidden; }
.brand img { width: 100%; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2vw, 32px); }
.main-nav a { font-size: 12px; font-weight: 700; position: relative; }
.main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: var(--orange); transition: right .25s; }
.main-nav a:hover::after, .main-nav a:focus-visible::after { right: 0; }
.header-cta { min-height: 45px; padding: 0 18px; border-radius: 999px; background: var(--ink); color: white; display: inline-flex; align-items: center; gap: 16px; font-size: 11px; font-weight: 800; }
.header-cta span { color: var(--orange); }
.menu-toggle { display: none; width: 46px; height: 46px; border: 0; border-radius: 50%; background: var(--ink); position: relative; cursor: pointer; }
.menu-toggle span { position: absolute; left: 13px; width: 20px; height: 2px; background: white; transition: .25s; }
.menu-toggle span:first-child { top: 18px; }
.menu-toggle span:last-child { top: 26px; }
.menu-toggle.open span:first-child { transform: translateY(4px) rotate(45deg); }
.menu-toggle.open span:last-child { transform: translateY(-4px) rotate(-45deg); }

.hero { min-height: 760px; background: var(--ink); color: white; position: relative; overflow: hidden; }
.hero-grid, .contact-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, black 30%, transparent 100%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(30px); pointer-events: none; }
.hero-glow--one { width: 500px; height: 500px; right: -180px; top: 20px; background: rgba(11,119,129,.20); }
.hero-glow--two { width: 380px; height: 380px; left: 18%; bottom: -260px; background: rgba(255,138,31,.12); }
.hero-inner { max-width: var(--max); margin: auto; padding: clamp(86px, 8vw, 128px) 4vw 120px; display: grid; grid-template-columns: minmax(430px, .82fr) minmax(560px, 1.18fr); gap: clamp(50px, 6vw, 100px); align-items: center; position: relative; z-index: 2; }
.eyebrow, .kicker { font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.54); }
.eyebrow span { width: 30px; height: 1px; background: var(--orange); }
.hero h1, .display-heading, .section-heading-row h2, .campaign-content h2, .affiliate-copy h2, .contact-copy h2 { font-family: var(--font-body); letter-spacing: -.065em; }
.hero h1 { margin: 25px 0 27px; font-size: clamp(55px, 5.65vw, 92px); line-height: .94; font-weight: 800; }
.hero h1 em { color: var(--orange); font-style: normal; }
.hero-lead { max-width: 630px; margin: 0; font-size: clamp(15px, 1.2vw, 18px); line-height: 1.7; color: rgba(255,255,255,.62); }
.hero-actions { display: flex; align-items: center; gap: 30px; margin-top: 34px; }
.button { min-height: 52px; width: max-content; padding: 0 21px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; font-size: 11px; font-weight: 800; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button--orange { background: var(--orange); color: var(--ink); box-shadow: 0 15px 35px rgba(255,138,31,.18); }
.button--light { background: var(--paper); color: var(--ink); }
.button--outline-light { border: 1px solid rgba(255,255,255,.30); color: white; }
.text-link { font-size: 11px; font-weight: 700; color: rgba(255,255,255,.72); display: inline-flex; gap: 12px; }
.text-link span { color: var(--orange); }
.hero-proof { margin-top: 55px; padding-top: 23px; border-top: 1px solid var(--line-light); display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof strong { font-family: var(--font-body); font-size: 13px; }
.hero-proof span { margin-top: 5px; color: rgba(255,255,255,.37); font-size: 9px; }

.hero-system { min-width: 0; background: rgba(13,38,41,.86); border: 1px solid rgba(255,255,255,.14); border-radius: 28px; padding: 17px; box-shadow: 0 40px 100px rgba(0,0,0,.35); transform: rotate(1deg); }
.system-topline, .system-footer { display: flex; justify-content: space-between; align-items: center; color: rgba(255,255,255,.35); font-family: monospace; font-size: 8px; letter-spacing: .10em; }
.system-topline { padding: 3px 4px 16px; }
.system-status { display: flex; align-items: center; gap: 7px; color: rgba(255,255,255,.54); }
.system-status i { width: 6px; height: 6px; border-radius: 50%; background: #60e6a6; box-shadow: 0 0 10px #60e6a6; }
.system-board { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(180px, .63fr); gap: 12px; }
.system-main { min-width: 0; background: #f1eee7; color: var(--ink); border-radius: 19px; padding: 18px; overflow: hidden; }
.system-label { font: 800 8px var(--font-body); color: var(--orange); letter-spacing: .15em; }
.project-title-row { display: flex; justify-content: space-between; gap: 20px; margin: 17px 0 20px; }
.project-title-row small { font-size: 7px; letter-spacing: .15em; color: #778184; }
.project-title-row h2 { margin: 7px 0 0; font: 800 clamp(22px,2.4vw,34px)/1.02 var(--font-body); letter-spacing: -.055em; }
.project-code { font: 800 66px/.9 var(--font-body); color: rgba(7,23,25,.08); }
.interface-preview { min-height: 290px; background: #d7d1c5; border-radius: 13px; display: grid; grid-template-columns: 50px 1fr; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(7,23,25,.08); }
.interface-sidebar { background: #0b2f33; padding: 13px 0; display: flex; flex-direction: column; align-items: center; gap: 15px; }
.mini-mark { width: 28px; height: 28px; border-radius: 7px; background: var(--teal); color: white; display: grid; place-items: center; font: 900 14px var(--font-body); letter-spacing: -.14em; }
.interface-sidebar i { width: 15px; height: 2px; background: rgba(255,255,255,.22); }
.interface-content { background: #e5e0d6; padding: 13px; }
.interface-nav { display: flex; align-items: center; gap: 8px; height: 21px; }
.interface-nav span { width: 27px; height: 3px; border-radius: 10px; background: rgba(7,23,25,.16); }
.interface-nav b { margin-left: auto; width: 42px; height: 14px; border-radius: 20px; background: var(--orange); }
.interface-hero { min-height: 180px; margin-top: 10px; padding: 24px; background: linear-gradient(120deg,#142c2e 0%,#081516 68%); color: white; border-radius: 9px; position: relative; overflow: hidden; }
.interface-hero::after { content: "Q"; position: absolute; right: -10px; bottom: -45px; color: rgba(255,255,255,.06); font: 900 190px var(--font-body); }
.interface-hero small { font-size: 6px; letter-spacing: .18em; color: var(--orange); }
.interface-hero strong { display: block; margin-top: 18px; font: 800 28px/.94 var(--font-body); letter-spacing: -.06em; }
.interface-hero span { display: block; width: max-content; margin-top: 20px; padding-bottom: 3px; font-size: 6px; border-bottom: 1px solid white; }
.interface-products { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 9px; }
.interface-products i { height: 53px; background: #c7c0b3; border-radius: 6px; }
.system-side { display: grid; grid-template-rows: auto 1fr; gap: 12px; }
.signal-card { border-radius: 19px; background: #0b626b; padding: 16px; min-height: 205px; }
.signal-card__head { display: flex; justify-content: space-between; color: rgba(255,255,255,.48); font-size: 7px; letter-spacing: .12em; }
.signal-card__head b { color: #77f2b9; }
.signal-score { display: flex; align-items: end; gap: 12px; margin-top: 26px; }
.signal-score strong { font: 800 58px/.9 var(--font-body); letter-spacing: -.08em; }
.signal-score span, .signal-score small { display: block; }
.signal-score span { font-size: 6px; color: rgba(255,255,255,.37); }
.signal-score small { margin-top: 6px; color: #77f2b9; font-size: 8px; }
.signal-lines { height: 44px; display: flex; align-items: end; gap: 4px; margin-top: 25px; }
.signal-lines i { flex: 1; border-radius: 2px 2px 0 0; background: rgba(255,255,255,.58); }
.signal-lines i:nth-child(1){height:35%}.signal-lines i:nth-child(2){height:62%}.signal-lines i:nth-child(3){height:48%}.signal-lines i:nth-child(4){height:75%}.signal-lines i:nth-child(5){height:58%}.signal-lines i:nth-child(6){height:92%;background:var(--orange)}.signal-lines i:nth-child(7){height:78%}
.capability-stack { display: grid; gap: 8px; }
.capability-stack article { min-height: 76px; padding: 12px; border-radius: 13px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.035); display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 5px 8px; }
.capability-stack span { grid-column: 1/-1; font-size: 6px; color: var(--orange); letter-spacing: .15em; }
.capability-stack b { font: 600 10px/1.35 var(--font-body); color: rgba(255,255,255,.78); }
.capability-stack i { font-style: normal; color: rgba(255,255,255,.35); }
.system-footer { padding: 14px 4px 3px; }
.hero-ticker { height: 46px; position: absolute; left: 0; right: 0; bottom: 0; background: var(--orange); color: var(--ink); overflow: hidden; display: flex; align-items: center; z-index: 3; }
.hero-ticker div { width: max-content; display: flex; align-items: center; gap: 23px; animation: ticker 27s linear infinite; white-space: nowrap; }
.hero-ticker span { font: 800 10px var(--font-body); letter-spacing: .08em; text-transform: uppercase; }
.hero-ticker i { width: 5px; height: 5px; border-radius: 50%; background: var(--ink); }

.section { max-width: var(--max); margin: auto; padding: clamp(82px, 9vw, 140px) 4vw; }
.section-index { padding-bottom: 26px; border-bottom: 1px solid var(--line); color: var(--orange); font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.intro-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(320px,.62fr); gap: 9vw; padding: 58px 0 70px; }
.display-heading { margin: 0; max-width: 850px; font-size: clamp(48px, 6.5vw, 96px); line-height: .98; }
.intro-copy { align-self: end; }
.intro-copy p { margin: 0 0 20px; color: var(--muted); font-size: 14px; line-height: 1.75; }
.arrow-link { display: inline-flex; gap: 25px; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid var(--ink); font-size: 11px; font-weight: 800; }
.arrow-link span { color: var(--orange); }
.statement-row { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; grid-template-columns: repeat(3,1fr); }
.statement-row span { padding: 23px 20px; text-align: center; font: 800 clamp(10px,1vw,13px) var(--font-body); letter-spacing: .10em; border-right: 1px solid var(--line); }
.statement-row span:last-child { border: 0; }

.section-heading-row { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.55fr); gap: 8vw; align-items: end; margin-bottom: 58px; }
.kicker { color: var(--orange); }
.section-heading-row h2 { margin: 18px 0 0; font-size: clamp(46px,5.4vw,80px); line-height: .98; }
.section-heading-row > p { margin: 0 0 7px; color: var(--muted); line-height: 1.75; font-size: 13px; }
.service-layout { display: grid; grid-template-columns: minmax(360px,.78fr) minmax(0,1.22fr); gap: 14px; }
.service-feature { min-height: 610px; padding: 28px; border-radius: var(--radius); background: var(--teal); color: white; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; }
.service-feature::after { content:"01"; position:absolute; right:-16px; bottom:-68px; font:800 240px var(--font-body); color:rgba(255,255,255,.045); }
.service-feature__top { display: flex; justify-content: space-between; color: rgba(255,255,255,.42); font: 8px monospace; position: relative; z-index:1; }
.service-feature__top i { color: var(--orange); font-style: normal; font-size: 16px; }
.service-feature > div:nth-child(2), .service-feature > a { position: relative; z-index:1; }
.service-feature small { color: var(--orange); font-size: 8px; letter-spacing: .15em; }
.service-feature h3 { margin: 18px 0 20px; max-width: 530px; font: 700 clamp(35px,3.6vw,52px)/1.02 var(--font-body); letter-spacing: -.06em; }
.service-feature p { max-width: 490px; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.7; }
.service-feature > a { width: max-content; font-size: 10px; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.45); padding-bottom: 7px; }
.service-list { display: grid; gap: 10px; }
.service-row { min-height: 113px; border: 1px solid var(--line); border-radius: 18px; padding: 20px 22px; display: grid; grid-template-columns: 38px minmax(210px,1.05fr) minmax(180px,.8fr) 22px; gap: 20px; align-items: center; transition: .25s; }
.service-row:hover { transform: translateX(7px); background: white; box-shadow: 0 15px 35px rgba(5,19,21,.07); }
.service-row > span { color: var(--orange); font: 9px monospace; }
.service-row small { color: var(--orange); font-size: 7px; letter-spacing: .14em; }
.service-row h3 { margin: 7px 0 0; font: 700 18px/1.2 var(--font-body); letter-spacing: -.035em; }
.service-row p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.service-row > i { font-style: normal; color: var(--orange); }
.service-note { margin-top: 16px; padding: 22px 25px; border-radius: 18px; background: var(--teal-pale); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 17px; }
.service-note__icon { width: 34px; height: 34px; border-radius: 50%; background: var(--teal); color: white; display: grid; place-items: center; }
.service-note b { font-size: 12px; }
.service-note p { margin: 4px 0 0; color: #617174; font-size: 10px; }
.service-note a { font-size: 10px; font-weight: 800; }

.work { max-width: none; background: var(--ink); color: white; padding-left: max(4vw, calc((100vw - var(--max))/2 + 4vw)); padding-right: max(4vw, calc((100vw - var(--max))/2 + 4vw)); }
.section-heading-row--inverse > p { color: rgba(255,255,255,.45); }
.work-grid { max-width: calc(var(--max) - 8vw); margin: auto; display: grid; grid-template-columns: 1.18fr .82fr; gap: 17px; }
.work-card { min-width: 0; padding: 12px; border-radius: 24px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.10); transition: transform .25s, background .25s; }
.work-card:hover { transform: translateY(-6px); background: rgba(255,255,255,.08); }
.work-card--large { grid-row: span 2; }
.work-visual { min-height: 330px; border-radius: 16px; overflow: hidden; position: relative; }
.work-card--large .work-visual { min-height: 610px; }
.browser-bar { height: 34px; padding: 0 13px; background: #eee8dc; display: flex; align-items: center; gap: 6px; }
.browser-bar i { width: 6px; height: 6px; border-radius: 50%; background: #b4afa6; }
.browser-bar span { margin-left: auto; margin-right: auto; color: #8d887f; font-size: 7px; }
.fashion-visual { background: #c7abff; color: #17121e; }
.fashion-word { position: absolute; left: 22px; right: 22px; top: 57px; font: 800 clamp(38px,4vw,65px)/1 var(--font-body); letter-spacing: -.08em; border-bottom: 2px solid #17121e; padding-bottom: 8px; }
.fashion-copy { position: absolute; left: 30px; top: 165px; z-index: 2; }
.fashion-copy small { font-size: 7px; letter-spacing:.15em; }
.fashion-copy strong { display: block; margin: 20px 0 26px; font: 800 clamp(38px,4vw,67px)/.91 var(--font-body); letter-spacing:-.07em; }
.fashion-copy span { font-size:8px; font-weight:800; border-bottom:1px solid #17121e; }
.fashion-object { position:absolute; right:-45px; bottom:-50px; width:360px; height:450px; border-radius:48% 48% 10% 10%; background:#17121e; transform:rotate(-8deg); display:grid; place-items:center; box-shadow:-30px 20px 70px rgba(54,27,91,.28); }
.fashion-object::before { content:""; position:absolute; top:-35px; width:170px; height:120px; border:45px solid #17121e; border-bottom:0; border-radius:100px 100px 0 0; }
.fashion-object span { color:#c7abff; font:800 150px var(--font-body); transform:rotate(8deg); opacity:.78; }
.property-visual { min-height:300px; background:#e7e2d7; color:#173326; padding:22px; }
.property-nav { display:flex; justify-content:space-between; font-size:8px; }
.property-nav b { font:800 21px var(--font-body); }
.property-copy { margin-top:50px; }
.property-copy small { color:#a07817; font-size:7px; letter-spacing:.14em; }
.property-copy strong { display:block; margin-top:15px; font:700 34px/.98 var(--font-body); letter-spacing:-.05em; }
.property-chart { height:74px; position:absolute; left:22px; right:22px; bottom:20px; display:flex; align-items:end; gap:7px; }
.property-chart::after { content:""; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid rgba(23,51,38,.25); }
.property-chart i { flex:1; background:#295f46; border-radius:3px 3px 0 0; }
.property-chart i:nth-child(1){height:20%}.property-chart i:nth-child(2){height:38%}.property-chart i:nth-child(3){height:32%}.property-chart i:nth-child(4){height:63%}.property-chart i:nth-child(5){height:52%}.property-chart i:nth-child(6){height:92%;background:#b8860b}
.music-visual { min-height:300px; padding:22px; background:radial-gradient(circle at 35% 45%,#402159,#150f1c 60%); }
.music-top { display:flex; justify-content:space-between; font-size:7px; letter-spacing:.14em; color:rgba(255,255,255,.55); }
.music-top i { color:#9ff1c7; font-style:normal; }
.music-disc { position:absolute; width:150px; height:150px; border-radius:50%; left:35px; top:69px; background:repeating-radial-gradient(circle,#18131e 0 7px,#26202d 8px 11px); box-shadow:0 18px 45px rgba(0,0,0,.36); display:grid; place-items:center; }
.music-disc::before { content:""; width:50px; height:50px; border-radius:50%; background:var(--orange); }
.music-disc span { position:absolute; z-index:2; font:800 11px var(--font-body); color:#1a1220; }
.music-wave { position:absolute; right:25px; top:78px; width:42%; height:90px; display:flex; align-items:center; gap:5px; }
.music-wave i { flex:1; background:#bc83eb; border-radius:5px; }
.music-wave i:nth-child(1){height:25%}.music-wave i:nth-child(2){height:56%}.music-wave i:nth-child(3){height:84%}.music-wave i:nth-child(4){height:44%}.music-wave i:nth-child(5){height:93%}.music-wave i:nth-child(6){height:61%}.music-wave i:nth-child(7){height:36%}.music-wave i:nth-child(8){height:78%}.music-wave i:nth-child(9){height:50%}
.music-player { position:absolute; left:35px; right:25px; bottom:22px; border-top:1px solid rgba(255,255,255,.16); padding-top:13px; display:flex; justify-content:space-between; font-size:8px; color:rgba(255,255,255,.45); }
.music-player b { color:white; }
.work-meta { min-height:94px; padding:17px 7px 5px; display:grid; grid-template-columns:1fr auto; gap:13px; align-items:end; }
.work-card--large .work-meta { grid-template-columns:1fr auto auto; }
.work-meta small { color:var(--orange); font-size:7px; letter-spacing:.13em; }
.work-meta h3 { margin:6px 0 0; font:700 21px var(--font-body); }
.work-meta > div:nth-child(2) { display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.work-meta > div:nth-child(2) span { padding:6px 8px; border:1px solid rgba(255,255,255,.13); border-radius:30px; font-size:7px; color:rgba(255,255,255,.50); }
.work-meta > i { font-style:normal; color:var(--orange); align-self:center; }
.portfolio-link-wrap { max-width:calc(var(--max) - 8vw); margin:35px auto 0; display:flex; justify-content:flex-end; }

.process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.process-grid article { min-width:0; padding:27px 25px 0 0; margin-right:25px; border-right:1px solid var(--line); }
.process-grid article:last-child { border-right:0; margin-right:0; }
.process-grid article > span { color:var(--orange); font:9px monospace; }
.process-line { margin:34px 0 45px; height:1px; background:rgba(7,23,25,.08); position:relative; }
.process-line i { position:absolute; left:0; top:-4px; width:9px; height:9px; border-radius:50%; background:var(--teal); }
.process-grid h3 { margin:0 0 15px; font:700 22px var(--font-body); }
.process-grid p { margin:0; color:var(--muted); font-size:11px; line-height:1.7; }

.packages { padding-top:60px; }
.package-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.package-card { min-height:520px; padding:27px; border:1px solid var(--line); border-radius:22px; display:flex; flex-direction:column; position:relative; }
.package-card--featured { background:var(--teal); color:white; border-color:transparent; transform:translateY(-16px); box-shadow:var(--shadow); }
.package-badge { position:absolute; right:18px; top:17px; padding:7px 9px; border-radius:20px; background:var(--orange); color:var(--ink); font-size:7px; font-weight:900; letter-spacing:.13em; }
.package-number { width:45px; height:45px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; font:700 14px var(--font-body); }
.package-card--featured .package-number { border-color:rgba(255,255,255,.2); }
.package-card > small { margin-top:60px; color:var(--orange); font-size:8px; letter-spacing:.15em; }
.package-card h3 { margin:17px 0; font:700 clamp(28px,2.5vw,38px)/1.04 var(--font-body); letter-spacing:-.05em; }
.package-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.package-card--featured p { color:rgba(255,255,255,.58); }
.package-card ul { list-style:none; padding:0; margin:31px 0; display:grid; gap:12px; }
.package-card li { font-size:11px; padding-left:18px; position:relative; }
.package-card li::before { content:"✓"; position:absolute; left:0; color:var(--orange); }
.package-card > a { margin-top:auto; width:max-content; padding-bottom:5px; border-bottom:1px solid currentColor; font-size:10px; font-weight:800; }

.campaign-section { max-width:var(--max); margin:0 auto; padding:0 4vw clamp(82px,9vw,140px); display:grid; grid-template-columns:1.05fr .95fr; min-height:650px; }
.campaign-art { min-height:600px; border-radius:28px 0 0 28px; background:var(--ink); position:relative; overflow:hidden; display:grid; place-items:center; }
.campaign-ring { position:absolute; border:1px solid rgba(255,138,31,.24); border-radius:50%; }
.ring-one { width:430px; height:430px; }
.ring-two { width:620px; height:620px; }
.campaign-five { position:absolute; right:-25px; bottom:-110px; font:800 560px/.8 var(--font-body); letter-spacing:-.15em; color:rgba(255,255,255,.035); }
.campaign-ticket { width:min(430px,75%); aspect-ratio:1.5; padding:28px; background:var(--orange); color:var(--ink); border-radius:20px; position:relative; z-index:2; transform:rotate(-6deg); box-shadow:0 35px 70px rgba(0,0,0,.35); display:grid; grid-template-columns:1fr auto; align-items:start; }
.campaign-ticket::before,.campaign-ticket::after { content:""; position:absolute; width:30px; height:30px; border-radius:50%; background:var(--ink); top:50%; transform:translateY(-50%); }
.campaign-ticket::before{left:-15px}.campaign-ticket::after{right:-15px}
.campaign-ticket small,.campaign-ticket b { display:block; }
.campaign-ticket small { font-size:7px; letter-spacing:.15em; }
.campaign-ticket b { margin-top:12px; font:800 31px var(--font-body); }
.campaign-ticket > span { font:800 92px/.85 var(--font-body); letter-spacing:-.09em; }
.campaign-ticket > i { position:absolute; left:28px; bottom:25px; font-style:normal; font-size:7px; letter-spacing:.16em; }
.campaign-content { border-radius:0 28px 28px 0; background:#e4ded2; padding:clamp(45px,6vw,90px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.campaign-content h2 { margin:18px 0 24px; font-size:clamp(43px,4.8vw,70px); line-height:.99; }
.campaign-content p { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }
.campaign-points { margin:30px 0; display:flex; flex-wrap:wrap; gap:8px; }
.campaign-points span { padding:9px 11px; border:1px solid var(--line); border-radius:30px; font-size:8px; font-weight:700; }

.affiliate-section { background:var(--teal); color:white; padding:clamp(82px,9vw,130px) 4vw; overflow:hidden; position:relative; }
.affiliate-section::after { content:"TT"; position:absolute; right:-40px; bottom:-190px; color:rgba(255,255,255,.04); font:800 560px var(--font-body); letter-spacing:-.17em; }
.affiliate-inner { max-width:calc(var(--max) - 8vw); margin:auto; display:grid; grid-template-columns:1fr .82fr; gap:7vw; align-items:center; position:relative; z-index:2; }
.affiliate-copy h2 { margin:18px 0 25px; font-size:clamp(48px,5.3vw,80px); line-height:.98; }
.affiliate-copy p { max-width:650px; color:rgba(255,255,255,.62); line-height:1.75; }
.affiliate-copy .button { margin-top:26px; }
.affiliate-metrics { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(255,255,255,.18); border-radius:24px; background:rgba(255,255,255,.05); backdrop-filter:blur(10px); }
.affiliate-metrics div { padding:33px 18px; border-right:1px solid rgba(255,255,255,.15); }
.affiliate-metrics div:last-child { border:0; }
.affiliate-metrics strong,.affiliate-metrics span { display:block; }
.affiliate-metrics strong { color:var(--orange); font:700 42px var(--font-body); letter-spacing:-.07em; }
.affiliate-metrics span { margin-top:10px; color:rgba(255,255,255,.40); font-size:7px; letter-spacing:.14em; }

.testimonial-section { display:grid; grid-template-columns:1.2fr .8fr; gap:14px; }
.testimonial-card { min-height:470px; border-radius:26px; background:var(--ink); color:white; padding:38px; display:flex; flex-direction:column; }
.quote-mark { color:var(--orange); font:800 90px/.7 Georgia,serif; }
.testimonial-card blockquote { margin:auto 0; max-width:800px; font:600 clamp(30px,3.7vw,53px)/1.08 var(--font-body); letter-spacing:-.05em; }
.testimonial-author { display:flex; align-items:center; gap:12px; }
.testimonial-author > span { width:45px; height:45px; border-radius:50%; background:var(--teal); display:grid; place-items:center; font:800 15px var(--font-body); }
.testimonial-author b,.testimonial-author small { display:block; }
.testimonial-author b { font-size:11px; }
.testimonial-author small { margin-top:4px; font-size:8px; color:rgba(255,255,255,.42); }
.testimonial-side { border:1px solid var(--line); border-radius:26px; padding:38px; display:flex; flex-direction:column; justify-content:flex-end; }
.testimonial-side h3 { margin:25px 0 20px; font:700 clamp(30px,3vw,45px)/1.04 var(--font-body); letter-spacing:-.055em; }
.testimonial-side p { color:var(--muted); font-size:12px; line-height:1.7; }

.faq-section { display:grid; grid-template-columns:.72fr 1.28fr; gap:9vw; padding-top:70px; }
.faq-heading h2 { margin:18px 0; font:800 clamp(48px,5vw,76px)/1 var(--font-body); letter-spacing:-.065em; }
.faq-heading p { color:var(--muted); font-size:12px; line-height:1.7; }
.faq-list { border-top:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-item button { width:100%; min-height:82px; padding:15px 0; border:0; background:transparent; display:flex; justify-content:space-between; align-items:center; text-align:left; cursor:pointer; }
.faq-item button span { font:700 17px var(--font-body); }
.faq-item button i { width:31px; height:31px; border-radius:50%; background:var(--teal-pale); color:var(--teal); display:grid; place-items:center; font-style:normal; transition:.25s; }
.faq-item.open button i { transform:rotate(45deg); background:var(--orange); color:var(--ink); }
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s; }
.faq-answer > p { overflow:hidden; margin:0; color:var(--muted); font-size:12px; line-height:1.75; }
.faq-item.open .faq-answer { grid-template-rows:1fr; }
.faq-item.open .faq-answer > p { padding:0 55px 25px 0; }

.contact-section { min-height:560px; background:var(--ink); color:white; padding:clamp(80px,9vw,130px) max(4vw, calc((100vw - var(--max))/2 + 4vw)); display:grid; grid-template-columns:1.15fr .55fr; gap:8vw; align-items:end; position:relative; overflow:hidden; }
.contact-copy,.contact-actions { position:relative; z-index:2; }
.contact-copy h2 { margin:18px 0 22px; max-width:850px; font-size:clamp(55px,7vw,105px); line-height:.92; }
.contact-copy p { max-width:720px; color:rgba(255,255,255,.52); line-height:1.7; }
.contact-actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
.contact-actions .button { width:100%; justify-content:space-between; }
.contact-actions > span { margin-top:10px; color:rgba(255,255,255,.34); font-size:8px; line-height:1.5; }

.site-footer { background:#041012; color:white; padding:70px max(4vw, calc((100vw - var(--max))/2 + 4vw)) 28px; }
.footer-top { display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; padding-bottom:58px; }
.footer-brand img { width:280px; filter:brightness(0) invert(1); mix-blend-mode:screen; }
.footer-brand p { max-width:390px; margin-top:20px; color:rgba(255,255,255,.35); font-size:11px; line-height:1.7; }
.footer-links { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.footer-links > div { display:flex; flex-direction:column; gap:11px; }
.footer-links b { color:var(--orange); font-size:7px; letter-spacing:.16em; margin-bottom:8px; }
.footer-links a { color:rgba(255,255,255,.47); font-size:10px; }
.footer-links a:hover { color:white; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.10); padding-top:22px; display:flex; justify-content:space-between; color:rgba(255,255,255,.25); font-size:8px; }
.footer-bottom div { display:flex; flex-wrap:wrap; gap:20px; }

.chat-launcher { position:fixed; right:20px; bottom:20px; z-index:80; min-width:155px; height:54px; border:0; border-radius:999px; padding:6px 16px 6px 7px; background:var(--ink); color:white; box-shadow:0 18px 50px rgba(0,0,0,.27); display:flex; align-items:center; gap:10px; cursor:pointer; }
.chat-launcher__icon,.chat-avatar { width:40px; height:40px; border-radius:50%; background:var(--orange); color:var(--ink); display:grid; place-items:center; font:900 16px var(--font-body); letter-spacing:-.14em; }
.chat-launcher > span:last-child { text-align:left; }
.chat-launcher b,.chat-launcher small { display:block; }
.chat-launcher b { font-size:10px; }
.chat-launcher small { margin-top:3px; font-size:7px; color:rgba(255,255,255,.45); }
.chat-panel { position:fixed; right:20px; bottom:86px; z-index:90; width:min(380px, calc(100vw - 30px)); max-height:min(600px, calc(100vh - 120px)); border-radius:23px; background:white; box-shadow:0 30px 90px rgba(0,0,0,.30); overflow:hidden; transform:translateY(25px) scale(.96); opacity:0; pointer-events:none; transition:.25s; }
.chat-panel.open { opacity:1; transform:none; pointer-events:auto; }
.chat-header { min-height:75px; background:var(--ink); color:white; padding:13px 14px; display:flex; justify-content:space-between; align-items:center; }
.chat-header > div { display:flex; align-items:center; gap:10px; }
.chat-avatar { width:43px; height:43px; }
.chat-header b,.chat-header small { display:block; }
.chat-header b { font-size:11px; }
.chat-header small { margin-top:4px; color:rgba(255,255,255,.45); font-size:7px; }
.chat-header small i { display:inline-block; width:5px; height:5px; border-radius:50%; background:#65e9aa; margin-right:4px; }
.chat-header button { width:35px; height:35px; border:0; border-radius:50%; background:rgba(255,255,255,.08); color:white; font-size:20px; cursor:pointer; }
.chat-body { padding:17px; max-height:440px; overflow:auto; background:#f4f1ea; }
.chat-message { max-width:86%; margin-bottom:10px; padding:12px 13px; border-radius:15px; font-size:10px; line-height:1.55; }
.chat-message--bot { background:white; border:1px solid rgba(7,23,25,.08); border-bottom-left-radius:4px; }
.chat-message--user { margin-left:auto; background:var(--teal); color:white; border-bottom-right-radius:4px; }
.chat-options { display:grid; gap:7px; margin-top:13px; }
.chat-options button { border:1px solid rgba(7,23,25,.12); border-radius:12px; padding:10px 12px; background:transparent; text-align:left; font-size:9px; font-weight:700; cursor:pointer; }
.chat-options button:hover { border-color:var(--orange); background:white; }
.chat-footer { padding:10px 15px; border-top:1px solid rgba(7,23,25,.08); color:#899295; font-size:7px; text-align:center; }
.chat-action { display:inline-flex; margin-top:6px; color:var(--teal); font-weight:800; border-bottom:1px solid var(--teal); }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }

@keyframes ticker { to { transform:translateX(-50%); } }
@keyframes pulse { 50% { box-shadow:0 0 0 9px rgba(7,23,25,0); } }

@media (max-width: 1180px) {
  .header-inner { grid-template-columns:230px 1fr auto; }
  .brand { width:215px; }
  .main-nav { gap:16px; }
  .hero-inner { grid-template-columns:.9fr 1.1fr; gap:45px; }
  .hero h1 { font-size:clamp(54px,5.5vw,75px); }
  .system-board { grid-template-columns:1fr 175px; }
  .service-layout { grid-template-columns:.86fr 1.14fr; }
  .service-row { grid-template-columns:30px 1fr 26px; }
  .service-row p { display:none; }
  .work-card--large .work-meta { grid-template-columns:1fr auto; }
  .work-card--large .work-meta > div:nth-child(2) { display:none; }
  .affiliate-inner { grid-template-columns:1fr; }
  .affiliate-metrics { max-width:720px; }
}

@media (max-width: 920px) {
  .campaign-bar__content { justify-content:flex-start; padding-inline:20px; }
  .campaign-bar p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .campaign-bar a { display:none; }
  .site-header,.site-header.scrolled { height:76px; }
  .header-inner { padding:0 20px; grid-template-columns:1fr auto; }
  .brand { width:210px; height:52px; }
  .header-cta { display:none; }
  .menu-toggle { display:block; z-index:3; }
  .main-nav { position:fixed; inset:76px 0 auto 0; height:calc(100vh - 76px); padding:28px 22px 60px; background:var(--paper); display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; transform:translateX(100%); transition:.3s; overflow:auto; }
  .main-nav.open { transform:none; }
  .main-nav a { padding:17px 3px; border-bottom:1px solid var(--line); font:700 20px var(--font-body); }
  .main-nav a::after { display:none; }
  .hero-inner { grid-template-columns:1fr; padding:90px 20px 120px; }
  .hero-copy { max-width:780px; }
  .hero-system { transform:none; max-width:760px; width:100%; margin:auto; }
  .intro-grid,.section-heading-row,.testimonial-section,.faq-section,.contact-section,.footer-top { grid-template-columns:1fr; }
  .intro-grid { gap:45px; }
  .intro-copy { max-width:660px; }
  .service-layout { grid-template-columns:1fr; }
  .service-feature { min-height:520px; }
  .work-grid { grid-template-columns:1fr; }
  .work-card--large { grid-row:auto; }
  .work-card--large .work-visual { min-height:580px; }
  .work-visual { min-height:350px; }
  .process-grid { grid-template-columns:repeat(2,1fr); row-gap:45px; }
  .process-grid article:nth-child(2) { border-right:0; margin-right:0; }
  .package-grid { grid-template-columns:1fr; }
  .package-card { min-height:430px; }
  .package-card--featured { transform:none; }
  .campaign-section { grid-template-columns:1fr; }
  .campaign-art { border-radius:28px 28px 0 0; min-height:500px; }
  .campaign-content { border-radius:0 0 28px 28px; }
  .testimonial-side { min-height:350px; }
  .faq-heading { max-width:650px; }
  .contact-section { gap:50px; }
  .contact-actions { max-width:520px; }
  .footer-links { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 620px) {
  .campaign-bar__content { font-size:9px; min-height:34px; }
  .campaign-bar p strong { display:none; }
  .brand { width:182px; }
  .hero-inner { padding-top:70px; gap:55px; }
  .hero h1 { font-size:clamp(47px,14vw,67px); }
  .hero-lead { font-size:14px; }
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .hero-proof { grid-template-columns:1fr; gap:15px; }
  .hero-proof div { padding-bottom:13px; border-bottom:1px solid rgba(255,255,255,.08); }
  .hero-system { padding:10px; border-radius:21px; }
  .system-topline span:last-child,.system-footer span:last-child { display:none; }
  .system-board { grid-template-columns:1fr; }
  .system-side { grid-template-columns:1fr; }
  .capability-stack { grid-template-columns:repeat(3,1fr); }
  .capability-stack article { min-height:90px; }
  .capability-stack b { font-size:8px; }
  .interface-preview { min-height:250px; grid-template-columns:40px 1fr; }
  .interface-hero { min-height:150px; padding:18px; }
  .interface-products i { height:42px; }
  .section { padding:78px 20px; }
  .display-heading,.section-heading-row h2 { font-size:clamp(43px,13vw,63px); }
  .statement-row { grid-template-columns:1fr; }
  .statement-row span { border-right:0; border-bottom:1px solid var(--line); }
  .statement-row span:last-child { border-bottom:0; }
  .section-heading-row { gap:25px; margin-bottom:38px; }
  .service-feature { min-height:500px; padding:23px; }
  .service-feature h3 { font-size:35px; }
  .service-row { padding:18px 15px; grid-template-columns:27px 1fr 18px; gap:10px; }
  .service-row h3 { font-size:16px; }
  .service-note { grid-template-columns:auto 1fr; }
  .service-note a { grid-column:1/-1; }
  .work { padding-left:20px; padding-right:20px; }
  .work-card--large .work-visual { min-height:480px; }
  .fashion-word { font-size:40px; }
  .fashion-copy { top:145px; }
  .fashion-copy strong { font-size:45px; }
  .fashion-object { width:280px; height:360px; right:-95px; }
  .work-meta,.work-card--large .work-meta { grid-template-columns:1fr auto; }
  .process-grid { grid-template-columns:1fr; }
  .process-grid article,.process-grid article:nth-child(2) { border-right:0; border-bottom:1px solid var(--line); margin:0; padding-bottom:30px; }
  .process-line { margin:23px 0 28px; }
  .package-card { padding:23px; }
  .campaign-section { padding-left:20px; padding-right:20px; }
  .campaign-art { min-height:390px; }
  .campaign-ticket { width:82%; padding:22px; }
  .campaign-ticket > span { font-size:68px; }
  .campaign-ticket b { font-size:25px; }
  .campaign-content { padding:45px 25px; }
  .campaign-content h2 { font-size:43px; }
  .affiliate-section { padding-left:20px; padding-right:20px; }
  .affiliate-metrics { grid-template-columns:1fr; }
  .affiliate-metrics div { border-right:0; border-bottom:1px solid rgba(255,255,255,.14); }
  .testimonial-card,.testimonial-side { padding:26px; }
  .testimonial-card blockquote { font-size:31px; }
  .faq-item button span { font-size:15px; padding-right:18px; }
  .contact-section { padding-left:20px; padding-right:20px; }
  .contact-copy h2 { font-size:56px; }
  .site-footer { padding-left:20px; padding-right:20px; }
  .footer-links { gap:40px 20px; }
  .footer-bottom { flex-direction:column; gap:15px; }
  .chat-launcher { min-width:54px; width:54px; padding:7px; }
  .chat-launcher > span:last-child { display:none; }
  .chat-panel { right:15px; bottom:84px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* --------------------------------------------------------------------------
   Homepage V3 — realistic laptop-led hero and five-project portfolio
   -------------------------------------------------------------------------- */
.hero {
  min-height: 790px;
  background:
    radial-gradient(circle at 73% 28%, rgba(11,119,129,.18), transparent 34%),
    linear-gradient(135deg, #061416 0%, #071719 56%, #0b2326 100%);
}
.hero-photo-wash {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7,23,25,.96) 0%, rgba(7,23,25,.68) 43%, rgba(7,23,25,.12) 72%, rgba(7,23,25,.32) 100%),
    linear-gradient(180deg, transparent 0%, transparent 72%, rgba(7,23,25,.74) 100%);
  pointer-events: none;
}
.hero-inner {
  max-width: var(--max);
  padding: clamp(74px, 7vw, 108px) 4vw 118px;
  grid-template-columns: minmax(430px, .87fr) minmax(560px, 1.13fr);
  gap: clamp(38px, 4.8vw, 76px);
}
.hero-copy { position: relative; z-index: 3; }
.hero h1 {
  font-size: clamp(58px, 5.7vw, 94px);
  line-height: .96;
  text-wrap: balance;
}
.hero-visual {
  min-width: 0;
  min-height: 650px;
  border-radius: 28px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 45px 120px rgba(0,0,0,.42);
  background: #0b1719;
}
.hero-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(7,23,25,.45) 0%, transparent 24%),
    linear-gradient(180deg, rgba(7,23,25,.05) 55%, rgba(7,23,25,.76) 100%);
  pointer-events: none;
}
.hero-visual img {
  width: 100%;
  height: 100%;
  min-height: 650px;
  object-fit: cover;
  object-position: 50% center;
}
.hero-visual__top {
  position: absolute;
  z-index: 2;
  left: 19px;
  right: 19px;
  top: 18px;
  padding: 12px 14px;
  border-radius: 999px;
  background: rgba(5,18,20,.62);
  border: 1px solid rgba(255,255,255,.13);
  backdrop-filter: blur(13px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(255,255,255,.58);
  font: 700 8px var(--font-body);
  letter-spacing: .13em;
}
.hero-visual__top span:last-child { display: flex; align-items: center; gap: 7px; color: rgba(255,255,255,.76); }
.hero-visual__top i { width: 6px; height: 6px; border-radius: 50%; background: #65e9aa; box-shadow: 0 0 12px rgba(101,233,170,.9); }
.hero-visual__caption {
  position: absolute;
  z-index: 2;
  left: 23px;
  bottom: 22px;
  max-width: 330px;
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(5,18,20,.72);
  border: 1px solid rgba(255,255,255,.13);
  backdrop-filter: blur(13px);
}
.hero-visual__caption small,
.hero-visual__caption strong { display: block; }
.hero-visual__caption small { color: var(--orange); font-size: 7px; letter-spacing: .14em; }
.hero-visual__caption strong { margin-top: 8px; font: 700 18px/1.18 var(--font-body); letter-spacing: -.035em; }

.work-grid.work-grid--five {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: stretch;
}
.work-grid--five .work-card--large { grid-column: span 7; grid-row: span 2; }
.work-grid--five .work-card:not(.work-card--large):not(.work-card--wide) { grid-column: span 5; }
.work-grid--five .work-card--wide { grid-column: span 6; }
.work-grid--five .work-card--wide .work-visual { min-height: 390px; }
.work-grid--five .work-card--wide .work-meta { grid-template-columns: 1fr auto auto; }

.browser-bar--light { background: rgba(255,255,255,.46); color: rgba(57,25,51,.62); }
.cosmetics-visual {
  min-height: 390px;
  color: #452133;
  background:
    radial-gradient(circle at 78% 20%, rgba(255,255,255,.85), transparent 24%),
    linear-gradient(135deg, #f4dbe7 0%, #ead0e3 48%, #cfa6c7 100%);
}
.cosmetics-copy { position: absolute; left: 28px; top: 90px; z-index: 3; }
.cosmetics-copy small { font-size: 7px; letter-spacing: .15em; color: #8a536c; }
.cosmetics-copy strong { display: block; margin: 17px 0 22px; font: 800 clamp(35px,3.1vw,53px)/.95 var(--font-body); letter-spacing: -.06em; }
.cosmetics-copy span { font-size: 7px; font-weight: 800; border-bottom: 1px solid #452133; }
.cosmetics-products { position: absolute; right: 30px; bottom: 25px; width: 46%; height: 250px; display: flex; align-items: end; justify-content: center; gap: 15px; z-index: 2; }
.cosmetics-products i { display: block; width: 30%; border-radius: 35px 35px 15px 15px; box-shadow: 0 24px 40px rgba(73,27,52,.18); position: relative; }
.cosmetics-products i::after { content: ""; position: absolute; left: 17%; right: 17%; top: 22%; height: 1px; background: rgba(255,255,255,.65); box-shadow: 0 10px 0 rgba(255,255,255,.3); }
.cosmetics-products i:nth-child(1) { height: 62%; background: linear-gradient(#fdf7fa, #b86c92); }
.cosmetics-products i:nth-child(2) { height: 94%; background: linear-gradient(#fff9f4, #7f3d61); }
.cosmetics-products i:nth-child(3) { height: 75%; background: linear-gradient(#fbe8f0, #d58aab); }
.cosmetics-orbit { position: absolute; width: 340px; height: 340px; border: 1px solid rgba(69,33,51,.18); border-radius: 50%; right: -115px; top: -95px; }
.cosmetics-orbit::before,
.cosmetics-orbit::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(69,33,51,.12); }
.cosmetics-orbit::before { inset: 38px; }
.cosmetics-orbit::after { inset: 80px; }

.mia-visual {
  min-height: 390px;
  color: #f9f4eb;
  padding: 24px;
  background:
    linear-gradient(90deg, rgba(21,20,17,.22), rgba(21,20,17,.04)),
    radial-gradient(circle at 76% 34%, #bc8762 0%, #7b4e36 29%, transparent 30%),
    linear-gradient(135deg, #1a1b19 0%, #34332d 58%, #6f4c36 100%);
}
.mia-top { display: flex; justify-content: space-between; align-items: center; font-size: 7px; letter-spacing: .13em; color: rgba(255,255,255,.52); }
.mia-top b { color: white; font: 800 18px var(--font-body); letter-spacing: -.04em; }
.mia-copy { position: absolute; left: 27px; top: 93px; z-index: 3; }
.mia-copy small { font-size: 7px; letter-spacing: .15em; color: var(--orange-soft); }
.mia-copy strong { display: block; margin: 17px 0 21px; font: 800 clamp(34px,3vw,50px)/.96 var(--font-body); letter-spacing: -.06em; }
.mia-copy span { font-size: 7px; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.72); }
.mia-cards { position: absolute; right: 22px; bottom: 22px; width: 42%; height: 225px; display: flex; gap: 8px; align-items: end; transform: rotate(-4deg); }
.mia-cards i { flex: 1; border-radius: 80px 80px 10px 10px; box-shadow: 0 24px 50px rgba(0,0,0,.25); }
.mia-cards i:nth-child(1) { height: 72%; background: linear-gradient(160deg,#d3a681,#654431); }
.mia-cards i:nth-child(2) { height: 100%; background: linear-gradient(160deg,#f0d0b5,#8e5c3e); }
.mia-cards i:nth-child(3) { height: 80%; background: linear-gradient(160deg,#b97a55,#392a22); }

.campaign-click { position: relative; isolation: isolate; }
.campaign-click::after {
  content: "";
  position: absolute;
  inset: -6px;
  z-index: -1;
  border: 1px solid rgba(255,138,31,.62);
  border-radius: 999px;
  animation: campaignNudge 1.9s ease-out infinite;
}
@keyframes campaignNudge {
  0% { opacity: .72; transform: scale(.96); }
  80%,100% { opacity: 0; transform: scale(1.12); }
}

@media (max-width: 1180px) {
  .hero-inner { grid-template-columns: .9fr 1.1fr; }
  .hero-visual,
  .hero-visual img { min-height: 590px; }
}

@media (max-width: 920px) {
  .hero-inner { grid-template-columns: 1fr; padding-top: 78px; }
  .hero-copy { max-width: 800px; }
  .hero-visual { max-width: 820px; width: 100%; min-height: 610px; margin: 0 auto; }
  .hero-visual img { min-height: 610px; }
  .work-grid.work-grid--five { grid-template-columns: 1fr; }
  .work-grid--five .work-card--large,
  .work-grid--five .work-card:not(.work-card--large):not(.work-card--wide),
  .work-grid--five .work-card--wide { grid-column: auto; grid-row: auto; }
  .work-grid--five .work-card--wide .work-visual { min-height: 430px; }
}

@media (max-width: 620px) {
  .hero h1 { font-size: clamp(48px, 13.8vw, 66px); }
  .hero-visual,
  .hero-visual img { min-height: 470px; }
  .hero-visual { border-radius: 21px; }
  .hero-visual__top { left: 11px; right: 11px; top: 11px; padding: 10px 12px; }
  .hero-visual__top span:first-child { display: none; }
  .hero-visual__caption { left: 13px; right: 13px; bottom: 13px; max-width: none; padding: 15px; }
  .hero-visual img { object-position: 48% center; }
  .work-grid--five .work-card--wide .work-visual { min-height: 410px; }
  .cosmetics-copy,
  .mia-copy { left: 22px; top: 82px; }
  .cosmetics-copy strong,
  .mia-copy strong { font-size: 36px; }
  .cosmetics-products { right: 16px; width: 48%; opacity: .78; }
  .mia-cards { width: 43%; opacity: .78; }
  .work-grid--five .work-card--wide .work-meta { grid-template-columns: 1fr auto; }
  .work-grid--five .work-card--wide .work-meta > div:nth-child(2) { display: none; }
}

/* --------------------------------------------------------------------------
   Homepage V5 — coded studio hero (no hero screenshot/image)
   Only the hero composition and logo sizing are changed.
   -------------------------------------------------------------------------- */
.brand { width: 194px; height: 48px; }
.header-inner { grid-template-columns: 215px 1fr auto; }

.hero.hero--coded {
  min-height: 820px;
  background:
    radial-gradient(circle at 68% 34%, rgba(26,74,80,.42), transparent 27%),
    radial-gradient(circle at 86% 17%, rgba(18,71,78,.36), transparent 25%),
    linear-gradient(117deg, #041113 0%, #071719 44%, #0b2023 72%, #061315 100%);
  isolation: isolate;
}
.hero--coded .hero-photo-wash {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(3,15,17,.94) 0%, rgba(3,15,17,.82) 34%, rgba(3,15,17,.22) 62%, rgba(3,15,17,.12) 100%),
    linear-gradient(180deg, rgba(2,10,12,.08) 0%, transparent 58%, rgba(2,10,12,.72) 100%);
}
.hero--coded::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .34;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to right, transparent 0, #000 48%, #000 100%);
}
.hero--coded .hero-inner {
  min-height: 774px;
  grid-template-columns: minmax(430px,.78fr) minmax(650px,1.22fr);
  align-items: center;
  gap: clamp(10px,2vw,36px);
  padding-top: clamp(60px,5.5vw,84px);
  padding-bottom: 102px;
}
.hero--coded .hero-copy { z-index: 8; }
.hero--coded .hero h1 { font-size: clamp(59px,5.45vw,88px); }
.hero--coded .hero-lead { max-width: 535px; }
.hero--coded .hero-proof { max-width: 560px; }

.hero-studio {
  position: relative;
  min-width: 0;
  width: 100%;
  min-height: 650px;
  align-self: stretch;
  z-index: 3;
  perspective: 1300px;
}
.hero-studio::before {
  content: "";
  position: absolute;
  left: -8%; right: -12%; bottom: 0;
  height: 38%;
  z-index: 0;
  border-radius: 50% 50% 0 0 / 35% 35% 0 0;
  background:
    radial-gradient(ellipse at 45% 15%, rgba(69,83,84,.52), transparent 45%),
    linear-gradient(175deg, #1a2526 0%, #101a1c 42%, #071113 100%);
  box-shadow: inset 0 25px 80px rgba(255,255,255,.025), 0 -28px 70px rgba(0,0,0,.25);
  transform: perspective(900px) rotateX(63deg) translateY(55%);
  transform-origin: bottom;
}
.hero-studio::after {
  content: "";
  position: absolute;
  inset: 0 -10% 0 -15%;
  z-index: 7;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(5,18,20,.62) 0%, transparent 24%, transparent 82%, rgba(5,18,20,.14) 100%);
}

.studio-code-monitor {
  position: absolute;
  z-index: 1;
  width: 48%;
  height: 58%;
  right: -4%;
  top: 4%;
  border: 9px solid #111c1e;
  border-radius: 12px;
  overflow: hidden;
  opacity: .76;
  filter: blur(.65px);
  transform: rotateY(-8deg) rotateZ(-.6deg);
  background: linear-gradient(135deg,#071114,#0b171c 55%,#071012);
  box-shadow: 0 30px 80px rgba(0,0,0,.44), inset 0 0 0 1px rgba(255,255,255,.05);
}
.monitor-toolbar { height: 27px; padding: 0 10px; display: flex; align-items: center; gap: 5px; background: #111e21; color: rgba(255,255,255,.25); font: 7px monospace; }
.monitor-toolbar i { width: 5px; height: 5px; border-radius: 50%; background: #5f7274; }
.monitor-toolbar i:first-child { background: #e46d52; }
.monitor-toolbar i:nth-child(2) { background: #d6ad55; }
.monitor-toolbar i:nth-child(3) { background: #5fae86; }
.monitor-toolbar span { margin-left: 7px; }
.monitor-code { padding: 23px 20px; display: grid; gap: 12px; }
.code-line { width: var(--w); height: 5px; border-radius: 20px; display: block; opacity: .78; box-shadow: 33px 0 0 -1px rgba(110,132,139,.26), 62px 0 0 -1px rgba(110,132,139,.16); }
.code-line--orange { background: #d8754b; }
.code-line--blue { background: #4fa9bf; }
.code-line--green { background: #68b795; }
.code-line--white { background: #aab8b8; }

.studio-lamp { position: absolute; z-index: 2; left: 13%; top: -3%; width: 250px; height: 240px; filter: drop-shadow(0 16px 20px rgba(0,0,0,.42)); }
.lamp-arm { position: absolute; display: block; height: 13px; border-radius: 20px; background: linear-gradient(#1f292a,#0a1011); transform-origin: left center; }
.lamp-arm--one { width: 140px; left: 15px; top: 40px; transform: rotate(48deg); }
.lamp-arm--two { width: 120px; left: 100px; top: 138px; transform: rotate(-28deg); }
.lamp-joint { position: absolute; width: 26px; height: 26px; border-radius: 50%; left: 91px; top: 119px; background: radial-gradient(circle at 35% 30%,#394445,#0c1314 66%); }
.lamp-shade { position: absolute; width: 142px; height: 52px; right: -3px; top: 137px; border-radius: 70px 70px 13px 13px; background: linear-gradient(180deg,#222c2d,#090f10 80%); transform: rotate(-1deg); box-shadow: inset 0 -5px 0 #d8c39c; }
.lamp-light { position: absolute; width: 220px; height: 170px; right: -42px; top: 171px; opacity: .48; clip-path: polygon(26% 0,74% 0,100% 100%,0 100%); background: linear-gradient(180deg,rgba(255,228,178,.47),rgba(255,210,145,0)); filter: blur(12px); }

.studio-plant { position: absolute; z-index: 1; left: 24%; top: 28%; width: 120px; height: 145px; opacity: .48; filter: blur(1.2px); }
.studio-plant i { position: absolute; width: 28px; height: 72px; left: 48px; bottom: 34px; border-radius: 100% 0 100% 0; transform-origin: 50% 100%; background: linear-gradient(145deg,#3c7653,#173827); }
.studio-plant i:nth-child(1) { transform: rotate(-58deg); }
.studio-plant i:nth-child(2) { transform: rotate(-31deg) scale(.9); }
.studio-plant i:nth-child(3) { transform: rotate(4deg) scale(1.1); }
.studio-plant i:nth-child(4) { transform: rotate(35deg) scale(.9); }
.studio-plant i:nth-child(5) { transform: rotate(61deg) scale(.78); }
.studio-plant span { position: absolute; left: 28px; bottom: 0; width: 65px; height: 48px; border-radius: 8px 8px 20px 20px; background: linear-gradient(90deg,#172224,#2c3837,#10191b); }

.coded-laptop { position: absolute; z-index: 4; left: 12%; bottom: 12%; width: 72%; transform: translateZ(20px); }
.laptop-display { width: 100%; aspect-ratio: 1.53; padding: 13px 13px 18px; border-radius: 18px 18px 9px 9px; background: linear-gradient(145deg,#252d2f,#070b0c 72%); box-shadow: 0 42px 75px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.16); transform: perspective(1050px) rotateY(-3deg) rotateX(1deg); transform-origin: bottom; }
.laptop-display::before { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; left: 50%; top: 5px; background: #465052; box-shadow: 0 0 0 1px #050808; }
.laptop-ui { width: 100%; height: 100%; overflow: hidden; display: grid; grid-template-columns: 43px 1fr; background: #e6e1d8; border-radius: 6px; color: #0b191a; }
.ui-sidebar { padding: 13px 9px; background: #0b272b; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.ui-sidebar b { width: 23px; height: 23px; border-radius: 6px; display: grid; place-items: center; background: #f3eee4; color: #0b5f68; font: 900 11px var(--font-body); letter-spacing: -.16em; }
.ui-sidebar i { width: 14px; height: 2px; border-radius: 10px; background: rgba(255,255,255,.24); }
.ui-main { padding: 22px 22px 16px; min-width: 0; }
.ui-topline { display: flex; justify-content: space-between; align-items: start; }
.ui-topline small, .ui-topline span { display: block; }
.ui-topline small { color: #e67629; font: 800 6px var(--font-body); letter-spacing: .17em; }
.ui-topline span { margin-top: 13px; color: #84847f; font: 600 5px var(--font-body); letter-spacing: .16em; }
.ui-topline b { color: rgba(11,25,26,.09); font: 500 52px/1 Georgia; }
.ui-main h3 { margin: -9px 0 17px; font: 700 clamp(20px,2vw,29px)/.96 Georgia,serif; letter-spacing: -.045em; }
.ui-preview { min-height: 160px; padding: 26px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; overflow: hidden; background: linear-gradient(135deg,#092326,#071618 58%,#0d2729); color: white; }
.ui-preview small { display: block; color: #ee842b; font: 700 5px var(--font-body); letter-spacing: .18em; }
.ui-preview strong { display: block; margin: 12px 0 17px; font: 700 23px/.9 Georgia,serif; }
.ui-preview span { font: 700 5px var(--font-body); }
.ui-preview > i { color: rgba(255,255,255,.025); font: 800 130px var(--font-body); font-style: normal; }
.ui-blocks { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 8px; margin-top: 9px; }
.ui-blocks i { height: 38px; border-radius: 6px; background: #cac5bb; }
.laptop-base { position: relative; width: 114%; height: 24px; left: -7%; margin-top: -3px; border-radius: 2px 2px 45% 45% / 2px 2px 90% 90%; background: linear-gradient(180deg,#485052,#22292a 48%,#090d0e); box-shadow: 0 22px 22px rgba(0,0,0,.42); transform: perspective(700px) rotateX(63deg); transform-origin: top; }
.laptop-base span { position: absolute; width: 22%; height: 7px; left: 39%; top: 2px; border-radius: 0 0 7px 7px; background: #687071; opacity: .52; }

.project-panels { position: absolute; z-index: 6; right: -1%; top: 31%; width: 30%; display: grid; gap: 10px; }
.signal-card, .mini-panel { border: 1px solid rgba(255,255,255,.14); background: rgba(7,32,35,.84); backdrop-filter: blur(13px); box-shadow: 0 18px 45px rgba(0,0,0,.28); }
.signal-card { min-height: 168px; border-radius: 20px; padding: 18px; background: linear-gradient(145deg,rgba(11,103,112,.92),rgba(7,54,59,.9)); }
.signal-heading { display: flex; justify-content: space-between; color: rgba(255,255,255,.45); font: 700 6px var(--font-body); letter-spacing: .12em; }
.signal-heading b { color: #66edb0; }
.signal-score { display: flex; align-items: center; gap: 12px; margin-top: 17px; }
.signal-score strong { font: 600 48px/.9 Georgia,serif; }
.signal-score span { color: rgba(255,255,255,.52); font: 700 6px/1.7 var(--font-body); letter-spacing: .08em; }
.signal-score i { color: #6ce8ac; font-style: normal; }
.signal-bars { height: 43px; margin-top: 13px; display: flex; align-items: end; gap: 6px; }
.signal-bars i { flex: 1; height: 48%; border-radius: 3px 3px 0 0; background: #9bbfc0; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.signal-bars i:nth-child(2) { height: 78%; }
.signal-bars i:nth-child(3) { height: 62%; }
.signal-bars i:nth-child(4) { height: 88%; }
.signal-bars i:nth-child(5) { height: 54%; }
.signal-bars i:nth-child(6) { height: 92%; background: var(--orange); }
.mini-panel { min-height: 82px; border-radius: 17px; padding: 14px 16px; position: relative; display: flex; flex-direction: column; justify-content: center; }
.mini-panel small { color: var(--orange); font: 700 6px var(--font-body); letter-spacing: .13em; }
.mini-panel span { margin-top: 8px; color: rgba(255,255,255,.82); font: 600 9px/1.35 Georgia,serif; }
.mini-panel b { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: rgba(255,255,255,.42); }

.studio-mug { position: absolute; z-index: 6; left: -1%; bottom: 9%; width: 126px; height: 145px; border-radius: 10px 10px 28px 28px / 9px 9px 18px 18px; background: linear-gradient(90deg,#050a0b,#1b2425 38%,#05090a 86%); box-shadow: 12px 25px 32px rgba(0,0,0,.54), inset 10px 0 20px rgba(255,255,255,.025); transform: rotate(-2deg); }
.mug-rim { position: absolute; left: 0; top: -8px; width: 100%; height: 19px; border-radius: 50%; background: radial-gradient(ellipse,#020404 0 55%,#30393a 57% 65%,#080d0e 68%); }
.mug-handle { position: absolute; width: 58px; height: 75px; right: -43px; top: 28px; border: 13px solid #090e0f; border-left-width: 7px; border-radius: 0 42px 42px 0; }
.studio-mug img { position: absolute; z-index: 2; width: 91px; left: 18px; top: 60px; filter: grayscale(1) brightness(2.6); opacity: .45; mix-blend-mode: screen; }
.studio-notebook { position: absolute; z-index: 2; left: 21%; bottom: 2%; width: 49%; height: 118px; border-radius: 5px 14px 16px 5px; background: linear-gradient(155deg,#202a2c,#0c1213 65%,#050808); transform: rotate(-5deg) skewX(-7deg); box-shadow: 0 27px 35px rgba(0,0,0,.38), inset -6px 0 0 #2d3738; }
.studio-notebook span { position: absolute; left: 9%; right: 5%; top: 12px; height: 2px; background: rgba(255,255,255,.06); }
.studio-pen { position: absolute; z-index: 6; left: 39%; bottom: 8%; width: 42%; height: 9px; border-radius: 20px; background: linear-gradient(90deg,#d59b4e 0 6%,#101719 7% 85%,#c98b3b 86% 96%,#080d0e 97%); transform: rotate(5deg); box-shadow: 0 12px 12px rgba(0,0,0,.35); }
.studio-pen i { position: absolute; width: 22%; height: 3px; right: 12%; top: -4px; border-radius: 8px; background: #bd8137; transform: rotate(-3deg); }

@media (max-width: 1180px) {
  .brand { width: 174px; }
  .header-inner { grid-template-columns: 195px 1fr auto; }
  .hero--coded .hero-inner { grid-template-columns: minmax(390px,.82fr) minmax(540px,1.18fr); }
  .hero-studio { min-height: 610px; }
  .project-panels { width: 31%; right: -2%; }
  .studio-mug { transform: scale(.88) rotate(-2deg); transform-origin: bottom left; }
}

@media (max-width: 920px) {
  .brand { width: 158px; height: 43px; }
  .header-inner { grid-template-columns: 1fr auto; }
  .hero.hero--coded { min-height: auto; }
  .hero--coded .hero-photo-wash {
    background:
      linear-gradient(180deg, rgba(3,15,17,.72) 0%, rgba(3,15,17,.88) 41%, rgba(3,15,17,.15) 62%, rgba(3,15,17,.44) 100%);
  }
  .hero--coded .hero-inner { min-height: 0; grid-template-columns: 1fr; gap: 18px; padding: 68px 20px 108px; }
  .hero--coded .hero-copy { max-width: 760px; }
  .hero-studio { min-height: 650px; max-width: 820px; margin: -20px auto 0; }
  .studio-code-monitor { width: 51%; height: 52%; right: -1%; top: 5%; }
  .coded-laptop { left: 18%; bottom: 12%; width: 76%; }
  .project-panels { width: 31%; right: 0; top: 29%; }
  .studio-mug { left: 1%; bottom: 6%; }
}

@media (max-width: 620px) {
  .campaign-bar__content { padding: 9px 15px; gap: 8px; font-size: 9px; justify-content: flex-start; }
  .campaign-bar__content p { line-height: 1.4; }
  .campaign-bar__content a { margin-left: auto; white-space: nowrap; }
  .brand { width: 142px; height: 38px; }
  .site-header, .site-header.scrolled { height: 70px; }
  .menu-toggle { width: 43px; height: 43px; }
  .hero--coded .hero-inner { padding: 52px 18px 99px; gap: 2px; }
  .hero--coded .hero h1 { font-size: clamp(46px,13.4vw,61px); line-height: .97; }
  .hero--coded .hero-lead { font-size: 14px; line-height: 1.65; }
  .hero--coded .hero-actions { gap: 20px; }
  .hero--coded .hero-proof { display: none; }
  .hero-studio { min-height: 620px; width: calc(100% + 36px); margin-left: -18px; margin-top: -2px; overflow: hidden; }
  .hero-studio::before { left: -25%; right: -25%; bottom: -1%; height: 35%; }
  .studio-code-monitor { width: 58%; height: 47%; right: -18%; top: 2%; opacity: .66; }
  .studio-lamp { left: 24%; top: 3%; transform: scale(.72); transform-origin: top left; }
  .studio-plant { left: 34%; top: 29%; transform: scale(.8); }
  .coded-laptop { width: 93%; left: 22%; bottom: 13%; }
  .laptop-display { padding: 8px 8px 12px; border-radius: 12px 12px 6px 6px; }
  .laptop-ui { grid-template-columns: 31px 1fr; }
  .ui-sidebar { padding: 9px 5px; gap: 15px; }
  .ui-sidebar b { width: 20px; height: 20px; }
  .ui-main { padding: 14px 13px 10px; }
  .ui-topline b { font-size: 39px; }
  .ui-main h3 { font-size: 20px; margin-top: -5px; }
  .ui-preview { min-height: 128px; padding: 18px; }
  .ui-preview strong { font-size: 19px; }
  .ui-preview > i { font-size: 92px; }
  .project-panels { width: 48%; left: 3%; right: auto; top: 36%; gap: 7px; }
  .signal-card { min-height: 137px; padding: 13px; border-radius: 16px; }
  .signal-score { margin-top: 12px; }
  .signal-score strong { font-size: 39px; }
  .signal-bars { height: 31px; margin-top: 9px; gap: 4px; }
  .mini-panel { min-height: 64px; padding: 10px 11px; border-radius: 13px; }
  .mini-panel span { max-width: 82%; font-size: 7.4px; }
  .studio-mug { left: 5%; bottom: 0; transform: scale(.74) rotate(-2deg); }
  .studio-notebook { left: 35%; bottom: 1%; width: 57%; height: 91px; }
  .studio-pen { left: 51%; bottom: 7%; width: 42%; }
}


/* --------------------------------------------------------------------------
   Homepage V6 — premium photographic hero background
   Keeps every coded hero element from V5 and changes only the background layer.
   -------------------------------------------------------------------------- */
.hero.hero--coded {
  background-color: #041113;
  background-image: url("assets/hero-workspace-desktop.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.hero--coded .hero-photo-wash {
  z-index: 1;
  background:
    linear-gradient(90deg,
      rgba(2, 12, 14, .97) 0%,
      rgba(3, 16, 19, .91) 28%,
      rgba(4, 21, 24, .74) 49%,
      rgba(4, 25, 29, .46) 72%,
      rgba(2, 13, 15, .56) 100%),
    linear-gradient(180deg,
      rgba(1, 9, 11, .28) 0%,
      rgba(4, 22, 25, .25) 46%,
      rgba(2, 13, 15, .84) 100%),
    radial-gradient(circle at 73% 40%, rgba(44, 155, 175, .18), transparent 36%),
    linear-gradient(135deg, rgba(255, 125, 1, .05), transparent 48%);
}

.hero--coded::before {
  opacity: .16;
  mix-blend-mode: soft-light;
}

.hero-studio {
  filter: saturate(.96) contrast(1.02);
}

@media (max-width: 920px) {
  .hero.hero--coded {
    background-image: url("assets/hero-workspace-mobile.webp");
    background-size: cover;
    background-position: center top;
  }

  .hero--coded .hero-photo-wash {
    background:
      linear-gradient(180deg,
        rgba(2, 12, 15, .92) 0%,
        rgba(3, 16, 19, .87) 27%,
        rgba(3, 18, 21, .72) 49%,
        rgba(3, 18, 21, .46) 66%,
        rgba(2, 12, 14, .84) 100%),
      linear-gradient(90deg,
        rgba(2, 12, 14, .72) 0%,
        rgba(4, 24, 28, .34) 52%,
        rgba(2, 12, 14, .58) 100%),
      radial-gradient(circle at 64% 60%, rgba(44, 155, 175, .16), transparent 42%),
      linear-gradient(145deg, rgba(255, 125, 1, .055), transparent 45%);
  }
}

@media (max-width: 620px) {
  .hero.hero--coded {
    background-position: 50% top;
  }

  .hero--coded .hero-photo-wash {
    background:
      linear-gradient(180deg,
        rgba(2, 11, 13, .94) 0%,
        rgba(2, 13, 16, .90) 25%,
        rgba(3, 17, 20, .72) 47%,
        rgba(3, 17, 20, .42) 67%,
        rgba(2, 11, 13, .88) 100%),
      linear-gradient(90deg,
        rgba(2, 11, 13, .78) 0%,
        rgba(4, 22, 25, .32) 56%,
        rgba(2, 11, 13, .54) 100%),
      radial-gradient(circle at 72% 58%, rgba(44, 155, 175, .15), transparent 40%);
  }
}

/* =========================================================
   SERVICES OVERVIEW PAGE
   WordPress destination: archive-service.php / page-services.php
   ========================================================= */
.main-nav a.is-active::after { right: 0; }
.services-hero { min-height: 760px; background: var(--ink); color: white; position: relative; overflow: hidden; }
.services-hero__photo { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(4,18,21,.96) 0%, rgba(4,18,21,.84) 40%, rgba(4,18,21,.43) 72%, rgba(4,18,21,.65) 100%), linear-gradient(180deg, rgba(7,23,25,.18), rgba(7,23,25,.78)), url("assets/hero-workspace-desktop.webp"); background-size: cover; background-position: center; filter: saturate(.73) contrast(1.08); transform: scale(1.015); }
.services-hero__photo::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 77% 34%, rgba(11,119,129,.20), transparent 34%), radial-gradient(circle at 24% 73%, rgba(255,138,31,.10), transparent 29%); }
.services-hero__inner { max-width: var(--max); min-height: 720px; margin:auto; padding: clamp(82px,8vw,126px) 4vw 118px; display:grid; grid-template-columns:minmax(450px,.92fr) minmax(570px,1.08fr); align-items:center; gap:clamp(45px,6vw,100px); position:relative; z-index:2; }
.services-hero__copy h1 { margin:24px 0 27px; max-width:750px; font:800 clamp(58px,6.1vw,96px)/.92 var(--font-body); letter-spacing:-.075em; }
.services-hero__copy h1 em { color:var(--orange); font-style:normal; }
.services-hero__copy > p { max-width:650px; margin:0; color:rgba(255,255,255,.65); font-size:clamp(15px,1.18vw,18px); line-height:1.7; }
.services-hero__proof { margin-top:48px; padding-top:21px; border-top:1px solid rgba(255,255,255,.17); display:flex; gap:35px; flex-wrap:wrap; }
.services-hero__proof span { color:rgba(255,255,255,.42); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.services-hero__proof b { color:white; margin-right:7px; font:800 15px var(--font-body); }
.button--dark { background:var(--ink); color:white; }
.service-command { min-width:0; padding:17px; background:rgba(5,28,31,.86); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.15); border-radius:28px; box-shadow:0 40px 100px rgba(0,0,0,.4); }
.service-command__top,.service-command__bottom { display:flex; align-items:center; justify-content:space-between; padding:3px 5px 15px; color:rgba(255,255,255,.42); font:8px monospace; letter-spacing:.12em; }
.service-command__top i { font-style:normal; color:#7bf1b4; display:flex; align-items:center; gap:7px; }
.service-command__top i b { width:6px; height:6px; border-radius:50%; background:#7bf1b4; box-shadow:0 0 10px #7bf1b4; }
.service-command__bottom { padding:15px 5px 2px; gap:12px; }
.service-command__bottom span { padding:7px 9px; border:1px solid rgba(255,255,255,.10); border-radius:999px; }
.service-map { min-height:510px; border-radius:20px; position:relative; overflow:hidden; background-color:#0a292d; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:35px 35px; }
.service-map::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at center,rgba(11,119,129,.24),transparent 42%); pointer-events:none; }
.service-map__core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:145px; height:145px; border-radius:50%; background:var(--orange); color:var(--ink); display:grid; place-content:center; text-align:center; z-index:4; box-shadow:0 0 0 14px rgba(255,138,31,.08),0 18px 50px rgba(0,0,0,.35); }
.service-map__core span { font:900 47px/.8 var(--font-body); letter-spacing:-.14em; }
.service-map__core small { margin-top:12px; font:800 7px/1.5 var(--font-body); letter-spacing:.13em; }
.service-map__node { position:absolute; z-index:5; width:185px; min-height:95px; padding:14px 15px; border-radius:15px; border:1px solid rgba(255,255,255,.14); background:rgba(10,38,42,.88); box-shadow:0 15px 35px rgba(0,0,0,.18); transition:.25s; }
.service-map__node:hover { transform:translateY(-4px); border-color:rgba(255,138,31,.55); }
.service-map__node i { color:var(--orange); font:8px monospace; font-style:normal; }
.service-map__node b,.service-map__node small { display:block; }
.service-map__node b { margin-top:8px; font:700 15px var(--font-body); }
.service-map__node small { margin-top:5px; color:rgba(255,255,255,.42); font-size:8px; line-height:1.4; }
.node-web{left:24px;top:29px}.node-software{right:24px;top:29px}.node-security{left:18px;top:207px}.node-brand{right:18px;top:207px}.node-seo{left:58px;bottom:30px}.node-support{right:58px;bottom:30px}
.service-map__line { position:absolute; left:50%; top:50%; width:72%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,138,31,.38),transparent); transform-origin:center; z-index:2; }
.line-a{transform:translate(-50%,-50%) rotate(0deg)}.line-b{transform:translate(-50%,-50%) rotate(58deg)}.line-c{transform:translate(-50%,-50%) rotate(-58deg)}
.service-intro__grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(340px,.62fr); gap:8vw; padding:58px 0 52px; }
.service-intro__copy { align-self:end; }
.service-intro__copy p { margin:0 0 18px; color:var(--muted); line-height:1.75; font-size:14px; }
.service-jump { position:relative; display:grid; grid-template-columns:repeat(6,1fr); border:1px solid var(--line); border-radius:18px; overflow:hidden; background:rgba(255,255,255,.35); }
.service-jump a { min-height:60px; display:grid; place-items:center; border-right:1px solid var(--line); font-size:10px; font-weight:800; transition:.2s; }
.service-jump a:last-child{border-right:0}.service-jump a:hover{background:var(--teal);color:white}
.service-directory { background:var(--paper); }
.service-detail { scroll-margin-top:90px; padding:clamp(88px,9vw,140px) 4vw; }
.service-detail__inner { max-width:calc(var(--max) - 8vw); margin:auto; display:grid; grid-template-columns:minmax(380px,.78fr) minmax(500px,1.22fr); gap:clamp(45px,7vw,105px); align-items:center; }
.service-detail__copy h2 { margin:20px 0 22px; font:800 clamp(45px,5.3vw,78px)/.98 var(--font-body); letter-spacing:-.068em; }
.service-detail__copy > p { max-width:620px; margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.service-detail__number { color:var(--orange); font-size:8px; font-weight:800; letter-spacing:.16em; }
.service-detail__actions { display:flex; gap:26px; align-items:center; flex-wrap:wrap; margin-top:31px; }
.service-detail__actions .arrow-link { margin-top:0; }
.service-detail__visual { min-height:465px; border-radius:26px; position:relative; overflow:hidden; box-shadow:var(--shadow); }
.service-detail__scope { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr .72fr; border-top:1px solid currentColor; border-color:var(--line); padding-top:35px; margin-top:10px; }
.service-detail__scope > div { padding:0 28px; border-right:1px solid var(--line); }
.service-detail__scope > div:first-child{padding-left:0}.service-detail__scope > div:last-child{border:0;padding-right:0}
.service-detail__scope small { color:var(--orange); font-size:8px; font-weight:800; letter-spacing:.15em; }
.service-detail__scope ul { list-style:none; padding:0; margin:20px 0 0; display:grid; gap:12px; }
.service-detail__scope li { padding-left:17px; position:relative; color:var(--muted); font-size:11px; }
.service-detail__scope li::before{content:"+";position:absolute;left:0;color:var(--orange);font-weight:800}
.service-fit { display:flex; flex-direction:column; gap:9px; }
.service-fit b { width:max-content; padding:8px 11px; border:1px solid var(--line); border-radius:999px; font-size:9px; }
.service-fit span { margin-top:7px; color:var(--muted); font-size:9px; line-height:1.55; }
.service-detail--dark { background:var(--ink); color:white; }
.service-detail--dark .service-detail__copy > p,.service-detail--dark .service-detail__scope li,.service-detail--dark .service-fit span{color:rgba(255,255,255,.52)}
.service-detail--dark .service-detail__scope,.service-detail--dark .service-detail__scope>div,.service-detail--dark .service-fit b{border-color:rgba(255,255,255,.14)}
.service-detail--cream { background:#e8e1d5; }
.service-detail--teal { background:var(--teal); color:white; }
.service-detail--teal .service-detail__copy > p,.service-detail--teal .service-detail__scope li,.service-detail--teal .service-fit span{color:rgba(255,255,255,.62)}
.service-detail--teal .service-detail__scope,.service-detail--teal .service-detail__scope>div,.service-detail--teal .service-fit b{border-color:rgba(255,255,255,.20)}
.web-service-visual { background:linear-gradient(145deg,#d6d0c4,#a9b2ae); padding:34px; }
.web-window { position:absolute; left:34px; right:88px; top:44px; bottom:38px; border-radius:15px; overflow:hidden; background:#f4f0e7; box-shadow:0 25px 55px rgba(7,23,25,.22); transform:rotate(-2deg); }
.web-window__bar { height:31px; background:#e7e0d5; display:flex; align-items:center; gap:6px; padding:0 12px; }
.web-window__bar i { width:6px;height:6px;border-radius:50%;background:#aaa398}.web-window__bar span{margin:auto;color:#837e75;font-size:7px}
.web-window__body{height:calc(100% - 31px);display:grid;grid-template-columns:44px 1fr}.web-window__body aside{background:#0a3236;display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:13px}.web-window__body aside b{width:27px;height:27px;border-radius:7px;background:var(--teal);color:white;display:grid;place-items:center;font:900 13px var(--font-body)}.web-window__body aside i{width:13px;height:2px;background:rgba(255,255,255,.25)}
.web-window__body main { padding:35px; background:#f0ebe1; }
.web-window__body main small{color:var(--orange);font-size:6px;letter-spacing:.17em}.web-window__body main strong{display:block;margin:22px 0;font:800 35px/.95 var(--font-body);letter-spacing:-.07em}.web-window__body main>span{display:block;width:70px;height:20px;border-radius:20px;background:var(--orange)}.web-window__body main>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:31px}.web-window__body main>div i{height:72px;border-radius:7px;background:#d4cec2}
.web-metric { position:absolute; right:24px; top:125px; width:160px; min-height:190px; padding:20px; border-radius:18px; background:#0a626b; color:white; box-shadow:0 25px 55px rgba(7,23,25,.3); }
.web-metric small,.web-metric b,.web-metric span{display:block}.web-metric small{font-size:7px;letter-spacing:.14em;color:rgba(255,255,255,.5)}.web-metric b{margin:24px 0 16px;font:800 68px/.8 var(--font-body)}.web-metric span{font-size:8px;color:#8df1bf}
.software-service-visual { background-color:#0b2427; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:38px 38px; }
.flow-card { position:absolute; width:210px; min-height:105px; padding:17px; border:1px solid rgba(255,255,255,.15); background:rgba(13,47,51,.94); border-radius:16px; z-index:2; box-shadow:0 18px 35px rgba(0,0,0,.25); }
.flow-card small,.flow-card b,.flow-card span{display:block}.flow-card small{color:var(--orange);font-size:7px;letter-spacing:.14em}.flow-card b{margin:10px 0 7px;font:700 16px var(--font-body)}.flow-card span{color:rgba(255,255,255,.45);font-size:8px}.flow-card--input{left:32px;top:42px}.flow-card--logic{left:50%;top:50%;transform:translate(-50%,-50%);border-color:rgba(255,138,31,.4)}.flow-card--output{right:32px;bottom:42px}
.flow-path { position:absolute; height:2px; width:42%; background:linear-gradient(90deg,var(--orange),rgba(255,138,31,.15)); transform-origin:left; }.path-one{left:205px;top:150px;transform:rotate(26deg)}.path-two{left:50%;top:57%;transform:rotate(26deg)}
.software-status{position:absolute;left:32px;bottom:38px;display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.5);font-size:7px;letter-spacing:.11em}.software-status i{width:7px;height:7px;border-radius:50%;background:#71efad;box-shadow:0 0 12px #71efad}.software-status b{color:white;margin-left:12px}
.security-service-visual { background:radial-gradient(circle at 42% 48%,#0d5159,#092428 60%,#071719); }
.security-radar { position:absolute; width:310px;height:310px;left:42px;top:70px;border:1px solid rgba(117,238,183,.28);border-radius:50%;display:grid;place-items:center}.security-radar::before,.security-radar::after{content:"";position:absolute;border:1px solid rgba(117,238,183,.18);border-radius:50%}.security-radar::before{inset:48px}.security-radar::after{inset:98px}.security-radar>i{position:absolute;background:rgba(117,238,183,.13)}.security-radar>i:nth-child(1){width:100%;height:1px}.security-radar>i:nth-child(2){height:100%;width:1px}.security-radar>i:nth-child(3){width:70%;height:1px;transform:rotate(45deg)}.security-radar>i:nth-child(4){width:70%;height:1px;transform:rotate(-45deg)}.security-radar>span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);right:58px;top:78px;box-shadow:0 0 15px var(--orange)}.security-radar>b{width:72px;height:72px;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center;font:900 23px var(--font-body)}
.security-score{position:absolute;right:30px;top:40px;width:200px;padding:18px;border-radius:17px;background:rgba(4,19,21,.82);border:1px solid rgba(255,255,255,.12);color:white}.security-score small,.security-score strong,.security-score span{display:block}.security-score small{font-size:7px;color:rgba(255,255,255,.44);letter-spacing:.13em}.security-score strong{margin:16px 0;font:800 68px/.8 var(--font-body)}.security-score span{font-size:8px;color:#77efb5}.security-score span i{display:inline-block;width:6px;height:6px;background:#77efb5;border-radius:50%;margin-right:6px}
.security-log{position:absolute;right:30px;bottom:38px;width:230px;padding:18px;border-radius:17px;background:rgba(4,19,21,.82);border:1px solid rgba(255,255,255,.12);color:white}.security-log small{display:block;color:var(--orange);font-size:7px;letter-spacing:.13em;margin-bottom:13px}.security-log span{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);font-size:8px;color:rgba(255,255,255,.55)}.security-log span i{width:7px;height:7px;border-radius:50%;border:1px solid #76efb4;box-shadow:inset 0 0 0 2px #0a292d}
.brand-service-visual{background:#d5bcff;color:#17121e}.brand-board{position:absolute;left:35px;top:35px;bottom:35px;width:55%;padding:32px;background:#17121e;color:white;border-radius:20px;display:flex;flex-direction:column}.brand-mark{width:58px;height:58px;border-radius:14px;background:var(--orange);color:#17121e;display:grid;place-items:center;font:900 27px var(--font-body);letter-spacing:-.12em}.brand-board strong{margin:auto 0 20px;font:800 40px/.98 var(--font-body);letter-spacing:-.07em}.brand-board span{font-size:7px;letter-spacing:.16em;color:#d5bcff}
.brand-swatches{position:absolute;right:34px;top:35px;display:grid;grid-template-columns:repeat(2,70px);gap:9px}.brand-swatches i{height:70px;border-radius:15px}.brand-swatches i:nth-child(1){background:#ff8a1f}.brand-swatches i:nth-child(2){background:#0b5f68}.brand-swatches i:nth-child(3){background:#f4f1ea}.brand-swatches i:nth-child(4){background:#17121e}
.brand-type{position:absolute;right:34px;top:205px;width:150px;padding:17px;border-radius:16px;background:#f4f1ea}.brand-type small,.brand-type b,.brand-type span{display:block}.brand-type small{font-size:6px;letter-spacing:.13em}.brand-type b{font:800 53px/.9 var(--font-body)}.brand-type span{font-size:8px;color:#675c70}
.brand-card{position:absolute;right:34px;bottom:35px;width:230px;padding:20px;border-radius:16px;background:var(--orange);transform:rotate(-3deg)}.brand-card span{font-size:6px;letter-spacing:.13em}.brand-card b{display:block;margin-top:20px;font:800 20px/1.05 var(--font-body);letter-spacing:-.04em}
.seo-service-visual{background:linear-gradient(145deg,#e7e2d7,#b8c8c5);padding:35px}.search-field{height:54px;border-radius:999px;background:white;display:flex;align-items:center;gap:15px;padding:0 20px;box-shadow:0 10px 30px rgba(7,23,25,.1)}.search-field span{font-size:22px}.search-field b{font-size:12px}.search-field i{margin-left:auto;width:33px;height:33px;border-radius:50%;background:var(--orange)}
.seo-result{position:absolute;border-radius:17px;box-shadow:0 22px 50px rgba(7,23,25,.18)}.seo-result--one{left:40px;right:175px;top:125px;bottom:38px;padding:28px;background:#f5f1e8}.seo-result--one small,.seo-result--one b,.seo-result--one span{display:block}.seo-result--one small{color:var(--orange);font-size:7px;letter-spacing:.14em}.seo-result--one b{margin:24px 0 14px;font:700 28px/1.05 var(--font-body);letter-spacing:-.04em}.seo-result--one span{color:var(--muted);font-size:10px;line-height:1.6}
.seo-result--two{right:30px;top:160px;width:210px;min-height:220px;padding:20px;background:#0a626b;color:white}.seo-result--two small{font-size:7px;color:rgba(255,255,255,.5);letter-spacing:.13em}.seo-result--two b{display:block;margin:18px 0;font:800 55px/.85 var(--font-body)}.seo-result--two div{height:78px;display:flex;align-items:end;gap:8px}.seo-result--two i{flex:1;background:rgba(255,255,255,.4);border-radius:4px 4px 0 0}.seo-result--two i:nth-child(1){height:20%}.seo-result--two i:nth-child(2){height:38%}.seo-result--two i:nth-child(3){height:50%}.seo-result--two i:nth-child(4){height:68%}.seo-result--two i:nth-child(5){height:85%;background:var(--orange)}.seo-result--two i:nth-child(6){height:75%}
.support-service-visual{background:#0b2528;padding:32px;color:white}.support-head{display:flex;justify-content:space-between;align-items:center}.support-head span{font-size:8px;letter-spacing:.12em;color:#7cefb6}.support-head span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7cefb6;margin-right:8px;box-shadow:0 0 11px #7cefb6}.support-head b{font:800 35px var(--font-body)}
.support-chart{height:190px;margin-top:40px;padding:0 5px 22px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:end;gap:10px}.support-chart i{flex:1;background:linear-gradient(#0b7781,#0b5158);border-radius:5px 5px 0 0}.support-chart i:nth-child(1){height:65%}.support-chart i:nth-child(2){height:78%}.support-chart i:nth-child(3){height:74%}.support-chart i:nth-child(4){height:88%}.support-chart i:nth-child(5){height:84%}.support-chart i:nth-child(6){height:91%}.support-chart i:nth-child(7){height:87%}.support-chart i:nth-child(8){height:96%;background:var(--orange)}.support-chart i:nth-child(9){height:92%}.support-chart i:nth-child(10){height:97%}.support-chart i:nth-child(11){height:94%}.support-chart i:nth-child(12){height:98%}
.support-items{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.support-items span{padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:13px;color:rgba(255,255,255,.55);font-size:8px}.support-items span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7cefb6;margin-right:7px}.support-items span b{display:block;margin-top:10px;color:white;font-size:10px}
.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.engagement-card{min-height:540px;padding:29px;border:1px solid var(--line);border-radius:23px;display:flex;flex-direction:column}.engagement-card>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font:700 12px var(--font-body)}.engagement-card>small{margin-top:65px;color:var(--orange);font-size:8px;letter-spacing:.14em}.engagement-card h3{margin:18px 0;font:700 clamp(28px,2.7vw,41px)/1.05 var(--font-body);letter-spacing:-.055em}.engagement-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.engagement-card ul{list-style:none;padding:0;margin:30px 0;display:grid;gap:12px}.engagement-card li{font-size:10px;padding-left:17px;position:relative}.engagement-card li::before{content:"✓";position:absolute;left:0;color:var(--orange)}.engagement-card a{margin-top:auto;width:max-content;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:10px;font-weight:800}.engagement-card--featured{background:var(--teal);color:white;border-color:transparent;transform:translateY(-15px);box-shadow:var(--shadow)}.engagement-card--featured>span{border-color:rgba(255,255,255,.2)}.engagement-card--featured p{color:rgba(255,255,255,.6)}
.delivery-section{background:var(--ink);color:white;padding:clamp(90px,9vw,140px) 4vw}.delivery-section__inner{max-width:calc(var(--max) - 8vw);margin:auto;display:grid;grid-template-columns:minmax(360px,.62fr) minmax(0,1.38fr);gap:8vw}.delivery-heading h2{margin:18px 0 24px;font:800 clamp(45px,5.3vw,78px)/.98 var(--font-body);letter-spacing:-.068em}.delivery-heading p{color:rgba(255,255,255,.48);font-size:13px;line-height:1.75}.delivery-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12)}.delivery-steps article{min-height:245px;padding:28px;background:var(--ink)}.delivery-steps span{color:var(--orange);font:8px monospace}.delivery-steps h3{margin:65px 0 12px;font:700 22px var(--font-body)}.delivery-steps p{margin:0;color:rgba(255,255,255,.45);font-size:11px;line-height:1.65}
.security-policy{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.security-policy__icon{width:66px;height:66px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font:800 24px var(--font-body)}.security-policy__copy h2{margin:15px 0 13px;font:800 clamp(35px,4vw,58px)/1 var(--font-body);letter-spacing:-.06em}.security-policy__copy p{max-width:850px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.service-faq{padding-top:50px}

@media (max-width:1180px){
  .services-hero__inner{grid-template-columns:minmax(380px,.85fr) minmax(470px,1.15fr);gap:35px}.service-map__node{width:160px}.node-seo{left:30px}.node-support{right:30px}
  .service-detail__inner{grid-template-columns:minmax(330px,.78fr) minmax(440px,1.22fr);gap:45px}.service-detail__visual{min-height:420px}.service-detail__copy h2{font-size:clamp(43px,5vw,68px)}
  .web-window{right:68px}.web-metric{width:145px}.security-radar{width:270px;height:270px}.brand-board{width:52%}
}
@media (max-width:920px){
  .services-hero__photo{background-image:linear-gradient(180deg,rgba(4,18,21,.88) 0%,rgba(4,18,21,.72) 50%,rgba(4,18,21,.91) 100%),url("assets/hero-workspace-mobile.webp");background-position:center 32%}
  .services-hero__inner{grid-template-columns:1fr;min-height:auto;padding-top:80px;gap:60px}.services-hero__copy{max-width:690px}.services-hero__copy h1{font-size:clamp(54px,10vw,88px)}.service-command{max-width:690px;width:100%;margin:auto}.service-map{min-height:560px}
  .service-intro__grid{grid-template-columns:1fr;gap:38px}.service-jump{grid-template-columns:repeat(3,1fr)}.service-jump a:nth-child(3){border-right:0}.service-jump a:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .service-detail__inner{grid-template-columns:1fr}.service-detail__copy{max-width:760px}.service-detail__visual{min-height:500px}.service-detail__scope{grid-template-columns:1fr 1fr}.service-fit{grid-column:1/-1;padding:30px 0 0!important;border-top:1px solid var(--line)!important;margin-top:28px}.service-detail--dark .service-fit,.service-detail--teal .service-fit{border-color:rgba(255,255,255,.14)!important}
  .engagement-grid{grid-template-columns:1fr}.engagement-card{min-height:420px}.engagement-card--featured{transform:none}.delivery-section__inner{grid-template-columns:1fr}.security-policy{grid-template-columns:auto 1fr}.security-policy>a{grid-column:2}
}
@media (max-width:620px){
  .services-hero{min-height:auto}.services-hero__inner{padding:65px 6vw 100px;gap:45px}.services-hero__copy h1{font-size:clamp(47px,14vw,68px)}.services-hero__copy>p{font-size:14px}.services-hero__proof{display:grid;grid-template-columns:1fr 1fr;gap:16px}.services-hero__proof span:last-child{grid-column:1/-1}
  .service-command{padding:10px;border-radius:21px}.service-map{min-height:690px}.service-map__core{width:115px;height:115px}.service-map__node{width:calc(50% - 25px);min-height:98px}.node-web{left:15px;top:20px}.node-software{right:15px;top:20px}.node-security{left:15px;top:177px}.node-brand{right:15px;top:177px}.node-seo{left:15px;bottom:25px}.node-support{right:15px;bottom:25px}.service-command__bottom{display:grid;grid-template-columns:1fr;text-align:center}.service-command__bottom span{display:block}.service-map__line{width:85%}
  .service-intro{padding-top:80px}.service-jump{grid-template-columns:repeat(2,1fr)}.service-jump a:nth-child(odd){border-right:1px solid var(--line)}.service-jump a:nth-child(even){border-right:0}.service-jump a:nth-child(-n+4){border-bottom:1px solid var(--line)}
  .service-detail{padding:82px 5vw}.service-detail__copy h2{font-size:clamp(39px,12vw,56px)}.service-detail__visual{min-height:390px}.service-detail__scope{grid-template-columns:1fr}.service-detail__scope>div{padding:27px 0;border-right:0;border-bottom:1px solid var(--line)}.service-detail__scope>div:first-child{padding-top:0}.service-detail__scope>div:last-child{border-bottom:0}.service-fit{grid-column:auto!important;margin-top:0!important;border-top:0!important}.service-detail--dark .service-detail__scope>div,.service-detail--teal .service-detail__scope>div{border-color:rgba(255,255,255,.14)}
  .web-service-visual{padding:18px}.web-window{left:18px;right:45px;top:32px;bottom:25px}.web-window__body main{padding:23px}.web-window__body main strong{font-size:27px}.web-metric{right:10px;top:150px;width:125px;min-height:158px;padding:14px}.web-metric b{font-size:55px}.web-window__body main>div i{height:48px}
  .flow-card{width:170px;min-height:90px}.flow-card--input{left:15px;top:25px}.flow-card--output{right:15px;bottom:25px}.flow-path{display:none}.software-status{left:18px;bottom:135px}
  .security-radar{width:230px;height:230px;left:-20px;top:75px}.security-score{right:12px;top:25px;width:165px}.security-log{right:12px;bottom:25px;width:205px}.brand-board{left:18px;top:20px;bottom:20px;width:57%;padding:20px}.brand-board strong{font-size:28px}.brand-swatches{right:18px;top:20px;grid-template-columns:repeat(2,50px)}.brand-swatches i{height:50px}.brand-type{right:18px;top:142px;width:110px}.brand-type b{font-size:42px}.brand-card{right:18px;bottom:22px;width:165px;padding:15px}.brand-card b{font-size:16px}.seo-service-visual{padding:18px}.seo-result--one{left:18px;right:78px;top:105px;bottom:25px;padding:20px}.seo-result--one b{font-size:21px}.seo-result--two{right:10px;top:170px;width:135px;min-height:175px;padding:14px}.seo-result--two b{font-size:43px}.support-service-visual{padding:20px}.support-chart{height:155px;gap:5px}.support-items{grid-template-columns:1fr}.support-items span{padding:10px}.engagement-card{min-height:480px}.delivery-steps{grid-template-columns:1fr}.delivery-steps article{min-height:210px}.security-policy{grid-template-columns:1fr}.security-policy>a{grid-column:auto}.security-policy__icon{width:54px;height:54px}
}

/* --------------------------------------------------------------------------
   Services V2 — photo-led backgrounds
   Removes synthetic grid textures and replaces them with real workspace images.
   -------------------------------------------------------------------------- */
.hero-grid,
.contact-grid {
  display: none !important;
  background: none !important;
  mask-image: none !important;
}

.hero--coded::before {
  display: none !important;
}

.services-page .service-map {
  background-color: #07191c;
  background-image:
    linear-gradient(135deg, rgba(3,18,21,.90) 0%, rgba(4,29,33,.69) 50%, rgba(3,17,20,.93) 100%),
    radial-gradient(circle at 50% 48%, rgba(11,119,129,.22), transparent 48%),
    url("assets/service-map-photo.webp");
  background-size: cover;
  background-position: center;
}
.services-page .service-map::after {
  background:
    linear-gradient(180deg, rgba(3,16,19,.18), rgba(3,16,19,.62)),
    radial-gradient(circle at center, rgba(255,138,31,.08), transparent 38%);
}

.services-page .software-service-visual {
  background-color: #07191c;
  background-image:
    linear-gradient(120deg, rgba(3,17,20,.92), rgba(4,31,35,.68) 55%, rgba(3,17,20,.90)),
    url("assets/software-code-photo.webp");
  background-size: cover;
  background-position: center;
}
.services-page .software-service-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(5,24,27,.08), rgba(4,18,21,.52));
}
.services-page .software-service-visual > * {
  position: absolute;
  z-index: 2;
}

.services-page .delivery-section {
  position: relative;
  isolation: isolate;
  background-color: var(--ink);
  background-image:
    linear-gradient(90deg, rgba(3,16,19,.96) 0%, rgba(4,25,29,.86) 45%, rgba(3,17,20,.82) 100%),
    linear-gradient(180deg, rgba(3,16,19,.48), rgba(3,16,19,.94)),
    url("assets/delivery-workspace-photo.webp");
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
}
.services-page .delivery-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 78% 22%, rgba(11,119,129,.16), transparent 34%);
}
.services-page .delivery-steps {
  background: rgba(255,255,255,.11);
  backdrop-filter: blur(5px);
}
.services-page .delivery-steps article {
  background: rgba(4,18,21,.84);
  backdrop-filter: blur(8px);
}

.contact-section {
  background-color: var(--ink);
  background-image:
    linear-gradient(90deg, rgba(2,13,15,.97) 0%, rgba(3,19,22,.89) 46%, rgba(3,19,22,.62) 76%, rgba(2,13,15,.75) 100%),
    linear-gradient(180deg, rgba(3,16,19,.24), rgba(3,16,19,.90)),
    url("assets/contact-workspace-photo.webp");
  background-size: cover;
  background-position: center;
}
.contact-section::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 34%, rgba(11,119,129,.20), transparent 34%),
    linear-gradient(135deg, rgba(255,138,31,.045), transparent 45%);
}
.contact-copy,
.contact-actions {
  z-index: 3;
}

@media (max-width: 920px) {
  .services-page .service-map {
    background-image:
      linear-gradient(180deg, rgba(3,18,21,.84), rgba(3,18,21,.94)),
      url("assets/software-code-photo.webp");
    background-position: center 35%;
  }
  .services-page .delivery-section,
  .contact-section {
    background-image:
      linear-gradient(180deg, rgba(2,13,15,.94) 0%, rgba(3,19,22,.78) 48%, rgba(2,13,15,.94) 100%),
      url("assets/hero-workspace-mobile.webp");
    background-position: center 36%;
  }
}

/* ========================================================================== 
   Individual service page — Social Media, SEO & Bot Creation
   ========================================================================== */
.single-service-page { background: var(--paper); }
.single-service-page .main-nav .is-active::after { right: 0; }
.single-service-page .site-header .brand { width: 214px; }

.single-service-hero { min-height: 790px; background: var(--ink); color: white; position: relative; overflow: hidden; }
.single-service-hero__photo { position: absolute; inset: 0; background-image: linear-gradient(90deg,rgba(2,15,18,.96) 0%,rgba(3,20,24,.91) 40%,rgba(3,21,25,.48) 70%,rgba(3,18,21,.68) 100%), linear-gradient(180deg,rgba(3,17,20,.22),rgba(3,17,20,.88)), url("assets/social-hero-desktop.webp"); background-size: cover; background-position: center; filter: saturate(.72) contrast(1.08); transform: scale(1.012); }
.single-service-hero__photo::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 76% 35%,rgba(11,119,129,.22),transparent 34%),radial-gradient(circle at 31% 72%,rgba(255,138,31,.09),transparent 30%); }
.single-service-hero__inner { max-width:var(--max); min-height:750px; margin:auto; padding:clamp(80px,8vw,126px) 4vw 115px; display:grid; grid-template-columns:minmax(450px,.9fr) minmax(560px,1.1fr); gap:clamp(48px,6vw,95px); align-items:center; position:relative; z-index:2; }
.service-back-link { display:inline-block; margin-bottom:30px; color:rgba(255,255,255,.52); font-size:10px; font-weight:700; }
.single-service-hero__copy h1 { margin:24px 0 28px; font:800 clamp(59px,6.1vw,96px)/.92 var(--font-body); letter-spacing:-.075em; }
.single-service-hero__copy h1 em { color:var(--orange); font-style:normal; }
.single-service-hero__copy > p { max-width:640px; margin:0; color:rgba(255,255,255,.65); font-size:clamp(15px,1.2vw,18px); line-height:1.7; }
.single-service-hero__proof { margin-top:48px; padding-top:22px; border-top:1px solid rgba(255,255,255,.16); display:flex; gap:35px; flex-wrap:wrap; }
.single-service-hero__proof span { color:rgba(255,255,255,.43); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.single-service-hero__proof b { color:white; margin-right:7px; font:800 15px var(--font-body); }

.social-command { min-width:0; padding:15px; border:1px solid rgba(255,255,255,.15); border-radius:27px; background:rgba(6,29,33,.80); backdrop-filter:blur(12px); box-shadow:0 35px 90px rgba(0,0,0,.34); }
.social-command__header,.social-command__footer { display:flex; justify-content:space-between; align-items:center; color:rgba(255,255,255,.42); font:7px/1.4 monospace; letter-spacing:.11em; }
.social-command__header { padding:4px 4px 15px; }
.social-command__header i { display:flex; gap:7px; align-items:center; font-style:normal; color:rgba(255,255,255,.58); }
.social-command__header i b { width:6px; height:6px; border-radius:50%; background:#69e4a7; box-shadow:0 0 11px #69e4a7; }
.social-command__body { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr); gap:11px; }
.social-command__main { min-height:470px; padding:28px; border-radius:20px; background:linear-gradient(145deg,#f2eee6,#dcd6cb); color:var(--ink); overflow:hidden; position:relative; }
.social-command__main::after { content:"TT"; position:absolute; right:-38px; bottom:-56px; color:rgba(7,23,25,.045); font:900 210px/.8 var(--font-body); letter-spacing:-.16em; }
.social-command__label { color:var(--orange); font-size:7px; font-weight:800; letter-spacing:.16em; }
.social-command__main h2 { margin:22px 0 35px; font:800 clamp(31px,3vw,46px)/.96 var(--font-body); letter-spacing:-.06em; }
.social-calendar { display:grid; grid-template-columns:repeat(7,1fr); gap:8px; position:relative; z-index:2; }
.social-calendar span { aspect-ratio:1; min-height:33px; border-radius:8px; background:#bbb6ad; box-shadow:inset 0 0 0 1px rgba(7,23,25,.08); }
.social-calendar .is-live { background:var(--teal); }
.social-calendar .is-video { background:var(--orange); }
.social-channels { display:flex; gap:8px; margin-top:29px; position:relative; z-index:2; }
.social-channels b { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:white; font:800 9px var(--font-body); }
.social-command__side { display:grid; grid-template-rows:1.1fr .75fr .75fr; gap:11px; }
.growth-score,.automation-card,.seo-card { border-radius:19px; border:1px solid rgba(255,255,255,.12); background:rgba(8,34,38,.88); padding:18px; color:white; }
.growth-score { background:linear-gradient(145deg,rgba(11,103,112,.96),rgba(6,48,53,.94)); }
.growth-score small,.automation-card small,.seo-card small { display:block; color:rgba(255,255,255,.48); font-size:6px; letter-spacing:.13em; }
.growth-score strong { display:block; margin:13px 0 2px; font:800 42px var(--font-body); letter-spacing:-.06em; }
.growth-score > span { font-size:8px; color:rgba(255,255,255,.55); }
.growth-score > span i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#69e4a7; }
.growth-score > div { height:73px; margin-top:19px; display:flex; align-items:end; gap:7px; }
.growth-score > div b { flex:1; min-height:18%; border-radius:3px 3px 0 0; background:#91afb1; }
.growth-score > div b:nth-child(1){height:33%}.growth-score > div b:nth-child(2){height:45%}.growth-score > div b:nth-child(3){height:38%}.growth-score > div b:nth-child(4){height:68%;background:var(--orange)}.growth-score > div b:nth-child(5){height:61%}.growth-score > div b:nth-child(6){height:88%}
.automation-card b,.seo-card b { display:block; margin:17px 0 9px; font:700 14px/1.28 var(--font-body); }
.automation-card span,.seo-card span { color:rgba(255,255,255,.42); font-size:8px; line-height:1.5; }
.social-command__footer { padding:15px 4px 3px; gap:10px; }

.service-story__grid { display:grid; grid-template-columns:1fr .82fr; gap:clamp(50px,8vw,120px); align-items:start; }
.service-story__copy p { margin:0 0 20px; color:var(--muted); font-size:13px; line-height:1.8; }
.service-outcomes { margin-top:65px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.service-outcomes article { padding:28px 25px 0 0; margin-right:25px; border-right:1px solid var(--line); }
.service-outcomes article:last-child { margin-right:0; border-right:0; }
.service-outcomes span { color:var(--orange); font:9px monospace; }
.service-outcomes b { display:block; margin:37px 0 12px; font:700 18px var(--font-body); }
.service-outcomes p { margin:0; color:var(--muted); font-size:10px; line-height:1.65; }

.monthly-packages { background:var(--ink); color:white; }
.monthly-packages__heading { color:white; padding-bottom:70px; }
.monthly-packages__heading h2 { margin:18px 0 20px; font:800 clamp(49px,5.4vw,82px)/.95 var(--font-body); letter-spacing:-.07em; }
.monthly-packages__heading p { max-width:720px; margin:0; color:rgba(255,255,255,.48); font-size:12px; line-height:1.75; }
.monthly-package { padding:0 4vw; border-top:1px solid rgba(255,255,255,.12); }
.monthly-package__inner { max-width:calc(var(--max) - 8vw); margin:auto; min-height:720px; display:grid; grid-template-columns:minmax(340px,.68fr) minmax(600px,1.32fr); gap:clamp(45px,7vw,110px); align-items:start; padding:clamp(75px,8vw,120px) 0; }
.monthly-package__summary { position:sticky; top:115px; }
.package-label { color:var(--orange); font-size:8px; font-weight:800; letter-spacing:.16em; }
.monthly-package__summary h3 { margin:25px 0 19px; font:800 clamp(44px,5vw,74px)/.96 var(--font-body); letter-spacing:-.068em; }
.monthly-package__summary > p { max-width:490px; margin:0; color:rgba(255,255,255,.52); font-size:13px; line-height:1.75; }
.monthly-price { margin:45px 0 30px; padding-top:25px; border-top:1px solid rgba(255,255,255,.15); }
.monthly-price small { display:block; margin-bottom:8px; color:rgba(255,255,255,.35); font-size:7px; letter-spacing:.15em; }
.monthly-price strong { font:800 clamp(37px,4vw,61px) var(--font-body); letter-spacing:-.06em; }
.monthly-package__details { padding:30px; border-radius:25px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); box-shadow:0 30px 75px rgba(0,0,0,.2); }
.deliverable-group > small,.bot-box > small,.seo-suite > small { color:var(--orange); font-size:7px; font-weight:800; letter-spacing:.15em; }
.deliverable-group ul,.bot-box ul,.seo-suite ul { list-style:none; padding:0; margin:26px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:13px 25px; }
.deliverable-group li,.bot-box li,.seo-suite li { position:relative; padding:0 0 13px 20px; border-bottom:1px solid rgba(255,255,255,.10); color:rgba(255,255,255,.70); font-size:11px; line-height:1.55; }
.deliverable-group li::before,.bot-box li::before,.seo-suite li::before { content:"✓"; position:absolute; left:0; color:var(--orange); font-weight:800; }
.package-exclusion { margin-top:30px; padding:22px; border-radius:16px; background:rgba(255,138,31,.10); border:1px solid rgba(255,138,31,.27); }
.package-exclusion span { color:var(--orange); font-size:7px; font-weight:800; letter-spacing:.14em; }
.package-exclusion p { margin:10px 0 0; color:rgba(255,255,255,.65); font-size:11px; }
.bot-box,.seo-suite { margin-top:30px; padding:24px; border-radius:18px; background:rgba(11,119,129,.15); border:1px solid rgba(50,180,190,.20); }
.seo-suite { background:rgba(255,255,255,.035); border-color:rgba(255,255,255,.12); }
.bot-box ul,.seo-suite ul { margin-top:20px; }
.outcome-strip { margin-top:30px; padding-top:23px; border-top:1px solid rgba(255,255,255,.14); display:grid; grid-template-columns:150px 1fr; gap:25px; align-items:start; }
.outcome-strip small { color:var(--orange); font-size:7px; font-weight:800; letter-spacing:.14em; }
.outcome-strip p { margin:0; color:rgba(255,255,255,.62); font-size:12px; line-height:1.7; }
.popular-badge { width:max-content; margin-bottom:22px; padding:7px 11px; border-radius:999px; background:var(--orange); color:var(--ink); font-size:7px; font-weight:900; letter-spacing:.12em; }
.monthly-package--growth { background:#0a2427; }
.monthly-package--premium { background:var(--teal); }
.monthly-package--premium .monthly-package__details { background:rgba(2,22,25,.30); }
.monthly-package--corporate { background:#071315; }

.package-comparison { background:var(--paper); }
.comparison-scroll { overflow:auto; border-radius:22px; border:1px solid var(--line); box-shadow:var(--shadow); }
.comparison-table { width:100%; min-width:930px; border-collapse:collapse; background:white; }
.comparison-table th,.comparison-table td { padding:22px 20px; text-align:left; border-right:1px solid var(--line); border-bottom:1px solid var(--line); font-size:10px; line-height:1.45; vertical-align:top; }
.comparison-table th:last-child,.comparison-table td:last-child { border-right:0; }
.comparison-table thead th { background:var(--ink); color:white; font:700 11px var(--font-body); }
.comparison-table thead th:nth-child(3) { background:var(--teal); }
.comparison-table tbody th { width:190px; color:var(--ink); font-weight:800; }
.comparison-table tbody td { color:var(--muted); }
.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td { border-bottom:0; }

.automation-section { position:relative; isolation:isolate; overflow:hidden; background:var(--ink); color:white; }
.automation-section__photo { position:absolute; inset:0; z-index:-2; background-image:linear-gradient(90deg,rgba(2,14,16,.97),rgba(3,20,23,.85) 53%,rgba(3,19,22,.66)),linear-gradient(180deg,rgba(3,17,20,.34),rgba(3,17,20,.94)),url("assets/social-hero-desktop.webp"); background-size:cover; background-position:center; filter:saturate(.62); }
.automation-section::after { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 77% 30%,rgba(11,119,129,.18),transparent 35%); }
.automation-section__inner { max-width:var(--max); margin:auto; padding:clamp(90px,9vw,145px) 4vw; display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(55px,8vw,120px); align-items:center; }
.automation-copy h2 { margin:22px 0; font:800 clamp(45px,5.3vw,78px)/.98 var(--font-body); letter-spacing:-.068em; }
.automation-copy p { margin:0 0 31px; color:rgba(255,255,255,.56); font-size:13px; line-height:1.75; }
.automation-levels { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.automation-levels article { min-height:410px; padding:25px; border-radius:22px; border:1px solid rgba(255,255,255,.14); background:rgba(5,28,32,.79); backdrop-filter:blur(8px); display:flex; flex-direction:column; }
.automation-levels article > span { color:var(--orange); font:9px monospace; }
.automation-levels small { margin-top:auto; color:var(--orange); font-size:7px; letter-spacing:.16em; }
.automation-levels h3 { margin:17px 0 13px; font:700 22px/1.05 var(--font-body); }
.automation-levels p { margin:0; color:rgba(255,255,255,.45); font-size:10px; line-height:1.65; }

.addons-section { background:#e8e1d5; }
.addons-heading { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:end; margin-bottom:60px; }
.addons-heading h2 { margin:18px 0 0; font:800 clamp(48px,5.4vw,80px)/.95 var(--font-body); letter-spacing:-.07em; }
.addons-heading p { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }
.addons-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.addons-grid article { min-height:245px; padding:25px 24px 0 0; margin-right:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.addons-grid article:nth-child(4n) { margin-right:0; border-right:0; }
.addons-grid span { color:var(--orange); font:9px monospace; }
.addons-grid h3 { margin:55px 0 12px; font:700 18px/1.15 var(--font-body); }
.addons-grid p { margin:0; color:var(--muted); font-size:10px; line-height:1.65; }

.social-process__steps { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.social-process__steps article { min-height:350px; padding:27px; border-radius:22px; background:var(--ink); color:white; display:flex; flex-direction:column; }
.social-process__steps span { color:var(--orange); font:9px monospace; }
.social-process__steps h3 { margin-top:auto; margin-bottom:14px; font:700 23px var(--font-body); }
.social-process__steps p { margin:0; color:rgba(255,255,255,.47); font-size:10px; line-height:1.7; }

.service-contact { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(55px,8vw,120px); align-items:start; }
.service-enquiry { position:relative; z-index:3; padding:28px; border-radius:24px; border:1px solid rgba(255,255,255,.15); background:rgba(4,25,29,.78); backdrop-filter:blur(10px); }
.service-enquiry form { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.service-enquiry label { display:grid; gap:8px; }
.service-enquiry label span { color:rgba(255,255,255,.55); font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.service-enquiry input,.service-enquiry select,.service-enquiry textarea { width:100%; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:rgba(255,255,255,.075); color:white; padding:14px 15px; outline:none; }
.service-enquiry select option { color:var(--ink); }
.service-enquiry input:focus,.service-enquiry select:focus,.service-enquiry textarea:focus { border-color:var(--orange); }
.service-enquiry textarea { resize:vertical; }
.service-enquiry__wide { grid-column:1/-1; }
.service-enquiry button { border:0; cursor:pointer; }
.service-enquiry__note { margin:0; color:rgba(255,255,255,.38); font-size:8px; line-height:1.5; }

@media (max-width:1180px){
  .single-service-hero__inner{grid-template-columns:minmax(380px,.8fr) minmax(480px,1.2fr);gap:38px}.social-command__main{padding:22px}.monthly-package__inner{grid-template-columns:minmax(300px,.62fr) minmax(520px,1.38fr);gap:45px}.automation-section__inner{grid-template-columns:1fr}.addons-grid{grid-template-columns:repeat(3,1fr)}.addons-grid article:nth-child(4n){margin-right:24px;border-right:1px solid var(--line)}.addons-grid article:nth-child(3n){margin-right:0;border-right:0}
}
@media (max-width:920px){
  .single-service-hero__photo{background-image:linear-gradient(180deg,rgba(2,15,18,.90),rgba(3,20,24,.70) 46%,rgba(3,17,20,.94)),url("assets/social-hero-mobile.webp");background-position:center 32%}.single-service-hero__inner{grid-template-columns:1fr;min-height:auto;padding-top:75px;gap:60px}.single-service-hero__copy{max-width:720px}.single-service-hero__copy h1{font-size:clamp(54px,10vw,88px)}.social-command{max-width:720px;width:100%;margin:auto}
  .service-story__grid,.addons-heading{grid-template-columns:1fr;gap:35px}.service-outcomes{grid-template-columns:1fr 1fr}.service-outcomes article:nth-child(2){margin-right:0;border-right:0}.service-outcomes article{padding-bottom:30px;border-bottom:1px solid var(--line)}
  .monthly-package__inner{grid-template-columns:1fr;min-height:auto}.monthly-package__summary{position:static;max-width:700px}.deliverable-group ul,.bot-box ul,.seo-suite ul{grid-template-columns:1fr 1fr}.automation-levels{grid-template-columns:1fr 1fr}.automation-levels article:last-child{grid-column:1/-1;min-height:300px}.addons-grid{grid-template-columns:repeat(2,1fr)}.addons-grid article:nth-child(3n){margin-right:24px;border-right:1px solid var(--line)}.addons-grid article:nth-child(even){margin-right:0;border-right:0}.social-process__steps{grid-template-columns:1fr 1fr}.service-contact{grid-template-columns:1fr}.automation-section__photo{background-image:linear-gradient(180deg,rgba(2,15,18,.92),rgba(3,20,24,.75),rgba(3,17,20,.95)),url("assets/social-hero-mobile.webp");background-position:center 35%}
}
@media (max-width:620px){
  .single-service-page .site-header .brand{width:176px}.single-service-hero__inner{padding:62px 6vw 90px;gap:42px}.single-service-hero__copy h1{font-size:clamp(47px,14vw,67px)}.single-service-hero__copy>p{font-size:14px}.single-service-hero__proof{display:grid;grid-template-columns:1fr 1fr;gap:15px}.single-service-hero__proof span:last-child{grid-column:1/-1}
  .social-command{padding:9px;border-radius:20px}.social-command__body{grid-template-columns:1fr}.social-command__main{min-height:360px;padding:20px}.social-command__main h2{font-size:34px}.social-calendar{gap:5px}.social-calendar span{min-height:28px}.social-command__side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.growth-score{grid-column:1/-1}.automation-card,.seo-card{min-height:140px}.social-command__footer{display:grid;grid-template-columns:1fr;text-align:center}
  .service-story{padding-top:80px}.service-outcomes{grid-template-columns:1fr}.service-outcomes article{margin-right:0;border-right:0;padding:27px 0}.service-outcomes b{margin-top:25px}
  .monthly-packages__heading h2{font-size:clamp(42px,12vw,59px)}.monthly-package{padding:0 5vw}.monthly-package__inner{padding:75px 0;gap:38px}.monthly-package__summary h3{font-size:clamp(42px,12vw,57px)}.monthly-price strong{font-size:43px}.monthly-package__details{padding:20px}.deliverable-group ul,.bot-box ul,.seo-suite ul{grid-template-columns:1fr}.outcome-strip{grid-template-columns:1fr;gap:10px}
  .package-comparison{padding-left:5vw;padding-right:5vw}.automation-section__inner{padding:85px 5vw}.automation-copy h2{font-size:clamp(39px,12vw,56px)}.automation-levels{grid-template-columns:1fr}.automation-levels article,.automation-levels article:last-child{grid-column:auto;min-height:290px}
  .addons-grid{grid-template-columns:1fr}.addons-grid article,.addons-grid article:nth-child(3n),.addons-grid article:nth-child(4n){min-height:210px;margin-right:0;border-right:0;padding-right:0}.addons-grid h3{margin-top:38px}.social-process__steps{grid-template-columns:1fr}.social-process__steps article{min-height:280px}.service-enquiry{padding:19px}.service-enquiry form{grid-template-columns:1fr}.service-enquiry__wide{grid-column:auto}
}

/* ========================================================================== 
   Individual service page — Brand Design
   ========================================================================== */
.branding-page .single-service-hero__photo {
  background-image:
    linear-gradient(90deg,rgba(2,15,18,.97) 0%,rgba(3,20,24,.92) 42%,rgba(3,21,25,.56) 72%,rgba(3,18,21,.72) 100%),
    linear-gradient(180deg,rgba(3,17,20,.20),rgba(3,17,20,.88)),
    url("assets/contact-workspace-photo.webp");
  background-position:center;
  filter:saturate(.72) contrast(1.06);
}
.branding-page .single-service-hero__photo::after {
  background:
    radial-gradient(circle at 72% 30%,rgba(255,138,31,.15),transparent 30%),
    radial-gradient(circle at 85% 65%,rgba(11,119,129,.22),transparent 36%);
}
.brand-studio {
  min-width:0;
  padding:15px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:28px;
  background:rgba(6,29,33,.80);
  backdrop-filter:blur(12px);
  box-shadow:0 35px 90px rgba(0,0,0,.34);
}
.brand-studio__header,.brand-studio__footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:rgba(255,255,255,.42);
  font:7px/1.4 monospace;
  letter-spacing:.11em;
}
.brand-studio__header { padding:4px 4px 15px; }
.brand-studio__header i { display:flex; gap:7px; align-items:center; font-style:normal; color:rgba(255,255,255,.58); }
.brand-studio__header i b { width:6px; height:6px; border-radius:50%; background:#69e4a7; box-shadow:0 0 11px #69e4a7; }
.brand-studio__body { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr); gap:11px; }
.brand-studio__main {
  min-height:470px;
  padding:30px;
  border-radius:20px;
  background:linear-gradient(145deg,#f3eee6,#d9d2c7);
  color:var(--ink);
  overflow:hidden;
  position:relative;
}
.brand-studio__main::after {
  content:"BRAND";
  position:absolute;
  right:-40px;
  bottom:-30px;
  color:rgba(7,23,25,.045);
  font:900 128px/.8 var(--font-body);
  letter-spacing:-.13em;
}
.brand-studio__main > small { color:var(--orange); font-size:7px; font-weight:800; letter-spacing:.16em; }
.brand-studio__mark {
  width:92px;
  height:92px;
  margin:30px 0 24px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:var(--teal);
  color:white;
  font:900 52px/.8 var(--font-body);
  letter-spacing:-.12em;
  box-shadow:0 18px 34px rgba(5,48,52,.24);
}
.brand-studio__main h2 { margin:0; max-width:420px; font:800 clamp(32px,3vw,48px)/.94 var(--font-body); letter-spacing:-.06em; position:relative; z-index:2; }
.brand-studio__palette { display:flex; gap:8px; margin-top:34px; position:relative; z-index:2; }
.brand-studio__palette span { width:42px; height:42px; border-radius:12px; box-shadow:inset 0 0 0 1px rgba(7,23,25,.12); }
.brand-studio__palette span:nth-child(1){background:#082f33}.brand-studio__palette span:nth-child(2){background:#0b7781}.brand-studio__palette span:nth-child(3){background:#ff8a1f}.brand-studio__palette span:nth-child(4){background:#f1ece3}.brand-studio__palette span:nth-child(5){background:#151c1e}
.brand-studio__side { display:grid; grid-template-rows:1.08fr .88fr .7fr; gap:11px; }
.brand-type-card,.brand-stationery-card,.brand-guide-card {
  padding:20px;
  border-radius:19px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(8,34,38,.90);
  color:white;
}
.brand-type-card { background:linear-gradient(145deg,rgba(11,103,112,.96),rgba(6,48,53,.94)); }
.brand-type-card small,.brand-stationery-card small,.brand-guide-card small { display:block; color:rgba(255,255,255,.46); font-size:6px; letter-spacing:.14em; }
.brand-type-card strong { display:block; margin:12px 0 2px; font:800 50px/1 var(--font-body); }
.brand-type-card b { display:block; font:700 12px/1.35 var(--font-body); }
.brand-type-card span,.brand-guide-card span { display:block; margin-top:8px; color:rgba(255,255,255,.43); font-size:8px; line-height:1.5; }
.brand-stationery-card b { display:block; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.10); font:600 11px var(--font-body); }
.brand-stationery-card b:last-child { border-bottom:0; }
.brand-guide-card strong { display:block; margin:12px 0 0; font:800 43px/1 var(--font-body); color:var(--orange); }
.brand-studio__footer { padding:15px 4px 3px; gap:10px; }
.brand-packages .monthly-package--premium { background:#0b5960; }
.brand-packages .monthly-package--premium .monthly-package__details { background:rgba(2,22,25,.32); }
.premium-badge {
  width:max-content;
  margin-bottom:22px;
  padding:7px 11px;
  border-radius:999px;
  background:#f1ece3;
  color:var(--ink);
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}
.template-note {
  margin-top:30px;
  padding:23px;
  border-radius:18px;
  background:rgba(255,138,31,.11);
  border:1px solid rgba(255,138,31,.25);
}
.template-note small { color:var(--orange); font-size:7px; font-weight:800; letter-spacing:.14em; }
.template-note p { margin:10px 0 0; color:rgba(255,255,255,.68); font-size:11px; line-height:1.65; }
.branding-comparison-table { min-width:850px; }
.branding-comparison-table thead th:nth-child(3) { background:var(--teal); }
.standalone-designs { background:#e8e1d5; }
.standalone-designs__heading { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:end; margin-bottom:58px; }
.standalone-designs__heading h2 { margin:18px 0 0; font:800 clamp(48px,5.4vw,80px)/.95 var(--font-body); letter-spacing:-.07em; }
.standalone-designs__heading p { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }
.standalone-designs__grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.standalone-card {
  min-height:650px;
  padding:30px;
  border-radius:27px;
  border:1px solid rgba(7,23,25,.12);
  background:#f5f0e8;
  color:var(--ink);
  display:flex;
  flex-direction:column;
  box-shadow:0 28px 65px rgba(18,34,36,.10);
}
.standalone-card--dark { background:var(--ink); color:white; border-color:rgba(255,255,255,.12); }
.standalone-card__number { color:var(--orange); font:9px monospace; }
.standalone-card__visual { height:220px; margin:24px 0 31px; border-radius:20px; overflow:hidden; position:relative; }
.standalone-card__visual--logo { display:grid; place-items:center; background:linear-gradient(145deg,#0b5960,#052a2e); }
.standalone-card__visual--logo b { width:104px; height:104px; display:grid; place-items:center; border-radius:27px; background:#f1ece3; color:var(--teal); font:900 59px/.8 var(--font-body); letter-spacing:-.12em; box-shadow:0 20px 44px rgba(0,0,0,.25); }
.standalone-card__visual--logo i { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.standalone-card__visual--logo i:nth-of-type(1){width:190px;height:190px}.standalone-card__visual--logo i:nth-of-type(2){width:270px;height:270px}
.standalone-card__visual--flyer { padding:20px; display:grid; place-items:center; background:linear-gradient(135deg,#06282c 0 62%,#ff8a1f 62% 100%); }
.standalone-card__visual--flyer > div { width:74%; min-height:170px; padding:24px; background:#efe8dd; color:var(--ink); box-shadow:0 17px 35px rgba(0,0,0,.28); transform:rotate(-2deg); }
.standalone-card__visual--flyer small { color:var(--orange); font-size:7px; letter-spacing:.12em; }
.standalone-card__visual--flyer b { display:block; margin:17px 0 30px; font:800 26px/.98 var(--font-body); letter-spacing:-.05em; }
.standalone-card__visual--flyer span { font-size:7px; font-weight:800; letter-spacing:.1em; }
.standalone-card > small { color:var(--orange); font-size:7px; font-weight:800; letter-spacing:.15em; }
.standalone-card h3 { margin:20px 0 0; font:800 clamp(36px,4vw,58px)/.96 var(--font-body); letter-spacing:-.065em; }
.standalone-card__price { margin:28px 0 22px; font:800 clamp(38px,4vw,58px) var(--font-body); letter-spacing:-.06em; }
.standalone-card ul { list-style:none; padding:0; margin:0 0 30px; display:grid; grid-template-columns:1fr 1fr; gap:11px 20px; }
.standalone-card li { position:relative; padding:0 0 11px 19px; border-bottom:1px solid rgba(7,23,25,.12); color:var(--muted); font-size:10px; line-height:1.55; }
.standalone-card--dark li { color:rgba(255,255,255,.62); border-color:rgba(255,255,255,.12); }
.standalone-card li::before { content:"✓"; position:absolute; left:0; color:var(--orange); font-weight:800; }
.standalone-card .button { margin-top:auto; width:max-content; }
.brand-system-section { position:relative; isolation:isolate; overflow:hidden; background:var(--ink); color:white; }
.brand-system-section__photo { position:absolute; inset:0; z-index:-2; background-image:linear-gradient(90deg,rgba(2,14,16,.97),rgba(3,20,23,.84) 55%,rgba(3,19,22,.69)),linear-gradient(180deg,rgba(3,17,20,.32),rgba(3,17,20,.94)),url("assets/contact-workspace-photo.webp"); background-size:cover; background-position:center; filter:saturate(.63); }
.brand-system-section::after { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 78% 32%,rgba(255,138,31,.12),transparent 33%),radial-gradient(circle at 62% 68%,rgba(11,119,129,.16),transparent 38%); }
.brand-system-section__inner { max-width:var(--max); margin:auto; padding:clamp(90px,9vw,145px) 4vw; display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(55px,8vw,120px); align-items:center; }
.brand-system-copy h2 { margin:22px 0; font:800 clamp(45px,5.3vw,78px)/.98 var(--font-body); letter-spacing:-.068em; }
.brand-system-copy p { margin:0 0 31px; color:rgba(255,255,255,.58); font-size:13px; line-height:1.75; }
.brand-application-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.brand-application-grid article { min-height:410px; padding:25px; border-radius:22px; border:1px solid rgba(255,255,255,.14); background:rgba(5,28,32,.79); backdrop-filter:blur(8px); display:flex; flex-direction:column; }
.brand-application-grid article > span { color:var(--orange); font:9px monospace; }
.brand-application-grid small { margin-top:auto; color:var(--orange); font-size:7px; letter-spacing:.16em; }
.brand-application-grid h3 { margin:17px 0 13px; font:700 22px/1.05 var(--font-body); }
.brand-application-grid p { margin:0; color:rgba(255,255,255,.46); font-size:10px; line-height:1.65; }

@media (max-width:1180px){
  .brand-studio__main{padding:22px}.brand-system-section__inner{grid-template-columns:1fr}.standalone-card{min-height:620px}
}
@media (max-width:920px){
  .branding-page .single-service-hero__photo{background-image:linear-gradient(180deg,rgba(2,15,18,.92),rgba(3,20,24,.72) 47%,rgba(3,17,20,.95)),url("assets/hero-workspace-mobile.webp");background-position:center 35%}
  .standalone-designs__heading{grid-template-columns:1fr;gap:34px}.standalone-designs__grid{grid-template-columns:1fr}.standalone-card{min-height:auto}.brand-application-grid{grid-template-columns:1fr 1fr}.brand-application-grid article:last-child{grid-column:1/-1;min-height:300px}.brand-system-section__photo{background-image:linear-gradient(180deg,rgba(2,15,18,.93),rgba(3,20,24,.74),rgba(3,17,20,.95)),url("assets/hero-workspace-mobile.webp");background-position:center 36%}
}
@media (max-width:620px){
  .brand-studio{padding:9px;border-radius:20px}.brand-studio__body{grid-template-columns:1fr}.brand-studio__main{min-height:375px;padding:20px}.brand-studio__mark{width:76px;height:76px;font-size:43px}.brand-studio__main h2{font-size:34px}.brand-studio__palette span{width:34px;height:34px}.brand-studio__side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.brand-type-card{grid-column:1/-1}.brand-guide-card strong{font-size:38px}.brand-studio__footer{display:grid;grid-template-columns:1fr 1fr;text-align:center}
  .standalone-designs{padding-left:5vw;padding-right:5vw}.standalone-card{padding:20px}.standalone-card__visual{height:190px}.standalone-card ul{grid-template-columns:1fr}.standalone-card .button{width:100%;justify-content:center}
  .brand-system-section__inner{padding:85px 5vw}.brand-system-copy h2{font-size:clamp(39px,12vw,56px)}.brand-application-grid{grid-template-columns:1fr}.brand-application-grid article,.brand-application-grid article:last-child{grid-column:auto;min-height:285px}
}


/* Brand typography overrides */
h1 {
  font-family: var(--font-heading) !important;
  font-weight: 400 !important;
  letter-spacing: .015em !important;
  text-transform: none;
}
body, button, input, select, textarea { font-family: var(--font-body); }

/* Branding page: Brand Builder invitation */
.brand-builder-promo {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
  gap: clamp(34px, 7vw, 100px);
  align-items: center;
  overflow: hidden;
  background: #f1ece3;
}
.brand-builder-promo::before {
  content: "";
  position: absolute;
  inset: 0 0 0 52%;
  background:
    linear-gradient(120deg, rgba(4,30,33,.9), rgba(7,70,75,.74)),
    url("assets/service-map-photo.webp") center/cover no-repeat;
}
.brand-builder-promo__copy, .brand-builder-promo__preview { position: relative; z-index: 1; }
.brand-builder-promo__copy h2 {
  margin: 18px 0 22px;
  font: 400 clamp(44px, 5.2vw, 78px)/.98 var(--font-body);
  letter-spacing: -.055em;
}
.brand-builder-promo__copy p { max-width: 620px; color: var(--muted); font-size: 13px; line-height: 1.75; }
.brand-builder-promo__actions { display:flex; flex-wrap:wrap; gap:15px; margin-top:30px; align-items:center; }
.brand-builder-promo__preview {
  min-height: 500px;
  padding: 38px;
  color: #fff;
  display: grid;
  align-content: center;
}
.builder-preview-window {
  border-radius: 25px;
  overflow: hidden;
  background: rgba(5,24,26,.83);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 32px 85px rgba(0,0,0,.34);
  backdrop-filter: blur(12px);
}
.builder-preview-window__top { display:flex; justify-content:space-between; padding:17px 20px; border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.55); font-size:8px; letter-spacing:.13em; }
.builder-preview-window__body { display:grid; grid-template-columns: 1fr 1fr; min-height:340px; }
.builder-preview-window__brand { padding:35px; background:#efe9de; color:var(--ink); display:flex; flex-direction:column; }
.builder-preview-window__brand small { color:var(--orange); font-size:8px; letter-spacing:.14em; }
.builder-preview-window__mark { width:84px; height:84px; margin-top:35px; border-radius:23px; background:var(--teal); color:white; display:grid; place-items:center; font:400 39px var(--font-heading); }
.builder-preview-window__brand h3 { margin:auto 0 0; font:400 30px/1.02 var(--font-body); letter-spacing:-.04em; }
.builder-preview-window__tools { padding:28px; display:grid; gap:14px; align-content:center; }
.builder-tool { padding:17px; border-radius:15px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); }
.builder-tool small { display:block; color:var(--orange); font-size:7px; letter-spacing:.14em; margin-bottom:9px; }
.builder-tool b { font-size:12px; font-weight:400; }
.builder-swatches { display:flex; gap:8px; margin-top:9px; }
.builder-swatches i { width:27px; height:27px; border-radius:50%; background:#0a626b; border:2px solid rgba(255,255,255,.12); }
.builder-swatches i:nth-child(2){background:#f18a2a}.builder-swatches i:nth-child(3){background:#efe9de}.builder-swatches i:nth-child(4){background:#1b2425}

/* Free Brand Builder page */
.brand-builder-page-hero { position:relative; min-height:660px; display:grid; align-items:center; overflow:hidden; color:white; background:#061f22; }
.brand-builder-page-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,24,27,.96) 0%,rgba(5,36,39,.82) 52%,rgba(5,36,39,.46) 100%),url("assets/hero-workspace-desktop.webp") center/cover no-repeat; }
.brand-builder-page-hero__inner { position:relative; z-index:1; width:min(1180px,92%); margin:auto; padding:100px 0; }
.brand-builder-page-hero h1 { margin:22px 0 24px; max-width:820px; font-size:clamp(58px,7vw,110px); line-height:.9; }
.brand-builder-page-hero p { max-width:650px; color:rgba(255,255,255,.7); font-size:14px; line-height:1.75; }
.brand-builder-embed { background:#f2ede4; }
.brand-builder-embed__inner { max-width:1180px; margin:auto; }
.brand-builder-embed__heading { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; margin-bottom:45px; }
.brand-builder-embed__heading h2 { margin:15px 0 0; font:400 clamp(44px,5vw,76px)/.98 var(--font-body); letter-spacing:-.055em; }
.brand-builder-shortcode-slot { min-height:560px; border-radius:28px; padding:35px; display:grid; place-items:center; text-align:center; background:var(--ink); color:white; border:1px solid rgba(255,255,255,.1); box-shadow:0 35px 90px rgba(7,23,25,.16); }
.brand-builder-shortcode-slot__inner { max-width:650px; }
.brand-builder-shortcode-slot code { display:inline-block; margin:20px 0; padding:13px 18px; border-radius:12px; background:rgba(255,255,255,.08); color:var(--orange); font-size:16px; }
.brand-builder-shortcode-slot h3 { margin:0; font:400 clamp(34px,4vw,60px)/1 var(--font-body); letter-spacing:-.05em; }
.brand-builder-shortcode-slot p { color:rgba(255,255,255,.57); line-height:1.7; }
.brand-builder-page-note { margin-top:24px; color:var(--muted); font-size:11px; line-height:1.7; }

@media (max-width: 850px) {
  .brand-builder-promo { grid-template-columns:1fr; padding-left:5vw; padding-right:5vw; }
  .brand-builder-promo::before { inset:48% 0 0; }
  .brand-builder-promo__preview { min-height:480px; padding:20px 0 10px; }
  .builder-preview-window__body { grid-template-columns:1fr; }
  .builder-preview-window__brand { min-height:260px; }
  .brand-builder-page-hero::before { background:linear-gradient(180deg,rgba(3,24,27,.94),rgba(5,36,39,.72)),url("assets/hero-workspace-mobile.webp") center/cover no-repeat; }
  .brand-builder-embed__heading { grid-template-columns:1fr; gap:10px; }
}

/* Website Development service page */
.website-page .single-service-hero__photo {
  background-image:
    linear-gradient(90deg, rgba(2,16,19,.97) 0%, rgba(3,25,29,.86) 47%, rgba(3,23,27,.58) 100%),
    linear-gradient(180deg, rgba(4,24,27,.16), rgba(4,24,27,.82)),
    url("assets/hero-workspace-desktop.webp");
  background-size: cover;
  background-position: center;
  filter: saturate(.7) contrast(1.03);
}
.website-page .single-service-hero::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 73% 42%, rgba(255,138,31,.12), transparent 28%), radial-gradient(circle at 87% 18%, rgba(12,119,129,.16), transparent 30%);
}
.website-build-desk { position:relative; z-index:1; width:min(720px,100%); padding:12px; border:1px solid rgba(255,255,255,.14); border-radius:28px; background:rgba(4,23,26,.78); box-shadow:0 38px 110px rgba(0,0,0,.42); backdrop-filter:blur(13px); }
.website-build-desk__top,.website-build-desk__footer{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;color:rgba(255,255,255,.44);font:8px monospace;letter-spacing:.13em}
.website-build-desk__top i{font-style:normal;color:rgba(255,255,255,.68)}.website-build-desk__top i b{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#53d083;box-shadow:0 0 0 5px rgba(83,208,131,.1)}
.website-build-desk__body{display:grid;grid-template-columns:1.55fr .72fr;gap:10px}.website-browser{border-radius:20px;overflow:hidden;background:#ece8df;color:var(--ink);min-height:470px}.website-browser__bar{height:40px;padding:0 13px;display:flex;gap:7px;align-items:center;background:#d9d4ca;border-bottom:1px solid rgba(7,23,25,.12)}.website-browser__bar i{width:7px;height:7px;border-radius:50%;background:#ff8a1f}.website-browser__bar i:nth-child(2){background:#8ea9a8}.website-browser__bar i:nth-child(3){background:#183f43}.website-browser__bar span{margin-left:8px;padding:7px 18px;border-radius:999px;background:rgba(255,255,255,.56);font-size:8px;color:#647073}
.website-browser__canvas{display:grid;grid-template-columns:64px 1fr;min-height:430px}.website-browser__canvas aside{padding:17px 13px;background:#0b272a;display:flex;flex-direction:column;align-items:center;gap:18px}.website-browser__canvas aside b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--orange);color:var(--ink);font:400 18px var(--font-heading)}.website-browser__canvas aside span{width:24px;height:3px;border-radius:4px;background:rgba(255,255,255,.2)}.website-browser__canvas main{padding:38px 32px;position:relative;overflow:hidden}.website-browser__canvas main::after{content:"01";position:absolute;right:-5px;top:20px;font:400 150px/1 var(--font-heading);color:rgba(11,95,104,.08)}.website-browser__canvas small{color:var(--orange);font-size:7px;letter-spacing:.14em}.website-browser__canvas h2{position:relative;z-index:1;margin:22px 0 14px;font:400 clamp(36px,4vw,56px)/.94 var(--font-body);letter-spacing:-.06em}.website-browser__canvas p{position:relative;z-index:1;max-width:330px;color:#687275;font-size:10px;line-height:1.65}.website-browser__canvas button{position:relative;z-index:1;margin-top:20px;border:0;border-radius:999px;background:var(--orange);padding:13px 17px;font-size:8px;font-weight:800}.website-browser__cards{position:absolute;left:32px;right:25px;bottom:28px;display:grid;grid-template-columns:1.15fr 1fr .82fr;gap:8px}.website-browser__cards i{height:70px;border-radius:12px;background:#0d4146}.website-browser__cards i:nth-child(2){background:#d0c7b7}.website-browser__cards i:nth-child(3){background:#f8a34e}
.website-build-desk__signals{display:grid;gap:10px}.website-build-desk__signals article{padding:18px;border-radius:18px;background:rgba(13,69,74,.78);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.website-build-desk__signals article:first-child{min-height:220px;background:linear-gradient(145deg,#0b5f68,#073c42)}.website-build-desk__signals small{color:rgba(255,255,255,.48);font-size:7px;letter-spacing:.14em}.website-build-desk__signals strong{margin-top:15px;font:400 58px/1 var(--font-heading)}.website-build-desk__signals b{margin-top:auto;font-size:11px}.website-build-desk__signals span{margin-top:7px;color:rgba(255,255,255,.5);font-size:8px;line-height:1.45}.website-build-desk__signals span i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#54d389}.mini-bars{height:55px;margin-top:auto;display:flex;align-items:end;gap:5px}.mini-bars b{flex:1;border-radius:3px 3px 0 0;background:rgba(255,255,255,.22);height:35%}.mini-bars b:nth-child(2){height:58%}.mini-bars b:nth-child(3){height:82%;background:var(--orange)}.mini-bars b:nth-child(4){height:68%}.mini-bars b:nth-child(5){height:91%}.website-build-desk__footer{justify-content:space-around;border-top:1px solid rgba(255,255,255,.07);margin-top:10px}
.website-type-strip{background:var(--orange);overflow:hidden}.website-type-strip__inner{min-height:68px;display:flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap;font-size:11px;font-weight:800}.website-type-strip__inner i{width:5px;height:5px;border-radius:50%;background:var(--ink)}
.website-page .website-package--landing{background:#eee9df}.website-page .website-package--business{background:#dcebea}.website-page .website-package--growth{background:#0b5f68;color:#fff}.website-page .website-package--custom{background:#071719;color:#fff}
.ecommerce-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,8vw,120px);align-items:center;background:#ece6dc}.ecommerce-intro__copy h2{margin:18px 0 22px;font:400 clamp(48px,6vw,88px)/.94 var(--font-body);letter-spacing:-.065em}.ecommerce-intro__copy p{max-width:650px;color:var(--muted);font-size:13px;line-height:1.75}.ecommerce-intro__visual{min-height:470px;border-radius:27px;padding:24px;position:relative;display:grid;align-content:center;background:linear-gradient(145deg,rgba(4,31,35,.97),rgba(8,91,99,.8)),url("assets/service-map-photo.webp") center/cover;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.storefront-window{width:78%;min-height:310px;border-radius:20px;padding:24px;background:#f0ebe2;box-shadow:0 28px 70px rgba(0,0,0,.28)}.storefront-window>div:first-child{height:170px;padding:22px;border-radius:15px;background:#0c3438;color:#fff;display:flex;flex-direction:column}.storefront-window span{color:var(--orange);font-size:8px;letter-spacing:.14em}.storefront-window b{margin-top:auto;font:400 36px/1 var(--font-body);letter-spacing:-.05em}.storefront-window i{width:55px;height:7px;margin-top:15px;border-radius:99px;background:var(--orange)}.storefront-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.storefront-products span{height:75px;border-radius:11px;background:#d2cbbb}.storefront-products span:nth-child(2){background:#f1a053}.storefront-products span:nth-child(3){background:#1c555a}.storefront-order{position:absolute;right:22px;bottom:32px;width:48%;padding:20px;border-radius:18px;background:rgba(4,21,24,.91);color:#fff;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}.storefront-order small{color:var(--orange);font-size:7px;letter-spacing:.14em}.storefront-order b{display:block;margin:13px 0 8px;font-size:13px}.storefront-order span{color:rgba(255,255,255,.48);font-size:8px}
.ecommerce-packages{background:#071719}.ecommerce-package{max-width:var(--max);margin:auto;padding:clamp(75px,8vw,125px) 4vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,8vw,120px);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.ecommerce-package--starter{background:#e7e2d8;color:var(--ink);max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw))}.ecommerce-package--standard{background:#dbeceb;color:var(--ink);max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw))}.ecommerce-package--premium{background:#071719;max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw))}.ecommerce-package__summary{position:relative}.ecommerce-package__summary>span{font-size:8px;letter-spacing:.16em;color:var(--orange)}.ecommerce-package__summary h3{margin:22px 0;font:400 clamp(45px,5vw,74px)/.96 var(--font-body);letter-spacing:-.065em}.ecommerce-package__summary p{max-width:460px;color:inherit;opacity:.6;font-size:12px;line-height:1.7}.ecommerce-package__summary>strong{display:block;margin:34px 0;font:400 clamp(44px,5vw,72px)/1 var(--font-heading);letter-spacing:.01em}.ecommerce-package__details{padding:28px;border-radius:23px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.ecommerce-package--starter .ecommerce-package__details,.ecommerce-package--standard .ecommerce-package__details{background:rgba(255,255,255,.46);border-color:rgba(7,23,25,.12)}.ecommerce-package__details>small{color:var(--orange);font-size:8px;letter-spacing:.14em}.ecommerce-package__details ul{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.ecommerce-package__details li{position:relative;padding:13px 0 13px 24px;border-bottom:1px solid currentColor;opacity:.7;font-size:10px;line-height:1.55}.ecommerce-package__details li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:800}.comparison-footnote{margin-top:16px;color:var(--muted);font-size:10px}
.website-addons{background:#f3efe7}.website-addons__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.website-addons__grid article{min-height:290px;padding:24px;border-radius:21px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.website-addons__grid small{color:var(--orange);font-size:7px;letter-spacing:.14em}.website-addons__grid h3{margin:20px 0 16px;font:400 23px/1.05 var(--font-body);letter-spacing:-.04em}.website-addons__grid strong{margin-top:auto;font:400 26px/1 var(--font-heading);color:var(--teal)}.website-addons__grid strong i{font:400 10px var(--font-body);color:var(--muted)}.website-addons__grid p{color:var(--muted);font-size:9px;line-height:1.6}
.website-portfolio-section{position:relative;isolation:isolate;overflow:hidden;background:#061f22;color:#fff}.website-portfolio-section::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,22,25,.98),rgba(4,37,42,.84)),url("assets/contact-workspace-photo.webp") center/cover}.website-portfolio-section::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 30%,rgba(255,138,31,.13),transparent 30%)}.website-portfolio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:50px}.website-portfolio-grid a{min-height:390px;padding:23px;border-radius:20px;background:rgba(4,32,36,.78);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;backdrop-filter:blur(8px)}.website-portfolio-grid a>span{color:var(--orange);font:8px monospace}.website-portfolio-grid small{margin-top:auto;color:var(--orange);font-size:7px;letter-spacing:.13em}.website-portfolio-grid h3{margin:18px 0 12px;font:400 25px/1 var(--font-body);letter-spacing:-.04em}.website-portfolio-grid p{color:rgba(255,255,255,.52);font-size:9px;line-height:1.65}.website-portfolio-grid b{margin-top:18px;font-size:8px;color:rgba(255,255,255,.68)}
@media(max-width:1120px){.website-build-desk__body{grid-template-columns:1fr}.website-build-desk__signals{grid-template-columns:repeat(3,1fr)}.website-build-desk__signals article:first-child{min-height:180px}.website-addons__grid{grid-template-columns:repeat(2,1fr)}.website-portfolio-grid{grid-template-columns:repeat(3,1fr)}.website-portfolio-grid a:nth-child(4),.website-portfolio-grid a:nth-child(5){min-height:320px}.ecommerce-package{grid-template-columns:1fr}}
@media(max-width:920px){.website-page .single-service-hero__photo{background-image:linear-gradient(180deg,rgba(2,16,19,.95),rgba(3,25,29,.78) 52%,rgba(3,20,23,.96)),url("assets/hero-workspace-mobile.webp");background-position:center 36%}.ecommerce-intro{grid-template-columns:1fr}.website-portfolio-grid{grid-template-columns:1fr 1fr}.website-type-strip__inner{justify-content:flex-start;overflow:auto;padding:0 5vw}.website-type-strip__inner::-webkit-scrollbar{display:none}}
@media(max-width:650px){.website-build-desk{padding:8px;border-radius:20px}.website-build-desk__body{grid-template-columns:1fr}.website-browser{min-height:410px}.website-browser__canvas{grid-template-columns:45px 1fr;min-height:370px}.website-browser__canvas aside{padding:13px 8px}.website-browser__canvas main{padding:28px 20px}.website-browser__canvas h2{font-size:34px}.website-browser__canvas main::after{font-size:100px}.website-browser__cards{left:20px;right:18px}.website-build-desk__signals{grid-template-columns:1fr}.website-build-desk__signals article:first-child{min-height:170px}.website-build-desk__footer{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:10px}.ecommerce-intro{padding-left:5vw;padding-right:5vw}.ecommerce-intro__visual{min-height:420px;padding:14px}.storefront-window{width:92%;padding:16px}.storefront-order{right:13px;bottom:20px;width:76%}.ecommerce-package{padding-left:5vw;padding-right:5vw}.ecommerce-package__details{padding:20px}.ecommerce-package__details ul{grid-template-columns:1fr}.website-addons{padding-left:5vw;padding-right:5vw}.website-addons__grid{grid-template-columns:1fr}.website-addons__grid article{min-height:235px}.website-portfolio-grid{grid-template-columns:1fr}.website-portfolio-grid a,.website-portfolio-grid a:nth-child(4),.website-portfolio-grid a:nth-child(5){min-height:290px}}

/* ---------------------------------------------------------
   TYPOGRAPHY HIERARCHY UPDATE
   Hero headlines use MADE Outer Sans for maximum clarity.
   The first major content heading after each hero uses Android.
   --------------------------------------------------------- */
.hero h1,
.services-hero h1,
.single-service-hero h1,
.brand-builder-page-hero h1,
.campaign-preview-card h1 {
  font-family: var(--font-body) !important;
  font-weight: 800 !important;
  letter-spacing: -.065em !important;
  text-transform: none;
}

.intro .display-heading,
.service-intro .display-heading,
.service-story .display-heading,
.brand-builder-embed__heading h2 {
  font-family: var(--font-heading) !important;
  font-weight: 400 !important;
  letter-spacing: .015em !important;
}

/* ---------------------------------------------------------
   WEBSITE DEVELOPMENT PACKAGE CONTRAST UPDATE
   --------------------------------------------------------- */
.website-page .website-package--landing {
  background: #050607;
  color: #ffffff;
}
.website-page .website-package--business {
  background: #123a40;
  color: #ffffff;
}
.website-page .website-package--landing .button--dark {
  background: var(--orange);
  color: var(--ink);
}
.website-page .website-package--landing .monthly-package__details,
.website-page .website-package--business .monthly-package__details {
  background: rgba(255,255,255,.065);
  border-color: rgba(255,255,255,.15);
}
.website-page .website-package--landing .monthly-package__summary > p,
.website-page .website-package--business .monthly-package__summary > p,
.website-page .website-package--landing .outcome-strip p,
.website-page .website-package--business .outcome-strip p {
  color: rgba(255,255,255,.64);
}

/* Software Development service page */
.software-page .single-service-hero__photo {
  background-image:
    linear-gradient(90deg,rgba(2,15,18,.98) 0%,rgba(3,23,27,.92) 44%,rgba(3,25,29,.58) 100%),
    linear-gradient(180deg,rgba(3,17,20,.18),rgba(3,17,20,.88)),
    url("assets/software-code-photo.webp");
  background-size:cover;
  background-position:center;
  filter:saturate(.72) contrast(1.08);
}
.software-page .single-service-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 32%,rgba(11,119,129,.24),transparent 31%),radial-gradient(circle at 86% 78%,rgba(255,138,31,.1),transparent 27%)}
.software-command-center{position:relative;z-index:1;width:min(760px,100%);padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(4,23,26,.8);box-shadow:0 38px 110px rgba(0,0,0,.44);backdrop-filter:blur(14px)}
.software-command-center__top,.software-command-center__footer{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;color:rgba(255,255,255,.44);font:8px monospace;letter-spacing:.13em}.software-command-center__top i{font-style:normal;color:rgba(255,255,255,.68)}.software-command-center__top i b{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#53d083;box-shadow:0 0 0 5px rgba(83,208,131,.1)}
.software-command-center__body{display:grid;grid-template-columns:1.6fr .72fr;gap:10px}.software-app-shell{min-height:485px;display:grid;grid-template-columns:58px 1fr;border-radius:20px;overflow:hidden;background:#eae6de;color:var(--ink)}.software-app-shell aside{padding:15px 10px;background:#0a292d;display:flex;flex-direction:column;align-items:center;gap:18px}.software-app-shell aside b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--orange);font:400 18px var(--font-heading)}.software-app-shell aside span{width:25px;height:25px;border-radius:7px;border:1px solid rgba(255,255,255,.14)}.software-app-shell aside span.is-active{background:rgba(255,138,31,.2);border-color:rgba(255,138,31,.5)}.software-app-shell main{padding:30px;overflow:hidden}.software-app-shell__head{display:flex;justify-content:space-between;gap:18px;align-items:start}.software-app-shell__head small{color:var(--orange);font-size:7px;letter-spacing:.14em}.software-app-shell__head h2{margin:17px 0 0;font:400 clamp(31px,3.1vw,47px)/.95 var(--font-body);letter-spacing:-.06em}.software-app-shell__head button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 14px;font-size:7px;font-weight:800}.software-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}.software-metrics article{min-height:112px;padding:15px;border-radius:14px;background:#fff;border:1px solid rgba(7,23,25,.08);display:flex;flex-direction:column}.software-metrics small,.software-workflow small{color:#7a8587;font-size:6px;letter-spacing:.12em}.software-metrics strong{margin-top:auto;font:400 31px var(--font-heading);color:var(--teal)}.software-metrics i{font-style:normal;color:#6d797b;font-size:6px}.software-workflow{margin-top:12px;padding:13px;border-radius:16px;background:#0c3c41;color:#fff;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:7px;align-items:center}.software-workflow div{min-width:0}.software-workflow b{display:block;margin:9px 0 5px;font-size:8px}.software-workflow span{display:block;color:rgba(255,255,255,.48);font-size:6px;line-height:1.45}.software-workflow>i{font-style:normal;color:var(--orange)}
.software-command-center__signals{display:grid;gap:10px}.software-command-center__signals article{padding:18px;border-radius:18px;background:rgba(13,69,74,.8);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.software-command-center__signals article:first-child{min-height:225px;background:linear-gradient(145deg,#0b5f68,#073c42)}.software-command-center__signals small{color:rgba(255,255,255,.48);font-size:7px;letter-spacing:.14em}.software-command-center__signals strong{margin-top:15px;font:400 58px/1 var(--font-heading)}.software-command-center__signals b{margin-top:auto;font-size:10px}.software-command-center__signals span{margin-top:7px;color:rgba(255,255,255,.5);font-size:8px;line-height:1.45}.software-command-center__signals span i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#54d389}.software-command-center__footer{justify-content:space-around;border-top:1px solid rgba(255,255,255,.07);margin-top:10px}
.software-type-strip{background:var(--orange);overflow:hidden}.software-type-strip__inner{min-height:68px;display:flex;align-items:center;justify-content:center;gap:21px;white-space:nowrap;font-size:10px;font-weight:800}.software-type-strip__inner i{width:5px;height:5px;border-radius:50%;background:var(--ink)}
.software-package--automation{background:#050607;color:#fff}.software-package--business{background:#123a40;color:#fff}.software-package--saas{background:#e7e2d8;color:var(--ink)}.software-package--enterprise{background:#071719;color:#fff}.software-package--automation .monthly-package__details,.software-package--business .monthly-package__details,.software-package--enterprise .monthly-package__details{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.15)}.software-package--automation .monthly-package__summary>p,.software-package--business .monthly-package__summary>p,.software-package--enterprise .monthly-package__summary>p,.software-package--automation .outcome-strip p,.software-package--business .outcome-strip p,.software-package--enterprise .outcome-strip p{color:rgba(255,255,255,.64)}.software-package--saas .monthly-package__details{background:rgba(255,255,255,.46);border-color:rgba(7,23,25,.12)}
.software-comparison-table{min-width:1050px}.software-comparison-table thead th:nth-child(3){background:var(--teal)}
.software-discovery{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(48px,8vw,120px);align-items:center;background:#e9e4d9}.software-discovery__copy h2{margin:18px 0 22px;font:400 clamp(48px,6vw,86px)/.95 var(--font-body);letter-spacing:-.06em}.software-discovery__copy>p{max-width:650px;color:var(--muted);font-size:13px;line-height:1.75}.software-discovery__list{display:grid;gap:10px;margin:30px 0}.software-discovery__list article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.software-discovery__list article>span{color:var(--orange);font:9px monospace}.software-discovery__list b{font-size:12px}.software-discovery__list p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.software-discovery__visual{min-height:520px;border-radius:28px;padding:30px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(4,27,31,.95),rgba(8,88,96,.82)),url("assets/delivery-workspace-photo.webp") center/cover;box-shadow:var(--shadow)}.software-discovery__visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 24%,rgba(255,138,31,.15),transparent 30%)}.discovery-board{position:relative;z-index:1;width:min(600px,100%);padding:22px;border-radius:22px;background:rgba(4,21,24,.88);color:#fff;border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px)}.discovery-board__head{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);font:7px monospace;color:rgba(255,255,255,.55)}.discovery-board__head i{font-style:normal;color:var(--orange)}.discovery-board__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.discovery-board__columns article{min-height:190px;padding:17px;border-radius:16px;background:rgba(16,85,92,.62);display:flex;flex-direction:column;gap:10px}.discovery-board__columns small{color:var(--orange);font-size:6px;letter-spacing:.13em}.discovery-board__columns b{padding:11px;border-radius:9px;background:rgba(255,255,255,.07);font-size:8px}.discovery-board__release{margin-top:12px;padding:16px;border-radius:15px;background:#e8e2d8;color:var(--ink)}.discovery-board__release>span{font-size:6px;color:var(--orange);letter-spacing:.13em}.discovery-board__release>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0}.discovery-board__release i{height:5px;border-radius:9px;background:var(--teal)}.discovery-board__release i:nth-child(4){background:var(--orange)}.discovery-board__release b{font-size:8px}
.software-addons{background:#f3efe7}.software-addons__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.software-addons__grid article{min-height:285px;padding:24px;border-radius:21px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.software-addons__grid small{color:var(--orange);font-size:7px;letter-spacing:.14em}.software-addons__grid h3{margin:20px 0 16px;font:400 23px/1.05 var(--font-body);letter-spacing:-.04em}.software-addons__grid p{color:var(--muted);font-size:9px;line-height:1.6}.software-addons__grid strong{margin-top:auto;font:400 25px/1 var(--font-heading);color:var(--teal)}
.software-architecture{background:#071719;color:#fff}.software-architecture__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:46px}.software-architecture__grid article{min-height:350px;padding:23px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column}.software-architecture__grid article>span{color:var(--orange);font:8px monospace}.software-architecture__grid small{margin-top:auto;color:var(--orange);font-size:7px;letter-spacing:.13em}.software-architecture__grid h3{margin:17px 0 13px;font:400 23px/1.03 var(--font-body);letter-spacing:-.04em}.software-architecture__grid p{color:rgba(255,255,255,.5);font-size:9px;line-height:1.65}
.software-portfolio-section{position:relative;isolation:isolate;overflow:hidden;background:#061f22;color:#fff}.software-portfolio-section::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,22,25,.98),rgba(4,37,42,.84)),url("assets/contact-workspace-photo.webp") center/cover}.software-portfolio-section::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 30%,rgba(255,138,31,.13),transparent 30%)}.software-portfolio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:50px}.software-portfolio-grid a{min-height:390px;padding:23px;border-radius:20px;background:rgba(4,32,36,.78);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;backdrop-filter:blur(8px);transition:transform .25s,background .25s}.software-portfolio-grid a:hover{transform:translateY(-6px);background:rgba(7,54,60,.9)}.software-portfolio-grid a>span{color:var(--orange);font:8px monospace}.software-portfolio-grid small{margin-top:auto;color:var(--orange);font-size:7px;letter-spacing:.13em}.software-portfolio-grid h3{margin:18px 0 12px;font:400 25px/1 var(--font-body);letter-spacing:-.04em}.software-portfolio-grid p{color:rgba(255,255,255,.52);font-size:9px;line-height:1.65}.software-portfolio-grid b{margin-top:18px;font-size:8px;color:rgba(255,255,255,.68)}
@media(max-width:1120px){.software-command-center__body{grid-template-columns:1fr}.software-command-center__signals{grid-template-columns:repeat(3,1fr)}.software-command-center__signals article:first-child{min-height:180px}.software-addons__grid{grid-template-columns:repeat(2,1fr)}.software-architecture__grid{grid-template-columns:repeat(3,1fr)}.software-portfolio-grid{grid-template-columns:repeat(3,1fr)}.software-portfolio-grid a:nth-child(4),.software-portfolio-grid a:nth-child(5){min-height:320px}}
@media(max-width:920px){.software-page .single-service-hero__photo{background-image:linear-gradient(180deg,rgba(2,16,19,.95),rgba(3,25,29,.78) 52%,rgba(3,20,23,.96)),url("assets/software-code-photo.webp");background-position:center}.software-type-strip__inner{justify-content:flex-start;overflow:auto;padding:0 5vw}.software-type-strip__inner::-webkit-scrollbar{display:none}.software-discovery{grid-template-columns:1fr}.software-architecture__grid{grid-template-columns:1fr 1fr}.software-portfolio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.software-command-center{padding:8px;border-radius:20px}.software-command-center__body{grid-template-columns:1fr}.software-app-shell{grid-template-columns:43px 1fr;min-height:500px}.software-app-shell aside{padding:11px 6px}.software-app-shell main{padding:20px 16px}.software-app-shell__head{display:block}.software-app-shell__head h2{font-size:31px}.software-app-shell__head button{margin-top:15px}.software-metrics{grid-template-columns:1fr}.software-metrics article{min-height:88px}.software-workflow{grid-template-columns:1fr}.software-workflow>i{transform:rotate(90deg);text-align:center}.software-command-center__signals{grid-template-columns:1fr}.software-command-center__signals article:first-child{min-height:170px}.software-command-center__footer{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:10px}.software-discovery{padding-left:5vw;padding-right:5vw}.software-discovery__visual{min-height:470px;padding:15px}.discovery-board{padding:14px}.discovery-board__columns{grid-template-columns:1fr}.discovery-board__columns article{min-height:auto}.software-addons{padding-left:5vw;padding-right:5vw}.software-addons__grid{grid-template-columns:1fr}.software-addons__grid article{min-height:235px}.software-architecture__grid{grid-template-columns:1fr}.software-architecture__grid article{min-height:260px}.software-portfolio-grid{grid-template-columns:1fr}.software-portfolio-grid a,.software-portfolio-grid a:nth-child(4),.software-portfolio-grid a:nth-child(5){min-height:290px}}

/* Software Development visibility update — SaaS / Customer Platform */
.software-page .software-package--saas {
  background: #050607;
  color: #fff;
}
.software-page .software-package--saas .monthly-package__summary > p,
.software-page .software-package--saas .outcome-strip p {
  color: rgba(255,255,255,.64);
}
.software-page .software-package--saas .monthly-price {
  border-top-color: rgba(255,255,255,.15);
}
.software-page .software-package--saas .monthly-price small {
  color: rgba(255,255,255,.42);
}
.software-page .software-package--saas .monthly-package__details {
  background: rgba(255,255,255,.065);
  border-color: rgba(255,255,255,.15);
}
.software-page .software-package--saas .button--dark {
  background: var(--orange);
  color: var(--ink);
  box-shadow: 0 15px 35px rgba(255,138,31,.18);
}

/* ============================================================
   AUTHORIZED CYBERSECURITY SERVICE PAGE
   ============================================================ */
.cybersecurity-page .single-service-hero__photo{
  background-image:linear-gradient(90deg,rgba(2,14,17,.96) 0%,rgba(3,23,27,.86) 45%,rgba(3,24,28,.60) 100%),url("assets/software-code-photo.webp");
  background-position:center;
  filter:saturate(.72) contrast(1.08);
}
.cybersecurity-page .single-service-hero__photo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 26%,rgba(255,138,31,.15),transparent 28%),linear-gradient(180deg,transparent 55%,rgba(2,14,17,.68))}
.security-command-center{min-width:0;padding:13px;border-radius:28px;background:rgba(6,29,33,.88);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px rgba(0,0,0,.42);backdrop-filter:blur(13px)}
.security-command-center__top,.security-command-center__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 14px;color:rgba(255,255,255,.43);font:7px monospace;letter-spacing:.11em}.security-command-center__top i{font-style:normal;color:rgba(255,255,255,.6)}.security-command-center__top i b{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#54d389;box-shadow:0 0 9px #54d389}
.security-command-center__body{display:grid;grid-template-columns:1.56fr .72fr;gap:10px}.security-console{min-height:500px;padding:29px;border-radius:20px;background:#ebe7de;color:var(--ink);position:relative;overflow:hidden}.security-console::after{content:"SECURE";position:absolute;right:-35px;bottom:-25px;font:400 115px/1 var(--font-heading);color:rgba(11,95,104,.055);transform:rotate(-90deg);transform-origin:center}
.security-console__head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px}.security-console__head small{color:var(--orange);font-size:7px;letter-spacing:.15em}.security-console__head h2{margin:18px 0 0;font:400 clamp(31px,3vw,47px)/.95 var(--font-body);letter-spacing:-.06em}.security-console__head>span{font:7px monospace;color:#859092}
.security-score-ring{width:168px;height:168px;margin:32px auto 22px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0 86%,rgba(7,23,25,.08) 86%);position:relative}.security-score-ring::before{content:"";position:absolute;inset:13px;border-radius:50%;background:#ebe7de}.security-score-ring>div{position:relative;z-index:1;text-align:center}.security-score-ring strong{display:block;font:400 55px/1 var(--font-heading);color:var(--teal)}.security-score-ring small{font-size:6px;letter-spacing:.14em;color:#758184}
.security-console__checks{position:relative;z-index:1;display:grid;gap:7px}.security-console__checks article{min-height:58px;padding:11px 13px;border-radius:12px;background:#fff;display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:11px;border:1px solid rgba(7,23,25,.07)}.security-console__checks article>span{width:8px;height:8px;border-radius:50%}.security-console__checks .is-good{background:#54d389}.security-console__checks .is-warn{background:#f1b64b}.security-console__checks .is-alert{background:#ed6d62}.security-console__checks small{display:block;color:#8a9395;font-size:5px;letter-spacing:.12em}.security-console__checks b{display:block;margin-top:4px;font-size:8px}.security-console__checks i{font-style:normal;font-size:6px;color:#6d797b}
.security-command-center__signals{display:grid;gap:10px}.security-command-center__signals article{padding:18px;border-radius:18px;background:rgba(13,69,74,.82);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.security-command-center__signals article:first-child{min-height:230px;background:linear-gradient(145deg,#0b5f68,#07383e)}.security-command-center__signals small{color:rgba(255,255,255,.48);font-size:7px;letter-spacing:.14em}.security-command-center__signals strong{margin-top:16px;font:400 58px/1 var(--font-heading)}.security-command-center__signals b{margin-top:auto;font-size:10px}.security-command-center__signals span{margin-top:7px;color:rgba(255,255,255,.5);font-size:8px;line-height:1.45}.security-command-center__footer{justify-content:space-around;border-top:1px solid rgba(255,255,255,.07);margin-top:10px;padding-top:15px}
.security-type-strip{background:var(--orange);color:var(--ink)}.security-type-strip__inner{max-width:var(--max);margin:auto;padding:0 4vw;min-height:68px;display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;font-size:10px;font-weight:800}.security-type-strip__inner i{width:5px;height:5px;border-radius:50%;background:var(--ink)}
.security-package--website{background:#050607;color:#fff}.security-package--business{background:#123a40;color:#fff}.security-package--pentest{background:#050607;color:#fff}.security-package--incident{background:#030405;color:#fff}
.security-package--website .monthly-package__details,.security-package--business .monthly-package__details,.security-package--pentest .monthly-package__details,.security-package--incident .monthly-package__details{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.15)}.security-package--website .monthly-package__summary>p,.security-package--business .monthly-package__summary>p,.security-package--pentest .monthly-package__summary>p,.security-package--incident .monthly-package__summary>p,.security-package--website .outcome-strip p,.security-package--business .outcome-strip p,.security-package--pentest .outcome-strip p,.security-package--incident .outcome-strip p{color:rgba(255,255,255,.68)}
.security-comparison-table{min-width:1050px}.security-comparison-table thead th:nth-child(3){background:var(--teal)}
.security-authorization{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(50px,8vw,120px);align-items:center;background:#e8e3d9}.security-authorization__copy h2{margin:19px 0 24px;font:400 clamp(50px,6vw,84px)/.95 var(--font-body);letter-spacing:-.065em}.security-authorization__copy p{max-width:640px;color:var(--muted);font-size:13px;line-height:1.75}.security-authorization__copy .button{margin-top:27px}.authorization-ledger{padding:18px;border-radius:27px;background:#071719;color:#fff;box-shadow:var(--shadow);display:grid;gap:8px}.authorization-ledger article{padding:20px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:47px 1fr;gap:16px}.authorization-ledger article>span{color:var(--orange);font:10px monospace}.authorization-ledger small{color:var(--orange);font-size:6px;letter-spacing:.15em}.authorization-ledger b{display:block;margin:9px 0 6px;font-size:12px}.authorization-ledger p{margin:0;color:rgba(255,255,255,.5);font-size:8px;line-height:1.55}
.security-addons{background:#f3efe7}.security-addons__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.security-addons__grid article{min-height:285px;padding:24px;border-radius:21px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.security-addons__grid small{color:var(--orange);font-size:7px;letter-spacing:.14em}.security-addons__grid h3{margin:20px 0 16px;font:400 23px/1.05 var(--font-body);letter-spacing:-.04em}.security-addons__grid p{color:var(--muted);font-size:9px;line-height:1.6}.security-addons__grid strong{margin-top:auto;font:400 24px/1.1 var(--font-heading);color:var(--teal)}
.security-response{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(48px,8vw,120px);align-items:center;background:#071719;color:#fff}.security-response__visual{min-height:500px;padding:28px;border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(4,27,31,.94),rgba(8,88,96,.75)),url("assets/contact-workspace-photo.webp") center/cover;box-shadow:0 30px 80px rgba(0,0,0,.25)}.security-response__visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 25%,rgba(255,138,31,.15),transparent 30%)}.response-board{position:relative;z-index:1;width:min(650px,100%);padding:22px;border-radius:22px;background:rgba(4,20,23,.88);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(13px)}.response-board__head{display:flex;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);font:7px monospace;color:rgba(255,255,255,.55)}.response-board__head i{font-style:normal;color:var(--orange)}.response-board__status{display:grid;grid-template-columns:80px 1fr;gap:18px;align-items:center;margin:17px 0;padding:18px;border-radius:16px;background:rgba(13,83,91,.62)}.response-board__status strong{font:400 55px/1 var(--font-heading);color:var(--orange)}.response-board__status small{color:rgba(255,255,255,.46);font-size:6px;letter-spacing:.13em}.response-board__status b{display:block;margin-top:8px;font-size:10px}.response-board__timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}.response-board__timeline article{min-height:125px;padding:13px;border-radius:13px;background:rgba(255,255,255,.055);display:flex;flex-direction:column}.response-board__timeline article span{color:var(--orange);font:7px monospace}.response-board__timeline article b{margin-top:auto;font-size:9px}.response-board__timeline article small{margin-top:5px;color:rgba(255,255,255,.45);font-size:6px}.response-board__timeline>i{width:15px;height:1px;background:var(--orange)}.security-response__copy h2{margin:18px 0 23px;font:400 clamp(48px,5.7vw,80px)/.95 var(--font-body);letter-spacing:-.065em}.security-response__copy>p{color:rgba(255,255,255,.58);font-size:13px;line-height:1.75}.security-response__copy ul{list-style:none;padding:0;margin:28px 0 0}.security-response__copy li{position:relative;padding:13px 0 13px 25px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.66);font-size:10px}.security-response__copy li::before{content:"✓";position:absolute;left:0;color:var(--orange)}
.security-confidentiality{position:relative;isolation:isolate;overflow:hidden;background:#0a3034;color:#fff}.security-confidentiality::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,22,25,.98),rgba(4,46,51,.82)),url("assets/delivery-workspace-photo.webp") center/cover}.security-confidentiality::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 87% 30%,rgba(255,138,31,.13),transparent 30%)}.confidentiality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:46px}.confidentiality-grid article{min-height:315px;padding:23px;border-radius:20px;background:rgba(4,32,36,.74);border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;backdrop-filter:blur(8px)}.confidentiality-grid article>span{color:var(--orange);font:8px monospace}.confidentiality-grid h3{margin-top:auto;font:400 24px/1.02 var(--font-body);letter-spacing:-.04em}.confidentiality-grid p{color:rgba(255,255,255,.52);font-size:9px;line-height:1.65}
.security-consent{display:flex!important;align-items:flex-start;gap:12px;padding:15px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}.security-consent input{width:18px!important;height:18px!important;min-height:0!important;flex:0 0 auto;margin:1px 0 0;accent-color:var(--orange)}.security-consent span{font-size:9px!important;line-height:1.55;color:rgba(255,255,255,.68)!important}
@media(max-width:1120px){.security-command-center__body{grid-template-columns:1fr}.security-command-center__signals{grid-template-columns:repeat(3,1fr)}.security-command-center__signals article:first-child{min-height:185px}.security-addons__grid{grid-template-columns:repeat(2,1fr)}.confidentiality-grid{grid-template-columns:1fr 1fr}.security-response{grid-template-columns:1fr}.security-authorization{grid-template-columns:1fr}}
@media(max-width:920px){.cybersecurity-page .single-service-hero__photo{background-image:linear-gradient(180deg,rgba(2,14,17,.96),rgba(3,24,28,.74) 50%,rgba(2,14,17,.97)),url("assets/software-code-photo.webp");background-position:center}.security-type-strip__inner{justify-content:flex-start;overflow:auto;padding:0 5vw}.security-type-strip__inner::-webkit-scrollbar{display:none}}
@media(max-width:650px){.security-command-center{padding:8px;border-radius:20px}.security-console{min-height:510px;padding:21px 16px}.security-console__head h2{font-size:31px}.security-score-ring{width:145px;height:145px}.security-command-center__signals{grid-template-columns:1fr}.security-command-center__signals article:first-child{min-height:170px}.security-command-center__footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}.security-authorization,.security-addons,.security-response,.security-confidentiality{padding-left:5vw;padding-right:5vw}.security-addons__grid{grid-template-columns:1fr}.security-addons__grid article{min-height:230px}.response-board{padding:14px}.response-board__head{display:block}.response-board__head i{display:block;margin-top:7px}.response-board__timeline{grid-template-columns:1fr}.response-board__timeline>i{width:1px;height:14px;margin:auto}.response-board__timeline article{min-height:92px}.confidentiality-grid{grid-template-columns:1fr}.confidentiality-grid article{min-height:240px}}

/* Maintenance & Technical Support service page */
.maintenance-page .single-service-hero__photo{
  background-image:
    linear-gradient(90deg,rgba(2,15,18,.97) 0%,rgba(3,25,29,.87) 47%,rgba(3,22,26,.58) 100%),
    linear-gradient(180deg,rgba(4,24,27,.12),rgba(3,17,20,.86)),
    url("assets/delivery-workspace-photo.webp");
  background-size:cover;
  background-position:center;
  filter:saturate(.66) contrast(1.05);
}
.maintenance-page .single-service-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 38%,rgba(255,138,31,.12),transparent 27%),radial-gradient(circle at 89% 18%,rgba(11,119,129,.2),transparent 31%)}
.maintenance-command-center{position:relative;z-index:1;width:min(740px,100%);padding:12px;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:rgba(4,23,26,.82);box-shadow:0 40px 110px rgba(0,0,0,.42);backdrop-filter:blur(14px)}
.maintenance-command-center__top,.maintenance-command-center__footer{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:rgba(255,255,255,.43);font:8px monospace;letter-spacing:.13em}
.maintenance-command-center__top i{font-style:normal;color:rgba(255,255,255,.68)}.maintenance-command-center__top i b{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#54d389;box-shadow:0 0 0 5px rgba(84,211,137,.1)}
.maintenance-command-center__body{display:grid;grid-template-columns:1.55fr .7fr;gap:10px}
.maintenance-console{min-height:500px;padding:28px;border-radius:20px;background:#ebe7de;color:var(--ink);position:relative;overflow:hidden}
.maintenance-console::after{content:"CARE";position:absolute;right:-18px;bottom:-30px;font:400 130px/1 var(--font-heading);color:rgba(11,95,104,.05)}
.maintenance-console__head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.maintenance-console__head small{color:var(--orange);font-size:7px;letter-spacing:.14em}.maintenance-console__head h2{margin:17px 0 0;font:400 clamp(32px,3.15vw,49px)/.96 var(--font-body);letter-spacing:-.06em}.maintenance-console__head>span{text-align:right;color:#758184;font:6px/1.6 monospace;letter-spacing:.11em}.maintenance-console__head>span b{color:var(--teal)}
.maintenance-health-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.28fr repeat(3,.72fr);gap:8px;margin-top:28px}.maintenance-health-grid article{min-height:122px;padding:15px;border-radius:15px;background:#fff;border:1px solid rgba(7,23,25,.08);display:flex;flex-direction:column}.maintenance-health-grid small{color:#7b8587;font-size:6px;letter-spacing:.12em}.maintenance-health-grid strong{margin-top:auto;font:400 28px/1 var(--font-heading);color:var(--teal)}.maintenance-health-grid span{margin-top:7px;color:#748083;font-size:6px;line-height:1.4}.maintenance-health-grid span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#54d389}.maintenance-health-card--score{grid-row:span 2;min-height:252px!important;background:#0c444a!important;color:#fff!important;border-color:#0c444a!important}.maintenance-health-card--score small{color:rgba(255,255,255,.48)}.maintenance-health-card--score strong{margin-top:18px;font-size:65px;color:#fff}.maintenance-health-card--score span{color:#76edb4}.maintenance-health-card--score .mini-bars{margin-top:auto}
.maintenance-activity{position:relative;z-index:1;grid-column:2/-1;margin-top:-122px;padding:15px;border-radius:15px;background:#f8f6f1;border:1px solid rgba(7,23,25,.08)}.maintenance-activity__head{display:flex;justify-content:space-between;color:#7a8587;font-size:6px;letter-spacing:.11em}.maintenance-activity__head span{color:var(--orange)}.maintenance-activity article{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid rgba(7,23,25,.08)}.maintenance-activity article:first-of-type{margin-top:12px}.maintenance-activity article>i{width:7px;height:7px;border-radius:50%;background:#54d389}.maintenance-activity b{display:block;font-size:7px}.maintenance-activity small{display:block;margin-top:4px;color:#7b8587;font-size:6px}.maintenance-activity time{color:#8c9698;font:6px monospace}
.maintenance-command-center__signals{display:grid;gap:10px}.maintenance-command-center__signals article{padding:18px;border-radius:18px;background:rgba(13,69,74,.82);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.maintenance-command-center__signals article:first-child{min-height:215px;background:linear-gradient(145deg,#0b5f68,#073a40)}.maintenance-command-center__signals small{color:rgba(255,255,255,.48);font-size:7px;letter-spacing:.14em}.maintenance-command-center__signals b{margin-top:auto;font-size:10px}.maintenance-command-center__signals span{margin-top:7px;color:rgba(255,255,255,.5);font-size:8px;line-height:1.48}.maintenance-command-center__footer{justify-content:space-around;border-top:1px solid rgba(255,255,255,.07);margin-top:10px}
.maintenance-type-strip{background:var(--orange);color:var(--ink);overflow:hidden}.maintenance-type-strip__inner{max-width:var(--max);margin:auto;padding:0 4vw;min-height:68px;display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;font-size:10px;font-weight:800}.maintenance-type-strip__inner i{width:5px;height:5px;border-radius:50%;background:var(--ink)}
.maintenance-package--essential{background:#050607;color:#fff}.maintenance-package--business{background:#123a40;color:#fff}.maintenance-package--commerce{background:#071719;color:#fff}.maintenance-package--managed{background:#0b5f68;color:#fff}.maintenance-packages .monthly-package__details{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.15)}.maintenance-packages .monthly-package__summary>p,.maintenance-packages .outcome-strip p{color:rgba(255,255,255,.68)}
.maintenance-comparison-table{min-width:1040px}.maintenance-comparison-table thead th:nth-child(3){background:var(--teal)}
.maintenance-emergency{max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw));display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,8vw,120px);align-items:center;background:#050607;color:#fff}.maintenance-emergency__copy h2{margin:18px 0 24px;font:400 clamp(48px,5.8vw,82px)/.95 var(--font-body);letter-spacing:-.065em}.maintenance-emergency__copy p{max-width:620px;color:rgba(255,255,255,.58);font-size:13px;line-height:1.75}.maintenance-emergency__copy .button{margin-top:26px}.maintenance-emergency__grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.maintenance-emergency__grid article{min-height:285px;padding:24px;border-radius:21px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column}.maintenance-emergency__grid small{color:var(--orange);font-size:7px;letter-spacing:.14em}.maintenance-emergency__grid h3{margin:20px 0 16px;font:400 25px/1.04 var(--font-body);letter-spacing:-.045em}.maintenance-emergency__grid p{color:rgba(255,255,255,.52);font-size:9px;line-height:1.62}.maintenance-emergency__grid strong{margin-top:auto;color:var(--orange);font:400 25px/1 var(--font-heading)}
.maintenance-infrastructure{position:relative;max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw));isolation:isolate;overflow:hidden;background:#0a3034;color:#fff}.maintenance-infrastructure::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,22,25,.98),rgba(4,46,51,.82)),url("assets/contact-workspace-photo.webp") center/cover}.maintenance-infrastructure::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 84% 23%,rgba(255,138,31,.13),transparent 30%)}.maintenance-infrastructure__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.maintenance-infrastructure__grid article{min-height:330px;padding:23px;border-radius:20px;background:rgba(4,32,36,.74);border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;backdrop-filter:blur(8px)}.maintenance-infrastructure__grid article>span{color:var(--orange);font:8px monospace}.maintenance-infrastructure__grid small{margin-top:auto;color:rgba(255,255,255,.42);font-size:7px;letter-spacing:.13em}.maintenance-infrastructure__grid h3{margin:15px 0 13px;font:400 23px/1.04 var(--font-body);letter-spacing:-.04em}.maintenance-infrastructure__grid p{color:rgba(255,255,255,.53);font-size:9px;line-height:1.65}
.maintenance-boundaries{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(48px,8vw,120px);align-items:center;background:#ece7de}.maintenance-boundaries__visual{min-height:510px;padding:28px;border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(4,27,31,.93),rgba(8,88,96,.73)),url("assets/service-map-photo.webp") center/cover;box-shadow:var(--shadow)}.maintenance-boundaries__visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 25%,rgba(255,138,31,.15),transparent 30%)}.care-board{position:relative;z-index:1;width:min(680px,100%);padding:22px;border-radius:22px;background:rgba(4,20,23,.88);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(13px);color:#fff}.care-board__head{display:flex;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);font:7px monospace;color:rgba(255,255,255,.55)}.care-board__head i{font-style:normal;color:var(--orange)}.care-board__steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:18px 0}.care-board__steps article{min-height:145px;padding:14px;border-radius:14px;background:rgba(255,255,255,.055);display:flex;flex-direction:column}.care-board__steps article span{color:var(--orange);font:7px monospace}.care-board__steps article b{margin-top:auto;font-size:9px}.care-board__steps article small{margin-top:6px;color:rgba(255,255,255,.45);font-size:6px}.care-board__steps>i{font-style:normal;color:var(--orange)}.care-board__footer{display:flex;flex-wrap:wrap;gap:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.52);font-size:6px}.care-board__footer span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#54d389}.care-board__footer span:nth-child(2) i{background:var(--orange)}.care-board__footer span:nth-child(3) i{background:#b3a58e}.maintenance-boundaries__copy h2{margin:18px 0 24px;font:400 clamp(47px,5.6vw,78px)/.95 var(--font-body);letter-spacing:-.065em}.maintenance-boundaries__copy>p{color:var(--muted);font-size:13px;line-height:1.75}.maintenance-boundaries__copy ul{list-style:none;padding:0;margin:28px 0 0}.maintenance-boundaries__copy li{padding:14px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.6}.maintenance-boundaries__copy li b{color:var(--ink)}
@media(max-width:1180px){.maintenance-command-center__body{grid-template-columns:1fr}.maintenance-command-center__signals{grid-template-columns:repeat(3,1fr)}.maintenance-command-center__signals article:first-child{min-height:170px}.maintenance-health-grid{grid-template-columns:1.2fr 1fr 1fr}.maintenance-health-grid article:last-child{grid-column:2/-1}.maintenance-activity{grid-column:2/-1;margin-top:-122px}.maintenance-infrastructure__grid{grid-template-columns:repeat(3,1fr)}.maintenance-infrastructure__grid article:nth-child(4),.maintenance-infrastructure__grid article:nth-child(5){min-height:280px}.maintenance-boundaries{grid-template-columns:1fr}.maintenance-emergency{grid-template-columns:1fr}}
@media(max-width:920px){.maintenance-page .single-service-hero__photo{background-image:linear-gradient(180deg,rgba(2,14,17,.96),rgba(3,24,28,.76) 50%,rgba(2,14,17,.97)),url("assets/hero-workspace-mobile.webp");background-position:center}.maintenance-type-strip__inner{justify-content:flex-start;overflow:auto;padding:0 5vw}.maintenance-type-strip__inner::-webkit-scrollbar{display:none}.maintenance-infrastructure__grid{grid-template-columns:1fr 1fr}.maintenance-emergency__grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.maintenance-command-center{padding:8px;border-radius:20px}.maintenance-console{min-height:590px;padding:21px 16px}.maintenance-console__head{display:block}.maintenance-console__head>span{display:block;margin-top:12px;text-align:left}.maintenance-console__head h2{font-size:31px}.maintenance-health-grid{grid-template-columns:1fr 1fr}.maintenance-health-card--score{grid-column:1/-1;grid-row:auto;min-height:190px!important}.maintenance-health-grid article:last-child{grid-column:auto}.maintenance-activity{grid-column:1/-1;margin-top:0}.maintenance-command-center__signals{grid-template-columns:1fr}.maintenance-command-center__footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}.maintenance-emergency,.maintenance-infrastructure,.maintenance-boundaries{padding-left:5vw;padding-right:5vw}.maintenance-emergency__grid,.maintenance-infrastructure__grid{grid-template-columns:1fr}.maintenance-emergency__grid article{min-height:230px}.maintenance-infrastructure__grid article{min-height:240px!important}.maintenance-boundaries__visual{min-height:620px;padding:18px}.care-board{padding:14px}.care-board__head{display:block}.care-board__head i{display:block;margin-top:7px}.care-board__steps{grid-template-columns:1fr}.care-board__steps>i{transform:rotate(90deg);text-align:center}.care-board__steps article{min-height:92px}.maintenance-boundaries__copy h2{font-size:clamp(43px,13vw,60px)}}

/* ========================================================================== 
   TT Developers Hub
   ========================================================================== */
.developers-page .single-service-hero__photo{
  background-image:linear-gradient(90deg,rgba(2,14,17,.97) 0%,rgba(3,22,26,.91) 43%,rgba(3,22,26,.54) 73%,rgba(2,14,17,.80) 100%),linear-gradient(180deg,rgba(2,14,17,.18),rgba(2,14,17,.88)),url("assets/software-code-photo.webp");
  background-position:center;
  filter:saturate(.68) contrast(1.12);
}
.developers-page .single-service-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 29%,rgba(11,119,129,.28),transparent 31%),radial-gradient(circle at 32% 77%,rgba(255,138,31,.10),transparent 28%)}
.developer-workbench{min-width:0;padding:14px;border-radius:28px;background:rgba(5,27,31,.84);border:1px solid rgba(255,255,255,.15);box-shadow:0 40px 100px rgba(0,0,0,.42);backdrop-filter:blur(13px)}
.developer-workbench__top,.developer-workbench__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:rgba(255,255,255,.44);font:7px/1.4 monospace;letter-spacing:.11em}
.developer-workbench__top{padding:4px 5px 14px}.developer-workbench__top i{display:flex;align-items:center;gap:7px;font-style:normal;color:rgba(255,255,255,.62)}.developer-workbench__top i b{width:6px;height:6px;border-radius:50%;background:#62e5a5;box-shadow:0 0 10px #62e5a5}
.developer-workbench__body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(195px,.65fr);gap:11px}.developer-editor{min-width:0;border-radius:20px;overflow:hidden;background:#071416;border:1px solid rgba(255,255,255,.10)}
.developer-editor__bar{height:45px;padding:0 15px;display:flex;align-items:center;gap:13px;background:#10282b;color:rgba(255,255,255,.57);font:7px monospace}.developer-editor__bar>span{display:flex;gap:5px}.developer-editor__bar>span i{width:7px;height:7px;border-radius:50%;background:#ff6b58}.developer-editor__bar>span i:nth-child(2){background:#f5bd4f}.developer-editor__bar>span i:nth-child(3){background:#60c96f}.developer-editor__bar small{margin-left:auto;color:#6fdca3}
.developer-editor__canvas{min-height:465px;display:grid;grid-template-columns:112px 1fr}.developer-editor__canvas aside{padding:17px 10px;background:#0a1d20;color:rgba(255,255,255,.39);font:6px/2 monospace}.developer-editor__canvas aside>b{width:28px;height:28px;margin-bottom:15px;border-radius:8px;background:var(--teal);color:#fff;display:grid;place-items:center;font:800 10px var(--font-body)}.developer-editor__canvas aside>span{display:block;margin-bottom:8px;color:rgba(255,255,255,.6);letter-spacing:.12em}.developer-editor__canvas aside i{display:block;font-style:normal;white-space:nowrap}.developer-editor__canvas aside .is-active{margin-left:-10px;padding-left:10px;background:rgba(255,255,255,.07);color:#fff}
.developer-editor__canvas main{position:relative;padding:25px 18px 185px;background:linear-gradient(145deg,#071719,#0b2529);overflow:hidden}.code-line{min-height:19px;display:flex;gap:13px;font:7px/1.5 monospace}.code-line em{width:16px;color:rgba(255,255,255,.20);font-style:normal;text-align:right}.code-white{color:rgba(255,255,255,.73)}.code-purple{color:#c79afb}.code-blue{color:#67b7ff}.code-green{color:#62bd8f}.code-orange{color:var(--orange)}.code-indent{margin-left:15px}
.developer-preview-card{position:absolute;left:22px;right:22px;bottom:22px;padding:18px;border-radius:15px;background:linear-gradient(120deg,#eae5dc,#cfc7b9);color:var(--ink);box-shadow:0 19px 45px rgba(0,0,0,.24)}.developer-preview-card small{color:var(--orange);font:700 6px var(--font-body);letter-spacing:.14em}.developer-preview-card strong{display:block;margin:10px 0 13px;font:800 17px/1 var(--font-body);letter-spacing:-.04em}.developer-preview-card>span{display:inline-flex;align-items:center;gap:5px;margin-right:10px;color:#526064;font-size:6px}.developer-preview-card>span i{width:5px;height:5px;border-radius:50%;background:var(--teal)}
.developer-workbench__side{display:grid;grid-template-rows:1.25fr repeat(3,.7fr);gap:10px}.developer-workbench__side article{padding:16px;border-radius:17px;background:rgba(12,53,58,.88);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;color:#fff}.developer-workbench__side article small{color:rgba(255,255,255,.44);font-size:6px;letter-spacing:.13em}.developer-workbench__side article>b{margin-top:auto;font:700 10px/1.25 var(--font-body)}.developer-workbench__side article>span{margin-top:7px;color:rgba(255,255,255,.45);font-size:7px;line-height:1.45}.developer-workbench__side .build-health{background:linear-gradient(145deg,#0b6770,#07434a)}.build-health strong{display:block;margin:17px 0 1px;font:800 46px/.9 var(--font-body);letter-spacing:-.07em}.build-health>span{color:#76ecae!important}.build-health>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#76ecae}.build-health>div{height:44px;margin-top:18px;display:flex;align-items:end;gap:5px}.build-health>div b{flex:1;border-radius:2px 2px 0 0;background:rgba(255,255,255,.58)}.build-health>div b:nth-child(1){height:28%}.build-health>div b:nth-child(2){height:45%}.build-health>div b:nth-child(3){height:39%}.build-health>div b:nth-child(4){height:68%;background:var(--orange)}.build-health>div b:nth-child(5){height:60%}.build-health>div b:nth-child(6){height:87%}.developer-workbench__footer{justify-content:space-around;padding:14px 4px 3px}
.developer-type-strip{background:var(--orange);color:var(--ink);overflow:hidden}.developer-type-strip__inner{max-width:var(--max);min-height:68px;margin:auto;padding:0 4vw;display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;font-size:10px;font-weight:800}.developer-type-strip__inner i{width:5px;height:5px;border-radius:50%;background:var(--ink)}
.developer-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.developer-service-card{min-height:390px;padding:25px;border:1px solid var(--line);border-radius:22px;background:#ebe6dc;display:flex;flex-direction:column;position:relative;overflow:hidden}.developer-service-card::after{content:attr(data-number);position:absolute;right:-12px;bottom:-47px;color:rgba(7,23,25,.035);font:800 150px var(--font-body)}.developer-service-card>span{color:var(--orange);font:8px monospace}.developer-service-card small{margin-top:auto;color:var(--teal);font-size:7px;font-weight:800;letter-spacing:.14em}.developer-service-card h3{margin:17px 0 15px;font:700 30px/1.02 var(--font-body);letter-spacing:-.05em}.developer-service-card p{color:var(--muted);font-size:10px;line-height:1.65}.developer-service-card ul{list-style:none;padding:0;margin:14px 0 0}.developer-service-card li{padding:8px 0;border-top:1px solid var(--line);color:#536064;font-size:8px}.developer-service-card a{margin-top:auto;padding-top:23px;color:var(--ink);font-size:9px;font-weight:800}.developer-service-card a b{color:var(--orange)}.developer-service-card--featured{grid-column:span 2;background:#071719;color:#fff}.developer-service-card--featured small{color:var(--orange)}.developer-service-card--featured h3{font-size:clamp(38px,4.3vw,62px);max-width:700px}.developer-service-card--featured p{max-width:750px;color:rgba(255,255,255,.56)}.developer-service-card--featured li{border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.58)}.developer-service-card--featured a{color:#fff}
.conversion-packages{background:var(--ink);color:#fff}.developer-price-card{padding:0 4vw;border-top:1px solid rgba(255,255,255,.13)}.developer-price-card__inner{max-width:calc(var(--max) - 8vw);min-height:650px;margin:auto;padding:clamp(72px,8vw,110px) 0;display:grid;grid-template-columns:minmax(350px,.72fr) minmax(560px,1.28fr);gap:clamp(45px,7vw,105px);align-items:start}.developer-price-card__summary{position:sticky;top:110px}.developer-price-card__summary h3{margin:24px 0 20px;font:800 clamp(44px,5vw,72px)/.95 var(--font-body);letter-spacing:-.065em}.developer-price-card__summary>p{max-width:520px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.75}.developer-price-card__details{padding:31px;border-radius:24px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.14)}.developer-price-card__details>small{color:var(--orange);font-size:7px;font-weight:800;letter-spacing:.15em}.developer-price-card__details ul{list-style:none;padding:0;margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px 25px}.developer-price-card__details li{position:relative;padding:0 0 12px 18px;border-bottom:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.70);font-size:10px;line-height:1.55}.developer-price-card__details li::before{content:"✓";position:absolute;left:0;color:var(--orange)}.developer-price-card__details>div{padding:19px;border-radius:15px;background:rgba(255,138,31,.09);border:1px solid rgba(255,138,31,.23)}.developer-price-card__details>div b,.developer-price-card__details>div span{display:block}.developer-price-card__details>div b{color:var(--orange);font-size:8px}.developer-price-card__details>div span{margin-top:8px;color:rgba(255,255,255,.60);font-size:9px;line-height:1.6}.developer-price-card--black{background:#050607}.developer-price-card--teal{background:#123a40}.developer-price-card--cream{background:#d9d1c3;color:var(--ink)}.developer-price-card--cream .developer-price-card__summary>p{color:#536064}.developer-price-card--cream .monthly-price{border-color:rgba(7,23,25,.18)}.developer-price-card--cream .monthly-price small{color:#6f7778}.developer-price-card--cream .developer-price-card__details{background:rgba(7,23,25,.055);border-color:rgba(7,23,25,.15)}.developer-price-card--cream .developer-price-card__details li{color:#425054;border-color:rgba(7,23,25,.13)}.developer-price-card--cream .developer-price-card__details>div{background:rgba(7,23,25,.055);border-color:rgba(7,23,25,.13)}.developer-price-card--cream .developer-price-card__details>div span{color:#536064}.developer-price-card--orange{background:var(--orange);color:var(--ink)}.developer-price-card--orange .package-label{color:var(--ink)}.developer-price-card--orange .developer-price-card__summary>p{color:rgba(7,23,25,.67)}.developer-price-card--orange .monthly-price{border-color:rgba(7,23,25,.22)}.developer-price-card--orange .monthly-price small{color:rgba(7,23,25,.58)}.developer-price-card--orange .developer-price-card__details{background:rgba(7,23,25,.90);color:#fff;border-color:rgba(7,23,25,.2)}
.developer-custom-builds{max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw));position:relative;isolation:isolate;color:#fff;background:#0a3034;overflow:hidden}.developer-custom-builds::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,20,23,.97),rgba(5,52,58,.78)),url("assets/contact-workspace-photo.webp") center/cover}.developer-custom-builds::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 83% 23%,rgba(255,138,31,.13),transparent 31%)}.developer-build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.developer-build-grid article{min-height:470px;padding:27px;border-radius:23px;background:rgba(4,28,32,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(9px);display:flex;flex-direction:column}.developer-build-grid article>span{color:var(--orange);font-size:7px;letter-spacing:.15em}.developer-build-grid h3{margin:30px 0 12px;font:700 34px/1 var(--font-body);letter-spacing:-.05em}.developer-build-grid strong{color:var(--orange);font:400 28px var(--font-heading)}.developer-build-grid p{color:rgba(255,255,255,.53);font-size:10px;line-height:1.65}.developer-build-grid ul{list-style:none;padding:0;margin:24px 0}.developer-build-grid li{padding:9px 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.56);font-size:8px}.developer-build-grid a{margin-top:auto;color:#fff;font-size:9px;font-weight:800}
.developer-marketplace{display:block;background:#ece7de;max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw))}.developer-marketplace__intro{display:grid;grid-template-columns:1fr .72fr;gap:clamp(40px,7vw,100px);align-items:end;margin-bottom:42px}.developer-marketplace__intro h2{margin:18px 0 0;font:400 clamp(50px,6vw,86px)/.92 var(--font-body);letter-spacing:-.07em}.developer-marketplace__intro>p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.developer-shop-section{margin-top:15px;padding:28px;border-radius:27px;border:1px solid rgba(7,23,25,.1);background:#f5f2ec;box-shadow:0 18px 55px rgba(7,23,25,.07)}.developer-shop-section--free{background:#050607;color:#fff;border-color:rgba(255,255,255,.11)}.developer-shop-section--paid{background:#123a40;color:#fff;border-color:rgba(255,255,255,.12)}.developer-shop-section--themes{background:#f5f2ec;color:var(--ink)}.developer-shop-section__head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.developer-shop-section__head>div{max-width:760px}.developer-shop-section__head span{color:var(--orange);font-size:7px;font-weight:800;letter-spacing:.15em}.developer-shop-section__head h3{margin:12px 0 10px;font:700 clamp(31px,3.5vw,50px)/.98 var(--font-body);letter-spacing:-.055em}.developer-shop-section__head p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}.developer-shop-section--free .developer-shop-section__head p,.developer-shop-section--paid .developer-shop-section__head p{color:rgba(255,255,255,.58)}.developer-shop-section__head>a{flex:0 0 auto;color:inherit;font-size:9px;font-weight:800}.developer-shop-section__head>a b{color:var(--orange)}.woocommerce-shortcode-slot{padding:18px;border-radius:20px;background:rgba(255,255,255,.54);border:1px dashed rgba(7,23,25,.17)}.developer-shop-section--free .woocommerce-shortcode-slot,.developer-shop-section--paid .woocommerce-shortcode-slot{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.15)}.woocommerce-shortcode-slot__label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.woocommerce-shortcode-slot__label small{color:var(--orange);font-size:6px;letter-spacing:.14em}.woocommerce-shortcode-slot__label code{max-width:72%;overflow:auto;color:var(--teal);font:7px/1.4 monospace;white-space:nowrap}.developer-shop-section--free .woocommerce-shortcode-slot__label code,.developer-shop-section--paid .woocommerce-shortcode-slot__label code{color:rgba(255,255,255,.62)}.woocommerce-shortcode-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.woocommerce-shortcode-skeleton i{display:block;min-height:235px;border-radius:16px;background:linear-gradient(180deg,rgba(11,95,104,.13) 0 54%,rgba(255,255,255,.72) 54%);border:1px solid rgba(7,23,25,.08);position:relative;overflow:hidden}.woocommerce-shortcode-skeleton i::after{content:"PRODUCTS LOAD HERE IN WORDPRESS";position:absolute;left:15px;right:15px;bottom:18px;color:rgba(7,23,25,.42);font:700 7px/1.4 var(--font-body);letter-spacing:.09em}.developer-shop-section--free .woocommerce-shortcode-skeleton i,.developer-shop-section--paid .woocommerce-shortcode-skeleton i{background:linear-gradient(180deg,rgba(11,119,129,.25) 0 54%,rgba(255,255,255,.055) 54%);border-color:rgba(255,255,255,.09)}.developer-shop-section--free .woocommerce-shortcode-skeleton i::after,.developer-shop-section--paid .woocommerce-shortcode-skeleton i::after{color:rgba(255,255,255,.4)}
/* WooCommerce output styling for the Developers Hub marketplace. */
.tt-developer-shop .woocommerce ul.products,.developer-shop-section .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0!important}.tt-developer-shop .woocommerce ul.products::before,.tt-developer-shop .woocommerce ul.products::after,.developer-shop-section .woocommerce ul.products::before,.developer-shop-section .woocommerce ul.products::after{display:none!important}.tt-developer-shop .woocommerce ul.products li.product,.developer-shop-section .woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:14px!important;border-radius:18px;background:#fff;border:1px solid rgba(7,23,25,.09);box-shadow:none!important}.developer-shop-section--free .woocommerce ul.products li.product,.developer-shop-section--paid .woocommerce ul.products li.product{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.11)}.tt-developer-shop .woocommerce ul.products li.product img,.developer-shop-section .woocommerce ul.products li.product img{border-radius:12px;margin:0 0 14px!important}.tt-developer-shop .woocommerce ul.products li.product .woocommerce-loop-product__title,.developer-shop-section .woocommerce ul.products li.product .woocommerce-loop-product__title{padding:0!important;color:var(--ink);font:700 17px/1.12 var(--font-body);letter-spacing:-.035em}.developer-shop-section--free .woocommerce-loop-product__title,.developer-shop-section--paid .woocommerce-loop-product__title{color:#fff!important}.tt-developer-shop .woocommerce ul.products li.product .price,.developer-shop-section .woocommerce ul.products li.product .price{color:var(--orange)!important;font:700 13px var(--font-body)!important}.tt-developer-shop .woocommerce ul.products li.product .button,.developer-shop-section .woocommerce ul.products li.product .button{display:inline-flex!important;align-items:center;justify-content:center;margin-top:12px!important;padding:12px 16px!important;border-radius:999px!important;background:var(--orange)!important;color:var(--ink)!important;font:800 8px var(--font-body)!important}.tt-developer-shop .woocommerce nav.woocommerce-pagination,.developer-shop-section .woocommerce nav.woocommerce-pagination{margin-top:28px}.tt-developer-shop .woocommerce nav.woocommerce-pagination ul,.developer-shop-section .woocommerce nav.woocommerce-pagination ul{border:0!important}.tt-developer-shop .woocommerce nav.woocommerce-pagination ul li,.developer-shop-section .woocommerce nav.woocommerce-pagination ul li{border:0!important;margin:3px!important}.tt-developer-shop .woocommerce nav.woocommerce-pagination ul li a,.tt-developer-shop .woocommerce nav.woocommerce-pagination ul li span,.developer-shop-section .woocommerce nav.woocommerce-pagination ul li a,.developer-shop-section .woocommerce nav.woocommerce-pagination ul li span{border-radius:50%;background:rgba(11,95,104,.09);color:inherit!important}
.developer-collaboration{background:#e6e0d5;max-width:none;padding-left:max(4vw,calc((100vw - var(--max))/2 + 4vw));padding-right:max(4vw,calc((100vw - var(--max))/2 + 4vw))}.collaboration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.collaboration-grid article{min-height:250px;padding:24px;border-radius:20px;background:#f3f0e9;border:1px solid var(--line);display:flex;flex-direction:column}.collaboration-grid span{color:var(--orange);font:8px monospace}.collaboration-grid h3{margin:auto 0 13px;font:700 27px/1.02 var(--font-body);letter-spacing:-.045em}.collaboration-grid p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.collaboration-principles{margin-top:13px;padding:22px;border-radius:18px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.collaboration-principles b{color:var(--orange);font-size:8px;letter-spacing:.13em}.collaboration-principles span{color:rgba(255,255,255,.57);font-size:8px}
.developer-licensing{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(48px,8vw,110px);align-items:center}.developer-licensing__visual{min-height:510px;padding:30px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(3,25,29,.93),rgba(9,96,104,.74)),url("assets/service-map-photo.webp") center/cover;box-shadow:var(--shadow)}.licence-console{width:min(680px,100%);padding:23px;border-radius:22px;background:rgba(4,19,22,.88);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(13px);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.licence-console__head,.licence-console__foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;font:7px monospace;color:rgba(255,255,255,.5)}.licence-console__head{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.licence-console__head i{font-style:normal;color:var(--orange)}.licence-console article{min-height:185px;padding:17px;border-radius:16px;background:rgba(255,255,255,.055);display:flex;flex-direction:column}.licence-console article small{color:var(--orange);font-size:6px;letter-spacing:.13em}.licence-console article strong{margin-top:auto;font:800 22px var(--font-body)}.licence-console article span{margin-top:8px;color:rgba(255,255,255,.46);font-size:7px}.licence-console__foot{padding-top:15px;border-top:1px solid rgba(255,255,255,.1);justify-content:space-around}.developer-licensing__copy h2{margin:18px 0 24px;font:400 clamp(46px,5.5vw,76px)/.95 var(--font-body);letter-spacing:-.065em}.developer-licensing__copy>p{color:var(--muted);font-size:12px;line-height:1.75}.developer-licensing__copy ul{list-style:none;padding:0;margin:28px 0}.developer-licensing__copy li{padding:14px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.6}.developer-licensing__copy li b{color:var(--ink)}
.developer-contact{background-image:linear-gradient(90deg,rgba(2,14,17,.96),rgba(4,34,39,.80)),url("assets/contact-workspace-photo.webp");background-position:center;background-size:cover}.developer-consent{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important}.developer-consent input{width:17px!important;height:17px!important;min-height:0!important;margin-top:1px}.developer-consent span{color:rgba(255,255,255,.64)!important;font-size:9px!important;line-height:1.55}
@media(max-width:1180px){.developer-workbench__body{grid-template-columns:1fr}.developer-workbench__side{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}.developer-workbench__side .build-health{min-height:190px}.developer-service-grid{grid-template-columns:1fr 1fr}.developer-marketplace{grid-template-columns:1fr}.developer-product-grid{max-width:900px}.developer-licensing{grid-template-columns:1fr}.developer-price-card__inner{grid-template-columns:minmax(310px,.68fr) minmax(470px,1.32fr)}.developer-build-grid{grid-template-columns:1fr 1fr}.developer-build-grid article:last-child{grid-column:1/-1;min-height:360px}}
@media(max-width:920px){.developers-page .single-service-hero__photo{background-image:linear-gradient(180deg,rgba(2,14,17,.97),rgba(3,24,28,.74) 50%,rgba(2,14,17,.98)),url("assets/software-code-photo.webp");background-position:center}.developer-type-strip__inner{justify-content:flex-start;overflow:auto;padding:0 5vw}.developer-type-strip__inner::-webkit-scrollbar{display:none}.developer-price-card__inner{grid-template-columns:1fr}.developer-price-card__summary{position:static}.developer-price-card__details ul{grid-template-columns:1fr 1fr}.collaboration-grid{grid-template-columns:1fr 1fr}.developer-product-grid{grid-template-columns:1fr 1fr}.developer-product-grid article:last-child{grid-column:1/-1;min-height:330px}}
@media(max-width:650px){.developer-workbench{padding:8px;border-radius:20px}.developer-editor__canvas{grid-template-columns:72px 1fr;min-height:520px}.developer-editor__canvas aside{padding:15px 7px;font-size:5px;overflow:hidden}.developer-editor__canvas main{padding:24px 9px 195px}.code-line{gap:7px;font-size:6px}.developer-preview-card{left:9px;right:9px;bottom:12px;padding:14px}.developer-preview-card>span{display:flex;margin:5px 0}.developer-workbench__side{grid-template-columns:1fr}.developer-workbench__footer{display:grid;grid-template-columns:1fr 1fr;text-align:center}.developer-service-grid,.developer-build-grid,.developer-product-grid,.collaboration-grid{grid-template-columns:1fr}.developer-service-card--featured,.developer-build-grid article:last-child,.developer-product-grid article:last-child{grid-column:auto}.developer-service-card{min-height:340px}.developer-price-card{padding:0 5vw}.developer-price-card__inner{padding:72px 0;gap:36px}.developer-price-card__summary h3{font-size:clamp(41px,12vw,57px)}.developer-price-card__details{padding:20px}.developer-price-card__details ul{grid-template-columns:1fr}.developer-custom-builds,.developer-collaboration{padding-left:5vw;padding-right:5vw}.developer-build-grid article{min-height:380px}.developer-product-grid article{min-height:390px!important}.collaboration-grid article{min-height:220px}.developer-licensing{padding-left:5vw;padding-right:5vw}.developer-licensing__visual{min-height:620px;padding:16px}.licence-console{grid-template-columns:1fr;padding:15px}.licence-console article{min-height:120px}.licence-console__head{display:block}.licence-console__head i{display:block;margin-top:7px}.licence-console__foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}}


@media(max-width:920px){.developer-marketplace__intro{grid-template-columns:1fr}.woocommerce-shortcode-skeleton{grid-template-columns:1fr 1fr}.tt-developer-shop .woocommerce ul.products,.developer-shop-section .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.developer-shop-section__head{align-items:flex-start;flex-direction:column}.woocommerce-shortcode-slot__label{align-items:flex-start;flex-direction:column}.woocommerce-shortcode-slot__label code{max-width:100%;width:100%}}
@media(max-width:650px){.developer-marketplace{padding-left:5vw;padding-right:5vw}.developer-shop-section{padding:18px;border-radius:21px}.woocommerce-shortcode-skeleton{grid-template-columns:1fr}.woocommerce-shortcode-skeleton i{min-height:220px}.tt-developer-shop .woocommerce ul.products,.developer-shop-section .woocommerce ul.products{grid-template-columns:1fr!important}.woocommerce-shortcode-slot{padding:12px}.woocommerce-shortcode-slot__label code{white-space:normal;word-break:break-word}}

/* Shared navigation adjustment for the Developers Hub item. */
@media (min-width:921px) and (max-width:1280px){
  .main-nav{gap:12px}
  .main-nav a{font-size:10.5px}
}


/* ============================================================
   PORTFOLIO OVERVIEW & CASE STUDIES
   ============================================================ */
.portfolio-page,.portfolio-case-page{background:var(--paper)}
.portfolio-hero{min-height:760px;position:relative;overflow:hidden;background:#041517;color:#fff}
.portfolio-hero__photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,14,17,.97) 0%,rgba(2,20,23,.88) 45%,rgba(3,30,34,.68) 100%),url("assets/hero-workspace-desktop.webp");background-position:center;background-size:cover;filter:saturate(.78) contrast(1.06)}
.portfolio-hero__photo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(255,138,31,.13),transparent 30%),linear-gradient(180deg,transparent 65%,rgba(2,14,17,.75))}
.portfolio-hero__inner{max-width:var(--max);margin:auto;min-height:760px;padding:90px 4vw 95px;position:relative;z-index:2;display:grid;grid-template-columns:minmax(430px,.78fr) minmax(580px,1.22fr);gap:clamp(55px,7vw,110px);align-items:center}
.portfolio-hero__copy h1{margin:25px 0 26px;font:800 clamp(58px,6vw,94px)/.92 var(--font-body);letter-spacing:-.068em}.portfolio-hero__copy h1 em{font-style:normal;color:var(--orange)}.portfolio-hero__copy>p{max-width:650px;color:rgba(255,255,255,.64);font-size:15px;line-height:1.75}.portfolio-hero .single-service-hero__proof{margin-top:48px}
.portfolio-hero-wall{min-width:0;display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:280px 250px;gap:11px;padding:12px;border-radius:28px;background:rgba(6,30,34,.78);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px rgba(0,0,0,.42);backdrop-filter:blur(14px);transform:rotate(1deg)}
.portfolio-hero-tile{position:relative;overflow:hidden;border-radius:18px;background:#0c2a2e}.portfolio-hero-tile:first-child{grid-row:1/3}.portfolio-hero-tile:nth-child(4){display:none}.portfolio-hero-tile img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.9}.portfolio-hero-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,14,17,.85))}.portfolio-hero-tile span{position:absolute;left:15px;bottom:13px;z-index:2;font-size:8px;font-weight:800;letter-spacing:.08em}.portfolio-hero-wall__label{position:absolute;left:30px;right:30px;bottom:25px;z-index:3;padding:15px 17px;border-radius:14px;background:rgba(4,20,23,.88);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}.portfolio-hero-wall__label small{display:block;color:var(--orange);font:7px monospace;letter-spacing:.13em}.portfolio-hero-wall__label strong{display:block;margin-top:7px;font:700 13px var(--font-body)}
.portfolio-proof-strip{background:var(--orange);overflow:hidden}.portfolio-proof-strip>div{min-height:46px;width:max-content;display:flex;align-items:center;gap:42px;padding:0 25px;animation:ticker 34s linear infinite}.portfolio-proof-strip span{font:800 9px var(--font-body);letter-spacing:.1em}.portfolio-proof-strip span::after{content:"";display:inline-block;width:5px;height:5px;margin-left:42px;border-radius:50%;background:var(--ink);vertical-align:middle}
.portfolio-projects-section{max-width:none;background:#06191c;color:#fff;padding:clamp(90px,9vw,140px) 0}.portfolio-projects-inner{max-width:var(--max);margin:auto;padding:0 4vw}.portfolio-projects-section .section-heading-row>p{color:rgba(255,255,255,.52)}.portfolio-projects-section .section-heading-row h2{color:#fff}.portfolio-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:-20px 0 42px}.portfolio-filter-bar button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:rgba(255,255,255,.63);padding:11px 15px;border-radius:999px;font:700 8px var(--font-body);cursor:pointer;transition:.2s}.portfolio-filter-bar button:hover,.portfolio-filter-bar button.is-active{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.portfolio-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.portfolio-project-card{min-width:0;border-radius:25px;overflow:hidden;background:#0b272b;border:1px solid rgba(255,255,255,.11);transition:transform .3s,border-color .3s}.portfolio-project-card:hover{transform:translateY(-5px);border-color:rgba(255,138,31,.45)}.portfolio-project-card[hidden]{display:none!important}.portfolio-project-card__media{height:430px;position:relative;padding:26px 70px 0 23px;background:linear-gradient(145deg,#133b41,#07181b);overflow:hidden}.portfolio-project-card__media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,138,31,.15),transparent 28%);pointer-events:none}.portfolio-browser{position:relative;z-index:1;width:100%;height:100%;border-radius:17px 17px 0 0;overflow:hidden;background:#ece8df;box-shadow:0 28px 70px rgba(0,0,0,.34)}.portfolio-browser__bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 11px;background:#e2ded4;color:#59676a;font:6px monospace;letter-spacing:.12em}.portfolio-browser__bar i{width:6px;height:6px;border-radius:50%;background:#b7b0a5}.portfolio-browser__bar i:first-child{background:#ef786d}.portfolio-browser__bar i:nth-child(2){background:#e8b65d}.portfolio-browser__bar i:nth-child(3){background:#6bc98c}.portfolio-browser__bar span{margin-left:auto}.portfolio-browser img{width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top;background:#d5d0c6}.portfolio-phone{position:absolute;z-index:3;right:20px;bottom:16px;width:116px;height:235px;padding:8px;border-radius:25px;background:#071719;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 50px rgba(0,0,0,.45)}.portfolio-phone>span{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:34px;height:5px;border-radius:20px;background:#152f32;z-index:2}.portfolio-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:18px;background:#123238}.portfolio-project-card__number{position:absolute;right:15px;top:16px;z-index:4;color:rgba(255,255,255,.22);font:800 38px var(--font-body);letter-spacing:-.08em}.portfolio-project-card__content{padding:27px}.portfolio-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--orange);font-size:7px;letter-spacing:.12em;text-transform:uppercase}.portfolio-meta i{font-style:normal;color:rgba(255,255,255,.39);text-align:right}.portfolio-project-card h3{margin:17px 0 13px;color:#fff;font:700 clamp(27px,2.7vw,39px)/1 var(--font-body);letter-spacing:-.055em}.portfolio-project-card p{margin:0;color:rgba(255,255,255,.55);font-size:10px;line-height:1.72}.portfolio-engagement{margin-top:21px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:105px 1fr;gap:15px}.portfolio-engagement b{color:rgba(255,255,255,.35);font-size:7px;letter-spacing:.12em;text-transform:uppercase}.portfolio-engagement span{color:rgba(255,255,255,.76);font-size:9px;line-height:1.5}.portfolio-card-actions{margin-top:23px;display:flex;flex-wrap:wrap;gap:12px 19px;align-items:center}.portfolio-card-actions a{font-size:8px;font-weight:800;color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:4px}.portfolio-card-actions a span{color:var(--orange)}.portfolio-card-actions .portfolio-case-link{color:var(--orange);border-bottom-color:rgba(255,138,31,.4)}.portfolio-private-link{font-size:7px;color:rgba(255,255,255,.38);letter-spacing:.08em;text-transform:uppercase}
.portfolio-management{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(55px,8vw,115px);align-items:center}.portfolio-management__visual{min-height:585px;padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(3,25,29,.95),rgba(9,92,100,.78)),url("assets/service-map-photo.webp") center/cover;display:grid;place-items:center;box-shadow:var(--shadow)}.management-console{width:min(710px,100%);padding:24px;border-radius:22px;background:rgba(4,20,23,.88);border:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:1fr 1fr;gap:11px;color:#fff;backdrop-filter:blur(13px)}.management-console__head{grid-column:1/-1;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font:7px monospace;color:rgba(255,255,255,.48)}.management-console__head i{font-style:normal;color:#73e6a7}.management-console article{min-height:180px;padding:18px;border-radius:17px;background:rgba(255,255,255,.055);display:flex;flex-direction:column}.management-console article small{color:var(--orange);font:7px monospace}.management-console article b{margin-top:auto;font:700 20px var(--font-body)}.management-console article span{margin-top:8px;color:rgba(255,255,255,.45);font-size:8px;line-height:1.5}.portfolio-management__copy h2{margin:18px 0 24px;font:400 clamp(48px,5.5vw,78px)/.95 var(--font-heading);letter-spacing:-.02em}.portfolio-management__copy>p{color:var(--muted);font-size:12px;line-height:1.75}.portfolio-management__copy ul{list-style:none;padding:0;margin:28px 0}.portfolio-management__copy li{padding:14px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.65}.portfolio-management__copy li b{color:var(--ink)}
.confidential-work{background:#e6e0d5;padding:clamp(90px,9vw,140px) 0}.confidential-work__inner{max-width:var(--max);margin:auto;padding:0 4vw}.confidential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.confidential-card{min-height:530px;padding:28px;border-radius:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#f4f1ea;border:1px solid var(--line)}.confidential-card::after{content:"";position:absolute;width:240px;height:240px;right:-110px;top:-110px;border-radius:50%;background:rgba(255,138,31,.12)}.confidential-card>span{position:relative;z-index:1;color:var(--orange);font-size:8px;letter-spacing:.13em;text-transform:uppercase}.confidential-card h3{position:relative;z-index:1;margin:38px 0 17px;font:700 34px/1.02 var(--font-body);letter-spacing:-.052em}.confidential-card p{position:relative;z-index:1;color:var(--muted);font-size:10px;line-height:1.7}.confidential-card ul{position:relative;z-index:1;list-style:none;padding:0;margin:24px 0}.confidential-card li{padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.45}.confidential-card li::before{content:"•";color:var(--orange);margin-right:9px}.confidential-card>a{position:relative;z-index:1;margin-top:auto;font-size:9px;font-weight:800}.confidential-card>a b{color:var(--orange)}.confidential-card--security{background:#06191c;color:#fff;border-color:rgba(255,255,255,.1)}.confidential-card--security p,.confidential-card--security li{color:rgba(255,255,255,.54)}.confidential-card--security li{border-color:rgba(255,255,255,.1)}.confidential-card--brand{background:#0b5f68;color:#fff;border:0}.confidential-card--brand p,.confidential-card--brand li{color:rgba(255,255,255,.62)}.confidential-card--brand li{border-color:rgba(255,255,255,.14)}.confidential-note{margin-top:14px;padding:20px 24px;border-radius:18px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:28px}.confidential-note b{color:var(--orange);font-size:9px}.confidential-note span{color:rgba(255,255,255,.57);font-size:9px;line-height:1.55}
.portfolio-trust{background:#fff;padding:clamp(85px,8vw,125px) 0}.portfolio-trust__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.portfolio-trust h2{margin:18px 0 0;font:400 clamp(46px,5vw,74px)/.96 var(--font-heading);letter-spacing:-.02em}.portfolio-trust-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.portfolio-trust-grid article{min-height:210px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.portfolio-trust-grid strong{margin-top:auto;font:700 23px/1.05 var(--font-body);letter-spacing:-.04em}.portfolio-trust-grid p{color:var(--muted);font-size:9px;line-height:1.6}.portfolio-contact{background-image:linear-gradient(90deg,rgba(2,14,17,.96),rgba(4,34,39,.79)),url("assets/contact-workspace-photo.webp");background-position:center;background-size:cover}
/* Case study pages */
.case-hero{min-height:690px;position:relative;overflow:hidden;background:#041517;color:#fff}.case-hero__photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,14,17,.98) 0%,rgba(2,18,21,.91) 48%,rgba(3,26,30,.58) 100%),var(--case-image);background-size:cover;background-position:center top;filter:saturate(.75) contrast(1.05)}.case-hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,14,17,.88))}.case-hero__inner{max-width:var(--max);min-height:690px;margin:auto;padding:88px 4vw;display:flex;align-items:center;position:relative;z-index:1}.case-hero__copy{max-width:850px}.case-hero__copy h1{margin:24px 0 24px;font:800 clamp(58px,7vw,108px)/.91 var(--font-body);letter-spacing:-.07em}.case-hero__copy>p{max-width:680px;color:rgba(255,255,255,.66);font-size:15px;line-height:1.75}.case-hero__meta{margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-hero__meta span{color:rgba(255,255,255,.66);font-size:9px;line-height:1.5}.case-hero__meta b{display:block;margin-bottom:6px;color:var(--orange);font-size:7px;letter-spacing:.13em;text-transform:uppercase}.case-private-badge{display:inline-flex;align-items:center;padding:14px 17px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:8px;color:rgba(255,255,255,.7)}.case-overview-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;padding-top:55px;align-items:center}.case-overview-copy h2{margin:18px 0 24px;font:400 clamp(48px,5.4vw,77px)/.95 var(--font-heading)}.case-overview-copy>p{color:var(--muted);font-size:12px;line-height:1.75}.case-overview-copy ul{list-style:none;padding:0;margin:29px 0}.case-overview-copy li{padding:13px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.case-overview-copy li::before{content:"↗";color:var(--orange);margin-right:12px}.case-device-stage{min-height:600px;padding:30px 85px 0 24px;border-radius:28px;background:linear-gradient(145deg,#0d4147,#061719);position:relative;overflow:hidden;box-shadow:var(--shadow)}.case-device-stage .portfolio-browser{height:100%}.case-device-stage .portfolio-phone{right:22px;bottom:28px;width:140px;height:290px}.case-delivery{background:#06191c;color:#fff;padding:clamp(90px,9vw,140px) 0}.case-delivery__inner{max-width:var(--max);margin:auto;padding:0 4vw}.case-delivery .section-heading-row>p{color:rgba(255,255,255,.52)}.case-delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.case-delivery-grid article{min-height:300px;padding:24px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.case-delivery-grid span{color:var(--orange);font:8px monospace}.case-delivery-grid h3{margin:auto 0 13px;font:700 28px var(--font-body)}.case-delivery-grid p{margin:0;color:rgba(255,255,255,.5);font-size:9px;line-height:1.65}.case-summary{padding:clamp(85px,8vw,125px) 4vw;background:#e6e0d5}.case-summary__inner{max-width:var(--max);margin:auto;padding:45px;border-radius:28px;background:var(--teal);color:#fff}.case-summary__inner>span{color:var(--orange);font-size:8px;letter-spacing:.14em}.case-summary h2{margin:20px 0;font:400 clamp(48px,5.5vw,78px)/.95 var(--font-heading)}.case-summary p{max-width:850px;color:rgba(255,255,255,.64);font-size:12px;line-height:1.75}.case-summary__inner>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media(max-width:1100px){.portfolio-hero__inner{grid-template-columns:1fr}.portfolio-hero-wall{max-width:900px}.portfolio-project-card__media{height:360px}.portfolio-management,.portfolio-trust__inner,.case-overview-grid{grid-template-columns:1fr}.confidential-grid{grid-template-columns:1fr 1fr}.confidential-card:last-child{grid-column:1/-1;min-height:420px}.case-delivery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:920px){.portfolio-hero__photo{background-image:linear-gradient(180deg,rgba(2,14,17,.97),rgba(2,20,23,.78) 52%,rgba(2,14,17,.98)),url("assets/hero-workspace-mobile.webp");background-position:center}.portfolio-project-grid{grid-template-columns:1fr}.portfolio-project-card__media{height:470px}.portfolio-trust__inner{gap:45px}.case-hero__photo{background-position:top center}.case-hero__meta{grid-template-columns:1fr 1fr}.case-device-stage{min-height:630px}}
@media(max-width:650px){.portfolio-hero__inner{padding:70px 5vw 80px}.portfolio-hero__copy h1{font-size:clamp(50px,15vw,70px)}.portfolio-hero-wall{grid-template-columns:1fr;grid-template-rows:310px 190px;padding:8px}.portfolio-hero-tile:first-child{grid-row:auto}.portfolio-hero-tile:nth-child(3){display:none}.portfolio-hero-wall__label{left:18px;right:18px;bottom:18px}.portfolio-intro{padding-left:5vw;padding-right:5vw}.portfolio-projects-inner{padding:0 5vw}.portfolio-filter-bar{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.portfolio-filter-bar::-webkit-scrollbar{display:none}.portfolio-filter-bar button{flex:0 0 auto}.portfolio-project-card__media{height:315px;padding:18px 56px 0 14px}.portfolio-phone{width:84px;height:176px;right:10px;bottom:12px;padding:6px;border-radius:20px}.portfolio-phone img{border-radius:14px}.portfolio-project-card__content{padding:22px}.portfolio-project-card h3{font-size:31px}.portfolio-engagement{grid-template-columns:1fr}.portfolio-management{padding-left:5vw;padding-right:5vw}.portfolio-management__visual{min-height:700px;padding:15px}.management-console{grid-template-columns:1fr;padding:15px}.management-console article{min-height:135px}.confidential-work__inner{padding:0 5vw}.confidential-grid{grid-template-columns:1fr}.confidential-card,.confidential-card:last-child{grid-column:auto;min-height:470px}.confidential-note{align-items:flex-start;flex-direction:column;gap:10px}.portfolio-trust__inner{padding:0 5vw}.portfolio-trust-grid{grid-template-columns:1fr}.portfolio-trust-grid article{min-height:160px}.case-hero__inner{padding:70px 5vw}.case-hero__copy h1{font-size:clamp(50px,15vw,72px)}.case-hero__meta{grid-template-columns:1fr}.case-overview{padding-left:5vw;padding-right:5vw}.case-device-stage{min-height:410px;padding:18px 48px 0 13px}.case-device-stage .portfolio-phone{width:88px;height:185px;right:8px;bottom:14px}.case-delivery__inner{padding:0 5vw}.case-delivery-grid{grid-template-columns:1fr}.case-delivery-grid article{min-height:230px}.case-summary{padding-left:5vw;padding-right:5vw}.case-summary__inner{padding:27px}}


/* =========================================================
   ABOUT PAGE
   ========================================================= */
.main-nav a.is-active::after{right:0}
.about-hero{min-height:760px;position:relative;overflow:hidden;background:#041517;color:#fff}
.about-hero__photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,14,17,.98) 0%,rgba(2,18,21,.91) 48%,rgba(2,14,17,.68) 100%),url("assets/hero-workspace-desktop.webp");background-size:cover;background-position:center;filter:saturate(.82) contrast(1.05)}
.about-hero__photo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 40%,rgba(255,138,31,.12),transparent 23%),linear-gradient(180deg,transparent 52%,rgba(2,14,17,.94))}
.about-hero__inner{max-width:var(--max);min-height:760px;margin:auto;padding:88px 4vw 100px;display:grid;grid-template-columns:minmax(470px,.95fr) minmax(450px,.75fr);gap:7vw;align-items:center;position:relative;z-index:1}
.about-hero__copy h1{margin:25px 0 28px;max-width:840px;font:800 clamp(62px,6.7vw,108px)/.91 var(--font-body);letter-spacing:-.073em}
.about-hero__copy h1 em{color:var(--orange);font-style:normal}
.about-hero__copy>p{max-width:690px;margin:0;color:rgba(255,255,255,.66);font-size:15px;line-height:1.76}
.about-hero__proof{margin-top:52px}
.about-hero__visual{min-height:535px;padding:20px;border-radius:28px;background:rgba(6,27,30,.76);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(13px);box-shadow:0 35px 90px rgba(0,0,0,.38);transform:rotate(1deg);display:flex;flex-direction:column}
.about-visual__top,.about-visual__footer{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.43);font:8px monospace;letter-spacing:.09em}
.about-visual__top i{font-style:normal;color:#77e6aa}.about-visual__top i::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#77e6aa;box-shadow:0 0 12px #77e6aa}
.about-visual__statement{margin:18px 0 13px;padding:34px;border-radius:20px;background:#eee9df;color:var(--ink);position:relative;overflow:hidden}
.about-visual__statement::after{content:"TT";position:absolute;right:-20px;bottom:-47px;color:rgba(7,23,25,.055);font:800 180px/1 var(--font-body);letter-spacing:-.15em}
.about-visual__statement small{color:var(--orange);font-size:7px;letter-spacing:.15em}
.about-visual__statement strong{position:relative;z-index:1;display:block;margin-top:25px;font:800 clamp(33px,3.3vw,50px)/.96 var(--font-body);letter-spacing:-.058em}
.about-visual__grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:1}
.about-visual__grid article{min-height:130px;padding:18px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column}
.about-visual__grid span{color:var(--orange);font:8px monospace}.about-visual__grid b{margin:auto 0 6px;font:700 22px var(--font-body)}.about-visual__grid small{color:rgba(255,255,255,.43);font-size:8px}
.about-visual__footer{padding:16px 3px 2px}.about-visual__footer b{color:var(--orange)}
.about-proof-strip{height:47px;background:var(--orange);color:var(--ink);overflow:hidden;display:flex;align-items:center}.about-proof-strip>div{width:max-content;display:flex;gap:60px;padding:0 4vw;animation:ticker 28s linear infinite;white-space:nowrap}.about-proof-strip span{font:800 9px var(--font-body);letter-spacing:.1em}.about-proof-strip span::after{content:"•";margin-left:60px}
.about-story__grid{display:grid;grid-template-columns:1.03fr .82fr;gap:8vw;padding:58px 0 70px;align-items:center}.about-story__copy .display-heading{font-family:var(--font-heading);font-weight:400;letter-spacing:-.018em}.about-story__copy p{max-width:760px;color:var(--muted);font-size:13px;line-height:1.78}.about-story__photo{min-height:610px;padding:12px;border-radius:28px;background:#fff;box-shadow:var(--shadow);position:relative}.about-story__image{height:100%;min-height:586px;border-radius:19px;background-image:linear-gradient(180deg,rgba(2,14,17,.04),rgba(2,14,17,.64)),url("assets/service-map-photo.webp");background-size:cover;background-position:center}.about-story__caption{position:absolute;left:35px;right:35px;bottom:35px;padding:23px;border-radius:17px;background:rgba(5,25,28,.86);backdrop-filter:blur(12px);color:#fff}.about-story__caption small{color:var(--orange);font-size:7px;letter-spacing:.14em}.about-story__caption strong{display:block;margin-top:12px;font:700 25px/1.1 var(--font-body);letter-spacing:-.04em}
.about-mission{background:#06191c;color:#fff;padding:clamp(90px,9vw,140px) 0}.about-mission__inner{max-width:var(--max);margin:auto;padding:0 4vw}.about-mission__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-mission__cards article{min-height:440px;padding:34px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;position:relative;overflow:hidden}.about-mission__cards article:nth-child(2){background:var(--teal);border-color:transparent}.about-mission__cards article::after{content:"";position:absolute;width:340px;height:340px;right:-160px;top:-170px;border-radius:50%;background:rgba(255,138,31,.12)}.about-mission__cards span{position:relative;z-index:1;color:var(--orange);font-size:8px;letter-spacing:.16em}.about-mission__cards h3{position:relative;z-index:1;margin:auto 0 25px;max-width:740px;font:700 clamp(35px,3.7vw,57px)/1.02 var(--font-body);letter-spacing:-.06em}.about-mission__cards p{position:relative;z-index:1;max-width:650px;margin:0;color:rgba(255,255,255,.55);font-size:11px;line-height:1.72}
.about-values__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.about-value-card{min-height:390px;padding:24px;border-radius:21px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.about-value-card span{color:var(--orange);font:8px monospace}.about-value-card h3{margin:auto 0 13px;font:700 30px var(--font-body);letter-spacing:-.05em}.about-value-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.about-value-card--dark{background:#06191c;color:#fff;border-color:transparent}.about-value-card--teal{background:var(--teal);color:#fff;border-color:transparent}.about-value-card--dark p,.about-value-card--teal p{color:rgba(255,255,255,.57)}
.about-capabilities{background:#ded8cc;padding:clamp(90px,9vw,140px) 0}.about-capabilities__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:start}.about-capabilities__copy{position:sticky;top:125px}.about-capabilities__copy h2{margin:19px 0 23px;font:400 clamp(48px,5.5vw,80px)/.95 var(--font-heading);letter-spacing:-.018em}.about-capabilities__copy p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.75}.about-capability-list{border-top:1px solid rgba(7,23,25,.18)}.about-capability-list a{min-height:126px;padding:20px 7px;display:grid;grid-template-columns:45px 1fr 25px;gap:18px;align-items:center;border-bottom:1px solid rgba(7,23,25,.18);transition:.22s}.about-capability-list a:hover{padding-left:18px;background:rgba(255,255,255,.42)}.about-capability-list>a>span{color:var(--orange);font:8px monospace}.about-capability-list b{display:block;font:700 26px var(--font-body);letter-spacing:-.04em}.about-capability-list small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.about-capability-list i{font-style:normal;color:var(--orange)}
.about-experience__layout{display:grid;grid-template-columns:1.03fr .8fr;gap:14px}.about-markets{padding:26px;border-radius:25px;background:#06191c;color:#fff}.about-markets__head{display:flex;justify-content:space-between;color:rgba(255,255,255,.43);font:8px monospace}.about-markets__head i{font-style:normal;color:var(--orange)}.about-markets article{min-height:115px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.11);display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center}.about-markets article:last-child{border:0}.about-markets b{font:700 26px var(--font-body)}.about-markets article span{color:rgba(255,255,255,.52);font-size:9px;line-height:1.55}.about-industries{padding:35px;border-radius:25px;background:var(--teal);color:#fff}.about-industries>div{display:flex;flex-wrap:wrap;gap:9px;margin:39px 0}.about-industries>div b{padding:12px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:9px}.about-industries p{color:rgba(255,255,255,.62);font-size:11px;line-height:1.7}.about-industries .arrow-link{border-color:rgba(255,255,255,.5)}
.about-trust{background:#06191c;color:#fff;padding:clamp(90px,9vw,140px) 0}.about-trust__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.about-trust__photo{min-height:650px;border-radius:27px;background-image:linear-gradient(180deg,rgba(3,18,21,.12),rgba(3,18,21,.72)),url("assets/delivery-workspace-photo.webp");background-size:cover;background-position:center;box-shadow:0 32px 80px rgba(0,0,0,.3)}.about-trust__copy h2{margin:19px 0 24px;font:400 clamp(48px,5.5vw,80px)/.95 var(--font-heading)}.about-trust__copy>p{color:rgba(255,255,255,.55);font-size:12px;line-height:1.75}.about-trust__copy ul{list-style:none;padding:0;margin:30px 0}.about-trust__copy li{padding:15px 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.58);font-size:10px;line-height:1.55}.about-trust__copy li::before{content:"↗";color:var(--orange);margin-right:12px}.about-trust__copy li b{color:#fff}
.about-team__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.about-team__grid article{min-height:390px;padding:25px;border-radius:21px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.about-team__grid span{color:var(--orange);font-size:7px;letter-spacing:.14em}.about-team__grid h3{margin:auto 0 16px;font:700 28px/1.06 var(--font-body);letter-spacing:-.047em}.about-team__grid p{color:var(--muted);font-size:9px;line-height:1.65}.about-team__grid article:nth-child(2){background:#071719;color:#fff}.about-team__grid article:nth-child(2) p{color:rgba(255,255,255,.53)}.about-team__grid article:nth-child(3){background:var(--teal);color:#fff;border-color:transparent}.about-team__grid article:nth-child(3) p{color:rgba(255,255,255,.62)}.about-collaboration{margin-top:14px;padding:38px;border-radius:24px;background:#e1d8c8;display:flex;align-items:center;justify-content:space-between;gap:35px}.about-collaboration>div{max-width:850px}.about-collaboration span{color:var(--orange);font-size:8px;letter-spacing:.14em}.about-collaboration h3{margin:15px 0 9px;font:700 35px var(--font-body);letter-spacing:-.05em}.about-collaboration p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}
.about-process{background:#0a292d;color:#fff;padding:clamp(90px,9vw,140px) 0}.about-process__inner{max-width:var(--max);margin:auto;padding:0 4vw}.about-process__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.about-process__grid article{min-height:310px;padding:23px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column}.about-process__grid span{color:var(--orange);font:8px monospace}.about-process__grid b{margin:auto 0 13px;font:700 25px var(--font-body)}.about-process__grid p{margin:0;color:rgba(255,255,255,.5);font-size:9px;line-height:1.63}
.about-project-marquee{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.about-project-marquee a{min-height:250px;padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.22s}.about-project-marquee a:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 45px rgba(5,19,21,.08)}.about-project-marquee span{color:var(--orange);font:8px monospace}.about-project-marquee b{margin:auto 0 9px;font:700 24px/1.05 var(--font-body);letter-spacing:-.04em}.about-project-marquee small{color:var(--muted);font-size:8px}.about-portfolio-link{display:flex;justify-content:space-between;margin-top:18px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;font-weight:800}.about-portfolio-link span{color:var(--orange)}
.about-contact{background-image:linear-gradient(90deg,rgba(2,14,17,.97),rgba(4,34,39,.79)),url("assets/contact-workspace-photo.webp");background-position:center;background-size:cover}

@media(max-width:1120px){.about-hero__inner,.about-story__grid,.about-capabilities__inner,.about-trust__inner{grid-template-columns:1fr}.about-hero__visual{max-width:900px}.about-capabilities__copy{position:static}.about-values__grid{grid-template-columns:repeat(3,1fr)}.about-team__grid{grid-template-columns:1fr 1fr}.about-process__grid{grid-template-columns:repeat(3,1fr)}.about-project-marquee{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.about-hero__photo{background-image:linear-gradient(180deg,rgba(2,14,17,.97) 0%,rgba(2,18,21,.78) 48%,rgba(2,14,17,.97) 100%),url("assets/hero-workspace-mobile.webp");background-position:center}.about-hero__inner{padding-top:75px}.about-mission__cards,.about-experience__layout{grid-template-columns:1fr}.about-values__grid{grid-template-columns:1fr 1fr}.about-process__grid{grid-template-columns:1fr 1fr}.about-project-marquee{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.about-hero__inner{padding:65px 5vw 80px}.about-hero__copy h1{font-size:clamp(52px,15.5vw,73px)}.about-hero__copy>p{font-size:13px}.about-hero__visual{min-height:600px;padding:13px;border-radius:22px}.about-visual__statement{padding:24px}.about-visual__statement strong{font-size:34px}.about-visual__grid{grid-template-columns:1fr}.about-visual__grid article{min-height:100px}.about-story{padding-left:5vw;padding-right:5vw}.about-story__photo{min-height:470px}.about-story__image{min-height:446px}.about-mission__inner,.about-capabilities__inner,.about-trust__inner,.about-process__inner{padding-left:5vw;padding-right:5vw}.about-mission__cards article{min-height:400px;padding:25px}.about-values{padding-left:5vw;padding-right:5vw}.about-values__grid{grid-template-columns:1fr}.about-value-card{min-height:270px}.about-capability-list a{grid-template-columns:35px 1fr 18px}.about-capability-list b{font-size:21px}.about-experience{padding-left:5vw;padding-right:5vw}.about-markets article{grid-template-columns:1fr;gap:8px}.about-trust__photo{min-height:480px}.about-team{padding-left:5vw;padding-right:5vw}.about-team__grid{grid-template-columns:1fr}.about-team__grid article{min-height:280px}.about-collaboration{align-items:flex-start;flex-direction:column;padding:25px}.about-process__grid{grid-template-columns:1fr}.about-process__grid article{min-height:230px}.about-work-preview{padding-left:5vw;padding-right:5vw}.about-project-marquee{grid-template-columns:1fr}.about-project-marquee a{min-height:180px}}


/* CONTACT PAGE — v11 */
.contact-hero{min-height:760px;position:relative;overflow:hidden;background:#041517;color:#fff}
.contact-hero__photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,14,17,.985) 0%,rgba(2,18,21,.91) 48%,rgba(2,14,17,.66) 100%),url("assets/contact-workspace-photo.webp");background-size:cover;background-position:center;filter:saturate(.8) contrast(1.06)}
.contact-hero__photo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 79% 42%,rgba(255,138,31,.15),transparent 25%),linear-gradient(180deg,transparent 54%,rgba(2,14,17,.95))}
.contact-hero__inner{max-width:var(--max);min-height:760px;margin:auto;padding:88px 4vw 100px;display:grid;grid-template-columns:minmax(470px,.93fr) minmax(430px,.72fr);gap:7vw;align-items:center;position:relative;z-index:1}
.contact-hero__copy h1{margin:25px 0 28px;max-width:820px;font:800 clamp(60px,6.5vw,104px)/.91 var(--font-body);letter-spacing:-.073em}
.contact-hero__copy h1 em{color:var(--orange);font-style:normal}
.contact-hero__copy>p{max-width:670px;margin:0;color:rgba(255,255,255,.66);font-size:15px;line-height:1.76}
.contact-hero__proof{margin-top:50px}
.contact-hero__panel{min-height:555px;padding:19px;border-radius:28px;background:rgba(5,28,31,.78);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(13px);box-shadow:0 35px 90px rgba(0,0,0,.4);transform:rotate(1deg);display:flex;flex-direction:column}
.contact-panel__top,.contact-panel__footer{display:flex;align-items:center;justify-content:space-between;padding:4px 5px;color:rgba(255,255,255,.38);font:7px monospace;letter-spacing:.12em}.contact-panel__top i{font-style:normal;color:#74efb2}.contact-panel__intro{margin-top:15px;padding:25px;border-radius:19px;background:#eee9df;color:var(--ink)}.contact-panel__intro small{color:var(--orange);font-size:7px;letter-spacing:.15em}.contact-panel__intro strong{display:block;max-width:380px;margin-top:18px;font:800 31px/1.02 var(--font-body);letter-spacing:-.055em}.contact-panel__routes{display:grid;gap:8px;margin:10px 0}.contact-panel__routes a{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:16px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);transition:.25s}.contact-panel__routes a:hover{background:rgba(255,138,31,.11);transform:translateX(3px)}.contact-panel__routes a>span{color:var(--orange);font:8px monospace}.contact-panel__routes b{display:block;font-size:11px}.contact-panel__routes small{display:block;margin-top:5px;color:rgba(255,255,255,.44);font-size:7px;line-height:1.45}.contact-panel__routes i{font-style:normal;color:var(--orange)}.contact-panel__footer{margin-top:auto}
.contact-proof-strip{background:var(--orange);overflow:hidden}.contact-proof-strip>div{max-width:var(--max);min-height:48px;margin:auto;padding:0 4vw;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.contact-proof-strip span{text-align:center;font-size:8px;font-weight:800;letter-spacing:.12em;border-right:1px solid rgba(7,23,25,.23)}.contact-proof-strip span:last-child{border:0}
.contact-methods .section-heading-row h2{font-family:var(--font-heading);letter-spacing:-.018em}.contact-method-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.contact-method-card{grid-column:span 2;min-height:360px;padding:25px;border-radius:22px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:0 18px 55px rgba(5,19,21,.055);transition:.25s}.contact-method-card:nth-child(4),.contact-method-card:nth-child(5){grid-column:span 3;min-height:320px}.contact-method-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.contact-method-card--featured{background:#050505;color:#fff;border-color:#050505}.contact-method-card__mark{width:46px;height:46px;border-radius:14px;background:var(--teal-pale);color:var(--teal);display:grid;place-items:center;font:800 13px var(--font-body)}.contact-method-card--featured .contact-method-card__mark{background:var(--orange);color:var(--ink)}.contact-method-card>small{margin-top:29px;color:var(--orange);font-size:7px;letter-spacing:.15em}.contact-method-card h3{margin:12px 0 12px;font:800 29px/1 var(--font-body);letter-spacing:-.05em}.contact-method-card p{color:var(--muted);font-size:10px;line-height:1.7}.contact-method-card--featured p{color:rgba(255,255,255,.55)}.contact-method-card strong{margin-top:auto;font-size:10px}.contact-method-card i{margin-top:20px;color:var(--orange);font-style:normal;font-size:9px;font-weight:800}
.contact-form-section{padding:clamp(90px,9vw,140px) 0;background:#071719;color:#fff;position:relative;isolation:isolate;overflow:hidden}.contact-form-section::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(2,16,19,.985),rgba(3,44,49,.83)),url("assets/service-map-photo.webp");background-size:cover;background-position:center}.contact-form-section::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 79% 25%,rgba(255,138,31,.13),transparent 31%)}.contact-form-section__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:minmax(360px,.62fr) minmax(620px,1.1fr);gap:7vw;align-items:start}.contact-form-copy{position:sticky;top:130px}.contact-form-copy h2{margin:20px 0 23px;font:800 clamp(48px,5.6vw,80px)/.94 var(--font-body);letter-spacing:-.065em}.contact-form-copy>p{color:rgba(255,255,255,.57);font-size:13px;line-height:1.75}.contact-form-notes{margin-top:38px}.contact-form-notes article{display:grid;grid-template-columns:33px 1fr;gap:14px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}.contact-form-notes article>span{color:var(--orange);font:8px monospace}.contact-form-notes b{display:block;font-size:10px}.contact-form-notes small{display:block;margin-top:6px;color:rgba(255,255,255,.43);font-size:8px;line-height:1.55}.project-form-shell{padding:22px;border-radius:26px;background:rgba(5,29,32,.86);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);box-shadow:0 30px 85px rgba(0,0,0,.3)}.project-form-shell__head{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 20px}.project-form-shell__head span{display:block;color:rgba(255,255,255,.36);font:7px monospace;letter-spacing:.13em}.project-form-shell__head b{display:block;margin-top:7px;font-size:13px}.project-form-shell__head i{font-style:normal;color:#70edaf;font-size:7px;letter-spacing:.13em}.contact-project-form{padding:23px;border-radius:19px;background:#eee9df;color:var(--ink)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-project-form label{display:block;margin-bottom:14px}.contact-project-form label>span{display:block;margin-bottom:7px;color:#596568;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.contact-project-form input,.contact-project-form select,.contact-project-form textarea{width:100%;border:1px solid rgba(7,23,25,.16);border-radius:11px;background:#fff;color:var(--ink);padding:13px 14px;outline:0;font-size:10px;transition:.2s}.contact-project-form input,.contact-project-form select{min-height:47px}.contact-project-form textarea{resize:vertical;line-height:1.6}.contact-project-form input:focus,.contact-project-form select:focus,.contact-project-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(11,95,104,.1)}.contact-consent{display:flex!important;gap:10px;align-items:flex-start;margin:4px 0 21px!important}.contact-consent input{width:17px!important;height:17px!important;min-height:0!important;margin-top:1px}.contact-consent span{margin:0!important;text-transform:none!important;letter-spacing:0!important;line-height:1.55!important;font-weight:400!important}.form-plugin-note{margin:15px 0 0;color:#7c8586;font-size:7px;line-height:1.55}
.contact-preparation__grid{display:grid;grid-template-columns:minmax(350px,.7fr) minmax(0,1.15fr);gap:8vw;padding-top:58px}.contact-preparation__heading .display-heading{font-family:var(--font-heading);letter-spacing:-.018em}.contact-preparation__heading>p{max-width:560px;color:var(--muted);font-size:13px;line-height:1.75}.contact-preparation__list article{display:grid;grid-template-columns:44px 1fr;gap:19px;padding:25px 0;border-top:1px solid var(--line)}.contact-preparation__list article>span{color:var(--orange);font:9px monospace}.contact-preparation__list h3{margin:0;font:800 23px/1 var(--font-body);letter-spacing:-.045em}.contact-preparation__list p{margin:11px 0 0;color:var(--muted);font-size:10px;line-height:1.65}
.contact-confidentiality{padding:clamp(90px,9vw,135px) 0;background:#0a353a;color:#fff;position:relative;isolation:isolate;overflow:hidden}.contact-confidentiality::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 15% 35%,rgba(255,138,31,.12),transparent 25%)}.contact-confidentiality__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:minmax(370px,.75fr) minmax(0,1fr);gap:9vw;align-items:start}.contact-confidentiality__copy h2{margin:18px 0 24px;font:800 clamp(47px,5vw,75px)/.95 var(--font-body);letter-spacing:-.065em}.contact-confidentiality__copy p{color:rgba(255,255,255,.58);font-size:13px;line-height:1.75}.contact-confidentiality__rules{border-top:1px solid rgba(255,255,255,.14)}.contact-confidentiality__rules article{padding:25px 0;border-bottom:1px solid rgba(255,255,255,.14)}.contact-confidentiality__rules b{display:block;font-size:16px}.contact-confidentiality__rules span{display:block;margin-top:10px;color:rgba(255,255,255,.5);font-size:9px;line-height:1.65}
.contact-global .section-heading-row h2{font-family:var(--font-heading);letter-spacing:-.018em}.contact-market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.contact-market-grid article{min-height:310px;padding:24px;border-radius:21px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.contact-market-grid article:nth-child(2){background:#050505;color:#fff}.contact-market-grid article:nth-child(3){background:var(--teal);color:#fff}.contact-market-grid article>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--ink);font:800 10px var(--font-body)}.contact-market-grid h3{margin:auto 0 12px;font:800 28px/1 var(--font-body);letter-spacing:-.05em}.contact-market-grid p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.contact-market-grid article:nth-child(2) p,.contact-market-grid article:nth-child(3) p{color:rgba(255,255,255,.55)}
.contact-faq{padding:clamp(90px,9vw,140px) 0;background:#e9e4da}.contact-faq__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:8vw;align-items:start}.contact-faq__heading{position:sticky;top:120px;padding:34px;border-radius:24px;background:#071719;color:#fff;box-shadow:0 28px 80px rgba(4,20,23,.16)}.contact-faq__heading h2{margin:20px 0 22px;font:400 clamp(48px,5vw,73px)/.95 var(--font-heading);letter-spacing:-.018em}.contact-faq__heading p{margin:0 0 30px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.75}.contact-faq__heading .button{margin-top:5px}.contact-faq__list{border-top:1px solid rgba(7,23,25,.18)}.contact-faq__list details{border-bottom:1px solid rgba(7,23,25,.18);background:rgba(255,255,255,.52);transition:background .2s}.contact-faq__list details[open]{background:#fff}.contact-faq__list summary{list-style:none;min-height:92px;padding:23px 20px;display:grid;grid-template-columns:1fr 38px;gap:20px;align-items:center;cursor:pointer}.contact-faq__list summary::-webkit-details-marker{display:none}.contact-faq__list summary>span{font:800 18px/1.35 var(--font-body);letter-spacing:-.03em}.contact-faq__list summary i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--teal-pale);color:var(--teal);font:400 22px/1 var(--font-body);font-style:normal;transition:.25s}.contact-faq__list details[open] summary i{transform:rotate(45deg);background:var(--orange);color:var(--ink)}.contact-faq__list details p{max-width:760px;margin:0;padding:0 78px 28px 20px;color:var(--muted);font-size:11px;line-height:1.75}.contact-final{background-image:linear-gradient(90deg,rgba(2,14,17,.97),rgba(4,34,39,.79)),url("assets/contact-workspace-photo.webp");background-position:center;background-size:cover}
@media(max-width:1120px){.contact-hero__inner,.contact-form-section__inner,.contact-preparation__grid,.contact-confidentiality__inner,.contact-faq__inner{grid-template-columns:1fr}.contact-faq__heading{position:static;max-width:760px}.contact-hero__panel{max-width:900px}.contact-form-copy{position:static}.contact-method-grid{grid-template-columns:repeat(2,1fr)}.contact-method-card,.contact-method-card:nth-child(4),.contact-method-card:nth-child(5){grid-column:auto}.contact-market-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.contact-hero__photo{background-image:linear-gradient(180deg,rgba(2,14,17,.98) 0%,rgba(2,18,21,.76) 44%,rgba(2,14,17,.98) 100%),url("assets/hero-workspace-mobile.webp");background-position:center}.contact-hero__inner{padding-top:75px}.contact-proof-strip>div{grid-template-columns:1fr 1fr}.contact-proof-strip span{padding:15px;border-bottom:1px solid rgba(7,23,25,.23)}.form-pair{grid-template-columns:1fr}}
@media(max-width:650px){.contact-hero__inner{padding:65px 5vw 80px}.contact-hero__copy h1{font-size:clamp(51px,15vw,71px)}.contact-hero__copy>p{font-size:13px}.contact-hero__panel{min-height:620px;padding:13px;border-radius:22px}.contact-panel__intro{padding:22px}.contact-panel__intro strong{font-size:28px}.contact-panel__routes a{grid-template-columns:28px 1fr auto;padding:14px}.contact-methods,.contact-preparation,.contact-global{padding-left:5vw;padding-right:5vw}.contact-faq__inner{padding-left:5vw;padding-right:5vw}.contact-faq__heading{padding:26px}.contact-faq__heading h2{font-size:46px}.contact-faq__list summary{min-height:80px;padding:19px 14px;grid-template-columns:1fr 34px}.contact-faq__list summary>span{font-size:15px}.contact-faq__list summary i{width:34px;height:34px}.contact-faq__list details p{padding:0 14px 24px;font-size:10px}.contact-method-grid,.contact-market-grid{grid-template-columns:1fr}.contact-method-card{min-height:310px}.contact-form-section__inner,.contact-confidentiality__inner{padding-left:5vw;padding-right:5vw}.project-form-shell{padding:12px;border-radius:20px}.contact-project-form{padding:16px}.contact-form-copy h2,.contact-confidentiality__copy h2{font-size:48px}.contact-preparation__list article{grid-template-columns:32px 1fr}.contact-market-grid article{min-height:250px}.contact-proof-strip>div{padding:0}.contact-proof-strip span{font-size:7px}}

/* ===== APPOINTMENT BOOKING PAGE ===== */
.appointment-hero{min-height:760px;background:#061719;color:#fff;position:relative;overflow:hidden}.appointment-hero__photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,15,18,.96) 0%,rgba(3,20,23,.82) 43%,rgba(3,21,24,.46) 72%,rgba(3,21,24,.78) 100%),linear-gradient(180deg,rgba(255,138,31,.05),rgba(4,25,28,.28)),url("assets/contact-workspace-photo.webp");background-size:cover;background-position:center}.appointment-hero__photo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 42%,rgba(11,119,129,.17),transparent 35%),linear-gradient(180deg,transparent 65%,rgba(4,19,22,.88));pointer-events:none}.appointment-hero__inner{max-width:var(--max);margin:auto;padding:clamp(78px,8vw,122px) 4vw 105px;display:grid;grid-template-columns:minmax(440px,.92fr) minmax(470px,.78fr);gap:clamp(55px,7vw,110px);align-items:center;position:relative;z-index:2}.appointment-hero__copy h1{margin:25px 0 28px;max-width:820px;font:800 clamp(59px,6.2vw,101px)/.91 var(--font-body);letter-spacing:-.073em}.appointment-hero__copy h1 em{color:var(--orange);font-style:normal}.appointment-hero__copy>p{max-width:710px;color:rgba(255,255,255,.65);font-size:15px;line-height:1.75}.appointment-hero__proof{margin-top:50px}.appointment-console{min-height:640px;padding:15px;border-radius:27px;background:rgba(9,35,39,.89);border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 95px rgba(0,0,0,.43);backdrop-filter:blur(16px);transform:rotate(1deg)}.appointment-console__top,.appointment-console__foot{display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:.1em;color:rgba(255,255,255,.42)}.appointment-console__top{padding:4px 6px 16px}.appointment-console__top i{font-style:normal;color:#70e7af}.appointment-console__heading{padding:24px;border-radius:17px;background:#eee9df;color:var(--ink)}.appointment-console__heading small{color:var(--orange);font-size:7px;letter-spacing:.14em}.appointment-console__heading strong{display:block;margin-top:13px;font:800 29px/1.04 var(--font-body);letter-spacing:-.045em}.appointment-console__selected{margin:11px 0;padding:17px 19px;border-radius:16px;background:var(--teal);display:flex;justify-content:space-between;align-items:center}.appointment-console__selected span{display:block;color:var(--orange);font-size:6px;letter-spacing:.14em}.appointment-console__selected b{display:block;margin-top:7px;font-size:14px}.appointment-console__selected small{display:block;margin-top:5px;color:rgba(255,255,255,.52);font-size:8px}.appointment-console__selected>i{font:800 56px/.9 var(--font-body);font-style:normal;color:rgba(255,255,255,.08)}.appointment-mini-calendar{padding:19px;border-radius:16px;background:#f6f2ea;color:var(--ink)}.appointment-mini-calendar__head{display:flex;justify-content:space-between;align-items:center}.appointment-mini-calendar__head b{font-size:12px}.appointment-mini-calendar__head span{color:var(--orange);font-weight:900}.appointment-mini-calendar__days,.appointment-mini-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.appointment-mini-calendar__days{margin:18px 0 8px;text-align:center;color:#829093;font-size:7px}.appointment-mini-calendar__grid i,.appointment-mini-calendar__grid button{aspect-ratio:1;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#596568;font-size:8px}.appointment-mini-calendar__grid button{cursor:default}.appointment-mini-calendar__grid .is-available{background:#d9e9e7;color:#0b5f68;font-weight:800}.appointment-mini-calendar__grid .is-selected{background:var(--orange);color:var(--ink);font-weight:900}.appointment-console__slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.appointment-console__slots span{padding:12px 5px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);text-align:center;font-size:8px;color:rgba(255,255,255,.54)}.appointment-console__slots .is-selected{background:var(--orange);color:var(--ink);border-color:transparent;font-weight:900}.appointment-console__foot{padding:17px 6px 3px}.appointment-console__foot b{color:var(--orange);font-size:15px}.appointment-proof-strip{background:var(--orange);overflow:hidden}.appointment-proof-strip>div{min-height:45px;display:flex;align-items:center;justify-content:space-around;gap:30px;white-space:nowrap}.appointment-proof-strip span{font-size:7px;font-weight:900;letter-spacing:.14em}.appointment-proof-strip span::before{content:"•";margin-right:24px}.appointment-types .section-heading-row h2{font-family:var(--font-heading);font-weight:400;letter-spacing:-.018em}.appointment-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.appointment-type-card{min-height:370px;padding:24px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.38);text-align:left;display:flex;flex-direction:column;cursor:pointer;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s}.appointment-type-card:hover,.appointment-type-card.is-selected{transform:translateY(-6px);background:#fff;border-color:rgba(255,138,31,.55);box-shadow:var(--shadow)}.appointment-type-card--dark{background:#050607;color:#fff;border-color:#050607}.appointment-type-card--dark:hover,.appointment-type-card--dark.is-selected{background:#050607;border-color:var(--orange)}.appointment-type-card__number{color:var(--orange);font:9px monospace}.appointment-type-card>small{margin-top:54px;color:var(--orange);font-size:7px;letter-spacing:.14em}.appointment-type-card h3{margin:14px 0;font:800 27px/1.03 var(--font-body);letter-spacing:-.05em}.appointment-type-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}.appointment-type-card--dark p{color:rgba(255,255,255,.53)}.appointment-type-card>div{margin-top:auto;padding-top:21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.appointment-type-card--dark>div{border-color:rgba(255,255,255,.15)}.appointment-type-card>div b{font-size:9px}.appointment-type-card>div i{color:var(--orange);font-style:normal;font-size:9px}.appointment-booking{padding:clamp(90px,9vw,140px) 0;background:#06191c;color:#fff}.appointment-booking__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.18fr);gap:8vw;align-items:center}.appointment-booking__copy h2{margin:19px 0 24px;font:800 clamp(49px,5.4vw,79px)/.95 var(--font-body);letter-spacing:-.065em}.appointment-booking__copy>p{color:rgba(255,255,255,.54);font-size:12px;line-height:1.75}.appointment-booking__selection{margin:30px 0;padding:20px;border-left:3px solid var(--orange);background:rgba(255,255,255,.055)}.appointment-booking__selection small{color:var(--orange);font-size:7px;letter-spacing:.14em}.appointment-booking__selection strong,.appointment-booking__selection span{display:block}.appointment-booking__selection strong{margin-top:9px;font-size:17px}.appointment-booking__selection span{margin-top:6px;color:rgba(255,255,255,.45);font-size:9px}.appointment-booking__copy ul{list-style:none;padding:0;margin:0}.appointment-booking__copy li{padding:12px 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);font-size:9px;line-height:1.6}.appointment-booking__copy li::before{content:"↗";color:var(--orange);margin-right:11px}.booking-shortcode-shell{padding:14px;border-radius:27px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 80px rgba(0,0,0,.25)}.booking-shortcode-shell__head,.booking-shortcode-shell__foot{display:flex;justify-content:space-between;align-items:center;padding:7px 7px 17px;font-size:8px;color:rgba(255,255,255,.42)}.booking-shortcode-shell__head span{display:block;font:7px monospace;letter-spacing:.12em}.booking-shortcode-shell__head b{display:block;margin-top:6px;color:#fff;font-size:13px}.booking-shortcode-shell__head i{font-style:normal;color:#70e7af;font-size:7px}.booking-plugin-placeholder{min-height:490px;border-radius:18px;background:#f3efe7;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px}.booking-plugin-placeholder__icon{width:64px;height:64px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:29px}.booking-plugin-placeholder small{margin-top:23px;color:var(--orange);font-size:7px;letter-spacing:.15em}.booking-plugin-placeholder h3{margin:14px 0 11px;font:800 34px/1 var(--font-body);letter-spacing:-.05em}.booking-plugin-placeholder p{max-width:520px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.booking-plugin-placeholder code{margin-top:25px;padding:14px 18px;border-radius:9px;background:#071719;color:#ffb266;font:10px monospace}.booking-shortcode-shell__foot{padding:16px 7px 5px}.booking-shortcode-shell__foot a{color:var(--orange)}.appointment-process-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.appointment-process-grid article{min-height:290px;padding:28px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column}.appointment-process-grid article:last-child{border-right:0}.appointment-process-grid article>span{color:var(--orange);font:9px monospace}.appointment-process-grid article>div{margin-top:auto}.appointment-process-grid b{font-size:19px}.appointment-process-grid p{margin:12px 0 0;color:var(--muted);font-size:9px;line-height:1.65}.appointment-preparation{padding:clamp(90px,9vw,140px) 0;background:#e5dfd4}.appointment-preparation__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.appointment-preparation__visual{min-height:610px;padding:18px;border-radius:27px;background-image:linear-gradient(180deg,rgba(4,18,21,.10),rgba(4,18,21,.76)),url("assets/delivery-workspace-photo.webp");background-size:cover;background-position:center;display:flex;align-items:flex-end;box-shadow:var(--shadow)}.appointment-preparation__screen{width:100%;padding:24px;border-radius:18px;background:rgba(5,27,30,.88);backdrop-filter:blur(12px);color:#fff}.appointment-preparation__screen>div{display:flex;justify-content:space-between;font:7px monospace;color:rgba(255,255,255,.4)}.appointment-preparation__screen i{color:#70e7af;font-style:normal}.appointment-preparation__screen>strong{display:block;margin:27px 0;font:800 36px/1 var(--font-body);letter-spacing:-.05em}.appointment-preparation__screen ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}.appointment-preparation__screen li{padding:12px 0;border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.55);font-size:8px}.appointment-preparation__screen li::before{content:"•";color:var(--orange);margin-right:9px}.appointment-preparation__copy h2{margin:18px 0 25px;font:400 clamp(51px,5.6vw,82px)/.94 var(--font-heading);letter-spacing:-.018em}.appointment-preparation__copy>p{color:var(--muted);font-size:12px;line-height:1.78}.appointment-preparation__items{margin-top:30px}.appointment-preparation__items article{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:22px}.appointment-preparation__items b{font-size:10px}.appointment-preparation__items span{color:var(--muted);font-size:9px;line-height:1.65}.appointment-policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.appointment-policy-grid article{min-height:300px;padding:25px;border-radius:21px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.appointment-policy-grid span{color:var(--orange);font-size:7px;letter-spacing:.14em}.appointment-policy-grid h3{margin:auto 0 14px;font:800 27px/1.03 var(--font-body);letter-spacing:-.045em}.appointment-policy-grid p{margin:0;color:var(--muted);font-size:9px;line-height:1.68}.appointment-faq{padding:clamp(90px,8vw,125px) 0;background:#dfe9e7}.appointment-faq__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:minmax(340px,.66fr) minmax(0,1.1fr);gap:7vw;align-items:start}.appointment-faq__heading{position:sticky;top:110px;padding:38px;border-radius:24px;background:var(--teal);color:#fff}.appointment-faq__heading h2{margin:20px 0;font:800 clamp(45px,5vw,70px)/.96 var(--font-body);letter-spacing:-.06em}.appointment-faq__heading p{color:rgba(255,255,255,.56);font-size:10px;line-height:1.7}.appointment-faq__heading .button{margin-top:18px;background:#071719;color:#fff}.appointment-faq__list{border-top:1px solid rgba(7,23,25,.17)}.appointment-faq__list details{border-bottom:1px solid rgba(7,23,25,.17)}.appointment-faq__list summary{min-height:96px;padding:20px 8px;list-style:none;display:grid;grid-template-columns:1fr 42px;align-items:center;gap:20px;cursor:pointer}.appointment-faq__list summary::-webkit-details-marker{display:none}.appointment-faq__list summary>span{font-size:18px;font-weight:800;letter-spacing:-.025em}.appointment-faq__list summary i{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--orange);font-style:normal;font-size:18px}.appointment-faq__list details[open] summary i{transform:rotate(45deg)}.appointment-faq__list details p{max-width:760px;margin:0;padding:0 65px 28px 8px;color:var(--muted);font-size:10px;line-height:1.75}.appointment-final{background-image:linear-gradient(90deg,rgba(4,22,25,.96),rgba(4,22,25,.77)),url("assets/contact-workspace-photo.webp");background-size:cover;background-position:center}
@media(max-width:1100px){.appointment-hero__inner{grid-template-columns:1fr;}.appointment-console{max-width:760px;width:100%;transform:none}.appointment-type-grid{grid-template-columns:repeat(2,1fr)}.appointment-booking__inner,.appointment-preparation__inner{grid-template-columns:1fr;gap:55px}.appointment-process-grid{grid-template-columns:repeat(3,1fr)}.appointment-process-grid article:nth-child(3){border-right:0}.appointment-process-grid article:nth-child(n+4){border-top:1px solid var(--line)}.appointment-policy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.appointment-faq__inner{grid-template-columns:1fr}.appointment-faq__heading{position:static}.appointment-hero__inner{padding-top:65px}.appointment-proof-strip>div{justify-content:flex-start;padding:0 5vw;overflow:auto}.appointment-proof-strip span{flex:0 0 auto}}
@media(max-width:650px){.appointment-hero__photo{background-image:linear-gradient(180deg,rgba(2,15,18,.90),rgba(3,20,23,.65) 46%,rgba(3,21,24,.94) 100%),url("assets/hero-workspace-mobile.webp");background-position:center top}.appointment-hero__inner{padding:62px 5vw 80px}.appointment-hero__copy h1{font-size:clamp(50px,15vw,70px)}.appointment-hero__copy>p{font-size:13px}.appointment-console{min-height:590px;padding:11px;border-radius:21px}.appointment-console__heading{padding:20px}.appointment-console__heading strong{font-size:25px}.appointment-mini-calendar{padding:14px}.appointment-type-grid{grid-template-columns:1fr}.appointment-type-card{min-height:320px}.appointment-types,.appointment-process,.appointment-policies{padding-left:5vw;padding-right:5vw}.appointment-booking__inner,.appointment-preparation__inner,.appointment-faq__inner{padding-left:5vw;padding-right:5vw}.appointment-booking__copy h2{font-size:49px}.booking-plugin-placeholder{min-height:420px;padding:27px 20px}.booking-plugin-placeholder h3{font-size:29px}.booking-shortcode-shell__foot{align-items:flex-start;gap:12px;flex-direction:column}.appointment-process-grid{grid-template-columns:1fr}.appointment-process-grid article{min-height:210px;border-right:0;border-top:1px solid var(--line)}.appointment-preparation__visual{min-height:480px}.appointment-preparation__screen>strong{font-size:29px}.appointment-preparation__screen ul{grid-template-columns:1fr}.appointment-preparation__copy h2{font-size:52px}.appointment-preparation__items article{grid-template-columns:1fr;gap:8px}.appointment-policy-grid{grid-template-columns:1fr}.appointment-policy-grid article{min-height:250px}.appointment-faq__heading{padding:26px}.appointment-faq__heading h2{font-size:46px}.appointment-faq__list summary{min-height:82px;padding:18px 10px;grid-template-columns:1fr 36px}.appointment-faq__list summary>span{font-size:15px}.appointment-faq__list summary i{width:34px;height:34px}.appointment-faq__list details p{padding:0 12px 24px;font-size:10px}}

/* Spin & Win campaign page */
.spin-hero{position:relative;min-height:830px;overflow:hidden;background:#03181b;color:#fff}.spin-hero__photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,15,18,.97) 0%,rgba(2,24,27,.88) 47%,rgba(2,21,24,.64) 100%),linear-gradient(180deg,rgba(4,24,27,.05),rgba(4,24,27,.85)),url("assets/hero-workspace-desktop.webp");background-size:cover;background-position:center;filter:saturate(.72) contrast(1.03)}.spin-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 42%,rgba(255,138,31,.16),transparent 28%),radial-gradient(circle at 84% 12%,rgba(11,119,129,.22),transparent 31%)}.spin-hero__inner{position:relative;z-index:1;max-width:var(--max);margin:auto;padding:clamp(80px,8vw,118px) 4vw 105px;display:grid;grid-template-columns:minmax(430px,.82fr) minmax(600px,1.18fr);gap:clamp(55px,6vw,100px);align-items:center}.spin-hero__copy h1{max-width:760px;margin:25px 0 28px;font:800 clamp(57px,5.65vw,92px)/.92 var(--font-body)!important;letter-spacing:-.067em!important}.spin-hero__copy h1 em{color:var(--orange);font-style:normal}.spin-hero__copy>p{max-width:650px;margin:0;color:rgba(255,255,255,.64);font-size:14px;line-height:1.77}.spin-hero__proof{margin-top:48px}.spin-console{min-width:0;padding:13px;border-radius:30px;background:rgba(5,27,30,.82);border:1px solid rgba(255,255,255,.14);box-shadow:0 45px 120px rgba(0,0,0,.44);backdrop-filter:blur(14px)}.spin-console__top,.spin-console__foot{min-height:43px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.42);font:7px monospace;letter-spacing:.14em}.spin-console__top i{font-style:normal;color:#70e7af}.spin-console__body{min-height:610px;padding:22px;border-radius:21px;background:linear-gradient(145deg,rgba(11,95,104,.83),rgba(4,25,28,.95));display:grid;grid-template-columns:minmax(300px,.9fr) minmax(245px,.72fr);gap:24px;align-items:center}.spin-console__foot b{width:28px;height:28px;border-radius:8px;background:var(--orange);color:var(--ink);display:grid;place-items:center;font:400 15px var(--font-heading)}.spin-wheel-stage{position:relative;min-height:455px;display:grid;place-items:center}.spin-wheel{--wheel-size:min(420px,38vw);width:var(--wheel-size);height:var(--wheel-size);position:relative;border-radius:50%;background:conic-gradient(from -22.5deg,#ff8a1f 0 45deg,#0b5f68 45deg 90deg,#f2eee6 90deg 135deg,#102f33 135deg 180deg,#ffb266 180deg 225deg,#0b7781 225deg 270deg,#e4ddd0 270deg 315deg,#071719 315deg 360deg);border:12px solid #f4f1ea;box-shadow:0 0 0 9px rgba(255,255,255,.14),0 25px 65px rgba(0,0,0,.42);transition:transform 5.6s cubic-bezier(.12,.74,.13,1);will-change:transform}.spin-wheel::after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(255,255,255,.24)}.spin-wheel>span{position:absolute;left:50%;top:50%;width:100px;margin-left:-50px;text-align:center;color:#fff;font:800 8px/1.15 var(--font-body);letter-spacing:.05em;transform:rotate(calc(var(--i)*45deg)) translateY(calc(var(--wheel-size)*-.405)) rotate(calc(var(--i)*-45deg));transform-origin:center}.spin-wheel>span:nth-child(1),.spin-wheel>span:nth-child(3),.spin-wheel>span:nth-child(5),.spin-wheel>span:nth-child(7){color:var(--ink)}.spin-wheel>b{position:absolute;z-index:2;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border-radius:50%;background:#f4f1ea;color:var(--ink);display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25);overflow:hidden}.spin-wheel>b img{width:78px}.spin-wheel>b small{position:absolute;bottom:12px;font-size:6px;letter-spacing:.18em;color:var(--orange)}.spin-wheel-pointer{position:absolute;z-index:4;top:5px;left:50%;width:0;height:0;transform:translateX(-50%);border-left:17px solid transparent;border-right:17px solid transparent;border-top:0;border-bottom:38px solid var(--orange);filter:drop-shadow(0 7px 5px rgba(0,0,0,.4))}.spin-wheel-shadow{position:absolute;bottom:5px;width:75%;height:38px;border-radius:50%;background:rgba(0,0,0,.28);filter:blur(14px)}.spin-entry-panel,.spin-ready-panel{padding:25px;border-radius:20px;background:rgba(3,20,23,.76);border:1px solid rgba(255,255,255,.1)}.spin-entry-panel__head small,.spin-ready-panel>small{color:var(--orange);font-size:7px;letter-spacing:.15em}.spin-entry-panel__head b{display:block;margin-top:12px;font-size:25px;letter-spacing:-.035em}.spin-entry-panel__head p,.spin-ready-panel>p{color:rgba(255,255,255,.48);font-size:9px;line-height:1.65}.spin-entry-form{display:grid;gap:12px;margin-top:22px}.spin-entry-form label>span{display:block;margin-bottom:7px;color:rgba(255,255,255,.5);font-size:7px;letter-spacing:.08em}.spin-entry-form input[type="text"],.spin-entry-form input[type="email"]{width:100%;height:49px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.07);color:#fff;outline:none}.spin-entry-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,138,31,.12)}.spin-entry-form input::placeholder{color:rgba(255,255,255,.28)}.spin-check{display:grid!important;grid-template-columns:18px 1fr;gap:9px;align-items:start}.spin-check input{margin:2px 0 0;accent-color:var(--orange)}.spin-check span{margin:0!important;font-size:7px!important;line-height:1.55;letter-spacing:0!important}.spin-entry-submit{border:0;cursor:pointer;margin-top:5px}.spin-form-status{min-height:15px;margin:0;color:#ffb266;font-size:8px;line-height:1.5}.spin-ready-panel h2{margin:13px 0 10px;font:800 36px/.98 var(--font-body);letter-spacing:-.05em}.spin-main-button{width:100%;min-height:75px;margin-top:22px;padding:0 22px;border:0;border-radius:16px;background:var(--orange);color:var(--ink);display:flex;align-items:center;justify-content:space-between;font-weight:900;cursor:pointer;box-shadow:0 17px 40px rgba(255,138,31,.2)}.spin-main-button i{width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-style:normal;font-size:20px}.spin-main-button[disabled]{opacity:.58;cursor:not-allowed}.spin-result{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13)}.spin-result>span{color:var(--orange);font-size:7px;letter-spacing:.15em}.spin-result strong{display:block;margin:10px 0 8px;font-size:27px}.spin-result>p{color:rgba(255,255,255,.53);font-size:9px;line-height:1.65}.spin-result>div{display:grid;gap:12px;margin-top:17px}.spin-result>div>a:last-child{color:var(--orange);font-size:8px}.spin-demo-reset{margin-top:17px;padding:0;border:0;background:none;color:rgba(255,255,255,.32);font-size:7px;text-decoration:underline;cursor:pointer}.spin-proof-strip{height:64px;background:#e4ded3;border-bottom:1px solid var(--line)}.spin-proof-strip>div{max-width:var(--max);height:100%;margin:auto;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.spin-proof-strip span{font-size:8px;letter-spacing:.11em;color:#546164}.spin-how-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.spin-how-grid article{min-height:340px;padding:28px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column}.spin-how-grid article:last-child{border-right:0}.spin-how-grid article>span{color:var(--orange);font:9px monospace}.spin-how-grid article>div{margin-top:auto}.spin-how-grid small{color:var(--teal);font-size:7px;letter-spacing:.14em}.spin-how-grid h3{margin:11px 0 13px;font:800 26px/1.02 var(--font-body);letter-spacing:-.045em}.spin-how-grid p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.spin-prizes{padding:clamp(90px,9vw,145px) 0;background:#e6e0d5}.spin-prizes__inner{max-width:var(--max);margin:auto;padding:0 4vw}.spin-prizes__heading{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:end;margin-bottom:45px}.spin-prizes__heading h2{margin:17px 0 0;font:400 clamp(50px,5.8vw,84px)/.94 var(--font-heading);letter-spacing:-.01em}.spin-prizes__heading p{max-width:580px;color:var(--muted);font-size:11px;line-height:1.75}.spin-prize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spin-prize-card{min-height:360px;padding:27px;border-radius:22px;background:#f7f4ed;border:1px solid var(--line);display:flex;flex-direction:column}.spin-prize-card>span{color:var(--orange);font-size:7px;letter-spacing:.14em}.spin-prize-card>strong{margin-top:35px;font:400 72px/1 var(--font-heading);color:var(--teal)}.spin-prize-card h3{margin:auto 0 13px;font:800 27px/1.02 var(--font-body);letter-spacing:-.045em}.spin-prize-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.spin-prize-card--featured{background:var(--teal);color:#fff;border-color:transparent}.spin-prize-card--featured>strong,.spin-prize-card--featured>span{color:var(--orange)}.spin-prize-card--featured p{color:rgba(255,255,255,.56)}.spin-prize-card--dark{background:#050505;color:#fff;border-color:#050505}.spin-prize-card--dark>strong{color:var(--orange)}.spin-prize-card--dark p{color:rgba(255,255,255,.55)}.spin-affiliate{padding:clamp(95px,9vw,145px) 0;background:#071719;color:#fff}.spin-affiliate__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.spin-affiliate__visual{min-height:580px;padding:18px;border-radius:27px;background-image:linear-gradient(180deg,rgba(4,18,21,.04),rgba(4,18,21,.8)),url("assets/delivery-workspace-photo.webp");background-size:cover;background-position:center;display:flex;align-items:flex-end;box-shadow:0 35px 85px rgba(0,0,0,.3)}.affiliate-network-card{width:100%;padding:27px;border-radius:19px;background:rgba(4,26,29,.88);backdrop-filter:blur(13px);border:1px solid rgba(255,255,255,.13)}.affiliate-network-card>div:first-child{display:flex;justify-content:space-between;font:7px monospace;color:rgba(255,255,255,.42)}.affiliate-network-card i{font-style:normal;color:#70e7af}.affiliate-network-card>strong{display:block;margin:28px 0;font:800 37px/.98 var(--font-body);letter-spacing:-.05em}.affiliate-network-card__flow{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center}.affiliate-network-card__flow span{padding:14px 8px;border-radius:11px;background:rgba(255,255,255,.07);text-align:center;color:#fff;font-size:7px}.affiliate-network-card__flow i{color:var(--orange)}.affiliate-network-card>small{display:block;margin-top:22px;color:rgba(255,255,255,.4);line-height:1.6}.spin-affiliate__copy h2{margin:18px 0 25px;font:400 clamp(51px,5.7vw,84px)/.94 var(--font-heading);letter-spacing:-.012em}.spin-affiliate__copy>p{color:rgba(255,255,255,.57);font-size:12px;line-height:1.78}.spin-affiliate__copy ul{list-style:none;padding:0;margin:28px 0}.spin-affiliate__copy li{padding:13px 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.54);font-size:9px}.spin-affiliate__copy li::before{content:"↗";margin-right:10px;color:var(--orange)}.spin-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spin-rule-grid article{min-height:300px;padding:25px;border:1px solid var(--line);border-radius:21px;background:#fff;display:flex;flex-direction:column}.spin-rule-grid span{color:var(--orange);font-size:7px;letter-spacing:.14em}.spin-rule-grid h3{margin:auto 0 14px;font:800 26px/1.02 var(--font-body);letter-spacing:-.045em}.spin-rule-grid p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.spin-wordpress{padding:clamp(90px,9vw,145px) 0;background:#dce9e7}.spin-wordpress__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.spin-wordpress__copy h2{margin:18px 0 24px;font:400 clamp(50px,5.5vw,80px)/.94 var(--font-heading);letter-spacing:-.01em}.spin-wordpress__copy>p{color:var(--muted);font-size:11px;line-height:1.77}.spin-wordpress__items{margin-top:30px}.spin-wordpress__items article{padding:17px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:190px 1fr;gap:22px}.spin-wordpress__items b{font-size:10px}.spin-wordpress__items span{color:var(--muted);font-size:9px;line-height:1.65}.spin-wordpress__items code{color:var(--teal);font-weight:800}.spin-wordpress__screen{padding:16px;border-radius:27px;background:#071719;box-shadow:var(--shadow)}.campaign-admin-mock{min-height:580px;padding:24px;border-radius:18px;background:linear-gradient(145deg,#0a5b63,#052c30);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12px}.campaign-admin-mock>div{grid-column:1/-1;display:flex;justify-content:space-between;color:rgba(255,255,255,.43);font:7px monospace}.campaign-admin-mock>div i{color:#70e7af;font-style:normal}.campaign-admin-mock section{padding:22px;border-radius:17px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.campaign-admin-mock small{color:rgba(255,255,255,.43);font-size:7px;letter-spacing:.14em}.campaign-admin-mock strong{margin:auto 0 8px;font:400 64px/1 var(--font-heading)}.campaign-admin-mock section>span{color:#70e7af;font-size:8px}.campaign-admin-mock__wide{grid-column:1/-1}.campaign-admin-mock ul{list-style:none;padding:0;margin:auto 0 0}.campaign-admin-mock li{padding:13px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;font-size:9px}.campaign-admin-mock li span{color:var(--orange)}.spin-faq{padding:clamp(90px,8vw,125px) 0;background:#f0ebe2}.spin-faq__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:minmax(340px,.66fr) minmax(0,1.1fr);gap:7vw;align-items:start}.spin-faq__heading{position:sticky;top:110px;padding:38px;border-radius:24px;background:var(--teal);color:#fff}.spin-faq__heading h2{margin:20px 0;font:800 clamp(45px,5vw,70px)/.96 var(--font-body);letter-spacing:-.06em}.spin-faq__heading p{color:rgba(255,255,255,.56);font-size:10px;line-height:1.7}.spin-faq__heading .button{margin-top:18px;background:#071719;color:#fff}.spin-faq__list{border-top:1px solid rgba(7,23,25,.17)}.spin-faq__list details{border-bottom:1px solid rgba(7,23,25,.17)}.spin-faq__list summary{min-height:96px;padding:20px 8px;list-style:none;display:grid;grid-template-columns:1fr 42px;align-items:center;gap:20px;cursor:pointer}.spin-faq__list summary::-webkit-details-marker{display:none}.spin-faq__list summary>span{font-size:18px;font-weight:800;letter-spacing:-.025em}.spin-faq__list summary i{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--orange);font-style:normal;font-size:18px}.spin-faq__list details[open] summary i{transform:rotate(45deg)}.spin-faq__list details p{max-width:760px;margin:0;padding:0 65px 28px 8px;color:var(--muted);font-size:10px;line-height:1.75}.spin-final{background-image:linear-gradient(90deg,rgba(4,22,25,.96),rgba(4,22,25,.76)),url("assets/contact-workspace-photo.webp");background-size:cover;background-position:center}
@media(max-width:1150px){.spin-hero__inner{grid-template-columns:1fr}.spin-console{width:min(860px,100%)}.spin-console__body{grid-template-columns:1fr 330px}.spin-wheel{--wheel-size:min(430px,53vw)}.spin-how-grid{grid-template-columns:repeat(2,1fr)}.spin-how-grid article:nth-child(2){border-right:0}.spin-how-grid article:nth-child(n+3){border-top:1px solid var(--line)}.spin-prize-grid,.spin-rule-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.spin-affiliate__inner,.spin-wordpress__inner,.spin-faq__inner{grid-template-columns:1fr}.spin-faq__heading{position:static}.spin-prizes__heading{grid-template-columns:1fr;gap:12px}.spin-proof-strip>div{justify-content:flex-start;overflow:auto}.spin-proof-strip span{flex:0 0 auto}.spin-wordpress__screen{max-width:700px;width:100%}}
@media(max-width:720px){.spin-hero__photo{background-image:linear-gradient(180deg,rgba(2,15,18,.92),rgba(3,20,23,.67) 45%,rgba(3,21,24,.96) 100%),url("assets/hero-workspace-mobile.webp");background-position:center top}.spin-hero__inner{padding:62px 5vw 78px}.spin-hero__copy h1{font-size:clamp(50px,15vw,70px)!important}.spin-console{padding:10px;border-radius:22px}.spin-console__body{padding:16px;grid-template-columns:1fr;min-height:0}.spin-wheel-stage{min-height:390px}.spin-wheel{--wheel-size:min(340px,79vw)}.spin-wheel>span{width:84px;margin-left:-42px;font-size:6px}.spin-wheel>b{width:92px;height:92px}.spin-wheel>b img{width:65px}.spin-entry-panel,.spin-ready-panel{padding:21px}.spin-how,.spin-rules{padding-left:5vw;padding-right:5vw}.spin-how-grid{grid-template-columns:1fr}.spin-how-grid article{min-height:230px;border-right:0;border-top:1px solid var(--line)}.spin-prizes__inner,.spin-affiliate__inner,.spin-wordpress__inner,.spin-faq__inner{padding-left:5vw;padding-right:5vw}.spin-prize-grid,.spin-rule-grid{grid-template-columns:1fr}.spin-prize-card{min-height:320px}.spin-affiliate__visual{min-height:480px}.affiliate-network-card>strong{font-size:30px}.spin-affiliate__copy h2,.spin-wordpress__copy h2{font-size:51px}.spin-wordpress__items article{grid-template-columns:1fr;gap:7px}.campaign-admin-mock{min-height:520px;padding:15px;grid-template-columns:1fr}.campaign-admin-mock>div,.campaign-admin-mock__wide{grid-column:1}.spin-faq__heading{padding:26px}.spin-faq__heading h2{font-size:46px}.spin-faq__list summary{min-height:82px;padding:18px 10px;grid-template-columns:1fr 36px}.spin-faq__list summary>span{font-size:15px}.spin-faq__list summary i{width:34px;height:34px}.spin-faq__list details p{padding:0 12px 24px}.spin-main-button{min-height:66px}}


/* ==========================================================
   CAMPAIGN V2 + CLAIM + AFFILIATE BOOST + TESTIMONIALS
   ========================================================== */
.spin-campaign-v2 .spin-hero--entry .spin-hero__inner{grid-template-columns:minmax(0,1.04fr) minmax(380px,.72fr);align-items:center}
.campaign-entry-card{padding:30px;border-radius:25px;background:rgba(4,26,29,.9);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(18px);box-shadow:0 35px 90px rgba(0,0,0,.32);color:#fff}
.campaign-entry-card__top{display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.42);font:7px monospace;letter-spacing:.1em}.campaign-entry-card__top i{font-style:normal;color:#70e7af}.campaign-entry-card h2{margin:28px 0 12px;font:800 clamp(34px,3.6vw,52px)/.98 var(--font-body);letter-spacing:-.05em}.campaign-entry-card>p{color:rgba(255,255,255,.58);font-size:10px;line-height:1.7}.campaign-entry-card>small{display:block;margin-top:18px;color:rgba(255,255,255,.35);font-size:7px;line-height:1.55}.campaign-entry-card .spin-entry-form{margin-top:22px}.campaign-entry-card .spin-entry-form label>span{color:rgba(255,255,255,.62)}.campaign-entry-card .spin-entry-form input[type=text],.campaign-entry-card .spin-entry-form input[type=email]{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.campaign-entry-card .spin-check span{color:rgba(255,255,255,.53)!important}
.campaign-wheel-section{padding:clamp(90px,9vw,145px) 0;background:#071719;color:#fff}.campaign-wheel-section__inner{max-width:var(--max);margin:auto;padding:0 4vw}.campaign-wheel-section__heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:42px}.campaign-wheel-section__heading h2{margin:17px 0 0;font:400 clamp(52px,5.8vw,86px)/.94 var(--font-heading);letter-spacing:-.012em}.campaign-wheel-section__heading p{color:rgba(255,255,255,.57);font-size:10px;line-height:1.75}.spin-console--separate{max-width:none;width:100%}.spin-console--separate .spin-console__body{grid-template-columns:minmax(420px,1fr) minmax(350px,.72fr)}.spin-ready-panel--standalone{display:flex!important}.spin-ready-panel--standalone[hidden]{display:flex!important}.spin-ready-panel--standalone .spin-main-button:disabled{opacity:.48;cursor:not-allowed}.spin-result__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.affiliate-auto-redirect{padding:13px;border-radius:10px;background:rgba(232,96,35,.12);color:rgba(255,255,255,.7)!important}.spin-prize-grid--v2{grid-template-columns:repeat(4,1fr)}.spin-prize-card--boost{background:#e86023;color:#fff;border-color:#e86023}.spin-prize-card--boost>span,.spin-prize-card--boost>strong{color:#071719}.spin-prize-card--boost p{color:rgba(255,255,255,.72)}
.affiliate-boost-section{padding:clamp(95px,9vw,150px) 0;background:#071719;color:#fff}.affiliate-boost-section__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:1.1fr .7fr;gap:8vw;align-items:center}.affiliate-boost-section__copy h2{margin:18px 0 24px;font:400 clamp(52px,5.8vw,86px)/.94 var(--font-heading)}.affiliate-boost-section__copy>p{color:rgba(255,255,255,.58);font-size:11px;line-height:1.75}.affiliate-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0}.affiliate-compare article{padding:22px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.affiliate-compare article.is-boost{background:rgba(232,96,35,.14);border-color:rgba(232,96,35,.5)}.affiliate-compare b{display:block;margin-bottom:15px;font-size:13px}.affiliate-compare span{display:block;padding:9px 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.53);font-size:8px;line-height:1.5}.affiliate-boost-code-card{padding:30px;border-radius:25px;background:linear-gradient(145deg,#0a5b63,#042f34);box-shadow:0 35px 85px rgba(0,0,0,.3)}.affiliate-boost-code-card>span{font-size:7px;letter-spacing:.14em;color:#70e7af}.affiliate-boost-code-card>strong{display:block;margin:32px 0 15px;font:800 clamp(34px,4vw,58px)/1 var(--font-body);letter-spacing:.04em;color:var(--orange)}.affiliate-boost-code-card>p{color:rgba(255,255,255,.57);font-size:9px;line-height:1.7}.affiliate-boost-code-card>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.12)}.affiliate-boost-code-card i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-style:normal;color:var(--orange);font-size:8px}.affiliate-boost-code-card b{font-size:9px}
.campaign-testimonials{padding:clamp(90px,9vw,145px) 0;background:#e6e0d5}.campaign-testimonials__inner{max-width:var(--max);margin:auto;padding:0 4vw}.testimonial-image-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.testimonial-image-placeholder{aspect-ratio:4/5;border-radius:22px;background:linear-gradient(145deg,#0b3c41,#071719);display:grid;place-items:center;color:rgba(255,255,255,.42);border:1px solid rgba(7,23,25,.12);box-shadow:var(--shadow)}.testimonial-image-placeholder span{font-size:7px;letter-spacing:.13em}.campaign-testimonials__actions{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:28px}.campaign-testimonials__actions small{max-width:600px;color:var(--muted);line-height:1.6}
.claim-hero,.affiliate-boost-hero,.testimonials-hero{padding:clamp(100px,11vw,170px) 0;background-image:linear-gradient(90deg,rgba(3,21,24,.95),rgba(3,21,24,.72)),url("assets/hero-workspace-desktop.webp");background-size:cover;background-position:center;color:#fff}.claim-hero__inner,.affiliate-boost-hero__inner,.testimonials-hero__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:1fr .68fr;gap:8vw;align-items:center}.claim-hero h1,.affiliate-boost-hero h1,.testimonials-hero h1{margin:22px 0;font:800 clamp(55px,6.8vw,102px)/.89 var(--font-body);letter-spacing:-.068em}.claim-hero p,.affiliate-boost-hero p,.testimonials-hero p{color:rgba(255,255,255,.62);font-size:11px;line-height:1.75}.claim-reward-card,.boost-code-panel,.testimonial-policy-card{padding:30px;border-radius:24px;background:rgba(4,26,29,.86);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.3)}.claim-reward-card small,.boost-code-panel small,.testimonial-policy-card span{color:#70e7af;font-size:7px;letter-spacing:.13em}.claim-reward-card strong,.boost-code-panel strong,.testimonial-policy-card strong{display:block;margin:28px 0 12px;font:800 clamp(34px,4vw,58px)/.98 var(--font-body);letter-spacing:-.04em;color:var(--orange)}.claim-reward-card span,.boost-code-panel span{font:8px monospace;color:rgba(255,255,255,.5)}.claim-reward-card p,.boost-code-panel p,.testimonial-policy-card p{color:rgba(255,255,255,.52)}
.claim-form-section{padding:clamp(90px,9vw,145px) 0;background:#eee8de}.claim-form-section__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:.7fr 1.2fr;gap:8vw;align-items:start}.claim-form-copy h2{margin:18px 0 22px;font:400 clamp(50px,5.8vw,82px)/.94 var(--font-heading)}.claim-form-copy>p{color:var(--muted);font-size:10px;line-height:1.75}.claim-security-note{margin-top:30px;padding:24px;border-radius:18px;background:#071719;color:#fff}.claim-security-note b{display:block;margin-bottom:15px}.claim-security-note span{display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.12);font-size:8px;color:rgba(255,255,255,.54)}.claim-form input[readonly]{background:#d8e3e1;color:#071719;font-weight:800}.form-field--full{grid-column:1/-1}
.affiliate-boost-benefits{padding:clamp(90px,9vw,145px) 0;background:#eee8de}.affiliate-boost-benefits__inner{max-width:var(--max);margin:auto;padding:0 4vw}.boost-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.boost-benefit-grid article{min-height:340px;padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.boost-benefit-grid span{color:var(--orange);font:700 11px monospace}.boost-benefit-grid h3{margin:auto 0 14px;font:800 25px/1 var(--font-body);letter-spacing:-.04em}.boost-benefit-grid p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.affiliate-comparison-section{padding:clamp(90px,9vw,145px) 0;background:#dce9e7}.affiliate-comparison-section__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:1fr 1fr;gap:14px}.affiliate-comparison-card{padding:38px;border-radius:26px;background:#fff}.affiliate-comparison-card--boost{background:#071719;color:#fff}.affiliate-comparison-card>span{color:var(--orange);font-size:7px;letter-spacing:.13em}.affiliate-comparison-card h2{margin:22px 0;font:800 clamp(40px,4vw,64px)/.95 var(--font-body);letter-spacing:-.05em}.affiliate-comparison-card ul{list-style:none;padding:0;margin:0 0 30px}.affiliate-comparison-card li{padding:14px 0;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.affiliate-comparison-card--boost li{border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.56)}
.testimonials-hero__inner{grid-template-columns:1fr .55fr}.testimonial-gallery-section{padding:clamp(90px,9vw,145px) 0;background:#eee8de}.testimonial-gallery-section__inner{max-width:var(--max);margin:auto;padding:0 4vw}.testimonial-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.testimonial-gallery__item{margin:0;border-radius:22px;overflow:hidden;background:#071719;box-shadow:var(--shadow)}.testimonial-gallery__item img{display:block;width:100%;height:auto}.testimonial-empty{grid-column:1/-1;padding:60px;border-radius:20px;border:1px dashed rgba(7,23,25,.24);text-align:center;color:var(--muted)}.testimonial-upload-guide{padding:90px 0;background:#dce9e7}.testimonial-upload-guide__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:.8fr 1fr;gap:8vw}.testimonial-upload-guide h2{margin:18px 0;font:400 clamp(48px,5.5vw,80px)/.94 var(--font-heading)}.testimonial-upload-guide p{color:var(--muted);font-size:10px;line-height:1.75}.testimonial-upload-guide code{padding:3px 6px;border-radius:5px;background:#071719;color:#fff}
@media(max-width:1150px){.spin-campaign-v2 .spin-hero--entry .spin-hero__inner,.claim-hero__inner,.affiliate-boost-hero__inner,.testimonials-hero__inner{grid-template-columns:1fr}.campaign-entry-card{max-width:760px}.campaign-wheel-section__heading,.affiliate-boost-section__inner,.claim-form-section__inner{grid-template-columns:1fr}.spin-console--separate .spin-console__body{grid-template-columns:1fr 360px}.spin-prize-grid--v2{grid-template-columns:repeat(2,1fr)}.boost-benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.spin-console--separate .spin-console__body,.affiliate-comparison-section__inner,.testimonial-upload-guide__inner{grid-template-columns:1fr}.affiliate-compare,.testimonial-image-preview,.testimonial-gallery{grid-template-columns:1fr 1fr}.campaign-wheel-section__heading{gap:15px}.campaign-testimonials__actions{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.campaign-entry-card{padding:22px}.spin-prize-grid--v2,.boost-benefit-grid,.affiliate-compare,.testimonial-image-preview,.testimonial-gallery{grid-template-columns:1fr}.claim-hero,.affiliate-boost-hero,.testimonials-hero{background-image:linear-gradient(180deg,rgba(3,21,24,.94),rgba(3,21,24,.82)),url("assets/hero-workspace-mobile.webp");background-position:center top}.claim-hero__inner,.affiliate-boost-hero__inner,.testimonials-hero__inner,.campaign-wheel-section__inner,.affiliate-boost-section__inner,.campaign-testimonials__inner,.claim-form-section__inner,.affiliate-boost-benefits__inner,.affiliate-comparison-section__inner,.testimonial-gallery-section__inner,.testimonial-upload-guide__inner{padding-left:5vw;padding-right:5vw}.claim-hero h1,.affiliate-boost-hero h1,.testimonials-hero h1{font-size:49px}.affiliate-boost-section__copy h2,.campaign-wheel-section__heading h2{font-size:50px}.spin-result__actions{align-items:flex-start;flex-direction:column}.campaign-testimonials__actions small{font-size:8px}}

/* --- v14.1 claim form visibility fixes --- */
.claim-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px;
  padding:34px;
  border-radius:26px;
  background:#ffffff;
  border:1px solid rgba(7,23,25,.10);
  box-shadow:0 28px 70px rgba(7,23,25,.10);
}
.claim-form label{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-width:0;
}
.claim-form label > span{
  font-size:12px;
  font-weight:800;
  color:#071719;
  line-height:1.45;
}
.claim-form input,
.claim-form textarea{
  width:100%;
  min-height:56px;
  padding:15px 16px;
  border-radius:14px;
  border:1px solid rgba(7,23,25,.16);
  background:#f7f4ed;
  color:#071719;
  font:500 14px/1.45 var(--font-body);
  box-shadow:none;
}
.claim-form input::placeholder,
.claim-form textarea::placeholder{color:rgba(7,23,25,.44)}
.claim-form textarea{
  min-height:170px;
  resize:vertical;
}
.claim-form input:focus,
.claim-form textarea:focus{
  outline:none;
  border-color:rgba(255,138,31,.85);
  box-shadow:0 0 0 4px rgba(255,138,31,.12);
  background:#fffaf3;
}
.claim-form input[readonly]{
  background:#dfe8e6;
  border-color:rgba(7,23,25,.12);
}
.claim-form .spin-check{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:12px;
  padding:16px 18px;
  border-radius:16px;
  background:#f7f4ed;
  border:1px solid rgba(7,23,25,.10);
}
.claim-form .spin-check input{
  width:18px;
  min-width:18px;
  height:18px;
  min-height:18px;
  margin:3px 0 0;
  padding:0;
  border-radius:4px;
}
.claim-form .spin-check span{
  font-size:12px;
  font-weight:500;
  color:rgba(7,23,25,.72);
  line-height:1.6;
}
.claim-form .button{
  width:100%;
  min-height:58px;
  justify-content:space-between;
}
.claim-form .spin-form-status{
  margin:0;
  padding:14px 16px;
  border-radius:14px;
  background:#f3eee6;
  color:#4c5d5f;
  font-size:12px;
  line-height:1.55;
}
@media (max-width: 780px){
  .claim-form{grid-template-columns:1fr;padding:24px;gap:16px}
}


/* --- v14.3 larger nine-segment campaign wheel --- */
.campaign-wheel-section__inner{max-width:1580px}
.spin-console--separate .spin-console__body{
  min-height:760px;
  grid-template-columns:minmax(590px,1.35fr) minmax(310px,.55fr);
  gap:34px;
  padding:30px;
}
.spin-console--separate .spin-wheel-stage{min-height:670px}
.spin-console--separate .spin-wheel{
  --wheel-size:min(590px,48vw);
  background:conic-gradient(
    from -20deg,
    #ff8a1f 0 40deg,
    #0b5f68 40deg 80deg,
    #f2eee6 80deg 120deg,
    #102f33 120deg 160deg,
    #ffb266 160deg 200deg,
    #0b7781 200deg 240deg,
    #e4ddd0 240deg 280deg,
    #071719 280deg 320deg,
    #166d74 320deg 360deg
  );
  border-width:14px;
}
.spin-console--separate .spin-wheel>span{
  width:118px;
  margin-left:-59px;
  font-size:9px;
  line-height:1.15;
  transform:rotate(calc(var(--i)*40deg)) translateY(calc(var(--wheel-size)*-.41)) rotate(calc(var(--i)*-40deg));
}
.spin-console--separate .spin-wheel>span:nth-child(1),
.spin-console--separate .spin-wheel>span:nth-child(3),
.spin-console--separate .spin-wheel>span:nth-child(5),
.spin-console--separate .spin-wheel>span:nth-child(7){color:var(--ink)}
.spin-console--separate .spin-wheel>span:nth-child(2),
.spin-console--separate .spin-wheel>span:nth-child(4),
.spin-console--separate .spin-wheel>span:nth-child(6),
.spin-console--separate .spin-wheel>span:nth-child(8),
.spin-console--separate .spin-wheel>span:nth-child(9){color:#fff}
.spin-console--separate .spin-wheel>b{width:130px;height:130px}
.spin-console--separate .spin-wheel>b img{width:88px}
.spin-console--separate .spin-wheel-pointer{top:0;border-left-width:20px;border-right-width:20px;border-bottom-width:45px}
.spin-prize-card--five{background:#ff8a1f;color:#071719;border-color:#ff8a1f}
.spin-prize-card--five>span,.spin-prize-card--five>strong{color:#071719}
.spin-prize-card--five p{color:rgba(7,23,25,.68)}
@media(max-width:1150px){
  .spin-console--separate .spin-console__body{grid-template-columns:1fr;min-height:0}
  .spin-console--separate .spin-wheel-stage{min-height:610px}
  .spin-console--separate .spin-wheel{--wheel-size:min(560px,72vw)}
}
@media(max-width:620px){
  .spin-console--separate .spin-console__body{padding:14px}
  .spin-console--separate .spin-wheel-stage{min-height:430px}
  .spin-console--separate .spin-wheel{--wheel-size:min(375px,88vw);border-width:9px}
  .spin-console--separate .spin-wheel>span{width:76px;margin-left:-38px;font-size:6px;letter-spacing:.025em}
  .spin-console--separate .spin-wheel>b{width:88px;height:88px}
  .spin-console--separate .spin-wheel>b img{width:61px}
  .spin-console--separate .spin-wheel-pointer{border-left-width:15px;border-right-width:15px;border-bottom-width:34px}
}

/* --- v14.4 responsive campaign wheel and balanced action panel --- */
.spin-console--separate .spin-console__body{
  grid-template-columns:minmax(520px,1.25fr) minmax(330px,.62fr);
  gap:42px;
  align-items:center;
  overflow:hidden;
}
.spin-console--separate .spin-wheel-stage{
  width:100%;
  min-width:0;
  overflow:hidden;
  padding:48px 8px 28px;
}
.spin-ready-panel--standalone,
.spin-ready-panel--standalone[hidden]{
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  min-width:0;
  padding:34px;
}
.spin-ready-panel--standalone h2{
  margin:16px 0 14px;
  max-width:100%;
  font:800 clamp(34px,3.1vw,48px)/.98 var(--font-body);
  letter-spacing:-.055em;
}
.spin-ready-panel--standalone>p{
  max-width:38ch;
  margin:0;
  font-size:10px;
  line-height:1.7;
}
.spin-ready-panel--standalone .spin-main-button{
  margin-top:28px;
  min-height:70px;
}
.spin-ready-panel--standalone .spin-result{
  width:100%;
}

@media(max-width:1150px){
  .spin-console--separate .spin-console__body{
    grid-template-columns:1fr;
    gap:24px;
  }
  .spin-console--separate .spin-wheel-stage{
    min-height:0;
    padding:48px 10px 24px;
  }
  .spin-ready-panel--standalone{
    max-width:760px;
    width:100%;
    margin:0 auto;
  }
}

@media(max-width:620px){
  .campaign-wheel-section__inner{padding-left:14px!important;padding-right:14px!important}
  .spin-console--separate{padding:8px;border-radius:20px;overflow:hidden}
  .spin-console--separate .spin-console__top,
  .spin-console--separate .spin-console__foot{padding-left:8px;padding-right:8px}
  .spin-console--separate .spin-console__body{
    padding:10px;
    gap:18px;
    overflow:hidden;
  }
  .spin-console--separate .spin-wheel-stage{
    width:100%;
    min-height:0;
    padding:38px 0 18px;
    overflow:hidden;
  }
  .spin-console--separate .spin-wheel{
    --wheel-size:min(330px,calc(100vw - 68px));
    border-width:8px;
    box-shadow:0 0 0 6px rgba(255,255,255,.12),0 18px 38px rgba(0,0,0,.38);
  }
  .spin-console--separate .spin-wheel>span{
    width:62px;
    margin-left:-31px;
    font-size:5.3px;
    line-height:1.1;
    letter-spacing:.01em;
    transform:rotate(calc(var(--i)*40deg)) translateY(calc(var(--wheel-size)*-.405)) rotate(calc(var(--i)*-40deg));
  }
  .spin-console--separate .spin-wheel>b{width:78px;height:78px}
  .spin-console--separate .spin-wheel>b img{width:54px}
  .spin-console--separate .spin-wheel>b small{bottom:8px;font-size:5px}
  .spin-console--separate .spin-wheel-pointer{
    top:2px;
    border-left-width:13px;
    border-right-width:13px;
    border-bottom-width:29px;
  }
  .spin-console--separate .spin-wheel-shadow{width:70%;height:24px;bottom:4px}
  .spin-ready-panel--standalone,
  .spin-ready-panel--standalone[hidden]{
    padding:24px;
    border-radius:17px;
  }
  .spin-ready-panel--standalone h2{
    font-size:36px;
    line-height:.98;
    margin:14px 0 12px;
  }
  .spin-ready-panel--standalone>p{
    max-width:none;
    font-size:9px;
  }
  .spin-ready-panel--standalone .spin-main-button{
    min-height:62px;
    margin-top:22px;
  }
}

@media(max-width:390px){
  .spin-console--separate .spin-wheel{--wheel-size:min(300px,calc(100vw - 62px))}
  .spin-console--separate .spin-wheel>span{width:56px;margin-left:-28px;font-size:4.9px}
  .spin-ready-panel--standalone h2{font-size:32px}
}

/* --- v14.5 clean persisted-result state after reload --- */
.spin-campaign-v2{overflow-x:hidden}
.spin-ready-panel--standalone.has-result{
  justify-content:center;
  min-height:420px;
}
.spin-ready-panel--standalone.has-result #spinGreeting,
.spin-ready-panel--standalone.has-result #spinReadyText,
.spin-ready-panel--standalone.has-result #spinMainButton{
  display:none!important;
}
.spin-ready-panel--standalone.has-result .spin-result{
  display:block;
  width:100%;
  min-width:0;
  margin:24px 0 0;
  padding:0;
  border-top:0;
}
.spin-ready-panel--standalone.has-result .spin-result>span{
  display:block;
  margin-bottom:12px;
}
.spin-ready-panel--standalone.has-result .spin-result strong{
  display:block;
  max-width:100%;
  margin:0 0 14px;
  font-size:clamp(34px,3.2vw,52px);
  line-height:.98;
  overflow-wrap:anywhere;
}
.spin-ready-panel--standalone.has-result .spin-result>p{
  max-width:44ch;
  margin:0;
  font-size:10px;
  line-height:1.75;
}
.spin-ready-panel--standalone.has-result .spin-result__actions{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  width:100%;
  margin-top:24px;
}
.spin-ready-panel--standalone.has-result .spin-result__actions .button,
.spin-ready-panel--standalone.has-result .spin-result__actions>a{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.spin-ready-panel--standalone.has-result .affiliate-auto-redirect{
  margin-top:15px;
}
@media(max-width:1150px){
  .spin-ready-panel--standalone.has-result{
    min-height:0;
  }
}
@media(max-width:620px){
  .spin-ready-panel--standalone.has-result{
    padding:24px;
    min-height:0;
  }
  .spin-ready-panel--standalone.has-result .spin-result{
    margin-top:18px;
  }
  .spin-ready-panel--standalone.has-result .spin-result strong{
    font-size:36px;
  }
  .spin-ready-panel--standalone.has-result .spin-result>p{
    max-width:none;
    font-size:9px;
  }
}

/* =========================================================
   AFFILIATE PROGRAMME PAGE — V15
   ========================================================= */
.main-nav a.is-current::after{right:0}
.affiliate-hero{min-height:760px;position:relative;overflow:hidden;background:#071719;color:#fff}
.affiliate-hero__photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,19,22,.97) 0%,rgba(3,19,22,.88) 42%,rgba(3,19,22,.50) 73%,rgba(3,19,22,.76) 100%),linear-gradient(180deg,rgba(7,23,25,.08),rgba(7,23,25,.72)),url("assets/delivery-workspace-photo.webp");background-size:cover;background-position:center;filter:saturate(.76) contrast(1.08);transform:scale(1.02)}
.affiliate-hero__inner{max-width:var(--max);min-height:760px;margin:auto;padding:clamp(85px,8vw,130px) 4vw;display:grid;grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr);gap:7vw;align-items:center;position:relative;z-index:2}
.affiliate-hero h1{margin:24px 0 26px;font:800 clamp(58px,6.25vw,98px)/.91 var(--font-body);letter-spacing:-.068em;max-width:840px}
.affiliate-hero__copy>p{max-width:720px;margin:0;color:rgba(255,255,255,.64);font-size:clamp(14px,1.15vw,18px);line-height:1.75}
.affiliate-hero__proof{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.affiliate-hero__proof strong,.affiliate-hero__proof span{display:block}.affiliate-hero__proof strong{font-size:12px}.affiliate-hero__proof span{margin-top:7px;color:rgba(255,255,255,.38);font-size:8px;line-height:1.5}
.affiliate-dashboard{padding:17px;border-radius:29px;background:rgba(4,27,30,.88);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px rgba(0,0,0,.38);backdrop-filter:blur(16px)}
.affiliate-dashboard__top{padding:6px 6px 18px;display:flex;justify-content:space-between;color:rgba(255,255,255,.37);font:7px monospace;letter-spacing:.12em}.affiliate-dashboard__top i{font-style:normal;color:#70e7af}
.affiliate-dashboard__summary{display:grid;grid-template-columns:1.12fr .88fr;gap:12px}.affiliate-dashboard__summary article{min-height:210px;padding:24px;border-radius:19px;background:linear-gradient(145deg,#0c6670,#08464d);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column}.affiliate-dashboard__summary article:last-child{background:linear-gradient(145deg,#0d383c,#071f22)}
.affiliate-dashboard__summary small{color:rgba(255,255,255,.42);font-size:7px;letter-spacing:.14em}.affiliate-dashboard__summary strong{margin:auto 0 8px;font:800 clamp(35px,4vw,59px)/.94 var(--font-body);letter-spacing:-.055em;color:#fff}.affiliate-dashboard__summary span{color:#70e7af;font-size:8px}
.affiliate-dashboard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.affiliate-dashboard__stats div{padding:18px;border-radius:15px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08)}.affiliate-dashboard__stats span,.affiliate-dashboard__stats strong{display:block}.affiliate-dashboard__stats span{color:rgba(255,255,255,.40);font-size:7px;letter-spacing:.1em}.affiliate-dashboard__stats strong{margin-top:13px;font:800 25px var(--font-body)}
.affiliate-dashboard__activity{margin-top:12px;padding:22px;border-radius:18px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}.affiliate-dashboard__activity>span{color:rgba(255,255,255,.38);font:7px monospace;letter-spacing:.13em}.affiliate-dashboard__activity div{padding:13px 0;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:20px;align-items:center}.affiliate-dashboard__activity div:first-of-type{margin-top:15px}.affiliate-dashboard__activity b{font-size:9px}.affiliate-dashboard__activity i{font-style:normal;color:#70e7af;font-size:7px}

.affiliate-programmes{padding:clamp(95px,9vw,150px) 0;background:#f1ece3}.affiliate-programmes__inner,.affiliate-how-it-works__inner,.affiliate-promote-section__inner,.affiliate-join-section__inner,.affiliate-terms-section__inner,.affiliate-faq__inner{max-width:var(--max);margin:auto;padding:0 4vw}
.affiliate-programmes .section-heading-row h2{font-family:var(--font-heading);letter-spacing:-.015em}
.affiliate-programme-grid{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.affiliate-programme-card{min-height:620px;padding:38px;border-radius:27px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.affiliate-programme-card>span{color:var(--orange);font-size:8px;letter-spacing:.15em}.affiliate-programme-card h3{margin:35px 0 20px;font:800 clamp(38px,4vw,61px)/.96 var(--font-body);letter-spacing:-.06em}.affiliate-programme-card>p{max-width:650px;color:var(--muted);font-size:11px;line-height:1.75}.affiliate-programme-card ul{list-style:none;padding:0;margin:35px 0}.affiliate-programme-card li{padding:13px 0;border-top:1px solid var(--line);font-size:9px;color:#435256}.affiliate-programme-card li::before{content:"↗";margin-right:11px;color:var(--orange)}.affiliate-programme-card .button{margin-top:auto}.affiliate-programme-card--boost{background:#071719;color:#fff;border-color:#071719}.affiliate-programme-card--boost>p,.affiliate-programme-card--boost li{color:rgba(255,255,255,.55)}.affiliate-programme-card--boost li{border-color:rgba(255,255,255,.12)}

.affiliate-how-it-works{padding:clamp(95px,9vw,145px) 0;background:#071719;color:#fff}.affiliate-how-it-works__heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:end}.affiliate-how-it-works__heading h2{margin:18px 0 0;font:400 clamp(54px,6vw,90px)/.93 var(--font-heading)}.affiliate-how-it-works__heading p{margin:0;color:rgba(255,255,255,.54);font-size:11px;line-height:1.75;max-width:680px}.affiliate-step-grid{margin-top:60px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.affiliate-step-grid article{min-height:280px;padding:24px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column}.affiliate-step-grid span{color:var(--orange);font-size:8px}.affiliate-step-grid h3{margin:auto 0 14px;font:800 25px/1 var(--font-body);letter-spacing:-.04em}.affiliate-step-grid p{margin:0;color:rgba(255,255,255,.48);font-size:8px;line-height:1.65}

.affiliate-commission-section{padding:clamp(95px,9vw,145px) 0;background:#dce9e7}.affiliate-commission-section__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:start}.affiliate-commission-copy{position:sticky;top:115px}.affiliate-commission-copy h2{margin:18px 0 24px;font:800 clamp(48px,5.5vw,80px)/.94 var(--font-body);letter-spacing:-.06em}.affiliate-commission-copy>p{color:var(--muted);font-size:10px;line-height:1.75}.affiliate-payment-note{margin-top:30px;padding:24px;border-radius:20px;background:#071719;color:#fff}.affiliate-payment-note b{display:block;margin-bottom:14px}.affiliate-payment-note span{display:block;padding:11px 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.52);font-size:8px}.affiliate-rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.affiliate-rate-grid article{min-height:330px;padding:28px;border-radius:22px;background:#fff;border:1px solid rgba(7,23,25,.10);display:flex;flex-direction:column}.affiliate-rate-grid span{color:var(--orange);font-size:7px;letter-spacing:.14em}.affiliate-rate-grid strong{margin:auto 0 18px;font:400 clamp(58px,6vw,86px)/.9 var(--font-heading);color:var(--teal)}.affiliate-rate-grid p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.affiliate-rate-grid__boost{background:#050505!important;color:#fff;border-color:#050505!important}.affiliate-rate-grid__boost strong{color:var(--orange)}.affiliate-rate-grid__boost p{color:rgba(255,255,255,.55)}

.affiliate-promote-section{padding:clamp(95px,9vw,145px) 0;background:#f4f1ea}.affiliate-service-grid{margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.affiliate-service-grid a{min-height:300px;padding:25px;border-radius:21px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.affiliate-service-grid a:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(255,138,31,.45)}.affiliate-service-grid span{color:var(--orange);font-size:8px}.affiliate-service-grid h3{margin:auto 0 14px;font:800 25px/1.02 var(--font-body);letter-spacing:-.045em}.affiliate-service-grid p{margin:0;color:var(--muted);font-size:8px;line-height:1.7}

.affiliate-resources-section{padding:clamp(95px,9vw,150px) 0;background:#071719;color:#fff}.affiliate-resources-section__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}.affiliate-resource-visual{min-height:650px;padding:18px;border-radius:28px;background-image:linear-gradient(180deg,rgba(3,20,23,.12),rgba(3,20,23,.82)),url("assets/service-map-photo.webp");background-size:cover;background-position:center;box-shadow:0 35px 90px rgba(0,0,0,.34);display:flex;align-items:flex-end}.affiliate-resource-window{width:100%;padding:24px;border-radius:19px;background:rgba(4,28,31,.88);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px);display:grid;grid-template-columns:1fr 1fr;gap:10px}.affiliate-resource-window>div{grid-column:1/-1;display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font:7px monospace}.affiliate-resource-window>div i{color:#70e7af;font-style:normal}.affiliate-resource-window article{min-height:165px;padding:20px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.affiliate-resource-window small{color:var(--orange);font-size:6px;letter-spacing:.13em}.affiliate-resource-window strong{margin:auto 0 8px;font-size:17px}.affiliate-resource-window article span{color:rgba(255,255,255,.42);font-size:7px;line-height:1.5}.affiliate-resources-copy h2{margin:18px 0 25px;font:400 clamp(54px,5.8vw,84px)/.94 var(--font-heading)}.affiliate-resources-copy>p{color:rgba(255,255,255,.55);font-size:11px;line-height:1.75}.affiliate-resources-copy ul{list-style:none;padding:0;margin:30px 0}.affiliate-resources-copy li{padding:14px 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.53);font-size:9px}.affiliate-resources-copy li::before{content:"↗";color:var(--orange);margin-right:11px}

.affiliate-join-section{padding:clamp(95px,9vw,150px) 0;background:#eee8de}.affiliate-join-heading{max-width:900px}.affiliate-join-heading h2{margin:18px 0 24px;font:800 clamp(55px,6vw,90px)/.93 var(--font-body);letter-spacing:-.065em}.affiliate-join-heading p{max-width:710px;color:var(--muted);font-size:11px;line-height:1.75}.affiliate-form-shell{margin-top:55px;border-radius:28px;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 30px 80px rgba(7,23,25,.10)}.affiliate-form-tabs{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#071719}.affiliate-form-tabs button{min-height:58px;padding:0 18px;border:0;border-radius:17px;background:transparent;color:rgba(255,255,255,.48);font-weight:800;cursor:pointer}.affiliate-form-tabs button.is-active{background:var(--orange);color:#071719}.affiliate-form-panel{padding:38px}.affiliate-form-panel[hidden]{display:none!important}.affiliate-form-intro{display:grid;grid-template-columns:.35fr 1fr;gap:30px;align-items:end;margin-bottom:35px}.affiliate-form-intro>span{color:var(--orange);font-size:8px;letter-spacing:.15em}.affiliate-form-intro h3{margin:0;font:800 clamp(37px,4vw,58px)/.98 var(--font-body);letter-spacing:-.055em}.affiliate-form-intro p{grid-column:2;color:var(--muted);font-size:10px;line-height:1.7;margin:0}.affiliate-application-form{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}.affiliate-application-form label{display:flex;flex-direction:column;gap:9px}.affiliate-application-form label>span{font-size:11px;font-weight:800}.affiliate-application-form input,.affiliate-application-form textarea,.affiliate-application-form select{width:100%;min-height:56px;padding:14px 16px;border:1px solid rgba(7,23,25,.16);border-radius:14px;background:#f7f4ed;color:#071719;font:500 13px/1.5 var(--font-body)}.affiliate-application-form textarea{min-height:155px;resize:vertical}.affiliate-application-form input:focus,.affiliate-application-form textarea:focus,.affiliate-application-form select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,138,31,.12);background:#fffaf3}.affiliate-form-full{grid-column:1/-1}.affiliate-check{padding:15px 17px;border-radius:15px;background:#f7f4ed;border:1px solid rgba(7,23,25,.10);display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px!important}.affiliate-check input{width:18px!important;min-width:18px!important;height:18px;min-height:18px!important;padding:0!important;margin-top:3px}.affiliate-check span{font-weight:500!important;color:rgba(7,23,25,.68);line-height:1.55}.affiliate-application-form .button{width:100%;justify-content:space-between}.affiliate-form-status{min-height:45px;margin:0;padding:13px 16px;border-radius:13px;background:#f3eee6;color:#526164;font-size:10px;line-height:1.55}.affiliate-shortcode-note{margin-top:24px;padding:20px;border-radius:16px;background:#dce9e7;display:grid;grid-template-columns:auto auto 1fr;gap:15px;align-items:center}.affiliate-shortcode-note span{color:var(--orange);font-size:7px;letter-spacing:.14em}.affiliate-shortcode-note code{padding:8px 11px;border-radius:8px;background:#071719;color:#70e7af;font-size:9px}.affiliate-shortcode-note small{color:var(--muted);font-size:8px;line-height:1.55}

.affiliate-terms-section{padding:clamp(95px,9vw,145px) 0;background:#dce9e7}.affiliate-terms-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:end}.affiliate-terms-heading h2{margin:18px 0 0;font:400 clamp(55px,6vw,88px)/.93 var(--font-heading)}.affiliate-terms-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.affiliate-terms-grid{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.affiliate-terms-grid article{min-height:300px;padding:25px;border-radius:21px;background:#fff;border:1px solid rgba(7,23,25,.10);display:flex;flex-direction:column}.affiliate-terms-grid span{color:var(--orange);font-size:8px}.affiliate-terms-grid h3{margin:auto 0 14px;font:800 26px/1.02 var(--font-body);letter-spacing:-.045em}.affiliate-terms-grid p{margin:0;color:var(--muted);font-size:8px;line-height:1.7}

.affiliate-faq{padding:clamp(95px,8vw,135px) 0;background:#f1ece3}.affiliate-faq__inner{display:grid;grid-template-columns:minmax(320px,.66fr) minmax(0,1.1fr);gap:7vw;align-items:start}.affiliate-faq__heading{position:sticky;top:110px;padding:38px;border-radius:25px;background:#071719;color:#fff}.affiliate-faq__heading h2{margin:18px 0 22px;font:800 clamp(48px,5vw,72px)/.96 var(--font-body);letter-spacing:-.06em}.affiliate-faq__heading p{color:rgba(255,255,255,.54);font-size:10px;line-height:1.7}.affiliate-faq__heading .button{margin-top:20px}.affiliate-faq__list{border-top:1px solid var(--line)}.affiliate-faq__list details{border-bottom:1px solid var(--line)}.affiliate-faq__list summary{min-height:94px;padding:18px 8px;list-style:none;display:grid;grid-template-columns:1fr 42px;gap:18px;align-items:center;cursor:pointer}.affiliate-faq__list summary::-webkit-details-marker{display:none}.affiliate-faq__list summary span{font-size:17px;font-weight:800}.affiliate-faq__list summary i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--orange);font-style:normal;font-size:18px}.affiliate-faq__list details[open] summary i{transform:rotate(45deg)}.affiliate-faq__list details p{margin:0;padding:0 62px 28px 8px;color:var(--muted);font-size:10px;line-height:1.75}.affiliate-final-cta{background-image:linear-gradient(90deg,rgba(4,22,25,.97),rgba(4,22,25,.75)),url("assets/contact-workspace-photo.webp");background-size:cover;background-position:center}

@media(max-width:1180px){
  .affiliate-hero__inner,.affiliate-resources-section__inner,.affiliate-commission-section__inner{grid-template-columns:1fr}
  .affiliate-dashboard{max-width:800px}.affiliate-commission-copy{position:static}.affiliate-step-grid{grid-template-columns:repeat(3,1fr)}.affiliate-service-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .affiliate-programme-grid,.affiliate-rate-grid,.affiliate-form-intro,.affiliate-terms-heading,.affiliate-how-it-works__heading{grid-template-columns:1fr}.affiliate-step-grid{grid-template-columns:repeat(2,1fr)}.affiliate-service-grid{grid-template-columns:repeat(2,1fr)}.affiliate-terms-grid{grid-template-columns:repeat(2,1fr)}.affiliate-faq__inner{grid-template-columns:1fr}.affiliate-faq__heading{position:static}.affiliate-form-intro p{grid-column:auto}.affiliate-shortcode-note{grid-template-columns:1fr}.affiliate-programme-card{min-height:auto}.affiliate-programme-card .button{margin-top:25px}
}
@media(max-width:700px){
  .affiliate-hero__photo{background-image:linear-gradient(180deg,rgba(3,19,22,.96),rgba(3,19,22,.78)),url("assets/hero-workspace-mobile.webp");background-position:center top}.affiliate-hero__inner{min-height:auto;padding:78px 5vw 90px;grid-template-columns:1fr}.affiliate-hero h1{font-size:51px}.affiliate-hero__proof{grid-template-columns:1fr}.affiliate-dashboard__summary,.affiliate-dashboard__stats{grid-template-columns:1fr}.affiliate-programmes__inner,.affiliate-how-it-works__inner,.affiliate-promote-section__inner,.affiliate-join-section__inner,.affiliate-terms-section__inner,.affiliate-faq__inner,.affiliate-commission-section__inner,.affiliate-resources-section__inner{padding-left:5vw;padding-right:5vw}.affiliate-programme-card,.affiliate-form-panel{padding:25px}.affiliate-programme-card h3{font-size:41px}.affiliate-step-grid,.affiliate-service-grid,.affiliate-terms-grid,.affiliate-resource-window,.affiliate-application-form{grid-template-columns:1fr}.affiliate-form-tabs{grid-template-columns:1fr}.affiliate-form-full{grid-column:auto}.affiliate-rate-grid{grid-template-columns:1fr}.affiliate-resource-visual{min-height:520px}.affiliate-resources-copy h2,.affiliate-terms-heading h2,.affiliate-how-it-works__heading h2{font-size:50px}.affiliate-join-heading h2{font-size:50px}.affiliate-shortcode-note{display:none}.affiliate-faq__list summary span{font-size:15px}.affiliate-faq__list details p{padding-right:10px}.affiliate-dashboard__activity div{align-items:flex-start;flex-direction:column;gap:7px}
}


/* --- Legal pages --- */
.legal-page{background:#f2eee6;color:var(--ink)}
.legal-hero{padding:clamp(105px,11vw,170px) 0 95px;background-image:linear-gradient(90deg,rgba(3,21,24,.96),rgba(3,21,24,.76)),url("assets/hero-workspace-desktop.webp");background-size:cover;background-position:center;color:#fff}
.legal-hero__inner{max-width:var(--max);margin:auto;padding:0 4vw;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);gap:8vw;align-items:end}
.legal-hero h1{max-width:920px;margin:25px 0 28px;font:800 clamp(58px,7vw,108px)/.88 var(--font-body);letter-spacing:-.07em}
.legal-hero p{max-width:760px;color:rgba(255,255,255,.65);font-size:12px;line-height:1.8}
.legal-meta{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:max-content 1fr;gap:9px 25px;font-size:9px}.legal-meta span{color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.12em}.legal-meta strong,.legal-meta a{color:#fff}
.legal-toc{padding:27px;border-radius:23px;background:rgba(3,27,30,.84);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(16px)}.legal-toc>span{display:block;margin-bottom:15px;color:#70e7af;font-size:7px;letter-spacing:.14em}.legal-toc a{padding:11px 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:30px 1fr;gap:12px;color:rgba(255,255,255,.73);font-size:9px;line-height:1.45}.legal-toc a span{color:var(--orange);font:7px monospace}
.legal-notice{max-width:var(--max);margin:35px auto 0;padding:22px 4vw;color:#5e5145;font-size:10px;line-height:1.7}.legal-notice strong{color:var(--ink)}
.legal-content{padding:55px 0 clamp(100px,10vw,160px)}.legal-content__inner{max-width:var(--max);margin:auto;padding:0 4vw}
.legal-article{padding:45px 0;border-top:1px solid rgba(7,23,25,.16);display:grid;grid-template-columns:90px minmax(0,920px);gap:45px;justify-content:center;scroll-margin-top:110px}.legal-number{padding-top:8px;color:var(--orange);font:800 10px monospace;letter-spacing:.12em}.legal-article h2{margin:0 0 22px;font:800 clamp(31px,3vw,48px)/1 var(--font-body);letter-spacing:-.045em}.legal-article p,.legal-article li{color:#536164;font-size:11px;line-height:1.82}.legal-article ul{margin:22px 0;padding:0;list-style:none}.legal-article li{padding:12px 0 12px 25px;border-top:1px solid rgba(7,23,25,.1);position:relative}.legal-article li:before{content:"↗";position:absolute;left:0;color:var(--orange)}.legal-callout{margin:25px 0;padding:24px;border-radius:18px;background:#dce9e7;border-left:4px solid var(--orange)}.legal-callout strong{display:block;margin-bottom:8px}.legal-callout p{margin:0}.legal-final{margin-top:0}
.affiliate-check a,.spin-check a{color:var(--orange);text-decoration:underline}
@media(max-width:900px){.legal-hero__inner{grid-template-columns:1fr}.legal-toc{max-width:720px}.legal-article{grid-template-columns:50px minmax(0,1fr);gap:20px}}
@media(max-width:620px){.legal-hero{background-image:linear-gradient(180deg,rgba(3,21,24,.95),rgba(3,21,24,.83)),url("assets/hero-workspace-mobile.webp");background-position:center top}.legal-hero__inner,.legal-content__inner{padding-left:5vw;padding-right:5vw}.legal-hero h1{font-size:50px}.legal-article{grid-template-columns:1fr;gap:8px;padding:35px 0}.legal-number{padding:0}.legal-article h2{font-size:32px}}

/* WordPress integration */
.admin-bar .site-header{top:32px}.wp-caption,.gallery-caption{max-width:100%}.alignwide{width:min(1200px,92vw);margin-left:auto;margin-right:auto}.alignfull{width:100%;margin-left:0;margin-right:0}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;background:#fff;color:#071719;padding:12px;z-index:100000}.current-menu-item>a,.current_page_item>a{color:var(--orange)}
.ttdc-content-shell{max-width:var(--max);margin:auto;padding:clamp(70px,8vw,120px) 4vw}.ttdc-content-shell h1{font:800 clamp(48px,6vw,88px)/.94 var(--font-body);letter-spacing:-.065em}.ttdc-content-shell h2{font:400 clamp(36px,4vw,62px)/.98 var(--font-heading)}.ttdc-content-shell p,.ttdc-content-shell li{line-height:1.75}.ttdc-page-hero{padding:clamp(90px,10vw,150px) 0;background-image:linear-gradient(90deg,rgba(3,21,24,.95),rgba(3,21,24,.66)),url("assets/images/hero-workspace-desktop.webp");background-size:cover;background-position:center;color:#fff}.ttdc-page-hero__inner{max-width:var(--max);margin:auto;padding:0 4vw}.ttdc-page-hero h1{max-width:1050px;margin:22px 0;font:800 clamp(55px,7vw,104px)/.9 var(--font-body);letter-spacing:-.068em}.ttdc-page-hero p{max-width:760px;color:rgba(255,255,255,.64);line-height:1.75}.ttdc-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ttdc-card{display:flex;flex-direction:column;min-height:390px;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(7,23,25,.06)}.ttdc-card--dark{background:#071719;color:#fff}.ttdc-card__image{aspect-ratio:16/10;margin:-14px -14px 24px;border-radius:18px;overflow:hidden;background:#dce9e7}.ttdc-card__image img{width:100%;height:100%;object-fit:cover}.ttdc-card small{color:var(--orange);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.ttdc-card h2,.ttdc-card h3{margin:20px 0 12px;font:800 30px/1 var(--font-body);letter-spacing:-.045em}.ttdc-card p{color:var(--muted);font-size:11px;line-height:1.7}.ttdc-card--dark p{color:rgba(255,255,255,.58)}.ttdc-card__meta{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);font-size:9px}.ttdc-card--dark .ttdc-card__meta{border-color:rgba(255,255,255,.14)}.ttdc-single-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:6vw;align-items:start}.ttdc-single-sidebar{position:sticky;top:120px;padding:28px;border-radius:22px;background:#071719;color:#fff}.ttdc-single-sidebar div{padding:14px 0;border-top:1px solid rgba(255,255,255,.13)}.ttdc-single-sidebar small,.ttdc-single-sidebar strong{display:block}.ttdc-single-sidebar small{color:rgba(255,255,255,.45);font-size:8px;letter-spacing:.12em}.ttdc-single-sidebar strong{margin-top:6px}.ttdc-shortcode-page{padding:clamp(65px,7vw,105px) 0;background:#f4f1ea}.ttdc-shortcode-wrap{max-width:var(--max);margin:auto;padding:0 4vw}.ttdc-plugin-missing{padding:30px;border-radius:20px;background:#fff3e6;border:1px solid rgba(255,138,31,.4)}.ttdc-wc-section{padding:70px 0;border-top:1px solid var(--line)}.ttdc-wc-section h2{font:400 clamp(43px,5vw,72px)/.95 var(--font-heading)}.woocommerce ul.products li.product{padding:14px!important;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 40px rgba(7,23,25,.06)}.woocommerce ul.products li.product .button{background:var(--orange);color:var(--ink);border-radius:999px}.woocommerce div.product{max-width:var(--max);margin:60px auto;padding:0 4vw}.ttdc-legal-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:6vw}.ttdc-legal-nav{position:sticky;top:115px;align-self:start;padding:22px;border-radius:18px;background:#071719;color:#fff}.ttdc-legal-nav a{display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.12);font-size:10px}.ttdc-legal-content{max-width:900px}.ttdc-legal-content h2{margin-top:58px}.ttdc-legal-content h3{margin-top:34px}.ttdc-legal-content a{color:var(--teal);text-decoration:underline}.ttdc-empty{padding:40px;border-radius:20px;background:#fff;border:1px dashed var(--line)}
@media(max-width:1024px){.ttdc-archive-grid{grid-template-columns:repeat(2,1fr)}.ttdc-single-grid,.ttdc-legal-layout{grid-template-columns:1fr}.ttdc-single-sidebar,.ttdc-legal-nav{position:static}.admin-bar .site-header{top:46px}}
@media(max-width:620px){.ttdc-archive-grid{grid-template-columns:1fr}.ttdc-page-hero{background-image:linear-gradient(180deg,rgba(3,21,24,.94),rgba(3,21,24,.78)),url("assets/images/hero-workspace-mobile.webp")}.ttdc-page-hero h1{font-size:48px}.ttdc-content-shell{padding-left:5vw;padding-right:5vw}}
.main-nav{list-style:none;margin-top:0;margin-bottom:0;padding-left:0}.main-nav li{list-style:none;margin:0;padding:0}.brand .custom-logo-link{display:block;width:100%}

/* =========================================================
   WORDPRESS V1.1 — APPROVED-DESIGN + LIVE PLUGIN INTEGRATION
   ========================================================= */
.ttdc-live-spin{max-width:var(--max);margin:auto;padding:clamp(30px,4vw,58px) 4vw clamp(85px,8vw,130px)}
.ttdc-live-spin .ttsw-wrap{margin:0}
.brand-builder-shortcode-slot .ttbb-wrap,.brand-builder-shortcode-slot .ttbb-builder{max-width:none;margin:0}
.booking-plugin-placeholder .ttdc-live-booking{width:100%;min-height:440px;padding:14px}
.testimonial-gallery .ttsw-testimonials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
.testimonial-gallery .ttsw-testimonials figure{margin:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.testimonial-gallery .ttsw-testimonials img{width:100%;height:auto}
.claim-form-section__inner>.ttsw-claim{min-width:0}
.affiliate-form-panel>.ttas-section,.affiliate-form-panel>.ttas-boost{margin:0}
.woocommerce-shortcode-slot ul.products{margin:0!important}
.woocommerce-shortcode-slot{min-height:0!important}
.woocommerce-shortcode-slot:has(ul.products){padding:0!important;background:transparent!important;border:0!important}
.ttpa-root{font-family:var(--font-body)!important}
.ttpa-floating{z-index:9999999!important}
.ttpa-launcher{font-family:var(--font-body)!important}
.ttpa-panel{font-family:var(--font-body)!important}
@media(max-width:720px){.testimonial-gallery .ttsw-testimonials{grid-template-columns:1fr}.ttdc-live-spin{padding-left:5vw;padding-right:5vw}.brand-builder-shortcode-slot{padding:10px}}

/* =========================================================
   WORDPRESS V1.2 — MOBILE HEADER, NAVIGATION & ROUTING FIXES
   ========================================================= */
@media (max-width: 920px) {
  .campaign-bar__content{
    min-height:42px;
    padding:8px 16px;
    justify-content:flex-start;
    gap:10px;
  }
  .campaign-bar p{
    min-width:0;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    line-height:1.25;
  }
  .campaign-bar p strong{
    display:block!important;
    font-size:9px;
    letter-spacing:.01em;
  }
  .campaign-bar a{display:none!important}
  .live-dot{flex:0 0 7px}
  .site-header,.site-header.scrolled{height:72px}
  .header-inner{
    grid-template-columns:minmax(0,1fr) auto;
    padding:0 18px;
    gap:14px;
  }
  .brand{
    width:min(174px,58vw)!important;
    height:48px;
    overflow:visible;
  }
  .brand img{width:100%;height:auto;object-fit:contain}
  .menu-toggle{width:46px;height:46px;flex:0 0 46px;z-index:10002}
  .main-nav{
    position:fixed!important;
    top:var(--ttdc-menu-top,72px)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - var(--ttdc-menu-top,72px));
    padding:22px 20px 36px!important;
    margin:0!important;
    background:rgba(244,241,234,.985)!important;
    backdrop-filter:blur(18px);
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    transform:translateX(105%)!important;
    opacity:0;
    visibility:hidden;
    transition:transform .28s ease,opacity .2s ease,visibility .2s ease;
    box-shadow:0 30px 60px rgba(7,23,25,.12);
    z-index:10001!important;
  }
  .main-nav.open{
    transform:translateX(0)!important;
    opacity:1;
    visibility:visible;
  }
  .main-nav li{display:block!important;width:100%!important}
  .main-nav a{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:56px;
    padding:13px 4px!important;
    border-bottom:1px solid rgba(7,23,25,.12)!important;
    font:800 clamp(20px,5.4vw,27px)/1.1 var(--font-body)!important;
    letter-spacing:-.035em;
    color:var(--ink);
  }
  .main-nav a::after{
    content:'↗'!important;
    position:static!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    background:none!important;
    color:var(--orange);
    font-size:16px;
  }
  body.menu-open{overflow:hidden!important}
}
@media (max-width: 620px) {
  .campaign-bar__content{min-height:40px;padding:7px 14px}
  .campaign-bar p strong{font-size:8.5px}
  .brand{width:min(166px,58vw)!important}
  .hero--coded .hero-inner{padding-top:60px}
}
.campaign-bar__mobile{display:none}
@media(max-width:920px){
  .campaign-bar__desktop{display:none!important}
  .campaign-bar__mobile{display:block!important}
}