:root{
  --emerald-deep:#0F4A2C; --emerald-core:#1A7A4A; --emerald-mid:#22A262; --emerald-light:#D6F0E2;
  --gold-core:#C9941A; --gold-light:#F5C842; --gold-pale:#FDF3D0;
  --void:#0A0F0D; --ink:#111916; --slate:#3D5248; --mist:#8BA899; --fog:#C4D4CD; --white:#F4F8F6;
  --error:#C0392B;
  --card:#FFFFFF; --card-border:var(--fog); --card-border-hover:var(--emerald-light);
  --tint:#EAF3EE;
  --display:'Syne',sans-serif; --body:'Inter',sans-serif; --mono:'JetBrains Mono',monospace;
  --shadow-sm: 0 1px 2px rgba(10,15,13,.05), 0 2px 8px rgba(15,74,44,.06);
  --shadow-md: 0 4px 16px rgba(15,74,44,.10), 0 16px 40px rgba(10,15,13,.10);
  --shadow-gold: 0 8px 22px rgba(201,148,26,.30), 0 4px 10px rgba(10,15,13,.14);
  --ease-spring: cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--white);color:var(--slate);font-family:var(--body);font-weight:400;-webkit-font-smoothing:antialiased;}
::selection{background:var(--emerald-mid);color:var(--white);}
h1,h2,h3,h4{font-family:var(--display);color:var(--ink);margin:0;}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:400;}
.eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:.6em;vertical-align:middle;}
a{color:inherit;}
.container{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px;}
@media(min-width:768px){.container{padding-left:40px;padding-right:40px;}}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--gold-light); outline-offset:3px; border-radius:4px;
}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,15,13,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(196,212,205,.12);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo svg{height:30px;width:auto;display:block;}
.nav-links{display:none;align-items:center;gap:2.1rem;font-size:.87rem;font-weight:400;}
.nav-links a{color:var(--fog);text-decoration:none;position:relative;padding:6px 0;transition:color .18s var(--ease-spring);}
.nav-links a:hover{color:var(--emerald-mid);}
.nav-links a.active{color:var(--white);}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--emerald-mid);border-radius:2px;}
@media(min-width:900px){.nav-links{display:flex;}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--body);font-weight:500;font-size:.88rem;border-radius:10px;padding:.72rem 1.35rem;text-decoration:none;cursor:pointer;border:none;transition:transform .22s var(--ease-spring), box-shadow .22s var(--ease-spring), background-color .22s var(--ease-spring);}
.btn:active{transform:translateY(1px);}
.btn-gold{background:var(--gold-core);color:var(--void);box-shadow:var(--shadow-gold);}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 14px 32px rgba(201,148,26,.34);}
.btn-primary{background:var(--emerald-core);color:var(--white);box-shadow:var(--shadow-md);}
.btn-primary:hover{background:var(--emerald-mid);transform:translateY(-2px);}
.btn-ghost{background:transparent;color:var(--fog);border:1px solid rgba(196,212,205,.28);}
.btn-ghost:hover{border-color:var(--emerald-mid);color:var(--white);}
.btn-ghost-light{background:transparent;color:var(--ink);border:1px solid var(--fog);}
.btn-ghost-light:hover{border-color:var(--emerald-core);background:var(--emerald-light);}
.nav-cta{display:none;}
@media(min-width:640px){.nav-cta{display:inline-flex;}}
.burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:8px;cursor:pointer;}
.burger span{width:22px;height:2px;background:var(--fog);border-radius:2px;}
@media(min-width:900px){.burger{display:none;}}
.mobile-panel{display:none;background:var(--void);border-bottom:1px solid rgba(196,212,205,.12);}
.mobile-panel.open{display:block;}
.mobile-panel a{display:block;padding:14px 24px;color:var(--fog);text-decoration:none;font-size:.95rem;border-top:1px solid rgba(196,212,205,.08);}
.mobile-panel a.active{color:var(--emerald-mid);}

/* PAGE HERO (stays dark) */
.pagehero{position:relative;background:var(--void);color:var(--white);overflow:hidden;padding:72px 0 80px;}
.pagehero::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 380px at 88% -10%, rgba(34,162,98,.20), transparent 62%);pointer-events:none;}
.pagehero-grain{position:absolute;inset:0;opacity:.045;mix-blend-mode:overlay;pointer-events:none;}
.pagehero .eyebrow{color:var(--emerald-mid);margin-bottom:20px;}
.pagehero h1{color:var(--white);font-weight:800;letter-spacing:-.02em;font-size:2.1rem;line-height:1.12;max-width:20ch;}
@media(min-width:640px){.pagehero h1{font-size:2.9rem;}}
@media(min-width:1024px){.pagehero h1{font-size:3.3rem;}}
.pagehero p.lead{font-weight:400;font-size:1.1rem;line-height:1.75;color:var(--fog);max-width:56ch;margin:22px 0 0;}
.hero-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--mist);text-decoration:none;margin-bottom:26px;transition:color .18s;}
.back-link:hover{color:var(--emerald-mid);}

