*{box-sizing:border-box}html{color:var(--fw-text);background:var(--fw-bg);font-family:var(--fw-font)}body{min-width:320px;min-height:100vh;margin:0;padding:64px 20px}.examples-index{overflow-wrap:anywhere;width:min(760px,100%);margin:0 auto}.examples-index ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.examples-index h2{letter-spacing:var(--fw-tracking-heading);text-wrap:balance;margin:0 0 10px;font-size:clamp(24px,3vw,28px);line-height:1.2}.examples-index h3{font-size:var(--fw-font-size-2xl);line-height:var(--fw-line-tight);margin:0 0 8px}.examples-index>section+section{margin-top:72px}.examples-index a{color:var(--fw-primary-strong);text-underline-offset:2px;text-decoration:underline}.examples-index a:hover{text-decoration-thickness:2px}.examples-index a:focus-visible{outline:3px solid var(--fw-text);outline-offset:3px;box-shadow:0 0 0 6px var(--fw-focus-ring)}.examples-index strong{color:var(--fw-primary-strong);font-size:var(--fw-font-size-2xl)}.examples-index span{color:var(--fw-text-secondary);line-height:1.5}.hero{margin-bottom:40px;display:grid}.hero__eyebrow{color:var(--fw-text-secondary);font-size:var(--fw-font-size-lg);font-weight:var(--fw-weight-strong);margin:0}.hero__title{letter-spacing:var(--fw-tracking-heading);text-wrap:balance;margin:12px 0 0;font-size:clamp(28px,4vw,38px);line-height:1.1}.hero__title em{color:inherit;font-style:normal}.hero__title .hero__nowrap{color:inherit;white-space:nowrap}.hero__lead{max-width:46ch;color:var(--fw-text-secondary);font-size:var(--fw-font-size-2xl);margin:18px 0 0;line-height:1.6}.hero__for{max-width:52ch;color:var(--fw-text-secondary);font-size:var(--fw-font-size-lg);margin:14px 0 0;line-height:1.6}.hero__name{max-width:46ch;color:var(--fw-text);font-size:var(--fw-font-size-lg);margin:14px 0 0;font-style:italic;line-height:1.6}.hero .hero__why{box-shadow:none;color:var(--fw-primary-strong,var(--fw-primary));font-style:normal;font-weight:var(--fw-weight-strong);text-underline-offset:3px;background:0 0;border:0;margin-top:10px;padding:0;text-decoration:underline;display:block}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero .hero__cta{padding:var(--fw-space-3) var(--fw-space-5);line-height:var(--fw-line-tight);border-radius:var(--fw-radius-button);box-shadow:none;font-weight:var(--fw-weight-heading);border:1px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.hero .hero__cta:focus-visible{outline:3px solid var(--fw-text);outline-offset:3px;box-shadow:0 0 0 6px var(--fw-focus-ring)}.hero .hero__cta--primary{background:var(--fw-primary);color:var(--fw-on-primary);box-shadow:var(--fw-shadow-sm)}.hero .hero__cta--primary:hover{background:var(--fw-primary-hover)}.hero .hero__cta--ghost{border-color:var(--fw-border);background:var(--fw-surface);color:var(--fw-text-strong)}.hero .hero__cta--ghost:hover{border-color:var(--fw-primary-muted);background:var(--fw-surface-subtle)}.hero__art{margin-top:32px}.hero__clip{aspect-ratio:662/398;border-radius:10px;width:100%;height:auto;display:block}.hero__clip-pause{padding:var(--fw-space-1) var(--fw-space-3);border:1px solid var(--fw-border);border-radius:var(--fw-radius-chip);color:var(--fw-text-secondary);font:inherit;font-size:var(--fw-font-size-sm);cursor:pointer;background:0 0;margin-top:8px}.hero__clip-pause:hover{color:var(--fw-text);border-color:var(--fw-text-secondary)}@media (prefers-reduced-motion:reduce){.hero__clip-pause{display:none}}.hero__canvas{padding:var(--fw-space-5);background:var(--fw-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.hero__flow{background:radial-gradient(circle, var(--fw-border) 1px, transparent 1px) 0 0/22px 22px, var(--fw-canvas);--fw-flow-scale:1;width:560px;height:250px;transform:scale(var(--fw-flow-scale));transform-origin:0 0;margin-right:calc(560px * (var(--fw-flow-scale) - 1));margin-bottom:calc(250px * (var(--fw-flow-scale) - 1));position:relative}.hero__wires{width:560px;height:250px;position:absolute;top:0;left:0}.hero__wire{stroke:var(--fw-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hero__node{border:1px solid var(--fw-border-subtle);background:var(--fw-surface);box-shadow:var(--fw-shadow-sm);border-radius:10px;position:absolute}.hero__node--question{width:160px;top:46px;left:0}.hero__node--rule{width:148px;top:46px;left:216px}.hero__node--result-yes{width:140px;top:40px;left:420px}.hero__node--result-no{width:140px;top:146px;left:420px}.hero__row{justify-content:flex-end;align-items:center;gap:8px;min-height:24px;padding:0 12px;display:flex;position:relative}.hero__node .hero__row-label{color:var(--fw-text-strong);font-size:var(--fw-font-size-xs);font-weight:var(--fw-weight-strong)}.hero__dot{border:2px solid var(--fw-surface);background:var(--fw-primary);width:11px;height:11px;box-shadow:0 0 0 1.5px var(--fw-primary);border-radius:50%;position:absolute;right:-6px}.hero__dot--in{margin-top:-5.5px;top:calc(50% + 13px);left:-6px;right:auto}.hero__node .hero__node-head{height:26px;color:var(--fw-on-node);font-size:var(--fw-font-size-xs);font-weight:var(--fw-weight-heading);border-radius:9px 9px 0 0;align-items:center;padding:0 12px;display:flex}.hero__node-body{padding:var(--fw-space-2) var(--fw-space-3);color:var(--fw-text);font-size:var(--fw-font-size-base);font-weight:var(--fw-weight-strong);display:block}.hero__node--question .hero__node-head{background:var(--fw-node-content)}.hero__node--rule .hero__node-head{background:var(--fw-node-rule)}.hero__node--result-yes .hero__node-head,.hero__node--result-no .hero__node-head{background:var(--fw-node-end)}@media (width<=720px){.hero{padding:32px 24px}}@media (width<=560px){.hero__canvas{padding:var(--fw-space-3)}}@media (width<=430px){.hero{padding:28px 16px}.hero__canvas{padding:8px}}.examples-index__why>p{max-width:60ch;color:var(--fw-text-secondary);font-size:var(--fw-font-size-2xl);margin:0 0 20px;line-height:1.6}.examples-index .examples-index__points,.examples-index .examples-index__why-list,.examples-index .examples-index__owning-list{gap:var(--fw-space-5) 36px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.examples-index .examples-index__points li,.examples-index .examples-index__points li>div,.examples-index .examples-index__why-list li,.examples-index .examples-index__why-list li>div,.examples-index .examples-index__owning-list li,.examples-index .examples-index__owning-list li>div{align-content:start;gap:4px;display:grid}.examples-index .examples-index__points strong,.examples-index .examples-index__why-list strong,.examples-index .examples-index__owning-list strong{color:var(--fw-text);font-size:var(--fw-font-size-xl);line-height:1.3}.examples-index .examples-index__points span,.examples-index .examples-index__why-list span,.examples-index .examples-index__owning-list span{color:var(--fw-text-secondary);font-size:var(--fw-font-size-lg);line-height:1.55}@media (width<=640px){.examples-index .examples-index__points,.examples-index .examples-index__why-list,.examples-index .examples-index__owning-list{gap:var(--fw-space-4);grid-template-columns:1fr}}.examples-index__nav-lead{max-width:60ch;color:var(--fw-text-secondary);margin:0 0 32px;line-height:1.6}.examples-index__group{margin-bottom:40px}.examples-index__group h3{font-size:var(--fw-font-size-2xl);margin:0 0 6px}.examples-index__group>p{max-width:60ch;color:var(--fw-text-secondary);margin:0 0 16px;line-height:1.6}.examples-index .examples-index__guides{border-top:1px solid var(--fw-border-subtle);margin:0;padding:0;list-style:none;display:block}.examples-index__guide{padding:var(--fw-space-4) 2px;border-bottom:1px solid var(--fw-border-subtle);justify-content:space-between;align-items:baseline;gap:20px;display:flex}.examples-index__guide-text{min-width:0;display:block}.examples-index__guide-text strong{align-items:center;gap:var(--fw-space-2);color:var(--fw-text);font-size:var(--fw-font-size-xl);flex-wrap:wrap;margin-bottom:2px;display:flex}.examples-index__guide-text span{max-width:62ch;font-size:var(--fw-font-size-md);display:block}.examples-index__doors{gap:var(--fw-space-2);flex:none;display:flex}.examples-index .examples-index__door,.examples-index__door-gap{min-width:5.5rem}.examples-index .examples-index__door{padding:var(--fw-space-1) var(--fw-space-3);border:1px solid var(--fw-border);border-color:color-mix(in oklab, currentcolor 34%, transparent);border-radius:var(--fw-radius-chip);box-shadow:none;font-size:var(--fw-font-size-base);font-weight:var(--fw-weight-strong);white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.examples-index .examples-index__door--build{background:var(--fw-node-content-tint);color:var(--fw-node-content-ink)}.examples-index .examples-index__door--try{background:var(--fw-node-end-tint);color:var(--fw-node-end-ink)}.examples-index .examples-index__door:hover{box-shadow:none;border-color:currentColor}@media (width<=560px){.examples-index__guide{align-items:stretch;gap:var(--fw-space-3);flex-direction:column}.examples-index__door-gap{display:none}}.examples-index__start h2{margin:0 0 14px}.examples-index__more>h2{margin:0 0 6px}.examples-index__more>p{max-width:60ch;color:var(--fw-text-secondary);margin:0 0 24px;line-height:1.6}.examples-index__more-details{margin-top:4px}.examples-index__more-details>summary{cursor:pointer;padding:var(--fw-space-2) 2px;color:var(--fw-primary-strong);font-size:var(--fw-font-size-md);font-weight:var(--fw-weight-strong);list-style-position:inside}.examples-index__more-details>summary:hover{text-decoration:underline}.examples-index__more-details>ul{margin-top:10px}.examples-index__start-more{color:var(--fw-text-secondary);margin:16px 0 0;line-height:1.6}.examples-index__start-more+.examples-index__points{margin-top:22px}.examples-index__start-more a{text-decoration:underline}.examples-index__start-more a:hover{box-shadow:none;border-color:#0000}.examples-index__film{margin-bottom:var(--fw-space-7)}.examples-index__film h2{font-size:var(--fw-font-size-3xl);margin:0 0 12px}.examples-index__why .examples-index__film{margin:44px 0 0}.examples-index__film-lead{max-width:60ch;color:var(--fw-text-secondary);margin:0 0 16px}.examples-index__video{aspect-ratio:16/9;border:1px solid var(--fw-border);border-radius:var(--fw-radius-xl,12px);background:var(--fw-surface-subtle);width:100%;height:auto;display:block}.examples-index__film-text{max-width:70ch;margin-top:16px}.examples-index__film-text+.examples-index__film-lead{margin-top:14px}.examples-index__film-text summary{cursor:pointer;font-weight:var(--fw-weight-strong)}.examples-index__film-text ol{padding-left:var(--fw-space-5);color:var(--fw-text-secondary);margin:12px 0 0;line-height:1.6}.examples-index__dev{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}@media (width<=720px){.examples-index__dev{grid-template-columns:minmax(0,1fr);gap:24px}}.examples-index__dev-intro h2{margin:0 0 10px}.examples-index__dev-intro p{color:var(--fw-text-secondary);margin:0}.examples-index .examples-index__dev-cta{background:var(--fw-primary);box-shadow:none;color:var(--fw-on-primary);font-weight:var(--fw-weight-strong);border:0;border-radius:10px;align-items:center;margin-top:20px;padding:12px 20px;text-decoration:none;display:inline-flex}.examples-index .examples-index__dev-cta:hover{background:var(--fw-primary-hover)}.examples-index__dev-intro .examples-index__dev-links{color:var(--fw-text-secondary);font-size:var(--fw-font-size-md);margin:20px 0 0;line-height:1.6}.examples-index__dev-panel{border:1px solid var(--fw-border-subtle);background:var(--fw-surface);box-shadow:var(--fw-shadow-sm);border-radius:14px;padding:20px}.examples-index__dev-panel-title{color:var(--fw-text-muted);font-size:var(--fw-font-size-base);font-weight:var(--fw-weight-strong);margin:0 0 10px}.examples-index__dev-panel pre{padding:var(--fw-space-4);background:var(--fw-surface-subtle);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:0;font-size:12.5px;line-height:1}.examples-index__dev-panel code{font-family:var(--fw-font-mono)}.examples-index .examples-index__dev-facts{gap:var(--fw-space-2);color:var(--fw-text-secondary);font-size:var(--fw-font-size-md);margin:16px 0 0;padding:0;list-style:none;display:grid}.examples-index .examples-index__dev-facts li{padding-left:var(--fw-space-4);position:relative}.examples-index .examples-index__dev-facts li:before{content:"";border-radius:var(--fw-radius-pill);background:var(--fw-primary);width:6px;height:6px;position:absolute;top:.6em;left:2px}@keyframes hero-wire-draw{0%{stroke-dashoffset:120px}to{stroke-dashoffset:0}}.hero__wire{stroke-dasharray:120;animation:.45s both hero-wire-draw}.hero__wire--1{animation-delay:.25s}.hero__wire--2{animation-delay:.35s}.hero__wire--3{animation-delay:1.15s}.hero__wire--4{animation-delay:1.25s}@media (width<=660px){.hero__flow{--fw-flow-scale:.86}}@media (width<=560px){.hero__flow{--fw-flow-scale:.72}}@media (width<=480px){.hero__flow{--fw-flow-scale:.58}}@media (width<=400px){.hero__flow{--fw-flow-scale:.44}}@media (prefers-reduced-motion:reduce){.hero__wire{stroke-dashoffset:0;animation:none}}.examples-index__owning{margin-top:44px}.examples-index__owning-lead{max-width:68ch;font-size:var(--fw-font-size-2xl);color:var(--fw-text-secondary);margin:0 0 24px;line-height:1.6}.examples-index__owning-wide{grid-column:1/-1}.examples-index__owning-note{max-width:68ch;color:var(--fw-text-secondary);font-size:var(--fw-font-size-lg);margin:24px 0 0;line-height:1.6}.examples-index .examples-index__toc{margin:0 0 64px}.examples-index .examples-index__toc ul{flex-wrap:wrap;gap:0 24px;margin:0;padding:0;list-style:none;display:flex}.examples-index .examples-index__toc a{min-height:var(--fw-control-height);color:var(--fw-primary-strong);font-size:var(--fw-font-size-lg);font-weight:var(--fw-weight-strong);align-items:center;text-decoration:none;display:inline-flex}.examples-index .examples-index__toc a:hover{text-underline-offset:4px;text-decoration:underline}.examples-index .examples-index__toc a:focus-visible{outline:3px solid var(--fw-text);outline-offset:2px;box-shadow:0 0 0 5px var(--fw-focus-ring);border-radius:4px}.examples-index__how{margin:1rem 0 1.75rem}.examples-index__how svg{width:100%;height:auto;display:block}.examples-index__how-column{display:none}@media (width<=720px){.examples-index__how-row{display:none}.examples-index__how-column{max-width:24rem;margin:0 auto;display:block}}@media (width<=640px){.examples-index>section+section{margin-top:56px}}.examples-index .examples-index__pro{border-block-start:2px solid var(--fw-primary);margin-block-start:var(--fw-space-7);padding-block-start:var(--fw-space-6)}.examples-index .examples-index__pro h2{margin-block:0 var(--fw-space-3)}.examples-index .examples-index__pro-intro{max-width:65ch;color:var(--fw-text-secondary)}.examples-index .examples-index__pro-adds{margin-block:var(--fw-space-3) var(--fw-space-6);color:var(--fw-text-secondary);padding-inline-start:var(--fw-space-5);list-style:outside}.examples-index .examples-index__guide-text .examples-index__pro-badge{line-height:var(--fw-line-tight);padding-block:0;padding-inline:var(--fw-space-2);border-radius:var(--fw-radius-sm);background:var(--fw-primary-surface);color:var(--fw-primary-strong);font-size:var(--fw-font-size-sm);font-weight:var(--fw-weight-strong);vertical-align:middle;margin-block-end:var(--fw-space-1);display:inline-block}.showcase__intro{max-width:760px}.showcase__case,.showcase__card{margin-top:var(--fw-space-7);border:1px solid var(--fw-border);background:var(--fw-surface);border-radius:16px;padding:24px 28px}.showcase__eyebrow{font-size:var(--fw-font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--fw-primary);margin:0 0 6px;font-weight:800}.showcase__case h1,.showcase__card h2{margin:0 0 12px}.showcase__case p,.showcase__card p{color:var(--fw-text-secondary);margin:10px 0 0;line-height:1.55}.showcase__value{font-weight:var(--fw-weight-strong);color:var(--fw-text-strong)}.showcase__actions{gap:var(--fw-space-3);flex-wrap:wrap;margin:16px 0 0;display:flex}.showcase .showcase__cta{padding:var(--fw-space-3) var(--fw-space-4);border-radius:var(--fw-radius-button);font-weight:var(--fw-weight-heading);align-items:center;text-decoration:none;display:inline-flex}.showcase .showcase__cta--primary{background:var(--fw-primary);color:var(--fw-on-primary)}.showcase .showcase__cta--ghost{border:1px solid var(--fw-border-control);color:var(--fw-text-strong)}.showcase .showcase__cta:focus-visible{outline:3px solid var(--fw-text);outline-offset:2px;box-shadow:0 0 0 5px var(--fw-focus-ring)}.showcase__to-film{margin:12px 0 0}.showcase .showcase__to-film a{align-items:center;gap:var(--fw-space-2);min-height:var(--fw-control-height);display:inline-flex}.showcase__case .examples-index__film{margin-top:20px}.showcase__interest{margin-top:var(--fw-space-7);max-width:62ch}.showcase__interest h2{font-size:var(--fw-font-size-3xl);margin:0 0 8px}.showcase__interest p{color:var(--fw-text-secondary);margin:0;line-height:1.55}.showcase__more{margin-top:var(--fw-space-7)}.showcase__more h2{font-size:var(--fw-font-size-2xl);margin:0 0 12px}.showcase__more ul{padding-left:var(--fw-space-5);margin:0;line-height:1.7}