
/* THERO — logo-first identity, October 2026 */
.thero-quickbar,.thero-trust-band{display:none!important}
body[data-page="home"] .home-hero>.shell{max-width:1510px;width:calc(100% - 72px)}
body[data-page="home"] .home-hero-layout{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) minmax(420px,1.1fr) minmax(150px,.34fr)!important;
  column-gap:clamp(20px,2.25vw,36px)!important;
  row-gap:30px!important;
  align-items:center;
  padding:48px 0 55px;
}
body[data-page="home"] .home-hero-layout>div:first-child{max-width:none!important;padding-right:clamp(5px,1.2vw,15px)}
body[data-page="home"] .home-hero h1{font-size:clamp(43px,4vw,69px)!important;line-height:1.07}
body[data-page="home"] .hero-dashboard{max-width:none!important;align-self:center!important}
.thero-credentials-rail{align-self:center;min-width:0;padding:19px 12px 16px;border:1px solid rgba(227,244,238,.34);border-radius:18px;background:rgba(251,252,249,.94);box-shadow:0 18px 48px rgba(0,0,0,.21);color:#1d3437;backdrop-filter:blur(6px)}
.credentials-top{display:flex;gap:7px;align-items:flex-start;justify-content:center;padding:4px 0 12px;border-bottom:1px solid #e1e8e6}
.credentials-top h2{font:900 11px/1.35 'Manrope','Arial',sans-serif;letter-spacing:1.1px;color:#23373a;text-align:center;margin:0}
.credentials-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex:0 0 7px;background:#bf4e52}
.credentials-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}
.credential-logo{min-width:0;min-height:74px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:#fff;border:1px solid #dce6e3;border-radius:9px;padding:5px 4px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.credential-logo:hover,.credential-logo:focus-visible{transform:translateY(-2px);border-color:#ba8b4c;box-shadow:0 6px 15px rgba(11,40,43,.11)}
.credential-logo img{display:block;width:100%;height:43px;object-fit:contain;filter:none}
.credential-logo .credential-name{display:block;font:800 8px/1.18 'DM Sans',Arial,sans-serif;letter-spacing:.2px;color:#335154;text-align:center}
.credential-logo.iso-logo{background:linear-gradient(160deg,#f7faf8,#edf6f2)}
.credential-note{font-size:9px;line-height:1.45;color:#596d70;margin:12px 0 0;text-align:center}
.inside-thero-tools{margin:2px 0 26px;padding:15px 19px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#172a2e;color:#eef5f2}
.inside-thero-tools span{font-size:12px;line-height:1.4;color:#e8eeee}
.inside-thero-tools span b{color:#f0c580;font-size:11px;letter-spacing:1px;margin-right:10px}
.inside-thero-tools div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.inside-thero-tools a{font-size:12px;font-weight:800;color:#fff;white-space:nowrap}
.inside-thero-tools a:hover{text-decoration:underline;text-underline-offset:5px}
.credentials-footer-section{padding:23px 0 25px;background:#f4f7f5;border-top:1px solid #dde9e5}
.credentials-footer-inner{display:flex;align-items:center;gap:28px}
.credentials-footer-heading{flex:0 0 174px;min-width:0;display:flex;flex-direction:column;gap:6px}
.credentials-footer-heading strong{font:800 18px/1.25 'Manrope',Arial,sans-serif;color:#193336}
.credentials-footer-heading .eyebrow{font-size:10px;letter-spacing:1.5px}
.credentials-footer-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;flex:1;min-width:0}
.credentials-footer-grid .credential-logo{min-height:75px}
.credentials-footer-grid .credential-logo img{height:40px}
@media(max-width:1280px){
 body[data-page="home"] .home-hero-layout{grid-template-columns:minmax(260px,1fr) minmax(400px,1.15fr) minmax(138px,.34fr)!important;column-gap:20px!important}
 body[data-page="home"] .home-hero h1{font-size:clamp(40px,4vw,56px)!important}
 .credentials-logo-grid{gap:5px}.credential-logo{min-height:66px;padding:4px 3px}.credential-logo img{height:37px}
 .inside-thero-tools{align-items:flex-start;flex-direction:column;gap:9px}
 .credentials-footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1070px){
 body[data-page="home"] .home-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;column-gap:28px!important;align-items:start}
 .thero-credentials-rail{grid-column:1/-1;width:100%;max-width:none;align-self:stretch;padding:16px}
 .credentials-top h2 br{display:none}
 .credentials-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
 .credential-logo{min-height:78px}.credential-logo img{height:46px}
 .credential-note{max-width:780px;margin:9px auto 0}
}
@media(max-width:900px){
 body[data-page="home"] .home-hero-layout{grid-template-columns:1fr!important;row-gap:24px!important;padding:32px 0 48px}
 body[data-page="home"] .home-hero h1{font-size:clamp(36px,7vw,52px)!important}
 .thero-credentials-rail{grid-column:1;max-width:760px}
 .credentials-footer-inner{align-items:stretch;flex-direction:column;gap:15px}
 .credentials-footer-heading{flex:none}
 .credentials-footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:640px){
 body[data-page="home"] .home-hero>.shell{width:calc(100% - 34px)}
 body[data-page="home"] .home-hero-layout{grid-template-columns:1fr!important;row-gap:18px!important}
 .credentials-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 .credential-logo{min-height:67px;padding:5px 2px}
 .credential-logo img{height:32px}
 .credential-logo .credential-name{font-size:7px}
 .credentials-top h2{font-size:11px}
 .credentials-footer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 .credentials-footer-grid .credential-logo{min-height:63px}
 .credentials-footer-grid .credential-logo img{height:34px}
 .inside-thero-tools{padding:14px}
 .inside-thero-tools div{gap:8px 12px}
 .inside-thero-tools a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.credential-logo{transition:none}.credential-logo:hover{transform:none}}
/* Widen the visual logo column without crowding the proof points. */
@media(min-width:1281px){
 body[data-page="home"] .home-hero-layout{grid-template-columns:minmax(310px,.90fr) minmax(445px,1.08fr) minmax(195px,.43fr)!important;column-gap:clamp(18px,2vw,28px)!important}
 .thero-credentials-rail{padding:21px 14px 19px}
 .credential-logo{min-height:83px;gap:5px}
 .credential-logo img{height:53px}
 .credential-logo .credential-name{font-size:9px}
 .credentials-top h2{font-size:12px}
}
@media(min-width:1071px) and (max-width:1280px){
 body[data-page="home"] .home-hero-layout{grid-template-columns:minmax(260px,.91fr) minmax(400px,1.09fr) minmax(154px,.39fr)!important;column-gap:20px!important}
}
