:root{--bg:#fbf5ec;--ink:#1f2430;--red:#d9393a;--red-hover:#c22d2e;--teal:#2c7f7e;--nav-h:64px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.nav{height:var(--nav-h);z-index:20;-webkit-backdrop-filter:blur(12px);background:#fbf5ecdb;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.01em;font-size:16px;font-weight:700;text-decoration:none}.links{opacity:.75;gap:32px;font-size:14px;display:none}.links a{text-decoration:none}.links a:hover{text-decoration:underline}.button{white-space:nowrap;border:2px solid var(--ink);border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.button.small{min-height:40px;padding:0 16px;font-size:14px}.button.primary{background:var(--red);color:#fff;box-shadow:3px 3px 0 var(--ink)}.button.primary:hover{background:var(--red-hover)}.button.ghost{box-shadow:3px 3px 0 var(--ink);background:#fff}.button.ghost:hover{background:#f3ede3}.hero{min-height:100svh;padding-top:var(--nav-h);flex-direction:column-reverse;justify-content:flex-end;display:flex;position:relative}.hero-canvas{height:54vh;margin:8px 16px 0;animation:1.2s cubic-bezier(.2,.8,.2,1) both enter;position:relative}.canvas-inner{position:absolute;inset:0}@media (max-width:899px){.hero-canvas.card{height:44vh}.hero-canvas.card .canvas-inner{height:123%;bottom:auto}}.hero-canvas.card{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:28px;overflow:hidden}.hero-copy{max-width:560px;padding:28px 24px 56px;position:relative}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:0 0 12px;font-size:13px;font-weight:700}h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(34px,4.6vw,60px);font-weight:800;line-height:1.05}.lede{opacity:.78;margin:0 0 28px;font-size:18px;line-height:1.55}.actions{flex-wrap:wrap;gap:14px;display:flex}.below{text-align:center;opacity:.55;padding:96px 24px;font-size:14px}@media (min-width:900px){.nav{padding:0 48px}.links{display:flex}.hero{padding:var(--nav-h) 48px 32px 7vw;flex-direction:row;justify-content:space-between;align-items:center;gap:3vw}.hero-copy{flex:0 0 38%;padding:0}.hero-canvas{height:calc(100vh - var(--nav-h) - 56px);flex:1;margin:0}}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation:none!important}}.history-caption{border:2px solid var(--ink);max-width:92%;box-shadow:3px 3px 0 var(--ink);text-align:center;background:#fff;border-radius:16px;padding:8px 16px 10px;font-size:14px;line-height:1.35;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.history-caption strong{color:var(--red);margin-right:4px}.history-dots{justify-content:center;gap:6px;margin-bottom:6px;display:flex}.history-dots span{background:#d8d2c6;border-radius:50%;width:7px;height:7px;transition:background .6s}.history-dots span.on{background:var(--red)}.proto-switcher{z-index:100;color:#111;background:#fff;border-radius:999px;align-items:center;gap:12px;padding:6px 8px;font:600 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000073}.proto-switcher button{cursor:pointer;background:#eee;border:0;border-radius:999px;width:36px;height:36px;font-size:16px}.proto-switcher button:hover{background:#ddd}