/* ════════════════════════════
   RESET + TOKENS
════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
:root{
  --black:#060606;--void:#0b0b0b;--surface:#0f0f0f;--s2:#141414;
  --border:#1e1e1e;--b2:#2a2a2a;
  --red:#cc0000;--red2:#e60000;
  --white:#f2f2f2;--w2:#d8d8d8;
  --muted:#aaaaaa;--m2:#777;--m3:#444;
  --green:#00cc66;--yellow:#ffcc00;--blue:#3b82f6;
  --FD:'Bebas Neue',sans-serif;
  --FU:'Barlow Condensed',sans-serif;
  --FB:'Barlow',sans-serif;
  --FM:'JetBrains Mono',monospace;
}
body{background:var(--black);color:var(--white);font-family:var(--FB);font-size:18px;font-weight:400;line-height:1.75;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--red)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

/* ════════════════════════════
   BG GRAPHICS
════════════════════════════ */
#grain{position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:.18;
  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)' opacity='0.05'/%3E%3C/svg%3E")}
.bg{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.bg::before{content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(204,0,0,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(204,0,0,0.02) 1px,transparent 1px);
  background-size:72px 72px}
.bg::after{content:'';position:absolute;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(204,0,0,0.15),transparent);
  animation:scanSweep 9s ease-in-out infinite;top:0}
@keyframes scanSweep{0%{top:-2px;opacity:0}8%{opacity:1}92%{opacity:.2}100%{top:100vh;opacity:0}}
.tgt{position:absolute;border-radius:50%;border:1px solid rgba(204,0,0,0.06)}
.tgt-tr{width:600px;height:600px;top:-200px;right:-200px;box-shadow:0 0 0 60px rgba(204,0,0,0.015),0 0 0 120px rgba(204,0,0,0.01)}
.tgt-tr::before,.tgt-tr::after{content:'';position:absolute;background:rgba(204,0,0,0.04);top:50%;left:50%;transform:translate(-50%,-50%)}
.tgt-tr::before{width:1px;height:600px}.tgt-tr::after{width:600px;height:1px}
.tgt-bl{width:480px;height:480px;bottom:-180px;left:-180px;box-shadow:0 0 0 48px rgba(204,0,0,0.012)}
.tgt-bl::before,.tgt-bl::after{content:'';position:absolute;background:rgba(204,0,0,0.035);top:50%;left:50%;transform:translate(-50%,-50%)}
.tgt-bl::before{width:1px;height:480px}.tgt-bl::after{width:480px;height:1px}
.hud{position:absolute;width:48px;height:48px}
.hud-tl{top:20px;left:20px;border-top:2px solid rgba(204,0,0,0.18);border-left:2px solid rgba(204,0,0,0.18)}
.hud-tr{top:20px;right:20px;border-top:2px solid rgba(204,0,0,0.18);border-right:2px solid rgba(204,0,0,0.18)}
.hud-bl{bottom:20px;left:20px;border-bottom:2px solid rgba(204,0,0,0.18);border-left:2px solid rgba(204,0,0,0.18)}
.hud-br{bottom:20px;right:20px;border-bottom:2px solid rgba(204,0,0,0.18);border-right:2px solid rgba(204,0,0,0.18)}

/* ════════════════════════════
   NAV
════════════════════════════ */
nav{position:fixed;top:0;left:0;right:0;z-index:500;background:rgba(6,6,6,0.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:border-color .3s}
nav.sc{border-bottom-color:rgba(204,0,0,0.25)}
.nav-inner{max-width:1320px;margin:0 auto;padding:0;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nlogo{font-family:var(--FD);font-size:22px;letter-spacing:5px;color:var(--white);cursor:pointer;display:flex;align-items:center;gap:10px;flex-shrink:0}
.nlogo span{color:var(--red)}
.nlm{width:24px;height:24px;border:2px solid var(--red);border-radius:50%;position:relative;flex-shrink:0}
.nlm::before,.nlm::after{content:'';position:absolute;background:var(--red);top:50%;left:50%;transform:translate(-50%,-50%)}
.nlm::before{width:1px;height:24px}.nlm::after{width:24px;height:1px}
.nlinks{display:flex;gap:4px;list-style:none;align-items:center}
.nlinks a{font-family:var(--FU);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color .2s;padding:6px 12px;position:relative;white-space:nowrap}
.nlinks a:hover{color:var(--white)}
.nlinks a.act{color:var(--white)}
.nlinks a.act::after{content:'';position:absolute;bottom:-2px;left:12px;right:12px;height:1px;background:var(--red)}
.ncta{font-family:var(--FU);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--white);background:var(--red);border:1px solid var(--red);padding:8px 20px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;margin-right:16px}
.ncta:hover{background:var(--red2);border-color:var(--red2)}
.nav-menu-btn{display:none;background:none;border:none;color:var(--white);cursor:pointer;padding:8px;flex-shrink:0}
.nav-search{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);padding:0 12px;height:36px;gap:8px;transition:border-color .2s;flex-shrink:1;min-width:0;max-width:220px}
.nav-search.focused{border-color:var(--red)}
.nav-search-icon{color:var(--m3);flex-shrink:0;transition:color .2s}
.nav-search.focused .nav-search-icon{color:var(--red)}
#nav-search-input{background:none;border:none;outline:none;color:var(--white);font-family:var(--FB);font-size:14px;width:100%;min-width:0}
#nav-search-input::placeholder{color:var(--m3);font-size:14px}
.search-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:420px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);z-index:600;box-shadow:0 12px 40px rgba(0,0,0,.6)}
.search-dropdown::-webkit-scrollbar{width:3px}.search-dropdown::-webkit-scrollbar-thumb{background:var(--red)}
.sd-item{padding:16px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}
.sd-item:last-child{border-bottom:none}
.sd-item:hover{background:var(--void)}
.sd-item-cat{font-family:var(--FU);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.sd-item-title{font-family:var(--FB);font-size:15px;font-weight:600;color:var(--white);margin-bottom:4px}
.sd-item-excerpt{font-family:var(--FB);font-size:13px;color:var(--m3);line-height:1.4}
.sd-empty{padding:20px;text-align:center;color:var(--m3);font-family:var(--FB);font-size:14px}
.nav-mobile{display:none;position:fixed;top:64px;left:0;right:0;background:rgba(6,6,6,0.99);border-bottom:1px solid var(--border);z-index:499;padding:16px 24px;flex-direction:column;gap:4px}
.nav-mobile.open{display:flex}
.nav-mobile a{font-family:var(--FU);font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:color .2s}
.nav-mobile a:last-child{border-bottom:none}
.nav-mobile a:hover,.nav-mobile a.act{color:var(--white)}

/* ════════════════════════════
   PAGES
════════════════════════════ */
.page{padding-top:64px;overflow-x:clip;flex:1;display:flex;flex-direction:column}




/* ════════════════════════════
   SHARED COMPONENTS
════════════════════════════ */
.sec{padding:96px 24px;position:relative;z-index:10}
.sec-inner{max-width:1320px;margin:0 auto}
.lbl{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--red);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.lbl::before{content:'';width:28px;height:1px;background:var(--red);flex-shrink:0}
.sh{font-family:var(--FD);font-size:clamp(44px,6vw,80px);letter-spacing:2px;line-height:.95;color:var(--white);margin-bottom:24px}
.sp{font-size:18px;line-height:1.8;color:var(--w2)}

/* buttons */
.btn-p{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--FU);font-size:15px;font-weight:700;letter-spacing:4px;text-transform:uppercase;background:var(--red);color:var(--white);border:none;padding:18px 44px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;-webkit-appearance:none}
.btn-p::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.08);transform:translateX(-101%);transition:transform .3s ease}
.btn-p:hover::after{transform:translateX(0)}
.btn-g{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--FU);font-size:15px;font-weight:600;letter-spacing:4px;text-transform:uppercase;background:transparent;color:var(--white);border:1px solid var(--b2);padding:18px 44px;cursor:pointer;transition:all .25s;-webkit-appearance:none}
.btn-g:hover{border-color:var(--white)}
.btn-ro{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--FU);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:transparent;color:var(--red);border:1px solid var(--red);padding:12px 28px;cursor:pointer;transition:all .25s;-webkit-appearance:none}
.btn-ro:hover{background:var(--red);color:var(--white)}
.btn-w{display:inline-flex;align-items:center;justify-content:center;font-family:var(--FU);font-size:15px;font-weight:700;letter-spacing:5px;text-transform:uppercase;background:var(--white);color:var(--red);padding:20px 60px;cursor:pointer;transition:all .25s;-webkit-appearance:none}
.btn-w:hover{background:var(--black);color:var(--white)}

