:root{--ui:#4B3FE0;--logo:#3730A3;--amber:#D97706;--ink:#141726;--mut:#5b6075}
*{box-sizing:border-box;margin:0}body{font:17px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 24px}
.nav{display:flex;justify-content:space-between;align-items:center;height:72px;position:relative;z-index:2}.nav nav a{margin-left:28px;color:var(--mut);font-size:15px}.nav nav a:hover{color:var(--ui)}
.hero{position:relative;overflow:hidden;padding:40px 0 80px;margin-top:-72px;padding-top:120px}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}.b1{width:520px;height:520px;background:#c9c3ff;top:-120px;left:-120px}.b2{width:420px;height:420px;background:#ffd9c2;top:80px;right:-80px}.b3{width:380px;height:380px;background:#c4f1df;bottom:-160px;left:40%}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
h1{font-size:76px;line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:18px 0}h2{font-size:48px;letter-spacing:-.03em;font-weight:800;line-height:1.1;margin-bottom:36px}
.grad{background:linear-gradient(90deg,var(--ui),#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:21px;color:var(--mut);max-width:520px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 14px}
.store{background:var(--ink);color:#fff;border-radius:14px;padding:10px 20px;font-weight:600;font-size:18px;line-height:1.15;display:flex;flex-direction:column}.store small{font-size:11px;font-weight:400;opacity:.8}.store.alt{background:var(--ui)}
.note{color:var(--mut);font-size:14px}.hero-shots{position:relative;height:560px}.hero-shots img{position:absolute;width:260px;border-radius:32px;box-shadow:0 30px 60px rgba(55,48,163,.25)}.s1{left:10%;top:0;transform:rotate(-5deg)}.s2{right:8%;top:50px;transform:rotate(5deg)}
.sec{padding:96px 24px}.eyebrow{color:var(--ui);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#f6f6fb;border-radius:28px;padding:24px;position:relative}.card img{display:block;width:100%;height:340px;object-fit:cover;object-position:top;border-radius:20px;margin-bottom:18px}
.num{position:absolute;top:36px;left:36px;width:40px;height:40px;border-radius:50%;background:var(--ui);color:#fff;display:grid;place-items:center;font-weight:800}h3{font-size:21px;margin-bottom:6px;letter-spacing:-.01em}.card p,.feat p{color:var(--mut)}
.soft{background:#f7f6ff}.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.feat{border-radius:28px;padding:36px;min-height:200px}
.f1{background:linear-gradient(135deg,#ece9ff,#fff)}.f2{background:linear-gradient(135deg,#ffeedd,#fff)}.f3{background:linear-gradient(135deg,#dcf7ec,#fff)}.f4{background:linear-gradient(135deg,#dfefff,#fff)}
.chips{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#fff;border:1px solid #dcd8ff;color:var(--ui);padding:6px 14px;border-radius:99px;font-weight:600;font-size:14px}
.pro{font-style:normal;font-size:12px;background:var(--ui);color:#fff;padding:3px 8px;border-radius:6px;vertical-align:middle}
.plats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.plat{border:1px solid #e6e6ef;border-radius:22px;padding:28px 20px;text-align:center;display:flex;flex-direction:column;gap:8px}.plat b{font-size:20px}.plat span{font-size:13px;font-weight:600;color:var(--mut)}.plat .live{color:#0f9d6b}.plat.soon{background:#fafafa;opacity:.75;pointer-events:none}
.sub{color:var(--mut);margin:-24px 0 36px;font-size:19px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.plan{background:#fff;border-radius:28px;padding:36px;position:relative;border:1px solid #e9e8f5;display:flex;flex-direction:column}
.plan.best{border:2px solid var(--ui);box-shadow:0 20px 50px rgba(75,63,224,.15)}.tag{position:absolute;top:-13px;left:36px;background:var(--ui);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:99px}
.price{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:6px 0 16px}.price small{font-size:16px;color:var(--mut);font-weight:500}.plan ul{padding-left:20px;color:var(--mut);flex:1;margin-bottom:24px}.plan li{margin:6px 0}
.btn{display:block;text-align:center;padding:14px;border-radius:14px;font-weight:700}.ghost{border:2px solid var(--ui);color:var(--ui)}.upgrade{background:var(--amber);color:#fff}
.narrow{max-width:780px}details{border-bottom:1px solid #e6e6ef;padding:20px 0}summary{font-weight:700;font-size:19px;cursor:pointer}details p{color:var(--mut);margin-top:10px}
footer{background:var(--ink);color:#c9cbd8;padding:48px 0}.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:15px}.foot a{margin-right:22px}.foot a:hover{color:#fff}
html,body{overflow-x:hidden}
.store,.btn,.plat{min-height:44px}
@media(max-width:1280px){h1{font-size:64px}.hero-shots{height:520px}.hero-shots img{width:230px}}
@media(max-width:900px){.nav nav{display:none}h1{font-size:52px}h2{font-size:36px}.hero-grid,.steps,.feats,.plans{grid-template-columns:1fr}.plats{grid-template-columns:repeat(2,1fr)}.hero-shots{height:440px}.hero-shots img{width:190px}.s1{left:4%}.s2{right:4%}.sec{padding:64px 20px}.foot{flex-direction:column;align-items:flex-start}.btns .store{min-width:160px;padding:12px 20px}}
@media(max-width:820px){.wrap{padding:0 20px}h1{font-size:48px}.lead{font-size:19px}.plats{grid-template-columns:repeat(2,1fr)}.plan{padding:28px}.btns{gap:10px}}
@media(max-width:480px){h1{font-size:40px;line-height:1.05}h2{font-size:30px}.lead{font-size:17px}.hero{padding-top:100px;padding-bottom:48px}.hero-shots{height:380px}.hero-shots img{width:160px}.s1{left:2%}.s2{right:2%}.plats{grid-template-columns:1fr 1fr}.store{width:100%;align-items:flex-start}.btns{flex-direction:column}.card img{height:280px}.sec{padding:48px 16px}.price{font-size:34px}.nav{height:64px}}
.store.soon{opacity:.72;cursor:default}
.store[aria-disabled="true"],.plat[aria-disabled="true"]{cursor:default}

