:root{--brand:#7c3aed;--accent:#06b6d4;--ink:#e6ebff;--muted:#b9c3e2;--bg:#0a0f1e}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}
#bgfx{position:fixed;inset:0;z-index:-1;background:#070b18}
a{text-decoration:none;color:var(--ink)} .muted{color:var(--muted)} .small{font-size:.88rem}
.container{max-width:1140px;margin:0 auto;padding:24px}
.row{display:flex}.between{justify-content:space-between}.center{align-items:center}.wrap{flex-wrap:wrap}
.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}
.col{flex:1 1 380px}
.top{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(10,15,30,.85),rgba(10,15,30,.35));backdrop-filter:blur(10px);border-bottom:1px solid #1a2340}
.demo-banner{font-size:.9rem;text-align:center;padding:8px 12px;background:linear-gradient(90deg,#7c3aed33,#06b6d433);border-top:1px solid #1a2340;border-bottom:1px solid #1a2340}
.brand{font-weight:900;letter-spacing:.3px}
.nav a{padding:10px 8px;border-radius:12px}.nav a:hover{background:#ffffff18}
.lang button{border:1px solid #293255;background:#0c1122;color:#e7ecff;border-radius:10px;padding:8px 12px;cursor:pointer}
.lang button.active{background:linear-gradient(135deg,var(--brand),var(--accent));border-color:transparent;color:#fff}
.btn{padding:10px 14px;border-radius:12px;border:1px solid #2a3458;background:#0c1122}
.btn.primary{background:linear-gradient(135deg,var(--brand),var(--accent));border-color:transparent;color:#fff}
.btn.ghost{border-color:#33406b;background:#0c1122;color:#dfe7ff}
.btn.pill{border-radius:999px}
.btn.tiny{padding:8px 10px;border-radius:10px;font-size:.92rem}
.in, select{background:#0e1733;border:1px solid #22305b;border-radius:10px;padding:10px;color:#dce6ff}
.hero{padding:42px 0 8px}
.hero .lead{color:#cdd7f5;max-width:660px}
.hero-list{margin-top:10px;line-height:1.6;color:#cfd6fb}
.accent{color:#a78bfa}
.cta-phrase{margin-top:12px;padding:10px 12px;border:1px dashed #2d3a64;border-radius:10px;background:#0c1227;color:#e6ecff}
.phone-side{display:flex;flex-direction:column;align-items:center;gap:8px}
.phone{width:320px;height:640px;border-radius:36px;background:#0c1122;border:1px solid #233153;box-shadow:0 16px 40px rgba(0,0,0,.55);position:relative;overflow:hidden}
.notch{width:140px;height:22px;background:#050814;border-radius:0 0 14px 14px;position:absolute;left:50%;transform:translateX(-50%);top:0}
.tabs{position:absolute;top:26px;left:18px;right:18px;display:flex;gap:8px;z-index:2}
.tabs button{flex:1;border-radius:12px;padding:8px 0;border:1px solid #2a3458;background:#0c1122;color:#e7ecff}
.tabs button.active{background:linear-gradient(135deg,var(--brand),var(--accent));border-color:transparent;color:#fff}
.screen{position:absolute;inset:64px 16px 16px 16px;background:#0b1020;border:1px solid #1b294f;border-radius:24px;padding:16px;overflow:auto}
.view{animation:fade .25s ease}.hidden{display:none}
.list{display:grid;gap:10px;margin:10px 0}.item{background:#0e1733;border:1px solid #22305b;border-radius:12px;padding:12px;color:#dce6ff}
.form .input{background:#0e1733;border:1px solid #22305b;border-radius:10px;padding:10px;margin-bottom:8px;color:#dce6ff}
.input-area{height:70px;resize:none}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.thumbs img{width:42px;height:42px;border-radius:8px;border:1px solid #22305b;object-fit:cover}
.card{background:linear-gradient(180deg,#121b3a,#0c142b);border:1px solid #22305b;border-radius:14px;padding:12px;margin:10px 0}
.price{color:#7dd3fc}
.timeline{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:center;margin:8px 0}
.timeline .dot{width:12px;height:12px;border-radius:999px;background:#33406b;border:2px solid #7c3aed}
.timeline .dot.done{background:#22c55e;border-color:#22c55e}.timeline .dot.active{background:#f59e0b;border-color:#f59e0b}
.chat{display:grid;gap:8px}.bubble{padding:10px 12px;border-radius:12px;background:#10173a;border:1px solid #24325a;line-height:1.25}
.bubble.me{justify-self:end;background:#1a2140}
.slots .btn{margin:4px 4px 0 0}
.section{padding:36px 0}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.k{background:linear-gradient(180deg,#121b3a,#0c142b);border:1px solid #22305b;border-radius:16px;padding:16px}
.check{list-style:none;margin:0;padding:0}.check li{margin:8px 0}.check li::before{content:'✔ ';color:#22c55e}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px}
.cardPro{background:linear-gradient(180deg,#111a38,#0b132b);border:1px solid #22305b;border-radius:14px;overflow:hidden}
.cardPro img{width:100%;height:140px;object-fit:cover}
.cardPro .body{padding:12px}
.badge{display:inline-block;background:#152149;border:1px solid #254081;border-radius:999px;padding:4px 8px;font-size:.8rem;margin-right:6px}
.brev{font-size:.82rem;color:#b9c6ff;margin-top:6px}
.deck{margin-top:10px;border:1px solid #22305b;border-radius:16px;overflow:hidden;background:#0c1122}
.deck-frame{width:100%;height:560px;border:0}
.video-wrap{display:flex;justify-content:center;align-items:center;border-radius:18px;border:1px solid #22305b;background:#0c1122;padding:10px;max-width:760px;margin:0 auto 8px}
.video-wrap img{max-width:100%;border-radius:12px}
.foot{border-top:1px solid #1a2340;padding:22px 0;background:#0a0f1e}
@media (max-width:980px){.nav{display:none}.grid-2{grid-template-columns:1fr}.phone{width:300px;height:620px}.deck-frame{height:420px}}