@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#050607;--panel:#0a0d11;--panel2:#0e1218;--text:#f4f7fa;--muted:#89929e;--line:rgba(255,255,255,.09);--lime:#b8ff52;--cyan:#79d9ff;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.025;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:4px 4px}
.wrap{max-width:var(--max);margin:auto;padding:0 30px}.topline{height:3px;background:linear-gradient(90deg,transparent,var(--lime),transparent);opacity:.75}
header{position:sticky;top:0;z-index:40;background:rgba(5,6,7,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:800;letter-spacing:-.055em;display:flex;gap:10px;align-items:center}.mark{width:21px;height:21px;border:1.5px solid var(--lime);border-radius:6px;transform:rotate(45deg);position:relative}.mark:after{content:"";position:absolute;width:6px;height:6px;left:6px;top:6px;background:var(--lime);border-radius:1px;box-shadow:0 0 15px var(--lime)}
.links{display:flex;gap:30px;color:#9aa3ae;font-size:12px}.links a:hover,.links a.active{color:#fff}.navbtn,.btn{font-size:12px;font-weight:800;border-radius:5px;padding:12px 16px}.navbtn{border:1px solid var(--line)}.btn.primary{background:var(--lime);color:#070b04}.btn.secondary{border:1px solid var(--line);background:rgba(255,255,255,.025)}
.kicker{font:10px "DM Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}.kicker:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:8px;box-shadow:0 0 13px var(--lime)}
.hero{padding:115px 0 110px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:800px;height:600px;right:-300px;top:-160px;background:radial-gradient(circle,rgba(184,255,82,.12),transparent 60%);pointer-events:none}
h1{font-size:clamp(58px,8.7vw,116px);line-height:.88;letter-spacing:-.08em;max-width:1050px;margin:22px 0 28px}.hero h1 span{color:#727b87}.lead{max-width:670px;color:#a0a9b5;font-size:18px;line-height:1.7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
section{padding:120px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px}.sectionhead h2{font-size:clamp(40px,5.2vw,68px);line-height:.95;letter-spacing:-.07em;max-width:780px;margin:0}.sectionhead p{color:var(--muted);font-size:13px;line-height:1.8;max-width:380px;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.card{min-height:300px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.018),transparent);transition:.3s}.card:hover{background:rgba(184,255,82,.035);transform:translateY(-2px)}.num{font:9px "DM Mono";color:#5f6975}.card h3{font-size:21px;letter-spacing:-.04em;margin:70px 0 10px}.card p{font-size:12px;color:#7f8996;line-height:1.8;max-width:320px}
.console{margin-top:80px;max-width:800px;border:1px solid var(--line);border-radius:8px;background:#080b0f;overflow:hidden;box-shadow:0 30px 90px #0008}.bar{height:37px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 13px;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#363d47}.title{font:9px "DM Mono";color:#5d6671;margin-left:8px}.console pre{padding:22px;margin:0;color:#7d8895;font:11px/1.9 "DM Mono"}.g{color:var(--lime)}.w{color:#edf1f5}.d{color:#505965}.b{color:var(--cyan)}
.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:24px 22px;border-left:1px solid var(--line)}.metric:first-child{border-left:0;padding-left:0}.metric strong{font-size:25px}.metric small{display:block;color:#68727e;font:9px "DM Mono";text-transform:uppercase;letter-spacing:.1em;margin-top:4px}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.split h2{font-size:clamp(42px,5.3vw,70px);line-height:.94;letter-spacing:-.07em;margin:18px 0}.split p{color:var(--muted);font-size:13px;line-height:1.85;max-width:520px}
.diagram{height:470px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at center,rgba(184,255,82,.045),transparent 48%),#090c10;position:relative;overflow:hidden}.diagram:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px}.node{position:absolute;z-index:2;border:1px solid var(--line);background:#0c1116;padding:13px 15px;border-radius:5px;font-size:10px;box-shadow:0 15px 35px #0007}.node small{display:block;color:#5e6874;font:8px "DM Mono";margin-bottom:5px}.node b{font-size:11px}.n1{left:8%;top:14%}.n2{right:8%;top:14%}.n3{left:39%;top:40%;border-color:#b8ff5260;box-shadow:0 0 35px #b8ff5212}.n4{left:8%;bottom:14%}.n5{right:8%;bottom:14%}.wire{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#b8ff5270,transparent);transform-origin:left}.w1{width:38%;left:23%;top:27%;transform:rotate(24deg)}.w2{width:38%;left:55%;top:27%;transform:rotate(156deg)}.w3{width:40%;left:43%;top:56%;transform:rotate(151deg)}.w4{width:39%;left:56%;top:56%;transform:rotate(29deg)}.live{position:absolute;bottom:14px;left:17px;color:#59636f;font:8px "DM Mono"}.live b{color:var(--lime)}
.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{min-height:245px;padding:26px 22px;border-right:1px solid var(--line)}.step:first-child{border-left:1px solid var(--line)}.step .n{font:9px "DM Mono";color:var(--lime)}.step h3{font-size:17px;margin:60px 0 10px}.step p{font-size:11px;color:#78828e;line-height:1.8}
.security{background:linear-gradient(180deg,transparent,#080c09 18%,#080c09 82%,transparent)}.secbox{padding:55px;border:1px solid #b8ff5226;border-radius:8px;background:radial-gradient(circle at 85% 15%,#b8ff5214,transparent 36%),#090d0b;display:grid;grid-template-columns:1.1fr .9fr;gap:80px}.secbox h2{font-size:clamp(42px,5vw,66px);line-height:.95;letter-spacing:-.07em;margin:17px 0}.secbox p{font-size:13px;color:#89928d;line-height:1.8}.checks{display:grid}.check{padding:14px 0;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;font-size:11px}.check span:last-child{font:9px "DM Mono";color:var(--lime)}
.pagehero{padding:95px 0 75px;border-bottom:1px solid var(--line)}.pagehero h1{max-width:900px;font-size:clamp(55px,7.5vw,100px)}.pagehero p{max-width:650px;color:var(--muted);font-size:16px;line-height:1.8}
.case{display:grid;grid-template-columns:1.15fr .85fr;gap:0;border:1px solid var(--line);background:var(--panel)}.casecopy{padding:45px}.casevisual{min-height:380px;background:radial-gradient(circle at 50% 50%,#b8ff5212,transparent 38%),#080b0f;position:relative;border-left:1px solid var(--line);overflow:hidden}.casevisual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:45px 45px}.case h3{font-size:32px;letter-spacing:-.05em;margin:15px 0}.case p{color:var(--muted);font-size:13px;line-height:1.8}.pill{display:inline-block;font:9px "DM Mono";border:1px solid var(--line);padding:6px 8px;color:#8b96a2}.fakebars{position:absolute;left:12%;right:12%;bottom:13%;display:grid;gap:9px}.fakebar{height:12px;background:#ffffff0b;border:1px solid #ffffff0a}.fakebar i{display:block;height:100%;background:linear-gradient(90deg,#b8ff52,#79d9ff)}.f1{width:86%}.f2{width:64%}.f3{width:92%}.f4{width:73%}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:clamp(42px,5vw,66px);line-height:.95;letter-spacing:-.07em;margin:18px 0}.contact p{color:var(--muted);line-height:1.8;font-size:13px}.form{border:1px solid var(--line);background:var(--panel);padding:28px;border-radius:7px}.form label{display:block;font:9px "DM Mono";color:#69737f;text-transform:uppercase;margin:0 0 7px}.form input,.form textarea{width:100%;background:#080b0f;border:1px solid var(--line);color:white;padding:12px;border-radius:4px;margin-bottom:17px;font:12px Manrope;outline:none}.form input:focus,.form textarea:focus{border-color:#b8ff5255}.form textarea{min-height:130px;resize:vertical}
.cta{text-align:center;padding:100px 0 130px}.cta h2{font-size:clamp(46px,6.5vw,86px);line-height:.9;letter-spacing:-.08em;max-width:950px;margin:18px auto 25px}.cta p{color:var(--muted);max-width:520px;margin:0 auto 28px;font-size:13px;line-height:1.8}
footer{border-top:1px solid var(--line);padding:27px 0 40px;color:#5c6672;font:9px "DM Mono";display:flex;justify-content:space-between}
@media(max-width:900px){.links{display:none}.hero{padding-top:80px}.metrics .wrap{grid-template-columns:1fr 1fr}.metric{border-top:1px solid var(--line)}.grid,.split,.secbox,.contact,.case{grid-template-columns:1fr}.sectionhead{display:block}.sectionhead p{margin-top:20px}.process{grid-template-columns:1fr 1fr}.step:first-child{border-left:1px solid var(--line)}.casevisual{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:560px){.wrap{padding:0 20px}nav{height:70px}.navbtn{padding:10px}.hero{padding:70px 0}.hero h1{font-size:56px}.lead{font-size:16px}.console{margin-top:55px}.console pre{font-size:9px}.metrics .wrap{grid-template-columns:1fr 1fr}.metric{padding:18px 10px}.metric:first-child{padding-left:10px}.grid{grid-template-columns:1fr}.card{min-height:260px}.process{grid-template-columns:1fr}.step{border-left:1px solid var(--line)}.secbox{padding:30px 22px}.casecopy{padding:28px}.casevisual{min-height:300px}.contact{gap:40px}.cta{padding-bottom:90px}footer{display:block;line-height:2.2}}

.card,.step,.case,.secbox{opacity:.0;transform:translateY(12px);transition:opacity .65s ease,transform .65s ease,background .3s}.seen{opacity:1;transform:none}