/* One gap between landing sections (owner 2026-10-27: "make sure the spacing between the sections is consistent").
   The same visible space sits between every section: from the last thing you see in one (button, card, slide)
   to the first thing you see in the next (pill, card, pricing arc): 96 px on phones, 128 px on tablets, 160 px on desktop.
   Values are per layout range because each section's own offsets change at the page's breakpoints;
   generated + checked by _uic-work/landing-spacing-probe (gen.mjs / gaps.py / emit.py). Re-run it after spacing edits. */

/* With the tighter gaps, the engine and reviews glows reach past their section's edge: let them fade out there
   instead of being cut into a hard line (owner 2026-10-27: "this is clashing"). Sideways stays clipped. */
html body #how-it-works, html body .ri-sec-reviews { overflow-x: clip !important; overflow-y: visible !important; }

/* The drawn shoe's box is much taller than the drawing and grows with the screen; trim that empty room so the gaps
   around 'Built from real runs' stay the same at every width. Phones/tablets: the shoe sits above the copy. */
@media (max-width: 1023px) {
  html body .why-different-tour-wrap #riShoeMorph { margin-top: calc(-0.165 * min(100%, 640px)) !important; }
}
/* Desktop: shoe left, copy right. The row is as tall as the taller of the two (the drawing's outline, not its box),
   not a fixed 700 px with the copy centred in it, so wrapping copy no longer moves the gaps. */
