/* Small, consistent feedback across storefront, account and admin views. */
/* Every document receives this stylesheet from the asset build. Keep page
   canvases continuous, including unnamed heroes and dynamic workspace roots.
   Cards, forms, tables, navigation and dialogs retain their own surfaces. */
body :is(main, .p-shell, .p-body, .admin-shell, .admin-content, .aff-app-shell,
  .aff-main, .aff-admin-page, .storefront-shared, .tw-main) {
  background:transparent!important;
}
body.pure-workspace :is(#portal .p-shell, #portal .p-body, #portal .p-main) {
  background:transparent!important;
}
body[data-shared-storefront] :is(
  .hero, .section, #hero, #features, #packages, #process, #payments, #faq,
  .utility-showcase, .studio-engineering, .studio-pathways, .home-evidence,
  .ft-hero, .ft-section, .aff-public-shell, .pc-check-hero,
  .tw-product-hero, .tw-product-section, .storefront-footer
) { background:transparent!important; }

/* The rotating affiliate outline must fit at every angle on narrow screens. */
@media (max-width:760px) {
  body[data-shared-storefront] .aff-hero-visual::before { width:min(68%,240px); }
}

/* Guarantee reveal elements never stay invisible when animations are paused or skipped. */
.p-motion-ready { opacity:1; }

/* Cohesive Next-Gen Studio Bento UI across content, checkout, legal, contact and auth routes. */
:is(
  .review-card, .contact-card, .aff-benefit-card, .ft-card,
  .legal-section-card, .table-card, .form-card, .partner-card,
  .check-card, .checkout-card, .order-summary-card, .auth-card
) {
  border-radius: 22px !important;
  border-color: rgba(var(--ev-rgb, 255, 255, 255), .15) !important;
  background: radial-gradient(360px circle at 92% 0%, rgba(var(--ev-rgb, 255, 255, 255), .065), transparent 64%), linear-gradient(160deg, rgba(19, 21, 26, .94), rgba(9, 10, 13, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 24px 60px rgba(0,0,0,.38);
}

body[data-shared-storefront] :is(
  .aff-button, .ft-button, .primary-button, .outline-button, .auth-button, .pure-auth-submit
) {
  border-radius: 999px !important;
}

@media (prefers-reduced-motion: no-preference) {
  body.pure-motion-enabled:not(.pure-motion-off) :is(
    .btn, .p-btn, .aff-button, .ft-button, .primary-button, .outline-button,
    .auth-button, .pure-auth-submit, .event-cta, .tw-primary, .tw-enquire,
    .pure-motion-control
  ) { transition: translate .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, box-shadow .22s ease; }
  body.pure-motion-enabled:not(.pure-motion-off) :is(
    .feature-card, .pricing-card, .addon-card, .review-card, .p-card,
    .contact-card, .aff-benefit-card, .ft-card, .tw-card, .tw-related-card,
    .legal-section-card, .table-card, .form-card, .partner-card, .check-card
  ) { transition: border-color .28s ease, box-shadow .28s ease, background-color .28s ease; }
  body.pure-motion-enabled:not(.pure-motion-off) :is(
    input, textarea, select, .faq-question, .p-nav a, nav a, .tw-tabs button
  ) { transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease; }
  @media (hover: hover) and (pointer: fine) {
    body.pure-motion-enabled:not(.pure-motion-off) :is(
      .feature-card, .pricing-card, .addon-card, .review-card, .p-card,
      .contact-card, .aff-benefit-card, .ft-card, .tw-card, .tw-related-card,
      .legal-section-card, .table-card, .form-card, .partner-card, .check-card
    ):hover {
      border-color: color-mix(in srgb, var(--ev-accent, #e6e8eb) 42%, rgba(255,255,255,.26)) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 28px 66px rgba(0,0,0,.44), 0 0 28px rgba(var(--ev-rgb, 230, 232, 235), .07);
    }
  }
}
body.pure-motion-enabled :is(input, textarea, select):focus-visible {
  outline: 2px solid color-mix(in srgb, var(--ev-accent, #e6e8eb) 78%, #ffffff);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(var(--ev-rgb, 230, 232, 235), .12);
}