html{scroll-behavior:smooth;scroll-padding-top:96px}body{-webkit-font-smoothing:antialiased;background:#faf8f3;margin:0}a{color:#1a1a1a;text-decoration:none}a:hover{color:#8a7200}::selection{color:#1a1a1a;background:#ffd400}.js-reveal [data-reveal]{opacity:0;transform:translateY(20px)}.js-reveal [data-reveal].is-in{opacity:1;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:none}.js-reveal [data-reveal="1"].is-in{transition-delay:.1s}.js-reveal [data-reveal="2"].is-in{transition-delay:.2s}.js-reveal [data-reveal="3"].is-in{transition-delay:.3s}.js-reveal [data-cascade]{opacity:1;transform:none}.js-reveal [data-cascade]>*{opacity:0;transform:translateY(20px)}.js-reveal [data-cascade].is-in>*{opacity:1;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transform:none}.js-reveal [data-cascade].is-in>:nth-child(2){transition-delay:90ms}.js-reveal [data-cascade].is-in>:nth-child(3){transition-delay:.18s}.js-reveal [data-cascade].is-in>:nth-child(4){transition-delay:.27s}.js-reveal [data-cascade].is-in>:nth-child(5){transition-delay:.36s}.js-reveal [data-cascade].is-in>:nth-child(6){transition-delay:.45s}.js-reveal [data-cascade].is-in>:nth-child(n+7){transition-delay:.54s}@media (prefers-reduced-motion:reduce){.js-reveal [data-reveal],.js-reveal [data-cascade]>*{opacity:1!important;transition:none!important;transform:none!important}}@media print{.js-reveal [data-reveal],.js-reveal [data-cascade]>*{opacity:1!important;transform:none!important}}.hero-grid{grid-template-columns:1fr;align-items:start;gap:30px;display:grid}.hero-left{display:contents}.hero-demo{order:1}.hero-extras{order:2}.hero-demo-title{letter-spacing:-.02em;color:#faf8f3;margin:0 0 9px;padding:0 4px;font-family:Poppins,sans-serif;font-size:19px;font-weight:600;line-height:1.15}.hero-demo-note{color:#a9a498;margin:0 0 16px;padding:0 4px;font-size:13.5px;font-weight:300;line-height:1.55}@media (width>=900px){.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(32px,4vw,56px)}.hero-left{display:block}.hero-demo,.hero-extras{order:0}.hero-extras{margin-top:28px}.hero-demo-title{margin-bottom:6px;font-size:clamp(17px,1.6vw,20px)}.hero-demo-note{margin-bottom:12px;font-size:12.5px;line-height:1.5}}.demo-stack{flex-direction:column;gap:24px;display:flex}.demo-panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;display:grid}.demo-panel{border-radius:16px;padding:28px 30px 32px}.demo-code{white-space:pre-wrap;overflow-wrap:break-word;margin:0;font-family:IBM Plex Mono,monospace;font-size:clamp(13px,1.4vw,14.5px);line-height:1.85;display:block}.demo-label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-family:IBM Plex Mono,monospace;font-size:11px}.demo-status{color:#a9a498;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.5}.demo-view-toggle{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;margin-bottom:18px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:11px}.demo-tally{background:#1f1f1f;border:1px solid #faf8f317;border-radius:16px;padding:16px 18px 17px}.demo-tally-toggle{text-align:left;color:#c9c4b8;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:0;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.5;display:flex}.demo-tally-rules{color:#c9c4b8;white-space:pre-wrap;margin:10px 0 0;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.75}@media (width>=900px){.demo-stack,.demo-panels{gap:14px}.demo-panel{border-radius:13px;padding:15px 17px 17px}.demo-code{font-size:clamp(11.5px,1vw,13px);line-height:1.62}.demo-label{margin-bottom:11px;font-size:10.5px}.demo-status{font-size:12px}.demo-view-toggle{margin-bottom:11px;padding:5px 11px;font-size:10.5px}.demo-tally{border-radius:13px;padding:11px 15px 12px}.demo-tally-toggle,.demo-tally-rules{font-size:11.5px}.demo-tally-rules{margin-top:9px;line-height:1.7}}[data-h=h1]:hover{color:#1a1a1a!important}[data-h=h2]:hover{color:#ffd400!important;background:#000!important}[data-h=h3]:hover{border-color:#ffd400!important}[data-h=h4]:hover{color:#ffd400!important}