/* badges */
.badge-r{font-family:var(--FU);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--red);border:1px solid rgba(204,0,0,0.35);padding:3px 12px;display:inline-block}
.badge-g{font-family:var(--FU);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--green);border:1px solid rgba(0,204,102,0.35);padding:3px 12px;display:inline-block}
.badge-m{font-family:var(--FU);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--m2);border:1px solid var(--b2);padding:3px 12px;display:inline-block}
.badge-y{font-family:var(--FU);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--yellow);border:1px solid rgba(255,204,0,0.35);padding:3px 12px;display:inline-block}

/* feature list */
.fl{list-style:none;display:flex;flex-direction:column;gap:12px}
.fl li{font-family:var(--FU);font-size:15px;font-weight:600;letter-spacing:1px;color:var(--w2);display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.fl li::before{content:'';width:20px;height:1px;background:var(--red);flex-shrink:0;margin-top:8px}

/* ticker */
.ticker{overflow:hidden;background:var(--red);padding:14px 0;white-space:nowrap;position:relative;z-index:10}
.ticker-i{display:inline-flex;animation:tick 35s linear infinite}
.ti{font-family:var(--FD);font-size:17px;letter-spacing:5px;color:var(--white);padding:0 40px;opacity:.95}
.ts-sep{color:rgba(255,255,255,.3);padding:0 6px}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* cta full */
.cta-full{background:var(--red);padding:80px 24px;text-align:center;position:relative;overflow:hidden;z-index:10;margin-top:96px}
.cta-full::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.1) 1px,transparent 1px);background-size:56px 56px}
.cta-lbl{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:20px;position:relative}
.cta-h{font-family:var(--FD);font-size:clamp(56px,9vw,120px);line-height:.92;letter-spacing:4px;color:var(--white);margin-bottom:28px;position:relative}
.cta-sub{font-family:var(--FU);font-size:18px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:44px;position:relative}

/* scroll reveal */
.rv{transition:opacity .7s ease,transform .7s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}

