:root{--bg:#020d17;--bg2:#061827;--panel:#071d2d;--line:#123a50;--text:#edf7ff;--muted:#9bb3c3;--accent:#24c8f2;--accent2:#65dfff;--max:1180px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 60% 0%,#083a57 0,transparent 31%),linear-gradient(180deg,#020b14,#031421 45%,#020b14);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 64px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(2,11,20,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(100,190,230,.08)}.nav-wrap{height:74px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:baseline;gap:7px;font-size:29px;letter-spacing:-1.4px;white-space:nowrap}.brand b{font-size:13px;color:var(--accent);font-weight:600;letter-spacing:.5px}.nav{display:flex;gap:27px;margin-left:auto;font-size:13px;color:#c9d9e4}.nav a:hover,.login:hover{color:var(--accent2)}.nav-actions{display:flex;align-items:center;gap:18px;font-size:13px}.lang{background:none;border:0;color:#8fb0c1;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:11px;border:1px solid var(--line);font-weight:650;font-size:14px;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#58dbfb,#25bfe8);color:#02121b;border-color:#62defa;box-shadow:0 8px 30px rgba(28,190,235,.18)}.btn-primary:hover{box-shadow:0 12px 38px rgba(28,190,235,.26)}.btn-outline{background:rgba(5,24,37,.45);border-color:#2a6a86;color:#e8f5fb}.btn-small{min-height:42px;padding:0 18px;font-size:12px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{position:relative;overflow:hidden;min-height:600px;border-bottom:1px solid rgba(100,200,240,.06)}.hero-glow{position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(17,152,205,.28),transparent 67%);top:-290px;right:8%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:46% 54%;min-height:600px;align-items:center}.hero-copy{padding:72px 0 48px;position:relative;z-index:2}.eyebrow{margin:0 0 14px;color:#49d7f8;font-size:11px;font-weight:700;letter-spacing:3px}.hero-logo{font-size:62px;line-height:1;font-weight:650;letter-spacing:-3px;margin:12px 0 15px}.hero-logo span{font-size:.48em;color:var(--accent);letter-spacing:-.5px;font-weight:550}.hero h1{font-size:35px;line-height:1.16;letter-spacing:-1.2px;margin:0 0 16px}.hero-text{max-width:470px;color:#a9bfcc;font-size:16px;margin:0 0 28px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-points{display:flex;gap:30px;flex-wrap:wrap;margin-top:38px;color:#b9ccd7;font-size:12px}.hero-points i{font-style:normal;color:var(--accent);font-size:22px;vertical-align:-2px;margin-right:7px}.hero-devices{height:540px;position:relative;display:flex;align-items:center;justify-content:center}.mountains{position:absolute;inset:10% -8% 0 -8%;background:linear-gradient(145deg,transparent 30%,rgba(27,78,104,.5) 31%,transparent 52%),linear-gradient(35deg,transparent 42%,rgba(14,56,79,.8) 43%,transparent 67%);clip-path:polygon(0 80%,16% 52%,29% 72%,46% 28%,57% 60%,73% 20%,84% 50%,100% 35%,100% 100%,0 100%);opacity:.8}.device{position:absolute;filter:drop-shadow(0 22px 26px rgba(0,0,0,.45))}.laptop{width:610px;height:390px;right:-15px;top:92px;transform:perspective(900px) rotateY(-7deg) rotateX(2deg)}.screen{height:335px;border:7px solid #111d27;border-radius:18px;background:linear-gradient(145deg,#061d2c,#0a2d42);box-shadow:inset 0 0 0 1px #3d718a,0 0 0 1px rgba(75,175,215,.25);padding:42px 40px;text-align:center}.screen-brand{font-size:18px;text-align:left}.screen-brand small{color:var(--accent);font-size:9px}.power{width:76px;height:76px;border-radius:50%;border:2px solid var(--accent);display:grid;place-items:center;margin:50px auto 12px;font-size:38px;color:var(--accent);box-shadow:0 0 20px rgba(36,200,242,.15)}.screen strong{font-size:13px}.server{margin:20px auto 0;max-width:230px;padding:12px 15px;border-radius:10px;background:#0a2638;text-align:left;font-size:10px;color:#e7f6fc}.server small{display:block;color:#7196a9;margin-left:13px;margin-top:2px}.server b{float:right;font-size:18px;font-weight:400;margin-top:-18px;color:#7bc6df}.base{height:45px;width:690px;margin:-2px 0 0 -40px;background:linear-gradient(180deg,#314451,#0b161e);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);border-radius:0 0 25px 25px}.phone{width:184px;height:355px;right:25px;bottom:35px;transform:rotate(5deg);z-index:3}.phone-screen{height:100%;border:7px solid #111a21;border-radius:29px;background:linear-gradient(145deg,#061a28,#0b3045);box-shadow:inset 0 0 0 1px #46748a;padding:25px 17px;text-align:center}.phone-screen .screen-brand{text-align:left;font-size:13px}.phone-screen .power{width:58px;height:58px;font-size:28px;margin:74px auto 12px}.phone-screen .server{font-size:8px;padding:10px 9px}.section{padding:72px 0}.features{background:linear-gradient(180deg,#041522,#03121e)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature{padding:0 26px;border-right:1px solid rgba(100,190,230,.09)}.feature:first-child{padding-left:18px}.feature:last-child{border:0}.icon{width:43px;height:43px;border-radius:12px;border:1px solid #1b6a88;background:#06243a;color:var(--accent);display:grid;place-items:center;font-size:25px;margin-bottom:16px}.feature h3{font-size:14px;margin:0 0 9px;letter-spacing:.4px}.feature p,.step p,.section-lead{color:var(--muted);font-size:13px;margin:0}.how h2,.devices h2,.pricing h2,.faq h2,.support h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:0 0 35px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.step{position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:-18px;top:10px;color:#2c7e9b}.step-num{width:44px;height:44px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:#d9f7ff;margin-bottom:16px}.step h3{font-size:14px;margin:0 0 7px}.devices{background:radial-gradient(circle at 80% 50%,rgba(14,93,126,.16),transparent 28%)}.devices-grid{display:grid;grid-template-columns:55% 45%;align-items:center}.platforms{display:flex;gap:12px;flex-wrap:wrap}.platforms span{border:1px solid #1c5068;background:#061b2b;border-radius:10px;padding:12px 17px;font-size:12px;color:#d6e7ef}.device-stack{height:210px;position:relative}.mock{position:absolute;background:linear-gradient(145deg,#062238,#0a2e44);border:3px solid #0d1821;box-shadow:inset 0 0 0 1px #315b6d,0 20px 30px rgba(0,0,0,.35);border-radius:11px}.laptop-small{width:260px;height:155px;right:40px;top:15px}.tablet{width:130px;height:170px;right:5px;top:34px}.phone-small{width:72px;height:135px;right:-8px;top:70px;border-radius:16px}.pricing{padding-top:50px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.plan{position:relative;border:1px solid #123c53;background:linear-gradient(180deg,rgba(7,29,44,.9),rgba(4,22,34,.95));border-radius:15px;padding:25px 18px 17px;text-align:center}.plan h3{font-size:13px;margin:0 0 9px}.plan strong{display:block;font-size:26px;margin-bottom:3px}.plan span{display:block;color:#8ea9b8;font-size:11px;margin-bottom:18px}.plan .btn{width:100%;min-height:38px;font-size:12px}.plan.featured{border-color:#31bfe8;box-shadow:0 0 0 1px rgba(49,191,232,.12),0 14px 40px rgba(14,134,174,.13)}.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#4bd8f6;color:#03202c;border-radius:999px;padding:4px 14px;font-size:10px;font-weight:700}.trial{padding-top:5px}.trial-card,.support-card{border:1px solid #16485e;border-radius:15px;background:linear-gradient(100deg,#071d2c,#072538 55%,#0a2a3d);padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative}.trial-card:after{content:"";position:absolute;width:360px;height:120px;right:18%;bottom:-95px;border-radius:50%;background:#0e77a0;filter:blur(22px);opacity:.35}.trial-card h2,.support-card h2{font-size:21px;margin:0 0 5px}.trial-card p,.support-card p{color:#a9bfcc;font-size:13px;margin:0}.faq .narrow{max-width:820px}.faq details{border-bottom:1px solid rgba(100,190,230,.12);padding:18px 0}.faq summary{cursor:pointer;font-weight:650;font-size:14px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--accent);font-size:20px;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);font-size:13px;max-width:720px}.support{padding-top:0}.support-actions{display:flex;gap:10px;flex-wrap:wrap}.footer{border-top:1px solid rgba(100,190,230,.09);padding:52px 0 22px;background:#020b13}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.5fr 1.2fr;gap:35px}.footer h4{font-size:12px;margin:0 0 12px}.footer p,.footer a{display:block;color:#8fa9b8;font-size:11px;margin:7px 0}.footer a:hover{color:#cdefff}.footer-bottom{border-top:1px solid rgba(100,190,230,.07);margin-top:30px;padding-top:18px;color:#718897;font-size:10px;display:flex;justify-content:flex-end;gap:15px}
@media(max-width:900px){.nav{display:none}.nav-actions{margin-left:auto}.menu-toggle{display:block}.hero-grid,.devices-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding-top:60px}.hero-devices{height:440px}.laptop{transform:scale(.8) perspective(900px) rotateY(-7deg) rotateX(2deg);right:-50px}.phone{transform:scale(.85) rotate(5deg);right:0}.feature-grid,.steps,.plans{grid-template-columns:repeat(2,1fr);gap:24px}.feature:nth-child(2){border:0}.device-stack{margin-top:30px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(calc(100% - 34px),var(--max))}.nav-actions{display:none}.hero-logo{font-size:48px}.hero h1{font-size:28px}.hero-text{font-size:14px}.hero-actions .btn{width:100%}.hero-points{gap:14px}.hero-devices{height:335px;margin-top:-20px}.laptop{width:470px;height:300px;right:-110px;top:35px;transform:scale(.65) perspective(900px) rotateY(-7deg)}.phone{width:155px;height:300px;right:-2px;bottom:5px;transform:scale(.68) rotate(5deg)}.phone-screen .power{margin-top:55px}.feature-grid,.steps,.plans{grid-template-columns:1fr}.feature{border:0;border-bottom:1px solid rgba(100,190,230,.08);padding:0 0 24px!important}.step:not(:last-child):after{display:none}.section{padding:55px 0}.how h2,.devices h2,.pricing h2,.faq h2,.support h2{font-size:26px}.trial-card,.support-card{align-items:flex-start;flex-direction:column;padding:24px}.trial-card .btn,.support-card .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{justify-content:space-between}.brand{font-size:25px}}

