.fn-root{--fn-brass-hi:color-mix(in srgb, var(--brass) 55%, #fff4d6);--fn-brass-lo:color-mix(in srgb, var(--brass) 82%, #6b4a12);--fn-cta-hi:color-mix(in srgb, var(--accent) 62%, #fff);--fn-cta-lo:color-mix(in srgb, var(--accent) 88%, #0a84ff);--fn-line:color-mix(in srgb, var(--stroke) 85%, transparent);isolation:isolate;min-height:100dvh;color:var(--text);background:radial-gradient(120% 55% at 50% -12%, color-mix(in srgb, var(--bg-glow) 92%, var(--accent) 8%) 0%, transparent 62%), radial-gradient(70% 45% at 110% 105%, color-mix(in srgb, var(--bg-glow) 55%, transparent) 0%, transparent 70%), linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 58%);background-attachment:fixed;flex-direction:column;display:flex;position:relative;overflow-x:clip}@keyframes fn-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fn-up{animation:fn-up .6s var(--ease-out) backwards;animation-delay:var(--fn-delay,0s)}@keyframes fn-draw{0%{background-size:0% .42em}}.fn-brush{-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:fn-draw .75s .6s var(--ease-out) backwards;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M4 9.5C48 4.5 118 3.2 196 7.2' fill='none' stroke='%23d8b46a' stroke-width='5.5' stroke-linecap='round'/%3E%3C/svg%3E") 0 100%/100% .42em no-repeat;padding-bottom:.16em}.fn-cta{isolation:isolate;background:linear-gradient(180deg, var(--fn-cta-hi) 0%, var(--accent) 55%, var(--fn-cta-lo) 100%);color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff73, 0 14px 32px -12px color-mix(in srgb, var(--accent) 75%, transparent), 0 2px 6px #00000040;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), filter .2s var(--ease-out), opacity .2s;position:relative;overflow:hidden}.fn-cta[data-tone=brass]{background:linear-gradient(180deg, var(--fn-brass-hi) 0%, var(--brass) 55%, var(--fn-brass-lo) 100%);color:#1d1405;box-shadow:inset 0 1px 0 #ffffff80, 0 14px 32px -12px color-mix(in srgb, var(--brass) 80%, transparent), 0 2px 6px #00000040}.fn-cta:before{content:"";z-index:-1;background:linear-gradient(100deg,#0000 0%,#ffffff6b 50%,#0000 100%);width:45%;animation:5.5s ease-in-out 1.8s infinite fn-shine;position:absolute;inset:0 auto 0 0;transform:translate(-160%)skew(-18deg)}@keyframes fn-shine{0%{transform:translate(-160%)skew(-18deg)}22%,to{transform:translate(320%)skew(-18deg)}}.fn-cta:hover{filter:brightness(1.06);transform:translateY(-2px)}.fn-cta:active{transform:translateY(0)scale(.985)}.fn-cta .fn-cta-arrow{transition:transform .2s var(--ease-out)}.fn-cta:hover .fn-cta-arrow{transform:translate(4px)}.fn-cta:disabled,.fn-cta[aria-disabled=true]{pointer-events:none;filter:grayscale(.85)brightness(.62);box-shadow:none}.fn-cta:disabled:before,.fn-cta[aria-disabled=true]:before{display:none}@keyframes fn-breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 16%, transparent)}}.fn-breathe{animation:2.4s ease-in-out infinite fn-breathe}@keyframes fn-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 55%, transparent)}70%,to{box-shadow:0 0 0 7px color-mix(in srgb, currentColor 0%, transparent)}}.fn-live-dot{animation:1.8s ease-out infinite fn-pulse}@keyframes fn-flash{0%{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}.fn-flash{animation:fn-flash .35s var(--ease-out)}.fn-locked{filter:blur(5px);-webkit-user-select:none;user-select:none}.fn-sticky{transition:transform .35s var(--ease-out);transform:translateY(110%)}.fn-sticky[data-show=true]{transform:none}.fn-faq summary::-webkit-details-marker{display:none}.fn-faq[open] .fn-faq-chevron{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.fn-up,.fn-flash,.fn-brush,.fn-cta:before,.fn-breathe,.fn-live-dot{animation:none}.fn-cta,.fn-sticky{transition:none}}:root[data-name-step=b] .fn-name-a{display:none}.fn-range{accent-color:var(--accent);cursor:pointer;height:32px}
