:root {
  color-scheme: light;
  --brand-50:#ecfeff; --brand-100:#cffafe; --brand-500:#0ea5a4; --brand-600:#0b8f8e; --brand-700:#0b7f7e;
  --navy-950:#0f172a; --slate-700:#334155; --slate-500:#64748b; --slate-300:#cbd5e1; --slate-200:#e2e8f0; --slate-100:#f1f5f9;
  --page:#f8fafc; --surface:#fff; --success:#16a34a; --danger:#dc2626; --warning:#d97706;
  --font-heading:"Manrope",system-ui,sans-serif; --font-body:"Inter",system-ui,sans-serif;
  --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-lg:1.125rem; --text-xl:1.25rem; --text-2xl:1.5rem; --text-4xl:2.5rem;
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem;
  --radius-sm:.5rem; --radius-md:.75rem; --radius-lg:1rem; --radius-xl:1.5rem; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgb(15 23 42 / .06); --shadow-md:0 16px 38px rgb(15 23 42 / .10);
  --container:80rem; --header-height:5rem; --focus:0 0 0 3px rgb(14 165 164 / .25);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--page);color:var(--slate-700);font:400 var(--text-base)/1.6 var(--font-body)}
button,input,textarea,select{font:inherit} a{color:inherit} img{max-width:100%;display:block} h1,h2,h3{margin:0;color:var(--navy-950);font-family:var(--font-heading);line-height:1.15} p{margin:0}
:focus-visible{outline:0;box-shadow:var(--focus);border-radius:var(--radius-sm)}
.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.1rem;border:1px solid transparent;border-radius:var(--radius-md);font-weight:700;text-decoration:none;cursor:pointer}.button-primary{background:var(--brand-500);color:#fff}.button-primary:hover{background:var(--brand-700)}.button-secondary{background:#fff;border-color:var(--slate-300);color:var(--navy-950)}
.eyebrow{color:var(--brand-700);font-size:var(--text-sm);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:700px){:root{--header-height:4rem;--text-4xl:2rem}.container{width:min(calc(100% - 2rem),var(--container))}.button{min-height:3rem}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
