/* Home page */
body.home .site-main,body.home .page-content,body.home main#content{max-width:none!important;width:100%;padding:0!important;margin:0!important}
.apx-hero{background:var(--apx-charcoal);color:#fff;padding:72px 0 64px}
@media(min-width:1025px){.apx-hero{padding:128px 0 112px}}
.apx-hero h1{color:#fff;max-width:16ch;margin:0 0 20px}
.apx-hero p{color:var(--apx-grey-on-dark);font-size:20px;max-width:56ch;margin:0 0 28px}
.apx-hero .apx-btn{margin:0 12px 12px 0}
.apx-hero-points{list-style:none;margin:36px 0 0;padding:28px 0 0;border-top:1px solid var(--apx-charcoal-hover);display:flex;flex-wrap:wrap;gap:12px 36px;color:#fff;font-weight:600}
.apx-hero-points li{position:relative;padding-left:18px}
.apx-hero-points li::before{content:'';position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--apx-orange)}
.apx-sec{padding:var(--apx-section) 0}
.apx-sec h2{margin:0 0 32px}
.apx-sec.apx-light{background:var(--apx-light)}
.apx-sec.apx-dark{background:var(--apx-charcoal);color:#fff}
.apx-sec.apx-dark h2{color:#fff}
.apx-sec.apx-dark p{color:var(--apx-grey-on-dark);max-width:60ch}
.apx-cat-tiles{list-style:none;margin:0;padding:0;display:grid;gap:var(--apx-gap);grid-template-columns:1fr}
@media(min-width:700px){.apx-cat-tiles{grid-template-columns:1fr 1fr}}
@media(min-width:1025px){.apx-cat-tiles{grid-template-columns:1.4fr 1fr 1fr}.apx-cat-tiles li:first-child{grid-row:span 2}}
.apx-cat-tiles a{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:200px;height:100%;box-sizing:border-box;padding:28px;border-radius:var(--apx-r-m);background:var(--apx-charcoal);color:#fff;text-decoration:none;transition:background-color .3s,transform .3s}
.apx-cat-tiles li:first-child a{min-height:300px}
.apx-cat-tiles strong{font-family:var(--apx-head);font-size:34px;line-height:1.05}
.apx-cat-tiles span{color:var(--apx-grey-on-dark)}
.apx-cat-tiles em{font-style:normal;font-weight:600;color:var(--apx-orange-on-dark)}
html body .apx-cat-tiles a{color:#fff}
.apx-cat-tiles a:focus-visible{background:var(--apx-charcoal-hover)}
@media(hover:hover){.apx-cat-tiles a:hover{background:var(--apx-charcoal-hover)}html body .apx-cat-tiles a:hover{color:#fff}}
.apx-split{display:grid;gap:32px;grid-template-columns:1fr}
@media(min-width:1025px){.apx-split{grid-template-columns:5fr 7fr;gap:64px}}
.apx-points{list-style:none;margin:0;padding:0;display:grid;gap:0}
.apx-points li{padding:20px 0;border-top:1px solid var(--apx-border)}
.apx-points li:last-child{border-bottom:1px solid var(--apx-border)}
.apx-points strong{display:block;font-family:var(--apx-head);font-size:26px;line-height:1.1;margin-bottom:4px}
.apx-marquee{overflow:hidden;display:flex;border-top:1px solid var(--apx-border);border-bottom:1px solid var(--apx-border);padding:18px 0;background:#fff}
.apx-marquee-in{list-style:none;margin:0;padding:0;display:flex;flex:none;gap:48px;padding-right:48px;animation:apxMarquee 60s linear infinite;font-family:var(--apx-head);font-weight:700;font-size:30px;color:var(--apx-ink);white-space:nowrap}
@keyframes apxMarquee{to{transform:translateX(-100%)}}
.apx-marquee:hover .apx-marquee-in,.apx-marquee:focus-within .apx-marquee-in{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.apx-marquee{overflow-x:auto}.apx-marquee-in{animation:none}.apx-marquee-in[aria-hidden=true]{display:none}}
.apx-sec .apx-eq-cta{margin-top:0}
/* Brand showcases and hero quick links */
.apx-brandfeat-head{margin-bottom:32px}
.apx-brandfeat-head h2{margin:0 0 12px}
.apx-brandfeat-head p{max-width:62ch;color:var(--apx-muted);font-size:18px;margin:0}
.apx-brandfeat-more{margin:32px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.apx-hero-quick{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.apx-hero-quick a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid #3A444D;border-radius:6px;color:#fff;text-decoration:none;font-weight:600;background:#1B2127;transition:background-color .3s,border-color .3s,color .3s}
html body .apx-hero-quick a{color:#fff}
.apx-hero-quick a:focus-visible{background:var(--apx-orange);border-color:var(--apx-orange)}
html body .apx-hero-quick a:focus-visible{color:#13171B}
@media(hover:hover){.apx-hero-quick a:hover{background:var(--apx-orange);border-color:var(--apx-orange)}html body .apx-hero-quick a:hover{color:#13171B}}