/* SKYREB: panoramic introduction and editorial equipment layout. */
:root{--bg:#151719;--panel:#1d2023;--line:#373b3e;--text:#f4f4f2;--muted:#b0b4b7}
body{background:#151719}.header{max-width:1440px;padding:28px 60px;border-bottom:1px solid #373b3e}.header-cta{background:transparent;border:1px solid #ef9263;color:#f4f4f2;border-radius:4px}.button,.product-bottom .button,.light-content .contact .button{border-radius:4px}
.hero{display:block;padding:70px 60px 0}.hero-copy{display:block;text-align:center}.hero .eyebrow{margin-bottom:24px;letter-spacing:2px}.monitoring-title{font-size:clamp(44px,5.5vw,78px);line-height:1.08;letter-spacing:-3px;max-width:1160px;margin:0 auto;font-weight:500}.monitoring-title em{color:#f4f4f2;margin:0}.hero-subtitle{font-size:16px;margin:24px 0 0;color:#c4c7c9}.hero-aside{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:40px;margin:36px auto;max-width:1050px}.hero .intro{max-width:560px;margin:0;font-size:16px;color:#b0b4b7}.hero-actions{flex-shrink:0;gap:20px}.hero-visual{height:340px;min-height:0;max-height:none;border-radius:0;margin:0;aspect-ratio:auto}.hero-visual img{object-position:center 53%;filter:saturate(.45)}.hero-visual:after{background:linear-gradient(0deg,#151719c9,transparent 65%)}.hero-visual figcaption{left:28px;right:28px;bottom:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:end;gap:20px}.hero-visual strong{font-size:22px;margin:0}.visual-index{display:none}.visual-note{font-size:12px}
.principles{margin:0 60px;border:0;border-bottom:1px solid #373b3e;background:none;border-radius:0}.advantages>div{padding:27px 18px;border-right:0;gap:12px}.advantages strong{font-size:14px}.advantages svg{width:24px;height:24px;flex-basis:24px}.light-content{margin-top:0;background:#151719;box-shadow:0 0 0 100vmax #151719;--line:#373b3e}.light-content .section{background:#151719}.section{padding:90px 60px}.section-heading{grid-template-columns:1.1fr 1fr;gap:20px 80px}.section-heading h2{font-size:clamp(32px,3.5vw,48px)}.section-heading .eyebrow{margin:0;font-size:12px}.light-content .section-heading>p:last-child:not(.eyebrow){color:#b0b4b7}
.product-grid{display:block;border-top:1px solid #373b3e}.product-card,.product-card-complete{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:42px 0;background:transparent;border:0;border-bottom:1px solid #373b3e;border-radius:0;overflow:visible;box-shadow:none}.product-image{width:100%;height:100%;min-height:390px;max-height:520px;object-fit:cover;aspect-ratio:auto;margin:0;border-radius:3px}.product-content{min-width:0;display:flex;flex-direction:column}.product-card:nth-child(even) .product-image{grid-column:2;grid-row:1}.product-card:nth-child(even) .product-content{grid-column:1;grid-row:1}.product-top{border:0;padding:0;gap:10px}.product-top>span:first-child{font-size:12px;letter-spacing:1px;color:#ef9263}.product-tag{display:none}.product-card h3{font-size:clamp(26px,2.6vw,36px);margin:18px 0}.product-description{color:#b0b4b7;font-size:16px;margin-bottom:20px}.product-card ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:0 0 26px;font-size:14px}.product-card li{padding:0 0 0 14px;margin:0;border-left:2px solid #87543e;line-height:1.6}.product-card li:before{content:none}.product-bottom{display:grid;grid-template-columns:1fr auto;gap:8px 20px;border-top:1px solid #373b3e;padding-top:20px;align-items:center}.product-bottom .product-price{font-size:20px;grid-column:1;margin:0;color:#f4f4f2}.product-bottom>p:not(.product-price){grid-column:1;font-size:13px;margin:0}.product-bottom .button{grid-column:2;grid-row:1/3;min-width:170px;padding:15px}.product-note{color:#a4aaae}
.applications{grid-template-columns:1fr 1.1fr}.light-content details{background:transparent;border:0;border-bottom:1px solid #373b3e;border-radius:0;padding:0;box-shadow:none}.light-content details p{margin-left:35px;color:#b0b4b7}.steps{gap:0}.steps article{padding:30px;border-left:1px solid #373b3e}.steps article:first-child{padding-left:0;border-left:0}.light-content .steps article{border-top:1px solid #373b3e}.light-content .contact{margin:0 60px 60px;padding:48px;background:#202326;border:1px solid #373b3e;border-radius:4px}.light-content select,.light-content textarea{background:#151719;border-color:#50555a}.light-content label{color:#d6d9db}footer{background:#151719;box-shadow:0 0 0 100vmax #151719;border-color:#373b3e}
@media(max-width:1100px){.header{padding:24px 30px}.hero{padding:50px 30px 0}.hero-aside{display:block;text-align:center}.hero .intro{max-width:680px;margin:0 auto 24px}.hero-actions{justify-content:center}.principles{margin:0 30px}.section{padding:70px 30px}.product-card{gap:30px}.product-bottom{display:block}.product-bottom>p:not(.product-price){margin:8px 0 18px}.product-bottom .button{width:100%}.light-content .contact{margin:0 30px 40px;padding:35px}}
@media(max-width:760px){.header{padding:22px}.hero{padding:44px 22px 0}.monitoring-title{font-size:clamp(34px,8vw,52px);letter-spacing:-1.5px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-subtitle{font-size:14px;line-height:1.6}.hero-aside{margin:26px 0}.hero .intro{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-visual{height:260px;margin:0}.hero-visual figcaption{left:18px;right:18px;bottom:18px}.hero-visual strong{font-size:20px}.visual-note{display:none}.principles{margin:0 22px}.advantages>div{padding:22px 10px;flex-direction:row;align-items:center}.advantages strong{font-size:12px}.section{padding:55px 22px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{font-size:32px}.product-card{display:flex;flex-direction:column;gap:24px;padding:28px 0}.product-image{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;margin:0}.product-card h3{font-size:28px}.product-card ul{grid-template-columns:1fr;gap:12px}.product-bottom .button{width:100%}.steps article,.steps article:first-child{border-left:0;padding:25px 0}.light-content .contact{margin:0 22px 35px;padding:26px}.light-content .contact h2{font-size:30px}footer{padding:28px 22px}}
.objects-heading{max-width:760px;margin-bottom:38px}.objects-heading .eyebrow{margin-bottom:20px}.objects-heading h2 span{color:#ef9263}.objects-heading>p:last-child{max-width:650px;color:#b0b4b7;font-size:16px;line-height:1.8;margin:24px 0 0}.objects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.object-card{padding:28px;background:#1d2022;border:1px solid #373b3e;border-radius:12px}.object-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;color:#17191a;background:linear-gradient(110deg,#ed785e,#e49549);margin-bottom:24px}.object-icon svg{width:27px;height:27px}.object-card h3{font-size:20px;line-height:1.3;letter-spacing:-.3px;margin:0 0 12px;color:#f4f4f2}.object-card p{font-size:14px;line-height:1.75;color:#b0b4b7;margin:0}@media(max-width:1000px){.objects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.objects-grid{grid-template-columns:1fr;gap:14px}.object-card{padding:24px}.objects-heading{margin-bottom:28px}.objects-heading>p:last-child{font-size:15px}}
/* Split hero restored with the refined typography and controls. */
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:48px;align-items:center;padding:64px 60px 48px}
.hero-copy{text-align:left;min-width:0}.hero .eyebrow{letter-spacing:1.4px;margin-bottom:24px}
.monitoring-title{font-size:clamp(38px,3.8vw,55px);line-height:1.12;letter-spacing:-1.9px;max-width:none;margin:0}.monitoring-title em{display:block;margin-top:5px;color:#f4f4f2}
.hero-subtitle{font-size:15px;margin-top:24px;padding-left:15px;border-left:2px solid #ef9263;color:#c4c7c9}
.hero-aside{display:block;text-align:left;margin:26px 0 0;max-width:none}.hero .intro{max-width:100%;margin:0 0 26px;font-size:16px}.hero-actions{justify-content:flex-start;flex-wrap:wrap;gap:20px}
.hero-visual{height:100%;min-height:510px;max-height:640px;align-self:stretch;margin:0;border-radius:6px;aspect-ratio:auto}.hero-visual img{object-position:56% center}.hero-visual:after{background:linear-gradient(180deg,transparent 45%,#151719df)}
.hero-visual figcaption{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;left:30px;right:30px;bottom:30px;gap:14px}.hero-visual strong{font-size:27px;line-height:1.22;margin:0}.visual-note{display:block;font-size:12px;color:#c4c7c9}
@media(max-width:1100px) and (min-width:761px){.hero{padding:48px 30px 36px;gap:28px}.monitoring-title{font-size:clamp(32px,3.7vw,42px);letter-spacing:-1.3px}.hero-visual{min-height:470px}.hero-visual figcaption{left:24px;right:24px}.hero-visual strong{font-size:24px}}
@media(max-width:760px){.hero{display:block;padding:38px 22px 28px}.hero-copy{text-align:left}.monitoring-title{font-size:clamp(32px,6.8vw,48px);line-height:1.14;letter-spacing:-1.1px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-subtitle{font-size:14px;line-height:1.6}.hero-aside{text-align:left;margin-top:25px}.hero .intro{font-size:15px;margin-bottom:24px}.hero-actions{justify-content:flex-start}.hero-visual{height:360px;min-height:0;max-height:none;margin-top:30px}.hero-visual figcaption{left:24px;right:24px;bottom:24px}.hero-visual strong{font-size:25px}}
.hero-visual img{object-position:68% center;filter:saturate(.8)}

/* Balanced split hero: content flows naturally beside the existing photo. */
.hero-copy{align-self:center;display:block;padding:30px 0;text-align:left}.hero .monitoring-title{margin-top:0}
.hero .monitoring-title em{color:#ef9263;margin-top:12px}
.hero-subtitle{margin-top:30px;padding-left:0;border-left:0}
.hero-aside{display:block;margin:34px 0 0;text-align:left}
.hero .intro{margin:0 0 30px;line-height:1.8}
.hero-actions{margin-top:0;padding-top:0;gap:24px;justify-content:flex-start}
.hero-actions .button{border-radius:999px;padding:20px 28px}
@media(max-width:760px){.hero-copy{padding:0}.hero-subtitle{margin-top:24px}.hero-aside{margin-top:26px}.hero .intro{margin-bottom:24px}.hero-actions{gap:20px}.hero-actions .button{padding:17px 24px}}

/* Compact transition from equipment to protected objects. */
#system{padding-bottom:28px}#solutions{padding-top:36px}.products .product-note{margin:20px 0 0}@media(max-width:760px){#system{padding-bottom:22px}#solutions{padding-top:28px}}

/* One separator and an even gap between equipment and objects. */
#system{padding-bottom:0}#solutions{padding-top:56px;border-top:0}.products .product-card:last-child{padding-bottom:42px}@media(max-width:760px){#solutions{padding-top:36px}.products .product-card:last-child{padding-bottom:28px}}

/* Mirror the column proportions so the mobile-complex photo matches the stationary-system photo. */
@media(min-width:761px){.product-card:nth-child(2){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}

/* Two-column equipment cards, matching the original layout. */
.products .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border:0}
.products .product-card,.products .product-card:last-child{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid #373b3e;border-radius:12px;background:#1d2022;overflow:hidden}
.products .product-image{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-fit:cover;margin:0;border-radius:0;flex-shrink:0}
.products .product-content{display:flex;flex-direction:column;flex:1;padding:28px 32px 32px}
.products .product-top{padding-bottom:20px;border-bottom:1px solid #373b3e}
.products .product-tag{display:inline-block;background:#3b2a21;color:#ef9263}
.products .product-card h3{font-size:30px;margin:24px 0 18px}
.products .product-card ul{display:block;margin:0 0 28px;font-size:15px}
.products .product-card li{border:0;padding-left:22px;margin-bottom:12px}
.products .product-card li:before{content:'✓';color:#ef9263}
.products .product-bottom{display:block;margin-top:auto;padding-top:20px}
.products .product-bottom .product-price{margin:0 0 12px}
.products .product-bottom>p:not(.product-price){margin:0 0 18px}
.products .product-bottom .button{display:flex;width:100%;max-width:none;justify-content:center}
@media(max-width:760px){.products .product-grid{grid-template-columns:1fr;gap:18px}.products .product-content{padding:24px}.products .product-card h3{font-size:28px}}

/* Prominent phone and header action matching the hero button. */
.header .header-phone{font-size:22px;font-weight:600;line-height:1.3}
.header .header-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#ed785e,#e49549);border:1px solid transparent;border-radius:50px;color:#17191a;font-size:14px;font-weight:500;padding:16px 24px;box-shadow:none;transition:background .2s,transform .2s}
.header .header-cta:hover{background:linear-gradient(110deg,#f38a72,#eda65e);border-color:transparent;color:#17191a;transform:translateY(-2px)}
@media(max-width:1100px){.header .header-phone{font-size:20px}}
@media(max-width:760px){.header .header-phone{font-size:18px}.header .header-cta{font-size:12px;padding:14px 18px}}
@media(max-width:400px){.header{column-gap:10px}.header .header-phone{font-size:17px}.header .header-cta{padding:14px 12px}}

/* Project workflow in six clear stages. */
.workflow-heading{max-width:760px;margin-bottom:36px}.workflow-heading .eyebrow{margin-bottom:20px}.workflow-heading>p:last-child{color:#b0b4b7;font-size:16px;line-height:1.75;max-width:650px;margin:20px 0 0}
.workflow-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.workflow-card{display:flex;align-items:flex-start;gap:18px;background:#1d2022;border:1px solid #373b3e;border-radius:12px;padding:28px 24px}
.workflow-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;height:48px;border-radius:12px;background:#ef926314;border:1px solid #ef92633d;color:#ef9263}.workflow-icon svg{width:25px;height:25px}
.workflow-number{display:block;color:#ef9263;font-size:12px;letter-spacing:1.2px;margin-bottom:9px}.workflow-card h3{font-size:20px;line-height:1.3;letter-spacing:-.3px;margin:0 0 12px}.workflow-card p{color:#b0b4b7;font-size:15px;line-height:1.7;margin:0}
.workflow-action{display:flex;align-items:center;gap:24px;margin-top:30px}.workflow-action .button{border-radius:50px;padding:16px 24px}.workflow-action p{color:#b0b4b7;font-size:14px;margin:0}
@media(max-width:1100px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workflow-grid{grid-template-columns:1fr;gap:16px}.workflow-card{padding:24px 20px}.workflow-action{align-items:flex-start;flex-direction:column;gap:14px}}

/* Center the workflow call to action beneath the stages. */
#process .workflow-action{flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}

#process .workflow-action .button{width:320px;max-width:100%;justify-content:center}

/* Calculation enquiry: contacts left, simple form right. */
#contact.calculation-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;padding:70px 60px 80px;background:#151719;color:#f4f4f2}
.calculation-copy .eyebrow{margin-bottom:22px}.calculation-copy h2{font-size:clamp(32px,3.3vw,46px);line-height:1.18}.calculation-copy h2 span{color:#ef9263}.calculation-intro{font-size:16px;line-height:1.8;color:#b0b4b7;margin:26px 0 36px;max-width:560px}
.calculation-phone{display:flex;align-items:center;gap:18px;border:1px solid #373b3e;border-radius:14px;background:#1d2022;padding:22px 24px;font-size:clamp(22px,2.2vw,30px);font-weight:500}.calculation-phone svg{width:28px;height:28px;flex-shrink:0;color:#ef9263}.calculation-phone small{display:block;color:#b0b4b7;font-size:13px;font-weight:400;margin-bottom:8px}.calculation-phone:hover{border-color:#ef9263}
.calculation-form{display:flex;flex-direction:column;padding:36px;border:1px solid #373b3e;border-radius:20px;background:#1d2022}.calculation-form h3{font-size:26px;margin:0 0 12px;line-height:1.25}.calculation-form-intro{font-size:15px;line-height:1.65;color:#b0b4b7;margin:0 0 26px}.calculation-form label{font-size:14px;color:#f4f4f2;margin-bottom:10px}.calculation-form input{width:100%;min-width:0;border:1px solid #484c4f;background:#151719;color:#f4f4f2;border-radius:9px;padding:16px;font:inherit;font-size:16px;margin-bottom:22px}.calculation-form input::placeholder{color:#92999d}.calculation-form input:focus-visible{outline:2px solid #ef9263;outline-offset:3px}.calculation-form .button{display:flex;justify-content:center;width:100%;padding:17px 24px;border-radius:50px;margin-top:6px}.calculation-note,#calculation-result{color:#a4aaae;font-size:12px;line-height:1.6;margin:18px 0 0}#calculation-result:empty{display:none}
@media(max-width:1100px){#contact.calculation-contact{gap:35px;padding:60px 30px}.calculation-form{padding:28px}}
@media(max-width:760px){#contact.calculation-contact{grid-template-columns:1fr;gap:30px;padding:50px 22px}.calculation-copy h2{font-size:32px}.calculation-intro{margin:22px 0 26px}.calculation-phone{padding:20px;font-size:23px}.calculation-form{padding:24px}.calculation-form h3{font-size:24px}}

.calculation-detail{display:flex;align-items:center;gap:18px;border:1px solid #373b3e;border-radius:14px;background:#1d2022;padding:20px 24px;margin-top:14px;font-size:clamp(18px,1.7vw,24px);font-weight:500;line-height:1.4}.calculation-detail svg{width:28px;height:28px;flex-shrink:0;color:#ef9263}.calculation-detail span{min-width:0;overflow-wrap:anywhere}.calculation-detail small{display:block;color:#b0b4b7;font-size:13px;font-weight:400;margin-bottom:6px}a.calculation-detail:hover{border-color:#ef9263}@media(max-width:760px){.calculation-detail{padding:20px;font-size:18px}}

/* Consistent typography across all contact details. */
.calculation-phone,.calculation-detail{font-size:clamp(18px,1.7vw,24px);font-weight:500;line-height:1.4}.calculation-phone small,.calculation-detail small{font-size:13px;font-weight:400;line-height:1.4;margin-bottom:6px}@media(max-width:760px){.calculation-phone,.calculation-detail{font-size:18px}}

.calculation-phone,.calculation-detail{align-items:center}.calculation-phone>span,.calculation-detail>span{display:block;line-height:1.4}

.calculation-form h3{margin-bottom:26px}




/* Slightly reduce the form's vertical padding. */
.calculation-form{padding-top:30px;padding-bottom:30px}@media(max-width:1100px){.calculation-form{padding-top:24px;padding-bottom:24px}}@media(max-width:760px){.calculation-form{padding-top:20px;padding-bottom:20px}}

.header .header-phone small{display:block;text-align:center;margin-top:4px;font-size:12px;font-weight:400;line-height:1.4;color:#b8babc;letter-spacing:0;white-space:nowrap}

@media(min-width:761px){.header{justify-content:initial;column-gap:16px}.header nav{margin-inline:auto}.header .header-phone{margin-left:auto;margin-right:12px}}