.home-overview { padding: 64px 0 48px !important; }
@font-face { font-family: 'WRO Beta'; src: url('/assets/fonts/Exo2-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }
#splash .splash-logo { container-type: inline-size; }
body.is-beta #splash .beta-badge { white-space: nowrap; font-family: 'WRO Beta', sans-serif; font-weight: 900; font-size: clamp(14px, 12.47cqw, 96px); color: #eb2d2d; letter-spacing: 0; top: 10%; right: auto; left: 100%; transform: translateX(-55%); text-shadow: .04em .04em 0 rgba(0,0,0,.667); }
#splash > .home-scroll-indicator { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); display: grid; place-items: center; width: 48px; height: 48px; color: #ffb240; font-size: 25px; text-decoration: none; text-shadow: 0 2px 8px #000; }
.home-scroll-indicator i { animation: home-scroll-bounce 2.4s ease-in-out infinite; }
.home-scroll-indicator:hover { color: #ffdc9f; }
.home-scroll-indicator:focus-visible { outline: 2px solid #ffb240; outline-offset: 3px; border-radius: 50%; }
#features { scroll-margin-top: 90px; }
@keyframes home-scroll-bounce { 0%, 100% { transform: translateY(-3px); } 50% { transform: translateY(4px); } }
@media (prefers-reduced-motion: reduce) { .home-scroll-indicator i { animation: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }
.home-intro { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 44px; }
.home-eyebrow { color: #ffb240; letter-spacing: .12em; text-transform: uppercase; font-size: 12px; font-weight: 700; margin-bottom: 12px; }
.home-intro h1 { font-family: 'Exo 2', sans-serif; font-size: clamp(28px, 3vw, 38px); line-height: 1.25; margin-bottom: 20px; }
.home-intro p:not(.home-eyebrow) { font-size: 18px; line-height: 1.65; color: #b6bdcc; }
.home-text-link, .home-paths a, .home-gallery-more { color: #ffb240; font-weight: 600; }
.home-gallery { min-width: 0; border: 1px solid rgba(255,178,64,.22); border-radius: 12px; overflow: hidden; background: #0e1626; }
.home-gallery figure { margin: 0; }
.home-gallery img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.home-gallery figcaption { padding: 14px 18px 4px; color: #d7dce6; line-height: 1.5; overflow-wrap: anywhere; }
.home-gallery-more { display: block; padding: 10px 18px 16px; font-size: 14px; }
.home-gallery-controls { display: flex; gap: 18px; align-items: center; justify-content: center; padding: 8px 16px; }
.home-gallery-controls[hidden] { display: none; }
.home-gallery-controls button { width: 40px; height: 36px; color: #ffb240; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.15); border-radius: 6px; }
.home-gallery:focus-visible, .home-gallery a:focus-visible, .home-gallery button:focus-visible { outline: 2px solid #ffb240; outline-offset: -3px; }
.home-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 54px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.1); }
.home-path-number { color: #ffb240; font-size: 13px; letter-spacing: .12em; }
.home-paths h2 { font-family: 'Exo 2', sans-serif; font-size: 21px; margin: 12px 0; }
.home-paths p { color: #aeb6c6; font-size: 17px; line-height: 1.6; }
.home-client { background: rgba(255,178,64,.035); border-block: 1px solid rgba(255,178,64,.12); padding: 36px 0; }
.home-client-inner { display: grid; grid-template-columns: 1fr 1.4fr auto; gap: 30px; align-items: center; }
.home-client h2 { font-family: 'Exo 2', sans-serif; font-size: 24px; line-height: 1.35; margin: 0; }
.home-client ul { list-style: none; padding: 0; margin: 0; }
.home-client li { display: flex; gap: 12px; align-items: baseline; color: #c0c7d4; margin: 10px 0; font-size: 16px; }
.home-client li i { color: #ffb240; width: 18px; flex-shrink: 0; }
@media (max-width: 991px) {
    .home-intro { grid-template-columns: 1fr; gap: 28px; }
    .home-client-inner { grid-template-columns: 1fr 1fr; }
    .home-client-inner > a { justify-self: start; }
}
@media (max-width: 575px) {
    .home-overview { padding-top: 36px !important; }
    .home-paths, .home-client-inner { grid-template-columns: 1fr; gap: 22px; }
    .home-paths { margin-top: 32px; }
}