.auth-overlay{
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,7,13,.82);
  backdrop-filter:blur(12px);
}

.auth-overlay.open{
  display:flex;
}

.auth-card{
  width:min(100%,430px);
  position:relative;
  border:1px solid #16485e;
  border-radius:18px;
  background:linear-gradient(180deg,#071d2d,#041522);
  box-shadow:0 25px 80px rgba(0,0,0,.5);
  padding:32px;
}

.auth-close{
  position:absolute;
  top:12px;
  right:16px;
  border:0;
  background:none;
  color:#8fa9b8;
  font-size:28px;
  cursor:pointer;
}

.auth-card h2{
  margin:0 0 8px;
  font-size:27px;
}

.auth-subtitle{
  margin:0 0 24px;
  color:var(--muted);
  font-size:13px;
}

.auth-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.auth-form label{
  color:#c9d9e4;
  font-size:12px;
  font-weight:600;
}

.auth-form input{
  width:100%;
  height:48px;
  margin-top:6px;
  padding:0 14px;
  border:1px solid #1b5068;
  border-radius:10px;
  outline:none;
  background:#061827;
  color:var(--text);
  font:inherit;
}

.auth-form input:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 2px rgba(36,200,242,.12);
}

.auth-form .btn{
  width:100%;
  margin-top:4px;
}

.auth-message{
  min-height:20px;
  margin:2px 0 0;
  font-size:12px;
  color:#9bb3c3;
}

.auth-switch{
  margin:20px 0 0;
  text-align:center;
  color:#8fa9b8;
  font-size:12px;
}

.auth-switch button{
  border:0;
  padding:0;
  background:none;
  color:var(--accent);
  cursor:pointer;
  font-weight:650;
}

@media(max-width:620px){
  .auth-card{
    padding:26px 20px;
  }

  .auth-card h2{
    font-size:24px;
  }
}