:root{
  --qa-ink:#071d39;
  --qa-soft:#597087;
  --qa-blue:#0878ed;
  --qa-blue-dark:#0367cc;
  --qa-line:#d8e5f0;
  --qa-pale:#f3f8fd;
  --qa-navy:#031c39;
  --qa-shell:min(1380px,calc(100vw - 48px));
}
.qa-page{overflow:clip;background:#fff;color:var(--qa-ink)}
.qa-shell{width:var(--qa-shell);margin-inline:auto}
.qa-page *{box-sizing:border-box}
.qa-page a:focus-visible,.qa-page button:focus-visible,.qa-page input:focus-visible,.qa-page summary:focus-visible{outline:3px solid rgba(8,120,237,.38);outline-offset:3px}
.qa-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.qa-hero{
  position:relative;
  min-height:565px;
  border-bottom:1px solid var(--qa-line);
  background:
    radial-gradient(circle at 86% 20%,rgba(72,168,244,.11),transparent 28%),
    linear-gradient(180deg,#fbfdff 0%,#f4f9fe 100%);
}
.qa-hero-inner{position:relative;min-height:565px;padding:48px 0 58px}
.qa-breadcrumbs{display:flex;align-items:center;gap:8px;color:#72869a;font-size:.8rem;font-weight:650}
.qa-breadcrumbs a{color:#60758a;text-decoration:none}
.qa-breadcrumbs a:hover{color:var(--qa-blue)}
.qa-breadcrumbs svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.qa-hero-copy{position:relative;z-index:2;width:min(690px,55%);padding-top:48px}
.qa-kicker{margin:0 0 14px;color:var(--qa-blue);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.qa-hero h1{max-width:720px;margin:0;color:var(--qa-ink);font-size:clamp(3.25rem,5.25vw,5.65rem);line-height:.94;letter-spacing:-.062em}
.qa-lead{max-width:630px;margin:24px 0 0;color:#50677f;font-size:clamp(1rem,1.25vw,1.17rem);line-height:1.65}
.qa-search{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 38px;
  align-items:center;
  gap:12px;
  width:min(650px,100%);
  min-height:64px;
  margin-top:34px;
  padding:0 12px 0 21px;
  border:1px solid #c7d9e8;
  border-radius:15px;
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 38px rgba(14,61,103,.07);
  transition:border-color .18s,box-shadow .18s;
}
.qa-search:focus-within{border-color:#76b9ef;box-shadow:0 0 0 4px rgba(8,120,237,.08),0 18px 42px rgba(14,61,103,.09)}
.qa-search>svg{width:22px;height:22px;fill:none;stroke:#0a6dcb;stroke-width:2;stroke-linecap:round}
.qa-search input{min-width:0;height:62px;border:0;outline:0;background:transparent;color:var(--qa-ink);font:inherit;font-size:1rem}
.qa-search input::placeholder{color:#8293a4}
.qa-search button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#eef6fd;color:#0a6dcb;cursor:pointer}
.qa-search button[hidden]{display:none}
.qa-search button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.qa-hero-meta{display:flex;align-items:center;gap:24px;margin-top:18px;color:#72869a;font-size:.76rem;font-weight:650}
.qa-hero-meta span{display:flex;align-items:center;gap:6px}
.qa-hero-meta span+span::before{content:'';width:4px;height:4px;margin-right:12px;border-radius:50%;background:#56adf1}
.qa-hero-meta b{color:var(--qa-ink);font-size:.92rem}
.qa-hero-air{position:absolute;z-index:1;top:40px;right:-7vw;width:min(760px,58vw);height:490px;pointer-events:none}
.qa-hero-air>img{position:absolute;right:-1%;bottom:-2%;width:112%;height:auto;opacity:.58;mix-blend-mode:multiply;transform:rotate(-3deg)}
.qa-unit{
  position:absolute;
  top:49px;
  right:6%;
  width:min(430px,60%);
  aspect-ratio:3.5/1;
  border:1px solid rgba(150,173,194,.5);
  border-radius:20px 20px 12px 12px;
  background:linear-gradient(155deg,#fff 10%,#f8fbfe 58%,#dce8f1 100%);
  box-shadow:0 22px 44px rgba(22,52,82,.17),inset 0 -7px 13px rgba(119,151,180,.1);
  transform:perspective(900px) rotateY(-6deg);
}
.qa-unit::before{content:'';position:absolute;left:4%;right:4%;bottom:15%;height:1px;background:#c7d5e1}
.qa-unit-mark{position:absolute;left:47%;top:37%;color:#9cabb8;font-size:.56rem;font-weight:800;letter-spacing:.12em}
.qa-unit-vent{position:absolute;left:5%;right:5%;bottom:4%;height:11%;border-radius:2px 2px 8px 8px;background:linear-gradient(180deg,#4d6175,#172d43)}

.qa-directory{padding:0 0 86px;background:linear-gradient(180deg,#f7fbff 0,#fff 310px)}
.qa-tabs-wrap{
  position:sticky;
  z-index:20;
  top:10px;
  padding-top:8px;
  background:linear-gradient(180deg,#f7fbff 78%,rgba(247,251,255,0));
}
.qa-tabs{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:58px;
  padding:5px;
  border:1px solid var(--qa-line);
  border-radius:15px;
  background:rgba(255,255,255,.985);
  box-shadow:0 12px 30px rgba(10,52,90,.08);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
.qa-tabs button{
  position:relative;
  min-height:44px;
  padding:0 20px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#40566c;
  font:inherit;
  font-size:.83rem;
  font-weight:780;
  white-space:nowrap;
  cursor:pointer;
  transition:color .18s,background .18s;
}
.qa-tabs button:hover{color:var(--qa-blue);background:#f5faff}
.qa-tabs button.is-active{color:#076fd4;background:#eaf5ff}
.qa-tabs button.is-active::after{content:'';position:absolute;left:20px;right:20px;bottom:5px;height:2px;border-radius:2px;background:var(--qa-blue)}
.qa-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start;padding-top:32px}
.qa-result{margin:0 0 18px;color:#71869b;font-size:.8rem;font-weight:690}
.qa-group{scroll-margin-top:94px}
.qa-group+.qa-group{margin-top:46px}
.qa-group[hidden]{display:none}
.qa-group-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,1.1fr);gap:28px;align-items:end;margin-bottom:14px}
.qa-group-head>div{display:flex;align-items:baseline;gap:14px}
.qa-group-head h2{margin:0;color:var(--qa-ink);font-size:clamp(1.55rem,2.25vw,2.2rem);line-height:1.08;letter-spacing:-.035em}
.qa-group-head>span{max-width:450px;color:#71869a;font-size:.78rem;line-height:1.55;text-align:right}
.qa-accordion{overflow:hidden;border:1px solid #cbddea;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(6,50,91,.045)}
.qa-item{margin:0;border:0;background:#fff}
.qa-item+ .qa-item{border-top:1px solid #dce8f1}
.qa-item[hidden]{display:none}
.qa-item[open]{background:#fbfdff}
.qa-item summary{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 42px;
  align-items:center;
  gap:18px;
  min-height:76px;
  padding:14px 22px;
  list-style:none;
  cursor:pointer;
  color:var(--qa-ink);
}
.qa-item summary::-webkit-details-marker{display:none}
.qa-item summary:hover .qa-item-title{color:#075fae}
.qa-item-num{color:#0878ed;font-size:.78rem;font-weight:850;letter-spacing:.04em}
.qa-item-title{font-size:clamp(.94rem,1.12vw,1.08rem);font-weight:780;line-height:1.42;letter-spacing:-.012em;transition:color .18s}
.qa-item-toggle{position:relative;width:40px;height:40px;border:1px solid #a8cdeb;border-radius:50%;color:#0878ed;background:#fff}
.qa-item-toggle::before,.qa-item-toggle::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}
.qa-item-toggle::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .18s}
.qa-item[open] .qa-item-toggle{background:#edf7ff}
.qa-item[open] .qa-item-toggle::after{transform:translate(-50%,-50%)}
.qa-answer{padding:0 84px 26px 94px}
.qa-answer p{max-width:830px;margin:0;color:#4e687f;font-size:.92rem;line-height:1.72}
.qa-answer a{display:inline-flex;align-items:center;gap:5px;margin-top:15px;color:#0873dc;text-decoration:none;font-size:.81rem;font-weight:820}
.qa-answer a:hover{text-decoration:underline}
.qa-answer a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.qa-help{position:sticky;top:178px}
.qa-help-inner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:510px;
  padding:34px 30px 30px;
  border:1px solid #153c64;
  border-radius:22px;
  background:
    linear-gradient(rgba(3,28,57,.86),rgba(3,28,57,.96)),
    url('/img/home/airco-airflow-v3.webp') 48% 103%/165% auto no-repeat,
    #031c39;
  color:#fff;
  box-shadow:0 24px 54px rgba(2,33,66,.17);
}
.qa-help-inner::after{content:'';position:absolute;z-index:-1;right:-130px;bottom:-170px;width:340px;height:340px;border-radius:50%;background:rgba(12,128,233,.18);filter:blur(8px)}
.qa-help-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(137,195,240,.52);border-radius:14px;background:rgba(16,113,204,.18);color:#5ab4fa}
.qa-help-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qa-help h2{margin:25px 0 0;color:#fff;font-size:clamp(1.75rem,2.25vw,2.25rem);line-height:1.06;letter-spacing:-.04em}
.qa-help p{margin:17px 0 0;color:#c2d5e7;font-size:.9rem;line-height:1.66}
.qa-help-actions{display:grid;gap:10px;margin-top:28px}
.qa-help-actions a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:11px;text-decoration:none;font-size:.84rem;font-weight:820}
.qa-help-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qa-help-primary{background:#0878ed;color:#fff;box-shadow:0 12px 26px rgba(0,104,211,.25)}
.qa-help-primary:hover{background:#0c84f8}
.qa-help-secondary{border:1px solid #4e82b2;color:#fff}
.qa-help-secondary:hover{border-color:#7bbdf2;background:rgba(255,255,255,.04)}
.qa-help ul{display:grid;gap:14px;margin:30px 0 0;padding:0;list-style:none;color:#c2d5e7;font-size:.78rem;font-weight:650}
.qa-help li{display:flex;align-items:center;gap:10px}
.qa-help li svg{width:19px;height:19px;fill:none;stroke:#5ab4fa;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qa-empty{padding:70px 22px;text-align:center;border:1px solid #cddfec;border-radius:18px;background:#fbfdff}
.qa-empty>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto;border:1px solid #9cc8e9;border-radius:50%;color:#0878ed;font-size:1.25rem;font-weight:850}
.qa-empty h2{margin:18px 0 0;font-size:1.45rem}
.qa-empty p{margin:9px 0 0;color:var(--qa-soft)}
.qa-empty a{display:inline-block;margin-top:18px;color:#0873dc;font-weight:800;text-decoration:none}

.qa-selector{padding:0 0 84px;background:#fff}
.qa-selector-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:90px minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  min-height:190px;
  padding:32px 38px;
  border-radius:24px;
  background:
    linear-gradient(90deg,rgba(3,28,57,.99),rgba(3,33,65,.95)),
    url('/img/home/airco-airflow-v3.webp') 70% 50%/55% auto no-repeat,
    var(--qa-navy);
  color:#fff;
  box-shadow:0 22px 50px rgba(3,33,65,.17);
}
.qa-selector-card::after{content:'';position:absolute;z-index:-1;right:22%;top:-70%;width:390px;height:390px;border-radius:50%;background:rgba(0,122,235,.18);filter:blur(20px)}
.qa-selector-icon{display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(96,177,239,.42);border-radius:20px;background:rgba(16,113,204,.13);color:#54b4fd}
.qa-selector-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.qa-selector-card p{margin:0 0 7px;color:#5ab4fa;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.qa-selector-card h2{max-width:720px;margin:0;color:#fff;font-size:clamp(1.7rem,2.6vw,2.6rem);line-height:1.08;letter-spacing:-.04em}
.qa-selector-card span{display:block;margin-top:10px;color:#bad0e3;font-size:.85rem}
.qa-selector-card>a{display:flex;align-items:center;justify-content:center;gap:12px;min-width:225px;min-height:56px;padding:0 24px;border-radius:12px;background:#0878ed;color:#fff;text-decoration:none;font-size:.87rem;font-weight:850;box-shadow:0 14px 28px rgba(0,95,196,.28)}
.qa-selector-card>a:hover{background:#0c84f8}
.qa-selector-card>a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

@media(max-width:1180px){
  :root{--qa-shell:min(1120px,calc(100vw - 38px))}
  .qa-hero-copy{width:60%}
  .qa-hero-air{right:-13vw;width:62vw}
  .qa-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px}
  .qa-tabs button{padding-inline:16px}
  .qa-help-inner{padding:30px 24px}
}
@media(max-width:900px){
  .qa-hero{min-height:530px}
  .qa-hero-inner{min-height:530px;padding-top:36px}
  .qa-hero-copy{width:70%;padding-top:42px}
  .qa-hero-air{top:78px;right:-22vw;width:70vw;opacity:.68}
  .qa-unit{width:50%}
  .qa-tabs-wrap{top:84px}
  .qa-tabs{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .qa-tabs::-webkit-scrollbar{display:none}
  .qa-tabs button{flex:0 0 auto}
  .qa-layout{grid-template-columns:1fr}
  .qa-help{position:static}
  .qa-help-inner{min-height:0;padding:30px}
  .qa-help-actions{grid-template-columns:1fr 1fr}
  .qa-help ul{grid-template-columns:1fr 1fr}
  .qa-selector-card{grid-template-columns:72px minmax(0,1fr);padding:30px}
  .qa-selector-icon{width:70px;height:70px}
  .qa-selector-card>a{grid-column:1/-1;width:100%}
}
@media(max-width:640px){
  :root{--qa-shell:calc(100vw - 32px)}
  .qa-page{overflow:clip}
  .qa-hero{min-height:0}
  .qa-hero-inner{min-height:0;padding:24px 0 32px}
  .qa-breadcrumbs{font-size:.72rem}
  .qa-hero-copy{width:100%;padding-top:42px}
  .qa-kicker{font-size:.68rem}
  .qa-hero h1{max-width:330px;font-size:clamp(3.15rem,15vw,4.15rem);line-height:.91}
  .qa-lead{max-width:350px;margin-top:20px;font-size:.95rem;line-height:1.57}
  .qa-search{grid-template-columns:21px minmax(0,1fr) 36px;min-height:58px;margin-top:26px;padding-left:16px;border-radius:13px}
  .qa-search input{height:56px;font-size:.88rem}
  .qa-search input::placeholder{font-size:.78rem}
  .qa-hero-meta{flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:.68rem}
  .qa-hero-meta span+span::before{display:none}
  .qa-hero-air{top:28px;right:-132px;width:410px;height:300px;opacity:.47}
  .qa-hero-air>img{right:-18%;bottom:-14%;width:135%}
  .qa-unit{top:30px;right:26%;width:200px;border-radius:13px 13px 8px 8px;opacity:.7}
  .qa-directory{padding-bottom:58px}
  .qa-tabs-wrap{top:0;padding-top:6px;margin-inline:-16px}
  .qa-tabs{min-height:54px;padding:4px 8px;border-left:0;border-right:0;border-radius:0;box-shadow:0 9px 24px rgba(10,52,90,.09)}
  .qa-tabs::after{content:'›';position:sticky;right:0;display:grid;place-items:center;flex:0 0 26px;height:44px;color:#0878ed;background:linear-gradient(90deg,transparent,#fff 45%)}
  .qa-tabs button{min-height:44px;padding:0 15px;font-size:.76rem}
  .qa-tabs button.is-active::after{left:14px;right:14px;bottom:3px}
  .qa-layout{padding-top:24px}
  .qa-result{margin-bottom:16px;font-size:.72rem}
  .qa-group{scroll-margin-top:76px}
  .qa-group+.qa-group{margin-top:35px}
  .qa-group-head{display:block;margin-bottom:11px}
  .qa-group-head>div{gap:10px}
  .qa-group-head h2{font-size:1.58rem}
  .qa-group-head>span{display:block;margin:8px 0 0;font-size:.72rem;line-height:1.45;text-align:left}
  .qa-accordion{border-radius:15px}
  .qa-item summary{grid-template-columns:31px minmax(0,1fr) 34px;gap:9px;min-height:72px;padding:12px}
  .qa-item-num{font-size:.7rem}
  .qa-item-title{font-size:.88rem;line-height:1.38}
  .qa-item-toggle{width:33px;height:33px}
  .qa-answer{padding:0 14px 22px 52px}
  .qa-answer p{font-size:.82rem;line-height:1.65}
  .qa-answer a{font-size:.76rem}
  .qa-help-inner{padding:26px 20px;border-radius:18px}
  .qa-help-icon{width:42px;height:42px;border-radius:12px}
  .qa-help h2{margin-top:18px;font-size:1.72rem}
  .qa-help p{margin-top:12px;font-size:.84rem}
  .qa-help-actions{grid-template-columns:1fr;margin-top:22px}
  .qa-help-actions a{min-height:50px}
  .qa-help ul{grid-template-columns:1fr;gap:11px;margin-top:22px}
  .qa-selector{padding-bottom:58px}
  .qa-selector-card{display:block;min-height:0;padding:26px 20px;border-radius:18px;text-align:left}
  .qa-selector-icon{width:58px;height:58px;margin-bottom:20px;border-radius:15px}
  .qa-selector-icon svg{width:40px;height:40px}
  .qa-selector-card h2{font-size:1.75rem}
  .qa-selector-card span{font-size:.78rem;line-height:1.5}
  .qa-selector-card>a{width:100%;min-width:0;margin-top:23px;min-height:52px}
}
@media(max-width:370px){
  :root{--qa-shell:calc(100vw - 24px)}
  .qa-hero h1{font-size:2.92rem}
  .qa-search input::placeholder{font-size:.72rem}
  .qa-item summary{grid-template-columns:28px minmax(0,1fr) 32px;gap:7px;padding-inline:9px}
  .qa-item-title{font-size:.82rem}
  .qa-answer{padding-left:44px}
}
@media(min-width:1700px){
  :root{--qa-shell:min(1600px,calc(100vw - 96px))}
  .qa-hero{min-height:620px}
  .qa-hero-inner{min-height:620px;padding-top:58px}
  .qa-hero-copy{padding-top:58px}
  .qa-hero-air{right:-4vw;width:800px}
  .qa-layout{grid-template-columns:minmax(0,1fr) 390px;gap:34px}
}
@media(min-width:2300px){
  :root{--qa-shell:min(1900px,calc(100vw - 140px))}
  .qa-hero-copy{width:800px}
  .qa-hero-air{right:0;width:940px}
  .qa-layout{grid-template-columns:minmax(0,1fr) 430px;gap:42px}
}
@media(prefers-reduced-motion:reduce){
  .qa-page *{scroll-behavior:auto!important;transition:none!important}
}