@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,Arial,sans-serif;background:#030512;color:#f7f7ff;
  line-height:1.5;overflow-x:hidden
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(100,90,255,.04) 1px,transparent 1px),
  linear-gradient(90deg,rgba(100,90,255,.04) 1px,transparent 1px);
  background-size:60px 60px;z-index:-1
}
a{text-decoration:none;color:inherit}
.navbar{
  height:82px;display:flex;align-items:center;justify-content:space-between;
  padding:0 6%;border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(3,5,18,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20
}
.brand{font-weight:900;font-size:27px;letter-spacing:-1.5px;position:relative;line-height:1}
.brand span span,.footer-brand span{color:#a95cff}
.brand small{display:block;font-size:7px;letter-spacing:4px;text-align:center;margin-top:5px;color:#aaa}
.crown{position:absolute!important;left:44%;top:-17px;font-size:20px;color:#f4c542}
.nav-links{display:flex;gap:30px;color:#c8c9d8;font-size:14px}
.nav-links a:hover{color:#fff}
.nav-actions{display:flex;gap:12px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 22px;border-radius:30px;font-weight:700;font-size:14px;
  transition:.25s;cursor:pointer
}
.btn-primary{background:linear-gradient(100deg,#b447ff,#7a5cff,#00bfff);box-shadow:0 0 28px rgba(119,79,255,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(119,79,255,.55)}
.btn-outline{border:1px solid #695cff;background:rgba(65,46,130,.12)}
.btn-outline:hover{background:rgba(92,74,190,.25)}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:26px}

.hero{
  min-height:650px;padding:95px 8% 65px;display:grid;grid-template-columns:1.05fr .95fr;
  align-items:center;position:relative;overflow:hidden
}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.32;pointer-events:none}
.glow-1{width:480px;height:480px;background:#6d18ff;right:15%;top:12%}
.glow-2{width:300px;height:300px;background:#00a8ff;left:-100px;bottom:-120px}
.hero-copy{position:relative;z-index:2;max-width:680px}
.eyebrow,.section-kicker{
  display:inline-block;color:#ddd;font-size:12px;font-weight:800;letter-spacing:1px;
  padding:8px 15px;border:1px solid #5566ff;border-radius:30px;
  background:linear-gradient(90deg,rgba(130,40,255,.35),rgba(0,180,255,.12));margin-bottom:18px
}
.hero h1{font-size:clamp(54px,6.2vw,88px);line-height:.96;letter-spacing:-4px}
.hero h1>span{color:#a952ff}
.hero h1 strong{display:block;font-size:.53em;letter-spacing:-2px;margin-top:15px}
.hero h1 em{font-style:normal;color:#00c8ff}
.hero-copy>p{max-width:610px;color:#b7b9ca;font-size:17px;margin:25px 0 28px}
.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}
.big{padding:15px 25px;font-size:15px}
.age-note{margin-top:20px;color:#aeb1c1;font-size:12px}
.age-note b{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #aaa;border-radius:50%;margin-right:7px;color:#fff}

.hero-visual{height:440px;position:relative;display:flex;align-items:center;justify-content:center}
.laptop{
  width:520px;height:315px;border:3px solid #4b5eff;border-radius:15px;
  transform:perspective(800px) rotateY(-10deg) rotateX(4deg);
  background:linear-gradient(145deg,#0d1234,#090617);box-shadow:0 0 70px rgba(100,60,255,.5);
  padding:45px 35px;position:relative
}
.laptop:after{content:"";position:absolute;width:110%;height:14px;left:-5%;bottom:-22px;background:#5a5c78;border-radius:50%;box-shadow:0 0 25px #3b37a0}
.screen-top{font-size:34px;font-weight:900;text-align:center;margin-bottom:28px}.screen-top span,.phone-logo span{color:#9d55ff}
.screen-line{height:3px;background:linear-gradient(90deg,#934cff,#00c7ff);margin-bottom:30px}
.screen-card{height:65px;border-radius:12px;background:linear-gradient(90deg,rgba(126,59,255,.35),rgba(0,183,255,.12));border:1px solid #4b4baf;margin-bottom:15px}
.screen-card.small{width:62%}
.phone{
  position:absolute;right:3%;bottom:15px;width:130px;height:250px;border:4px solid #5f65d8;
  border-radius:25px;background:#080a22;box-shadow:0 0 35px rgba(0,185,255,.45);padding:45px 12px 15px;z-index:3
}
.phone-notch{position:absolute;top:9px;left:37px;width:50px;height:7px;background:#191b3b;border-radius:10px}
.phone-logo{font-weight:900;text-align:center;font-size:17px}.phone-btn{height:35px;border-radius:20px;background:linear-gradient(90deg,#9d49ff,#00bfff);margin-top:65px}
.support-badge{
  position:absolute;right:-2%;top:20px;padding:13px 18px;border:1px solid #476cff;
  border-radius:15px;background:rgba(10,9,38,.8);box-shadow:0 0 30px rgba(0,142,255,.35);
  color:#d8d9ff;z-index:5
}
.support-badge strong{font-size:24px;margin-left:7px}.support-badge small{display:block;margin-left:30px;color:#fff}

.feature-strip{
  margin:0 5%;padding:23px 28px;border:1px solid #3158ff;border-radius:25px;
  display:grid;grid-template-columns:repeat(5,1fr);background:rgba(8,12,35,.75);backdrop-filter:blur(12px)
}
.feature{display:flex;align-items:center;gap:12px;padding:8px 20px;border-right:1px solid rgba(255,255,255,.1)}
.feature:last-child{border:0}.feature i{font-style:normal;font-size:25px;color:#8f5cff}
.feature b{display:block;font-size:13px}.feature small{display:block;color:#85889c;font-size:10px;margin-top:2px}

.section{padding:110px 8%;max-width:1350px;margin:auto}
.two-col{display:grid;grid-template-columns:1fr .7fr;gap:100px;align-items:center}
h2{font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-2px;margin-bottom:18px}
h2 span{color:#a555ff}
.muted{color:#9fa2b5;max-width:620px}.check-list{margin-top:25px;color:#d6d8e3}.check-list p{margin:11px 0}
.glass-card{
  padding:40px;border:1px solid #514cff;border-radius:28px;background:linear-gradient(145deg,rgba(92,47,170,.28),rgba(10,15,42,.75));
  box-shadow:0 0 55px rgba(94,50,255,.15)
}
.mini-icon{font-size:35px;color:#00c8ff}.glass-card h3{font-size:27px;margin:15px 0 8px}.glass-card p{color:#aeb1c3;margin-bottom:25px}.text-link{color:#b86bff;font-weight:800}
.section-heading{margin-bottom:35px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps article{position:relative;padding:28px;border:1px solid #272b58;border-radius:20px;background:rgba(11,15,40,.72);min-height:230px}
.steps article>b{color:#8d5aff;font-size:13px}.step-icon{font-size:28px;color:#00c8ff;margin:18px 0 10px}.steps h3{font-size:19px}.steps p{color:#8f93a9;font-size:13px;margin-top:8px}
.faq{max-width:1000px}.faq h2{margin-bottom:30px}.faq details{border-top:1px solid #242745;padding:20px 0}.faq details:last-child{border-bottom:1px solid #242745}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:#9ca0b2;padding-top:12px;font-size:14px}
.contact-card{margin:20px 8% 100px;padding:45px 50px;border:1px solid #3f69ff;border-radius:30px;background:linear-gradient(100deg,rgba(103,39,180,.3),rgba(0,153,255,.09));display:flex;justify-content:space-between;align-items:center;gap:30px}
.contact-card h2{font-size:40px;margin:0}.contact-card p{color:#a7aabc;margin-top:8px}
footer{border-top:1px solid rgba(255,255,255,.08);padding:45px 7%;text-align:center;color:#777b90;font-size:12px}
.footer-brand{font-size:25px;font-weight:900;color:#fff;margin-bottom:8px}.footer-links{display:flex;justify-content:center;gap:25px;margin:18px 0}.footer-links a:hover{color:#fff}.disclaimer{max-width:850px;margin:auto;color:#686c80}

@media(max-width:1000px){
  .nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:82px;left:0;right:0;background:#08091b;padding:25px;flex-direction:column;align-items:center;border-bottom:1px solid #25274b}.menu-btn{display:block}.nav-actions{display:none}
  .hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{margin-top:30px}.feature-strip{grid-template-columns:repeat(2,1fr);gap:10px}.feature:nth-child(2){border-right:0}.feature{border-bottom:1px solid rgba(255,255,255,.1)}
  .two-col{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .navbar{padding:0 5%;height:72px}.brand{font-size:21px}.brand small{font-size:5px;letter-spacing:2px}
  .hero{padding:60px 5% 50px;min-height:auto}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero-copy>p{font-size:14px}
  .hero-visual{height:310px;transform:scale(.78);transform-origin:center top;margin-bottom:-50px}.support-badge{right:-10%}
  .feature-strip{margin:0 4%;grid-template-columns:1fr;padding:15px}.feature{border-right:0;padding:15px 10px}.feature:last-child{border-bottom:0}
  .section{padding:75px 6%}.steps{grid-template-columns:1fr}.contact-card{margin:0 5% 70px;padding:30px;display:block}.contact-card h2{font-size:32px}.contact-card .btn{margin-top:25px}
  .footer-links{flex-wrap:wrap;gap:14px}.glass-card{padding:28px}
}