.b-hero{padding-block:var(--space-4) var(--space-12)}@media(min-width:1000px){.b-hero{padding-block:var(--space-4) var(--space-8)}}.b-hero .hello{justify-self:start;margin-bottom:var(--space-6);width:fit-content}.b-hero h1{max-width:none}@media(min-width:700px){.b-hero h1 .in-phrase:last-child{display:block;width:fit-content}}.b-intro{display:grid;gap:var(--space-6);margin-top:var(--space-6)}@media(min-width:900px){.b-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:var(--space-12)}}.b-intro .lede{font-size:var(--text-lg);color:var(--ink-2);max-width:40ch}.b-intro .lede strong{color:var(--ink);font-weight:600}.b-facts{display:grid;gap:var(--space-2) var(--space-6);margin:0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--ink-2)}@media(min-width:480px){.b-facts{grid-template-columns:auto auto;justify-content:start}}@media(min-width:900px){.b-facts{justify-content:end;padding-bottom:var(--space-1)}}.b-facts li{display:flex;align-items:center;gap:var(--space-2)}.b-facts .i{color:var(--accent)}.doors{display:grid;gap:var(--space-4);margin-top:var(--space-10)}@media(min-width:900px){.doors{grid-template-columns:1fr 1fr;gap:var(--space-5);margin-top:var(--space-12)}}.door{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:start;gap:var(--space-5);padding:var(--space-6) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-lg)}@media(min-width:560px){.door{padding:var(--space-8)}}.door-work{--paper: hsl(156 36% 15%);--paper-2: hsl(156 32% 19%);--ink: hsl(40 22% 96%);--ink-2: hsl(150 14% 82%);--ink-3: hsl(150 10% 70%);--line: hsl(40 22% 96% / .14);--accent: hsl(150 52% 72%);--accent-soft: hsl(150 52% 72% / .14);border-color:transparent}.door-mark{position:absolute;z-index:-1;top:calc(-1 * var(--space-8));right:calc(-1 * var(--space-8));width:11rem;height:11rem;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;color:var(--accent);opacity:.06}@media(max-width:559px){.door-mark{display:none}}.door-head{display:flex;align-items:center;gap:var(--space-4)}.door-icon{display:grid;place-items:center;flex:none;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-size:var(--text-xl)}.door h2{font-size:var(--text-3xl)}.door-head p{margin-top:var(--space-1);color:var(--ink-2);font-size:var(--text-sm)}.door-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.door-chips li{padding:.125rem var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em}.door-jobs{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}@media(min-width:560px){.door-jobs{grid-template-columns:1fr 1fr;column-gap:var(--space-6)}}.door-jobs li{border-bottom:1px solid var(--line)}.door-jobs a{display:flex;align-items:center;gap:var(--space-3);min-height:calc(var(--target-min) + var(--space-2));margin-inline:calc(-1 * var(--space-2));padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background-color var(--dur-2) var(--ease-move)}.door-jobs a>.i:first-child{color:var(--accent);font-size:var(--text-base)}.door-jobs .go{margin-left:auto;color:var(--ink-3);opacity:.6;transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-move),color var(--dur-2) var(--ease-move)}.door-jobs a:hover,.door-jobs a:focus-visible{background:var(--accent-soft)}.door-jobs a:hover .go,.door-jobs a:focus-visible .go{color:var(--accent);opacity:1;transform:translate(var(--space-1))}@media(max-width:559px){.door-jobs>:nth-child(n+5),.door-chips>:nth-child(n+6){display:none}}.door-more{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:start;min-height:var(--target-min);color:var(--ink);font-weight:500;text-decoration:none}.door-more .i{color:var(--accent);transition:transform var(--dur-2) var(--ease-out)}.door-more:hover .i,.door-more:focus-visible .i{transform:translate(var(--space-1))}.shows{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}@media(min-width:760px){.shows{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}.show{display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper)}.show-art{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px) 0 0;background:var(--paper-2)}.show-art img{display:block;width:100%;height:100%;object-fit:cover}.show-tag{position:absolute;z-index:1;bottom:var(--space-3);display:inline-flex;align-items:center;min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-pill);background:#0000008c;color:#fff;font-size:var(--text-2xs);font-weight:600;letter-spacing:.02em;pointer-events:none;backdrop-filter:blur(4px)}.tag-l{left:var(--space-3)}.tag-r{right:var(--space-3)}.tag-top{top:var(--space-3);bottom:auto}.show-text{display:grid;align-content:start;gap:var(--space-2);padding:var(--space-5) var(--space-6) 0}.show-text h3{font-size:var(--text-xl)}.show-text p{color:var(--ink-2);font-size:var(--text-sm)}.show-go{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:start;padding:var(--space-4) var(--space-6) var(--space-6);color:var(--accent);font-size:var(--text-sm);font-weight:500;text-decoration:none}.show-go:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl)}.show-go:focus-visible{outline:none}.show:has(.show-go:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.show-go .i{transition:transform var(--dur-2) var(--ease-out)}.show:hover .show-go .i,.show-go:focus-visible .i{transform:translate(var(--space-1))}.compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split))}.compare-line{position:absolute;z-index:1;top:0;bottom:0;left:var(--split);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #00000014,0 0 14px #0000004d;pointer-events:none}.compare-knob{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:-1.125rem;border-radius:50%;background:#fff;color:#1d1b19;box-shadow:0 4px 14px #0000004d;transition:transform var(--dur-2) var(--ease-out)}.compare-knob .i{width:.8rem;height:.8rem;margin:0 -.1rem;stroke-width:2.25}.compare:hover .compare-knob{transform:scale(1.08)}.compare:has(input:focus-visible) .compare-knob{box-shadow:0 0 0 3px var(--accent),0 4px 14px #0000004d}.compare-range{position:absolute;z-index:2;inset:0}.compare-range input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.cutout-art{background-color:var(--paper);background-image:conic-gradient(var(--paper-3) 25%,transparent 0 50%,var(--paper-3) 0 75%,transparent 0);background-size:1.25rem 1.25rem}.show-art .cutout-subject{position:absolute;inset:0;object-fit:contain;object-position:65% 50%;transform:scale(1.18);transform-origin:62% 55%;filter:drop-shadow(0 10px 14px hsl(0 0% 0% / .2));transition:transform var(--dur-3) var(--ease-out)}.show:hover .cutout-subject{transform:scale(1.22) translateY(-1%)}.cutout-was{position:absolute;left:var(--space-3);bottom:var(--space-3);width:32%;aspect-ratio:960 / 678;overflow:hidden;border:2px solid #fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.cutout-was span{position:absolute;left:var(--space-1);bottom:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);background:#0000008c;color:#fff;font-size:.625rem;font-weight:600;line-height:1.6}.speech-art{display:grid;align-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.sp-player{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);box-shadow:var(--shadow-sm)}.sp-play{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.875rem}.sp-wave{display:flex;align-items:center;gap:2px;flex:1;min-width:0;height:1.75rem}.sp-wave i{flex:1;min-width:1px;height:calc(var(--h) * 100%);border-radius:2px;background:var(--ink-3);opacity:.35}.sp-wave i:nth-child(-n+26){background:var(--accent);opacity:1}.sp-time{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-3)}.sp-lines{display:grid;gap:2px;margin:0;padding:0;list-style:none;font-size:var(--text-xs)}.sp-lines li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-lines span{font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.8}.sp-lines .is-now{background:var(--accent-soft);color:var(--ink);font-weight:500}.sp-lines .is-now span{color:var(--accent)}.sp-foot{display:flex;flex-wrap:wrap;gap:var(--space-1)}.sp-foot span{padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-2);font-size:.625rem;font-weight:500;line-height:1.7}.b-list-title{display:flex;align-items:center;gap:var(--space-4);max-width:none;margin:var(--space-16) 0 var(--space-6);color:var(--ink-3);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase}.b-list-title:after{content:"";flex:1;border-top:1px solid var(--line)}.jobs{columns:1;column-gap:var(--space-4)}@media(min-width:700px){.jobs{columns:2}}@media(min-width:1040px){.jobs{columns:3}}.job{break-inside:avoid;display:grid;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper)}.job-head{display:flex;align-items:center;gap:var(--space-3)}.job-icon{display:grid;place-items:center;flex:none;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-size:var(--text-lg)}.job h3{font-size:var(--text-xl)}.job>p{color:var(--ink-2);font-size:var(--text-sm)}.job ul{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.job li a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--target-min);border-bottom:1px solid var(--line);color:var(--ink);font-size:var(--text-sm);text-decoration:none;transition:color var(--dur-2) var(--ease-move)}.job li:last-child a{border-bottom:0}.job li a .i{flex:none;color:var(--ink-3);transition:transform var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-move)}.job li a:hover{color:var(--accent)}.job li a:hover .i,.job li a:focus-visible .i{color:var(--accent);transform:translate(var(--space-1))}@media(max-width:699px){.job{gap:var(--space-3);padding:var(--space-5)}.job ul{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-4)}.job li a{min-height:var(--space-10);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill)}.job li:last-child a{border-bottom:1px solid var(--line)}.job li a .i{display:none}}.work-grid{display:grid;gap:var(--space-5);align-items:start}@media(min-width:1000px){.work-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-8)}}.report{display:grid;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-md)}.rep-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);font-size:var(--text-sm)}.rep-tool{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500}.rep-tool .i{color:var(--accent)}.rep-domain{padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2)}.rep-verdict{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5)}.rep-score{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:4.5rem;height:4.5rem;border-radius:50%;line-height:1.1;background:radial-gradient(closest-side,var(--paper) 84%,transparent 85%),conic-gradient(var(--accent) 0 86%,var(--accent-soft) 86% 100%)}.rep-score b{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500}.rep-score span{font-size:var(--text-2xs);color:var(--ink-3)}.rep-sum{display:grid;gap:var(--space-1)}.rep-sum b{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:var(--tracking-tight)}.rep-sum span{color:var(--ink-2);font-size:var(--text-sm)}.rep-rows{display:grid;margin:0;padding:0 var(--space-5);list-style:none}.rep-row{display:grid;grid-template-columns:auto 5.5rem minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:var(--target-min);border-top:1px solid var(--line);font-size:var(--text-sm)}.rep-row b{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.rep-row>span:last-child{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rep-state{display:grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:50%;font-size:var(--text-xs)}.is-ok .rep-state{background:var(--accent-soft);color:var(--accent)}.is-warn .rep-state{background:color-mix(in oklab,var(--warn) 16%,transparent);color:var(--warn-ink)}.is-off .rep-state{background:var(--paper-2);color:var(--ink-3)}.rep-foot{border-radius:0 0 calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);background:var(--paper-2);font-size:var(--text-xs);color:var(--ink-3)}.rep-go{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent);font-size:var(--text-sm);font-weight:500}.rep-go .i{transition:transform var(--dur-2) var(--ease-out)}.report:hover .rep-go .i,.report:focus-visible .rep-go .i{transform:translate(var(--space-1))}.helps{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}@media(min-width:640px){.helps{grid-template-columns:1fr 1fr}}.help{display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--space-3);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper)}.help-icon{display:grid;place-items:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-size:var(--text-lg)}.help h3{font-size:var(--text-lg)}.help p{color:var(--ink-2);font-size:var(--text-sm)}.help a{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:start;align-self:end;min-height:var(--space-8);font-size:var(--text-sm);font-weight:500;text-decoration:none}.help a .i{transition:transform var(--dur-2) var(--ease-out)}.help a:hover .i,.help a:focus-visible .i{transform:translate(var(--space-1))}@media(max-width:639px){.help{grid-template-columns:auto minmax(0,1fr);grid-template-rows:none;column-gap:var(--space-4);padding:var(--space-5)}.help-icon{grid-row:span 3}.rep-row{grid-template-columns:auto 4.5rem minmax(0,1fr)}.rep-row>span:last-child{white-space:normal;padding-block:var(--space-2)}}.alts{display:grid;gap:var(--space-4)}@media(min-width:860px){.alts{grid-template-columns:1fr 1fr;gap:var(--space-5)}}.alt{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:var(--space-4);padding:var(--space-6) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper)}@media(min-width:560px){.alt{padding:var(--space-8)}}.alt-from{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-3)}.alt-from span{margin-right:var(--space-1)}.alt-from b{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--paper-2);color:var(--ink-2);font-weight:500}.alt-head{display:flex;align-items:center;gap:var(--space-3)}.alt-icon{display:grid;place-items:center;flex:none;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-size:var(--text-lg)}.alt h3{font-size:var(--text-2xl)}@media(max-width:559px){.alt h3{font-size:var(--text-xl)}.alt-icon{width:var(--space-8);height:var(--space-8);font-size:var(--text-base)}}.alt-line{color:var(--ink-2);font-size:var(--text-sm)}.alt-gains{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:0;padding:var(--space-4) 0;list-style:none;border-block:1px solid var(--line);font-size:var(--text-sm);font-weight:500}.alt-gains li{display:inline-flex;align-items:center;gap:var(--space-2)}.alt-gains .i{color:var(--accent)}.alt-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.alt-links a{display:inline-flex;align-items:center;min-height:var(--space-10);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);font-size:var(--text-sm);text-decoration:none;transition:border-color var(--dur-2) var(--ease-move),background-color var(--dur-2) var(--ease-move)}.alt-links a:hover,.alt-links a:focus-visible{border-color:var(--ink-3);background:var(--paper-2)}.story{display:grid;gap:var(--space-5)}@media(min-width:1000px){.story{grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);gap:var(--space-10);align-items:center}}@media(max-width:999px){.story-stage{order:-1}}.story-steps{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.story-steps li{position:relative}.story-steps button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5) var(--space-5);border:1px solid transparent;border-radius:var(--radius-lg);background:none;color:var(--ink);text-align:left;cursor:pointer;transition:background-color var(--dur-2) var(--ease-move),border-color var(--dur-2) var(--ease-move)}.story-steps button:hover{background:color-mix(in oklab,var(--paper) 60%,transparent)}.story-steps .is-on button{border-color:var(--line);background:var(--paper);box-shadow:var(--shadow-sm)}.story-n{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--line);border-radius:50%;color:var(--ink-3);font-size:var(--text-sm);font-weight:600;transition:background-color var(--dur-2) var(--ease-move),color var(--dur-2) var(--ease-move)}.is-on .story-n{border-color:transparent;background:var(--accent);color:var(--accent-ink)}.story-t{display:grid;gap:var(--space-1)}.story-t b{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;letter-spacing:var(--tracking-tight);line-height:1.25}.story-t span{color:var(--ink-3);font-size:var(--text-sm)}.is-on .story-t span{color:var(--ink-2)}.story-bar{position:absolute;left:var(--space-5);right:var(--space-5);bottom:var(--space-2);height:2px;overflow:hidden;border-radius:2px;background:var(--line);opacity:0}.is-on .story-bar{opacity:1}.story-bar i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.is-on .story-bar i{animation:story-bar var(--dur, 6s) linear forwards}.story.is-still .story-bar{opacity:0}@keyframes story-bar{to{transform:scaleX(1)}}.story-stage{--g: var(--space-3);position:relative;display:grid;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow-lg)}@media(min-width:560px){.story-stage{--g: var(--space-8);padding:var(--space-6)}}.st-nodes{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--g)}.st-node{position:relative;display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-2)}.st-node-icon{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink-2);font-size:var(--text-base)}.st-dave .st-node-icon{border-color:transparent;background:#245f48;color:#fff}@media(max-width:479px){.st-node-icon{display:none}}.st-node-text{display:grid;min-width:0;line-height:1.35}.st-node-text b{font-size:var(--text-sm);font-weight:600}.st-sub,.st-zero{overflow:hidden;color:var(--ink-3);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis}.st-swap{display:grid}.st-swap>*{grid-area:1 / 1}.st-zero{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--accent);font-weight:600;opacity:0}.st-ring{position:absolute;inset:-1px;border:2px solid var(--accent);border-radius:inherit;opacity:0;pointer-events:none}.st-wires{position:relative;height:4.5rem}.st-wire{position:absolute;top:0;bottom:0;border-left:2px dashed var(--line)}.st-wire:after{content:"";position:absolute;top:0;bottom:0;left:-2px;border-left:2px solid var(--accent);opacity:0}.st-wire-l,.st-pk-tool{left:calc(25% - var(--g) / 4)}.st-wire-r,.st-pk-ask,.st-pk-ans{left:calc(75% + var(--g) / 4)}.st-label{position:absolute;top:50%;padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-3);font-size:.625rem;line-height:1.7;transform:translateY(-50%)}.st-label-l{left:calc(25% - var(--g) / 4 + var(--space-3))}.st-label-r{right:calc(25% - var(--g) / 4 + var(--space-3))}.st-pk{position:absolute;top:0;display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-size:.6875rem;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-md);translate:-50% 0;opacity:0}.st-pk-ans{background:var(--ink);color:var(--paper)}.st-browser{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-md)}.st-chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);background:var(--paper-2)}.st-dots{display:flex;gap:5px}.st-dots i{width:.5rem;height:.5rem;border-radius:50%;background:var(--paper-3)}.st-url{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;padding:.125rem var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-2);font-family:var(--font-mono);font-size:.6875rem}.st-url>.i{flex:none;color:var(--accent)}.st-urls{display:grid;min-width:0}.st-urls>span{grid-area:1 / 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity var(--dur-2) var(--ease-move)}.st-url-mail,[data-step="3"] .st-url-photo{opacity:0}[data-step="3"] .st-url-mail{opacity:1}.st-screens{display:grid;padding:var(--space-4)}.st-scr{grid-area:1 / 1;transition:opacity var(--dur-3) var(--ease-move)}.st-mail,[data-step="3"] .st-photo{opacity:0}[data-step="3"] .st-mail{opacity:1}.st-photo{display:grid;gap:var(--space-4);align-items:center}@media(min-width:560px){.st-photo{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.st-shot{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:var(--radius-md);background:var(--paper-2)}.st-drop{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--space-1);border:1.5px dashed color-mix(in oklab,var(--ink) 22%,transparent);border-radius:inherit;color:var(--ink-3);font-size:var(--text-2xs)}.st-drop .i{margin-bottom:var(--space-1);color:var(--accent);font-size:1.5rem}.st-drop b{color:var(--ink);font-size:var(--text-sm);font-weight:600}.st-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.st-scan{position:absolute;top:0;bottom:0;left:0;width:22%;background:linear-gradient(90deg,transparent,hsl(0 0% 100% / .6),transparent);opacity:0}.st-file{position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-lg);font-size:var(--text-xs);white-space:nowrap;translate:-50% -50%;opacity:0}.st-file .i{color:var(--accent)}.st-file span{color:var(--ink-3)}.st-panel{display:grid;gap:var(--space-3)}.st-panel-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:500}.st-checks{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none;font-size:var(--text-xs);color:var(--ink-2)}@media(max-width:559px){.st-checks{grid-template-columns:repeat(2,auto);justify-content:start;gap:var(--space-2) var(--space-4)}.st-checks li:last-child{display:none}}.st-checks li{display:flex;align-items:center;gap:var(--space-2);opacity:.35}.st-checks .i{flex:none;width:1.125rem;height:1.125rem;padding:.2rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);stroke-width:2.25}.st-progress{display:block;height:4px;overflow:hidden;border-radius:4px;background:var(--paper-3)}.st-progress i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.st-status{display:grid;font-size:var(--text-2xs);color:var(--ink-3)}.st-status>span{grid-area:1 / 1}.st-done{color:var(--accent);font-weight:600;opacity:0}.st-mail{display:grid;align-content:start;gap:var(--space-3)}.st-field{display:flex;gap:var(--space-2)}.st-type{position:relative;flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs)}.st-type i{position:absolute;top:2px;bottom:2px;left:var(--space-3);width:11.5ch;background:var(--paper);transform:scaleX(0);transform-origin:right}.st-go{display:inline-flex;align-items:center;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--ink);color:var(--paper);font-size:var(--text-xs);font-weight:600}.st-rows{display:grid;margin:0;padding:0;list-style:none;font-size:var(--text-xs)}.st-rows li{display:grid;grid-template-columns:auto 3.5rem minmax(0,1fr);align-items:center;gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid var(--line);color:var(--ink-2)}.st-rows b{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--ink)}.st-rows .i{width:1.125rem;height:1.125rem;padding:.2rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);stroke-width:2.25}.st-rows .is-warn .i{background:color-mix(in oklab,var(--warn) 16%,transparent);color:var(--warn-ink)}.st-asked{font-size:var(--text-2xs);color:var(--ink-3)}[data-step="1"] .st-pk-tool{animation:st-down 1s var(--ease-move) .2s backwards}[data-step="1"] .st-dave .st-ring{animation:st-ring 1.1s var(--ease-out) backwards}[data-step="1"] .st-wire-l:after{animation:st-ring 1.2s var(--ease-move) .2s backwards}[data-step="1"] .st-drop,[data-step="1"] .st-panel{animation:st-in .5s var(--ease-out) 1.1s backwards}.story-stage:is([data-step="2"],[data-step="3"]) :is(.st-before,.st-after,.st-checks li,.st-done,.st-zero){opacity:1}.story-stage:is([data-step="2"],[data-step="3"]) :is(.st-drop,.st-busy,.st-dave .st-sub){opacity:0}.story-stage:is([data-step="2"],[data-step="3"]) .st-progress i{transform:none}[data-step="2"] .st-file{animation:st-file 1.3s var(--ease-move) .2s backwards}[data-step="2"] .st-drop{animation:st-out .3s var(--ease-move) 1.2s backwards}[data-step="2"] .st-before{animation:st-in .4s var(--ease-out) 1.3s backwards}[data-step="2"] .st-after{animation:st-fade 2.4s linear 1.9s backwards}[data-step="2"] .st-scan{animation:st-scan 2.4s linear 1.9s backwards}[data-step="2"] .st-progress i{animation:st-grow 2.6s var(--ease-move) 1.8s backwards}[data-step="2"] .st-checks li{animation:st-check .4s var(--ease-out) backwards}[data-step="2"] .st-checks li:nth-child(1){animation-delay:2.5s}[data-step="2"] .st-checks li:nth-child(2){animation-delay:3.4s}[data-step="2"] .st-checks li:nth-child(3){animation-delay:4.4s}[data-step="2"] .st-busy{animation:st-out .3s var(--ease-move) 4.5s backwards}[data-step="2"] .st-done{animation:st-in .4s var(--ease-out) 4.6s backwards}[data-step="2"] .st-dave .st-sub{animation:st-out .3s var(--ease-move) 1.3s backwards}[data-step="2"] .st-zero{animation:st-in .4s var(--ease-out) 1.6s backwards}[data-step="3"] .st-type i{animation:st-type .9s steps(11,end) .5s backwards}[data-step="3"] .st-go{animation:st-press .3s var(--ease-out) 1.5s}[data-step="3"] .st-pk-ask{animation:st-up .9s var(--ease-move) 1.7s backwards}[data-step="3"] .st-pub .st-ring{animation:st-ring 1s var(--ease-out) 2.5s backwards}[data-step="3"] .st-pk-ans{animation:st-down .9s var(--ease-move) 2.9s backwards}[data-step="3"] .st-wire-r:after{animation:st-ring 2.3s var(--ease-move) 1.7s backwards}[data-step="3"] .st-rows li{animation:st-in .35s var(--ease-out) backwards}[data-step="3"] .st-rows li:nth-child(1){animation-delay:3.7s}[data-step="3"] .st-rows li:nth-child(2){animation-delay:3.9s}[data-step="3"] .st-rows li:nth-child(3){animation-delay:4.1s}[data-step="3"] .st-rows li:nth-child(4){animation-delay:4.3s}[data-step="3"] .st-asked{animation:st-in .4s var(--ease-out) 4.6s backwards}@keyframes st-down{0%{opacity:0;transform:translateY(-.4rem)}15%{opacity:1}80%{opacity:1;transform:translateY(3.4rem)}to{opacity:0;transform:translateY(3.4rem)}}@keyframes st-up{0%{opacity:0;transform:translateY(3.4rem)}15%{opacity:1}80%{opacity:1;transform:translateY(-.4rem)}to{opacity:0;transform:translateY(-.4rem)}}@keyframes st-ring{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes st-in{0%{opacity:0;transform:translateY(var(--space-1))}}@keyframes st-out{0%{opacity:1}}@keyframes st-fade{0%{opacity:0}}@keyframes st-file{0%{opacity:0;transform:translate(-40%,80%) rotate(-6deg)}25%{opacity:1}70%{opacity:1;transform:none}to{opacity:0;transform:scale(.92)}}@keyframes st-scan{0%{opacity:0;transform:translate(-100%)}10%,90%{opacity:1}to{opacity:0;transform:translate(460%)}}@keyframes st-grow{0%{transform:scaleX(0)}}@keyframes st-check{0%{opacity:.35;transform:scale(.9)}}@keyframes st-type{0%{transform:scaleX(1)}}@keyframes st-press{50%{transform:scale(.94)}}@media(prefers-reduced-motion:reduce){.story-stage *,.story-bar i{animation:none!important}}.flow-tip{display:flex;align-items:flex-start;gap:var(--space-3);max-width:none;margin-top:var(--space-8);font-size:var(--text-sm);color:var(--ink-2)}.flow-tip .i{flex:none;margin-top:3px;color:var(--accent)}@media(min-width:1000px){.b-faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:var(--space-16);align-items:start}.b-faq-grid .sec-head{position:sticky;top:calc(var(--space-20) + var(--space-4));margin-bottom:0}}.b-outro{padding-top:0}.sign-off{position:relative;overflow:hidden;isolation:isolate;display:grid;justify-items:center;gap:var(--space-5);padding:var(--space-12) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper-2);text-align:center}@media(min-width:760px){.sign-off{padding:var(--space-16) var(--space-10)}}.sign-off:before{content:"";position:absolute;z-index:-1;inset:auto -10% -60%;height:90%;background:radial-gradient(closest-side,var(--accent-soft),transparent)}.sign-off .dave-face{width:var(--space-20);height:var(--space-20)}.sign-off h2{font-size:var(--text-4xl);max-width:16ch}.sign-off p{color:var(--ink-2)}.sign-off-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}@media(max-width:479px){.sign-off-cta{width:100%}.sign-off-cta .btn{flex:1}}