/* Website design, code and motion © 2026 PRMAGLY (prmagly.com) — all rights reserved. Client name, logos, photographs and project data © ADVANCED for HVAC Contracting & Electromechanical. */
@font-face{font-family:'Alexandria';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/Alexandria-300-800-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/Alexandria-300-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/JetBrainsMono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/JetBrainsMono-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Tajawal-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Tajawal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Tajawal-500-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Tajawal-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Tajawal-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Tajawal-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* ADVANCED — "climate control room": frost-white blueprint surfaces, indigo ink, airflow motion. */
:root{
  --ice:#f3f7fc; --ice2:#e7eef9; --paper:#fff;
  --ink:#101443; --ink2:#3a4172; --mute:#6b7396;
  --indigo:#2b3190; --indigo2:#191d64; --snow:#3f78c8; --frost:#a9d8ff; --taupe:#5b4b43; --warm:#f08040;
  --line:rgba(27,32,112,.14); --line2:rgba(27,32,112,.07);
  --c:20px; --wrap:1240px;
  --fh:'Alexandria','Tajawal',system-ui,sans-serif; --fb:'Tajawal','Alexandria',system-ui,sans-serif;
  --fm:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.75 var(--fb);color:var(--ink);background:var(--paper);overflow-x:hidden}
img,svg{max-width:100%}
img{display:block;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--fh);margin:0;line-height:1.25;color:var(--ink)}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
:focus-visible{outline:3px solid var(--snow);outline-offset:3px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--indigo);color:#fff;padding:10px 16px;z-index:200}
.skip:focus{top:12px}
.ico{width:20px;height:20px;flex:none}
[dir=rtl] .ico-dir{transform:scaleX(-1)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;padding:14px 26px;font:600 16px/1 var(--fh);text-decoration:none;border:2px solid transparent;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:background .25s,color .25s,transform .25s var(--ease);min-height:50px}
[dir=rtl] .btn{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.btn--pri{background:var(--indigo);color:#fff}
.btn--pri:hover{background:var(--indigo2);transform:translateY(-2px)}
.btn--ghost{background:transparent;color:var(--indigo);box-shadow:inset 0 0 0 2px var(--indigo)}
.btn--ghost:hover{background:var(--indigo);color:#fff}
.btn--wa{background:#1fa855;color:#fff}.btn--wa:hover{background:#178a45}
.btn--sm{padding:10px 18px;min-height:42px;font-size:14px}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;gap:28px;min-height:72px}
.brand img{height:44px;width:auto}
.nav{display:flex;gap:4px;margin-inline-start:auto}
.nav a{padding:8px 14px;text-decoration:none;font:500 15px var(--fh);color:var(--ink2);position:relative}
.nav a::after{content:"";position:absolute;inset-inline:14px;bottom:2px;height:2px;background:var(--indigo);transform:scaleX(0);transition:transform .3s var(--ease)}
.nav a:hover,.nav a.on{color:var(--indigo)}.nav a:hover::after,.nav a.on::after{transform:scaleX(1)}
.top__act{display:flex;align-items:center;gap:14px}
.lang{font:600 14px var(--fh);text-decoration:none;color:var(--indigo);padding:8px 12px;border:1px solid var(--line)}
.lang:hover{background:var(--ice2)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;position:relative}
.burger i{position:absolute;inset-inline:11px;height:2px;background:var(--indigo);transition:.3s}
.burger i:nth-child(1){top:14px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:28px}
.burger[aria-expanded=true] i:nth-child(1){top:21px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0}
.burger[aria-expanded=true] i:nth-child(3){top:21px;transform:rotate(-45deg)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--ice);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(120% 90% at 70% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(120% 90% at 70% 40%,#000 30%,transparent 80%)}
[dir=rtl] .hero::before{-webkit-mask-image:radial-gradient(120% 90% at 30% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(120% 90% at 30% 40%,#000 30%,transparent 80%)}
.hero__air{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero__grid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(40px,6vw,84px) clamp(48px,6vw,88px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px var(--fh);color:var(--indigo);letter-spacing:.04em;background:#fff;padding:7px 14px;border:1px solid var(--line)}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--snow);box-shadow:0 0 0 0 rgba(63,120,200,.6);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(63,120,200,0)}100%{box-shadow:0 0 0 0 rgba(63,120,200,0)}}
.hero h1{font-size:clamp(2.35rem,5.2vw,4.5rem);font-weight:700;letter-spacing:-.01em;margin:22px 0 20px;line-height:1.18}
[dir=rtl] .hero h1{line-height:1.35}
[lang=en] .hero h1{font-size:clamp(2.2rem,4.5vw,3.9rem)}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--indigo),var(--snow));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;white-space:nowrap}
.lead{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--ink2);max-width:56ch}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.flow4{display:flex;gap:0;margin-top:40px;max-width:520px;counter-reset:s}
.flow4 li{flex:1;position:relative;padding-top:20px;border-top:2px solid var(--indigo);display:flex;flex-direction:column}
.flow4 li::before{content:"";position:absolute;top:-6px;inset-inline-start:0;width:10px;height:10px;background:var(--indigo);transform:rotate(45deg)}
.flow4 b{font:500 12px var(--fm);color:var(--snow)}
.flow4 span{font:700 18px var(--fh);color:var(--ink)}
.flow4 small{font:500 11px var(--fm);color:var(--mute);letter-spacing:.08em;text-transform:uppercase}
.hero__fig{position:relative;margin:0;padding-block:16px;padding-inline:0 16px}
[dir=rtl] .hero__fig{padding-inline:16px 0}
.hero__frame{position:relative;aspect-ratio:4/3.2;overflow:hidden;background:var(--ice2);
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - 56px),calc(100% - 56px) 100%,0 100%,0 var(--c));box-shadow:0 30px 60px -30px rgba(27,32,112,.5)}
[dir=rtl] .hero__frame{clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,56px 100%,0 calc(100% - 56px))}
.hero__frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.hero__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,49,144,0) 55%,rgba(25,29,100,.35))}
.chip{position:absolute;inset-inline-start:-8px;bottom:-4px;background:#fff;padding:16px 22px 16px 22px;display:grid;gap:2px;border-inline-start:5px solid var(--warm);box-shadow:0 18px 40px -18px rgba(27,32,112,.5);max-width:250px}
.chip small{font:600 12px var(--fh);color:var(--mute)}
.chip b{font:700 34px/1.1 var(--fm);color:var(--indigo);letter-spacing:-.02em}
.chip b i{font:600 14px var(--fm);font-style:normal;margin-inline-start:6px;color:var(--snow)}
.chip span{font:500 13px var(--fh);color:var(--ink2)}
.reg{position:absolute;width:34px;height:34px;border:2px solid var(--indigo);opacity:.55;pointer-events:none}
.reg--a{top:0;inset-inline-end:-2px;border-inline-start:0;border-bottom:0}
.reg--b{bottom:-2px;inset-inline-start:-6px;border-inline-end:0;border-top:0}
[dir=rtl] .reg--a{border-inline-start:0}

/* ---------- stats ---------- */
.stats{background:#fff;border-block:1px solid var(--line)}
.stats ul{display:grid;grid-template-columns:repeat(4,1fr)}
.stats li{padding:30px 22px;border-inline-start:1px solid var(--line);display:grid;gap:4px}
.stats li:first-child{border-inline-start:0}
.stats b{font:700 clamp(2rem,4vw,3.1rem)/1 var(--fm);color:var(--indigo);letter-spacing:-.03em;text-align:start}
.stats span{font:500 14px/1.5 var(--fh);color:var(--ink2)}
[dir=rtl] .stats b{text-align:right}

/* ---------- section heads ---------- */
.sec{padding-block:clamp(64px,9vw,120px)}
.sh{max-width:760px;margin-bottom:clamp(30px,4vw,52px)}
.sh__k{display:inline-flex;align-items:center;gap:12px;font:600 13px var(--fh);color:var(--snow);letter-spacing:.08em;margin-bottom:14px}
.sh__k::before{content:"";width:34px;height:2px;background:var(--snow)}
.sh h2{font-size:clamp(1.7rem,3.6vw,2.8rem);font-weight:700}
[dir=rtl] .sh h2{line-height:1.4}
.sh__p{margin-top:16px;color:var(--ink2);font-size:1.06rem}
.sh--sm h2{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.sh--sm{margin-top:clamp(48px,6vw,80px)}

/* ---------- about ---------- */
.about{background:var(--ice)}
.about__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,84px);align-items:start}
.prose{display:grid;gap:16px;color:var(--ink2)}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.vm article{background:#fff;padding:22px 24px;border-top:4px solid var(--indigo);box-shadow:0 14px 30px -22px rgba(27,32,112,.4)}
.vm article:last-child{border-top-color:var(--taupe)}
.vm h3{font-size:1.05rem;margin-bottom:8px;color:var(--indigo)}
.vm p{font-size:.95rem;line-height:1.75;color:var(--ink2)}
.about__pics{position:relative;aspect-ratio:1/1.12}
.pic{position:absolute;margin:0;overflow:hidden;box-shadow:0 26px 50px -26px rgba(27,32,112,.55)}
.pic img{width:100%;height:100%;object-fit:cover}
.pic--a{inset-block-start:0;inset-inline-start:0;width:74%;height:64%;clip-path:polygon(var(--c) 0,100% 0,100% 100%,0 100%,0 var(--c))}
.pic--b{inset-block-end:0;inset-inline-end:0;width:66%;height:52%;border:8px solid var(--ice);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%)}
[dir=rtl] .pic--a{clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
[dir=rtl] .pic--b{clip-path:polygon(0 0,100% 0,100% 100%,var(--c) 100%,0 calc(100% - var(--c)))}

/* ---------- system explorer ---------- */
.sys{background:var(--ice2);position:relative;isolation:isolate}
.sys::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;opacity:.55}
.sys__grid{display:grid;grid-template-columns:1.7fr 1fr;gap:26px;align-items:start}
.sys__fig{margin:0;background:#fff;border:1px solid var(--line);padding:18px 18px 12px;box-shadow:0 30px 60px -40px rgba(27,32,112,.5)}
.sys__fig figcaption{font:500 12px var(--fm);color:var(--mute);padding-top:10px;letter-spacing:.04em;border-top:1px dashed var(--line);margin-top:6px}
.dia{display:block;width:100%;height:auto}
.dia .bld{fill:#fff;stroke:var(--indigo);stroke-width:3}
.dia .plant{fill:#e7eef9;stroke:var(--indigo);stroke-width:3}
.dia .slab{stroke:var(--indigo);stroke-width:2;fill:none}
.dia .ground{stroke:var(--indigo);stroke-width:3}
.dia .soil{fill:var(--mute)}
.dia .win{fill:#cfe6fb;stroke:var(--snow);stroke-width:1.5}
.dia .desk{stroke:var(--ink2);stroke-width:2;fill:none;opacity:.45}
.dia .riser{stroke:var(--indigo);stroke-width:2}
.dia .hatch{stroke:var(--snow);stroke-width:2;opacity:.35}
.dia .eq rect,.dia .eq circle{fill:#fff;stroke:var(--indigo);stroke-width:2.5}
.dia .eq path{fill:none;stroke:var(--indigo);stroke-width:2}
.dia .eq.duct rect{fill:#dbe9fb}
.dia .eq.bms .scr{fill:#bfe3ff}
.dia .louv{opacity:.6;stroke-width:1.6}
.dia .fan-ring{fill:#fff;stroke:var(--indigo);stroke-width:2}
.dia .fan{transform-box:fill-box;transform-origin:center;animation:spin 1.1s linear infinite}
.dia .fan path{fill:var(--snow);stroke:none}
@keyframes spin{to{transform:rotate(360deg)}}
.dia .pipe{fill:none;stroke-width:5;stroke-linecap:round}
.dia .br{fill:none;stroke-width:3;stroke-linecap:round}
.dia .sup{stroke:var(--snow)}.dia .ret{stroke:var(--warm)}.dia .cond{stroke:var(--taupe)}
.dia .flow{stroke-dasharray:9 13;animation:flow 1.5s linear infinite}
.dia .flow--rev{animation-direction:reverse}
@keyframes flow{to{stroke-dashoffset:-44}}
.dia .cass rect,.dia .conc rect{fill:#fff;stroke:var(--indigo);stroke-width:2.2}
.dia .conc path{stroke:var(--indigo);stroke-width:1.6;fill:none}
.dia .air{stroke:var(--frost);stroke-width:2.6;stroke-linecap:round;fill:none;stroke-dasharray:4 6;animation:air 1.1s linear infinite}
@keyframes air{to{stroke-dashoffset:-20}}
.dia .tool path{fill:var(--taupe);stroke:none}
.dia .lbl text{font:600 11px var(--fm);fill:var(--mute);letter-spacing:.06em}
.dia .lbl .rot{display:none}
.hs{cursor:pointer;outline:none}
.dia .lead{stroke:var(--indigo);stroke-width:2;stroke-dasharray:3 4;fill:none}
.hs__pulse{fill:var(--indigo);opacity:.22;transform-box:fill-box;transform-origin:center;animation:hsp 2.2s ease-out infinite}
@keyframes hsp{0%{transform:scale(.7);opacity:.4}100%{transform:scale(1.5);opacity:0}}
.hs__dot{fill:var(--indigo);stroke:#fff;stroke-width:3;transition:fill .2s}
.hs__n{font:700 15px var(--fh);fill:#fff;pointer-events:none}
.hs:hover .hs__dot,.hs.on .hs__dot{fill:var(--warm)}
.hs:focus-visible .hs__dot{stroke:var(--ink)}
.sys__nums{display:none;flex-wrap:wrap;gap:8px;margin-top:12px}
.sys__nums button{width:44px;height:44px;border:2px solid var(--indigo);background:#fff;color:var(--indigo);font:700 16px var(--fh)}
.sys__nums button.on{background:var(--indigo);color:#fff}
.sys__panel{background:#fff;border:1px solid var(--line);border-top:5px solid var(--indigo);padding:0;position:sticky;top:96px;min-height:320px;box-shadow:0 30px 60px -40px rgba(27,32,112,.5)}
.sys__hint{padding:26px;color:var(--mute);font:500 15px var(--fh)}
.sp img{width:100%;aspect-ratio:16/8;object-fit:cover}
.sp__b{padding:22px 24px 26px}
.sp__n{font:700 12px var(--fm);color:var(--warm);letter-spacing:.1em}
.sp h3{font-size:1.25rem;margin:6px 0 10px}
.sp p{color:var(--ink2);font-size:.98rem}
.sp small{display:block;margin-top:16px;font:600 12px var(--fh);color:var(--mute)}
.sp ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sp li a{display:inline-block;padding:6px 12px;background:var(--ice2);color:var(--indigo);text-decoration:none;font:600 13px var(--fh);border:1px solid var(--line)}
.sp li a:hover{background:var(--indigo);color:#fff}

/* ---------- services ---------- */
.svc__grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:clamp(30px,5vw,72px);align-items:start}
.svc__intro{position:sticky;top:100px}
.svc__pic{margin:30px 0 0;overflow:hidden;clip-path:polygon(var(--c) 0,100% 0,100% 100%,0 100%,0 var(--c));max-height:300px}
[dir=rtl] .svc__pic{clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.svc__pic img{width:100%;height:300px;object-fit:cover}
.svc__list{border-top:2px solid var(--ink)}
.spec{display:grid;grid-template-columns:78px 1fr auto;gap:20px;align-items:start;padding:22px 6px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s var(--ease)}
.spec:hover{background:var(--ice);padding-inline:16px}
.spec__n{font:700 38px/1 var(--fm);color:transparent;-webkit-text-stroke:1.5px var(--indigo);transition:color .25s}
.spec:hover .spec__n{color:var(--indigo)}
.spec h3{font-size:1.15rem;margin-bottom:6px}
.spec p{color:var(--ink2);font-size:.97rem;line-height:1.75}
.spec__tag{font:500 11px var(--fm);color:var(--snow);border:1px solid var(--snow);padding:4px 9px;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;margin-top:6px}

/* ---------- estimator ---------- */
.est{background:var(--indigo2);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.est::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px}
.est h2,.est .sh__p{color:#fff}.est .sh__p{opacity:.82}.est .sh__k{color:var(--frost)}.est .sh__k::before{background:var(--frost)}
.est__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,70px);align-items:center}
.est__card{background:#fff;color:var(--ink);padding:clamp(22px,3vw,36px);display:grid;gap:22px;clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
[dir=rtl] .est__card{clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)))}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend,.est__area label{font:600 14px var(--fh);color:var(--ink2);margin-bottom:10px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chipr input{position:absolute;opacity:0;pointer-events:none}
.chipr span{display:inline-block;padding:9px 16px;border:1.5px solid var(--line);background:var(--ice);font:500 14px var(--fh);cursor:pointer;transition:.2s}
.chipr input:checked+span{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.chipr input:focus-visible+span{outline:3px solid var(--snow);outline-offset:2px}
.est__area{display:grid;gap:12px}
.est__num{display:flex;align-items:baseline;gap:10px}
.est__num input{width:150px;font:700 28px var(--fm);border:0;border-bottom:3px solid var(--indigo);padding:2px 4px;background:transparent;color:var(--indigo)}
.est__num span{font:600 15px var(--fh);color:var(--mute)}
input[type=range]{width:100%;height:28px;appearance:none;-webkit-appearance:none;background:transparent}
input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,var(--indigo) var(--p,5%),var(--ice2) var(--p,5%))}
input[type=range]::-moz-range-track{height:6px;background:var(--ice2)}
input[type=range]::-moz-range-progress{height:6px;background:var(--indigo)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;background:#fff;border:4px solid var(--indigo);border-radius:50%}
input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#fff;border:4px solid var(--indigo);border-radius:50%}
.est__out{background:var(--ice);padding:22px 22px 20px;border-inline-start:5px solid var(--snow);display:grid;gap:10px}
.est__k{font:600 13px var(--fh);color:var(--mute)}
.est__tr{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.est__tr b{font:700 clamp(2.2rem,5vw,3.4rem)/1 var(--fm);color:var(--indigo);letter-spacing:-.04em}
.est__tr i{font:400 30px var(--fm);color:var(--mute);font-style:normal}
.est__tr span{font:600 15px var(--fh);color:var(--ink2);margin-inline-start:6px}
.est__sub{display:flex;gap:22px;flex-wrap:wrap;font:500 13px var(--fm);color:var(--mute)}
.est__sub b{color:var(--ink);font-weight:700}
.scale{position:relative;margin-top:12px;padding-bottom:6px}
.scale ol{display:grid;grid-template-columns:22fr 28fr 25fr 25fr;gap:3px}
.scale li{padding:8px 8px 8px;background:var(--ice2);border-top:4px solid var(--c0,var(--frost));display:grid;gap:0;min-height:62px}
.scale li:nth-child(1){--c0:#cfe6fb}.scale li:nth-child(2){--c0:var(--frost)}.scale li:nth-child(3){--c0:var(--snow)}.scale li:nth-child(4){--c0:var(--indigo)}
.scale li b{font:600 12px/1.3 var(--fh)}.scale li small{font:500 10.5px var(--fm);color:var(--mute)}
.scale__m{position:absolute;top:-8px;inset-inline-start:0;width:0;height:0;border-inline:8px solid transparent;border-top:12px solid var(--warm);transform:translateX(-8px);transition:inset-inline-start .35s var(--ease)}
[dir=rtl] .scale__m{transform:translateX(8px)}
.est__sys{display:grid;gap:2px;margin-top:6px}.est__sys small{font:600 12px var(--fh);color:var(--mute)}.est__sys b{font:700 1.08rem var(--fh);color:var(--indigo)}
.est__note{font-size:.88rem;color:var(--mute);line-height:1.7}

/* ---------- projects ---------- */
.proj{background:var(--ice)}
.tabs{display:flex;gap:0;margin-bottom:22px;border-bottom:2px solid var(--line)}
.tabs__b{background:transparent;border:0;padding:14px 26px;font:600 16px var(--fh);color:var(--mute);position:relative;display:inline-flex;gap:10px;align-items:center}
.tabs__b small{font:600 12px var(--fm);background:var(--ice2);padding:2px 8px;color:var(--indigo)}
.tabs__b[aria-selected=true]{color:var(--indigo)}
.tabs__b[aria-selected=true]::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:4px;background:var(--indigo)}
.filters{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-bottom:22px}
.seg{display:inline-flex;border:1.5px solid var(--indigo)}
.seg__b{padding:9px 20px;border:0;background:#fff;font:600 14px var(--fh);color:var(--indigo);border-inline-start:1px solid var(--line)}
.seg__b:first-child{border-inline-start:0}
.seg__b[aria-pressed=true]{background:var(--indigo);color:#fff}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tag__b{padding:7px 14px;border:1.5px solid var(--line);background:#fff;font:500 13.5px var(--fh);color:var(--ink2)}
.tag__b[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.filters__n{margin-inline-start:auto;font:600 13px var(--fm);color:var(--mute)}
.sort{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--fh);color:var(--mute)}
.sort select{padding:8px 12px;border:1.5px solid var(--line);background:#fff;font:500 14px var(--fh)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.pc[hidden]{display:none}
.pc__b{display:block;position:relative;width:100%;aspect-ratio:4/3.1;border:0;padding:0;overflow:hidden;background:var(--ice2);text-align:start;
  clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
[dir=rtl] .pc__b{clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)))}
.pc__b img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pc__b::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(16,20,67,.9))}
.pc__b:hover img{transform:scale(1.07)}
.pc__t{position:absolute;inset-inline:14px;bottom:12px;z-index:2;color:#fff;display:grid;gap:1px}
.pc__t em{font:500 11px var(--fm);font-style:normal;color:var(--frost);letter-spacing:.1em}
.pc__t b{font:700 15.5px/1.35 var(--fh)}
.pc__t small{font:500 12.5px var(--fb);opacity:.88}
.pc__m{margin-top:4px;font:600 12px var(--fh);color:#fff;background:rgba(240,128,64,.92);padding:2px 8px;justify-self:start}
.pc__ty{position:absolute;top:12px;inset-inline-start:12px;z-index:2;background:#fff;color:var(--indigo);font:600 11.5px var(--fh);padding:3px 10px}
.empty{padding:30px;text-align:center;color:var(--mute)}
.note{margin-top:18px;font:500 12.5px var(--fm);color:var(--mute)}
.rec{background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -44px rgba(27,32,112,.5)}
.rec__h,.rec__r{display:grid;grid-template-columns:48px 2.3fr 1.5fr 1.25fr 1.5fr 1.2fr;gap:14px;align-items:center;padding:14px 18px}
.rec__h{background:var(--indigo2);color:#fff;font:600 12.5px var(--fh);letter-spacing:.05em;position:sticky;top:72px;z-index:3}
.rec__r{border-top:1px solid var(--line);transition:background .2s}
.rec__r:hover{background:var(--ice)}
.rec__r[hidden]{display:none}
.rec__n{font:600 12px var(--fm);color:var(--mute)}
.rec__p b{font:600 15px/1.45 var(--fh);display:block}
.rec__p small{display:block;font-size:12.5px;color:var(--mute);line-height:1.5;margin-top:2px}
.rec__s{display:grid;gap:3px;justify-items:start}
.rec__s small{font-size:12px;color:var(--mute)}
.sys{display:inline-block;padding:3px 10px;font:600 12.5px var(--fh);background:rgba(43,49,144,.1);color:var(--indigo)}
.sys--vrf{background:rgba(63,120,200,.14);color:#1d54a0}.sys--duct{background:rgba(91,75,67,.14);color:var(--taupe)}
.sys--dx{background:rgba(106,79,179,.14);color:#5436a0}.sys--air{background:rgba(23,138,138,.14);color:#0f6b6b}
.sys--maint{background:rgba(46,139,87,.14);color:#1f6b40}.sys--cold{background:rgba(30,136,199,.14);color:#0d6aa0}
.rec__t{display:grid;gap:6px}.rec__v{display:flex;align-items:baseline;gap:6px}
.rec__t b{font:700 18px var(--fm);color:var(--indigo)}.rec__t small{font:600 11.5px var(--fm);color:var(--mute)}
.bar{display:block;height:5px;background:var(--ice2)}.bar u{display:block;height:100%;background:linear-gradient(90deg,var(--snow),var(--indigo));transition:width .8s var(--ease)}
.rec__l{font-size:14px;color:var(--ink2);line-height:1.5}
.rec__c{font:500 13px var(--fh);color:var(--ink2)}
.by{display:inline-block;background:var(--ink);color:#fff;padding:3px 10px;font:600 12px var(--fh)}
.mute{color:var(--mute)}

/* ---------- values / why ---------- */
.values{background:#fff}
.vals{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.vals li{background:#fff;padding:28px 24px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line)}
.vals li:last-child{grid-column:span 2;background:var(--ice)}
.vals svg{width:34px;height:34px;fill:none;stroke:var(--indigo);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
.vals h3{font-size:1.08rem;margin-bottom:8px}
.vals p{font-size:.95rem;color:var(--ink2);line-height:1.75}
.why__g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why__c{background:var(--ice);padding:26px 24px;border-top:4px solid var(--indigo)}
.why__c:nth-child(2){border-top-color:var(--snow)}.why__c:nth-child(3){border-top-color:var(--taupe)}.why__c:nth-child(4){border-top-color:var(--warm)}
.why__c b{font:700 13px var(--fm);color:var(--mute)}
.why__c h3{font-size:1.12rem;margin:8px 0 12px}
.why__c li{position:relative;padding-inline-start:20px;margin-top:8px;color:var(--ink2);font-size:.96rem;line-height:1.7}
.why__c li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:8px;height:8px;background:var(--snow);transform:rotate(45deg)}

/* ---------- clients ---------- */
.cl{background:var(--ice);padding-bottom:clamp(64px,9vw,110px)}
.cl .sh{margin-bottom:26px}
.mq{overflow:hidden;padding-block:8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq__t{display:flex;gap:16px;width:max-content;animation:mq 70s linear infinite}
[dir=rtl] .mq__t{animation-name:mqr}
.mq:hover .mq__t{animation-play-state:paused}
.mq__t li{flex:none;width:170px;height:84px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:12px 18px}
.mq__t img{max-height:50px;width:auto;max-width:100%;object-fit:contain}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes mqr{to{transform:translateX(50%)}}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.cgrid li{background:#fff;height:96px;display:grid;place-items:center;padding:14px 18px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line)}
.cgrid img{max-height:60px;width:auto;max-width:100%;object-fit:contain}

/* ---------- safety ---------- */
.saf{background:var(--taupe);color:#fff;position:relative;isolation:isolate}
.saf::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 22px)}
.saf h2,.saf .sh__p{color:#fff}.saf .sh__p{opacity:.85}.saf .sh__k{color:#f3d9c8}.saf .sh__k::before{background:#f3d9c8}
.saf__g{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}
.saf__g article{background:var(--taupe);padding:28px 24px}
.saf__g b{font:700 40px/1 var(--fm);color:transparent;-webkit-text-stroke:1.5px #f3d9c8}
.saf__g h3{color:#fff;font-size:1.1rem;margin:14px 0 10px}
.saf__g p{font-size:.94rem;line-height:1.8;opacity:.9}

/* ---------- contact ---------- */
.con{background:var(--ice)}
.con__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);align-items:start}
.cl-list{display:grid;gap:4px}
.cl-list li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.cl-list .ico{color:var(--indigo);margin-top:3px}
.cl-list small{display:block;font:600 12px var(--fh);color:var(--mute)}
.cl-list a{display:block;text-decoration:none;font:600 1.05rem var(--fh);color:var(--ink)}
.cl-list a:hover{color:var(--indigo)}
.cl-list .more{font-size:.92rem;color:var(--snow);margin-top:6px}
.con__form{background:#fff;padding:clamp(22px,3vw,36px);display:grid;gap:16px;box-shadow:0 30px 60px -40px rgba(27,32,112,.5);border-top:5px solid var(--indigo)}
.con__form label{display:grid;gap:6px;font:600 14px var(--fh);color:var(--ink2)}
.con__form input,.con__form select,.con__form textarea{padding:12px 14px;border:1.5px solid var(--line);background:var(--ice);font:400 16px var(--fb);color:var(--ink);width:100%}
.con__form input:focus,.con__form select:focus,.con__form textarea:focus{outline:0;border-color:var(--indigo);background:#fff}
.form__err{color:#b3261e;font-weight:600;font-size:14px}
.form__hint{font-size:13px;color:var(--mute)}

/* ---------- map ---------- */
.map{margin-top:clamp(34px,5vw,60px)}
.map__f{position:relative;aspect-ratio:16/6;min-height:320px;background:var(--ice2);border:1px solid var(--line);border-top:5px solid var(--indigo);box-shadow:0 30px 60px -44px rgba(27,32,112,.5)}
.map__f iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.map__c{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;color:var(--ink2);font:500 15px var(--fh)}
.map__c .ico{color:var(--indigo)}
.map__c a{margin-inline-start:auto;color:var(--snow);font-weight:600;text-decoration:none}.map__c a:hover{text-decoration:underline}

/* ---------- footer ---------- */
.ftr{background:var(--indigo2);color:#fff;padding-top:60px}
.ftr__grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:40px;padding-bottom:40px}
.ftr__brand img{width:230px;height:auto;margin-bottom:16px}
.ftr__brand p{opacity:.78;max-width:42ch;font-size:.95rem}
.ftr h2{font:600 14px var(--fh);color:var(--frost);margin-bottom:14px;letter-spacing:.05em}
.ftr li{margin-bottom:8px}.ftr a{text-decoration:none;opacity:.9}.ftr a:hover{opacity:1;text-decoration:underline}
.ftr__bar{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.18);padding-block:20px;font-size:13.5px;opacity:.85}
.credit a{color:var(--frost);font-weight:700}
.wa-fab{position:fixed;inset-inline-end:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#1fa855;color:#fff;display:grid;place-items:center;z-index:90;box-shadow:0 12px 28px -8px rgba(0,0,0,.5);transition:transform .25s var(--ease)}
.wa-fab:hover{transform:scale(1.08)}.wa-fab .ico{width:30px;height:30px}

/* ---------- lightbox ---------- */
.lb{position:fixed;inset:0;z-index:300;background:rgba(10,13,50,.97);display:grid;place-items:center;padding:20px}
.lb[hidden]{display:none}
.lb__fig{margin:0;max-width:min(860px,92vw);display:grid;gap:12px;justify-items:center}
.lb__fig img{max-height:68vh;width:auto;max-width:100%;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb__fig figcaption{color:#fff;text-align:center;display:grid;gap:4px}
.lb__fig b{font:700 1.15rem var(--fh)}.lb__fig span{font-size:.95rem;opacity:.85}#lb-m{color:var(--frost);font:600 .9rem var(--fh);white-space:pre-line}
.lb__x,.lb__nav{position:absolute;width:52px;height:52px;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center}
.lb__x:hover,.lb__nav:hover{background:#fff;color:var(--indigo)}
.lb__x{top:18px;inset-inline-end:18px}
.lb__nav{top:50%;margin-top:-26px}
.lb__prev{inset-inline-start:18px}.lb__next{inset-inline-end:18px}
.lb__prev .ico{transform:scaleX(-1)}[dir=rtl] .lb__prev .ico{transform:none}[dir=rtl] .lb__next .ico{transform:scaleX(-1)}

/* ---------- reveal ---------- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .rv.is-in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .nav a{padding:8px 9px;font-size:14px}.top__in{gap:14px}
  .why__g,.saf__g,.vals{grid-template-columns:repeat(2,1fr)}
  .rec__h,.rec__r{grid-template-columns:40px 2fr 1.4fr 1.1fr 1.3fr 1.1fr;gap:10px}
}
@media (max-width:980px){
  .burger{display:block}
  .nav{position:absolute;inset-inline:0;top:100%;background:#fff;flex-direction:column;padding:10px 20px 18px;border-bottom:1px solid var(--line);display:none;gap:0}
  .nav.open{display:flex}.nav a{padding:14px 4px;border-bottom:1px solid var(--line);font-size:16px}.nav a::after{display:none}
  .top__act{margin-inline-start:auto}
  .hero__grid,.about__grid,.sys__grid,.svc__grid,.est__grid,.con__grid{grid-template-columns:minmax(0,1fr)}
  .est__card,.est__card>*,.est__grid>*,.con__grid>*,.sys__grid>*{min-width:0}
  .svc__intro,.sys__panel{position:static}
  .hero__fig{order:-1;padding-inline:0}
  .hero__frame{aspect-ratio:16/11}
  .about__pics{aspect-ratio:1/.8;max-width:640px}
  .stats ul{grid-template-columns:repeat(2,1fr)}.stats li:nth-child(3){border-inline-start:0}.stats li:nth-child(n+3){border-top:1px solid var(--line)}
  .sys__nums{display:flex}
  .svc__pic{display:none}
  .ftr__grid{grid-template-columns:1fr 1fr}.ftr__brand{grid-column:1/-1}
}
@media (max-width:760px){
  body{font-size:16px}
  .rec__h{display:none}
  .rec__r{grid-template-columns:36px 1fr;gap:6px 10px;padding:16px 14px}
  .rec__r>div:not(.rec__p){grid-column:2}
  .rec__s,.rec__t,.rec__l,.rec__c{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
  .rec__t{display:flex}.rec__t .bar{flex:1 0 100%}
  .rec__s::before,.rec__t::before,.rec__l::before,.rec__c::before{content:attr(data-l);font:600 11px var(--fh);color:var(--mute);min-width:62px}
  .vm{grid-template-columns:1fr}
  .spec{grid-template-columns:52px 1fr;gap:12px}.spec__n{font-size:28px}.spec__tag{display:none}
  .tabs__b{padding:12px 16px;font-size:15px;flex:1;justify-content:center}
  .filters__n{margin-inline-start:0;flex-basis:100%}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:12px}
  .pc__t b{font-size:13.5px}.pc__t small{font-size:11.5px}.pc__m{font-size:11px}
  .why__g,.saf__g,.vals{grid-template-columns:1fr}.vals li:last-child{grid-column:auto}
  .flow4 span{font-size:15px}
  .chip{position:relative;inset-inline-start:0;margin-top:-30px;margin-inline-start:12px}
}
@media (max-width:480px){
  .map__f{aspect-ratio:4/3.4;min-height:300px}
  .wrap{width:calc(100% - 32px)}
  .top__act .btn{display:none}
  .pgrid{grid-template-columns:1fr}
  .est__num input{width:120px}
  .ftr__grid{grid-template-columns:1fr}
  .scale li small{display:none}.scale li{min-height:48px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;transform:none}
  .mq__t{animation:none!important;overflow-x:auto}
}

/* capacity bar widths (classes, because the site CSP forbids inline style attributes) */
.bw0{width:0%}.bw1{width:1%}.bw2{width:2%}.bw3{width:3%}.bw4{width:4%}.bw5{width:5%}.bw6{width:6%}.bw7{width:7%}.bw8{width:8%}.bw9{width:9%}.bw10{width:10%}.bw11{width:11%}.bw12{width:12%}.bw13{width:13%}.bw14{width:14%}.bw15{width:15%}.bw16{width:16%}.bw17{width:17%}.bw18{width:18%}.bw19{width:19%}.bw20{width:20%}.bw21{width:21%}.bw22{width:22%}.bw23{width:23%}.bw24{width:24%}.bw25{width:25%}.bw26{width:26%}.bw27{width:27%}.bw28{width:28%}.bw29{width:29%}.bw30{width:30%}.bw31{width:31%}.bw32{width:32%}.bw33{width:33%}.bw34{width:34%}.bw35{width:35%}.bw36{width:36%}.bw37{width:37%}.bw38{width:38%}.bw39{width:39%}.bw40{width:40%}.bw41{width:41%}.bw42{width:42%}.bw43{width:43%}.bw44{width:44%}.bw45{width:45%}.bw46{width:46%}.bw47{width:47%}.bw48{width:48%}.bw49{width:49%}.bw50{width:50%}.bw51{width:51%}.bw52{width:52%}.bw53{width:53%}.bw54{width:54%}.bw55{width:55%}.bw56{width:56%}.bw57{width:57%}.bw58{width:58%}.bw59{width:59%}.bw60{width:60%}.bw61{width:61%}.bw62{width:62%}.bw63{width:63%}.bw64{width:64%}.bw65{width:65%}.bw66{width:66%}.bw67{width:67%}.bw68{width:68%}.bw69{width:69%}.bw70{width:70%}.bw71{width:71%}.bw72{width:72%}.bw73{width:73%}.bw74{width:74%}.bw75{width:75%}.bw76{width:76%}.bw77{width:77%}.bw78{width:78%}.bw79{width:79%}.bw80{width:80%}.bw81{width:81%}.bw82{width:82%}.bw83{width:83%}.bw84{width:84%}.bw85{width:85%}.bw86{width:86%}.bw87{width:87%}.bw88{width:88%}.bw89{width:89%}.bw90{width:90%}.bw91{width:91%}.bw92{width:92%}.bw93{width:93%}.bw94{width:94%}.bw95{width:95%}.bw96{width:96%}.bw97{width:97%}.bw98{width:98%}.bw99{width:99%}.bw100{width:100%}