/* COZH release styles. Responsive cascade order is intentional. */
:root{--navy:#051827;--blue:#064bd5;--text:#f5f8fd;--muted:#c1cfe0;--line:#ffffff29;--ink:#071a30}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;font:18px/1.6 Arial,Helvetica,sans-serif;color:var(--text);background:var(--navy);-webkit-font-smoothing:antialiased}
main,body{max-width:100%;overflow-x:clip}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer;color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{letter-spacing:-.035em;line-height:1.1}
h2{font-size:clamp(34px,4vw,54px);font-weight:700}
h3{font-size:24px;font-weight:700}
p{line-height:1.65}
em{font-style:normal;color:#76aaff}
ul,ol{margin:0;padding:0;list-style:none}
.container{width:min(1360px,calc(100% - 96px));margin-inline:auto}
.eyebrow{font-size:14px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.55;color:#d5e0ee}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 26px;min-height:60px;border:1px solid var(--blue);border-radius:3px;background:var(--blue);color:#fff;font-weight:700;font-size:18px;line-height:1.3;transition:background .2s,transform .2s}
.button>span{font-size:26px;font-weight:400}
.button:hover{background:#003aa6;transform:translateY(-2px)}
.white-button{background:#fff;border-color:#fff;color:var(--blue)}
.white-button:hover{background:#e3eeff;color:#003aa6}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffc85a;outline-offset:5px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:1000;background:#fff;color:var(--ink);padding:12px 16px}
.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:60;background:rgba(5,24,39,.98);border-bottom:1px solid var(--line)}
.header{display:flex;align-items:center}
.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.brand>span{font-weight:700;text-transform:uppercase;line-height:1.2;white-space:nowrap}
.header nav{display:flex;font-weight:600;align-items:center;white-space:nowrap}
.header nav a{padding-block:20px}
.header nav a:hover{color:#9cc2ff}
.header nav span{margin-left:9px}
.header-contact{margin-left:auto;font-weight:600;white-space:nowrap}
.header-contact a{display:inline-flex;gap:11px;align-items:center}
.header-contact a>span{color:#3387ff;line-height:1}
.header-contact a:hover{color:#9cc2ff}
.menu-toggle{display:none;width:46px;height:46px;padding:9px;background:none;border:1px solid #ffffff50;border-radius:3px;flex-shrink:0}
.menu-toggle span{height:2px;background:#fff;display:block;margin-block:5px;transition:transform .2s}
.service-block{border-bottom:1px solid var(--line);background:var(--navy)}
.service-band{position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}
.band-photo{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}
.band-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band-photo{object-position:67% center}
.band-shade{z-index:-1;background:linear-gradient(90deg,#051827 0%,rgba(5,24,39,.98) 29%,rgba(5,24,39,.72) 47%,rgba(5,24,39,.05) 80%)}
.band-content{display:flex;align-items:start;position:relative}
.band-number{color:#287cff;font-weight:700;line-height:.95;letter-spacing:-.06em;flex-shrink:0;border-right:1px solid #3387ff80}
.band-copy{max-width:690px;min-width:0}
.band-copy :is(h1,h2){line-height:1.05}
.band-copy>p{color:#f0f5ff;line-height:1.45;max-width:535px}
.service-cta{display:inline-flex;gap:22px;align-items:center;color:#a9d2ff;background:none;border:0;font-size:17px;font-weight:700;padding:0;text-align:left}
.service-cta:hover{color:white;text-decoration:underline}
.service-cta span{font-size:25px}
.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:0 12px}
.type-button{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;border:1px solid #ffffff29;background:#0c263e;border-radius:3px;line-height:1.45}
.type-button>span{color:#a9d2ff;flex-shrink:0}
.type-button:hover{background:#143554;border-color:#669df0}
.service-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:17px 0;font-weight:600;line-height:1.5}
.service-details>summary::-webkit-details-marker{display:none}
.service-details>summary>b{font-size:28px;font-weight:400;line-height:1;transition:transform .15s}
.service-details[open]>summary>b{transform:rotate(45deg)}
.service-details[open]>summary{border-bottom:1px solid var(--line)}
.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 35px}
.industry-grid li{font-size:17px;line-height:1.6;position:relative;padding-left:18px;color:#e3ecf8}
.industry-grid li:before{content:'';width:5px;height:5px;background:#4a95ff;position:absolute;top:11px;left:0}
.detail-note{font-size:16px;line-height:1.7;color:var(--muted);max-width:1000px}
.detail-intro{font-size:20px;line-height:1.65;color:#dfebfa;max-width:1000px}
.conditioning{background:#063da9}
.blue-band{background:#064bd5}
.blue-band .band-number{color:#fff;border-color:#ffffff6b}
.blue-band .band-shade{background:linear-gradient(90deg,#064bd5 0%,rgba(6,75,213,.98) 29%,rgba(6,75,213,.68) 49%,rgba(6,75,213,.02) 85%)}
.blue-band .service-cta{color:#fff}
.blue-band .band-photo{object-position:75% 55%}
.conditioning .detail-intro,.conditioning .detail-note{color:#e1ecff}
.ac-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ac-grid article{display:flex;flex-direction:column;align-items:start;border-top:1px solid #ffffff50;padding-top:20px}
.ac-grid h3{font-size:24px;margin-bottom:13px;line-height:1.2}
.ac-grid p{font-size:18px;color:#dfebff;margin-bottom:18px}
.text-link{display:inline-flex;gap:15px;align-items:center;min-height:44px;background:none;border:0;padding:0;color:#fff;font-size:16px;font-weight:700;text-align:left;margin-top:auto}
.text-link:hover{text-decoration:underline}
.text-link>span{font-size:23px}
.system-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:32px;border-top:1px solid #ffffff40;padding-top:23px}
.system-notes p{font-size:17px;color:#e0ecff}
.technical-grid,.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.technical-grid article,.expertise-grid article{border-top:1px solid var(--line);padding-top:22px}
.technical-grid span{display:block;font-size:16px;color:#9fc6ff;margin-bottom:14px}
.technical-grid h3,.expertise-grid h3{font-size:24px;line-height:1.2;margin-bottom:14px}
.technical-grid p,.expertise-grid p{font-size:18px;color:var(--muted)}
.design{background:#e9eff7;color:var(--ink)}
.light-band .band-photo{object-position:70% 65%}
.light-band .band-shade{background:linear-gradient(90deg,#edf2fa 0%,rgba(237,242,250,.98) 25%,rgba(237,242,250,.82) 45%,rgba(237,242,250,.1) 85%)}
.light-band .band-copy>p{color:#112a47}
.light-band .band-number{color:#064bd5;border-color:#064bd550}
.light-band .service-cta{color:#064bd5}
.design .service-details[open]>summary,.design .expertise-grid article{border-color:#173b5c33}
.design .detail-intro{color:#16334f}
.design .detail-note,.design .expertise-grid p{color:#3f536b}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}
.check-list li{position:relative;padding-left:25px;font-size:18px;color:#dfebfa}
.check-list li:before{content:'↗';position:absolute;left:0;color:#76b3ff}
.problem-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.problem-button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid #6d8aa9;background:none;color:#e3eeff;padding:11px 16px;min-height:48px;font-size:16px;text-align:left}
.problem-button:hover{border-color:white;background:#ffffff0d}
.company-section{display:grid}
.company-photo{position:relative}
.company-photo>span{position:absolute;bottom:18px;left:18px;background:#051827df;padding:8px 12px;font-size:14px}
.company-copy>p:not(.eyebrow){max-width:690px}
.company-tags{display:flex;flex-wrap:wrap}
.company-tags span{border:1px solid #527094;padding:7px 12px;font-size:15px;line-height:1.5}
.workflow-section{border-block:1px solid var(--line)}
.workflow-heading{display:flex;justify-content:space-between;align-items:end}
.workflow-heading h2{line-height:1.15}
.workflow-heading>p{max-width:470px;font-size:18px}
.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.workflow-grid li{border-top:1px solid #8aa4c173}
.workflow-grid span{font-size:17px;display:block}
.workflow-grid h3{line-height:1.2}
.workflow-grid p{font-size:17px}
.faq-section{display:grid;grid-template-columns:.65fr 1.35fr}
.faq-section>div>p:last-child{font-size:18px}
.faq-section a{display:inline-block;margin-top:12px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{position:relative;padding:22px 34px 22px 0;cursor:pointer;list-style:none;line-height:1.5;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:0;font-size:30px;font-weight:400}
.faq details[open] summary:after{content:'−'}
.faq details p{font-size:18px;line-height:1.7}
.contact-section{background:#064bd5;color:#fff}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.contact-section .eyebrow{color:#dfebff}
.contact-section h2{font-size:clamp(40px,4.4vw,62px);line-height:1.06}
.contact-section p{font-size:19px;color:#e0eaff}
.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.contact-card{border-left:1px solid #ffffff70;padding-left:50px;display:flex;flex-direction:column;align-items:start;min-width:0}
.contact-card>span{font-size:16px;color:#d9e7ff;line-height:1.5}
.contact-card>a.contact-email{margin-bottom:12px}
.contact-card a:hover{text-decoration:underline}
.contact-card p{font-size:16px}
.footer{justify-content:space-between}
.footer .brand span{font-size:12px}
.footer>a:not(.brand),.footer>span{font-size:15px;color:#c0cfe1}
.mobile-bar{display:none}
dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;border:1px solid #55708f;border-radius:8px;padding:40px;background:#f7f9fc;color:var(--ink);box-shadow:0 30px 100px #0008;font-size:18px}
dialog::backdrop{background:#00101fe8;backdrop-filter:blur(4px)}
dialog .eyebrow{color:#0643b4;font-size:14px;letter-spacing:.08em;margin-bottom:14px}
dialog h2{font-size:36px;padding-right:16px}
.close{position:absolute;top:10px;right:10px;background:none;border:0;font-size:32px;line-height:1;width:44px;height:44px}
.dialog-description{font-size:17px;color:#43566d;margin:18px 0 26px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
form>label,form .form-row label{display:block;font-size:16px;font-weight:600;margin-bottom:8px;line-height:1.5}
form label>span{font-weight:400;color:#43566d}
input,select,textarea{width:100%;min-width:0;min-height:48px;border:1px solid #a5b6ca;border-radius:3px;background:#fff;padding:12px 13px;color:#071a30;font-size:16px;margin-bottom:18px}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid #064bd5;outline-offset:1px}
input::placeholder,textarea::placeholder{color:#607086;opacity:1}
.consent{display:flex!important;gap:11px;align-items:start;font-size:15px!important;line-height:1.6;margin-block:8px 23px!important}
.consent input{width:18px;height:18px;min-height:0;margin:4px 0 0;flex-shrink:0;accent-color:#064bd5}
.consent a,.form-note a{color:#0643b4;text-decoration:underline}
.honeypot{position:absolute;left:-9999px}
.full{width:100%}
.form-note{font-size:15px;color:#42566e;line-height:1.6;margin-top:15px}
.button:disabled{opacity:.65;cursor:wait;transform:none}
.success-symbol{margin:24px 0 20px;background:#e2edff;border-radius:50%;width:58px;height:58px;color:#064bd5;display:grid;place-items:center;font-size:30px}
#brief-result h3{font-size:32px}
#brief-result p{font-size:18px;margin-block:18px 28px}
.secondary{min-height:52px;background:#e6edf7;border:1px solid #b8c7da;border-radius:3px;padding:14px;color:#071a30;font-size:17px}
.privacy{max-width:900px;padding-block:50px}
.privacy>a{color:#a9d0ff}
.privacy h1{font-size:44px;margin-block:30px}
.privacy h2{font-size:30px;margin:35px 0 17px}
.privacy p{font-size:18px;color:#ccdbed}
.privacy p a{color:#a9d0ff;text-decoration:underline}
[hidden]{display:none!important}
@media(min-width:1700px){
.service-band{min-height:350px}
}
@media(max-width:1270px){
.container{width:calc(100% - 64px)}
.header nav{margin-left:0}
.header-contact{gap:15px;font-size:16px}
.header-contact a{gap:7px}
.header-contact a>span{font-size:23px}
.brand>span{font-size:12px}
.band-number{font-size:72px;width:84px;padding-right:20px}
.band-content{gap:24px}
.band-copy :is(h1,h2){font-size:49px}
.band-copy{max-width:630px}
.band-copy>p{font-size:21px;max-width:500px}
.band-shade{background:linear-gradient(90deg,#051827 0%,rgba(5,24,39,.97) 31%,rgba(5,24,39,.72) 52%,rgba(5,24,39,.06) 95%)}
.industry-grid{gap:20px 28px}
.company-section{gap:48px}
.workflow-grid{gap:24px}
.contact-layout{gap:45px}
.contact-card{padding-left:35px}
.footer{gap:20px}
}
@media(max-width:1024px){
html{scroll-padding-top:98px}
.header nav{display:none;position:absolute;left:0;right:0;flex-direction:column;align-items:stretch;border-bottom:1px solid #55708f;box-shadow:0 15px 30px #0004}
.header nav.is-open{display:flex}
.header nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:18px}
.header-contact{margin-left:auto;flex-wrap:wrap}
.header-contact a{font-size:16px}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.service-band{min-height:310px}
.band-content{gap:21px}
.band-number{font-size:64px;width:77px;min-height:180px}
.band-copy{max-width:580px}
.band-copy :is(h1,h2){font-size:44px}
.band-copy>p{font-size:20px;max-width:425px}
.band-photo{object-position:60% center}
.type-grid{grid-template-columns:1fr 1fr;gap:10px 15px}
.type-button{font-size:16px}
.industry-grid{grid-template-columns:1fr 1fr}
.ac-grid{grid-template-columns:1fr 1fr;gap:28px}
.technical-grid,.expertise-grid{gap:25px}
.technical-grid h3,.expertise-grid h3{font-size:22px}
.technical-grid p,.expertise-grid p{font-size:17px}
.company-section{padding-block:55px}
.company-copy h2{font-size:37px}
.company-copy>p:not(.eyebrow){font-size:17px}
.company-photo{height:460px}
.company-tags{gap:9px}
.company-tags span{font-size:14px}
.workflow-heading h2{font-size:33px}
.workflow-heading{gap:35px}
.workflow-heading>p{max-width:350px;font-size:17px}
.workflow-grid{grid-template-columns:1fr 1fr;gap:28px 35px}
.faq-section{gap:35px}
.faq-section h2{font-size:37px}
.contact-section h2{font-size:44px}
.contact-card{padding-left:28px}
.contact-section p{font-size:18px}
.contact-card p,.contact-card>span{font-size:15px}
.actions{gap:20px}
.contact-layout{gap:35px}
.footer>a:not(.brand),.footer>span{font-size:14px}
}
@media(max-width:700px){
.header-contact a{font-size:16px}
.band-copy>p{max-width:390px}
.band-shade{background:linear-gradient(90deg,#051827 0%,rgba(5,24,39,.95) 35%,rgba(5,24,39,.72) 65%,rgba(5,24,39,.3))}
.blue-band .band-shade{background:linear-gradient(90deg,#064bd5 0%,rgba(6,75,213,.92) 45%,rgba(6,75,213,.5))}
.light-band .band-shade{background:linear-gradient(90deg,#edf2fa 0%,rgba(237,242,250,.95) 45%,rgba(237,242,250,.65))}
.technical-grid,.expertise-grid{grid-template-columns:1fr}
.technical-grid h3,.expertise-grid h3{font-size:24px}
.system-notes{grid-template-columns:1fr;gap:20px}
.check-list{grid-template-columns:1fr;gap:16px}
.company-section{grid-template-columns:1fr}
.workflow-heading{display:block}
.workflow-heading>p{max-width:100%;font-size:18px}
.workflow-grid p{font-size:17px}
.faq-section{grid-template-columns:1fr}
.contact-layout{grid-template-columns:1fr;gap:35px}
.contact-card{border-left:0;border-top:1px solid #ffffff70;padding:30px 0 0}
.contact-card p,.contact-card>span{font-size:16px}
.contact-section h2{font-size:48px}
.footer{display:grid}
.footer>a:nth-child(even){text-align:right}
.mobile-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:.85fr 1.4fr;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#061b30;box-shadow:0 -6px 25px #0005;z-index:50;border-top:1px solid #48617f}
.mobile-bar a,.mobile-bar button{display:grid;place-items:center;border:1px solid #7895b8;border-radius:3px;min-height:47px;font-size:16px;font-weight:600;padding:7px;text-align:center;line-height:1.3}
.mobile-bar button{background:var(--blue);border-color:var(--blue);color:white}
}
@media(max-width:520px){
.container{width:calc(100% - 40px)}
.brand{padding:8px 10px 9px;border-radius:0 0 10px 10px}
.header-contact a{font-size:14px;gap:5px}
.header-contact a>span{font-size:18px}
.menu-toggle{padding:7px}
.service-band{min-height:305px;align-items:stretch}
.band-content{padding-block:30px;align-items:start}
.band-number{min-height:184px;line-height:1}
.band-copy{flex:1;min-width:0;padding-top:3px}
.band-copy :is(h1,h2){line-height:1.12;letter-spacing:-.035em;margin-bottom:16px;overflow-wrap:normal}
.band-copy>p{font-size:20px;line-height:1.5}
.service-cta{font-size:17px;gap:15px;margin-top:18px;min-height:46px}
.band-photo{object-position:70% center;opacity:.8}
.band-shade{background:linear-gradient(90deg,#051827 0%,rgba(5,24,39,.95) 47%,rgba(5,24,39,.72))}
.blue-band .band-shade{background:linear-gradient(90deg,#064bd5 0%,rgba(6,75,213,.94) 45%,rgba(6,75,213,.7))}
.light-band .band-shade{background:linear-gradient(90deg,#edf2fa 0%,rgba(237,242,250,.93) 45%,rgba(237,242,250,.72))}
.conditioning .band-copy :is(h1,h2){font-size:clamp(23px,6.15vw,32px);letter-spacing:-.04em}
.service-under{padding-block:16px}
.type-grid{grid-template-columns:1fr;gap:9px;margin-bottom:10px}
.type-button{font-size:17px;padding:12px 14px;min-height:52px}
.service-details>summary{font-size:17px;gap:18px;padding-block:16px;line-height:1.55}
.service-details>summary>b{font-size:27px;flex-shrink:0}
.detail-body{padding-block:24px 12px}
.industry-grid{grid-template-columns:1fr;gap:18px}
.industry-grid li{font-size:17px;line-height:1.6}
.detail-note{font-size:16px;margin-top:24px}
.detail-intro{font-size:18px;line-height:1.65}
.ac-grid{grid-template-columns:1fr;gap:26px}
.ac-grid h3{font-size:25px;line-height:1.2}
.ac-grid p{font-size:18px}
.ac-grid .text-link,.system-notes p{font-size:17px}
.technical-grid p,.expertise-grid p{font-size:18px}
.problem-links{gap:12px}
.problem-button{width:100%;font-size:17px;padding-block:13px}
.company-section{padding-block:42px}
.company-copy>.eyebrow{font-size:14px}
.company-tags span{font-size:15px}
.workflow-section{padding-block:40px}
.workflow-heading h2{font-size:32px}
.workflow-heading h2 br{display:none}
.workflow-heading .eyebrow{font-size:14px}
.workflow-grid{gap:28px}
.workflow-grid li{padding-top:18px}
.workflow-grid span{margin-bottom:10px;font-size:16px}
.workflow-grid h3{font-size:25px}
.workflow-grid p{font-size:18px}
.faq summary{font-size:18px;padding-block:20px}
.faq details p{font-size:17px}
.faq-section h2{font-size:37px}
.faq-section>div>p:last-child{font-size:18px;margin-top:20px}
.faq-section .eyebrow{font-size:14px}
.contact-section{padding-block:42px}
.contact-section h2{font-size:43px}
.contact-section .eyebrow{font-size:14px}
.contact-section p{font-size:18px}
.actions{gap:22px}
.actions .button{font-size:18px;padding-inline:20px;gap:26px}
.footer>a:not(.brand),.footer>span{font-size:14px}
.footer .brand{padding:10px}
.mobile-bar{padding-inline:12px}
.mobile-bar a,.mobile-bar button{font-size:15px}
dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:29px 21px}
dialog h2{font-size:29px;line-height:1.13}
dialog .eyebrow{font-size:14px;margin-bottom:13px}
.dialog-description{font-size:17px;margin-block:18px 23px}
.form-row{grid-template-columns:1fr;gap:0}
form>label,form .form-row label,input,select,textarea{font-size:16px}
.form-note{font-size:15px}
.consent{font-size:15px!important}
.privacy{padding-block:30px}
.privacy h1{font-size:34px}
.privacy h2{font-size:27px}
.privacy p{font-size:18px}
}
@media(max-width:360px){
.header .brand{padding-inline:8px}
.header-contact a>span{display:none}
.band-copy :is(h1,h2){font-size:28px}
.conditioning .band-copy :is(h1,h2){font-size:23px}
.band-copy>p{font-size:19px}
.service-cta{font-size:16px}
.container{width:calc(100% - 32px)}
.type-button{font-size:16px}
.mobile-bar a,.mobile-bar button{font-size:14px}
.eyebrow{letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){
*{animation:none!important}
*:before,*:after{transition:none!important;animation:none!important}
}
.detail-photo{margin:30px 0 0;position:relative;height:300px;overflow:hidden;background:#0a2238}
.detail-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 43%}
.detail-photo figcaption{position:absolute;bottom:16px;left:16px;background:#051827e8;color:#eef5ff;padding:8px 12px;font-size:14px;line-height:1.5}
@media(max-width:520px){
.detail-photo{height:260px}
.detail-photo figcaption{font-size:14px;left:10px;bottom:10px;max-width:calc(100% - 20px)}
}
@media(max-width:360px){
.header-contact a{font-size:14px}
}
.brand{background:transparent;color:#fff;box-shadow:none;border:0;border-radius:0;padding:0;width:215px;align-self:center;gap:7px}
.footer .brand{background:transparent;color:#fff;box-shadow:none;border:0;border-radius:0;padding:0;align-self:center;gap:7px}
.brand img{width:200px;height:auto;filter:brightness(0) invert(1)}
.footer .brand img{height:auto;filter:brightness(0) invert(1)}
.brand>span{font-size:14px;letter-spacing:.2em}
.header nav{margin-left:0;flex-shrink:0}
.header nav>a{padding:22px 0;position:relative}
.header nav>a:after{content:'';position:absolute;bottom:15px;left:0;width:100%;height:2px;background:#60a7ff;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.header nav>a:hover:after{transform:scaleX(1)}
.nav-dropdown{position:relative}
.nav-services-button{display:flex;align-items:center;gap:13px;border:0;border-radius:5px;background:none;color:white;line-height:1.3;padding:19px 0}
.nav-services-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.nav-services-button[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-services-button:hover{color:#b0d4ff}
.services-submenu{position:absolute;left:-22px;top:calc(100% + 12px);width:345px;padding:12px;background:#102b44;border:1px solid #527394;box-shadow:0 22px 45px #0007;border-radius:9px}
.services-submenu:before{content:'';position:absolute;top:-8px;left:55px;width:14px;height:14px;background:#102b44;border-left:1px solid #527394;border-top:1px solid #527394;transform:rotate(45deg)}
.header nav .services-submenu a{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:18px;font-weight:600;line-height:1.5;padding:12px 15px;border-radius:5px;border-bottom:1px solid #ffffff18;white-space:normal}
.header nav .services-submenu a:last-child{border-bottom:0}
.header nav .services-submenu a:hover{background:#1c466e;color:#fff}
.header nav .services-submenu a span{margin:0}
.services-submenu a span:last-child{font-size:22px;color:#9ecbff}
.header-contact{font-size:17px}
.header-contact a>span{text-align:center}
.location-label{font-size:14px!important;color:#d5e7ff!important;letter-spacing:.08em;margin-bottom:18px}
.service-block:first-child .band-photo{object-position:center 40%}
#humidification .band-copy>p,#humidification .band-copy h2{text-shadow:0 2px 15px #00152f80}
#maintenance .band-photo{object-position:right 72%}
.captcha-area{padding:17px 0 8px;margin-bottom:18px;border-top:1px solid #bbcadd;max-width:100%;overflow:visible}
.captcha-area>div{min-height:100px;max-width:100%}
.captcha-area p{font-size:15px;line-height:1.6;color:#43566d;margin:11px 0}
.captcha-retry{font-size:16px;min-height:44px;background:none;border:1px solid #859bb6;color:#0643b4;border-radius:3px;padding:9px 13px}
@media(max-width:1270px){
.header{gap:26px}
.brand,.footer .brand{width:190px}
.brand img,.footer .brand img{width:180px}
.header nav{gap:24px;font-size:22px}
.nav-services-button{font-size:23px}
.header-contact a.phone{font-size:18px}
.header-contact>a{font-size:16px}
}
@media(max-width:1024px){
.header{height:100px;gap:24px}
.header nav{top:100px;font-size:23px;gap:0}
.header nav>a{padding:15px 0}
.nav-services-button{width:100%;justify-content:space-between;padding:14px 0}
.nav-dropdown{width:100%}
.services-submenu{position:relative;left:auto;top:auto;width:100%;border-radius:6px;box-shadow:none;border-color:#3b6288}
.services-submenu:before{display:none}
.brand,.footer .brand{width:185px}
.brand img,.footer .brand img{width:175px}
.header-contact{display:grid;gap:3px;justify-content:end}
.service-block:first-child .service-band{min-height:390px}
.service-block:first-child .band-copy h1{font-size:56px}
.service-block:first-child .band-copy>p:not(.eyebrow){font-size:22px}
.service-block:first-child .band-number{min-height:230px}
.location-label{font-size:14px!important;letter-spacing:.05em}
.footer .brand>span{font-size:12px}
.header nav>a:after{display:none}
}
@media(max-width:700px){
.brand{width:155px}
.brand img{width:148px}
.brand>span{font-size:11px;letter-spacing:.12em}
.header-contact a>span{font-size:20px;width:18px}
.location-label{font-size:14px!important;max-width:340px}
}
@media(max-width:520px){
html{scroll-padding-top:90px}
.header{height:84px;gap:12px}
.header nav{top:84px;padding-inline:20px}
.brand{width:120px;gap:6px;align-self:center}
.brand img{width:116px}
.brand>span{font-size:9px;letter-spacing:.1em}
.header-contact a.phone,.header-contact>a{font-size:14px}
.header-contact a>span{display:none}
.menu-toggle{height:43px;width:39px}
.header nav>a,.nav-services-button{font-size:23px}
.header nav .services-submenu a{font-size:18px}
.service-block:first-child .band-content{padding-block:30px}
.location-label{font-size:14px!important;letter-spacing:0;line-height:1.6!important;margin-bottom:19px;color:#d9e8fa!important}
#humidification .band-shade{background:linear-gradient(90deg,rgba(5,24,39,.6),rgba(5,24,39,.42) 60%,rgba(5,24,39,.1))}
#humidification .band-photo{object-position:right 40%;filter:brightness(1.3) saturate(.8)}
#maintenance .band-photo{object-position:right center;opacity:1}
.footer .brand{width:135px}
.footer .brand img{width:130px}
.footer .brand>span{font-size:10px;letter-spacing:.1em}
.captcha-area>div{min-height:100px}
.captcha-area{margin-inline:-4px}
}
@media(max-width:360px){
.header{gap:8px}
.header .brand{width:84px}
.header .brand img{width:82px}
.header .brand>span{font-size:8px;letter-spacing:0}
.header nav .services-submenu a{font-size:17px}
.service-block:first-child .band-copy>p:not(.eyebrow){font-size:20px}
}
html{scroll-padding-top:96px}
.header{height:88px}
.header .brand{gap:4px}
.header .brand>span{font-size:11px}
.nav-services-button{min-height:56px;padding-block:14px}
.header-contact{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end}
.service-band{min-height:224px}
.band-content{padding-block:26px;gap:25px}
.band-number{font-size:70px;min-height:145px;width:85px;padding-right:20px}
.band-copy :is(h1,h2){font-size:clamp(36px,3.7vw,52px);margin-bottom:12px}
.band-copy>p{font-size:21px}
.service-cta{margin-top:12px;min-height:44px}
.service-block:first-child .service-band{min-height:244px}
.service-block:first-child .band-content{padding-block:20px}
.service-block:first-child .band-number{padding-top:30px;min-height:178px}
.service-block:first-child .band-copy h1{font-size:clamp(44px,4.2vw,58px);margin-bottom:10px}
.service-block:first-child .band-copy>p:not(.eyebrow){font-size:22px;line-height:1.4;max-width:560px}
.service-block:first-child .location-label{margin-bottom:10px;font-size:13px!important;line-height:1.5!important}
.service-under{padding-block:10px}
.type-grid{gap:6px 18px;margin-bottom:6px}
.type-button{min-height:44px;padding:8px 14px;font-size:16px}
.service-details>summary{min-height:46px;padding-block:10px;font-size:17px}
.detail-body{padding-block:20px 10px}
.detail-intro{margin-bottom:20px}
.detail-note{margin-top:20px}
.ac-grid,.technical-grid,.expertise-grid{gap:24px}
.company-section{padding-block:42px}
.company-copy>.eyebrow{margin-bottom:12px}
.company-copy h2{font-size:44px;margin-bottom:18px}
.company-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;margin-block:12px}
.company-tags{margin-top:18px;gap:10px}
.workflow-section{padding-block:38px}
.workflow-heading{margin-bottom:25px;gap:36px}
.workflow-heading .eyebrow{margin-bottom:12px}
.workflow-heading h2{font-size:36px}
.workflow-grid{gap:24px}
.workflow-grid li{padding-top:14px}
.workflow-grid span{margin-bottom:10px}
.workflow-grid h3{font-size:22px;margin-bottom:10px}
.workflow-grid p{line-height:1.55}
.faq-section{padding-block:40px;gap:48px}
.faq-section .eyebrow{margin-bottom:12px}
.faq-section>div>p:last-child{margin-top:18px}
.faq summary{padding-block:16px;font-size:19px}
.faq summary:after{top:9px}
.faq details p{padding-bottom:18px}
.contact-section{padding-block:42px}
.contact-section .eyebrow{margin-bottom:14px}
.contact-section h2{margin-bottom:18px}
.actions{margin-top:22px}
@media(min-width:1025px) and (max-width:1200px){
.header{gap:20px}
.header .brand{width:140px}
.header .brand img{width:132px}
.header nav{gap:20px;font-size:20px}
.nav-services-button{font-size:22px}
.header-contact{gap:14px}
.header-contact>a,.header-contact a.phone{font-size:15px}
.header-contact a>span{display:none}
}
@media(min-width:701px) and (max-width:1024px){
.header-contact{display:flex;flex-wrap:nowrap}
.service-band{min-height:230px}
.band-copy :is(h1,h2){font-size:42px}
.service-block:first-child .band-copy h1{font-size:50px}
.company-copy h2{font-size:36px}
.company-photo{height:350px}
.company-section,.faq-section{gap:32px}
.workflow-grid{gap:22px 30px}
}
@media(max-width:700px){
.header{display:grid;grid-template-columns:1fr auto}
.header .brand{grid-column:1;grid-row:1}
.menu-toggle{grid-column:2;grid-row:1;align-self:center}
.header-contact{grid-column:1/-1;grid-row:2;flex-direction:row;flex-wrap:nowrap;margin:0;width:100%}
.header-contact>a,.header-contact a.phone{gap:0}
.header nav{overflow-y:auto;font-size:23px}
.service-band{min-height:240px}
.band-content{padding-block:24px;gap:14px}
.band-number{font-size:52px;width:60px;min-height:160px;padding-right:14px}
.band-copy :is(h1,h2){font-size:36px}
.conditioning .band-copy :is(h1,h2){font-size:clamp(23px,5.5vw,36px)}
.band-copy>p{font-size:20px}
.service-block:first-child .service-band{min-height:286px}
.service-block:first-child .band-content{padding-block:23px}
.service-block:first-child .band-number{padding-top:43px;min-height:226px}
.service-block:first-child .band-copy h1{font-size:44px}
.service-block:first-child .band-copy>p:not(.eyebrow){font-size:21px}
.service-block:first-child .location-label{font-size:13px!important;max-width:340px}
.service-under{padding-block:10px}
.type-grid{gap:7px;margin-bottom:6px}
.type-button{font-size:16px;min-height:46px;padding:9px 13px}
.service-details>summary{font-size:17px;padding-block:10px;min-height:46px}
.company-section{padding-block:32px;gap:24px}
.company-photo{height:250px}
.workflow-section{padding-block:32px}
.workflow-heading>p{margin-top:17px}
.workflow-heading h2{font-size:32px}
.workflow-grid{gap:22px}
.workflow-grid h3{font-size:23px}
.faq-section{padding-block:32px;gap:24px}
.faq-section h2{font-size:37px}
.faq summary{font-size:18px;padding-block:16px}
.contact-section{padding-block:34px}
}
@media(max-width:520px){
.band-number{font-size:43px;width:48px;padding-right:11px}
.band-content{gap:13px}
.band-copy :is(h1,h2){font-size:clamp(28px,7.5vw,38px)}
.service-block:first-child .band-copy h1{font-size:clamp(34px,8.4vw,40px)}
.service-block:first-child .band-copy>p:not(.eyebrow){font-size:20px;line-height:1.45}
.service-block:first-child .band-number{min-height:230px;padding-top:44px}
.service-block:first-child .service-band{min-height:286px}
.company-photo{height:225px}
.workflow-grid{grid-template-columns:1fr}
.company-copy h2{font-size:36px}
}
@media(max-width:360px){
.header-contact>a,.header-contact a.phone{font-size:13px}
.header .brand>span{display:block}
.service-block:first-child .band-copy h1{font-size:34px}
.service-block:first-child .band-number{min-height:230px}
.band-number{width:41px;font-size:38px;padding-right:9px}
.band-content{gap:10px}
}
.type-button>span{font-size:20px;line-height:1}
@media(min-width:1025px) and (max-height:800px){
.service-block:first-child .service-band{min-height:224px}
.service-block:first-child .band-content{padding-block:14px}
.service-block:first-child .band-copy h1{font-size:52px}
.service-block:first-child .band-copy>p:not(.eyebrow){font-size:21px}
}
.company-photo>span{color:#f5f8fd}
.header{gap:24px}
.header .brand{width:150px}
.header .brand img{width:145px}
.header nav{gap:22px;font-size:23px}
.header nav>a,.nav-services-button{font-size:23px;font-weight:600}
.header-contact{gap:20px}
.header-contact>a,.header-contact a.phone{font-size:23px;font-weight:600;line-height:1.3;gap:8px}
.header-contact a>span{font-size:22px;width:21px}
#humidification .band-photo{filter:brightness(1.08);opacity:1;object-position:center 34%}
#humidification .band-shade{background:linear-gradient(90deg,rgba(5,24,39,.82),rgba(5,24,39,.5) 41%,rgba(5,24,39,.04) 76%,transparent)}
.company-panel{background:#071d30;color:#fff}
.company-section{grid-template-columns:1.1fr 1fr;gap:42px;align-items:center}
.company-photo{height:auto;aspect-ratio:1672/941;overflow:hidden;background:#071d30;border:1px solid #5d789150;border-radius:5px}
.company-photo img{width:100%;height:100%;object-fit:contain}
.company-copy>.eyebrow{color:#c4dfff}
.company-copy h2{color:#fff}
.company-copy h2 em{color:#92c3ff}
.company-copy>p:not(.eyebrow){color:#fff}
.company-tags span{color:#fff;background:#183b58;border-color:#7899b5}
.workflow-section{background:#e9f0f7;color:#102a43;border-color:#a8bed3}
.workflow-heading .eyebrow{color:#245a96}
.workflow-heading>p,.workflow-grid p{color:#304b64}
.workflow-grid li{border-color:#6c8baa66}
.workflow-grid span{color:#0754c9}
.faq-panel{background:#0c2941;color:#fff}
.faq-section .eyebrow{color:#c4dfff}
.faq-section>div>p:last-child,.faq details p{color:#fff}
.faq-section a{color:#b8d9ff}
.faq,.faq details{border-color:#6e8ba966}
.faq summary{color:#fff}
.faq summary:after{color:#b8d9ff}
.site-footer{background:#041521;color:#fff;border-top:1px solid #6b8ba34d}
.footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px 40px;padding-block:34px 22px}
.footer-brand{display:grid;gap:13px;justify-items:start}
.footer-brand p{font-size:15px;color:#d0e2f2}
.footer .brand{width:170px}
.footer .brand img{width:165px}
.footer .brand>span{font-size:11px;letter-spacing:.15em}
.footer-socials{display:flex;align-items:center;justify-content:flex-end}
.social-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #ffffff52;transition:transform .2s,box-shadow .2s;overflow:hidden;color:#fff;flex-shrink:0}
.social-icon:focus-visible{outline:3px solid #ffc85a;outline-offset:5px}
.social-icon svg{display:block}
.social-wa{background:#128c57}
.social-max{background:#471aff}
.social-vk{background:#0678f4}
.social-tg{background:#168fc4}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #56728c66;padding-top:20px;font-size:15px;color:#d0e2f2}
.footer-bottom>a:hover{color:#fff;text-decoration:underline}
.footer-bottom>a:last-child{margin-left:0}
@media(min-width:1025px) and (max-width:1280px){
.header{height:114px;display:grid;grid-template-columns:160px 1fr;grid-template-rows:58px 36px;gap:0 25px;padding-block:10px}
.header .brand{grid-column:1;grid-row:1/-1;width:150px}
.header nav{grid-column:2;grid-row:1;justify-self:end;gap:30px;font-size:23px}
.header nav>a,.nav-services-button{font-size:23px}
.header-contact{grid-column:2;grid-row:2;justify-self:end;gap:24px}
.header-contact>a,.header-contact a.phone{font-size:23px}
.header-contact a>span{display:none}
html{scroll-padding-top:122px}
}
@media(min-width:701px) and (max-width:1024px){
.header{height:110px;display:grid;grid-template-columns:1fr auto;grid-template-rows:50px 32px;gap:4px 20px;padding-block:10px}
.header .brand{grid-column:1;grid-row:1;width:120px;align-items:flex-start}
.header .brand img{width:110px}
.header .brand>span{font-size:8px}
.menu-toggle{grid-column:2;grid-row:1}
.header-contact{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;margin:0;gap:24px}
.header-contact>a,.header-contact a.phone{font-size:23px}
.header-contact a>span{display:none}
.header nav{top:110px}
.header nav>a,.nav-services-button{font-size:23px}
html{scroll-padding-top:118px}
}
@media(max-width:1024px){
.company-section{grid-template-columns:1fr;gap:28px}
.company-photo{max-width:760px;width:100%;justify-self:center}
.company-copy{max-width:760px;justify-self:center}
.company-copy h2 br{display:none}
.company-copy h2 em{display:block}
.company-copy>p:not(.eyebrow){max-width:100%}
}
@media(max-width:700px){
.header{height:102px;grid-template-rows:48px 30px;gap:6px 14px;padding-block:9px}
.header nav{top:102px}
.header nav>a,.nav-services-button{font-size:18px}
.header-contact{display:flex;gap:12px;justify-content:space-between}
.header-contact>a,.header-contact a.phone{font-weight:600}
.header-contact a>span{display:none}
html{scroll-padding-top:110px}
.footer{grid-template-columns:1fr;justify-items:center;padding-block:30px 96px;gap:26px}
.footer-brand{justify-items:center;text-align:center}
.footer-socials{justify-content:center}
.footer-bottom{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;padding-top:20px;font-size:14px}
.footer-bottom>span{order:3;width:100%;text-align:center}
.footer-bottom>a{white-space:nowrap}
.footer .brand{width:160px}
.footer .brand img{width:155px}
.footer .brand>span{font-size:10px}
.company-copy h2{font-size:36px}
.company-copy>p:not(.eyebrow){font-size:18px}
.company-panel .container{width:calc(100% - 32px)}
#humidification .band-photo{object-position:68% center;filter:brightness(1.08)}
#humidification .band-shade{background:linear-gradient(90deg,rgba(5,24,39,.9),rgba(5,24,39,.6) 54%,rgba(5,24,39,.12))}
}
@media(max-width:380px){
.header{width:calc(100% - 24px)}
.header-contact{gap:8px}
.header-contact>a,.header-contact a.phone{font-size:16px}
.footer-socials{gap:12px}
.social-icon{width:61px;height:61px}
.social-icon svg{width:35px;height:35px}
}
@media(min-width:1025px) and (max-width:1280px) and (max-height:800px){
.service-block:first-child .service-band{min-height:210px}
.service-block:first-child .band-content{padding-block:8px}
.service-block:first-child .band-copy h1{font-size:48px;margin-bottom:8px}
.service-block:first-child .location-label{margin-bottom:6px}
.service-block:first-child .band-copy>p:not(.eyebrow){font-size:20px;line-height:1.35}
.service-block:first-child .service-cta{margin-top:8px}
}
#ventilation .industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;align-items:stretch;margin:0;padding:0}
#ventilation .industry-grid li{display:grid;grid-template-columns:32px minmax(0,1fr);align-content:start;align-items:start;gap:15px;min-height:84px;padding:20px 0;border-bottom:1px solid #6c8ba84a;font-size:18px;line-height:1.5;color:#f5f8fd;position:relative}
#ventilation .industry-grid li:before{display:none}
#ventilation .industry-number{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#8dbdff;line-height:27px;letter-spacing:.03em}
#ventilation .industry-title{display:block;min-width:0;overflow-wrap:break-word;hyphens:auto}
.contact-card>a,.contact-card>a.contact-email{font-size:24px;font-weight:600;line-height:1.4;letter-spacing:-.015em;margin:0;max-width:100%;width:fit-content;overflow-wrap:normal}
.contact-card{gap:12px}
.contact-card>span{margin-bottom:3px}
.contact-card p{margin-top:3px}
.footer-socials{gap:14px}
.social-icon{width:48px;height:48px;box-shadow:0 3px 9px #0004}
.social-icon svg{width:28px;height:28px}
.social-max img{width:36px;height:36px;border-radius:50%;object-fit:contain}
.social-icon:hover{transform:translateY(-2px);box-shadow:0 5px 12px #0006}
@media(max-width:1024px){
.contact-card>a,.contact-card>a.contact-email{font-size:22px}
#ventilation .industry-grid{gap:0 24px}
#ventilation .industry-grid li{gap:12px;font-size:17px;padding-block:18px}
}
@media(max-width:700px){
#ventilation .industry-grid{grid-template-columns:1fr;gap:0}
#ventilation .industry-grid li{min-height:0;grid-template-columns:30px minmax(0,1fr);padding-block:17px;font-size:18px;line-height:1.5}
#ventilation .industry-number{font-size:14px;line-height:27px}
.contact-card{gap:11px}
.contact-card>a,.contact-card>a.contact-email{font-size:22px}
.footer-socials{gap:14px}
.social-icon{width:44px;height:44px}
.social-icon svg{width:26px;height:26px}
.social-max img{width:34px;height:34px}
}
@media(max-width:520px){
.contact-card>a,.contact-card>a.contact-email{font-size:21px}
.contact-card p,.contact-card>span{font-size:15px}
#ventilation .industry-grid li{font-size:17px;gap:11px}
.footer-socials{gap:13px}
}
@media(max-width:360px){
.contact-card>a,.contact-card>a.contact-email{font-size:20px}
.social-icon{width:44px;height:44px}
.social-icon svg{width:26px;height:26px}
}
@media(max-width:1024px){
.header .brand{align-items:center;text-align:center}
.header .brand>span{display:block;width:100%;text-align:center;line-height:1.25}
.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:46px;height:46px;padding:10px;background:#102e4b;color:#fff;border:1px solid #9dbbd8;border-radius:5px}
.menu-toggle span{display:block;width:24px;height:3px;margin:0;background:currentColor;border-radius:2px;flex-shrink:0}
.menu-toggle:hover,.menu-toggle[aria-expanded=true]{background:#19476d;border-color:#d5eaff}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.header nav{background:#071e32;padding:12px 24px 20px;overscroll-behavior:contain}
.header nav>a,.nav-services-button{font-size:20px;font-weight:600;line-height:1.4;min-height:50px;padding-block:11px;color:#fff}
.header nav .services-submenu a{font-size:18px;line-height:1.4;font-weight:500;padding:12px;min-height:49px;color:#f5f8fd}
.services-submenu{background:#102b44;padding:4px 8px;margin:2px 0 9px}
}
@media(max-width:700px){
.header .brand{width:112px;justify-self:start;align-items:center;gap:3px}
.header .brand img{width:108px;filter:none}
.header .brand>span{font-size:9px;letter-spacing:.1em;white-space:nowrap}
.header nav{max-height:calc(100dvh - 114px)}
}
@media(max-width:380px){
.header nav>a,.nav-services-button{font-size:19px}
.header nav .services-submenu a{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}
@media(max-width:700px){
.header-contact>a,.header-contact a.phone{font-size:clamp(13px,4vw,18px)}
}
.back-to-top{position:fixed;right:22px;bottom:24px;z-index:45;display:grid;place-items:center;width:46px;height:46px;background:#0754c9;color:#fff;border:1px solid #a7ccff;border-radius:50%;box-shadow:0 4px 16px #00152866;transition:background .2s,transform .2s}
.back-to-top svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.back-to-top:hover{background:#003c99;transform:translateY(-2px)}
.back-to-top:focus-visible{outline:3px solid #ffc85a;outline-offset:4px}
@media(max-width:700px){
.back-to-top{right:14px;bottom:calc(84px + env(safe-area-inset-bottom));width:44px;height:44px}
.back-to-top svg{width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){
.back-to-top{transition:none}
}