:root {
  --ink: #0a0e0c;
  --forest: #10271f;
  --forest-light: #1b3c30;
  --gold: #c8a461;
  --gold-light: #e0c58f;
  --cream: #f3efe6;
  --warm: #e9e2d4;
  --white: #fffdf8;
  --muted: #a8aea9;
  --line: rgba(200, 164, 97, .22);
  --serif: "Playfair Display", Georgia, serif;
  --sans: "DM Sans", Arial, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { font-family: var(--sans); color: var(--ink); background: var(--cream); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; }
section { scroll-margin-top: 88px; }
.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.noise { position: fixed; inset: 0; opacity: .03; pointer-events: none; z-index: 99; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.scroll-progress { position:fixed; z-index:80; top:0; left:0; width:100%; height:2px; transform:scaleX(0); transform-origin:left center; background:linear-gradient(90deg,transparent,var(--gold-light) 18%,#fff1bf 52%,var(--gold) 82%,transparent); box-shadow:0 0 18px rgba(224,197,143,.46); pointer-events:none; }
.cursor-glow { position:fixed; z-index:49; left:0; top:0; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle,rgba(224,197,143,.105),rgba(37,119,82,.07) 38%,transparent 66%); transform:translate3d(-50%,-50%,0); mix-blend-mode:screen; opacity:0; pointer-events:none; transition:opacity .25s ease; will-change:transform; }
.cursor-glow.is-visible { opacity:1; }
.dark-section { color: var(--white); background: var(--ink); }
.light-section { background: var(--cream); }
.warm-section { background: var(--warm); }

.site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 50; height: 88px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 max(24px, calc((100vw - 1320px)/2)); color: var(--white); border-bottom: 1px solid rgba(224,197,143,.11); background:linear-gradient(180deg,rgba(6,12,9,.72),rgba(6,12,9,.38)); transition: .4s ease; }
.site-header::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:linear-gradient(90deg,transparent,rgba(224,197,143,.42) 17%,rgba(255,232,166,.18) 50%,rgba(224,197,143,.35) 82%,transparent); opacity:.55; pointer-events:none; }
.site-header.scrolled { height: 74px; background: rgba(9,14,11,.88); backdrop-filter: blur(18px); box-shadow: 0 12px 40px rgba(0,0,0,.2); }
.brand { display: inline-flex; align-items: center; gap: 14px; justify-self: start; }
.brand-mark { display: grid; place-items: center; width: 62px; height: 62px; overflow:visible; }
.brand-mark img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 8px 18px rgba(0,0,0,.46)); }
.brand-name { font-size: 13px; font-weight: 700; line-height: 1.05; letter-spacing: .14em; }
.brand-name small { display: block; margin-top: 5px; color: var(--gold-light); font-size: 7px; font-weight: 500; letter-spacing: .18em; }
.nav { display: flex; gap: 22px; justify-self: center; }
.nav a { position: relative; color: rgba(255,255,255,.72); font-size: 12px; letter-spacing: .04em; transition: .3s; }
.nav a::after { content:""; position:absolute; left:0; bottom:-8px; width:0; height:1px; background:var(--gold); transition:.3s; }
.nav a:hover { color: var(--white); }
.nav a:hover::after { width: 100%; }
.nav a.is-active { color:var(--white); }
.nav a.is-active::after { width:100%; box-shadow:0 0 12px rgba(224,197,143,.42); }
.header-cta { justify-self: end; }
.menu-toggle { display: none; border: 0; background: transparent; }

