:root{--violet:#7c3aed;--violet-deep:#5b21b6;--violet-soft:#ede9fe;--orange:#ff8f52;--bg:#fff;--bg-soft:#f6f4fb;--text:#1c1530;--muted:#6b6480;--border:#e6e1f2;--max:1040px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--violet-soft:#2a1f47;--bg:#0f0b1a;--bg-soft:#181226;--text:#f3f0fa;--muted:#a79fbd;--border:#2b2340}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6}a{color:var(--violet)}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}.site-header{padding:18px 0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:inherit;letter-spacing:-.3px;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand img{border-radius:10px;width:36px;height:36px}.brand .hey{font-weight:500}.site-header nav a{color:var(--muted);margin-left:18px;font-size:15px;text-decoration:none}.hero{background:linear-gradient(135deg, #9b6bfa 0%, var(--violet) 45%, var(--violet-deep) 100%);color:#fff;border-radius:32px;margin:8px 20px 0;overflow:hidden}.hero .wrap{grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;padding-top:56px;padding-bottom:56px;display:grid}.hero h1{letter-spacing:-1.5px;margin:0 0 16px;font-size:clamp(40px,7vw,64px);line-height:1.05}.hero h1 .hey{font-weight:500}.hero p{color:#ffffffe0;max-width:34ch;margin:0 0 28px;font-size:19px}.hero .memo{justify-self:center;width:100%;max-width:380px;animation:3.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.hero .memo{animation:none}}.badges{flex-wrap:wrap;gap:10px;display:flex}.badge{color:var(--violet-deep);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.badge.soon{color:#fff;background:#ffffff29}section{padding:72px 0 8px}h2{letter-spacing:-.8px;margin:0 0 12px;font-size:clamp(28px,4vw,38px);line-height:1.15}.lead{color:var(--muted);max-width:60ch;margin:0 0 32px}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:24px;padding:24px}.card .num{background:var(--violet-soft);width:36px;height:36px;color:var(--violet);border-radius:12px;place-items:center;margin-bottom:12px;font-weight:800;display:inline-grid}.card h3{margin:0 0 6px;font-size:20px}.card p{color:var(--muted);margin:0}.chat{gap:10px;max-width:460px;display:grid}.bubble{border-radius:20px;max-width:85%;padding:12px 16px}.bubble.me{background:var(--violet);color:#fff;border-bottom-right-radius:6px;justify-self:end}.bubble.memo{background:var(--bg-soft);border:1px solid var(--border);border-bottom-left-radius:6px}.bubble small{color:var(--muted);display:block}.split{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.chips{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.chip{background:var(--violet-soft);color:var(--violet);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600}.doc{max-width:760px;padding-top:24px;padding-bottom:48px}.doc h1{letter-spacing:-1px;margin:24px 0 8px;font-size:clamp(32px,5vw,44px);line-height:1.1}.doc h2{margin-top:40px;font-size:24px}.doc h3{margin-top:28px}.doc em:first-of-type{color:var(--muted)}.doc code{background:var(--bg-soft);border-radius:6px;padding:2px 6px}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:72px;padding:28px 0 40px;font-size:15px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}footer nav a{color:var(--muted);margin-right:18px}@media (max-width:760px){.hero{border-radius:24px;margin:4px 12px 0}.hero .wrap{grid-template-columns:1fr;padding-top:36px;padding-bottom:36px}.hero .memo{order:-1;max-width:220px}.steps,.split{grid-template-columns:1fr}.site-header nav a:not(:last-child){display:none}section{padding-top:56px}}