/* Homepage fixes, Oct 17: footer phone link, compact mobile Start here, See all cards, Ask button spacing. Existing palette only. */
/* Mobile header: compact sticky Start here */
@media (max-width:560px){
 .header .header-actions .header-home{display:none}
 .header .header-actions .header-start{display:inline-flex!important;align-items:center;min-height:44px;padding:0 13px!important;font-size:13px!important;gap:6px!important;white-space:nowrap}
 .header .header-actions{gap:8px!important;flex:none}
 .header .header-actions .menu-toggle{padding-inline:14px!important}
 .header .brand{flex:0 1 auto;min-width:0}
 .header .brand img{width:132px;height:auto}
}
@media (max-width:420px){.header .header-actions .header-start>span[aria-hidden]{display:none}}
@media (max-width:359px){.header .brand img{width:108px}.header .header-actions .header-start{padding:0 10px!important;font-size:12px!important}}
/* Hero line above the subheadline */
.fx-hero.hh .fx-pre{margin:clamp(16px,2.6vh,28px) 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.45;font-weight:600;color:#fff;max-width:31em}
.fx-hero.hh .fx-pre+.fx-sub{margin-top:8px!important}
@media (max-width:700px){.fx-hero.hh .fx-pre{font-size:16px;margin-top:14px}}
/* Tools: show five cards on phone, See all expands the rest */
.tc-all{display:none}
@media (max-width:620px){
 .tc-grid.tc-collapsible:not(.is-all) .tc-more{display:none}
 .tc-all:not([hidden]){display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin:12px 0 0;padding:0 22px;border-radius:999px;border:1.5px solid #0B1626;background:transparent;color:#0B1626;font:600 15px/1.2 Inter,Arial,sans-serif;cursor:pointer}
 .tc-all svg{width:18px;height:18px;transition:transform .3s ease}
 .tc-all[aria-expanded="true"] svg{transform:rotate(180deg)}
 .tc-all:hover{background:#0B1626;color:#fff}
 .tc-all:focus-visible{outline:3px solid #C65A24;outline-offset:3px}
}
/* Playbook band now sits directly above the footer */
.hi-band{padding-bottom:clamp(40px,5vw,64px)}
/* Footer phone */
.footer-main .footer-phone{font-weight:600}
/* Ask Eurekion: keep clear of the page bottom (button height + 24px) */
.home{--ask-h:50px}
@media (max-width:480px){.home{--ask-h:48px}}
.home .footer{padding-bottom:calc(var(--ask-h) + 24px + env(safe-area-inset-bottom,0px))!important}
.chat-launch .chat-ic{display:none}
@media (max-width:480px){
 .chat-launch{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;gap:0!important}
 .chat-launch .chat-launch-txt,.chat-launch .chat-launch-long,.chat-launch .chat-arrow{display:none!important}
 .chat-launch .chat-ic{display:block;width:22px;height:22px}
}
/* Tool cards: keep each row even when one summary runs longer (Encore & video) */
@media (min-width:1101px){body.home #tools .tc-d{min-height:calc(4 * 1.4em)}}
@media (min-width:621px) and (max-width:1100px){
 .tc-grid{align-items:stretch!important}
 .tc-grid .tc{display:flex;flex-direction:column}
 .tc-grid .tc:not(.open) .tc-btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.tc-all svg{transition:none}}