:root{color-scheme:var(--mt-scheme);--bg:var(--ma-color-070d20);--panel:var(--ma-color-0d1730);--line:var(--ma-color-253350);--text:var(--ma-color-f2f5ff);--muted:var(--ma-color-a9b8d3);--cyan:var(--ma-color-69e4ef);--blue:var(--ma-color-7188ff);--purple:var(--ma-color-af8bff)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:var(--cyan)}
button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.skip{position:absolute;top:-100px;background:var(--cyan);color:var(--ma-color-071021);padding:12px;z-index:10}
.skip:focus{top:10px}
.wrap{width:min(1200px,calc(100% - 64px));margin:auto}
.nav{position:sticky;top:0;z-index:5;background:var(--ma-color-070d20ed);border-bottom:1px solid var(--ma-color-ffffff12);backdrop-filter:blur(20px)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}
.logo{font-size:26px;font-weight:750;letter-spacing:-1.2px;display:flex;gap:12px;align-items:center}
.mark{width:30px;height:30px;border:1px solid var(--cyan);display:inline-grid;place-items:center;transform:rotate(45deg);box-shadow:0 0 20px var(--ma-color-39cfff28)}
.mark span{font-size:20px;transform:rotate(-45deg);color:var(--cyan)}
.logo em{font-style:normal;color:var(--cyan)}
nav{display:flex;align-items:center;gap:30px;font-size:14px;color:var(--ma-color-c1cce0)}
.nav-actions{display:flex;gap:24px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 22px;border-radius:5px;font-weight:650;font-size:14px;border:1px solid var(--ma-color-7089e5);background:var(--ma-color-6477f5);color:var(--ma-white);transition:background .2s,transform .2s}
.button:hover{background:var(--ma-color-7c8cff);color:var(--ma-white);transform:translateY(-2px)}
.button.secondary{background:var(--ma-color-0b1533bb);border-color:var(--ma-color-425475);color:var(--ma-color-e3eaff)}
.button.small{padding:9px 16px}
.menu{display:none;color:var(--ma-white);background:transparent;border:1px solid var(--line);padding:6px 12px;border-radius:4px}
.hero{position:relative;overflow:hidden;padding:84px 0 45px;min-height:790px;background:radial-gradient(ellipse at 72% 31%,var(--ma-color-232b6e70),transparent 48%)}
.landscape{position:absolute;bottom:0;left:0;width:100%;height:76%;opacity:.7;pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:2px}
.dot{height:6px;width:6px;display:inline-block;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--ma-color-67e4ef)}
h1{font-size:clamp(44px,4.7vw,68px);line-height:1.06;letter-spacing:-3px;font-weight:640;margin:24px 0}
h1 span{background:linear-gradient(100deg,var(--ma-color-aabaff),var(--ma-color-8b9bff) 38%,var(--ma-color-63deef));background-clip:text;color:transparent}
.intro{font-size:18px;max-width:490px;color:var(--ma-color-b7c4dd);line-height:1.8}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}
.fine{font-size:12px;color:var(--ma-color-a6b5d0)}
.fine strong{color:var(--ma-color-dde5f8);font-weight:500}
.console{background:linear-gradient(130deg,var(--ma-color-12213aef),var(--ma-color-0a1125f5));border:1px solid var(--ma-color-52649e70);border-radius:10px;box-shadow:0 30px 110px var(--ma-color-030815aa),0 0 65px var(--ma-color-5164ff19);overflow:hidden;position:relative}
.console-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 20px;font:11px ui-monospace,monospace;color:var(--ma-color-c1cee5);letter-spacing:1px}
.dots{color:var(--ma-color-5e7097);letter-spacing:3px}
.console-body{padding:24px}
.console-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:14px}
.tag{font:10px ui-monospace,monospace;border:1px solid var(--ma-color-385a66);padding:4px 7px;border-radius:4px;color:var(--cyan);white-space:nowrap}
.signal{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--ma-color-ffffff0c);font:11px/1.7 ui-monospace,monospace}
.signal i{width:26px;height:26px;background:var(--ma-color-24324c);border-radius:6px;display:grid;place-items:center;font-style:normal;color:var(--ma-color-b2c7ef);flex-shrink:0}
.signal .event{flex:1;min-width:0}
.signal .event span{display:block;color:var(--ma-color-8e9fbc);font-size:10px}
.verdict{font-size:9px;padding:3px 6px;border-radius:3px;color:var(--ma-color-83e8cb);background:var(--ma-color-2cce9e13);border:1px solid var(--ma-color-2cce9e25)}
.verdict.block{color:var(--ma-color-ff9faf);background:var(--ma-color-ff5a7a13);border-color:var(--ma-color-ff5a7a30)}
.verdict.ask{color:var(--ma-color-e2bfff);background:var(--ma-color-aa79ff17);border-color:var(--ma-color-aa79ff33)}
.console-foot{display:flex;justify-content:space-between;margin-top:20px;font:10px ui-monospace,monospace;color:var(--ma-color-92a4c5)}
.console-foot b{color:var(--cyan);font-weight:400}
.hero-bottom{position:relative;margin-top:85px;display:flex;align-items:center;gap:40px;border-top:1px solid var(--ma-color-8caaff24);padding-top:26px;font-size:12px;color:var(--ma-color-aab9d5)}
.hero-bottom strong{color:var(--ma-color-edf1fd);font-size:13px;font-weight:500}
.compatible{display:flex;gap:26px;flex-wrap:wrap}
.section{padding:100px 0;border-top:1px solid var(--ma-color-ffffff0d)}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:18px 0 40px}
h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15;font-weight:570;letter-spacing:-1.8px;margin:0}
h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;font-weight:600}
.section-head p{max-width:420px;color:var(--muted);margin:0}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product{position:relative;background:linear-gradient(145deg,var(--ma-color-111d36),var(--ma-color-0a1227));border:1px solid var(--line);border-radius:8px;padding:30px;display:flex;flex-direction:column}
.product:nth-child(2){border-top:2px solid var(--purple)}
.product:first-child{border-top:2px solid var(--cyan)}
.product:nth-child(3){border-top:2px solid var(--blue)}
.icon{font:26px ui-monospace,monospace;color:var(--cyan);height:50px}
.product:nth-child(2) .icon{color:var(--purple)}
.product:nth-child(3) .icon{color:var(--ma-color-91a4ff)}
.number{position:absolute;right:26px;top:28px;font:11px ui-monospace,monospace;color:var(--ma-color-7e91b5)}
.product .eyebrow{font-size:10px;letter-spacing:1.3px;color:var(--ma-color-a2b4d2);margin-top:20px}
.product h3{margin:10px 0 15px}
.product p{font-size:14px;color:var(--muted);margin:0 0 22px}
.product ul{padding:0;list-style:none;font-size:13px;color:var(--ma-color-d2dcf0);margin:0 0 26px}
.product li{padding:8px 0;border-top:1px solid var(--ma-color-ffffff0b)}
.product li:before{content:'↳';margin-right:10px;color:var(--ma-color-6f82a9)}
.product .link{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between}
.pricing-note{font-size:11px;color:var(--ma-color-9aacca);margin:16px 0 0!important}
.architecture{display:grid;grid-template-columns:1fr 1.25fr;gap:75px;align-items:center}
.architecture p{color:var(--muted);font-size:16px}
.steps{display:flex;align-items:center;gap:12px;margin-top:28px;font:11px ui-monospace,monospace}
.steps span{padding:10px 12px;border:1px solid var(--ma-color-334769);border-radius:4px}
.steps b{color:var(--cyan)}
.diagram{padding:30px;border:1px solid var(--ma-color-2d3f65);border-radius:8px;background:radial-gradient(ellipse at top,var(--ma-color-25397255),transparent 70%),var(--ma-color-0a1328)}
.node{text-align:center;border:1px solid var(--ma-color-4c6595);background:var(--ma-color-15233d);padding:20px;border-radius:6px;font-size:14px}
.node small{display:block;color:var(--ma-color-a0b1ce);font-size:11px;margin-top:4px}
.flow{display:flex;justify-content:space-around;gap:15px;padding:22px 0;font:10px ui-monospace,monospace;color:var(--cyan)}
.targets{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.targets .node{border-color:var(--ma-color-354d78)}
.privacy-note{text-align:center;color:var(--ma-color-98accb);font-size:11px;margin-top:22px}
.dashboard-section{background:linear-gradient(180deg,var(--ma-color-0c1530),var(--ma-color-070d20))}
.dashboard{border:1px solid var(--ma-color-35486f);border-radius:8px;background:var(--ma-color-0b1428);padding:28px;box-shadow:0 20px 70px var(--ma-color-0003)}
.dash-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}
.dash-top strong{font-size:14px}
.controls{display:flex;gap:6px}
.filter{padding:6px 12px;border:1px solid var(--ma-color-354668);border-radius:4px;color:var(--ma-color-b1c2dc);background:transparent;font-size:11px}
.filter[aria-pressed=true]{color:var(--ma-color-b6f7ff);border-color:var(--ma-color-5597b7);background:var(--ma-color-123549)}
.dash-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;padding-top:24px}
.coverage{display:flex;gap:24px;align-items:center}
.ring{width:120px;height:120px;border-radius:50%;border:9px solid var(--ma-color-29405e);border-top-color:var(--cyan);border-right-color:var(--ma-color-878cff);display:grid;place-items:center;flex-shrink:0}
.ring span{font:22px ui-monospace,monospace}
.coverage small{display:block;color:var(--muted);font-size:11px}
.coverage strong{font-size:14px}
.bars{height:60px;display:flex;align-items:end;gap:7px;margin-top:20px}
.bars i{display:block;flex:1;background:linear-gradient(var(--ma-color-6c8cfa),var(--ma-color-1f396a));border-radius:2px 2px 0 0}
.table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
.table th{color:var(--ma-color-849abe);font:10px ui-monospace,monospace;padding:0 8px 13px;font-weight:400}
.table td{padding:13px 8px;border-top:1px solid var(--ma-color-24344e)}
.table td:nth-child(2){color:var(--ma-color-a7b8d4)}
.demo-caption{font:10px ui-monospace,monospace;letter-spacing:.4px;color:var(--ma-color-91a2c1);margin:20px 0 0}
.privacy{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.privacy p{color:var(--muted)}
.privacy-panels{display:grid;gap:14px}
.privacy-box{border:1px solid var(--ma-color-304a60);background:var(--ma-color-10253150);border-radius:6px;padding:22px}
.privacy-box h3{font-size:14px;margin:0 0 8px;color:var(--cyan)}
.privacy-box p{font-size:13px;margin:0}
.privacy-box:last-child{background:var(--ma-color-191d3c70);border-color:var(--ma-color-43436f)}
.privacy-box:last-child h3{color:var(--ma-color-b9adff)}
.faq{margin-top:32px}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;color:var(--ma-color-d9e3f6);font-size:14px}
details p{font-size:13px}
.closing{position:relative;overflow:hidden;padding:70px 40px;text-align:center;background:radial-gradient(ellipse at bottom,var(--ma-color-2f367e88),transparent 70%),var(--ma-color-0c1530);border:1px solid var(--ma-color-2d3f68);border-radius:10px}
.closing p{color:var(--muted)}
.closing .cta{justify-content:center}
.closing .eyebrow{justify-content:center;margin-bottom:18px}
footer{padding:40px 0;color:var(--ma-color-8fa3c3);font-size:12px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.footer-links{display:flex;gap:24px}
.footer-note{margin-top:25px;border-top:1px solid var(--ma-color-ffffff0d);padding-top:20px;font-size:11px}
.text-link{color:var(--ma-color-aec1ff)}
.mobile-label{display:none}
@media(min-width:1600px){.hero{padding-top:100px}
}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}
nav{gap:18px}
.nav-actions>a:first-child{display:none}
.hero-grid{gap:30px}
h1{letter-spacing:-2px}
.console-body{padding:18px}
.product{padding:23px}
.architecture{gap:35px}
.privacy{gap:40px}
.dash-grid{grid-template-columns:1fr 1.3fr}
.coverage{gap:14px}
.ring{width:90px;height:90px}
}
@media(max-width:760px){.nav-inner{min-height:70px;flex-wrap:wrap;gap:12px;padding:14px 0}
.menu{display:block}
.nav-actions{margin-left:auto}
.nav-actions .button{display:none}
nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;order:4;padding:8px 0}
nav.open{display:flex}
nav a{padding:12px}
.hero{padding:52px 0 35px;min-height:0}
.hero-grid{grid-template-columns:1fr;gap:40px}
h1{font-size:49px}
.intro{font-size:17px}
.console{max-width:560px;width:100%}
.hero-bottom{margin-top:44px;display:block}
.compatible{gap:14px 22px;margin-top:14px}
.section{padding:65px 0}
.section-head{display:block;margin-bottom:28px}
.section-head p{margin-top:20px}
.products{grid-template-columns:1fr}
.product{padding:28px}
.product .eyebrow{margin-top:10px}
.architecture,.privacy{grid-template-columns:1fr;gap:30px}
.dash-grid{grid-template-columns:1fr;gap:28px}
.dashboard{padding:20px}
.coverage{justify-content:flex-start}
.ring{width:100px;height:100px}
.bars{max-width:320px}
.dash-top{align-items:start;gap:15px;flex-direction:column}
.table{font-size:11px}
.table th,.table td{padding-left:3px;padding-right:3px}
.closing{padding:50px 20px}
.footer-inner{flex-wrap:wrap}
.footer-links{flex-wrap:wrap;gap:12px 24px}
.flow{font-size:9px;gap:6px}
.diagram{padding:20px}
.node{padding:16px 10px}
.steps{gap:7px}
.steps span{padding:8px}
.landscape{height:90%;opacity:.45}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important}
}