
:root{--bg:#080809;--panel:#111113;--panel2:#171719;--paper:#f5f4f1;--white:#fff;--ink:#151515;--muted:#a9a9ad;--muted2:#69696f;--red:#df1118;--red2:#ff2b30;--gold:#d6a536;--gold2:#f2cd6a;--line:rgba(255,255,255,.12);--shadow:0 24px 70px rgba(0,0,0,.28);--r:18px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.ico{width:22px;height:22px;flex:0 0 auto}.topbar{background:#020203;border-bottom:1px solid rgba(214,165,54,.25);font-size:12px;color:#b8b8bc}.topbar__inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar__inner>div{display:flex;gap:24px}.topbar a{display:flex;align-items:center;gap:7px}.topbar .ico{width:14px;height:14px;color:var(--gold)}
.site-header{height:88px;background:rgba(5,5,6,.94);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:245px}.brand img{width:48px;height:54px;object-fit:contain}.brand__type{display:grid;line-height:1}.brand__type strong{font-size:21px;letter-spacing:.16em;color:var(--gold2);font-weight:900}.brand__type b{font-size:16px;letter-spacing:.32em;color:#f3262c;margin-top:4px}.brand__type small{font-size:7px;letter-spacing:.11em;color:#d7aa43;margin-top:7px;font-weight:800;white-space:nowrap}.nav__links{display:flex;align-items:center;justify-content:center;gap:24px}.nav__links a{font-size:13px;font-weight:750;color:#d7d7da;white-space:nowrap;position:relative}.nav__links a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--red);transition:.2s}.nav__links a:hover:after,.nav__links a.is-active:after{right:0}.nav__actions{display:flex;align-items:center;gap:10px}.lang{width:38px;height:38px;border:1px solid #806a35;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:0 20px;font-weight:850;font-size:13px;letter-spacing:.01em;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--red),#b80008);color:#fff;box-shadow:0 12px 30px rgba(223,17,24,.24)}.btn--outline{border-color:rgba(214,165,54,.72);color:#fff;background:rgba(0,0,0,.2)}.btn--ghost{border-color:rgba(255,255,255,.42);background:rgba(0,0,0,.26)}.btn--lg{min-height:56px;padding:0 26px;font-size:14px}.btn .ico{width:19px;height:19px}.eyebrow{margin:0 0 13px;color:var(--red2);font-weight:900;text-transform:uppercase;letter-spacing:.18em;font-size:12px}.muted{color:var(--muted)}
.hero{min-height:720px;position:relative;overflow:hidden;background:#070809}.hero__art{position:absolute;inset:0;background-image:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.94) 34%,rgba(5,5,6,.55) 58%,rgba(5,5,6,.1) 100%),linear-gradient(0deg,#050506 0%,transparent 28%),url('../img/hero-home.svg');background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 65%)}.hero__content{min-height:595px;display:flex;align-items:center;position:relative;z-index:2}.hero__copy{max-width:705px;padding:62px 0 50px}.hero h1{font-size:clamp(48px,6.2vw,82px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase;margin:0;font-weight:950}.hero h1 span{color:var(--gold2)}.hero__lede{font-size:19px;color:#d4d4d6;max-width:630px;margin:25px 0 28px}.hero__actions{display:flex;gap:13px;flex-wrap:wrap}.hero__micro{display:flex;align-items:flex-start;gap:9px;color:#b9b9bd;font-size:13px;margin-top:21px;max-width:680px}.hero__micro .ico{color:var(--red2);width:18px;height:18px;margin-top:1px}.hero-proof{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,7,8,.88);border:1px solid rgba(214,165,54,.55);box-shadow:var(--shadow);margin-top:-52px}.hero-proof__item{display:flex;gap:14px;padding:23px;border-right:1px solid rgba(255,255,255,.12)}.hero-proof__item:last-child{border-right:0}.hero-proof__item .ico{color:var(--gold2);width:31px;height:31px}.hero-proof__item strong{display:block;font-size:14px}.hero-proof__item span{display:block;color:#a9a9ad;font-size:12px;margin-top:3px}
.section{padding:96px 0;background:#fff;color:var(--ink)}.section--light{background:#f4f3f0}.section--dark{background:#09090a;color:#fff}.section-title{max-width:790px;margin-bottom:42px}.section-title h2,.split h2,.area-band h2,.cta-band h2,.detail-grid h2{font-size:clamp(36px,4.8vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0}.section-title h2 span,.split h2 span,.area-band h2 span{color:var(--red)}.section-title p.lead,.lead{color:#5c5c61;font-size:17px}.section-title--row{display:flex;justify-content:space-between;align-items:end;max-width:none}.text-link{font-weight:850;display:inline-flex;align-items:center;gap:8px;color:var(--red);white-space:nowrap}.text-link .ico{width:18px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border:1px solid #deddd8;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.055);transition:.2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(0,0,0,.1)}.service-card__visual{height:155px;background-image:linear-gradient(160deg,rgba(7,7,8,.1),rgba(7,7,8,.52)),url('../img/roof-detail.svg');background-size:cover;display:flex;align-items:flex-end;padding:18px;color:#fff}.service-card__visual .ico{width:42px;height:42px;background:rgba(223,17,24,.94);border-radius:50%;padding:10px}.service-card__body{padding:22px}.service-card h3{margin:0 0 9px;font-size:18px}.service-card p{margin:0;color:#626268;font-size:14px;min-height:88px}.service-card a{display:flex;align-items:center;gap:6px;color:var(--red);font-weight:850;font-size:13px;margin-top:16px}.service-card a .ico{width:16px}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:start}.split .muted{font-size:17px;max-width:530px}.feature-list{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid rgba(214,165,54,.35);border-top:1px solid rgba(255,255,255,.08)}.feature{display:flex;gap:14px;padding:25px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.feature .ico{color:var(--gold2);width:30px;height:30px}.feature h3{margin:0 0 5px;font-size:16px}.feature p{margin:0;color:#a9a9ad;font-size:13px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#deddd9;border:1px solid #deddd9}.step{background:#fff;padding:28px 23px;min-height:205px}.step b{color:var(--red);font-size:27px}.step h3{margin:24px 0 8px;font-size:17px}.step p{margin:0;color:#66666b;font-size:13px}.area-band{position:relative;overflow:hidden;padding:95px 0;background:#0c0e12;color:#fff}.area-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(52,95,145,.32),transparent 32%),linear-gradient(120deg,transparent 30%,rgba(214,165,54,.06))}.area-band__glow{position:absolute;width:560px;height:560px;border:1px solid rgba(223,17,24,.25);border-radius:50%;right:7%;top:50%;transform:translateY(-50%);box-shadow:0 0 0 70px rgba(223,17,24,.035),0 0 0 140px rgba(223,17,24,.022)}.area-band__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.area-band p{color:#b1b1b5;max-width:560px}.area-band .btn{margin-top:22px}.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.city-grid span{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-weight:750}.city-grid .ico{width:17px;height:17px;color:var(--gold2)}.cta-band{background:linear-gradient(125deg,#151516,#080809);border-top:1px solid rgba(214,165,54,.35);border-bottom:1px solid rgba(214,165,54,.2);padding:58px 0}.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta-band h2{margin:0;font-size:clamp(30px,4vw,48px)}.cta-band p{color:#aaa;margin:8px 0 0;max-width:730px}.cta-band__actions{display:grid;gap:13px;min-width:290px}.phone-link{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gold2);font-weight:900}.phone-link .ico{width:18px}
.page-hero{position:relative;padding:96px 0 82px;background:#090a0c;overflow:hidden;border-bottom:1px solid rgba(214,165,54,.26)}.page-hero__art{position:absolute;inset:0;background:linear-gradient(90deg,#08090b 0%,rgba(8,9,11,.86) 50%,rgba(8,9,11,.55)),url('../img/roof-detail.svg') right center/56% auto no-repeat;opacity:.85}.page-hero .shell{position:relative}.page-hero h1{font-size:clamp(44px,6vw,74px);line-height:.97;letter-spacing:-.05em;text-transform:uppercase;margin:0;max-width:900px}.page-hero p:not(.eyebrow){font-size:18px;color:#c3c3c7;max-width:760px;margin:18px 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.detail-grid h2{font-size:clamp(34px,4.2vw,52px)}.detail-grid .btn{margin-top:20px}.detail-points{display:grid;border-top:1px solid #d9d7d1}.detail-points>div{display:flex;gap:16px;padding:24px 0;border-bottom:1px solid #d9d7d1}.detail-points .ico{width:28px;height:28px;color:var(--red)}.detail-points h3{margin:0 0 5px}.detail-points p{margin:0;color:#66666b}.process-long{display:grid;gap:0;border-top:1px solid #dad8d2}.process-long article{display:grid;grid-template-columns:100px 1fr;gap:35px;padding:36px 0;border-bottom:1px solid #dad8d2}.process-long__num{font-size:42px;font-weight:950;color:var(--red)}.process-long article>div:last-child{display:grid;grid-template-columns:45px 270px 1fr;gap:20px;align-items:start}.process-long article .ico{color:var(--gold);width:34px;height:34px}.process-long h2{font-size:26px;margin:0}.process-long p{margin:2px 0 0;color:#66666b}.city-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.city-card{border:1px solid #dedcd5;padding:22px;border-radius:12px;background:#fff;display:flex;align-items:center;gap:10px}.city-card .ico{color:var(--red);width:19px;height:19px}.form-page{padding:78px 0 96px;background:linear-gradient(135deg,#0a0b0d,#15171b)}.proposal-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:start}.proposal-intro{position:sticky;top:130px}.proposal-intro h1{font-size:clamp(42px,5.2vw,68px);line-height:.98;letter-spacing:-.05em;margin:0}.proposal-intro>p:not(.eyebrow){color:#b9b9bd;font-size:17px}.proposal-contact{margin-top:30px;border-top:1px solid rgba(255,255,255,.12)}.proposal-contact a{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.proposal-contact .ico{color:var(--gold2);width:27px;height:27px}.proposal-contact small{display:block;color:#8f8f94}.proposal-contact strong{display:block}.lead-form{background:#fff;color:var(--ink);padding:34px;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.32)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px}.field--full{grid-column:1/-1}.field>span{font-weight:800;font-size:12px;color:#3e3e42}.field input,.field select,.field textarea{width:100%;border:1px solid #d5d3cc;background:#f8f7f4;border-radius:7px;padding:12px 13px;font:inherit;color:#202024;min-height:50px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,165,54,.13)}.consent{display:flex;align-items:flex-start;gap:10px}.consent input{width:18px;height:18px;min-height:0;margin-top:2px}.consent span{font-weight:600}.submit-btn{width:100%;border:0}.form-note{text-align:center;font-size:11px;color:#777;margin:10px 0 0}.hp{position:absolute!important;left:-9999px!important}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{border:1px solid #dedcd6;padding:35px;border-radius:14px}.contact-card h2{font-size:28px;margin:0 0 20px}.contact-big{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:900;padding:15px 0;border-bottom:1px solid #e0ded8}.contact-big .ico{color:var(--red);width:28px;height:28px}.contact-big--small{font-size:17px}.contact-card p{color:#666}.thanks{min-height:72vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 35%,rgba(214,165,54,.13),transparent 28%),#080809;padding:80px 0}.thanks__card{max-width:720px;margin:auto;text-align:center;border:1px solid rgba(214,165,54,.35);padding:60px 45px;background:#111113;border-radius:18px}.thanks__card>.ico{width:70px;height:70px;margin:0 auto 22px;color:var(--gold2);border:1px solid rgba(214,165,54,.5);border-radius:50%;padding:16px}.thanks h1{font-size:46px;line-height:1;margin:0}.thanks p:not(.eyebrow){color:#aaa}.thanks .hero__actions{justify-content:center;margin-top:25px}
.footer{padding:58px 0 0;background:#030304;color:#d0d0d4;border-top:1px solid rgba(255,255,255,.08)}.footer__grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:70px}.footer .brand{margin-bottom:18px}.footer__grid>div>p{color:#8e8e93;max-width:420px}.footer h3{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold2);margin:10px 0 16px}.footer__links{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;font-size:13px}.footer__links a:hover{color:#fff}.footer__contact{display:grid;gap:13px}.footer__contact a,.footer__contact span{display:flex;gap:9px;align-items:flex-start;font-size:13px}.footer__contact .ico{width:18px;height:18px;color:var(--gold)}.footer__bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:42px;padding:20px 0;display:flex;justify-content:space-between;font-size:11px;color:#77777c}
@media(max-width:1080px){.nav__links{display:none;position:absolute;top:88px;left:0;right:0;background:#070708;padding:20px;flex-direction:column;border-bottom:1px solid #222}.nav__links.is-open{display:flex}.menu-toggle{display:block}.nav-cta{display:none}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof__item:nth-child(2){border-right:0}.service-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.step:last-child{grid-column:1/-1}.city-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 28px,1180px)}.hide-sm{display:none!important}.topbar__inner{font-size:10px}.site-header{height:76px}.brand{min-width:0}.brand img{width:39px;height:44px}.brand__type strong{font-size:17px}.brand__type b{font-size:13px}.brand__type small{display:none}.nav__links{top:76px}.lang{width:34px;height:34px}.hero{min-height:auto}.hero__art{background-image:linear-gradient(90deg,rgba(5,5,6,.98),rgba(5,5,6,.72)),url('../img/hero-home.svg');background-position:65% center}.hero__content{min-height:610px}.hero__copy{padding:58px 0 110px}.hero h1{font-size:clamp(42px,13vw,64px)}.hero__lede{font-size:16px}.hero__actions{display:grid}.hero__actions .btn{width:100%}.hero-proof{grid-template-columns:1fr;margin-top:-66px}.hero-proof__item{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.section{padding:72px 0}.service-grid,.split,.area-band__grid,.detail-grid,.proposal-layout,.contact-grid,.footer__grid{grid-template-columns:1fr}.service-grid{gap:14px}.section-title--row,.cta-band__inner{display:grid}.split{gap:45px}.feature-list{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step:last-child{grid-column:auto}.area-band__grid{gap:45px}.area-band__glow{right:-60%;top:65%}.city-grid{gap:5px 15px}.cta-band__actions{min-width:0}.process-long article{grid-template-columns:60px 1fr;gap:15px}.process-long article>div:last-child{grid-template-columns:35px 1fr}.process-long article p{grid-column:2}.city-cards{grid-template-columns:1fr 1fr}.proposal-intro{position:static}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.lead-form{padding:22px}.footer__grid{gap:35px}.footer__bottom{display:grid;gap:8px}.contact-big{font-size:20px}.page-hero{padding:72px 0 62px}.page-hero h1{font-size:43px}.thanks h1{font-size:38px}}
