.cta-hard{--cta-drop:5px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;max-width:calc(100% - var(--cta-drop));border-radius:0;background:var(--ink-1);color:var(--paper);box-shadow:var(--cta-drop) var(--cta-drop) 0 0 var(--accent);cursor:var(--cursor-hammer),pointer;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.cta-hard.cta-lg{--cta-drop:6px}.cta-hard.cta-on-dark{background:var(--paper);color:var(--ink-1)}.cta-hard:active,.cta-hard:focus-visible,.cta-hard:hover{transform:translate(var(--cta-drop),var(--cta-drop));box-shadow:0 0 0 0 var(--accent);background:var(--accent);color:var(--ink-1)}.nav-root{position:fixed;inset-inline:0;top:0;z-index:50;pointer-events:none}.nav-shell{max-width:var(--w-content);margin-inline:auto;padding-inline:var(--gutter);padding-top:0;transition:padding-top var(--t-med) var(--ease-out)}.nav-bar{display:flex;align-items:center;-moz-column-gap:16px;column-gap:16px;height:68px;max-width:100%;margin-inline:auto;position:relative;padding-inline:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:auto;transition:max-width var(--t-med) var(--ease-out),height var(--t-med) var(--ease-out),padding-inline var(--t-med) var(--ease-out),border-radius var(--t-med) var(--ease-out),background-color var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.nav-root[data-scrolled=true] .nav-shell{padding-top:12px}.nav-root[data-scrolled=true] .nav-bar{max-width:520px;height:56px;padding-inline:20px 22px;border-radius:18px;background:hsla(0,0%,100%,.78);backdrop-filter:blur(18px) saturate(180%);box-shadow:0 0 0 1px var(--hairline),0 2px 8px -4px rgba(20,22,28,.08),0 10px 28px -14px rgba(20,22,28,.18)}.nav-links{display:none}.nav-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-family:var(--font-heading),system-ui,sans-serif;font-size:13.5px;font-weight:500;color:var(--ink-2)}.nav-link:hover{color:var(--ink-1)}@media (min-width:768px){.nav-links{display:flex;align-items:center;-moz-column-gap:clamp(18px,2.2vw,30px);column-gap:clamp(18px,2.2vw,30px);position:absolute;left:50%;transform:translateX(-50%);margin:0;padding:0;list-style:none}.nav-root[data-scrolled=true] .nav-bar{max-width:740px}}@media (prefers-reduced-motion:reduce){.nav-bar,.nav-shell{transition:none}}