#ase-hvac-example{--navy:#102631;--green:#526a33;--lime:#c6ef7d;--muted:#5c6c72;--line:#dce3e5;color:var(--navy);font-family:Arial,Helvetica,sans-serif;line-height:1.7;max-width:1180px;margin:0 auto;padding:34px 28px 70px;box-sizing:border-box}
#ase-hvac-example *{box-sizing:border-box}
#ase-hvac-example a{color:var(--green);text-underline-offset:3px}
#ase-hvac-example .eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--green);margin-bottom:14px}
#ase-hvac-example .hvac-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:38px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0 40px}
#ase-hvac-example h1{font-size:clamp(32px,4.4vw,57px);line-height:1.1;letter-spacing:-1.6px;margin:0 0 24px}
#ase-hvac-example h2{font-size:29px;line-height:1.2;letter-spacing:-.6px;margin:0 0 17px}
#ase-hvac-example h3{font-size:19px;line-height:1.3;margin:0 0 10px}
#ase-hvac-example p{margin:0 0 16px}
#ase-hvac-example .lead{font-size:18px;color:var(--muted);max-width:630px}
#ase-hvac-example .scope{padding:24px;border:1px solid var(--line);border-radius:18px;background:#f5f7f3}
#ase-hvac-example dl{margin:0}
#ase-hvac-example dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:17px}
#ase-hvac-example dt:first-child{margin-top:0}
#ase-hvac-example dd{margin:4px 0 0;font-weight:700;font-size:15px}
#ase-hvac-example .buttons{display:flex;flex-wrap:wrap;gap:12px;margin:23px 0}
#ase-hvac-example .button{display:inline-block;border-radius:8px;padding:12px 19px;font-weight:700;text-decoration:none;background:var(--navy);color:#fff}
#ase-hvac-example .button.light{background:#eaf3db;color:var(--navy)}
#ase-hvac-example .small{font-size:13px;color:var(--muted)}
#ase-hvac-example .hvac-section{padding-top:40px}
#ase-hvac-example .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:27px 0}
#ase-hvac-example .card{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff}
#ase-hvac-example .metric{font-size:35px;line-height:1.15;font-weight:700;margin-bottom:10px}
#ase-hvac-example .label{font-size:12px;color:var(--muted);margin-bottom:14px}
#ase-hvac-example .callout{background:#eef2e7;border-left:4px solid var(--green);padding:18px 23px;border-radius:0 10px 10px 0;margin:22px 0}
#ase-hvac-example .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin:20px 0}
#ase-hvac-example table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:480px}
#ase-hvac-example caption{text-align:left;padding:13px 16px;background:#eef2e7;color:var(--muted);font-size:13px}
#ase-hvac-example thead{background:var(--navy);color:white}
#ase-hvac-example th,#ase-hvac-example td{padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
#ase-hvac-example tbody tr:nth-child(even){background:#f6f8f8}
#ase-hvac-example .hvac-chart{border:1px solid var(--line);border-radius:14px;padding:22px;margin:22px 0;background:#fff}
#ase-hvac-example svg{width:100%;height:auto;display:block}
#ase-hvac-example svg text{font-size:14px;font-family:Arial,Helvetica,sans-serif;fill:var(--navy)}
#ase-hvac-example svg .chart-name{font-weight:700}
#ase-hvac-example .steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
#ase-hvac-example .step{padding:22px;border:1px solid var(--line);border-radius:13px}
#ase-hvac-example .step b{display:block;color:var(--green);font-size:12px;letter-spacing:1px;margin-bottom:8px}
#ase-hvac-example .cta{background:var(--navy);color:white;padding:32px;border-radius:18px;margin-top:40px}
#ase-hvac-example .cta a{color:var(--lime)}
#ase-hvac-example .cta .button{background:var(--lime);color:var(--navy)}
#ase-hvac-example .sources{padding-left:22px;font-size:13px}
#ase-hvac-example .sources li{margin-bottom:13px;scroll-margin-top:20px}
#ase-hvac-example .sources span{display:block;color:var(--muted)}
#ase-hvac-example .breadcrumb{font-size:12px;color:var(--muted)}
#ase-hvac-example .portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#ase-hvac-example .portfolio article{padding:20px;background:#f5f7f3;border-radius:12px}
#ase-hvac-example .footer-note{border-top:1px solid var(--line);padding-top:23px;margin-top:30px}
@media(max-width:700px){#ase-hvac-example{padding:20px 18px 45px}#ase-hvac-example .hvac-hero{grid-template-columns:1fr;gap:16px;padding-top:16px}#ase-hvac-example .cards,#ase-hvac-example .portfolio,#ase-hvac-example .steps{grid-template-columns:1fr}#ase-hvac-example .card{padding:21px}#ase-hvac-example h2{font-size:26px}#ase-hvac-example .hvac-chart{padding:12px}#ase-hvac-example .cta{padding:25px}#ase-hvac-example h1{letter-spacing:-1px}}
@media print{#ase-hvac-example .buttons{display:none}#ase-hvac-example .hvac-hero{grid-template-columns:1fr}#ase-hvac-example{padding:0}#ase-hvac-example .card,#ase-hvac-example .scope{break-inside:avoid}}

#ase-hvac-example{font-family:var(--font,Arial,sans-serif);padding-top:30px}#ase-hvac-example .hvac-section{padding-bottom:0}#ase-hvac-example .eyebrow:before{display:none}#ase-hvac-example .hvac-chart{height:auto}#ase-hvac-example .sources a{overflow-wrap:anywhere}#ase-hvac-example .hvac-hero{color:var(--navy);background:transparent;position:static;overflow:visible}#ase-hvac-example .hvac-hero:before{display:none}