:root{
  --bg:#07101a;--bg-soft:#0a1522;--panel:#0d1927;--panel-2:#122236;
  --text:#f5f8fb;--muted:#aebccc;--blue:#159cff;--blue-2:#74d4ff;
  --orange:#ff9f43;--line:rgba(255,255,255,.10);--green:#29c873;
  --shadow:0 20px 60px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 82% 4%,rgba(21,156,255,.11),transparent 28%),linear-gradient(180deg,#07101a,#08131f);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.section-anchor{scroll-margin-top:92px}
.nav{position:sticky;top:0;z-index:40;background:rgba(7,16,26,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.logo{width:50px;height:50px;border-radius:50%;padding:3px;background:conic-gradient(var(--blue),var(--blue-2),var(--orange),var(--blue));box-shadow:0 0 28px rgba(21,156,255,.2)}
.logo span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--panel);font-weight:900}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:17px;font-size:14px}.nav-links a:hover{color:var(--blue-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 19px;font-weight:700;border:1px solid var(--line);cursor:pointer;transition:.2s ease;background:transparent;color:#fff}.btn:hover{transform:translateY(-2px)}
.primary{background:linear-gradient(135deg,var(--blue),#0879ff);border:0;box-shadow:0 12px 34px rgba(21,156,255,.22)}
.hero{padding:72px 0 48px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.eyebrow{color:var(--blue-2);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1{font-size:clamp(48px,7vw,82px);line-height:.98;margin:16px 0 22px;letter-spacing:-.05em}h2{font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-.04em;margin:8px 0 0}.accent{color:var(--blue-2)}
.lead{font-size:18px;color:var(--muted);max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;font-size:14px}.trust b{color:var(--green)}
.home-visual{min-height:500px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(180deg,#d9efff 0 56%,#d4c0a4 56%);border:1px solid var(--line);box-shadow:var(--shadow)}
.visual-window{position:absolute;right:24px;top:20px;width:44%;height:50%;background:linear-gradient(#a8ddff,#eff9ff);border:8px solid #fff;border-radius:18px}.visual-window:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.9) 49% 52%,transparent 53%),linear-gradient(transparent 48%,rgba(255,255,255,.9) 49% 52%,transparent 53%)}
.visual-ac{position:absolute;left:42px;top:60px;width:240px;height:62px;border-radius:13px;background:linear-gradient(#fff,#e6edf2);box-shadow:0 12px 28px rgba(0,0,0,.18)}.visual-ac:after{content:"";position:absolute;left:18px;right:18px;bottom:10px;height:5px;border-radius:8px;background:#b9c4cd}
.visual-air{position:absolute;left:96px;top:140px;width:250px;height:90px;border-top:3px solid rgba(21,156,255,.55);border-radius:50%;transform:rotate(7deg)}
.visual-sofa{position:absolute;left:55px;bottom:58px;width:320px;height:120px;background:#9fafbf;border-radius:30px 30px 12px 12px}.visual-sofa:before{content:"";position:absolute;left:38px;top:-42px;width:102px;height:72px;background:#bbc7d1;border-radius:16px;box-shadow:118px 0 0 #b0beca}
.visual-plant{position:absolute;right:58px;bottom:48px;width:34px;height:118px;background:#715438}.visual-plant:before{content:"";position:absolute;left:-42px;top:-80px;width:120px;height:100px;border-radius:50%;background:#67a36b}
.manufacturer-band{border-block:1px solid var(--line);background:rgba(255,255,255,.02);padding:18px 0}.manufacturer-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(7,16,26,.72)}.manufacturer-item{display:flex;align-items:center;justify-content:center;min-height:110px;padding:18px;text-align:center;border-right:1px solid var(--line);font-size:22px;font-weight:800}.manufacturer-item:last-child{border-right:0}.manufacturer-message{text-align:left;justify-content:flex-start;gap:14px}.manufacturer-message .badge{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:rgba(21,156,255,.12);color:var(--blue-2)}.manufacturer-message strong{display:block;font-size:15px}.manufacturer-message span{display:block;color:var(--muted);font-size:12px;font-weight:500}
section{padding:82px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-head p{max-width:560px;color:var(--muted)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:22px;padding:24px}.card h3{margin:0 0 8px;font-size:20px}.card p{color:var(--muted);font-size:14px}.icon{width:48px;height:48px;border-radius:14px;background:rgba(21,156,255,.12);display:grid;place-items:center;font-size:21px;margin-bottom:18px}
.styles-section{background:linear-gradient(180deg,rgba(21,156,255,.035),rgba(255,255,255,.01))}.style-heading{max-width:800px;margin:0 auto 38px;text-align:center}.style-heading .lead{margin:16px auto 0}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.style-card{overflow:hidden;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#0f1d2d,#0b1623);box-shadow:0 14px 40px rgba(0,0,0,.18);transition:.2s ease}.style-card:hover{transform:translateY(-4px);border-color:rgba(116,212,255,.35)}.featured-card{border-color:rgba(21,156,255,.28)}
.style-visual{height:215px;position:relative;overflow:hidden;background:linear-gradient(180deg,#e7edf2 0 70%,#c9b69e 70%)}.style-copy{padding:22px}.style-copy h3{font-size:22px;margin:7px 0 8px}.style-copy p{color:var(--muted);font-size:14px;margin:0 0 15px}.style-tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:#cbd8e3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.style-tag.premium{background:rgba(21,156,255,.14);color:var(--blue-2)}.style-enquire{border:0;background:none;color:var(--blue-2);padding:0;font-weight:800;cursor:pointer;text-align:left}.style-enquire:hover{color:#fff}.style-enquire span{display:inline-block;transition:.2s}.style-enquire:hover span{transform:translateX(4px)}.micro-note{font-size:12px;color:#9fb0bf;margin:-6px 0 15px}
.wall-unit{position:absolute;top:55px;left:50%;transform:translateX(-50%);width:68%;height:48px;border-radius:12px;background:linear-gradient(#fff,#dde5eb);box-shadow:0 10px 22px rgba(0,0,0,.18)}.wall-unit:after{content:"";position:absolute;left:12%;right:12%;bottom:8px;height:4px;background:#b5c0c9;border-radius:6px}.style-airflow{position:absolute;top:120px;left:30%;width:42%;height:45px;border-top:3px solid rgba(21,156,255,.45);border-radius:50%}
.gallery{background:linear-gradient(180deg,#d8d0c7 0 72%,#b6a089 72%)}.gallery-frame{position:absolute;width:135px;height:135px;top:28px;left:50%;transform:translateX(-50%);padding:10px;background:#f4f4f4;box-shadow:0 10px 28px rgba(0,0,0,.22)}.gallery-frame i{display:block;width:100%;height:100%;background:linear-gradient(135deg,#283d56,#7796ac 45%,#d0a47f)}
.solo{background:linear-gradient(180deg,#e9ece9 0 74%,#cbc3b8 74%)}.solo-unit{position:absolute;width:205px;height:70px;left:50%;top:47px;transform:translateX(-50%);border-radius:4px;background:linear-gradient(180deg,#fafafa,#d9dcdd);box-shadow:0 12px 28px rgba(0,0,0,.18)}.solo-unit:after{content:"";position:absolute;right:15px;top:14px;width:35px;height:3px;border-radius:4px;background:#9ca9ac}.solo-vents{position:absolute;top:136px;left:50%;transform:translateX(-50%);display:flex;gap:35px}.solo-vents i{width:42px;height:42px;border-radius:50%;background:#30383d;box-shadow:inset 0 0 0 7px #889297}
.floor{background:linear-gradient(180deg,#e4e9ec 0 68%,#b89b7e 68%)}.floor-unit{position:absolute;width:100px;height:145px;left:50%;bottom:14px;transform:translateX(-50%);border-radius:10px;background:linear-gradient(#fff,#dfe5e7);box-shadow:0 10px 24px rgba(0,0,0,.18)}.floor-unit:after{content:"";position:absolute;left:15px;right:15px;bottom:20px;height:6px;border-radius:4px;background:#aeb8bd}
.cassette{background:linear-gradient(180deg,#eef1f2,#ccd3d6)}.ceiling-panel{position:absolute;width:160px;height:110px;top:28px;left:50%;transform:translateX(-50%) perspective(300px) rotateX(55deg);background:#fff;border:14px solid #d6dde0;box-shadow:0 14px 24px rgba(0,0,0,.2)}.ceiling-panel:after{content:"";position:absolute;inset:18px;border:4px solid #a9b6bc}
.concealed{background:linear-gradient(180deg,#e9edee 0 70%,#d2c0aa 70%)}.ceiling-slot{position:absolute;left:18%;right:18%;top:52px;height:16px;border-radius:4px;background:repeating-linear-gradient(90deg,#758087 0 4px,#b6c0c4 4px 8px);box-shadow:0 5px 12px rgba(0,0,0,.15)}.ceiling-slot.second{top:95px;left:28%;right:28%}
.style-help{margin-top:22px;padding:22px 24px;border:1px solid rgba(21,156,255,.24);border-radius:22px;background:linear-gradient(90deg,rgba(21,156,255,.10),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:space-between;gap:20px}.style-help strong{display:block;font-size:22px}.style-help span{display:block;color:var(--muted);font-size:14px}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tabs button{border:1px solid var(--line);background:#101b2a;color:#fff;padding:10px 14px;border-radius:999px;cursor:pointer}.tabs button.active{background:var(--blue);border-color:var(--blue)}.brand-panel{display:none}.brand-panel.active{display:block}
.compare-section-head{max-width:820px;margin:0 auto 34px;text-align:center}.compare-section-head p{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px}table{border-collapse:collapse;width:100%;min-width:980px;background:var(--panel)}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:#122236}td{color:#cad5df}td:first-child,th:first-child{font-weight:700}.table-note{margin-top:14px;padding:15px 18px;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:13px}
.banner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:44px;border-radius:30px;background:linear-gradient(135deg,rgba(21,156,255,.18),rgba(13,25,39,.94),rgba(255,159,67,.10));border:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}form{display:grid;gap:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}input,select,textarea{width:100%;padding:14px 15px;background:#09131f;color:#fff;border:1px solid var(--line);border-radius:13px}textarea{min-height:130px}.contact-tip{margin-top:24px;padding:15px 17px;border-radius:15px;background:rgba(21,156,255,.08);color:var(--muted);font-size:13px}.website-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{min-height:22px;font-size:13px;color:var(--muted)}.form-status.success{color:#5de399}.form-status.error{color:#ff8f8f}
footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.chat-btn{position:fixed;right:18px;bottom:18px;z-index:50;background:var(--blue);color:white;border:0;border-radius:999px;padding:14px 18px;font-weight:800;cursor:pointer}.chat{position:fixed;right:18px;bottom:80px;z-index:49;width:min(360px,calc(100% - 28px));height:500px;background:var(--panel);border:1px solid var(--line);border-radius:22px;display:none;flex-direction:column;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.5)}.chat.open{display:flex}.chat-head{padding:16px;background:#12345a;display:flex;justify-content:space-between}.chat-close{background:none;border:0;color:white;font-size:22px;cursor:pointer}.chat-msgs{flex:1;padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}.msg{max-width:80%;padding:10px 12px;border-radius:15px;font-size:14px}.bot{background:#18283b}.user{background:var(--blue);align-self:flex-end}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-input button{width:46px;border:0;border-radius:12px;background:var(--blue);color:white}
@media(max-width:1120px){.nav-links{display:none}.hero-grid,.contact-grid,.banner{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.style-grid{grid-template-columns:repeat(2,1fr)}.manufacturer-row{grid-template-columns:repeat(2,1fr)}.manufacturer-item{border-bottom:1px solid var(--line)}.manufacturer-item:nth-child(even){border-right:0}.manufacturer-item:last-child{grid-column:1/-1;border-bottom:0}.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.grid4,.fields,.style-grid,.manufacturer-row{grid-template-columns:1fr}.manufacturer-item{border-right:0}.manufacturer-item:last-child{grid-column:auto}.hero{padding-top:50px}.home-visual{min-height:350px}.visual-ac{left:22px;top:40px;width:190px}.visual-air{left:40px;top:118px}.visual-sofa{left:24px;bottom:42px;width:250px}.visual-window{right:12px}.style-help{align-items:flex-start;flex-direction:column}.style-help .btn{width:100%}}

.efficiency-section{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(21,156,255,.035))}
.efficiency-head{max-width:820px;margin:0 auto 34px;text-align:center}.efficiency-head .lead{margin:16px auto 0}
.heat-explainer{max-width:820px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;gap:18px;padding:26px;border:1px solid rgba(21,156,255,.25);border-radius:24px;background:linear-gradient(135deg,rgba(21,156,255,.12),rgba(255,255,255,.025))}
.heat-number{font-size:48px;font-weight:900;color:var(--blue-2);line-height:1}.heat-number.multi{color:#79e6a6}.heat-explainer strong,.heat-explainer span{display:block}.heat-explainer span{font-size:12px;color:var(--muted)}.heat-arrow{font-size:30px;color:var(--muted)}.source-note{max-width:820px;margin:10px auto 28px;color:var(--muted);font-size:12px;text-align:center}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);padding:0 18px}.faq-grid summary{cursor:pointer;padding:18px 0;font-weight:800}.faq-grid details p{margin:0 0 18px;color:var(--muted);font-size:14px}.faq-grid summary::marker{color:var(--blue-2)}
.cost-comparison,.running-calculator,.evidence-box{margin-top:22px;border:1px solid var(--line);border-radius:24px;padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.cost-comparison{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.cost-comparison h3,.running-calculator h3,.evidence-box h3{font-size:25px;margin:5px 0 8px}.cost-comparison p,.running-calculator p,.evidence-box p{color:var(--muted);font-size:14px}
.cost-bars{display:grid;gap:10px}.cost-row{display:grid;grid-template-columns:1fr auto;gap:2px 15px;padding:13px 15px;border-radius:14px;background:#09131f;border:1px solid var(--line)}.cost-row strong{font-size:20px}.cost-row small{grid-column:1/-1;color:var(--muted)}.cost-row.highlight{border-color:rgba(41,200,115,.35);background:rgba(41,200,115,.07)}
.running-calculator{display:grid;grid-template-columns:.8fr 1.3fr .65fr;gap:22px;align-items:center}.calculator-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.calculator-fields label{font-size:12px;color:var(--muted);font-weight:700}.input-unit{display:flex;align-items:center;margin-top:5px;background:#09131f;border:1px solid var(--line);border-radius:12px;overflow:hidden}.input-unit input{border:0;border-radius:0;background:transparent;padding:12px;width:100%;min-width:0}.input-unit span{padding-right:10px;white-space:nowrap;font-size:11px}.calculator-result{text-align:center;padding:18px;border-radius:18px;background:rgba(21,156,255,.09);border:1px solid rgba(21,156,255,.2)}.calculator-result span,.calculator-result small{display:block;color:var(--muted);font-size:11px}.calculator-result strong{display:block;font-size:36px;color:var(--blue-2);line-height:1.2;margin:4px 0}
.evidence-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center}.evidence-links{display:grid;gap:8px}.evidence-links a{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#09131f;font-size:13px;font-weight:700}.evidence-links a:hover{border-color:rgba(116,212,255,.4);color:var(--blue-2)}.evidence-links span{float:right}.efficiency-disclaimer{margin-top:15px;padding:15px 18px;border-radius:15px;background:rgba(255,159,67,.07);border:1px solid rgba(255,159,67,.18);font-size:12px;color:var(--muted)}
@media(max-width:900px){.cost-comparison,.running-calculator,.evidence-box{grid-template-columns:1fr}.calculator-fields{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:680px){.faq-grid,.calculator-fields{grid-template-columns:1fr}.heat-explainer{gap:10px;padding:20px 12px}.heat-number{font-size:34px}.heat-arrow{font-size:22px}}


/* Scroll-driven comfort story */
.comfort-story{padding:0;background:#07101a;position:relative}
.comfort-scroll{height:300vh;position:relative}
.comfort-stage{height:100vh;min-height:650px;position:sticky;top:76px;overflow:hidden;background:#10161d;border-block:1px solid var(--line)}
.comfort-room{position:absolute;inset:0}
.comfort-room img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:none;transform:scale(1.01)}
.comfort-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,13,.91) 0%,rgba(3,8,13,.72) 21%,rgba(3,8,13,.16) 48%,rgba(3,8,13,.06) 72%,rgba(3,8,13,.35) 100%)}
.comfort-ui{height:100%;position:relative;z-index:4;display:grid;grid-template-columns:82px minmax(320px,520px) 1fr;align-items:center;gap:28px}
.comfort-progress{height:72%;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.progress-line{position:absolute;left:15px;top:18px;bottom:18px;width:2px;background:rgba(255,255,255,.28)}
.progress-step{position:relative;z-index:2;border:0;background:none;color:#b4bdc6;text-align:left;padding:0 0 0 42px;cursor:pointer;min-height:45px}
.progress-step:before{content:"";position:absolute;left:4px;top:4px;width:20px;height:20px;border:3px solid currentColor;border-radius:50%;background:#0a1017;box-shadow:0 0 0 5px rgba(7,16,26,.55)}
.progress-step b,.progress-step small{display:block}.progress-step b{font-size:13px}.progress-step small{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}
.progress-step.active{color:#fff}.progress-step:nth-of-type(3).active{color:#57c7ff}.progress-step:nth-of-type(4).active{color:#ff983f}
.comfort-copy{position:relative;min-height:370px;display:flex;align-items:center}
.comfort-panel{position:absolute;left:0;max-width:500px;opacity:0;transform:translateY(28px);pointer-events:none;transition:opacity .48s ease,transform .48s ease}
.comfort-panel.active{opacity:1;transform:translateY(0);pointer-events:auto}
.comfort-panel h2{font-size:clamp(42px,5vw,68px);margin:10px 0 18px}.comfort-panel p{max-width:470px;color:#d1dae2;font-size:16px}
.cool-text,.cool-label{color:#55c9ff}.heat-text,.heat-label{color:#ff963d}
.scroll-cue{margin-top:28px;display:inline-flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#c8d0d8}.mouse-dot{width:20px;height:31px;border:2px solid #fff;border-radius:12px;position:relative}.mouse-dot:after{content:"";width:3px;height:6px;border-radius:3px;background:#fff;position:absolute;left:7px;top:5px;animation:scrollDot 1.5s infinite}
@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(10px)}}
.comfort-stat{display:inline-flex;align-items:baseline;gap:10px;margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(3,8,13,.45);backdrop-filter:blur(8px)}.comfort-stat strong{font-size:30px}.comfort-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#cad4dd}.cool-stat strong{color:#55c9ff}.heat-stat strong{color:#ff963d}
.comfort-side-note{justify-self:end;align-self:end;margin-bottom:60px;max-width:270px;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(3,8,13,.48);backdrop-filter:blur(8px)}.comfort-side-note strong,.comfort-side-note span{display:block}.comfort-side-note strong{font-size:14px}.comfort-side-note span{font-size:11px;color:#c4cdd5;margin-top:3px}
.airflow{position:absolute;right:8%;top:17%;width:40%;height:50%;opacity:0;transition:opacity .55s ease;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,255,255,.13))}
.airflow i{position:absolute;right:0;top:0;width:100%;height:100%;border-radius:0 0 0 100%;border-left:4px solid currentColor;border-bottom:4px solid currentColor;transform-origin:100% 0;opacity:.72}
.airflow i:nth-child(1){transform:scale(.42) rotate(-12deg);opacity:.92}.airflow i:nth-child(2){transform:scale(.58) rotate(-9deg);opacity:.75}.airflow i:nth-child(3){transform:scale(.74) rotate(-6deg);opacity:.56}.airflow i:nth-child(4){transform:scale(.92) rotate(-3deg);opacity:.35}
.airflow-cool{color:#55c9ff}.airflow-heat{color:#ff9a47}
.comfort-stage[data-mode="cool"] .airflow-cool{opacity:1}.comfort-stage[data-mode="heat"] .airflow-heat{opacity:1}
.comfort-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:34px}
.comfort-benefits>div{padding:22px 20px;border-right:1px solid var(--line);background:rgba(255,255,255,.025)}.comfort-benefits>div:last-child{border-right:0}.comfort-benefits span{display:block;color:var(--blue-2);font-size:24px;margin-bottom:8px}.comfort-benefits strong,.comfort-benefits small{display:block}.comfort-benefits strong{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.comfort-benefits small{margin-top:5px;color:var(--muted);font-size:11px}
.comfort-cta{margin-top:20px;margin-bottom:82px;padding:30px;border:1px solid rgba(21,156,255,.2);border-radius:24px;background:linear-gradient(90deg,rgba(21,156,255,.12),rgba(255,255,255,.02));display:flex;justify-content:space-between;align-items:center;gap:24px}.comfort-cta h3{font-size:28px;margin:5px 0}.comfort-cta p{color:var(--muted);margin:0}
@media(max-width:900px){
  .comfort-stage{top:76px}.comfort-ui{grid-template-columns:58px minmax(0,1fr);gap:14px}.comfort-side-note{display:none}
  .comfort-panel h2{font-size:clamp(38px,8vw,58px)}.comfort-benefits{grid-template-columns:1fr 1fr}.comfort-benefits>div:nth-child(2){border-right:0}.comfort-benefits>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:680px){
  .comfort-scroll{height:255vh}.comfort-stage{min-height:570px}.comfort-ui{width:calc(100% - 24px);grid-template-columns:44px 1fr;gap:10px}
  .comfort-vignette{background:linear-gradient(90deg,rgba(3,8,13,.9),rgba(3,8,13,.54) 56%,rgba(3,8,13,.12))}
  .comfort-progress{height:62%}.progress-step{padding-left:32px}.progress-line{left:11px}.progress-step:before{left:2px;width:16px;height:16px}
  .comfort-panel p{font-size:14px}.comfort-panel h2{font-size:38px}.airflow{right:-8%;top:22%;width:55%;height:42%}
  .comfort-benefits{grid-template-columns:1fr}.comfort-benefits>div{border-right:0;border-bottom:1px solid var(--line)}.comfort-benefits>div:last-child{border-bottom:0}
  .comfort-cta{align-items:flex-start;flex-direction:column}.comfort-cta .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.comfort-panel,.airflow{transition:none}.mouse-dot:after{animation:none}}


/* V9.1 mobile comfort-story fix */
@media(max-width:680px){
  .comfort-scroll{height:270vh}
  .comfort-stage{
    height:100svh;
    min-height:680px;
    top:76px;
    display:block;
    overflow:hidden;
    background:#07101a;
  }
  .comfort-room{
    position:absolute;
    inset:0 0 auto 0;
    height:38vh;
    min-height:230px;
    max-height:320px;
    background:#10161d;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  .comfort-room img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    transform:none;
    background:#10161d;
  }
  .comfort-vignette{
    background:linear-gradient(180deg,rgba(3,8,13,.04) 0%,rgba(3,8,13,.05) 68%,rgba(3,8,13,.58) 100%);
  }
  .comfort-ui{
    height:100%;
    width:calc(100% - 24px);
    padding-top:39vh;
    padding-bottom:18px;
    display:grid;
    grid-template-columns:42px 1fr;
    align-items:center;
    gap:10px;
  }
  .comfort-progress{height:58%;align-self:center}
  .comfort-copy{min-height:300px;align-self:center}
  .comfort-panel{max-width:100%}
  .comfort-panel h2{font-size:34px;line-height:1.02;margin:8px 0 12px}
  .comfort-panel p{font-size:13px;line-height:1.5;margin:0}
  .comfort-stat{margin-top:12px;padding:9px 11px}
  .comfort-stat strong{font-size:24px}
  .scroll-cue{margin-top:16px}
  .airflow{top:7%;right:3%;width:46%;height:24%}
  .comfort-side-note{display:none}
}