:root{--oat:#ededea;--paper:#fafaf8;--graphite:#18181a;--graphite-hover:#3a3a3d;--ink:#1e1e20;--lime:#b7c93a;--olive:#4e5714;--text:var(--ink);--text-secondary:#55555a;--text-muted:#6e6e73;--dot:#c4c4c0;--hairline:#18181a14;--graphite-soft:#18181a1a;--graphite-soft-hover:#18181a2e;--ink-soft:#18181a0f;--radius-pill:999px;--radius-card:16px;--radius-field:12px;--shadow-card:0 1px 2px #18181a0f, 0 8px 24px -12px #18181a2e;--shadow-fab:0 6px 20px -6px #18181a8c;--font-display:"Instrument Serif", Georgia, serif;--font-ui:"Geist", system-ui, -apple-system, sans-serif;--text-body:17px;--leading-body:1.55;--text-secondary-size:15px;--text-meta:13px;--text-label:12px;--tracking-label:.14em;--tap:44px;--content-width:560px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--oat);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--graphite);text-decoration:none}a:hover{color:var(--text-secondary)}h1,h2,h3,p{margin:0}.card{background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.top{max-width:1200px;padding:max(24px, env(safe-area-inset-top)) clamp(20px, 4vw, 48px) 24px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__mark{width:32px;height:32px;display:block}.brand__name{font-family:var(--font-display);color:var(--graphite);font-size:30px;line-height:1}.pill{height:var(--tap);border-radius:var(--radius-pill);background:var(--graphite-soft);align-items:center;padding:0 20px;font-size:15px;font-weight:500;transition:background-color .15s;display:flex}.pill:hover{background:var(--graphite-soft-hover)}.hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:center;gap:clamp(40px,6vw,80px);max-width:1200px;margin:0 auto;padding:clamp(40px,8vw,96px) clamp(20px,4vw,48px) clamp(56px,8vw,112px);display:grid}.hero__copy{flex-direction:column;gap:24px;display:flex}.hero__title{font-family:var(--font-display);color:var(--graphite);text-wrap:balance;font-size:clamp(44px,6.4vw,80px);font-weight:400;line-height:1.02}.hero__lede{max-width:44ch;color:var(--text-secondary);text-wrap:pretty;font-size:clamp(17px,1.6vw,19px);line-height:1.6}.hero__actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.button{border-radius:var(--radius-pill);justify-content:center;align-items:center;height:52px;padding:0 22px;font-size:16px;font-weight:500;display:flex}.button--primary{background:var(--graphite);color:var(--paper);padding:0 26px;transition:background-color .15s}.button--primary:hover{background:var(--graphite-hover);color:var(--paper)}.preview{flex-direction:column;justify-self:center;gap:14px;width:100%;max-width:440px;display:flex;position:relative}.preview__photo{overflow:hidden;transform:rotate(-1.5deg)}.preview__image{background:linear-gradient(150deg,#cacaca,#a4a4a4 55%,#7d7d7d);align-items:flex-end;height:200px;padding:12px;display:flex}.preview__meta{font-size:var(--text-meta);color:var(--text-muted);padding:14px 20px 18px}.preview__meta--flush{padding:0}.preview__note{flex-direction:column;gap:12px;margin-left:clamp(0px,4vw,40px);padding:20px;display:flex;transform:rotate(1deg)}.preview__text{font-size:var(--text-body);line-height:var(--leading-body);text-wrap:pretty}.preview__voice{align-items:center;gap:14px;margin-right:clamp(0px,3vw,32px);padding:18px 20px;display:flex}.play{border-radius:var(--radius-pill);background:var(--graphite-soft);flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.play__icon{border-left:11px solid var(--graphite);border-top:7px solid #0000;border-bottom:7px solid #0000;width:0;height:0;margin-left:3px}.preview__track{background:#18181a1a;border-radius:99px;flex:1;height:4px}.preview__duration{font-size:var(--text-meta);color:var(--text-muted);font-variant-numeric:tabular-nums}.chip{border-radius:var(--radius-pill);height:28px;color:var(--olive);font-size:var(--text-meta);background:#fffcf6eb;align-items:center;gap:7px;padding:0 12px;font-weight:500;display:inline-flex}.chip--large{background:#b7c93a42;gap:7px;height:32px;padding:0 14px;font-size:14px}.chip__dot{background:var(--lime);border-radius:99px;width:6px;height:6px}.chip--large .chip__dot{width:7px;height:7px}.concepts{flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px) clamp(64px,10vw,128px);scroll-margin-top:24px;display:flex}.concepts__title{font-family:var(--font-display);color:var(--graphite);font-size:clamp(30px,3.4vw,40px);font-weight:400;line-height:1.1}.concepts__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:20px;display:grid}.concepts__pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:20px;display:grid}.concept{flex-direction:column;display:flex;overflow:hidden}.concept__panel{border-radius:var(--radius-field);background:var(--oat);justify-content:center;align-items:center;gap:10px;height:160px;margin:12px 12px 0;display:flex}.concept__panel--padded{padding:0 20px}.concept__panel--chat{flex-direction:column;align-items:stretch}.concept__text{flex-direction:column;gap:8px;padding:20px 22px 24px;display:flex}.concept__number{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.concept__name{font-family:var(--font-display);color:var(--graphite);font-size:26px;font-weight:400;line-height:1.15}.concept__body{color:var(--text-secondary);font-size:15px;line-height:1.55}.dot{border-radius:var(--radius-pill);width:44px;height:44px}.dot--1{background:var(--graphite)}.dot--2{background:#18181a59}.dot--3{background:#18181a2e}.fake-search{border-radius:var(--radius-pill);background:var(--paper);width:100%;height:44px;box-shadow:inset 0 0 0 1px var(--hairline);align-items:center;gap:10px;padding:0 16px;font-size:15px;display:flex}.fake-search__icon{border-radius:var(--radius-pill);width:13px;height:13px;box-shadow:inset 0 0 0 2px var(--graphite);flex:none}.bubble{background:var(--graphite);color:var(--paper);border-radius:14px;align-self:flex-end;padding:9px 14px;font-size:14px;line-height:1.4}.answer{font-family:var(--font-display);color:var(--graphite);font-size:20px;line-height:1.25}.foot{max-width:1200px;padding:28px clamp(20px, 4vw, 48px) max(40px, env(safe-area-inset-bottom));box-shadow:inset 0 1px 0 var(--hairline);color:var(--text-muted);margin:0 auto;font-size:14px}.foot__note{align-items:center;gap:8px;display:flex}.foot__mark{width:20px;height:20px;display:block}@media (width<=599px){.top{padding:max(8px, env(safe-area-inset-top)) 20px 8px}.brand{gap:8px}.brand__mark{width:28px;height:28px}.brand__name{font-size:26px}.pill{padding:0 18px}.hero{gap:28px;padding:40px 24px 64px}.hero__copy{gap:20px}.hero__title{font-size:46px;line-height:1.03}.hero__lede{font-size:17px}.hero__actions{flex-direction:column;gap:8px;padding-top:6px}.button--quiet{height:48px}.preview{gap:12px;margin:0 -4px}.preview__image{height:160px}.preview__note{margin-left:20px}.concepts{gap:12px;padding:0 20px 56px}.concepts__title{margin:0 4px 4px;font-size:32px}.concepts__grid,.concepts__pair{gap:12px}.concept__panel{height:120px}.concept__text{gap:6px;padding:18px 20px 22px}.foot{padding:24px 20px max(44px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}