:root{--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head:var(--font-body);--step--1:clamp(.875rem, .85rem + .1vw, .94rem);--step-0:clamp(1rem, .96rem + .2vw, 1.125rem);--step-1:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--step-2:clamp(1.56rem, 1.38rem + .9vw, 2rem);--step-3:clamp(1.95rem, 1.6rem + 1.6vw, 2.75rem);--step-4:clamp(2.44rem, 1.9rem + 2.6vw, 3.75rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem;--space-section:clamp(4rem, 3rem + 5vw, 7.5rem);--container:72rem;--radius:12px;--radius-btn:999px;--divider-h:clamp(48px, 7vw, 120px);--ease-out:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);font-size:var(--step-0);color:var(--c-ink);background:var(--c-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6}img,picture,svg,video{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}h1,h2,h3,h4{font-family:var(--font-head);text-wrap:balance;line-height:1.15}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}p{text-wrap:pretty;max-width:68ch}a:not(.btn){color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}:focus-visible{outline:3px solid var(--btn-focus,currentColor);outline-offset:3px}.container{width:min(100% - 2rem, var(--container));margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10000;color:#fff;background:#111;border-radius:8px;padding:.6em 1em;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.sec{background:var(--sec-bg);color:var(--sec-text);padding-block:var(--space-section);position:relative}.sec .muted{color:var(--sec-muted)}.sec__inner{width:min(100% - 2rem, var(--container));z-index:1;margin-inline:auto;position:relative}.sec.has-divider{padding-bottom:calc(var(--space-section) + var(--divider-h) * .6)}.sec__inner>*+*{margin-top:var(--space-2)}.sec__inner>*+:is(h2,h3){margin-top:var(--space-6)}.divider{pointer-events:none;position:absolute;bottom:-1px;left:0;right:0}.divider--fade{height:calc(var(--divider-h) + 1px);background:linear-gradient(to bottom, var(--sec-bg), var(--next-bg))}.divider--line{background:linear-gradient(90deg, transparent, var(--sec-muted) 20%, var(--sec-muted) 80%, transparent);opacity:.6;height:1px}.has-divider:has(.divider--line){padding-bottom:var(--space-section)}.divider--angle{height:calc(var(--divider-h) + 1px);background:var(--next-bg);clip-path:polygon(0 100%,100% 0,100% 100%)}.divider--curve{width:100%;height:calc(var(--divider-h) + 1px)}.divider--line{bottom:0}.divider--curve path{fill:var(--next-bg)}.btn{--btn-bg:var(--btn-primary-bg);--btn-t:var(--btn-primary-text);--btn-b:var(--btn-primary-border);--btn-hbg:var(--btn-primary-h-bg);--btn-ht:var(--btn-primary-h-text);--btn-hb:var(--btn-primary-h-border);text-align:center;background-color:var(--btn-bg);min-width:44px;min-height:48px;color:var(--btn-t);border:2px solid var(--btn-b);border-radius:var(--radius-btn);cursor:pointer;transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s var(--ease-out), box-shadow .2s ease;justify-content:center;align-items:center;gap:.5em;padding:.75em 1.5em;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn *{color:inherit}.btn--lg{min-height:56px;font-size:var(--step-1);padding:.9em 1.8em}.btn--secondary{--btn-bg:var(--btn-secondary-bg);--btn-t:var(--btn-secondary-text);--btn-b:var(--btn-secondary-border);--btn-hbg:var(--btn-secondary-h-bg);--btn-ht:var(--btn-secondary-h-text);--btn-hb:var(--btn-secondary-h-border)}.btn--tertiary{--btn-bg:var(--btn-tertiary-bg);--btn-t:var(--btn-tertiary-text);--btn-b:var(--btn-tertiary-border);--btn-hbg:var(--btn-tertiary-h-bg);--btn-ht:var(--btn-tertiary-h-text);--btn-hb:var(--btn-tertiary-h-border);text-underline-offset:4px;border-width:0;padding-inline:.25em;text-decoration:underline}.btn:hover,.btn.is-hover{background-color:var(--btn-hbg);color:var(--btn-ht);border-color:var(--btn-hb)}@media (hover:hover){.btn--primary:hover,.btn--secondary:hover,.btn--primary.is-hover,.btn--secondary.is-hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px #00000059}}.btn:active{box-shadow:none;transform:translateY(0)}.btn:focus-visible,.btn.is-focus{outline:3px solid var(--btn-focus);outline-offset:3px}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}.form{gap:var(--space-3);max-width:36rem;display:grid}.form__field{gap:.4rem;display:grid}.form label{font-weight:600}.form__opt{color:var(--sec-muted,inherit);font-weight:400}.form input,.form textarea{width:100%;min-height:48px;color:var(--sec-text,inherit);background:var(--sec-bg,transparent);border:2px solid var(--sec-muted,currentColor);border-radius:10px;padding:.7em .9em}.form input:focus-visible,.form textarea:focus-visible{outline:3px solid var(--btn-focus);outline-offset:2px}.form__trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.js [data-reveal]{opacity:0;transition:opacity .7s ease, transform .8s var(--ease-out);will-change:opacity, transform;transform:translateY(28px)}.js [data-reveal=left]{transform:translate(-36px)}.js [data-reveal=right]{transform:translate(36px)}.js [data-reveal=zoom]{transform:scale(.96)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-delay="1"]{transition-delay:80ms}.js [data-delay="2"]{transition-delay:.16s}.js [data-delay="3"]{transition-delay:.24s}.js [data-delay="4"]{transition-delay:.32s}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transition:none;transform:none}}.scroll-progress{display:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.scroll-progress{z-index:9000;background:var(--c-accent);transform-origin:0;height:3px;animation:linear both gc-progress scroll(root);display:block;position:fixed;inset:0 0 auto}@keyframes gc-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}}.demo-ribbon{z-index:9999;color:#fff;letter-spacing:.02em;pointer-events:none;background:#111;border:1px solid #fff;border-radius:999px;padding:.5em 1em;font:600 13px/1.2 system-ui,sans-serif;position:fixed;bottom:12px;left:12px;box-shadow:0 6px 18px #0000004d}
