.hvac { --ink:#103b49; --paper:#edf6f3; --action:#a6ebd9; --action-ink:#103b49; --line:#aac5c6; }
.air-header { background:var(--ink); color:var(--paper); display:flex; align-items:center; justify-content:space-between; gap:28px; padding:24px max(40px,calc((100% - 1280px)/2)); }
.air-header .business-logo img { width:260px; }
.air-header nav { display:flex; gap:30px; }
.air-header a { min-height:44px; display:inline-flex; align-items:center; text-decoration:none; font-size:12px; }
.air-contact { border-bottom:1px solid #a6ebd9; }
.air-hero { background:var(--ink); color:var(--paper); text-align:center; padding:35px 40px 64px; }
.air-hero>.eyebrow { color:#a6ebd9; }
.air-hero h1 { font-size:clamp(3.3rem,6vw,5.8rem); letter-spacing:-.055em; line-height:1.02; margin:22px 0; font-weight:500; }
.air-hero h1 em { font-style:normal; color:#a6ebd9; }
.air-summary { font-size:15px; max-width:560px; margin:auto; color:#deebe8; }
.air-hero .hero-actions { margin:24px 0 38px; }
.air-hero .button { border-radius:50px; }
.air-console { display:grid; grid-template-columns:.65fr 1fr 1fr; max-width:1240px; margin:auto; text-align:left; gap:20px; }
.air-console-note { display:flex; flex-direction:column; justify-content:space-between; gap:24px; background:#1c4b58; padding:30px; border-radius:100px 100px 20px 20px; }
.air-orbit { width:85px; height:85px; margin:10px auto; display:grid; place-items:center; border:1px solid #8ec7c0; border-radius:50%; color:#a6ebd9; font-size:42px; }
.air-orbit .demo-icon { width:38px; height:38px; }
.air-console-note p { font-size:30px; line-height:1.1; letter-spacing:-.04em; }
.air-console-note>span:last-child { font-size:9px; line-height:1.8; letter-spacing:.1em; }
.air-console .hero-image { height:370px; overflow:hidden; border-radius:20px; }
.air-console .hero-image img { object-position:center 48%; }
.air-selector { background:#edf6f3; color:#103b49; border-radius:20px; padding:26px; }
.air-selector [role="group"] { display:none; }
.js .air-selector [role="group"] { display:block; }
.air-selector button { display:flex; width:100%; gap:12px; justify-content:space-between; align-items:center; text-align:left; min-height:52px; padding:12px 0; border:0; border-bottom:1px solid #a6c1c2; background:transparent; color:#103b49; font-size:13px; }
.air-selector button span:first-child { font-size:10px; }
.air-selector button[aria-pressed=true] { font-weight:700; border-bottom:2px solid #103b49; }
.air-selector>p:last-child { font-size:12px; line-height:1.8; margin-top:18px; }
.air-service-detail>h2 { margin:20px 0 44px; text-align:center; font-weight:500; }
.air-service-detail>.eyebrow { text-align:center; }
.air-service-detail>div { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.air-service-detail article { border-top:1px solid var(--line); padding-top:25px; }
.air-service-detail article>span { font:11px monospace; }
.air-service-detail h3 { margin:26px 0 16px; }
.air-service-detail p { font-size:14px; }
.air-approach { background:#d8ebe5; display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.air-approach h2 { margin-top:24px; }
.air-approach ol { margin:0; padding-left:25px; }
.air-approach li { padding:0 0 25px 12px; }
.air-approach li p { margin-top:10px; font-size:14px; }
.air-area { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.air-area>div>h2 { margin:20px 0; }
.hvac .estimate { background:var(--ink); color:var(--paper); }
.hvac .site-footer { background:var(--ink); color:var(--paper); border-top:1px solid #59727a; }
@media(max-width:900px) { .air-console { grid-template-columns:1fr 1fr; }.air-console-note { display:none; }.air-header { padding-inline:24px; gap:18px; }.air-header nav { gap:18px; }.air-contact { display:none!important; } }
@media(max-width:760px) { .air-header { flex-wrap:wrap; justify-content:center; padding:18px 24px 0; }.air-header .business-logo img { width:230px; }.air-header nav { justify-content:space-between; width:100%; }.air-hero { padding:30px 24px 40px; }.air-hero h1 { font-size:clamp(3rem,11.5vw,4.5rem); }.air-summary { font-size:14px; }.air-console { grid-template-columns:1fr; }.air-console .hero-image { height:320px; }.air-selector { padding:24px; }.air-service-detail>div,.air-approach,.air-area { grid-template-columns:1fr; gap:30px; }.air-service-detail h3 { margin-top:15px; } }