@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --charcoal-950: #1c1a24;
  --white: #ffffff;
  --periwinkle-1: #99acff;
  --periwinkle-2: #9bb1ff;
  --sky: #bde0fe;
  --lavender: #cdd6ff;
  --lavender-tint: #e3e8ff;
  --blush-tint: #f9e7e5;
  --pink-bright: #ffc8dd;
  --neutral-600: #6b6875;
  --neutral-200: #e7e5ec;

  --text-primary: var(--charcoal-950);
  --text-secondary: var(--neutral-600);
  --text-link: var(--periwinkle-2);
  --text-link-hover: var(--charcoal-950);

  --surface-page: var(--white);
  --surface-tint-blue: var(--lavender-tint);
  --surface-tint-pink: var(--blush-tint);

  --accent-cta: var(--pink-bright);
  --border-subtle: var(--neutral-200);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(28,26,36,0.06);

  --font-display: 'Instrument Serif', Georgia, serif;
  --font-sans: 'Manrope', -apple-system, sans-serif;

  --text-display-xl: 700 clamp(48px,7vw,88px)/1.02 var(--font-display);
  --text-display-l: 400 clamp(36px,5vw,56px)/1.05 var(--font-display);
  --text-h1: 700 40px/1.1 var(--font-sans);
  --text-h2: 700 30px/1.2 var(--font-sans);
  --text-h3: 700 22px/1.3 var(--font-sans);
  --text-subhead: 600 18px/1.35 var(--font-sans);
  --text-body-l: 400 18px/1.6 var(--font-sans);
  --text-body: 400 16px/1.6 var(--font-sans);
  --text-body-sm: 400 14px/1.5 var(--font-sans);
  --text-eyebrow: 700 13px/1.2 var(--font-sans);
  --letter-eyebrow: 0.12em;
}

*{box-sizing:border-box}
body{margin:0;background:var(--surface-page);font-family:var(--font-sans)}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover)}
img{max-width:100%}

.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 64px;background:var(--surface-page);border-bottom:1px solid var(--border-subtle);gap:24px;flex-wrap:wrap}
.nav-logo{flex-shrink:0;display:flex;align-items:center}
.nav-logo img{height:52px;width:auto;display:block}
.nav-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.nav-links a{font:600 14px var(--font-sans);color:var(--text-secondary);white-space:nowrap}
.nav-links a.active{color:var(--text-primary)}
.nav-cta{font:600 14px var(--font-sans) !important;color:var(--charcoal-950) !important;background:var(--accent-cta);padding:10px 20px;border-radius:var(--radius-pill);white-space:nowrap}

.footer{display:flex;justify-content:space-between;align-items:center;padding:40px 64px;border-top:1px solid var(--border-subtle);font:var(--text-body-sm);color:var(--text-secondary);flex-wrap:wrap;gap:16px;background:var(--surface-page)}
.footer a{color:var(--text-secondary)}
.footer-links{display:flex;gap:24px}

.btn-cta{display:inline-block;font:600 16px var(--font-sans);color:var(--charcoal-950)!important;background:var(--accent-cta);padding:16px 30px;border-radius:var(--radius-pill)}

@media (max-width: 900px){
  .nav, .footer{padding-left:24px;padding-right:24px}
  [style*="padding:160px 96px"], [style*="padding:140px 96px"], [style*="padding:120px 96px"], [style*="padding:96px 64px"]{padding-left:24px!important;padding-right:24px!important}
}