*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --trust-navy:hsl(251,32%,15%);--trust-navy-light:hsl(251,32%,20%);--trust-navy-dark:hsl(240,26%,4%);
  --growth-amber:hsl(35,85%,53%);--growth-amber-light:hsl(35,85%,63%);--growth-amber-dark:hsl(35,85%,43%);
  --clarity-blue:hsl(204,85%,35%);--clarity-sky:hsl(201,86%,82%);
  --success:hsl(142,71%,45%);--danger:hsl(0,84%,60%);
  --white:#fff;--ghost:#f8f9fb;--silver:#94a3b8;--slate:#64748b;
  --font-heading:'Poppins',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --radius:0.75rem;
}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--white);color:var(--trust-navy);overflow-x:hidden;-webkit-font-smoothing:antialiased}
/* Noise texture for dark sections */
.section-dark::after{content:'';position:absolute;inset:0;opacity:0.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-0.025em}
.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}
@media(min-width:1024px){.container{padding:0 2rem}}
a{text-decoration:none;color:inherit}

/* ═══ ANIMATIONS ═══ */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes scrollX{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes typewriter{from{width:0}to{width:100%}}
@keyframes blink{0%,100%{border-color:var(--growth-amber)}50%{border-color:transparent}}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 hsla(35,85%,53%,0.4)}70%{box-shadow:0 0 0 15px hsla(35,85%,53%,0)}100%{box-shadow:0 0 0 0 hsla(35,85%,53%,0)}}
@keyframes diagonalMove{0%{background-position:0 0}100%{background-position:60px 60px}}
@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes orbitSlow{0%{transform:rotate(0deg) translateX(120px) rotate(0deg)}100%{transform:rotate(360deg) translateX(120px) rotate(-360deg)}}

.reveal{opacity:0;transform:translateY(30px);transition:all 0.7s cubic-bezier(0.16,1,0.3,1)}
.reveal.vis{opacity:1;transform:none}
.reveal-d1{transition-delay:0.1s}.reveal-d2{transition-delay:0.2s}.reveal-d3{transition-delay:0.3s}.reveal-d4{transition-delay:0.4s}

/* ═══ CURSOR GLOW (desktop only) ═══ */
.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:9999;
  background:radial-gradient(circle,hsla(35,85%,53%,0.06) 0%,transparent 70%);
  transform:translate(-50%,-50%);transition:opacity 0.3s;opacity:0}

