.qhero{background:var(--d);color:var(--l);padding:40px 0 90px;position:relative;overflow:hidden}
.qhero .top img{filter:brightness(0) invert(1)}.qhero .btn{background:var(--l);color:var(--d)}.qhero .btn.p{background:var(--p);color:#fff}
.qhero .grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:32px}
.qhero h1{font-size:clamp(42px,6vw,76px);margin:14px 0 20px}.qhero .eyebrow{color:var(--a)}
.chat{display:flex;flex-direction:column;gap:14px}
.bub{max-width:88%;padding:16px 20px;border-radius:20px 20px 20px 6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:17px}
.bub small{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;opacity:.6;margin-bottom:4px}
.bub.me{align-self:flex-end;border-radius:20px 20px 6px 20px;background:var(--p);color:#fff;border:0}
.qs{display:flex;flex-direction:column;gap:22px}
.q{display:grid;grid-template-columns:90px 1fr 1fr;gap:28px;background:#fff;border-radius:26px;padding:34px;box-shadow:0 20px 40px -30px rgba(0,0,0,.4)}
.q .num{font-family:var(--fh);font-size:64px;line-height:1;color:var(--p)}
.q h3{font-size:clamp(22px,2.4vw,30px);margin-bottom:14px}
.q .why{font-size:15px;opacity:.8}
.q .why b,.q .ans b{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:12px 0 4px;opacity:.6}
.mini{aspect-ratio:16/9;border-radius:16px;background:var(--l);border:1px solid rgba(0,0,0,.08);padding:18px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.mini:after{content:'';position:absolute;right:0;top:0;bottom:0;width:30%;background:var(--p);opacity:.9}
.mini small{font-size:9px;font-weight:800;letter-spacing:.2em;color:var(--p)}
.mini p{font-family:var(--fh);font-size:clamp(15px,1.5vw,19px);line-height:1.15;max-width:66%;position:relative;z-index:1}
.mini span{font-size:10px;opacity:.55}
.dash{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.met{background:var(--d);color:var(--l);border-radius:22px;padding:24px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}
.met b{font-family:var(--fh);font-size:21px;line-height:1.15}
.met svg{width:100%;height:60px}
.met small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-weight:800}
@media(max-width:900px){.qhero .grid,.q,.dash{grid-template-columns:1fr}.dash{grid-template-columns:1fr 1fr}}