:root{--green-900: #063524;--green-800: #074a31;--green-700: #095839;--green-600: #0b6e45;--green-200: #a4dec0;--green-100: #d1efdf;--green-50: #ecf8f2;--n-0: #fff;--n-25: #fbfcfc;--n-50: #f5f7f7;--n-100: #eceff0;--n-200: #dde2e4;--n-300: #c3cacd;--n-500: #6b767c;--n-600: #4f595e;--n-700: #384146;--n-900: #12171a;--warm: #b45309;--warm-fill: #d97706;--warm-bg: #fef3c7;--warm-on-dark: #fbbf24;--claimed: #2563eb;--done: #15803d;--paper: var(--n-50);--surface: var(--n-0);--text: var(--n-900);--text-2: var(--n-600);--text-3: #5f6a70;--line: var(--n-200);--line-strong: var(--n-300);--on-dark: #f3f8f5;--on-dark-2: #b8cfc3;--on-dark-line: rgb(243 248 245 / .18);--focus: #2563eb;--focus-on-dark: #93c5fd;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--beat: .64s;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--shadow: 0 1px 2px rgb(16 24 28 / .06), 0 12px 32px rgb(16 24 28 / .1);--top-h: 60px;--bar-h: 72px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font);line-height:1.5;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}h1,h2,p,ol,ul,dl,dd,figure{margin:0;padding:0}ol,ul{list-style:none}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}body[data-tone=green] .deck-top :focus-visible,.tone-green :focus-visible{outline-color:var(--focus-on-dark)}.skip-link{position:fixed;left:12px;top:-80px;z-index:50;padding:10px 14px;border-radius:var(--r-sm);background:var(--n-900);color:#fff;font-weight:700;text-decoration:none}.skip-link:focus{top:12px}body.pitch{height:100svh;overflow:hidden;transition:background-color var(--beat) var(--ease-in-out)}body[data-tone=green]{background:var(--green-900)}.deck-top{position:fixed;inset:0 0 auto;z-index:10;height:var(--top-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(14px,4vw,48px);color:var(--text);transition:color var(--beat) var(--ease-in-out)}body[data-tone=green] .deck-top{color:var(--on-dark)}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;letter-spacing:-.01em;font-size:17px}.brand img{width:30px;height:30px;border-radius:9px}.brand span span{color:var(--green-600)}body[data-tone=green] .brand span span{color:var(--green-200)}.deck-tools{display:flex;gap:6px}.tool{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);color:inherit;font-size:14px;font-weight:650;text-decoration:none;background:transparent}.tool:hover{background:#12171a0d}.tool[aria-pressed=true]{background:var(--n-900);border-color:var(--n-900);color:#fff}body[data-tone=green] .tool{border-color:var(--on-dark-line)}body[data-tone=green] .tool:hover{background:#ffffff14}body[data-tone=green] .tool[aria-pressed=true]{background:var(--on-dark);color:var(--green-900)}.deck-bar{position:fixed;inset:auto 0 0;z-index:10;height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,3vw,32px);padding:0 clamp(8px,4vw,48px) env(safe-area-inset-bottom,0);border-top:1px solid var(--line);background:#f5f7f7eb;backdrop-filter:blur(8px)}body[data-tone=green] .deck-bar{background:#063524eb;border-color:var(--on-dark-line);color:var(--on-dark)}.bar-group{display:flex;align-items:center;gap:2px}.ctl{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:12px}.ctl svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ctl:hover{background:#12171a0f}body[data-tone=green] .ctl:hover{background:#ffffff14}.ctl[aria-disabled=true]{opacity:.35;cursor:default}.ctl-text{padding:0 12px;font-size:14px;font-weight:650}.counter{min-width:48px;text-align:center;font:600 13px/1 var(--mono);font-variant-numeric:tabular-nums}.rail{position:relative;flex:1;max-width:560px;display:grid;grid-template-columns:repeat(5,1fr);padding-top:18px;font:600 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}body[data-tone=green] .rail{color:var(--on-dark-2)}.rail-track{position:absolute;top:6px;left:10%;right:10%;height:2px;background:var(--line-strong);border-radius:2px}body[data-tone=green] .rail-track{background:var(--on-dark-line)}.rail-fill{display:block;height:100%;width:0;background:var(--warm-fill);border-radius:inherit;transition:width calc(var(--beat) * 1.2) var(--ease-in-out)}.rail-stop{position:relative;text-align:center}.rail-stop:before{content:"";position:absolute;top:-16px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--paper);border:2px solid var(--line-strong);transition:background-color .3s,border-color .3s,transform .3s var(--ease-spring)}body[data-tone=green] .rail-stop:before{background:var(--green-900);border-color:var(--on-dark-line)}.rail-stop.is-passed:before{background:var(--warm-fill);border-color:var(--warm-fill)}.rail-stop.is-current{color:var(--text)}body[data-tone=green] .rail-stop.is-current{color:var(--on-dark)}.rail-stop.is-current:before{transform:scale(1.35)}.deck{position:fixed;inset:var(--top-h) 0 var(--bar-h);outline:none}.slide{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:center;gap:clamp(24px,4vw,56px);padding:clamp(16px,4vh,48px) clamp(20px,7vw,112px) clamp(24px,5vh,56px);--tempo: 1}.slide[data-tempo=slow]{--tempo: 1.35}.tone-green{background:var(--green-900);color:var(--on-dark)}.tone-paper{background:var(--paper)}.copy{display:grid;gap:clamp(12px,2vh,22px);align-content:center;min-width:0}.eyebrow{display:flex;align-items:center;gap:10px;font:600 12.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.tone-green .eyebrow{color:var(--on-dark-2)}.step{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 6px;border-radius:6px;background:var(--warm-bg);color:var(--warm);letter-spacing:.04em}h1,h2{font-weight:800;letter-spacing:-.03em;text-wrap:balance;outline:none}h1{font-size:clamp(2.4rem,6.4vw,5.8rem);line-height:1;max-width:13ch}h2{font-size:clamp(1.9rem,3.7vw,3.35rem);line-height:1.05;max-width:17ch}.lede{font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.55;max-width:50ch;color:var(--text-2);text-wrap:pretty}.tone-green .lede{color:var(--on-dark-2)}.fine{font-size:13.5px;line-height:1.45;color:var(--text-3)}.tag{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;font-size:13px;font-weight:650;line-height:1.3}.tag:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.tag-shipped{background:var(--green-50);color:var(--green-700)}.tag-frame{background:var(--n-100);color:var(--n-700)}.tag-limit{background:var(--warm-bg);color:#7c2d12}.tag-proposal{background:#fbbf2424;color:var(--warm-on-dark)}.visual{min-width:0}.layout-cover{align-content:center;gap:clamp(36px,8vh,88px)}.layout-cover .lede{max-width:46ch}.route{position:relative;display:grid;grid-template-columns:repeat(5,1fr);max-width:980px;font:600 13px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-2)}.route:before{content:"";position:absolute;top:9px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--green-200),var(--warm-on-dark));transform-origin:left}.route li{position:relative;display:grid;justify-items:center;gap:14px;text-align:center}.route-dot{width:20px;height:20px;border-radius:50%;background:var(--green-900);border:3px solid var(--green-200)}.route li:last-child .route-dot{border-color:var(--warm-on-dark);background:var(--warm-on-dark)}.layout-split,.layout-shot{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}.layout-phone{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}.shot{display:grid;gap:10px;justify-items:center}.frame{position:relative;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--surface)}.frame img{width:100%;height:auto}.shot-desktop .frame{width:100%}.shot-phone .frame{border-radius:28px;border:8px solid var(--n-900);height:min(760px,calc(100svh - var(--top-h) - var(--bar-h) - 130px));width:auto;aspect-ratio:780 / 1688}.shot-phone .frame img{height:100%;object-fit:cover;object-position:top}figcaption{font-size:13px;line-height:1.4;color:var(--text-3);text-align:center;max-width:52ch}.crop{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);--c: var(--warm-fill);--l: 22px;--t: 3px;background:linear-gradient(var(--c),var(--c)) top left / var(--l) var(--t),linear-gradient(var(--c),var(--c)) top left / var(--t) var(--l),linear-gradient(var(--c),var(--c)) top right / var(--l) var(--t),linear-gradient(var(--c),var(--c)) top right / var(--t) var(--l),linear-gradient(var(--c),var(--c)) bottom left / var(--l) var(--t),linear-gradient(var(--c),var(--c)) bottom left / var(--t) var(--l),linear-gradient(var(--c),var(--c)) bottom right / var(--l) var(--t),linear-gradient(var(--c),var(--c)) bottom right / var(--t) var(--l);background-repeat:no-repeat}.pin{display:inline-block;width:32px;height:40px}.pin svg{width:100%;height:100%}.pin-morph{display:flex;align-items:center;gap:10px}.pin-path{width:80px;height:12px;fill:none;stroke:var(--text-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.field-note,.record,.templates-card,.asks{position:relative;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(20px,3vw,36px)}.field-note-head{font:600 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:18px}.checklist{display:grid;gap:4px}.checklist li{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px dashed var(--line-strong);font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:700;letter-spacing:-.01em}.checklist li:last-child{border-bottom:0}.box{width:28px;height:28px;flex:none;fill:none;stroke:var(--warm-fill);stroke-width:2;stroke-dasharray:1}.record{display:grid;gap:28px}.timeline{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-weight:700}.timeline li{display:grid;justify-items:center;gap:8px}.timeline-line{position:absolute;top:calc(clamp(20px,3vw,36px) + 19px);left:22%;right:22%;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--warm-fill),var(--claimed) 50%,var(--done));transform-origin:left}.record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record-fields div{padding:12px 14px;border-radius:var(--r-sm);background:var(--n-50);border:1px solid var(--line)}.record-fields dt{font-weight:700}.record-fields dd{font-size:14px;color:var(--text-2)}.templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.templates li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--n-25);font-weight:650;font-size:15px}.templates li:first-child{border-color:var(--green-600);background:var(--green-50)}.t-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:9px;background:var(--green-50);color:var(--green-700)}.t-icon svg{width:20px;height:20px}.layout-edges{align-content:center}.edges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}.edge{padding:clamp(18px,2.4vw,30px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);border-top-width:5px}.edge dt{font:700 13px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.edge dd{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.5}.edge-shipped{border-top-color:var(--green-600)}.edge-shipped dt{color:var(--green-700)}.edge-gap{border-top-color:var(--warm-fill)}.edge-gap dt{color:var(--warm)}.edge-design{border-top-color:var(--n-500)}.edge-design dt{color:var(--n-700)}.layout-ask{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center}.asks{background:var(--green-800);border-color:var(--on-dark-line);box-shadow:none;display:grid;gap:16px}.asks .field-note-head{color:var(--on-dark-2);margin:0}.asks ol{display:grid;gap:12px;counter-reset:ask}.asks li{counter-increment:ask;display:grid;grid-template-columns:32px 1fr;gap:8px;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:650;line-height:1.4}.asks li:before{content:counter(ask,decimal-leading-zero);font:600 13px/1.9 var(--mono);color:var(--warm-on-dark)}.ctas{display:flex;flex-wrap:wrap;gap:12px}.cta{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid var(--on-dark-line);color:var(--on-dark);font-weight:700;text-decoration:none}.cta:hover{background:#ffffff14}.cta-primary{background:var(--warm-on-dark);border-color:var(--warm-on-dark);color:var(--green-900)}.cta-primary:hover{background:#fcd34d}.notes{display:none;grid-column:1 / -1;padding:16px 20px;border-radius:var(--r-md);border:1px dashed var(--line-strong);background:var(--surface);color:var(--text-2);font-size:14px;line-height:1.5;max-width:90ch}.notes p+p{margin-top:6px}.notes a{color:var(--green-700)}.tone-green .notes{background:#ffffff0f;border-color:var(--on-dark-line);color:var(--on-dark-2)}.tone-green .notes a{color:var(--green-200)}.deck.show-notes .notes{display:block}.deck.show-notes .slide{align-content:start}.toast{position:fixed;left:50%;bottom:calc(var(--bar-h) + 16px);z-index:20;transform:translate(-50%);max-width:min(92vw,520px);padding:12px 16px;border-radius:12px;background:var(--n-900);color:#fff;font-size:14px;font-weight:600;box-shadow:var(--shadow)}.toast[data-tone=error]{background:#7f1d1d}.toast-url{display:block;margin-top:6px;font:500 13px/1.4 var(--mono);user-select:all;overflow-wrap:anywhere}.overview{width:min(94vw,880px);max-height:88svh;padding:0;border:0;border-radius:var(--r-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.overview::backdrop{background:#06140e8c}.overview-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--surface);border-bottom:1px solid var(--line)}.overview-head h2{font-size:20px;letter-spacing:-.01em}.overview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:18px 22px}.overview-list button{width:100%;height:100%;display:grid;gap:6px;align-content:start;text-align:left;padding:14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--n-25)}.overview-list button:hover{border-color:var(--green-600)}.overview-list button[aria-current=true]{border:2px solid var(--warm-fill)}.overview-list button[data-tone=green]{background:var(--green-900);color:var(--on-dark);border-color:var(--green-900)}.ov-num{font:600 11.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.overview-list button[data-tone=green] .ov-num{color:var(--on-dark-2)}.ov-title{font-weight:700;line-height:1.3}.overview-links{display:flex;flex-wrap:wrap;gap:18px;padding:0 22px 20px}.overview-links a{color:var(--green-700);font-weight:650}.slide.is-in [data-m]{--d: calc(var(--i, 0) * 85ms * var(--tempo));animation:m-rise calc(var(--beat) * var(--tempo)) var(--ease-out) var(--d) both}.slide.is-in [data-m=reveal]{animation-name:m-reveal;animation-duration:calc(.9s * var(--tempo));animation-timing-function:var(--ease-in-out)}.slide.is-in [data-m=crop]{animation-name:m-crop;animation-delay:calc(var(--d) + .7s);animation-timing-function:var(--ease-spring)}.slide.is-in [data-m=lift]{animation-name:m-lift;animation-duration:calc(.82s * var(--tempo))}.slide.is-in [data-m=check] .box rect{animation:m-draw .52s var(--ease-in-out) calc(var(--d) + .18s) both}.slide.is-in [data-m=tile]{animation-name:m-tile;animation-duration:.42s;--d: calc(var(--i, 0) * 55ms + .24s)}.slide.is-in [data-m=tick] .pin{animation:m-pop .46s var(--ease-spring) calc(var(--d) + .26s) both}.slide.is-in [data-m=line]{animation-name:m-line;animation-duration:1.1s;animation-timing-function:var(--ease-in-out)}.slide.is-in [data-m=stop] .route-dot{animation:m-pop .52s var(--ease-spring) var(--d) both}.slide.is-in.layout-cover .route:before{animation:m-line calc(1.4s * var(--tempo)) var(--ease-in-out) .35s both}.slide.is-in .pin-morph .pin-from{animation:m-dim .5s var(--ease-out) calc(var(--d) + .5s) both}.slide.is-in .pin-morph .pin-path path:first-child{stroke-dasharray:1;animation:m-draw .5s var(--ease-in-out) calc(var(--d) + .3s) both}.slide.is-in .pin-morph .pin-to{animation:m-pop .52s var(--ease-spring) calc(var(--d) + .75s) both}@keyframes m-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes m-reveal{0%{clip-path:inset(0 100% 0 0 round var(--r-md))}to{clip-path:inset(0 0 0 0 round var(--r-md))}}@keyframes m-crop{0%{opacity:0;transform:scale(1.12)}}@keyframes m-lift{0%{opacity:0;transform:translateY(40px) rotate(-2deg)}}@keyframes m-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes m-tile{0%{opacity:0;transform:translateY(8px) scale(.96)}}@keyframes m-pop{0%{opacity:0;transform:scale(.3)}}@keyframes m-line{0%{transform:scaleX(0)}}@keyframes m-dim{to{opacity:.35}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.pin-morph .pin-from{opacity:.35}}@media (max-width: 1100px){.layout-phone{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}@media (max-width: 820px),(max-height: 520px) and (max-width: 1000px){:root{--top-h: 56px;--bar-h: 64px}.slide{align-content:start;grid-template-columns:minmax(0,1fr)!important;gap:24px;padding:20px 20px 32px}.layout-cover{align-content:center;gap:40px}h1{font-size:clamp(2.2rem,11vw,3.4rem)}h2{font-size:clamp(1.7rem,7.4vw,2.4rem)}.shot-phone .frame{height:auto;width:min(62vw,260px)}.edges{grid-template-columns:minmax(0,1fr)}.rail{font-size:0;padding-top:12px}.rail-stop:before{top:-10px}.rail-track{top:0}}@media (max-width: 560px){.route{grid-template-columns:minmax(0,1fr);gap:14px;justify-items:start}.route:before{inset:10px auto 10px 9px;width:2px;height:auto;background:linear-gradient(180deg,var(--green-200),var(--warm-on-dark));transform-origin:top}.route li{grid-auto-flow:column;justify-content:start;align-items:center}.slide.is-in.layout-cover .route:before{animation-name:m-line-y}.templates,.record-fields{grid-template-columns:minmax(0,1fr)}.timeline{font-size:14px}.rail{display:none}}@keyframes m-line-y{0%{transform:scaleY(0)}}@media (max-width: 400px){.brand>span{display:none}.tool{padding:0 11px;font-size:13px}#btn-first,#btn-last{display:none}.ctl-text{padding:0 8px}.slide{padding:16px 16px 28px}.checklist li{gap:12px}}@media print{body.pitch{height:auto;overflow:visible}.deck-top,.deck-bar,.toast,.skip-link{display:none!important}.deck{position:static}.slide,.slide[hidden]{position:relative;display:grid!important;min-height:100vh;break-after:page}[data-m]{animation:none!important}}
