@media (max-width: 1024px) {
  .cc-nav { display: none; }
  .cc-menu-toggle { display: inline-grid; place-items: center; }
  .cc-hero__grid { grid-template-columns: 1fr; }
  .cc-hero__copy { max-width: 720px; }
  .cc-hero__visual { min-height: 540px; }
  .cc-story__grid { grid-template-columns: 1fr; }
  .cc-story__sticky { position: relative; }
  .cc-notifications { margin-top: 40px; }
  .cc-section-head,.cc-channels__grid,.cc-faq__grid,.cc-trial__intro,.cc-trial__panel { grid-template-columns: 1fr; }
  .cc-review-lab { grid-template-columns: 1fr; gap: 14px; }
  .cc-review-lab__arrow { transform: rotate(90deg); min-height: 45px; }
  .cc-feature-row { grid-template-columns: 1fr; gap: 25px; padding: 80px 0; }
  .cc-feature-row--reverse > div:first-child { order: initial; }
  .cc-timeline { grid-template-columns: 1fr 1fr; gap: 45px 0; }
  .cc-timeline::before { display: none; }
  .cc-plan-grid { grid-template-columns: 1fr; }
  .cc-scope-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .cc-container { width: min(calc(100% - 40px), var(--container)); }
  .cc-header { height: 68px; }
  .cc-header .cc-button--small { display: none; }
  .cc-logo { font-size: 19px; }
  .cc-logo__mark { width: 36px; height: 31px; }
  .cc-hero { min-height: auto; padding: 112px 0 65px; background: radial-gradient(circle at 50% 65%, #edf6ff 0, transparent 42%); }
  .cc-display { font-size: clamp(42px, 13vw, 56px); }
  .cc-hero__description { margin-top: 25px; font-size: 18px; }
  .cc-hero__subcopy br { display: none; }
  .cc-hero__actions { display: grid; grid-template-columns: 1fr; }
  .cc-button { width: 100%; }
  .cc-hero__visual { min-height: 510px; margin-top: 22px; }
  .cc-dashboard { padding: 20px; border-radius: 23px; }
  .cc-floating { padding: 12px 14px; font-size: 13px; }
  .cc-floating--one { left: -6px; top: 9%; }
  .cc-floating--two { right: -6px; bottom: 4%; }
  .cc-story { min-height: auto; }
  .cc-story__sticky { min-height: auto; padding: 110px 0; }
  .cc-notifications { height: auto; display: grid; gap: 12px; }
  .cc-notification { position: relative; top: auto !important; opacity: 1; transform: none; }
  .cc-story__closing { margin-top: 50px; }
  .cc-reveal { min-height: auto; padding: 110px 0 130px; }
  .cc-flow { grid-template-columns: 1fr 1fr; }
  .cc-flow::before { display: none; }
  .cc-flow__step { padding: 20px 8px; }
  .cc-pad { padding: 95px 0; }
  .cc-section-head { gap: 25px; margin-bottom: 40px; }
  .cc-review-lab { padding: 14px; border-radius: 23px; }
  .cc-review-lab article { min-height: auto; padding: 26px 22px; }
  .cc-review-lab blockquote { font-size: 18px; }
  .cc-review-lab__reply p { font-size: 16px; }
  .cc-feature-row { min-height: auto; }
  .cc-tone-visual { padding: 32px 12px; gap: 6px; overflow-x: auto; justify-content: start; }
  .cc-tone-visual span,.cc-tone-visual strong { padding: 12px; font-size: 13px; white-space: nowrap; }
  .cc-tone-cards { grid-template-columns: 1fr; }
  .cc-tone-cards span { padding: 27px; }
  .cc-tone-cards .is-active { transform: none; }
  .cc-channels__grid { gap: 35px; }
  .cc-pills { justify-content: start; }
  .cc-pills span { padding: 15px 19px; font-size: 16px; }
  .cc-ba-grid { grid-template-columns: 1fr; }
  .cc-ba-grid > div { min-height: auto; }
  .cc-big-statement { margin-top: 70px; }
  .cc-timeline { grid-template-columns: 1fr; gap: 32px; margin-top: 55px; }
  .cc-timeline li { padding: 0; display: grid; grid-template-columns: 52px 1fr; column-gap: 18px; }
  .cc-timeline li h3,.cc-timeline li p { grid-column: 2; margin: 0; }
  .cc-timeline li p { margin-top: 5px; }
  .cc-trial__panel { margin-top: 45px; padding: 22px; border-radius: 25px; }
  .cc-trial__action { padding: 24px 18px; }
  .cc-trust { min-height: 70svh; }
  .cc-faq__grid { gap: 40px; }
  .cc-final { padding: 110px 0 140px; }
  .cc-footer { padding-bottom: 110px; }
  .cc-footer__top,.cc-footer__bottom { flex-direction: column; }
  .cc-footer nav { display: grid; grid-template-columns: 1fr 1fr; }
  .cc-page-hero,.cc-landing-hero { padding: 135px 0 80px; }
  .cc-scope-grid { grid-template-columns: 1fr; }
  .cc-legal { padding-top: 130px; }
  .cc-mobile-cta { position: fixed; z-index: 75; display: block; left: 16px; right: 16px; bottom: calc(12px + env(safe-area-inset-bottom)); }
  .cc-mobile-cta .cc-button { min-height: 52px; box-shadow: 0 10px 30px rgba(23,105,232,.32); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
