:root{--bg:#090a09;--panel:#111311;--cream:#f4f0e7;--ink:#171814;--muted:#a7a89f;--gold:#dfb95d;--gold2:#f3d889;--line:rgba(223,185,93,.2);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f4ec;font-family:"DM Sans",sans-serif;line-height:1.6}h1,h2,h3,b,.btn{font-family:Manrope,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.4rem,7vw,7.2rem);line-height:.96;letter-spacing:-.065em;margin-bottom:28px}h1 em{font-style:normal;color:var(--gold2)}h2{font-size:clamp(2.25rem,4.6vw,4.5rem);line-height:1.03;letter-spacing:-.05em;margin-bottom:22px}h3{font-size:1.65rem;line-height:1.15;letter-spacing:-.03em}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:110px 0}.kicker{color:var(--gold2);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;margin-bottom:20px}.site-header{height:82px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(7,8,7,.76);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}.brand{margin-right:auto}.brand img{width:154px;display:block}.menu{display:flex;align-items:center;gap:26px}.menu>a,.menu-group>button{font-size:.88rem;color:#d5d3ca;background:none;border:0;padding:28px 0;cursor:pointer}.menu-group{position:relative}.submenu{opacity:0;pointer-events:none;transform:translateY(8px);position:absolute;top:70px;left:50%;translate:-50%;width:340px;padding:10px;background:#151713;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 70px #000;transition:.2s}.menu-group:hover .submenu,.menu-group:focus-within .submenu{opacity:1;pointer-events:auto;transform:none}.submenu a{display:block;padding:14px;border-radius:12px}.submenu a:hover{background:#20221d}.submenu b,.submenu small{display:block}.submenu small{color:#96988f}.header-cta,.btn{border:0;border-radius:999px;padding:15px 22px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-weight:700;cursor:pointer}.header-cta{background:var(--gold2);color:#17140c;font-size:.85rem}.menu-toggle{display:none}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background:url('assets/hero-solar-home.jpg') center/cover no-repeat}.hero-shade{background:linear-gradient(90deg,rgba(5,6,5,.98) 0%,rgba(5,6,5,.82) 40%,rgba(5,6,5,.18) 75%),linear-gradient(0deg,rgba(5,6,5,.78),transparent 50%)}.hero-content{position:relative;padding-top:120px}.hero-content h1{max-width:900px}.hero-lead{max-width:680px;color:#c1c1ba;font-size:1.17rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17140c;box-shadow:0 13px 40px rgba(223,185,93,.15)}.btn-glass,.btn-outline{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);color:#fff}.btn-dark{background:#171814;color:#fff}.hero-proof{display:flex;gap:30px;flex-wrap:wrap;margin-top:60px;font-size:.8rem;color:#92938c}.hero-proof b{display:block;color:#e4e1d8}.section-intro{max-width:780px}.section-intro.centered{text-align:center;margin:0 auto 50px}.section-intro p:last-child{font-size:1.06rem;color:var(--muted)}.route-section{background:#f4f0e7;color:var(--ink)}.route-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px}.route-card{border-radius:30px;overflow:hidden}.route-simple{background:#fff;padding:38px;border:1px solid #ddd8cc}.route-planner{background:#111310;color:#fff;display:grid;grid-template-columns:.84fr 1.16fr}.route-photo{position:relative;min-height:100%}.route-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.recommended{position:absolute;top:20px;left:20px;background:var(--gold2);color:#16140e;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:700}.route-body{padding:38px}.route-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.route-number{font:700 1rem Manrope;color:#aa8940}.time{font-size:.78rem;padding:6px 10px;border-radius:999px;background:rgba(223,185,93,.1);color:#927431}.route-planner .time{color:var(--gold2)}.route-icon{font-size:1.8rem;color:#b88e37;margin-bottom:20px}.route-card p{color:#65675f}.route-planner p{color:#a9aaa3}.route-card ul{list-style:none;padding:0;margin:25px 0}.route-card li{padding:7px 0;font-size:.91rem}.route-card li:before{content:"✓";color:#9f7b31;margin-right:10px}.route-card .btn{width:100%;margin-top:8px}.route-note{display:block;text-align:center;color:#888a82;margin-top:12px}.energy-section{background:#0b0c0b}.energy-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.energy-copy>p:not(.kicker){color:var(--muted)}.flow-list{margin-top:34px}.flow-list button{display:grid;grid-template-columns:38px 1fr;background:none;border:0;border-top:1px solid rgba(255,255,255,.1);width:100%;padding:15px 0;color:#8f918a;text-align:left}.flow-list button span{grid-row:span 2;color:#786536}.flow-list button b{color:#e5e3dc}.flow-list button small{font-size:.77rem}.flow-list button.active{padding-left:12px;border-color:var(--gold);background:linear-gradient(90deg,rgba(223,185,93,.09),transparent)}.energy-visual{min-width:0}.energy-house{height:540px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(145deg,#252821,#0d0e0d 70%);border:1px solid var(--line);box-shadow:0 30px 80px #000}.energy-house:before{content:"";position:absolute;inset:24% 13% 9%;background:linear-gradient(145deg,#4f5047,#1d1f1b);clip-path:polygon(50% 0,100% 35%,93% 100%,7% 100%,0 35%)}.sun,.roof,.home,.battery,.car{position:absolute;z-index:2;color:var(--gold2);filter:drop-shadow(0 0 12px rgba(243,216,137,.4))}.sun{right:13%;top:10%;font-size:3rem}.roof{top:28%;left:35%;transform:rotate(17deg);letter-spacing:6px}.home{font-size:7rem;left:39%;top:42%}.battery{font-size:5rem;left:18%;bottom:12%}.car{font-size:6rem;right:15%;bottom:10%}.line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);z-index:3;animation:pulse 2s infinite}.l1{width:35%;top:44%;left:28%;transform:rotate(60deg)}.l2{width:33%;left:25%;bottom:25%}.l3{width:30%;right:23%;bottom:26%}@keyframes pulse{50%{filter:brightness(2);box-shadow:0 0 15px var(--gold)}}.live-card{position:absolute;z-index:4;right:22px;top:22px;padding:15px 18px;background:rgba(10,10,9,.8);border:1px solid var(--line);border-radius:15px}.live-card small,.live-card b,.live-card span{display:block}.live-card b{font-size:1.45rem;color:var(--gold2)}.live-card span{font-size:.7rem;color:#77ce8c}.visual-caption{color:#74766f;font-size:.76rem;margin:10px 8px}.light-section{background:var(--cream);color:var(--ink)}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.solution-grid article{background:#fff;border:1px solid #ded9cd;border-radius:22px;padding:30px}.solution-grid article>span{color:#a98a45}.solution-grid p{color:#6d7068}.solution-grid a,.text-link,.knowledge-grid a{font-weight:700;color:#8e6a23}.reference-section{background:#111310}.reference-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.reference-grid>div>p:not(.kicker){color:var(--muted)}.reference-image{height:570px;position:relative;border-radius:28px;overflow:hidden}.reference-image img{width:100%;height:100%;object-fit:cover}.reference-image span{position:absolute;left:20px;bottom:20px;background:#fff;color:#191a17;padding:9px 13px;border-radius:99px;font-size:.75rem;font-weight:700}.reference-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:35px 0}.reference-facts div{border-top:1px solid var(--line);padding-top:16px}.reference-facts b,.reference-facts span{display:block}.reference-facts span{font-size:.75rem;color:#888b83}.reviews-section{background:#f4f0e7;color:var(--ink)}.review-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.rating{max-width:300px}.stars{color:#b78b28;letter-spacing:3px}.rating b,.rating small{display:block}.rating small{color:#777971}.review-placeholder{margin-top:40px;padding:30px;border:1px dashed #c6bfae;border-radius:20px;display:flex;align-items:center;gap:20px;color:#676961}.review-placeholder span{font:800 2rem Manrope;color:#4285f4}.review-placeholder p{margin:0}.knowledge-section{background:#0b0c0b}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.knowledge-grid article{border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px;background:#121411}.knowledge-grid small{color:#8f7339}.knowledge-grid p{color:#8f918a}.contact-section{background:#0b0c0b;padding-top:0}.contact-box{border:1px solid var(--line);border-radius:30px;padding:50px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:radial-gradient(circle at 90% 10%,rgba(223,185,93,.13),transparent 30%),#121310}.contact-box h2{font-size:clamp(2rem,4vw,3.5rem)}.contact-box p{color:var(--muted);margin-bottom:0}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}footer{padding:70px 0 25px;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer-grid img{width:170px}.footer-grid p{color:#858780;max-width:320px}.footer-grid b,.footer-grid a{display:block}.footer-grid b{margin-bottom:14px}.footer-grid a{color:#8d8f88;padding:4px 0}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:.76rem;color:#686a64}dialog{padding:0;border:1px solid var(--line);border-radius:26px;background:#131511;color:#fff;max-width:520px;width:calc(100% - 30px);box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(6px)}.callback-form{padding:38px;position:relative}.callback-form h2{font-size:2.4rem}.callback-form>p:not(.kicker){color:#9b9d96}.callback-form label{display:block;font-weight:700;font-size:.83rem;margin-top:18px}.callback-form input:not([type=checkbox]){display:block;width:100%;padding:14px;margin-top:7px;background:#090a09;color:#fff;border:1px solid #34362f;border-radius:12px}.callback-form .consent{display:flex;gap:10px;color:#92958d;font-weight:400}.callback-form .btn{width:100%;margin-top:22px}.callback-form>small{display:block;text-align:center;color:#777a72;margin-top:10px}.dialog-close{position:absolute;right:18px;top:14px;background:none;border:0;color:#aaa;font-size:1.8rem}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:#f3d889;color:#17140c;border-radius:99px;padding:13px 20px;font-weight:700;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.site-header{height:72px}.menu-toggle{display:block;background:none;border:1px solid #444;color:#fff;border-radius:10px;padding:8px 12px}.menu{display:none;position:absolute;top:72px;left:15px;right:15px;background:#141613;border:1px solid var(--line);border-radius:18px;padding:14px}.menu.open{display:block}.menu>a,.menu-group>button{display:block;width:100%;padding:12px;text-align:left}.submenu{display:none}.header-cta{display:none}.route-grid,.energy-grid,.reference-grid{grid-template-columns:1fr}.route-planner{grid-template-columns:1fr}.route-photo{height:320px}.energy-grid{gap:35px}.energy-house{height:470px}.solution-grid,.knowledge-grid{grid-template-columns:1fr}.reference-image{height:480px}.footer-grid{grid-template-columns:1fr 1fr}.contact-box{grid-template-columns:1fr}.review-head{display:block}.rating{margin-top:20px}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:78px 0}.brand img{width:135px}h1{font-size:3.2rem}.hero{min-height:850px;align-items:end;padding-bottom:55px}.hero-shade{background:linear-gradient(0deg,#070807 18%,rgba(7,8,7,.78) 58%,rgba(7,8,7,.12))}.hero-proof{gap:16px}.route-simple,.route-body{padding:26px}.energy-house{height:400px}.reference-image{height:390px}.reference-facts{grid-template-columns:1fr}.review-placeholder{align-items:flex-start}.contact-box{padding:28px}.contact-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}