:root{--ground:#f3f5ef;--ink:#193c31;--accent:#d8f576;--surface:#e6ebe2;--paper:#fff;--gap:8px;--small:16px;--body:18px;--sub:28px;--title:clamp(36px,4.3vw,64px);--display:clamp(76px,11.2vw,180px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}header{min-height:96px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:var(--sub);font-weight:700;text-decoration:none;letter-spacing:-.04em}nav{display:flex;gap:28px;font-size:var(--small)}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.skip{position:absolute;left:16px;top:-100px;padding:16px;background:var(--accent);z-index:3}.skip:focus{top:16px}.board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);margin:0 8px}.tile{padding:clamp(24px,3vw,48px);background:var(--surface);min-width:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance}h2{font-size:var(--title);line-height:1.02;font-weight:600}h3{font-size:var(--sub);line-height:1.1}p{font-size:var(--body);line-height:1.55;max-width:62ch;text-wrap:pretty}p+p{margin-top:20px}h2+p,h3+p{margin-top:24px}.note{font-size:var(--small);line-height:1.5}.name{grid-column:span 6;background:var(--ink);color:var(--ground);display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:590px}.name h1{font-size:var(--display);font-weight:600;line-height:.84;letter-spacing:-.065em}.name p{font-size:var(--sub);max-width:21ch}.introduction{grid-column:span 6;background:var(--accent);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;font-size:var(--body);font-weight:700;background:var(--ink);color:var(--ground);padding:20px 24px;text-decoration:none;margin:32px 0 24px;min-height:60px}.action:hover{transform:translateY(-3px)}.action:active{transform:translateY(1px)}.snapshot{grid-column:span 8;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:36px;background:var(--paper)}.session{padding:28px;background:var(--ground);font-size:var(--small)}.session-top{display:grid;gap:8px}.session strong{font-size:var(--body)}.session p{font-size:var(--small);margin:24px 0}.set{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;padding:14px 0}.set strong{font-variant-numeric:tabular-nums}.session-bottom{padding:16px;background:var(--accent);margin-top:20px}.offline{grid-column:span 4;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.offline h2{font-size:var(--sub)}.offline h2+p{margin:0}.preview,.project,.questions{margin-top:136px;scroll-margin-top:20px}.preview-heading{grid-column:span 6;background:var(--ink);color:var(--ground)}.role-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}button{border:0;border-radius:0;font:inherit;font-size:var(--body);padding:18px 24px;min-height:56px;cursor:pointer;background:var(--ground);color:var(--ink)}button[aria-pressed=true]{background:var(--accent)}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}.preview-heading button:focus-visible{outline-color:var(--ground)}.preview-content{grid-column:span 6;background:var(--paper);display:flex;align-items:center}.example{display:grid;gap:18px;margin-top:28px;background:var(--ground);padding:28px}.example span{font-size:var(--small)}.example strong{font-size:var(--sub)}.example p{margin:0}.example-state{background:var(--accent);padding:16px}.evidence{grid-column:span 12;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:start}.evidence p{margin:0}.product-shot{grid-column:span 6;padding:0;background:var(--paper);overflow:hidden}.product-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}.product-shot figcaption{font-size:var(--small);padding:20px 24px}.project-title{grid-column:span 7;background:var(--accent)}.project-title p{max-width:43ch}.ai{grid-column:span 5;grid-row:span 2;background:var(--ink);color:var(--ground)}.privacy{grid-column:span 7;background:var(--paper)}.faq-title{grid-column:span 5}.answers{grid-column:span 7;background:var(--paper)}details+details{margin-top:28px}summary{font-size:var(--body);font-weight:700;cursor:pointer;padding:12px 0;min-height:48px}details p{margin-top:16px}footer{overflow:hidden;margin-top:136px;padding:40px 24px 28px;background:var(--ink);color:var(--ground)}footer p{font-size:var(--small)}footer p+p{margin-top:12px}.footer-mark{font-size:clamp(76px,15vw,220px);font-weight:700;letter-spacing:-.06em;line-height:1;margin:48px 0 32px;white-space:nowrap;overflow:hidden}.footer-mark span{display:inline-block;animation:rail 35s linear infinite}.footer-mark:hover span{animation-play-state:paused}footer a{font-size:var(--small)}.reveal{animation:arrive .65s both}a,button{transition:transform .18s}img{transition:transform .45s}.product-shot:hover img{transform:scale(1.025)}@keyframes arrive{from{opacity:.6;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes rail{to{transform:translateX(-50%)}}
@media(min-width:1600px){main,header{max-width:1800px;margin-left:auto;margin-right:auto}}
@media(max-width:900px){header{padding:24px;gap:16px}nav{gap:16px}.name{min-height:490px}.snapshot{grid-column:span 7;grid-template-columns:1fr}.offline{grid-column:span 5}.evidence{grid-template-columns:1fr 1fr}.evidence h3{grid-column:span 2}.preview,.project,.questions{margin-top:96px}.project-title,.privacy{grid-column:span 6}.ai{grid-column:span 6}footer{margin-top:96px}}
@media(max-width:600px){:root{--body:18px;--sub:26px;--title:36px;--display:clamp(74px,23vw,96px)}header{align-items:flex-start;padding:24px 20px;flex-direction:column;gap:20px;min-height:120px}nav{gap:24px}.tile{padding:26px 20px}.name,.introduction,.snapshot,.offline,.preview-heading,.preview-content,.evidence,.product-shot,.project-title,.ai,.privacy,.faq-title,.answers{grid-column:span 12}.name{min-height:370px;gap:30px}.name p{font-size:var(--sub);max-width:20ch}.introduction{min-height:410px}.snapshot{gap:28px}.session{padding:20px}.offline{gap:22px}.preview,.project,.questions{margin-top:72px}.evidence{display:block}.evidence p{margin-top:24px}.product-shot{padding:0}.project-title{min-height:300px}.ai{grid-row:auto}.role-controls{gap:8px}button{padding:16px}.preview-content{min-height:440px}footer{margin-top:72px;padding:32px 20px}.footer-mark{margin:40px 0}.product-shot img{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}