/* terminal */
.term{background:var(--surface);border:1px solid var(--border)}
.tbar{background:var(--s2);padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}
.tdot{width:10px;height:10px;border-radius:50%}
.tdot.r{background:#cc3333}.tdot.y{background:#cc9900}.tdot.g{background:#339944}
.ttitle{font-family:var(--FM);font-size:11px;color:var(--m2);margin-left:8px;letter-spacing:1px}
.tbody{padding:20px;font-family:var(--FM);font-size:12px;line-height:1.9}
.tprompt{color:var(--red)}.tcmd{color:var(--white)}
.tval{color:var(--green);padding-left:16px;display:block}
.twarn{color:var(--yellow);padding-left:16px;display:block}
.tline{display:flex;gap:8px;margin-bottom:2px}
.tcursor{display:inline-block;width:8px;height:14px;background:var(--red);animation:blink .8s infinite;vertical-align:middle}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* footer */
.site-footer{background:var(--void);border-top:1px solid var(--border);margin-top:auto}
.ft-main{max-width:1320px;margin:0 auto;padding:64px 24px 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.ft-bn{font-family:var(--FD);font-size:32px;letter-spacing:5px;color:var(--white);margin-bottom:4px}
.ft-bn span{color:var(--red)}
.ft-tag{font-family:var(--FU);font-size:12px;letter-spacing:3px;color:var(--m2);text-transform:uppercase;margin-bottom:20px}
.ft-desc{font-size:14px;line-height:1.8;color:var(--muted);max-width:280px}
.ft-col-t{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--white);margin-bottom:20px}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.ft-links a{font-size:14px;color:var(--muted);cursor:pointer;transition:color .2s}
.ft-links a:hover{color:var(--white)}
.ft-bot{border-top:1px solid var(--border);padding:20px 24px;max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.ft-copy{font-size:12px;color:var(--m3);letter-spacing:1px}
.ft-leg{display:flex;gap:20px;list-style:none}
.ft-leg a{font-size:12px;color:var(--m3);cursor:pointer;transition:color .2s}
.ft-leg a:hover{color:var(--muted)}

/* ════════════════════════════
   MODAL
════════════════════════════ */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.9);z-index:2000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px);padding:20px}
.modal-overlay.open{display:flex}
.modal{background:var(--surface);border:1px solid var(--border);max-width:480px;width:100%;position:relative;overflow:hidden}
.modal::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red)}
.modal-header{padding:32px 32px 24px;border-bottom:1px solid var(--border)}
.modal-title{font-family:var(--FD);font-size:36px;letter-spacing:3px;color:var(--white);margin-bottom:6px}
.modal-sub{font-size:15px;color:var(--muted);line-height:1.6}
.modal-body{padding:24px 32px 32px;display:flex;flex-direction:column;gap:16px}
.modal-label{font-family:var(--FU);font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}
.modal-input{background:var(--void);border:1px solid var(--border);color:var(--white);font-family:var(--FM);font-size:14px;padding:14px 16px;outline:none;width:100%;transition:border .2s;-webkit-appearance:none;border-radius:0}
.modal-input:focus{border-color:var(--red)}
.modal-btn{font-family:var(--FU);font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase;background:var(--red);color:var(--white);border:none;padding:18px;cursor:pointer;width:100%;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-appearance:none;border-radius:0}
.modal-btn:hover{background:var(--red2)}
.modal-btn:disabled{background:var(--m3);cursor:not-allowed}
.modal-close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:22px;line-height:1;transition:color .2s;padding:4px}
.modal-close:hover{color:var(--white)}
.modal-note{font-size:12px;color:var(--m2);text-align:center;line-height:1.6}
.modal-err{background:rgba(204,0,0,0.1);border:1px solid rgba(204,0,0,0.3);color:#ff8888;font-size:13px;padding:10px 14px;display:none}
.modal-err.show{display:block}
.spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sp .6s linear infinite;display:none}
.spin.on{display:block}
@keyframes sp{to{transform:rotate(360deg)}}

/* ════════════════════════════
   HOME PAGE
════════════════════════════ */
#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:10;padding:80px 24px 60px}
.hero-bg-t{position:absolute;font-family:var(--FD);font-size:clamp(120px,18vw,280px);letter-spacing:-8px;color:rgba(204,0,0,0.03);line-height:1;user-select:none;pointer-events:none;white-space:nowrap;top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-in{max-width:1320px;width:100%;display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;position:relative;z-index:2}
.hero-ey{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--red);margin-bottom:24px;display:flex;align-items:center;gap:12px;opacity:0;animation:fU .9s ease forwards .2s}
.hero-ey::before{content:'';width:28px;height:1px;background:var(--red)}
.hero-h{font-family:var(--FD);font-size:clamp(72px,9vw,140px);line-height:.88;letter-spacing:3px;color:var(--white);opacity:0;animation:fU 1s ease forwards .4s}
.hero-h .red{color:var(--red)}
.red{color:var(--red)}
.hero-h .strk{-webkit-text-stroke:1px var(--white);color:transparent}
.hero-sub{font-size:18px;line-height:1.75;color:var(--w2);margin-top:28px;margin-bottom:40px;opacity:0;animation:fU .9s ease forwards .6s}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;opacity:0;animation:fU .9s ease forwards .8s}
.hero-r{opacity:0;animation:fI 1s ease forwards 1s}
.hpb{background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}
.hpb::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red)}
.hpb-in{padding:32px}
.hpb-lbl{font-family:var(--FU);font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--m2);margin-bottom:10px}
.hpb-main{display:flex;align-items:flex-start;gap:4px}
.hpb-dol{font-family:var(--FD);font-size:44px;color:var(--white);line-height:1;margin-top:8px}
.hpb-n{font-family:var(--FD);font-size:100px;color:var(--red);line-height:1}
.hpb-per{font-family:var(--FU);font-size:14px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:4px}
.hpb-row{border-top:1px solid var(--border);padding:14px 32px;display:flex;justify-content:space-between;align-items:center}
.hpb-rl{font-family:var(--FU);font-size:13px;letter-spacing:2px;color:var(--muted)}
.hpb-rv{font-family:var(--FU);font-size:15px;font-weight:700;letter-spacing:1px}
.hpb-rv.stk{text-decoration:line-through;color:var(--m3)}
.hpb-rv.grn{color:var(--green)}

/* why grid */
.wg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:56px}
.wi{background:var(--void);padding:36px 28px;transition:background .3s}
.wi:hover{background:var(--s2)}
.wi-n{font-family:var(--FD);font-size:56px;color:var(--red);line-height:1;margin-bottom:14px}
.wi-t{font-family:var(--FU);font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:10px}
.wi-b{font-size:15px;line-height:1.7;color:var(--w2)}

/* mission strip */
.mission-strip{background:var(--void);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.mission-in{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.mission-quote{font-family:var(--FD);font-size:clamp(36px,4vw,56px);line-height:1.05;color:var(--white)}
.mission-quote .red{color:var(--red)}
.mission-side{border-left:1px solid var(--border);padding-left:56px}
.mp{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--border)}
.mp:last-child{border-bottom:none}
.mp-n{font-family:var(--FD);font-size:40px;color:var(--red);line-height:1;min-width:40px}
.mp-t{font-family:var(--FU);font-size:17px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:6px}
.mp-b{font-size:15px;line-height:1.7;color:var(--w2)}

/* apps grid */
.ag{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border:1px solid var(--border);margin-top:56px}
.ac{background:var(--surface);padding:40px 32px;position:relative;overflow:hidden;transition:background .3s;cursor:pointer}
.ac:hover{background:var(--s2)}
.ac.s2{grid-column:span 2}
.ac::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--border);transition:background .3s}
.ac:hover::before,.ac.s2::before{background:var(--red)}
.ac-num{font-family:var(--FD);font-size:88px;color:rgba(255,255,255,0.02);position:absolute;top:12px;right:20px;line-height:1}
.ac-name{font-family:var(--FD);font-size:38px;letter-spacing:2px;color:var(--white);margin-bottom:12px;line-height:1;margin-top:12px}
.ac-desc{font-size:15px;line-height:1.75;color:var(--w2);margin-bottom:24px}
.ac-ret{font-family:var(--FU);font-size:12px;letter-spacing:2px;color:var(--m2);text-transform:uppercase;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.ac-ret .was{text-decoration:line-through;color:var(--m3)}
.ac-ret .inc{color:var(--red);font-weight:700}

/* ════════════════════════════
   COMPARISON PAGE
════════════════════════════ */
.comp-hero{padding:100px 24px 64px;position:relative;z-index:10;border-bottom:1px solid var(--border);overflow:hidden;text-align:center}
.comp-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.comp-bg-t{font-family:var(--FD);font-size:clamp(100px,16vw,220px);letter-spacing:-6px;color:rgba(204,0,0,0.03);line-height:1;white-space:nowrap;user-select:none}
.comp-ey{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--red);margin-bottom:20px;display:inline-flex;align-items:center;gap:12px;opacity:0;animation:fU .9s ease forwards .2s}
.comp-ey::before,.comp-ey::after{content:'';width:28px;height:1px;background:var(--red)}
.comp-h{font-family:var(--FD);font-size:clamp(56px,8vw,112px);line-height:.92;letter-spacing:4px;color:var(--white);margin-bottom:24px;opacity:0;animation:fU .9s ease forwards .4s;position:relative}
.comp-sub{font-size:18px;line-height:1.75;color:var(--w2);max-width:640px;margin:0 auto;opacity:0;animation:fU .9s ease forwards .6s;position:relative}