/* ═══ NAV ═══ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;transition:all 0.4s}
nav.scrolled{background:hsla(251,32%,15%,0.95);backdrop-filter:blur(20px);padding:0.6rem 0;box-shadow:0 4px 30px rgba(0,0,0,0.15)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}

.nav-logo-svg{height:38px;width:auto;transition:all 0.3s}
.nav-logo:hover .nav-logo-svg{opacity:0.85}
nav.scrolled .nav-logo-svg{height:30px}
.nav-logo{font-family:var(--font-heading);font-weight:900;font-size:1.5rem;color:var(--white);display:flex;align-items:center;gap:0.5rem}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-links a{color:hsla(0,0%,100%,0.7);font-size:0.85rem;font-weight:500;letter-spacing:0.03em;transition:color 0.3s}
.nav-links a:hover{color:var(--growth-amber)}
.btn-amber{display:inline-flex;align-items:center;gap:0.5rem;background:var(--growth-amber);color:var(--trust-navy);padding:0.7rem 1.8rem;border-radius:var(--radius);font-family:var(--font-heading);font-weight:700;font-size:0.85rem;letter-spacing:0.02em;transition:all 0.3s;border:none;cursor:pointer}
.btn-amber:hover{background:var(--growth-amber-light);transform:translateY(-2px);box-shadow:0 8px 30px hsla(35,85%,53%,0.35)}
.btn-navy{display:inline-flex;align-items:center;gap:0.5rem;background:var(--trust-navy);color:var(--white);padding:0.7rem 1.8rem;border-radius:var(--radius);font-family:var(--font-heading);font-weight:700;font-size:0.85rem;letter-spacing:0.02em;transition:all 0.3s;border:2px solid transparent;cursor:pointer}
.btn-navy:hover{background:var(--trust-navy-light);transform:translateY(-2px);box-shadow:0 8px 30px hsla(251,32%,15%,0.25)}
.btn-outline{display:inline-flex;align-items:center;gap:0.5rem;background:transparent;color:var(--white);padding:0.65rem 1.8rem;border-radius:var(--radius);font-family:var(--font-heading);font-weight:600;font-size:0.85rem;border:2px solid hsla(0,0%,100%,0.2);transition:all 0.3s;cursor:pointer}
.btn-outline:hover{border-color:var(--growth-amber);color:var(--growth-amber);background:hsla(35,85%,53%,0.05)}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--white);margin:5px 0;transition:0.3s}
@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:block}}

/* ═══ HERO — Dark ═══ */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--trust-navy);padding:8rem 0 6rem}
#hero-canvas{position:absolute;inset:0;z-index:0}
.hero-diagonal{position:absolute;top:0;right:-200px;width:800px;height:120%;background:repeating-linear-gradient(135deg,transparent,transparent 58px,hsla(35,85%,53%,0.03) 58px,hsla(35,85%,53%,0.03) 60px);z-index:0;animation:diagonalMove 4s linear infinite}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;animation:float 12s ease-in-out infinite}
.hero-orb-1{width:500px;height:500px;background:hsla(35,85%,53%,0.06);top:5%;left:-10%}
.hero-orb-2{width:350px;height:350px;background:hsla(204,85%,35%,0.05);bottom:10%;right:0%;animation-delay:-4s}
/* Orbiting dot */
.orbit-ring{position:absolute;top:50%;left:50%;width:240px;height:240px;margin:-120px 0 0 -120px;z-index:0;pointer-events:none}
.orbit-dot{width:6px;height:6px;background:var(--growth-amber);border-radius:50%;animation:orbitSlow 20s linear infinite;position:absolute;top:50%;left:50%;box-shadow:0 0 12px hsla(35,85%,53%,0.6)}
.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:1024px){.hero .container{grid-template-columns:1fr}.hero-right{display:none}}
.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:hsla(35,85%,53%,0.1);border:1px solid hsla(35,85%,53%,0.25);padding:0.4rem 1rem;border-radius:100px;font-family:var(--font-mono);font-size:0.72rem;color:var(--growth-amber);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:1.5rem;animation:fadeUp 0.6s ease-out both}
.hero-badge::before{content:'';width:6px;height:6px;background:var(--growth-amber);border-radius:50%;animation:pulseRing 2s infinite}
.hero h1{font-weight:900;font-size:clamp(2.8rem,6vw,4.5rem);line-height:1.2;color:var(--white);margin-bottom:1.75rem;animation:fadeUp 0.7s ease-out 0.1s both}
.hero h1 .gradient-text{background:linear-gradient(135deg,var(--growth-amber),var(--growth-amber-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* Typewriter line — padding prevents vertical clipping from overflow:hidden */
.type-line{display:inline-block;overflow:hidden;white-space:nowrap;border-right:3px solid var(--growth-amber);padding-bottom:0.1em;margin-bottom:-0.1em;animation:typewriter 2s steps(30) 1s both,blink 0.8s step-end 3s infinite}
@media(max-width:768px){.type-line{white-space:normal;overflow:visible;border-right:none;animation:fadeIn 1s ease-out 1s both}}
.hero-sub{font-size:1.15rem;line-height:1.75;color:hsla(0,0%,100%,0.65);max-width:540px;margin-bottom:2.75rem;animation:fadeUp 0.7s ease-out 0.25s both}
.hero-sub strong{color:var(--white);font-weight:600}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp 0.7s ease-out 0.4s both}

/* CONTEXTUA badge */
.ctx-badge{display:flex;align-items:center;gap:0.6rem;margin-top:2rem;font-family:var(--font-mono);font-size:0.68rem;color:hsla(0,0%,100%,0.35);letter-spacing:0.04em}
.ctx-badge strong{color:var(--clarity-sky);font-weight:600;letter-spacing:0.08em}
.ctx-link{color:inherit;text-decoration:none;transition:all 0.3s;border-bottom:1px solid transparent}
.ctx-link:hover{color:var(--clarity-sky)!important;border-bottom-color:hsla(204,85%,35%,0.4)}
.ctx-link strong{transition:color 0.3s}
.ctx-line{width:20px;height:1px;background:hsla(204,85%,35%,0.4)}
.ctx-dot{width:3px;height:3px;border-radius:50%;background:hsla(204,85%,35%,0.5)}
.ctx-card-badge{display:flex;align-items:center;gap:0.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid hsla(204,85%,35%,0.08);font-family:var(--font-mono);font-size:0.65rem;color:hsla(0,0%,100%,0.3);letter-spacing:0.06em}
.ctx-card-badge strong{color:var(--clarity-sky);font-weight:600;letter-spacing:0.1em}

/* Hero right — floating dashboard card */
.hero-right{position:relative;animation:fadeIn 1s ease-out 0.6s both}
.dash-card{background:hsla(251,32%,20%,0.5);backdrop-filter:blur(20px);border:1px solid hsla(35,85%,53%,0.1);border-radius:16px;padding:2rem;position:relative;overflow:hidden;animation:float 6s ease-in-out infinite;box-shadow:0 24px 48px rgba(0,0,0,0.2),inset 0 1px 0 hsla(0,0%,100%,0.04)}
.dash-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--growth-amber),var(--clarity-blue),var(--success))}
.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,0.06)}
.dash-title{font-family:var(--font-mono);font-size:0.7rem;color:var(--silver);text-transform:uppercase;letter-spacing:0.08em}
.dash-live{display:flex;align-items:center;gap:0.4rem;font-family:var(--font-mono);font-size:0.65rem;color:var(--success);text-transform:uppercase;letter-spacing:0.08em}
.dash-live::before{content:'';width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulseRing 1.5s infinite}
.dash-row{display:flex;justify-content:space-between;align-items:center;padding:0.65rem 0;border-bottom:1px solid hsla(0,0%,100%,0.04);font-size:0.88rem}
.dash-row:last-child{border:none}
.dash-label{color:hsla(0,0%,100%,0.5)}
.dash-val{font-family:var(--font-mono);font-weight:600}
.dash-val.green{color:var(--success)}.dash-val.red{color:var(--danger)}.dash-val.amber{color:var(--growth-amber)}.dash-val.white{color:var(--white)}
.dash-bar{width:100%;height:6px;background:hsla(0,0%,100%,0.06);border-radius:3px;margin-top:1rem;overflow:hidden;position:relative}
.dash-bar-fill{height:100%;border-radius:3px;transition:width 2s cubic-bezier(0.16,1,0.3,1)}
.dash-total{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,0.06)}
.dash-total-label{color:hsla(0,0%,100%,0.5);font-size:0.85rem}
.dash-total-val{font-family:var(--font-heading);font-weight:800;font-size:1.75rem;color:var(--success)}

/* ═══ TICKER ═══ */
.ticker{background:var(--trust-navy-dark);border-top:1px solid hsla(35,85%,53%,0.06);border-bottom:1px solid hsla(35,85%,53%,0.06);padding:0.75rem 0;overflow:hidden}
.ticker-track{display:flex;align-items:center;gap:3rem;animation:scrollX 30s linear infinite;width:max-content}
.ticker-item{display:flex;align-items:center;gap:0.5rem;white-space:nowrap;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.04em;text-transform:uppercase;color:hsla(0,0%,100%,0.4)}
.ticker-item .tdot{width:4px;height:4px;background:var(--growth-amber);border-radius:50%}

/* ═══ SECTION BASES ═══ */
.section{padding:6rem 0;position:relative}
.section-dark{background:var(--trust-navy);color:var(--white)}
.section-light{background:var(--white);color:var(--trust-navy)}
.section-ghost{background:var(--ghost);color:var(--trust-navy)}
/* Diagonal separator */
.diag-sep{position:relative}
.diag-sep::before{content:'';position:absolute;top:-60px;left:0;right:0;height:60px;background:inherit;clip-path:polygon(0 100%,100% 0,100% 100%)}
.slabel{font-family:var(--font-mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.75rem}
.slabel::before{content:'';width:24px;height:2px;border-radius:1px}
.section-dark .slabel{color:var(--growth-amber)}.section-dark .slabel::before{background:var(--growth-amber)}
.section-light .slabel,.section-ghost .slabel{color:var(--clarity-blue)}.section-light .slabel::before,.section-ghost .slabel::before{background:var(--clarity-blue)}
.stitle{font-weight:800;font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin-bottom:1rem}
.sdesc{font-size:1.05rem;line-height:1.7;max-width:600px}
.section-dark .sdesc{color:hsla(0,0%,100%,0.6)}
.section-light .sdesc,.section-ghost .sdesc{color:var(--slate)}

/* ═══ PROBLEM SECTION (light) ═══ */
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem;align-items:center}
@media(max-width:768px){.problem-grid{grid-template-columns:1fr}}
.problem-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.pstat{background:var(--white);border:1px solid hsl(0,0%,93%);border-radius:14px;padding:1.75rem;position:relative;overflow:hidden;transition:all 0.4s;box-shadow:0 2px 12px rgba(0,0,0,0.03)}
.pstat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--growth-amber),hsla(35,85%,53%,0.2));opacity:0.6}
.pstat::after{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,hsla(35,85%,53%,0.04),transparent 70%)}
.pstat:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,0.08);border-color:hsla(35,85%,53%,0.2)}
.pstat-val{font-family:var(--font-heading);font-weight:900;font-size:2rem;color:var(--trust-navy);line-height:1;position:relative;z-index:1}
.pstat-text{font-size:0.82rem;color:var(--slate);margin-top:0.5rem;line-height:1.5;position:relative;z-index:1}
.problem-text h3{font-size:1.5rem;margin-bottom:1rem}
.problem-text p{color:var(--slate);line-height:1.8;margin-bottom:1rem}
.vtag{display:inline-block;background:hsla(35,85%,53%,0.08);border:1px solid hsla(35,85%,53%,0.15);color:var(--growth-amber-dark);font-family:var(--font-mono);font-size:0.68rem;padding:0.15rem 0.5rem;border-radius:3px;letter-spacing:0.04em;text-transform:uppercase;margin:0 0.1rem}

