.demo-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.demo-intro h1{letter-spacing:-.04em;margin:1.25rem 0 1.5rem;font-size:clamp(2.4rem,3.8vw,3.5rem);line-height:1.08}.demo-intro mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ecebfc;border-radius:4px;padding:0 .12em .04em}.demo-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:500}.demo-lede{max-width:26rem;font-size:1rem;line-height:1.7}.demo-benefits{gap:1.5rem;margin:2.5rem 0;padding:0;list-style:none;display:grid}.demo-benefits li{gap:1rem;display:flex}.demo-benefits li>span{color:var(--color-ink-3);padding-top:.2rem;font-size:.75rem}.demo-benefits h2{margin:0 0 .35rem;font-size:1rem}.demo-benefits p{max-width:23rem;margin:0;font-size:.875rem}.demo-product{margin:2rem 0 0}.demo-product img{aspect-ratio:490/283;object-fit:cover;object-position:top;border-radius:1.5rem;width:100%}.demo-product figcaption{color:var(--color-ink-3);margin-top:.75rem;font-size:.75rem}.demo-card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:1.5rem;min-width:0;padding:clamp(1.25rem,3vw,2.25rem)}.demo-progress{justify-content:space-between;align-items:flex-start;gap:.5rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.demo-progress li{color:var(--color-ink-3);flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.demo-progress li>span{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;display:grid}.demo-progress li[aria-current]{color:var(--color-ink);font-weight:500}.demo-progress li[aria-current]>span{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.demo-progress li[data-complete=true]>span{background:#ecfedc}.demo-no-script{background:var(--color-paper);border-radius:.5rem;margin:0 0 1.75rem;padding:.8rem 1rem;font-size:.8125rem;line-height:1.6}.demo-card fieldset{border:0;min-width:0;margin:0;padding:0}.demo-card h2{margin:0 0 .75rem;font-size:1.5rem;line-height:1.25}.demo-card [data-step-heading]:focus{outline:none}.demo-step-description{margin:0 0 1.5rem;font-size:.875rem}.demo-field-note{margin:0 0 1.25rem;font-size:.75rem}.demo-field{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.demo-field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.demo-field label,.demo-goals legend{font-size:.8125rem;font-weight:500}.demo-field label span{color:var(--color-ink-3);font-weight:400}.demo-card input:not([type=checkbox]),.demo-card select,.demo-card textarea{width:100%;min-width:0;font:inherit;border:1px solid var(--color-rule);min-height:46px;color:var(--color-ink);background:#fff;border-radius:.5rem;padding:.7rem .85rem;font-size:1rem}.demo-card input::placeholder,.demo-card textarea::placeholder{color:var(--color-ink-3);opacity:1}.demo-card textarea{resize:vertical}.demo-card select{padding-right:1.75rem}.demo-card button,.demo-card a{-webkit-tap-highlight-color:transparent}.demo-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.75rem;display:flex}.demo-actions>span{color:var(--color-ink-3);font-size:.75rem}.demo-primary{border:1px solid var(--color-ink);background:var(--color-ink);color:#fff;min-height:46px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.7rem 1.25rem;font-size:.8125rem;font-weight:500;display:inline-flex}.demo-primary:hover{background:var(--color-ink-2)}.demo-secondary{min-height:44px;color:var(--color-ink-2);font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:.5rem 0;font-size:.8125rem;text-decoration:underline}.demo-text-link{font-size:.8125rem}.demo-card .demo-goals{margin-bottom:1.25rem}.demo-goals>p{margin:.35rem 0 .75rem;font-size:.75rem}.demo-goal-options{gap:.65rem;display:grid}.demo-goal{border:1px solid var(--color-rule);cursor:pointer;border-radius:.65rem;align-items:flex-start;gap:.75rem;padding:.85rem;display:flex}.demo-goal:has(input:checked){background:#f5f4ff;border-color:#9188d6}.demo-goal input{width:1rem;height:1rem;accent-color:var(--color-accent);flex-shrink:0;margin:.15rem 0 0}.demo-goal strong{margin-bottom:.2rem;font-size:.8125rem;display:block}.demo-goal>span>span{color:var(--color-ink-3);font-size:.75rem;line-height:1.5;display:block}.demo-goals .demo-error{color:#a12b21;margin-top:.75rem}.demo-summary{border-block:1px solid var(--color-rule);margin-block:1.5rem;padding:1.25rem 0}.demo-summary h3{margin:0 0 1rem;font-size:1rem}.demo-summary dl{gap:.75rem;margin:0;font-size:.8125rem;display:grid}.demo-summary dl>div{grid-template-columns:6rem minmax(0,1fr);gap:.75rem;display:grid}.demo-summary dt{color:var(--color-ink-3)}.demo-summary dd{overflow-wrap:anywhere;margin:0}.demo-honeypot{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.demo-consent-note{color:var(--color-ink-3);margin:0 0 1rem;font-size:.75rem;line-height:1.6}.demo-card .demo-error[data-submit-error]{color:#a12b21;background:#fdf1ef;border-radius:.5rem;margin:0;padding:.75rem 1rem;font-size:.8125rem}.demo-card .demo-error[data-submit-error]:focus{outline-offset:2px;outline:2px solid #a12b21}.demo-primary[aria-busy=true],.demo-primary:disabled{opacity:.7;cursor:progress}.demo-calendar{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:1rem;place-items:center;gap:.75rem;min-height:20rem;padding:0;display:grid;overflow:hidden}.demo-calendar iframe{background:#fff;border:0;width:100%;min-height:40rem;display:block}.demo-calendar p{text-align:center;margin:1.5rem 1.5rem 0;font-size:.875rem}.demo-calendar button{margin-bottom:1.5rem}.demo-booking-status{background:#ecfedc;border-radius:.5rem;margin:1rem 0 0;padding:.8rem 1rem;font-size:.875rem;line-height:1.6}.demo-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.demo-card [hidden]{display:none!important}@media (width<=800px){.demo-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.demo-intro h1{font-size:clamp(2.25rem,6vw,3rem)}.demo-lede{max-width:35rem}.demo-benefits,.demo-product{display:none}}@media (width<=420px){.demo-field-pair{grid-template-columns:minmax(0,1fr);gap:0}.demo-card{border-radius:1rem;padding:1.25rem}.demo-actions{flex-wrap:wrap}}