/* section separation: hard edges, alternating tones, hairline */
.sec.gray{background:var(--gray)!important}
main>section+section,section.sec+section.sec{border-top:1px solid var(--line)}
.sec{padding:clamp(88px,9vw,150px) 0}
#brands{background:var(--bg)}#commercial{background:var(--gray)}#services{background:var(--bg)}#area{background:var(--gray)}
/* quiz sections */
.qzsec{padding:clamp(72px,8vw,120px) 0;background:var(--gray);border-top:1px solid var(--line)}
.qzsec.alt{background:var(--bg)}
.qzw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);align-items:start}
.qzh .eyebrow{margin-bottom:14px}
.qzh h2{margin:0 0 14px}
.qzh p{color:var(--mut);max-width:34ch;margin:0}
@media (max-width:980px){.qzw{grid-template-columns:1fr}}
.qz{position:relative;background:#0f1a24;color:#fff;border-radius:22px;padding:clamp(18px,3vw,34px);box-shadow:0 0 0 2px var(--or),0 40px 80px -40px rgba(15,26,36,.7);min-height:420px;transition:opacity .26s ease,transform .26s ease}
.qz.out{opacity:0;transform:translateY(8px)}
.qz button{font:inherit;cursor:pointer}
.qz-steps{display:flex;gap:6px;margin-bottom:18px}.qz-steps i{height:4px;flex:1;max-width:70px;border-radius:4px;background:rgba(255,255,255,.15)}.qz-steps i.on{background:var(--or)}
.qz-q{font:800 clamp(24px,2vw + 12px,34px)/1.1 var(--fd);margin:0 0 6px;outline:0}
.qz-qs{color:#b9c3cd;margin:0 0 20px;max-width:56ch}
.qz-opts{display:grid;gap:10px}
.qz-opts.g{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.qz-opts>button{display:flex;gap:14px;align-items:center;text-align:left;border:1.5px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;border-radius:14px;padding:16px 18px;transition:border-color .35s,background .35s,transform .45s cubic-bezier(.16,.84,.24,1)}
.qz-opts>button:hover,.qz-opts>button:focus-visible{border-color:var(--or);background:rgba(241,90,34,.12);transform:translateY(-2px)}
.qz-opts>button>span{flex:1;display:grid;gap:3px}.qz-opts b{font:700 17px/1.2 var(--fd)}.qz-opts small{color:#a9b4bf;font-size:13.5px;line-height:1.3}
.qz-opts>button>svg:last-child{opacity:.5;transition:transform .35s,opacity .35s}.qz-opts>button:hover>svg:last-child{opacity:1;transform:translateX(4px)}
.qz-opts>button.sos{border-color:rgba(214,69,69,.6)}.qz-opts>button.sos .qz-ic{color:#ff6b6b}
.qz-ic{color:var(--or);flex:none}
.qz-n{font:800 15px/1 var(--fd);color:var(--or);flex:none;width:28px}
.qz-bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:16px}
.qz-back{border:0;background:none;color:#cfd6de;font:700 14px/1 var(--fb);padding:6px 0}.qz-back:hover{color:#fff}
.qz-cats{display:flex;gap:6px;flex-wrap:wrap}
.qz-cats button,.qz-brands button{border:1.5px solid rgba(255,255,255,.18);background:none;color:#e6eaee;border-radius:999px;padding:8px 13px;font:700 13px/1 var(--fb)}
.qz-cats button[aria-pressed=true],.qz-brands button[aria-pressed=true]{background:var(--or);border-color:var(--or);color:#fff}
.qz-res{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center;outline:0}
@media (max-width:760px){.qz-res{grid-template-columns:1fr}}
.qz-img{margin:0;background:#fff;border-radius:16px;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;animation:qzi 1s cubic-bezier(.16,.84,.24,1) both}
.qz-img img{width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box}
.qz-img.ph img{object-fit:cover;padding:0}
@keyframes qzi{from{opacity:0;transform:translateX(-14px) scale(.98)}to{opacity:1;transform:none}}
.qz-info{display:grid;gap:10px;animation:qzt 1s cubic-bezier(.16,.84,.24,1) .12s both}
@keyframes qzt{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.qz-eb{font:700 12px/1.2 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--or)}
.qz-info h3{font:800 clamp(22px,1.4vw + 12px,30px)/1.1 var(--fd);margin:0}
.qz-d{margin:0;color:#c9d1da}
.qz-bf{margin:0;display:grid;gap:2px;background:rgba(255,255,255,.06);border-left:3px solid var(--or);padding:10px 12px;border-radius:0 8px 8px 0}
.qz-bf b{font:700 11.5px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:#a9b4bf}
.qz-sp{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.qz-sp li{display:flex;gap:9px;align-items:flex-start;font-size:15px;line-height:1.35}.qz-sp svg{color:var(--or);flex:none;margin-top:1px}
.qz-inc{margin:0;font-size:13.5px;color:#9aa6b3}
.qz-sev{justify-self:start;font:700 12.5px/1 var(--fb);padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.1)}.qz-sev.hi{background:#d64545}
.qz-dl{margin:0;display:grid;gap:10px}.qz-dl dt{font:700 11.5px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--or);margin-bottom:4px}.qz-dl dd{margin:0;color:#d5dbe1;font-size:15px;line-height:1.45}
.qz-act{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:6px}
.qz-cta{background:var(--or);color:#fff;border:0;border-radius:10px;padding:13px 18px;font:700 15px/1 var(--fb)!important;display:inline-flex;gap:8px;align-items:center;text-decoration:none;box-shadow:0 12px 26px -12px rgba(241,90,34,.9)}
.qz-call{display:inline-flex;gap:6px;align-items:center;color:#fff;text-decoration:none;font:700 15px/1 var(--fb);border:1.5px solid rgba(255,255,255,.3);border-radius:10px;padding:11px 14px}
.qz-lnk{color:#fff;font:600 14px/1 var(--fb);text-decoration:none;border:0;background:none;border-bottom:1px solid var(--or);padding:0 0 3px}
.qz-more{margin-top:22px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
.qz-more>p,.qz-more .qz-mh{margin:0 0 10px;font:700 12px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:#a9b4bf;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.qz-brands{display:flex;gap:6px;flex-wrap:wrap;text-transform:none;letter-spacing:0}
.qz-th{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:330px;overflow:auto;padding:2px 2px 4px}
.qz-th button{background:#fff;border:2px solid transparent;border-radius:10px;padding:5px 5px 7px;display:grid;gap:4px;transition:border-color .3s,transform .4s cubic-bezier(.16,.84,.24,1)}
.qz-th button:hover{transform:translateY(-2px)}
.qz-th button[aria-pressed=true]{border-color:var(--or);box-shadow:0 8px 18px -8px rgba(241,90,34,.9)}
.qz-th img{width:100%;aspect-ratio:4/3;object-fit:contain}
.qz-th span{font:600 11.5px/1.15 var(--fb);color:#18212b;text-align:center}
.qz-th small{font:700 9.5px/1 var(--fb);letter-spacing:.06em;text-transform:uppercase;color:#7b8794;text-align:center}
@media (prefers-reduced-motion:reduce){.qz,.qz *{animation:none!important;transition:none!important}}
/* brand tabs as cards */
#brands .srtabs{gap:10px;padding-bottom:6px;margin-bottom:6px}
#brands .srtabs button{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:3px;align-items:center;min-width:190px;padding:14px 16px;border:2px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 6px 18px -12px rgba(15,26,36,.35);transition:transform .4s cubic-bezier(.16,.84,.24,1),border-color .3s,box-shadow .4s,background .3s}
#brands .srtabs button .bti{grid-row:1/3;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:rgba(241,90,34,.12);color:var(--or);transition:background .3s,color .3s}
#brands .srtabs button b{font:800 17px/1.1 var(--fd)}
#brands .srtabs button small{display:block;font:600 12px/1.25 var(--fb);color:var(--mut);white-space:nowrap}
#brands .srtabs button:hover{transform:translateY(-3px);border-color:var(--or);box-shadow:0 14px 28px -14px rgba(241,90,34,.55)}
#brands .srtabs button[aria-selected=true]{background:#0f1a24;border-color:var(--or);color:#fff;box-shadow:0 0 0 1px var(--or),0 18px 34px -16px rgba(241,90,34,.7)}
#brands .srtabs button[aria-selected=true] .bti{background:var(--or);color:#fff}
#brands .srtabs button[aria-selected=true] small{color:#c9d1da}
.qz-cats button,.qz-brands button{display:inline-flex;align-items:center;gap:7px;transition:border-color .3s,background .3s,transform .35s cubic-bezier(.16,.84,.24,1)}
.qz-cats button:hover,.qz-brands button:hover{border-color:var(--or);transform:translateY(-1px)}
.qz-sic{flex:none;color:var(--or)}
.qz-cats button[aria-pressed=true] .qz-sic,.qz-brands button[aria-pressed=true] .qz-sic{color:#fff}
.qz-bi{font:800 10px/1 var(--fd);font-style:normal;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;background:rgba(241,90,34,.18);color:var(--or)}
.qz-brands button[aria-pressed=true] .qz-bi{background:#fff;color:var(--or)}
.qz-th button{position:relative}
.qz-ck{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--or);color:#fff;font:800 12px/22px var(--fb);font-style:normal;text-align:center;box-shadow:0 4px 10px -3px rgba(241,90,34,.9)}
.mdl{display:inline-flex;align-items:center;gap:4px;font:inherit;font-weight:700;color:var(--ink);background:rgba(241,90,34,.1);border:0;border-bottom:2px solid var(--or);border-radius:4px 4px 0 0;padding:0 5px;cursor:pointer;transition:background .25s}
.mdl svg{color:var(--or)}.mdl:hover,.mdl:focus-visible{background:rgba(241,90,34,.22);outline:0}
.mdm{position:fixed;inset:0;z-index:90;background:rgba(10,15,21,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s}
.mdm.on{opacity:1;pointer-events:auto}
.mdc{position:relative;width:min(860px,100%);max-height:92vh;overflow:auto;background:#0f1a24;color:#fff;border-radius:20px;box-shadow:0 0 0 2px var(--or),0 40px 80px -30px #000;display:grid;grid-template-columns:1.1fr 1fr;gap:22px;padding:22px;transform:translateY(14px) scale(.98);transition:transform .45s cubic-bezier(.16,.84,.24,1)}
.mdm.on .mdc{transform:none}
@media (max-width:700px){.mdc{grid-template-columns:1fr}}
.mdc figure{margin:0;background:#fff;border-radius:14px;aspect-ratio:4/3;display:grid;place-items:center}.mdc figure img{width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box}
.mdi{display:grid;gap:8px;align-content:center}.mdi small{font:700 12px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--or)}.mdi h3{margin:0;font:800 24px/1.15 var(--fd)}.mdi p{margin:0;color:#c9d1da}.mdi .bf b{color:#a9b4bf;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-right:6px}
.mdi ul{margin:0;padding-left:18px;display:grid;gap:5px;color:#e6eaee}.mdi li::marker{color:var(--or)}
.mda{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px}
.mdx{position:absolute;top:8px;right:10px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:22px;cursor:pointer;z-index:2}
.qz-oi{width:76px;height:57px;flex:none;border-radius:9px;object-fit:cover;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.qz-oi.pr{object-fit:contain;padding:3px;box-sizing:border-box}
.qz-opts>button:hover .qz-oi{box-shadow:0 0 0 2px var(--or)}
.qzfaq{margin-top:28px}.qzfaq h3{font:800 20px/1.2 var(--fd);margin:0 0 12px}
.qzfaq details{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:8px;overflow:hidden}
.qzfaq summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center;padding:12px 14px;font:700 16px/1.3 var(--fd)}
.qzfaq summary::-webkit-details-marker{display:none}
.qzfaq summary img{width:64px;height:48px;border-radius:8px;object-fit:cover;flex:none}
.qzfaq summary::after{content:"+";margin-left:auto;color:var(--or);font-size:20px}.qzfaq details[open] summary::after{content:"–"}
.qzfaq .qa{padding:0 16px 14px;display:grid;gap:8px;color:var(--ink2,#333)}.qzfaq .qa p{margin:0}.qzfaq .qa b{color:var(--or)}
.hsegb{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:0;padding:4px 2px;cursor:pointer;position:relative;white-space:nowrap}
.hsegb::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,.84,.24,1)}
.hsegb:hover::after,.hsegb[aria-expanded=true]::after{transform:none}.hsegb[aria-expanded=true]{color:var(--or)}
.hpop{position:absolute;z-index:80;width:min(340px,calc(100vw - 24px));display:grid;grid-template-columns:96px 1fr;gap:12px;background:#0f1a24;color:#fff;border-radius:14px;padding:12px;box-shadow:0 0 0 1.5px var(--or),0 24px 50px -20px rgba(0,0,0,.8);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.16,.84,.24,1)}
.hpop.on{opacity:1;transform:none;pointer-events:auto}
.hpop img{width:96px;height:80px;object-fit:contain;background:#fff;border-radius:9px;padding:4px;box-sizing:border-box}
.hpop small{font:700 11px/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--or)}.hpop b{display:block;font:800 16px/1.2 var(--fd);margin:4px 0}.hpop p{margin:0 0 8px;font-size:13.5px;line-height:1.4;color:#c9d1da}
.hpa{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hpa .qz-cta{padding:8px 12px;font-size:13px!important}
.qz-types{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.qz-types button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#d5dbe1;border-radius:8px;padding:7px 11px;font:600 12.5px/1 var(--fb)}
.qz-types button[aria-pressed=true]{border-color:var(--or);background:rgba(241,90,34,.2);color:#fff}