:root{--color-bg: #FAFAF7;--color-surface: #FFFFFF;--color-surface-alt: #F2F1ED;--color-fg: #131312;--color-fg-muted: #57534E;--color-fg-subtle: #8C857C;--color-border: rgba(19, 19, 18, .08);--color-border-strong: rgba(19, 19, 18, .16);--color-accent: #0E4F4A;--color-accent-hover: #0A3F3B;--color-accent-soft: #E8F0EF;--color-background: var(--color-bg);--color-card-bg: var(--color-surface);--color-light: var(--color-surface);--color-light-gray: var(--color-surface-alt);--color-text: var(--color-fg);--color-text-dark: var(--color-fg);--color-text-muted: var(--color-fg-muted);--color-text-secondary: var(--color-fg-muted);--color-text-light: var(--color-bg);--color-secondary: var(--color-fg);--color-dark: var(--color-fg);--color-dark-alt: #1F1E1C;--color-gray: var(--color-fg-muted);--color-divider: var(--color-border);--color-border-light: var(--color-border);--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--color-primary-light: var(--color-accent-soft);--color-info: var(--color-accent);--color-success: var(--color-accent);--color-warning: var(--color-fg);--color-error: var(--color-fg);--color-purple: var(--color-fg);--color-pink: var(--color-fg);--color-teal: var(--color-accent);--color-emerald: var(--color-accent);--color-amber: var(--color-fg);--color-rose: var(--color-fg);--color-cyan: var(--color-accent);--color-lime: var(--color-accent);--color-button-primary: var(--color-accent);--color-button-secondary: var(--color-fg);--color-button-text: var(--color-bg);--font-display: "Instrument Serif", Georgia, serif;--font-sans: "Geist", -apple-system, system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--font-main: var(--font-sans);--font-body: var(--font-sans);--font-heading: var(--font-display);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--text-4xl: 4rem;--text-5xl: 5.5rem;--fs-small: var(--text-sm);--fs-medium: var(--text-base);--fs-large: var(--text-lg);--fs-xl: var(--text-xl);--fs-h3: var(--text-xl);--fs-h2: var(--text-3xl);--fs-h1: var(--text-4xl);--fs-hero: var(--text-5xl);--leading-tight: 1.05;--leading-snug: 1.2;--leading-base: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-base: 0;--tracking-wide: .04em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-24);--space-4xl: var(--space-32);--container-narrow: 38rem;--container-base: 64rem;--container-wide: 80rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--transition-fast: all var(--duration-fast) var(--ease-out);--transition-default: all var(--duration-base) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-out);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-button: none;--shadow-card: none}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-fg);background-color:var(--color-bg);line-height:var(--leading-base);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-fg);margin-bottom:var(--space-6)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl);line-height:var(--leading-snug)}h1 em,h2 em,h1 i,h2 i,.display em,.display i{font-style:italic;font-weight:400;color:var(--color-accent)}h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:var(--leading-snug);letter-spacing:-.005em;color:var(--color-fg);margin-bottom:var(--space-4)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:var(--space-6);line-height:var(--leading-base);color:var(--color-fg-muted);max-width:38rem}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:.25em}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:var(--transition-fast)}input,textarea,select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-fg);background-color:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0e4f4a1f}img{max-width:100%;height:auto}ul,ol{list-style-position:inside;margin-bottom:var(--space-4)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::placeholder{color:var(--color-fg-subtle);opacity:1}::selection{background:var(--color-accent);color:var(--color-bg)}.eyebrow,.section-label{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg-subtle);margin-bottom:var(--space-4)}.eyebrow--accent{color:var(--color-accent)}.rule{height:1px;background-color:var(--color-border);border:0;margin:var(--space-12) 0}.text-center{text-align:center}.text-large{font-size:var(--text-lg)}.text-muted{color:var(--color-fg-muted)}.text-primary{color:var(--color-accent)}.text-secondary{color:var(--color-fg)}.text-light{color:var(--color-bg)}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.bg-gray{background-color:var(--color-surface-alt)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:var(--container-base);margin:0 auto;padding:0 var(--space-8)}@media(max-width:768px){.container{padding:0 var(--space-6)}}@media(max-width:640px){.container{padding:0 var(--space-4)}}.section{padding-block:var(--space-24)}@media(min-width:768px){.section{padding-block:var(--space-32)}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background-color:var(--color-accent);color:var(--color-bg);border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);text-decoration:none;letter-spacing:0}.btn:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-bg);text-decoration:none}.btn--secondary{background-color:transparent;color:var(--color-fg);border:1px solid var(--color-border-strong)}.btn--secondary:hover{background-color:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.btn--ghost{background-color:transparent;color:var(--color-fg);border:none;text-decoration:underline;text-underline-offset:4px;padding-left:0;padding-right:0}.btn--ghost:hover{background-color:transparent;color:var(--color-accent);text-decoration:underline}.btn--outline{background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.btn--outline:hover{background-color:var(--color-accent);color:var(--color-bg)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.grid{display:grid;gap:var(--space-8)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}
