.demo[data-astro-cid-soxsnotx]{background:var(--bg-dark);min-height:100svh;padding:calc(var(--unit) * 8) calc(var(--unit) * 5);justify-content:center;align-items:flex-start;display:flex}.demo-shell[data-astro-cid-soxsnotx]{align-items:center;gap:calc(var(--unit) * 8);flex-direction:column;width:100%;max-width:880px;display:flex}.demo-logo[data-astro-cid-soxsnotx]{filter:brightness(0)invert();width:auto;height:53px}.demo-card[data-astro-cid-soxsnotx]{background:var(--bg-white);width:100%;padding:calc(var(--unit) * 12);border-radius:8px;box-shadow:0 30px 80px #0000008c}.demo[data-astro-cid-soxsnotx] h1{font-size:var(--h2)}.demo[data-astro-cid-soxsnotx] .hp-field{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.demo[data-astro-cid-soxsnotx] .demo-cal{width:100%;height:auto;margin-top:calc(var(--unit) * 8);border-radius:var(--radius);display:block;box-shadow:0 6px 24px #01404614}.demo[data-astro-cid-soxsnotx] #cal-embed{margin-top:calc(var(--unit) * 8);width:100%;min-height:560px}.demo-progress-row[data-astro-cid-soxsnotx]{align-items:center;gap:calc(var(--unit) * 3);margin-bottom:calc(var(--unit) * 12);display:flex}.demo-progress[data-astro-cid-soxsnotx]{background:var(--bg-tint-deep);border-radius:2px;flex:1;height:3px;overflow:hidden}.demo-progress-pct[data-astro-cid-soxsnotx]{color:var(--text-faint);text-align:right;min-width:4ch;font-size:.8rem;font-weight:600}.demo-progress-fill[data-astro-cid-soxsnotx]{background:var(--accent);width:0;height:100%;transition:width .25s}.demo[data-astro-cid-soxsnotx] h1,.demo[data-astro-cid-soxsnotx] h2{margin-top:calc(var(--unit) * 3);text-wrap:balance}.demo[data-astro-cid-soxsnotx] .grad{background:var(--grad-teal-text);color:#0000;background-clip:text}.demo[data-astro-cid-soxsnotx] .demo-lede{margin-top:calc(var(--unit) * 5);color:var(--text-soft);max-width:48ch;font-size:1.1rem}.demo[data-astro-cid-soxsnotx] .demo-note{margin-top:calc(var(--unit) * 3);color:var(--text-faint);font-size:.95rem}.demo[data-astro-cid-soxsnotx] .capture{margin-top:calc(var(--unit) * 8)}.demo[data-astro-cid-soxsnotx] #start-btn{padding:calc(var(--unit) * 4.5) calc(var(--unit) * 14);font-size:1.25rem;font-weight:700}.demo[data-astro-cid-soxsnotx] .demo-options{margin-top:calc(var(--unit) * 8);gap:calc(var(--unit) * 3);display:grid}.demo[data-astro-cid-soxsnotx] .demo-option{font:inherit;text-align:left;padding:calc(var(--unit) * 4.5) calc(var(--unit) * 5);background:var(--bg-white);border-radius:var(--radius);cursor:pointer;border:1px solid #00000024;transition:border-color .12s,background .12s}.demo[data-astro-cid-soxsnotx] .demo-option:hover{border-color:var(--accent);background:var(--bg-tint)}.demo[data-astro-cid-soxsnotx] .demo-form{margin-top:calc(var(--unit) * 8);gap:calc(var(--unit) * 3);display:flex}.demo[data-astro-cid-soxsnotx] .demo-form input{font:inherit;padding:calc(var(--unit) * 4) calc(var(--unit) * 5);border-radius:var(--radius);background:#fff;border:1px solid #0003;flex:1}.demo[data-astro-cid-soxsnotx] .demo-form input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.demo[data-astro-cid-soxsnotx] .demo-form .btn-pill{font:inherit;padding-block:calc(var(--unit) * 3.5);padding-inline:calc(var(--unit) * 7);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:0;font-weight:500}.demo[data-astro-cid-soxsnotx] .demo-form .btn-pill:hover{background:var(--accent-hover)}@media (width<=560px){.demo[data-astro-cid-soxsnotx] .demo-form{flex-direction:column}.demo[data-astro-cid-soxsnotx]{padding:calc(var(--unit) * 4) calc(var(--unit) * 4)}.demo-shell[data-astro-cid-soxsnotx]{gap:calc(var(--unit) * 4)}.demo-logo[data-astro-cid-soxsnotx]{height:40px}.demo-card[data-astro-cid-soxsnotx]{padding:calc(var(--unit) * 6)}.demo-progress-row[data-astro-cid-soxsnotx]{margin-bottom:calc(var(--unit) * 7)}.demo[data-astro-cid-soxsnotx] h1,.demo[data-astro-cid-soxsnotx] h2{font-size:1.35rem}.demo[data-astro-cid-soxsnotx] .demo-lede{font-size:1rem}.demo[data-astro-cid-soxsnotx] .demo-options{margin-top:calc(var(--unit) * 5);gap:calc(var(--unit) * 2)}.demo[data-astro-cid-soxsnotx] .demo-option{padding:calc(var(--unit) * 3) calc(var(--unit) * 4);font-size:.95rem}}@media (width<=560px) and (height<=700px){.demo[data-astro-cid-soxsnotx]{padding-block:calc(var(--unit) * 3)}.demo-shell[data-astro-cid-soxsnotx]{gap:calc(var(--unit) * 3)}.demo-logo[data-astro-cid-soxsnotx]{height:30px}.demo-card[data-astro-cid-soxsnotx]{padding:calc(var(--unit) * 5)}.demo-progress-row[data-astro-cid-soxsnotx]{margin-bottom:calc(var(--unit) * 5)}.demo[data-astro-cid-soxsnotx] h1,.demo[data-astro-cid-soxsnotx] h2{font-size:1.2rem}.demo[data-astro-cid-soxsnotx] .demo-options{margin-top:calc(var(--unit) * 4);gap:calc(var(--unit) * 1.5)}.demo[data-astro-cid-soxsnotx] .demo-option{padding-block:calc(var(--unit) * 2.5)}}