/* ═══ PILLARS SECTION (dark) ═══ */
.pillars-header{text-align:center;margin-bottom:3.5rem}
.pillars-header .stitle,.pillars-header .sdesc{max-width:700px;margin-left:auto;margin-right:auto}
.pillar-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media(max-width:1024px){.pillar-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pillar-cards{grid-template-columns:1fr}}
.pcard{background:hsla(251,32%,20%,0.45);backdrop-filter:blur(8px);border:1px solid hsla(35,85%,53%,0.06);border-radius:14px;padding:1.75rem 1.5rem;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);cursor:default;display:flex;flex-direction:column;box-shadow:0 4px 24px rgba(0,0,0,0.12),inset 0 1px 0 hsla(0,0%,100%,0.03)}
.pcard:hover{border-color:hsla(35,85%,53%,0.25);transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,0.3)}
.pcard::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--growth-amber),transparent);opacity:0;transition:opacity 0.4s}
.pcard:hover::after{opacity:1}
.pcard-num{position:absolute;top:1.25rem;right:1.25rem;font-family:var(--font-heading);font-weight:900;font-size:3.5rem;color:hsla(35,85%,53%,0.04);line-height:1}
.pcard-icon{width:48px;height:48px;background:hsla(35,85%,53%,0.08);border:1px solid hsla(35,85%,53%,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.25rem}
.pcard h3{font-size:1.05rem;color:var(--white);margin-bottom:0.5rem}
.pcard-desc{color:hsla(0,0%,100%,0.55);font-size:0.92rem;line-height:1.7;margin-bottom:1.25rem;flex:1}
.ptags{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:auto}
.ptag{font-family:var(--font-mono);font-size:0.62rem;padding:0.2rem 0.5rem;background:hsla(35,85%,53%,0.06);border:1px solid hsla(35,85%,53%,0.12);border-radius:3px;color:var(--growth-amber);letter-spacing:0.04em;text-transform:uppercase}
/* Wide Margin OS card */
.pcard-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media(max-width:768px){.pcard-wide{grid-template-columns:1fr}}
.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
.mm{background:hsla(142,71%,45%,0.05);border:1px solid hsla(142,71%,45%,0.12);border-radius:8px;padding:1rem;text-align:center;transition:all 0.3s}
.mm:hover{border-color:hsla(142,71%,45%,0.3);transform:scale(1.03)}
.mm-val{font-family:var(--font-heading);font-weight:800;font-size:1.4rem;color:var(--success);line-height:1}
.mm-label{font-family:var(--font-mono);font-size:0.62rem;color:var(--silver);text-transform:uppercase;letter-spacing:0.04em;margin-top:0.3rem}

/* ═══ METRICS (ghost bg) ═══ */
.metrics-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-weight:900;font-size:18vw;color:hsla(251,32%,15%,0.03);white-space:nowrap;pointer-events:none;z-index:0}
.metrics .container{position:relative;z-index:1}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem}
@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}}
.mcard{background:var(--white);border:1px solid hsl(0,0%,93%);border-radius:14px;padding:2rem;text-align:center;transition:all 0.4s;position:relative;overflow:hidden}
.mcard::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,hsla(35,85%,53%,0.03),transparent);opacity:0;transition:opacity 0.4s}
.mcard:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.08);border-color:hsla(35,85%,53%,0.2)}
.mcard:hover::before{opacity:1}
.mcard-abbr{font-family:var(--font-heading);font-weight:900;font-size:2.5rem;background:linear-gradient(135deg,var(--growth-amber),var(--growth-amber-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:0.5rem;position:relative;z-index:1}
.mcard-name{font-family:var(--font-heading);font-weight:700;font-size:0.88rem;color:var(--trust-navy);margin-bottom:0.6rem;position:relative;z-index:1}
.mcard-desc{font-size:0.82rem;color:var(--slate);line-height:1.6;position:relative;z-index:1}

/* ═══ PROCESS (dark) ═══ */
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:3.5rem;position:relative}
@media(max-width:768px){.process-steps{grid-template-columns:repeat(2,1fr);gap:2rem}}
.process-steps::before{content:'';position:absolute;top:44px;left:60px;right:60px;height:2px;background:linear-gradient(90deg,var(--growth-amber),var(--clarity-blue),var(--success));opacity:0.15}
@media(max-width:768px){.process-steps::before{display:none}}
.pstep{text-align:center;padding:0 1.25rem;position:relative}
.pstep-num{width:88px;height:88px;border-radius:50%;background:var(--trust-navy-light);border:2px solid hsla(35,85%,53%,0.15);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-family:var(--font-heading);font-weight:900;font-size:1.5rem;color:var(--growth-amber);position:relative;z-index:1;transition:all 0.4s}
.pstep:hover .pstep-num{border-color:var(--growth-amber);box-shadow:0 0 40px hsla(35,85%,53%,0.2);animation:countPulse 0.6s ease}
.pstep h3{font-size:1.05rem;color:var(--white);margin-bottom:0.5rem}
.pstep p{font-size:0.88rem;color:hsla(0,0%,100%,0.5);line-height:1.6}

/* ═══ SERVICES — TABBED COMPACT ═══ */
.tabs-nav{display:flex;gap:0.35rem;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tabs-nav::-webkit-scrollbar{display:none}
.tab-btn{flex-shrink:0;display:flex;align-items:center;gap:0.6rem;padding:0.85rem 1.4rem;border-radius:10px;background:transparent;border:1px solid hsl(0,0%,93%);cursor:pointer;transition:all 0.35s;font-family:var(--font-heading);font-weight:600;font-size:0.82rem;color:var(--slate);white-space:nowrap}
.tab-btn svg{flex-shrink:0}
.tab-btn:hover{border-color:hsla(35,85%,53%,0.3);color:var(--trust-navy)}
.tab-btn.active{background:var(--trust-navy);border-color:var(--trust-navy);color:var(--white);box-shadow:0 4px 20px hsla(251,32%,15%,0.2)}
.tab-btn .tab-icon{font-size:1.1rem}
.tab-btn .tab-num{font-family:var(--font-mono);font-size:0.6rem;opacity:0.4}
.tab-panel{display:none;animation:fadeUp 0.4s ease-out}
.tab-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
@media(max-width:768px){.tab-panel.active{grid-template-columns:1fr}}
.tp-info h3{font-size:1.35rem;margin-bottom:0.6rem}
.tp-info p{color:var(--slate);line-height:1.7;font-size:0.92rem;margin-bottom:1rem}
.tp-feats{display:grid;gap:0.5rem}
.tp-feat{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.82rem;color:var(--trust-navy);line-height:1.45}
.tp-feat-dot{width:5px;height:5px;min-width:5px;border-radius:50%;background:var(--growth-amber);margin-top:6px}
/* Keep svc-visual styles */
.svc-visual{background:var(--trust-navy);border-radius:14px;padding:1.75rem;position:relative;overflow:hidden;color:var(--white)}
.svc-visual::after{content:'';position:absolute;top:-30%;right:-30%;width:250px;height:250px;background:radial-gradient(circle,hsla(35,85%,53%,0.06),transparent 60%)}
.sv-chrome{display:flex;align-items:center;gap:0.4rem;margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:1px solid hsla(0,0%,100%,0.06)}
.sv-dot{width:8px;height:8px;border-radius:50%}
.sv-r{background:#FF5F57}.sv-y{background:#FEBC2E}.sv-g{background:#28C840}
.sv-title{font-family:var(--font-mono);font-size:0.65rem;color:var(--silver);margin-left:0.5rem}
.sv-row{display:flex;justify-content:space-between;align-items:center;padding:0.45rem 0;border-bottom:1px solid hsla(0,0%,100%,0.04);font-size:0.82rem}
.sv-row:last-child{border:none}
.sv-lbl{color:hsla(0,0%,100%,0.5)}
.sv-val{font-family:var(--font-mono);font-weight:600}
.sv-val.g{color:var(--success)}.sv-val.r{color:var(--danger)}.sv-val.a{color:var(--growth-amber)}.sv-val.w{color:var(--white)}
.sv-bar-track{width:100px;height:4px;background:hsla(0,0%,100%,0.06);border-radius:2px;overflow:hidden}
.sv-bar-fill{height:100%;border-radius:2px;transition:width 2s cubic-bezier(0.16,1,0.3,1)}

/* ═══ ANIMATED COUNTERS ═══ */
.counter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;text-align:center}
@media(max-width:768px){.counter-row{grid-template-columns:repeat(2,1fr)}}
.counter{position:relative}
.counter-val{font-family:var(--font-heading);font-weight:900;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1;margin-bottom:0.35rem}
.section-dark .counter-val{color:var(--growth-amber)}
.section-light .counter-val,.section-ghost .counter-val{color:var(--trust-navy)}
.counter-label{font-family:var(--font-mono);font-size:0.68rem;text-transform:uppercase;letter-spacing:0.08em}
.section-dark .counter-label{color:var(--silver)}
.section-light .counter-label,.section-ghost .counter-label{color:var(--slate)}

.section-ghost .pstep h3{color:var(--trust-navy)}
.section-ghost .pstep p{color:var(--slate)}

/* ═══ CONTEXTUA SECTION — Centered Impact ═══ */
@keyframes ctxSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ctxPulse{0%,100%{box-shadow:0 0 20px hsla(204,85%,35%,0.1),0 0 60px hsla(204,85%,35%,0.05)}50%{box-shadow:0 0 30px hsla(204,85%,35%,0.2),0 0 80px hsla(204,85%,35%,0.08)}}
.ctx-section{padding:5rem 0;background:var(--trust-navy-dark);position:relative;overflow:hidden}
.ctx-section::before{content:'';position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:radial-gradient(circle,hsla(204,85%,35%,0.04) 0%,transparent 60%);pointer-events:none}
.ctx-center{text-align:center;max-width:680px;margin:0 auto;position:relative;z-index:1}
/* Z mark with glow ring */
.ctx-mark{width:110px;height:110px;margin:0 auto 1.5rem;position:relative;display:flex;align-items:center;justify-content:center;animation:ctxPulse 4s ease-in-out infinite}
.ctx-mark::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid transparent;border-top-color:hsla(204,85%,35%,0.3);border-right-color:hsla(35,85%,53%,0.15);animation:ctxSpin 8s linear infinite}
.ctx-mark::after{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid hsla(204,85%,35%,0.06)}
.ctx-mark svg{width:72px;height:72px;filter:drop-shadow(0 0 14px hsla(35,85%,53%,0.25))}
.ctx-label{font-family:var(--font-mono);font-weight:700;font-size:0.8rem;letter-spacing:0.25em;color:var(--clarity-sky);text-transform:uppercase;margin-bottom:0.35rem}
.ctx-sublabel{font-family:var(--font-mono);font-size:0.55rem;color:hsla(0,0%,100%,0.25);letter-spacing:0.08em;margin-bottom:1.5rem}
.ctx-headline{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.3rem,2.5vw,1.6rem);color:var(--white);line-height:1.35;margin-bottom:1rem}
.ctx-headline span{color:var(--growth-amber)}
.ctx-text{font-size:0.88rem;color:hsla(0,0%,100%,0.4);line-height:1.8;margin-bottom:1.5rem}
.ctx-text strong{color:hsla(0,0%,100%,0.65);font-weight:600}
.ctx-agents{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-bottom:1.25rem}
.ctx-agent{font-family:var(--font-mono);font-size:0.58rem;padding:0.3rem 0.7rem;border-radius:100px;border:1px solid hsla(204,85%,35%,0.12);color:hsla(201,86%,82%,0.6);letter-spacing:0.04em;transition:all 0.3s;display:flex;align-items:center;gap:0.35rem}
.ctx-agent:hover{border-color:hsla(204,85%,35%,0.35);color:var(--clarity-sky)}
.ctx-agent-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.ctx-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,hsla(204,85%,35%,0.15),transparent);margin:0 auto}

