@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
@import url('tokens.css');

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.mut{color:var(--text-muted)}.dim{color:var(--text-dim)}

.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:13px 24px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .12s,filter .15s,background .15s}
.btn:active{transform:translateY(1px)}
.btn.p{background:var(--primary);color:var(--primary-ink)}.btn.p:hover{filter:brightness(1.08)}
.btn.g{background:#ffffff0a;border-color:#ffffff1f;color:#fff}.btn.g:hover{background:#ffffff14}
.btn.lg{padding:15px 30px;font-size:15px}

.nav{position:sticky;top:0;z-index:80;background:#05070ad9;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}
.brand svg{width:26px;height:26px}
.nl{display:flex;align-items:center;gap:30px;font-size:14px}
.nl a{color:var(--text-muted)}.nl a:hover{color:#fff}
@media(max-width:800px){.nl a:not(.btn){display:none}}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 80% at 72% 38%,#0c1a24,#05070a 55%);border-bottom:1px solid var(--border)}
.hero .grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 70% 60% at 60% 10%,#000,#0000 72%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding:80px 24px 96px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--primary);border:1px solid #49ddc333;background:#49ddc30d;padding:7px 13px;border-radius:100px;margin-bottom:26px;opacity:0;animation:rise .6s .2s forwards}
.eyebrow .d{width:7px;height:7px;border-radius:50%;background:var(--primary);animation:pl 1.5s infinite}
@keyframes pl{0%,100%{box-shadow:0 0 0 0 #49ddc366}70%{box-shadow:0 0 0 9px #49ddc300}}
h1.hh{font-family:'Space Grotesk',Inter;font-size:clamp(40px,6vw,70px);font-weight:700;line-height:1;letter-spacing:-.035em}
h1.hh span{display:block;opacity:0;animation:rise .7s forwards}
h1.hh .l1{animation-delay:.3s}h1.hh .l2{animation-delay:.42s}h1.hh .l3{animation-delay:.54s}
.grad{background:linear-gradient(115deg,#fff 28%,#8ff0ba 62%,#49ddc3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hsub{color:var(--text-muted);font-size:19px;margin:24px 0 32px;max-width:27em;opacity:0;animation:rise .7s .66s forwards}
.acts{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:rise .7s .78s forwards}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

.hstats{display:flex;gap:36px;margin-top:38px;opacity:0;animation:rise .7s .9s forwards;flex-wrap:wrap}
.hstats .st1{display:flex;flex-direction:column;gap:2px}
.hstats .st1 .v{font-family:'Space Grotesk',Inter;font-size:28px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}
.hstats .st1 .v b{color:var(--primary);font-weight:700}
.hstats .st1 .k{font-size:12.5px;color:var(--text-dim);font-family:'JetBrains Mono',monospace}
.hstats .sep{width:1px;background:var(--border);align-self:stretch}
@media(max-width:520px){.hstats{gap:22px}.hstats .st1 .v{font-size:23px}.hstats .sep{display:none}}

.stage{position:relative;height:520px;display:flex;align-items:center;justify-content:center;perspective:1000px}
.tilt{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:transform .2s ease-out}
.ring{position:absolute;border-radius:50%;border:1px solid #49ddc31f;top:50%;left:50%;transform:translate(-50%,-50%) scale(0)}
.r1{width:460px;height:460px}.r2{width:340px;height:340px;border-color:#8ff0ba22}.r3{width:240px;height:240px;border-color:#49ddc333}
.ring::before{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary)}
.spin1{animation:draw .8s .2s forwards,sp 20s linear .9s infinite}.spin2{animation:draw .8s .32s forwards,sp 14s linear 1s reverse infinite}.spin3{animation:draw .8s .44s forwards,sp 9s linear 1.1s infinite}
@keyframes draw{to{transform:translate(-50%,-50%) scale(1)}}
@keyframes sp{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.core{position:relative;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#49ddc3,#0a3d36);display:flex;align-items:center;justify-content:center;transform:translateZ(60px) scale(0);z-index:5;box-shadow:0 0 70px #49ddc355,inset 0 0 44px #05070a;animation:pop .7s .5s cubic-bezier(.2,1.4,.4,1) forwards,br 4s 1.3s ease-in-out infinite}
@keyframes pop{to{transform:translateZ(60px) scale(1)}}
@keyframes br{0%,100%{box-shadow:0 0 60px #49ddc355,inset 0 0 44px #05070a}50%{box-shadow:0 0 110px #49ddc399,inset 0 0 44px #05070a}}
.core.hit{animation:hit .4s}
@keyframes hit{0%{box-shadow:0 0 60px #49ddc366}30%{box-shadow:0 0 130px #8ff0bacc,0 0 0 6px #49ddc344}100%{box-shadow:0 0 60px #49ddc366}}
.core svg{width:70px;height:70px;filter:drop-shadow(0 2px 6px #0008)}
.shock{position:absolute;top:50%;left:50%;width:160px;height:160px;border-radius:50%;border:2px solid var(--primary);transform:translate(-50%,-50%) scale(1);opacity:0;pointer-events:none;z-index:4}
.shock.go{animation:shock .6s ease-out}
@keyframes shock{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}
.threat{position:absolute;top:50%;left:50%;font-family:'JetBrains Mono',monospace;font-size:11px;padding:4px 9px;border-radius:6px;background:#1a0e0edd;border:1px solid #ff8f8f44;color:var(--coral);white-space:nowrap;pointer-events:none;z-index:3;transform:translate(-50%,-50%)}
.tally{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);z-index:6;opacity:0;animation:rise .6s 1.4s forwards}
.tally b{color:var(--primary)}
.chip{position:absolute;font-size:12px;font-family:'JetBrains Mono',monospace;background:#0d1117dd;border:1px solid var(--border);padding:6px 11px;border-radius:8px;color:var(--text-muted);z-index:6;opacity:0;animation:rise .6s forwards,fl 5s ease-in-out infinite}
.chip.c1{top:8%;left:0;color:var(--amber);animation-delay:1.5s,1.5s}.chip.c2{bottom:16%;left:-2%;color:var(--violet);animation-delay:1.7s,1.7s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr;gap:10px}.stage{height:420px}}

section{padding:150px 0;position:relative}
#pillars{padding-top:96px}
.sh{max-width:40em;margin-bottom:52px}
.sh.ctr{margin-left:auto;margin-right:auto;text-align:center}
.sh h2{font-family:'Space Grotesk',Inter;font-size:clamp(28px,3.6vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.sh p{color:var(--text-muted);font-size:18px;margin-top:14px}

.pil{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:18px;padding:30px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
.pcard:hover{transform:translateY(-4px)}
.pcard::after{content:"";position:absolute;inset:0 0 auto 0;height:2px}
.pcard.p1::after{background:var(--amber)}.pcard.p2::after{background:var(--coral)}.pcard.p3::after{background:var(--violet)}
.pcard.p1:hover{border-color:#ffc76644}.pcard.p2:hover{border-color:#ff8f8f44}.pcard.p3:hover{border-color:#b38cff44}
.pcard .ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.pcard.p1 .ic{background:#ffc76618;color:var(--amber)}.pcard.p2 .ic{background:#ff8f8f18;color:var(--coral)}.pcard.p3 .ic{background:#b38cff18;color:var(--violet)}
.pcard .ic svg{width:26px;height:26px}
.pcard h3{font-size:19px;font-weight:600;margin-bottom:10px}
.pcard .bd{color:var(--text-muted);font-size:15px}

.live{background:radial-gradient(ellipse 60% 100% at 50% 50%,#0a1614,#05070a);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.live .in{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.big{font-family:'JetBrains Mono',monospace;font-size:clamp(48px,7vw,88px);font-weight:700;color:var(--primary);line-height:1;text-shadow:0 0 50px #49ddc344;font-variant-numeric:tabular-nums}
.biglbl{color:var(--text-dim);font-family:'JetBrains Mono',monospace;font-size:13px;margin-top:10px}
.feed{background:#0a0d12;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.feed .fbar{display:flex;gap:7px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);background:#0d1117}
.feed .fbar i{width:10px;height:10px;border-radius:50%}
.feed .fbar .t{margin-left:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim)}
.feed .rows{padding:10px 0;font-family:'JetBrains Mono',monospace;font-size:13px;height:230px;overflow:hidden}
.feed .row{display:flex;gap:12px;padding:6px 16px;animation:sl .4s}
@keyframes sl{from{opacity:0;transform:translateX(-8px)}to{opacity:1}}
.feed .row .tm{color:var(--text-dim)}.feed .row .ok{color:var(--primary-dim)}.feed .row .bl{color:var(--amber)}.feed .row .st{color:var(--coral)}
@media(max-width:860px){.live .in{grid-template-columns:1fr}}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.stp{padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--bg-elevate);position:relative}
.stp .n{counter-increment:s;width:34px;height:34px;border-radius:10px;background:var(--primary);color:var(--primary-ink);font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-family:'JetBrains Mono',monospace}
.stp .n::before{content:"0" counter(s)}
.stp h3{font-size:18px;font-weight:600;margin-bottom:9px}.stp p{color:var(--text-muted);font-size:15px}
@media(max-width:820px){.pil,.steps{grid-template-columns:1fr}}

.pw{display:flex;justify-content:center}
.pc2{width:100%;max-width:440px;background:linear-gradient(180deg,#12151b,#0c0f14);border:1px solid #49ddc333;border-radius:22px;padding:38px;position:relative;overflow:hidden}
.pc2::before{content:"";position:absolute;top:-40%;left:-40%;width:180%;height:120%;background:radial-gradient(circle,#49ddc311,transparent 60%)}
.pc2 .rel{position:relative}
.pc2 .tag2{display:inline-block;font-size:12px;color:var(--primary);border:1px solid #49ddc333;background:#49ddc310;padding:5px 11px;border-radius:100px;margin-bottom:16px}
.pc2 .amt{font-family:'Space Grotesk',Inter;font-size:60px;font-weight:700;letter-spacing:-.02em;margin:6px 0}
.pc2 .amt small{font-size:17px;color:var(--text-dim);font-weight:400}
.pc2 .plan{font-size:16px;color:var(--text-muted)}
.pc2 ul{margin:22px 0;display:grid;gap:13px}
.pc2 li{list-style:none;display:flex;gap:11px;font-size:15px;color:var(--text-muted)}
.pc2 li svg{flex:none;color:var(--primary)}

.ctaband{text-align:center;background:linear-gradient(145deg,#0a1614,#071013);border:1px solid #49ddc333;border-radius:24px;padding:60px}
.ctaband h2{font-family:'Space Grotesk',Inter;font-size:clamp(28px,4vw,40px);font-weight:700}
.ctaband p{color:var(--text-muted);margin:14px auto 28px;max-width:34em}

footer{border-top:1px solid var(--border);padding:44px 0;color:var(--text-dim);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer .brand{color:#fff}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.ring{transform:translate(-50%,-50%) scale(1)!important}.core{transform:none!important}.eyebrow,h1.hh span,.hsub,.acts,.tally,.chip{opacity:1!important}}

/* ── interactive protection pillars ── */
.pex{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:stretch}
@media(max-width:860px){.pex{grid-template-columns:1fr}}
.ptabs{display:flex;flex-direction:column;gap:12px}
.ptab{position:relative;text-align:left;background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:16px;padding:20px 20px 20px 22px;cursor:pointer;overflow:hidden;transition:border-color .3s,transform .2s;font-family:inherit;color:inherit}
.ptab:hover{transform:translateX(3px)}
.ptab::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .4s}
.ptab.on::before{transform:scaleY(1)}
.ptab.on{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.ptab .top{display:flex;align-items:center;gap:13px}
.ptab .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.ptab .ic svg{width:23px;height:23px}
.ptab h3{font-size:17px;font-weight:600}
.ptab .bd{color:var(--text-muted);font-size:14px;margin-top:12px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .3s,margin .3s}
.ptab.on .bd{max-height:90px;opacity:1}
.ptab .prog{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);opacity:.5}
.ptab.on .prog{animation:pprog 6s linear}
@keyframes pprog{from{width:0}to{width:100%}}
.pt1{--accent:var(--amber)}.pt2{--accent:var(--coral)}.pt3{--accent:var(--violet)}
.demo{position:relative;background:#0a0d12;border:1px solid var(--border);border-radius:18px;overflow:hidden;min-height:420px;display:flex;flex-direction:column}
.demo .dbar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--border);background:#0d1117}
.demo .dbar i{width:11px;height:11px;border-radius:50%}
.demo .dbar .t{margin-left:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim)}
.dpanel{display:none;padding:26px;flex:1;flex-direction:column}
.dpanel.on{display:flex;animation:dfade .5s}
@keyframes dfade{from{opacity:0}to{opacity:1}}
.p1head{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);margin-bottom:14px}
.files{display:grid;gap:10px}
.file{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#0d1117;font-family:'JetBrains Mono',monospace;font-size:13px;opacity:.35;transition:.3s}
.file .fi{width:20px;height:20px;color:var(--text-dim);flex:none}
.file .nm{flex:1;color:var(--text-muted)}
.file .vd{font-size:12px;font-weight:600;opacity:0;transition:.3s}
.file.scanning{opacity:1;border-color:#49ddc355;box-shadow:0 0 0 1px #49ddc333}
.file.done{opacity:1}.file.done .vd{opacity:1;color:var(--primary-dim)}
.file.bad.done .vd{color:var(--coral)}.file.bad.done{border-color:#ff8f8f44}
.browser{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#0d1117}
.urlbar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);font-family:'JetBrains Mono',monospace;font-size:13px}
.urlbar .lock{color:var(--coral)}.urlbar .u{color:var(--text-muted)}
.blockbody{padding:38px 26px;text-align:center}
.blockbody .bshield{width:64px;height:64px;color:var(--coral);margin:0 auto 16px;opacity:0;transform:scale(.6);animation:pupp .5s .3s forwards}
@keyframes pupp{to{opacity:1;transform:scale(1)}}
.blockbody h4{font-size:19px;font-weight:700;margin-bottom:8px}
.blockbody p{color:var(--text-muted);font-size:14px;max-width:30em;margin:0 auto}
.blockbody .dom{font-family:'JetBrains Mono',monospace;color:var(--coral)}
.redirect{margin-top:18px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim)}
.graphwrap{border:1px solid var(--border);border-radius:12px;background:#0d1117;padding:20px}
.glabel{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);margin-bottom:14px}
.glabel .st{color:var(--violet)}
svg.graph{width:100%;height:150px;display:block}
.gline{fill:none;stroke:var(--violet);stroke-width:2;stroke-dasharray:1400;stroke-dashoffset:1400;animation:gdash 4s linear forwards}
@keyframes gdash{to{stroke-dashoffset:0}}
.gfill{fill:url(#gv);opacity:0;animation:gfl .6s 1.2s forwards}
@keyframes gfl{to{opacity:.25}}
.flag{margin-top:16px;padding:13px 15px;border:1px solid #b38cff44;background:#b38cff10;border-radius:10px;font-size:13px;display:flex;align-items:center;gap:10px;opacity:0;animation:grise .5s 2.6s forwards}
.flag .fdot{width:8px;height:8px;border-radius:50%;background:var(--violet);flex:none;animation:pl 1.2s infinite}
.flag b{color:var(--violet)}
.contain{margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--primary-dim);opacity:0;animation:grise .5s 3.4s forwards}
@keyframes grise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ptab.on .prog,.gline,.gfill,.flag,.contain,.blockbody .bshield{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}}

/* ── how-it-works timeline ── */
.flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.flow .rail{position:absolute;top:26px;left:8%;right:8%;height:2px;background:var(--border);overflow:hidden}
.flow .rail .fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--primary),var(--primary-dim));box-shadow:0 0 12px var(--primary);transition:width .1s linear}
@media(max-width:820px){.flow{grid-template-columns:1fr;gap:40px}.flow .rail{left:26px;right:auto;top:8%;bottom:8%;width:2px;height:auto}.flow .rail .fill{width:2px!important;height:0;transition:height .1s linear}}
.node{position:relative}
.node .dot{width:54px;height:54px;border-radius:16px;border:2px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:18px;color:var(--text-dim);position:relative;z-index:2;transition:.45s cubic-bezier(.2,1.2,.4,1)}
.node.lit .dot{border-color:var(--primary);background:var(--primary);color:var(--primary-ink);box-shadow:0 0 30px #49ddc366;transform:scale(1.05)}
.node h3{font-size:19px;font-weight:600;margin:20px 0 8px;opacity:.4;transition:.4s}
.node.lit h3{opacity:1}
.node p{color:var(--text-muted);font-size:15px;opacity:.4;transition:.4s}
.node.lit p{opacity:1}
.wgt{margin-top:18px;border:1px solid var(--border);border-radius:12px;background:#0a0d12;overflow:hidden;opacity:0;transform:translateY(10px);transition:.5s .15s}
.node.lit .wgt{opacity:1;transform:none}
.wgt .hd{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-dim);padding:9px 12px;border-bottom:1px solid var(--border);background:#0d1117}
.wgt .wb{padding:14px 12px;font-family:'JetBrains Mono',monospace;font-size:13px}
.cmd{display:flex;align-items:center;gap:8px}
.cmd .txt{color:var(--primary-dim);flex:1;white-space:nowrap;overflow:hidden}
.cmd button{background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:11px;padding:4px 9px;border-radius:6px;cursor:pointer}
.cmd button:hover{background:#ffffff1a;color:#fff}
.keyrow{display:flex;gap:6px}
.keyseg{flex:1;text-align:center;color:var(--primary);border:1px dashed #49ddc344;border-radius:6px;padding:7px 0;letter-spacing:.05em}
.pstat{display:flex;align-items:center;gap:10px;color:var(--primary)}
.pstat .d{width:9px;height:9px;border-radius:50%;background:var(--primary);animation:pl 1.3s infinite}

/* section divider: fading gradient rule with a faint centre node */
.divider{position:relative;height:1px;max-width:1140px;margin:16px auto;background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent)}
.divider::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--primary);transform:translate(-50%,-50%);box-shadow:0 0 12px #49ddc366;opacity:.6}
@media(max-width:820px){.divider{margin:0 24px}}

/* ── split pricing ── */
.pricebox{display:grid;grid-template-columns:1.25fr .9fr;background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:24px;overflow:hidden;max-width:920px;margin:0 auto}
@media(max-width:820px){.pricebox{grid-template-columns:1fr}}
.pfeat{padding:40px}
.ptag{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--primary);border:1px solid #49ddc333;background:#49ddc310;padding:6px 12px;border-radius:100px;margin-bottom:20px}
.pfeat h3{font-family:'Space Grotesk',Inter;font-size:24px;font-weight:700;margin-bottom:6px}
.pfeat .lead{color:var(--text-muted);font-size:15px;margin-bottom:26px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
@media(max-width:520px){.grid2{grid-template-columns:1fr}}
.grid2 li{list-style:none;display:flex;gap:10px;font-size:14.5px;color:var(--text-muted);align-items:flex-start}
.grid2 li svg{flex:none;color:var(--primary);margin-top:3px}
.prail{position:relative;padding:40px;background:radial-gradient(ellipse 120% 80% at 80% 0,#0e2420,#0a0f14);border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}
.prail::before{content:"";position:absolute;top:-30%;right:-30%;width:120%;height:80%;background:radial-gradient(circle,#49ddc31a,transparent 65%);pointer-events:none}
@media(max-width:820px){.prail{border-left:0;border-top:1px solid var(--border)}}
.prail .rel{position:relative}
.pamt{font-family:'Space Grotesk',Inter;font-size:64px;font-weight:700;letter-spacing:-.03em;line-height:1}
.pamt small{font-size:17px;color:var(--text-dim);font-weight:400}
.pmo{color:var(--text-muted);font-size:14px;margin-top:10px}
.pmo b{color:var(--primary)}
.pbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:24px;padding:16px;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-weight:700;font-size:15px;text-decoration:none;transition:filter .15s,transform .12s;box-shadow:0 12px 40px -12px #49ddc399}
.pbtn:hover{filter:brightness(1.08)}.pbtn:active{transform:translateY(1px)}
.ptrust{margin-top:22px;display:grid;gap:11px}
.ptrust div{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-dim)}
.ptrust svg{flex:none;color:var(--primary)}

/* ── FAQ accordion ── */
#faq-sec .wrap{max-width:820px}
.faq{display:flex;flex-direction:column;gap:12px}
.qa{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));overflow:hidden;transition:border-color .3s}
.qa.open{border-color:#49ddc340}
.qa button{width:100%;text-align:left;background:none;border:0;color:inherit;font:inherit;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.qa .q{font-size:16.5px;font-weight:600}
.qa .ico{flex:none;width:24px;height:24px;border-radius:7px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;transition:.3s}
.qa.open .ico{background:var(--primary);border-color:var(--primary)}
.qa .ico::before,.qa .ico::after{content:"";position:absolute;background:var(--text-muted);transition:.3s}
.qa .ico::before{width:11px;height:2px}.qa .ico::after{width:2px;height:11px}
.qa.open .ico::before,.qa.open .ico::after{background:var(--primary-ink)}
.qa.open .ico::after{transform:rotate(90deg);opacity:0}
.qa .a{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s}
.qa .a .inner{padding:0 24px 22px;color:var(--text-muted);font-size:15px}
.qa.open .a{max-height:260px;opacity:1}

/* ── checkout ── */
.co{min-height:calc(100vh - 70px);padding:60px 0 100px}
.co .wrap{max-width:960px}
.co-back{display:inline-flex;align-items:center;gap:7px;color:var(--text-dim);font-size:14px;margin-bottom:28px}
.co-back:hover{color:var(--text)}
.co-grid{display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:start}
@media(max-width:820px){.co-grid{grid-template-columns:1fr}}
.co-card{background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:20px;padding:32px}
.co-h{font-family:'Space Grotesk',Inter;font-size:22px;font-weight:700;margin-bottom:6px}
.co-lead{color:var(--text-muted);font-size:14.5px;margin-bottom:26px}
.co-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}
.co-input{width:100%;padding:14px 16px;background:#0a0d12;border:1px solid var(--border);border-radius:11px;color:#fff;font:inherit;font-size:15px;transition:border-color .2s}
.co-input:focus{outline:0;border-color:#49ddc366}
.co-hint{font-size:12.5px;color:var(--text-dim);margin-top:8px}
.co-pay{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:22px;padding:16px;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-weight:700;font-size:15px;border:0;cursor:pointer;transition:filter .15s,transform .12s;box-shadow:0 12px 40px -12px #49ddc399}
.co-pay:hover{filter:brightness(1.08)}.co-pay:active{transform:translateY(1px)}
.co-pay[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;filter:none}
.co-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:var(--text-dim);font-size:12.5px}
.co-secure svg{color:var(--primary)}
.co-warn{margin-top:16px;padding:12px 14px;border:1px solid #ffc76633;background:#ffc76610;border-radius:10px;color:var(--amber);font-size:13px}
/* summary */
.sum{position:sticky;top:90px}
.sum .prod{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.sum .prod .mk{width:48px;height:48px;border-radius:12px;background:#49ddc312;display:flex;align-items:center;justify-content:center;flex:none}
.sum .prod .mk svg{width:26px;height:26px;color:var(--primary)}
.sum .prod .nm{font-weight:600}
.sum .prod .tg{color:var(--text-dim);font-size:13px}
.sum .rows{padding:20px 0;border-bottom:1px solid var(--border);display:grid;gap:12px}
.sum .r{display:flex;justify-content:space-between;font-size:14px;color:var(--text-muted)}
.sum .r .v{color:#fff}
.sum .tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:20px}
.sum .tot .l{color:var(--text-muted);font-size:14px}
.sum .tot .a{font-family:'Space Grotesk',Inter;font-size:32px;font-weight:700}
.sum .feats{margin-top:20px;display:grid;gap:9px}
.sum .feats li{list-style:none;display:flex;gap:9px;font-size:13.5px;color:var(--text-muted)}
.sum .feats svg{flex:none;color:var(--primary)}

/* ── plans comparison ── */
.plangrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;max-width:1080px;margin:0 auto}
@media(max-width:860px){.plangrid{grid-template-columns:1fr;max-width:440px}}
.plan{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:20px;padding:32px}
.plan.feat{border-color:#49ddc355;box-shadow:0 20px 60px -30px #49ddc366}
.planbadge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--primary-ink);font-size:12px;font-weight:700;padding:5px 14px;border-radius:100px;white-space:nowrap}
.plan-name{font-family:'Space Grotesk',Inter;font-size:22px;font-weight:700}
.plan-tag{color:var(--text-muted);font-size:14px;margin-top:6px;min-height:40px}
.plan-amt{font-family:'Space Grotesk',Inter;font-size:44px;font-weight:700;letter-spacing:-.02em;margin:14px 0 4px}
.plan-amt small{font-size:15px;color:var(--text-dim);font-weight:400}
.plan-dev{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:13.5px;font-family:'JetBrains Mono',monospace;background:#49ddc310;border:1px solid #49ddc333;padding:6px 12px;border-radius:100px;margin-bottom:22px}
.plan-feats{display:grid;gap:12px;margin-bottom:26px;flex:1}
.plan-feats li{list-style:none;display:flex;gap:10px;font-size:14px;color:var(--text-muted);align-items:flex-start}
.plan-feats svg{flex:none;color:var(--primary);margin-top:2px}
.plan-cta{width:100%;justify-content:center}
.plan-cta.ghost{background:#ffffff0a;border:1px solid #ffffff1f;color:#fff}
.plan-cta.ghost:hover{background:#ffffff14;filter:none}
.plans-note{text-align:center;color:var(--text-dim);font-size:13px;margin-top:40px}

/* ── buy module (plans + checkout in one surface) ── */
.mod{position:relative;max-width:940px;margin:0 auto;background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:0 40px 100px -50px #000}
.mod-grid{display:grid;grid-template-columns:1.15fr .85fr}
@media(max-width:820px){.mod-grid{grid-template-columns:1fr}}
.mod-plans{padding:14px;display:flex;flex-direction:column;gap:10px;justify-content:center;border-right:1px solid var(--border);background:#0a0d1240}
@media(max-width:820px){.mod-plans{border-right:0;border-bottom:1px solid var(--border)}}
.opt{position:relative;text-align:left;background:#0d1117;border:1.5px solid var(--border);border-radius:16px;padding:18px 18px 18px 20px;cursor:pointer;transition:border-color .22s,background .22s;font-family:inherit;color:inherit;display:flex;align-items:center;gap:14px}
.opt:hover{border-color:#ffffff2a}
.opt.sel{border-color:var(--primary);background:#49ddc308}
.opt .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex:none;position:relative;transition:.22s}
.opt.sel .radio{border-color:var(--primary);background:var(--primary)}
.opt.sel .radio::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:var(--primary-ink)}
.opt .mid{flex:1;min-width:0}
.opt .nm{font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}
.opt .pop{font-size:10px;font-weight:700;color:var(--primary-ink);background:var(--primary);padding:2px 8px;border-radius:100px}
.opt .dv{color:var(--text-dim);font-size:12.5px;font-family:'JetBrains Mono',monospace;margin-top:2px}
.opt .pr{text-align:right;flex:none}
.opt .pr b{font-family:'Space Grotesk',Inter;font-size:18px;font-weight:700}
.opt .pr small{display:block;color:var(--text-dim);font-size:11px}
.mod-buy{padding:32px;display:flex;flex-direction:column;background:radial-gradient(ellipse 120% 70% at 100% 0,#0e2420,transparent 70%)}
.mod-buy .cap{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-dim);margin-bottom:14px}
.mod-buy .selname{font-family:'Space Grotesk',Inter;font-size:26px;font-weight:700;line-height:1}
.mod-buy .selfeats{margin:18px 0;display:grid;gap:10px}
.mod-buy .selfeats li{list-style:none;display:flex;gap:9px;font-size:13.5px;color:var(--text-muted)}
.mod-buy .selfeats svg{flex:none;color:var(--primary);margin-top:2px}
.mod-buy .divl{height:1px;background:var(--border);margin:4px 0 18px}
.mod-buy .flabel{font-size:13px;color:var(--text-muted);margin-bottom:8px;display:block}
.mod-buy .finput{width:100%;padding:14px 15px;background:#0a0d12;border:1px solid var(--border);border-radius:11px;color:#fff;font:inherit;font-size:15px;transition:.2s}
.mod-buy .finput:focus{outline:0;border-color:#49ddc366;box-shadow:0 0 0 3px #49ddc31a}
.mod-buy .pay{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:16px;padding:16px;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-weight:700;font-size:15px;border:0;cursor:pointer;transition:filter .15s,transform .12s;box-shadow:0 14px 44px -14px #49ddc3aa}
.mod-buy .pay:hover{filter:brightness(1.08)}.mod-buy .pay:active{transform:translateY(1px)}
.mod-buy .pay[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;filter:none}
.mod-buy .sec2{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;color:var(--text-dim);font-size:12px}
.mod-buy .sec2 svg{color:var(--primary)}
.mod-warn{margin:14px 0 0;padding:12px 14px;border:1px solid #ffc76633;background:#ffc76610;border-radius:10px;color:var(--amber);font-size:13px}
.buytrust{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:28px;color:var(--text-dim);font-size:13px}
.buytrust span{display:flex;align-items:center;gap:7px}.buytrust svg{color:var(--primary)}

/* ── buy module (plans + checkout in one surface) ── */
.mod{position:relative;max-width:940px;margin:0 auto;background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:0 40px 100px -50px #000}
.mod-grid{display:grid;grid-template-columns:1.15fr .85fr}
@media(max-width:820px){.mod-grid{grid-template-columns:1fr}}
.mod-plans{padding:14px;display:flex;flex-direction:column;gap:10px;justify-content:center;border-right:1px solid var(--border);background:#0a0d1240}
@media(max-width:820px){.mod-plans{border-right:0;border-bottom:1px solid var(--border)}}
.opt{position:relative;text-align:left;background:#0d1117;border:1.5px solid var(--border);border-radius:16px;padding:18px 18px 18px 20px;cursor:pointer;transition:border-color .22s,background .22s;font-family:inherit;color:inherit;display:flex;align-items:center;gap:14px}
.opt:hover{border-color:#ffffff2a}
.opt.sel{border-color:var(--primary);background:#49ddc308}
.opt .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex:none;position:relative;transition:.22s}
.opt.sel .radio{border-color:var(--primary);background:var(--primary)}
.opt.sel .radio::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:var(--primary-ink)}
.opt .mid{flex:1;min-width:0}
.opt .nm{font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}
.opt .pop{font-size:10px;font-weight:700;color:var(--primary-ink);background:var(--primary);padding:2px 8px;border-radius:100px}
.opt .dv{color:var(--text-dim);font-size:12.5px;font-family:'JetBrains Mono',monospace;margin-top:2px}
.opt .pr{text-align:right;flex:none}
.opt .pr b{font-family:'Space Grotesk',Inter;font-size:18px;font-weight:700}
.opt .pr small{display:block;color:var(--text-dim);font-size:11px}
.mod-buy{padding:32px;display:flex;flex-direction:column;background:radial-gradient(ellipse 120% 70% at 100% 0,#0e2420,transparent 70%)}
.mod-buy .cap{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-dim);margin-bottom:14px}
.mod-buy .selname{font-family:'Space Grotesk',Inter;font-size:26px;font-weight:700;line-height:1}
.mod-buy .selfeats{margin:18px 0;display:grid;gap:10px}
.mod-buy .selfeats li{list-style:none;display:flex;gap:9px;font-size:13.5px;color:var(--text-muted)}
.mod-buy .selfeats svg{flex:none;color:var(--primary);margin-top:2px}
.mod-buy .divl{height:1px;background:var(--border);margin:4px 0 18px}
.mod-buy .flabel{font-size:13px;color:var(--text-muted);margin-bottom:8px;display:block}
.mod-buy .finput{width:100%;padding:14px 15px;background:#0a0d12;border:1px solid var(--border);border-radius:11px;color:#fff;font:inherit;font-size:15px;transition:.2s}
.mod-buy .finput:focus{outline:0;border-color:#49ddc366;box-shadow:0 0 0 3px #49ddc31a}
.mod-buy .pay{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:16px;padding:16px;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-weight:700;font-size:15px;border:0;cursor:pointer;transition:filter .15s,transform .12s;box-shadow:0 14px 44px -14px #49ddc3aa}
.mod-buy .pay:hover{filter:brightness(1.08)}.mod-buy .pay:active{transform:translateY(1px)}
.mod-buy .pay[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;filter:none}
.mod-buy .sec2{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;color:var(--text-dim);font-size:12px}
.mod-buy .sec2 svg{color:var(--primary)}
.mod-warn{margin:14px 0 0;padding:12px 14px;border:1px solid #ffc76633;background:#ffc76610;border-radius:10px;color:var(--amber);font-size:13px}
.buytrust{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:28px;color:var(--text-dim);font-size:13px}
.buytrust span{display:flex;align-items:center;gap:7px}.buytrust svg{color:var(--primary)}

/* ── download / activate placeholder pages ── */
.simplepage{padding:90px 0 120px;position:relative;overflow:hidden;min-height:70vh}
.simplepage::before{content:"";position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:700px;height:400px;background:radial-gradient(ellipse,#49ddc311,transparent 65%);pointer-events:none}
.simplepage .wrap{max-width:620px;position:relative}
.sp-card{background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:22px;padding:44px;text-align:center}
.sp-ic{width:76px;height:76px;border-radius:20px;background:#49ddc312;border:1px solid #49ddc333;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.sp-ic svg{width:38px;height:38px;color:var(--primary)}
.sp-card h1{font-family:'Space Grotesk',Inter;font-size:30px;font-weight:700;letter-spacing:-.02em}
.sp-card .sp-lead{color:var(--text-muted);font-size:16px;margin:12px auto 0;max-width:36em}
.sp-badge{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--amber);border:1px solid #ffc76633;background:#ffc76610;padding:6px 13px;border-radius:100px;margin-bottom:22px}
.sp-form{margin-top:28px;display:flex;flex-direction:column;gap:12px}
.sp-input{width:100%;padding:15px 16px;background:#0a0d12;border:1px solid var(--border);border-radius:12px;color:#fff;font:inherit;font-size:15px;text-align:center;transition:.2s}
.sp-input:focus{outline:0;border-color:#49ddc366;box-shadow:0 0 0 3px #49ddc31a}
.sp-key{font-family:'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.sp-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:16px;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-weight:700;font-size:15px;border:0;cursor:pointer;transition:filter .15s,transform .12s;box-shadow:0 12px 40px -14px #49ddc3aa}
.sp-btn:hover{filter:brightness(1.08)}.sp-btn:active{transform:translateY(1px)}
.sp-note{color:var(--text-dim);font-size:13px;margin-top:16px}
.sp-note a{color:var(--primary)}
.sp-specs{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:26px;color:var(--text-dim);font-size:13px}
.sp-specs span{display:flex;align-items:center;gap:7px}.sp-specs svg{color:var(--primary)}

/* ── auth ── */
.authwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;position:relative;overflow:hidden}
.authwrap::before{content:"";position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse,#49ddc311,transparent 65%);pointer-events:none}
.authcard{position:relative;width:100%;max-width:400px;background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:20px;padding:38px}
.authcard .brand{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:18px;margin-bottom:6px}
.authcard .brand svg{width:26px;height:26px;color:var(--primary)}
.authcard h1{text-align:center;font-family:'Space Grotesk',Inter;font-size:22px;font-weight:700;margin-bottom:26px}
.authcard label{display:block;font-size:13px;color:var(--text-muted);margin:14px 0 7px}
.authcard input{width:100%;padding:13px 15px;background:#0a0d12;border:1px solid var(--border);border-radius:11px;color:#fff;font:inherit;font-size:15px;transition:.2s}
.authcard input:focus{outline:0;border-color:#49ddc366;box-shadow:0 0 0 3px #49ddc31a}
.authcard button{width:100%;margin-top:22px;padding:14px;border-radius:11px;background:var(--primary);color:var(--primary-ink);font-weight:700;font-size:15px;border:0;cursor:pointer;transition:filter .15s}
.authcard button:hover{filter:brightness(1.08)}
.autherr{margin-top:16px;padding:11px 14px;border:1px solid #ff8f8f44;background:#ff8f8f10;border-radius:10px;color:var(--coral);font-size:13px;text-align:center}

/* ── admin shell ── */
.adm{display:flex;min-height:100vh}
.adm-side{width:230px;flex:none;background:#0a0d12;border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;gap:4px}
.adm-side .logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;padding:6px 10px 20px}
.adm-side .logo svg{width:24px;height:24px;color:var(--primary)}
.adm-side a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:var(--text-muted);font-size:14px;transition:.15s}
.adm-side a:hover{background:#ffffff08;color:#fff}
.adm-side a.on{background:#49ddc312;color:var(--primary);font-weight:600}
.adm-side a svg{width:17px;height:17px;flex:none}
.adm-side .spacer{flex:1}
.adm-main{flex:1;padding:34px 40px;max-width:1100px}
.adm-h{font-family:'Space Grotesk',Inter;font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}
.adm-sub{color:var(--text-muted);font-size:14px;margin-bottom:30px}
.adm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}
@media(max-width:900px){.adm-stats{grid-template-columns:repeat(2,1fr)}.adm-side{width:64px}.adm-side a span,.adm-side .logo span{display:none}}
.adm-stat{background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:16px;padding:22px}
.adm-stat .k{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim)}
.adm-stat .v{font-family:'Space Grotesk',Inter;font-size:30px;font-weight:700;margin-top:8px}
.adm-stat.hl .v{color:var(--primary)}
.adm-card{background:linear-gradient(180deg,var(--bg-card),var(--bg-card-2));border:1px solid var(--border);border-radius:16px;padding:26px}
.adm-card h3{font-size:16px;font-weight:600;margin-bottom:18px}
.adm-table{width:100%;border-collapse:collapse;font-size:14px}
.adm-table th{text-align:left;color:var(--text-dim);font-weight:500;font-size:12px;font-family:'JetBrains Mono',monospace;padding:0 12px 12px;border-bottom:1px solid var(--border)}
.adm-table td{padding:13px 12px;border-bottom:1px solid var(--border-soft);color:var(--text-muted)}
.adm-table tr:last-child td{border-bottom:0}
.pill{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:100px}
.pill.paid{color:var(--primary);background:#49ddc312;border:1px solid #49ddc333}
.pill.pending{color:var(--amber);background:#ffc76612;border:1px solid #ffc76633}
.pill.fail{color:var(--coral);background:#ff8f8f12;border:1px solid #ff8f8f33}