*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  min-width: 0;
}

body > x-dc > div > div:not(.mobile-menu) {
  width: 100%;
  max-width: 1440px;
  margin-left: auto !important;
  margin-right: auto !important;
}

section,
footer {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

footer {
  max-width: none !important;
  padding: 0 !important;
}

.landing-page footer {
  position: relative;
  z-index: 2;
  display: block !important;
  min-height: 118px;
  margin-bottom: 72px !important;
  border-top: 0 !important;
  background: #121212;
  color: #fff;
}

.footer-inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

img, svg, video, canvas, image-slot {
  display: block;
  max-width: 100%;
}

p {
  line-height: 1.65 !important;
}

h3 {
  padding: 10px 0 0;
  margin-left: 0 !important;
}

.landing-page [data-screen-label="hero"] {
  overflow: hidden;
  isolation: isolate;
  max-width: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100%;
  height: calc(100svh - 125px);
  min-height: 0;
  padding-top: clamp(48px, 7vh, 100px) !important;
  padding-bottom: clamp(48px, 7vh, 100px) !important;
  background: #121212;
}

.hero-video-background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hero-video-background {
  z-index: -2;
  overflow: hidden;
  width: 100%;
  background: #121212;
}

.hero-video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  min-width: 177.78vh;
  height: 56.25vw;
  min-height: 100%;
  transform: translate(-50%, -50%) scale(.85);
  border: 0;
}

.hero-video-mobile {
  display: none;
}

.landing-page [data-screen-label="hero"] > div:not(.hero-video-background) {
  position: relative;
  z-index: 1;
}

.landing-page [data-screen-label="hero"] > .hero-copy {
  width: min(50%, 720px);
  max-width: 720px;
  margin-left: max(0px, calc((100vw - 1440px) / 2));
  margin-right: auto;
}

.hero-audience-pill {
  color:#fff !important;
  border:0 !important;
  background:linear-gradient(135deg,#1e6ea8 0%,#477fc4 52%,#8b6fc7 100%) !important;
}

.hero-audience-pill .material-icons,
.hero-audience-pill span {
  color:#fff !important;
}

.workspace-showcase-video {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  line-height: 0;
  border-radius: 18px;
  background: #121212;
}

.workspace-showcase-section {
  grid-template-columns: minmax(0, 1fr) minmax(440px, 1.08fr) !important;
  gap: clamp(44px, 5vw, 76px) !important;
  padding-top: 100px !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.workspace-showcase-video img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  border: 0;
  object-fit: cover;
  object-position: center 42%;
}

a, button {
  -webkit-tap-highlight-color: transparent;
}

/* Remove visual depth effects sitewide. Full-bleed section fills are excluded
   because their box-shadow declarations act as background extensions. */
body *:not(.ysc-light-section):not(.mid-page-cta):not(.klaviyo-signup-section),
body *::before,
body *::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

button,
a[style*="border-radius:100px"],
a[style*="border-radius: 100px"],
.checkout-primary,
.checkout-secondary,
.mobile-menu-cta,
.mobile-nav summary {
  border-radius: 8px !important;
}

[style*="border-radius:100px"],
[style*="border-radius: 100px"],
.checkout-primary,
.checkout-secondary {
  border-radius: 8px !important;
}

@keyframes yscTwinkleOne {
  0%, 100% { opacity: .25; transform: scale(.65) rotate(0deg); }
  45% { opacity: 1; transform: scale(1.15) rotate(18deg); }
}

@keyframes yscTwinkleTwo {
  0%, 100% { opacity: .85; transform: scale(1) rotate(0deg); }
  55% { opacity: .2; transform: scale(.55) rotate(-22deg); }
}

.sparkle-cta {
  position: relative !important;
  isolation: isolate;
}

.sparkle-cta::before,
.sparkle-cta::after {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  color: #fff7cf;
  line-height: 1;
  text-shadow: 0 0 8px rgba(255,247,207,.8);
}

.sparkle-cta::before {
  content: "✦";
  top: -8px;
  left: 12px;
  font-size: 15px;
  animation: yscTwinkleOne 2.2s ease-in-out infinite;
}

.sparkle-cta::after {
  content: "✧";
  right: 10px;
  bottom: -7px;
  font-size: 17px;
  animation: yscTwinkleTwo 2.6s ease-in-out .35s infinite;
}

.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: oklch(97% 0.01 90);
  text-decoration: none;
}

.brand-logo {
  width: 85px;
  height: auto;
  flex: 0 0 85px;
  object-fit: contain;
}

.brand-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.1;
  letter-spacing: -.02em;
  white-space: nowrap;
}

.brand-name strong {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}