/* ═══ CREATIVE INTELLIGENCE SHOWCASE ═══ */
.ci-section{background:var(--trust-navy);position:relative;overflow:hidden}
.ci-section::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,hsla(204,85%,35%,0.04) 0%,transparent 50%,hsla(35,85%,53%,0.03) 100%)}
.ci-header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}
.ci-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;position:relative;z-index:1}
@media(max-width:768px){.ci-grid{grid-template-columns:1fr}}
.ci-card{background:hsla(251,32%,20%,0.5);backdrop-filter:blur(8px);border:1px solid hsla(204,85%,35%,0.1);border-radius:14px;padding:2rem;transition:all 0.4s;position:relative;overflow:hidden}
.ci-card:hover{border-color:hsla(204,85%,35%,0.3);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.25)}
.ci-card-icon{width:44px;height:44px;background:hsla(204,85%,35%,0.08);border:1px solid hsla(204,85%,35%,0.15);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.ci-card h4{font-family:var(--font-heading);font-weight:700;font-size:1.05rem;color:var(--white);margin-bottom:0.5rem}
.ci-card p{font-size:0.85rem;color:hsla(0,0%,100%,0.5);line-height:1.6}
.ci-card-stat{margin-top:1rem;padding-top:0.75rem;border-top:1px solid hsla(0,0%,100%,0.05);display:flex;align-items:baseline;gap:0.5rem}
.ci-card-stat-val{font-family:var(--font-heading);font-weight:800;font-size:1.3rem;color:var(--clarity-sky)}
.ci-card-stat-label{font-family:var(--font-mono);font-size:0.6rem;color:var(--silver);text-transform:uppercase;letter-spacing:0.06em}
.ci-flow{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:1}
.ci-flow-step{display:flex;align-items:center;gap:0.75rem;background:hsla(251,32%,20%,0.5);border:1px solid hsla(204,85%,35%,0.1);border-radius:100px;padding:0.6rem 1.25rem}
.ci-flow-num{width:24px;height:24px;border-radius:50%;background:hsla(204,85%,35%,0.15);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:0.6rem;color:var(--clarity-sky);font-weight:700}
.ci-flow-text{font-size:0.78rem;color:hsla(0,0%,100%,0.6);font-weight:500}
.ci-flow-arrow{color:hsla(204,85%,35%,0.3);font-size:1.2rem}

.ecard{background:var(--white);border:1px solid hsl(0,0%,92%);box-shadow:0 2px 16px rgba(0,0,0,0.04)}
.ecard:hover{box-shadow:0 16px 48px rgba(0,0,0,0.08)}
.ecard .ecard-vs{color:var(--clarity-blue);background:hsla(204,85%,35%,0.06);border:1px solid hsla(204,85%,35%,0.1)}
.ecard h3{color:var(--trust-navy);font-weight:800}
.ecard p{color:var(--slate)}
.ecard::before{background:linear-gradient(90deg,transparent,hsla(35,85%,53%,0.12),transparent)}
/* ═══ EDGE ═══ */
.edge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
@media(max-width:768px){.edge-grid{grid-template-columns:1fr}}
.ecard{border-radius:16px;padding:2.25rem 2rem;transition:all 0.4s;position:relative;overflow:hidden}
.ecard::before{content:'';position:absolute;top:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,transparent,hsla(35,85%,53%,0.3),transparent)}
.ecard:hover{transform:translateY(-4px)}
.ecard-vs{font-family:var(--font-mono);font-size:0.58rem;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:0.75rem;display:inline-block;padding:0.25rem 0.75rem;border-radius:100px}
.ecard h3{font-size:1.15rem;margin-bottom:0.75rem;line-height:1.35}
.ecard p{font-size:0.88rem;line-height:1.7}

