@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--bg:#08070a;--panel:#111015;--text:#f7f3f8;--muted:#aaa4b1;--lilac:#c58cff;--gold:#e9c77a;--line:#25222b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,7,10,.86);backdrop-filter:blur(16px);z-index:5}.logo{font-size:25px;font-weight:700;letter-spacing:-1px}.logo span{color:var(--lilac);margin-left:4px}.nav nav{display:flex;gap:34px;color:#bdb7c2;font-size:14px}.nav nav a:hover{color:white}.nav-btn,.primary{background:linear-gradient(110deg,#c58cff,#a967e8);padding:13px 20px;border-radius:12px;font-weight:700;font-size:14px}
.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 10%;overflow:hidden}.badge,.eyebrow{color:var(--lilac);font-size:11px;font-weight:700;letter-spacing:2px}.badge{display:inline-block;border:1px solid #3a2d49;border-radius:999px;padding:9px 13px;margin-bottom:25px}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:0 0 25px}.hero h1 em{font-family:"Playfair Display";color:var(--lilac);font-weight:600}.hero p{max-width:590px;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;gap:13px;margin:32px 0}.primary{display:inline-flex;gap:20px;align-items:center}.secondary{padding:13px 20px;border:1px solid #38333f;border-radius:12px;font-weight:600}.mini-proof{display:flex;gap:18px;color:#8f8994;font-size:12px}
.phone-wrap{position:relative;display:flex;justify-content:center}.glow{position:absolute;width:390px;height:390px;background:radial-gradient(circle,#a967e8 0%,rgba(169,103,232,.08) 45%,transparent 70%);filter:blur(10px)}.phone{width:280px;height:560px;border:8px solid #25222b;border-radius:42px;background:#050408;box-shadow:0 30px 90px rgba(0,0,0,.65);padding:9px;position:relative;z-index:1;transform:rotate(4deg)}.speaker{width:72px;height:7px;border-radius:10px;background:#25222b;margin:2px auto 10px}.screen{height:493px;border-radius:28px;background:linear-gradient(160deg,#211b2a,#0d0b10);padding:20px 16px}.app-top{display:flex;justify-content:space-between;font-size:18px;margin-bottom:30px}.app-top b{color:var(--lilac)}.profile-card{height:315px;border-radius:24px;background:linear-gradient(145deg,#b88be1,#574563);display:flex;align-items:end;padding:18px;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.75))}.avatar{position:absolute;top:30px;left:30px;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:70px;font-weight:700}.profile-info{position:relative;display:grid;gap:5px}.profile-info small{color:#ddd}.card-buttons{display:flex;justify-content:space-around;margin-top:22px}.card-buttons i{font-style:normal;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#1d1922;border:1px solid #39313f;font-size:21px}.section{padding:110px 10%;border-top:1px solid var(--line)}.section-head{text-align:center;max-width:650px;margin:auto}.section h2{font-size:46px;letter-spacing:-2px;margin:12px 0}.section-head p,.trust-box p{color:var(--muted);line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.features article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px}.icon{font-size:27px;color:var(--lilac)}.features h3{margin:25px 0 10px;font-size:20px}.features p{color:var(--muted);line-height:1.7;font-size:14px}
.premium{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:linear-gradient(110deg,#100d14,#17121c)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}.plan{border:1px solid var(--line);background:#0d0b10;border-radius:20px;padding:28px}.plan.featured{border-color:#7d5a9f}.plan span{font-size:11px;color:var(--gold);letter-spacing:2px}.plan strong{display:block;font-size:34px;margin-top:20px}.plan small{color:var(--muted)}.plan p{color:#b7b0bb;line-height:1.8;font-size:13px}
.trust{padding-top:80px;padding-bottom:80px}.trust-box{max-width:850px;margin:auto;text-align:center;border:1px solid var(--line);border-radius:26px;padding:60px;background:#0e0c11}.download{text-align:center;background:radial-gradient(circle at 50% 0%,#271b31,transparent 55%);padding-top:130px;padding-bottom:130px}.download-inner{max-width:650px;margin:auto}.download h2{margin-top:12px}.download small{display:block;color:#6f6974;margin-top:15px}.big{margin-top:25px}
footer{border-top:1px solid var(--line);padding:30px 6%;display:flex;align-items:center;justify-content:space-between;color:#77717c;font-size:12px}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:white}
@media(max-width:800px){.nav nav{display:none}.nav{padding:0 5%}.hero{grid-template-columns:1fr;padding:70px 7%;text-align:center}.hero p{margin:auto}.actions,.mini-proof{justify-content:center;flex-wrap:wrap}.phone-wrap{margin-top:55px}.section{padding:80px 7%}.features,.premium,.plans{grid-template-columns:1fr}.premium{gap:35px}.section h2{font-size:38px}footer{flex-direction:column;gap:20px}.footer-links{flex-wrap:wrap;justify-content:center}}