:root{--navy:#061f2d;--navy2:#0a3547;--teal:#00a6a6;--sun:#f6bf24;--ice:#eaf7f5;--paper:#f6f7f3;--ink:#102c38;--muted:#637981;--line:#d7e2e1;--shadow:0 30px 80px rgba(4,31,45,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input{font:inherit}.progress{position:fixed;left:0;top:0;height:3px;background:var(--sun);z-index:100;width:0}.header{height:78px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:36px;position:fixed;z-index:50;top:0;left:0;right:0;color:#fff;transition:.35s}.header.scrolled{height:68px;background:rgba(6,31,45,.96);backdrop-filter:blur(16px);box-shadow:0 10px 35px #0003}.logo{position:relative;font-weight:950;font-size:25px;letter-spacing:-1px;padding-left:16px;white-space:nowrap}.logo i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--sun);left:0;top:9px;box-shadow:0 0 18px var(--sun)}.logo span{color:var(--sun)}.logo small{display:block;font-size:6px;letter-spacing:3.2px;color:#fff;font-weight:600;margin-top:-5px}.header nav{margin-left:auto;display:flex;gap:26px;font-size:13px;font-weight:750}.header nav a{opacity:.84;transition:.2s}.header nav a:hover{opacity:1;color:var(--sun)}.header-phone{font-weight:800;font-size:14px}.menu{display:none;border:0;background:transparent}.menu span{display:block;width:25px;height:2px;background:#fff;margin:6px}.hero{height:min(920px,100vh);min-height:720px;position:relative;color:#fff;overflow:hidden}.hero-bg{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,39,.93) 0%,rgba(4,25,39,.72) 38%,rgba(4,25,39,.08) 74%),linear-gradient(0deg,rgba(3,22,32,.68),transparent 45%)}.hero-content{position:absolute;left:max(24px,calc((100vw - 1280px)/2));top:50%;transform:translateY(-50%);max-width:690px}.kicker{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:850;color:#d9e9e9}.kicker b{width:32px;height:2px;background:var(--sun);display:inline-block;vertical-align:middle;margin-right:10px}.kicker.dark{color:var(--teal)}h1,h2,h3{margin:0;line-height:1.02;letter-spacing:-.045em}h1{font-size:clamp(56px,6.4vw,98px);font-weight:850}h1 em,h2 em,h3 em{font-style:normal;color:var(--sun)}.hero-content>p:not(.kicker){font-size:19px;max-width:590px;color:#d8e4e6;margin:25px 0 32px}.actions{display:flex;gap:12px}.btn{display:inline-flex;min-height:55px;padding:0 24px;align-items:center;justify-content:center;font-weight:850;border-radius:4px;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn.sun{background:var(--sun);color:var(--navy)}.btn.sun span{margin-left:25px}.btn.glass{border:1px solid #ffffff70;background:#ffffff0b;backdrop-filter:blur(8px)}.hero-stats{position:absolute;bottom:35px;right:max(24px,calc((100vw - 1280px)/2));display:flex;gap:42px}.hero-stats>div{width:150px}.hero-stats strong,.hero-stats b{font-size:27px;color:var(--sun)}.hero-stats span{display:block;font-size:11px;color:#d2dcdf;line-height:1.3}.scroll{position:absolute;left:max(24px,calc((100vw - 1280px)/2));bottom:42px;font-size:10px;letter-spacing:2px;text-transform:uppercase}.scroll i{display:inline-block;width:55px;height:1px;background:#fff6;margin:0 0 3px 10px}.section{max-width:1280px;margin:auto;padding:110px 24px}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.intro h2,.hotel h2,.real h2,.audience h2,.faq h2{font-size:clamp(40px,5vw,70px)}.intro h2 em{color:var(--teal)}.intro-copy{font-size:18px;color:var(--muted);margin:0 0 5px}.products{max-width:1440px;margin:auto}.product{min-height:620px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#fff}.product:nth-child(even) .product-visual{order:0}.product:nth-child(even) .product-text{order:1}.product-text{padding:85px clamp(35px,6vw,95px);display:flex;flex-direction:column;justify-content:center}.product-text>span{font-size:11px;letter-spacing:2px;font-weight:850;color:var(--teal)}.product h3{font-size:clamp(38px,4.5vw,66px);margin:16px 0 24px}.product h3 em{color:var(--teal)}.product p{color:var(--muted);font-size:17px;max-width:560px}.product ul{display:flex;gap:18px;list-style:none;padding:0;margin:15px 0 32px;flex-wrap:wrap}.product li{font-size:12px;font-weight:750;padding:7px 11px;background:var(--ice);border-radius:20px}.product-text>a{font-weight:850;color:var(--teal)}.product-visual{min-height:550px;position:relative;background:var(--navy);overflow:hidden;display:flex;align-items:center;justify-content:center}.product-visual img{width:100%;height:100%;object-fit:cover}.machine{width:330px;height:410px;border-radius:9px;background:linear-gradient(145deg,#e8ecec,#aeb9bb);position:relative;z-index:2;box-shadow:var(--shadow)}.machine:before{content:"";position:absolute;inset:45px;border-radius:50%;background:#162b34;border:12px solid #6e7e84}.fan{position:absolute;left:50%;top:50%;width:175px;height:175px;transform:translate(-50%,-55%);border-radius:50%;background:repeating-conic-gradient(from 0deg,#344c55 0 12deg,#142c36 13deg 36deg);animation:spin 13s linear infinite}.machine i{position:absolute;bottom:22px;left:30px;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 15px var(--teal)}.orb{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--teal),transparent 65%);opacity:.28;animation:breathe 4s ease-in-out infinite}.storage{background:var(--navy);color:#fff}.storage h3{color:#fff}.storage p{color:#b5c9cf}.spec-row{display:flex;gap:30px;margin:20px 0 35px}.spec-row b{font-size:28px;color:var(--sun);display:block}.spec-row span{font-size:10px;color:#b4c6cb}.energy-flow{position:relative;min-height:550px;background:linear-gradient(145deg,#082a39,#061a25);display:flex;align-items:center;justify-content:center;gap:45px;font-size:55px}.battery-node{width:130px;height:240px;border:2px solid #8cd7d1;border-radius:8px;padding:15px;display:flex;flex-direction:column-reverse;gap:7px}.battery-node i{height:42px;background:linear-gradient(90deg,var(--teal),#79d8bf);animation:charge 4s ease-in-out infinite}.line{width:90px;height:2px;background:#ffffff30;position:relative}.pulse{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--sun);box-shadow:0 0 20px var(--sun);animation:flow 3s linear infinite}.p1{left:18%;}.p2{right:18%;animation-delay:1.5s}.hotel{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hotel-image{position:relative}.hotel-image img{width:100%;height:650px;object-fit:cover;box-shadow:var(--shadow)}.hotel-image span{position:absolute;left:0;bottom:0;padding:13px 20px;background:var(--sun);font-size:11px;font-weight:900;letter-spacing:1.5px}.hotel-copy>p:not(.kicker){color:var(--muted);font-size:17px}.steps{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border-top:1px solid var(--line)}.steps div{padding:20px 10px 20px 0;border-bottom:1px solid var(--line)}.steps b{color:var(--teal);margin-right:12px}.steps span{font-weight:750;font-size:13px}.calculator-section{background:var(--navy);color:#fff}.calc-head{padding-bottom:40px}.calc-head h2{font-size:clamp(45px,6vw,78px)}.calc-head>p:last-child{color:#acc3ca}.calculator{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.calc-inputs,.calc-results{padding:42px;background:#fff;color:var(--ink)}.calc-inputs>label{font-weight:850}.calc-inputs output{float:right;color:var(--teal);font-size:22px}input[type=range]{display:block;width:100%;margin:24px 0 36px;accent-color:var(--teal)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label{background:var(--paper);padding:12px;font-size:11px;font-weight:750;position:relative}.fields input{border:0;background:transparent;width:100%;font-size:22px;font-weight:900;color:var(--ink);outline:0}.fields i{position:absolute;right:12px;bottom:17px;color:var(--muted);font-style:normal}.calc-results>span{font-size:12px;color:var(--muted)}.calc-results>strong{font-size:55px;display:block;color:var(--teal);margin:4px 0 25px}.calc-results>strong small{font-size:17px}.bars>div{margin:18px 0}.bars label{display:flex;justify-content:space-between;font-size:12px;font-weight:750}.bars i{display:block;height:8px;background:#e7ebea;margin-top:7px}.bars u{display:block;height:100%;width:100%;background:#e66a48;transition:.5s;text-decoration:none}.bars .green u{background:var(--teal)}.saving{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin:28px 0}.saving b{color:var(--teal);font-size:22px}.full{width:100%}.disclaimer{max-width:1230px;margin:-80px auto 0;padding:0 24px 75px;color:#78939b;font-size:11px}.real{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.real-copy>p:not(.kicker){color:var(--muted)}.real-number{display:flex;align-items:center;gap:18px;margin-top:30px}.real-number b{font-size:54px;color:var(--teal)}.real-number span{font-size:12px}.real-image{position:relative}.real-image img{height:570px;width:100%;object-fit:cover}.real-image i{position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-top:6px solid var(--sun);border-right:6px solid var(--sun)}.audience{padding-top:50px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-top:45px}.tabs button{border:0;background:transparent;padding:18px 28px;font-weight:800;color:var(--muted);cursor:pointer}.tabs button.active{background:var(--navy);color:#fff}.tab-panel{min-height:310px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--navy);color:#fff}.tab-panel span{font-size:10px;letter-spacing:2px;color:var(--sun)}.tab-panel h3{font-size:38px;margin:13px 0}.tab-panel p{color:#b9cbd0}.tab-panel ul{margin:auto 0;list-style:none}.tab-panel li{border-bottom:1px solid #ffffff20;padding:12px 0}.tab-panel li:before{content:"✓";color:var(--sun);margin-right:12px}.faq{padding-top:50px}.accordions{margin-top:40px}.accordions details{border-top:1px solid var(--line);padding:23px 0}.accordions details:last-child{border-bottom:1px solid var(--line)}summary{font-size:20px;font-weight:800;cursor:pointer;list-style:none}summary i{float:right;font-style:normal;color:var(--teal);font-size:28px}.accordions p{max-width:850px;color:var(--muted)}.contact{padding:100px max(24px,calc((100vw - 1280px)/2));background:var(--teal);color:#fff;display:grid;grid-template-columns:1fr .65fr;gap:80px}.contact h2{font-size:clamp(42px,5vw,70px)}.contact p{max-width:650px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px;font-weight:850}.contact-actions .btn{margin-bottom:8px}footer{padding:60px max(24px,calc((100vw - 1280px)/2));background:#031722;color:#b5c8ce;display:grid;grid-template-columns:.5fr 1fr .7fr;gap:35px;align-items:start}footer .logo{color:#fff}footer p{margin:0}footer div{display:flex;flex-direction:column;color:#fff;font-weight:750}footer small{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:25px;color:#66818b}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:translate(-50%,-55%) rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.12);opacity:.4}}@keyframes charge{50%{opacity:.45}}@keyframes flow{from{transform:translateX(-110px)}to{transform:translateX(110px)}}
@media(max-width:900px){.header{height:68px;padding:0 18px}.header nav{position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:22px;display:none;flex-direction:column}.header nav.open{display:flex}.header-phone{margin-left:auto;font-size:0}.header-phone:after{content:"Позвонить";font-size:12px}.menu{display:block}.hero{min-height:760px}.hero-content{top:43%}.hero-stats{left:24px;right:24px;gap:12px;bottom:55px}.hero-stats>div{width:auto;flex:1}.scroll{display:none}.intro,.product,.hotel,.calculator,.real,.tab-panel,.contact{grid-template-columns:1fr}.product:nth-child(even) .product-visual{order:1}.product:nth-child(even) .product-text{order:0}.product-visual{min-height:430px}.hotel-image img{height:430px}.calculator{padding-left:18px;padding-right:18px}.disclaimer{margin:-80px 0 0}.real-image img{height:430px}.tabs{overflow:auto}.tabs button{white-space:nowrap;padding:15px}.contact{gap:25px}footer{grid-template-columns:1fr}.section{padding:80px 20px}}
@media(max-width:560px){h1{font-size:51px}.hero-content>p:not(.kicker){font-size:16px}.hero-stats span{font-size:9px}.hero-stats strong,.hero-stats b{font-size:20px}.actions{flex-direction:column;align-items:stretch}.intro{gap:25px}.product{min-height:auto}.product-text{padding:60px 22px}.product-visual{min-height:360px}.machine{width:230px;height:295px}.fan{width:125px;height:125px}.product ul{gap:7px}.spec-row{gap:14px}.energy-flow{min-height:360px;gap:15px}.line{width:35px}.battery-node{width:95px;height:190px}.hotel{gap:35px}.hotel-image img{height:340px}.calc-inputs,.calc-results{padding:25px}.fields{grid-template-columns:1fr}.calc-results>strong{font-size:42px}.real{gap:35px}.real-image img{height:320px}.tab-panel{padding:32px 22px;gap:20px}.tab-panel h3{font-size:30px}summary{font-size:16px}.contact{padding-top:75px;padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.hero-content.reveal.visible{transform:translateY(-50%)}
.heatpump-visual{align-items:stretch}.heatpump-visual>img{width:100%;height:100%;object-fit:cover}.heatpump-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,23,34,.9),transparent 55%);pointer-events:none}.principle{position:absolute;z-index:3;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;padding:16px;background:rgba(6,31,45,.9);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#fff}.principle span{font-size:11px;font-weight:850;text-align:center}.principle small{display:block;margin-top:3px;color:#9fc0c6;font-size:9px;font-weight:600}.principle .pump{color:var(--sun)}.flow-arrow{font-style:normal;color:var(--sun);font-size:22px;animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{50%{transform:translateX(5px);filter:drop-shadow(0 0 8px var(--sun))}}
@media(max-width:560px){.principle{left:10px;right:10px;bottom:10px;padding:10px;gap:5px}.principle span{font-size:9px}.principle small{font-size:7px}.flow-arrow{font-size:15px}}