/* ═══ LEAKS (dark) ═══ */
.leaks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}
@media(max-width:768px){.leaks-grid{grid-template-columns:1fr}}
.lcard{background:hsla(142,71%,45%,0.03);border:1px solid hsla(142,71%,45%,0.1);border-radius:16px;padding:2rem;transition:all 0.4s;cursor:pointer}
.lcard:hover{border-color:hsla(0,84%,60%,0.2);background:hsla(0,84%,60%,0.03);transform:translateY(-3px)}
.lcard-type{font-family:var(--font-mono);font-size:0.62rem;color:var(--success);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.5rem;opacity:0.8}
.lcard-amt{font-family:var(--font-heading);font-weight:900;font-size:2rem;color:var(--success) !important;line-height:1;margin-bottom:0.5rem}
.lcard-desc{font-size:0.85rem;color:hsla(0,0%,100%,0.5);line-height:1.6}

/* Simulator */
.sim{margin:2.5rem 0 2rem;padding:2rem;background:hsla(251,32%,20%,0.5);backdrop-filter:blur(8px);border:1px solid hsla(35,85%,53%,0.1);border-radius:14px}
.sim-input-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.sim-label{font-family:var(--font-heading);font-weight:700;font-size:0.9rem;color:var(--white);white-space:nowrap}
.sim-field{display:flex;align-items:center;background:hsla(0,0%,0%,0.25);border:2px solid hsla(35,85%,53%,0.2);border-radius:var(--radius);padding:0 1rem;transition:border-color 0.3s;flex:1;max-width:320px}
.sim-field:focus-within{border-color:var(--growth-amber)}
.sim-prefix{font-family:var(--font-mono);font-weight:700;font-size:1.4rem;color:var(--growth-amber)}
.sim-input{background:none;border:none;outline:none;font-family:var(--font-mono);font-weight:700;font-size:1.4rem;color:var(--white);padding:0.7rem 0.5rem;width:100%}
.sim-presets{display:flex;gap:0.5rem;margin-top:1rem;flex-wrap:wrap}
.sim-preset{background:hsla(0,0%,100%,0.04);border:1px solid hsla(0,0%,100%,0.1);color:var(--silver);font-family:var(--font-mono);font-size:0.72rem;font-weight:600;padding:0.4rem 0.9rem;border-radius:6px;cursor:pointer;transition:all 0.25s;letter-spacing:0.02em}
.sim-preset:hover,.sim-preset.active{background:hsla(35,85%,53%,0.12);border-color:var(--growth-amber);color:var(--growth-amber)}
.lcard-pct{font-family:var(--font-mono);font-size:0.6rem;color:hsla(0,0%,100%,0.3);margin-top:0.4rem}

