:root{--canvas:#07151c;--panel:#102630;--accent:#56d8e6;--accent-hover:#8cebf3;--accent-muted:#1f6570;--text-secondary:#a9c1c8;--text-primary:#f1f7f7;--heat:#d8814d;--line:rgba(190,226,230,.16);--p:0;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;overflow-x:clip}a{color:inherit}.skip{position:fixed;z-index:99;top:8px;left:8px;transform:translateY(-150%);padding:12px 16px;background:var(--accent);color:#062027;border-radius:999px}.skip:focus{transform:none}.nav{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,64px);background:linear-gradient(#07151ce6,transparent);pointer-events:none}.nav>*{pointer-events:auto}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;text-transform:uppercase;font-weight:800;line-height:.9;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--accent-muted);border-radius:50%;color:var(--accent);font-size:26px}.nav nav{display:flex;gap:28px;align-items:center}.nav nav>a{text-decoration:none;font-size:14px}.nav-cta{padding:12px 18px;border:1px solid var(--accent-muted);border-radius:999px}.menu-btn{display:none}.hero{height:360vh;position:relative;background:linear-gradient(180deg,#69361f 0%,#132a33 58%,#07151c 100%)}.hero-sticky{position:sticky;top:0;height:100vh;min-height:600px;overflow:hidden;isolation:isolate;background:linear-gradient(140deg,color-mix(in srgb,var(--heat) calc((1 - var(--p))*42%),#07151c),color-mix(in srgb,var(--accent) calc(var(--p)*18%),#07151c) 70%)}.hero-sticky:after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,#061218d9 0%,transparent 52%,#07151c66),linear-gradient(0deg,#07151c 0%,transparent 38%);pointer-events:none}.heat-field{position:absolute;inset:0;opacity:calc(1 - var(--p));filter:blur(calc(var(--p)*8px));transition:opacity .08s}.heat-field i{position:absolute;bottom:-10%;width:2px;height:70%;background:linear-gradient(transparent,var(--heat),transparent);left:calc(8% + var(--n,0)*16%);transform:translateY(calc(var(--p)*-45vh)) skewX(-8deg);animation:heat 2.4s ease-in-out infinite alternate}.heat-field i:nth-child(1){--n:0}.heat-field i:nth-child(2){--n:1;animation-delay:-.4s}.heat-field i:nth-child(3){--n:2;animation-delay:-.8s}.heat-field i:nth-child(4){--n:3;animation-delay:-1.2s}.heat-field i:nth-child(5){--n:4;animation-delay:-1.6s}.heat-field i:nth-child(6){--n:5;animation-delay:-2s}@keyframes heat{to{translate:12px 0;opacity:.35}}.city{position:absolute;inset:auto 0 0;height:42%;display:flex;align-items:flex-end;gap:1.5vw;padding:0 6%;opacity:calc(.7 - var(--p)*.5);transform:translateY(calc(var(--p)*16vh))}.city b{display:block;width:12%;height:var(--h);background:linear-gradient(90deg,#0d2630,#1c414b);clip-path:polygon(10% 12%,45% 12%,50% 0,55% 12%,90% 12%,100% 100%,0 100%)}.city b:nth-child(1){--h:38%}.city b:nth-child(2){--h:64%}.city b:nth-child(3){--h:88%}.city b:nth-child(4){--h:55%}.city b:nth-child(5){--h:75%}.city b:nth-child(6){--h:45%}.machine{position:absolute;z-index:3;right:clamp(-80px,7vw,120px);top:50%;width:min(46vw,620px);aspect-ratio:1.15;transform:translateY(-50%) scale(calc(.82 + var(--p)*.18));border:1px solid color-mix(in srgb,var(--accent) calc(var(--p)*55%),#8b6f5f);border-radius:28px;background:linear-gradient(145deg,#13262b,#071115);box-shadow:0 42px 100px #0008,inset 0 0 60px #0008}.machine-grid{position:absolute;inset:5%;border-radius:18px;background:repeating-linear-gradient(0deg,transparent 0 11px,#87a1a322 12px 13px),repeating-linear-gradient(90deg,transparent 0 11px,#87a1a322 12px 13px)}.fan,.mini-fan{position:absolute;inset:15%;border:2px solid color-mix(in srgb,var(--accent) calc(var(--p)*80%),var(--heat));border-radius:50%;animation:spin calc(5s - var(--p)*4.4s) linear infinite}.fan i,.mini-fan i{position:absolute;left:46%;top:4%;width:10%;height:43%;border-radius:80% 20% 65% 35%;transform-origin:50% 107%;background:linear-gradient(var(--accent-muted),#0b1c22)}.fan i:nth-child(2),.mini-fan i:nth-child(2){transform:rotate(90deg)}.fan i:nth-child(3),.mini-fan i:nth-child(3){transform:rotate(180deg)}.fan i:nth-child(4){transform:rotate(270deg)}.fan span,.mini-fan span{position:absolute;inset:42%;border-radius:50%;background:var(--accent);box-shadow:0 0 32px var(--accent)}@keyframes spin{to{rotate:1turn}}.airflow{position:absolute;z-index:2;right:8%;top:25%;width:70%;height:50%;opacity:calc((var(--p) - .3)*1.8);transform:translateX(calc((1 - var(--p))*38%));filter:blur(2px)}.airflow i{position:absolute;right:0;width:100%;height:2px;top:calc(28% + var(--n)*18%);background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 24px var(--accent)}.airflow i:nth-child(1){--n:0}.airflow i:nth-child(2){--n:1}.airflow i:nth-child(3){--n:2}.hero-copy{position:absolute;z-index:6;left:clamp(22px,7vw,120px);top:50%;width:min(64vw,980px);transform:translateY(-50%)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:12px;font-weight:700}.hero h1{margin:.22em 0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(58px,10.2vw,164px);line-height:.82;letter-spacing:-.075em;max-width:7ch}.hero h1 span{display:inline-block}.word-dubai{transform:translateX(calc((1 - var(--p))*-24vw))}.word-heat{transform:translateX(calc((.5 - var(--p))*18vw)) scale(calc(1.15 - var(--p)*.15));color:color-mix(in srgb,var(--heat) calc((1 - var(--p))*100%),var(--text-primary))}.word-fixed{transform:translateX(calc((1 - var(--p))*36vw));opacity:clamp(0,calc((var(--p) - .42)*3),1);color:var(--accent)}.hero-sub{max-width:42ch;color:var(--text-secondary);font-size:clamp(17px,2vw,22px);line-height:1.5}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;margin-top:20px;padding:13px 22px;border-radius:999px;background:var(--accent);color:#062027;text-decoration:none;font-weight:800;box-shadow:0 10px 40px #56d8e633;transition:background .25s,transform .25s}.button:hover{background:var(--accent-hover)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.scroll-note{position:absolute;z-index:6;right:28px;bottom:30px;color:var(--text-secondary);font-size:12px;writing-mode:vertical-rl}.section{padding:clamp(84px,12vw,170px) clamp(20px,7vw,120px);scroll-margin-top:92px}.section-head{max-width:840px;margin-bottom:clamp(42px,7vw,90px)}h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(46px,7vw,108px);line-height:.94;letter-spacing:-.055em;margin:.18em 0}h3{font-size:clamp(22px,2.4vw,34px);margin:.2em 0}.section-head>p:last-child{color:var(--text-secondary);font-size:19px;line-height:1.6;max-width:55ch}.diagnostic{background:#091a22}.diagnostic-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}.symptoms{display:grid;gap:10px}.symptoms button{min-height:64px;text-align:left;padding:14px 20px;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--text-primary);font:700 18px Arial;cursor:pointer;transition:.25s}.symptoms button:hover,.symptoms button.is-active{border-color:var(--accent);background:#56d8e611;transform:translateX(8px)}.diagnostic-result{position:relative;overflow:hidden;min-height:390px;padding:clamp(26px,5vw,64px);border-radius:28px;background:linear-gradient(145deg,#14323d,#0b1e26);border:1px solid var(--line)}.diagnostic-result>*{position:relative;z-index:2}.diagnostic-result .mini-fan{z-index:0;inset:auto -10% -25% auto;width:320px;height:320px;opacity:.24}.diagnostic-result .mini-fan i{position:absolute}.button.is-disabled{opacity:.45;pointer-events:none}.services{background:#d9e7e7;color:#092029}.services .eyebrow{color:#17616b}.service-list{border-top:1px solid #09202944}.service-list article{display:grid;grid-template-columns:70px minmax(220px,1fr) minmax(260px,.8fr);align-items:baseline;gap:24px;padding:28px 0;border-bottom:1px solid #09202944}.service-list article>span{font-size:12px}.service-list h3{font-family:"Arial Black",Arial,sans-serif}.service-list p{color:#36535a;line-height:1.5}.method{position:relative;min-height:100vh;display:grid;align-content:center;background:#07151c;color:var(--text-primary)}.method ol{list-style:none;margin:60px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.method li{display:grid;gap:70px;padding:30px;background:var(--canvas);font-size:20px}.method li b{color:var(--accent);font-size:12px}.contact{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;background:linear-gradient(135deg,#11313b,#07151c)}address{display:grid;gap:18px;font-style:normal;color:var(--text-secondary);line-height:1.6}address a{font-size:18px}.contact h2{max-width:10ch}footer{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:50px clamp(20px,7vw,120px);border-top:1px solid var(--line);color:var(--text-secondary)}footer .brand{color:var(--text-primary)}footer p{grid-column:1}footer small{grid-column:2;grid-row:1/3;align-self:end}
@media(max-width:800px){.nav{padding:14px 18px}.menu-btn{display:block;min-width:64px;min-height:44px;border:1px solid var(--accent-muted);border-radius:999px;background:#07151ccc;color:var(--text-primary)}.nav nav{position:fixed;inset:0;display:grid;place-content:center;gap:26px;background:#07151cf5;opacity:0;visibility:hidden;transition:.25s}.nav nav.is-open{opacity:1;visibility:visible}.nav nav a{font-size:24px;text-align:center}.nav-cta{font-size:15px!important}.hero{height:330vh}.hero-sticky{min-height:560px}.machine{width:76vw;right:-34vw;top:52%}.hero-copy{left:20px;top:48%;width:88vw}.hero h1{font-size:clamp(58px,20vw,92px);max-width:5ch}.hero h1 span{display:block}.word-heat{transform:translateX(calc((.55 - var(--p))*12vw))}.word-fixed{transform:translateX(calc((1 - var(--p))*28vw))}.hero-sub{max-width:26ch}.scroll-note{display:none}.diagnostic-layout,.contact{grid-template-columns:1fr}.service-list article{grid-template-columns:42px 1fr;gap:14px}.service-list p{grid-column:2;margin-top:0}.method ol{grid-template-columns:1fr}.method li{gap:36px}.contact{align-items:start}footer{grid-template-columns:1fr}footer small{grid-column:1;grid-row:auto}.brand-mark{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heat-field,.scroll-note{display:none}.fan,.mini-fan{animation:none}.word-dubai,.word-heat,.word-fixed{transform:none;opacity:1}.airflow{opacity:.55;transform:none}.machine{transform:translateY(-50%)}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.word-dubai{transform:translateX(calc((1 - var(--p))*-5vw))}
@media(max-width:800px){.machine{right:-26vw}}
@media(prefers-reduced-motion:reduce){.word-dubai{transform:none}}

/* Keep the fixed mobile header visually separate from the moving hero copy. */
@media(max-width:800px){
  .nav{
    background:rgba(7,21,28,.96);
    border-bottom:1px solid var(--line);
    box-shadow:0 12px 32px rgba(0,0,0,.18);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  .brand{min-width:0}
  .brand>span:last-child{font-size:clamp(15px,4.5vw,18px);line-height:.9}
}
.contact.contact-single{display:block}