.brand-name small {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.desktop-nav > a:not(:last-child) {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.checkout-options {
  display: grid;
  gap: 12px;
}

.checkout-primary,
.checkout-secondary {
  display: block;
  padding: 14px 18px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  font-size:16px;
  font-weight: 700;
  transition: filter .2s, background .2s, border-color .2s;
}

.checkout-primary {
  color: oklch(15% 0.02 260);
  background: #c96831;
}

.checkout-secondary {
  color: oklch(92% 0.01 90);
  border: 1px solid color-mix(in srgb, #c96831 70%, white);
}

.checkout-primary:hover,
.checkout-secondary:hover {
  filter: brightness(1.08);
}

nav {
  position: sticky;
  max-width: none !important;
  padding: 0 !important;
}

.nav-inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

nav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 4px;
  background: linear-gradient(90deg, #d68a28 0%, #d6a927 22%, #2b7bb9 52%, #6e81d4 74%, #9b6bd8 100%);
  pointer-events: none;
}

.mobile-nav,
.mobile-menu { display: none; }

.mobile-nav summary {
  width: 48px;
  height: 48px;
  padding: 12px;
  border: 1px solid rgba(247,245,239,.25);
  border-radius: 12px;
  background: transparent;
  cursor: pointer;
  list-style: none;
}

.mobile-nav summary::-webkit-details-marker { display: none; }

.mobile-nav summary span {
  display: block;
  width: 100%;
  height: 2px;
  margin: 5px 0;
  border-radius: 2px;
  background: #f7f5ef;
  transition: transform .2s ease, opacity .2s ease;
}

.mobile-nav[open] summary span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mobile-nav[open] summary span:nth-child(2) { opacity: 0; }
.mobile-nav[open] summary span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 49;
  padding: 18px;
  gap: 8px;
  background: #121212;
  border-bottom: 1px solid rgba(247,245,239,.14);
  box-shadow: 0 18px 35px rgba(0,0,0,.35);
}

.mobile-menu a {
  display: block;
  padding: 14px 16px;
  border-radius: 10px;
  color: #f7f5ef;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.mobile-menu a:hover,
.mobile-menu a:focus-visible { background: rgba(247,245,239,.08); }

.mobile-menu .mobile-menu-cta {
  margin-top: 6px;
  color: #121212;
  background: #c96831;
  text-align: center;
}

.ysc-light-section {
  background: #f7f5ef !important;
  color: #121212 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow:
    0 0 0 100vmax #f7f5ef,
    0 -2px 0 #f7f5ef,
    0 2px 0 #f7f5ef !important;
  clip-path: inset(0 -100vmax);
}

.ysc-light-section + .ysc-light-section {
  margin-top: -1px !important;
}

/* Keep adjacent cream sections visually seamless. */
.benefit-strip,
.mid-page-cta,
.mid-page-cta + .ysc-light-section {
  border: 0 !important;
  outline: 0 !important;
}

.mid-page-cta {
  position: relative;
  z-index: 1;
  box-shadow:
    0 0 0 100vmax #f7f5ef,
    0 -2px 0 #f7f5ef,
    0 2px 0 #f7f5ef !important;
}

.ysc-light-section [style*="color:oklch"],
.ysc-light-section [style*="color: oklch"] {
  color: #333 !important;
}

.ysc-light-section h1,
.ysc-light-section h2,
.ysc-light-section h3,
.ysc-light-section strong {
  color: #121212 !important;
}

.ysc-light-section [style*="background:oklch(19%"],
.ysc-light-section [style*="background:oklch(20%"],
.ysc-light-section [style*="background: oklch(19%"],
.ysc-light-section [style*="background: oklch(20%"],
.ysc-light-section [style*="background:oklch(0.19"],
.ysc-light-section [style*="background:oklch(0.20"],
.ysc-light-section [style*="background: oklch(0.19"],
.ysc-light-section [style*="background: oklch(0.20"],
.ysc-light-section [style*="background:color-mix"],
.ysc-light-section [style*="background: color-mix"],
.landing-page .ysc-light-section [onclick],
.ysc-light-section [style*="border-radius:16px"][style*="padding:26px"],
.ysc-light-section [style*="border-radius:16px"][style*="padding:28px"],
.ysc-light-section [style*="border-radius:20px"][style*="padding:44px"],
.ysc-light-section [style*="border-radius:100px"][style*="padding:12px 24px"] {
  background: #fff !important;
  border-color: #ded9cf !important;
  box-shadow: 0 18px 45px -32px rgba(18,18,18,.35) !important;
}

/* Soft color wash and rainbow edge for the interactive concern cards. */
.ysc-light-section .concern-card {
  --card-tint: rgba(214, 169, 39, .14);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(90deg, var(--card-tint) 0%, rgba(255,255,255,.98) 30%, #fff 100%) !important;
  border: 1px solid #ded6c9 !important;
  border-top-width: 1px !important;
  box-shadow: 0 14px 34px -28px rgba(18,18,18,.4) !important;
}

.ysc-light-section .concern-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: #121212;
  z-index: -1;
}

.ysc-light-section .concern-card--purple { --card-tint: rgba(139, 111, 199, .15); }
.ysc-light-section .concern-card--green  { --card-tint: rgba(111, 143, 114, .16); }
.ysc-light-section .concern-card--blue   { --card-tint: rgba(43, 123, 185, .13); }
.ysc-light-section .concern-card--rose   { --card-tint: rgba(189, 58, 62, .12); }
.ysc-light-section .concern-card--gold   { --card-tint: rgba(214, 169, 39, .14); }

.ysc-light-section .concern-card:hover,
.ysc-light-section .concern-card:focus-within {
  transform: translateY(-3px);
  border-color: #c9bca9 !important;
  box-shadow: 0 18px 38px -25px rgba(18,18,18,.45) !important;
}

/* Elevated resource cards with restrained brand color. */
.ysc-light-section .resource-card {
  --resource-color: #c96831;
  --resource-tint: rgba(201, 104, 49, .12);
  position: relative;
  overflow: hidden;
  min-height: 270px;
  padding: 34px 30px !important;
  background: linear-gradient(145deg, var(--resource-tint) 0%, #fff 42%, #fff 100%) !important;
  border: 1px solid #ded6c9 !important;
  box-shadow: 0 22px 48px -34px rgba(18,18,18,.5) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.ysc-light-section .resource-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--resource-color), #d6a927, #2b7bb9, #8b6fc7);
}

.ysc-light-section .resource-card.resource-card--image {
  min-height: 0;
  padding: 0 !important;
  background: #fff !important;
}

.ysc-light-section .resource-card.resource-card--image::before {
  display: none;
}

.resource-card--image > img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  border-radius: 15px 15px 0 0;
}

.resource-card--image .resource-card-copy {
  padding: 26px 28px 30px;
  margin-bottom: 0 !important;
  font-size: inherit !important;
}

.ysc-light-section .resource-card > div:first-child {
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 24px !important;
  border: 1px solid color-mix(in srgb, var(--resource-color) 25%, white);
  border-radius: 15px !important;
  background: color-mix(in srgb, var(--resource-color) 13%, white) !important;
  box-shadow: 0 10px 22px -16px var(--resource-color);
}

.ysc-light-section .resource-card > div:first-child span {
  color: var(--resource-color) !important;
  font-size: 23px !important;
}

.ysc-light-section .resource-card > div:nth-child(2) {
  margin-bottom: 12px !important;
  font-size: 18px !important;
}

.ysc-light-section .resource-card--orange { --resource-color: #984b23; --resource-tint: rgba(201,104,49,.12); }
.ysc-light-section .resource-card--purple { --resource-color: #62449b; --resource-tint: rgba(139,111,199,.13); }
.ysc-light-section .resource-card--green  { --resource-color: #426447; --resource-tint: rgba(111,143,114,.14); }

.ysc-light-section .resource-card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--resource-color) 35%, #ded6c9) !important;
  box-shadow: 0 30px 58px -34px rgba(18,18,18,.55) !important;
}

.klaviyo-signup-section {
  background:
    radial-gradient(circle, rgba(139,111,199,.22) 1px, transparent 1.4px) 0 0 / 24px 24px,
    #111315 !important;
  box-shadow: 0 0 0 100vmax #111315;
  clip-path: inset(0 -100vmax);
}

.klaviyo-form-wrap {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.klaviyo-form-wrap form {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Homepage dark treatment. Typography remains owned by the existing page styles. */
.landing-page .ysc-light-section,
.landing-page .mid-page-cta {
  background: #100e0d !important;
  color: #f4efea !important;
  box-shadow:
    0 0 0 100vmax #100e0d,
    0 -2px 0 #100e0d,
    0 2px 0 #100e0d !important;
}

.landing-page .ysc-light-section [style*="color:oklch"],
.landing-page .ysc-light-section [style*="color: oklch"],
.landing-page .ysc-light-section h1,
.landing-page .ysc-light-section h2,
.landing-page .ysc-light-section h3,
.landing-page .ysc-light-section strong {
  color: #f4efea !important;
}

.landing-page .ysc-light-section p,
.landing-page .ysc-light-section .product-proof-heading p {
  color: rgba(244, 239, 234, .72) !important;
}

.landing-page .ysc-light-section [style*="background:oklch(19%"],
.landing-page .ysc-light-section [style*="background:oklch(20%"],
.landing-page .ysc-light-section [style*="background: oklch(19%"],
.landing-page .ysc-light-section [style*="background: oklch(20%"],
.landing-page .ysc-light-section [style*="background:oklch(0.19"],
.landing-page .ysc-light-section [style*="background:oklch(0.20"],
.landing-page .ysc-light-section [style*="background: oklch(0.19"],
.landing-page .ysc-light-section [style*="background: oklch(0.20"],
.landing-page .ysc-light-section [style*="background:color-mix"],
.landing-page .ysc-light-section [style*="background: color-mix"],
.landing-page .ysc-light-section [onclick],
.landing-page .ysc-light-section [style*="border-radius:16px"][style*="padding:26px"],
.landing-page .ysc-light-section [style*="border-radius:16px"][style*="padding:28px"],
.landing-page .ysc-light-section [style*="border-radius:20px"][style*="padding:44px"] {
  background: #171514 !important;
  border-color: rgba(244, 239, 234, .12) !important;
  box-shadow: none !important;
}

.landing-page .ysc-light-section .concern-card {
  background: linear-gradient(90deg, var(--card-tint) 0%, #171514 34%, #171514 100%) !important;
  border-color: rgba(244, 239, 234, .12) !important;
  box-shadow: none !important;
}

.landing-page .ysc-light-section .concern-card::before {
  background: rgba(244, 239, 234, .3);
}

.landing-page .ysc-light-section .resource-card,
.landing-page .ysc-light-section .resource-card.resource-card--image {
  background: #171514 !important;
  border-color: rgba(244, 239, 234, .12) !important;
  box-shadow: none !important;
}

.landing-page .ysc-light-section .resource-card > div:first-child {
  border-color: color-mix(in srgb, var(--resource-color) 45%, #171514);
  background: color-mix(in srgb, var(--resource-color) 18%, #171514) !important;
}

.landing-page .product-proof-copy {
  background: #171514;
}

.landing-page .product-proof-copy h3,
.landing-page .product-proof-copy p,
.landing-page .product-proof-copy .product-proof-result {
  color: #f4efea !important;
}

.landing-page section[style*="background:oklch(95%"],
.landing-page section[style*="background: oklch(95%"] {
  background: #100e0d !important;
  color: #f4efea !important;
}

.landing-page section[style*="background:oklch(95%"] [style*="background:oklch"],
.landing-page section[style*="background: oklch(95%"] [style*="background:oklch"] {
  background: #171514 !important;
  border-color: rgba(244, 239, 234, .12) !important;
}

.landing-page section[style*="background:oklch(95%"] [style*="color:oklch"],
.landing-page section[style*="background: oklch(95%"] [style*="color:oklch"] {
  color: rgba(244, 239, 234, .76) !important;
}

.klaviyo-form-wrap button {
  border-radius: 8px !important;
}

.features-page .ysc-light-section div[style*="width:52px"][style*="height:52px"][style*="border-radius:50%"],
.features-page .ysc-light-section div[style*="width: 52px"][style*="height: 52px"][style*="border-radius: 50%"] {
  background: #111315 !important;
  border-color: #3d4044 !important;
  box-shadow: 0 9px 20px -14px rgba(18,18,18,.8);
}

.features-page .ysc-light-section div[style*="width:52px"][style*="height:52px"][style*="border-radius:50%"] span,
.features-page .ysc-light-section div[style*="width: 52px"][style*="height: 52px"][style*="border-radius: 50%"] span {
  color: #fff !important;
}

.features-page section:not(.ysc-light-section) [style*="background:oklch(19%"] *,
.features-page section:not(.ysc-light-section) [style*="background: oklch(19%"] *,
.features-page section:not(.ysc-light-section) [style*="background:oklch(0.19"] *,
.features-page section:not(.ysc-light-section) [style*="background: oklch(0.19"] * {
  color: #fff !important;
}

.features-page .feature-band-inner {
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
}

.features-page .feature-band {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.feature-pull-quote-card {
  position: relative;
  overflow: hidden;
  padding: 42px 64px 38px;
  border: 1px solid #ded6c9;
  border-radius: 20px;
  background:
    linear-gradient(110deg, rgba(214,169,39,.12), rgba(139,111,199,.11) 48%, rgba(111,143,114,.12)),
    #fff;
  box-shadow: 0 22px 48px -36px rgba(18,18,18,.5);
}

.feature-pull-quote-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, #d6a927, #c96831, #2b7bb9, #8b6fc7, #6f8f72);
}

.feature-quote-mark {
  display: block;
  height: 28px;
  margin-bottom: 8px;
  color: #8b6fc7 !important;
  font-family: 'Newsreader', serif;
  font-size: 56px;
  font-weight: 700;
  line-height: .9;
}

.pricing-assurance-section { width:100%; max-width:none !important; padding:32px 48px 48px; }
.pricing-assurance-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; overflow:hidden; width:100%; max-width:1440px; margin:0 auto; border:1px solid #2d3b4e; border-radius:16px; background:#2d3b4e; }
.pricing-assurance-item { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; align-items:center; padding:26px 28px; background:#121822; }
.pricing-assurance-item > .material-icons { display:grid; width:48px; height:48px; place-items:center; color:#fff; border-radius:10px; background:linear-gradient(135deg,#c96831,#d68a28); font-size:24px; }
.pricing-assurance-item--preview > .material-icons { background:linear-gradient(135deg,#6f8f72,#1e6ea8); }
.pricing-assurance-item strong { display:block; margin-bottom:6px; color:#fff !important; font-size:18px; line-height:1.35; }
.pricing-assurance-item p { margin:0; color:#fff !important; font-size:16px; line-height:1.6; }

@media (max-width: 760px) {
  .pricing-assurance-section { padding:24px 20px 40px !important; }
  .pricing-assurance-panel { grid-template-columns:minmax(0,1fr); }

  .pricing-pull-quote {
    padding-top: 20px !important;
    padding-bottom: 56px !important;
  }
}

/* Brand-tinted gradients for every feature card. */
.features-page section [style*="border-radius:16px"][style*="padding:26px 28px"] {
  --feature-light-tint: rgba(214,169,39,.14);
  --feature-dark-tint: rgba(214,169,39,.12);
  position: relative;
  overflow: hidden;
  border-color: #ded6c9 !important;
  box-shadow: 0 18px 38px -30px rgba(18,18,18,.5) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.features-page section .ysc-light-section [style*="border-radius:16px"][style*="padding:26px 28px"],
.features-page section.ysc-light-section [style*="border-radius:16px"][style*="padding:26px 28px"] {
  background: linear-gradient(105deg, var(--feature-light-tint) 0%, rgba(255,255,255,.98) 38%, #fff 100%) !important;
}

.features-page .feature-band [style*="border-radius:16px"][style*="padding:26px 28px"] {
  background: linear-gradient(115deg, var(--feature-dark-tint) 0%, #080c14 42%, #080c14 100%) !important;
  border-color: #323842 !important;
}

.features-page section [style*="grid-template-columns:repeat(2,1fr)"] > div:nth-child(5n + 2),
.features-page section [style*="grid-template-columns:repeat(3,1fr)"] > div:nth-child(5n + 2) {
  --feature-light-tint: rgba(139,111,199,.15);
  --feature-dark-tint: rgba(139,111,199,.14);
}

.features-page section [style*="grid-template-columns:repeat(2,1fr)"] > div:nth-child(5n + 3),
.features-page section [style*="grid-template-columns:repeat(3,1fr)"] > div:nth-child(5n + 3) {
  --feature-light-tint: rgba(111,143,114,.16);
  --feature-dark-tint: rgba(111,143,114,.13);
}

.features-page section [style*="grid-template-columns:repeat(2,1fr)"] > div:nth-child(5n + 4),
.features-page section [style*="grid-template-columns:repeat(3,1fr)"] > div:nth-child(5n + 4) {
  --feature-light-tint: rgba(43,123,185,.13);
  --feature-dark-tint: rgba(43,123,185,.13);
}

.features-page section [style*="grid-template-columns:repeat(2,1fr)"] > div:nth-child(5n + 5),
.features-page section [style*="grid-template-columns:repeat(3,1fr)"] > div:nth-child(5n + 5) {
  --feature-light-tint: rgba(189,58,62,.12);
  --feature-dark-tint: rgba(189,58,62,.12);
}

.features-page section [style*="border-radius:16px"][style*="padding:26px 28px"]:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 48px -30px rgba(18,18,18,.58) !important;
}

/* Structural fallback: the page renderer may normalize inline style attributes. */
.features-page .feature-card-section > div:last-child > div,
.features-page .feature-band-inner > div:last-child > div {
  --feature-light-tint: rgba(214,169,39,.22);
  --feature-dark-tint: rgba(214,169,39,.2);
  position: relative;
  overflow: hidden;
  border-color: #d8cdbd !important;
  box-shadow: 0 18px 38px -28px rgba(18,18,18,.5) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.features-page .feature-card-section > div:last-child > div {
  background: linear-gradient(105deg, var(--feature-light-tint) 0%, rgba(255,255,255,.98) 42%, #fff 100%) !important;
}

.features-page .feature-band-inner > div:last-child > div {
  background: linear-gradient(115deg, var(--feature-dark-tint) 0%, #080c14 46%, #080c14 100%) !important;
  border-color: #343b46 !important;
}

.features-page .feature-card-section > div:last-child > div:nth-child(5n + 2),
.features-page .feature-band-inner > div:last-child > div:nth-child(5n + 2) {
  --feature-light-tint: rgba(139,111,199,.23);
  --feature-dark-tint: rgba(139,111,199,.21);
}

.features-page .feature-card-section > div:last-child > div:nth-child(5n + 3),
.features-page .feature-band-inner > div:last-child > div:nth-child(5n + 3) {
  --feature-light-tint: rgba(111,143,114,.24);
  --feature-dark-tint: rgba(111,143,114,.2);
}

.features-page .feature-card-section > div:last-child > div:nth-child(5n + 4),
.features-page .feature-band-inner > div:last-child > div:nth-child(5n + 4) {
  --feature-light-tint: rgba(43,123,185,.21);
  --feature-dark-tint: rgba(43,123,185,.2);
}

.features-page .feature-card-section > div:last-child > div:nth-child(5n + 5),
.features-page .feature-band-inner > div:last-child > div:nth-child(5n + 5) {
  --feature-light-tint: rgba(189,58,62,.2);
  --feature-dark-tint: rgba(189,58,62,.18);
}

.features-page .feature-card-section > div:last-child > div:hover,
.features-page .feature-band-inner > div:last-child > div:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 52px -30px rgba(18,18,18,.62) !important;
}

/* Consistent vertical rhythm and comfortable reading measure. */
section > div > h2,
section > h2 {
  line-height: 1.18 !important;
}

section p,
section [style*="line-height:1.6"] {
  line-height: 1.65 !important;
}

.ysc-light-section [style*="border-radius:16px"][style*="padding:26px"],
.ysc-light-section [style*="border-radius:16px"][style*="padding:28px"] {
  padding: 28px !important;
}

.ysc-light-section input {
  background: #fff !important;
  color: #121212 !important;
  border-color: #aaa397 !important;
}

.ysc-light-section input::placeholder {
  color: #625d55 !important;
  opacity: 1;
}

.ysc-light-section [style*="color:#d68a28"],
.ysc-light-section [style*="color: #d68a28"] { color: #93491d !important; }

.ysc-light-section [style*="color:#8b6fc7"],
.ysc-light-section [style*="color: #8b6fc7"] { color: #62449b !important; }

.ysc-light-section [style*="color:#6f8f72"],
.ysc-light-section [style*="color: #6f8f72"] { color: #426447 !important; }

.ysc-light-section [style*="color:#c96831"],
.ysc-light-section [style*="color: #c96831"] { color: #984b23 !important; }

/* The page renderer normalizes some inline colors to rgb(); cover both forms. */
.ysc-light-section [style*="color: rgb(214, 138, 40)"],
.ysc-light-section [style*="color:rgb(214, 138, 40)"] { color: #7f3f18 !important; }

.ysc-light-section [style*="color: rgb(139, 111, 199)"],
.ysc-light-section [style*="color:rgb(139, 111, 199)"] { color: #574086 !important; }

.ysc-light-section [style*="color: rgb(111, 143, 114)"],
.ysc-light-section [style*="color:rgb(111, 143, 114)"] { color: #38583d !important; }

.ysc-light-section [style*="color: rgb(201, 104, 49)"],
.ysc-light-section [style*="color:rgb(201, 104, 49)"] { color: #813d1b !important; }

.ysc-light-section a[style*="background"],
.ysc-light-section button[style*="background"] {
  color: #121212 !important;
}

.ysc-light-section .checkout-secondary {
  color: #121212;
}

.section-eyebrow { color:#8b6fc7; font-size:16px; font-weight:800; letter-spacing:.12em; margin-bottom:12px; }

.product-proof-section,
.core-tools-section,
.purchase-confidence-section { width:100%; max-width:none !important; padding:100px 48px; }
.product-proof-section { padding-bottom:0; }

.product-proof-heading,
.core-tools-heading,
.purchase-confidence-heading,
.product-proof-grid,
.core-tools-grid,
.purchase-confidence-grid,
.product-proof-footer,
.core-tools-note { width:100%; max-width:1440px; margin-left:auto; margin-right:auto; }

.product-proof-heading,
.core-tools-heading,
.purchase-confidence-heading { max-width:900px; margin-bottom:48px; text-align:center; }

.product-proof-heading h2,
.core-tools-heading h2,
.purchase-confidence-heading h2 { margin:0 0 16px; color:#121212; font-size:clamp(34px,4vw,48px); line-height:1.12; letter-spacing:-.03em; }

.product-proof-heading p,
.core-tools-heading p,
.purchase-confidence-heading p { margin:0; color:#3f4143; font-family:'Newsreader',serif; font-size:22px; line-height:1.55; }

.product-proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.dashboard-showcase { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr); gap:34px; align-items:center; width:100%; max-width:1440px; margin:0 auto 28px; padding:30px; overflow:hidden; color:#fff; border:1px solid #283749; border-radius:22px; background:radial-gradient(circle at 88% 10%,rgba(30,110,168,.28),transparent 38%),radial-gradient(circle at 14% 90%,rgba(139,111,199,.22),transparent 35%),#121212; box-shadow:0 28px 60px -42px rgba(18,18,18,.8); }
.dashboard-showcase-copy { padding:10px; }
.dashboard-showcase-copy h3 { margin:0 0 16px; color:#fff !important; font-size:clamp(28px,3vw,40px); line-height:1.15; letter-spacing:-.025em; }
.dashboard-showcase-copy p { margin:0 0 22px; color:#f0ede6; font-family:'Newsreader',serif; font-size:20px; line-height:1.55; }
.dashboard-showcase-points { display:grid; gap:11px; }
.dashboard-showcase-points span { position:relative; padding-left:26px; color:#fff; font-size:16px; font-weight:700; line-height:1.45; }
.dashboard-showcase-points span::before { content:'✓'; position:absolute; left:0; color:#d68a28; font-weight:900; }
.dashboard-showcase-image { overflow:hidden; border:1px solid #344659; border-radius:14px; box-shadow:0 20px 44px -28px #000; }
.dashboard-showcase-image img { display:block; width:100%; height:auto; }
.product-proof-card { --proof-accent:#c96831; display:flex; flex-direction:column; overflow:hidden; padding:14px 14px 24px; color:#fff; border:0; border-radius:20px; background:#121212; box-shadow:none; }
.product-proof-card--purple { --proof-accent:#8b6fc7; }
.product-proof-card--green { --proof-accent:#6f8f72; }
.product-proof-step { display:flex; align-items:center; gap:10px; padding:4px 4px 14px; color:var(--proof-accent); font-size:16px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.product-proof-step span { display:grid; width:34px; height:34px; place-items:center; color:#fff; border-radius:8px; background:var(--proof-accent); }
.product-proof-card--orange .product-proof-step span { background:linear-gradient(135deg,#c96831,#d68a28); }
.product-proof-card--purple .product-proof-step span { background:linear-gradient(135deg,#8b6fc7,#1e6ea8); }
.product-proof-card--green .product-proof-step span { background:linear-gradient(135deg,#6f8f72,#1e6ea8); }
.product-proof-image,.core-tool-card > img { overflow:hidden; border-radius:12px; background:#121212; }
.product-proof-image { aspect-ratio:16/10; margin-bottom:22px; }
.product-proof-image img,.core-tool-card > img { width:100%; height:100%; object-fit:cover; object-position:top left; }
.product-proof-card h3,.core-tool-card h3,.purchase-confidence-grid h3 { margin:0 4px 10px; color:#121212; font-size:21px; line-height:1.3; }
.product-proof-card h3 { color:#fff !important; }
.product-proof-card p,.product-proof-result,.core-tool-card p,.purchase-confidence-grid p,.core-tools-note,.product-proof-footer p { color:#44474a; font-size:16px; line-height:1.6; }
.product-proof-card p { color:#e7e4dd; }
.product-proof-card .product-proof-result { color:#fff; }
.product-proof-card p { margin:0 4px 16px; }
.product-proof-result { margin:0 4px; padding-top:14px; border-top:1px solid color-mix(in srgb,var(--proof-accent) 30%,#ddd5c8); font-weight:700; }
.product-proof-copy { flex:1; margin:0 -14px -24px; padding:22px 32px 24px; border-radius:0 0 20px 20px; background:#fff; }
.product-proof-card .product-proof-image { margin-bottom:0; border-radius:12px 12px 0 0; }
.product-proof-copy h3 { color:#121212 !important; }
.product-proof-copy p { color:#44474a; }
.product-proof-copy .product-proof-result { color:#121212; }
.product-proof-footer { position:relative; display:flex; align-items:center; justify-content:space-between; gap:40px; overflow:hidden; margin-top:34px; padding:30px 34px; border:0; border-radius:18px; background-color:#121212; background-image:radial-gradient(circle at 1px 1px,rgba(107,177,211,.22) 1px,transparent 1.2px),linear-gradient(115deg,rgba(201,104,49,.16),transparent 35%,rgba(139,111,199,.18)); background-size:22px 22px,100% 100%; }
.product-proof-footer::before { content:''; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,#d68a28,#c96831,#8b6fc7,#4e94b5,#6f8f72); }
.product-proof-footer > div { max-width:850px; }
.product-proof-footer-label { display:block; margin-bottom:7px; color:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-size:22px; font-weight:700; line-height:1.25; }
.product-proof-footer p { margin:0; color:#f0ede6; }
.product-proof-footer a { flex:0 0 auto; padding:14px 18px; color:#fff; border-radius:8px; background:linear-gradient(135deg,#c96831,#a65029); box-shadow:none; font-size:16px; font-weight:800; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.product-proof-footer a:hover { color:#fff; background:linear-gradient(135deg,#de7b42,#b85a30); transform:translateY(-2px); }

.steady-process-section { padding:100px 48px; background:radial-gradient(oklch(32% 0.03 265) 1px,transparent 1px) 0 0/24px 24px,oklch(19% 0.025 265); }
.steady-process-inner { width:100%; max-width:1440px; margin:0 auto; }
.steady-process-heading { max-width:900px; margin:0 auto 64px; text-align:center; }
.steady-process-heading h2 { margin:0 0 14px; color:#fff; font-size:clamp(34px,4vw,40px); font-weight:800; line-height:1.15; letter-spacing:-.02em; }
.steady-process-heading h2 span { color:transparent; background:linear-gradient(100deg,#d68a28,#6f8f72); background-clip:text; -webkit-background-clip:text; }
.steady-process-heading p { margin:0; color:#fff; font-size:17px; line-height:1.6; }
.steady-process-grid { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; }
.steady-process-grid::before { content:''; position:absolute; top:23px; right:12.5%; left:12.5%; height:1px; background:linear-gradient(90deg,#c96831,#6f8f72,#8b6fc7); }
.steady-process-step { position:relative; padding:0 18px; text-align:center; }
.steady-process-number { position:relative; z-index:1; display:grid; width:46px; height:46px; margin:0 auto 24px; place-items:center; color:#fff; border:2px solid var(--step-accent); border-radius:50%; background:#121822; font-size:16px; font-weight:800; }
.steady-process-step--capture { --step-accent:#c96831; }
.steady-process-step--capture .steady-process-number { background:linear-gradient(135deg,#c96831,#d68a28); }
.steady-process-step--clarify { --step-accent:#6f8f72; }
.steady-process-step--communicate { --step-accent:#8b6fc7; }
.steady-process-step--decide { --step-accent:#4e94b5; }
.steady-process-step--decide .steady-process-number { background:linear-gradient(135deg,#1e6ea8,#8b6fc7); }
.steady-process-copy h3 { margin:0 0 10px; color:#fff; font-size:18px; line-height:1.3; }
.steady-process-copy p { margin:0; color:#e7e4dd; font-size:16px; line-height:1.6; }

.core-tools-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.core-tool-card { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:28px; align-items:center; padding:18px; border:1px solid #ddd5c8; border-radius:20px; background:linear-gradient(135deg,rgba(139,111,199,.1),#fff 45%); }
.features-page .core-tool-card { --core-accent:#c96831; border-color:#2d3b4e; background:linear-gradient(145deg,color-mix(in srgb,var(--core-accent) 10%,transparent),rgba(139,111,199,.04) 58%),#121822; box-shadow:none !important; }
.features-page .core-tool-card:nth-child(2) { --core-accent:#6f8f72; }
.features-page .core-tool-card:nth-child(3) { --core-accent:#8b6fc7; }
.features-page .core-tool-card:nth-child(4) { --core-accent:#1e6ea8; }
.features-page .core-tool-card:nth-child(5) { --core-accent:#d68a28; }
.features-page .core-tool-card h3,
.features-page .core-tool-card p,
.features-page .core-tool-card p strong { color:#fff !important; }
.features-page .core-tool-card .core-tool-step { display:flex; align-items:center; gap:10px; color:var(--core-accent) !important; }
.features-page .core-tool-card .core-tool-step b { display:grid; width:34px; height:34px; place-items:center; flex:0 0 34px; color:#fff; border-radius:8px; background:var(--core-accent); font-size:16px; }
.features-page .core-tool-card:nth-child(1) .core-tool-step b { background:linear-gradient(135deg,#c96831,#d68a28); }
.features-page .core-tool-card:nth-child(2) .core-tool-step b { background:linear-gradient(135deg,#6f8f72,#1e6ea8); }
.features-page .core-tool-card:nth-child(3) .core-tool-step b { background:linear-gradient(135deg,#8b6fc7,#1e6ea8); }
.features-page .core-tool-card:nth-child(4) .core-tool-step b { background:linear-gradient(135deg,#1e6ea8,#8b6fc7); }
.features-page .core-tool-card:nth-child(5) .core-tool-step b { background:linear-gradient(135deg,#d68a28,#c96831); }
.features-page .core-tool-card .completion-time { color:#fff !important; border:1px solid color-mix(in srgb,var(--core-accent) 70%,#fff); background:color-mix(in srgb,var(--core-accent) 34%,#121822); }
.core-tool-card--wide { grid-column:1/-1; }
.core-tool-card--wide > img { aspect-ratio:16/7; }
.core-tool-card:not(.core-tool-card--wide):not(.core-tool-card--compact) { grid-template-columns:1fr; }
.core-tool-card:not(.core-tool-card--wide) > img { aspect-ratio:16/9; }
.core-tool-copy { padding:12px; }
.core-tool-copy > span { display:block; margin-bottom:10px; color:#8b6fc7; font-size:16px; font-weight:800; letter-spacing:.08em; }
.core-tool-card p { margin:8px 0; }
.completion-time { display:inline-flex; margin-top:14px; padding:8px 12px; color:#194c54; border-radius:8px; background:rgba(30,110,168,.1); font-size:16px; font-weight:800; }
.core-tool-card--compact { grid-template-columns:1fr; min-height:260px; }
.core-tool-icon { display:grid; width:58px; height:58px; place-items:center; color:#fff; border-radius:14px; background:linear-gradient(135deg,#1e6ea8,#8b6fc7); font-family:'Material Icons'; font-size:28px; }
.core-tools-note { position:relative; display:flex; align-items:center; gap:18px; overflow:hidden; margin-top:28px; padding:26px 30px; color:#fff; border:1px solid #2d3b4e; border-radius:16px; background:radial-gradient(circle at 88% 20%,rgba(30,110,168,.2),transparent 32%),linear-gradient(115deg,rgba(201,104,49,.1),rgba(139,111,199,.08) 52%,rgba(78,148,181,.1)),#121822; }
.core-tools-note::before { content:''; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,#c96831,#d68a28,#8b6fc7,#1e6ea8,#6f8f72); }
.core-tools-note > .material-icons { display:grid; width:50px; height:50px; flex:0 0 50px; place-items:center; color:#fff; border-radius:12px; background:linear-gradient(135deg,#1e6ea8,#8b6fc7); font-size:25px; }
.core-tools-note strong { display:block; margin-bottom:5px; color:#fff; font-size:19px; line-height:1.35; }
.core-tools-note p { margin:0; color:#e7e4dd; font-size:16px; font-weight:500; line-height:1.6; }
html body.features-page .core-tools-note strong { color:#fff !important; -webkit-text-fill-color:#fff !important; }

.purchase-confidence-section { padding-top:72px; }
.purchase-confidence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.purchase-confidence-grid article { padding:26px; border:1px solid #ddd5c8; border-radius:16px; background:linear-gradient(135deg,rgba(30,110,168,.09),#fff 50%); }
.pricing-page .purchase-confidence-grid article { border-color:#2d3b4e; background:linear-gradient(145deg,rgba(201,104,49,.08),rgba(139,111,199,.06) 55%,rgba(78,148,181,.08)),#121822; }
.pricing-page .purchase-confidence-grid h3 { color:#fff !important; }
.pricing-page .purchase-confidence-grid p { color:#fff !important; }
.purchase-confidence-grid .material-icons { display:inline-grid; width:46px; height:46px; place-items:center; margin-bottom:18px; color:#fff; border-radius:12px; background:#1e6ea8; font-size:23px; }
.pricing-page .purchase-confidence-grid article:nth-child(1) .material-icons { background:linear-gradient(135deg,#c96831,#d68a28); }
.pricing-page .purchase-confidence-grid article:nth-child(2) .material-icons { background:linear-gradient(135deg,#1e6ea8,#8b6fc7); }
.pricing-page .purchase-confidence-grid article:nth-child(3) .material-icons { background:linear-gradient(135deg,#6f8f72,#1e6ea8); }
.pricing-page .purchase-confidence-grid article:nth-child(4) .material-icons { background:linear-gradient(135deg,#8b6fc7,#c96831); }
.pricing-page .purchase-confidence-grid article:nth-child(5) .material-icons { background:linear-gradient(135deg,#d68a28,#c96831); }
.pricing-page .purchase-confidence-grid article:nth-child(6) .material-icons { background:linear-gradient(135deg,#bd3a3e,#8b6fc7); }
.pricing-page .purchase-confidence-grid .material-icons { color:#fff !important; }
.purchase-confidence-grid h3 { margin-left:0; }
.purchase-confidence-grid p { margin:0; }

.clarity-library-showcase { width:100%; max-width:none !important; padding:100px 48px; background:radial-gradient(circle at 8% 18%,rgba(139,111,199,.19),transparent 34%),radial-gradient(circle at 92% 85%,rgba(201,104,49,.16),transparent 32%),#0e121a; }
.clarity-library-inner { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr); gap:52px; align-items:center; width:100%; max-width:1440px; margin:0 auto; }
.clarity-library-visual { position:relative; overflow:hidden; aspect-ratio:16/10; border:1px solid #344659; border-radius:20px; background:#121212; box-shadow:0 34px 70px -44px #000; }
.clarity-library-visual::after { content:''; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); border-radius:inherit; }
.clarity-library-visual img { width:100%; height:100%; object-fit:cover; object-position:top center; }
.clarity-library-copy h2 { margin:0 0 20px; color:#fff; font-size:clamp(36px,4vw,52px); line-height:1.1; letter-spacing:-.03em; }
.clarity-library-copy > p { margin:0 0 28px; color:#eee9df; font-family:'Newsreader',serif; font-size:22px; line-height:1.55; }
.clarity-library-features { display:grid; gap:14px; margin-bottom:28px; }
.clarity-library-features > div { display:grid; grid-template-columns:42px 1fr; column-gap:13px; padding:16px; border:1px solid #29384a; border-radius:12px; background:rgba(255,255,255,.035); }
.clarity-library-features .material-icons { grid-row:1/3; align-self:center; display:grid; width:42px; height:42px; place-items:center; color:#fff; border-radius:10px; background:linear-gradient(135deg,#1e6ea8,#8b6fc7); font-size:21px; }
.clarity-library-features > div:nth-child(1) .material-icons { background:linear-gradient(135deg,#1e6ea8,#8b6fc7); }
.clarity-library-features > div:nth-child(2) .material-icons { background:linear-gradient(135deg,#6f8f72,#1e6ea8); }
.clarity-library-features > div:nth-child(3) .material-icons { background:linear-gradient(135deg,#c96831,#d68a28); }
.clarity-library-features strong { color:#fff; font-size:17px; }
.clarity-library-features p { margin:4px 0 0; color:#d9d6cf; font-size:16px; line-height:1.5; }
.clarity-library-copy > a { display:inline-flex; color:#fff; font-size:16px; font-weight:800; text-decoration:none; border-bottom:1px solid #8b6fc7; padding-bottom:5px; }

/* Center an incomplete final row in the five-card Clarity Library grid. */
.features-page .clarity-library-card-grid {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

.features-page .clarity-library-card-grid > div {
  flex: 0 1 calc((100% - 36px) / 3);
}

.testimonial-carousel-section { width:100%; max-width:none !important; padding:92px 48px; background:#f7f5ef; }
.testimonial-carousel-inner { width:100%; max-width:1440px; margin:0 auto; }
.testimonial-carousel-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:38px; }
.testimonial-carousel-heading h2 { margin:0; color:#121212; font-size:clamp(34px,4vw,46px); line-height:1.12; letter-spacing:-.025em; }
.testimonial-carousel-heading h2 span { color:transparent; background:linear-gradient(100deg,#d68a28,#6f8f72); background-clip:text; -webkit-background-clip:text; }
.landing-page .testimonial-carousel-heading .section-eyebrow { text-transform:none !important; }
.landing-page .testimonial-carousel-heading h2 { color:#fff !important; }
.testimonial-carousel-controls { display:flex; gap:10px; }
.testimonial-carousel-button { display:grid; width:48px; height:48px; padding:0; place-items:center; color:#fff; border:1px solid #3a4a5e; border-radius:8px; background:#151b25; cursor:pointer; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.testimonial-carousel-button:hover { border-color:#4e94b5; background:#203044; transform:translateY(-2px); }
.testimonial-carousel-button:disabled { opacity:.4; cursor:not-allowed; transform:none; }
.testimonial-carousel-track { display:flex; gap:22px; overflow-x:auto; padding:2px 2px 18px; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.testimonial-carousel-track::-webkit-scrollbar { display:none; }
.testimonial-card { position:relative; flex:0 0 calc((100% - 44px)/3); min-height:300px; padding:30px; border:1px solid #2d3b4e; border-radius:18px; background:linear-gradient(145deg,rgba(201,104,49,.11),rgba(139,111,199,.08) 55%,rgba(78,148,181,.1)),#121822; scroll-snap-align:start; }
.testimonial-card::before { content:'“'; position:absolute; right:24px; bottom:2px; color:rgba(255,255,255,.06); font-family:'Newsreader',serif; font-size:120px; line-height:1; }
.testimonial-stars { margin-bottom:18px; color:#d68a28; font-size:16px; letter-spacing:.12em; }
.testimonial-card blockquote { position:relative; z-index:1; margin:0 0 24px; color:#fff; font-family:'Newsreader',serif; font-size:22px; line-height:1.5; }
.testimonial-card > p { position:relative; z-index:1; margin:0; color:#d9d6cf; font-size:16px; font-weight:800; letter-spacing:.035em; text-transform:uppercase; }
.testimonial-carousel-status { margin-top:8px; color:#4b4d4f; font-size:16px; font-weight:700; text-align:center; }

@media (max-width: 1024px) {
  .workspace-showcase-section {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .workspace-showcase-copy {
    order: 1;
  }

  .workspace-showcase-video {
    order: 2;
    width: 100%;
    max-width: none !important;
    margin-top: 8px;
  }

  .workspace-showcase-section > .workspace-showcase-copy,
  .workspace-showcase-section > .workspace-showcase-video {
    flex: 0 0 auto;
    width: 100% !important;
    max-width: none !important;
  }

  .nav-inner {
    padding: 18px 28px !important;
  }

  .features-page .feature-band-inner {
    padding-left: 28px;
    padding-right: 28px;
  }

  .nav-inner > div {
    gap: 22px !important;
  }

  section,
  footer,
  body > x-dc > div > div[style*="padding:48px"] {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  footer { padding: 0 !important; }
  .footer-inner { padding: 40px 28px; }

  [style*="grid-template-columns:1.05fr 0.95fr"],
  [style*="grid-template-columns:0.9fr 1.1fr"],
  [style*="grid-template-columns:1.275fr 1.15fr"],
  [style*="grid-template-columns:0.85fr 1.15fr"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
  }

  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns: repeat(4, 1fr)"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  h1[style*="font-size:64px"] {
    font-size: clamp(44px, 6vw, 58px) !important;
  }
}

@media (max-width: 760px) {
  .workspace-showcase-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  nav {
    position: sticky !important;
    gap: 14px;
  }

  .nav-inner {
    padding: 14px 18px !important;
    gap: 14px;
  }

  .features-page .feature-band-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-pull-quote-card {
    padding: 36px 24px 30px;
  }

  .brand-logo {
    width: 85px;
    height: auto;
    flex-basis: 85px;
  }

  .brand-name {
    white-space: normal;
    max-width: 150px;
  }

  .brand-name strong {
    font-size: 17px;
  }

  .brand-name small {
    font-size: 13px;
  }

  nav .desktop-nav { display: none !important; }
  .mobile-nav { display: block; flex: 0 0 48px; }
  .mobile-nav[open] .mobile-menu { display: grid; }

  section,
  footer,
  body > x-dc > div > div[style*="padding:48px"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  footer { padding: 0 !important; }

  .footer-inner {
    padding: 36px 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-inner > div:nth-child(2) {
    flex-wrap: wrap;
    gap: 16px 24px !important;
  }

  section[style*="padding:100px"] {
    padding-top: 64px !important;
  }

  [style*="grid-template-columns:1.05fr 0.95fr"],
  [style*="grid-template-columns:0.9fr 1.1fr"],
  [style*="grid-template-columns:1.275fr 1.15fr"],
  [style*="grid-template-columns:0.85fr 1.15fr"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns: repeat(2, 1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns: repeat(3, 1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns: repeat(4, 1fr)"],
  [style*="grid-template-columns:110px 1fr"],
  [style*="grid-template-columns: 110px 1fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [style*="grid-template-columns:repeat(3,1fr)"] > div,
  [style*="grid-template-columns: repeat(3, 1fr)"] > div {
    border-left: 0 !important;
    border-right: 0 !important;
  }

  h1,
  h1[style*="font-size:64px"],
  h1[style*="font-size:52px"] {
    font-size: clamp(36px, 10.5vw, 48px) !important;
    line-height: 1.08 !important;
  }

  h2 {
    font-size: clamp(28px, 8vw, 38px) !important;
  }

  .klaviyo-signup-section {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }

  p[style*="font-size:21px"],
  p[style*="font-size:19px"] {
    font-size: 18px !important;
  }

  .landing-page [data-screen-label="hero"] {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto;
    min-height: calc(100svh - 113px);
    padding-top: 58px !important;
    padding-bottom: 36px !important;
    text-align: center;
  }

  .landing-page [data-screen-label="hero"] > .hero-copy {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    order: 1;
  }

  .landing-page [data-screen-label="hero"] > .hero-video-background {
    position: relative;
    inset: auto;
    z-index: 1;
    order: 2;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-top: 28px;
  }

  .landing-page [data-screen-label="hero"] > .hero-video-background iframe {
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    transform: translate(-50%, -50%);
  }

  .landing-page [data-screen-label="hero"] > .hero-video-background .hero-video-desktop {
    display: none;
  }

  .landing-page [data-screen-label="hero"] > .hero-video-background .hero-video-mobile {
    display: block;
  }

  .workspace-showcase-copy {
    order: 1;
  }

  .workspace-showcase-video {
    order: 2;
    width: 100%;
    margin-top: 8px;
  }

  .workspace-showcase-section {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
  }

  .workspace-showcase-section > .workspace-showcase-copy,
  .workspace-showcase-section > .workspace-showcase-video {
    flex: 0 0 auto;
    width: 100% !important;
    max-width: none !important;
  }

  .landing-page [data-screen-label="hero"] p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .landing-page [data-screen-label="hero"] > .hero-copy > div[style*="display:flex"] {
    justify-content: center;
    flex-wrap: wrap;
  }

  .landing-page [data-screen-label="hero"] > .hero-visual {
    height: 400px !important;
    transform: scale(.78);
    transform-origin: center top;
    margin-bottom: -80px;
  }

  .features-page div[style*="justify-content:center"][style*="align-items:flex-start"] {
    justify-content: flex-start !important;
    overflow-x: auto;
    padding-bottom: 14px;
    scroll-snap-type: x proximity;
  }

  .features-page div[style*="justify-content:center"][style*="align-items:flex-start"] > div:not([style*="position:absolute"]) {
    flex: 0 0 92px !important;
    scroll-snap-align: start;
  }

  .pricing-page #plans {
    gap: 42px !important;
  }

  [style*="display:flex; justify-content:center; align-items:center; gap:20px"] {
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  .brand-lockup {
    gap: 8px;
  }

  .features-page .feature-band-inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .brand-logo {
    width: 85px;
    height: auto;
    flex-basis: 85px;
  }

  .brand-name {
    max-width: 145px;
  }

  section,
  footer,
  body > x-dc > div > div[style*="padding:48px"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  footer { padding: 0 !important; }
  .footer-inner { padding: 32px 16px; }

  h1,
  h1[style*="font-size:64px"],
  h1[style*="font-size:52px"] {
    font-size: clamp(33px, 10vw, 42px) !important;
  }

  [style*="padding:40px 32px"] {
    padding: 34px 22px !important;
  }

  [style*="padding:36px 32px"],
  [style*="padding:32px 28px"] {
    padding: 28px 20px !important;
  }

  .landing-page [data-screen-label="hero"] > .hero-visual {
    transform: scale(.64);
    margin-bottom: -145px;
  }

  .landing-page [data-screen-label="hero"] a {
    width: 100%;
    text-align: center;
  }

  [style*="border-radius:100px"][style*="display:inline-flex"] {
    max-width: 100%;
    border-radius: 18px !important;
  }
}

/* Final button shape override across every breakpoint. */
body button,
body a[style*="border-radius:100px"],
body a[style*="border-radius: 100px"],
body .checkout-primary,
body .checkout-secondary,
body .mobile-menu-cta,
body .mobile-nav summary {
  border-radius: 8px !important;
}

/* Clear background feedback for every button and button-style link. */
body button,
body a[style*="border-radius:100px"],
body a[style*="border-radius: 100px"],
body .checkout-primary,
body .checkout-secondary,
body .mobile-menu a,
body .mobile-nav summary {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, filter .2s ease !important;
}

body a[style*="background:#c96831"]:hover,
body a[style*="background:#c96831"]:focus-visible,
body button[type="submit"]:hover,
body button[type="submit"]:focus-visible,
body .checkout-primary:hover,
body .checkout-primary:focus-visible,
body .mobile-menu-cta:hover,
body .mobile-menu-cta:focus-visible {
  background: #e1844c !important;
  color: #121212 !important;
}

body .sparkle-cta:hover,
body .sparkle-cta:focus-visible {
  background: #e1844c !important;
  color: #121212 !important;
  transform: translateY(-2px);
}

/* Filled treatment for links that previously used an outline-only style. */
body a[style*="border-radius:100px"]:not([style*="background"]),
body a[style*="border-radius: 100px"]:not([style*="background"]),
body .checkout-secondary {
  background: #121212 !important;
  border-color: #121212 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body a[style*="border-radius:100px"]:not([style*="background"]):hover,
body a[style*="border-radius:100px"]:not([style*="background"]):focus-visible,
body a[style*="border-radius: 100px"]:not([style*="background"]):hover,
body a[style*="border-radius: 100px"]:not([style*="background"]):focus-visible,
body .checkout-secondary:hover,
body .checkout-secondary:focus-visible {
  background: #242628 !important;
  border-color: #242628 !important;
  color: #fff !important;
}

body .ysc-light-section a[style*="border-radius:100px"]:not([style*="background"]):hover,
body .ysc-light-section a[style*="border-radius:100px"]:not([style*="background"]):focus-visible,
body .ysc-light-section a[style*="border-radius: 100px"]:not([style*="background"]):hover,
body .ysc-light-section a[style*="border-radius: 100px"]:not([style*="background"]):focus-visible,
body .ysc-light-section .checkout-secondary:hover,
body .ysc-light-section .checkout-secondary:focus-visible {
  background: #242628 !important;
  border-color: #242628 !important;
  color: #fff !important;
}

body .mobile-menu a:not(.mobile-menu-cta):hover,
body .mobile-menu a:not(.mobile-menu-cta):focus-visible,
body .mobile-nav summary:hover,
body .mobile-nav summary:focus-visible {
  background: rgba(247,245,239,.12) !important;
}

html body.pricing-page .paid-plan .best-value-badge,
html body.pricing-page .paid-plan .best-value-badge * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (max-width: 1024px) {
  .product-proof-grid,
  .purchase-confidence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product-proof-card:last-child,
  .purchase-confidence-grid article:last-child { grid-column:1/-1; }
  .clarity-library-inner { grid-template-columns:minmax(0,1fr); }
  .features-page .clarity-library-card-grid > div { flex-basis:calc((100% - 18px) / 2); }
  .clarity-library-visual { aspect-ratio:16/9; }
  .testimonial-card { flex-basis:calc((100% - 22px)/2); }
  .steady-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .steady-process-grid::before { display:none; }
  .steady-process-step { display:grid; grid-template-columns:52px minmax(0,1fr); gap:16px; align-items:start; min-height:150px; padding:22px; border:1px solid #304052; border-radius:16px; background:rgba(6,10,18,.72); text-align:left; }
  .steady-process-number { margin:0; }
}

@media (max-width: 760px) {
  .product-proof-section,
  .core-tools-section,
  .purchase-confidence-section { padding-top:72px !important; padding-bottom:72px !important; }
  .product-proof-section { padding-bottom:0 !important; }
  .steady-process-section { padding:72px 20px; }
  .steady-process-heading { margin-bottom:38px; text-align:left; }
  .steady-process-heading h2 { font-size:34px; }
  .steady-process-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  .steady-process-step { min-height:0; padding:20px; }
  .testimonial-carousel-section { padding:72px 20px; }
  .testimonial-carousel-heading { align-items:flex-start; margin-bottom:30px; }
  .testimonial-carousel-controls { flex:0 0 auto; }
  .testimonial-card { flex-basis:88%; min-height:280px; padding:26px; }
  .testimonial-card blockquote { font-size:20px; }
  .product-proof-grid,
  .core-tools-grid,
  .purchase-confidence-grid { grid-template-columns:minmax(0,1fr); }
  .product-proof-card:last-child,
  .purchase-confidence-grid article:last-child,
  .core-tool-card--wide { grid-column:auto; }
  .product-proof-footer { flex-direction:column; align-items:flex-start; }
  .dashboard-showcase { grid-template-columns:minmax(0,1fr); padding:18px; gap:20px; }
  .dashboard-showcase-copy { padding:6px; }
  .dashboard-showcase-image { order:-1; }
  .clarity-library-showcase { padding-top:72px !important; padding-bottom:72px !important; }
  .features-page .clarity-library-card-grid > div { flex-basis:100%; }
  .clarity-library-inner { gap:32px; }
  .clarity-library-visual { aspect-ratio:4/3; }
  .core-tool-card,
  .core-tool-card--wide,
  .core-tool-card--compact { grid-template-columns:minmax(0,1fr); }
  .core-tool-card--wide > img,
  .core-tool-card:not(.core-tool-card--wide) > img { aspect-ratio:16/10; }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Final hero specificity guard against the legacy split-hero rules above. */
.landing-page .showcase-hero > .showcase-hero-copy {
  width: min(920px,100%) !important;
  max-width: 920px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

.landing-page .showcase-hero > .showcase-hero-copy > p {
  max-width: 760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.landing-page .showcase-hero > .showcase-hero-copy > div[style*="display:flex"] {
  justify-content: center !important;
}

/* Open editorial treatment for the expanded feature suite. */
.landing-page .tool-inventory-section {
  padding-top: clamp(130px, 13vw, 190px) !important;
  padding-bottom: clamp(140px, 14vw, 210px) !important;
}

.landing-page .tool-inventory-section > .feature-suite-stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-rows: auto !important;
  gap: clamp(96px, 12vw, 170px) !important;
}

.landing-page .tool-inventory-section > .feature-suite-stack > .feature-suite-card,
.landing-page .tool-inventory-section > .feature-suite-stack > .feature-suite-card:nth-child(1),
.landing-page .tool-inventory-section > .feature-suite-stack > .feature-suite-card:nth-child(3) {
  display: grid !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr) !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.landing-page .tool-inventory-section > .feature-suite-stack > .feature-suite-card:nth-child(even) {
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr) !important;
}

.landing-page .feature-suite-media {
  min-height: 500px !important;
  border: 1px solid rgba(244,239,234,.12) !important;
  border-radius: 22px !important;
  box-shadow: 0 34px 80px -48px rgba(0,0,0,.9);
}

.landing-page .feature-suite-copy { padding: clamp(20px, 4vw, 68px) !important; }
.landing-page .feature-suite-copy ul { gap: 0 28px !important; }
.landing-page .feature-suite-copy li {
  min-height: 0 !important;
  padding: 20px 0 22px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(244,239,234,.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.landing-page .feature-suite-copy li:hover { background: transparent !important; transform: translateX(4px) !important; }
.landing-page .feature-suite-copy li::before { top: 22px; }

@media (max-width: 900px) {
  .landing-page .tool-inventory-section > .feature-suite-stack > .feature-suite-card,
  .landing-page .tool-inventory-section > .feature-suite-stack > .feature-suite-card:nth-child(even) {
    grid-template-columns: 1fr !important;
    gap: 28px;
  }
  .landing-page .feature-suite-card:nth-child(even) .feature-suite-media { order: 0 !important; }
  .landing-page .feature-suite-media { min-height: 0 !important; aspect-ratio: 16 / 9; }
}

/* Expanded tool groups from the supplied homepage design. */
.feature-suite-stack { display:flex; flex-direction:column; grid-template-columns:minmax(0,1fr) !important; grid-auto-rows:auto !important; gap:24px; width:100%; max-width:1344px; margin:0 auto; }
.feature-suite-card { --group-accent:#c96831; display:grid; grid-column:1 / -1 !important; grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr); width:100%; height:auto !important; min-height:520px !important; overflow:hidden; border:1px solid rgba(244,239,234,.13); border-radius:18px; background:#171514; }
.feature-suite-card:nth-child(even) { grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr); }
.feature-suite-card:nth-child(even) .feature-suite-media { order:2; }
.feature-suite-card--communicate { --group-accent:#8b6fc7; }
.feature-suite-card--steady { --group-accent:#6f8f72; }
.feature-suite-media { min-height:520px; overflow:hidden; background:#0d0c0b; }
.feature-suite-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:top left; }
.feature-suite-copy { padding:clamp(30px,4.2vw,54px); }
.feature-suite-copy > span { color:var(--group-accent); font-size:13px; font-weight:800; letter-spacing:.12em; }
.feature-suite-copy h3 { margin:12px 0 14px; color:#f4efea; font-size:clamp(28px,3.4vw,44px); line-height:1.05; }
.feature-suite-copy > p { margin:0 0 26px; color:rgba(244,239,234,.68); font-size:17px; line-height:1.6; }
.feature-suite-copy ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none; }
.feature-suite-copy li { position:relative; display:flex; flex-direction:column; gap:8px; min-height:154px; padding:19px 18px 20px 22px; border:1px solid rgba(244,239,234,.12); border-radius:14px; background:rgba(244,239,234,.025); transition:border-color .25s ease,background .25s ease,transform .25s ease; }
.feature-suite-copy li::before { content:''; position:absolute; top:20px; left:0; width:3px; height:24px; border-radius:0 3px 3px 0; background:var(--group-accent); }
.feature-suite-copy li strong { color:#f4efea; font-size:16px; line-height:1.3; }
.feature-suite-copy li small { color:rgba(244,239,234,.6); font-size:13px; font-weight:500; line-height:1.55; }
.feature-suite-copy li:hover { border-color:color-mix(in srgb,var(--group-accent) 52%,transparent); background:color-mix(in srgb,var(--group-accent) 7%,#171514); transform:translateY(-2px); }

@media (max-width:900px) {
  .feature-suite-card,.feature-suite-card:nth-child(even) { grid-template-columns:1fr; }
  .feature-suite-card:nth-child(even) .feature-suite-media { order:0; }
  .feature-suite-media { min-height:0; aspect-ratio:16/9; }
}

/* Emphasized display copy consistently uses the editorial serif. */
em {
  font-family:'Newsreader',serif !important;
  font-style:italic !important;
  font-size:1.1em;
  font-weight:400 !important;
}

@media (max-width:640px) {
  .feature-suite-copy { padding:28px 22px; }
  .feature-suite-copy ul { grid-template-columns:1fr; }
}

/* Alternating editorial entrances for major section copy. */
.side-reveal {
  opacity: 0;
  filter: blur(3px);
  transition:
    opacity .9s cubic-bezier(.2,.7,.2,1),
    transform 1.05s cubic-bezier(.16,1,.3,1),
    filter .9s ease;
  will-change: opacity, transform;
}

.side-reveal--left { transform: translate3d(-14vw,0,0); }
.side-reveal--right { transform: translate3d(14vw,0,0); }

.side-reveal.is-revealed {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0,0,0);
}

@media (max-width: 700px) {
  .side-reveal--left { transform: translate3d(-44px,0,0); }
  .side-reveal--right { transform: translate3d(44px,0,0); }
  .side-reveal.is-revealed { transform: translate3d(0,0,0); }
}

@media (prefers-reduced-motion: reduce) {
  .side-reveal,
  .side-reveal--left,
  .side-reveal--right {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}

/* Guided three-step walkthrough adapted from the supplied homepage concept. */
.landing-page .sc-host > div { overflow-x: clip !important; }

.guided-walkthrough {
  display: grid;
  grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr);
  gap: clamp(70px,9vw,150px);
  align-items: start;
  width: min(1120px,100%);
  margin: 0 auto;
}

.walkthrough-scene {
  --step-color: #d66f2c;
  --step-color-rgb: 214,111,44;
  display: grid;
  grid-template-columns: 88px minmax(0,1fr);
  gap: 22px;
  align-items: center;
  min-height: 78vh;
  opacity: .2;
  transition: opacity .55s ease, transform .7s cubic-bezier(.16,1,.3,1);
  transform: translateX(34px);
}

.walkthrough-scene:nth-child(2) { --step-color:#a986ef; --step-color-rgb:169,134,239; }
.walkthrough-scene:nth-child(3) { --step-color:#55a8d9; --step-color-rgb:85,168,217; }

.walkthrough-scene.is-active { opacity: 1; transform: translateX(0); }
.walkthrough-scene-number { align-self:center; transform:translateY(-170%); color:rgba(244,239,234,.18); font-size:clamp(54px,5.5vw,78px); font-weight:800; line-height:.92; transition:color .45s ease; }
.walkthrough-scene.is-active .walkthrough-scene-number { color:var(--step-color); text-shadow:0 0 34px rgba(var(--step-color-rgb),.2); }
.walkthrough-scene-copy > span { display:block; margin-bottom:10px; color:var(--step-color); font-size: 12px; font-weight: 800; letter-spacing: .15em; }
.walkthrough-scene-copy h3 { margin: 12px 0 18px !important; padding: 0; color: #f4efea !important; font-size: clamp(32px,4vw,52px); line-height: 1.03; letter-spacing: -.035em; }
.walkthrough-scene-copy > p { margin: 0 0 28px; color: rgba(244,239,234,.68) !important; font-size: 18px; line-height: 1.65 !important; }
.walkthrough-scene-copy dl { display: flex; flex-wrap: wrap; gap: 9px; margin: 0; }
.walkthrough-scene-copy dl > div { display:flex; gap:6px; align-items:center; padding:9px 13px; border:1px solid rgba(244,239,234,.17); border-radius:999px; background:rgba(14,17,25,.68); }
.walkthrough-scene-copy dl > div:last-child { border-color:rgba(var(--step-color-rgb),.55); background:rgba(var(--step-color-rgb),.09); }
.walkthrough-scene-copy dt { color:rgba(244,239,234,.48); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.walkthrough-scene-copy dt::after { content: ':'; }
.walkthrough-scene-copy dd { margin:0; color:#f4efea; font-size:11px; font-weight:700; line-height:1.3; }

.walkthrough-visual-column {
  position: sticky;
  top: 86px;
  display: grid;
  align-content: center;
  min-height: calc(100vh - 96px);
}

.walkthrough-device-stack {
  position: relative;
  width: min(310px,82%);
  aspect-ratio: 882 / 1714;
  margin: 0 auto;
  filter: drop-shadow(0 38px 42px rgba(0,0,0,.58));
}

.walkthrough-screen {
  position: absolute;
  z-index: 1;
  inset: 4.15% 9.7% 3.15%;
  margin: 0;
  overflow: hidden;
  border-radius: 13% / 6.5%;
  background: #f4f5f8;
  opacity: 0;
  transform: translate3d(0,4%,0) scale(.985);
  transition: opacity .58s ease, transform .7s cubic-bezier(.16,1,.3,1);
}

.walkthrough-screen.is-active { opacity:1; transform:translate3d(0,0,0) scale(1); }
.walkthrough-screen img { display:block; width:100%; height:100%; object-fit:cover; object-position:10% top; }
.walkthrough-phone-frame { position:absolute; z-index:3; inset:0; width:100%; height:100%; object-fit:fill; pointer-events:none; }

.walkthrough-progress { display: flex; justify-content: center; gap: 9px; margin-top: 28px; }
.walkthrough-progress button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: rgba(244,239,234,.24); cursor: pointer; transition: width .35s ease, background .35s ease; }
.walkthrough-progress button:nth-child(1).is-active { width:30px; background:#d66f2c; }
.walkthrough-progress button:nth-child(2).is-active { width:30px; background:#a986ef; }
.walkthrough-progress button:nth-child(3).is-active { width:30px; background:#55a8d9; }

@media (max-width: 900px) {
  .guided-walkthrough { grid-template-columns: 1fr; gap: 0; }
  .walkthrough-visual-column { top:78px; z-index:2; min-height:0; padding:14px 0 20px; background:linear-gradient(#100e0d 82%,transparent); }
  .walkthrough-device-stack { width:min(205px,52vw); }
  .walkthrough-scenes { position: relative; z-index: 1; }
  .walkthrough-scene { min-height:66vh; padding:72px 0 28px; }
}

@media (max-width: 600px) {
  .walkthrough-scene { grid-template-columns: 48px minmax(0,1fr); gap: 14px; min-height: 68vh; }
  .walkthrough-scene-number { transform:translateY(-210%); }
  .walkthrough-scene-copy h3 { font-size: 34px; }
  .walkthrough-scene-copy > p { font-size: 16px; }
  .walkthrough-scene-copy dl { grid-template-columns: 1fr; }
  .walkthrough-screen { border-radius: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .walkthrough-scene,
  .walkthrough-screen,
  .walkthrough-progress button { transition: none; }
}

/* App-showcase hero: full-bleed media, centered message, product surrounded by benefits. */
.landing-page .showcase-hero {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  height: auto !important;
  min-height: 0;
  margin: 0;
  padding: 82px 48px 0;
  overflow: hidden;
  isolation: isolate;
  background: #100e0d;
}

.landing-page .showcase-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(180deg,rgba(8,7,10,.66),rgba(12,9,15,.55) 42%,rgba(16,14,13,.84)),
    linear-gradient(100deg,rgba(30,18,45,.48),rgba(112,32,42,.30));
  pointer-events: none;
}

.hero-background-rotation,
.hero-background-slide {
  position: absolute !important;
  inset: 0;
}

.hero-background-rotation {
  z-index: -2 !important;
  overflow: hidden;
  pointer-events: none;
}

.hero-background-slide {
  opacity: 0;
  background-position: center;
  background-size: cover;
  animation: heroBackgroundFade 32s ease-in-out infinite;
  will-change: opacity, transform;
}

.hero-background-slide--soccer { background-image: url('./assets/hero/night-soccer.png'); animation-delay: 0s; }
.hero-background-slide--baseball { background-image: url('./assets/hero/night-baseball.png'); animation-delay: 8s; }
.hero-background-slide--basketball { background-image: url('./assets/hero/night-basketball.png'); animation-delay: 16s; }
.hero-background-slide--football { background-image: url('./assets/hero/night-football.png'); animation-delay: 24s; }

@keyframes heroBackgroundFade {
  0% { opacity: 0; transform: scale(1.025); }
  5%, 24% { opacity: 1; }
  30%, 100% { opacity: 0; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-background-slide { display: none; animation: none; }
  .hero-background-slide--soccer { display: block; opacity: 1; transform: none; }
  .showcase-phone-screen,
  .showcase-callouts article { transition: none; }
}

.landing-page .showcase-hero .hero-video-background {
  z-index: -2;
  inset: 0;
  opacity: .82;
}

.landing-page .showcase-hero-copy {
  position: relative;
  z-index: 2;
  width: min(920px,100%);
  max-width: none;
  margin: 0 auto;
  text-align: center;
}

.landing-page .showcase-hero-copy h1 {
  max-width: 900px;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: clamp(46px,6vw,78px) !important;
}

.landing-page .showcase-hero-copy > p { margin-right: auto !important; margin-left: auto !important; }
.landing-page .showcase-hero-copy > div:nth-last-child(2) { justify-content: center; }

.showcase-hero-stage {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(260px,1fr) minmax(280px,370px) minmax(260px,1fr);
  gap: 46px;
  align-items: center;
  width: min(1180px,100%);
  min-height: 570px;
  margin: 36px auto 0;
}

.showcase-phone {
  position: relative;
  align-self: end;
  justify-self: center;
  width: min(100%,315px);
  aspect-ratio: 882 / 1714;
  overflow: visible;
  filter: drop-shadow(0 28px 36px rgba(0,0,0,.52));
}

.showcase-phone::after {
  display: none;
}

.showcase-phone-screen {
  position: absolute;
  z-index: 1;
  top: 4.1%;
  right: 9.6%;
  bottom: 3.1%;
  left: 9.6%;
  display: block;
  width: 80.8%;
  height: 92.8%;
  object-fit: cover;
  object-position: top left;
  border-radius: 13% / 6.5%;
  opacity: 0;
  transition: opacity .5s ease;
}

.showcase-phone-screen.is-active { opacity: 1; }

.showcase-phone-frame {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.showcase-callouts article {
  cursor: pointer;
  opacity: .72;
  transition: opacity .25s ease, transform .25s ease;
}

.showcase-callouts article:hover,
.showcase-callouts article:focus-visible,
.showcase-callouts article.is-active {
  opacity: 1;
  transform: translateY(-2px);
  outline: 0;
}

.showcase-callouts article.is-active .material-icons {
  border-color: #d68a28;
  background: #c96831;
}

.showcase-callouts { display: grid; gap: 54px; }
.showcase-callouts article { position: relative; display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 16px; align-items: center; color: #fff; }
.showcase-callouts--right article { grid-template-columns: minmax(0,1fr) 58px; text-align: right; }
.showcase-callouts article::after { content: ''; position: absolute; top: 50%; width: 46px; height: 1px; background: rgba(255,255,255,.52); }
.showcase-callouts--left article::after { right: -46px; }
.showcase-callouts--right article::after { left: -46px; }
.showcase-callouts .material-icons { display: grid; width: 56px; height: 56px; place-items: center; border: 1px solid rgba(255,255,255,.78); border-radius: 50%; color: #fff; font-size: 23px; }
.showcase-callouts strong { display: block; margin-bottom: 5px; color: #fff; font-size: 15px; line-height: 1.25; letter-spacing: .02em; text-transform: uppercase; }
.showcase-callouts p { margin: 0; color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.45; }

@media (max-width: 900px) {
  .landing-page .showcase-hero { min-height: 0; padding: 70px 28px 0; }
  .showcase-hero-stage { grid-template-columns: 1fr 300px 1fr; gap: 24px; }
  .showcase-callouts article { grid-template-columns: 44px minmax(0,1fr); gap: 10px; }
  .showcase-callouts--right article { grid-template-columns: minmax(0,1fr) 44px; }
  .showcase-callouts .material-icons { width: 42px; height: 42px; font-size: 19px; }
  .showcase-callouts article::after { display: none; }
}

@media (max-width: 700px) {
  .landing-page .showcase-hero { padding: 54px 22px 0; }
  .landing-page .showcase-hero-copy h1 { font-size: clamp(40px,12vw,58px) !important; }
  .landing-page .showcase-hero-copy > div:nth-last-child(2) { flex-direction: column; }
  .showcase-hero-stage { grid-template-columns: 1fr 1fr; grid-template-areas: 'phone phone' 'left right'; gap: 24px 16px; margin-top: 42px; }
  .showcase-phone { grid-area: phone; width: min(300px,78vw); height: auto; }
  .showcase-callouts { gap: 24px; align-self: start; padding-bottom: 56px; }
  .showcase-callouts--left { grid-area: left; }
  .showcase-callouts--right { grid-area: right; }
  .showcase-callouts article,
  .showcase-callouts--right article { display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; }
  .showcase-callouts--right article div { order: 2; }
  .showcase-callouts p { font-size: 12px; }
}

/* Newsprint visual treatment applied to existing marketing content. */
.landing-page .newsprint-treatment {
  background: #100e0d !important;
  color: #f4efea !important;
  border-radius: 0 !important;
}

.landing-page .concern-section {
  padding-top: 86px !important;
  padding-bottom: 92px !important;
  border-top: 1px solid rgba(244,239,234,.18);
  border-bottom: 1px solid rgba(244,239,234,.18);
}

.landing-page .concern-section > p:first-child {
  max-width: 1040px;
  margin-right: auto !important;
  margin-bottom: 18px !important;
  margin-left: auto !important;
  color: #f4efea !important;
  font-size: clamp(36px, 4.6vw, 68px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em;
}

.landing-page .concern-section > p:nth-child(2) {
  margin-bottom: 46px !important;
  color: rgba(244,239,234,.72) !important;
  font-family: 'Newsreader', Georgia, serif;
  font-size: 18px !important;
}

.landing-page .concern-section > div:nth-of-type(1) {
  gap: 0 !important;
  border-top: 3px solid rgba(244,239,234,.58);
  border-bottom: 1px solid rgba(244,239,234,.18);
}

.landing-page .concern-section .concern-card {
  min-height: 190px;
  padding: 28px 24px !important;
  border: 0 !important;
  border-right: 1px solid rgba(244,239,234,.18) !important;
  border-bottom: 1px solid rgba(244,239,234,.18) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.landing-page .concern-section .concern-card:nth-child(3n) { border-right: 0 !important; }
.landing-page .concern-section .concern-card::before { display: none; }
.landing-page .concern-section .concern-card > div:first-child { color: #f4efea !important; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 18px !important; text-transform: none; }
.landing-page .concern-section .concern-card > div:last-child { color: rgba(244,239,234,.72) !important; font-family: 'Newsreader', Georgia, serif; font-size: 17px !important; }
.landing-page .concern-section .concern-card:hover { background: rgba(201,104,49,.08) !important; transform: none; }

/* Color-rich editorial grid: retain the six-panel structure without card chrome. */
.landing-page .concern-section {
  position:relative;
  overflow:hidden;
}
.landing-page .concern-section::before {
  content:"";
  position:absolute;
  inset:-22% 48% auto -8%;
  height:420px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(214,111,44,.13),rgba(169,134,239,.055) 42%,transparent 72%);
  filter:blur(22px);
}
.landing-page .concern-section > p:first-child {
  position:relative;
  color:#fff !important;
  font-weight:700 !important;
  text-shadow:0 0 46px rgba(169,134,239,.16);
}
.landing-page .concern-section > p:first-child::before,
.landing-page .concern-section > p:first-child::after {
  color:#d66f2c;
  font-family:'Newsreader',serif;
  display:inline-block;
  font-size:1.45em;
  font-weight:400;
  line-height:.5;
  vertical-align:-.08em;
}
.landing-page .concern-section > p:first-child::before { content:'“'; margin-right:.08em; }
.landing-page .concern-section > p:first-child::after { content:'”'; margin-left:.08em; color:#a986ef; }
.landing-page .concern-section .concern-card {
  --concern-accent:#d6a927;
  --concern-rgb:214,169,39;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  cursor:pointer;
  background:linear-gradient(135deg,rgba(var(--concern-rgb),.065),transparent 54%) !important;
  transition:background .35s ease,color .35s ease !important;
}
.landing-page .concern-section .concern-card--purple { --concern-accent:#a986ef; --concern-rgb:169,134,239; }
.landing-page .concern-section .concern-card--green { --concern-accent:#70b783; --concern-rgb:112,183,131; }
.landing-page .concern-section .concern-card--blue { --concern-accent:#55a8d9; --concern-rgb:85,168,217; }
.landing-page .concern-section .concern-card--rose { --concern-accent:#d66f82; --concern-rgb:214,111,130; }
.landing-page .concern-section .concern-card--gold { --concern-accent:#d6a927; --concern-rgb:214,169,39; }
.landing-page .concern-section .concern-card::before {
  display:block;
  content:"";
  position:absolute;
  z-index:-1;
  inset:28px auto auto 0;
  width:3px;
  height:42px;
  background:var(--concern-accent);
  box-shadow:0 0 24px rgba(var(--concern-rgb),.32);
  transition:height .35s ease,inset .35s ease;
}
.landing-page .concern-section .concern-card::after {
  content:'↗';
  position:absolute;
  top:26px;
  right:24px;
  color:var(--concern-accent);
  font-size:18px;
  opacity:.42;
  transition:opacity .25s ease,transform .25s ease;
}
.landing-page .concern-section .concern-card > div:first-child { color:var(--concern-accent) !important; }
.landing-page .concern-section .concern-card > div:last-child { color:#fff !important; }
.landing-page .concern-section .concern-card:hover {
  background:linear-gradient(135deg,rgba(var(--concern-rgb),.16),rgba(var(--concern-rgb),.025) 68%) !important;
}
.landing-page .concern-section .concern-card:hover::before { inset:0 auto auto 0; height:100%; }
.landing-page .concern-section .concern-card:hover::after { opacity:1; transform:translate(3px,-3px); }

/* Blended homepage sections: product-first pacing inspired by app showcase sites. */
.journey-overview {
  padding: 34px 48px 100px;
  background: #100e0d;
}

.journey-overview-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(320px,1.25fr) minmax(0,1fr);
  grid-template-areas:
    "a center d"
    "b center e"
    "c center f";
  gap: 18px 42px;
  align-items: center;
  max-width: 1344px;
  margin: 0 auto;
}

.journey-overview-grid > article {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 20px 0;
  border-bottom: 1px solid rgba(244,239,234,.11);
}

.journey-overview-grid > article:nth-child(1) { grid-area: a; }
.journey-overview-grid > article:nth-child(2) { grid-area: b; }
.journey-overview-grid > article:nth-child(3) { grid-area: c; }
.journey-overview-grid > article:nth-child(5) { grid-area: d; }
.journey-overview-grid > article:nth-child(6) { grid-area: e; }
.journey-overview-grid > article:nth-child(7) { grid-area: f; }
.journey-overview-grid > article > span { color: #d68a28; font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.journey-overview-grid article:nth-child(even) > span { color: #a986ef; }
.journey-overview-grid article strong { display: block; margin-bottom: 6px; color: #f4efea; font-size: 16px; text-transform: uppercase; letter-spacing: .04em; }
.journey-overview-grid article p { margin: 0; color: rgba(244,239,234,.64); font-size: 15px; line-height: 1.55; }

.journey-overview-center {
  grid-area: center;
  position: relative;
  padding: 20px;
}

.journey-overview-center::before {
  content: '';
  position: absolute;
  inset: 10% 2%;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(110,155,255,.25),rgba(139,111,199,.13) 42%,transparent 70%);
  filter: blur(18px);
}

.journey-overview-center img {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid rgba(244,239,234,.17);
  border-radius: 22px;
  box-shadow: 0 36px 90px -42px rgba(110,155,255,.72);
  transform: perspective(1200px) rotateY(-4deg) rotateX(2deg);
}

.late-night-callout {
  display: grid;
  grid-template-columns: minmax(230px,.65fr) minmax(0,1fr);
  gap: 36px;
  align-items: center;
  max-width: 1040px;
  margin: -24px auto 64px;
  padding: 26px 30px;
  border: 1px solid rgba(244,239,234,.14);
  border-left: 4px solid #c96831;
  background: linear-gradient(100deg,rgba(201,104,49,.14),rgba(139,111,199,.07));
}

.late-night-callout > div { display: flex; align-items: baseline; gap: 18px; }
.late-night-callout span { max-width: 120px; color: #d68a28; font-size: 12px; font-weight: 800; line-height: 1.35; letter-spacing: .1em; }
.late-night-callout strong { color: #f4efea; font-size: clamp(38px,5vw,64px); line-height: .9; letter-spacing: -.05em; }
.late-night-callout strong small { font-size: .36em; letter-spacing: 0; }
.late-night-callout p { margin: 0; color: rgba(244,239,234,.76); font-size: 17px; line-height: 1.6; }

.tool-group-grid { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:22px; width:100%; max-width:1344px; margin:0 auto; }
.tool-group-card {
  --group-accent: #c96831;
  display: grid;
  grid-template-columns: minmax(300px,.9fr) minmax(0,1.1fr);
  overflow: hidden;
  border: 1px solid rgba(244,239,234,.13);
  background: #171514;
  width:100% !important;
  height:auto !important;
  min-height:380px;
}
.tool-group-card:nth-child(even) { grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); }
.tool-group-card:nth-child(even) .tool-group-media { order: 2; }
.tool-group-card--communicate { --group-accent: #8b6fc7; }
.tool-group-card--steady { --group-accent: #6f8f72; }
.tool-group-media { min-height: 380px; overflow: hidden; background: #0d0c0b; }
.tool-group-media img { width: 100%; height: 100%; object-fit: cover; object-position: top left; }
.tool-group-copy { padding: 42px; }
.tool-group-copy > span { color: var(--group-accent); font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.tool-group-copy h3 { margin: 12px 0 14px; color: #f4efea; font-size: clamp(28px,3.4vw,44px); line-height: 1.05; }
.tool-group-copy > p { margin: 0 0 26px; color: rgba(244,239,234,.68); font-size: 17px; line-height: 1.6; }
.tool-group-copy ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none; background:transparent; }
.tool-group-copy li { position:relative; display:flex; flex-direction:column; gap:8px; min-height:154px; padding:19px 18px 20px 22px; color:#f4efea; border:1px solid rgba(244,239,234,.12); border-radius:14px; background:rgba(244,239,234,.025); font-size:15px; font-weight:700; transition:border-color .25s ease, background .25s ease, transform .25s ease; }
.tool-group-copy li::before { content:''; position:absolute; top:20px; left:0; width:3px; height:24px; border-radius:0 3px 3px 0; background:var(--group-accent); }
.tool-group-copy li strong { color:#f4efea; font-size:16px; line-height:1.3; }
.tool-group-copy li small { color:rgba(244,239,234,.6); font-size:13px; font-weight:500; line-height:1.55; }
.tool-group-copy li:hover { border-color:color-mix(in srgb,var(--group-accent) 52%,transparent); background:color-mix(in srgb,var(--group-accent) 7%,#171514); transform:translateY(-2px); }

@media (max-width: 900px) {
  .journey-overview { padding: 20px 24px 72px; }
  .journey-overview-grid { grid-template-columns: 1fr 1fr; grid-template-areas: "center center" "a d" "b e" "c f"; gap: 12px 24px; }
  .journey-overview-center { max-width: 620px; margin: 0 auto 20px; }
  .tool-group-card,
  .tool-group-card:nth-child(even) { grid-template-columns: 1fr; }
  .tool-group-card:nth-child(even) .tool-group-media { order: 0; }
  .tool-group-media { min-height: 0; aspect-ratio: 16/9; }
}

@media (max-width: 640px) {
  .journey-overview-grid { grid-template-columns: 1fr; grid-template-areas: "center" "a" "b" "c" "d" "e" "f"; }
  .journey-overview-grid > article { padding: 14px 0; }
  .late-night-callout { grid-template-columns: 1fr; gap: 18px; margin-bottom: 48px; padding: 24px; }
  .tool-group-copy { padding: 28px 22px; }
  .tool-group-copy ul { grid-template-columns: 1fr; }
}

.landing-page .tool-inventory-section {
  padding-top: 88px !important;
  padding-bottom: 96px !important;
  max-width: none !important;
  background:
    radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px) 0 0 / 24px 24px,
    #111820 !important;
  color: #f4efe6;
}

.landing-page .tool-inventory-section > div:first-child {
  max-width: 1344px !important;
  margin-right: auto !important;
  margin-bottom: 32px !important;
  margin-left: auto !important;
  padding-bottom: 24px;
  border-bottom: 2px solid #f4efe6;
  text-align: left !important;
}

.landing-page .tool-inventory-section > div:first-child > div { border: 0 !important; padding: 0 !important; color: #d68a28 !important; }
.landing-page .tool-inventory-section h2 { color: #f4efe6 !important; font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(38px, 4.5vw, 62px) !important; line-height: .98 !important; text-transform: none; }
.landing-page .tool-inventory-section h2 span { background: none !important; color: #d68a28 !important; }
.landing-page .tool-inventory-section > div:first-child p { color: #c8c4bc !important; font-family: 'Newsreader', Georgia, serif; font-size: 19px !important; }
.landing-page .tool-inventory-section > div:nth-child(2) {
  display: grid !important;
  max-width: 1344px;
  margin: 0 auto;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-flow: dense;
  grid-auto-rows: 164px;
  gap: 12px !important;
  counter-reset: tool-item;
}
.landing-page .tool-inventory-section > div:nth-child(2) > div {
  position: relative;
  min-height: 0;
  grid-column: span 2;
  display: flex !important;
  align-items: flex-end !important;
  padding: 74px 24px 24px !important;
  border: 1px solid #33404d !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.035), transparent 60%), rgba(5,10,16,.72) !important;
  color: #f4efe6 !important;
  font-family: 'Newsreader', Georgia, serif;
  font-size: 19px !important;
  text-transform: none;
  counter-increment: tool-item;
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease, background-color .25s ease;
}
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(1),
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(3) { grid-row: span 2; }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(5),
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(6) { grid-column: span 3; }
.landing-page .tool-inventory-section > div:nth-child(2) > div:last-child { grid-column: span 4; }
.landing-page .tool-inventory-section > div:nth-child(2) > div::before {
  content: counter(tool-item, decimal-leading-zero);
  position: absolute;
  top: 20px;
  left: 24px;
  color: #d68a28;
  font-family: 'Newsreader', Georgia, serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .08em;
}
.landing-page .tool-inventory-section > div:nth-child(2) > div > span {
  position: absolute;
  top: 20px;
  right: 22px;
  font-size: 24px !important;
  transition: transform .35s ease, color .25s ease;
}
.landing-page .tool-inventory-section .tool-lordicon {
  position: absolute;
  top: 46%;
  right: auto;
  left: 50%;
  width: 82px;
  height: 82px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -58%);
}
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(1) .tool-lordicon,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(7) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/28-calendar.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(2) .tool-lordicon,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(9) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/1141-email.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(3) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/3627-mail-open-warning.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(4) .tool-lordicon,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(11) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/56-file-text.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(5) .tool-lordicon,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(10) .tool-lordicon,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(14) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/1263-heart.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(6) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/954-customer-insights.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(8) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/730-signpost-direction.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(12) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/98-document-gear-settings.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(13) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/464-headphones.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(15) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/188-microphone-recording.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(16) .tool-lordicon { background-image: url('https://media.lordicon.com/icons/wired/outline/727-pages-add.gif'); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(1) .tool-lordicon,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(3) .tool-lordicon {
  top: 50%;
  right: auto;
  left: 50%;
  width: 116px;
  height: 116px;
  opacity: .92;
  transform: translate(-50%, -62%);
}
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(1) > span,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(3) > span {
  top: 50%;
  right: auto;
  left: 50%;
  font-size: 70px !important;
  opacity: .18;
  transform: translate(-50%, -62%);
}
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(1)::after,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(3)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 92px;
  height: 92px;
  border: 1px solid rgba(214,138,40,.34);
  border-radius: 50%;
  transform: translate(-50%, -68%);
  animation: tool-ripple 3s ease-out infinite;
}
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(2) > span,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(8) > span { animation: tool-float 2.8s ease-in-out infinite; }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(4) > span,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(11) > span { animation: tool-page-scan 2.4s ease-in-out infinite; }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(5) > span,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(13) > span { animation: tool-breathe 2s ease-in-out infinite; }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(6) > span,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(7) > span { animation: tool-route 3.2s cubic-bezier(.4,0,.2,1) infinite; }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(9) > span { animation: tool-heartbeat 2.2s ease-in-out infinite; }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(10) > span,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(12) > span { animation: tool-drawer 2.8s ease-in-out infinite; }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(14) > span,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(15) > span { animation: tool-audio 1.8s ease-in-out infinite; }

@keyframes tool-ripple {
  0% { opacity: .7; transform: translate(-50%, -68%) scale(.55); }
  75%, 100% { opacity: 0; transform: translate(-50%, -68%) scale(1.75); }
}
@keyframes tool-float {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-6px) rotate(-4deg); }
}
@keyframes tool-page-scan {
  0%, 100% { opacity: .55; transform: translateY(3px); }
  50% { opacity: 1; transform: translateY(-3px); }
}
@keyframes tool-breathe {
  0%, 100% { opacity: .5; transform: scale(.9); }
  50% { opacity: 1; transform: scale(1.14); }
}
@keyframes tool-route {
  0%, 100% { transform: translateX(-4px); }
  50% { transform: translateX(5px); }
}
@keyframes tool-heartbeat {
  0%, 35%, 100% { transform: scale(1); }
  12% { transform: scale(1.2); }
  23% { transform: scale(.94); }
}
@keyframes tool-drawer {
  0%, 100% { transform: translateY(0); }
  45% { transform: translateY(5px); }
  60% { transform: translateY(-2px); }
}
@keyframes tool-audio {
  0%, 100% { opacity: .5; transform: scaleY(.8); }
  50% { opacity: 1; transform: scaleY(1.18); }
}
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(1),
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(3) {
  display: flex !important;
  align-items: flex-end !important;
  font-size: 24px !important;
}
.landing-page .tool-inventory-section > div:nth-child(2) > div:hover {
  border-color: #c96831 !important;
  background: rgba(201,104,49,.1) !important;
  transform: translateY(-2px) !important;
}
.landing-page .tool-inventory-section > div:nth-child(2) > div:hover > span { transform: scale(1.12); }
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(1):hover > span,
.landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(3):hover > span { transform: translate(-50%, -62%) scale(1.1); }
.landing-page .tool-inventory-section > div:last-child {
  max-width: 1344px;
  margin-right: auto !important;
  margin-left: auto !important;
}
.landing-page .tool-inventory-section > div:last-child a { color: #f4efe6 !important; border-bottom: 1px solid #8e969d !important; text-transform: none; letter-spacing: .02em; }

@media (max-width: 1050px) {
  .landing-page .tool-inventory-section > div:nth-child(2) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 150px;
  }
  .landing-page .tool-inventory-section > div:nth-child(2) > div,
  .landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(5),
  .landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(6),
  .landing-page .tool-inventory-section > div:nth-child(2) > div:last-child { grid-column: span 1; }
}

@media (max-width: 820px) {
  .landing-page .concern-section > div:nth-of-type(1) { grid-template-columns: repeat(2, 1fr) !important; }
  .landing-page .concern-section .concern-card:nth-child(3n) { border-right: 1px solid #b9b1a6 !important; }
  .landing-page .concern-section .concern-card:nth-child(2n) { border-right: 0 !important; }
  .landing-page .tool-inventory-section > div:nth-child(2) { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 520px) {
  .landing-page .concern-section,
  .landing-page .tool-inventory-section { padding: 64px 18px !important; }
  .landing-page .concern-section > div:nth-of-type(1),
  .landing-page .tool-inventory-section > div:nth-child(2) { grid-template-columns: 1fr !important; }
  .landing-page .concern-section .concern-card,
  .landing-page .concern-section .concern-card:nth-child(2n),
  .landing-page .concern-section .concern-card:nth-child(3n),
  .landing-page .tool-inventory-section > div:nth-child(2) > div,
  .landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(1),
  .landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(3),
  .landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(5),
  .landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(6),
  .landing-page .tool-inventory-section > div:nth-child(2) > div:last-child {
    min-height: 120px;
    grid-column: span 1;
    grid-row: span 1;
    display: flex !important;
    align-items: flex-end !important;
    padding: 76px 20px 20px !important;
    font-size: 18px !important;
  }
  .landing-page .tool-inventory-section .tool-lordicon,
  .landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(1) .tool-lordicon,
  .landing-page .tool-inventory-section > div:nth-child(2) > div:nth-child(3) .tool-lordicon {
    top: 42%;
    right: auto;
    left: 50%;
    width: 70px;
    height: 70px;
    opacity: 1;
    transform: translate(-50%, -58%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-page .tool-inventory-section > div:nth-child(2) > div > span,
  .landing-page .tool-inventory-section > div:nth-child(2) > div::after {
    animation: none !important;
  }
  .landing-page .tool-inventory-section .tool-lordicon { animation: none !important; }
}

/* Colorful gradients for icon blocks while keeping glyphs readable. */
.features-page div[style*="width:36px"][style*="height:36px"][style*="#c96831"],
.features-page div[style*="width:52px"][style*="height:52px"][style*="#c96831"] { background:linear-gradient(135deg,#c96831,#d68a28) !important; }
.features-page div[style*="width:36px"][style*="height:36px"][style*="#8b6fc7"],
.features-page div[style*="width:52px"][style*="height:52px"][style*="#8b6fc7"] { background:linear-gradient(135deg,#8b6fc7,#1e6ea8) !important; }
.features-page div[style*="width:36px"][style*="height:36px"][style*="#6f8f72"],
.features-page div[style*="width:52px"][style*="height:52px"][style*="#6f8f72"] { background:linear-gradient(135deg,#6f8f72,#1e6ea8) !important; }
.features-page div[style*="width:36px"][style*="height:36px"] > span[style*="Material Icons"],
.features-page div[style*="width:52px"][style*="height:52px"] > span[style*="Material Icons"] { color:#fff !important; }
.resource-card--orange > div:first-child { background:linear-gradient(135deg,#c96831,#d68a28) !important; }
.resource-card--purple > div:first-child { background:linear-gradient(135deg,#8b6fc7,#1e6ea8) !important; }
.resource-card--green > div:first-child { background:linear-gradient(135deg,#6f8f72,#1e6ea8) !important; }
.resource-card > div:first-child > span { color:#fff !important; }

/* Final override: several legacy feature-card rules appear later in the
   cascade and carry !important shadows. Keep every visible component flat. */
html body *:not(.ysc-light-section):not(.mid-page-cta):not(.klaviyo-signup-section),
html body *::before,
html body *::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

html body *:hover:not(.ysc-light-section):not(.mid-page-cta):not(.klaviyo-signup-section),
html body *:focus:not(.ysc-light-section):not(.mid-page-cta):not(.klaviyo-signup-section),
html body *:focus-visible:not(.ysc-light-section):not(.mid-page-cta):not(.klaviyo-signup-section),
html body *:hover::before,
html body *:hover::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

.scroll-story {
  --story-width: 72%;
  --story-radius: 24px;
  --story-copy-shift: 18px;
  position: relative;
  height: 100vh;
  min-height: 820px;
  margin-bottom: 0;
  background: #f7f5ef;
}

.scroll-story-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Keep a visible cream gap between the walkthrough cards and journey image. */
.landing-page .product-proof-section {
  padding-bottom: 100px !important;
}

.story-section-spacer {
  width: 100%;
  height: 100px;
  background: #f7f5ef;
}

.scroll-story-frame {
  position: relative;
  width: var(--story-width);
  height: 100vh;
  margin: 0;
  overflow: hidden;
  border-radius: var(--story-radius);
  background: #f7f5ef;
}

.scroll-story-frame img,
.story-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.scroll-story-shade,
.story-tile-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(18, 18, 18, 0.76) 0%, rgba(18, 18, 18, 0.5) 43%, rgba(18, 18, 18, 0.16) 78%, rgba(18, 18, 18, 0.28) 100%),
    linear-gradient(0deg, rgba(18, 18, 18, 0.3), rgba(18, 18, 18, 0.04));
}

.scroll-story-copy {
  position: absolute;
  z-index: 1;
  left: clamp(28px, 7vw, 112px);
  bottom: clamp(38px, 9vh, 96px);
  max-width: 690px;
  color: #fff;
  transform: translateY(var(--story-copy-shift));
}

.scroll-story-kicker,
.story-tile-copy span {
  display: block;
  margin-bottom: 14px;
  color: #f1a33c;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.scroll-story-copy h2 {
  margin: 0 0 20px;
  color: #fff;
  font-size: clamp(38px, 4.6vw, 72px);
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.scroll-story-copy p {
  margin: 0;
  max-width: 650px;
  color: #fff;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.55;
}

.scroll-story--journey .scroll-story-copy h2 {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.scroll-story-link {
  display: inline-flex;
  align-items: center;
  margin-top: 28px;
  padding: 14px 22px;
  border-radius: 8px;
  background: #c96831;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  transition: background 0.2s ease;
}

.scroll-story-link:hover {
  background: #e27a3f;
}

.story-pair {
  width: min(calc(100% - 96px), 1440px);
  margin: 0 auto;
  padding: 96px 0;
  padding-bottom: 0 !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.story-tile {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  border-radius: 18px;
  background: #121212;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}

.story-tile:nth-child(2) {
  transition-delay: 0.12s;
}

.story-tile.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.story-tile img {
  transition: transform 0.7s ease;
}

.story-tile:hover img {
  transform: scale(1.025);
}

.story-tile-shade {
  background: linear-gradient(0deg, rgba(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.4) 46%, rgba(18, 18, 18, 0.1) 100%);
}

.story-tile-copy {
  position: absolute;
  z-index: 1;
  left: 34px;
  right: 34px;
  bottom: 34px;
  color: #fff;
}

.story-tile-copy h3 {
  max-width: 540px;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: clamp(24px, 2.2vw, 36px);
  line-height: 1.12;
  letter-spacing: -0.025em;
}

.ysc-light-section .story-tile-copy h3 {
  color: #fff !important;
}

@media (max-width: 900px) {
  .scroll-story {
    height: auto;
    min-height: 0;
    margin-bottom: 0;
    padding: 48px 20px;
  }

  .scroll-story-sticky {
    position: relative;
    height: auto;
  }

  .scroll-story-frame {
    width: 100%;
    height: min(76vh, 680px);
    min-height: 520px;
    border-radius: 18px;
  }

  .scroll-story-shade {
    background: linear-gradient(0deg, rgba(18, 18, 18, 0.82) 0%, rgba(18, 18, 18, 0.46) 58%, rgba(18, 18, 18, 0.12) 100%);
  }

  .scroll-story-copy {
    left: 24px;
    right: 24px;
    bottom: 28px;
    transform: none;
  }

  .scroll-story-copy h2 {
    font-size: clamp(34px, 9vw, 52px);
  }

  .story-pair {
    width: 100%;
    padding: 64px 20px;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .story-tile {
    min-height: min(68vh, 560px);
  }
}

@media (max-width: 520px) {
  .scroll-story {
    padding: 28px 16px;
  }

  .scroll-story-frame {
    min-height: 560px;
  }

  .scroll-story-frame img {
    object-position: 58% center;
  }

  .scroll-story-copy h2 {
    font-size: 36px;
  }

  .scroll-story-copy p {
    font-size: 17px;
  }

  .story-pair {
    padding: 48px 16px;
  }

  .story-tile {
    min-height: 480px;
  }

  .story-tile-copy {
    left: 24px;
    right: 24px;
    bottom: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-story {
    height: auto;
    min-height: 0;
    margin-bottom: 0;
    padding: 64px 0;
  }

  .scroll-story-sticky {
    position: relative;
    height: auto;
  }

  .scroll-story-frame {
    width: min(calc(100% - 48px), 1440px);
    border-radius: 18px;
  }

  .story-tile,
  .story-tile img {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Final hero specificity guard against the legacy split-hero rules above. */
.landing-page .showcase-hero > .showcase-hero-copy {
  width: min(920px,100%) !important;
  max-width: 920px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

.landing-page .showcase-hero > .showcase-hero-copy > p {
  max-width: 760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.landing-page .showcase-hero > .showcase-hero-copy > div[style*="display:flex"] {
  justify-content: center !important;
}

/* Final open-layout guard for the expanded feature suite. */
.landing-page .tool-inventory-section {
  padding-top: clamp(130px,13vw,190px) !important;
  padding-bottom: clamp(140px,14vw,210px) !important;
}
.landing-page .tool-inventory-section > .feature-suite-stack:nth-child(2) {
  grid-template-columns: 1fr !important;
  grid-auto-rows: auto !important;
  gap: clamp(96px,12vw,170px) !important;
}
.landing-page .tool-inventory-section > .feature-suite-stack:nth-child(2) > .feature-suite-card,
.landing-page .tool-inventory-section > .feature-suite-stack:nth-child(2) > .feature-suite-card:nth-child(1),
.landing-page .tool-inventory-section > .feature-suite-stack:nth-child(2) > .feature-suite-card:nth-child(3) {
  display:grid !important;
  grid-column:1 / -1 !important;
  grid-row:auto !important;
  grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr) !important;
  width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
.landing-page .tool-inventory-section > .feature-suite-stack:nth-child(2) > .feature-suite-card:nth-child(even) {
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr) !important;
}
.landing-page .feature-suite-media { min-height:500px !important; border-radius:22px !important; }
.landing-page .feature-suite-copy li { min-height:0 !important; padding:20px 0 22px 18px !important; border:0 !important; border-bottom:1px solid rgba(244,239,234,.12) !important; border-radius:0 !important; background:transparent !important; }

@media (max-width:900px) {
  .landing-page .tool-inventory-section > .feature-suite-stack:nth-child(2) > .feature-suite-card,
  .landing-page .tool-inventory-section > .feature-suite-stack:nth-child(2) > .feature-suite-card:nth-child(even) { grid-template-columns:1fr !important; }
  .landing-page .feature-suite-media { min-height:0 !important; }
}

/* Near-black section rhythm across the marketing site. */
html,
body.landing-page,
body.features-page,
body.pricing-page { background:#080a0d !important; }

.landing-page .product-proof-section { background:radial-gradient(circle at 18% 35%,rgba(51,65,93,.13),transparent 34%),#0b0d11 !important; }
.landing-page .benefit-strip,
.landing-page .mid-page-cta { background:#12151a !important; }
.landing-page .concern-section { background:radial-gradient(circle at 86% 22%,rgba(87,64,96,.12),transparent 32%),#0a0c0f !important; }
.landing-page .steady-process-section { background:#111419 !important; }
.landing-page .story-pair { background:#090b0e !important; }
.landing-page .workspace-showcase-section { background:radial-gradient(circle at 12% 50%,rgba(79,87,101,.12),transparent 35%),#15181c !important; }
.landing-page .tool-inventory-section { background:#0d1116 !important; }
.landing-page .testimonial-carousel-section { background:#17191e !important; }
.landing-page .clarity-library-showcase { background:radial-gradient(circle at 82% 28%,rgba(73,61,99,.14),transparent 36%),#0a0c10 !important; }
.landing-page .external-resources-section { background:#13161a !important; }
.landing-page .klaviyo-signup-section { background:#0c0e12 !important; }
.landing-page .clarity-definition-section { background:#17191c !important; color:#f4efe6 !important; }
.landing-page .faq-section { background:radial-gradient(rgba(102,112,126,.13) 1px,transparent 1px) 0 0/24px 24px,#0e1115 !important; }
.landing-page .closing-cta-section { background:radial-gradient(circle at 50% 100%,rgba(79,66,99,.18),transparent 48%),#15171b !important; }
.landing-page .closing-cta-section {
  isolation:isolate;
  background-image:url('./assets/hero/night-soccer.png') !important;
  background-position:center 58% !important;
  background-size:cover !important;
}
.landing-page .closing-cta-section::before {
  content:'';
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(180deg,rgba(8,7,10,.7),rgba(12,9,15,.62) 45%,rgba(16,14,13,.86)),linear-gradient(100deg,rgba(30,18,45,.44),rgba(112,32,42,.25));
  pointer-events:none;
}
.landing-page .closing-cta-section > div { position:relative; z-index:1; }

/* Branded editorial treatment for the four-step process. */
.landing-page .steady-process-section { position:relative; overflow:hidden; padding-top:122px; padding-bottom:128px; background:radial-gradient(circle at 8% 18%,rgba(201,104,49,.11),transparent 30%),radial-gradient(circle at 92% 82%,rgba(139,111,199,.11),transparent 32%),#111419 !important; }
.landing-page .steady-process-heading { margin-bottom:72px; }
.landing-page .steady-process-heading h2 { font-size:clamp(42px,4.5vw,60px); letter-spacing:-.04em; }
.landing-page .steady-process-heading h2 span { background-image:linear-gradient(100deg,#d68a28,#d9ab30,#6f8f72); }
.landing-page .late-night-callout { position:relative; overflow:hidden; margin-bottom:78px; padding:34px 38px; border:1px solid rgba(255,255,255,.13); border-left:4px solid #c96831; background:radial-gradient(circle at 18% 50%,rgba(201,104,49,.2),transparent 34%),linear-gradient(110deg,rgba(184,92,56,.12),rgba(139,111,199,.09)),#15171c; }
.landing-page .late-night-callout::after { content:'11:04'; position:absolute; right:-18px; bottom:-38px; color:rgba(139,111,199,.055); font-size:150px; font-weight:800; line-height:1; letter-spacing:-.08em; pointer-events:none; }
.landing-page .late-night-callout span { color:#d9ab30; }
.landing-page .late-night-callout p { position:relative; z-index:1; color:#fff !important; }
.landing-page .steady-process-grid { border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.landing-page .steady-process-grid::before { display:none; }
.landing-page .steady-process-step { --step-rgb:201,104,49; min-height:275px; padding:34px 26px 30px; text-align:left; border-right:1px solid rgba(255,255,255,.14); background:linear-gradient(160deg,rgba(var(--step-rgb),.13),transparent 52%); transition:background .35s ease,transform .35s ease; }
.landing-page .steady-process-step:last-child { border-right:0; }
.landing-page .steady-process-step--capture { --step-accent:#c96831; --step-rgb:201,104,49; }
.landing-page .steady-process-step--clarify { --step-accent:#6f8f72; --step-rgb:111,143,114; }
.landing-page .steady-process-step--communicate { --step-accent:#8b6fc7; --step-rgb:139,111,199; }
.landing-page .steady-process-step--decide { --step-accent:#1d68a8; --step-rgb:29,104,168; }
.landing-page .steady-process-step::before { content:''; position:absolute; inset:0 0 auto; height:3px; background:var(--step-accent); }
.landing-page .steady-process-step:hover { background:linear-gradient(160deg,rgba(var(--step-rgb),.22),rgba(var(--step-rgb),.025) 68%); transform:translateY(-6px); }
.landing-page .steady-process-number,
.landing-page .steady-process-step--capture .steady-process-number,
.landing-page .steady-process-step--decide .steady-process-number { display:block; width:auto; height:auto; margin:0 0 34px; color:var(--step-accent); border:0; border-radius:0; background:none; font-size:58px; font-weight:800; line-height:.9; letter-spacing:-.06em; }
.landing-page .steady-process-copy h3 { color:#fff; font-size:21px; }
.landing-page .steady-process-copy p { color:#fff !important; font-size:16px; }

/* Three editorial promises between the story and concern sections. */
.landing-page .benefit-strip { position:relative; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 !important; width:100%; max-width:none !important; margin:0 !important; padding:0 48px !important; overflow:hidden; background:radial-gradient(circle at 15% 20%,rgba(201,104,49,.11),transparent 30%),radial-gradient(circle at 82% 80%,rgba(139,111,199,.1),transparent 32%),#12151a !important; }
.landing-page .benefit-strip-item { --benefit-accent:#c96831; --benefit-rgb:201,104,49; position:relative; min-height:300px; padding:52px 38px 48px; overflow:hidden; text-align:left; border-right:1px solid rgba(255,255,255,.13); background:linear-gradient(145deg,rgba(var(--benefit-rgb),.14),transparent 56%); transition:background .35s ease; }
.landing-page .benefit-strip-item:last-child { border-right:0; }
.landing-page .benefit-strip-item--purple { --benefit-accent:#8b6fc7; --benefit-rgb:139,111,199; }
.landing-page .benefit-strip-item--green { --benefit-accent:#6f8f72; --benefit-rgb:111,143,114; }
.landing-page .benefit-strip-item::before { content:''; position:absolute; inset:0 0 auto; height:3px; background:var(--benefit-accent); }
.landing-page .benefit-strip-item::after { content:''; position:absolute; right:-55px; bottom:-85px; width:210px; height:210px; border:1px solid rgba(var(--benefit-rgb),.25); border-radius:50%; }
.landing-page .benefit-strip-item:hover { background:linear-gradient(145deg,rgba(var(--benefit-rgb),.22),rgba(var(--benefit-rgb),.025) 72%); }
.landing-page .benefit-strip-item > span { display:block; margin-bottom:38px; color:var(--benefit-accent); font-size:14px; font-weight:800; letter-spacing:.16em; }
.landing-page .benefit-strip-item h3 { max-width:330px; margin:0 0 18px; color:#fff; font-family:'Newsreader',serif; font-size:clamp(27px,2.6vw,38px); font-weight:500; line-height:1.08; letter-spacing:-.025em; }
.landing-page .benefit-strip-item p { position:relative; z-index:1; max-width:350px; margin:0; color:#fff !important; font-size:16px; line-height:1.7; }
.landing-page .mid-page-cta { padding:36px 48px 58px !important; border-top:1px solid rgba(255,255,255,.1) !important; background:#12151a !important; }
.landing-page .mid-page-cta a { color:#fff !important; border:0 !important; border-radius:4px !important; padding:16px 28px !important; background:linear-gradient(135deg,#c96831,#b85c38) !important; transition:transform .25s ease,background .25s ease; }
.landing-page .mid-page-cta a:hover { transform:translateY(-3px); background:linear-gradient(135deg,#d68a28,#c96831) !important; }
@media (max-width:820px) {
  .landing-page .benefit-strip { grid-template-columns:1fr !important; padding:0 24px !important; }
  .landing-page .benefit-strip-item { min-height:0; padding:40px 26px; border-right:0; border-bottom:1px solid rgba(255,255,255,.13); }
  .landing-page .benefit-strip-item > span { margin-bottom:22px; }
}
@media (max-width:760px) {
  .landing-page .steady-process-section { padding:82px 20px 88px; }
  .landing-page .steady-process-heading { margin-bottom:44px; }
  .landing-page .steady-process-grid { grid-template-columns:1fr; border-bottom:0; }
  .landing-page .steady-process-step { min-height:0; padding:30px 24px; border-right:0; border-bottom:1px solid rgba(255,255,255,.14); }
  .landing-page .steady-process-number,
  .landing-page .steady-process-step--capture .steady-process-number,
  .landing-page .steady-process-step--decide .steady-process-number { margin-bottom:22px; font-size:48px; }
}

/* Open editorial pull quotes; no oversized rounded containers. */
.features-page .feature-pull-quote,
.pricing-page .pricing-pull-quote {
  position:relative;
  max-width:none !important;
  padding:120px 48px 126px !important;
  overflow:hidden;
  background:radial-gradient(circle at 12% 45%,rgba(201,104,49,.12),transparent 30%),radial-gradient(circle at 88% 52%,rgba(139,111,199,.12),transparent 30%),#0b0e12 !important;
}
.features-page .feature-pull-quote-card,
.pricing-page .feature-pull-quote-card {
  position:relative;
  max-width:1120px;
  margin:0 auto;
  padding:42px 76px 46px !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.2) !important;
  border-bottom:1px solid rgba(255,255,255,.2) !important;
  border-radius:0 !important;
  background:transparent !important;
}
.features-page .feature-pull-quote-card::before,
.pricing-page .feature-pull-quote-card::before {
  content:'“';
  position:absolute;
  top:10px;
  left:0;
  color:#c96831;
  font-family:'Newsreader',serif;
  font-size:92px;
  font-weight:400;
  line-height:1;
}
.features-page .feature-pull-quote-card::after,
.pricing-page .feature-pull-quote-card::after {
  content:'”';
  position:absolute;
  right:0;
  bottom:-28px;
  color:#8b6fc7;
  font-family:'Newsreader',serif;
  font-size:92px;
  font-weight:400;
  line-height:1;
}
.features-page .feature-quote-mark,
.pricing-page .feature-quote-mark { display:none; }
.features-page .feature-pull-quote-card p,
.pricing-page .feature-pull-quote-card p {
  color:#fff !important;
  font-family:'Newsreader',serif !important;
  font-size:clamp(31px,4vw,52px) !important;
  font-style:italic !important;
  font-weight:400 !important;
  line-height:1.22 !important;
  letter-spacing:-.025em;
}

/* Remove leftover pill/card decoration from non-interactive labels. */
.features-page .completion-time { border-radius:0 !important; border-width:0 0 1px !important; background:transparent !important; padding:8px 0 !important; }
.features-page .core-tools-note { border-radius:3px !important; }
.pricing-page .checkout-options a { border-radius:3px !important; }
.pricing-page .best-value-badge { border-radius:3px !important; }

@media (max-width:700px) {
  .features-page .feature-pull-quote,
  .pricing-page .pricing-pull-quote { padding:84px 22px 90px !important; }
  .features-page .feature-pull-quote-card,
  .pricing-page .feature-pull-quote-card { padding:38px 38px 42px !important; }
  .features-page .feature-pull-quote-card::before,
  .pricing-page .feature-pull-quote-card::before,
  .features-page .feature-pull-quote-card::after,
  .pricing-page .feature-pull-quote-card::after { font-size:64px; }
}

/* Final contrast pass for legacy inline text colors on dark page sections. */
.features-page section h1,
.features-page section h2,
.features-page section h3,
.pricing-page section h1,
.pricing-page section h2,
.pricing-page section h3 { color:#fff !important; }
.features-page section [style*="color:#333"],
.features-page section [style*="color: #333"],
.pricing-page section [style*="color:#333"],
.pricing-page section [style*="color: #333"],
.features-page section [style*="color:#242628"],
.pricing-page section [style*="color:#242628"] { color:#fff !important; }
.features-page .feature-card-section > div:first-child > div:last-child > div:last-child,
.features-page .feature-band-inner > div:first-child > div:last-child > div:last-child,
.features-page .features-benefit-banner > div > div:last-child,
.pricing-page .pricing-value-strip > div > div:last-child { color:#fff !important; }

/* Current Workspace captures: preserve each screenshot's proportions while
   presenting desktop and mobile crops in the frame designed for that device. */
.feature-suite-media picture,
.clarity-library-visual picture,
.core-tool-card > picture,
.workspace-screen-gallery picture {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#090c12;
}
.feature-suite-media picture img,
.clarity-library-visual picture img,
.core-tool-card > picture img,
.workspace-screen-gallery picture img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
.core-tool-card > picture { aspect-ratio:16 / 9; border-radius:12px; }
.core-tool-card--wide > picture { aspect-ratio:16 / 7; }

.workspace-screen-gallery {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  width:100%;
  max-width:1440px;
  margin:28px auto 0;
}
.workspace-screen-gallery figure {
  position:relative;
  aspect-ratio:16 / 10;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(155,140,255,.28);
  border-radius:14px;
  background:#090c12;
}
.workspace-screen-gallery figcaption {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  padding:30px 18px 14px;
  color:#fff;
  font-size:16px;
  font-weight:800;
  background:linear-gradient(transparent,rgba(5,7,11,.94));
}
@media (max-width:900px) {
  .workspace-screen-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .core-tool-card > picture,
  .core-tool-card--wide > picture { aspect-ratio:4 / 5; }
  .workspace-screen-gallery { grid-template-columns:1fr; }
  .workspace-screen-gallery figure { aspect-ratio:4 / 5; }
}

/* Full-bleed homepage feature bands with content held to the site grid. */
.landing-page .workspace-showcase-section,
.landing-page .homepage-feature-spotlights {
  width:100% !important;
  max-width:none !important;
  margin-right:0 !important;
  margin-left:0 !important;
  padding-right:max(48px,calc((100vw - 1440px) / 2 + 48px)) !important;
  padding-left:max(48px,calc((100vw - 1440px) / 2 + 48px)) !important;
}
@media (max-width:900px) {
  .landing-page .workspace-showcase-section,
  .landing-page .homepage-feature-spotlights {
    padding-right:24px !important;
    padding-left:24px !important;
  }
}
@media (max-width:520px) {
  .landing-page .workspace-showcase-section,
  .landing-page .homepage-feature-spotlights {
    padding-right:17px !important;
    padding-left:17px !important;
  }
}

/* Continue the full-bleed section rhythm across Features and Pricing. */
.features-page .features-path-section,
.features-page .everyday-features-section,
.features-page .story-pair,
.pricing-page #plans.pricing-plans-section,
.pricing-page .workspace-offer {
  width:100% !important;
  max-width:none !important;
  margin-right:0 !important;
  margin-left:0 !important;
  padding-right:max(48px,calc((100vw - 1440px) / 2 + 48px)) !important;
  padding-left:max(48px,calc((100vw - 1440px) / 2 + 48px)) !important;
}
.features-page .story-pair {
  padding-top:96px !important;
  padding-bottom:96px !important;
  background:
    radial-gradient(circle at 15% 10%,rgba(56,189,248,.09),transparent 27%),
    radial-gradient(circle at 85% 90%,rgba(155,140,255,.1),transparent 30%),
    #0c0f14 !important;
}
.pricing-page .workspace-offer {
  padding-top:84px !important;
  padding-bottom:84px !important;
  text-align:center;
  background:
    linear-gradient(90deg,rgba(56,189,248,.1),transparent 34%,rgba(155,140,255,.1)),
    #111318 !important;
}
.pricing-page .workspace-offer > h2,
.pricing-page .workspace-offer > p {
  max-width:900px;
  margin-right:auto;
  margin-left:auto;
}
@media (max-width:900px) {
  .features-page .features-path-section,
  .features-page .everyday-features-section,
  .features-page .story-pair,
  .pricing-page #plans.pricing-plans-section,
  .pricing-page .workspace-offer {
    padding-right:24px !important;
    padding-left:24px !important;
  }
  .features-page .story-pair { padding-top:72px !important; padding-bottom:72px !important; }
}
@media (max-width:520px) {
  .features-page .features-path-section,
  .features-page .everyday-features-section,
  .features-page .story-pair,
  .pricing-page #plans.pricing-plans-section,
  .pricing-page .workspace-offer {
    padding-right:17px !important;
    padding-left:17px !important;
  }
  .features-page .story-pair { padding-top:56px !important; padding-bottom:56px !important; }
}
.features-page .feature-card-section > div:first-child > div:first-child,
.features-page .feature-band-inner > div:first-child > div:first-child { color:rgba(139,111,199,.48) !important; }
.features-page .subpage-hero h1 em,
.pricing-page .subpage-hero h1 em { color:transparent !important; -webkit-text-fill-color:transparent !important; }

/* Brighter brand-color pass to match the homepage energy. */
.features-page .subpage-hero::before,
.pricing-page .subpage-hero::before { background:linear-gradient(180deg,rgba(8,7,10,.62),rgba(12,9,15,.46) 44%,rgba(8,10,13,.82)),linear-gradient(105deg,rgba(29,104,168,.38),rgba(139,111,199,.32),rgba(201,104,49,.3)); }
.features-page .subpage-hero > div > div:first-child,
.pricing-page .subpage-hero > div > div:first-child { border-bottom-color:#1d68a8 !important; }
.features-page .section-eyebrow { color:#d68a28 !important; }
.pricing-page .section-eyebrow { color:#8b6fc7 !important; }
.features-page .core-tools-heading h2::after,
.pricing-page .purchase-confidence-heading h2::after { content:''; display:block; width:92px; height:4px; margin-top:22px; border-radius:999px; background:linear-gradient(90deg,#c96831,#d9ab30,#8b6fc7,#1d68a8); }
.features-page .core-tool-card { background:linear-gradient(145deg,color-mix(in srgb,var(--core-accent) 25%,transparent),transparent 60%),#13171d !important; }
.features-page .core-tool-card:hover { background:linear-gradient(145deg,color-mix(in srgb,var(--core-accent) 38%,transparent),transparent 70%),#151a21 !important; }
.features-page .feature-card-section > div:first-child > div:first-child,
.features-page .feature-band-inner > div:first-child > div:first-child { color:var(--section-number,#8b6fc7) !important; opacity:.82; }
.features-page .feature-card-section:nth-of-type(odd) { --section-number:#c96831; }
.features-page .feature-band:nth-of-type(even) { --section-number:#1d68a8; }
.features-page .feature-card-section > div:last-child > div,
.features-page .feature-band-inner > div:last-child > div { background:linear-gradient(145deg,color-mix(in srgb,var(--editorial-accent) 21%,transparent),transparent 64%) !important; }
.features-page .feature-card-section > div:last-child > div:hover,
.features-page .feature-band-inner > div:last-child > div:hover { background:linear-gradient(145deg,color-mix(in srgb,var(--editorial-accent) 34%,transparent),transparent 72%) !important; }
.features-page .features-benefit-banner > div:first-child,
.pricing-page .pricing-value-strip > div:first-child { background:linear-gradient(145deg,rgba(201,104,49,.25),transparent 68%) !important; border-top:3px solid #c96831; }
.features-page .features-benefit-banner > div:nth-child(2),
.pricing-page .pricing-value-strip > div:nth-child(2) { background:linear-gradient(145deg,rgba(139,111,199,.28),transparent 68%) !important; border-top:3px solid #8b6fc7; }
.features-page .features-benefit-banner > div:nth-child(3),
.pricing-page .pricing-value-strip > div:nth-child(3) { background:linear-gradient(145deg,rgba(111,143,114,.28),transparent 68%) !important; border-top:3px solid #6f8f72; }
.features-page .core-tools-note { border-top:3px solid #d9ab30 !important; background:linear-gradient(120deg,rgba(201,104,49,.22),rgba(139,111,199,.18) 55%,rgba(29,104,168,.2)),#121822 !important; }
.features-page .core-tools-note > .material-icons { color:#d9ab30 !important; border:1px solid #d9ab30; background:transparent !important; }
.features-page .feature-pull-quote-card::before,
.pricing-page .feature-pull-quote-card::before { color:#d68a28; }
.features-page .feature-pull-quote-card::after,
.pricing-page .feature-pull-quote-card::after { color:#8b6fc7; }

.pricing-page .free-plan { background:linear-gradient(145deg,rgba(29,104,168,.27),rgba(63,111,143,.09) 64%),#121822 !important; border-color:#1d68a8 !important; }
.pricing-page .paid-plan { background:linear-gradient(145deg,rgba(201,104,49,.32),rgba(184,92,56,.17) 48%,rgba(139,111,199,.17)),#14171c !important; border-color:#c96831 !important; }
.pricing-page .pricing-assurance-item { background:linear-gradient(100deg,color-mix(in srgb,var(--assurance-accent) 25%,transparent),transparent 70%),#111419; }
.pricing-page .purchase-confidence-grid article { background:linear-gradient(145deg,color-mix(in srgb,var(--confidence-accent,#c96831) 23%,transparent),transparent 66%),#13171d !important; }
.pricing-page .purchase-confidence-grid article:hover { background:linear-gradient(145deg,color-mix(in srgb,var(--confidence-accent,#c96831) 36%,transparent),transparent 72%),#151a21 !important; }
.pricing-page .pricing-faq > div > div > div:hover { background:linear-gradient(90deg,rgba(29,104,168,.24),rgba(139,111,199,.1),transparent) !important; }
.pricing-page .checkout-primary { background:linear-gradient(135deg,#c96831,#d68a28) !important; }
.pricing-page .checkout-secondary { color:#fff !important; border-color:#8b6fc7 !important; background:rgba(139,111,199,.16) !important; }

/* Open editorial treatment for the external resource collection. */
.landing-page .external-resources-section {
  max-width:none !important;
  margin:0 !important;
  padding:128px 48px 136px !important;
  background:radial-gradient(circle at 76% 10%,rgba(139,111,199,.12),transparent 34%),#111419 !important;
}
.external-resources-inner { max-width:1320px; margin:0 auto; }
.external-resources-heading { max-width:820px; margin:0 0 72px; text-align:left; }
.external-resources-heading .section-eyebrow { margin-bottom:18px; color:#a986ef; text-transform:none !important; }
.external-resources-heading h2 { margin:0 0 20px; color:#fff; font-size:clamp(38px,4.6vw,64px); line-height:1.04; letter-spacing:-.045em; }
.external-resources-heading h2 em { white-space:nowrap; background:linear-gradient(100deg,#dc7b3e,#a986ef); -webkit-background-clip:text; background-clip:text; color:transparent; }
.external-resources-heading p { max-width:680px; margin:0; color:#fff !important; font-size:18px; line-height:1.7; }
.external-resources-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.landing-page .external-resources-section .resource-card.resource-card--image {
  min-width:0; overflow:visible; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
}
.external-resources-section .resource-card--image > img {
  display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:3px; filter:saturate(.84) brightness(.82); transition:transform .45s ease,filter .45s ease;
}
.external-resources-section .resource-card:hover { transform:none; }
.external-resources-section .resource-card:hover > img { transform:translateY(-6px); filter:saturate(1) brightness(.94); }
.external-resources-section .resource-card-copy { position:relative; padding:26px 0 0 22px; border-left:2px solid #d66f2c; }
.external-resources-section .resource-card-copy > span { display:block; margin-bottom:8px; color:#a986ef; font-size:13px; font-weight:800; letter-spacing:.12em; }
.external-resources-section .resource-card-copy > strong { display:block; margin-bottom:10px; color:#fff; font-size:21px; line-height:1.25; }
.external-resources-section .resource-card-copy > p { margin:0; color:#fff !important; font-size:16px; line-height:1.65; }
.external-resources-action { margin-top:52px; }
.external-resources-action a { display:inline-flex; align-items:center; gap:10px; color:#fff; font-size:16px; font-weight:700; text-decoration:none; border-bottom:1px solid #d66f2c; padding-bottom:7px; }
.external-resources-action a span { color:#d66f2c; font-size:20px; transition:transform .2s ease; }
.external-resources-action a:hover span { transform:translate(3px,-3px); }
@media (max-width:900px) {
  .landing-page .external-resources-section { padding:96px 28px 104px !important; }
  .external-resources-grid { grid-template-columns:1fr; gap:58px; }
  .external-resources-heading { margin-bottom:52px; }
  .external-resources-section .resource-card--image > img { aspect-ratio:16/9; }
  .external-resources-heading h2 em { white-space:normal; }
}

.features-page section:not(.scroll-story):nth-of-type(odd),
.pricing-page section:not(.scroll-story):nth-of-type(odd) { background-color:#0b0e12 !important; }
.features-page section:not(.scroll-story):nth-of-type(even),
.pricing-page section:not(.scroll-story):nth-of-type(even) { background-color:#14171b !important; }
.features-page .feature-band { background:radial-gradient(rgba(100,110,124,.12) 1px,transparent 1px) 0 0/24px 24px,#0f1216 !important; }

.landing-page footer,
.features-page footer,
.pricing-page footer { background:#090b0e !important; }

.landing-page .scroll-story,
.features-page .scroll-story,
.pricing-page .scroll-story { background:#080a0d !important; }

.landing-page .clarity-definition-section > div > div:last-child {
  background:rgba(244,239,234,.12) !important;
  border:1px solid rgba(244,239,234,.1);
}
.landing-page .clarity-definition-section > div > div:last-child > div:first-child { background:#111419 !important; }
.landing-page .clarity-definition-section > div > div:last-child > div:last-child { background:#1a1d21 !important; }
.landing-page .clarity-definition-section > div > div:last-child > div > div:last-child { color:#d7d3cb !important; }

.landing-page .hero-audience-pill {
  position:relative;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  color:#e2ddd6 !important;
  font-size:19px !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  box-shadow:none !important;
}
.landing-page .hero-audience-pill::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:68%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#3f6f8f,#1d68a8);
  transform:translateX(-50%);
}

/* Solid white body copy across the marketing pages. */
body.landing-page p:not(#keep-muted-copy),
body.features-page p:not(#keep-muted-copy),
body.pricing-page p:not(#keep-muted-copy) {
  color:#fff !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
}

body.landing-page p,
body.features-page p,
body.pricing-page p { font-size:16px; }

body.landing-page p:not(#keep-muted-copy),
body.features-page p:not(#keep-muted-copy) {
  font-family:'Plus Jakarta Sans',sans-serif !important;
}

.landing-page .feature-suite-copy li small,
.features-page .feature-card p,
.pricing-page .pricing-assurance-section p { color:#fff !important; }

.landing-page .feature-suite-copy li small { font-size:16px !important; }

/* Hero showcase readability and casing. */
.landing-page .showcase-hero,
.landing-page .showcase-hero h1,
.landing-page .showcase-hero h1 em,
.landing-page .showcase-hero p,
.landing-page .showcase-hero a,
.landing-page .showcase-hero strong,
.landing-page .showcase-hero .hero-audience-pill { color:#fff !important; }

.landing-page .showcase-hero h1,
.landing-page .showcase-hero h1 em,
.landing-page .showcase-callouts strong { text-transform:none !important; }

.landing-page .showcase-callouts strong,
.landing-page .showcase-callouts p,
.landing-page .showcase-hero-copy a,
.landing-page .showcase-hero-copy > div:last-child { font-size:16px !important; }

.landing-page .showcase-callouts strong { font-size:17px !important; }
.landing-page .showcase-callouts p { opacity:1 !important; }
.landing-page .showcase-hero-copy > div[style*="color"] { color:#fff !important; }

.landing-page .showcase-hero h1 em {
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  background-image:linear-gradient(100deg,#d68a28,#8b6fc7) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}

.landing-page .testimonial-card blockquote {
  color:#fff !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:16px !important;
}

.landing-page .testimonial-card > p {
  text-transform:none !important;
  letter-spacing:.01em !important;
}

/* Three-phone product animation in the whole-game-plan section. */
.landing-page .workspace-phone-trio {
  position:relative;
  isolation:isolate;
  display:block !important;
  width:100%;
  min-height:620px;
  aspect-ratio:auto;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.workspace-trio-glow { position:absolute; z-index:-1; inset:12% 0 8%; border-radius:50%; background:radial-gradient(circle,rgba(139,111,199,.24),rgba(69,112,158,.08) 45%,transparent 72%); filter:blur(24px); }
.workspace-trio-phone { position:absolute; width:43%; aspect-ratio:882 / 1714; filter:drop-shadow(0 32px 34px rgba(0,0,0,.62)); transform-origin:50% 88%; }
.workspace-trio-phone--left { z-index:1; left:1%; top:20%; transform:rotate(-10deg) scale(.82); animation:trio-left 6s ease-in-out infinite; }
.workspace-trio-phone--center { z-index:3; left:28.5%; top:1%; animation:trio-center 6s ease-in-out infinite; }
.workspace-trio-phone--right { z-index:2; right:0; top:18%; transform:rotate(10deg) scale(.84); animation:trio-right 6s ease-in-out infinite; }
.workspace-trio-screen { position:absolute; z-index:1; inset:4.15% 9.7% 3.15%; overflow:hidden; border-radius:13% / 6.5%; background:#10151f; }
.workspace-trio-screen > img { display:block; width:100% !important; height:100% !important; object-fit:cover !important; object-position:13% top !important; }
.workspace-trio-frame { position:absolute; z-index:3; inset:0; display:block; width:100% !important; height:100% !important; object-fit:fill !important; pointer-events:none; }
.workspace-trio-screen--cycling > img { position:absolute; inset:0; opacity:0; animation:trio-screen-cycle 12s ease-in-out infinite; }
.workspace-trio-screen--cycling > .is-first { animation-delay:0s; }
.workspace-trio-screen--cycling > .is-second { animation-delay:4s; }
.workspace-trio-screen--cycling > .is-third { animation-delay:8s; }

@keyframes trio-screen-cycle { 0%,27%{opacity:1;transform:scale(1)} 33%,94%{opacity:0;transform:scale(1.025)} 100%{opacity:1;transform:scale(1)} }
@keyframes trio-left { 0%,100%{transform:rotate(-10deg) translateY(0) scale(.82)} 50%{transform:rotate(-8deg) translateY(-10px) scale(.84)} }
@keyframes trio-center { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
@keyframes trio-right { 0%,100%{transform:rotate(10deg) translateY(0) scale(.84)} 50%{transform:rotate(8deg) translateY(-8px) scale(.86)} }

@media (max-width:1024px) {
  .landing-page .workspace-phone-trio { min-height:clamp(500px,88vw,760px); max-width:720px !important; margin:20px auto 0; }
}
@media (max-width:600px) {
  .landing-page .workspace-phone-trio { min-height:520px; }
  .workspace-trio-phone { width:48%; }
  .workspace-trio-phone--left { left:-5%; top:22%; }
  .workspace-trio-phone--center { left:26%; }
  .workspace-trio-phone--right { right:-5%; top:21%; }
}
@media (prefers-reduced-motion:reduce) {
  .workspace-trio-phone { animation:none !important; }
  .workspace-trio-screen--cycling > img { animation:none !important; opacity:0; }
  .workspace-trio-screen--cycling > .is-first { opacity:1; }
}

/* Open editorial Clarity Library treatment. */
.landing-page .clarity-library-showcase {
  padding-top:clamp(130px,12vw,180px) !important;
  padding-bottom:clamp(140px,13vw,195px) !important;
}
.landing-page .clarity-library-inner {
  grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr) !important;
  gap:clamp(64px,7vw,110px) !important;
}
.landing-page .clarity-library-visual {
  overflow:visible;
  border:0 !important;
  border-radius:24px;
  background:transparent !important;
  box-shadow:0 46px 100px -62px rgba(0,0,0,.95);
}
.landing-page .clarity-library-visual::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:-10%;
  background:radial-gradient(circle,rgba(77,114,164,.2),rgba(139,111,199,.08) 48%,transparent 72%);
  filter:blur(26px);
}
.landing-page .clarity-library-visual::after { box-shadow:inset 0 0 0 1px rgba(255,255,255,.09); }
.landing-page .clarity-library-visual img { border-radius:24px; }
.landing-page .clarity-library-copy .section-eyebrow {
  color:#9b7be4 !important;
  font-size:16px !important;
  letter-spacing:.06em !important;
  text-transform:none !important;
}
.landing-page .clarity-library-copy h2 { font-size:clamp(42px,4.5vw,64px) !important; line-height:1.02 !important; }
.landing-page .clarity-library-copy h2 em {
  font-family:inherit;
  font-style:normal;
  color:transparent;
  background:linear-gradient(100deg,#d68a28,#8b6fc7);
  -webkit-background-clip:text;
  background-clip:text;
}
.landing-page .clarity-library-copy > p { font-size:18px !important; line-height:1.7 !important; }
.landing-page .clarity-library-features { gap:0; margin-top:34px; }
.landing-page .clarity-library-features > div {
  position:relative;
  display:block;
  padding:16px 0 16px 22px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
.landing-page .clarity-library-features > div::before {
  content:'';
  position:absolute;
  top:18px;
  bottom:18px;
  left:0;
  width:3px;
  border-radius:2px;
  background:#d66f2c;
}
.landing-page .clarity-library-features .material-icons { display:none !important; }
.landing-page .clarity-library-features strong { font-size:18px; }
.landing-page .clarity-library-features p { margin-top:7px !important; font-size:16px !important; line-height:1.55 !important; }
.landing-page .clarity-library-copy > a { margin-top:6px; font-size:16px; }

/* Features + pricing: cinematic companion pages to the homepage. */
.features-page .subpage-hero,
.pricing-page .subpage-hero {
  isolation:isolate;
  display:grid;
  min-height:680px;
  max-width:none !important;
  padding-top:150px !important;
  padding-bottom:130px !important;
  place-items:center;
  background-position:center;
  background-size:cover;
}
.features-page .subpage-hero { background-image:url('./assets/hero/night-basketball.png') !important; }
.pricing-page .subpage-hero { background-image:url('./assets/hero/night-baseball.png') !important; }
.subpage-hero::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(8,7,10,.7),rgba(12,9,15,.58) 44%,rgba(8,10,13,.9)),linear-gradient(105deg,rgba(29,104,168,.24),rgba(139,111,199,.22),rgba(201,104,49,.18));
}
.subpage-hero::after {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  background:radial-gradient(circle at 50% 45%,transparent 0 22%,rgba(8,10,13,.28) 70%);
  animation:subpageHeroPulse 7s ease-in-out infinite alternate;
}
.subpage-hero > div { width:min(980px,100%); animation:subpageHeroEnter 1s cubic-bezier(.16,1,.3,1) both; }
.subpage-hero > div > div:first-child { padding:0 0 10px !important; color:#fff !important; border:0 !important; border-bottom:3px solid #1d68a8 !important; border-radius:0 !important; text-transform:none; }
.subpage-hero h1 { font-size:clamp(52px,6vw,82px) !important; line-height:1.01 !important; letter-spacing:-.045em !important; }
.subpage-hero p { max-width:820px; margin-right:auto !important; margin-left:auto !important; color:#fff !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:18px !important; }
@keyframes subpageHeroEnter { from { opacity:0; transform:translateY(38px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes subpageHeroPulse { from { opacity:.72; transform:scale(1); } to { opacity:1; transform:scale(1.035); } }

/* Feature page editorial rhythm and movement. */
.features-page .core-tools-section { padding-top:120px; padding-bottom:130px; background:radial-gradient(circle at 8% 18%,rgba(201,104,49,.1),transparent 28%),#0c0f13 !important; }
.features-page .core-tools-heading h2,
.pricing-page .purchase-confidence-heading h2 { font-size:clamp(42px,4.5vw,62px); letter-spacing:-.04em; }
.features-page .section-eyebrow,
.pricing-page .section-eyebrow { text-transform:none !important; color:#8b6fc7 !important; }
.features-page .core-tool-card { position:relative; overflow:hidden; border:0 !important; border-top:3px solid var(--core-accent) !important; border-radius:3px !important; background:linear-gradient(145deg,color-mix(in srgb,var(--core-accent) 17%,transparent),transparent 56%),#13171d !important; transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s ease !important; }
.features-page .core-tool-card::after { content:''; position:absolute; right:-90px; bottom:-120px; width:260px; height:260px; border:1px solid color-mix(in srgb,var(--core-accent) 34%,transparent); border-radius:50%; pointer-events:none; }
.features-page .core-tool-card:hover { transform:translateY(-9px) rotateX(1deg); background:linear-gradient(145deg,color-mix(in srgb,var(--core-accent) 25%,transparent),transparent 66%),#151a21 !important; }
.features-page .core-tool-card img { transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease; }
.features-page .core-tool-card:hover img { transform:scale(1.025); filter:saturate(1.12); }
.features-page .features-benefit-banner,
.pricing-page .pricing-value-strip { max-width:none !important; padding:0 48px !important; gap:0 !important; background:#111419 !important; }
.features-page .features-benefit-banner > div,
.pricing-page .pricing-value-strip > div { position:relative; min-height:255px; padding:48px 34px !important; text-align:left; border-right:1px solid rgba(255,255,255,.13); background:linear-gradient(145deg,rgba(201,104,49,.13),transparent 58%); }
.features-page .features-benefit-banner > div:nth-child(2),
.pricing-page .pricing-value-strip > div:nth-child(2) { background:linear-gradient(145deg,rgba(139,111,199,.15),transparent 58%); }
.features-page .features-benefit-banner > div:nth-child(3),
.pricing-page .pricing-value-strip > div:nth-child(3) { border-right:0; background:linear-gradient(145deg,rgba(111,143,114,.15),transparent 58%); }
.features-page .features-benefit-banner > div > div:first-child,
.pricing-page .pricing-value-strip > div > div:first-child { font-size:clamp(27px,2.6vw,38px) !important; line-height:1.08; }
.features-page .feature-card-section,
.features-page .feature-band { max-width:none !important; padding-top:110px !important; padding-bottom:120px !important; }
.features-page .feature-card-section > div,
.features-page .feature-band-inner { max-width:1320px !important; margin-right:auto !important; margin-left:auto !important; }
.features-page .feature-card-section > div:first-child > div:first-child,
.features-page .feature-band-inner > div:first-child > div:first-child { color:color-mix(in srgb,#8b6fc7 42%,transparent) !important; font-size:82px !important; }
.features-page .feature-card-section > div:last-child > div,
.features-page .feature-band-inner > div:last-child > div { position:relative; overflow:hidden; border-radius:3px !important; transition:transform .35s ease,background .35s ease !important; }
.features-page .feature-card-section > div:last-child > div:hover,
.features-page .feature-band-inner > div:last-child > div:hover { transform:translateY(-7px) !important; }
.features-page .feature-pull-quote-card,
.pricing-page .feature-pull-quote-card { border-left:4px solid #c96831 !important; background:linear-gradient(110deg,rgba(201,104,49,.16),rgba(139,111,199,.12)),#13161b !important; }
.features-page .feature-pull-quote-card p,
.pricing-page .feature-pull-quote-card p { color:#fff !important; font-size:clamp(28px,3.5vw,46px) !important; font-weight:700 !important; }
.features-page .subpage-final-cta { isolation:isolate; min-height:520px; display:grid; place-items:center; background:url('./assets/hero/night-football.png') center/cover !important; }
.features-page .subpage-final-cta::before { content:''; position:absolute; z-index:0; inset:0; background:linear-gradient(180deg,rgba(8,7,10,.74),rgba(12,9,15,.62),rgba(8,10,13,.88)),linear-gradient(100deg,rgba(29,104,168,.25),rgba(189,58,62,.2)); }
.features-page .subpage-final-cta > div { z-index:1; }
.features-page .subpage-final-cta h2 { font-size:clamp(42px,5vw,68px) !important; }

/* Pricing page: stronger contrast, alive without distracting from purchase choices. */
.pricing-page .pricing-value-strip { padding-top:0 !important; }
.pricing-page .story-section-spacer { background:#080a0d; }
.pricing-page #plans { max-width:1280px !important; padding:110px 48px 100px !important; gap:32px !important; }
.pricing-page .plan-card { position:relative; overflow:visible !important; border-radius:4px !important; transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s ease !important; }
.pricing-page .plan-card::after { content:''; position:absolute; z-index:-1; inset:10% 8% -5%; background:var(--plan-glow,rgba(29,104,168,.22)); filter:blur(55px); opacity:.34; transition:opacity .3s ease; }
.pricing-page .free-plan { --plan-glow:rgba(29,104,168,.48); border-top:4px solid #1d68a8 !important; }
.pricing-page .paid-plan { --plan-glow:rgba(201,104,49,.55); border-top:4px solid #c96831 !important; background:linear-gradient(145deg,rgba(201,104,49,.18),rgba(139,111,199,.1) 62%),#14171c !important; }
.pricing-page .plan-card:hover { transform:translateY(-10px) !important; }
.pricing-page .plan-card:hover::after { opacity:.58; }
.pricing-page .best-value-badge { background:linear-gradient(90deg,#1d68a8,#8b6fc7) !important; }
.pricing-page .pricing-assurance-section { padding-top:70px; padding-bottom:100px; background:#0b0e12 !important; }
.pricing-page .pricing-assurance-panel { border-radius:3px; overflow:hidden; }
.pricing-page .purchase-confidence-section { padding-top:120px; padding-bottom:120px; background:radial-gradient(circle at 90% 12%,rgba(139,111,199,.13),transparent 34%),#13161b !important; }
.pricing-page .purchase-confidence-grid article { position:relative; overflow:hidden; min-height:245px; border:0 !important; border-top:3px solid var(--confidence-accent,#c96831) !important; border-radius:3px !important; transition:transform .35s ease,background .35s ease; }
.pricing-page .purchase-confidence-grid article:nth-child(2) { --confidence-accent:#1d68a8; }
.pricing-page .purchase-confidence-grid article:nth-child(3) { --confidence-accent:#6f8f72; }
.pricing-page .purchase-confidence-grid article:nth-child(4) { --confidence-accent:#8b6fc7; }
.pricing-page .purchase-confidence-grid article:nth-child(5) { --confidence-accent:#d9ab30; }
.pricing-page .purchase-confidence-grid article:nth-child(6) { --confidence-accent:#bd3a3e; }
.pricing-page .purchase-confidence-grid article:hover { transform:translateY(-8px); background:linear-gradient(145deg,color-mix(in srgb,var(--confidence-accent) 18%,transparent),transparent 65%),#151a21; }
.pricing-page .pricing-faq { background:radial-gradient(circle at 12% 15%,rgba(29,104,168,.12),transparent 30%),radial-gradient(circle at 88% 78%,rgba(139,111,199,.11),transparent 30%),#0c0f13 !important; }
.pricing-page .pricing-faq h2 { font-size:clamp(42px,4vw,60px) !important; }
.pricing-page .pricing-faq > div > div { gap:0 !important; border-radius:3px !important; background:transparent !important; }
.pricing-page .pricing-faq > div > div > div { padding:30px 28px !important; border-top:1px solid rgba(255,255,255,.14); background:transparent !important; transition:padding-left .3s ease,background .3s ease; }
.pricing-page .pricing-faq > div > div > div:hover { padding-left:40px !important; background:linear-gradient(90deg,rgba(29,104,168,.11),transparent) !important; }
.pricing-page .pricing-faq > div > div > div > div:first-child { color:#fff; font-size:18px !important; }
.pricing-page .pricing-faq > div > div > div > div:last-child { color:#fff !important; }

@media (max-width:820px) {
  .features-page .subpage-hero,.pricing-page .subpage-hero { min-height:580px; padding:120px 24px 100px !important; }
  .features-page .features-benefit-banner,.pricing-page .pricing-value-strip { grid-template-columns:1fr !important; padding:0 24px !important; }
  .features-page .features-benefit-banner > div,.pricing-page .pricing-value-strip > div { min-height:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.13); }
  .pricing-page #plans { padding:80px 22px !important; }
}

@media (prefers-reduced-motion:reduce) {
  .subpage-hero::after,.subpage-hero > div { animation:none; }
}

/* Consistency pass: homepage-style editorial icons and open feature blocks. */
.features-page .subpage-hero h1 em,
.pricing-page .subpage-hero h1 em { color:transparent !important; -webkit-text-fill-color:transparent !important; }

.features-page .feature-card-section > div:last-child,
.features-page .feature-band-inner > div:last-child { gap:0 !important; border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.features-page .feature-card-section > div:last-child > div,
.features-page .feature-band-inner > div:last-child > div {
  --editorial-accent:#c96831;
  position:relative;
  min-height:190px;
  padding:30px 28px 30px 34px !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.14) !important;
  border-radius:0 !important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--editorial-accent) 11%,transparent),transparent 60%) !important;
}
.features-page .feature-card-section > div:last-child > div:nth-child(2),
.features-page .feature-band-inner > div:last-child > div:nth-child(2) { --editorial-accent:#8b6fc7; }
.features-page .feature-card-section > div:last-child > div:nth-child(3),
.features-page .feature-band-inner > div:last-child > div:nth-child(3) { --editorial-accent:#6f8f72; }
.features-page .feature-card-section > div:last-child > div:nth-child(4),
.features-page .feature-band-inner > div:last-child > div:nth-child(4) { --editorial-accent:#1d68a8; }
.features-page .feature-card-section > div:last-child > div:nth-child(5),
.features-page .feature-band-inner > div:last-child > div:nth-child(5) { --editorial-accent:#d9ab30; }
.features-page .feature-card-section > div:last-child > div::before,
.features-page .feature-band-inner > div:last-child > div::before { content:''; position:absolute; top:30px; bottom:30px; left:0; width:3px; background:var(--editorial-accent); transition:top .3s ease,bottom .3s ease; }
.features-page .feature-card-section > div:last-child > div:hover::before,
.features-page .feature-band-inner > div:last-child > div:hover::before { top:0; bottom:0; }
.features-page .feature-card-section > div:last-child > div > div:first-child > div:first-child,
.features-page .feature-band-inner > div:last-child > div > div:first-child > div:first-child {
  width:34px !important;
  height:34px !important;
  border:1px solid color-mix(in srgb,var(--editorial-accent) 75%,transparent) !important;
  border-radius:50% !important;
  background:transparent !important;
}
.features-page .feature-card-section > div:last-child > div > div:first-child > div:first-child span,
.features-page .feature-band-inner > div:last-child > div > div:first-child > div:first-child span { color:var(--editorial-accent) !important; font-size:19px !important; }
.features-page .feature-card-section > div:last-child > div > div:first-child > div:last-child,
.features-page .feature-band-inner > div:last-child > div > div:first-child > div:last-child { color:#fff !important; font-size:18px !important; }
.features-page .feature-card-section > div:last-child > div > div:last-child,
.features-page .feature-band-inner > div:last-child > div > div:last-child { color:#fff !important; font-family:'Plus Jakarta Sans',sans-serif !important; }

/* Keep the workflow icons outlined and light like the homepage callouts. */
.features-page div[style*="justify-content:center"][style*="align-items:flex-start"] > div { transition:transform .3s ease; }
.features-page div[style*="justify-content:center"][style*="align-items:flex-start"] > div:hover { transform:translateY(-6px); }
.features-page div[style*="width:52px"][style*="height:52px"][style*="border-radius:50%"] { background:#111419 !important; border-width:2px !important; }
.features-page div[style*="width:52px"][style*="height:52px"] > span[style*="Material Icons"] { color:#fff !important; }

/* Pricing icons: colored line symbols rather than rounded gradient tiles. */
.pricing-page .pricing-assurance-item { position:relative; padding:34px 32px 34px 38px; border-left:3px solid var(--assurance-accent,#c96831); background:linear-gradient(100deg,color-mix(in srgb,var(--assurance-accent) 12%,transparent),transparent 62%),#111419; }
.pricing-page .pricing-assurance-item--preview { --assurance-accent:#1d68a8; }
.pricing-page .pricing-assurance-item > .material-icons,
.pricing-page .purchase-confidence-grid .material-icons {
  color:var(--assurance-accent,var(--confidence-accent,#c96831)) !important;
  border:1px solid currentColor;
  border-radius:50% !important;
  background:transparent !important;
}
.pricing-page .purchase-confidence-grid article { padding:32px 30px !important; background:linear-gradient(145deg,color-mix(in srgb,var(--confidence-accent,#c96831) 12%,transparent),transparent 62%),#13171d !important; }
.pricing-page .purchase-confidence-grid .material-icons { width:48px; height:48px; margin-bottom:30px; }
.pricing-page .purchase-confidence-grid h3 { font-size:20px; }
@media (max-width:760px) {
  .features-page .feature-card-section > div:last-child > div,
  .features-page .feature-band-inner > div:last-child > div { border-right:0 !important; border-bottom:1px solid rgba(255,255,255,.13) !important; }
}

@media (max-width:1024px) {
  .landing-page .clarity-library-inner { grid-template-columns:1fr !important; }
  .landing-page .clarity-library-copy { max-width:760px; }
}

/* Pricing choices: editorial comparison with a brighter, premium focal plan. */
.pricing-page .pricing-plans-section {
  position:relative;
  max-width:1440px;
  margin:0 auto;
  padding:110px 42px 130px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 36%,rgba(139,111,199,.14),transparent 30%),
    radial-gradient(circle at 15% 70%,rgba(29,104,168,.11),transparent 28%),
    #0d1015 !important;
}
.pricing-page #plans.pricing-plans-section { max-width:1440px !important; padding:110px 42px 130px !important; }
.pricing-page .pricing-plans-section::before {
  content:'';
  position:absolute;
  top:74px;
  right:5%;
  width:210px;
  height:210px;
  border:1px solid rgba(201,104,49,.28);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(139,111,199,.05),0 0 0 68px rgba(29,104,168,.035);
  pointer-events:none;
}
.pricing-page .pricing-plans-heading { position:relative; z-index:1; max-width:850px; margin:0 auto 64px; text-align:center; }
.pricing-page .pricing-plans-kicker {
  display:inline-block;
  margin-bottom:18px;
  color:#5ca3df !important;
  font-size:16px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:none;
}
.pricing-page .pricing-plans-kicker::after { content:''; display:block; width:68px; height:3px; margin:9px auto 0; background:linear-gradient(90deg,#1d68a8,#8b6fc7); }
.pricing-page .pricing-plans-heading h2 { margin:0 0 18px; color:#fff !important; font-size:clamp(38px,5vw,68px); line-height:1.02; letter-spacing:-.045em; }
.pricing-page .pricing-plans-heading h2 em { font-family:'Newsreader',serif; font-size:1.08em; font-weight:400; font-style:italic; background:linear-gradient(90deg,#d68a28,#c96831 45%,#8b6fc7); -webkit-background-clip:text; background-clip:text; color:transparent !important; -webkit-text-fill-color:transparent !important; }
.pricing-page .pricing-plans-heading p { max-width:680px; margin:0 auto; color:#fff !important; font:400 17px/1.7 'Plus Jakarta Sans',sans-serif; }
.pricing-page .pricing-plans-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:24px; max-width:1180px; margin:0 auto; padding:0 !important; align-items:stretch; color:#fff !important; background:transparent !important; }
.pricing-page .pricing-plan {
  --plan-accent:#1d68a8;
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:42px 40px 38px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-top:3px solid var(--plan-accent) !important;
  border-radius:5px !important;
  overflow:hidden;
  background:linear-gradient(145deg,color-mix(in srgb,var(--plan-accent) 14%,#12161c),#101319 58%) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.3) !important;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.pricing-page .pricing-plan:hover { transform:translateY(-8px); border-color:color-mix(in srgb,var(--plan-accent) 70%,white) !important; box-shadow:0 38px 80px rgba(0,0,0,.42) !important; }
.pricing-page .pricing-plan--paid { --plan-accent:#c96831; background:linear-gradient(140deg,rgba(201,104,49,.25),rgba(139,111,199,.15) 45%,#11151b 74%) !important; }
.pricing-page .paid-plan > .pricing-plan-glow { display:block !important; position:absolute; top:-130px; right:-100px; width:300px !important; height:300px !important; padding:0 !important; border:0 !important; border-radius:50% !important; background:radial-gradient(circle,rgba(217,171,48,.25),rgba(201,104,49,.08) 45%,transparent 70%) !important; animation:pricingGlow 5s ease-in-out infinite; pointer-events:none; }
@keyframes pricingGlow { 50% { transform:scale(1.16) translate(-10px,12px); opacity:.7; } }
.pricing-page .pricing-plan-topline { position:relative; display:flex; justify-content:space-between; align-items:center; min-height:32px; margin-bottom:34px; }
.pricing-page .pricing-plan > .pricing-plan-topline,
.pricing-page .free-plan > .pricing-plan-topline,
.pricing-page .paid-plan > .pricing-plan-topline {
  display:flex !important;
  place-items:initial !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  color:#fff !important;
  background:transparent !important;
}
.pricing-page .pricing-plan-number { color:var(--plan-accent) !important; font:700 16px/1 'Plus Jakarta Sans',sans-serif; letter-spacing:.12em; }
.pricing-page .pricing-plan-label,.pricing-page .best-value-badge { color:#fff !important; -webkit-text-fill-color:#fff !important; font:700 14px/1.2 'Plus Jakarta Sans',sans-serif; letter-spacing:.02em; }
.pricing-page .best-value-badge { position:static !important; transform:none !important; padding:9px 13px !important; border:1px solid rgba(255,255,255,.22); border-radius:2px !important; background:#1d68a8 !important; box-shadow:5px 5px 0 #8b6fc7; white-space:nowrap; }
.pricing-page .pricing-plan-title-row { position:relative; display:grid; grid-template-columns:52px 1fr; gap:18px; align-items:start; margin-bottom:34px; }
.pricing-page .pricing-plan-symbol { display:grid !important; place-items:center; width:50px !important; height:50px !important; margin:0 !important; color:var(--plan-accent) !important; border:1px solid currentColor !important; border-radius:50% !important; background:rgba(8,10,14,.4) !important; }
.pricing-page .pricing-plan-symbol .material-icons { color:inherit !important; font-size:23px; }
.pricing-page .pricing-plan h3 { margin:0 0 7px; color:#fff !important; font-size:24px; line-height:1.2; }
.pricing-page .pricing-plan-title-row p { margin:0; color:#fff !important; font:400 16px/1.55 'Plus Jakarta Sans',sans-serif; }
.pricing-page .pricing-plan-price { display:flex; align-items:baseline; gap:12px; padding:28px 0 22px; border-top:1px solid rgba(255,255,255,.14); }
.pricing-page .pricing-plan-price strong { color:#fff !important; font-size:clamp(58px,6vw,84px); line-height:.9; letter-spacing:-.065em; }
.pricing-page .pricing-plan-price span { color:#fff !important; font:600 16px/1.3 'Plus Jakarta Sans',sans-serif; }
.pricing-page .pricing-plan-savings { display:flex; flex-wrap:wrap; gap:8px 18px; margin:-5px 0 27px; color:#fff; font-size:15px; }
.pricing-page .pricing-plan-savings strong { color:#d9ab30 !important; }
.pricing-page .pricing-plan-savings span { color:#fff !important; }
.pricing-page .pricing-plan-features { display:grid; gap:0; margin:0 0 34px; padding:0; list-style:none; flex:1; }
.pricing-page .pricing-plan-features li { display:grid; grid-template-columns:24px 1fr; gap:10px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.1); color:#fff !important; font:500 16px/1.45 'Plus Jakarta Sans',sans-serif; }
.pricing-page .pricing-plan-features li span { display:grid; place-items:center; width:20px; height:20px; margin-top:1px; border-radius:50%; color:#081014 !important; background:var(--plan-accent); font-size:12px; font-weight:900; }
.pricing-page .pricing-plan-actions { display:grid; gap:12px; }
.pricing-page .pricing-plan-button { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:56px; padding:0 20px; color:#fff !important; text-decoration:none; font-weight:800; font-size:16px; border-radius:3px; transition:background .25s ease,color .25s ease,transform .25s ease; }
.pricing-page .pricing-plan-button span { font-size:22px; transition:transform .25s ease; }
.pricing-page .pricing-plan-button:hover span { transform:translateX(5px); }
.pricing-page .pricing-plan-button--outline { border:1px solid #3f6f8f; background:rgba(29,104,168,.12); }
.pricing-page .pricing-plan-button--outline:hover { background:#1d68a8; }
.pricing-page .pricing-plan-button--primary { border:0; background:linear-gradient(90deg,#c96831,#d68a28) !important; box-shadow:8px 8px 0 #8b6fc7; }
.pricing-page .pricing-plan-button--primary:hover { transform:translate(-2px,-2px); box-shadow:11px 11px 0 #1d68a8; }
.pricing-page .pricing-plan-actions .checkout-secondary { color:#fff !important; font-size:15px; text-align:center; text-decoration:underline; text-decoration-color:#8b6fc7; text-underline-offset:5px; }
.pricing-page .pricing-plan-actions p { margin:3px 0 0; color:#fff !important; font:500 14px/1.5 'Plus Jakarta Sans',sans-serif; text-align:center; }

@media (max-width:900px) {
  .pricing-page #plans.pricing-plans-section { padding:85px 24px 100px !important; }
  .pricing-page .pricing-plans-grid { grid-template-columns:1fr; }
  .pricing-page .pricing-plan { padding:36px 28px 32px !important; }
}
@media (max-width:520px) {
  .pricing-page #plans.pricing-plans-section { padding-inline:16px !important; }
  .pricing-page .pricing-plans-heading { margin-bottom:44px; }
  .pricing-page .pricing-plan { padding:30px 22px 27px !important; }
  .pricing-page .pricing-plan-title-row { grid-template-columns:1fr; }
  .pricing-page .pricing-plan-symbol { width:44px !important; height:44px !important; }
  .pricing-page .best-value-badge { font-size:12px !important; }
}
@media (prefers-reduced-motion:reduce) {
  .pricing-page .pricing-plan-glow { animation:none; }
  .pricing-page .pricing-plan,.pricing-page .pricing-plan-button,.pricing-page .pricing-plan-button span { transition:none; }
}

/* Cinematic sports-field quote breaks on Features and Pricing. */
.features-page .feature-pull-quote,
.pricing-page .pricing-pull-quote {
  isolation:isolate;
  display:grid;
  place-items:center;
  min-height:520px;
  padding:100px 48px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}
.features-page .feature-pull-quote { background-image:url('./assets/hero/night-football.png') !important; }
.pricing-page .pricing-pull-quote { background-image:url('./assets/hero/night-soccer.png') !important; }
.features-page .feature-pull-quote::before,
.pricing-page .pricing-pull-quote::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(5,8,12,.76),rgba(7,8,12,.68) 48%,rgba(5,7,10,.88)),linear-gradient(105deg,rgba(29,104,168,.23),transparent 42%,rgba(139,111,199,.2));
}
.features-page .feature-pull-quote::after,
.pricing-page .pricing-pull-quote::after {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  background:radial-gradient(circle at 50% 48%,transparent 0,rgba(0,0,0,.08) 38%,rgba(0,0,0,.42) 100%);
}
.features-page .feature-pull-quote-card,
.pricing-page .feature-pull-quote-card {
  width:min(1080px,100%);
  padding:42px 72px 48px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.features-page .feature-pull-quote-card p,
.pricing-page .feature-pull-quote-card p {
  max-width:980px;
  margin:0 auto !important;
  color:#fff !important;
  font-size:clamp(34px,4.4vw,62px) !important;
  line-height:1.08 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-style:normal !important;
  font-weight:800 !important;
  letter-spacing:-.045em;
  text-shadow:0 4px 30px rgba(0,0,0,.85);
}
.features-page .feature-pull-quote-card p em,
.pricing-page .feature-pull-quote-card p em {
  display:inline;
  font-family:'Newsreader',serif !important;
  font-size:1.12em;
  font-style:italic !important;
  font-weight:400 !important;
  letter-spacing:-.035em;
  background:linear-gradient(90deg,#d68a28,#c96831 48%,#8b6fc7);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none;
}
.features-page .feature-pull-quote-card::before,
.pricing-page .feature-pull-quote-card::before {
  content:'';
  position:static;
  display:block;
  width:110px;
  height:4px;
  margin:0 auto 30px;
  background:linear-gradient(90deg,#d68a28,#c96831,#8b6fc7);
  text-shadow:none;
}
.features-page .feature-pull-quote-card::after,
.pricing-page .feature-pull-quote-card::after { content:none; display:none; }
@media (max-width:700px) {
  .features-page .feature-pull-quote,
  .pricing-page .pricing-pull-quote { min-height:430px; padding:72px 18px !important; }
  .features-page .feature-pull-quote-card,
  .pricing-page .feature-pull-quote-card { padding:32px 32px 38px !important; }
}

/* Features overview: one dark editorial story instead of disconnected strips. */
.features-page .features-path-section {
  position:relative;
  max-width:1440px;
  margin:0 auto;
  padding:110px 48px 125px;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 20%,rgba(201,104,49,.16),transparent 28%),
    radial-gradient(circle at 88% 26%,rgba(139,111,199,.17),transparent 30%),
    linear-gradient(180deg,#0d1015,#11151b 58%,#0a0d11);
}
.features-page .features-path-section::before { content:''; position:absolute; top:45px; right:-80px; width:260px; height:260px; border:1px solid rgba(139,111,199,.22); border-radius:50%; box-shadow:0 0 0 40px rgba(29,104,168,.04); pointer-events:none; }
.features-page .features-path-heading { position:relative; max-width:850px; margin:0 auto 60px; text-align:center; }
.features-page .features-path-heading > span { display:inline-block; margin-bottom:16px; color:#5ca3df; font-size:16px; font-weight:800; }
.features-page .features-path-heading > span::after { content:''; display:block; width:72px; height:3px; margin:9px auto 0; background:linear-gradient(90deg,#1d68a8,#8b6fc7); }
.features-page .features-path-heading h2 { margin:0; color:#fff; font-size:clamp(40px,5.5vw,72px); line-height:1.02; letter-spacing:-.05em; }
.features-page .features-path-heading h2 em { font-family:'Newsreader',serif; font-size:1.08em; font-weight:400; font-style:italic; background:linear-gradient(90deg,#d68a28,#c96831 48%,#8b6fc7); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.features-page .features-path-benefits { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:1180px; margin:0 auto 88px; border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.features-page .features-path-benefits article { --benefit-color:#c96831; position:relative; min-height:250px; padding:34px 34px 38px; border-right:1px solid rgba(255,255,255,.14); background:linear-gradient(145deg,color-mix(in srgb,var(--benefit-color) 17%,transparent),transparent 65%); transition:transform .35s ease,background .35s ease; }
.features-page .features-path-benefits article:nth-child(2) { --benefit-color:#8b6fc7; }
.features-page .features-path-benefits article:nth-child(3) { --benefit-color:#6f8f72; border-right:0; }
.features-page .features-path-benefits article::before { content:''; position:absolute; top:0; left:34px; width:54px; height:3px; background:var(--benefit-color); }
.features-page .features-path-benefits article:hover { transform:translateY(-7px); background:linear-gradient(145deg,color-mix(in srgb,var(--benefit-color) 27%,transparent),transparent 70%); }
.features-page .features-path-benefits article > span { color:var(--benefit-color); font-size:14px; font-weight:800; letter-spacing:.12em; }
.features-page .features-path-benefits h3 { margin:24px 0 12px; color:#fff; font:400 clamp(27px,2.8vw,39px)/1.05 'Newsreader',serif; }
.features-page .features-path-benefits p { margin:0; color:#fff; font:400 16px/1.65 'Plus Jakarta Sans',sans-serif; }
.features-page .features-path-journey { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); max-width:1180px; margin:0 auto; }
.features-page .features-path-line { position:absolute; top:32px; left:8%; right:8%; height:2px; background:linear-gradient(90deg,#c96831,#8b6fc7,#6f8f72,#d68a28,#1d68a8,#bd3a3e); opacity:.7; }
.features-page .features-path-journey article { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; padding:0 10px; text-align:center; transition:transform .3s ease; }
.features-page .features-path-journey article:hover { transform:translateY(-7px); }
.features-page .features-path-journey .material-icons { display:grid; place-items:center; width:64px; height:64px; margin-bottom:18px; color:#fff; font-size:25px; border:2px solid var(--path-color); border-radius:50%; background:#0e1217; box-shadow:0 0 0 7px #10141a,0 0 28px color-mix(in srgb,var(--path-color) 28%,transparent); }
.features-page .features-path-journey strong { color:#fff; font-size:16px; }
.features-page .features-path-journey small { max-width:140px; margin-top:7px; color:#fff; font:400 14px/1.45 'Plus Jakarta Sans',sans-serif; opacity:.82; }
@media (max-width:900px) {
  .features-page .features-path-section { padding:85px 24px 95px; }
  .features-page .features-path-benefits { grid-template-columns:1fr; }
  .features-page .features-path-benefits article { min-height:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.14); }
  .features-page .features-path-benefits article:last-child { border-bottom:0; }
  .features-page .features-path-journey { grid-template-columns:repeat(3,1fr); gap:38px 12px; }
  .features-page .features-path-line { display:none; }
}
@media (max-width:560px) {
  .features-page .features-path-section { padding-inline:17px; }
  .features-page .features-path-benefits article { padding:30px 26px 34px; }
  .features-page .features-path-journey { grid-template-columns:repeat(2,1fr); gap:36px 8px; }
}
@media (prefers-reduced-motion:reduce) {
  .features-page .features-path-benefits article,.features-page .features-path-journey article { transition:none; }
}

/* Homepage: focused introduction to the newest core workflow features. */
.landing-page .homepage-feature-spotlights { position:relative; max-width:1440px; margin:0 auto; padding:120px 48px 130px; overflow:hidden; background:radial-gradient(circle at 90% 15%,rgba(139,111,199,.16),transparent 30%),radial-gradient(circle at 8% 78%,rgba(29,104,168,.15),transparent 27%),#0b0e12; }
.landing-page .homepage-feature-spotlights-heading { max-width:850px; margin:0 auto 64px; text-align:center; }
.landing-page .homepage-feature-spotlights-heading > span,.features-page .everyday-features-heading > span { display:inline-block; margin-bottom:16px; color:#5ca3df; font-size:16px; font-weight:800; }
.landing-page .homepage-feature-spotlights-heading > span::after,.features-page .everyday-features-heading > span::after { content:''; display:block; width:72px; height:3px; margin:9px auto 0; background:linear-gradient(90deg,#1d68a8,#8b6fc7); }
.landing-page .homepage-feature-spotlights-heading h2,.features-page .everyday-features-heading h2 { margin:0 0 18px; color:#fff; font-size:clamp(40px,5.2vw,70px); line-height:1.03; letter-spacing:-.05em; }
.landing-page .homepage-feature-spotlights-heading h2 em,.features-page .everyday-features-heading h2 em { font-family:'Newsreader',serif; font-size:1.08em; font-weight:400; font-style:italic; background:linear-gradient(90deg,#d68a28,#c96831 48%,#8b6fc7); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.landing-page .homepage-feature-spotlights-heading p,.features-page .everyday-features-heading p { max-width:720px; margin:0 auto; color:#fff; font:400 17px/1.7 'Plus Jakarta Sans',sans-serif; }
.landing-page .homepage-feature-spotlights-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; max-width:1180px; margin:0 auto 42px; }
.landing-page .feature-spotlight { --spotlight-accent:#c96831; position:relative; display:grid; grid-template-columns:56px 1fr; gap:20px; min-height:230px; padding:32px; border:1px solid rgba(255,255,255,.14); border-radius:4px; overflow:hidden; background:linear-gradient(145deg,color-mix(in srgb,var(--spotlight-accent) 17%,transparent),transparent 65%),#12161c; transition:transform .35s ease,border-color .35s ease,background .35s ease; }
.landing-page .feature-spotlight:nth-child(1),.landing-page .feature-spotlight:nth-child(4),.landing-page .feature-spotlight:nth-child(5) { grid-column:span 7; }
.landing-page .feature-spotlight:nth-child(2),.landing-page .feature-spotlight:nth-child(3),.landing-page .feature-spotlight:nth-child(6) { grid-column:span 5; }
.landing-page .feature-spotlight--capture { --spotlight-accent:#d68a28; }.landing-page .feature-spotlight--compass { --spotlight-accent:#8b6fc7; }.landing-page .feature-spotlight--journey { --spotlight-accent:#6f8f72; }.landing-page .feature-spotlight--guidance { --spotlight-accent:#1d68a8; }.landing-page .feature-spotlight--review { --spotlight-accent:#bd3a3e; }
.landing-page .feature-spotlight::after { content:''; position:absolute; right:-54px; bottom:-70px; width:160px; height:160px; border:1px solid color-mix(in srgb,var(--spotlight-accent) 55%,transparent); border-radius:50%; opacity:.48; transition:transform .5s ease; }
.landing-page .feature-spotlight:hover { transform:translateY(-7px); border-color:color-mix(in srgb,var(--spotlight-accent) 75%,white); background:linear-gradient(145deg,color-mix(in srgb,var(--spotlight-accent) 27%,transparent),transparent 70%),#141920; }
.landing-page .feature-spotlight:hover::after { transform:scale(1.18) translate(-8px,-8px); }
.landing-page .feature-spotlight > .material-icons { display:grid; place-items:center; width:52px; height:52px; color:#fff; border:1px solid var(--spotlight-accent); border-radius:50%; background:#0e1217; }
.landing-page .feature-spotlight small { color:var(--spotlight-accent); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.landing-page .feature-spotlight h3 { margin:9px 0 10px; color:#fff; font-size:clamp(23px,2.4vw,34px); line-height:1.08; }
.landing-page .feature-spotlight p { margin:0; color:#fff; font:400 16px/1.62 'Plus Jakarta Sans',sans-serif; }
.landing-page .homepage-feature-spotlights-link { display:flex; justify-content:space-between; align-items:center; width:min(330px,100%); margin:0 auto; padding:17px 20px; color:#fff; font-weight:800; text-decoration:none; border-bottom:2px solid #1d68a8; }
.landing-page .homepage-feature-spotlights-link span { font-size:22px; transition:transform .25s ease; }.landing-page .homepage-feature-spotlights-link:hover span { transform:translateX(6px); }

/* Features page: specialized workspace capabilities. */
.features-page .everyday-features-section { max-width:1440px; margin:0 auto; padding:120px 48px 130px; background:radial-gradient(circle at 12% 20%,rgba(201,104,49,.13),transparent 27%),radial-gradient(circle at 92% 80%,rgba(139,111,199,.14),transparent 28%),#0c1015; }
.features-page .everyday-features-heading { max-width:900px; margin:0 auto 68px; text-align:center; }
.features-page .everyday-features-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1180px; margin:0 auto; border-top:1px solid rgba(255,255,255,.16); }
.features-page .everyday-features-grid article { position:relative; display:grid; grid-template-columns:56px 1fr; column-gap:20px; min-height:225px; padding:34px 34px 36px; border-right:1px solid rgba(255,255,255,.13); border-bottom:1px solid rgba(255,255,255,.13); background:linear-gradient(135deg,color-mix(in srgb,var(--feature-accent) 12%,transparent),transparent 62%); transition:padding-left .3s ease,background .3s ease; }
.features-page .everyday-features-grid article:nth-child(even) { border-right:0; }
.features-page .everyday-features-grid article:last-child:nth-child(odd) { grid-column:1/-1; border-right:0; }
.features-page .everyday-features-grid article:hover { padding-left:44px; background:linear-gradient(135deg,color-mix(in srgb,var(--feature-accent) 22%,transparent),transparent 70%); }
.features-page .everyday-features-grid .material-icons { grid-row:1/4; display:grid; place-items:center; width:50px; height:50px; color:var(--feature-accent); border:1px solid currentColor; border-radius:50%; background:#0d1116; }
.features-page .everyday-features-grid small { align-self:end; color:var(--feature-accent); font-size:13px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.features-page .everyday-features-grid h3 { margin:7px 0 9px; color:#fff; font-size:clamp(21px,2vw,29px); line-height:1.12; }
.features-page .everyday-features-grid p { margin:0; color:#fff; font:400 16px/1.62 'Plus Jakarta Sans',sans-serif; }
@media (max-width:820px) {
  .landing-page .homepage-feature-spotlights,.features-page .everyday-features-section { padding:88px 24px 100px; }
  .landing-page .homepage-feature-spotlights-grid { grid-template-columns:1fr; }
  .landing-page .feature-spotlight:nth-child(n) { grid-column:auto; }
  .features-page .everyday-features-grid { grid-template-columns:1fr; }
  .features-page .everyday-features-grid article { border-right:0; }
  .features-page .everyday-features-grid article:last-child:nth-child(odd) { grid-column:auto; }
}
@media (max-width:520px) {
  .landing-page .homepage-feature-spotlights,.features-page .everyday-features-section { padding-inline:17px; }
  .landing-page .feature-spotlight,.features-page .everyday-features-grid article { grid-template-columns:1fr; padding:28px 24px 31px; }
  .features-page .everyday-features-grid .material-icons { grid-row:auto; }
}
@media (prefers-reduced-motion:reduce) {
  .landing-page .feature-spotlight,.landing-page .feature-spotlight::after,.landing-page .homepage-feature-spotlights-link span,.features-page .everyday-features-grid article { transition:none; }
}

/* Brighter YSC color pass — preserve the dark editorial base with livelier accents. */
:root {
  --ysc-bright-orange:#ff7a2f;
  --ysc-bright-blue:#38bdf8;
  --ysc-bright-purple:#7c6cf5;
  --ysc-bright-pink:#f4628a;
  --ysc-bright-green:#57d09a;
  --ysc-bright-gold:#f5c147;
  --ysc-bright-bg:#0c0d10;
  --ysc-bright-section:#111318;
  --ysc-bright-panel:#15171c;
  --ysc-bright-line:#2a2e37;
}
body.landing-page,body.features-page,body.pricing-page { background:var(--ysc-bright-bg) !important; }
.landing-page .site-shell,.features-page .site-shell,.pricing-page .site-shell { background:var(--ysc-bright-bg) !important; }
.landing-page .product-proof-section,.landing-page .benefit-strip,.landing-page .workspace-showcase-section,.landing-page .testimonial-carousel-section,.landing-page .clarity-library-showcase,.landing-page .klaviyo-signup-section,
.features-page .core-tools-section,.features-page .features-path-section,.features-page .everyday-features-section,.pricing-page .purchase-confidence-section,.pricing-page .pricing-assurance-section { background-color:var(--ysc-bright-section) !important; }
.landing-page .concern-section,.landing-page .tool-inventory-section,.landing-page .external-resources-section,.landing-page .faq-section,
.features-page .feature-card-section,.features-page .feature-band,.pricing-page .pricing-plans-section,.pricing-page .pricing-faq { background-color:var(--ysc-bright-bg) !important; }
.landing-page .showcase-hero::after,.features-page .subpage-hero::after,.pricing-page .subpage-hero::after { background:linear-gradient(105deg,rgba(56,189,248,.22),transparent 38%,rgba(155,140,255,.19)),linear-gradient(180deg,rgba(6,8,12,.62),rgba(7,8,12,.78)) !important; }
.landing-page header,.features-page header,.pricing-page header { border-color:rgba(56,189,248,.22); }
.landing-page .section-eyebrow,.features-page .section-eyebrow,.pricing-page .section-eyebrow { color:var(--ysc-bright-purple) !important; }
.landing-page h1 em,.landing-page h2 em,.features-page h1 em,.features-page h2 em,.pricing-page h1 em,.pricing-page h2 em { background-image:linear-gradient(96deg,var(--ysc-bright-blue),#9b8cff 43%,var(--ysc-bright-pink) 72%,#ff9a5e) !important; }
.landing-page .sparkle-cta,.features-page .sparkle-cta,.pricing-page .sparkle-cta,
.landing-page a[style*="background:#c96831"],.features-page a[style*="background:#c96831"],.pricing-page a[style*="background:#c96831"] { background:var(--ysc-bright-orange) !important; box-shadow:0 18px 45px rgba(255,122,47,.27) !important; }
.landing-page .concern-card { border-color:var(--ysc-bright-line) !important; background-color:var(--ysc-bright-panel) !important; }
.landing-page .concern-card--gold { --concern-accent:var(--ysc-bright-orange); }.landing-page .concern-card--purple { --concern-accent:var(--ysc-bright-purple); }.landing-page .concern-card--green { --concern-accent:var(--ysc-bright-green); }.landing-page .concern-card--blue { --concern-accent:var(--ysc-bright-blue); }.landing-page .concern-card--rose { --concern-accent:var(--ysc-bright-pink); }
.landing-page .concern-card::before { background:var(--concern-accent) !important; box-shadow:0 0 24px color-mix(in srgb,var(--concern-accent) 35%,transparent); }
.landing-page .benefit-strip-item--orange { --benefit-accent:var(--ysc-bright-orange); }.landing-page .benefit-strip-item--purple { --benefit-accent:var(--ysc-bright-purple); }.landing-page .benefit-strip-item--green { --benefit-accent:var(--ysc-bright-green); }
.landing-page .benefit-strip-item h3 { color:var(--benefit-accent) !important; }
.landing-page .steady-process-step:nth-child(1) { --step-color:var(--ysc-bright-orange); }.landing-page .steady-process-step:nth-child(2) { --step-color:var(--ysc-bright-green); }.landing-page .steady-process-step:nth-child(3) { --step-color:var(--ysc-bright-purple); }.landing-page .steady-process-step:nth-child(4) { --step-color:var(--ysc-bright-blue); }
.landing-page .steady-process-number { border-color:var(--step-color) !important; background:color-mix(in srgb,var(--step-color) 22%,#111318) !important; box-shadow:0 0 28px color-mix(in srgb,var(--step-color) 30%,transparent); }
.landing-page .feature-spotlight--calm { --spotlight-accent:var(--ysc-bright-orange); }.landing-page .feature-spotlight--capture { --spotlight-accent:var(--ysc-bright-gold); }.landing-page .feature-spotlight--compass { --spotlight-accent:var(--ysc-bright-purple); }.landing-page .feature-spotlight--journey { --spotlight-accent:var(--ysc-bright-green); }.landing-page .feature-spotlight--guidance { --spotlight-accent:var(--ysc-bright-blue); }.landing-page .feature-spotlight--review { --spotlight-accent:var(--ysc-bright-pink); }
.landing-page .feature-spotlight,.landing-page .testimonial-card,.landing-page .clarity-library-features > div { border-color:var(--ysc-bright-line) !important; background-color:var(--ysc-bright-panel) !important; }
.landing-page .testimonial-stars { color:var(--ysc-bright-gold) !important; }
.landing-page .homepage-feature-spotlights-link,.landing-page .clarity-library-copy > a { border-color:var(--ysc-bright-blue) !important; }
.features-page .core-tool-card,.features-page .feature-card-section > div:last-child > div,.features-page .feature-band-inner > div:last-child > div,.features-page .everyday-features-grid article { border-color:rgba(155,140,255,.24) !important; }
.features-page .core-tool-card:nth-child(6n+1) { --core-accent:var(--ysc-bright-orange); }.features-page .core-tool-card:nth-child(6n+2) { --core-accent:var(--ysc-bright-purple); }.features-page .core-tool-card:nth-child(6n+3) { --core-accent:var(--ysc-bright-blue); }.features-page .core-tool-card:nth-child(6n+4) { --core-accent:var(--ysc-bright-green); }.features-page .core-tool-card:nth-child(6n+5) { --core-accent:var(--ysc-bright-pink); }
.features-page .features-path-heading > span,.features-page .everyday-features-heading > span,.landing-page .homepage-feature-spotlights-heading > span,.pricing-page .pricing-plans-kicker { color:var(--ysc-bright-blue) !important; }
.features-page .features-path-heading > span::after,.features-page .everyday-features-heading > span::after,.landing-page .homepage-feature-spotlights-heading > span::after,.pricing-page .pricing-plans-kicker::after { background:linear-gradient(90deg,var(--ysc-bright-blue),var(--ysc-bright-purple)) !important; }
.pricing-page .pricing-plan--free { --plan-accent:var(--ysc-bright-blue); }.pricing-page .pricing-plan--paid { --plan-accent:var(--ysc-bright-orange); }
.pricing-page .pricing-plan { background-color:var(--ysc-bright-panel) !important; border-color:var(--ysc-bright-line) !important; }
.pricing-page .best-value-badge { background:linear-gradient(90deg,var(--ysc-bright-blue),var(--ysc-bright-purple)) !important; box-shadow:5px 5px 0 var(--ysc-bright-orange) !important; }
.pricing-page .pricing-plan-button--primary { background:linear-gradient(90deg,var(--ysc-bright-orange),#ff9a5e) !important; box-shadow:8px 8px 0 var(--ysc-bright-purple) !important; }
.pricing-page .pricing-plan-button--outline { border-color:var(--ysc-bright-blue) !important; background:rgba(56,189,248,.12) !important; }
.pricing-page .purchase-confidence-grid article,.pricing-page .pricing-assurance-item { background-color:var(--ysc-bright-panel) !important; border-color:var(--ysc-bright-line) !important; }
.pricing-page .pricing-plan-savings strong { color:var(--ysc-bright-gold) !important; }
.landing-page *:focus-visible,.features-page *:focus-visible,.pricing-page *:focus-visible { outline-color:var(--ysc-bright-gold) !important; }

/* Saturated cross-page pass — carry the homepage energy through every interior section. */
.features-page .core-tools-section,
.features-page .feature-card-section,
.features-page .feature-band,
.features-page .everyday-features-section,
.pricing-page .pricing-value-strip,
.pricing-page .pricing-plans-section,
.pricing-page .pricing-assurance-section,
.pricing-page .purchase-confidence-section,
.pricing-page .pricing-faq {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.features-page .core-tools-section {
  background:
    radial-gradient(circle at 8% 10%,rgba(56,189,248,.18),transparent 28%),
    radial-gradient(circle at 91% 82%,rgba(244,98,138,.16),transparent 30%),
    linear-gradient(145deg,#101922,#111318 50%,#191323) !important;
}
.features-page .core-tool-card {
  --core-accent:var(--ysc-bright-orange);
  border:1px solid color-mix(in srgb,var(--core-accent) 55%,#2a2e37) !important;
  border-top:4px solid var(--core-accent) !important;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--core-accent) 22%,#15171c),#111318 66%) !important;
  box-shadow:0 24px 55px rgba(0,0,0,.32),0 0 34px color-mix(in srgb,var(--core-accent) 12%,transparent) !important;
}
.features-page .core-tool-card:nth-child(2) { --core-accent:var(--ysc-bright-purple); }
.features-page .core-tool-card:nth-child(3) { --core-accent:var(--ysc-bright-blue); }
.features-page .core-tool-card:nth-child(4) { --core-accent:var(--ysc-bright-green); }
.features-page .core-tool-card:nth-child(5) { --core-accent:var(--ysc-bright-pink); }
.features-page .core-tool-step,
.features-page .core-tool-step b { color:var(--core-accent) !important; }
.features-page .core-tools-note {
  border-left:4px solid var(--ysc-bright-gold) !important;
  background:linear-gradient(90deg,rgba(245,193,71,.16),rgba(255,122,47,.08),transparent) !important;
}
.features-page .features-path-section {
  background:
    radial-gradient(circle at 5% 20%,rgba(255,122,47,.24),transparent 27%),
    radial-gradient(circle at 94% 28%,rgba(155,140,255,.25),transparent 30%),
    linear-gradient(180deg,#111318,#14121c 55%,#0c1016) !important;
}
.features-page .features-path-benefits article:nth-child(1) { --benefit-color:var(--ysc-bright-orange) !important; }
.features-page .features-path-benefits article:nth-child(2) { --benefit-color:var(--ysc-bright-purple) !important; }
.features-page .features-path-benefits article:nth-child(3) { --benefit-color:var(--ysc-bright-green) !important; }
.features-page .features-path-benefits article {
  background:linear-gradient(145deg,color-mix(in srgb,var(--benefit-color) 27%,#15171c),#111318 72%) !important;
}
.features-page .features-path-benefits article h3 { color:var(--benefit-color) !important; }
.features-page .features-path-journey > div:nth-of-type(1) { --path-color:var(--ysc-bright-orange); }
.features-page .features-path-journey > div:nth-of-type(2) { --path-color:var(--ysc-bright-gold); }
.features-page .features-path-journey > div:nth-of-type(3) { --path-color:var(--ysc-bright-purple); }
.features-page .features-path-journey > div:nth-of-type(4) { --path-color:var(--ysc-bright-green); }
.features-page .features-path-journey > div:nth-of-type(5) { --path-color:var(--ysc-bright-pink); }
.features-page .features-path-journey > div:nth-of-type(6) { --path-color:var(--ysc-bright-blue); }
.features-page .features-path-journey .material-icons {
  color:#081014 !important;
  border-color:var(--path-color) !important;
  background:var(--path-color) !important;
  box-shadow:0 0 28px color-mix(in srgb,var(--path-color) 42%,transparent) !important;
}
.features-page .feature-card-section,
.features-page .feature-band {
  background:
    radial-gradient(circle at 100% 0,rgba(56,189,248,.11),transparent 24%),
    linear-gradient(180deg,#0c0d10,#111318) !important;
}
.features-page .feature-band {
  background:
    radial-gradient(circle at 0 50%,rgba(155,140,255,.16),transparent 25%),
    radial-gradient(circle at 100% 65%,rgba(87,208,154,.11),transparent 27%),
    #12141a !important;
}
.features-page .feature-card-section > div:last-child > div,
.features-page .feature-band-inner > div:last-child > div {
  background:linear-gradient(145deg,color-mix(in srgb,var(--editorial-accent) 25%,#15171c),#111318 75%) !important;
  border-color:color-mix(in srgb,var(--editorial-accent) 50%,#2a2e37) !important;
}
.features-page .feature-card-section > div:last-child > div:nth-child(1),
.features-page .feature-band-inner > div:last-child > div:nth-child(1) { --editorial-accent:var(--ysc-bright-orange); }
.features-page .feature-card-section > div:last-child > div:nth-child(2),
.features-page .feature-band-inner > div:last-child > div:nth-child(2) { --editorial-accent:var(--ysc-bright-purple); }
.features-page .feature-card-section > div:last-child > div:nth-child(3),
.features-page .feature-band-inner > div:last-child > div:nth-child(3) { --editorial-accent:var(--ysc-bright-green); }
.features-page .feature-card-section > div:last-child > div:nth-child(4),
.features-page .feature-band-inner > div:last-child > div:nth-child(4) { --editorial-accent:var(--ysc-bright-blue); }
.features-page .feature-card-section > div:last-child > div:nth-child(5),
.features-page .feature-band-inner > div:last-child > div:nth-child(5) { --editorial-accent:var(--ysc-bright-pink); }
.features-page .feature-card-section > div:last-child > div > div:first-child > div:first-child,
.features-page .feature-band-inner > div:last-child > div > div:first-child > div:first-child {
  color:#071014 !important;
  border-color:var(--editorial-accent) !important;
  background:var(--editorial-accent) !important;
  box-shadow:0 0 24px color-mix(in srgb,var(--editorial-accent) 38%,transparent) !important;
}
.features-page .feature-card-section > div:last-child > div > div:first-child > div:first-child span,
.features-page .feature-band-inner > div:last-child > div > div:first-child > div:first-child span { color:#071014 !important; }
.features-page .everyday-features-section {
  background:
    radial-gradient(circle at 12% 12%,rgba(244,98,138,.16),transparent 26%),
    radial-gradient(circle at 88% 84%,rgba(56,189,248,.16),transparent 27%),
    linear-gradient(150deg,#15121a,#0d141a) !important;
}
.features-page .everyday-features-grid article {
  background:linear-gradient(135deg,color-mix(in srgb,var(--feature-accent) 25%,#15171c),#111318 72%) !important;
  border-color:color-mix(in srgb,var(--feature-accent) 50%,#2a2e37) !important;
}
.features-page .everyday-features-grid .material-icons {
  color:#071014 !important;
  border-color:var(--feature-accent) !important;
  background:var(--feature-accent) !important;
  box-shadow:0 0 26px color-mix(in srgb,var(--feature-accent) 35%,transparent);
}

.pricing-page .pricing-value-strip {
  background:
    linear-gradient(100deg,rgba(56,189,248,.16),rgba(155,140,255,.13) 50%,rgba(244,98,138,.14)),
    #111318 !important;
}
.pricing-page .pricing-value-strip > div:nth-child(1) { --value-accent:var(--ysc-bright-blue); }
.pricing-page .pricing-value-strip > div:nth-child(2) { --value-accent:var(--ysc-bright-purple); }
.pricing-page .pricing-value-strip > div:nth-child(3) { --value-accent:var(--ysc-bright-pink); }
.pricing-page .pricing-value-strip > div {
  border-top:3px solid var(--value-accent) !important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--value-accent) 25%,#15171c),#111318 74%) !important;
  box-shadow:0 18px 42px color-mix(in srgb,var(--value-accent) 14%,transparent) !important;
}
.pricing-page .pricing-value-strip h3 { color:var(--value-accent) !important; }
.pricing-page .pricing-value-strip > div > div:first-child {
  color:#fff !important;
  text-shadow:0 2px 18px rgba(0,0,0,.42);
}
.pricing-page .pricing-value-strip > div > div:last-child { color:#fff !important; }
.pricing-page .pricing-plans-section {
  background:
    radial-gradient(circle at 12% 25%,rgba(56,189,248,.22),transparent 28%),
    radial-gradient(circle at 88% 25%,rgba(255,122,47,.22),transparent 28%),
    radial-gradient(circle at 55% 92%,rgba(155,140,255,.18),transparent 30%),
    #0d1015 !important;
}
.pricing-page .pricing-plan--free {
  background:linear-gradient(145deg,rgba(56,189,248,.26),rgba(17,19,24,.97) 58%) !important;
  border-color:rgba(56,189,248,.6) !important;
}
.pricing-page .pricing-plan--paid {
  background:linear-gradient(140deg,rgba(255,122,47,.32),rgba(244,98,138,.16) 44%,rgba(155,140,255,.18) 72%,#111318) !important;
  border-color:rgba(255,122,47,.7) !important;
}
.pricing-page .pricing-plan-symbol {
  color:#071014 !important;
  border-color:var(--plan-accent) !important;
  background:var(--plan-accent) !important;
  box-shadow:0 0 30px color-mix(in srgb,var(--plan-accent) 40%,transparent);
}
.pricing-page .pricing-plan-symbol .material-icons { color:#071014 !important; }
.pricing-page .pricing-assurance-section {
  background:linear-gradient(110deg,#101922,#15121a 55%,#17130e) !important;
}
.pricing-page .pricing-assurance-item--annual { --assurance-accent:var(--ysc-bright-orange) !important; }
.pricing-page .pricing-assurance-item--preview { --assurance-accent:var(--ysc-bright-blue) !important; }
.pricing-page .pricing-assurance-item {
  background:linear-gradient(110deg,color-mix(in srgb,var(--assurance-accent) 27%,#15171c),#111318 72%) !important;
  border-color:var(--assurance-accent) !important;
}
.pricing-page .pricing-assurance-item > .material-icons {
  color:#071014 !important;
  border-color:var(--assurance-accent) !important;
  background:var(--assurance-accent) !important;
}
.pricing-page .purchase-confidence-section {
  background:
    radial-gradient(circle at 50% 0,rgba(155,140,255,.17),transparent 34%),
    #111318 !important;
}
.pricing-page .purchase-confidence-grid article:nth-child(1) { --confidence-accent:var(--ysc-bright-green); }
.pricing-page .purchase-confidence-grid article:nth-child(2) { --confidence-accent:var(--ysc-bright-gold); }
.pricing-page .purchase-confidence-grid article:nth-child(3) { --confidence-accent:var(--ysc-bright-pink); }
.pricing-page .purchase-confidence-grid article {
  border-top:3px solid var(--confidence-accent) !important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--confidence-accent) 25%,#15171c),#111318 72%) !important;
}
.pricing-page .purchase-confidence-grid .material-icons {
  color:#071014 !important;
  border-color:var(--confidence-accent) !important;
  background:var(--confidence-accent) !important;
}
.pricing-page .pricing-faq {
  background:
    radial-gradient(circle at 8% 12%,rgba(56,189,248,.15),transparent 27%),
    radial-gradient(circle at 92% 88%,rgba(244,98,138,.13),transparent 26%),
    #0c0d10 !important;
}

/* CTA and headline consistency audit. */
.landing-page nav > a:last-of-type,
.features-page nav > a:last-of-type,
.pricing-page nav > a:last-of-type,
.landing-page .mobile-menu-cta,
.features-page .mobile-menu-cta,
.pricing-page .mobile-menu-cta,
.landing-page .sparkle-cta,
.features-page .sparkle-cta,
.pricing-page .sparkle-cta {
  color:#091014 !important;
  -webkit-text-fill-color:#091014 !important;
  border:1px solid rgba(255,255,255,.26) !important;
  background:linear-gradient(105deg,#ff7a2f,#ff9a5e) !important;
  box-shadow:0 14px 36px rgba(255,122,47,.32),0 0 0 1px rgba(255,193,124,.12) inset !important;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease !important;
}
.landing-page nav > a:last-of-type:hover,
.features-page nav > a:last-of-type:hover,
.pricing-page nav > a:last-of-type:hover,
.landing-page .mobile-menu-cta:hover,
.features-page .mobile-menu-cta:hover,
.pricing-page .mobile-menu-cta:hover,
.landing-page .sparkle-cta:hover,
.features-page .sparkle-cta:hover,
.pricing-page .sparkle-cta:hover {
  filter:brightness(1.08) saturate(1.08);
  transform:translateY(-3px);
  box-shadow:0 20px 46px rgba(255,122,47,.42),0 0 0 1px rgba(255,255,255,.2) inset !important;
}
.landing-page .scroll-story-link,
.landing-page .homepage-feature-spotlights-link,
.landing-page .clarity-library-copy > a,
.landing-page .external-resources-section > a,
.features-page .core-tools-section a,
.pricing-page .checkout-secondary {
  color:#fff !important;
  text-decoration-color:var(--ysc-bright-blue) !important;
  border-color:var(--ysc-bright-blue) !important;
  text-underline-offset:6px;
}
.landing-page .scroll-story-link:hover,
.landing-page .homepage-feature-spotlights-link:hover,
.landing-page .clarity-library-copy > a:hover,
.landing-page .external-resources-section > a:hover,
.features-page .core-tools-section a:hover,
.pricing-page .checkout-secondary:hover { color:var(--ysc-bright-blue) !important; }
.pricing-page .pricing-plan-button--outline {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:2px solid var(--ysc-bright-blue) !important;
  background:linear-gradient(100deg,rgba(56,189,248,.24),rgba(155,140,255,.17)) !important;
  box-shadow:0 14px 35px rgba(56,189,248,.16) !important;
}
.pricing-page .pricing-plan-button--outline:hover {
  color:#071014 !important;
  -webkit-text-fill-color:#071014 !important;
  background:linear-gradient(90deg,var(--ysc-bright-blue),#9b8cff) !important;
}
.pricing-page .pricing-plan-button--primary {
  color:#091014 !important;
  -webkit-text-fill-color:#091014 !important;
  border:1px solid rgba(255,255,255,.25) !important;
}
.landing-page h1 em,.landing-page h2 em,.landing-page h3 em,
.features-page h1 em,.features-page h2 em,.features-page h3 em,
.pricing-page h1 em,.pricing-page h2 em,.pricing-page h3 em,
.landing-page .tool-inventory-section h2 > span {
  font-family:'Newsreader',serif !important;
  font-style:italic !important;
  font-weight:400 !important;
  background:linear-gradient(96deg,var(--ysc-bright-blue) 0%,#9b8cff 36%,var(--ysc-bright-pink) 68%,#ff9a5e 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}
.pricing-page .pricing-plans-heading h2 em,
.features-page .feature-pull-quote-card p em,
.pricing-page .feature-pull-quote-card p em {
  background:linear-gradient(96deg,var(--ysc-bright-orange),var(--ysc-bright-pink) 48%,var(--ysc-bright-purple)) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.landing-page .section-eyebrow,
.features-page .subpage-hero > div > div:first-child,
.pricing-page .subpage-hero > div > div:first-child,
.features-page .features-path-heading > span,
.features-page .everyday-features-heading > span,
.pricing-page .pricing-plans-kicker {
  color:#fff !important;
  border-bottom-color:var(--ysc-bright-blue) !important;
}
.landing-page .section-eyebrow::after,
.features-page .features-path-heading > span::after,
.features-page .everyday-features-heading > span::after,
.pricing-page .pricing-plans-kicker::after {
  background:linear-gradient(90deg,var(--ysc-bright-blue),var(--ysc-bright-purple),var(--ysc-bright-pink)) !important;
  box-shadow:0 0 18px rgba(56,189,248,.3);
}
.landing-page p,.features-page p,.pricing-page p,
.landing-page li,.features-page li,.pricing-page li { color:#fff !important; }
@media (prefers-reduced-motion:reduce) {
  .landing-page nav > a:last-of-type,.features-page nav > a:last-of-type,.pricing-page nav > a:last-of-type,
  .landing-page .sparkle-cta,.features-page .sparkle-cta,.pricing-page .sparkle-cta { transition:none !important; }
  .sparkle-cta::before,.sparkle-cta::after { animation:none !important; opacity:.8; }
}
.landing-page .showcase-hero h1 em {
  background:linear-gradient(96deg,var(--ysc-bright-blue),#9b8cff 36%,var(--ysc-bright-pink) 68%,#ff9a5e) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}
.landing-page .showcase-hero .sparkle-cta,
.landing-page .subpage-final-cta .sparkle-cta,
.features-page .subpage-final-cta .sparkle-cta,
.pricing-page .subpage-final-cta .sparkle-cta {
  color:#091014 !important;
  -webkit-text-fill-color:#091014 !important;
}

/* Match header, mobile-menu, and footer Start free buttons exactly. */
.landing-page nav a[href*="workspace.youthsportsclarity.com"],
.features-page nav a[href*="workspace.youthsportsclarity.com"],
.pricing-page nav a[href*="workspace.youthsportsclarity.com"],
.landing-page .closing-cta-section a[href*="workspace.youthsportsclarity.com"],
.landing-page .subpage-final-cta a[href*="workspace.youthsportsclarity.com"],
.features-page .subpage-final-cta a[href*="workspace.youthsportsclarity.com"],
.pricing-page .subpage-final-cta a[href*="workspace.youthsportsclarity.com"],
.landing-page sc-if > div[style*="position:fixed"] a[href*="workspace.youthsportsclarity.com"] {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px;
  padding:11px 24px !important;
  color:#091014 !important;
  -webkit-text-fill-color:#091014 !important;
  font:800 16px/1.2 'Plus Jakarta Sans',sans-serif !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.26) !important;
  border-radius:100px !important;
  background:linear-gradient(105deg,#ff7a2f,#ff9a5e) !important;
  box-shadow:0 14px 36px rgba(255,122,47,.34),0 0 0 1px rgba(245,193,71,.12) inset !important;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease !important;
}
.landing-page nav a[href*="workspace.youthsportsclarity.com"]:hover,
.features-page nav a[href*="workspace.youthsportsclarity.com"]:hover,
.pricing-page nav a[href*="workspace.youthsportsclarity.com"]:hover,
.landing-page .closing-cta-section a[href*="workspace.youthsportsclarity.com"]:hover,
.landing-page .subpage-final-cta a[href*="workspace.youthsportsclarity.com"]:hover,
.features-page .subpage-final-cta a[href*="workspace.youthsportsclarity.com"]:hover,
.pricing-page .subpage-final-cta a[href*="workspace.youthsportsclarity.com"]:hover,
.landing-page sc-if > div[style*="position:fixed"] a[href*="workspace.youthsportsclarity.com"]:hover {
  filter:brightness(1.08) saturate(1.06);
  transform:translateY(-3px);
  box-shadow:0 20px 46px rgba(255,122,47,.44),0 0 0 1px rgba(255,255,255,.18) inset !important;
}

/* Remove decorative twinkling stars across the marketing site. */
.sparkle-cta::before,.sparkle-cta::after{content:none!important;display:none!important;animation:none!important}