/* Simulator total */
.sim-total{margin-top:2rem;padding:1.75rem 2rem;background:hsla(251,32%,20%,0.5);backdrop-filter:blur(8px);border:1px solid hsla(35,85%,53%,0.08);border-radius:14px}
.sim-total-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.sim-total-label{font-family:var(--font-mono);font-size:0.65rem;color:var(--silver);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.3rem}
.sim-total-val{font-family:var(--font-heading);font-weight:900;font-size:clamp(1.5rem,3vw,2rem);color:var(--success);line-height:1}
.sim-total-val.green{color:var(--success)}
.sim-total-note{margin-top:1rem;padding-top:0.75rem;border-top:1px solid hsla(0,0%,100%,0.05);font-size:0.72rem;color:hsla(0,0%,100%,0.3);font-style:italic;line-height:1.5}

/* ═══ PRICING (light) ═══ */
.pricing-header{text-align:center;margin-bottom:3.5rem}
.pricing-header .stitle,.pricing-header .sdesc{max-width:600px;margin-left:auto;margin-right:auto}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:start}
@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.pricing-grid{grid-template-columns:1fr}}
.prcard{background:var(--white);border:1px solid hsl(0,0%,93%);border-radius:14px;padding:2rem;position:relative;transition:all 0.4s}
.prcard:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.08)}
.prcard.featured{border-color:var(--growth-amber);box-shadow:0 0 0 1px var(--growth-amber),0 12px 40px hsla(35,85%,53%,0.12)}
.prcard.featured::before{content:'MOST POPULAR';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--growth-amber);color:var(--trust-navy);font-family:var(--font-heading);font-weight:800;font-size:0.58rem;letter-spacing:0.1em;padding:0.25rem 0.8rem;border-radius:100px;white-space:nowrap}
.prcard-tier{font-family:var(--font-heading);font-weight:800;font-size:1.1rem;color:var(--growth-amber);letter-spacing:0.03em;text-transform:uppercase;margin-bottom:0.4rem}
.prcard-target{font-size:0.78rem;color:var(--slate);margin-bottom:1.25rem;line-height:1.5}
.prcard-div{width:100%;height:1px;background:hsl(0,0%,93%);margin:1.25rem 0}
.prcard-inc h4{font-family:var(--font-mono);font-size:0.62rem;color:var(--slate);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.6rem}
.prcard-list{list-style:none;display:grid;gap:0.4rem}
.prcard-list li{display:flex;align-items:flex-start;gap:0.4rem;font-size:0.82rem;line-height:1.4}
.prcard-list li::before{content:'→';color:var(--growth-amber);font-weight:700;min-width:16px}
.prcard-cta{margin-top:1.25rem}
.prcard-cta a{display:block;text-align:center;padding:0.7rem;border-radius:var(--radius);font-family:var(--font-heading);font-weight:700;font-size:0.8rem;letter-spacing:0.04em;transition:all 0.3s}
.prcard-cta-outline a{border:1px solid hsl(0,0%,93%);color:var(--trust-navy)}
.prcard-cta-outline a:hover{border-color:var(--growth-amber);color:var(--growth-amber);background:hsla(35,85%,53%,0.04)}
.prcard-cta-fill a{background:var(--growth-amber);color:var(--trust-navy)}
.prcard-cta-fill a:hover{background:var(--growth-amber-light);transform:translateY(-1px);box-shadow:0 4px 20px hsla(35,85%,53%,0.3)}

/* ═══ FINAL CTA (dark, dramatic) ═══ */
.final-cta{padding:8rem 0;text-align:center;position:relative;overflow:hidden;background:var(--trust-navy)}
.final-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,hsla(35,85%,53%,0.08),transparent 60%);pointer-events:none}
.final-cta .container{position:relative;z-index:1}
.final-cta h2{font-weight:900;font-size:clamp(2.2rem,5vw,3.5rem);color:var(--white);line-height:1.1;margin-bottom:1.5rem}
.final-cta p{color:hsla(0,0%,100%,0.6);font-size:1.1rem;margin-bottom:2.5rem;max-width:550px;margin-left:auto;margin-right:auto;line-height:1.7}
.final-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}

/* ═══ FOOTER ═══ */
footer{background:var(--trust-navy-dark);border-top:1px solid hsla(35,85%,53%,0.06);padding:4rem 0 2rem;color:var(--white)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr}}
.footer-brand p{color:var(--silver);font-size:0.88rem;line-height:1.7;margin-top:0.75rem;max-width:300px}
.footer-col h4{font-family:var(--font-heading);font-weight:700;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:1rem}
.footer-col a{display:block;color:var(--silver);font-size:0.88rem;margin-bottom:0.5rem;transition:color 0.2s}
.footer-col a:hover{color:var(--growth-amber)}
.footer-bottom{padding-top:2rem;border-top:1px solid hsla(0,0%,100%,0.04);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:0.78rem;color:var(--silver)}
.footer-bottom a{font-size:0.78rem;color:var(--silver);margin-left:1.25rem;transition:color 0.2s}
.footer-bottom a:hover{color:var(--growth-amber)}

/* ═══ SHIMMER BUTTON EFFECT ═══ */
.shimmer{position:relative;overflow:hidden}
.shimmer::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,0.15),transparent);transition:left 0.5s}
.shimmer:hover::after{left:150%}

/* Leak card hover reveal */
.lcard .lcard-recov{opacity:0;max-height:0;overflow:hidden;transition:all 0.4s ease;margin-top:0;font-size:0.78rem;font-family:var(--font-mono);color:var(--danger) !important}
.lcard:hover .lcard-recov,.lcard:active .lcard-recov{opacity:1;max-height:40px;margin-top:0.6rem}
.lcard .lcard-hint{font-family:var(--font-mono);font-size:0.55rem;color:hsla(142,71%,45%,0.25);text-transform:uppercase;letter-spacing:0.1em;margin-top:0.5rem;transition:opacity 0.3s}
.lcard:hover .lcard-hint{opacity:0}

/* ═══ VISUAL DEPTH — light/ghost sections ═══ */
/* Subtle dot grid for ghost */
.section-ghost{background-image:radial-gradient(circle,hsla(251,32%,15%,0.03) 1px,transparent 1px);background-size:24px 24px}
/* Top/bottom border accents */
.section-ghost,.section-light{border-top:1px solid hsla(251,32%,15%,0.04)}
/* Decorative gradient orb on ghost sections */
.section-ghost::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,hsla(204,85%,35%,0.03),transparent 70%);pointer-events:none;z-index:0}
.section-light::before{content:'';position:absolute;bottom:-80px;left:-80px;width:350px;height:350px;background:radial-gradient(circle,hsla(35,85%,53%,0.03),transparent 70%);pointer-events:none;z-index:0}
.section-ghost,.section-light{position:relative;overflow:hidden}
.section-ghost>.container,.section-light>.container{position:relative;z-index:1}

