:root { --ink:#121417; --muted:#5b616e; --line:#e6e7eb; --bg:#ffffff; --soft:#f6f6f9; --brand:#5b21b6; --brand-ink:#fff; --tint:#f3eefe; --accent:#b45309; }
@media (prefers-color-scheme: dark) { :root { --ink:#eef0f3; --muted:#a3a9b5; --line:#2a2e36; --bg:#111317; --soft:#171a20; --brand:#a78bfa; --brand-ink:#170c30; --tint:#1f1833; --accent:#f59e0b; } }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font:17px/1.6 Inter, system-ui, sans-serif; color:var(--ink); background:var(--bg); }
a { color:inherit; }
.wrap { max-width:1120px; margin:0 auto; padding:0 20px; }
nav { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; }
.logo { font-weight:800; letter-spacing:-0.02em; font-size:20px; text-decoration:none; white-space:nowrap; }
.logo span { color:var(--brand); }
.logo small { font-weight:500; font-size:13px; color:var(--muted); margin-left:6px; letter-spacing:0; }
nav .links { display:flex; gap:22px; font-size:15px; color:var(--muted); }
nav .links a { text-decoration:none; }
.btn { white-space:nowrap; display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:16px; padding:13px 20px; border-radius:12px; text-decoration:none;
       background:var(--brand); color:var(--brand-ink); border:1px solid transparent; }
.btn.ghost { background:transparent; color:var(--ink); border-color:var(--line); }
.eyebrow { display:inline-block; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
.hero { padding-top:48px; padding-bottom:64px; display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; }
.hero h1 { font-size:clamp(36px, 5.6vw, 58px); line-height:1.05; letter-spacing:-0.035em; margin:0 0 18px; }
.hero h1 em { font-style:normal; color:var(--brand); }
.hero p.lead { font-size:19px; color:var(--muted); margin:0 0 28px; max-width:600px; }
.ctas { display:flex; flex-wrap:wrap; gap:12px; }
.small { font-size:14px; color:var(--muted); margin-top:14px; }
.apps { background:var(--soft); border:1px solid var(--line); border-radius:20px; padding:18px; box-shadow:0 30px 60px -30px rgba(40,20,90,.35); }
.apps h3 { margin:2px 4px 12px; font-size:13px; color:var(--muted); font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.app { display:flex; gap:12px; align-items:flex-start; background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:12px 14px; margin-bottom:10px; font-size:15px; }
.app:last-child { margin-bottom:0; }
.app b { display:block; font-size:15px; }
.app span { color:var(--muted); font-size:14px; }
.ico { width:32px; height:32px; border-radius:9px; background:var(--tint); display:grid; place-items:center; flex:none; color:var(--brand); font-weight:700; font-size:14px; }
section { padding:64px 0; }
section.alt { background:var(--soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
h2 { font-size:clamp(28px, 4vw, 40px); letter-spacing:-0.03em; line-height:1.1; margin:0 0 12px; }
.sub { color:var(--muted); font-size:18px; max-width:700px; margin:0 0 36px; }
.grid3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
.grid2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; }
.card { border:1px solid var(--line); border-radius:16px; padding:22px; background:var(--bg); }
.card h3 { margin:0 0 6px; font-size:18px; }
.card p { margin:0; color:var(--muted); font-size:15.5px; }
.card ul { margin:8px 0 0; padding-left:18px; color:var(--muted); font-size:15.5px; }
.card li { margin:3px 0; }
.steps { counter-reset:s; }
.steps .card::before { counter-increment:s; content:counter(s); display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--brand); color:var(--brand-ink); font-weight:700; margin-bottom:12px; }
.ask { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.chat { display:flex; flex-direction:column; gap:10px; }
.bubble { border-radius:14px; padding:12px 16px; font-size:15.5px; max-width:92%; }
.bubble.owner { background:var(--brand); color:var(--brand-ink); align-self:flex-end; }
.bubble.sys { background:var(--soft); border:1px solid var(--line); }
.bubble.done { background:var(--tint); color:var(--ink); }
.stats { display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; }
.stat { border:1px solid var(--line); border-radius:14px; padding:16px; background:var(--bg); }
.stat b { display:block; font-size:30px; letter-spacing:-0.02em; }
.stat span { color:var(--muted); font-size:14px; }
.founder { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.final { text-align:center; }
.final .ctas { justify-content:center; }
footer { border-top:1px solid var(--line); padding:32px 0 44px; color:var(--muted); font-size:14px; }
footer .cols { display:grid; grid-template-columns:2fr 1fr; gap:24px; }
footer b { color:var(--ink); }
footer a { color:var(--muted); }
.doc { max-width:760px; margin:0 auto; padding:24px 20px 64px; }
.doc h1 { font-size:34px; letter-spacing:-0.02em; margin:12px 0 4px; }
.doc h2 { font-size:22px; margin:28px 0 8px; }
.doc p, .doc li { color:var(--ink); }
.doc .muted { color:var(--muted); font-size:15px; }
@media (max-width: 860px) {
  .hero, .ask, .founder, .grid2, .grid3, footer .cols { grid-template-columns:1fr; gap:24px; }
  nav .links { display:none; }
  section { padding:48px 0; }
  .hero { padding-top:24px; padding-bottom:48px; }
  nav .btn { padding:10px 14px; font-size:15px; }
  .logo small { display:none; }
}