*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
:root{--bg:#0d0b14;--card:rgba(255,255,255,.04);--bd:rgba(255,255,255,.09);--text:#ece9f5;--muted:#a29db8;--a:#ff9f43;--b:#ff5e8a;--c:#8b5cf6;--ok:#23d18b}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}
#bg{position:fixed;inset:0;z-index:-2;width:100%;height:100%}
.glow{position:fixed;z-index:-1;width:620px;height:620px;border-radius:50%;filter:blur(150px);opacity:.25;pointer-events:none}
.g1{background:var(--b);top:-180px;left:-160px}.g2{background:var(--c);bottom:-220px;right:-160px}
a{color:inherit;text-decoration:none}
code{background:rgba(255,255,255,.09);padding:2px 7px;border-radius:6px;font-size:.88em;color:#ffc58a;font-family:Consolas,"Courier New",monospace}
.grad{background:linear-gradient(120deg,#ffb454,#ff5e8a 55%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;line-height:1.15}
.muted{color:var(--muted)}

.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:24px;padding:14px max(24px,calc((100% - 1180px)/2));transition:.3s}
.nav.scrolled{background:rgba(13,11,20,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:700;font-size:1.35rem}
.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--a),var(--b));font-size:1.1rem;color:#fff}
.links{display:flex;align-items:center;gap:26px;margin-left:auto;color:var(--muted);font-weight:500;font-size:.95rem}
.links a:hover{color:#fff}
.burger{display:none;background:none;border:0;flex-direction:column;gap:5px;cursor:pointer;padding:6px;margin-left:auto}
.burger span{width:24px;height:2px;background:#fff;border-radius:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;border-radius:12px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:.25s}
.btn.lg{padding:15px 28px;font-size:1.02rem;border-radius:14px}
.btn.primary{background:linear-gradient(135deg,var(--a),var(--b));color:#1b0f14;box-shadow:0 8px 30px -8px rgba(255,94,138,.7)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px rgba(255,94,138,.9)}
.btn.ghost{background:var(--card);border-color:var(--bd);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.btn.white{background:#fff;color:#3b1d5e}.btn.white:hover{transform:translateY(-2px)}
.btn.outline{border-color:rgba(255,255,255,.55);color:#fff}.btn.outline:hover{background:rgba(255,255,255,.14)}

.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;max-width:1180px;margin:auto;padding:160px 24px 80px;min-height:100vh}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--card);border:1px solid var(--bd);font-size:.82rem;color:var(--muted);margin-bottom:22px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 2s infinite}
.badge.off .pulse{background:#f23f43;animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(35,209,139,.7)}70%{box-shadow:0 0 0 9px rgba(35,209,139,0)}100%{box-shadow:0 0 0 0 rgba(35,209,139,0)}}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:20px}
.lead{font-size:1.14rem;color:var(--muted);max-width:560px;margin-bottom:30px}
.lead b{color:#fff;font-weight:600}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.mini-stats{display:flex;gap:40px;margin-top:44px}
.mini-stats b{display:block;font-family:"Space Grotesk";font-size:1.9rem}
.mini-stats span{color:var(--muted);font-size:.85rem}

.chat{background:#1f1d2b;border:1px solid var(--bd);border-radius:18px;padding:0 0 16px;box-shadow:0 40px 80px -30px rgba(255,94,138,.4);transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);transition:.5s;animation:float 6s ease-in-out infinite}
.chat:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}
@keyframes float{50%{translate:0 -12px}}
.chat-head{padding:14px 18px;border-bottom:1px solid var(--bd);font-weight:600;color:var(--muted)}
.msg{display:flex;gap:12px;padding:12px 18px}
.msg p{color:#d6d2ea;font-size:.94rem}.msg small{color:var(--muted);font-size:.72rem;margin-left:8px}
.slash{color:#ffc58a!important;font-family:Consolas,monospace}
.av{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.a1{background:#ef476f}.a2{background:#06b6d4}.av.bot{background:linear-gradient(135deg,var(--a),var(--b));color:#fff}
.botn{color:#ffb98a}.tag{background:var(--c);font-size:.62rem;padding:1px 5px;border-radius:4px;font-weight:700;vertical-align:middle}
.embed{margin-top:6px;border-left:4px solid var(--c);background:#2a2838;border-radius:6px;padding:10px 14px;font-size:.9rem;min-width:250px}
.embed.ok{border-color:var(--ok)}.embed .sm{font-size:.78rem;color:var(--muted)}
.embed em{font-style:normal;color:#ffb454;font-weight:700}
.xp{height:8px;background:#14121e;border-radius:99px;margin-top:8px;overflow:hidden}
.xp i{display:block;width:78%;height:100%;background:linear-gradient(90deg,var(--a),var(--b));border-radius:99px;animation:xp 2.5s ease-out}
@keyframes xp{from{width:0}}

.section{max-width:1180px;margin:auto;padding:90px 24px}
.section.narrow{max-width:820px}
.sec-head{text-align:center;max-width:680px;margin:0 auto 54px}
.eyebrow{display:inline-block;color:#ffb454;font-weight:600;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.sec-head h2,.split h2{font-size:clamp(1.9rem,3.8vw,2.8rem);margin-bottom:14px}
.sec-head p{color:var(--muted)}
.grid.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:28px;transition:.3s;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(255,94,138,.16),transparent 60%);opacity:0;transition:.3s}
.card:hover{transform:translateY(-6px);border-color:rgba(255,94,138,.5)}.card:hover::before{opacity:1}
.ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,rgba(255,159,67,.25),rgba(139,92,246,.25));margin-bottom:18px;position:relative}
.card h3{font-size:1.15rem;margin-bottom:8px;position:relative}.card p{color:var(--muted);font-size:.94rem;position:relative}

.split{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;background:var(--card);border:1px solid var(--bd);border-radius:28px;padding:50px}
.ticks{list-style:none;margin-top:20px;display:grid;gap:10px}
.ticks li{padding-left:30px;position:relative;color:#d8d4ea}
.ticks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ok);font-weight:700}
.flow{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.flow-step{display:flex;gap:14px;align-items:center;background:#1a1826;border:1px solid var(--bd);border-radius:16px;padding:16px 18px}
.flow-step.id{border-color:var(--ok);box-shadow:0 0 30px -10px var(--ok)}
.flow-step b{display:block;margin-bottom:4px}
.flow-step .num{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));color:#1b0f14;font-weight:700}
.flow-arrow{text-align:center;color:var(--muted)}

.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.tab{padding:9px 20px;border-radius:99px;background:var(--card);border:1px solid var(--bd);color:var(--muted);cursor:pointer;font:inherit;font-weight:500;transition:.2s}
.tab:hover{color:#fff}.tab.active{background:linear-gradient(135deg,var(--a),var(--b));color:#1b0f14;border-color:transparent;font-weight:600}
.cmd-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}
.cmd{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px 18px;animation:in .35s both}
@keyframes in{from{opacity:0;transform:translateY(8px)}}
.cmd code{white-space:nowrap;font-weight:600}.cmd span{color:var(--muted);font-size:.92rem}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.step{text-align:center;padding:30px 24px;background:var(--card);border:1px solid var(--bd);border-radius:20px}
.step .num{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b));font-family:"Space Grotesk";font-size:1.3rem;font-weight:700;color:#1b0f14;box-shadow:0 10px 30px -8px rgba(255,94,138,.8)}
.step h3{margin-bottom:8px}.step p{color:var(--muted)}

.support{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:54px;border-radius:28px;background:linear-gradient(135deg,#ff8a3d,#ff5e8a 50%,#8b5cf6);box-shadow:0 30px 80px -30px rgba(255,94,138,.7);color:#fff}
.support h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:10px}
.support p{max-width:520px;opacity:.95}

.faq details{background:var(--card);border:1px solid var(--bd);border-radius:14px;margin-bottom:12px;padding:0 22px;transition:.2s}
.faq details[open]{border-color:rgba(255,94,138,.5)}
.faq summary{cursor:pointer;padding:18px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;color:#ffb454;transition:.25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding-bottom:18px;color:var(--muted)}
.faq a,.doc a{color:#ffb454;text-decoration:underline}

.footer{border-top:1px solid var(--bd);padding:44px max(24px,calc((100% - 1180px)/2)) 24px;margin-top:40px}
.foot-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.footer p{color:var(--muted);font-size:.9rem;margin-top:10px}
.foot-links{display:grid;grid-template-columns:repeat(2,auto);gap:10px 40px;color:var(--muted)}
.foot-links a:hover{color:#fff}
.legal{text-align:center;margin-top:34px!important;font-size:.8rem!important}

.doc{max-width:820px;margin:auto;padding:130px 24px 40px}
.doc h1{font-size:2.4rem;margin-bottom:8px}.doc .date{color:var(--muted);margin-bottom:30px}
.doc h2{font-size:1.3rem;margin:30px 0 10px}.doc p,.doc li{color:#d0cce4}.doc ul{padding-left:22px;margin:8px 0}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}

@media(max-width:900px){
 .hero{grid-template-columns:1fr;padding-top:130px;text-align:center}
 .lead{margin-inline:auto}.cta,.mini-stats{justify-content:center}
 .chat{transform:none;max-width:480px;margin:auto;text-align:left}
 .split{grid-template-columns:1fr;padding:30px}
 .burger{display:flex}.nav-cta{display:none}
 .links{position:fixed;top:64px;left:0;right:0;flex-direction:column;background:rgba(13,11,20,.97);padding:24px;gap:18px;transform:translateY(-130%);transition:.3s;border-bottom:1px solid var(--bd);margin:0}
 .links.open{transform:none}
 .support{padding:34px;text-align:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}