html body .why-different-tour-wrap .ri-particles-section { min-height: 0 !important; }
@media (min-width: 1024px) {
  html body .why-different-tour-wrap #riShoeMorph { margin-top: calc(-0.165 * 118%) !important; margin-bottom: calc(-0.095 * 118%) !important; }
}
@media (max-width: 600px) {
  html body #home { padding-bottom: 0px !important; }
  html body section:has(.why-different-tour-wrap) { padding-top: 82px !important; }
  html body .why-different-tour-wrap .ri-particles-section { padding-bottom: 24px !important; }
  html body .product-tour-section { padding-top: 72px !important; }
  html body .product-tour-section { padding-bottom: 26px !important; }
  html body #how-it-works { padding-top: 70px !important; }
  html body #how-it-works { padding-bottom: 0px !important; }
  html body #pricing { padding-top: 0px !important; margin-top: -8px !important; }
  html body #pricing { padding-bottom: 0px !important; }
  html body .ri-sec-reviews { padding-top: 0px !important; margin-top: -8px !important; }
  html body .ri-sec-reviews { padding-bottom: 15px !important; }
  html body #faq { padding-top: 80px !important; }
  html body #faq { padding-bottom: 26px !important; }
  html body #support { padding-top: 70px !important; }
  html body #support { padding-bottom: 32px !important; }
  html body .ri-sec-blog { padding-top: 64px !important; }
  html body .ri-sec-blog { padding-bottom: 80px !important; }
  html body .ri-sec-cta { padding-top: 16px !important; }
  html body .ri-sec-cta { padding-bottom: 0px !important; }
  html body .runit-newsletter-section { padding-top: 96px !important; }
}
@media (min-width: 601px) and (max-width: 639px) {
  html body #home { padding-bottom: 0px !important; }
  html body section:has(.why-different-tour-wrap) { padding-top: 58px !important; }
  html body .why-different-tour-wrap .ri-particles-section { padding-bottom: 24px !important; }
  html body .product-tour-section { padding-top: 72px !important; }
  html body .product-tour-section { padding-bottom: 26px !important; }
  html body #how-it-works { padding-top: 70px !important; }
  html body #how-it-works { padding-bottom: 0px !important; }
  html body #pricing { padding-top: 0px !important; margin-top: -8px !important; }
  html body #pricing { padding-bottom: 0px !important; }
  html body .ri-sec-reviews { padding-top: 0px !important; margin-top: -8px !important; }
  html body .ri-sec-reviews { padding-bottom: 15px !important; }
  html body #faq { padding-top: 80px !important; }
  html body #faq { padding-bottom: 26px !important; }
  html body #support { padding-top: 70px !important; }
  html body #support { padding-bottom: 32px !important; }
  html body .ri-sec-blog { padding-top: 64px !important; }
  html body .ri-sec-blog { padding-bottom: 80px !important; }
  html body .ri-sec-cta { padding-top: 16px !important; }
  html body .ri-sec-cta { padding-bottom: 0px !important; }
  html body .runit-newsletter-section { padding-top: 96px !important; }
}
@media (min-width: 640px) and (max-width: 700px) {
  html body #home { padding-bottom: 0px !important; }
  html body section:has(.why-different-tour-wrap) { padding-top: 58px !important; }
  html body .why-different-tour-wrap .ri-particles-section { padding-bottom: 24px !important; }
  html body .product-tour-section { padding-top: 72px !important; }
  html body .product-tour-section { padding-bottom: 26px !important; }
  html body #how-it-works { padding-top: 70px !important; }
  html body #how-it-works { padding-bottom: 0px !important; }
  html body #pricing { padding-top: 0px !important; margin-top: -8px !important; }
  html body #pricing { padding-bottom: 0px !important; }
  html body .ri-sec-reviews { padding-top: 55px !important; }
  html body .ri-sec-reviews { padding-bottom: 15px !important; }
  html body #faq { padding-top: 80px !important; }
  html body #faq { padding-bottom: 26px !important; }
  html body #support { padding-top: 70px !important; }
  html body #support { padding-bottom: 32px !important; }
  html body .ri-sec-blog { padding-top: 64px !important; }
  html body .ri-sec-blog { padding-bottom: 80px !important; }
  html body .ri-sec-cta { padding-top: 16px !important; }
  html body .ri-sec-cta { padding-bottom: 0px !important; }
  html body .runit-newsletter-section { padding-top: 96px !important; }
}
@media (min-width: 701px) and (max-width: 767px) {
  html body #home { padding-bottom: 0px !important; }
  html body section:has(.why-different-tour-wrap) { padding-top: 58px !important; }
  html body .why-different-tour-wrap .ri-particles-section { padding-bottom: 24px !important; }
  html body .product-tour-section { padding-top: 72px !important; }
  html body .product-tour-section { padding-bottom: 0px !important; }
  html body #how-it-works { padding-top: 60px !important; }
  html body #how-it-works { padding-bottom: 0px !important; }
  html body #pricing { padding-top: 0px !important; margin-top: -8px !important; }
  html body #pricing { padding-bottom: 0px !important; }
  html body .ri-sec-reviews { padding-top: 52px !important; }
  html body .ri-sec-reviews { padding-bottom: 15px !important; }
  html body #faq { padding-top: 80px !important; }
  html body #faq { padding-bottom: 26px !important; }
  html body #support { padding-top: 70px !important; }
  html body #support { padding-bottom: 32px !important; }
  html body .ri-sec-blog { padding-top: 64px !important; }
  html body .ri-sec-blog { padding-bottom: 80px !important; }
  html body .ri-sec-cta { padding-top: 16px !important; }
  html body .ri-sec-cta { padding-bottom: 0px !important; }
  html body .runit-newsletter-section { padding-top: 96px !important; }
}
@media (min-width: 768px) and (max-width: 1000px) {
  html body #home { padding-bottom: 0px !important; }
  html body section:has(.why-different-tour-wrap) { padding-top: 90px !important; }
  html body .why-different-tour-wrap .ri-particles-section { padding-bottom: 24px !important; }
  html body .product-tour-section { padding-top: 104px !important; }
  html body .product-tour-section { padding-bottom: 22px !important; }
  html body #how-it-works { padding-top: 70px !important; }
  html body #how-it-works { padding-bottom: 0px !important; }
  html body #pricing { padding-top: 24px !important; }
  html body #pricing { padding-bottom: 0px !important; }
  html body .ri-sec-reviews { padding-top: 74px !important; }
  html body .ri-sec-reviews { padding-bottom: 47px !important; }
  html body #faq { padding-top: 80px !important; }
  html body #faq { padding-bottom: 58px !important; }
  html body #support { padding-top: 70px !important; }
  html body #support { padding-bottom: 36px !important; }
  html body .ri-sec-blog { padding-top: 92px !important; }
  html body .ri-sec-blog { padding-bottom: 80px !important; }
  html body .ri-sec-cta { padding-top: 48px !important; }
  html body .ri-sec-cta { padding-bottom: 0px !important; }
  html body .runit-newsletter-section { padding-top: 128px !important; }
}
@media (min-width: 1001px) and (max-width: 1023px) {
  html body #home { padding-bottom: 0px !important; }
  html body section:has(.why-different-tour-wrap) { padding-top: 90px !important; }
  html body .why-different-tour-wrap .ri-particles-section { padding-bottom: 24px !important; }
  html body .product-tour-section { padding-top: 104px !important; }
  html body .product-tour-section { padding-bottom: 0px !important; }
  html body #how-it-works { padding-top: 112px !important; }
  html body #how-it-works { padding-bottom: 0px !important; }
  html body #pricing { padding-top: 24px !important; }
  html body #pricing { padding-bottom: 0px !important; }
  html body .ri-sec-reviews { padding-top: 67px !important; }
  html body .ri-sec-reviews { padding-bottom: 47px !important; }
  html body #faq { padding-top: 80px !important; }
  html body #faq { padding-bottom: 58px !important; }
  html body #support { padding-top: 70px !important; }
  html body #support { padding-bottom: 40px !important; }
  html body .ri-sec-blog { padding-top: 87px !important; }
  html body .ri-sec-blog { padding-bottom: 80px !important; }
  html body .ri-sec-cta { padding-top: 48px !important; }
  html body .ri-sec-cta { padding-bottom: 0px !important; }
  html body .runit-newsletter-section { padding-top: 128px !important; }
}
@media (min-width: 1024px) and (max-width: 1100px) {
  html body #home { padding-bottom: 0px !important; }
  html body section:has(.why-different-tour-wrap) { padding-top: 66px !important; }
  html body .why-different-tour-wrap .ri-particles-section { padding-bottom: 48px !important; }
  html body .product-tour-section { padding-top: 80px !important; }
  html body .product-tour-section { padding-bottom: 0px !important; }
  html body #how-it-works { padding-top: 112px !important; }
  html body #how-it-works { padding-bottom: 0px !important; }
  html body #pricing { padding-top: 24px !important; }
  html body #pricing { padding-bottom: 0px !important; }
  html body .ri-sec-reviews { padding-top: 64px !important; }
  html body .ri-sec-reviews { padding-bottom: 27px !important; }
  html body #faq { padding-top: 100px !important; }
  html body #faq { padding-bottom: 38px !important; }
  html body #support { padding-top: 90px !important; }
  html body #support { padding-bottom: 42px !important; }
  html body .ri-sec-blog { padding-top: 85px !important; }
  html body .ri-sec-blog { padding-bottom: 100px !important; }
  html body .ri-sec-cta { padding-top: 28px !important; }
  html body .ri-sec-cta { padding-bottom: 0px !important; }
  html body .runit-newsletter-section { padding-top: 128px !important; }
}
@media (min-width: 1101px) and (max-width: 1279px) {
  html body #home { padding-bottom: 0px !important; }
  html body section:has(.why-different-tour-wrap) { padding-top: 208px !important; }
  html body .why-different-tour-wrap .ri-particles-section { padding-bottom: 48px !important; }
  html body .product-tour-section { padding-top: 80px !important; }
  html body .product-tour-section { padding-bottom: 0px !important; }
  html body #how-it-works { padding-top: 112px !important; }
  html body #how-it-works { padding-bottom: 0px !important; }
  html body #pricing { padding-top: 24px !important; }
  html body #pricing { padding-bottom: 0px !important; }
  html body .ri-sec-reviews { padding-top: 56px !important; }
  html body .ri-sec-reviews { padding-bottom: 27px !important; }
  html body #faq { padding-top: 100px !important; }
  html body #faq { padding-bottom: 38px !important; }
  html body #support { padding-top: 90px !important; }
  html body #support { padding-bottom: 44px !important; }
  html body .ri-sec-blog { padding-top: 84px !important; }
  html body .ri-sec-blog { padding-bottom: 100px !important; }
  html body .ri-sec-cta { padding-top: 28px !important; }
  html body .ri-sec-cta { padding-bottom: 0px !important; }
  html body .runit-newsletter-section { padding-top: 128px !important; }
}
@media (min-width: 1280px) {
  html body #home { padding-bottom: 0px !important; }
  html body section:has(.why-different-tour-wrap) { padding-top: calc(222px - 0.117 * (min(100vw, 1560px) - 1440px)) !important; }
  html body .why-different-tour-wrap .ri-particles-section { padding-bottom: 48px !important; }
  html body .product-tour-section { padding-top: 112px !important; }
  html body .product-tour-section { padding-bottom: 0px !important; }
  html body #how-it-works { padding-top: 144px !important; }
  html body #how-it-works { padding-bottom: 0px !important; }
  html body #pricing { padding-top: 56px !important; }
  html body #pricing { padding-bottom: 0px !important; }
  html body .ri-sec-reviews { padding-top: 88px !important; }
  html body .ri-sec-reviews { padding-bottom: 59px !important; }
  html body #faq { padding-top: 100px !important; }
  html body #faq { padding-bottom: 50px !important; }
  html body #support { padding-top: 110px !important; }
  html body #support { padding-bottom: 44px !important; }
  html body .ri-sec-blog { padding-top: 116px !important; }
  html body .ri-sec-blog { padding-bottom: 100px !important; }
  html body .ri-sec-cta { padding-top: 60px !important; }
  html body .ri-sec-cta { padding-bottom: 0px !important; }
  html body .runit-newsletter-section { padding-top: 160px !important; }
}