.demo-page{--dmo-wash-blue:var(--ld-blue-wash);--dmo-wash-green:var(--ld-green-wash);--dmo-line-strong:var(--ld-btn-outline-line);padding-top:var(--ld-band-pad);padding-bottom:var(--ld-band-pad)}.demo-page .demo-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:64px}@media (max-width:1024px){.demo-page .demo-grid{grid-template-columns:minmax(0,1fr);gap:48px}}.demo-page .kicker{letter-spacing:.01em;color:var(--ink-mute);align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.demo-page .placard{background:var(--dmo-wash-blue);color:var(--accent-2);border-radius:7px;font-weight:700}.demo-page h1{letter-spacing:-.03em;font-weight:700;line-height:1.03}.demo-page .lede{max-width:52ch}.demo-page .what{gap:0}.demo-page .what .row{border-bottom:1px solid var(--line-soft);grid-template-columns:40px 1fr;gap:18px;padding:22px 0}.demo-page .what .row:first-child{padding-top:4px}.demo-page .what .row .glyph{width:auto;height:auto;font-family:var(--font-mono), ui-monospace, monospace;color:var(--accent);border:none;border-radius:0;padding-top:3px;font-size:13px;font-weight:700;display:block}.demo-page .what h3{font-size:16.5px}.demo-page .what p{font-size:14px}.demo-page .demo-chip{background:var(--dmo-wash-green);color:var(--good);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;border:none;padding:8px 14px 8px 10px;font-size:11px;font-weight:700}.demo-page .demo-chip-ic{background:var(--good)}.demo-page .demo-form{box-shadow:var(--shadow-3);border-radius:20px;padding:36px}.demo-page .demo-form h3{font-family:var(--font-grotesk), var(--font-manrope), sans-serif;letter-spacing:-.01em;font-size:21px;font-weight:700}.demo-page .form-row label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;color:var(--ink-mute);font-size:10.5px}.demo-page .form-row input,.demo-page .form-row select,.demo-page .form-row textarea{border:1px solid var(--dmo-line-strong);border-radius:10px;padding:12px 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.demo-page .form-row input::placeholder,.demo-page .form-row textarea::placeholder{color:var(--ink-faint)}.demo-page .form-row input:focus-visible,.demo-page .form-row select:focus-visible,.demo-page .form-row textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent), transparent 82%);outline:none}.demo-page .form-row.two{gap:10px}.demo-page .check-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}@media (max-width:380px){.demo-page .check-grid{grid-template-columns:minmax(0,1fr)}}.demo-page .check-tile{border-color:var(--line-soft);border-radius:9px;font-size:12.5px;line-height:1.35}.demo-page .check-tile:hover{border-color:var(--accent)}.demo-page .check-tile .box{border-color:var(--dmo-line-strong);border-radius:4px;flex-shrink:0}.demo-page .check-tile.is-on{background:var(--dmo-wash-blue);border-color:var(--accent);color:var(--accent-2)}.demo-page .check-tile.is-on .box{background:var(--accent);border-color:var(--accent);position:relative}.demo-page .check-tile.is-on .box:after{content:"";border:solid var(--accent-ink);border-width:0 1.5px 1.5px 0;width:4px;height:8px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.demo-page .demo-form .btn-accent{background-color:var(--accent);color:var(--accent-ink);transition:background-color .25s ease, transform .12s var(--ease);border-radius:12px}.demo-page .demo-form .btn-accent:hover:not(:disabled){background-color:var(--accent-2);color:var(--accent-ink)}.demo-page .submit-success .success-check{background:var(--good)}