*{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{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:-.01em;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);margin:0 0 8px;line-height:1.25}.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-offset:3px;outline:3px solid #4f46e540}.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);margin:0;font-weight:600}.hero__title{letter-spacing:-.01em;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));text-underline-offset:3px;background:0 0;border:0;margin-top:10px;padding:0;font-style:normal;font-weight:600;text-decoration:underline;display:block}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero .hero__cta{box-shadow:none;border:0;border-radius:10px;align-items:center;padding:13px 22px;font-weight:700;text-decoration:none;display:inline-flex}.hero .hero__cta:focus-visible{outline:3px solid var(--fw-focus-ring,#4f46e559);outline-offset:3px}.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:1px solid 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{border:1px solid var(--fw-border);color:var(--fw-text-secondary);font:inherit;font-size:var(--fw-font-size-sm);cursor:pointer;background:0 0;border-radius:999px;margin-top:8px;padding:4px 10px}.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{border:1px solid var(--fw-border-subtle);background:var(--fw-canvas);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:22px;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:600}.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);border-radius:9px 9px 0 0;align-items:center;padding:0 12px;font-weight:700;display:flex}.hero__node-body{color:var(--fw-text);font-size:var(--fw-font-size-base);padding:9px 12px;font-weight:600;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:10px}}@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{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px;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{grid-template-columns:1fr;gap:18px}}.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{border-bottom:1px solid var(--fw-border-subtle);justify-content:space-between;align-items:baseline;gap:20px;padding:14px 2px;display:flex}.examples-index__guide-text{min-width:0;display:block}.examples-index__guide-text strong{color:var(--fw-text);font-size:var(--fw-font-size-xl);margin-bottom:2px;display:block}.examples-index__guide-text span{max-width:62ch;font-size:var(--fw-font-size-md);display:block}.examples-index__doors{flex:none;gap:6px;display:flex}.examples-index .examples-index__door,.examples-index__door-gap{min-width:5.5rem}.examples-index .examples-index__door{border:1px solid var(--fw-border);border-color:color-mix(in oklab, currentcolor 34%, transparent);box-shadow:none;font-size:var(--fw-font-size-base);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 12px;font-weight:600;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{flex-direction:column;align-items:stretch;gap:10px}.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;color:var(--fw-primary-strong);font-size:var(--fw-font-size-md);padding:8px 2px;font-weight:600;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:48px}.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:600}.examples-index__film-text ol{color:var(--fw-text-secondary);margin:12px 0 0;padding-left:22px;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);border:0;border-radius:10px;align-items:center;margin-top:20px;padding:12px 20px;font-weight:600;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);margin:0 0 10px;font-weight:600}.examples-index__dev-panel pre{background:var(--fw-surface-subtle);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:0;padding:14px;font-size:12.5px;line-height:1.5}.examples-index__dev-panel code{font-family:var(--fw-font-mono)}.examples-index .examples-index__dev-facts{color:var(--fw-text-secondary);font-size:var(--fw-font-size-md);gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid}.examples-index .examples-index__dev-facts li{padding-left:18px;position:relative}.examples-index .examples-index__dev-facts li:before{content:"";background:var(--fw-primary);border-radius:999px;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:44px;color:var(--fw-primary-strong);font-size:var(--fw-font-size-lg);align-items:center;font-weight:600;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-focus-ring,#4f46e559);outline-offset:2px;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}}.showcase__intro{max-width:760px}.showcase__case,.showcase__card{border:1px solid var(--fw-border);background:var(--fw-surface);border-radius:16px;margin-top:48px;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{color:var(--fw-text-strong);font-weight:600}.showcase__actions{flex-wrap:wrap;gap:10px;margin:16px 0 0;display:flex}.showcase .showcase__cta{border-radius:999px;align-items:center;padding:10px 18px;font-weight:700;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-focus-ring,#4f46e559);outline-offset:2px}.showcase__to-film{margin:12px 0 0}.showcase .showcase__to-film a{align-items:center;gap:6px;min-height:44px;display:inline-flex}.showcase__case .examples-index__film{margin-top:20px}.showcase__interest{max-width:62ch;margin-top:48px}.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:48px}.showcase__more h2{font-size:var(--fw-font-size-2xl);margin:0 0 12px}.showcase__more ul{margin:0;padding-left:22px;line-height:1.7}