:root{--red:#ED4C3D;--red-dk:#D33A2C;--red-lt:#FDECEA;--yellow:#FDC500;--orange:#F7941D;--navy:#1D3350;--steel:#8494A7;--txt:#9AA7B5;--bg:#F7F9FC;--line:#E8EDF3;--white:#fff;--footer:#2B3F56;--copy:#55697D;--amber-bg:#FFF6DC;--amber-bd:#E3A400;--amber-tx:#7A5A00;--shadow:0 14px 40px rgba(29,51,80,.10);--grad-cta:linear-gradient(100deg,#FDC500 0%,#F7941D 45%,#ED4C3D 100%);--grad-nl:linear-gradient(90deg,#F2542D 0%,#F7941D 55%,#FDC500 100%);--disp:'Rubik',sans-serif;--body:'PT Sans',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html{scroll-padding-top:120px}
body{font-family:var(--body);color:var(--navy);background:var(--white);font-size:16px;line-height:1.6}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--disp);color:var(--navy);line-height:1.22;font-weight:700}
h2{font-size:clamp(1.45rem,3vw,2.05rem)}
section{padding:76px 0}
.overline{display:block;color:var(--red);font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;margin-bottom:12px}
.sec-head{max-width:780px;margin-bottom:46px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head p{color:var(--txt);margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff;font-family:var(--disp);font-weight:500;font-size:.92rem;padding:14px 28px;border:1px solid var(--red);border-radius:3px;cursor:pointer;transition:.2s}
.btn:hover{background:var(--red-dk)}
.btn.yellow{background:var(--yellow);border-color:var(--yellow);color:var(--navy);font-weight:700}
.btn.yellow:hover{background:#e5b200}
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}*,*::before,*::after{animation:none!important;transition:none!important}}
.topbar{background:#EEF2F7;font-size:.82rem;color:var(--steel)}
.topbar .wrap{display:flex;justify-content:flex-end;gap:26px;align-items:center;min-height:38px;flex-wrap:wrap;padding-top:5px;padding-bottom:5px}
.topbar b{color:var(--navy)}
header{background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);transition:box-shadow .25s}
header.scrolled{box-shadow:0 6px 22px rgba(29,51,80,.12)}
.h-in{display:flex;align-items:center;gap:28px;min-height:80px}
.logo{display:flex;align-items:center;gap:10px}
.logo-ic{width:44px;height:44px;border-radius:50%;background:#cfd6de;display:grid;place-items:center;flex-shrink:0}
.logo-ic svg{width:24px;height:24px}
.logo-tx{font-family:var(--disp);font-weight:700;font-size:1.35rem}
.logo-tx span{color:var(--red)}
nav.main{display:flex;gap:26px;margin-left:auto;align-items:center}
nav.main a{font-family:var(--disp);font-weight:500;font-size:.92rem;padding:6px 0;border-bottom:2px solid transparent;transition:.2s}
nav.main a:hover{color:var(--red);border-color:var(--red)}
.h-phone{font-family:var(--disp);font-weight:700;color:var(--red);font-size:1.1rem;white-space:nowrap}
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('https://picsum.photos/seed/electriz-hero-electrician/1600/900') center/cover;opacity:.55}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,51,80,.9) 0%,rgba(29,51,80,.55) 55%,rgba(29,51,80,.2) 100%)}
.stripe{position:absolute;top:-25%;height:150%;background:#fff;transform:skewX(-22deg);z-index:2}
.s1{right:34%;width:64px;opacity:.95}.s2{right:28%;width:22px;opacity:.8}.s3{right:12%;width:120px;opacity:.9}
.hero-in{position:relative;z-index:3;padding:100px 0 150px;max-width:760px}
.hero .overline{color:var(--yellow)}
.hero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.3rem);margin-bottom:16px}
.hero .h-sub{color:#DCE4EC;font-size:1.08rem;max-width:620px}
.hero-cta{display:flex;align-items:stretch;margin-top:34px;flex-wrap:wrap}
.hero-cta .btn{border-radius:3px 0 0 3px}
.callbox{background:var(--yellow);padding:10px 26px;border-radius:0 3px 3px 0}
.callbox small{display:block;font-family:var(--disp);font-weight:700;font-size:.66rem;letter-spacing:.08em;color:var(--navy);text-transform:uppercase}
.callbox a{font-family:var(--disp);font-weight:700;font-size:1.45rem;color:var(--red);white-space:nowrap}
.adv{margin-top:-84px;position:relative;z-index:6}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.adv-card{background:#fff;box-shadow:var(--shadow);padding:32px 22px;text-align:center}
.adv-card svg{width:40px;height:40px;stroke:var(--red);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 14px}
.adv-card h3{font-size:1rem;margin-bottom:8px}
.adv-card p{font-size:.83rem;color:var(--txt)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.about-ph{position:relative}
.about-ph img{box-shadow:var(--shadow)}
.about-badge{position:absolute;left:-18px;bottom:-26px;background:#fff;box-shadow:var(--shadow);padding:20px 32px;text-align:center}
.about-badge b{display:block;font-family:var(--disp);font-size:2.3rem;font-weight:700;color:var(--red);line-height:1}
.about-badge span{font-size:.8rem;color:var(--txt)}
.about-tx p{color:var(--txt);margin-bottom:14px}
.spec{position:relative;background:url('https://picsum.photos/seed/electriz-window-repair/1600/700') center/cover;padding:96px 0;color:#fff}
.spec::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,51,80,.75),rgba(29,51,80,.35))}
.spec .wrap{position:relative;text-align:center;max-width:820px}
.spec h2{color:#fff}
.spec p{color:#DCE4EC;margin:14px auto 26px;max-width:640px}
.svc{background:var(--bg)}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.svc-card{background:#fff;box-shadow:var(--shadow);padding:32px 20px 26px;text-align:center;border-bottom:3px solid var(--red);transition:transform .2s}
.svc-card:hover{transform:translateY(-5px)}
.svc-card svg{width:44px;height:44px;fill:none;stroke:var(--orange);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 14px}
.svc-card h3{font-size:.96rem;color:var(--red);margin-bottom:8px}
.svc-card p{font-size:.83rem;color:var(--txt)}
.band{background:var(--grad-cta);position:relative;overflow:hidden;padding:46px 0}
.band::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 90px,rgba(255,255,255,.14) 90px 130px)}
.band .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.band h2{color:var(--navy);max-width:640px;font-size:clamp(1.15rem,2.5vw,1.6rem)}
.tar-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:960px;margin:0 auto}
.tar-card{background:#fff;box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column}
.tar-head{background:var(--steel);color:#fff;padding:15px 10px}
.tar-head b{font-family:var(--disp);font-weight:500;font-size:1rem;display:block}
.tar-head small{font-size:.76rem;opacity:.9}
.tar-card.pro{box-shadow:0 22px 55px rgba(29,51,80,.18);position:relative;z-index:2;padding-bottom:20px}
.tar-card.pro .tar-head{background:var(--red)}
.tar-price{padding:34px 0 4px;color:var(--red);font-family:var(--disp);font-weight:700;font-size:3.4rem;line-height:1}
.tar-price small{font-size:1.2rem;vertical-align:top;position:relative;top:6px}
.tar-sess{color:var(--txt);font-size:.85rem;padding-bottom:22px}
.tar-card ul{padding:0 34px}
.tar-card li{border-top:1px solid #EEF1F5;color:var(--txt);font-size:.85rem;padding:13px 0}
.tar-card li b{color:var(--navy)}
.tar-card .btn{margin:26px auto 0;align-self:center}
.tar-foot{font-size:.7rem;color:var(--txt);padding:22px 30px 28px;line-height:1.5}
.sym-p{color:#177A3D;font-weight:700}.sym-m{color:#B9BCC1;font-weight:700}.sym-pm{color:var(--amber-tx);font-weight:700}
.tar-big{text-align:center;margin-top:64px}
.tar-big h2{max-width:640px;margin:0 auto}
.tar-big p{color:var(--txt);max-width:640px;margin:16px auto 0;font-size:.92rem}
.proband{position:relative;background:url('https://picsum.photos/seed/electriz-ladder-solar/1600/700') center/cover;padding:100px 0;color:#fff}
.proband::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,51,80,.6),rgba(29,51,80,.15))}
.proband .wrap{position:relative}
.proband h2{color:#fff;max-width:560px;font-size:clamp(1.5rem,3vw,2.1rem)}
.proband p{color:#DCE4EC;max-width:480px;margin:16px 0 26px;font-size:.92rem}
.how{background:var(--bg);position:relative;overflow:hidden}
.how-svg{position:absolute;inset:0;width:100%;height:100%}
.how-svg path{fill:none;stroke:#7fc4bc;stroke-width:1.5;stroke-dasharray:6 8;opacity:.7}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:2}
.how-card{background:#fff;box-shadow:var(--shadow);padding:34px 26px 28px;text-align:center;position:relative}
.how-num{position:absolute;top:-15px;left:-15px;width:38px;height:38px;background:var(--red);color:#fff;font-family:var(--disp);font-weight:700;display:grid;place-items:center;font-size:1.05rem}
.how-card svg{width:34px;height:34px;stroke:var(--red);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 12px}
.how-card h3{font-size:1.02rem;margin-bottom:10px}
.how-card p{font-size:.86rem;color:var(--txt)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.why-list{display:grid;gap:24px;margin-top:28px}
.why-list li{display:flex;gap:18px}
.why-chk{width:44px;height:44px;border-radius:50%;background:var(--red-lt);display:grid;place-items:center;flex-shrink:0}
.why-chk::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--red);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat}
.why-list b{font-family:var(--disp);font-weight:500;font-size:1.02rem;display:block;margin-bottom:5px}
.why-list p{font-size:.87rem;color:var(--txt)}
.form-card{background:#fff;box-shadow:var(--shadow);padding:42px 40px}
.form-card h3{font-size:1.45rem;margin-bottom:6px}
.fc-sub{color:var(--txt);font-size:.88rem;margin-bottom:22px}
.fc-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-card label{font-size:.82rem;font-weight:700;color:#3c4a5c;display:block;margin-bottom:7px}
.form-card input,.form-card select{width:100%;background:var(--bg);border:1px solid transparent;padding:13px 14px;font-family:var(--body);font-size:.9rem;color:var(--navy);outline:none;border-radius:2px;margin-bottom:16px;transition:.2s;-webkit-appearance:none;appearance:none}
.form-card select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238494A7' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.form-card input:focus,.form-card select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(237,76,61,.12)}
.form-card .err{border-color:var(--red);background:var(--red-lt)}
.fc-note{font-size:.76rem;color:var(--txt);margin-top:12px}
.fc-ok{display:none}
.fc-ok.show{display:block}
.fc-ok h4{color:#177A3D;font-family:var(--disp);font-size:1.15rem;margin-bottom:8px}
.cases{background:var(--bg)}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.case-card{background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative}
.case-img{position:relative;overflow:hidden}
.case-img img{aspect-ratio:16/10;object-fit:cover;width:100%}
.case-tag{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-family:var(--disp);font-size:.66rem;font-weight:500;letter-spacing:.12em;padding:6px 14px;text-transform:uppercase}
.case-body{padding:26px 26px 20px;flex:1}
.case-body h3{font-size:1.02rem;margin-bottom:10px}
.case-body p{font-size:.86rem;color:var(--txt)}
.case-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 26px;font-size:.8rem;color:var(--txt)}
.case-foot a{color:var(--red);font-family:var(--disp);font-weight:500;font-size:.82rem}
.geo-chips{display:flex;flex-wrap:wrap;gap:12px}
.geo-chips li a{display:block;background:#fff;box-shadow:var(--shadow);padding:11px 20px;font-family:var(--disp);font-weight:500;font-size:.86rem;transition:.2s}
.geo-chips li a:hover{color:var(--red);transform:translateY(-3px)}
.geo-more{margin-top:24px;color:var(--txt);font-size:.92rem}
.geo-more a{color:var(--red);font-weight:700}
.safety{background:var(--amber-bg);border:1px solid var(--amber-bd);padding:34px 38px}
.safety h2{color:var(--amber-tx);font-size:1.25rem;margin-bottom:18px}
.safety ol{counter-reset:sf;display:grid;gap:12px}
.safety li{counter-increment:sf;position:relative;padding-left:44px;font-size:.93rem;color:#4d3f14}
.safety li::before{content:counter(sf);position:absolute;left:0;top:1px;width:27px;height:27px;background:var(--amber-bd);color:#fff;font-family:var(--disp);display:grid;place-items:center;font-size:.85rem}
.nl-wrap{position:relative;z-index:5;margin-bottom:-84px}
.nl{background:var(--grad-nl);padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative;overflow:hidden}
.nl::before{content:"⚡";position:absolute;left:26px;top:-38px;font-size:170px;color:rgba(255,255,255,.16);transform:rotate(-8deg)}
.nl h3{color:#fff;font-size:1.5rem;font-weight:700;font-family:var(--disp)}
.nl p{color:#fff;font-size:.92rem;font-weight:500;max-width:520px}
.nl-form{display:flex;flex-direction:column;gap:12px;width:320px;position:relative}
.nl-form input{border:none;padding:13px 15px;font-size:.9rem;outline:none;border-radius:2px;font-family:var(--body)}
footer{background:var(--footer);background-image:radial-gradient(rgba(255,255,255,.07) 1.5px,transparent 1.5px);background-size:12px 12px;color:#B9C4D2;padding:160px 0 54px;font-size:.9rem}
.f-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr;gap:40px}
.f-logo{font-family:var(--disp);font-weight:700;font-size:1.5rem;color:#fff;margin-bottom:14px}
.f-logo span{color:var(--red)}
.f-grid h5{color:#fff;font-family:var(--disp);font-weight:500;font-size:.98rem;margin-bottom:16px}
.f-grid a{display:block;padding:4px 0}
.f-grid a:hover{color:#fff}
.f-off p{display:flex;gap:10px;padding:4px 0;align-items:flex-start}
.f-bottom{background:var(--copy);padding:16px 0;font-size:.78rem;color:#E3E8EE}
.f-bottom .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
.soc{display:flex;gap:8px}
.soc a{width:27px;height:27px;background:#3E5165;display:grid;place-items:center;font-size:.72rem;color:#fff;font-family:var(--disp)}
.soc a:hover{background:var(--red)}
.mob-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:200;box-shadow:0 -6px 20px rgba(29,51,80,.25)}
.mob-bar a{display:flex;align-items:center;justify-content:center;padding:15px 0;font-family:var(--disp);font-weight:500;font-size:.92rem}
.mob-bar .mb-call{background:var(--red);color:#fff;flex:1.2}
.mob-bar .mb-form{background:var(--navy);color:#fff;flex:1}
.crumbs{font-size:.8rem;color:#DCE4EC;margin-bottom:14px}
.crumbs a{color:var(--yellow)}
.loc-note{background:#fff;box-shadow:var(--shadow);padding:30px 34px;color:var(--txt)}
@media(max-width:1000px){nav.main{display:none}.adv-grid,.svc-grid{grid-template-columns:1fr 1fr}.about-grid,.why-grid{grid-template-columns:1fr}.about-badge{left:12px}.tar-grid{grid-template-columns:1fr;max-width:440px}.tar-card.pro{padding-bottom:0}.how-grid,.case-grid{grid-template-columns:1fr}.f-grid{grid-template-columns:1fr 1fr}.stripe{display:none}}
@media(max-width:720px){.adv-grid,.svc-grid{grid-template-columns:1fr}.fc-row{grid-template-columns:1fr}.mob-bar{display:flex}body{padding-bottom:50px}.h-phone{display:none}.hero-cta .btn{border-radius:3px}.callbox{border-radius:3px;margin-top:10px}footer{padding-top:200px}}