:root{--navy: #101820;--navy-2: #16212c;--navy-3: #1d2b38;--yellow: #f1c400;--ink: #e7edf2;--muted: #94a6b4;--line: rgba(231, 237, 242, .12);--font-display: "Poppins", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--maxw: 1500px;--pad: clamp(1.25rem, 4vw, 4rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--navy);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:1.1;letter-spacing:-.01em;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:2px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.statusbar{display:flex;flex-wrap:wrap;gap:.5rem .85rem;align-items:center;justify-content:center;background:#000;color:var(--muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;padding:.45rem var(--pad);border-bottom:1px solid var(--line)}.statusbar .dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px #f1c4002e}.statusbar .sep{color:#e7edf240}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem var(--pad);max-width:var(--maxw);margin:0 auto;width:100%;background:#101820d9;backdrop-filter:blur(8px)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;text-decoration:none;letter-spacing:-.01em}.brand-mark{width:28px;height:28px;border-radius:7px;background:var(--yellow);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;color:var(--navy);font-size:.95rem;flex:none}.nav{display:flex;align-items:center;gap:1.5rem}.nav a{text-decoration:none;font-weight:500;color:var(--muted);transition:color .2s}.nav a:hover{color:var(--ink)}.nav-cta{color:var(--navy)!important;background:var(--yellow);padding:.55rem 1rem;border-radius:8px;font-weight:700!important}.nav-cta:hover{color:var(--navy)!important;filter:brightness(1.05)}@media(max-width:760px){.nav a:not(.nav-cta){display:none}}main{display:block}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(3.5rem,8vw,6rem) var(--pad)}.section--narrow{max-width:70%}@media(max-width:760px){.section--narrow{max-width:100%}}.section-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:600}.section-sub{color:var(--muted);margin:.5rem 0 0}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--yellow);margin:0 0 1rem}.btn{display:inline-block;text-decoration:none;font-family:var(--font-display);font-weight:600;padding:.8rem 1.4rem;border-radius:10px;transition:transform .15s ease,filter .15s ease,background .15s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--yellow);color:var(--navy)}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--yellow)}.btn-lg{padding:1rem 1.9rem;font-size:1.05rem}.btn-block{display:block;text-align:center;background:var(--navy);color:var(--ink);border:1px solid var(--line)}.btn-block:hover{border-color:var(--yellow)}.hero{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,7vw,5.5rem) var(--pad) clamp(2rem,5vw,3rem);display:grid;grid-template-columns:1.25fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}.hero h1{font-size:clamp(2.1rem,5.2vw,3.4rem);font-weight:700}.hero .lede{color:var(--muted);font-size:clamp(1.05rem,2vw,1.2rem);margin:1.25rem 0 1.75rem;max-width:40ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}@media(max-width:880px){.hero{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,var(--navy-2),var(--navy));border:1px solid var(--line);border-radius:16px;padding:1.25rem;box-shadow:0 24px 60px -30px #000000b3}.panel-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--muted);padding-bottom:.85rem;border-bottom:1px solid var(--line)}.panel-live{color:var(--yellow)}.metrics{list-style:none;margin:0;padding:0}.metrics li{display:flex;justify-content:space-between;align-items:baseline;padding:.85rem 0;border-bottom:1px solid var(--line)}.m-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--muted)}.m-value{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--yellow)}.panel-foot{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);margin:.85rem 0 0}.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,3vw,2rem);max-width:980px;margin:0 auto}.contrast-card{background:var(--navy-2);border:1px solid var(--line);border-radius:16px;padding:clamp(1.5rem,4vw,2.25rem)}:root[data-theme=light] .contrast-card{background:var(--panel)}.kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--muted);margin:0 0 1rem}.kicker-yellow{color:var(--yellow)}.con-list,.pro-list{list-style:none;margin:0;padding:0}.con-list li,.pro-list li{padding:.7rem 0 .7rem 1.6rem;position:relative;border-bottom:1px solid var(--line)}.con-list li:before{content:"×";position:absolute;left:0;color:var(--muted);font-weight:700}.pro-list li:before{content:"→";position:absolute;left:0;color:var(--yellow);font-weight:700}@media(max-width:700px){.contrast-grid{grid-template-columns:1fr}}.feature-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:var(--navy-2);border:1px solid var(--line);border-radius:14px;padding:1.5rem;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:#f1c40066}.card-tag{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;color:var(--yellow)}.card h3{font-size:1.2rem;font-weight:600;margin:.6rem 0 .5rem}.card p{color:var(--muted);margin:0;font-size:.98rem}@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.feature-grid{grid-template-columns:1fr}}.pf-grid{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.pf-card{display:block;background:var(--navy-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s ease,border-color .2s ease}.pf-card:hover{transform:translateY(-4px);border-color:#f1c40066}.pf-chrome{display:flex;align-items:center;gap:7px;padding:.7rem 1rem;background:var(--navy-3);border-bottom:1px solid var(--line)}.pf-dot{width:9px;height:9px;border-radius:50%;background:#3a4754;flex:none}.pf-url{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);font-style:normal;margin-left:.5rem;background:var(--navy);padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line)}.pf-body{padding:1.5rem}.pf-tag{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}.pf-body h3{font-size:1.25rem;font-weight:600;margin:.5rem 0 .9rem}.pf-visit{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--yellow)}.pf-card:hover .pf-visit{text-decoration:underline}.pf-scores{display:flex;gap:8px;margin:0 0 14px}.pf-score{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;border:1px solid var(--line);border-radius:9px;padding:8px 4px}.pf-score b{font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1}.pf-score small{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pf-score.good b{color:#22c55e}.pf-score.avg b{color:#f59e0b}.pf-score.poor b{color:#ef4444}@media(max-width:700px){.pf-grid{grid-template-columns:1fr}}.stack-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.stack-intro p{color:var(--muted);margin:1rem 0 0}.stack-readout{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.stack-item{background:var(--navy-2);padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.25rem}.stack-label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;color:var(--muted)}.stack-value{font-family:var(--font-display);font-weight:600}@media(max-width:820px){.stack-section{grid-template-columns:1fr}}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.seo-grid .lede{color:var(--muted);margin-top:1rem}.seo-points{list-style:none;margin:0;padding:0}.seo-points li{padding:.85rem 0 .85rem 1.8rem;position:relative;border-bottom:1px solid var(--line)}.seo-points li:before{content:"✓";position:absolute;left:0;color:var(--yellow);font-weight:700}@media(max-width:760px){.seo-grid{grid-template-columns:1fr}}.steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.step{background:var(--navy);display:flex;gap:1.25rem;padding:1.4rem 1.5rem;align-items:flex-start}.step-n{font-family:var(--font-mono);font-weight:700;color:var(--yellow);font-size:1rem;min-width:2.2rem}.step h3{font-size:1.15rem;font-weight:600;margin-bottom:.25rem}.step p{color:var(--muted);margin:0}.proof{text-align:center}.proof-line{font-size:clamp(1.2rem,2.6vw,1.6rem);max-width:60ch;margin:.5rem auto 0;color:var(--ink)}.proof-line strong{color:var(--yellow)}.price-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch}.price-card{position:relative;background:var(--navy-2);border:1px solid var(--line);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column}.price-card--featured{border-color:var(--yellow)}.price-flag{position:absolute;top:-.7rem;left:1.5rem;background:var(--yellow);color:var(--navy);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase;font-weight:700}.price-name{font-size:1.3rem;font-weight:600}.price-blurb{color:var(--muted);margin:.35rem 0 1rem}.price-amount{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--yellow);margin:0 0 1.25rem}.price-points{list-style:none;margin:0 0 1.5rem;padding:0;flex:1}.price-points li{padding:.55rem 0 .55rem 1.5rem;position:relative;color:var(--ink);font-size:.96rem;border-bottom:1px solid var(--line)}.price-points li:before{content:"→";position:absolute;left:0;color:var(--yellow)}@media(max-width:900px){.price-grid{grid-template-columns:1fr}}.faqs{margin:2rem auto 0;max-width:980px;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(3,auto);column-gap:3rem}@media(max-width:760px){.faqs{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}}.faq{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:600;font-size:1.08rem;padding:1.15rem 2rem 1.15rem 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:1rem;color:var(--yellow);font-size:1.4rem;line-height:1;transition:transform .2s}.faq[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--muted);margin:0 0 1.2rem;max-width:70ch}.cta-band{max-width:var(--maxw);margin:0 auto clamp(3rem,6vw,5rem);padding:clamp(2.5rem,6vw,4rem) var(--pad);background:var(--yellow);color:var(--navy);border-radius:20px;text-align:center}.cta-band h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}.cta-band p{margin:.75rem 0 1.75rem;font-weight:500}.cta-band .btn-primary{background:var(--navy);color:var(--yellow)}.site-footer{border-top:1px solid var(--line);padding:3rem var(--pad);max-width:var(--maxw);margin:0 auto}.foot-cols{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.foot-brand{font-family:var(--font-display);font-weight:700;margin:0}.foot-meta{color:var(--muted);margin:.25rem 0 0;font-size:.92rem}.foot-nav{display:flex;flex-wrap:wrap;gap:1.25rem}.foot-nav a{color:var(--muted);text-decoration:none;font-size:.95rem}.foot-nav a:hover{color:var(--ink)}.foot-legal{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);margin:2rem 0 0;letter-spacing:.05em}
