*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050508;color:#f7f5ff;font-family:Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 15%,#8b2cff22,transparent 28%),radial-gradient(circle at 85% 20%,#c249ff18,transparent 25%);pointer-events:none}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;border-bottom:1px solid #ffffff12;background:#050508cc;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:10px}.logo span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8b2cff66;border-radius:14px;background:#8b2cff18;font-size:23px}.logo b{font-size:20px;letter-spacing:.08em}.logo em{color:#c249ff;font-style:normal}nav{display:flex;gap:24px;align-items:center}nav a{color:#bbb5c4;font-size:14px}.pill{padding:10px 14px;border:1px solid #8b2cff66;border-radius:12px}#menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:790px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:80px 7vw}.copy small,.heading small,.phoneSec small,.cta small{color:#c58cff;font-weight:800;letter-spacing:.16em}.copy h1{max-width:800px;margin:18px 0;font-size:clamp(48px,6vw,84px);line-height:1.02}.copy h1 i,.heading h2 i,.phoneSec h2 i{font-style:normal;background:linear-gradient(90deg,#fff,#c249ff);-webkit-background-clip:text;color:transparent}.copy p,.phoneSec p,.cta p{max-width:700px;color:#a39dab;font-size:18px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary,.secondary{display:inline-flex;padding:15px 20px;border-radius:14px;font-weight:bold}.primary{background:linear-gradient(135deg,#7e27ed,#c249ff);box-shadow:0 12px 35px #8b2cff40}.secondary{border:1px solid #ffffff18;background:#ffffff08}.stats{display:flex;gap:35px;margin-top:40px}.stats div{display:grid;gap:4px}.stats b{font-size:22px}.stats span{color:#8f8998;font-size:12px}.phone{position:relative;width:310px;height:630px;margin:auto;padding:18px;border-radius:52px;border:2px solid #4a4652;background:radial-gradient(circle at 60% 10%,#9a2dff44,transparent 35%),linear-gradient(#13051f,#07070c);box-shadow:0 50px 120px #000b}.island{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:105px;height:28px;border-radius:18px;background:#000}.status{display:flex;justify-content:space-between;padding:6px 8px 20px;font-size:10px}.widgets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.widgets div{display:flex;flex-direction:column;padding:12px;border:1px solid #ffffff12;border-radius:16px;background:#0f111bcc}.widgets b{font-size:28px}.widgets small,.widgets span{color:#aaa3b1;font-size:9px}.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 8px;margin-top:25px}.apps button{border:0;background:none;color:white;font-size:25px}.apps span{display:block;margin-top:5px;font-size:8px}.dock{position:absolute;left:28px;right:28px;bottom:25px;padding:16px;border-radius:22px;background:#ffffff18;text-align:center;font-size:26px;word-spacing:18px}.strip{display:flex;justify-content:space-around;gap:24px;padding:22px 5vw;border-block:1px solid #ffffff12;color:#77717f;font-size:12px;letter-spacing:.08em;overflow:auto}.section{padding:105px 7vw}.heading h2,.phoneSec h2,.cta h2{max-width:900px;margin:12px 0 40px;font-size:clamp(36px,4.5vw,62px);line-height:1.08}.cards{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.card{min-height:350px;padding:28px;border:1px solid #ffffff12;border-radius:24px;background:#ffffff06}.featured{background:radial-gradient(circle at 85% 15%,#8b2cff2f,transparent 35%),#ffffff06}.icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#8b2cff22;font-size:28px}.card label{float:right;margin-top:-45px;padding:7px 10px;border:1px solid #8b2cff66;border-radius:999px;color:#c991ff;font-size:10px}.card h3{margin-top:35px;font-size:24px}.card p,.road p{color:#9d97a5;line-height:1.7}.card a{display:inline-block;margin-top:25px;color:#c38bff;font-weight:bold}.phoneSec{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding:105px 7vw;background:linear-gradient(180deg,transparent,#8b2cff0d,transparent)}.features{display:grid;gap:12px;margin-top:28px}.features div{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff05}.features b{color:#c38bff}.features span{color:#9993a2;font-size:13px;line-height:1.6}.features strong{display:block;color:white;font-size:15px}.showcase{overflow:hidden;border:1px solid #ffffff12;border-radius:26px;background:#08070d;box-shadow:0 30px 80px #0008}.showcase img{display:block;width:100%}.road{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.road article{min-height:250px;padding:24px;border:1px solid #ffffff12;border-radius:22px;background:#ffffff05}.road article:before{content:"";display:block;width:55px;height:2px;margin-bottom:28px;background:#33303a}.road .active:before{background:linear-gradient(90deg,#8b2cff,#c249ff)}.road b{color:#c38bff}.road h3{margin-top:35px}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:40px 7vw 100px;padding:48px;border:1px solid #8b2cff44;border-radius:28px;background:radial-gradient(circle at 80% 20%,#8b2cff2d,transparent 35%),#0d0a13}.cta h2{margin-bottom:15px}footer{display:flex;align-items:center;justify-content:space-between;padding:26px 7vw;border-top:1px solid #ffffff12;color:#8f8998;font-size:12px}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.visible{opacity:1;transform:none}@media(max-width:950px){.hero,.phoneSec{grid-template-columns:1fr}.cards,.road{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}}@media(max-width:700px){header{padding:14px 18px}#menu{display:block}nav{display:none;position:absolute;top:75px;left:12px;right:12px;flex-direction:column;align-items:stretch;padding:18px;border:1px solid #ffffff12;border-radius:18px;background:#0c0a12}nav.open{display:flex}.hero,.section,.phoneSec{padding-left:20px;padding-right:20px}.hero{min-height:auto;padding-top:65px}.copy h1{font-size:44px}.phone{width:285px;height:580px}.cards,.road{grid-template-columns:1fr}.cta{margin-left:20px;margin-right:20px;padding:28px}footer{align-items:flex-start;flex-direction:column;gap:15px}.strip{justify-content:flex-start}}