.demo{font-weight:500;line-height:1.6}.demo section{border-bottom:0;padding:0}.demo h1,.demo h2,.demo h3{letter-spacing:-.035em;font-weight:600}.demo h1{max-width:1000px;font-size:clamp(46px,6vw,80px);line-height:1.03}.demo h2{font-size:clamp(32px,3.2vw,44px);line-height:1.12}.demo h3{letter-spacing:-.02em;font-size:21px;line-height:1.2}.demo .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo .text-link{text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px}.demo .text-link:hover{text-decoration-color:currentColor}.demo summary:focus-visible,.demo pre:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.demo .button{border:1px solid var(--line-2);white-space:nowrap;min-height:46px;color:var(--ink);border-radius:3px;justify-content:center;align-items:center;gap:12px;padding:11px 18px;font-size:14px;line-height:1.4;transition:border-color .15s,background .15s;display:inline-flex}.demo .button:hover{border-color:var(--ink-3);background:var(--bg-2)}.demo .button.primary{background:var(--lime);border-color:var(--lime);color:var(--lime-ink)}.demo .button.primary:hover{background:var(--lime-hover);border-color:var(--lime-hover)}.demo .actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo .demo-hero{padding:64px 0 38px}.demo .demo-hero .accent{color:var(--accent-text);background-image:linear-gradient(var(--em-mark), var(--em-mark));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 88%;background-repeat:no-repeat;background-size:100% .23em;margin:0 -.06em;padding:0 .06em}.demo .hero-bottom{justify-content:space-between;align-items:center;gap:40px;margin-top:26px;display:flex}.demo .hero-description{max-width:530px;color:var(--ink-2);font-size:18px;line-height:1.6}.demo .film{scroll-margin-top:88px}.demo .film-frame{border:1px solid var(--line-2);color:#e9ede6;background:#0f1315;border-radius:6px;overflow:hidden}.demo .film-stage{aspect-ratio:3126/1744;background:#0f1315;display:block;overflow:hidden}.demo .film-video{object-fit:contain;width:100%;height:100%;display:block}.demo .film-video:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}.demo .film-error{color:var(--ink-2);margin-top:12px;font-size:13px}.demo .film-error[hidden]{display:none}.demo .film-description{max-width:760px;margin-top:12px}.demo .film-description summary{justify-content:flex-start;gap:12px;font-size:13px}.demo .film-description p{color:var(--ink-2);padding-top:10px;font-size:13px}.demo .flow{grid-template-columns:repeat(3,1fr);gap:34px;margin-top:38px;display:grid}.demo .flow-item{border-top:1px solid var(--line-2);padding-top:20px}.demo .flow h3{margin:0 0 10px}.demo .flow p{color:var(--ink-2);max-width:290px;font-size:14px}.demo .app-choice{border-bottom:1px solid var(--line-2);grid-template-columns:4fr 6fr;gap:78px;padding:62px 0 44px;scroll-margin-top:88px;display:grid}.demo .app-choice h2{margin-top:0;font-size:33px}.demo .app-choice p{color:var(--ink-2);font-size:15px}.demo .app-choice .app-note{max-width:650px;font-size:13px;line-height:1.65}.demo .app-picker{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:20px 0 17px;padding:0;display:flex}.demo .app-option{cursor:pointer;position:relative}.demo .app-option input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.demo .app-option span{border:1px solid var(--line-2);min-height:44px;color:var(--ink-2);border-radius:3px;align-items:center;padding:10px 14px;font-size:13px;line-height:1.5;transition:border-color .15s,color .15s;display:flex}.demo .app-option:hover span{border-color:var(--ink-3);color:var(--ink)}.demo .app-option input:checked+span{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}.demo .app-option input:focus-visible+span{outline:2px solid var(--accent-text);outline-offset:4px}.demo .setup{border-bottom:1px solid var(--line-2);grid-template-columns:4fr 6fr;gap:78px;padding:44px 0 72px;scroll-margin-top:88px;display:grid}.demo .setup h2{margin:0 0 20px}.demo .setup-intro{color:var(--ink-2);max-width:340px;font-size:15px}.demo .setup .actions{flex-direction:column;align-items:stretch;max-width:265px;margin-top:24px}.demo .setup-content{min-width:0}.demo .setup ol{counter-reset:step;margin:0;padding:0;list-style:none}.demo .setup li{counter-increment:step;padding:0 0 27px 42px;position:relative}.demo .setup li:before{content:counter(step, decimal-leading-zero);font:12px var(--mono);color:var(--accent-text);position:absolute;top:2px;left:0}.demo .setup li:not(:last-child):after{content:"";background:var(--line-2);width:1px;position:absolute;top:29px;bottom:12px;left:9px}.demo .setup li h3{letter-spacing:-.02em;margin-bottom:8px;font-size:19px}.demo .setup li p{color:var(--ink-2);font-size:14px}.demo .app-panel p+p{margin-top:10px}.demo .setup pre{border:1px solid var(--line-2);background:var(--bg-2);max-width:100%;font:11px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);border-radius:4px;margin:14px 0;padding:16px;overflow:auto}.demo .config-guide{min-height:30px;margin-top:12px;font-size:13px;display:inline-block}.demo .build-client{border-top:1px solid var(--line-2);margin-top:16px;padding-top:12px}.demo .build-client summary{font-size:13px}.demo .setup .build-client p{padding-right:0;font-size:13px}.demo .prompt{border:1px solid var(--line-2);background:var(--bg-2);border-radius:4px;margin:0 0 15px 42px;overflow:hidden}.demo .prompt-head{border-bottom:1px solid var(--line-2);justify-content:flex-end;align-items:center;gap:12px;padding:6px 15px;display:flex}.demo .copy{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;min-height:30px;padding:0 4px;font-size:12px}.demo .prompt-text{padding:18px;font-size:16px;line-height:1.6}.demo .copy-status:not(.sr-only){color:var(--ink-2);margin:0 0 15px 42px;font-size:13px}.demo .setup-help{color:var(--ink-2);gap:12px;margin-left:42px;font-size:13px;display:grid}.demo .questions{grid-template-columns:4fr 6fr;gap:78px;padding:60px 0 65px;display:grid}.demo .questions h2{margin-top:0;font-size:33px}.demo .questions details{border-top:1px solid var(--line-2);padding:17px 0}.demo .questions details:last-child{border-bottom:1px solid var(--line-2)}.demo summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:15px;list-style:none;display:flex}.demo summary::-webkit-details-marker{display:none}.demo summary:after{content:"+";font:20px var(--body);color:var(--ink-2)}.demo details[open] summary:after{content:"−"}.demo .questions details p{color:var(--ink-2);padding:14px 25px 0 0;font-size:14px}.demo .feedback{background:var(--bg-2);border:1px solid var(--line-2);border-top:2px solid var(--lime);border-radius:4px;justify-content:space-between;align-items:center;gap:40px;margin:0 0 70px;padding:38px 42px;display:flex}.demo .feedback h2{margin-top:0;font-size:34px}.demo .feedback p{color:var(--ink-2);max-width:570px;margin-top:14px;font-size:15px}@media (min-width:1500px){.demo .demo-hero{padding-top:78px}}@media (max-width:1000px){.demo .hero-bottom{flex-direction:column;align-items:flex-start;gap:22px}.demo .hero-description{max-width:660px}.demo .app-choice,.demo .setup,.demo .questions{gap:40px}.demo .feedback{gap:25px}.demo .feedback h2{font-size:30px}}@media (max-width:700px){.demo .demo-hero{padding:42px 0 27px}.demo h1{font-size:clamp(40px,10.5vw,60px);line-height:1.06}.demo .hero-description{font-size:16px}.demo .hero-bottom{gap:22px;margin-top:22px}.demo .demo-hero .actions{grid-template-columns:1fr 1fr;gap:9px;width:100%;display:grid}.demo .button{white-space:normal;padding:11px 12px;font-size:13px}.demo .flow{grid-template-columns:1fr;gap:24px;margin-top:30px}.demo .flow-item{padding-top:16px}.demo .flow h3{font-size:20px}.demo .flow p{max-width:none}.demo .app-choice{grid-template-columns:1fr;gap:22px;padding:40px 0 36px}.demo .app-choice h2{font-size:30px}.demo .app-choice p{font-size:14px}.demo .app-option span{padding:9px 12px}.demo .setup{grid-template-columns:1fr;gap:34px;padding:34px 0 44px}.demo .setup h2{max-width:330px;font-size:35px}.demo .setup-intro{max-width:none}.demo .setup .actions{flex-flow:wrap;max-width:none}.demo .setup li{padding-left:34px}.demo .prompt,.demo .setup-help,.demo .copy-status:not(.sr-only){margin-left:0}.demo .prompt-text{font-size:15px}.demo .questions{grid-template-columns:1fr;gap:26px;padding:43px 0}.demo .questions h2{font-size:30px}.demo .feedback{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:44px;padding:28px 24px}.demo .feedback h2{font-size:31px}.demo .feedback .button{width:100%}}@media (prefers-reduced-motion:reduce){.demo .button,.demo .app-option span,.demo .text-link{transition:none}}