.landing{--bg:oklch(99.8% .001 130);background:var(--bg)}.landing .app-header{max-width:1200px}.nav-link{font-size:.8125rem;text-decoration:none;padding:12px 8px}.content-width{max-width:1056px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.hero{text-align:center;max-width:1200px;margin:auto;padding:40px 24px 0}.hero .eyebrow{margin:0 auto 24px;font-size:.625rem}.hero h1{font-size:clamp(3.5rem,8vw,7rem);line-height:1.02;font-weight:700;letter-spacing:-.055em}.hero h1 span{color:oklch(48% .014 145)}.hero-description{margin:28px auto 0;font-size:1.0625rem;line-height:1.6;color:var(--muted)}.hero-actions,.start-actions{display:flex;justify-content:center;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero .button,.start .button{border-radius:100px;padding:12px 24px;min-height:48px}.text-link{font-size:.875rem;color:var(--accent);text-decoration:none;padding:12px 0;display:inline-block}.text-link:hover{text-decoration:underline}.hero-art{max-width:760px;margin:16px auto -16px}.hero-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.hero-caption{font-size:.6875rem;color:var(--muted);margin:0 auto}.intro{padding-top:120px;text-align:center}.intro .eyebrow{margin:0 auto 20px}.landing h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:650;letter-spacing:-.045em;line-height:1.08}.intro>p:not(.eyebrow):not(.caption){max-width:540px;margin:24px auto 44px;color:var(--muted);font-size:1.0625rem}.product-preview{max-width:840px;margin:0 auto;text-align:left;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:0 12px 40px oklch(24% .02 145/.035)}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.preview-brand{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600}.preview-status{display:flex;align-items:center;gap:8px;font-size:.75rem;margin:24px 0;color:var(--accent)}.preview-status .muted{margin-left:auto;font-family:var(--mono);font-size:.625rem}.preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:24px}.preview-metrics span{font-size:.6875rem;color:var(--muted)}.preview-metrics strong{display:block;font-size:1.5rem;letter-spacing:-.05em;font-weight:600;margin:6px 0}.preview-metrics small{font-size:.75rem;font-weight:400}.preview-metrics p{font-size:.5625rem;color:var(--muted);margin:0}.preview-chart{display:block;width:100%;height:90px;margin:24px 0}.preview-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;font:.625rem var(--mono);color:var(--muted)}.caption{font-size:.75rem;color:var(--muted);line-height:1.6}.intro>.caption{margin:24px auto 0}.principle{padding-top:120px;padding-bottom:120px;display:grid;gap:40px}.principle .eyebrow{margin-bottom:20px}.principle-copy>p:first-child{color:var(--muted);font-size:1.0625rem}.quiet-example{display:flex;align-items:flex-start;gap:12px;padding:24px 0;margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quiet-example>.dot{margin-top:9px}.quiet-example strong{font-size:.9375rem;font-weight:550;color:var(--warn)}.quiet-example p{font-size:.8125rem;color:var(--muted);margin:6px 0 0}.privacy{background:var(--surface);padding:88px 0;text-align:center}.privacy .eyebrow{margin:0 auto 24px}.privacy h2{font-size:clamp(2.75rem,5vw,4.5rem)}.privacy p:not(.eyebrow){max-width:550px;margin:28px auto 36px;color:var(--muted);font-size:1.0625rem}.privacy-notes{display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.privacy-notes span::before{content:'✓';margin-right:8px;color:var(--accent)}.start{padding-top:100px;padding-bottom:96px;text-align:center;scroll-margin-top:32px}.start .eyebrow{margin:0 auto 24px}.start>p:not(.eyebrow){margin:24px auto;max-width:600px;color:var(--muted)}.start details{max-width:700px;margin:48px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;padding:16px 0}.start summary{cursor:pointer;font-size:.9375rem;font-weight:500;padding:12px 0;min-height:44px}.start details p{font-size:.875rem;color:var(--muted);margin:12px 0}.start pre{padding:20px;background:var(--surface);overflow:auto;border-radius:8px;font-size:.75rem;text-align:left;line-height:1.9}.start code{font-family:var(--mono);overflow-wrap:anywhere}.start .development-note{font-size:.75rem;line-height:1.8;margin-top:32px!important}.landing-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:24px;padding-bottom:32px;border-top:1px solid var(--line)}.landing-footer p{margin:0;font-size:.75rem;color:var(--muted)}.landing-footer>a:last-child{font-size:.75rem;color:var(--muted);margin-left:auto}.landing-footer .brand img{width:32px;height:32px}.landing-footer .brand .wordmark{width:72px;height:28px}
@media(min-width:640px){.hero{padding-top:40px}.hero-art{margin-top:8px;max-width:740px}.product-preview{padding:32px 40px}.preview-metrics{gap:48px}.preview-metrics strong{font-size:2.25rem}.preview-metrics p{font-size:.6875rem}.principle{grid-template-columns:1fr 1fr;gap:80px}.principle-copy{padding-top:36px}.intro{padding-top:160px}}
@media(max-width:420px){.landing .app-header{padding:12px 16px}.nav-link{font-size:.6875rem;padding:12px 4px}.landing .header-actions{gap:6px}.landing .header-actions .button{font-size:.6875rem;padding:8px 10px}.hero{padding-top:32px}.hero h1{font-size:3.75rem}.hero-actions{gap:16px}.hero-art{margin-top:24px;margin-left:-16px;margin-right:-16px}.hero-caption{margin-top:12px}.intro{padding-top:88px}.product-preview{padding:20px}.preview-metrics{gap:12px}.preview-metrics strong{font-size:1.375rem}.preview-brand{font-size:.75rem}.principle{padding-top:88px;padding-bottom:80px}.landing-footer{gap:12px}.landing-footer p{flex-basis:100%;order:3}}

.download{padding-bottom:0}.download .download-meta{font-size:.75rem;margin:20px auto 12px}.download .download-note{font-size:.8125rem;max-width:570px;margin:12px auto}.checksum-link{display:inline-block;font-size:.75rem;color:var(--muted);min-height:44px;padding:12px 0}

.landing-footer .footer-credit{display:flex;align-items:center;gap:10px;line-height:1.6}.footer-credit .chicago-flag{display:block;width:30px;height:20px;flex-shrink:0}.footer-credit a{display:inline-block;padding:12px 0;color:var(--ink);font-weight:550;text-underline-offset:3px}.footer-credit a:hover{color:var(--accent)}
