/* =========================================================
   SINAVCA LANDING MOBILE — CLEAN OVERRIDE V1
   Loaded after V4 + support styles. Desktop is untouched.
   ========================================================= */

@media (max-width: 767.98px) {
  html,
  body.sinavca-landing-v4 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body.sinavca-landing-v4 {
    background: var(--r7-bg) !important;
  }

  .sinavca-landing-v4 main,
  .sinavca-landing-v4 [data-sinavca-landing="v4"] {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
  }

  .sinavca-landing-v4 .saas-container,
  .sinavca-landing-v4 .sinavca-container {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  /* ---------------- Header ---------------- */

  .sinavca-landing-v4 .saas-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    padding: 8px 0 !important;
    border: 0 !important;
    background: color-mix(in srgb, var(--r7-bg) 88%, transparent) !important;
    backdrop-filter: blur(15px) saturate(1.08);
    -webkit-backdrop-filter: blur(15px) saturate(1.08);
  }

  .sinavca-landing-v4 .saas-header-inner,
  .sinavca-landing-v4 .saas-header-elite-inner {
    width: calc(100% - 20px) !important;
    min-height: 60px !important;
    height: 60px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas: "brand actions" !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 auto !important;
    padding: 7px 8px 7px 13px !important;
    border: 1px solid rgba(24,32,37,.09) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 12px 30px rgba(41,52,47,.10) !important;
    clip-path: none !important;
  }

  html[data-saas-theme="dark"] .sinavca-landing-v4 .saas-header-inner,
  html[data-saas-theme="dark"] .sinavca-landing-v4 .saas-header-elite-inner {
    border-color: rgba(255,255,255,.08) !important;
    background: rgba(27,31,36,.96) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.26) !important;
  }

  .sinavca-landing-v4 .saas-brand-centered {
    grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
  }

  .sinavca-landing-v4 .saas-header .saas-brand-centered img,
  .sinavca-landing-v4 .saas-header .saas-brand img {
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
  }

  .sinavca-landing-v4 .saas-nav,
  .sinavca-landing-v4 .saas-nav-pill {
    display: none !important;
  }

  .sinavca-landing-v4 .saas-header-actions,
  .sinavca-landing-v4 .saas-header-actions-elite {
    grid-area: actions !important;
    justify-self: end !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
  }

  /* Guest login becomes a clean icon button. Register stays in hero/menu. */
  .sinavca-landing-v4 .saas-guest-block--segmented {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(24,32,37,.09) !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-saas-theme="dark"] .sinavca-landing-v4 .saas-guest-block--segmented {
    border-color: rgba(255,255,255,.09) !important;
  }

  .sinavca-landing-v4 .saas-guest-block--segmented .saas-action-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .sinavca-landing-v4 .saas-guest-block--segmented .saas-guest-copy {
    display: none !important;
  }

  .sinavca-landing-v4 .saas-header-cta {
    display: none !important;
  }

  .sinavca-landing-v4 .saas-user-block {
    min-width: 46px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(24,32,37,.09) !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .sinavca-landing-v4 .saas-user-block .saas-guest-copy {
    min-width: 0 !important;
    display: block !important;
  }

  .sinavca-landing-v4 .saas-user-block .saas-guest-copy strong {
    display: none !important;
  }

  .sinavca-landing-v4 .saas-user-block .saas-guest-copy span {
    padding: 0 !important;
    font-size: 10px !important;
  }

  .sinavca-landing-v4 .saas-user-block .saas-guest-copy span::after {
    display: none !important;
  }

  .sinavca-landing-v4 .saas-theme-switcher {
    width: 70px !important;
    min-width: 70px !important;
    height: 38px !important;
    min-height: 38px !important;
    gap: 2px !important;
    padding: 3px !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  .sinavca-landing-v4 .saas-theme-switcher button {
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
  }

  .sinavca-landing-v4 .saas-theme-icon {
    width: 14px !important;
    height: 14px !important;
  }

  .sinavca-landing-v4 .saas-mobile-toggle {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    display: block !important;
    padding: 8px !important;
    border-radius: 12px !important;
    background: transparent !important;
  }

  .sinavca-landing-v4 .saas-mobile-toggle > span:not(.saas-sr-only) {
    width: 18px !important;
    height: 2px !important;
    margin: 4px auto !important;
  }

  .sinavca-landing-v4 .saas-mobile-nav {
    position: fixed !important;
    top: 76px !important;
    left: 10px !important;
    right: 10px !important;
    z-index: 79 !important;
    overflow: hidden !important;
    border: 1px solid rgba(24,32,37,.10) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 22px 54px rgba(38,48,43,.18) !important;
  }

  html[data-saas-theme="dark"] .sinavca-landing-v4 .saas-mobile-nav {
    border-color: rgba(255,255,255,.08) !important;
    background: rgba(28,32,38,.98) !important;
  }

  .sinavca-landing-v4 .saas-mobile-nav .saas-container {
    width: 100% !important;
    padding: 10px !important;
    gap: 4px !important;
  }

  .sinavca-landing-v4 .saas-mobile-nav a {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
  }

  .sinavca-landing-v4 .saas-mobile-nav a:hover {
    background: rgba(72,110,96,.08) !important;
  }

  .sinavca-landing-v4 .saas-mobile-auth {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding-top: 8px !important;
  }

  /* ---------------- Hero ---------------- */

  .sinavca-landing-v4 .sinavca-hero {
    min-height: 0 !important;
    padding: 24px 0 0 !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-hero__grid {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    align-items: start !important;
  }

  .sinavca-landing-v4 .sinavca-hero__copy {
    max-width: 100% !important;
  }

  .sinavca-landing-v4 .sinavca-hero__announcement {
    width: 100% !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 22px !important;
    padding: 5px 8px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .sinavca-landing-v4 .sinavca-hero__announcement i {
    flex: 0 0 6px !important;
  }

  .sinavca-landing-v4 .sinavca-hero__announcement strong {
    min-height: 32px !important;
    flex: 0 0 auto !important;
    padding: 0 10px !important;
    font-size: 9px !important;
  }

  .sinavca-landing-v4 .sinavca-hero__announcement > span:not(:last-child) {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .sinavca-landing-v4 .sinavca-hero__announcement > span:last-child {
    display: none !important;
  }

  .sinavca-landing-v4 .sinavca-hero__title {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(40px, 10.8vw, 49px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    text-wrap: balance !important;
  }

  .sinavca-landing-v4 .sinavca-hero__copy > p {
    max-width: 100% !important;
    margin: 16px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
  }

  .sinavca-landing-v4 .sinavca-hero__actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
    margin-top: 22px !important;
  }

  .sinavca-landing-v4 .sinavca-hero__actions .sinavca-btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 10px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .sinavca-landing-v4 .sinavca-hero__proof {
    width: 100% !important;
    gap: 10px !important;
    margin-top: 28px !important;
    padding-top: 18px !important;
  }

  .sinavca-landing-v4 .sinavca-hero__avatars img {
    width: 30px !important;
    height: 30px !important;
    margin-left: -6px !important;
    border-width: 2px !important;
  }

  .sinavca-landing-v4 .sinavca-hero__proof-copy strong {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .sinavca-landing-v4 .sinavca-hero__proof-copy span {
    margin-top: 2px !important;
    font-size: 9px !important;
  }

  .sinavca-landing-v4 .sinavca-hero__visual,
  .sinavca-landing-v4 .sinavca-hero__visual--static {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 6px 0 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-hero__image {
    width: min(112%, 455px) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 auto -2px !important;
    transform: none !important;
    object-fit: contain !important;
    filter: drop-shadow(0 20px 22px rgba(47,65,56,.13)) !important;
  }

  /* ---------------- About ---------------- */

  .sinavca-landing-v4 .sinavca-about {
    min-height: 0 !important;
    padding: 58px 0 64px !important;
  }

  .sinavca-landing-v4 .sinavca-about__grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  .sinavca-landing-v4 .sinavca-about__copy {
    order: 1 !important;
    padding: 0 !important;
  }

  .sinavca-landing-v4 .sinavca-about__visual {
    order: 2 !important;
    width: 100% !important;
    min-height: 310px !important;
    height: 310px !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  .sinavca-landing-v4 .sinavca-about__shape {
    inset: 0 !important;
    border-radius: 22px !important;
  }

  .sinavca-landing-v4 .sinavca-about__photo {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 28% !important;
  }

  .sinavca-landing-v4 .sinavca-about__copy h2 {
    margin-top: 12px !important;
    font-size: clamp(35px, 9.5vw, 44px) !important;
    line-height: 1.02 !important;
  }

  .sinavca-landing-v4 .sinavca-about__copy > p {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .sinavca-landing-v4 .sinavca-about__stats {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 28px !important;
  }

  .sinavca-landing-v4 .sinavca-stat {
    padding: 14px !important;
    border: 1px solid var(--r7-line) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--r7-panel) 88%, transparent) !important;
  }

  .sinavca-landing-v4 .sinavca-exam-chips {
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto !important;
    padding-bottom: 3px !important;
    scrollbar-width: none !important;
  }

  .sinavca-landing-v4 .sinavca-exam-chips::-webkit-scrollbar {
    display: none !important;
  }

  .sinavca-landing-v4 .sinavca-exam-chips span {
    flex: 0 0 auto !important;
  }

  /* ---------------- Tool showcase ---------------- */

  .sinavca-landing-v4 .sinavca-tool-showcase,
  .sinavca-landing-v4 .sinavca-expertise {
    min-height: 0 !important;
    padding: 0 !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__surface {
    min-height: 0 !important;
    padding: 60px 0 66px !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__head {
    max-width: 100% !important;
    margin: 0 0 24px !important;
    text-align: left !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__head h2 {
    margin: 12px 0 14px !important;
    font-size: clamp(36px, 9.7vw, 45px) !important;
    line-height: 1 !important;
    letter-spacing: -.05em !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__head h2 strong {
    display: inline !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__head p {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.62 !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tabs {
    width: calc(100% + 28px) !important;
    display: flex !important;
    gap: 8px !important;
    margin: 0 -14px !important;
    padding: 0 14px 4px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tabs::-webkit-scrollbar {
    display: none !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tab {
    min-width: min(82vw, 306px) !important;
    min-height: 58px !important;
    flex: 0 0 auto !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    scroll-snap-align: start !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tab-label {
    font-size: 12px !important;
    line-height: 1.32 !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__visual {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__browser {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    overflow: hidden !important;
    border-radius: 17px !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__browser-bar {
    min-height: 38px !important;
    height: 38px !important;
    padding-inline: 10px !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__browser-bar > div {
    width: min(50vw, 160px) !important;
    min-width: 0 !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__video-wrap {
    width: 100% !important;
    height: calc(100% - 38px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__curve {
    display: none !important;
  }

  /* ---------------- Blog ---------------- */

  .sinavca-landing-v4 .sinavca-blog-strip {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 58px 0 62px !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__head {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
    align-items: end !important;
    margin-bottom: 16px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__head h2 {
    font-size: 34px !important;
    line-height: 1 !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__head p {
    max-width: 240px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__all {
    min-height: 38px !important;
    padding: 0 11px !important;
    border-radius: 12px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__filters {
    width: calc(100% + 28px) !important;
    display: flex !important;
    gap: 7px !important;
    margin-inline: -14px !important;
    padding: 0 14px 5px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__filters::-webkit-scrollbar {
    display: none !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__filters span {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__rail {
    width: calc(100% + 28px) !important;
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    margin-inline: -14px !important;
    padding: 0 14px 8px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__rail::-webkit-scrollbar {
    display: none !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__card {
    width: min(82vw, 330px) !important;
    min-width: min(82vw, 330px) !important;
    flex: 0 0 min(82vw, 330px) !important;
    scroll-snap-align: start !important;
    overflow: hidden !important;
    border-radius: 17px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__media {
    height: 176px !important;
  }

  /* ---------------- AI / awards ---------------- */

  .sinavca-landing-v4 .sinavca-awards {
    min-height: 0 !important;
    padding: 60px 0 42px !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-awards__grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .sinavca-landing-v4 .sinavca-awards__copy h2 {
    font-size: clamp(36px, 9.5vw, 44px) !important;
    line-height: 1.02 !important;
  }

  .sinavca-landing-v4 .sinavca-awards__cards {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .sinavca-landing-v4 .sinavca-award-card {
    min-height: 0 !important;
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .sinavca-landing-v4 .sinavca-award-card p {
    margin-top: 10px !important;
    font-size: 11px !important;
  }

  .sinavca-landing-v4 .sinavca-awards__visual {
    min-height: 330px !important;
    height: 330px !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-awards__person {
    width: min(112%, 420px) !important;
    max-width: none !important;
    right: 50% !important;
    bottom: -24px !important;
    transform: translateX(50%) !important;
  }

  .sinavca-landing-v4 .sinavca-awards__label {
    right: 10px !important;
    bottom: 52px !important;
    width: 88px !important;
    height: 88px !important;
    border-radius: 22px !important;
    font-size: 10px !important;
  }

  /* ---------------- Teacher notes rails ---------------- */

  .sinavca-landing-v4 .sinavca-scenarios {
    min-height: 0 !important;
    padding: 60px 0 70px !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-scenarios__head {
    width: calc(100% - 28px) !important;
    margin: 0 auto 28px !important;
    text-align: left !important;
  }

  .sinavca-landing-v4 .sinavca-scenarios__head h2 {
    margin: 11px 0 10px !important;
    font-size: clamp(35px, 9.4vw, 43px) !important;
    line-height: 1.02 !important;
  }

  .sinavca-landing-v4 .sinavca-scenarios__head p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .sinavca-landing-v4 .sinavca-rail {
    width: 100% !important;
    margin-top: 12px !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-rail__track {
    gap: 10px !important;
  }

  .sinavca-landing-v4 .sinavca-scenario-card {
    width: min(80vw, 310px) !important;
    min-width: min(80vw, 310px) !important;
    height: auto !important;
    min-height: 184px !important;
    padding: 18px !important;
    border-radius: 17px !important;
  }

  .sinavca-landing-v4 .sinavca-scenario-card p {
    min-height: 88px !important;
    height: auto !important;
    margin-bottom: 14px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  /* ---------------- CTA / footer ---------------- */

  .sinavca-landing-v4 .sinavca-cta-zone {
    min-height: 0 !important;
    padding: 50px 0 0 !important;
  }

  .sinavca-landing-v4 .sinavca-cta-strip {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 22px 18px !important;
    border-radius: 18px !important;
  }

  .sinavca-landing-v4 .sinavca-cta-strip h3 {
    font-size: 19px !important;
  }

  .sinavca-landing-v4 .sinavca-cta-strip__actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .sinavca-landing-v4 .sinavca-cta-strip__actions .sinavca-btn {
    width: 100% !important;
  }

  .sinavca-landing-v4 .saas-footer {
    margin-top: -18px !important;
    padding: 72px 0 24px !important;
  }

  .sinavca-landing-v4 .saas-footer-compact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .sinavca-landing-v4 .saas-footer-links--inline {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
  }

  .sinavca-landing-v4 .saas-footer-bottom {
    align-items: flex-start !important;
    gap: 8px !important;
    padding-top: 18px !important;
  }

  /* ---------------- Support widget: compact launcher on phones ---------------- */

  .sinavca-landing-v4 .sinavca-support {
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    width: auto !important;
    justify-items: end !important;
  }

  .sinavca-landing-v4 .sinavca-support-launcher {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border-radius: 17px !important;
    animation: none !important;
  }

  .sinavca-landing-v4 .sinavca-support-launcher__icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    border-radius: 13px !important;
  }

  .sinavca-landing-v4 .sinavca-support-launcher__icon img {
    width: 28px !important;
    height: 28px !important;
  }

  .sinavca-landing-v4 .sinavca-support-launcher__copy {
    display: none !important;
  }

  .sinavca-landing-v4 .sinavca-support-launcher__badge {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    font-size: 7px !important;
  }

  .sinavca-landing-v4 .sinavca-support-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 74px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 100px) !important;
    border-radius: 20px !important;
  }
}

@media (max-width: 390px) {
  .sinavca-landing-v4 .saas-guest-block--segmented,
  .sinavca-landing-v4 .saas-user-block {
    display: none !important;
  }

  .sinavca-landing-v4 .sinavca-hero__actions,
  .sinavca-landing-v4 .sinavca-cta-strip__actions {
    grid-template-columns: 1fr !important;
  }

  .sinavca-landing-v4 .sinavca-hero__title {
    font-size: clamp(38px, 11.3vw, 45px) !important;
  }
}

@media (prefers-reduced-motion: reduce) and (max-width: 767.98px) {
  .sinavca-landing-v4 .sinavca-rail__track {
    animation: none !important;
  }
}


/* Mobile must never render an empty section while waiting for reveal observers. */
@media (max-width: 767.98px) {
  .sinavca-landing-v4 .r7-reveal,
  .sinavca-landing-v4 .r7-reveal[data-r7-reveal="left"],
  .sinavca-landing-v4 .r7-reveal[data-r7-reveal="right"] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    transition-delay: 0ms !important;
    will-change: auto !important;
  }
}


/* =========================================================
   SINAVCA LANDING MOBILE — VISUAL POLISH V2
   ========================================================= */

.sinavca-mobile-quick {
  display: none;
}

@media (max-width: 767.98px) {
  /* ---------- Mobile-only quick actions ---------- */
  .sinavca-mobile-quick {
    position: relative;
    z-index: 8;
    width: calc(100% - 28px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
    margin: -14px auto 34px;
    padding: 8px;
    border: 1px solid rgba(33,48,42,.09);
    border-radius: 19px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 16px 34px rgba(42,58,51,.10);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  html[data-saas-theme="dark"] .sinavca-mobile-quick {
    border-color: rgba(255,255,255,.08);
    background: rgba(28,33,38,.94);
    box-shadow: 0 18px 38px rgba(0,0,0,.24);
  }

  .sinavca-mobile-quick__item {
    min-width: 0;
    min-height: 62px;
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 9px;
    align-items: center;
    padding: 8px 9px;
    border: 1px solid rgba(39,55,48,.07);
    border-radius: 14px;
    background: color-mix(in srgb, var(--r7-panel) 92%, transparent);
    color: var(--r7-text);
    text-decoration: none;
    box-shadow: 0 5px 14px rgba(39,55,48,.035);
  }

  html[data-saas-theme="dark"] .sinavca-mobile-quick__item {
    border-color: rgba(255,255,255,.06);
  }

  .sinavca-mobile-quick__item:active {
    transform: scale(.975);
  }

  .sinavca-mobile-quick__icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: rgba(72,110,96,.10);
  }

  .sinavca-mobile-quick__item:nth-child(2) .sinavca-mobile-quick__icon {
    background: rgba(104,127,208,.11);
  }

  .sinavca-mobile-quick__item:nth-child(3) .sinavca-mobile-quick__icon {
    background: rgba(230,107,68,.10);
  }

  .sinavca-mobile-quick__item:nth-child(4) .sinavca-mobile-quick__icon {
    background: rgba(207,232,93,.18);
  }

  .sinavca-mobile-quick__icon img {
    width: 17px;
    height: 17px;
    opacity: .8;
  }

  .sinavca-mobile-quick__item > span:last-child {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .sinavca-mobile-quick__item strong {
    overflow: hidden;
    color: var(--r7-text);
    font-size: 11px;
    line-height: 1.1;
    font-weight: 790;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sinavca-mobile-quick__item small {
    overflow: hidden;
    color: var(--r7-muted);
    font-size: 8px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* ---------- Hero gains a little more depth without growing ---------- */
  .sinavca-landing-v4 .sinavca-hero {
    position: relative;
  }

  .sinavca-landing-v4 .sinavca-hero::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    top: 26%;
    right: -105px;
    border-radius: 50%;
    background: rgba(72,110,96,.075);
    pointer-events: none;
  }

  .sinavca-landing-v4 .sinavca-hero::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    left: -70px;
    bottom: 15%;
    border: 1px solid rgba(72,110,96,.08);
    border-radius: 50%;
    pointer-events: none;
  }

  /* ---------- Tools: no cut-off carousel; real mobile control grid ---------- */
  .sinavca-landing-v4 .sinavca-tool-showcase__tabs {
    counter-reset: mobileTool;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tab {
    counter-increment: mobileTool;
    position: relative !important;
    min-width: 0 !important;
    min-height: 78px !important;
    width: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 29px 12px 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(44,79,67,.09) !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.25) !important;
    color: #4f665d !important;
    text-align: left !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tab::before {
    content: "0" counter(mobileTool);
    position: absolute;
    top: 10px;
    left: 12px;
    color: rgba(48,91,75,.48);
    font-size: 8px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: .08em;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tab::after {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    top: -12px;
    right: -10px;
    border: 1px solid rgba(64,109,92,.10);
    border-radius: 50%;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tab.is-active {
    border-color: rgba(51,112,90,.17) !important;
    background: rgba(255,255,255,.82) !important;
    color: #23493c !important;
    box-shadow: 0 10px 24px rgba(48,84,71,.08) !important;
  }

  html[data-saas-theme="dark"] .sinavca-landing-v4 .sinavca-tool-showcase__tab {
    border-color: rgba(255,255,255,.07) !important;
    background: rgba(255,255,255,.035) !important;
    color: rgba(255,255,255,.70) !important;
  }

  html[data-saas-theme="dark"] .sinavca-landing-v4 .sinavca-tool-showcase__tab.is-active {
    border-color: rgba(255,255,255,.12) !important;
    background: rgba(223,241,234,.10) !important;
    color: #eff8f4 !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tab-label {
    width: 100%;
    padding: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__tab-progress {
    left: 12px !important;
    right: 12px !important;
    bottom: 7px !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__browser {
    margin-top: 4px !important;
    border: 1px solid rgba(47,83,70,.11) !important;
    box-shadow: 0 18px 38px rgba(42,71,61,.10) !important;
  }

  .sinavca-landing-v4 .sinavca-tool-showcase__video {
    transform: scale(.96);
    transform-origin: center bottom;
  }

  /* ---------- Blog: one editorial feature + compact rows ---------- */
  .sinavca-landing-v4 .sinavca-blog-strip {
    padding: 52px 0 60px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__head {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__head > div {
    min-width: 0;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__head h2 {
    margin: 5px 0 5px !important;
    font-size: 36px !important;
    letter-spacing: -.045em !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__head p {
    max-width: 290px !important;
    margin: 0 !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__all {
    width: fit-content !important;
    min-height: 36px !important;
    justify-self: start !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__filters {
    width: calc(100% + 28px) !important;
    margin-top: 16px !important;
    margin-bottom: 14px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__rail {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__card {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    display: grid !important;
    overflow: hidden !important;
    border: 1px solid rgba(48,80,69,.09) !important;
    border-radius: 17px !important;
    background: rgba(255,255,255,.78) !important;
    box-shadow: 0 10px 26px rgba(45,75,65,.06) !important;
  }

  html[data-saas-theme="dark"] .sinavca-landing-v4 .sinavca-blog-strip__card {
    border-color: rgba(255,255,255,.07) !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__card:first-child {
    grid-template-columns: 1fr !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__card:not(:first-child) {
    grid-template-columns: 104px minmax(0,1fr) !important;
    min-height: 116px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__media {
    width: 100% !important;
    height: 164px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #e8eeea !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__card:not(:first-child) .sinavca-blog-strip__media {
    height: 100% !important;
    min-height: 116px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__media img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: top center !important;
    transform: scale(1.01);
  }

  .sinavca-landing-v4 .sinavca-blog-strip__body {
    min-width: 0 !important;
    padding: 14px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__card:not(:first-child) .sinavca-blog-strip__body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 11px 12px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__meta {
    gap: 6px !important;
    margin-bottom: 7px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__meta span,
  .sinavca-landing-v4 .sinavca-blog-strip__meta small {
    font-size: 7.5px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__card h3 {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__card:not(:first-child) h3 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 12px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__read {
    margin-top: 10px !important;
    font-size: 9px !important;
  }

  .sinavca-landing-v4 .sinavca-blog-strip__card:not(:first-child) .sinavca-blog-strip__read {
    margin-top: 7px !important;
  }

  /* ---------- AI cards + girl returns to outside composition ---------- */
  .sinavca-landing-v4 .sinavca-awards {
    position: relative !important;
    padding: 58px 0 96px !important;
    overflow: visible !important;
  }

  .sinavca-landing-v4 .sinavca-awards__grid {
    overflow: visible !important;
  }

  .sinavca-landing-v4 .sinavca-awards__cards {
    gap: 9px !important;
  }

  .sinavca-landing-v4 .sinavca-award-card {
    position: relative;
    overflow: hidden;
    min-height: 128px !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }

  .sinavca-landing-v4 .sinavca-award-card::after {
    content: "";
    position: absolute;
    width: 74px;
    height: 74px;
    right: -26px;
    bottom: -34px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 50%;
  }

  .sinavca-landing-v4 .sinavca-awards__visual {
    position: relative !important;
    min-height: 245px !important;
    height: 245px !important;
    margin-top: 6px !important;
    margin-bottom: -92px !important;
    overflow: visible !important;
    pointer-events: none;
  }

  .sinavca-landing-v4 .sinavca-awards__visual::before {
    content: "";
    position: absolute;
    width: 76%;
    height: 150px;
    left: 12%;
    bottom: 8px;
    border-radius: 50%;
    background: rgba(72,110,96,.12);
    filter: blur(1px);
    transform: rotate(-5deg);
  }

  .sinavca-landing-v4 .sinavca-awards__person {
    z-index: 3 !important;
    width: min(124%, 455px) !important;
    max-width: none !important;
    right: 50% !important;
    bottom: -84px !important;
    transform: translateX(50%) !important;
    filter: drop-shadow(0 18px 24px rgba(28,51,43,.13));
  }

  .sinavca-landing-v4 .sinavca-awards__label {
    z-index: 4 !important;
    right: 4px !important;
    bottom: 10px !important;
    width: 78px !important;
    height: 78px !important;
    border-radius: 20px !important;
    font-size: 8px !important;
    transform: rotate(7deg) !important;
  }

  .sinavca-landing-v4 .sinavca-scenarios {
    padding-top: 118px !important;
  }

  /* ---------- Cleaner section rhythm ---------- */
  .sinavca-landing-v4 .sinavca-about,
  .sinavca-landing-v4 .sinavca-tool-showcase__surface,
  .sinavca-landing-v4 .sinavca-blog-strip,
  .sinavca-landing-v4 .sinavca-awards,
  .sinavca-landing-v4 .sinavca-scenarios {
    scroll-margin-top: 78px;
  }

  .sinavca-landing-v4 .sinavca-eyebrow,
  .sinavca-landing-v4 .sinavca-blog-strip__eyebrow {
    letter-spacing: .10em !important;
  }
}

/* ---------- Scroll-enter motion with a safe fallback ---------- */
@supports (animation-timeline: view()) {
  @media (max-width: 767.98px) and (prefers-reduced-motion: no-preference) {
    .sinavca-mobile-quick,
    .sinavca-landing-v4 .sinavca-about__copy,
    .sinavca-landing-v4 .sinavca-about__visual,
    .sinavca-landing-v4 .sinavca-tool-showcase__head,
    .sinavca-landing-v4 .sinavca-tool-showcase__grid,
    .sinavca-landing-v4 .sinavca-blog-strip__head,
    .sinavca-landing-v4 .sinavca-blog-strip__card,
    .sinavca-landing-v4 .sinavca-award-card,
    .sinavca-landing-v4 .sinavca-awards__visual,
    .sinavca-landing-v4 .sinavca-scenarios__head {
      animation-name: sinavcaMobileEnter;
      animation-duration: 1ms;
      animation-fill-mode: both;
      animation-timing-function: linear;
      animation-timeline: view();
      animation-range: entry 8% cover 24%;
    }

    .sinavca-landing-v4 .sinavca-awards__person {
      animation: sinavcaMobileGirlFloat 5.8s ease-in-out infinite;
    }
  }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: no-preference) {
  .sinavca-mobile-quick__item {
    animation: sinavcaMobileQuickIn .36s cubic-bezier(.2,.8,.3,1) both;
  }

  .sinavca-mobile-quick__item:nth-child(2) { animation-delay: .04s; }
  .sinavca-mobile-quick__item:nth-child(3) { animation-delay: .08s; }
  .sinavca-mobile-quick__item:nth-child(4) { animation-delay: .12s; }

  .sinavca-landing-v4 .sinavca-tool-showcase__tab.is-active {
    animation: sinavcaMobileActiveTool 2.8s ease-in-out infinite;
  }
}

@keyframes sinavcaMobileEnter {
  from { opacity: .25; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sinavcaMobileQuickIn {
  from { opacity: 0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sinavcaMobileActiveTool {
  0%,100% { box-shadow: 0 10px 24px rgba(48,84,71,.08); }
  50% { box-shadow: 0 14px 30px rgba(48,84,71,.14); }
}

@keyframes sinavcaMobileGirlFloat {
  0%,100% { transform: translateX(50%) translateY(0); }
  50% { transform: translateX(50%) translateY(-7px); }
}


/* Mobile hero micro-motion: lightweight and independent from reveal JS. */
@media (max-width: 767.98px) and (prefers-reduced-motion: no-preference) {
  .sinavca-landing-v4 .sinavca-hero__announcement {
    animation: sinavcaMobileHeroIn .38s ease both;
  }

  .sinavca-landing-v4 .sinavca-hero__title {
    animation: sinavcaMobileHeroIn .42s .05s ease both;
  }

  .sinavca-landing-v4 .sinavca-hero__copy > p {
    animation: sinavcaMobileHeroIn .42s .10s ease both;
  }

  .sinavca-landing-v4 .sinavca-hero__actions {
    animation: sinavcaMobileHeroIn .42s .15s ease both;
  }

  .sinavca-landing-v4 .sinavca-hero__proof {
    animation: sinavcaMobileHeroIn .42s .20s ease both;
  }

  .sinavca-landing-v4 .sinavca-hero__image {
    animation: sinavcaMobileHeroVisualIn .52s .12s cubic-bezier(.2,.8,.3,1) both,
               sinavcaMobileHeroFloat 6.5s .8s ease-in-out infinite;
  }
}

@keyframes sinavcaMobileHeroIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sinavcaMobileHeroVisualIn {
  from { opacity: 0; transform: translateY(16px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sinavcaMobileHeroFloat {
  0%,100% { translate: 0 0; }
  50% { translate: 0 -6px; }
}


/* =========================================================
   SINAVCA LANDING MOBILE — AI COMPOSITION + FOOTER V3
   ========================================================= */

@media (max-width: 767.98px) {
  /* ---------- AI teacher: cards first, character stage second ---------- */
  .sinavca-landing-v4 .sinavca-awards {
    padding: 58px 0 54px !important;
    overflow: hidden !important;
  }

  .sinavca-landing-v4 .sinavca-awards__grid {
    display: block !important;
    overflow: visible !important;
  }

  .sinavca-landing-v4 .sinavca-awards__copy {
    position: relative !important;
    z-index: 4 !important;
  }

  .sinavca-landing-v4 .sinavca-awards__cards {
    position: relative !important;
    z-index: 5 !important;
    gap: 9px !important;
  }

  .sinavca-landing-v4 .sinavca-award-card {
    min-height: 124px !important;
    padding: 16px !important;
  }

  .sinavca-landing-v4 .sinavca-awards__visual {
    position: relative !important;
    z-index: 1 !important;
    width: calc(100% + 28px) !important;
    min-height: 365px !important;
    height: 365px !important;
    margin: 24px -14px -54px !important;
    overflow: hidden !important;
    border-radius: 28px 28px 0 0 !important;
    background:
      radial-gradient(circle at 62% 45%, rgba(207,232,93,.32), transparent 29%),
      radial-gradient(circle at 30% 72%, rgba(255,255,255,.38), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.38)) !important;
  }

  .sinavca-landing-v4 .sinavca-awards__visual::before {
    width: 330px !important;
    height: 165px !important;
    left: 50% !important;
    bottom: 12px !important;
    border-radius: 50% !important;
    background: rgba(72,110,96,.11) !important;
    filter: blur(0) !important;
    transform: translateX(-50%) rotate(-5deg) !important;
  }

  .sinavca-landing-v4 .sinavca-awards__visual::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 112px;
    height: 112px;
    right: -34px;
    top: 34px;
    border: 16px solid rgba(72,110,96,.08);
    border-radius: 50%;
  }

  .sinavca-landing-v4 .sinavca-awards__person {
    z-index: 3 !important;
    width: min(105%, 395px) !important;
    max-width: none !important;
    right: 50% !important;
    bottom: -34px !important;
    transform: translateX(50%) !important;
    filter: drop-shadow(0 18px 24px rgba(28,51,43,.13)) !important;
  }

  .sinavca-landing-v4 .sinavca-awards__label {
    z-index: 4 !important;
    right: 18px !important;
    bottom: 24px !important;
    width: 76px !important;
    height: 76px !important;
    border-radius: 20px !important;
    font-size: 8px !important;
    transform: rotate(6deg) !important;
  }

  .sinavca-landing-v4 .sinavca-scenarios {
    padding-top: 66px !important;
  }

  /* ---------- CTA becomes the bridge into footer ---------- */
  .sinavca-landing-v4 .sinavca-cta-zone {
    padding: 48px 0 0 !important;
  }

  .sinavca-landing-v4 .sinavca-cta-strip {
    position: relative !important;
    z-index: 3 !important;
    margin-bottom: -28px !important;
    padding: 22px 18px 24px !important;
    border: 1px solid rgba(32,52,45,.09) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 18px 38px rgba(34,52,46,.11) !important;
  }

  html[data-saas-theme="dark"] .sinavca-landing-v4 .sinavca-cta-strip {
    border-color: rgba(255,255,255,.08) !important;
    background: #20262b !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.20) !important;
  }

  /* ---------- Strong mobile footer ---------- */
  .sinavca-landing-v4 .saas-footer {
    position: relative !important;
    margin-top: 0 !important;
    padding: 70px 0 calc(28px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: hidden !important;
    border-top: 0 !important;
    border-radius: 30px 30px 0 0 !important;
    background:
      radial-gradient(circle at 92% 4%, rgba(207,232,93,.15), transparent 24%),
      radial-gradient(circle at 8% 54%, rgba(255,255,255,.045), transparent 22%),
      #17342c !important;
    color: #f4f8f6 !important;
  }

  .sinavca-landing-v4 .saas-footer::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -92px;
    top: 92px;
    border: 22px solid rgba(255,255,255,.035);
    border-radius: 50%;
  }

  .sinavca-landing-v4 .saas-footer::after {
    content: "";
    position: absolute;
    width: 96px;
    height: 96px;
    left: -44px;
    bottom: 74px;
    border: 1px solid rgba(207,232,93,.10);
    border-radius: 50%;
  }

  .sinavca-landing-v4 .saas-footer > .saas-container {
    position: relative;
    z-index: 2;
  }

  .sinavca-landing-v4 .saas-footer-mobile-head {
    display: block !important;
    margin-bottom: 24px !important;
    padding-bottom: 22px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }

  .sinavca-landing-v4 .saas-footer-mobile-head > span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(207,232,93,.28) !important;
    border-radius: 999px !important;
    background: rgba(207,232,93,.08) !important;
    color: #d8ed80 !important;
    font-size: 7px !important;
    font-weight: 850 !important;
    letter-spacing: .12em !important;
  }

  .sinavca-landing-v4 .saas-footer-mobile-head > strong {
    display: block !important;
    max-width: 310px !important;
    margin-top: 11px !important;
    color: #fff !important;
    font-size: 31px !important;
    line-height: .98 !important;
    font-weight: 850 !important;
    letter-spacing: -.045em !important;
  }

  .sinavca-landing-v4 .saas-footer-mobile-head > p {
    max-width: 310px !important;
    margin: 9px 0 0 !important;
    color: rgba(240,247,243,.68) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }

  .sinavca-landing-v4 .saas-footer-compact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .sinavca-landing-v4 .saas-footer-brand {
    display: grid !important;
    justify-items: start !important;
  }

  .sinavca-landing-v4 .saas-footer-brand [data-theme-logo="light"] {
    display: block !important;
    width: 116px !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
  }

  .sinavca-landing-v4 .saas-footer-brand [data-theme-logo="dark"] {
    display: none !important;
  }

  .sinavca-landing-v4 .saas-footer-brand p {
    max-width: 315px !important;
    margin: 12px 0 0 !important;
    color: rgba(240,247,243,.65) !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
  }

  .sinavca-landing-v4 .saas-footer-links--inline {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  .sinavca-landing-v4 .saas-footer-links--inline a {
    min-height: 62px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    color: rgba(250,252,251,.90) !important;
    font-size: 10px !important;
    font-weight: 720 !important;
  }

  .sinavca-landing-v4 .saas-footer-links--inline a > span {
    display: block !important;
    color: #cfe66d !important;
    font-size: 7px !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
  }

  .sinavca-landing-v4 .saas-footer-account {
    width: 100% !important;
  }

  .sinavca-landing-v4 .saas-footer-account__link {
    width: 100% !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #d5ea78 !important;
    color: #17342c !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    cursor: pointer !important;
  }

  .sinavca-landing-v4 .saas-footer-account__link img {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    filter: brightness(0) saturate(100%) invert(16%) sepia(13%) saturate(1644%) hue-rotate(109deg) brightness(92%) contrast(88%) !important;
  }

  .sinavca-landing-v4 .saas-footer-exams {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 24px !important;
  }

  .sinavca-landing-v4 .saas-footer-exams span {
    min-height: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 9px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.035) !important;
    color: rgba(240,247,243,.62) !important;
    font-size: 7px !important;
    font-weight: 760 !important;
    letter-spacing: .04em !important;
  }

  .sinavca-landing-v4 .saas-footer-bottom {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 22px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
    color: rgba(240,247,243,.46) !important;
    font-size: 7.5px !important;
  }

  .sinavca-landing-v4 .saas-footer-bottom span:last-child {
    color: rgba(213,234,120,.72) !important;
  }

  /* Keep support launcher above the dark footer without becoming dominant. */
  .sinavca-landing-v4 .sinavca-support {
    z-index: 120 !important;
  }
}

@media (max-width: 390px) {
  .sinavca-landing-v4 .saas-footer-mobile-head > strong {
    font-size: 28px !important;
  }

  .sinavca-landing-v4 .saas-footer-links--inline {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: no-preference) {
  .sinavca-landing-v4 .saas-footer-mobile-head,
  .sinavca-landing-v4 .saas-footer-brand,
  .sinavca-landing-v4 .saas-footer-links,
  .sinavca-landing-v4 .saas-footer-account {
    animation: sinavcaMobileFooterIn .42s ease both;
  }

  .sinavca-landing-v4 .saas-footer-brand { animation-delay: .04s; }
  .sinavca-landing-v4 .saas-footer-links { animation-delay: .08s; }
  .sinavca-landing-v4 .saas-footer-account { animation-delay: .12s; }
}

@keyframes sinavcaMobileFooterIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}


/* AI character sizing safety: keep the entire character stage below the cards. */
@media (max-width: 767.98px) {
  .sinavca-landing-v4 .sinavca-awards__person {
    width: auto !important;
    max-width: none !important;
    height: 390px !important;
    max-height: 390px !important;
    right: 50% !important;
    bottom: -34px !important;
    transform: translateX(50%) !important;
    object-fit: contain !important;
  }
}

@media (max-width: 390px) {
  .sinavca-landing-v4 .sinavca-awards__person {
    height: 365px !important;
    max-height: 365px !important;
  }
}