:root {
  --black:#090C10; --base:#0E1117; --surface:#141920; --lifted:#1A2030;
  --border:rgba(255,255,255,0.07); --border-m:rgba(255,255,255,0.12);
  --white:#F4F4F2; --white-60:rgba(244,244,242,0.6); --white-35:rgba(244,244,242,0.35);
  --white-12:rgba(244,244,242,0.12); --white-06:rgba(244,244,242,0.06);
  --red:#E8624A; --red-dim:rgba(232,98,74,0.1); --red-mid:rgba(232,98,74,0.2);
  --green:#2E8B6A; --green-dim:rgba(46,139,106,0.1); --green-mid:rgba(46,139,106,0.2);
  --text:#B8C0CC;
}
[data-theme="light"] {
  --black:#F8F7F5; --base:#FFFFFF; --surface:#F4F3F0; --lifted:#ECEAE6;
  --border:rgba(0,0,0,0.08); --border-m:rgba(0,0,0,0.14);
  --white:#1A1A1A; --white-60:rgba(26,26,26,0.65); --white-35:rgba(26,26,26,0.40);
  --white-12:rgba(26,26,26,0.10); --white-06:rgba(26,26,26,0.05);
  --red:#C94733; --red-dim:rgba(201,71,51,0.08); --red-mid:rgba(201,71,51,0.15);
  --green:#1E6B50; --green-dim:rgba(30,107,80,0.08); --green-mid:rgba(30,107,80,0.15);
  --text:#3D4550;
}
@media(prefers-color-scheme:light){:root:not([data-theme]){
  --black:#F8F7F5;--base:#FFFFFF;--surface:#F4F3F0;--lifted:#ECEAE6;
  --border:rgba(0,0,0,0.08);--border-m:rgba(0,0,0,0.14);
  --white:#1A1A1A;--white-60:rgba(26,26,26,0.65);--white-35:rgba(26,26,26,0.40);
  --white-12:rgba(26,26,26,0.10);--white-06:rgba(26,26,26,0.05);
  --red:#C94733;--red-dim:rgba(201,71,51,0.08);--red-mid:rgba(201,71,51,0.15);
  --green:#1E6B50;--green-dim:rgba(30,107,80,0.08);--green-mid:rgba(30,107,80,0.15);
  --text:#3D4550;
}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--black);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}
}



/* ── TYPOGRAPHY ── */
h1,h2{font-family:'Instrument Serif',serif;font-weight:400;color:var(--white);letter-spacing:-0.02em;line-height:1.1;}
h3{font-family:'Inter',sans-serif;font-weight:600;color:var(--white);letter-spacing:-0.01em;}
h4{font-size:.92rem;font-weight:600;color:var(--white);margin-bottom:5px;}
.label{font-size:0.68rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--white-35);margin-bottom:18px;display:block;}
.label-red{color:var(--red);}
.label-green{color:var(--green);}
.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:18px;}
.section-sub{font-size:0.95rem;line-height:1.8;color:var(--white-60);font-weight:300;max-width:520px;margin-bottom:48px;}
.page-title{font-size:clamp(2.4rem,5vw,3.8rem);margin-bottom:20px;}
.page-sub{font-size:1rem;line-height:1.8;color:var(--white-60);font-weight:300;max-width:580px;margin-bottom:40px;}