.btn { position:relative; overflow:hidden; display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 48px; padding: 0 22px; border: 1px solid transparent; font-size: 12px; font-weight: 700; letter-spacing: .04em; transition: transform .35s ease, box-shadow .35s ease, background .35s ease; isolation:isolate; }
.btn::after { content:""; position:absolute; z-index:0; inset:-1px; background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.46) 45%,transparent 72%); transform:translateX(-120%) skewX(-18deg); opacity:0; transition:transform .74s ease,opacity .35s ease; pointer-events:none; }
.btn:hover::after { transform:translateX(120%) skewX(-18deg); opacity:.85; }
.btn > * { position:relative; z-index:1; }
.btn span { font-size: 18px; font-weight: 400; transition: transform .35s; }
.btn:hover span { transform: translate(3px,-3px); }
.magnetic-ready { will-change:transform; }
.wa-icon { width:20px; height:20px; fill:currentColor; flex:0 0 auto; }
.btn-gold { color: #10140f; background: linear-gradient(135deg, #e3c986, #b78c42); box-shadow: 0 10px 30px rgba(184,141,66,.15); }
.btn-gold:hover { transform: translateY(-2px); box-shadow: 0 16px 42px rgba(200,164,97,.27); }
.btn-large { min-height: 60px; padding: 0 30px; }
.btn-dark { color: var(--white); background: var(--forest); }
.btn-dark:hover { background: var(--forest-light); transform: translateY(-2px); }
.text-link, .arrow-link { display: inline-flex; align-items: center; gap: 15px; font-size: 12px; font-weight: 600; letter-spacing: .04em; }
.text-link { color: rgba(255,255,255,.75); }
.text-link span, .arrow-link span { color: var(--gold); font-size: 18px; transition: .3s; }
.text-link:hover span { transform: translateY(4px); }
.arrow-link { padding-bottom: 8px; border-bottom: 1px solid var(--gold); }
.arrow-link:hover span { transform: translate(3px,-3px); }

.hero { --hero-copy-x:0px; --hero-copy-y:0px; --hero-label-x:0px; --hero-label-y:0px; position: relative; min-height: 760px; height: auto; max-height: none; display: grid; align-items: center; overflow: hidden; background:#050908; }
.hero::before { content:""; position:absolute; z-index:0; inset:0; background:radial-gradient(ellipse at 50% -6%,rgba(177,255,221,.28),transparent 26%),radial-gradient(circle at 50% 45%,rgba(15,69,51,.66),transparent 38%),radial-gradient(circle at 88% 92%,rgba(200,164,97,.16),transparent 28%),linear-gradient(105deg,#030605 0%,#08120f 50%,#06100d 100%); pointer-events:none; }
.hero::after { content:""; position:absolute; z-index:1; inset:0; background:radial-gradient(ellipse at 50% 32%,transparent 0%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.52) 100%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.46)); pointer-events:none; }
.hero-grid { position:absolute; z-index:1; inset:0; opacity:.42; background:repeating-linear-gradient(to bottom,transparent 0 68px,rgba(224,197,143,.14) 69px,transparent 70px),repeating-linear-gradient(to right,transparent 0 94px,rgba(224,197,143,.055) 95px,transparent 96px),linear-gradient(90deg,transparent 0%,rgba(224,197,143,.2) 18%,rgba(224,197,143,.08) 56%,transparent 100%); mask-image:linear-gradient(90deg,rgba(0,0,0,.52),black 18%,black 76%,transparent); animation:gridDrift 16s linear infinite; }
.hero-scan { position:absolute; z-index:1; inset:-40% -10%; background:linear-gradient(115deg,transparent 42%,rgba(224,197,143,.08) 48%,rgba(90,221,145,.08) 50%,transparent 57%); transform:translateX(-36%); animation:heroScan 7.2s ease-in-out infinite; pointer-events:none; }
.hero-stars { position:absolute; z-index:1; inset:0; opacity:.72; background-image:radial-gradient(circle,rgba(255,255,255,.82) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(224,197,143,.55) 0 1px,transparent 1.5px); background-size:170px 120px,260px 190px; background-position:22px 18px,120px 86px; animation:starFloat 28s linear infinite; mask-image:radial-gradient(ellipse at 50% 34%,black 0%,rgba(0,0,0,.7) 40%,transparent 78%); pointer-events:none; }
.hero-glow { position:absolute; z-index:1; border-radius:50%; filter:blur(3px); }
.glow-one { width:550px; height:550px; right:3%; top:10%; background:radial-gradient(circle,rgba(204,164,91,.12),transparent 68%); }
.glow-two { width:320px; height:320px; left:-12%; bottom:-10%; background:radial-gradient(circle,rgba(27,87,65,.23),transparent 68%); }
.hero-layout { position:relative; z-index:2; display:grid; grid-template-columns:1fr; place-items:center; padding-top:74px; }
.hero-copy { position:relative; z-index:3; isolation:isolate; width:min(1010px,100%); max-width:1010px; padding:0 0 8px; text-align:center; transform:translate3d(var(--hero-copy-x),var(--hero-copy-y),0); transition:transform .45s ease-out; }
.hero-copy::before { content:""; position:absolute; z-index:-1; left:50%; top:52%; width:min(960px,92vw); height:430px; border-radius:50%; background:radial-gradient(ellipse,rgba(5,10,8,.72),rgba(5,10,8,.36) 50%,transparent 72%); filter:blur(18px); transform:translate(-50%,-50%); pointer-events:none; }
.eyebrow { display:flex; align-items:center; gap:12px; color:var(--gold-light); font-size:10px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; }
.eyebrow span { width:38px; height:1px; background:var(--gold); }
.eyebrow.dark { color:#665432; }
.hero-city { justify-content:center; color:var(--gold-light); font-size:12px; letter-spacing:.34em; gap:10px; }
.hero-city span { width:0; display:none; }
.hero-city strong { position:relative; display:inline-block; margin-left:4px; color:var(--white); font:500 28px/.86 "Bodoni Moda", "Playfair Display", Georgia, serif; letter-spacing:.01em; text-transform:none; text-shadow:0 0 22px rgba(224,197,143,.22); animation:cityGlow 5.5s ease-in-out infinite; }
.hero-city strong::after { content:""; position:absolute; left:0; right:0; bottom:-5px; height:1px; background:linear-gradient(90deg,var(--gold-light),transparent); box-shadow:0 0 18px rgba(224,197,143,.32); }
.hero h1 { max-width:960px; margin:10px auto 20px; font:500 clamp(50px,5.8vw,88px)/.97 var(--serif); letter-spacing:-.055em; text-wrap:balance; }
h1 em, h2 em { color:var(--gold-light); font-weight:500; }
.hero-lead { max-width:760px; margin:0 auto; color:rgba(255,255,255,.8); font-size:clamp(15px,1.32vw,20px); line-height:1.65; text-wrap:balance; }
.hero-lead strong { color:var(--white); font-weight:800; }
.hero-service { display:flex; align-items:center; justify-content:center; gap:9px; margin:0 auto 21px; padding:9px 17px; width:max-content; max-width:100%; color:#15120b; background:linear-gradient(135deg,#f3dda0 0%,#d4ad60 54%,#b78538 100%); border:1px solid rgba(255,239,181,.66); border-radius:999px; box-shadow:0 17px 42px rgba(200,164,97,.2),0 0 0 4px rgba(224,197,143,.035),inset 0 1px 0 rgba(255,255,255,.62); font-size:11px; font-weight:900; line-height:1; letter-spacing:.16em; text-transform:uppercase; }
.hero-service::before { content:""; width:5px; height:5px; flex:0 0 auto; border-radius:50%; background:#3f3218; box-shadow:0 0 0 3px rgba(63,50,24,.11); }
.hero-lead-copy { display:block; max-width:790px; margin:0 auto; }
.hero-signature { margin:20px auto 0; color:rgba(255,255,255,.34); font-size:10px; font-weight:900; letter-spacing:.42em; text-transform:uppercase; }
.hero-signature span { color:var(--gold-light); }
.hero-actions { display:flex; align-items:center; justify-content:center; gap:28px; margin-top:32px; }
.hero-actions .btn-large { min-width:340px; min-height:68px; font-size:17px; gap:20px; box-shadow:0 20px 60px rgba(200,164,97,.25),inset 0 1px 0 rgba(255,255,255,.48); }
.hero-actions .wa-icon { width:30px; height:30px; }
.hero-seals { display:flex; flex-wrap:wrap; gap:18px; margin-top:38px; padding-top:22px; border-top:1px solid rgba(255,255,255,.09); }
.hero-seals span { display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.52); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.hero-seals i { width:5px; height:5px; border-radius:50%; background:var(--gold); box-shadow:0 0 10px var(--gold); }
.hero-art { position:absolute; z-index:1; inset:0; display:grid; place-items:center; pointer-events:none; perspective:1200px; }
.hero-art::before { content:""; position:absolute; left:42%; top:52%; width:min(980px,82vw); height:min(390px,34vw); border-radius:50%; background:radial-gradient(ellipse,rgba(224,197,143,.11),transparent 62%); filter:blur(12px); transform:translate(-50%,-50%); opacity:.86; }
.orbit { position:absolute; border:1px solid rgba(200,164,97,.16); border-radius:50%; transform:rotateX(67deg) rotateZ(-15deg); }
.orbit-one { width:min(760px,70vw); height:min(760px,70vw); animation:orbit 28s linear infinite; }
.orbit-two { width:min(560px,52vw); height:min(560px,52vw); border-style:dashed; animation:orbit 22s linear reverse infinite; }
.parrot-logo-stage { position:absolute; z-index:1; left:0; top:51%; width:clamp(920px,62vw,1180px); opacity:.27; transform-style:preserve-3d; transition:filter .35s ease; animation:spaceLogoDrift 25s ease-in-out infinite alternate; will-change:transform; }
.parrot-logo-stage::before { content:""; position:absolute; inset:10% 7% 7%; border-radius:50%; background:conic-gradient(from 120deg,transparent,rgba(224,197,143,.24),transparent 35%,transparent 65%,rgba(224,197,143,.14),transparent); filter:blur(.2px); opacity:.55; animation:haloTurn 24s linear infinite; transform:translateZ(-40px); }
.parrot-logo-stage::after { content:""; position:absolute; inset:22% 10% 20%; background:linear-gradient(110deg,transparent 20%,rgba(255,242,198,.22) 47%,transparent 70%); mix-blend-mode:screen; transform:translateX(-55%) rotate(-8deg); animation:logoSheen 5.8s ease-in-out infinite; pointer-events:none; }
.parrot-logo-stage:hover { filter:drop-shadow(0 0 28px rgba(224,197,143,.22)); }
.parrot-logo { position:relative; z-index:2; display:block; width:100%; filter:drop-shadow(0 44px 54px rgba(0,0,0,.78)) drop-shadow(0 0 38px rgba(224,197,143,.18)); transform:rotateY(-10deg) rotateX(4deg); }
.logo-line { position:absolute; z-index:1; left:3%; width:94%; height:1px; background:linear-gradient(90deg,transparent,rgba(224,197,143,.62),transparent); box-shadow:0 0 22px rgba(224,197,143,.22); transform:translateZ(18px); }
.logo-line-one { top:38%; animation:goldScan 5.5s ease-in-out infinite; }
.logo-line-two { top:62%; opacity:.64; animation:goldScan 6.8s ease-in-out infinite reverse; }
.logo-shadow { position:absolute; bottom:54px; width:370px; height:54px; border-radius:50%; background:rgba(0,0,0,.76); filter:blur(24px); }
.art-label { position:absolute; z-index:2; max-width:180px; padding:11px 14px; border:1px solid rgba(224,197,143,.16); border-radius:14px; background:rgba(10,15,12,.36); backdrop-filter:blur(13px); box-shadow:0 16px 45px rgba(0,0,0,.25); opacity:.74; transform:translate3d(var(--hero-label-x),var(--hero-label-y),0); transition:transform .45s ease-out, border-color .35s ease, opacity .35s ease; }
.hero:hover .art-label { opacity:.9; border-color:rgba(224,197,143,.34); }
.art-label small { display:block; color:var(--gold); font-size:8px; letter-spacing:.2em; margin-bottom:5px; }
.art-label strong { font-size:11px; font-weight:500; }
.label-top { right:4.5%; top:36%; }
.label-bottom { left:5%; bottom:18%; }
.label-mid { right:5.5%; bottom:17%; }
.art-caption { display:none; }
.art-caption span { color:var(--gold); }
.scroll-cue { position:absolute; z-index:5; left:50%; bottom:42px; transform:translateX(-50%); display:flex; align-items:center; gap:12px; padding:10px 14px; color:rgba(255,255,255,.52); background:rgba(4,8,6,.45); border:1px solid rgba(224,197,143,.12); border-radius:999px; backdrop-filter:blur(12px); font-size:8px; letter-spacing:.15em; text-transform:uppercase; }
.scroll-cue span { width:1px; height:30px; background:linear-gradient(var(--gold),transparent); animation:scroll 2s infinite; }
@keyframes orbit { to { transform:rotateX(67deg) rotateZ(345deg); } }
@keyframes gridDrift { to { background-position:0 140px, 192px 0, 0 0; } }
@keyframes heroScan { 0%,22% { transform:translateX(-46%); opacity:0; } 38% { opacity:1; } 64%,100% { transform:translateX(42%); opacity:0; } }
@keyframes claimSheen { 0%,52% { left:-35%; opacity:0; } 62% { opacity:.8; } 78%,100% { left:120%; opacity:0; } }
@keyframes starFloat { to { background-position:192px 94px, -140px 160px; } }
@keyframes spaceLogoDrift { 0% { transform:translate3d(-58%,-50%,-120px) rotateZ(-8deg) rotateY(-16deg) scale(1); } 50% { transform:translate3d(-38%,-52%,-120px) rotateZ(-4deg) rotateY(-6deg) scale(1.045); } 100% { transform:translate3d(-18%,-49%,-120px) rotateZ(2deg) rotateY(10deg) scale(1.02); } }
@keyframes logoFloat { 0%,100% { transform:translate3d(0,0,0) rotateY(-3deg); } 50% { transform:translate3d(0,-14px,0) rotateY(3deg); } }
@keyframes goldScan { 0%,100% { opacity:.18; transform:translate3d(-24px,0,-80px) scaleX(.82); } 50% { opacity:.8; transform:translate3d(24px,0,-80px) scaleX(1); } }
@keyframes haloTurn { to { transform:translateZ(-40px) rotate(360deg); } }
@keyframes logoSheen { 0%,45% { transform:translateX(-70%) rotate(-8deg); opacity:0; } 55% { opacity:.55; } 74%,100% { transform:translateX(70%) rotate(-8deg); opacity:0; } }
@keyframes scroll { 50% { transform:scaleY(.5); transform-origin:bottom; } }
@keyframes cityGlow { 0%,100% { text-shadow:0 0 18px rgba(224,197,143,.18); } 50% { text-shadow:0 0 28px rgba(224,197,143,.42),0 0 60px rgba(224,197,143,.12); } }

.metrics { position:relative; padding:38px 0 40px; color:var(--white); background:radial-gradient(circle at 86% 120%,rgba(205,153,67,.52),transparent 31%),radial-gradient(circle at 24% 0%,rgba(44,99,72,.52),transparent 42%),linear-gradient(180deg,#10281f 0%,#153327 44%,#10251d 72%,#07100d 100%); border-top:1px solid rgba(224,197,143,.42); border-bottom:1px solid rgba(224,197,143,.24); box-shadow:inset 0 1px 0 rgba(255,239,181,.14),inset 0 -34px 58px rgba(0,0,0,.32); overflow:hidden; }
.metrics::before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,rgba(224,197,143,.18) 16%,rgba(255,235,172,.78) 52%,rgba(224,197,143,.2) 84%,transparent); box-shadow:0 0 28px rgba(224,197,143,.26); }
.metrics::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:72px; background:linear-gradient(180deg,transparent,rgba(6,11,9,.38) 54%,rgba(6,11,9,.78)); pointer-events:none; }
.metrics-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(6,1fr); }
.metrics article { position:relative; padding:16px 24px; border-right:1px solid rgba(224,197,143,.2); }
.metrics article::before { content:""; position:absolute; top:8px; right:-1px; width:1px; height:calc(100% - 16px); background:linear-gradient(transparent,rgba(255,231,163,.42),transparent); opacity:.55; }
.metrics article:last-child { border:0; }
.metrics article:last-child::before { display:none; }
.metrics strong { display:block; white-space:nowrap; font:600 clamp(28px,2.6vw,42px) var(--serif); color:var(--gold-light); }
.metrics strong span { color:var(--white); }
.metrics p { margin-top:5px; color:rgba(255,255,255,.5); font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.editable-note { margin-top:15px; color:rgba(255,255,255,.25); font-size:8px; letter-spacing:.08em; text-align:center; text-transform:uppercase; }

.productivity-proof { position:relative; overflow:hidden; padding:50px 0; background:radial-gradient(circle at 88% 115%,rgba(205,153,67,.28),transparent 30%),linear-gradient(135deg,#080d0a,#10251d); border-bottom:1px solid rgba(200,164,97,.14); }
.productivity-proof::before { content:""; position:absolute; right:8%; top:-140px; width:420px; height:420px; border:1px solid rgba(200,164,97,.12); border-radius:50%; box-shadow:0 0 0 80px rgba(200,164,97,.025); }
.proof-layout { position:relative; display:grid; grid-template-columns:.8fr 1.2fr; gap:54px; align-items:center; }
.proof-copy h2 { margin-top:22px; font:500 clamp(38px,4vw,58px)/1.08 var(--serif); letter-spacing:-.035em; }
.proof-card { position:relative; display:grid; grid-template-columns:290px 1fr; gap:34px; align-items:center; padding:32px 38px; border:1px solid rgba(224,197,143,.2); background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); backdrop-filter:blur(16px); box-shadow:0 28px 70px rgba(0,0,0,.22); overflow:hidden; }
.proof-card::before { content:""; position:absolute; inset:18px; border:1px solid rgba(224,197,143,.08); pointer-events:none; }
.proof-percent { position:relative; min-height:180px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding-left:0; border-right:1px solid rgba(224,197,143,.18); }
.proof-percent::before { display:none; }
.proof-percent span { display:block; margin:0 0 14px 6px; color:var(--gold-light); font:700 clamp(21px,1.8vw,28px)/1 var(--sans); letter-spacing:.18em; text-transform:uppercase; text-shadow:0 0 22px rgba(224,197,143,.16); }
.proof-percent strong { position:relative; display:flex; align-items:flex-end; color:var(--gold-light); letter-spacing:-.09em; text-shadow:none; }
.proof-percent strong b { display:block; font:600 clamp(148px,11vw,188px)/.78 var(--serif); }
.proof-percent strong small { display:block; margin:0 0 14px 4px; font:500 clamp(74px,5.6vw,96px)/.82 var(--serif); letter-spacing:-.08em; }
.proof-source { display:block; margin-bottom:12px; color:var(--gold-light); font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.proof-card p { color:rgba(255,255,255,.62); font-size:14px; line-height:1.8; }
.proof-card em { color:rgba(255,255,255,.82); font-style:italic; }
.proof-card a { color:var(--gold-light); border-bottom:1px solid rgba(224,197,143,.5); }

section:not(.hero,.metrics,.productivity-proof,.manifesto,.final-cta) { padding:60px 0; }
.section-heading h2, .about h2, .process h2, .control-section h2, .final-cta h2 { font:500 clamp(40px,4vw,61px)/1.08 var(--serif); letter-spacing:-.035em; }
.section-heading > p, .split-heading > p { color:rgba(255,255,255,.55); font-size:15px; line-height:1.8; }
.split-heading { display:grid; grid-template-columns:1.35fr .65fr; gap:72px; align-items:end; margin-bottom:42px; }
.split-heading h2 { max-width:750px; margin-top:22px; }
.centered { max-width:750px; margin:0 auto 30px; text-align:center; }
.centered .eyebrow { justify-content:center; }
.centered h2 { margin:22px 0; }
.centered > p { color:#5e625e; }

.pain { position:relative; overflow:hidden; color:#17231d; background:radial-gradient(circle at 12% 0%,rgba(205,161,82,.24),transparent 28%),linear-gradient(155deg,#eee6d7 0%,#f7f2e9 52%,#e7ddcb 100%); border-top:1px solid rgba(125,101,57,.18); border-bottom:1px solid rgba(125,101,57,.22); }
.pain::before { content:""; position:absolute; inset:0; opacity:.25; background:repeating-linear-gradient(to bottom,transparent 0 79px,rgba(125,101,57,.08) 80px,transparent 81px); pointer-events:none; }
.pain::after { content:""; position:absolute; right:-120px; top:-170px; width:430px; height:430px; border:1px solid rgba(125,101,57,.09); border-radius:50%; box-shadow:0 0 0 72px rgba(125,101,57,.025); pointer-events:none; }
.pain .container { position:relative; z-index:1; }
.pain .section-heading h2 { color:#14241d; }
.pain .section-heading h2 em { color:#856634; }
.pain .split-heading > p { color:#59625d; }
.pain-grid { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:0; overflow:hidden; color:var(--white); border:1px solid rgba(224,197,143,.24); border-radius:26px 26px 0 0; background:radial-gradient(circle at 88% 0%,rgba(224,197,143,.13),transparent 32%),linear-gradient(145deg,#08140f,#153126); box-shadow:0 26px 70px rgba(16,39,31,.16),inset 0 1px 0 rgba(255,255,255,.06); }
.pain-grid::before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,var(--gold-light),rgba(224,197,143,.22),transparent); opacity:.72; }
.pain-card { position:relative; min-height:205px; padding:26px 24px 24px; overflow:hidden; border-right:1px solid rgba(224,197,143,.13); background:transparent; transition:background .35s ease,transform .35s ease; }
.pain-card:last-child { border-right:0; }
.pain-card:nth-child(even) { margin-top:0; background:rgba(255,255,255,.018); }
.pain-card::after { content:""; position:absolute; left:24px; bottom:22px; width:34px; height:1px; background:var(--gold-light); opacity:.34; transition:.35s; }
.pain-card:hover { background:rgba(255,255,255,.055); transform:translateY(-3px); }
.pain-card:hover::after { width:64px; opacity:.9; }
.pain-card > span { display:block; color:var(--gold-light); font:700 10px/1 var(--sans); letter-spacing:.18em; }
.pain-card h3 { max-width:190px; margin:38px 0 10px; font:500 22px/1.14 var(--serif); letter-spacing:-.025em; }
.pain-card p { max-width:230px; color:rgba(255,255,255,.55); font-size:12px; line-height:1.62; }
.pain-resolution { display:grid; grid-template-columns:190px 1fr; align-items:center; gap:28px; margin:0; padding:20px 26px; color:var(--white); border:1px solid rgba(224,197,143,.24); border-top:0; border-radius:0 0 26px 26px; background:linear-gradient(100deg,#b98a40,#d9b865 28%,#173529 28.2%,#10271f); box-shadow:0 22px 52px rgba(16,39,31,.12); text-align:left; }
.resolution-label { color:#15160f; font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.pain-resolution p { color:rgba(255,255,255,.65); font:400 17px/1.45 var(--serif); }
.pain-resolution strong { color:var(--gold-light); font-weight:500; }

.comparison-section { position:relative; overflow:hidden; background:radial-gradient(circle at 18% 18%,rgba(200,164,97,.12),transparent 34%),linear-gradient(145deg,#07100c,#10231b 48%,#050907); border-top:1px solid rgba(224,197,143,.12); }
.comparison-section::before { content:""; position:absolute; inset:0; opacity:.22; background:repeating-linear-gradient(to bottom,transparent 0 84px,rgba(224,197,143,.11) 85px,transparent 86px); pointer-events:none; }
.comparison-board { position:relative; display:grid; grid-template-columns:1fr 170px 1fr; gap:26px; align-items:stretch; }
.comparison-card { position:relative; min-height:310px; padding:28px; border:1px solid rgba(224,197,143,.18); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02)); box-shadow:0 30px 80px rgba(0,0,0,.26); overflow:hidden; transition:.35s; }
.comparison-card::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at var(--mx,50%) var(--my,18%),rgba(224,197,143,.16),transparent 34%); opacity:.6; pointer-events:none; }
.comparison-card:hover { transform:translateY(-7px); border-color:rgba(224,197,143,.32); }
.comparison-card > * { position:relative; z-index:1; }
.comparison-card span { display:inline-flex; padding:8px 11px; color:var(--gold-light); border:1px solid rgba(224,197,143,.22); border-radius:999px; background:rgba(255,255,255,.035); font-size:9px; font-weight:900; letter-spacing:.16em; }
.comparison-card h3 { margin:50px 0 22px; font:500 34px/1.05 var(--serif); letter-spacing:-.035em; }
.comparison-card ul { display:grid; gap:14px; list-style:none; }
.comparison-card li { position:relative; padding-left:22px; color:rgba(255,255,255,.6); font-size:13px; line-height:1.55; }
.comparison-card li::before { content:""; position:absolute; left:0; top:.65em; width:7px; height:7px; border-radius:50%; background:rgba(224,197,143,.72); box-shadow:0 0 12px rgba(224,197,143,.25); }
.comparison-card.before { opacity:.86; }
.comparison-card.before h3 { color:rgba(255,255,255,.78); }
.comparison-card.after { background:radial-gradient(circle at 72% 8%,rgba(84,220,136,.16),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); border-color:rgba(224,197,143,.3); }
.comparison-axis { display:grid; place-items:center; align-content:center; gap:14px; min-height:310px; color:var(--white); text-align:center; }
.comparison-axis i { width:1px; height:120px; background:linear-gradient(transparent,var(--gold),transparent); box-shadow:0 0 24px rgba(224,197,143,.3); }
.comparison-axis strong { display:grid; place-items:center; width:118px; height:118px; border:1px solid rgba(224,197,143,.32); border-radius:50%; color:var(--gold-light); background:radial-gradient(circle,rgba(224,197,143,.16),rgba(255,255,255,.025)); font:500 24px/1 var(--serif); box-shadow:0 0 0 18px rgba(224,197,143,.035),0 24px 60px rgba(0,0,0,.28); }
.comparison-axis small { max-width:130px; color:rgba(255,255,255,.42); font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }

.about { background:radial-gradient(circle at 8% 8%,rgba(200,164,97,.22),transparent 30%),radial-gradient(circle at 94% 84%,rgba(16,39,31,.12),transparent 34%),var(--cream); }
.about-layout { display:grid; grid-template-columns:.94fr 1.06fr; gap:78px; align-items:center; }
.about-visual { position:relative; padding:0 28px 28px 0; }
.about-visual img { height:480px; object-fit:cover; filter:saturate(.9) contrast(1.04); }
.image-frame { position:absolute; inset:28px 0 0 28px; z-index:-1; border:1px solid var(--gold); }
.floating-card { position:absolute; right:-38px; bottom:80px; width:245px; padding:25px; color:var(--white); background:var(--forest); box-shadow:0 24px 55px rgba(16,39,31,.25); }
.floating-card span { color:var(--gold-light); font-size:8px; letter-spacing:.2em; }
.floating-card strong { display:block; margin:12px 0 5px; font:500 20px var(--serif); }
.floating-card p { color:rgba(255,255,255,.5); font-size:11px; }
.about-copy h2 { margin:23px 0 30px; }
.about-copy h2 em, .process h2 em, .solutions h2 em, .trust h2 em { color:#7d6539; }
.about-copy .lead { color:#2b332f; font:500 19px/1.55 var(--serif); }
.about-copy > p:not(.eyebrow,.lead) { margin-top:20px; color:#61655f; font-size:14px; line-height:1.8; }
.check-list { display:grid; gap:13px; margin:28px 0 32px; list-style:none; }
.check-list li { color:#3f4944; font-size:13px; }
.check-list span { display:inline-grid; place-items:center; width:21px; height:21px; margin-right:10px; color:var(--gold); border:1px solid rgba(125,101,57,.35); border-radius:50%; font-size:9px; }
.about-mini-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:-5px 0 32px; }
.about-mini-grid span { padding:15px 13px; color:#525b55; background:rgba(255,255,255,.48); border:1px solid rgba(16,39,31,.1); font-size:11px; line-height:1.35; }
.about-mini-grid strong { display:block; margin-bottom:6px; color:#7d6539; font:italic 17px var(--serif); }

.solutions { position:relative; overflow:hidden; background:radial-gradient(circle at 15% 10%,rgba(200,164,97,.24),transparent 30%),radial-gradient(circle at 86% 68%,rgba(16,39,31,.18),transparent 34%),linear-gradient(180deg,#e9e2d4 0%,#f3efe6 46%,#e7dfd0 100%); }
.solutions::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(224,197,143,.16) 50%,transparent),repeating-linear-gradient(to bottom,transparent 0 74px,rgba(125,101,57,.08) 75px,transparent 76px); pointer-events:none; opacity:.35; }
.solutions .container { position:relative; }
.solutions-lab { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr); gap:22px; align-items:stretch; }
.solutions-primary { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.solution-hero-card { position:relative; min-height:380px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; color:var(--white); background:linear-gradient(145deg,#0b1812,#143226 58%,#09110d); border:1px solid rgba(125,101,57,.32); border-radius:26px; overflow:hidden; isolation:isolate; box-shadow:0 32px 80px rgba(16,39,31,.18),inset 0 1px 0 rgba(255,255,255,.06); transform:translateY(0); transition:transform .42s ease, box-shadow .42s ease, border-color .42s ease; cursor:default; }
.solution-hero-card::before { content:""; position:absolute; inset:0; z-index:0; background:radial-gradient(circle at var(--mx,62%) var(--my,20%),rgba(224,197,143,.24),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 36%); opacity:.78; transition:.35s; }
.solution-hero-card::after { content:""; position:absolute; z-index:0; inset:18px; border:1px solid rgba(224,197,143,.11); border-radius:22px; pointer-events:none; }
.solution-hero-card:hover, .solution-hero-card.is-active { transform:translateY(-8px); border-color:rgba(224,197,143,.56); box-shadow:0 40px 98px rgba(16,39,31,.24),0 0 48px rgba(200,164,97,.12),inset 0 1px 0 rgba(255,255,255,.08); }
.solution-hero-card > * { position:relative; z-index:1; }
.solution-index { display:block; color:rgba(224,197,143,.34); font:italic 58px/.82 var(--serif); letter-spacing:-.08em; }
.solution-hero-copy small, .solution-mini-card small { display:block; margin-top:10px; color:var(--gold-light); font-size:9px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.solution-hero-card h3 { max-width:360px; margin:14px 0 10px; color:var(--white); font:500 clamp(28px,2.3vw,36px)/1.02 var(--serif); letter-spacing:-.035em; }
.solution-hero-card p { max-width:390px; color:rgba(255,255,255,.68); font-size:13px; line-height:1.62; }
.solution-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.solution-tags span { padding:8px 11px; color:rgba(255,255,255,.72); border:1px solid rgba(224,197,143,.2); border-radius:999px; background:rgba(255,255,255,.04); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.solution-visual { position:relative; height:92px; margin-top:10px; perspective:900px; transform-style:preserve-3d; }
.route-line { position:absolute; left:8%; right:8%; top:54%; height:2px; background:linear-gradient(90deg,rgba(224,197,143,.15),rgba(224,197,143,.76),rgba(39,180,104,.56),rgba(224,197,143,.18)); transform:rotate(-8deg); box-shadow:0 0 28px rgba(224,197,143,.2); }
.cube, .building-block { position:absolute; display:block; border:1px solid rgba(255,232,166,.4); border-radius:16px; background:linear-gradient(145deg,#efd388,#9d6b22); box-shadow:0 28px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.42); transform-style:preserve-3d; animation:solutionFloat 6.5s ease-in-out infinite; }
.cube::before, .cube::after, .building-block::before, .building-block::after { content:""; position:absolute; inset:10px; border:1px solid rgba(8,21,15,.22); border-radius:10px; }
.cube-a { width:92px; height:74px; left:9%; top:54px; transform:rotateX(58deg) rotateZ(-28deg); }
.cube-b { width:138px; height:96px; right:9%; top:18px; transform:rotateX(58deg) rotateZ(-28deg); animation-delay:-1.2s; }
.pin { position:absolute; width:18px; height:18px; border-radius:50%; background:#54dc88; box-shadow:0 0 0 8px rgba(84,220,136,.12),0 0 24px rgba(84,220,136,.45); }
.pin-a { left:15%; top:119px; }
.pin-b { right:17%; top:84px; }
.plate-3d { position:absolute; right:12%; top:28px; width:170px; height:112px; border-radius:50%; background:radial-gradient(circle at 50% 45%,#f9f0d0 0 28%,#d2a64e 29% 43%,#173326 45% 100%); border:1px solid rgba(224,197,143,.54); box-shadow:0 34px 46px rgba(0,0,0,.25),0 0 30px rgba(224,197,143,.16); transform:rotateX(62deg) rotateZ(-18deg); animation:solutionFloat 7s ease-in-out infinite; }
.building-block { border-radius:18px 18px 8px 8px; background:linear-gradient(145deg,#1d5a3c,#0f2a20); border-color:rgba(224,197,143,.28); }
.block-a { width:118px; height:104px; left:12%; top:58px; transform:rotateX(58deg) rotateZ(28deg); }
.block-b { width:82px; height:88px; left:42%; top:78px; transform:rotateX(58deg) rotateZ(28deg); animation-delay:-1.5s; }
.steam { position:absolute; width:38px; height:80px; border-left:2px solid rgba(224,197,143,.46); border-radius:50%; filter:blur(.1px); animation:steamRise 3.8s ease-in-out infinite; }
.steam-a { right:28%; top:0; }
.steam-b { right:20%; top:12px; animation-delay:-1s; }
.solutions-side { display:grid; grid-template-rows:auto 1fr; gap:22px; }
.solution-mini-card, .solution-decision-card { position:relative; padding:20px; border:1px solid rgba(125,101,57,.2); border-radius:22px; background:rgba(255,255,255,.5); box-shadow:0 22px 58px rgba(16,39,31,.08); overflow:hidden; }
.solution-mini-card::before, .solution-decision-card::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 100% 0%,rgba(200,164,97,.2),transparent 36%); pointer-events:none; }
.solution-mini-card span { display:block; color:rgba(125,101,57,.35); font:italic 44px/.9 var(--serif); }
.solution-mini-card h3 { margin:18px 0 10px; font:500 24px/1.04 var(--serif); letter-spacing:-.035em; }
.solution-mini-card p, .solution-decision-card p { color:#626760; font-size:13px; line-height:1.72; }
.solution-decision-card { display:flex; flex-direction:column; justify-content:space-between; min-height:205px; color:var(--white); background:linear-gradient(145deg,#10271f,#1a3a2d); border-color:rgba(200,164,97,.2); }
.solution-decision-card strong { max-width:260px; color:var(--gold-light); font:500 24px/1.08 var(--serif); letter-spacing:-.03em; }
.solution-decision-card p { margin:14px 0 18px; color:rgba(255,255,255,.62); }
.solution-decision-card .btn { align-self:flex-start; }
.solution-note { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:20px; padding:18px 24px; color:var(--white); background:linear-gradient(135deg,#10271f,#19382c); border:1px solid rgba(200,164,97,.2); border-radius:18px; box-shadow:0 18px 44px rgba(16,39,31,.1); }
.solution-note span { flex:0 0 auto; color:var(--gold-light); font:500 25px var(--serif); }
.solution-note p { max-width:790px; color:rgba(255,255,255,.62); font-size:13px; line-height:1.7; }
@keyframes solutionFloat { 0%,100% { translate:0 0; } 50% { translate:0 -12px; } }
@keyframes steamRise { 0%,100% { opacity:.28; transform:translateY(16px) scale(.82); } 50% { opacity:.72; transform:translateY(-8px) scale(1); } }

.differentials { background:#0c120f; }
.diff-layout { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }
.diff-image { position:relative; }
.diff-image img { height:430px; object-fit:cover; opacity:.82; filter:saturate(.92) contrast(1.02); }
.diff-image::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 50%,rgba(5,9,7,.72)); }
.diff-quote { position:absolute; z-index:2; left:35px; bottom:35px; max-width:310px; font:italic 26px/1.3 var(--serif); color:var(--gold-light); }
.diff-list { border-top:1px solid rgba(255,255,255,.12); }
.diff-list article { display:grid; grid-template-columns:55px 1fr; gap:15px; padding:27px 5px; border-bottom:1px solid rgba(255,255,255,.12); transition:.3s; }
.diff-list article:hover { padding-left:15px; background:rgba(255,255,255,.02); }
.diff-list article > span { color:var(--gold); font:italic 13px var(--serif); }
.diff-list h3 { margin-bottom:6px; font:500 19px var(--serif); }
.diff-list p { color:rgba(255,255,255,.45); font-size:12px; line-height:1.65; }
.diff-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:56px; }
.diff-badges span { min-height:82px; display:grid; place-items:center; color:rgba(255,255,255,.68); border:1px solid rgba(224,197,143,.14); background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }

.control-section { position:relative; overflow:hidden; padding-top:60px!important; padding-bottom:54px!important; background:radial-gradient(circle at 82% 14%,rgba(36,110,78,.42),transparent 34%),radial-gradient(circle at 64% 72%,rgba(205,153,67,.16),transparent 36%),linear-gradient(135deg,#04100b 0%,#0b1f17 47%,#05100c 100%); border-top:1px solid rgba(224,197,143,.28); border-bottom:1px solid rgba(224,197,143,.16); }
.control-section::before { content:""; position:absolute; inset:0; opacity:.25; background:repeating-linear-gradient(to bottom,transparent 0 78px,rgba(224,197,143,.12) 79px,transparent 80px),linear-gradient(90deg,rgba(224,197,143,.08),transparent 18%,transparent 80%,rgba(224,197,143,.07)); pointer-events:none; }
.control-section::after { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,rgba(255,232,168,.72),rgba(224,197,143,.2),transparent); box-shadow:0 0 34px rgba(224,197,143,.24); pointer-events:none; }
.control-orb { position:absolute; right:-160px; top:58px; width:640px; height:640px; border:1px solid rgba(200,164,97,.14); border-radius:50%; box-shadow:0 0 0 84px rgba(200,164,97,.026),0 0 0 168px rgba(200,164,97,.014),0 0 150px rgba(27,87,65,.24); }
.control-head { position:relative; z-index:2; margin-bottom:24px; }
.control-title-row { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(420px,1fr); gap:56px; align-items:end; margin-top:17px; }
.control-title-row h2 { max-width:460px; font-size:clamp(50px,5.2vw,78px); line-height:.9; text-shadow:0 22px 52px rgba(0,0,0,.28); }
.control-title-row p { max-width:690px; color:rgba(255,255,255,.67); font-size:15px; line-height:1.64; }
.control-pill-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.control-pill-row span { padding:9px 15px; color:var(--gold-light); border:1px solid rgba(224,197,143,.28); background:linear-gradient(135deg,rgba(8,20,15,.72),rgba(8,20,15,.34)); border-radius:999px; box-shadow:inset 0 0 18px rgba(224,197,143,.035),0 8px 22px rgba(0,0,0,.16); font-size:8px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.control-showcase { position:relative; z-index:2; display:grid; grid-template-columns:minmax(360px,.76fr) minmax(640px,1.24fr); gap:34px; align-items:stretch; }
.control-story { align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-height:395px; padding:24px 27px; border:1px solid rgba(224,197,143,.34); border-radius:24px; background:radial-gradient(circle at 18% 0%,rgba(224,197,143,.08),transparent 34%),linear-gradient(145deg,rgba(10,28,20,.9),rgba(4,14,10,.76)); backdrop-filter:blur(16px); box-shadow:0 30px 82px rgba(0,0,0,.32),0 0 34px rgba(224,197,143,.08),inset 0 1px 0 rgba(255,255,255,.08); }
.control-story .lead { color:rgba(255,255,255,.84); font:500 17px/1.48 var(--serif); }
.control-quote { margin:16px 0; padding:15px 18px; color:var(--gold-light); border-left:2px solid var(--gold); background:linear-gradient(90deg,rgba(224,197,143,.13),rgba(224,197,143,.025),transparent); font:italic 17px/1.34 var(--serif); box-shadow:inset 0 0 30px rgba(224,197,143,.04); }
.control-story-grid { display:grid; gap:0; margin-bottom:22px; }
.control-story-grid article { display:grid; grid-template-columns:96px 1fr; gap:16px; align-items:center; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.control-story-grid strong { color:var(--gold-light); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.control-story-grid span { color:rgba(255,255,255,.58); font-size:13px; line-height:1.48; }
.control-visual { position:relative; min-height:405px; perspective:1600px; }
.control-halo { position:absolute; inset:28px 0 2px; border-radius:46px; background:radial-gradient(circle at 62% 44%,rgba(75,219,137,.2),transparent 42%),radial-gradient(circle at 54% 48%,rgba(224,197,143,.13),transparent 63%); filter:blur(8px); }
.dashboard-3d { position:absolute; z-index:2; right:4px; top:42px; width:min(625px,50vw); overflow:hidden; border:1px solid rgba(224,197,143,.34); border-radius:26px; background:linear-gradient(145deg,rgba(8,25,18,.98),rgba(17,61,42,.92)); box-shadow:0 40px 96px rgba(0,0,0,.5),0 0 42px rgba(224,197,143,.1),0 0 0 1px rgba(255,255,255,.07) inset; transform:rotateY(-10deg) rotateX(5deg) rotateZ(.3deg); transform-origin:center; transform-style:preserve-3d; animation:screenFloat 7s ease-in-out infinite; }
.dashboard-top { display:flex; align-items:center; gap:12px; height:62px; padding:0 22px; color:rgba(255,255,255,.86); border-bottom:1px solid rgba(224,197,143,.14); background:linear-gradient(90deg,rgba(255,255,255,.064),rgba(255,255,255,.014)); }
.dashboard-top img { width:34px; height:34px; object-fit:contain; opacity:.92; }
.dashboard-top strong { margin-right:auto; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.dashboard-top span { padding:6px 9px; color:#b8f1ce; border:1px solid rgba(91,220,137,.28); border-radius:999px; font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.dashboard-body { display:grid; grid-template-columns:130px 1fr; min-height:294px; }
.dashboard-body aside { display:flex; flex-direction:column; gap:9px; padding:22px 15px; background:rgba(255,255,255,.035); border-right:1px solid rgba(255,255,255,.08); }
.dashboard-body aside span { padding:11px 12px; color:rgba(255,255,255,.5); border-radius:12px; font-size:10px; }
.dashboard-body aside .active { color:#0c2419; background:linear-gradient(135deg,#d9f6e3,#9edfb7); font-weight:800; }
.dashboard-body main { padding:22px; }
.dash-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.dash-row div { padding:16px; border:1px solid rgba(255,255,255,.1); border-radius:17px; background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045)); box-shadow:0 12px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08); }
.dash-row small { display:block; color:rgba(255,255,255,.45); font-size:9px; margin-bottom:6px; }
.dash-row strong { color:var(--white); font:600 28px var(--serif); }
.dash-middle { display:grid; grid-template-columns:1fr 132px; gap:16px; align-items:center; margin:16px 0; }
.dash-chart { display:flex; align-items:end; gap:10px; height:96px; padding:15px; border-radius:18px; background:linear-gradient(180deg,rgba(255,255,255,.083),rgba(255,255,255,.032)); border:1px solid rgba(255,255,255,.08); }
.dash-chart span { flex:1; border-radius:99px 99px 7px 7px; background:linear-gradient(180deg,#76e69e,#0d7d4d); box-shadow:0 0 24px rgba(86,217,133,.18); }
.dash-radar { position:relative; width:118px; height:118px; border:1px solid rgba(224,197,143,.2); border-radius:50%; background:radial-gradient(circle,rgba(224,197,143,.14),transparent 58%); }
.dash-radar i, .dash-radar b, .dash-radar em { position:absolute; border-radius:50%; }
.dash-radar i { inset:20px; border:1px solid rgba(255,255,255,.1); }
.dash-radar b { inset:44px; border:1px solid rgba(118,230,158,.28); }
.dash-radar em { left:50%; top:50%; width:12px; height:12px; background:var(--gold-light); box-shadow:0 0 22px var(--gold); transform:translate(-50%,-50%); }
.dash-list { display:grid; grid-template-columns:1fr 1fr; gap:9px 14px; }
.dash-list p { display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.62); font-size:11px; }
.dash-list i { width:8px; height:8px; border-radius:50%; background:#76e69e; box-shadow:0 0 0 4px rgba(118,230,158,.12); }
.control-panel { position:absolute; z-index:4; width:206px; padding:20px; color:rgba(255,255,255,.84); border:1px solid rgba(224,197,143,.32); border-radius:16px; background:linear-gradient(145deg,rgba(7,16,12,.84),rgba(11,28,20,.7)); backdrop-filter:blur(16px); box-shadow:0 22px 55px rgba(0,0,0,.36),0 0 26px rgba(224,197,143,.08),inset 0 1px 0 rgba(255,255,255,.07); }
.control-panel small { display:block; color:var(--gold-light); font-size:8px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.control-panel strong { display:block; margin:8px 0; font:500 34px var(--serif); }
.control-panel span { color:rgba(255,255,255,.48); font-size:10px; line-height:1.45; }
.panel-a { left:24px; top:34px; }
.panel-b { right:0; bottom:12px; width:190px; padding:18px; text-align:center; }
.qr-frame { position:relative; isolation:isolate; width:112px; height:112px; margin:12px auto 10px; padding:8px; overflow:hidden; border:1px solid rgba(255,255,255,.78); border-radius:14px; background:#fff; box-shadow:0 14px 30px rgba(0,0,0,.32),0 0 0 4px rgba(255,255,255,.055),inset 0 0 0 1px rgba(0,0,0,.06); }
.qr-frame::after { content:""; position:absolute; z-index:2; left:7px; right:7px; top:7px; height:1px; background:linear-gradient(90deg,transparent,#d6a949,transparent); box-shadow:0 0 12px rgba(214,169,73,.9); animation:qrScan 3.2s ease-in-out infinite; pointer-events:none; }
.mini-qr { width:100%; height:100%; object-fit:contain; border-radius:6px; }
.control-chip { position:absolute; z-index:4; padding:14px 18px; color:rgba(255,255,255,.88); border:1px solid rgba(224,197,143,.32); border-radius:12px; background:linear-gradient(145deg,rgba(8,15,12,.84),rgba(13,31,23,.72)); backdrop-filter:blur(14px); box-shadow:0 18px 42px rgba(0,0,0,.3),0 0 24px rgba(224,197,143,.08); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.chip-one { left:34%; top:66px; }
.chip-two { right:196px; top:338px; }
.chip-three { left:40%; bottom:16px; }
.control-features { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:30px; overflow:hidden; border:1px solid rgba(224,197,143,.16); border-radius:22px; background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); box-shadow:0 24px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05); }
.control-feature-card { position:relative; min-height:140px; padding:20px 18px; overflow:hidden; border-right:1px solid rgba(255,255,255,.1); background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.008)); transition:.35s; }
.control-feature-card::before { content:""; position:absolute; left:20px; right:20px; top:0; height:1px; background:linear-gradient(90deg,transparent,var(--gold-light),transparent); transform:scaleX(.16); opacity:.35; transition:.4s ease; }
.control-feature-card:last-child { border:0; }
.control-feature-card:hover { background:rgba(255,255,255,.055); transform:translateY(-4px); }
.control-feature-card:hover::before { transform:scaleX(1); opacity:.9; box-shadow:0 0 18px rgba(224,197,143,.34); }
.control-feature-card span { color:var(--gold); font:italic 15px var(--serif); }
.control-feature-card h3 { margin:18px 0 8px; font:500 18px/1.2 var(--serif); }
.control-feature-card p { color:rgba(255,255,255,.5); font-size:12px; line-height:1.7; }
@keyframes screenFloat { 0%,100% { transform:rotateY(-10deg) rotateX(5deg) rotateZ(.3deg) translateY(0); } 50% { transform:rotateY(-7deg) rotateX(4deg) rotateZ(.3deg) translateY(-12px); } }
@keyframes qrScan { 0%,18% { transform:translateY(0); opacity:0; } 32% { opacity:.9; } 72% { opacity:.72; } 88%,100% { transform:translateY(96px); opacity:0; } }

.process-layout {}
.process { background:radial-gradient(circle at 12% 18%,rgba(200,164,97,.18),transparent 30%),radial-gradient(circle at 100% 70%,rgba(16,39,31,.1),transparent 30%),var(--cream); }
.process .container { display:grid; grid-template-columns:.72fr 1.28fr; gap:90px; }
.process-intro { position:sticky; top:130px; align-self:start; }
.process-intro h2 { margin:18px 0; }
.process-intro > p:not(.eyebrow) { margin-bottom:24px; color:#686c67; font-size:14px; line-height:1.7; }
.timeline { position:relative; }
.timeline::before { content:""; position:absolute; left:26px; top:30px; bottom:30px; width:1px; background:rgba(16,39,31,.18); }
.timeline article { position:relative; display:grid; grid-template-columns:50px 1fr; gap:20px; min-height:98px; }
.timeline article > span { position:relative; z-index:1; display:grid; place-items:center; width:48px; height:48px; color:var(--gold); background:var(--cream); border:1px solid rgba(125,101,57,.35); border-radius:50%; font:italic 12px var(--serif); }
.timeline article div { padding-top:4px; }
.timeline h3 { margin-bottom:7px; font:500 20px var(--serif); }
.timeline p { max-width:500px; color:#6b706c; font-size:13px; line-height:1.7; }
.process-mini-panel { grid-column:2; margin-top:-18px; padding:21px 25px; color:var(--white); background:linear-gradient(135deg,#10271f,#1b3c30); border:1px solid rgba(200,164,97,.18); box-shadow:0 18px 46px rgba(16,39,31,.11); }
.process-mini-panel strong { color:var(--gold-light); font:500 24px var(--serif); }
.process-mini-panel p { margin-top:8px; color:rgba(255,255,255,.56); font-size:13px; line-height:1.7; }

.manifesto { position:relative; min-height:560px; display:flex; align-items:center; color:var(--white); overflow:hidden; }
.manifesto-bg { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,12,9,.98) 0%,rgba(7,12,9,.84) 43%,rgba(7,12,9,.34) 100%),radial-gradient(circle at 76% 36%,rgba(20,102,66,.28),transparent 34%),url("original-coffee-break.webp") center 56%/cover; transform:scale(1.005); filter:saturate(.96) contrast(1.04); }
.manifesto-bg::after { content:""; position:absolute; inset:0; opacity:.2; background:repeating-linear-gradient(to bottom,transparent 0 68px,rgba(224,197,143,.12) 69px,transparent 70px),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.34)); pointer-events:none; }
.manifesto-content { position:relative; z-index:2; }
.manifesto h2 { max-width:840px; margin:25px 0; font:500 clamp(44px,5vw,72px)/1.08 var(--serif); letter-spacing:-.04em; }
.manifesto > .container > p:not(.eyebrow) { max-width:610px; color:rgba(255,255,255,.6); font-size:15px; line-height:1.8; }
.manifesto-signature { display:flex; align-items:center; gap:18px; margin-top:45px; color:rgba(255,255,255,.62); font:italic 16px/1.5 var(--serif); }
.manifesto-signature img { width:52px; height:52px; object-fit:contain; filter:drop-shadow(0 8px 14px rgba(0,0,0,.45)); }
.manifesto-points { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.manifesto-points span { padding:10px 14px; color:rgba(255,255,255,.62); border:1px solid rgba(224,197,143,.16); background:rgba(255,255,255,.04); border-radius:999px; font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }

.trust { background:radial-gradient(circle at 88% 0%,rgba(200,164,97,.22),transparent 32%),radial-gradient(circle at 6% 90%,rgba(16,39,31,.12),transparent 34%),var(--warm); }
.partner-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.partner-card { display:grid; place-items:center; align-content:center; min-height:112px; padding:18px 16px; color:#3f4542; background:rgba(255,255,255,.5); border:1px solid rgba(16,39,31,.1); border-radius:16px; box-shadow:0 16px 38px rgba(16,39,31,.055); filter:grayscale(1); opacity:.82; transition:.35s; text-align:center; }
.partner-card:hover { filter:grayscale(.15); opacity:1; transform:translateY(-6px); box-shadow:0 24px 60px rgba(16,39,31,.11); }
.partner-card.logo-card { padding:24px 26px; background:linear-gradient(145deg,rgba(255,253,248,.76),rgba(255,255,255,.42)); }
.partner-card.logo-card img { width:min(100%,214px); max-height:56px; object-fit:contain; filter:contrast(.9) saturate(.8); transition:.35s; }
.partner-card.logo-card:hover img { filter:contrast(1.04) saturate(1); transform:scale(1.045); }
.partner-card.soroplast-card { background:linear-gradient(145deg,rgba(255,253,248,.78),rgba(255,255,255,.44)); border-color:rgba(16,39,31,.1); }
.partner-card.soroplast-card img { width:min(100%,198px); max-height:70px; filter:contrast(1.08) saturate(.95); }
.partner-card.soroplast-card:hover img { filter:contrast(1.18) saturate(1.08); }
.partner-card strong { display:block; color:#3a3f3c; font-size:28px; font-weight:800; line-height:.92; letter-spacing:.02em; }
.partner-card span, .partner-card small { display:block; margin-top:8px; color:#6c716e; font-size:11px; font-weight:700; letter-spacing:.18em; }
.sorocaba strong { font-size:30px; letter-spacing:.04em; }
.sorocaba span { font-size:14px; letter-spacing:.34em; }
.realmix strong { font:400 29px Georgia,serif; letter-spacing:.02em; }
.realmix span { font-size:8px; letter-spacing:.22em; }
.rodopiro strong { font-size:31px; font-style:italic; letter-spacing:-.05em; }
.rodopiro strong span { display:inline; color:#b0b4b1; font-size:inherit; letter-spacing:inherit; }
.rodopiro small { font-size:7px; letter-spacing:.08em; }
.realflex strong { font-size:34px; font-weight:400; letter-spacing:.03em; }
.realflex strong span { display:inline; color:#303633; font-weight:800; font-size:inherit; letter-spacing:inherit; }
.planeta strong { display:flex; align-items:center; gap:10px; font-size:29px; font-weight:500; letter-spacing:.01em; text-transform:none; }
.planeta i { display:inline-grid; width:32px; height:32px; background:linear-gradient(90deg,#555 48%,transparent 50%) 0 0/16px 16px,linear-gradient(#555 48%,transparent 50%) 0 0/16px 16px; border-radius:4px; }
.planeta span { margin-top:5px; font-size:12px; letter-spacing:.02em; text-transform:lowercase; }
.trust-callout { display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:24px; padding:19px 26px; color:var(--white); background:linear-gradient(135deg,#10271f,#1b3c30); border:1px solid rgba(200,164,97,.18); }
.trust-callout strong { color:var(--gold-light); font:500 28px var(--serif); }
.trust-callout p { max-width:620px; color:rgba(255,255,255,.58); font-size:13px; line-height:1.7; }
.trust-gallery { position:relative; display:grid; grid-template-columns:minmax(245px,.72fr) minmax(360px,1.16fr) minmax(245px,.78fr); grid-template-rows:145px 145px; gap:12px; margin-top:16px; padding:14px; color:var(--white); border:1px solid rgba(200,164,97,.22); border-radius:26px; background:radial-gradient(circle at 83% 10%,rgba(224,197,143,.18),transparent 34%),radial-gradient(circle at 10% 100%,rgba(40,112,79,.26),transparent 36%),linear-gradient(135deg,#07100c,#10271f 58%,#07100d); box-shadow:0 24px 68px rgba(16,39,31,.14),inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden; }
.trust-gallery::before { content:""; position:absolute; inset:0; opacity:.2; background:repeating-linear-gradient(to bottom,transparent 0 54px,rgba(224,197,143,.11) 55px,transparent 56px),repeating-linear-gradient(to right,transparent 0 84px,rgba(224,197,143,.06) 85px,transparent 86px); pointer-events:none; }
.gallery-intro { position:relative; z-index:1; grid-row:1 / -1; display:flex; flex-direction:column; justify-content:space-between; padding:22px; border:1px solid rgba(224,197,143,.18); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.gallery-intro::after { content:""; width:74px; height:1px; background:linear-gradient(90deg,var(--gold-light),transparent); box-shadow:0 0 18px rgba(224,197,143,.28); }
.gallery-intro span { display:inline-flex; width:max-content; padding:8px 10px; color:var(--gold-light); border:1px solid rgba(224,197,143,.22); border-radius:999px; background:rgba(255,255,255,.04); font-size:8px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.gallery-intro h3 { max-width:270px; margin:16px 0 10px; font:500 28px/1.04 var(--serif); letter-spacing:-.035em; }
.gallery-intro p { color:rgba(255,255,255,.55); font-size:12px; line-height:1.7; }
.gallery-card { position:relative; z-index:1; min-height:145px; border:1px solid rgba(224,197,143,.16); border-radius:20px; overflow:hidden; background:#10140f; box-shadow:0 18px 48px rgba(0,0,0,.23); isolation:isolate; }
.gallery-featured { grid-row:1 / -1; }
.gallery-card::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(5,10,8,.03),rgba(5,10,8,.16) 42%,rgba(5,10,8,.76)),radial-gradient(circle at 50% 34%,rgba(224,197,143,.1),transparent 42%); pointer-events:none; }
.gallery-card::after { content:""; position:absolute; z-index:2; left:18px; right:18px; top:16px; height:1px; background:linear-gradient(90deg,rgba(224,197,143,.75),transparent); opacity:.68; pointer-events:none; }
.gallery-card img { height:100%; min-height:145px; object-fit:cover; transform:scale(1.035); filter:saturate(.92) contrast(1.02) brightness(.9); transition:transform .65s ease, filter .65s ease; }
.gallery-featured img { min-height:302px; object-position:center 42%; }
.gallery-card:hover img { transform:scale(1.095); filter:saturate(1.08) contrast(1.05) brightness(.98); }
.gallery-card span { position:absolute; z-index:3; left:18px; right:18px; bottom:16px; display:flex; align-items:center; gap:8px; width:max-content; max-width:calc(100% - 36px); padding:9px 12px; color:rgba(255,255,255,.86); border:1px solid rgba(224,197,143,.22); border-radius:999px; background:rgba(8,14,11,.66); backdrop-filter:blur(12px); box-shadow:0 12px 32px rgba(0,0,0,.24); font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }

.testimonials { position:relative; overflow:hidden; background:radial-gradient(circle at 18% 20%,rgba(200,164,97,.13),transparent 34%),linear-gradient(135deg,#070c09,#10251d); }
.testimonial-grid { display:grid; grid-template-columns:.9fr 1.2fr .9fr; gap:18px; align-items:stretch; }
.testimonial-card { position:relative; min-height:250px; padding:28px; border:1px solid rgba(224,197,143,.16); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018)); box-shadow:0 28px 72px rgba(0,0,0,.22); transition:.35s; overflow:hidden; }
.testimonial-card::before { content:"“"; position:absolute; right:24px; top:-22px; color:rgba(224,197,143,.12); font:600 132px/1 var(--serif); }
.testimonial-card:hover { transform:translateY(-7px); border-color:rgba(224,197,143,.3); }
.testimonial-card span { display:inline-flex; padding:8px 11px; color:var(--gold-light); border:1px solid rgba(224,197,143,.22); border-radius:999px; font-size:9px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.testimonial-card p { position:relative; margin:42px 0 22px; color:rgba(255,255,255,.78); font:500 20px/1.42 var(--serif); }
.testimonial-card small { color:rgba(255,255,255,.42); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.featured-testimonial { min-height:290px; border-color:rgba(224,197,143,.3); background:radial-gradient(circle at 80% 0%,rgba(84,220,136,.13),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.024)); }

.faq-section { position:relative; overflow:hidden; background:radial-gradient(circle at 85% 18%,rgba(200,164,97,.2),transparent 32%),linear-gradient(180deg,#efe8da,#e9e2d4); }
.faq-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:64px; align-items:start; }
.faq-intro { position:sticky; top:120px; }
.faq-intro h2 { margin:22px 0; font:500 clamp(40px,4vw,61px)/1.08 var(--serif); letter-spacing:-.035em; }
.faq-intro h2 em { color:#7d6539; }
.faq-intro p:not(.eyebrow) { margin-bottom:28px; color:#5f655f; font-size:14px; line-height:1.75; }
.faq-list { display:grid; gap:12px; }
.faq-item { border:1px solid rgba(16,39,31,.12); border-radius:18px; background:rgba(255,255,255,.5); box-shadow:0 18px 46px rgba(16,39,31,.06); overflow:hidden; transition:.3s; }
.faq-item[open] { background:rgba(255,253,248,.78); border-color:rgba(125,101,57,.24); box-shadow:0 22px 60px rgba(16,39,31,.09); }
.faq-item summary { position:relative; cursor:pointer; list-style:none; padding:20px 56px 20px 24px; color:#1c2620; font:700 14px/1.35 var(--sans); }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+"; position:absolute; right:24px; top:50%; width:28px; height:28px; display:grid; place-items:center; color:#7d6539; border:1px solid rgba(125,101,57,.28); border-radius:50%; transform:translateY(-50%); transition:.3s; }
.faq-item[open] summary::after { content:"–"; transform:translateY(-50%) rotate(180deg); }
.faq-item p { padding:0 24px 20px; color:#626760; font-size:13px; line-height:1.65; }

.final-cta { position:relative; padding:52px 0 74px; overflow:hidden; background:radial-gradient(circle at 80% 30%,rgba(36,110,78,.62),transparent 34%),radial-gradient(circle at 15% 90%,rgba(200,164,97,.2),transparent 30%),linear-gradient(135deg,#040706,#10271f 62%,#07100d); border-top:1px solid rgba(224,197,143,.22); }
.final-cta::before { content:""; position:absolute; inset:0; opacity:.22; background:repeating-linear-gradient(to bottom,transparent 0 84px,rgba(224,197,143,.11) 85px,transparent 86px); pointer-events:none; }
.cta-glow { position:absolute; width:620px; height:620px; right:-70px; top:-220px; border:1px solid rgba(200,164,97,.18); border-radius:50%; box-shadow:0 0 0 75px rgba(200,164,97,.025),0 0 0 150px rgba(200,164,97,.018),0 0 130px rgba(84,220,136,.12); }
.cta-layout { position:relative; display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:100px; }
.final-cta h2 { max-width:720px; margin-top:22px; }
.cta-copy > p { margin-bottom:28px; color:rgba(255,255,255,.57); font-size:14px; line-height:1.75; }
.cta-bullets { display:grid; gap:10px; margin-bottom:28px; }
.cta-bullets span { position:relative; padding-left:20px; color:rgba(255,255,255,.58); font-size:12px; }
.cta-bullets span::before { content:""; position:absolute; left:0; top:.55em; width:6px; height:6px; border-radius:50%; background:var(--gold); box-shadow:0 0 12px var(--gold); }
.cta-copy small { display:block; margin-top:14px; color:rgba(255,255,255,.3); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }

footer { color:var(--white); background:#060908; padding:56px 0 23px; }
.footer-grid { display:grid; grid-template-columns:1.5fr .7fr 1fr .8fr; gap:62px; padding-bottom:42px; }
.footer-brand { margin-bottom:25px; }
.footer-grid > div:first-child > p { max-width:310px; color:rgba(255,255,255,.37); font-size:12px; line-height:1.7; }
.footer-grid h4 { margin-bottom:20px; color:var(--gold-light); font-size:9px; letter-spacing:.16em; text-transform:uppercase; }
.footer-grid > div:not(:first-child) { display:flex; flex-direction:column; align-items:flex-start; gap:11px; }
.footer-grid a:not(.brand) { color:rgba(255,255,255,.42); font-size:11px; transition:.3s; }
.footer-grid a:not(.brand):hover { color:var(--white); transform:translateX(3px); }
.footer-grid > div:last-child p { color:rgba(255,255,255,.3); font-size:10px; }
.footer-bottom { display:flex; justify-content:space-between; padding-top:22px; border-top:1px solid rgba(255,255,255,.07); color:rgba(255,255,255,.25); font-size:9px; letter-spacing:.06em; }

.floating-whatsapp { position:fixed; z-index:45; right:22px; bottom:22px; display:flex; align-items:center; gap:10px; height:52px; padding:0 17px; color:white; background:#176b48; border:1px solid rgba(255,255,255,.16); border-radius:28px; box-shadow:0 12px 32px rgba(0,0,0,.25); transition:.35s; }
.floating-whatsapp:hover { transform:translateY(-4px); background:#1d7d55; }
.floating-whatsapp svg { width:23px; fill:currentColor; }
.floating-whatsapp span { font-size:10px; font-weight:700; letter-spacing:.04em; }

.interactive-surface { position:relative; overflow:hidden; }
.interactive-surface::after { content:""; position:absolute; inset:0; z-index:0; background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,239,188,.20),rgba(224,197,143,.09) 18%,transparent 42%); opacity:0; transition:opacity .28s ease; pointer-events:none; }
.interactive-surface:hover::after { opacity:1; }
.interactive-surface > * { position:relative; z-index:1; }
.final-cta > .cta-glow { position:absolute; z-index:0; }
.final-cta > .cta-layout { position:relative; z-index:1; }
.btn:focus-visible, .nav a:focus-visible, summary:focus-visible, .floating-whatsapp:focus-visible { outline:2px solid var(--gold-light); outline-offset:4px; }
.tilt-ready { transform-style:preserve-3d; will-change:transform; transition:transform .22s ease, box-shadow .35s ease, border-color .35s ease; }
.section-inview .eyebrow span { animation:eyebrowPulse 2.8s ease-in-out infinite; }
.section-inview .gallery-card img, .section-inview .about-visual img, .section-inview .diff-image img { transition:transform 1.2s ease; }
.section-inview .gallery-card:hover img, .section-inview .about-visual:hover img, .section-inview .diff-image:hover img { transform:scale(1.045); }
@keyframes eyebrowPulse { 0%,100% { transform:scaleX(.78); opacity:.55; } 50% { transform:scaleX(1.25); opacity:1; box-shadow:0 0 18px rgba(224,197,143,.36); } }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .8s ease,transform .8s ease; }
.reveal.visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.12s; }
.delay-2 { transition-delay:.24s; }
.delay-3 { transition-delay:.36s; }

@media (max-width: 1050px) {
  .site-header { grid-template-columns:1fr auto; }
  .nav, .header-cta { display:none; }
  .menu-toggle { display:flex; flex-direction:column; gap:6px; cursor:pointer; }
  .menu-toggle span { width:25px; height:1px; background:white; transition:.3s; }
  .site-header.menu-open .nav { position:absolute; display:flex; flex-direction:column; align-items:center; top:74px; left:0; width:100%; padding:30px; background:rgba(9,14,11,.97); }
  .hero { height:auto; max-height:none; min-height:700px; padding:112px 0 72px; }
  .hero-layout { grid-template-columns:1fr; padding-top:0; }
  .hero-copy { position:relative; z-index:5; max-width:840px; padding:0 24px; }
  .hero-copy::before { border-radius:50%; }
  .hero-art { position:absolute; inset:0; width:auto; height:auto; margin-top:0; opacity:1; }
  .hero-art::before { width:min(740px,88vw); height:min(280px,36vw); }
  .parrot-logo-stage { width:clamp(780px,100vw,1080px); }
  .orbit-one { width:min(620px,86vw); height:min(620px,86vw); }
  .orbit-two { width:min(460px,68vw); height:min(460px,68vw); }
  .label-top { right:3%; top:34%; }
  .label-bottom { left:3%; bottom:16%; }
  .label-mid { right:3%; bottom:15%; }
  .metrics-grid { grid-template-columns:repeat(3,1fr); }
  .metrics article:nth-child(3) { border-right:0; }
  .metrics article:nth-child(-n+3) { border-bottom:1px solid rgba(255,255,255,.1); }
  .proof-layout { grid-template-columns:1fr; }
  .comparison-board, .testimonial-grid, .faq-layout { grid-template-columns:1fr; }
  .trust-gallery { grid-template-columns:1fr 1fr; grid-template-rows:auto 230px 230px; }
  .gallery-intro { grid-column:1 / -1; grid-row:auto; min-height:220px; }
  .gallery-featured { grid-column:1 / -1; grid-row:auto; }
  .gallery-card, .gallery-card img { min-height:220px; }
  .gallery-featured img { min-height:230px; }
  .comparison-axis { min-height:auto; padding:10px 0; }
  .comparison-axis i { height:70px; }
  .faq-intro { position:static; }
  .solutions-lab { grid-template-columns:1fr; }
  .solutions-side { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .solution-decision-card { min-height:260px; }
  .control-title-row, .control-showcase { grid-template-columns:1fr; gap:34px; }
  .control-title-row h2 { font-size:70px; }
  .control-story { min-height:auto; }
  .control-visual { min-height:540px; }
  .dashboard-3d { width:min(660px,88vw); right:20px; }
  .control-features { grid-template-columns:repeat(2,1fr); }
  .control-features article:nth-child(2) { border-right:0; }
  .control-features article:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.1); }
  .partner-grid { grid-template-columns:repeat(2,1fr); }
  .partner-card:last-child { grid-column:auto; }
  .split-heading { gap:45px; }
  .about-layout { gap:60px; }
  .process .container { gap:70px; }
}

@media (max-width: 760px) {
  .container { width:min(100% - 36px,1180px); }
  section:not(.hero,.metrics,.productivity-proof,.manifesto,.final-cta) { padding:58px 0; }
  .site-header { height:72px; padding:0 20px; }
  .brand-mark { width:50px; height:50px; }
  .brand-name { font-size:11px; }
  .hero { min-height:680px; padding:100px 0 60px; }
  .hero-copy { padding:0 16px; }
  .hero-copy::before { width:110vw; height:390px; border-radius:50%; backdrop-filter:none; }
  .hero h1 { font-size:40px; }
  .hero-lead { font-size:15px; }
  .hero-signature { font-size:8px; letter-spacing:.24em; }
  .hero-actions .btn-large { min-width:min(100%,330px); min-height:64px; font-size:15px; }
  .hero-actions { align-items:center; flex-direction:column; }
  .hero-seals { gap:13px; }
  .hero-art { height:auto; transform:none; }
  .parrot-logo-stage { left:0; width:clamp(660px,130vw,900px); opacity:.18; }
  .art-label { display:none; }
  .metrics { padding:18px 0; }
  .metrics-grid { grid-template-columns:1fr 1fr; }
  .metrics article { padding:18px; border-bottom:1px solid rgba(255,255,255,.1); }
  .metrics article:nth-child(2) { border-right:0; }
  .metrics article:nth-child(3) { border-right:1px solid rgba(255,255,255,.1); }
  .metrics article:nth-child(n+5) { border-bottom:0; }
  .proof-layout { gap:32px; }
  .proof-card { grid-template-columns:1fr; }
  .proof-percent { min-height:0; padding-bottom:20px; border-right:0; border-bottom:1px solid rgba(224,197,143,.16); }
  .proof-percent span { font-size:21px; }
  .proof-percent strong b { font-size:118px; }
  .proof-percent strong small { margin-bottom:10px; font-size:62px; }
  .comparison-card { min-height:330px; padding:28px; }
  .comparison-card h3 { margin:52px 0 22px; font-size:32px; }
  .testimonial-card, .featured-testimonial { min-height:260px; }
  .testimonial-card p { margin-top:42px; font-size:20px; }
  .faq-item summary { padding:21px 54px 21px 22px; }
  .about-mini-grid, .diff-badges { grid-template-columns:1fr; }
  .solutions-primary, .solutions-side { grid-template-columns:1fr; }
  .solution-hero-card { min-height:430px; padding:24px; }
  .solution-tags { display:none; }
  .solution-note { display:none; }
  .solution-hero-card h3 { font-size:36px; }
  .solution-visual { height:180px; }
  .solution-index { font-size:58px; }
  .solution-note { align-items:flex-start; flex-direction:column; }
  .control-head { margin-bottom:26px; }
  .control-title-row { gap:18px; }
  .control-title-row h2 { font-size:56px; }
  .control-title-row p { font-size:14px; }
  .control-pill-row { gap:8px; }
  .control-showcase { gap:22px; }
  .control-story { padding:22px; }
  .control-story-grid article { grid-template-columns:1fr; gap:5px; }
  .control-visual { min-height:470px; }
  .dashboard-3d { width:94vw; right:-8vw; top:48px; transform:rotateY(-8deg) rotateX(5deg); }
  .dashboard-body { grid-template-columns:1fr; }
  .dashboard-body aside { display:none; }
  .dash-middle { grid-template-columns:1fr; }
  .dash-radar, .panel-a, .panel-b, .control-chip { display:none; }
  .control-features { grid-template-columns:repeat(2,1fr); margin-top:22px; }
  .control-features article, .control-features article:nth-child(2) { border-right:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
  .control-features article:nth-child(2n) { border-right:0; }
  .control-features article:nth-last-child(-n+2) { border-bottom:0; }
  .partner-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  .partner-card:last-child { grid-column:auto; }
  .partner-card { min-height:92px; padding:13px; }
  .partner-card.logo-card img { width:min(100%,230px); }
  .trust-gallery { grid-template-columns:1fr; grid-template-rows:auto; padding:12px; border-radius:24px; }
  .gallery-intro { min-height:0; padding:22px; }
  .gallery-intro h3 { font-size:28px; }
  .gallery-card { height:190px; min-height:0; }
  .gallery-card img, .gallery-featured img { height:100%; min-height:0; }
  .trust-callout { align-items:flex-start; flex-direction:column; gap:10px; padding:18px 20px; }
  .split-heading, .about-layout, .diff-layout, .process .container, .cta-layout { grid-template-columns:1fr; gap:42px; }
  .split-heading { margin-bottom:34px; }
  .section-heading h2, .about h2, .process h2, .control-section h2, .final-cta h2 { font-size:39px; }
  .pain-grid { grid-template-columns:1fr 1fr; }
  .pain-card { min-height:185px; }
  .pain-card:nth-child(even) { margin-top:0; }
  .pain-card:nth-child(2n) { border-right:0; }
  .pain-card:nth-child(-n+2) { border-bottom:1px solid rgba(224,197,143,.13); }
  .pain-resolution { grid-template-columns:150px 1fr; gap:20px; }
  .about-visual img { height:480px; }
  .floating-card { right:-5px; }
  .process-intro { position:static; }
  .process-mini-panel { grid-column:auto; margin-top:0; }
  .manifesto { min-height:580px; }
  .manifesto h2 { font-size:43px; }
  .final-cta { padding:56px 0 72px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:45px; }
}

@media (max-width: 480px) {
  .hero h1 { font-size:34px; }
  .hero-art { height:auto; margin-top:0; }
  .parrot-logo-stage { width:clamp(560px,150vw,760px); }
  .hero-lead { font-size:14px; }
  .hero-service { margin-bottom:17px; padding:8px 12px; font-size:9px; letter-spacing:.1em; }
  .hero-city { flex-direction:column; gap:9px; font-size:8px; line-height:1; letter-spacing:.2em; }
  .hero-city strong { margin-left:0; font-size:31px; line-height:.9; }
  .scroll-cue { display:none; }
  .productivity-proof { padding:48px 0; }
  .proof-card { padding:26px; }
  .proof-percent strong b { font-size:96px; }
  .proof-percent strong small { font-size:52px; }
  .comparison-card { border-radius:20px; }
  .comparison-card h3 { font-size:29px; }
  .comparison-card li { font-size:12px; }
  .testimonial-card { padding:24px; border-radius:20px; }
  .faq-intro h2 { font-size:36px; }
  .solution-hero-card { min-height:390px; padding:22px; border-radius:22px; }
  .solution-hero-card h3 { font-size:32px; }
  .solution-hero-card p { font-size:13px; }
  .solution-tags span { font-size:8px; }
  .cube-a { left:2%; }
  .cube-b { right:0; }
  .block-a { left:3%; }
  .block-b { left:38%; }
  .plate-3d { right:2%; width:145px; }
  .solution-mini-card, .solution-decision-card, .solution-note { border-radius:18px; }
  .control-visual { min-height:430px; }
  .dashboard-3d { width:108vw; right:-28vw; top:34px; }
  .dash-row { grid-template-columns:1fr 1fr; }
  .dash-row div:last-child { display:none; }
  .dashboard-top img { width:28px; height:28px; }
  .dashboard-top strong { font-size:8px; }
  .dashboard-body main { padding:18px; }
  .dash-chart { height:100px; }
  .control-features article { min-height:174px; padding:16px; }
  .control-feature-card h3 { margin-top:14px; font-size:16px; }
  .control-feature-card p { font-size:10px; line-height:1.55; }
  .pain-grid { grid-template-columns:repeat(2,1fr); }
  .pain-card, .pain-card:last-child { min-height:180px; margin-top:0; padding:18px 16px; border:0!important; border-right:1px solid rgba(224,197,143,.13)!important; border-bottom:1px solid rgba(224,197,143,.13)!important; }
  .pain-card:nth-child(2n) { border-right:0!important; }
  .pain-card:nth-last-child(-n+2) { border-bottom:0!important; }
  .pain-card h3 { margin-top:24px; font-size:18px; }
  .pain-card p { font-size:11px; line-height:1.55; }
  .pain-resolution { grid-template-columns:1fr; gap:8px; margin-top:0; padding:18px 22px; background:linear-gradient(135deg,#10271f,#193c2e); }
  .resolution-label { color:var(--gold-light); }
  .about-visual { padding-right:12px; }
  .floating-card { width:210px; bottom:42px; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; gap:8px; }
  .floating-whatsapp span { display:none; }
  .floating-whatsapp { width:52px; padding:0; justify-content:center; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
  .cursor-glow, .scroll-progress { display:none; }
  .hero-copy, .art-label, .tilt-ready, .magnetic-ready { transform:none!important; }
}