/* Edge cards — more presence on light bg */
.ecard{background:var(--white);border:1px solid hsl(0,0%,90%);box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:all 0.4s}
.ecard:hover{box-shadow:0 16px 48px rgba(0,0,0,0.1);transform:translateY(-6px)}
.ecard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--growth-amber),var(--clarity-blue));transform:scaleX(0);transition:transform 0.4s;transform-origin:left}
.ecard:hover::after{transform:scaleX(1)}

/* Process steps on ghost — add left accent + card feel */
.section-ghost .pstep{background:var(--white);border-radius:12px;padding:1.75rem 2rem;border:1px solid hsla(251,32%,15%,0.04);box-shadow:0 2px 12px rgba(0,0,0,0.03);margin-bottom:0;border-bottom:none;border-left:3px solid var(--growth-amber)}
.section-ghost .pstep:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06)}

/* Metrics on light — card depth */
.metrics .mcard{box-shadow:0 4px 20px rgba(0,0,0,0.04);border:1px solid hsl(0,0%,91%)}
.metrics .mcard:hover{box-shadow:0 12px 40px rgba(0,0,0,0.08)}

/* Pricing on light — more depth */
.section-light .prcard{box-shadow:0 4px 24px rgba(0,0,0,0.05);border:1px solid hsl(0,0%,90%)}
.section-light .prcard:hover{box-shadow:0 16px 48px rgba(0,0,0,0.1)}
.section-light .prcard.featured{box-shadow:0 8px 32px hsla(35,85%,53%,0.15)}

/* Section labels on light/ghost — decorative line */
.section-ghost .slabel::after,.section-light .slabel::after{content:'';flex:1;max-width:60px;height:1px;background:hsla(204,85%,35%,0.12)}

/* stitle on light/ghost — tighter, more grounded */
.section-ghost .stitle,.section-light .stitle{max-width:700px}
.section-ghost .sdesc,.section-light .sdesc{max-width:600px}

/* Deep dive tabs — better container */
.tabs-nav{background:var(--white);border-radius:12px;padding:0.5rem;box-shadow:0 2px 12px rgba(0,0,0,0.04);border:1px solid hsl(0,0%,92%)}

/* ═══ COMPARISON TABLE ═══ */
.cmp-section{padding:4.5rem 0 1rem}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:hsla(35,85%,53%,0.2) transparent}
.cmp-table{width:100%;min-width:700px;border-collapse:separate;border-spacing:0;font-size:0.82rem}
.cmp-table thead th{padding:1rem 1.25rem;text-align:center;font-family:var(--font-heading);font-weight:700;font-size:0.78rem;letter-spacing:0.04em;color:hsla(0,0%,100%,0.4);border-bottom:1px solid hsla(0,0%,100%,0.06)}
.cmp-table thead th:first-child{text-align:left;color:hsla(0,0%,100%,0.25);font-family:var(--font-mono);font-size:0.6rem;text-transform:uppercase;letter-spacing:0.12em}
.cmp-th-price{display:block;font-family:var(--font-mono);font-size:0.55rem;font-weight:500;color:hsla(0,0%,100%,0.2);margin-top:0.15rem;letter-spacing:0.04em}
.cmp-th-amazify{background:linear-gradient(180deg,hsla(35,85%,53%,0.08) 0%,transparent 100%);border-radius:12px 12px 0 0;color:var(--growth-amber)!important;position:relative}
.cmp-th-amazify::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--growth-amber),var(--growth-amber-light));border-radius:3px 3px 0 0}
.cmp-table tbody td{padding:0.85rem 1.25rem;text-align:center;border-bottom:1px solid hsla(0,0%,100%,0.03);color:hsla(0,0%,100%,0.35);transition:background 0.3s;vertical-align:middle}
.cmp-table tbody td:first-child{text-align:left;font-weight:600;color:hsla(0,0%,100%,0.55);font-size:0.8rem}
.cmp-table tbody tr:hover td{background:hsla(0,0%,100%,0.015)}
.cmp-table tbody td:last-child{color:var(--growth-amber);font-weight:700;background:hsla(35,85%,53%,0.03);font-size:0.82rem}
.cmp-table tbody tr:hover td:last-child{background:hsla(35,85%,53%,0.06)}
.cmp-table tbody tr:last-child td{border-bottom:none}
.cmp-table tbody tr:last-child td:last-child{border-radius:0 0 12px 0}
.cmp-check{color:var(--success);font-weight:700}
.cmp-x{color:hsla(0,84%,60%,0.4)}
.cmp-meh{color:hsla(0,0%,100%,0.2)}
.cmp-highlight{position:relative}
.cmp-highlight::after{content:'';position:absolute;top:0;bottom:0;right:-1px;width:1px;background:hsla(35,85%,53%,0.08)}
@media(max-width:768px){.cmp-table{font-size:0.75rem}.cmp-table thead th,.cmp-table tbody td{padding:0.65rem 0.8rem}}

/* Sim — preset-only redesign */
.sim-presets-main{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center}
.sim-preset-lg{background:hsla(0,0%,100%,0.04);border:2px solid hsla(0,0%,100%,0.08);color:var(--silver);font-family:var(--font-mono);font-size:0.88rem;font-weight:700;padding:0.7rem 1.5rem;border-radius:10px;cursor:pointer;transition:all 0.3s;letter-spacing:0.02em}
.sim-preset-lg:hover{border-color:hsla(35,85%,53%,0.3);color:var(--white);background:hsla(35,85%,53%,0.06)}
.sim-preset-lg.active{background:hsla(35,85%,53%,0.12);border-color:var(--growth-amber);color:var(--growth-amber);box-shadow:0 0 20px hsla(35,85%,53%,0.1)}
@media(max-width:640px){.sim-preset-lg{padding:0.55rem 1rem;font-size:0.78rem}}

