.demo .hero{padding:88px 0 40px;position:relative;overflow:hidden}.demo .hero:before{content:"";background:radial-gradient(ellipse 70% 50% at 50% 0%,var(--brand-lighter),transparent 60%);pointer-events:none;position:absolute;inset:0}.demo .hero-inner{max-width:720px;position:relative}.demo .hero h1{letter-spacing:-.03em;margin:20px 0 0;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.03}.demo .hero h1 em{color:var(--brand-dark);font-style:normal}html.dark .demo .hero h1 em{color:var(--brand-accent)}.demo .hero .lede{max-width:56ch;font-size:var(--t-title3);color:var(--label-secondary);letter-spacing:-.016em;margin:20px 0 0;line-height:1.45}.demo .block{padding:8px 0 96px}.demo .demo-card{border:1px solid var(--separator);background:var(--bg-primary);border-radius:14px;max-width:620px;margin:0 auto;padding:32px}@media (width<=540px){.demo .demo-card{padding:22px}}.demo .steps{gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.demo .steps li{font-size:var(--t-caption);color:var(--label-tertiary);letter-spacing:-.006em;border-top:2px solid var(--separator);flex:1;padding-top:10px}.demo .steps li.active{color:var(--brand-dark);border-top-color:var(--brand)}html.dark .demo .steps li.active{color:var(--brand-accent)}.demo .step h3{font-size:var(--t-title3);letter-spacing:-.022em;margin:0 0 16px;font-weight:600}.demo .step label,.demo .interests legend{font-size:var(--t-footnote);color:var(--label-secondary);letter-spacing:-.006em;margin-bottom:6px;display:block}.demo .step input[type=text],.demo .step input[type=email],.demo .step input[type=tel],.demo .step input[type=number]{border:1px solid var(--separator-opaque);background:var(--bg-primary);width:100%;color:var(--label);font:inherit;font-size:var(--t-subheadline);letter-spacing:-.016em;border-radius:8px;padding:11px 12px}.demo .step input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.demo .step>div{margin-bottom:14px}.demo .form .row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=540px){.demo .form .row{grid-template-columns:1fr}}.demo .combo{position:relative}.demo .listbox{border:1px solid var(--separator-opaque);background:var(--bg-primary);border-radius:10px;max-height:320px;margin:6px 0 0;padding:6px;list-style:none;overflow-y:auto;box-shadow:0 8px 28px #0000001a}.demo .listbox li{cursor:pointer;border-radius:7px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.demo .listbox li.hl,.demo .listbox li[aria-selected=true]{background:var(--brand-lighter)}.demo .listbox .opt-name{font-size:var(--t-subheadline);color:var(--label);letter-spacing:-.016em}.demo .listbox .opt-meta{font-size:var(--t-caption2);color:var(--label-tertiary);font-family:var(--font-mono)}.demo .link-btn{cursor:pointer;color:var(--brand-dark);font:inherit;font-size:var(--t-footnote);letter-spacing:-.006em;background:0 0;border:0;margin-top:14px;padding:0;display:inline-block}html.dark .demo .link-btn{color:var(--brand-accent)}.demo .link-btn:hover{text-decoration:underline}.demo .manual .submit,.demo .step .submit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.demo .step.form .submit{justify-content:flex-end}.demo .chosen{font-size:var(--t-footnote);color:var(--label-secondary);margin:0 0 18px}.demo .muted{font-size:var(--t-footnote);color:var(--label-tertiary);margin:8px 0}.demo .interests{border:0;margin:4px 0 14px;padding:0}.demo .chips{flex-wrap:wrap;gap:8px;display:flex}.demo .chip{border:1px solid var(--separator-opaque);background:var(--bg-primary);min-height:40px;color:var(--label);font:inherit;font-size:var(--t-footnote);cursor:pointer;border-radius:999px;padding:8px 14px}.demo .chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.demo .consent{font-size:var(--t-footnote);color:var(--label-secondary);align-items:flex-start;gap:10px;margin:4px 0 0;display:flex}.demo .consent input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin-top:1px}.demo .consent a{color:var(--brand-dark)}html.dark .demo .consent a{color:var(--brand-accent)}.demo .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.demo .slot-groups{flex-direction:column;gap:18px;margin-top:8px;display:flex}.demo .slot-group h4{font-size:var(--t-subheadline);letter-spacing:-.016em;margin:0 0 8px;font-weight:600}.demo .slot-times{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.demo .slot{border:1px solid var(--separator-opaque);background:var(--bg-primary);min-height:44px;color:var(--label);font:inherit;font-size:var(--t-subheadline);cursor:pointer;border-radius:8px;padding:10px}.demo .slot:hover{border-color:var(--brand);background:var(--brand-lighter)}.demo .slot[disabled]{opacity:.5;pointer-events:none}.demo .form-status{font-size:var(--t-footnote);letter-spacing:-.01em;margin:0 0 12px}.demo .form-status.error{color:var(--system-red)}.demo .form-done{border:1px solid var(--brand);background:var(--brand-lighter);text-align:center;border-radius:12px;padding:28px}.demo .form-done h3{font-size:var(--t-title3);margin:0 0 8px;font-weight:600}.demo .form-done p{color:var(--label-secondary);font-size:var(--t-subheadline);margin:0;line-height:1.55}.demo .btn[disabled]{opacity:.6;pointer-events:none}