:root{--bg:#f5f8fa;--ink:#082d53;--muted:#667788;--card:#fff;--line:#d9e3eb;--cyan:#0ca7df;--soft:#e3f6fc;--red:#c8444b;--navy:#062a50}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:30px}.logo{width:310px;line-height:0}.logo img{width:100%;height:auto}.nav nav{display:flex;align-items:center;gap:26px}.nav nav a{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.nav nav a:hover{color:var(--cyan)}.nav-cta{background:var(--navy);border-left:3px solid var(--red);border-radius:8px;color:#fff!important;padding:10px 15px}.hero{padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center}.badge{display:inline-block;background:var(--soft);color:#087ca8;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:800}h1{font-size:58px;line-height:1.02;letter-spacing:-.035em;margin:20px 0}.hero h1 span{color:var(--cyan)}h2{font-size:38px;line-height:1.15;letter-spacing:-.025em;margin:8px 0 16px}h3{font-size:23px;margin:8px 0 12px}.lead{font-size:20px;color:var(--muted);max-width:760px}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border:0;border-radius:9px;padding:14px 20px;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:var(--navy);border-left:3px solid var(--red);color:#fff}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-size:12px;font-weight:900}.light{color:#78d4f4}.section{padding:70px 0}.pale{background:#eaf3f7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;display:flex;flex-direction:column}.card>p{color:var(--muted);min-height:132px}.card .btn{margin-top:22px;text-align:center}.spec{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0;font-size:13px}.spec strong{text-align:right}.cyan{color:#0788b8}.disclaimer{color:#758492;font-size:12px;margin-top:22px}.page-intro{background:linear-gradient(120deg,var(--navy),#0a4776);color:#fff;padding:72px 0}.page-intro .kicker{color:#75d8fa}.page-intro .lead{color:#c4d6e2}.band,.weather{background:var(--navy);color:#fff;padding:60px 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.benefits article{border-top:2px solid var(--cyan);padding-top:18px}.benefits b{display:block;color:var(--red);font-size:12px;margin-bottom:15px}.benefits strong{font-size:17px}.benefits p{color:#bfd0de}.climate-console{min-height:430px;background:linear-gradient(150deg,#fff,#edf9fd);border:1px solid #d5e8f0;border-radius:28px;padding:28px;box-shadow:0 22px 70px rgba(4,43,80,.13);display:flex;flex-direction:column;justify-content:space-between}.console-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.console-top img{width:190px;height:auto}.console-top span{display:flex;align-items:center;gap:7px;color:#5b7080;font-size:11px;font-weight:800;text-transform:uppercase}.console-top i,.live i{width:8px;height:8px;background:#3bc475;border-radius:50%;box-shadow:0 0 0 4px rgba(59,196,117,.13)}.console-display{display:flex;justify-content:space-around;align-items:center}.set-temperature{display:flex;flex-direction:column}.set-temperature small{color:var(--muted);text-transform:uppercase;font-weight:900;font-size:10px}.set-temperature strong{font-size:74px;line-height:1}.set-temperature strong sup{font-size:22px;color:var(--cyan)}.set-temperature span{color:var(--cyan);font-size:12px;font-weight:800}.mode-ring{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--red) 0 46%,#e5edf2 46% 54%,var(--cyan) 54% 100%);padding:12px}.mode-ring>div{height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.mode-ring span{font-size:10px;font-weight:900;letter-spacing:.12em}.mode-ring span:first-child{color:var(--red)}.mode-ring span:last-child{color:var(--cyan)}.console-features{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.console-features div{padding:14px 10px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.console-features div:last-child{border:0}.console-features b{color:var(--cyan);font-size:18px}.console-features span{color:var(--muted);font-size:10px}.weather-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.weather-heading p{color:#bfd0de}.live{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;text-transform:uppercase}.live span{color:#9cb4c5;font-weight:500;text-transform:none}.weather-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.weather-card{background:#ffffff12;border:1px solid #ffffff24;border-radius:17px;padding:18px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.weather-card>div:first-child{display:flex;flex-direction:column}.weather-card small{color:#9fb8ca}.weather-value{font-size:47px;font-weight:800}.weather-value sup{font-size:18px;color:#77d7f7}.weather-meta{display:flex;justify-content:space-between;gap:8px;color:#c4d5e1;font-size:11px}.source{color:#7897ad;font-size:11px}.how-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px}.how-panel>p{color:var(--muted);max-width:860px}.how-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px;margin-top:34px}.how-flow div{background:var(--soft);border-top:3px solid var(--cyan);border-radius:14px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:8px}.how-flow span{grid-column:1/-1;color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase}.how-flow b{font-size:30px}.how-flow small{align-self:center;color:var(--muted)}.how-flow i{font-style:normal;color:var(--red);font-size:26px}.feature-list article,.process article{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding:28px 0}.feature-list article>b{color:var(--cyan);font-size:38px}.feature-list p,.process p{color:var(--muted)}.process>article>span{width:58px;height:58px;display:grid;place-items:center;background:var(--soft);color:var(--cyan);font-weight:900;border-radius:50%}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.contact-detail{padding:18px 0;border-top:1px solid var(--line);display:flex;flex-direction:column}.contact-detail span{color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase}.contact-detail a{color:var(--ink);font-size:22px;font-weight:800;text-decoration:none}.enquiry{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:18px}.enquiry label{font-size:13px;font-weight:800}.enquiry input,.enquiry textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbd8e1;border-radius:8px;padding:12px;font:inherit}.enquiry small{color:var(--muted)}footer{background:#0d1d40;color:#fff;padding:30px 0;text-align:center}footer p{margin:0 0 8px}footer address{display:grid;gap:7px;font-style:normal}footer a{color:#fff;text-decoration:none}
@media(max-width:900px){.nav{align-items:flex-start;flex-direction:column;padding:15px 0}.logo{width:240px}.nav nav{width:100%;overflow-x:auto}.hero-grid,.contact-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.card>p{min-height:0}.weather-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.wrap{width:min(100% - 30px,1180px)}h1{font-size:40px}.nav nav{gap:17px}.nav nav a{font-size:12px}.hero{padding:50px 0}.weather-heading{align-items:flex-start;flex-direction:column}.weather-grid{grid-template-columns:1fr 1fr}.how-flow{grid-template-columns:1fr}.how-flow i{transform:rotate(90deg);justify-self:center}.benefits{grid-template-columns:1fr}.console-features{grid-template-columns:1fr}.console-features div{border-right:0;border-bottom:1px solid var(--line)}footer p,footer address{font-size:14px}}
@media(max-width:420px){.weather-grid{grid-template-columns:1fr}.console-top{align-items:flex-start;flex-direction:column}.set-temperature strong{font-size:58px}.mode-ring{width:105px;height:105px}}