.horizonte-wordmark{font-family:Montserrat Variable,Arial,sans-serif;font-size:var(--horizonte-wordmark-size,38px);font-variation-settings:normal;letter-spacing:-2px;text-transform:none;white-space:nowrap;color:#2d0b3c;font-style:normal;font-weight:750;line-height:1.55;display:inline-block}.horizonte-wordmark .horizonte-wordmark-dot{font:inherit;color:#845894;vertical-align:baseline;margin:0}.horizonte-wordmark-inverse{color:#faf7f1}.horizonte-wordmark-inverse .horizonte-wordmark-dot{color:#c5a9d2}.horizonte-wordmark-compact{letter-spacing:calc(var(--horizonte-wordmark-size,38px) * -2 / 38)}@media (width<=599px){.horizonte-wordmark:not(.horizonte-wordmark-compact){font-size:28px}}.demo{font-family:var(--body);background:var(--bg);color:var(--text)}.demo :focus-visible{outline:2px solid var(--accent);outline-offset:5px}.demo-notice{background:var(--surface);color:var(--secondary);font:400 12px/1.4 var(--body);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:12px 5%;display:flex}.demo-notice nav{flex-wrap:wrap;gap:8px 24px;display:flex}.demo-notice a{min-height:32px;color:var(--text);align-items:center;gap:8px;display:inline-flex}.demo-notice a:hover{color:var(--accent)}.demo-meta{font:500 12px/1.4 var(--mono);letter-spacing:.08em}.demo-brand{font:600 32px/1 var(--display);letter-spacing:-.04em;text-decoration:none}.demo-brand span{font:400 11px/1.4 var(--body);letter-spacing:.03em;margin-top:8px;display:block}.demo nav{gap:32px;font-size:14px;display:flex}.demo nav a{padding-block:8px;text-decoration:none}.demo h2{font-family:var(--body);letter-spacing:-.04em;font-size:clamp(32px,3.4vw,52px);line-height:1.08}.demo h3{letter-spacing:-.03em;font-size:22px}.demo-button{background:var(--accent);color:var(--surface);border-radius:4px;justify-content:space-between;align-items:center;gap:32px;padding:16px 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.demo-button:hover{background:var(--text);color:var(--bg)}.demo-text-link{align-items:center;gap:16px;margin-top:24px;font-size:14px;display:inline-flex}.demo-section{padding:96px 7.13%}.demo-section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;display:flex}.demo-section-heading h2{margin-top:24px}.demo-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:24px;margin:0 7.13%;padding:32px 0;font-size:14px;display:flex}.demo-footer p{width:100%;max-width:780px;color:var(--secondary);font-size:12px}.demo-faq details{border-top:1px solid var(--border)}.demo-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-weight:500;list-style:none;display:flex}.demo-faq summary::-webkit-details-marker{display:none}.demo-faq summary span{font-size:24px;font-weight:400}.demo-faq details[open] summary span{transform:rotate(45deg)}.demo-faq p{max-width:720px;color:var(--secondary);padding:0 0 24px}.rail-controls{gap:12px;display:flex}.rail-controls button{border:1px solid var(--border);background:0 0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}@media (width<=800px){.demo-notice{flex-wrap:wrap}.demo-section{padding:64px 6%}.demo-footer{margin-inline:6%}.demo-brand{font-size:28px}.demo-brand span{display:none}.demo-section-heading{gap:16px}.rail-controls{gap:8px}.rail-controls button{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.demo *,.demo :before,.demo :after{transition:none!important;animation:none!important}}