*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#07070b;color:#f7f5ff}a{text-decoration:none;color:inherit}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:10;background:rgba(7,7,11,.82);backdrop-filter:blur(16px);border-bottom:1px solid #1d1b26}.brand{display:flex;align-items:center;gap:9px;font-weight:900;letter-spacing:.5px}.deer{font-size:25px}.nav nav{display:flex;gap:28px;color:#bcb8c9;font-size:14px}.nav nav a:hover{color:#fff}.btn,.plan button{border:0;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:13px 20px;border-radius:13px;font-weight:800;cursor:pointer;display:inline-block;box-shadow:0 8px 30px #8b5cf633}.btn.small{padding:9px 14px}.btn.ghost{background:#12111a;border:1px solid #2a2735;box-shadow:none}.hero{min-height:680px;padding:80px 8%;display:flex;align-items:center;justify-content:space-between;gap:60px;background:radial-gradient(circle at 70% 30%,#542b9a33,transparent 35%),radial-gradient(circle at 20% 70%,#ec489922,transparent 30%)}.hero-copy{max-width:650px}.pill{display:inline-block;padding:7px 11px;border:1px solid #39334c;border-radius:99px;color:#c7b8ff;background:#14101f;font-size:11px;font-weight:800;letter-spacing:1.4px}.hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;margin:22px 0}.hero h1 span{background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;color:transparent}.hero p{color:#aaa5b8;font-size:18px;line-height:1.7;max-width:570px}.actions{display:flex;gap:12px;margin:28px 0}.mini{color:#777283;font-size:13px}.phone{width:300px;height:610px;padding:9px;border:1px solid #3a3549;border-radius:38px;background:#0d0c13;box-shadow:0 40px 100px #000,0 0 70px #8b5cf633;transform:rotate(3deg)}.screen{height:100%;border-radius:30px;padding:22px 18px;background:linear-gradient(160deg,#171327,#0d0d14);overflow:hidden}.screen-top{display:flex;justify-content:space-between;font-weight:900}.screen-top span{color:#f472b6}.welcome{font-size:26px;margin:65px 0 25px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards div{height:105px;border:1px solid #2b2736;border-radius:17px;padding:17px;background:#12111a;display:flex;flex-direction:column;gap:9px}.promo{margin-top:15px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#5b21b6,#be185d);line-height:1.4}.promo button{margin-top:12px;border:0;border-radius:9px;padding:8px 12px;font-weight:800}.section{padding:95px 8%}.section.dark{background:#0b0a10;border-top:1px solid #181622;border-bottom:1px solid #181622}.heading h2{font-size:42px;margin:15px 0 35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article{padding:26px;border:1px solid #24212e;border-radius:20px;background:#0d0c12}.grid b{font-size:19px}.grid p{color:#8f8a9c;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:12px}.chips span{padding:15px 19px;border:1px solid #2d2938;border-radius:14px;background:#12101a;color:#d7d2df}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{position:relative;border:1px solid #2a2735;border-radius:22px;padding:30px;background:#0e0d14}.plan.featured{border-color:#8b5cf6;box-shadow:0 0 50px #8b5cf622}.best{position:absolute;right:18px;top:18px;font-size:10px;font-weight:900;color:#f0abff}.plan h3{font-size:22px}.price{font-size:40px;font-weight:900;margin:20px 0}.price span{font-size:12px;color:#777283;font-weight:500}.plan ul{padding-left:20px;color:#aaa5b5;line-height:2}.plan button{width:100%;margin-top:15px}.note{color:#6f6a79;font-size:12px;margin-top:20px}.download{margin:0 8% 90px;padding:45px;border-radius:28px;background:linear-gradient(120deg,#1d1432,#17111e);border:1px solid #332946;display:flex;align-items:center;justify-content:space-between;gap:30px}.download h2{font-size:34px;margin:15px 0 8px}.download p{color:#928d9e}.download .btn{border:0}footer{padding:35px 8%;border-top:1px solid #1d1b26;color:#777283;display:flex;justify-content:space-between;align-items:center}footer .brand{color:#eee}@media(max-width:800px){.nav nav{display:none}.hero{padding-top:55px;flex-direction:column;text-align:center}.hero p{font-size:16px}.actions{justify-content:center;flex-wrap:wrap}.phone{width:270px;height:550px}.grid,.pricing{grid-template-columns:1fr}.heading h2{font-size:32px}.download{flex-direction:column;text-align:center}.nav{padding:0 5%}}