.header-hotline{display:flex;flex-direction:column;justify-content:center;gap:3px;flex:none;padding:10px 20px;background:var(--yellow);border-radius:100px;white-space:nowrap;color:#111;transition:background .2s,transform .2s}
.header-hotline span{font-size:10px;line-height:1.3;letter-spacing:.12em}
.header-hotline strong{font-size:18px;font-weight:800;line-height:1.3;letter-spacing:.035em;font-variant-numeric:tabular-nums}
.header-hotline:hover{background:#f3e600;transform:translateY(-2px)}
.header-hotline:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(min-width:901px){.mainnav{justify-content:space-evenly;gap:clamp(18px,2vw,36px)}.mainnav a{font-size:14px;letter-spacing:.055em;gap:4px}.mainnav small{letter-spacing:.16em}}
@media(min-width:901px) and (max-width:1240px){.mainnav a{font-size:13px}}
@media(min-width:901px) and (max-width:1050px){.topbar{gap:18px}.mainnav{gap:12px}.mainnav a{font-size:12px;letter-spacing:.025em}}
@media(max-width:900px){.mainnav a{letter-spacing:.08em}.topbar.menu-open .mainnav{column-gap:24px;row-gap:8px}}
.panel:not(.active) .panel-inner>.eyebrow,.panel:not(.active) h1,.panel:not(.active) h2,.panel:not(.active) .lead,.panel:not(.active) .pill{opacity:1!important;transform:none!important}
.panel.active .pill{animation:rise .7s ease .27s both}
@media(max-width:900px){.header-hotline{margin-left:auto}.menu-toggle{margin-left:0}}
@media(max-width:720px){.topbar{gap:8px;padding:0 14px}.topbar .brand{width:140px}.header-hotline{padding:8px 12px;gap:2px}.header-hotline strong{font-size:15px;letter-spacing:.015em}.header-hotline span{font-size:9px;letter-spacing:.06em}.menu-toggle{font-size:20px;padding:4px}}
@media(max-width:360px){.topbar{padding:0 12px;gap:6px}.topbar .brand{width:118px}.header-hotline{padding:8px 10px}.header-hotline strong{font-size:14px}}