/* competitor cards */
.comp-grid{display:grid;grid-template-columns:1fr;gap:2px;margin-top:56px}
.comp-card{background:var(--surface);border:1px solid var(--border);overflow:hidden}
.comp-card-header{background:var(--void);padding:28px 36px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-bottom:1px solid var(--border)}
.comp-card-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.comp-name{font-family:var(--FD);font-size:32px;letter-spacing:2px;color:var(--white)}
.comp-category{font-family:var(--FU);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--m2);margin-top:4px}
.comp-their-price{text-align:right}
.comp-their-price-label{font-family:var(--FU);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--m2);margin-bottom:4px}
.comp-their-price-val{font-family:var(--FD);font-size:36px;color:var(--m3);text-decoration:line-through;text-decoration-color:var(--red);line-height:1}
.comp-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
.comp-col{padding:28px 36px}
.comp-col:first-child{border-right:1px solid var(--border)}
.comp-col-title{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.comp-col-title.them{color:var(--m2)}
.comp-col-title.us{color:var(--red)}
.comp-feature-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.comp-feature-list li{font-size:15px;line-height:1.5;display:flex;align-items:flex-start;gap:10px;color:var(--w2)}
.comp-feature-list li.bad{color:var(--m2)}
.comp-feature-list li::before{flex-shrink:0;margin-top:2px;font-size:14px}
.comp-feature-list li.good::before{content:'✓';color:var(--green)}
.comp-feature-list li.bad::before{content:'✗';color:var(--m3)}
.comp-feature-list li.warn::before{content:'⚠';color:var(--yellow)}
.comp-feature-list li.bad::before{content:'✗';color:var(--red)}
.cf-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 20px;background:none;border:none;cursor:pointer;font-family:var(--FU);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--m2);text-align:left;transition:all .15s;border-left:3px solid transparent}
.cf-btn:hover{color:var(--white);background:rgba(255,255,255,0.04)}
.cf-btn.active{color:var(--white);background:rgba(204,0,0,0.08);border-left-color:var(--red)}
.cf-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.cf-count{margin-left:auto;font-family:var(--FM);font-size:11px;color:var(--m3);font-weight:400;letter-spacing:0}

