.landing-page{background:#f5f5f5}.landing-header{position:relative;z-index:5}.landing-header .top-nav a{font-size:11px}.landing-login{color:#e10600!important}.content-width{width:min(1240px,calc(100% - 64px));margin-inline:auto}.landing-hero{background:#111;color:#fff;position:relative;overflow:hidden}.landing-hero-inner{width:min(1240px,calc(100% - 64px));min-height:590px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px;padding:74px 0 82px}.landing-hero-copy{position:relative;z-index:2}.landing-hero h1,.landing-intro h2,.feature-copy h2,.landing-cta h2{font-family:inherit;font-weight:950;letter-spacing:-.055em;line-height:.91;margin:18px 0 22px;font-size:clamp(54px,7vw,92px)}.landing-hero h1 span,.landing-intro h2 span,.landing-cta h2 span{color:#e10600}.landing-lede{max-width:540px;color:#c4c4c4;font-size:17px;line-height:1.7}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.landing-actions .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 20px;text-decoration:none;font-size:11px;font-weight:850;letter-spacing:.06em}.landing-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:42px;color:#999;font-size:9px;font-weight:800;letter-spacing:.12em}.landing-proof i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e10600;margin-right:7px}.landing-hero-visual{position:relative;padding:20px 0}.screenshot-placeholder{position:relative;min-height:300px;border:1px dashed #777;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 12px,rgba(255,255,255,.012) 12px 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:28px;color:#999;overflow:hidden}.hero-shot{min-height:365px;box-shadow:0 25px 70px #0008;transform:perspective(1000px) rotateY(-5deg)}.shot-corner,.shot-bottom{position:absolute;left:16px;top:14px;font-size:9px;letter-spacing:.15em;font-weight:800}.shot-bottom{top:auto;bottom:14px;color:#777}.shot-placeholder-icon{font-size:48px;color:#e10600}.screenshot-placeholder strong{font-size:12px;letter-spacing:.12em;color:inherit}.screenshot-placeholder small{font-size:11px}.hero-stamp{position:absolute;right:-18px;bottom:-8px;background:#e10600;color:white;width:108px;height:108px;display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(7deg);box-shadow:0 12px 30px #0005}.hero-stamp b{font-size:38px;font-style:italic}.hero-stamp span{font-size:9px;font-weight:900;line-height:1.3}.landing-redline{height:5px;background:#e10600}.landing-intro{padding:100px 0 82px}.landing-intro h2{font-size:clamp(48px,6vw,76px);margin:15px 0}.landing-intro>p:last-child{max-width:590px;color:#666;font-size:17px;line-height:1.7}.landing-page .eyebrow{color:#e10600;font-size:10px;font-weight:900;letter-spacing:.19em}.landing-feature{padding:82px 0}.feature-dark{background:#151515;color:#fff}.feature-light{background:#fff;color:#111}.feature-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.feature-layout.reverse{grid-template-columns:1.1fr .9fr}.feature-copy{max-width:480px}.feature-index{display:block;color:#e10600;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:35px}.feature-copy h2{font-size:clamp(48px,5vw,68px);margin:12px 0 22px}.feature-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#aaa;max-width:460px}.feature-light .feature-copy>p:not(.eyebrow){color:#666}.feature-shot{min-height:340px}.feature-links{display:flex;flex-wrap:wrap;gap:24px}.text-link{display:inline-block;margin-top:18px;color:#e10600;font-size:10px;font-weight:900;letter-spacing:.1em;text-decoration:none}.text-link:hover{transform:translateX(4px)}.landing-cta{background:#e10600;color:#fff;padding:100px 0}.landing-cta .eyebrow{color:#fff}.landing-cta h2{font-size:clamp(50px,7vw,86px)}.landing-cta h2 span{color:#171717}.landing-cta-inner>p:not(.eyebrow){font-size:17px;color:#ffe0e0}.landing-cta .button-light{background:#fff;color:#111}.landing-cta .button-outline{border:1px solid #fff;color:#fff}.landing-page .site-footer{background:#101010;color:#999}.landing-page .site-footer span{font-size:10px}
@media(max-width:850px){.landing-hero-inner{grid-template-columns:1fr;gap:24px;padding:62px 0}.landing-hero-visual{max-width:650px;width:100%;margin:auto}.hero-shot{min-height:280px}.feature-layout,.feature-layout.reverse{grid-template-columns:1fr;gap:34px}.feature-layout.reverse .screenshot-placeholder{order:2}.feature-layout.reverse .feature-copy{order:1}.landing-feature{padding:65px 0}.landing-intro{padding:75px 0 60px}.feature-shot{min-height:260px}}
@media(max-width:560px){.content-width,.landing-hero-inner{width:calc(100% - 36px)}.landing-hero h1{font-size:54px}.landing-lede{font-size:15px}.landing-actions{flex-direction:column;align-items:stretch}.landing-actions .button{width:100%}.landing-proof{gap:12px}.hero-shot{min-height:230px}.hero-stamp{width:82px;height:82px;right:-5px}.landing-intro h2,.feature-copy h2{font-size:48px}.landing-cta{padding:72px 0}.landing-cta h2{font-size:52px}}

/* Scroll reveal for the five numbered landing-page feature sections. */
@media (prefers-reduced-motion: no-preference) {
  .landing-page.landing-reveal-enabled .landing-feature .feature-layout {
    opacity: 0;
    transform: translate3d(-64px, 0, 0);
    transition: opacity 760ms ease, transform 760ms cubic-bezier(.22,.75,.2,1);
    will-change: opacity, transform;
  }
  .landing-page.landing-reveal-enabled .landing-feature:nth-of-type(even) .feature-layout {
    transform: translate3d(64px, 0, 0);
  }
  .landing-page.landing-reveal-enabled .landing-feature .feature-layout.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .landing-feature .feature-layout {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Landing-page screenshot slots: add numbered PNGs to /assets/img/landing-screenshots/. */
/* Keep screenshot images loadable even before their panel is marked as populated. */
.screenshot-placeholder .landing-screenshot{display:block;width:100%;height:100%;min-height:inherit;position:absolute;inset:0;object-fit:cover;object-position:center;opacity:0;transition:opacity 600ms ease-in-out}
.screenshot-placeholder.has-image:not(.directory-shot) .landing-screenshot{opacity:1}
.screenshot-placeholder.has-image>*:not(.landing-screenshot){display:none}
.screenshot-placeholder.has-image{padding:0;border-style:solid;background:#111}
.landing-hero-visual .hero-shot{min-height:365px}
@media(max-width:850px){.landing-hero-visual .hero-shot{min-height:280px}}
@media(max-width:560px){.landing-hero-visual .hero-shot{min-height:230px}}


/* Drivers and teams directory showcase: a calm crossfade between the two screenshots. */
.directory-shot .landing-screenshot {
  display: block;
  opacity: 1;
  transition: opacity 1000ms ease-in-out;
}
.directory-shot .landing-screenshot-secondary {
  opacity: 0;
}
.directory-shot.show-secondary .landing-screenshot:not(.landing-screenshot-secondary) {
  opacity: 0;
}
.directory-shot.show-secondary .landing-screenshot-secondary {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .directory-shot .landing-screenshot {
    transition: none;
  }
}