:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-canvas:#f4f4f2;--bg-surface:#fff;--bg-raised:#f8edf3;--fg-primary:#101075;--fg-secondary:#34346e;--fg-muted:#55587a;--border-subtle:#e2e3e8;--border-strong:#101075;--accent-base:#0a5cff;--accent-hover:#0047d6;--accent-fg:#fff;--state-ok:#276b41;--state-warn:#8f6200;--state-risk:#b0271f;--state-info:#2d6590;--data-1:#2a7fff;--data-2:#8a6a3f;--data-3:#5b7f5a;--data-4:#a24f78;--data-5:#4f8581;--data-6:#6f6092;--data-7:#9a5f4a;--data-8:#1c1f24;--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--radius-sm:4px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--motion-instant:0s;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.4s;--ink:var(--fg-primary);--paper:var(--bg-canvas);--white:var(--bg-surface);--blue:var(--accent-base);--blue-deep:var(--accent-hover);--sky:var(--data-1);--mauve-soft:var(--bg-raised);--mauve:var(--data-4);--mauve-light:color-mix(in srgb, var(--data-4) 45%, var(--bg-canvas));--charcoal:var(--data-8);--electric-glow:color-mix(in srgb, var(--data-1) 55%, transparent);--hair:var(--border-subtle);--radius:var(--radius-md);--gutter:var(--space-5);--section-y:calc(var(--space-12) * 1.5)}@media (width>=48rem){:root{--gutter:var(--space-10);--section-y:calc(var(--space-12) * 2)}}@media (width>=64rem){:root{--gutter:var(--space-12);--section-y:calc(var(--space-12) * 2.5)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--fg-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.45}img,video,svg{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:500}h1{font-size:calc(var(--text-xl) * 1.1);line-height:1.05}h2{font-size:var(--text-xl);line-height:1.08}h3{font-size:var(--text-lg);line-height:1.15}@media (width>=48rem){h1,h2{font-size:var(--text-2xl)}}@media (width>=64rem){h1{font-size:calc(var(--text-2xl) * 1.35);letter-spacing:-.025em}h2{font-size:calc(var(--text-2xl) * 1.2);letter-spacing:-.02em}}p{text-wrap:pretty;margin:0}a{color:var(--accent-base);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}:focus-visible{outline:calc(var(--space-1) / 2) solid var(--accent-base);outline-offset:calc(var(--space-1) - 1px)}[id]{scroll-margin-top:var(--space-8)}::selection{background:var(--mauve-soft);color:var(--ink)}.container{width:100%;max-width:82rem;padding-inline:var(--gutter);margin-inline:auto}.stack{gap:var(--space-10);display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);top:calc(var(--space-12) * -2);z-index:60;position:absolute}.skip-link:focus{top:var(--space-4);background:var(--white);padding:var(--space-2) var(--space-3)}.eyebrow,.figure-label,.step-num,.work-kind,.work-status,.tag,.card-num,.glass-num,.index-num,.index-panel-num,.marquee-label,.code-card,.chip,.hero-proof{font-family:var(--font-mono)}.grain{isolation:isolate;position:relative;overflow:hidden}.grain:after{content:"";z-index:0;pointer-events:none;opacity:.12;animation:grained calc(var(--motion-slow) * 20) steps(10) infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-50%}.grain>*{z-index:1;position:relative}@keyframes grained{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.site-header{z-index:20;background:var(--paper);border-bottom:1px solid var(--hair);position:relative}.site-header-inner{align-items:center;gap:var(--space-3);min-height:calc(var(--space-12) + var(--space-6));display:flex}.brand{color:var(--ink);min-height:var(--space-11);align-items:center;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.wordmark{align-items:center;gap:var(--space-3);white-space:nowrap;display:inline-flex}.logo-mark{width:var(--space-8);height:var(--space-8);flex:none}.wordmark-name{font-size:var(--text-sm);letter-spacing:.16em;text-transform:uppercase;font-weight:600}.menu-toggle{align-items:center;gap:var(--space-2);min-height:var(--space-11);padding:var(--space-2) var(--space-4);font:inherit;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;background:0 0;margin-left:auto;display:inline-flex}.menu-icon{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-width:2px}.site-menu{display:none}.site-menu[data-open=true]{gap:var(--space-6);padding:var(--space-4) var(--gutter) var(--space-8);background:var(--paper);border-bottom:1px solid var(--ink);display:grid;position:absolute;top:100%;left:0;right:0}.nav-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.nav-link{min-height:var(--space-11);padding-inline:var(--space-3);color:var(--ink);border-radius:var(--radius-full);transition:background-color var(--motion-fast) ease-out;align-items:center;text-decoration:none;display:flex}.nav-link:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.nav-link.active{background:var(--mauve-soft)}.header-ctas{display:grid}@media (width>=64rem){.menu-toggle{display:none}.site-menu,.site-menu[data-open=true]{align-items:center;gap:var(--space-8);background:0 0;border:0;margin-left:auto;padding:0;display:flex;position:static}.nav-list{gap:var(--space-2);display:flex}.nav-link{white-space:nowrap}.header-ctas{flex:none;display:flex}.header-ctas .btn{white-space:nowrap;flex:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--space-12);padding:var(--space-2) var(--space-6);border:1px solid var(--ink);border-radius:var(--radius);font:inherit;font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;overflow-wrap:break-word;text-align:center;transition:color var(--motion-base) ease-out, background-color var(--motion-base) ease-out, border-color var(--motion-base) ease-out;text-decoration:none;display:inline-flex}.btn-sm{min-height:var(--space-11);padding:var(--space-2) var(--space-4)}.btn-primary{background:var(--blue);border-color:var(--blue);color:var(--accent-fg)}.btn-primary:hover{background:var(--blue-deep);border-color:var(--blue-deep);color:var(--accent-fg)}.btn-secondary{background:var(--paper);color:var(--ink)}.btn-secondary:hover{background:var(--ink);color:var(--paper)}.btn-white{background:var(--paper);border-color:var(--paper);color:var(--ink)}.btn-white:hover{background:var(--mauve-soft);border-color:var(--mauve-soft);color:var(--ink)}.btn-outline-light{border-color:var(--paper);color:var(--paper);background:0 0}.btn-outline-light:hover{background:var(--paper);color:var(--ink)}.btn-ghost{color:var(--fg-secondary);background:0 0;border-color:#0000;text-decoration:underline}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-roll{display:grid;overflow:hidden}.btn-roll>span{transition:transform var(--motion-slow) cubic-bezier(.22, .61, .36, 1);grid-area:1/1;line-height:1.25em}.btn-roll>span+span{transform:translateY(100%)}.btn:hover .btn-roll>span{transform:translateY(-100%)}.btn:hover .btn-roll>span+span{transform:translateY(0)}.btn-icon{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-width:2px;transition:transform var(--motion-base) ease-out}.btn:hover .btn-icon{transform:translateX(var(--space-1))}.cta-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.eyebrow{align-items:center;gap:var(--space-3);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-secondary);display:flex}.eyebrow:before{content:"";width:var(--space-2);height:var(--space-2);background:var(--sky);transform:rotate(45deg)}.section-index{color:var(--fg-muted)}.lead{font-size:var(--text-lg);color:var(--fg-secondary);max-width:56ch;line-height:1.4}.fineprint{font-size:var(--text-sm);color:var(--fg-muted)}.prose{gap:var(--space-4);max-width:60ch;font-size:var(--text-lg);color:var(--fg-secondary);display:grid}.tag{padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:color-mix(in srgb, var(--paper) 18%, transparent);font-size:var(--text-base);display:inline-flex}.band{padding-block:var(--section-y)}.band-paper{background:var(--paper)}.band-mauve{background:var(--mauve-soft);border-block:1px solid var(--mauve)}.band-paper+.band-paper{border-top:1px solid var(--hair)}.band-blue,.band-charcoal{color:var(--paper);--fg-primary:var(--paper);--fg-secondary:var(--paper);--fg-muted:color-mix(in srgb, var(--paper) 82%, var(--charcoal));--border-subtle:color-mix(in srgb, var(--paper) 30%, transparent);--border-strong:var(--paper);--accent-base:var(--paper);--accent-hover:var(--mauve-light);--accent-fg:var(--ink)}.band-blue{background:var(--blue);--fg-muted:var(--paper)}.band-charcoal{background:var(--charcoal)}.band-blue .eyebrow:before,.band-charcoal .eyebrow:before{background:var(--mauve-light)}html[data-motion=on] .band-opens{--open:min(1, calc(var(--p,.5) * 5), calc((1 - var(--p,.5)) * 5));clip-path:inset(calc((1 - var(--open)) * var(--space-6)) calc((1 - var(--open)) * 4%) round calc((1 - var(--open)) * var(--space-12)))}html[data-motion=on] .reveal{transition:opacity calc(var(--motion-slow) * 1.75) cubic-bezier(.22, .61, .36, 1), transform calc(var(--motion-slow) * 1.75) cubic-bezier(.22, .61, .36, 1)}html[data-motion=on] .reveal:not(.is-in){opacity:0;transform:translateY(var(--space-6))}html[data-motion=on] .reveal>li{transition:opacity calc(var(--motion-slow) * 1.75) ease-out, transform calc(var(--motion-slow) * 1.75) ease-out}html[data-motion=on] .reveal:not(.is-in)>li{opacity:0;transform:translateY(var(--space-6))}html[data-motion=on] .reveal.is-in>li:nth-child(2){transition-delay:calc(var(--motion-fast) * .7)}html[data-motion=on] .reveal.is-in>li:nth-child(3){transition-delay:calc(var(--motion-fast) * 1.4)}html[data-motion=on] .reveal.is-in>li:nth-child(4){transition-delay:calc(var(--motion-fast) * 2.1)}.hero-frame{gap:var(--space-10);padding-top:var(--space-12);display:grid;overflow-x:clip}@media (width>=64rem){.hero-frame{padding-top:calc(var(--space-12) * 1.5)}}.hero-head{justify-items:start;gap:var(--space-6);display:grid}.hero-statement{max-width:62rem;font-size:calc(var(--text-xl) * 1.1);letter-spacing:-.015em;text-wrap:pretty;line-height:1.12}.hero-statement h1,.hero-statement .hero-sub{font-size:inherit;line-height:inherit;display:inline}.hero-statement h1{color:var(--ink);font-weight:600}.hero-sub{color:var(--fg-secondary);font-weight:400}@media (width>=48rem){.hero-statement{font-size:calc(var(--text-xl) * 1.25)}}@media (width>=64rem){.hero-statement{font-size:calc(var(--text-2xl) * 1.05)}}.hero-mark{aspect-ratio:16/10;justify-self:center;width:100%;max-width:36rem;position:relative;-webkit-mask-image:radial-gradient(50% 50%,#000 70%,#0000);mask-image:radial-gradient(50% 50%,#000 70%,#0000)}.hero-mark-still,.hero-mark-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-mark-canvas{opacity:0}.hero-mark.is-scrubbing .hero-mark-canvas{opacity:1}.hero-mark.is-scrubbing .hero-mark-still{opacity:0}@media (width>=64rem){.hero-head{column-gap:var(--space-10);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}.hero-head>:not(.hero-mark){grid-column:1}.hero-mark{grid-area:1/2/span 4;max-width:none}}.hero-proof{justify-content:start;gap:var(--space-2) var(--space-6);font-size:var(--text-sm);color:var(--fg-secondary);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hero-proof li{align-items:center;gap:var(--space-2);display:inline-flex}.hero-proof li:before{content:"";width:var(--space-2);height:var(--space-2);background:var(--blue);transform:rotate(45deg)}@keyframes rise{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}.word{display:inline-block}@media (prefers-reduced-motion:no-preference){.word{animation:rise calc(var(--motion-slow) * 1.5) cubic-bezier(.22, .61, .36, 1) both;animation-delay:calc(var(--i) * var(--motion-fast) * .5)}.hero-head>:not(h1){animation:rise calc(var(--motion-slow) * 1.5) cubic-bezier(.22, .61, .36, 1) both;animation-delay:calc(var(--motion-slow) * 1.5)}.hero-visual{animation:rise calc(var(--motion-slow) * 2) cubic-bezier(.22, .61, .36, 1) both;animation-delay:calc(var(--motion-slow) * 2)}}.hero-wall{gap:var(--space-3);margin-block:0;display:grid}.hero-visual{display:block}.work-wall{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"queue queue""auto change";display:grid}.work-wall>.wall-flow,.work-wall>.wall-site{display:none}@media (width>=48rem){.work-wall{grid-template-columns:1.25fr 1fr 1fr;grid-template-areas:"queue flow flow""queue auto change"}.work-wall>.wall-flow{display:grid}}@media (width>=64rem){.work-wall{grid-template-rows:repeat(2,minmax(11rem,auto));grid-template-columns:1.2fr 1fr 1fr 1.15fr;grid-template-areas:"queue flow flow site""queue auto change site"}.work-wall>.wall-site{display:grid}}.wall-queue{grid-area:queue}.wall-flow{grid-area:flow}.wall-site{grid-area:site}.wall-auto{grid-area:auto}.wall-change{grid-area:change}.wall-tile{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--hair);border-radius:var(--radius-lg);background:var(--white);font-size:var(--text-sm);color:var(--fg-secondary);display:grid;position:relative;overflow:hidden}.wall-tile>.media-slot{border-radius:0;height:100%;position:absolute;inset:0;aspect-ratio:auto!important}.wall-recorded{background:var(--paper);padding:0}.wall-recorded .media-slot>video{object-position:left top}.wall-label{left:var(--space-2);bottom:var(--space-2);z-index:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;max-width:calc(100% - var(--space-4));white-space:nowrap;text-overflow:ellipsis;margin:0;position:absolute;overflow:hidden}.wall-change{background:var(--charcoal);border-color:var(--charcoal);color:var(--paper)}.wall-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.wall-change .wall-title{color:var(--mauve-light)}.wall-rows{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.wall-rows>li{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--white);color:var(--ink);display:flex}.wall-rows>li>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wall-rows-tight>li{background:color-mix(in srgb, var(--paper) 8%, transparent);color:var(--paper)}.wall-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);flex:none}.wall-dot-ok{background:var(--state-ok)}.wall-dot-info{background:var(--sky);box-shadow:0 0 var(--space-2) var(--sky)}html[data-motion=on] .wall-tile{animation:rise calc(var(--motion-slow) * 2) cubic-bezier(.22, .61, .36, 1) both;animation-delay:calc(var(--motion-fast) + var(--i) * var(--motion-fast) * .8)}@media (prefers-reduced-motion:no-preference){.wall-dot-info{animation:pulse calc(var(--motion-slow) * 5) ease-in-out infinite}}.marquee{gap:var(--space-3);min-width:0;padding-block:var(--space-6) var(--space-8);border-block:1px solid var(--hair);display:grid}.marquee-label{text-align:center;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.marquee-window{min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{width:max-content;animation:marquee calc(var(--motion-slow) * 100) linear infinite;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-list{gap:calc(var(--space-12) * 1.25);padding-right:calc(var(--space-12) * 1.25);margin:0;list-style:none;display:flex}.marquee-item{align-items:center;gap:var(--space-3);font-size:var(--text-lg);color:var(--ink);white-space:nowrap;font-weight:500;display:inline-flex}.marquee-dot{width:var(--space-2);height:var(--space-2);border:1px solid var(--ink);transform:rotate(45deg)}.marquee-logo{width:var(--space-6);height:var(--space-6);fill:currentColor;flex:none}@keyframes marquee{to{transform:translate(-50%)}}.media-slot{border-radius:var(--radius-sm);width:100%;position:relative;overflow:hidden}.media-slot>video,.media-slot>img{object-fit:cover;width:100%;height:100%;display:block}.media-fallback{background:var(--white)}.media-brief{left:var(--space-2);right:var(--space-2);bottom:var(--space-2);max-height:calc(100% - var(--space-4));padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink);background:var(--white);border:1px dashed var(--ink);border-radius:var(--radius-sm);line-height:1.45;position:absolute;overflow:auto}.media-brief strong{color:var(--blue);margin-right:var(--space-2)}.section-split>*,.index>*,.cta-inner>*{min-width:0}.code-card{background:var(--charcoal);color:var(--paper);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--space-2) var(--space-2) 0 var(--mauve)}.code-top{padding-bottom:var(--space-4);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.code-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--mauve-light)}.code-bar{background:color-mix(in srgb, var(--paper) 8%, transparent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.code-live{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--sky);margin-right:var(--space-2);box-shadow:0 0 var(--space-2) var(--sky);display:inline-block}@media (prefers-reduced-motion:no-preference){.code-live{animation:pulse calc(var(--motion-slow) * 5) ease-in-out infinite}}@keyframes pulse{50%{opacity:.35}}.code-pre{margin:var(--space-4) 0 0;padding:var(--space-4);border:1px solid color-mix(in srgb, var(--paper) 30%, transparent);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);white-space:pre;line-height:1.7;overflow-x:auto}.code-line{border-radius:var(--radius-sm);display:block}.code-t{color:var(--paper)}.code-c{color:color-mix(in srgb, var(--paper) 72%, transparent)}@media (hover:hover){.code-line:hover{background:color-mix(in srgb, var(--sky) 16%, transparent)}.code-line:hover .code-k{color:var(--paper)}}.showcase{gap:var(--space-6);display:grid}.showcase>.code-card{flex-direction:column;min-width:0;display:flex}.showcase .code-pre{white-space:pre-wrap;overflow-wrap:break-word;flex:1}.showcase .code-line:has(.code-k){grid-template-columns:max-content minmax(0,1fr);display:grid}.showcase .code-line:not(:has(.code-k)){text-indent:-4ch;padding-left:4ch}@media (width>=48rem){.showcase{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}.showcase-wide,.showcase-full{grid-column:span 2}}@media (width>=64rem){.showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-full{grid-column:1/-1}}.code-k{color:color-mix(in srgb, var(--sky) 75%, var(--paper))}.code-v{color:var(--mauve-light)}@keyframes type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}html[data-motion=on] .code-card:not(.is-in) .code-line{clip-path:inset(0 100% 0 0)}html[data-motion=on] .code-card.is-in .code-line{animation:type calc(var(--motion-slow) * 2) steps(24, end) both;animation-delay:calc(var(--motion-slow) + var(--i) * var(--motion-slow) * 1.5)}.section-head{gap:var(--space-4);align-content:start;max-width:48rem;display:grid}.section-split{gap:var(--space-10);display:grid}@media (width>=64rem){.section-split{gap:var(--space-12);grid-template-columns:4fr 8fr;align-items:start}.section-split>.section-head{top:var(--space-12);position:sticky}}.card-grid{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.card-grid{grid-template-columns:repeat(3,1fr)}.section-split .card-grid{grid-template-columns:1fr}.principles .card-grid{grid-template-columns:repeat(2,1fr)}}.card,.step,.work-card,.demo-card,.slide{background:var(--white);border:1px solid var(--ink);border-radius:var(--radius);transition:background-color var(--motion-slow) ease-out, transform var(--motion-slow) ease-out}.card{padding:var(--space-6);gap:var(--space-3);align-content:start;display:grid}.card p{color:var(--fg-secondary)}.card-num{font-size:var(--text-xs);color:var(--blue)}.card-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (hover:hover) and (pointer:fine){.card:hover,.demo-card:hover,.slide:hover{transform:translateY(calc(var(--space-1) * -1))}.band-mauve .card:hover{background:var(--paper)}}.flow{gap:var(--space-8);display:grid}.flow-title{text-align:center;max-width:24ch;margin-inline:auto}.flow-inputs{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.flow-inputs{grid-template-columns:repeat(3,1fr)}}.glass{background:color-mix(in srgb, var(--paper) 8%, transparent);border:1px solid var(--paper);border-radius:var(--radius-sm);padding:var(--space-5);gap:var(--space-2);align-content:start;display:grid}.glass-num{font-size:var(--text-xs);color:var(--paper)}.glass p{font-size:var(--text-sm)}.connector{width:100%;height:calc(var(--space-12) * 2.5);margin-block:calc(var(--space-6) * -1)}.connector path{fill:none;stroke:var(--paper);stroke-width:1.2px;stroke-dasharray:4 6}@media (prefers-reduced-motion:no-preference){.connector path{animation:flowdash calc(var(--motion-slow) * 4) linear infinite}}@keyframes flowdash{to{stroke-dashoffset:-20px}}@media (width<=47.99rem){.connector{display:none}}.flow-output{text-align:center;justify-items:center;gap:var(--space-4);max-width:40rem;padding:var(--space-8) var(--space-6) var(--space-10);margin-inline:auto}.flow-output .mega{font-size:calc(var(--text-2xl) * 1.6);letter-spacing:-.03em;text-shadow:0 0 var(--space-8) color-mix(in srgb, var(--paper) 70%, transparent), 0 0 calc(var(--space-12) * 1.6) color-mix(in srgb, var(--paper) 35%, transparent);font-weight:600;line-height:1}@media (width>=64rem){.flow-output .mega{font-size:calc(var(--text-2xl) * 3)}}.flow-caption{max-width:44ch}@media (width>=64rem) and (height>=60rem){html[data-motion=on] .flow-pin{height:300vh}html[data-motion=on] .flow-sticky{align-content:center;min-height:100vh;display:grid;position:sticky;top:0}html[data-motion=on] .flow-pin .flow-inputs>li{opacity:clamp(.2, calc(var(--stage,1) * (var(--n) + 1.5) - var(--i) + 1), 1);transition:none}html[data-motion=on] .flow-pin .flow-output{--arrive:clamp(0, calc((var(--stage,1) - .7) * 5), 1);opacity:var(--arrive);transform:translateY(calc((1 - var(--arrive)) * var(--space-6)));transition:none}html[data-motion=on] .flow-pin .connector{opacity:clamp(0, calc((var(--stage,1) - .55) * 5), 1)}}.slider{gap:var(--space-6);display:grid}.slider-track{padding:0 0 var(--space-2);gap:var(--space-5);scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;align-items:start;margin:0;list-style:none;display:grid;overflow-x:auto}.slider-track::-webkit-scrollbar{display:none}@media (width>=48rem){.slider-track{grid-auto-columns:calc((100% - var(--space-5)) / 2)}}@media (width>=64rem){.slider-track{grid-auto-columns:calc((100% - var(--space-5) * 2) / 3)}}.slide{scroll-snap-align:start;gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.slide-visual{aspect-ratio:16/10;border-radius:var(--radius-sm);background:var(--charcoal);place-items:center;display:grid;overflow:hidden}.slide-visual img{object-fit:cover;object-position:top;width:100%;height:100%}.slide-kind-big{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--mauve-light);padding:var(--space-6);text-align:center}.slide-summary{color:var(--fg-secondary)}.slide-link{align-self:flex-start;margin-top:auto}.slider-controls{justify-content:space-between;align-items:center;display:flex}.dots{gap:var(--space-2);display:flex}.dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--ink);transition:background-color var(--motion-base), width var(--motion-base)}.dot.is-active{background:var(--ink);width:var(--space-6)}.arrows{gap:var(--space-2);display:flex}.arrow{width:var(--space-11);height:var(--space-11);cursor:pointer;border-radius:var(--radius-full);border:1px solid var(--ink);color:var(--ink);transition:background-color var(--motion-base), color var(--motion-base);background:0 0;place-items:center;display:grid}.arrow svg{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-width:2px}.arrow:hover:not(:disabled){background:var(--ink);color:var(--paper)}.arrow:disabled{opacity:.35;cursor:default}.index{gap:var(--space-10);display:grid}.index-list{margin:0;padding:0;list-style:none;display:none}@media (width>=64rem){.index{gap:calc(var(--space-12) * 1.5);grid-template-columns:5fr 7fr}.index-list{top:var(--space-12);align-self:start;display:block;position:sticky}}.index-link{min-height:var(--space-11);padding:var(--space-4) 0 var(--space-3) var(--space-5);border-bottom:1px solid var(--hair);font-size:var(--text-lg);color:var(--fg-muted);transition:color var(--motion-slow) ease-out;justify-content:space-between;align-items:baseline;text-decoration:none;display:flex;position:relative}.index-link:before{content:"";width:var(--space-2);height:var(--space-2);background:var(--sky);transition:transform var(--motion-slow) ease-out;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(45deg)scale(0)}.index-link:hover,.index-link[aria-current]{color:var(--ink)}.index-link[aria-current]:before{transform:translateY(-50%)rotate(45deg)scale(1)}.index-num{font-size:var(--text-xs)}.index-panels{gap:var(--space-12);display:grid}.index-panel{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--ink);display:grid}@media (width>=64rem){.index-panel{align-content:start;min-height:70vh}}.index-panel p{color:var(--fg-secondary);max-width:52ch}.index-panel .media-slot{aspect-ratio:16/9!important}.index-panel .index-panel-num{font-size:var(--text-xs);color:var(--blue)}.cta{padding-block:0;position:relative}.cta-bg{z-index:0;position:absolute;inset:0}.cta-bg img{object-position:right center}.cta-bg .media-slot{border-radius:0;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 10%,#000 55%);mask-image:linear-gradient(90deg,#0000 10%,#000 55%);aspect-ratio:auto!important}.cta-bg .media-fallback{background:0 0}.cta-glow{padding-block:var(--section-y);background:radial-gradient(40rem circle at var(--mx,75%) var(--my,35%), color-mix(in srgb, var(--sky) 30%, transparent), transparent 60%);position:relative}.cta-inner{gap:var(--space-10);align-items:center;display:grid}@media (width>=64rem){.cta-inner{align-content:center;min-height:24rem}}.cta-content{gap:var(--space-6);max-width:36rem;display:grid}.cta-lead{font-size:var(--text-lg)}.decode-visual{font-variant-ligatures:none}.page-intro{background:var(--paper);border-bottom:1px solid var(--ink);padding-block:var(--section-y);position:relative;overflow:hidden}.page-intro-inner{z-index:1;gap:var(--space-5);display:grid;position:relative}.page-intro-inner h1{max-width:18ch}.page-intro-cover{opacity:.5;width:100%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 70%);mask-image:linear-gradient(90deg,#0000 0%,#000 70%)}@media (width>=64rem){.page-intro-cover{opacity:1;width:55%}}.page-intro-cover .media-slot{border-radius:0;height:100%;aspect-ratio:auto!important}.page-intro-cover .media-slot>img,.page-intro-cover .media-slot>video{object-position:right center}.section{gap:var(--space-8);padding-block:var(--section-y);display:grid;position:relative}.section+.section{border-top:1px solid var(--hair)}.steps{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.steps{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.steps{grid-template-columns:repeat(4,1fr)}.connect .steps{grid-template-columns:repeat(3,1fr)}.connect .card-grid{grid-template-columns:repeat(4,1fr)}}.step{padding:var(--space-6);gap:var(--space-3);align-content:start;display:grid}.step-num{font-size:var(--text-xs);color:var(--blue)}.step-num:before{content:"["}.step-num:after{content:"]"}.step p{color:var(--fg-secondary)}.layer-story{--node:var(--space-6);gap:var(--space-5);max-width:64rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.layer-story:before,.layer-story:after{content:"";left:calc(var(--node) / 2 - var(--space-1) / 4);top:var(--space-8);bottom:var(--space-8);width:calc(var(--space-1) / 2);position:absolute}.layer-story:before{background:var(--hair)}.layer-story:after{background:var(--blue);transform-origin:top;transform:scaleY(var(--fill,1))}html[data-motion=on] .layer-story{--fill:clamp(0, calc((var(--p,1) - .18) / .55), 1)}html[data-motion=on] .layer-story:after{transition:transform calc(var(--motion-slow) * 2) ease-out}.ls-item{grid-template-columns:var(--node) minmax(0, 1fr);column-gap:var(--space-4);display:grid;position:relative}.ls-node{z-index:1;margin-top:var(--space-7);width:var(--node);height:var(--node);border-radius:var(--radius-full);border:calc(var(--space-1) / 2) solid var(--blue);background:var(--blue);box-shadow:0 0 0 var(--space-1) var(--paper);position:relative}.ls-card{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--ink);border-radius:var(--radius-lg);background:var(--white);display:grid}@media (width>=40rem){.ls-card{grid-template-columns:var(--space-12) minmax(0, 1fr);column-gap:var(--space-6);align-items:start}}.ls-text{gap:var(--space-3);display:grid}.ls-text p{color:var(--fg-secondary)}.ls-icon{width:var(--space-12);height:var(--space-12);color:var(--blue);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ls-icon path{stroke-dasharray:1;stroke-dashoffset:0}html[data-motion=on] .ls-item .ls-node{transition:background var(--motion-slow) ease-out, transform var(--motion-slow) cubic-bezier(.34, 1.56, .64, 1)}html[data-motion=on] .ls-item .ls-card{transition:border-color var(--motion-slow) ease-out, box-shadow var(--motion-slow) ease-out, transform var(--motion-slow) ease-out}html[data-motion=on] .ls-item .ls-icon path{transition:stroke-dashoffset calc(var(--motion-slow) * 3) cubic-bezier(.22, .61, .36, 1)}html[data-motion=on] .ls-item:not(.is-lit) .ls-node{background:var(--paper);transform:scale(.7)}html[data-motion=on] .ls-item:not(.is-lit) .ls-card{border-color:var(--hair);transform:translateX(var(--space-3))}html[data-motion=on] .ls-item:not(.is-lit) .ls-icon path{stroke-dashoffset:1px}html[data-motion=on] .ls-item.is-lit .ls-card{box-shadow:var(--space-1) var(--space-1) 0 var(--blue)}.method{gap:var(--space-5);width:100%;margin:0;padding:0;list-style:none;display:grid}.method-stage{grid-template-columns:var(--space-10) 1fr;column-gap:var(--space-3);display:grid;position:relative}.method-stage:not(:last-child):after{content:"";left:calc(var(--space-4) - 1px);top:var(--space-9);bottom:calc(var(--space-5) * -1 + var(--space-1));border-left:1px solid var(--ink);position:absolute}.method-num{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--white);border:1px solid var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink);grid-row:span 2;place-items:center;display:grid}.method-title{font-weight:500}.method-body{font-size:var(--text-sm);color:var(--fg-secondary)}.method-stage:last-child .method-num{background:var(--blue);border-color:var(--blue);color:var(--white)}.method-panel{background:var(--mauve-soft);border:1px solid var(--ink);border-radius:var(--radius);padding:var(--space-8) var(--space-6);max-width:36rem}.cta-band{justify-items:start;gap:var(--space-5);background:var(--mauve-soft);border:1px solid var(--ink);border-radius:var(--radius);padding:var(--space-8) var(--space-5);margin-block:var(--space-12)}.hero{padding-block:var(--section-y)}.hero-grid{gap:var(--space-10);display:grid}.hero-copy{gap:var(--space-6);display:grid}.status{font-size:var(--text-xs);border-radius:var(--radius-full);padding:0 var(--space-2);border:1px solid;font-weight:600}.status-public{color:var(--state-ok)}.status-open{color:var(--fg-muted);border-style:dashed}.work-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=64rem){.work-list{grid-template-columns:repeat(2,1fr)}}.work-card{padding:var(--space-6);gap:var(--space-4);align-content:start;display:grid}@media (width>=48rem){.work-card{padding:var(--space-8)}}.work-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.work-kind{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.work-status{font-size:var(--text-xs);color:var(--ink);background:var(--mauve-soft);border:1px solid var(--ink);border-radius:var(--radius-full);padding:0 var(--space-2)}.work-card h3{font-size:var(--text-xl)}.work-summary{color:var(--fg-secondary)}.work-built{gap:var(--space-2);color:var(--fg-secondary);margin:0;padding:0;list-style:none;display:grid}.work-built li{padding-left:var(--space-5);position:relative}.work-built li:before{content:"";width:var(--space-2);height:var(--space-2);border:1px solid var(--sky);position:absolute;top:.55em;left:0;transform:rotate(45deg)}.work-stack{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.work-stack li{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink);border:1px solid var(--hair);border-radius:var(--radius-full);padding:0 var(--space-3)}.demo-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.demo-list{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.demo-list{grid-template-columns:repeat(3,1fr)}}.demo-card{align-content:start;display:grid;overflow:hidden}.demo-card .media-slot{border-bottom:1px solid var(--ink);border-radius:0}.demo-copy{gap:var(--space-3);padding:var(--space-5);display:grid}.gallery{gap:var(--space-12);display:grid}.gallery-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:var(--space-11);padding:var(--space-2) var(--space-4);font:inherit;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);background:var(--white);border:1px solid var(--ink);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--motion-fast) ease-out, color var(--motion-fast) ease-out}.chip:hover{background:var(--mauve-soft)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.gallery-project{gap:var(--space-5);display:grid}.gallery-head{gap:var(--space-2);max-width:48rem;display:grid}.gallery-head .work-head{justify-content:flex-start;gap:var(--space-3)}.gallery-strip{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));margin:0;padding:0;list-style:none;display:grid}.gallery-thumb{gap:var(--space-3);height:100%;padding:var(--space-2);color:var(--ink);background:var(--white);border:1px solid var(--ink);border-radius:var(--radius);transition:background-color var(--motion-base) ease-out;text-decoration:none;display:grid;overflow:hidden}.gallery-thumb:hover{color:var(--ink);background:var(--mauve-soft)}.gallery-thumb img{aspect-ratio:16/10;object-fit:cover;object-position:top center;background:var(--mauve-soft);border-radius:var(--radius-sm);width:100%;transition:transform var(--motion-slow) ease-out}@media (hover:hover) and (pointer:fine){.gallery-thumb:hover img{transform:scale(1.02)}}.gallery-caption{gap:var(--space-2);padding:0 var(--space-2) var(--space-1);font-size:var(--text-sm);align-items:baseline;display:flex}.gallery-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--blue)}.viewer{width:min(100% - var(--space-8), 80rem);max-height:calc(100% - var(--space-8));border:1px solid var(--ink);border-radius:var(--radius);background:var(--white);color:var(--ink);padding:0}.viewer::backdrop{background:color-mix(in srgb, var(--ink) 80%, transparent)}.viewer-inner{gap:var(--space-4);padding:var(--space-4);display:grid}@media (width>=48rem){.viewer-inner{padding:var(--space-6)}}.viewer-bar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.viewer-count{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted)}.viewer-close{min-height:var(--space-11);padding:var(--space-2) var(--space-4);cursor:pointer;font:inherit;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);background:0 0}.viewer-image{object-fit:contain;background:var(--mauve-soft);border-radius:var(--radius-sm);width:100%;height:auto;max-height:70vh}.viewer-foot{justify-content:space-between;align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.viewer-text{gap:var(--space-1);max-width:60ch;display:grid}.viewer-text p{color:var(--fg-secondary)}.viewer-nav{gap:var(--space-2);display:flex}.field{gap:var(--space-1);display:grid}.field label{font-weight:500}.field input,.field textarea{font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--ink);border-radius:var(--radius);padding:var(--space-2) var(--space-3);min-height:var(--space-11)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--state-risk)}.field-error{color:var(--state-risk);font-size:var(--text-sm)}.site-footer{background:var(--paper);color:var(--ink)}.footer-grid{border-top:1px solid var(--ink);max-width:none;padding-inline:0;display:grid}@media (width>=64rem){.footer-grid{grid-template-columns:1fr 1.25fr}}.footer-brand{gap:var(--space-12);padding:var(--space-8) var(--gutter);border-bottom:1px solid var(--ink);align-content:space-between;display:grid}@media (width>=64rem){.footer-brand{border-bottom:0;border-right:1px solid var(--ink)}}.footer-brand-top{gap:var(--space-3);font-size:var(--text-sm);color:var(--fg-secondary);display:grid}.footer-wordmark{color:var(--ink)}.footer-mega{font-size:clamp(var(--text-2xl), 7vw, calc(var(--text-2xl) * 2.6));letter-spacing:-.04em;color:var(--ink);font-weight:600;line-height:.9}.footer-right,.footer-nav{display:grid}@media (width>=40rem){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.footer-nav .footer-block{min-width:0}.footer-email{white-space:nowrap}.footer-block{padding:var(--space-6) var(--gutter);border-bottom:1px solid var(--ink);gap:var(--space-2);font-size:var(--text-sm);align-content:start;display:grid}@media (width>=40rem){.footer-nav .footer-block:first-child{border-right:1px solid var(--ink)}}.footer-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);font-weight:500}.footer-nav ul{align-content:start;margin:0;padding:0;list-style:none;display:grid}.footer-nav a{min-height:var(--space-11);color:var(--ink);overflow-wrap:break-word;transition:color var(--motion-base) ease-out, transform var(--motion-base) ease-out;align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.footer-nav a:hover{color:var(--blue);transform:translateX(var(--space-2))}}.footer-legal{color:var(--fg-secondary);border-bottom:0}.dev-palette{left:var(--space-4);bottom:var(--space-4);z-index:40;gap:var(--space-2);max-width:calc(100% - var(--space-8));justify-items:start;display:grid;position:fixed}.dev-palette-toggle{min-height:var(--space-11);padding:var(--space-2) var(--space-4);cursor:pointer;font:inherit;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;color:var(--paper);background:var(--ink);border-radius:var(--radius-full);border:0}.dev-palette-body{gap:var(--space-2);padding:var(--space-3);background:var(--white);border:1px solid var(--ink);border-radius:var(--radius);display:grid}.dev-palette-row{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body:before{content:"";z-index:50;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@property --edge{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes edge{to{--edge:360deg}}.electric-edge{position:relative}.electric-edge:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:conic-gradient(from var(--edge), transparent 0 68%, var(--sky) 80%, var(--white) 84%, var(--sky) 88%, transparent 100%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (prefers-reduced-motion:no-preference){.electric-edge:before{animation:edge calc(var(--motion-slow) * 12) linear infinite}}.btn-primary:hover{box-shadow:0 0 0 var(--space-1) color-mix(in srgb, var(--blue) 18%, transparent), 0 var(--space-2) var(--space-6) var(--electric-glow)}.band-charcoal{background-image:linear-gradient(to right, color-mix(in srgb, var(--sky) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--sky) 9%, transparent) 1px, transparent 1px);background-size:var(--space-12) var(--space-12)}.band-charcoal:before{content:"";z-index:0;pointer-events:none;opacity:0;height:1px;left:0;right:0;top:calc(var(--p,.5) * 100%);background:linear-gradient(90deg, transparent, var(--white) 6%, var(--sky) 14%, transparent 26%, transparent 74%, var(--sky) 86%, var(--white) 94%, transparent);position:absolute}html[data-motion=on] .band-charcoal:before{opacity:.7}.band-mauve{background-image:repeating-linear-gradient(135deg, transparent 0 var(--space-3), color-mix(in srgb, var(--mauve) 7%, transparent) var(--space-3) calc(var(--space-3) + 1px))}.band-blue{background-image:radial-gradient(60rem 30rem at 50% 0%, color-mix(in srgb, var(--white) 16%, transparent), transparent 70%)}.hatch-art{width:100%;height:100%;position:absolute;inset:0}.hatch-wash{stroke:none;opacity:.13}.hatch-wash.hatch-electric{fill:var(--sky)}.hatch-wash.hatch-mauve{fill:var(--mauve)}.hatch-line{fill:none;stroke-width:.7px;vector-effect:non-scaling-stroke;stroke-linecap:round}.hatch-line.hatch-ink{stroke:var(--ink);opacity:.5}.hatch-line.hatch-electric{stroke:var(--blue);opacity:.9}.hatch-line.hatch-mauve{stroke:var(--mauve);opacity:.85}@keyframes draw{to{stroke-dashoffset:0}}@keyframes drift{0%{transform:translate(-1.5%)}to{transform:translate(1.5%,-1%)}}html[data-motion=on] .hatch-line{stroke-dasharray:1;stroke-dashoffset:1px}html[data-motion=on] .is-in .hatch-line{animation:draw calc(var(--motion-slow) * 5) cubic-bezier(.22, .61, .36, 1) forwards;animation-delay:calc(var(--i) * var(--motion-fast) / 4)}@media (prefers-reduced-motion:no-preference){.hatch-lines{animation:drift calc(var(--motion-slow) * 30) ease-in-out infinite alternate;transform-box:fill-box}}.pmap{gap:var(--space-6);display:grid}.pmap-svg{width:100%;height:auto;display:none;overflow:visible}.pmap-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.pmap-list>li{padding:var(--space-5);border:1px solid var(--hair);border-radius:var(--radius-lg);background:var(--white)}.pmap-list :is(h3,h4){margin:0 0 var(--space-2);font-size:var(--text-base)}.pmap-list p{color:var(--fg-secondary);margin:0}@media (width>=48rem){.pmap-svg{display:block}.pmap-list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.pmap-svg text{font-family:var(--font-mono)}.pm-cap{font-size:var(--text-base);letter-spacing:.12em;fill:var(--ink)}.pm-note{font-size:var(--text-base);fill:var(--fg-secondary);font-family:var(--font-sans)}.pm-screen{fill:var(--white);stroke:var(--ink);stroke-width:1.5px}.pm-bar{fill:var(--ink)}.pm-row{fill:color-mix(in srgb, var(--ink) 12%, var(--white))}.pm-row-hot{fill:color-mix(in srgb, var(--sky) 55%, var(--white))}.pm-verb{fill:var(--white);stroke:var(--hair);stroke-width:1.5px}.pm-verb-t{font-size:var(--text-sm);fill:var(--ink)}.pm-plate{fill:var(--white);stroke:var(--ink);stroke-width:1.5px}.pm-plate-mid{fill:url(#pm-grad-mid)}.pm-plate-low{fill:url(#pm-grad-low)}.pm-shadow{fill:color-mix(in srgb, var(--ink) 7%, transparent)}.pm-edge-low{fill:color-mix(in srgb, var(--sky) 30%, var(--paper))}.pm-stop-a{stop-color:var(--white)}.pm-stop-b{stop-color:color-mix(in srgb, var(--mauve) 26%, var(--white))}.pm-stop-c{stop-color:color-mix(in srgb, var(--sky) 10%, var(--white))}.pm-stop-d{stop-color:color-mix(in srgb, var(--sky) 40%, var(--white))}.pm-rail{stroke:var(--hair);stroke-width:1px}.pm-rail-t{font-size:var(--text-sm);letter-spacing:.12em;fill:var(--ink)}.pm-rail-dot{fill:var(--blue)}.pm-leader{stroke:var(--blue);stroke-width:1.5px;stroke-dasharray:4 4}.pm-node-hub{fill:color-mix(in srgb, var(--sky) 30%, var(--white))}.pm-edge{fill:color-mix(in srgb, var(--ink) 14%, var(--paper));stroke:var(--ink);stroke-width:1.5px}.pm-line{fill:none;stroke:var(--ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.pm-dash{stroke-dasharray:.02 .015;stroke:color-mix(in srgb, var(--ink) 55%, transparent)}.pm-link{stroke:color-mix(in srgb, var(--ink) 70%, transparent)}.pm-node{fill:var(--white);stroke:var(--ink);stroke-width:1.5px}.pm-node-base{fill:color-mix(in srgb, var(--ink) 18%, var(--white))}.pm-node-t{font-size:var(--text-base);fill:var(--ink)}.pm-action{fill:color-mix(in srgb, var(--state-ok) 14%, var(--white));stroke:var(--state-ok);stroke-width:1.5px}.pm-action-t{font-size:var(--text-xs);fill:var(--state-ok)}.pm-card{fill:var(--white);stroke:var(--ink);stroke-width:1.5px;filter:drop-shadow(0 .25rem 0 color-mix(in srgb, var(--ink) 18%, transparent))}.pm-card-h{font-size:var(--text-xs);letter-spacing:.1em;fill:var(--ink)}.pm-card-k{font-size:var(--text-xs);fill:var(--fg-muted)}.pm-card-v{font-size:var(--text-xs);fill:var(--ink)}.pm-source{fill:var(--white);stroke:var(--ink);stroke-width:1.5px}.pm-source-t{font-size:var(--text-sm);fill:var(--ink)}html[data-motion=on] .pmap:not(.is-in) .pm-pop,html[data-motion=on] .pmap:not(.is-in) .pm-plate-g{opacity:0}html[data-motion=on] .pmap.is-in .pm-pop{animation:rise calc(var(--motion-slow) * 2) cubic-bezier(.22, .61, .36, 1) both;animation-delay:calc(var(--i) * var(--motion-fast) * .6)}html[data-motion=on] .pmap.is-in .pm-plate-g{animation:rise calc(var(--motion-slow) * 2.5) cubic-bezier(.22, .61, .36, 1) both}html[data-motion=on] .pmap:not(.is-in) .pm-link{opacity:0}html[data-motion=on] .pmap.is-in .pm-link{animation:fade calc(var(--motion-slow) * 2) ease-out both;animation-delay:calc(var(--i) * var(--motion-fast) * .6)}@media (prefers-reduced-motion:no-preference){html[data-motion=on] .pmap.is-in .pm-dash{animation:flow calc(var(--motion-slow) * 10) linear infinite}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes flow{to{stroke-dashoffset:-.35px}}.receipt{max-width:34rem;padding:var(--space-6) var(--space-6) var(--space-10);background:color-mix(in srgb, var(--paper) 55%, var(--bg-raised));color:var(--charcoal);box-shadow:0 var(--space-2) 0 color-mix(in srgb, var(--ink) 12%, transparent);-webkit-mask:linear-gradient(var(--charcoal) 0 0) top / 100% calc(100% - var(--space-3)) no-repeat, conic-gradient(from -45deg at bottom, transparent, var(--charcoal) 1deg 89deg, transparent 90deg) bottom / var(--space-4) var(--space-3) repeat-x;-webkit-mask:linear-gradient(var(--charcoal) 0 0) top / 100% calc(100% - var(--space-3)) no-repeat, conic-gradient(from -45deg at bottom, transparent, var(--charcoal) 1deg 89deg, transparent 90deg) bottom / var(--space-4) var(--space-3) repeat-x;mask:linear-gradient(var(--charcoal) 0 0) top / 100% calc(100% - var(--space-3)) no-repeat, conic-gradient(from -45deg at bottom, transparent, var(--charcoal) 1deg 89deg, transparent 90deg) bottom / var(--space-4) var(--space-3) repeat-x;position:relative}.receipt-head{justify-content:space-between;align-items:start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px dashed color-mix(in srgb, var(--charcoal) 40%, transparent);flex-wrap:wrap;display:flex}.receipt-title{font-weight:600;font-size:var(--text-lg);color:var(--ink);margin:0}.receipt-sub{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-muted);margin:0}.receipt-tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border:1px solid var(--charcoal);border-radius:var(--radius-full)}.receipt-lines{margin:0;padding:0;list-style:none}.receipt-lines>li{column-gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid color-mix(in srgb, var(--charcoal) 14%, transparent);grid-template-columns:1fr auto;display:grid}.receipt-name{color:var(--ink);font-weight:600}.receipt-note{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-secondary);grid-column:1}.receipt-amt{font-family:var(--font-mono);color:var(--state-ok);grid-area:1/2/span 2;align-self:center}.receipt-total{margin:var(--space-4) 0 var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--charcoal);box-shadow:inset 0 1px 0 var(--charcoal);font-weight:700;font-size:var(--text-lg);color:var(--ink);justify-content:space-between;display:flex}.receipt-foot{font-size:var(--text-sm);color:var(--fg-secondary);margin:0}html[data-motion=on] .receipt.is-in .receipt-lines>li{animation:rise calc(var(--motion-slow) * 1.5) ease-out both;animation-delay:calc(var(--i) * var(--motion-fast))}html[data-motion=on] .receipt:not(.is-in) .receipt-lines>li{opacity:0}.style-compare{gap:var(--space-5);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.style-compare{grid-template-columns:repeat(2,1fr)}}@media (width>=80rem){.style-compare{grid-template-columns:repeat(4,1fr)}}.style-compare .media-slot{border:1px solid var(--ink);border-radius:var(--radius-lg);overflow:hidden}.style-compare-t{margin:var(--space-3) 0 var(--space-1);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.style-compare .fineprint{margin:0}.before-after-static{gap:var(--space-5);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.before-after-static{grid-template-columns:repeat(2,1fr)}}.before-after-static .media-slot{border:1px solid var(--ink);border-radius:var(--radius-lg);overflow:hidden}.before-after{border:1px solid var(--ink);border-radius:var(--radius-lg);touch-action:pan-y;position:relative;overflow:hidden}.ba-layer .media-slot{display:block}.ba-before{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0);position:absolute;inset:0}.ba-line{top:0;bottom:0;left:var(--split,50%);width:calc(var(--space-1) / 2);margin-left:calc(var(--space-1) / -4);background:var(--paper);box-shadow:0 0 0 1px var(--ink);pointer-events:none;position:absolute}.ba-tag{top:var(--space-3);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;background:var(--paper);color:var(--ink);border-radius:var(--radius-sm);pointer-events:none;position:absolute}.ba-tag-before{left:var(--space-3)}.ba-tag-after{right:var(--space-3)}.ba-range{width:100%;height:100%;min-height:var(--space-11);opacity:0;cursor:ew-resize;margin:0;position:absolute;inset:0}.before-after:has(.ba-range:focus-visible){outline:calc(var(--space-1) / 2) solid var(--accent-base);outline-offset:calc(var(--space-1) - 1px)}.wf-grid{gap:var(--space-6);display:grid}.wf-card{gap:var(--space-3);align-content:start;min-width:0;display:grid}.wf-industry{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--mauve-light);margin:0}.wf-title{color:var(--paper);font-size:var(--text-lg);margin:0}.wf-flow{margin:var(--space-2) 0 0;gap:var(--space-4);counter-reset:wf;padding:0;list-style:none;display:grid}@media (width>=64rem){.wf-flow{grid-template-columns:5fr 4fr 4fr}}.wf-step{gap:var(--space-2);min-width:0;padding:var(--space-4);border:1px solid color-mix(in srgb, var(--paper) 30%, transparent);border-radius:var(--radius-sm);align-content:start;display:grid;position:relative}.wf-step+.wf-step:before{content:"↓";left:50%;top:calc(var(--space-4) * -1);color:color-mix(in srgb, var(--sky) 75%, var(--paper));background:var(--charcoal);padding:0 var(--space-1);position:absolute;transform:translate(-50%,-50%)}@media (width>=64rem){.wf-step+.wf-step:before{content:"→";left:calc(var(--space-4) * -.5);top:50%}}.wf-k{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb, var(--sky) 75%, var(--paper));margin:0}.wf-v{color:var(--paper);font-size:var(--text-sm);margin:0}.wf-approve{color:var(--mauve-light)}.wf-tools,.wf-steps{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.wf-tool{gap:var(--space-3);align-items:center;min-width:0;display:flex}.wf-mark{width:var(--space-9);height:var(--space-9);background:var(--paper);border-radius:var(--radius-sm);padding:var(--space-1);flex:none;place-items:center;display:grid}.wf-mark img{object-fit:contain;width:100%;height:100%}.wf-mono{color:var(--charcoal);font-weight:700}.wf-tool-t{min-width:0;font-size:var(--text-sm);line-height:1.35;display:grid}.wf-tool-t strong{color:var(--paper);font-weight:600}.wf-tool-t span{color:color-mix(in srgb, var(--paper) 72%, transparent)}.wf-steps li{color:color-mix(in srgb, var(--paper) 85%, transparent);font-size:var(--text-sm);text-indent:-2ch;padding-left:2ch}.wf-steps li:before{content:"› ";color:var(--mauve-light)}.more{gap:var(--space-6);display:grid}.more>summary{min-height:var(--space-11);padding:var(--space-2) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;justify-self:start;align-items:center;display:inline-flex}.more>summary:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.fmap{gap:var(--space-4);display:grid}.fm-tabs{gap:var(--space-2);scrollbar-width:none;padding:var(--space-2);margin:calc(var(--space-2) * -1);display:flex;overflow-x:auto}@media (width>=48rem){.fm-tabs{flex-wrap:wrap;overflow:visible}}.fm-tab{min-height:var(--space-11);padding:0 var(--space-4);border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;flex:none}.fm-tab[aria-pressed=true]{background:var(--charcoal);color:var(--paper);border-color:var(--charcoal)}@media (hover:hover) and (pointer:fine){.fm-tab:hover:not([aria-pressed=true]){background:color-mix(in srgb, var(--sky) 20%, var(--white))}}.fm-canvas{border-radius:var(--radius-lg);border:1px solid var(--charcoal);box-shadow:var(--space-2) var(--space-2) 0 var(--mauve);display:none;overflow:hidden}.fm-svg{width:100%;height:auto;display:block}.fm-svg text{font-family:var(--font-mono)}.fm-bg{fill:var(--charcoal)}.fm-grid-dot{fill:color-mix(in srgb, var(--paper) 9%, transparent)}.fm-top{fill:color-mix(in srgb, var(--paper) 6%, var(--charcoal));stroke:var(--sky);stroke-width:1.5px}.fm-top-t{font-size:var(--text-lg);fill:var(--paper)}.fm-kicker{font-size:var(--text-xs);letter-spacing:.14em;fill:color-mix(in srgb, var(--paper) 55%, transparent)}.fm-card{fill:color-mix(in srgb, var(--paper) 5%, var(--charcoal));stroke:color-mix(in srgb, var(--paper) 28%, transparent);stroke-width:1.5px;transition:stroke var(--motion-fast) ease}.fm-card.is-focus{stroke:var(--sky);stroke-width:2.5px}.fm-card-t{font-size:var(--text-base);fill:var(--paper)}.fm-rule{stroke:color-mix(in srgb, var(--paper) 18%, transparent);stroke-width:1px}.fm-job{fill:color-mix(in srgb, var(--paper) 7%, transparent)}.fm-job-t{font-size:var(--text-sm);fill:color-mix(in srgb, var(--paper) 88%, transparent)}.fm-dot-runs{fill:color-mix(in srgb, var(--state-ok) 55%, var(--white));background:color-mix(in srgb, var(--state-ok) 55%, var(--white))}.fm-dot-waits{fill:none;stroke:var(--sky);stroke-width:2px;background:radial-gradient(circle, transparent 40%, var(--sky) 45%)}.fm-dot-flag{fill:var(--mauve-light);background:var(--mauve-light);border-radius:0}.fm-row-t{font-size:var(--text-xs);letter-spacing:.14em;fill:color-mix(in srgb, var(--paper) 55%, transparent)}.fm-chip{fill:var(--charcoal);stroke:color-mix(in srgb, var(--paper) 40%, transparent);stroke-width:1.5px}.fm-chip-tool{stroke:var(--sky);stroke-dasharray:5 4}.fm-chip-t{font-size:var(--text-sm);fill:var(--paper)}.fm-line{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke}.fm-line-top{stroke:color-mix(in srgb, var(--sky) 70%, transparent)}.fm-line-src{stroke:color-mix(in srgb, var(--paper) 35%, transparent)}.fm-line-tool{stroke:color-mix(in srgb, var(--sky) 40%, transparent);stroke-dasharray:.01 .012}.fmap .is-dim{opacity:.28}.fmap .fm-lines.is-dim{display:none}.fm-legend{gap:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-secondary);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.fm-legend li{align-items:center;gap:var(--space-2);display:inline-flex}.fm-key{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);flex:none;display:inline-block}.fm-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.fm-list>li{padding:var(--space-5);border:1px solid var(--charcoal);border-radius:var(--radius-lg);background:var(--charcoal);color:var(--paper);gap:var(--space-2);display:grid}.fm-list h3{font-size:var(--text-base);color:var(--paper);margin:0}.fm-list p{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb, var(--paper) 75%, transparent);margin:0}.fm-list-jobs{gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.fm-key.fm-dot-flag{border-radius:0}@media (width>=48rem) and (width<=63.99rem){.fm-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fm-list>li:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=64rem){.fm-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.fm-list-jobs li .fm-key{margin-right:var(--space-2);vertical-align:middle}@media (width>=75rem){.fm-canvas{display:block}.fm-list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}html[data-motion=on] .fmap:not(.is-in) .fm-pop{opacity:0}html[data-motion=on] .fmap.is-in .fm-pop:not(.is-dim){animation:rise calc(var(--motion-slow) * 2) cubic-bezier(.22, .61, .36, 1) both;animation-delay:calc(var(--i) * var(--motion-fast) * .6)}html[data-motion=on] .fmap .fm-line-top,html[data-motion=on] .fmap .fm-line-src{stroke-dasharray:1;stroke-dashoffset:1px}html[data-motion=on] .fmap.is-in .fm-line-top,html[data-motion=on] .fmap.is-in .fm-line-src{animation:draw calc(var(--motion-slow) * 4) cubic-bezier(.22, .61, .36, 1) forwards;animation-delay:calc(var(--i) * var(--motion-fast) * .5)}@media (prefers-reduced-motion:no-preference){html[data-motion=on] .fmap.is-in .fm-line-tool{animation:flow calc(var(--motion-slow) * 10) linear infinite}}.try{gap:var(--space-6);display:grid}@media (width>=64rem){.try{grid-template-columns:3fr 2fr;align-items:start}}.try-sheet,.try-order{border-radius:var(--radius-lg);min-width:0;padding:var(--space-5)}.try-sheet{background:var(--white);border:1px solid var(--ink)}.try-order{background:var(--charcoal);color:var(--paper);box-shadow:var(--space-2) var(--space-2) 0 var(--mauve);gap:var(--space-3);display:grid}.try-label{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.try-order .try-label{color:color-mix(in srgb, var(--paper) 60%, transparent);margin:0}.try-scroll{overflow-x:auto}.try table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.try th,.try td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--hair);vertical-align:middle}.try thead th{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-weight:400}.try tbody th{white-space:nowrap;font-weight:500}.try-unit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);font-weight:400}.try-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.try-input{width:calc(var(--space-12) * 1.8);min-height:var(--space-11);padding:0 var(--space-2);border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm)}.try tr.is-flagged{background:color-mix(in srgb, var(--mauve) 9%, var(--white))}.try-flag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--state-risk)}.try-flag:before{content:"■ "}.try-ok{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--state-ok)}.try-ok:before{content:"● "}.try-lines{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.try-lines li,.try-total{justify-content:space-between;gap:var(--space-4);display:flex}.try-total{padding-top:var(--space-3);border-top:1px dashed color-mix(in srgb, var(--paper) 35%, transparent);font-family:var(--font-mono);margin:0}.try-held{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--mauve-light);margin:0}.try-wait{font-size:var(--text-sm);color:color-mix(in srgb, var(--sky) 80%, var(--paper));margin:0}.try-summary{gap:var(--space-3);display:grid}.try-order p{margin:0}.try-order .btn-secondary{color:var(--paper);border-color:var(--paper);background:0 0}@media (width<=47.99rem){.try-sheet{padding:var(--space-3)}.try thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.try tbody tr{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--hair);grid-template-columns:auto 1fr 1fr;align-items:start;display:grid}.try tbody th,.try tbody td{border:0;padding:0}.try tbody th,.try-status{grid-column:1/-1}.try td[data-label]:before{content:attr(data-label);content:attr(data-label) / "";font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);margin-bottom:var(--space-1);display:block}.try-input{width:100%}}.try-order .btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.crumbs{padding-top:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.crumbs a{color:var(--ink);min-height:var(--space-11);align-items:center;display:inline-flex}.journey-frame{gap:var(--space-6);display:grid}.journey-stages{gap:var(--space-2);display:grid}.journey-stage{grid-template-columns:var(--space-10) 1fr;column-gap:var(--space-3);text-align:left;min-height:var(--space-11);padding:var(--space-3);border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;display:grid}.journey-stage:hover{border-color:var(--ink)}.journey-stage[aria-pressed=true]{border-color:var(--blue);background:color-mix(in srgb, var(--sky) 10%, var(--white))}.journey-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--blue);padding-top:var(--space-1);grid-row:span 2}.journey-title{font-weight:500}.journey-body{font-size:var(--text-sm);color:var(--fg-secondary)}.journey-canvas{gap:var(--space-2);min-width:0;display:grid}.journey-note{font-size:var(--text-xs);color:var(--fg-muted);margin:0}@media (width>=64rem){.journey-frame{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);align-items:center}html[data-motion=on] .journey{height:340vh}html[data-motion=on] .journey-frame{min-height:100vh;position:sticky;top:0}}.ink-field{aspect-ratio:16/9;background:var(--charcoal);border-radius:var(--radius-sm);position:relative;overflow:hidden}.ink-field-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ink-field .hatch-line.hatch-ink{stroke:var(--paper);opacity:.35}.ink-field .hatch-line.hatch-electric{stroke:var(--sky)}.ink-field[data-live] .ink-field-fallback{visibility:hidden}.ink-field-key{gap:var(--space-2) var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-secondary);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ink-field-key li{align-items:center;gap:var(--space-2);display:flex}.ink-field-swatch{width:var(--space-5);height:var(--space-1);border-radius:var(--radius-full);background:var(--paper);box-shadow:0 0 0 1px var(--charcoal);display:inline-block}.ink-field-swatch.is-electric{background:var(--sky);box-shadow:none}.ink-field-swatch.is-mauve{background:var(--mauve);box-shadow:none}.journey-canvas{position:relative}.journey-field{aspect-ratio:16/10}.journey-stage-label{z-index:1;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--charcoal) 80%, transparent);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;position:absolute}.run{gap:var(--space-5);display:grid}.run-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.run-tab{min-height:var(--space-11);padding:0 var(--space-5);border:1px solid var(--ink);border-radius:var(--radius-full);background:var(--white);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.run-tab[aria-pressed=true]{background:var(--charcoal);color:var(--paper);border-color:var(--charcoal)}.run-body{gap:var(--space-5);display:grid}@media (width>=64rem){.run-body{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:stretch}}.run-canvas{min-width:0;padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);background-color:var(--charcoal);background-image:radial-gradient(circle, color-mix(in srgb, var(--paper) 16%, transparent) 0 6%, transparent 9%);background-size:var(--space-5) var(--space-5);gap:var(--space-6);align-content:start;display:grid;position:relative}.run-note{z-index:1;max-width:26rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--paper) 10%, var(--charcoal));border:1px solid color-mix(in srgb, var(--paper) 22%, transparent);color:var(--paper);position:relative}.run-note-head{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 75%, transparent)}.run-note .run-points{font-size:var(--text-sm)}.run-note .run-points li:before{color:var(--sky)}.run-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.run-edge{fill:none;stroke:color-mix(in srgb, var(--paper) 25%, transparent);stroke-width:calc(var(--space-1) / 2);transition:stroke var(--motion-base) ease}.run-edge.is-done{stroke:color-mix(in srgb, var(--state-ok) 60%, var(--white))}.run-edge.is-held{stroke:var(--mauve-light)}.run-edge.is-waiting,.run-edge.is-running{stroke:var(--sky)}.run-edge.is-tool{stroke-width:1px;stroke-dasharray:4 5}.run-flow{z-index:1;gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid;position:relative}.run-node .run-label,.run-node .run-sub,.run-toolitem .run-sub{background:var(--charcoal);padding-inline:var(--space-1)}.run-node{grid-template-columns:calc(var(--space-12) * 1.3) minmax(0, 1fr);column-gap:var(--space-4);color:var(--paper);align-items:center;display:grid;position:relative}.run-node .run-tile{grid-row:1/span 2}.run-node .run-label{align-self:end}.run-node>.run-sub{align-self:start}.run-node.is-branch,.run-tools{margin-left:calc(var(--space-12) * 1.3 + var(--space-4))}.run-tools{gap:var(--space-4);display:flex}.run-toolitem{justify-items:center;gap:var(--space-1);text-align:center;max-width:calc(var(--space-12) * 1.6);display:grid}@media (width>=48rem){.run-flow{gap:var(--space-8) var(--space-3);grid-template-rows:auto auto auto auto;grid-template-columns:repeat(5,minmax(0,1fr))}.run-node,.run-tools{grid-column:var(--col);grid-row:var(--row)}.run-note{grid-area:1/1/auto/-1;justify-self:start}.run-node{text-align:center;align-content:start;place-items:start center;gap:var(--space-1);grid-template-columns:1fr}.run-node .run-tile{grid-row:auto}.run-node .run-label{margin-top:var(--space-2)}.run-node.is-branch,.run-tools{margin-left:0}.run-tools{justify-content:center;align-self:end;gap:var(--space-2)}}.run-tile{z-index:1;width:calc(var(--space-12) * 1.3);aspect-ratio:1;border-radius:var(--radius-md);background:color-mix(in srgb, var(--paper) 7%, var(--charcoal));border:calc(var(--space-1) / 2) solid color-mix(in srgb, var(--paper) 18%, transparent);transition:border-color var(--motion-base) ease, box-shadow var(--motion-base) ease, opacity var(--motion-base) ease;place-items:center;display:grid;position:relative}.run-node.is-branch .run-tile{width:var(--space-12);border-style:dashed}.run-tile .dotglyph{width:62%}.dotglyph .on{fill:color-mix(in srgb, var(--paper) 88%, transparent)}.dotglyph .off{fill:color-mix(in srgb, var(--paper) 22%, transparent)}.run-label{font-size:var(--text-sm)}.run-sub{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb, var(--paper) 70%, transparent)}.run-node.is-done .run-tile{border-color:color-mix(in srgb, var(--state-ok) 60%, var(--white))}.run-node.is-held .run-tile{border-color:var(--mauve-light);border-style:solid}.run-node.is-held .dotglyph .on{fill:var(--mauve-light)}.run-node.is-waiting .run-tile{border-color:var(--sky);box-shadow:0 0 0 var(--space-1) color-mix(in srgb, var(--sky) 30%, transparent);border-style:solid}.run-node.is-running .run-tile{border-color:var(--sky)}.run-node.is-idle .run-tile,.run-node.is-branch.is-idle .run-tile{opacity:.55}.run-tool{width:var(--space-9);aspect-ratio:1;border-radius:var(--radius-full);background:color-mix(in srgb, var(--paper) 7%, var(--charcoal));border:1px dashed color-mix(in srgb, var(--paper) 40%, transparent);place-items:center;display:grid}.run-tool .dotglyph{width:62%}.run-side{gap:var(--space-4);align-content:start;display:grid}.run-points{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.run-points li{padding-left:var(--space-6);position:relative}.run-points li:before{content:"→";content:"→" / "";font-family:var(--font-mono);color:var(--blue);position:absolute;left:0}.run-status{padding:var(--space-3) 0 0;border-top:1px solid var(--hair);gap:var(--space-1);font-size:var(--text-sm);margin:0;list-style:none;display:grid}.run-status li{justify-content:space-between;gap:var(--space-3);display:flex}.run-state{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted)}.run-status .is-done .run-state{color:var(--state-ok)}.run-status .is-held .run-state{color:var(--state-risk)}.run-status .is-waiting .run-state{color:var(--blue)}.run-replay{justify-self:start;display:none}html[data-motion=on] .run-replay{display:inline-flex}@keyframes dg-on{0%{opacity:.15}to{opacity:1}}@keyframes run-flow{to{stroke-dashoffset:-18px}}@keyframes run-ring{50%{box-shadow:0 0 0 var(--space-2) color-mix(in srgb, var(--sky) 10%, transparent)}}@media (prefers-reduced-motion:no-preference){html[data-motion=on] .run-node.is-running .dotglyph .on{animation:dg-on var(--motion-slow) ease both;animation-delay:calc(var(--i) * var(--motion-fast) / 6)}html[data-motion=on] .run-node.is-waiting .run-tile{animation:run-ring calc(var(--motion-slow) * 4) ease-in-out infinite}html[data-motion=on] .run-edge.is-running,html[data-motion=on] .run-edge.is-tool:not(.is-idle){stroke-dasharray:4 5;animation:run-flow calc(var(--motion-slow) * 2) linear infinite}}.wfc{gap:var(--space-4);display:grid}.wfc-canvas{padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);background-color:var(--charcoal);color:var(--paper);background-image:radial-gradient(circle, color-mix(in srgb, var(--paper) 16%, transparent) 0 6%, transparent 9%);background-size:var(--space-5) var(--space-5);position:relative}.wfc,.wfc>*,.wfc-canvas,.story>*{min-width:0}.wfc-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;border-radius:var(--radius-md);max-width:100%;overflow-x:auto}.wfc-stage{min-width:64rem;position:relative}.wfc-flow{z-index:1;gap:var(--space-5) var(--space-6);grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid;position:relative}.wfc-flow>[style],.wfc-steps>[style]{grid-column:var(--col) / span var(--span);grid-row:var(--row);scroll-snap-align:start}.wfc-swipe{margin:var(--space-3) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 75%, transparent)}.wfc-canvas.is-swiped .wfc-swipe{visibility:hidden}.wfc-canvas.is-fit .wfc-swipe{display:none}@media (width>=84rem){.wfc-canvas:not(.is-overflow) .wfc-swipe{display:none}}.wfc-kind{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 75%, transparent);margin:0}.wfc-node{gap:var(--space-2);display:grid}.wfc-body{align-items:center;gap:var(--space-3);display:flex}.wfc-source .wfc-body{text-align:center;gap:var(--space-2);flex-direction:column}.wfc-tile{width:var(--space-12);aspect-ratio:1;border-radius:var(--radius-md);background:color-mix(in srgb, var(--paper) 7%, var(--charcoal));border:calc(var(--space-1) / 2) solid color-mix(in srgb, var(--paper) 18%, transparent);transition:border-color var(--motion-base) ease, box-shadow var(--motion-base) ease, opacity var(--motion-base) ease;flex:none;place-items:center;display:grid}.wfc-tile .dotglyph{width:62%}.wfc-mark{background:var(--paper)}.wfc-mark img{object-fit:contain;width:58%;height:58%}.wfc-text{gap:var(--space-1);font-size:var(--text-sm);background:var(--charcoal);padding-inline:var(--space-1);display:grid}.wfc-does{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb, var(--paper) 70%, transparent)}.wfc-steps{gap:var(--space-4);padding:0;padding-left:calc(var(--space-12) + var(--space-3));justify-items:start;margin:0;list-style:none;display:grid}.wfc-step{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--paper) 7%, var(--charcoal));border:1px solid color-mix(in srgb, var(--paper) 22%, transparent);transition:border-color var(--motion-base) ease}.wfc .is-done .wfc-tile,.wfc-step.is-done{border-color:color-mix(in srgb, var(--state-ok) 60%, var(--white))}.wfc .is-running .wfc-tile,.wfc-step.is-running{border-color:var(--sky)}.wfc .is-waiting .wfc-tile{border-color:var(--mauve-light);box-shadow:0 0 0 var(--space-1) color-mix(in srgb, var(--mauve-light) 30%, transparent)}.wfc .is-waiting .dotglyph .on{fill:var(--mauve-light)}.wfc .is-idle .wfc-tile,.wfc-step.is-idle{opacity:.55}.wfc .run-edge.is-waiting{stroke:var(--mauve-light)}.wfc-steps{display:contents}.wfc-step{text-align:center;justify-self:center}.wfc-source .wfc-body{text-align:left;flex-direction:row}.wfc-node:not(.wfc-source){align-self:center}@media (prefers-reduced-motion:no-preference){html[data-motion=on] .wfc .is-waiting .wfc-tile{animation:wfc-ring calc(var(--motion-slow) * 4) ease-in-out infinite}}@keyframes wfc-ring{50%{box-shadow:0 0 0 var(--space-2) color-mix(in srgb, var(--mauve-light) 10%, transparent)}}.tpl-links{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));margin:0;padding:0;list-style:none;display:grid}.tpl-links a{gap:var(--space-1);min-height:var(--space-12);padding:var(--space-3) var(--space-4);border:1px solid var(--hair);border-radius:var(--radius-sm);color:var(--ink);background:var(--white);text-decoration:none;display:grid}.tpl-links a:hover{border-color:var(--ink)}.tpl-k{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.wf-title a{min-height:var(--space-11);color:inherit;text-underline-offset:.2em;align-items:center;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.svc-rule{gap:var(--space-2);max-width:44rem;margin:0;padding:0;list-style:none;display:grid}.svc-rule li{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-8);border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--white);position:relative}.svc-rule li:before{content:"";left:var(--space-4);width:var(--space-2);height:var(--space-2);background:var(--ink);position:absolute;top:50%;transform:translateY(-50%)}.card-link{min-height:var(--space-11);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;align-items:center;display:inline-flex}.pj-facts{gap:var(--space-6);flex-wrap:wrap;margin:0;display:flex}.pj-facts dt{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.pj-facts dd{margin:var(--space-1) 0 0;color:var(--ink)}.pj-method{gap:var(--space-2);counter-reset:pj;max-width:48rem;margin:0;padding:0;list-style:none;display:grid}.pj-method li{counter-increment:pj;grid-template-columns:var(--space-8) 1fr;column-gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--white);display:grid}.pj-method li:before{content:counter(pj, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);padding-top:var(--space-1);grid-row:span 2}.pj-method strong{color:var(--ink)}.pj-built{gap:var(--space-2);max-width:48rem;margin:0;padding:0;list-style:none;display:grid}.pj-built li{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-8);border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--white);position:relative}.pj-built li:before{content:"";left:var(--space-4);width:var(--space-2);height:var(--space-2);background:var(--ink);position:absolute;top:50%;transform:translateY(-50%)}.faq{border-top:1px solid var(--border-subtle);max-width:64rem;display:grid}.faq-item{gap:var(--space-2);padding-block:var(--space-6);border-bottom:1px solid var(--border-subtle);display:grid}.faq-item dt{font-size:var(--text-xl);color:var(--ink);font-weight:600}.faq-item dd{justify-items:start;gap:var(--space-2);font-size:var(--text-lg);color:var(--fg-secondary);margin:0;line-height:1.5;display:grid}@media (width>=56rem){.faq-item{gap:var(--space-8);grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.tscreen{margin:var(--space-8) 0 0}.tscreen-frame{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-raised);overflow:hidden}.tscreen-head{justify-content:space-between;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--paper);flex-wrap:wrap;display:flex}.tscreen-name{color:var(--ink);margin:0;font-weight:600}.tscreen-place{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-muted);margin:0}.tscreen-layers{margin:0;padding:0;list-style:none}.tscreen-layer{gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border-subtle);display:grid}.tscreen-layer:last-child{border-bottom:0}.tscreen-label h3{font-size:var(--text-base);color:var(--ink);margin:0}.tscreen-label p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--fg-secondary)}.tscreen-rows{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tscreen-row{padding:var(--space-2) var(--space-3);border-left:var(--space-1) solid var(--border-subtle);background:var(--bg-canvas);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-primary)}.tscreen-row.is-ok{border-left-color:var(--state-ok)}.tscreen-row.is-warn{border-left-color:var(--state-warn)}.tscreen-row.is-risk{border-left-color:var(--state-risk)}.tscreen-row.is-info{border-left-color:var(--state-info)}@media (width>=48rem){.tscreen-layer{gap:var(--space-6);grid-template-columns:16rem 1fr}}.question-list{margin:var(--space-6) 0 0;padding-left:var(--space-6);gap:var(--space-3);font-size:var(--text-lg);color:var(--ink);display:grid}.showcase>.code-card{container-type:inline-size}@container (width<=34rem){.showcase .code-line:has(.code-k){grid-template-columns:minmax(0,1fr)}.showcase .code-line .code-v{padding-left:2ch}}@media (width>=48rem) and (width<=63.99rem){.card-grid>:last-child:nth-child(odd),.steps>:last-child:nth-child(odd),.showcase-odd{grid-column:1/-1}.fm-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (width>=48rem) and (width<=79.99rem){.tpl-links:where(:has(>:nth-child(4):last-child)),.gallery-strip:where(:has(>:nth-child(4):last-child)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.card-grid:where(:has(>:nth-child(4):last-child)){grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-links:where(:has(>:nth-child(5):last-child)),.tpl-links:where(:has(>:nth-child(7))){grid-template-columns:repeat(3,minmax(0,1fr))}.tpl-links:where(:has(>:nth-child(7)))>:last-child:nth-child(3n+1){grid-column:1/-1}.gallery-strip:where(:has(>:nth-child(5):last-child)),.steps:where(:has(>:nth-child(3):last-child),:has(>:nth-child(6):last-child)){grid-template-columns:repeat(3,minmax(0,1fr))}.principles .card-grid>:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=48rem) and (width<=63.99rem){.gallery-strip:where(:has(>:nth-child(5):last-child)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=63.99rem){.gallery-strip>:nth-child(5):last-child,.tpl-links>:last-child:nth-child(odd){grid-column:1/-1}}.stories{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.story{gap:var(--space-6);padding:var(--space-6) var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--charcoal);color:var(--paper);--fg-primary:var(--paper);--fg-secondary:var(--paper);--fg-muted:color-mix(in srgb, var(--paper) 82%, var(--charcoal));--border-subtle:color-mix(in srgb, var(--paper) 30%, transparent);--border-strong:var(--paper);--accent-base:var(--paper);--accent-hover:var(--mauve-light);--accent-fg:var(--ink);display:grid}.story-head{gap:var(--space-3);max-width:44rem;display:grid}.story-head h3{font-size:var(--text-xl);color:var(--paper);margin:0;line-height:1.15}.story-head p{color:color-mix(in srgb, var(--paper) 85%, transparent);margin:0}.story .eyebrow{color:color-mix(in srgb, var(--paper) 75%, transparent)}.story .eyebrow:before{background:var(--mauve-light)}.story-link{justify-self:start;align-items:center;gap:var(--space-2);min-height:var(--space-11);color:var(--paper);text-underline-offset:var(--space-1);text-decoration:underline;display:inline-flex}.story-link:hover{color:var(--sky)}.story .wfc-canvas{background-color:#0000;padding-inline:0}@media (width>=48rem){.story{padding:var(--space-10) var(--space-8) var(--space-8)}.story-head h3{font-size:var(--text-2xl)}}.wf-group>h3{margin:var(--space-6) 0 0;font-size:var(--text-xl)}.wf-group>p{color:var(--fg-secondary);max-width:56ch;margin:0}