body{background:var(--bg)}.landing{background:radial-gradient(1100px 560px at 85% -8%, #2ee6ff21, transparent 58%), radial-gradient(800px 520px at 5% 20%, #9b7bff1c, transparent 55%), radial-gradient(700px 500px at 50% 105%, #ff3dac12, transparent 60%), var(--bg);min-height:100vh;overflow-x:clip}.l-wrap{width:min(100% - 32px,1120px);margin-inline:auto}.l-header{z-index:40;-webkit-backdrop-filter:blur(16px)saturate(1.3);border-bottom:1px solid var(--line);background:#04060cb8;position:sticky;top:0}.l-header-row{align-items:center;gap:16px;min-height:64px;display:flex}.l-brand{min-height:44px;font:700 .95rem/1 var(--display);letter-spacing:.04em;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:inline-flex}.l-brand b{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.l-nav{gap:4px;display:none}.l-nav a{color:var(--muted);transition:color var(--fast) ease, background var(--fast) ease;border-radius:10px;padding:8px 12px;font-size:.92rem;font-weight:600;text-decoration:none}.l-nav a:hover{color:var(--text);background:#ffffff0d}.l-lang{color:var(--muted);align-items:center;gap:4px;display:inline-flex;position:relative}.l-lang select{appearance:none;min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:.88rem;font-weight:650}.l-lang select option{background:var(--surface-solid)}.l-footer nav{flex-wrap:wrap}@media (width>=860px){.l-nav{display:flex}}.hero{align-items:center;gap:48px;padding:40px 0 24px;display:grid}@media (width>=960px){.hero{grid-template-columns:1.08fr .92fr;gap:56px;min-height:min(84vh,760px);padding-top:48px}}.hero-copy{animation:rise .7s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.badge{color:#bdf7ff;background:#2ee6ff12;border:1px solid #2ee6ff4d;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%;animation:1.55s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.hero h1{font:800 clamp(2.6rem, 9vw, 4.6rem) / 1.02 var(--display);letter-spacing:-.03em;margin-top:22px}.hero h1 .grad-text{filter:drop-shadow(0 0 28px #9b7bff59)}.lead{max-width:34em;color:var(--muted);margin-top:20px;font-size:clamp(1.05rem,2.4vw,1.2rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.btn.lg{border-radius:16px;min-height:54px;padding:0 24px;font-size:1.02rem}.hero-note{color:var(--faint);margin-top:14px;font-size:.88rem}.stats{border-top:1px solid var(--line);gap:28px;margin:36px 0 0;padding-top:22px;display:flex}.stats div{flex-direction:column-reverse;display:flex}.stats dd{font:800 1.9rem/1 var(--display);margin:0}.stats dt{color:var(--muted);margin-top:6px;font-size:.82rem}.hero-visual{animation:rise .8s .12s var(--ease) both;justify-content:center;display:flex}.showcase{justify-items:center;gap:14px;margin:0;display:grid}.showcase-row{align-items:center;gap:14px;display:flex}.phone{aspect-ratio:390/844;background:linear-gradient(160deg,#1d2440,#0a0d1a 60%);border-radius:46px;width:min(72vw,300px);padding:10px;position:relative;box-shadow:0 0 0 1px #8296ff40,0 40px 80px #0009,0 0 90px #2ee6ff29}.phone-screen{background:var(--bg);border-radius:37px;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .42s;position:absolute;inset:0}.phone-screen img.on{opacity:1}.showcase-arrow{border:1px solid var(--line-strong);width:44px;height:44px;transition:border-color var(--fast) ease, background var(--fast) ease;background:#ffffff0a;border-radius:50%;place-items:center;display:grid}.showcase-arrow:hover{background:#2ee6ff14;border-color:#2ee6ff8c}.showcase figcaption{max-width:300px;min-height:3em;color:var(--muted);text-align:center;font-size:.9rem}.dots{gap:0;display:flex}.dots button{background:0 0;border:0;width:44px;height:44px;padding:0}.dots button:before{content:"";background:var(--line-strong);width:8px;height:6px;transition:width var(--mid) var(--ease), background var(--fast) ease;border-radius:3px;margin:auto;display:block}.dots button.on:before{background:var(--cyan);width:22px;box-shadow:0 0 8px var(--cyan)}@media (width<=420px){.showcase-arrow{display:none}}.l-section{padding:72px 0 8px;scroll-margin-top:64px}.l-head{max-width:640px;margin-bottom:28px}.kicker{color:var(--cyan);font:700 .75rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase}.l-head h2,.closing h2{font:800 clamp(1.8rem, 5vw, 2.8rem) / 1.08 var(--display);letter-spacing:-.02em;margin-top:12px}.l-head p:not(.kicker){color:var(--muted);margin-top:12px;font-size:1.05rem}.steps,.feature-grid,.motion-grid,.legend-row{margin:0;padding:0;list-style:none}.steps{gap:14px;display:grid}.steps li,.feature-grid li,.motion-grid li{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);transition:border-color var(--mid) ease, transform var(--mid) var(--ease);padding:22px}.steps li:hover,.feature-grid li:hover,.motion-grid li:hover{border-color:#2ee6ff59}.step-n{font:800 1.6rem/1 var(--display);color:#0000;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 18px #2ee6ff66}.steps h3,.feature-grid h3{font:700 1.1rem/1.25 var(--display);margin-top:14px}.steps p,.feature-grid p{color:var(--muted);margin-top:8px}.legend-row{color:var(--muted);flex-wrap:wrap;gap:10px 22px;margin-bottom:18px;font-size:.92rem;display:flex}.legend-row li{align-items:center;gap:8px;display:inline-flex}.motion-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;display:grid}.motion-grid h3{font:700 1rem/1.2 var(--display);margin-bottom:10px}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;display:grid}.f-icon{background:var(--grad-soft);width:46px;height:46px;color:var(--cyan);border:1px solid #2ee6ff40;border-radius:14px;place-items:center;display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(3,1fr)}}.faq-list{gap:10px;max-width:820px;display:grid}.faq details{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);transition:border-color var(--fast) ease}.faq details[open]{border-color:#2ee6ff59}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 20px;font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--cyan);transition:transform var(--mid) var(--ease);flex:none}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{color:var(--muted);padding:0 20px 18px}.closing{border-radius:var(--r-lg);background:radial-gradient(60% 120% at 50% 0%, #2ee6ff24, transparent 70%), var(--surface);text-align:center;border:1px solid #2ee6ff40;justify-items:center;gap:26px;margin-top:88px;padding:64px 20px;display:grid}.l-footer{padding:36px 0 calc(36px + var(--safe-b));color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:.88rem;display:flex}.l-footer nav{gap:18px;display:flex}.l-footer a{min-height:44px;color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.l-footer a:hover{color:var(--cyan)}