/* SECTIONS (light) */
section{position:relative;}
.section-pad{padding:80px 0;}
@media(min-width:768px){.section-pad{padding:104px 0;}}
.section-tint{background:var(--tint);border-top:1px solid rgba(34,162,98,.14);border-bottom:1px solid rgba(34,162,98,.14);}
section[style*="--emerald-light"]{background:var(--tint)!important;border-top:1px solid rgba(34,162,98,.14);border-bottom:1px solid rgba(34,162,98,.14);}
.section-head{max-width:680px;margin-bottom:52px;}
.section-head .eyebrow{color:var(--emerald-core);margin-bottom:16px;display:block;}
.section-head h2{font-weight:700;font-size:1.8rem;letter-spacing:-.015em;line-height:1.15;}
@media(min-width:768px){.section-head h2{font-size:2.3rem;}}
.section-head p{color:var(--slate);font-size:1.02rem;line-height:1.7;margin-top:16px;}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-spring), transform .7s var(--ease-spring);}
.reveal.in{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* TAGS */
.uc-tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 11px;background:var(--emerald-light);color:var(--emerald-deep);}
.uc-status{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 11px;border:1px solid var(--fog);color:var(--slate);}
.uc-status.live{background:var(--gold-pale);border-color:var(--gold-core);color:var(--gold-core);}
.pagehero .uc-tag{background:rgba(34,162,98,.18);color:var(--emerald-mid);}
.pagehero .uc-status{background:transparent;border-color:rgba(196,212,205,.35);color:var(--fog);}
.pagehero .uc-status.live{background:transparent;border-color:var(--gold-light);color:var(--gold-light);}

/* STATS */
.stat-row{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:56px;}
@media(min-width:768px){.stat-row{grid-template-columns:repeat(3,1fr);}}
.stat-chip{border:1px solid var(--card-border);border-radius:14px;padding:22px 22px;background:var(--card);box-shadow:var(--shadow-sm);}
.stat-chip b{display:block;font-family:var(--mono);font-size:1.4rem;color:var(--emerald-core);font-weight:500;}
.stat-chip span{display:block;font-size:.82rem;color:var(--slate);margin-top:6px;line-height:1.5;}

/* PROBLEM LIST */
.pain-list{display:grid;grid-template-columns:1fr;gap:14px;max-width:760px;}
.pain-item{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:18px 20px 18px 46px;position:relative;font-size:.95rem;line-height:1.65;color:var(--slate);box-shadow:var(--shadow-sm);}
.pain-item::before{content:"✕";position:absolute;left:20px;top:19px;color:var(--error);font-weight:700;font-size:.85rem;}

/* STEP CARDS */
.step-grid{display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:768px){.step-grid{grid-template-columns:1fr 1fr;}}
.step-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:28px 26px;position:relative;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-spring);}
.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--emerald-deep);color:var(--emerald-light);font-family:var(--mono);font-size:.74rem;margin-bottom:16px;}
.step-card:nth-child(2) .step-num{background:var(--emerald-core);color:var(--white);}
.step-card:nth-child(3) .step-num{background:var(--emerald-mid);color:var(--white);}
.step-card:nth-child(4) .step-num{background:var(--gold-light);color:var(--void);}
.step-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;}
.step-card p{font-size:.92rem;line-height:1.7;color:var(--slate);margin:0;}

/* FIXES */
.fix-list{display:grid;grid-template-columns:1fr;gap:14px;max-width:760px;}
.fix-item{background:var(--emerald-light);border-radius:12px;padding:18px 20px 18px 46px;position:relative;font-size:.95rem;line-height:1.65;color:var(--emerald-deep);font-weight:500;}
.fix-item::before{content:"✓";position:absolute;left:20px;top:19px;color:var(--emerald-core);font-weight:700;}

/* DEMO BADGE + CAVEAT (caveat stays dark) */
.demo-badge{display:inline-flex;align-items:center;gap:10px;background:var(--gold-pale);border:1px solid var(--gold-core);color:var(--emerald-deep);border-radius:999px;padding:9px 18px;font-size:.85rem;font-weight:500;margin-bottom:36px;}
.demo-badge b{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-core);}
.caveat-panel{background:linear-gradient(170deg,#131c17,var(--ink));border:1px solid rgba(196,212,205,.16);border-radius:24px;padding:40px 32px;color:var(--fog);position:relative;overflow:hidden;}
.caveat-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 240px at 100% 0%, rgba(245,200,66,.08), transparent 65%);pointer-events:none;}
.caveat-panel h3{color:var(--white);font-size:1.2rem;position:relative;}
.caveat-panel p{font-size:.94rem;line-height:1.75;color:var(--mist);margin-top:12px;max-width:70ch;position:relative;}
.caveat-panel .eyebrow{color:var(--gold-light);}