/* Total Loss Box */
.loss-total-box{margin-top:2rem;padding:2rem 2.5rem;background:linear-gradient(135deg,hsla(0,84%,60%,0.06),hsla(0,84%,60%,0.02));border:2px solid hsla(0,84%,60%,0.15);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden}
.loss-total-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--danger),hsla(0,84%,60%,0.3))}
.loss-box-left{flex:1;min-width:200px}
.loss-box-label{font-family:var(--font-mono);font-size:0.65rem;color:var(--danger);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:0.35rem;opacity:0.8}
.loss-box-val{font-family:var(--font-heading);font-weight:900;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--danger);line-height:1}
.loss-box-right{text-align:right;flex:1;min-width:200px}
.recov-box-label{font-family:var(--font-mono);font-size:0.65rem;color:var(--success);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:0.35rem;opacity:0.8}
.recov-box-val{font-family:var(--font-heading);font-weight:900;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--success);line-height:1}
.loss-box-note{width:100%;font-size:0.68rem;color:hsla(0,0%,100%,0.25);font-style:italic;line-height:1.5;padding-top:0.75rem;border-top:1px solid hsla(0,0%,100%,0.04);margin-top:0.5rem}

/* ═══ BRAND HEALTH additions ═══ */
/* Hero species line */
.hero-species{font-family:var(--font-heading);font-weight:700;font-size:clamp(1rem,2vw,1.25rem);color:var(--growth-amber);margin-bottom:0.75rem;animation:fadeUp 0.7s ease-out 0.08s both;letter-spacing:0.02em}
.hero-species em{font-style:normal;color:hsla(0,0%,100%,0.5)}
/* AI team line */
.hero-ai-line{font-size:1rem;color:hsla(0,0%,100%,0.55);margin-bottom:2rem;animation:fadeUp 0.7s ease-out 0.35s both;max-width:520px;line-height:1.6}
.hero-ai-line strong{color:var(--clarity-sky);font-weight:600}
/* Audit price badge */
.audit-price{display:inline-flex;align-items:center;gap:0.4rem;background:hsla(142,71%,45%,0.1);border:1px solid hsla(142,71%,45%,0.2);padding:0.25rem 0.75rem;border-radius:100px;font-family:var(--font-mono);font-size:0.65rem;color:var(--success);margin-left:0.75rem;letter-spacing:0.04em}



/* ═══ MOBILE MENU ═══ */
.nav-links.mob-open{display:flex!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:hsla(251,32%,15%,0.98);backdrop-filter:blur(20px);padding:1.5rem;gap:0;border-top:1px solid hsla(35,85%,53%,0.1);box-shadow:0 16px 40px rgba(0,0,0,0.3);animation:fadeUp 0.3s ease-out}
.nav-links.mob-open li{padding:0.75rem 0;border-bottom:1px solid hsla(0,0%,100%,0.04)}
.nav-links.mob-open li:last-child{border:none;padding-top:1rem}
.nav-links.mob-open a{font-size:1rem;color:hsla(0,0%,100%,0.8)}
.nav-links.mob-open a:hover{color:var(--growth-amber)}

/* ═══ CONTACT MODAL ═══ */
.contact-modal-overlay{display:none;position:fixed;inset:0;z-index:10000;background:hsla(0,0%,0%,0.6);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:1rem;opacity:0;transition:opacity 0.3s}
.contact-modal-overlay.open{display:flex;opacity:1}
.contact-modal{background:var(--trust-navy);border:1px solid hsla(35,85%,53%,0.1);border-radius:16px;padding:2.5rem;max-width:580px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 80px rgba(0,0,0,0.5);animation:fadeUp 0.4s cubic-bezier(0.16,1,0.3,1)}
.contact-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:hsla(0,0%,100%,0.4);font-size:1.8rem;cursor:pointer;line-height:1;padding:0.25rem 0.5rem;border-radius:8px;transition:all 0.2s}
.contact-modal-close:hover{color:var(--white);background:hsla(0,0%,100%,0.06)}
.contact-modal-header{margin-bottom:1.5rem}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:480px){.contact-form .form-row{grid-template-columns:1fr}}
.contact-form .form-group{margin-bottom:1rem}
.contact-form label{display:block;font-family:var(--font-mono);font-size:0.7rem;color:hsla(0,0%,100%,0.5);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.4rem}
.contact-form label .req{color:var(--growth-amber)}
.contact-form input,.contact-form textarea{width:100%;background:hsla(0,0%,0%,0.25);border:1px solid hsla(0,0%,100%,0.1);border-radius:var(--radius);padding:0.75rem 1rem;color:var(--white);font-family:var(--font-body);font-size:0.88rem;transition:border-color 0.3s;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--growth-amber)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:hsla(0,0%,100%,0.2)}
.contact-form textarea{resize:vertical;min-height:100px}
.form-checkbox{display:flex;align-items:flex-start;gap:0.5rem}
.form-checkbox input[type="checkbox"]{margin-top:2px;accent-color:var(--growth-amber);width:16px;height:16px;cursor:pointer}
.form-checkbox label{font-size:0.75rem!important;text-transform:none!important;letter-spacing:0!important;color:hsla(0,0%,100%,0.4)!important;line-height:1.4}
.form-checkbox a{color:var(--growth-amber);text-decoration:underline}
.contact-submit{width:100%;justify-content:center;margin-top:0.5rem;padding:0.85rem}
.cf-btn-loading{display:inline-flex;align-items:center;gap:0.5rem}
.cf-feedback{text-align:center;margin-top:0.75rem;font-size:0.82rem;font-family:var(--font-mono);letter-spacing:0.02em}
.cf-feedback.success{color:var(--success)}
.cf-feedback.error{color:var(--danger)}

/* ═══ LEGAL PAGES ═══ */
.legal-page-body{background:var(--ghost)}
.legal-content{max-width:800px;margin:0 auto;padding:8rem 1.5rem 4rem}
.legal-content h1{font-family:var(--font-heading);font-weight:900;font-size:clamp(2rem,4vw,2.8rem);color:var(--trust-navy);margin-bottom:0.5rem}
.legal-meta{font-family:var(--font-mono);font-size:0.72rem;color:var(--slate);letter-spacing:0.04em;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid hsla(35,85%,53%,0.15)}
.legal-content h2{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--trust-navy);margin:2.5rem 0 0.75rem;padding-top:1.5rem;border-top:1px solid hsla(251,32%,15%,0.06)}
.legal-content h2:first-of-type{border-top:none;padding-top:0}
.legal-content p{font-size:0.92rem;color:var(--slate);line-height:1.8;margin-bottom:1rem}
.legal-content ul,.legal-content ol{padding-left:1.5rem;margin-bottom:1rem}
.legal-content li{font-size:0.92rem;color:var(--slate);line-height:1.8;margin-bottom:0.4rem}
.legal-content a{color:var(--growth-amber);text-decoration:underline}
.legal-content strong{color:var(--trust-navy);font-weight:600}
.legal-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0.6rem 0;background:hsla(251,32%,15%,0.95);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,0.15)}