.comp-card-hidden{display:none!important}
.comp-mob-item{font-family:var(--FM);font-size:15px;color:var(--w2);padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.comp-mob-item:last-child{border-bottom:none}
.comp-mob-item:hover{background:rgba(255,255,255,0.03);color:var(--white)}
.comp-mob-active{color:var(--white)!important;font-weight:600}
.comp-mob-active::after{content:"✓";color:var(--red);font-size:14px}
@media(max-width:860px){#compare-layout{grid-template-columns:1fr!important}#comp-filters{padding:8px 12px}}
.comp-footer{background:var(--void);padding:20px 36px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.comp-verdict{font-family:var(--FU);font-size:13px;font-weight:600;letter-spacing:1px;color:var(--w2)}
.comp-verdict strong{color:var(--red)}
.comp-our-price{font-family:var(--FD);font-size:24px;color:var(--green);letter-spacing:2px}

/* master comparison table */
.master-table-wrap{overflow-x:auto;margin-top:56px;border:1px solid var(--border)}
.comp-mobile-note{display:none;font-family:var(--FM);font-size:11px;color:var(--m2);padding:7px 14px;background:rgba(204,0,0,0.06);border-bottom:1px solid rgba(204,0,0,0.15);text-align:center}
.master-table{width:100%;border-collapse:collapse}
.master-table th{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:16px 20px;text-align:center;border-bottom:2px solid var(--border);background:var(--void);color:var(--m2);white-space:nowrap}
.master-table th:first-child{text-align:left}
.master-table th.syn-col{color:var(--red);border-bottom-color:var(--red);background:rgba(204,0,0,0.04)}
.master-table td{padding:16px 20px;font-family:var(--FU);font-size:14px;font-weight:600;border-bottom:1px solid var(--border);text-align:center;color:var(--w2)}
.master-table td:first-child{text-align:left;color:var(--white);font-size:15px}
.master-table td.syn-col{background:rgba(204,0,0,0.03)}
.master-table tr:hover td{background:rgba(255,255,255,0.01)}
.master-table tr:hover td.syn-col{background:rgba(204,0,0,0.06)}
.ck{color:var(--green);font-size:16px}
.cx{color:var(--m3);font-size:16px}
.cw{color:var(--yellow);font-size:13px}
.tr-tot td{background:rgba(204,0,0,0.04)!important;font-weight:700}
.tr-tot td:first-child{font-family:var(--FD);font-size:20px;letter-spacing:2px;color:var(--red)}
.tr-tot .stk{text-decoration:line-through;color:var(--m3);font-size:14px;font-weight:400}
.tr-tot .big{font-family:var(--FD);font-size:28px;color:var(--red)}

/* ════════════════════════════
   SUITE PAGE
════════════════════════════ */
.suite-hero{padding:100px 24px 64px;position:relative;z-index:10;border-bottom:1px solid var(--border)}
.suite-hero-in{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 440px;gap:64px;align-items:center}
.suite-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border);margin-top:40px}
.suite-stat{padding:20px;text-align:center;border-right:1px solid var(--border)}
.suite-stat:last-child{border-right:none}
.ss-n{font-family:var(--FD);font-size:44px;color:var(--red);line-height:1}
.ss-l{font-family:var(--FU);font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:4px}
.tabs-nav{position:sticky;top:64px;z-index:100;background:rgba(6,6,6,0.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.tabs-nav-in{max-width:1320px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbtn{font-family:var(--FU);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:none;border:none;border-bottom:3px solid transparent;padding:18px 20px;cursor:pointer;transition:all .2s;white-space:nowrap;margin-bottom:-1px;-webkit-appearance:none}
.tbtn:hover{color:var(--white)}.tbtn.act{color:var(--white);border-bottom-color:var(--red)}
.stab{font-family:var(--FU);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);background:#0a0a0a;border:none;padding:14px 12px;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:4px;-webkit-appearance:none;border-bottom:2px solid transparent;width:100%;box-sizing:border-box}
.stab:hover{background:#161616;color:var(--white)}
.stab.act{background:#161616;color:var(--white);border-bottom-color:var(--red)}
.stab-num{font-family:var(--FD);font-size:20px;color:rgba(255,255,255,0.08);line-height:1;margin-bottom:2px}
@keyframes scanPulse{0%{left:-60%}100%{left:110%}}
.stab.act .stab-num{color:rgba(204,0,0,0.25)}
.stab-name{font-size:13px;letter-spacing:1px;line-height:1.2}
.tb-live{background:rgba(0,204,102,0.18);color:var(--green);font-family:var(--FU);font-size:9px;font-weight:700;letter-spacing:2px;padding:2px 6px;margin-left:6px;vertical-align:middle}
.tb-soon{background:rgba(255,255,255,.06);color:var(--m2);font-family:var(--FU);font-size:9px;font-weight:700;letter-spacing:2px;padding:2px 6px;margin-left:6px;vertical-align:middle}
.comp-layout{display:grid;grid-template-columns:200px 1fr;gap:0;align-items:start}
.comp-sidebar{position:sticky;top:64px;background:var(--surface);border-right:1px solid var(--border);min-height:400px}
.panels-w{padding:0}
.apanel{display:none}
.apanel.act{display:block;padding-top:24px;animation:pIn .3s ease}
@keyframes pIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.pgrid{display:grid;grid-template-columns:300px 1fr;gap:2px;background:var(--border);border:1px solid var(--border)}
.psb{background:var(--void);padding:36px 32px}
.pgn{font-family:var(--FD);font-size:96px;color:rgba(255,255,255,.02);line-height:1;margin-bottom:-20px;margin-left:-4px}
.pn{font-family:var(--FD);font-size:44px;letter-spacing:2px;color:var(--white);line-height:.95;margin-bottom:16px;margin-top:8px}
.pd{font-size:15px;line-height:1.8;color:var(--w2);margin-bottom:24px}
.pret{border-top:1px solid var(--border);padding-top:16px;margin-top:24px;font-family:var(--FU);font-size:13px;letter-spacing:2px;color:var(--m2);text-transform:uppercase}
.pret .was{text-decoration:line-through;color:var(--m3)}
.pret .inc{color:var(--red);font-size:16px;font-weight:700;display:block;margin-top:4px}
.pdemo{background:var(--surface);display:flex;flex-direction:column;min-height:300px}
.dtop{background:var(--s2);padding:12px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.dtop-t{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}
.sdot{display:inline-flex;align-items:center;gap:6px;font-family:var(--FU);font-size:12px;letter-spacing:2px;color:var(--green)}
.sdot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);animation:dp 2s infinite}
@keyframes dp{0%,100%{opacity:1}50%{opacity:.3}}
.dbody{flex:1;padding:28px;display:flex;flex-direction:column;gap:20px}
.ig{display:flex;flex-direction:column;gap:8px}
.il{font-family:var(--FU);font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--muted)}
.di{background:var(--void);border:1px solid var(--border);color:var(--white);font-family:var(--FM);font-size:13px;padding:12px 14px;outline:none;width:100%;transition:border .2s;-webkit-appearance:none;border-radius:0}
.di:focus{border-color:var(--red)}
.dta{background:var(--void);border:1px solid var(--border);color:var(--white);font-family:var(--FM);font-size:12px;padding:12px 14px;outline:none;width:100%;resize:vertical;min-height:96px;line-height:1.7;transition:border .2s;-webkit-appearance:none;border-radius:0}
.dta:focus{border-color:var(--red)}
select.di{cursor:pointer}
.rbtn{font-family:var(--FU);font-size:13px;font-weight:700;letter-spacing:4px;text-transform:uppercase;background:var(--red);color:var(--white);border:none;padding:14px 28px;cursor:pointer;align-self:flex-start;display:flex;align-items:center;gap:8px;transition:background .2s;-webkit-appearance:none;border-radius:0}
.rbtn:hover{background:var(--red2)}.rbtn:disabled{background:var(--m3);cursor:not-allowed}
.obox{background:var(--void);border:1px solid var(--border);display:flex;flex-direction:column;flex:1;position:relative}
.otop{background:var(--s2);padding:8px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.otop-l{font-family:var(--FM);font-size:11px;color:var(--m2)}
.otop-t{font-family:var(--FM);font-size:10px;color:var(--m3)}
.ocontent{padding:20px;font-family:var(--FM);font-size:12px;line-height:1.85;color:var(--white);white-space:pre-wrap;word-break:break-word;overflow:hidden;max-height:420px;min-height:240px;position:relative}

.oph{color:var(--m2);font-style:italic}
.schema-pre{background:#070707;border:1px solid var(--border);padding:16px;font-family:var(--FM);font-size:11px;color:#7ec8e3;line-height:1.75;overflow-x:auto;white-space:pre;max-height:380px;overflow-y:auto}
.copy-btn{font-family:var(--FU);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:transparent;border:1px solid var(--border);color:var(--m2);padding:4px 12px;cursor:pointer;transition:all .2s;-webkit-appearance:none;border-radius:0}
.copy-btn:hover{border-color:var(--white);color:var(--white)}
.csw{position:relative}.csbl{filter:blur(4px);pointer-events:none;user-select:none;opacity:.3}
.csov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}
.csbx{border:2px solid var(--red);padding:20px 40px;text-align:center;background:rgba(6,6,6,.9)}
.cst{font-family:var(--FD);font-size:48px;letter-spacing:4px;color:var(--white);display:block}
.css2{font-family:var(--FU);font-size:12px;letter-spacing:4px;color:var(--muted);text-transform:uppercase;display:block;margin-top:8px}

/* ════════════════════════════
   PRICING PAGE
════════════════════════════ */
.ph{padding:120px 24px 64px;text-align:center;position:relative;z-index:10;border-bottom:1px solid var(--border);overflow:hidden}
.ph-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.ph-bgt{font-family:var(--FD);font-size:clamp(140px,20vw,280px);letter-spacing:-10px;color:rgba(204,0,0,0.03);white-space:nowrap;user-select:none}
.ph-lbl{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--red);margin-bottom:20px;display:inline-flex;align-items:center;gap:12px;opacity:0;animation:fU .9s ease forwards .2s}
.ph-lbl::before,.ph-lbl::after{content:'';width:28px;height:1px;background:var(--red)}
.ph-h{font-family:var(--FD);font-size:clamp(64px,10vw,128px);line-height:.92;letter-spacing:4px;color:var(--white);margin-bottom:24px;opacity:0;animation:fU .9s ease forwards .4s;position:relative}
.ph-sub{font-size:18px;line-height:1.75;color:var(--w2);max-width:560px;margin:0 auto;opacity:0;animation:fU .9s ease forwards .6s;position:relative}
.planw{max-width:800px;margin:0 auto}
.btn-pricing-cta{font-size:15px;padding:20px 44px;white-space:nowrap}
.planc{background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}
.planc::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--red)}
.planc-top{padding:48px 48px 40px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.plan-nm{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.plan-hl{font-family:var(--FD);font-size:44px;letter-spacing:2px;color:var(--white);line-height:1;margin-bottom:12px}
.plan-dsc{font-size:16px;line-height:1.75;color:var(--w2)}
.plan-pd{text-align:right}
.plan-pm{display:flex;align-items:flex-start;justify-content:flex-end;gap:4px}
.plan-dol{font-family:var(--FD);font-size:44px;color:var(--white);line-height:1;margin-top:6px}
.plan-num{font-family:var(--FD);font-size:108px;color:var(--red);line-height:1}
.plan-per{font-family:var(--FU);font-size:14px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;text-align:right;margin-top:4px}
.plan-vl{font-family:var(--FU);font-size:13px;letter-spacing:2px;color:var(--m2);text-align:right;margin-top:6px}
.plan-vl span{text-decoration:line-through;color:var(--m3)}
.plan-feats{padding:40px 48px;display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;border-bottom:1px solid var(--border)}
.pf{display:flex;align-items:flex-start;gap:12px;font-family:var(--FU);font-size:16px;font-weight:600;letter-spacing:1px;color:var(--white);line-height:1.4}
.pf::before{content:'✓';color:var(--red);font-size:16px;flex-shrink:0;margin-top:1px}
.pf.dim{color:var(--muted)}.pf.dim::before{content:'◎';color:var(--m2)}
.plan-cta{padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.plan-gte{font-size:15px;color:var(--w2);line-height:1.7}
.plan-gte strong{color:var(--white);font-weight:500}
.trs{background:var(--void);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.trg{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.tri{background:var(--void);padding:28px 24px;text-align:center}
.tri-ic{font-size:28px;margin-bottom:10px}
.tri-t{font-family:var(--FU);font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:6px}
.tri-b{font-size:14px;color:var(--w2);line-height:1.6}
.faq{margin-top:56px;display:flex;flex-direction:column;gap:2px}
.fi{background:var(--surface);border:1px solid var(--border);cursor:pointer}
.fq{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.fq-t{font-family:var(--FU);font-size:18px;font-weight:600;letter-spacing:1px;color:var(--white);line-height:1.4}
.ftog{font-family:var(--FD);font-size:24px;color:var(--red);transition:transform .25s;flex-shrink:0;line-height:1}
.fi.open .ftog{transform:rotate(45deg)}
.fa{display:none;padding:0 28px 24px;font-size:16px;line-height:1.8;color:var(--w2);border-top:1px solid var(--border);padding-top:20px}
.fi.open .fa{display:block}

/* ════════════════════════════
   MANIFESTO PAGE
════════════════════════════ */
.mh{padding:100px 24px 64px;position:relative;z-index:10;border-bottom:1px solid var(--border);overflow:hidden}
.mh-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.mh-bg-t{font-family:var(--FD);font-size:clamp(100px,14vw,220px);letter-spacing:-5px;color:rgba(204,0,0,0.035);line-height:1;white-space:nowrap;user-select:none}
.mh-in{max-width:1320px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:flex-end;position:relative;z-index:2}
.mh-ey{font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--red);margin-bottom:20px;display:flex;align-items:center;gap:12px;opacity:0;animation:fU .9s ease forwards .2s}
.mh-ey::before{content:'';width:28px;height:1px;background:var(--red)}
.mh-h{font-family:var(--FD);font-size:clamp(52px,6.5vw,110px);line-height:.9;letter-spacing:3px;color:var(--white);opacity:0;animation:fU .9s ease forwards .4s}
.mh-h .strk{-webkit-text-stroke:1px var(--white);color:transparent}
.mh-r{opacity:0;animation:fU .9s ease forwards .6s}
.mh-sub{font-size:18px;line-height:1.75;color:var(--w2)}
.mh-date{font-family:var(--FM);font-size:12px;letter-spacing:3px;color:var(--m2);margin-top:24px;border-left:2px solid var(--red);padding-left:14px}
.decl-in{max-width:860px;margin:0 auto}
.decl-t{font-family:var(--FD);font-size:48px;letter-spacing:4px;color:var(--red);text-align:center;margin-bottom:48px;padding-bottom:28px;border-bottom:1px solid var(--border)}
.decl-text{font-size:19px;line-height:2;color:var(--w2);text-align:center}
.decl-text .hi{color:var(--white);font-weight:500}
.decl-text .rw{color:var(--red)}
.decl-text p{margin-bottom:28px}
.decl-sig{margin-top:56px;border-top:1px solid var(--border);padding-top:36px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}
.sig-n{font-family:var(--FD);font-size:44px;letter-spacing:3px;color:var(--white);line-height:1}
.sig-t{font-family:var(--FU);font-size:13px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:6px}
.sig-s{font-family:var(--FD);font-size:24px;letter-spacing:4px;color:rgba(204,0,0,.6);border:3px solid rgba(204,0,0,.6);padding:10px 20px;transform:rotate(-8deg);line-height:1}
.ng{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:56px}
.ni{background:var(--surface);padding:40px 28px;text-align:center;transition:background .3s}
.ni:hover{background:var(--s2)}
.nin{font-family:var(--FD);font-size:64px;line-height:1;color:var(--red);margin-bottom:10px}
.nil{font-family:var(--FU);font-size:15px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:6px}
.nis{font-size:14px;color:var(--w2);line-height:1.6}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);margin-top:56px}
.pi{background:var(--void);padding:40px 28px;border-bottom:3px solid transparent;transition:all .3s}
.pi:hover{background:var(--s2);border-bottom-color:var(--red)}
.pi-ic{font-family:var(--FD);font-size:44px;color:var(--red);line-height:1;margin-bottom:16px}
.pi-t{font-family:var(--FU);font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:12px}
.pi-b{font-size:16px;line-height:1.8;color:var(--w2)}

/* ════════════════════════════
   ANIMATIONS
════════════════════════════ */
@keyframes fU{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fI{from{opacity:0}to{opacity:1}}

/* ════════════════════════════
   RESPONSIVE — TABLET
════════════════════════════ */
@media(max-width:1100px){
  .hero-in{grid-template-columns:1fr}
  .hero-r{max-width:480px}
  .mission-in{grid-template-columns:1fr;gap:48px}
  .mission-side{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:36px}
  .mh-in{grid-template-columns:1fr}
  .mh{padding-top:100px;min-height:auto}
  .suite-hero-in{grid-template-columns:1fr}
  .pgrid{grid-template-columns:1fr}
  .planc-top{grid-template-columns:1fr}
  .plan-pd{text-align:left}.plan-pm{justify-content:flex-start}
  .plan-cta{flex-direction:column;align-items:flex-start}
  #suite-tab-grid>div>div>div{grid-template-columns:repeat(2,1fr)!important}
  .plan-feats{grid-template-columns:1fr;padding:32px}
  .planc-top{padding:40px 32px 32px}.plan-cta{padding:32px}
  .ng{grid-template-columns:1fr 1fr}
  .wg{grid-template-columns:1fr 1fr}
  .ag{grid-template-columns:1fr 1fr}
  .ac.s2{grid-column:span 1}
  .pg{grid-template-columns:1fr 1fr}
  .comp-body{grid-template-columns:1fr}
  [style*="grid-template-columns:repeat(5"]{grid-template-columns:1fr 1fr!important}
  [style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr 1fr!important}
  .comp-col:first-child{border-right:none;border-bottom:1px solid var(--border)}
  .ft-main{grid-template-columns:1fr 1fr;gap:40px}
  .trg{grid-template-columns:1fr 1fr}
  .nlinks{display:none}
  .nav-menu-btn{display:block}
  .nav-search{max-width:180px}
  .search-dropdown{width:calc(100vw - 32px);right:-16px}
}

/* ════════════════════════════
   RESPONSIVE — MOBILE
════════════════════════════ */
/* ── Inline grid classes (desktop) ── */
.mob-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.mob-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
/* Scan button */
.scan-submit-btn{display:block;width:100%;background:var(--red);color:var(--white);border:none;cursor:pointer;padding:16px 28px;font-family:var(--FU);font-size:12px;font-weight:700;letter-spacing:3px;transition:opacity .2s;margin-top:1px}
.scan-submit-btn:hover{opacity:.85}
/* Cost breakdown and roadmap grids */
.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);border:1px solid var(--border);margin-top:48px}
.cost-footer{padding:18px 28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:rgba(204,0,0,0.04)}

/* ── Pricing layout classes ── */
.ptg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.psg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.psg-wrap{margin-top:48px;background:var(--void);border:1px solid var(--border);padding:36px 40px}
.pricing-toggle-header{padding:28px 36px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}

@media(max-width:640px){
  /* ── GLOBAL ── */
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px}
  *{max-width:100%;box-sizing:border-box}
  img,video,iframe,table{max-width:100%}

  /* ── TYPOGRAPHY — 14px minimum on mobile ── */
  p,div,span,li,td,th,a,label,input,textarea,select,button{font-size:max(14px,1em)}
  .lbl{font-size:12px!important;letter-spacing:3px!important}
  small{font-size:13px!important}
  /* ── 14px FLOOR — all elements ── */
  .badge-g,.badge-m,.badge-r,.badge-y,.tb-live,.tb-soon{font-size:11px!important}
  .lbl,.hpb-lbl,.mh-ey,.mh-date,.comp-ey,.ph-lbl,.hero-ey,.cta-lbl,.comp-category{font-size:12px!important;letter-spacing:2px!important}
  .stab,.stab-name,.ttitle,.cf-btn,.cf-count,.modal-label,.il,.otop-l,.otop-t,.ss-l{font-size:13px!important}
  .ac-ret,.ac-desc,.ac-ret span,.ft-col-t,.ft-copy,.ft-leg a,.ft-tag,.ft-desc{font-size:13px!important}
  .comp-col-title,.comp-their-price-label,.comp-verdict,.comp-mobile-note{font-size:13px!important}
  .plan-nm,.plan-vl,.plan-per,.pret,.schema-pre{font-size:13px!important}
  .tbtn,.tbtn span,.stab{font-size:13px!important}
  .master-table th,.master-table td,.cw,.di{font-size:14px!important}
  .ncta,.btn-ro,.btn-w,.scan-submit-btn,.rbtn{font-size:14px!important}
  p,.sp,.tri-b,.ac-desc,.fi .fa,.modal-note,.tbody,.ocontent,.dtop-t,.dta{font-size:14px!important;line-height:1.65!important}
  .css2,.sig-t,.hpb-rl,.modal-err,.copy-btn{font-size:13px!important}

  /* ── NAV ── */
  .nlinks{display:none}
  .ncta{padding:9px 14px;font-size:12px;letter-spacing:1px;margin-right:8px}
  .nav-search{max-width:140px;padding:0 8px;height:32px}

  /* ── LAYOUT ── */
  .sec{padding:48px 16px}
  .sec-inner{padding:0}
  #hero{padding:72px 16px 48px;min-height:auto}
  .hero-h{font-size:clamp(52px,13vw,90px)}
  .hero-ctas{flex-direction:column;gap:12px}
  .hero-ctas .btn-p,.hero-ctas .btn-g{width:100%;padding:16px 20px;text-align:center}
  .hpb-in{padding:20px}
  .hpb-n{font-size:64px}
  .hpb-row{padding:10px 16px}
  .wg{grid-template-columns:1fr!important}
  .ag{grid-template-columns:1fr!important}
  .ac.s2{grid-column:span 1}
  .ng{grid-template-columns:1fr!important}
  .pg{grid-template-columns:1fr!important}
  .trg{grid-template-columns:1fr 1fr!important}
  .cta-full{padding:56px 16px}
  .cta-h{font-size:clamp(44px,13vw,80px)}
  .btn-w{padding:16px 24px;font-size:13px}
  .ft-main{grid-template-columns:1fr!important;padding:40px 16px 28px;gap:24px}
  .ft-bot{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}

  /* ── INLINE GRID OVERRIDES ── */
  .mob-grid-3{grid-template-columns:1fr!important}
  .mob-grid-4{grid-template-columns:1fr 1fr!important}
  #reviews-grid{grid-template-columns:1fr!important}
  #suite-tab-grid>div>div>div{grid-template-columns:1fr 1fr!important}
  .cost-grid{grid-template-columns:1fr!important}
  .roadmap-grid{grid-template-columns:1fr!important}
  .roadmap-grid [style*="grid-column:span 2"]{grid-column:span 1!important}
  .cost-footer{flex-direction:column;padding:16px!important}
  .cost-footer [style*="font-size:22px"]{font-size:16px!important}

  /* ── SUITE PAGE ── */
  .suite-hero{padding:64px 16px 36px}
  .suite-hero-in{grid-template-columns:1fr!important;gap:28px!important}
  .suite-hero-in>div:last-child{order:2}
  .suite-hero-in>div:first-child{order:1}
  .term{max-width:100%;overflow:hidden}
  .suite-wrap{padding:12px 0 0!important}
  .psb{padding:20px 16px}
  .dbody{padding:16px}
  .pgrid{grid-template-columns:1fr!important}
  .suite-stats{grid-template-columns:1fr 1fr!important}
  .suite-stat{border-right:none;border-bottom:1px solid var(--border)}
  .suite-stat:nth-child(odd){border-right:1px solid var(--border)}
  .suite-stat:last-child,.suite-stat:nth-last-child(2){border-bottom:none}
  .mh{padding:72px 16px 40px}
  .tabs-nav-in{padding:0 8px}
  .tbtn{padding:12px 10px;font-size:12px;letter-spacing:1px}
  .tabs-nav-in::-webkit-scrollbar{display:none}
  .stab{padding:10px 8px;font-size:13px}

  /* ── COMPARE PAGE ── */
  .comp-hero{padding:72px 16px 40px}
  .comp-layout{display:block!important}
  .comp-sidebar{display:none!important}
  #comp-mobile-bar{display:block!important}
  #comp-mobile-filters{scrollbar-width:none}
  #comp-mobile-filters::-webkit-scrollbar{display:none}
  /* comp-mob-item styled via desktop CSS */
  /* 2-column compare: hide competitors, show feature + syndicate only */
  .master-table-wrap{overflow-x:visible!important;-webkit-overflow-scrolling:touch}
  .master-table{min-width:0!important;width:100%!important;table-layout:fixed!important}
  .master-table th:not(:first-child):not(.syn-col){display:none!important}
  .master-table td:not(:first-child):not(.syn-col){display:none!important}
  .master-table th:first-child{width:55%!important}
  .master-table th.syn-col,.master-table td.syn-col{width:45%!important}
  .master-table th,.master-table td{padding:10px 10px!important;font-size:13px!important;white-space:normal!important;word-break:break-word}
  .comp-mobile-note{display:block!important}
  .comp-card-header{flex-direction:column;align-items:flex-start;padding:14px 16px;gap:6px}
  .comp-col{padding:14px 16px}

  /* ── PRICING PAGE ── */
  .ph{padding:72px 16px 40px}
  .planw{padding:0}
  .planc-top{grid-template-columns:1fr!important;padding:24px 16px 20px!important;gap:16px!important}
  .plan-feats{grid-template-columns:1fr!important;padding:20px 16px!important;gap:8px!important}
  .plan-cta{padding:20px 16px}
  .plan-hl{font-size:30px!important;line-height:1.1}
  .plan-vl,.plan-per,.plan-nm{text-align:left}
  .plan-num{font-size:48px}
  .btn-pricing-cta{display:block!important;width:100%!important;text-align:center!important;padding:16px 20px!important;font-size:14px!important;white-space:normal!important}
  .ptg-grid{grid-template-columns:repeat(2,1fr)!important}
  .psg-grid{grid-template-columns:1fr!important}
  .psg-grid>div{border-bottom:1px solid var(--border)}
  .psg-wrap{padding:24px 16px!important}
  .pricing-toggle-header{flex-direction:column!important;align-items:flex-start!important;padding:20px 16px!important;gap:10px!important}

  /* ── MANIFESTO ── */
  .decl-in{padding:0}

  /* ── FAQ ── */
  .fq-t{font-size:15px!important;word-break:break-word}
  .fq{padding:16px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:56px}
  .fa{padding:0 16px 16px}
  .fi{-webkit-tap-highlight-color:transparent}
  .ftog{min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}

  /* ── MODAL ── */
  .modal-header{padding:20px 16px 16px}
  .modal-body{padding:16px 16px 20px}
  .modal-title{font-size:26px}

  /* ── SCAN RESULTS ── */
  #scan-results [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
  .scan-two-col{grid-template-columns:1fr!important}
}

/* Pricing comparison responsive */
@media(max-width:768px){
  #compare-grid{grid-template-columns:1fr !important;}
  #compare-grid > div:first-child{border-right:none !important;border-bottom:1px solid var(--border);}
}