@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@600;700;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03050d;color:#eef0ff;font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,#17e8ff08 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#17e8ff08 50%,transparent 50.2%);background-size:70px 70px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.15;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}a{text-decoration:none;color:inherit}header{height:76px;display:flex;align-items:center;padding:0 6vw;position:sticky;top:0;z-index:40;border-bottom:1px solid #17213a;background:#03050dd9;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:11px}.logo i{font-style:normal;font-size:24px;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#17e9ff,#765cff);box-shadow:0 0 26px #16dfff4d}.logo b{font:700 16px Orbitron;letter-spacing:3px}.logo small{display:block;font-size:7px;letter-spacing:2px;color:#697294;margin-top:3px}nav{margin-left:auto;display:flex;gap:28px;align-items:center;color:#838cac;font-size:12px;font-weight:700}nav a:hover{color:#16e5fa}.key{padding:10px 15px;border:1px solid #26304d;border-radius:7px}.hamb{display:none;margin-left:auto;color:white;background:none;border:0;font-size:22px}.hero{min-height:800px;padding:110px 7vw 80px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5vw;position:relative}.hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#13dff3;filter:blur(180px);opacity:.08;left:-400px;top:0;z-index:-1}.pill{display:inline-flex;align-items:center;gap:9px;color:#16e5fa;font-size:9px;font-weight:800;letter-spacing:1.8px;border:1px solid #1d3d4e;background:#07131b;padding:9px 12px;border-radius:30px}.pill span{width:6px;height:6px;border-radius:50%;background:#ffbd00;box-shadow:0 0 12px #ffbd00}.hero h1,.section h2{font-family:Orbitron;letter-spacing:2px}.hero h1{font-size:clamp(48px,6vw,91px);line-height:.95;margin:24px 0}.hero h1 em,.section h2 em{font-style:normal;background:linear-gradient(90deg,#15e6f8,#7b60ff,#f20a8d);-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#8a92b1;max-width:600px;line-height:1.75;font-size:15px}.cta{display:flex;gap:10px;margin:30px 0 45px}.cta a{padding:13px 18px;border:1px solid #242e4c;border-radius:7px;color:#9aa2bf;font-size:12px;font-weight:800}.cta a:first-child{color:#061018;background:linear-gradient(90deg,#18e7f8,#6b68ff);border:0;box-shadow:0 0 30px #18dff42c}.micro{display:flex;gap:34px;color:#525a7a;font-size:8px;line-height:2}.micro b{font-size:9px;letter-spacing:1px;color:#969dbc}.visual{position:relative;transform-style:preserve-3d}.window{height:500px;border:1px solid #28315b;border-radius:10px;overflow:hidden;background:#060818;box-shadow:0 35px 90px #000,0 0 70px #235cff10}.title{height:42px;border-bottom:1px solid #232c50;display:flex;align-items:center;padding:0 13px;gap:9px;font-size:10px;color:#727a9e}.title .app{background:linear-gradient(135deg,#13e4f7,#725fff);width:23px;height:23px;display:grid;place-items:center;border-radius:6px;color:white}.title b{font-family:Orbitron;color:#d8dcf3;letter-spacing:1px}.title small{font-size:7px}.dots{margin-left:auto}.work{height:calc(100% - 42px);display:flex}.work aside{width:155px;border-right:1px solid #242d50;background:#070a19;padding:18px 13px;display:flex;flex-direction:column;gap:16px;color:#687093;font-size:9px}.brandmini{font:700 10px Orbitron;color:#14e3f5;margin-bottom:8px}.work aside small{font-size:6px;letter-spacing:1.6px;color:#454d70}.work aside b{margin:0 -13px;padding:10px 13px;border-left:2px solid #16e7f8;background:#09202b;color:#17e6f7}.editor{flex:1;position:relative}.toolbar{height:46px;border-bottom:1px solid #242d50;display:flex;align-items:center;padding:0 10px;gap:7px}.toolbar strong{font-size:7px;color:#747c9f;margin-right:auto}.toolbar button{font-size:7px;color:white;border:1px solid #21425c;background:#083145;border-radius:5px;padding:7px 9px}.toolbar button:first-of-type{background:linear-gradient(90deg,#14e1f5,#7164ff)}.toolbar .red{color:#ff487c;background:#220a1b;border-color:#42122d}.tab{height:35px;border-bottom:1px solid #242d50;padding:12px;font-size:7px;color:#cbd0e5}.code{height:305px;padding:25px;color:#282e4c;font-family:monospace}.code span{margin-right:25px}.code code{font-size:11px}.console{position:absolute;bottom:0;left:0;right:0;height:80px;border-top:1px solid #242d50;padding:10px 13px;font:7px monospace}.console b{color:#656e94}.console p{color:#11e3f4}.console time{color:#4e5676;margin-right:8px}.console .yellow{color:#ffbc00}.float{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #283254;background:#080b1bea;backdrop-filter:blur(10px);border-radius:8px;font-size:14px;color:#17e5f7;box-shadow:0 15px 35px #0008}.float span{font-size:6px;color:#646c8e;letter-spacing:1px;line-height:1.5}.float b{font-size:8px;color:#e9ecff}.f1{right:-25px;top:55px}.f2{left:-35px;bottom:45px}.ticker{height:52px;border-top:1px solid #152038;border-bottom:1px solid #152038;background:#060915;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;color:#535b7c;font:700 8px Orbitron;letter-spacing:2px}.ticker span{color:#18e4f6;margin:0 20px}.section{padding:110px 7vw;position:relative}.head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.head small,.bigstat small{color:#17e4f5;font-size:8px;letter-spacing:2px;font-weight:800}.section h2{font-size:clamp(36px,4.5vw,64px);line-height:1.1;margin:12px 0 0}.head>p{max-width:460px;color:#7c85a6;line-height:1.7;font-size:13px}.features{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.features article,.cards article,.status-card,.keybox{border:1px solid #20294b;background:linear-gradient(145deg,#0a0c20,#070918);border-radius:12px}.features article{padding:25px;min-height:310px;position:relative}.features article>span{position:absolute;right:20px;top:20px;font:700 9px Orbitron;color:#444c70}.features h3{font:700 15px Orbitron;margin-top:25px}.features p{font-size:12px;color:#777f9f;line-height:1.65}.features label{font-size:7px;color:#17e5f7;letter-spacing:1.4px}.ico{font-size:35px;color:#17e4f5;margin-top:55px}.fakeeditor{height:150px;margin-top:35px;border:1px solid #222d50;background:#050716;border-radius:8px;padding:20px;position:relative;overflow:hidden}.fakeeditor:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#15e5f414,transparent 40%)}.fakeeditor div{height:5px;width:60%;background:#171d37;margin:10px;border-radius:4px}.fakeeditor div:nth-child(2){width:40%}.fakeeditor b{position:absolute;left:30px;bottom:25px;color:#242a48;font:500 10px monospace}.plans{background:#040610}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article{min-height:500px;padding:27px 23px;display:flex;flex-direction:column;position:relative}.cards article>small{color:#636b8d;font-size:7px;letter-spacing:1.4px}.cards h3{font:700 15px Orbitron}.price{display:flex;align-items:end;gap:9px;margin:18px 0}.price b{font:700 36px Orbitron}.price span{font-size:7px;color:#727a9a;margin-bottom:7px}.cards p{font-size:11px;color:#737b9b}.cards ul{list-style:none;padding:10px 0;color:#9ba2be;font-size:11px;line-height:2.2}.cards li:before{content:"✓";color:#00e58a;margin-right:8px}.cards button,.keybox button{margin-top:auto;padding:12px;border:1px solid #252e50;border-radius:6px;background:#0b1023;color:#555e82;font-weight:800;font-size:10px}.cards .hot{border-color:#7447be;box-shadow:0 0 50px #713cff0d}.cards .hot>label{position:absolute;right:15px;top:14px;font-size:6px;letter-spacing:1px;color:#ba94ff;background:#271650;padding:5px 7px;border-radius:4px}.lock{max-width:650px;margin:20px auto 0;text-align:center;padding:13px;border:1px solid #3b3219;background:#121007;color:#ffbd00;border-radius:7px;font-size:8px;letter-spacing:1px}.lock span{color:#766d51;margin-left:12px}.status-card{display:grid;grid-template-columns:1fr 1fr;padding:45px;gap:70px}.bigstat p{color:#7c85a5;line-height:1.7;font-size:13px}.rows div{height:65px;border-bottom:1px solid #202846;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#777f9f}.rows b{font-size:8px;letter-spacing:1px}.rows .green{color:#00e58a}.rows .yellow{color:#ffbd00}.keysec{display:grid;place-items:center}.keybox{text-align:center;max-width:600px;padding:50px}.keybox i{display:grid;place-items:center;width:55px;height:55px;margin:auto auto 18px;border-radius:13px;font-style:normal;font-size:24px;background:linear-gradient(135deg,#16e4f5,#765dff);box-shadow:0 0 35px #18dff43d}.keybox>small{font-size:7px;color:#16e4f5;letter-spacing:2px}.keybox h2{font-size:35px}.keybox p{color:#7c84a5;font-size:12px;line-height:1.7}.keybox button{width:100%;margin-top:25px}footer{height:120px;border-top:1px solid #17203a;padding:0 6vw;display:flex;align-items:center;color:#626a8a;font-size:9px}footer p{margin:auto}.mouse{position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#14e5f412,transparent 67%);transform:translate(-50%,-50%);z-index:30}@media(max-width:1050px){.hero{grid-template-columns:1fr}.visual{margin-top:30px}.features{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.cards{grid-template-columns:1fr 1fr}nav{display:none}.hamb{display:block}header.open nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#050714;padding:25px;flex-direction:column}.status-card{grid-template-columns:1fr}}@media(max-width:650px){.hero{padding-top:70px}.hero h1{font-size:48px}.micro{gap:15px;flex-wrap:wrap}.window{height:430px}.work aside{display:none}.float{display:none}.head{display:block}.head>p{margin-top:25px}.features,.cards{grid-template-columns:1fr}.wide{grid-column:auto}.status-card{padding:28px;gap:30px}.mouse{display:none}.lock span{display:block;margin:6px 0 0}footer{flex-direction:column;height:auto;padding:30px;gap:20px}footer p{margin:0}.hero,.section{padding-left:22px;padding-right:22px}}
/* V2.1 centered layout */
.hero{
  min-height:720px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:110px 7vw 90px;
}
.hero-copy{
  width:min(900px,100%);
  margin:0 auto;
}
.hero-copy>p{
  margin-left:auto;
  margin-right:auto;
  max-width:680px;
}
.cta{
  justify-content:center;
}
.micro{
  justify-content:center;
  flex-wrap:wrap;
}
.hero:after{
  left:50%;
  top:10%;
  transform:translateX(-50%);
  width:760px;
  height:520px;
}
.ticker{
  margin-top:0;
}
.head{
  text-align:center;
  display:block;
}
.head>p{
  margin:22px auto 0;
}
.section h2{
  text-align:center;
}
.plans .cards{
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
}
.status{
  max-width:1400px;
  margin:0 auto;
}
.keysec{
  text-align:center;
}
@media(max-width:650px){
  .hero{
    min-height:650px;
    padding-top:75px;
  }
  .cta{
    align-items:stretch;
    flex-direction:column;
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
  }
  .micro{
    justify-content:center;
  }
}