:root{--bg:#060607;--surface:#101014;--surface2:#17171d;--text:#f7f7fa;--muted:#a7a7b0;--line:#292932;--blue:#5877ff;--violet:#9a5bff;--pink:#dc5bd2;--light:#f4f4f7;--ink:#111116;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body.light-page{background:var(--light);color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.nav{position:fixed;z-index:100;inset:0 0 auto;background:rgba(6,6,7,.76);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.09)}.nav-in{max-width:var(--max);height:76px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:-.02em}.brand img{width:48px;height:42px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:24px;color:#d8d8dd;font-size:.92rem}.nav-links a{transition:.25s color}.nav-links a:hover,.nav-links a.active{color:#bd8cff}.nav-cta{padding:11px 17px;border-radius:999px;background:linear-gradient(110deg,var(--blue),var(--pink));color:#fff!important;font-weight:700}.nav-toggle{display:none;border:0;background:none;color:#fff;font-size:1.5rem}.hero{min-height:92vh;padding:145px 24px 80px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,6,.94),rgba(4,4,6,.62) 47%,rgba(4,4,6,.12)),linear-gradient(0deg,rgba(4,4,6,.88),transparent 58%)}.hero-home{background-image:url('pv-home.webp')}.hero-pv{background-image:url('assets/products/ocean2-official.jpg')}.hero-wp{background-image:url('heatpump-home.webp')}.hero-klima{background-image:url('climate-home.webp')}.hero-contact{min-height:68vh;background:radial-gradient(circle at 78% 25%,rgba(155,88,255,.28),transparent 31%),linear-gradient(135deg,#16121e,#070708 70%)}.hero-contact:before{display:none}.wrap{width:100%;max-width:var(--max);margin:auto;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d8c3ff;font-size:.9rem;border:1px solid rgba(181,126,255,.3);background:rgba(100,55,170,.14);padding:8px 13px;border-radius:999px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#ae68ff;box-shadow:0 0 14px #ae68ff}.hero h1{font-size:clamp(3.7rem,8vw,7.7rem);line-height:.93;letter-spacing:-.07em;margin:28px 0 25px;max-width:940px}.hero p{max-width:700px;color:#cacad1;font-size:clamp(1.08rem,2vw,1.36rem);line-height:1.58}.gradient{background:linear-gradient(100deg,#fff,#90a7ff 50%,#eb7ce2);-webkit-background-clip:text;background-clip:text;color:transparent}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 22px;border-radius:999px;font-weight:700;border:1px solid #3a3a43;transition:.3s transform,.3s box-shadow,.3s background}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(108,65,220,.2)}.btn.primary{border:0;background:linear-gradient(110deg,var(--blue),var(--pink));color:#fff}.btn.light{background:#fff;color:#111;border-color:#fff}.section{padding:115px 24px}.section.light{background:var(--light);color:var(--ink)}.section.deep{background:#0b0b0e}.tag{color:#a66cf0;font-weight:750;font-size:.92rem}.title{font-size:clamp(2.6rem,5.3vw,5rem);line-height:1.02;letter-spacing:-.058em;margin:14px 0 20px;max-width:900px}.intro{font-size:1.16rem;line-height:1.65;color:var(--muted);max-width:730px}.light .intro{color:#66666f}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px}.service{position:relative;min-height:385px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#18181e,#0d0d10);padding:31px;overflow:hidden;transition:.35s}.service:hover{transform:translateY(-7px);border-color:#7955a9;box-shadow:0 24px 60px rgba(0,0,0,.25)}.icon{width:52px;height:52px;border-radius:16px;border:1px solid #413450;background:linear-gradient(145deg,rgba(102,117,255,.18),rgba(213,81,205,.13));display:grid;place-items:center;color:#c9a4ff}.icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.7}.service h3{font-size:2rem;letter-spacing:-.045em;margin:105px 0 12px}.service p{color:var(--muted);line-height:1.6}.service .more{display:inline-block;color:#d0adff;margin-top:12px;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}.gallery-card{border:0;padding:0;background:none;border-radius:20px;overflow:hidden;position:relative;cursor:pointer;aspect-ratio:4/3}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.55s transform}.gallery-card:hover img{transform:scale(1.045)}.gallery-card:after{content:"↗";position:absolute;right:13px;top:13px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(5,5,7,.66);backdrop-filter:blur(10px);color:#fff}.gallery-note{margin-top:16px;color:#797982;font-size:.9rem}.modal{position:fixed;z-index:500;inset:0;background:rgba(0,0,0,.88);display:none;place-items:center;padding:24px}.modal.open{display:grid}.modal img{max-width:min(1200px,94vw);max-height:88vh;border-radius:18px}.modal-close{position:absolute;right:25px;top:22px;width:45px;height:45px;border-radius:50%;border:1px solid #555;background:#15151a;color:#fff;font-size:1.5rem;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #d9d9df;background:#d9d9df;border-radius:24px;overflow:hidden;margin-top:50px}.step{padding:31px;background:#fff;min-height:225px}.step b{color:#884bd3}.step h3{margin:60px 0 10px;font-size:1.3rem}.step p{color:#66666f;line-height:1.55}.product-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.product-visual{min-height:500px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 60% 35%,rgba(142,81,236,.18),transparent 44%),#0d0d10;display:grid;place-items:center;overflow:hidden;padding:24px;position:relative}.product-visual.lightbox{background:#f2f2f5;border-color:#ddd}.product-visual img{max-height:450px;object-fit:contain}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}.stat{border:1px solid var(--line);border-radius:16px;padding:17px}.stat small{display:block;color:var(--muted);margin-bottom:6px}.stat strong{font-size:1.1rem}.source-link{font-size:.84rem;color:#9e73db;display:inline-block;margin-top:18px}.viewer{border:1px solid var(--line);border-radius:30px;background:#0e0e12;overflow:hidden}.viewer-main{height:520px;display:grid;place-items:center;padding:26px;cursor:zoom-in}.viewer-main img{max-width:90%;max-height:460px;object-fit:contain;transition:.35s transform}.viewer-main:hover img{transform:scale(1.08)}.viewer-thumbs{display:flex;gap:8px;padding:12px;overflow:auto;border-top:1px solid var(--line)}.viewer-thumbs button{flex:0 0 82px;height:66px;border:1px solid #33333c;border-radius:12px;background:#fff;padding:6px;cursor:pointer}.viewer-thumbs button.active{border-color:#9e64f4;box-shadow:0 0 0 2px rgba(158,100,244,.25)}.viewer-thumbs img{width:100%;height:100%;object-fit:contain}.config{margin-top:30px}.config-buttons{display:flex;gap:9px;flex-wrap:wrap}.config-buttons button{border:1px solid #393942;background:#15151a;color:#fff;padding:10px 15px;border-radius:999px;cursor:pointer}.config-buttons button.active{background:linear-gradient(110deg,var(--blue),var(--pink));border-color:transparent}.config-result{margin-top:18px;font-size:2.2rem;font-weight:750;letter-spacing:-.04em}.feature-list{border-top:1px solid var(--line);margin-top:40px}.feature-row{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid var(--line)}.feature-row b{color:#af77f5}.feature-row h3{margin:0 0 8px;font-size:1.3rem}.feature-row p{margin:0;color:var(--muted);line-height:1.6}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}.brand-product{border:1px solid var(--line);border-radius:28px;background:#101014;overflow:hidden}.brand-image{height:390px;background:#f3f3f5;display:grid;place-items:center;padding:30px}.brand-image img{max-height:330px;object-fit:contain}.brand-copy{padding:30px}.brand-copy h3{font-size:2rem;margin:0 0 12px}.brand-copy p{color:var(--muted);line-height:1.6}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.benefit{border:1px solid var(--line);border-radius:22px;padding:26px;min-height:205px}.benefit h3{margin:50px 0 9px}.benefit p{color:var(--muted);line-height:1.55}.faq{margin-top:45px;border-top:1px solid currentColor}.faq details{border-bottom:1px solid rgba(130,130,140,.35)}.faq summary{cursor:pointer;list-style:none;padding:23px 44px 23px 0;font-size:1.12rem;font-weight:700;position:relative}.faq summary:after{content:"+";position:absolute;right:3px;color:#9455e7;font-size:1.5rem}.faq details[open] summary:after{content:"–"}.faq p{color:#66666f;line-height:1.65;max-width:850px;margin:0 0 24px}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;align-items:start}.contact-info,.contact-form{border-radius:28px;padding:34px}.contact-info{background:#111116;border:1px solid var(--line)}.contact-list{display:grid;gap:13px;margin-top:30px}.contact-item{display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid #2d2d35;border-radius:16px}.contact-item .mini{width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,rgba(88,119,255,.2),rgba(220,91,210,.16));display:grid;place-items:center}.contact-item small{display:block;color:#9999a3;margin-bottom:4px}.contact-form{background:#fff;color:#141419;box-shadow:0 24px 70px rgba(22,18,34,.12)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.9rem;font-weight:700}.field input,.field textarea{width:100%;border:1px solid #d5d5dc;background:#f7f7f9;color:#17171c;border-radius:14px;padding:15px 16px;outline:none}.field input:focus,.field textarea:focus{border-color:#9861e7;box-shadow:0 0 0 3px rgba(152,97,231,.13)}.field textarea{min-height:130px;resize:vertical}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.check input{position:absolute;opacity:0}.check span{display:block;padding:12px 13px;border:1px solid #d7d7de;border-radius:13px;background:#fafafa;cursor:pointer;transition:.2s}.check input:checked+span{border-color:#9254e2;background:#f3ebff;color:#5e299f}.form-note{font-size:.84rem;color:#777780;line-height:1.5}.success{display:none;margin-top:15px;padding:14px;border-radius:13px;background:#f0e9ff;color:#5d2b9c}.success.show{display:block}.map{margin-top:20px;border-radius:22px;overflow:hidden;border:1px solid var(--line);height:360px}.map iframe{width:100%;height:100%;border:0}.next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.next{padding:24px;border:1px solid #dadade;background:#fff;border-radius:20px}.next b{color:#8a4dd6}.next h3{margin:35px 0 8px}.next p{color:#686870;line-height:1.55}.cta-band{margin:0 24px 115px;border:1px solid #3d2a52;border-radius:34px;background:radial-gradient(circle at 83% 20%,rgba(170,76,255,.35),transparent 35%),linear-gradient(135deg,#191221,#09090b 72%);padding:clamp(36px,7vw,78px)}.cta-band h2{font-size:clamp(2.8rem,6vw,5.3rem);letter-spacing:-.06em;line-height:1;margin:0 0 20px;max-width:900px}.cta-band p{color:#bbb6c1;font-size:1.15rem;line-height:1.6;max-width:640px}footer{border-top:1px solid var(--line);padding:38px 24px;color:#8c8c95}.footer{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:920px){.nav-links{display:none;position:absolute;left:16px;right:16px;top:68px;flex-direction:column;align-items:stretch;background:#101014;border:1px solid #2d2d34;border-radius:20px;padding:18px}.nav-links.open{display:flex}.nav-toggle{display:block}.services,.benefits{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.product-feature,.contact-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:1fr}.steps,.next-steps{grid-template-columns:1fr 1fr}.product-visual{min-height:390px}.viewer-main{height:430px}}@media(max-width:620px){.nav-in{padding:0 16px}.brand span{font-size:.88rem}.hero{min-height:84vh;padding:125px 20px 65px;background-position:62% center}.hero h1{font-size:3.65rem}.section{padding:85px 20px}.gallery{gap:8px}.gallery-card{border-radius:14px}.steps,.next-steps{grid-template-columns:1fr}.form-grid,.checks{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-info,.contact-form{padding:24px}.viewer-main{height:340px}.stats{grid-template-columns:1fr}.cta-band{margin:0 16px 85px;padding:34px 24px}.footer{font-size:.9rem}}
