:root{--bg:#05080f;--navy:#0a1630;--navy2:#0f2147;--gold:#e2b84a;--gold2:#f7e08a;--silver:#c9d1db;--ok:#22e06b;--bad:#ff3b3b;--warn:#ffb020;--txt:#e7ecf3;--mut:#9aa7b8;--glass:rgba(255,255,255,.05);--line:rgba(201,209,219,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:17px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--gold2)}[id]{scroll-margin-top:70px}
.bn{background:#b00020;color:#fff;text-align:center;font:600 13px system-ui;padding:6px;position:sticky;top:0;z-index:50}
.top{position:sticky;top:29px;z-index:40;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 20px;background:rgba(5,8,15,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:800 20px system-ui;letter-spacing:.5px}.brand b{color:var(--gold)}.brand img{filter:drop-shadow(0 0 6px rgba(34,224,107,.5))}
nav{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;font:600 14px system-ui}nav a{color:var(--silver);text-decoration:none}nav a:hover{color:#fff}nav a.cta{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;padding:7px 14px;border-radius:999px}
/* hero */
.xhero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#132b5e 0,#05080f 60%);padding:56px 20px 30px}.xhero.small{padding:48px 20px}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);opacity:.5}
.grid-bg:after{content:"";position:absolute;left:0;right:0;height:120px;background:linear-gradient(transparent,rgba(34,224,107,.12),transparent);animation:scan 6s linear infinite}
@keyframes scan{from{top:-120px}to{top:100%}}
.xin{position:relative;max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}.xin.one{grid-template-columns:1fr}
.kicker,.eyebrow{font:700 12px system-ui;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.eyebrow.red{color:var(--bad)}
.xhero h1{font:900 clamp(34px,5vw,58px)/1.05 system-ui;margin:12px 0 14px;letter-spacing:-1px}.gold{background:linear-gradient(90deg,var(--gold2),var(--gold),#fff6c8,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.hl{font:600 19px/1.5 system-ui;color:#fff;border-left:3px solid var(--gold);padding-left:14px}.xcopy p{color:var(--silver)}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-block;font:800 16px system-ui;padding:14px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;background:var(--navy2);color:#fff}
.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;box-shadow:0 0 24px rgba(226,184,74,.35)}.btn.ghost{background:transparent;color:#fff;border:1px solid var(--silver)}.btn.red{background:var(--bad);color:#fff}
.xvis{position:relative;display:grid;place-items:center;min-height:360px}.hshield{position:relative;width:min(300px,70vw);height:auto;animation:pg 2s ease-in-out infinite}
.radar{position:absolute;width:min(420px,92vw);aspect-ratio:1;border-radius:50%}.ring{position:absolute;inset:0;border:1px solid rgba(34,224,107,.35);border-radius:50%}.r2{inset:15%}.r3{inset:30%}
.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(34,224,107,.35),transparent 25%);animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hstat{position:absolute;bottom:0;font:700 13px system-ui;color:var(--ok);background:rgba(34,224,107,.1);border:1px solid rgba(34,224,107,.4);padding:5px 12px;border-radius:999px;display:flex;gap:8px;align-items:center}
.dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;flex:none;animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.35}}
@keyframes pg{0%,100%{filter:drop-shadow(0 0 6px rgba(34,224,107,.6))}50%{filter:drop-shadow(0 0 30px rgba(34,224,107,.95)) drop-shadow(0 0 10px #22e06b)}}
@keyframes pr{0%,100%{filter:drop-shadow(0 0 4px #ff3b3b)}50%{filter:drop-shadow(0 0 18px #ff3b3b)}}@keyframes vb{25%{transform:translate(-2px,1px) rotate(-1deg)}75%{transform:translate(2px,-1px) rotate(1deg)}}
/* feed & console */
.feed,.console{position:relative;max-width:1180px;margin:26px auto 0;background:rgba(10,22,48,.6);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(10px);overflow:hidden;font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.chead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line);font:700 12px system-ui;letter-spacing:1px;text-transform:uppercase;color:var(--silver)}.chead em{color:var(--warn);font-style:normal}
.feed ul,.console ul{list-style:none;margin:0;padding:6px 0;max-height:236px;overflow:hidden}.feed li,.console li{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.04)}
li.ok{color:#bff5d2}li.ok .dot{color:var(--ok)}li.bad{color:#ffd0d0}li.bad .dot{color:var(--bad)}li.warn{color:#ffe7b3}li.warn .dot{color:var(--warn)}
.console li b{margin-left:auto;font:800 11px system-ui;letter-spacing:1px;padding:2px 8px;border-radius:4px}.console li.ok b{background:rgba(34,224,107,.15);color:var(--ok)}.console li.bad b{background:rgba(255,59,59,.15);color:var(--bad)}.console li.warn b{background:rgba(255,176,32,.15);color:var(--warn)}
li.new{animation:fin .6s}@keyframes fin{from{opacity:0;transform:translateY(-8px);background:rgba(226,184,74,.15)}}
.scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ok),transparent);box-shadow:0 0 12px var(--ok);animation:scan2 3.2s linear infinite;z-index:2}@keyframes scan2{from{top:40px}to{top:100%}}
/* layout */
main.dk{max-width:1180px;margin:auto;padding:10px 20px 50px}main.dk section{margin:70px 0}
.statement{text-align:center;max-width:900px;margin:60px auto!important}.statement p{font:900 clamp(24px,3.4vw,40px)/1.2 system-ui;margin:0;color:#fff}.statement p span{color:var(--gold)}.statement cite{display:block;margin-top:12px;color:var(--mut);font:600 14px system-ui;font-style:normal;letter-spacing:1px;text-transform:uppercase}
.sh{text-align:center;margin-bottom:24px}.sh h2{font:900 clamp(26px,3.2vw,40px)/1.15 system-ui;margin:8px 0 0}
.capnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.capnav a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:#fff;text-decoration:none;font:700 15px system-ui;transition:.2s}.capnav a:hover{border-color:var(--gold);transform:translateY(-2px)}
.ic{width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic.big{width:44px;height:44px}
.cap{border-top:1px solid var(--line);padding-top:50px}.capin{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.capin.flip .captext{order:2}
.capnum{display:flex;align-items:center;gap:12px}.capnum span{font:900 14px system-ui;color:var(--mut);letter-spacing:2px}
.cap h2{font:900 clamp(26px,3vw,38px)/1.15 system-ui;margin:12px 0 8px;color:#fff}.lead{color:var(--silver);font-size:18px}
.cf{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cf h3{font:800 13px system-ui;letter-spacing:1.5px;text-transform:uppercase;margin:10px 0 6px}.cf div:first-child h3{color:var(--ok)}.cf div:last-child h3{color:var(--bad)}
ul.chk,ul.flg{list-style:none;padding:0;margin:0;font-size:15px}ul.chk li,ul.flg li{padding:5px 0 5px 22px;position:relative;color:var(--txt)}ul.chk li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:900}ul.flg li:before{content:"!";position:absolute;left:4px;color:var(--bad);font-weight:900}
.capvis .console{margin:0}
.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.g{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:22px;backdrop-filter:blur(8px)}.g h3{margin:6px 0;color:#fff;font:800 20px system-ui}.g p{color:var(--silver);margin:0}
.lv{font:800 11px system-ui;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;border-radius:999px}.lv.ok{background:rgba(34,224,107,.15);color:var(--ok)}.lv.warn{background:rgba(255,176,32,.15);color:var(--warn)}.lv.bad{background:rgba(255,59,59,.15);color:var(--bad)}
.c{text-align:center;color:var(--silver)}
.protected{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(255,59,59,.08),rgba(10,22,48,.6));border:1px solid rgba(255,59,59,.3);border-radius:18px;padding:24px}.protected img{width:100%;height:auto;border-radius:12px}.protected h2{font:900 30px/1.2 system-ui;margin:8px 0}
.band{text-align:center;padding:40px 20px;border-radius:18px;background:linear-gradient(135deg,var(--navy2),#05080f);border:1px solid var(--line)}.band h2{font:900 30px system-ui;margin:0 0 8px}
.cta-end{text-align:center}.cta-end h2{font:900 34px system-ui;margin:12px 0 6px}.pulse{animation:pg 2s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important}.reveal{opacity:1;transform:none}}
/* generic dark page parts (old pages) */
.hero{background:radial-gradient(ellipse at 70% 30%,#132b5e,#05080f 65%);padding:48px 20px}.hin{max-width:1000px;margin:auto;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hero h1{font:900 clamp(30px,4.4vw,48px)/1.1 system-ui;margin:0 0 10px}.hero p{color:var(--silver);max-width:640px}
.status{text-align:center;font:600 15px system-ui;color:var(--ok)}.status .lg img{width:120px;height:auto}
picture img.wide,img.wide{display:block;width:100%;max-height:420px;object-fit:cover;opacity:.9}
main{max-width:820px;margin:auto;padding:12px 20px 40px}main h1{font:900 34px/1.2 system-ui}main h2{font:900 26px/1.25 system-ui;margin-top:1.6em;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:18px}.card h3{margin:0 0 6px;color:#fff}.card p{margin:0;color:var(--silver);font-size:15px}
.callout{display:flex;gap:14px;align-items:flex-start;border-radius:12px;padding:16px 18px;margin:24px 0;border:1px solid var(--line);border-left:5px solid var(--silver);background:var(--glass)}.callout h2,.callout h3{margin:0 0 6px}.callout.red{border-left-color:var(--bad);background:rgba(255,59,59,.07)}.callout.green{border-left-color:var(--ok);background:rgba(34,224,107,.07)}.callout.blue{border-left-color:#4d8dff}
.lg{flex:none;display:inline-block}.lg img{display:block}.lg.ok img{animation:pg 1.8s ease-in-out infinite}.lg.bad img{animation:pr .8s ease-in-out infinite,vb .2s linear infinite}
ol.steps{counter-reset:s;list-style:none;padding-left:0}ol.steps>li{counter-increment:s;position:relative;padding-left:46px;margin:14px 0}ol.steps>li:before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;font:800 15px/32px system-ui;text-align:center}
.btnw{text-align:center;margin:28px 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
figure{margin:20px 0}figure img{width:100%;height:auto;border-radius:10px}figcaption{color:var(--mut);font-size:14px;text-align:center}
.agrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.acard{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--txt);background:var(--glass);transition:.2s}.acard:hover{border-color:var(--gold);transform:translateY(-3px)}.acard img{width:100%;height:auto;display:block}.acard h3{margin:12px 14px 4px;color:#fff}.acard p{margin:0 14px 14px;color:var(--silver);font-size:15px}
form.mock{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--glass)}.note{background:rgba(255,176,32,.1);border-left:4px solid var(--warn);padding:8px 12px;font:600 14px system-ui;color:#ffe7b3}
label{display:block;font-weight:700;font-size:15px;margin-top:14px}input,select,textarea{width:100%;font:16px system-ui;padding:12px;border:1px solid var(--line);border-radius:8px;margin-top:5px;background:#0b1428;color:#fff}.hp{position:absolute;left:-9999px}form .btn{margin-top:18px}
.hub{text-align:center;padding:16px;font:14px system-ui;background:#0a1020;border-top:1px solid var(--line)}
footer{background:#03050a;border-top:1px solid var(--line);color:var(--silver);text-align:center;padding:34px 20px;font:15px/1.6 system-ui}footer img{margin:auto;display:block;animation:pg 2.4s ease-in-out infinite}.fcols{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;text-align:left}footer h4{color:var(--gold);margin:12px 0 6px;letter-spacing:1px;text-transform:uppercase;font-size:13px}footer ul{list-style:none;padding:0;margin:0}footer a{color:var(--silver)}.small{font-size:13px;opacity:.7}
/* ARTICLE pages: MT Voice light design inside dark chrome */
main.art{max-width:760px;background:#fff;color:#1d1d1f;font:18px/1.7 Georgia,serif;border-radius:16px;margin:28px auto;padding:20px 28px 40px;box-shadow:0 0 0 1px var(--line),0 20px 60px rgba(0,0,0,.5)}
main.art h1{font:800 32px/1.25 system-ui;color:#0a2540}main.art h2{font:800 25px/1.3 system-ui;color:#0a2540}main.art h3{color:#0a2540}main.art a{color:#0b57d0}
main.art .callout{border:0;border-left:6px solid #8a94a3;background:#f4f5f7;font:17px/1.6 system-ui;color:#1d1d1f}main.art .callout.red{background:#fff1f0;border-color:#c62828}main.art .callout.green{background:#effaf3;border-color:#2e7d32}main.art .callout.orange{background:#fff4e5;border-color:#e08a00}main.art .callout.blue,main.art .callout.check{background:#E8F1FD;border-color:#1565C0}main.art .callout.gray{background:#f4f5f7;border-color:#8a94a3}
main.art ul.cl{list-style:none;padding-left:0}main.art ul.cl li:before{content:"☐ ";color:#0a2540;font-weight:700}
main.art blockquote.pull{margin:24px 0;padding:10px 18px;border-left:5px solid #d4a62a;font-size:21px}
main.art ol.steps>li:before{background:#0a2540;color:#fff}
main.art .big{text-align:center;margin:28px 0}main.art .big span{display:block;font:900 54px/1.1 system-ui;color:#c62828}main.art .big p{color:#555;font:15px system-ui;margin:4px 0}
main.art .faq details{border:1px solid #e3e6ea;border-radius:8px;padding:10px 14px;margin:10px 0}main.art .faq summary{font:700 17px system-ui;cursor:pointer;color:#0a2540}
main.art .btn{background:#0a2540;color:#fff;border-radius:8px}main.art .btn.red{background:#c62828}main.art figcaption{color:#666}
.ahead{display:flex;align-items:center;gap:12px;margin-top:6px}.kick{font:700 13px system-ui;letter-spacing:1px;text-transform:uppercase;color:#1b3fa8}
@media(max-width:820px){.xin,.capin,.protected,.cf{grid-template-columns:1fr}.capin.flip .captext{order:0}.xvis{min-height:300px}main.art{padding:16px 16px 30px;border-radius:0;margin:0}.top{top:27px}nav{font-size:13px;gap:2px 12px}}
/* how-it-works timeline */
.tlnav{display:flex;flex-wrap:wrap;gap:8px}.tlnav a{display:flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(10,22,48,.6);color:var(--txt);text-decoration:none;font:600 13px system-ui}.tlnav a b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#111;font-size:12px}
ol.timeline{list-style:none;padding:0;margin:40px 0;position:relative}ol.timeline:before{content:"";position:absolute;left:23px;top:0;bottom:0;width:3px;background:linear-gradient(var(--gold),var(--ok),var(--gold));opacity:.5}
li.tl{display:grid;grid-template-columns:50px 1fr;gap:20px;margin:0 0 54px}.tlnode span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#05080f;border:3px solid var(--gold);color:var(--gold);font:900 18px system-ui;box-shadow:0 0 18px rgba(226,184,74,.4);position:relative}
.tlbody{background:rgba(10,22,48,.45);border:1px solid var(--line);border-radius:16px;padding:22px 24px;backdrop-filter:blur(8px)}.stage{font:700 12px system-ui;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.tlbody h2{margin:.3em 0;display:flex;gap:10px;align-items:center}
.tlbody .console{margin:0}.why{margin:18px 0 0;padding:12px 14px;border-left:4px solid var(--ok);background:rgba(34,224,107,.07);border-radius:6px}
.faqd details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:10px 0;background:rgba(10,22,48,.45)}.faqd summary{font:700 17px system-ui;cursor:pointer;color:#fff}
.xphoto{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.5)}
@media(max-width:820px){li.tl{grid-template-columns:36px 1fr;gap:10px}.tlnode span{width:36px;height:36px;font-size:15px}ol.timeline:before{left:17px}.tlbody{padding:16px}}
figure.ph{margin:18px 0 0}figure.ph img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);display:block}.capvis figure.ph{margin:0 0 14px}
.rolebody{max-width:860px;margin:auto}.rolebody figure img{width:100%;height:auto;border-radius:14px}.engine{text-align:center;color:var(--silver)}
.role .callout{background:rgba(10,22,48,.6);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:16px 18px;display:flex;gap:14px;margin:24px 0}.role .callout.red{border-left-color:var(--bad)}.role .callout.green{border-left-color:var(--ok)}.role .callout h3{margin:0 0 6px;color:#fff}
.role .faq details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:10px 0;background:rgba(10,22,48,.45)}.role .faq summary{font:700 17px system-ui;cursor:pointer;color:#fff}
.role ul.cl{list-style:none;padding-left:0}.role ul.cl li:before{content:"✓ ";color:var(--ok);font-weight:900}a.g{text-decoration:none;color:inherit}
.statement .sub2{font-size:17px;color:var(--silver);margin:10px 0 0}figure.ph figcaption{font-size:13px;color:var(--silver);padding:6px 2px}.hub2 ul{columns:2}@media(max-width:820px){.hub2 ul{columns:1}}
details.dd{position:relative;display:inline-block}details.dd summary{cursor:pointer;list-style:none;color:inherit}details.dd summary::-webkit-details-marker{display:none}details.dd summary:after{content:" ▾"}details.dd>div{position:absolute;top:120%;left:0;background:#0a1630;border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;min-width:180px;z-index:50}details.dd>div a{padding:6px 10px}
main.art p.dek{font:600 20px/1.4 system-ui;color:#3b4a5e;margin-top:-6px}
.whorole{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:50px 0}.whorole img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}@media(max-width:820px){.whorole{grid-template-columns:1fr}}
.pend{display:inline-block;font:800 11px system-ui;letter-spacing:.5px;text-transform:uppercase;background:#ffb020;color:#111;border-radius:4px;padding:3px 7px;vertical-align:middle}.pendbar{background:#ffb020;color:#111;font:700 14px system-ui;padding:10px 14px;border-radius:8px;margin:0 0 16px}
a.tlink{display:inline-block;font:700 15px system-ui;color:var(--gold);margin:6px 12px 6px 0;text-decoration:none}main.art a.tlink{color:#0b57d0}
blockquote.lic{max-width:820px;margin:60px auto;text-align:center;border:0}blockquote.lic p{font:900 clamp(24px,3.4vw,38px)/1.2 system-ui;color:#fff}blockquote.lic cite{color:var(--gold)}
.whyfree,.circ{max-width:860px;margin:30px auto;text-align:center;font-size:17px;color:var(--txt)}.whyfree a,.circ a{color:var(--gold)}
.ferr{color:var(--bad);font-weight:700}
[hidden]{display:none!important}