/* PIPELINE (SEO reporting walkthrough, light) */
.pipeline{position:relative;padding-left:64px;}
.pipeline::before{content:"";position:absolute;left:21px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--emerald-deep) 0%, var(--emerald-mid) 55%, var(--gold-core) 100%);}
.pipe-stage{position:relative;padding-bottom:48px;}
.pipe-stage:last-child{padding-bottom:0;}
.pipe-node{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:50%;color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.78rem;box-shadow:var(--shadow-md);}
.pipe-stage:nth-child(1) .pipe-node{background:var(--emerald-deep);}
.pipe-stage:nth-child(2) .pipe-node{background:var(--emerald-core);}
.pipe-stage:nth-child(3) .pipe-node{background:var(--emerald-mid);}
.pipe-stage:nth-child(4) .pipe-node{background:var(--mist);color:var(--void);}
.pipe-stage:nth-child(5) .pipe-node{background:var(--gold-light);color:var(--void);}
.pipe-card{background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:30px 30px;box-shadow:var(--shadow-sm);}
.pipe-stage:nth-child(4) .pipe-card{border-style:dashed;background:#EDF1EE;border-color:var(--mist);}
.pipe-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--emerald-core);}
.pipe-stage:nth-child(4) .pipe-tag{color:var(--slate);}
.pipe-card h3{font-size:1.25rem;font-weight:700;margin-top:10px;}
.pipe-card p.desc{font-size:.94rem;line-height:1.7;color:var(--slate);margin-top:10px;max-width:64ch;}
.pipe-mini-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px;}
@media(min-width:640px){.pipe-mini-grid.cols-3{grid-template-columns:repeat(3,1fr);}}
@media(min-width:640px){.pipe-mini-grid.cols-2{grid-template-columns:repeat(2,1fr);}}
.pipe-mini{background:var(--emerald-light);border-radius:10px;padding:14px 16px;}
.pipe-mini b{display:block;font-family:var(--mono);font-size:.7rem;color:var(--emerald-deep);letter-spacing:.06em;text-transform:uppercase;}
.pipe-mini span{display:block;font-size:.84rem;color:var(--ink);margin-top:4px;line-height:1.4;}
.pipe-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.pipe-tag-pill{font-family:var(--mono);font-size:.7rem;color:var(--emerald-deep);background:var(--emerald-light);border-radius:999px;padding:5px 12px;}
.pipe-stage:nth-child(4) .pipe-tag-pill{background:var(--white);color:var(--slate);}
.feedback-note{margin-top:22px;padding:14px 18px;border:1px dashed var(--gold-core);border-radius:12px;background:var(--gold-pale);font-size:.86rem;color:var(--emerald-deep);line-height:1.6;}
.feedback-note b{color:var(--gold-core);}

/* CTA BAND (stays dark) */
.cta-band{background:linear-gradient(170deg,#131c17,var(--ink));border:1px solid rgba(196,212,205,.16);color:var(--white);border-radius:24px;padding:56px 32px;text-align:center;position:relative;overflow:hidden;}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 50% 0%, rgba(34,162,98,.18), transparent 70%);pointer-events:none;}
.cta-band h2{color:var(--white);font-size:1.7rem;max-width:24ch;margin:0 auto;}
@media(min-width:768px){.cta-band h2{font-size:2.1rem;}}
.cta-band p{color:var(--mist);margin:14px auto 0;max-width:44ch;}
.cta-band .cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px;}

/* FOOTER */
footer{background:var(--void);color:var(--mist);}
.footer-top{display:grid;grid-template-columns:1fr;gap:40px;padding:64px 0 40px;}
@media(min-width:768px){.footer-top{grid-template-columns:1.4fr 1fr 1fr;}}
.footer-brand p{font-size:.86rem;line-height:1.7;color:var(--mist);max-width:32ch;margin-top:16px;}
.footer h4{font-family:var(--body);color:var(--fog);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-bottom:16px;}
.footer ul{list-style:none;margin:0;padding:0;}
.footer li{margin-bottom:10px;}
.footer a{color:var(--mist);text-decoration:none;font-size:.9rem;transition:color .18s;}
.footer a:hover{color:var(--emerald-mid);}
.footer-bottom{border-top:1px solid rgba(196,212,205,.12);padding:26px 0;display:flex;flex-direction:column;gap:10px;font-family:var(--mono);font-size:.72rem;color:var(--mist);}
@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between;}}