@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500&family=Geist+Mono:wght@400&display=swap');

:root{
  /* Cool air-blue neutrals (names kept for compatibility: gunmetal = air blue, graphite = deep navy) */
  --obsidian:#0A1620;      /* primary text, structural lines */
  --graphite:#12324A;      /* dark bands, product photo backdrop */
  --steel:#5A6977;         /* muted text (AA on white) */
  --steel-light:#8594A1;   /* metadata on fog, dividers */
  --gunmetal:#EAF2F9;      /* hero + feature bands */
  --gunmetal-deep:#D6E6F3; /* hover on gunmetal */
  --mist:#A7B6C3;          /* section rules, card borders */
  --hairline:#D5DEE6;      /* inputs, footer separators */
  --fog:#EEF3F7;           /* sunken panels */
  --white:#ffffff;
  /* brand — sampled from the ZB logo */
  --zb-blue:#0071BC;       /* "HVAC" · primary actions, links */
  --zb-blue-deep:#005A96;  /* hover */
  --zb-cyan:#00A7E1;       /* cooling accent, markers */
  --zb-lime:#A5CD39;       /* solar accent, markers only (not text) */
  --zb-green:#00994A;      /* "Solar Energy" · solar actions */
  --zb-blue-soft:#E6F1F9; --zb-green-soft:#E6F4EC;
  /* semantic */
  --action-primary:var(--zb-blue); --action-primary-hover:var(--zb-blue-deep); --action-solar:var(--zb-green);
  --surface-hero:var(--gunmetal); --surface-page:var(--white); --surface-dark:var(--graphite); --surface-sunken:var(--fog);
  --text-body:var(--obsidian); --text-muted:var(--steel); --text-on-dark:var(--white); --text-on-hero:var(--obsidian);
  --border-structural:var(--obsidian); --border-soft:var(--mist); --border-input:var(--hairline); --border-on-dark:var(--white);
  --action-border:var(--obsidian); --action-hover-bg:var(--obsidian); --action-hover-fg:var(--white);
}

:root{
  --font-sans:'Geist','Helvetica Neue',Helvetica,Arial,sans-serif; --font-mono:'Geist Mono',ui-monospace,Menlo,monospace;
  --fs-wordmark:clamp(64px,13vw,200px); --fs-display:57px; --fs-heading:38px; --fs-heading-sm:30px; --fs-sub:20px; --fs-body:19px; --fs-ui:16px; --fs-caption:15px;
  --lh-wordmark:.9; --lh-display:1; --lh-heading:1.15; --lh-heading-sm:1.25; --lh-body:1.42; --lh-ui:1.62; --lh-caption:1.43;
  --weight:400; --weight-medium:500;
}

:root{
  --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px; --space-20:20px; --space-24:24px; --space-28:28px; --space-32:32px; --space-40:40px; --space-76:76px; --section-gap:110px;
  --radius:8px; --radius-pill:32px; --line:1px solid var(--obsidian); --line-soft:1px solid var(--mist); --line-input:1px solid var(--hairline);
  --container:1280px; --gutter:24px; --ease:cubic-bezier(.25,.1,.25,1); --dur:280ms;
}

html,body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-weight:400;font-size:var(--fs-ui);line-height:var(--lh-ui);font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:var(--obsidian);text-underline-offset:4px}
a:hover{color:var(--graphite)}