/* LifeNet Air — generated from tokens.json */
:root {
  /* color */
  --background: #080e0b;
  --foreground: #f3f0e8;
  --popover: #14271f;
  --muted-foreground: #b5beb7;
  --border: #c9b78c33;
  --gold: #c9b78c;
  --green: #183c2c;
  --ink: #080e0b;
  --cream: #ede9dd;
  --surface-footer: #0a160f;
  --surface-forest: #10271c;
  --surface-dialog: #132b1f;
  --surface-menu: #11271d;
  --surface-select: #0b1c16e6;
  --surface-pill: #0e231de0;
  --surface-pill-hover: #234332;
  --surface-chip: #0d211eed;
  --surface-button: #0a2118b3;
  --surface-raised: #334b36;
  --surface-image: #0c1c12;
  --glow-hero-core: #264234;
  --glow-hero-mid: #112119;
  --glow-closing: #183c29;
  --stage-forest-core: #34553c;
  --stage-forest-mid: #1c392a;
  --stage-light-core: #f2ecdc;
  --stage-light-mid: #dbd8c9;
  --stage-light-edge: #b1b3a6;
  --stage-light: #d9d6c8;
  --surface-cream: #eae6d9;
  --surface-header-light: #e4e0d3;
  --scrim: #06130d;
  --overlay: #050e08b3;
  --text-soft: #d9dfd9;
  --text-body: #c3cfc4;
  --text-notice: #b9c6b9;
  --text-muted: #b1bcae;
  --text-faint: #91a398;
  --gold-bright: #dec999;
  --gold-pale: #ead5a0;
  --gold-link: #e2d6b7;
  --gold-strong: #f3e6c3;
  --gold-control: #efe5ca;
  --gold-focus: #f0deb0;
  --line: #c9b78c40;
  --line-strong: #c9b78c80;
  --line-control: #c9b78cd9;
  --line-light: #18342835;
  --line-cream: #233e252b;
  --logo-on-dark: #578e73;
  --logo-on-light: #32674f;
  --on-light: #183428;
  --on-light-label: #2c4631;
  --on-cream: #142c20;
  --on-cream-body: #53624f;
  --on-cream-label: #4e6144;
  --on-cream-link: #173d2c;
  --on-header-light: #183b2c;
  --on-gold: #15251a;
  --on-gold-label: #2f3f2b;
  /* shadow */
  --shadow-pill: 0 5px 35px #0002;
  --shadow-pill-hover: 0 0 30px #c9b78c1c;
  --shadow-dialog: 0 30px 100px #0008;
  --shadow-product: 12px 22px 15px #05110c30;
  --focus-halo: 0 0 0 6px #080e0b;
  /* spacing */
  --gutter: 6.5%;
  --gutter-phone: 7%;
  --space-8: 8px;
  --space-12: 12px;
  --space-18: 18px;
  --space-24: 24px;
  --space-28: 28px;
  --space-35: 35px;
  --space-60: 60px;
  --space-110: 110px;
  --header-height: 96px;
  --dialog-padding: 55px;
  --target-min: 44px;
  --control-height: 47px;
  --measure: 760px;
  --measure-wide: 880px;
  --content-max: 1120px;
  /* radius */
  --radius-none: 0;
  --radius-label: 3px;
  --radius-chip: 25px;
  --radius-pill: 50px;
  --radius-round: 50%;
  /* breakpoint */
  --bp-phone: 850px;
  --bp-small-phone: 380px;
  --bp-wide: 1600px;
  --bp-compact-height: 520px;
  /* duration */
  --dur-control: 0.3s;
  --dur-header: 0.4s;
  --dur-icon: 0.5s;
  --dur-reveal: 0.8s;
  --dur-fade: 1.2s;
  --dur-settle: 1.3s;
  /* easing */
  --ease-reveal: cubic-bezier(.2,.8,.2,1);
  --ease-shade: cubic-bezier(.25,.1,.1,1);
  /* zIndex */
  --z-header: 30;
  --z-action: 35;
  --z-motion: 36;
  --z-dialog: 50;
  --z-skip: 100;
  /* font families */
  --font-display: Bodoni, Georgia, serif;
  --font-sans: Manrope, Arial, sans-serif;
}
@font-face { font-family: Bodoni; src: url('../assets/fonts/bodoni.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Manrope; src: url('../assets/fonts/manrope.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Manrope; src: url('../assets/fonts/manrope-semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
.display-hero { font-family: var(--font-display); font-size: 122px; line-height: 0.97; font-weight: 400; letter-spacing: -0.055em; }
.display-section { font-family: var(--font-display); font-size: 94px; line-height: 1.02; font-weight: 400; letter-spacing: -0.05em; }
.display-closing { font-family: var(--font-display); font-size: 94px; line-height: 1.04; font-weight: 400; letter-spacing: -0.055em; }
.display-statement { font-family: var(--font-display); font-size: 79px; line-height: 1.12; font-weight: 400; letter-spacing: -0.04em; }
.display-scene { font-family: var(--font-display); font-size: 72px; line-height: 1.1; font-weight: 400; letter-spacing: -0.04em; }
.display-name { font-family: var(--font-display); font-size: 90px; line-height: 1.05; font-weight: 400; letter-spacing: -0.065em; }
.display-card { font-family: var(--font-display); font-size: 85px; line-height: 0.93; font-weight: 400; letter-spacing: -0.06em; }
.display-dialog { font-family: var(--font-display); font-size: 65px; line-height: 1.05; font-weight: 400; letter-spacing: -0.04em; }
.display-page { font-family: var(--font-display); font-size: 78px; line-height: 1.05; font-weight: 400; }
.display-h2 { font-family: var(--font-display); font-size: 38px; line-height: 1.2; font-weight: 400; }
.display-menu { font-family: var(--font-display); font-size: 36px; line-height: 1.2; font-weight: 400; }
.body-lead { font-family: var(--font-sans); font-size: 18px; line-height: 1.8; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.9; font-weight: 400; }
.body-small { font-family: var(--font-sans); font-size: 14px; line-height: 1.8; font-weight: 400; }
.fine-print { font-family: var(--font-sans); font-size: 13px; line-height: 1.8; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.8; font-weight: 400; }
.accordion-title { font-family: var(--font-sans); font-size: 22px; line-height: 1.4; font-weight: 400; }
.phone-number { font-family: var(--font-sans); font-size: 40px; line-height: 1.2; font-weight: 400; letter-spacing: -0.03em; }
.stat-figure { font-family: var(--font-sans); font-size: 24px; line-height: 1.8; font-weight: 400; }
.subhead { font-family: var(--font-sans); font-size: 17px; line-height: 1.5; font-weight: 600; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 600; letter-spacing: 0.19em; }
.spec-term { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 400; letter-spacing: 0.1em; }
.spec-value { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 600; }
.image-caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 400; letter-spacing: 0.12em; }
.nav-link { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 400; }
.action-label { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 400; }
.wordmark-caps { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 600; letter-spacing: 0.15em; }
