:root{--abismo:#0e2b2a;--bone:#efefec;--tiffany:#0abab5;--glow:#5eead4;--coral:#e2725b;--teal:#0b6e6a;--ink:#1a1a1a;--paper:#f4f4f2}@font-face{font-family:Manrope;src:url(/fonts/Manrope-VariableFont_wght.ttf)format("truetype");font-weight:200 800;font-display:swap}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--ink);background:var(--bone);text-rendering:optimizelegibility;margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:500;line-height:1.55}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.08}p{margin:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}.skip-link{z-index:10;background:var(--tiffany);color:var(--abismo);border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}.on-dark{background:var(--abismo);color:var(--paper)}.on-light{background:var(--bone);color:var(--ink)}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}.on-dark :focus-visible{outline-color:var(--glow)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.on-dark .eyebrow{color:var(--glow)}.on-light .eyebrow{color:var(--teal)}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--tiffany);color:var(--abismo);border:2px solid var(--tiffany)}.btn-primary:hover{background:var(--glow);border-color:var(--glow);color:var(--abismo)}.btn-outline{color:var(--paper);background:0 0;border:2px solid #f4f4f299}.btn-outline:hover{border-color:var(--glow);color:var(--glow)}.link-light{color:var(--teal);text-underline-offset:3px;font-weight:700}.link-dark{color:var(--paper);text-underline-offset:3px}.link-dark:hover{color:var(--glow)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
