.demo{--ink:#16161f;--body:#4a4a5a;--muted:#8a8a9a;--edge:#e4e4ee;--page:#fbfbfd;--panel:#f7f7fb;--surface:#fff;--coral:#d9683f;--coral-ink:#b8501f;--coral-tint:#fdf3ef;--coral-edge:#f7ddd1;color:var(--body);background:var(--page);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:16.5px;line-height:1.6}.demo .wrap{width:100%;max-width:1080px;margin:0 auto;padding-inline:20px}.demo .ribbon{background:var(--coral-tint);color:var(--coral-ink);border-bottom:1px solid var(--coral-edge);text-align:center;padding:10px 20px;font-size:13.5px;line-height:1.5}.demo .ribbon strong{font-weight:800}.demo .hero{background:var(--surface);border-bottom:1px solid var(--edge);padding-block:clamp(48px,9vw,104px)}.demo .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;font-size:12px;font-weight:800}.demo h1{letter-spacing:-.03em;color:var(--ink);margin:0 0 20px;font-size:clamp(38px,6.4vw,68px);font-weight:800;line-height:1.04}.demo h1 .accent{color:var(--coral)}.demo .lede{max-width:60ch;margin:0 0 30px;font-size:clamp(17px,2vw,20px)}.demo .cta-row{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.demo .btn{border-radius:10px;justify-content:center;align-items:center;min-height:52px;padding-inline:30px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.demo .btn:active{transform:translateY(1px)}.demo .btn.primary{background:var(--coral);color:#fff}.demo .btn.primary:hover{background:var(--coral-ink)}.demo .btn.ghost{border:1px solid var(--edge);color:var(--ink);background:var(--surface)}.demo .btn.ghost:hover{border-color:var(--coral);color:var(--coral-ink)}.demo .micro{color:var(--muted);margin:0;font-size:13.5px}.demo .strip{background:var(--coral-tint);border-bottom:1px solid var(--coral-edge);padding-block:26px}.demo .strip-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;display:grid}.demo .strip-grid div{flex-direction:column;gap:3px;min-width:0;display:flex}.demo .strip-grid b{color:var(--coral-ink);letter-spacing:-.02em;font-size:25px;font-weight:800}.demo .strip-grid span{color:var(--body);font-size:14px}.demo .section{padding-block:clamp(48px,8vw,88px)}.demo .section.alt{background:var(--panel);border-block:1px solid var(--edge)}.demo h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;font-size:clamp(27px,4vw,40px);font-weight:800;line-height:1.14}.demo .sub{max-width:62ch;margin:0 0 34px;font-size:17px}.demo .menus{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;display:grid}.demo .card{background:var(--surface);border:1px solid var(--edge);border-radius:14px;flex-direction:column;min-width:0;padding:26px;display:flex}.demo .card h3{color:var(--ink);letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:800}.demo .blurb{margin:0 0 18px;font-size:14.5px}.demo .card ul{flex-direction:column;gap:9px;margin:0 0 20px;padding:0;list-style:none;display:flex}.demo .card li{color:var(--ink);padding-left:17px;font-size:14.5px;position:relative}.demo .card li:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0}.demo .from{border-top:1px solid var(--edge);color:var(--muted);margin-top:auto;padding-top:16px;font-size:14px}.demo .from b{color:var(--coral-ink);font-size:19px;font-weight:800}.demo .steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;display:grid}.demo .step{min-width:0}.demo .num{background:var(--coral);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:14px;font-size:16px;font-weight:800;display:inline-flex}.demo .step h3{color:var(--ink);margin:0 0 7px;font-size:18px;font-weight:800}.demo .step p{margin:0;font-size:14.5px}.demo .closing{text-align:center}.demo .closing .sub{margin-inline:auto}.demo .hint{color:var(--coral-ink);background:var(--coral-tint);border:1px solid var(--coral-edge);border-radius:999px;padding:11px 22px;font-size:14px;font-weight:700;display:inline-block}.demo .foot{background:var(--ink);color:#b9b9c6;padding-block:34px;font-size:13.5px}.demo .foot p{margin:0 0 7px}.demo .foot .fine{color:#7e7e8e;max-width:70ch;font-size:12.5px}@media (prefers-color-scheme:dark){.demo:not([data-theme=light]){--ink:#f4f4f8;--body:#c3c3d0;--muted:#9a9aa8;--edge:#2c2c38;--page:#101018;--panel:#16161f;--surface:#16161f;--coral-tint:#2a1710;--coral-edge:#4a2a1b}.demo:not([data-theme=light]) .foot{background:#0a0a10}}