/* CMS Global Neural frontend polish layer. Uses stable custom classes so Blade changes do not depend on Tailwind rebuilds. */
:root {
    --cms-black: #08080d;
    --cms-muted: rgba(8, 8, 13, .62);
    --cms-border: rgba(8, 8, 13, .10);
    --cms-purple: #8249ff;
}

.cms-neural-page { background: #f7f7f4; color: var(--cms-black); }
.cms-neural-main { overflow: hidden; }

.cms-hero { background: radial-gradient(circle at 15% 10%, rgba(130,73,255,.12), transparent 34%), radial-gradient(circle at 86% 18%, rgba(0,0,0,.06), transparent 32%), #f7f7f4; }
.cms-hero-shell { display: grid; gap: 54px; align-items: center; }
.cms-hero-copy { max-width: 980px; margin: 0 auto; text-align: center; }
.cms-eyebrow { display: inline-flex; align-items: center; gap: 10px; width: auto; max-width: max-content; margin: 0 auto 18px; border: 1px solid var(--cms-border); background: rgba(255,255,255,.82); border-radius: 999px; padding: 9px 16px; color: var(--cms-muted); box-shadow: 0 14px 40px rgba(8,8,13,.04); }
.cms-eyebrow span { display: block; width: 8px; height: 8px; border-radius: 999px; background: var(--cms-purple); box-shadow: 0 0 0 6px rgba(130,73,255,.12); }
.cms-hero-title { margin-left: auto; margin-right: auto; max-width: 980px; color: var(--cms-black); line-height: .94; }
.cms-hero-text { max-width: 680px; margin: 20px auto 0; color: var(--cms-muted); line-height: 1.65; }
.cms-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; align-items: center; margin-top: 32px; }
.cms-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; padding: 0 22px; font-family: Sora, sans-serif; font-size: 14px; transition: transform .25s ease, opacity .25s ease, background .25s ease, color .25s ease; }
.cms-button:hover { transform: translateY(-2px); }
.cms-button-dark { background: var(--cms-black); color: #fff; box-shadow: 0 18px 36px rgba(8,8,13,.16); }
.cms-button-light { background: rgba(255,255,255,.86); border: 1px solid var(--cms-border); color: var(--cms-black); }
.cms-button-white { background: #fff; color: var(--cms-black); }
.cms-button-icon { width: 26px; height: 26px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--cms-purple); color: #fff; font-size: 12px; }
.cms-hero-visual { position: relative; max-width: 1060px; margin: 0 auto; min-height: 530px; }
.cms-hero-image-card { position: relative; margin: 0 auto; max-width: 860px; height: 500px; overflow: hidden; border-radius: 42px; background: #111; box-shadow: 0 50px 120px rgba(8,8,13,.14); }
.cms-hero-image-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,8,13,.02), rgba(8,8,13,.26)); pointer-events: none; }
.cms-hero-image { width: 100%; height: 100%; object-fit: cover; transform: scale(1.02); }
.cms-hero-orb { position: absolute; left: 4%; bottom: -40px; width: 170px; height: 170px; border-radius: 999px; overflow: hidden; box-shadow: 0 30px 80px rgba(130,73,255,.24); }
.cms-hero-orb img { width: 100%; height: 100%; object-fit: cover; }
.cms-hero-stat-card, .cms-hero-chart-card { position: absolute; background: rgba(255,255,255,.92); border: 1px solid rgba(8,8,13,.08); border-radius: 28px; box-shadow: 0 30px 80px rgba(8,8,13,.10); backdrop-filter: blur(18px); }
.cms-hero-stat-card { width: 240px; padding: 24px; }
.cms-hero-stat-card strong { display: block; margin: 5px 0 8px; color: var(--cms-black); font-family: Sora, sans-serif; font-size: 30px; font-weight: 400; letter-spacing: -1px; }
.cms-hero-stat-card span { color: var(--cms-muted); font-size: 14px; line-height: 1.45; }
.cms-hero-stat-card-left { left: -14px; top: 54px; }
.cms-hero-stat-card-right { right: -8px; top: 130px; }
.cms-hero-chart-card { right: 82px; bottom: 30px; width: 300px; padding: 14px; }
.cms-hero-chart-card img { width: 100%; display: block; border-radius: 18px; }
.cms-mini-label { margin: 0; font-family: IBM Plex Mono, monospace; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: rgba(8,8,13,.45); }

.cms-partners-section { padding: 24px 0 68px; }
.cms-section-kicker { width: fit-content; margin: 0 auto 24px; font-family: IBM Plex Mono, monospace; font-size: 12px; line-height: 1; letter-spacing: .08em; text-transform: uppercase; color: rgba(8,8,13,.45); }
.cms-section-kicker-light { color: rgba(255,255,255,.55); }
.cms-logo-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(18px, 4vw, 58px); opacity: .62; }
.cms-logo-item { display: flex; height: 42px; width: 42px; align-items: center; justify-content: center; filter: grayscale(1); transition: transform .25s ease, opacity .25s ease; }
.cms-logo-item:hover { transform: translateY(-3px); opacity: 1; }
.cms-logo-item img { max-width: 34px; max-height: 34px; }

.cms-section-head { max-width: 760px; margin: 0 auto 56px; text-align: center; }
.cms-section-title { color: var(--cms-black); line-height: 1.04; letter-spacing: -1.8px; }
.cms-section-description { max-width: 560px; margin: 18px auto 0; color: var(--cms-muted); line-height: 1.65; }
.cms-service-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.cms-service-card { grid-column: span 12; min-height: 260px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(8,8,13,.07); border-radius: 30px; background: rgba(255,255,255,.78); padding: 30px; box-shadow: 0 20px 60px rgba(8,8,13,.04); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.cms-service-card:hover { transform: translateY(-6px); background: #fff; box-shadow: 0 28px 78px rgba(8,8,13,.08); }
.cms-service-icon { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: rgba(8,8,13,.05); color: var(--cms-black); margin-bottom: 34px; }
.cms-service-icon i { font-size: 24px; }
.cms-service-card h3 { color: var(--cms-black); margin-bottom: 10px; }
.cms-service-card p { color: var(--cms-muted); line-height: 1.55; }
.cms-section-action { margin-top: 42px; text-align: center; }

.cms-cta-card { position: relative; overflow: hidden; border-radius: 40px; background: radial-gradient(circle at 15% 20%, rgba(130,73,255,.48), transparent 32%), linear-gradient(135deg, #09090f, #171421); color: #fff; padding: clamp(42px, 7vw, 86px); text-align: center; box-shadow: 0 40px 100px rgba(8,8,13,.18); }
.cms-cta-card h2 { max-width: 820px; margin: 0 auto; line-height: 1.06; }
.cms-cta-card p { max-width: 640px; margin: 18px auto 30px; color: rgba(255,255,255,.62); line-height: 1.65; }

.cms-pricing-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid rgba(8,8,13,.08); border-radius: 30px; background: #fff; padding: 30px; box-shadow: 0 24px 70px rgba(8,8,13,.06); }
.cms-pricing-card h3 { margin: 5px 0 8px; font-family: Sora, sans-serif; font-weight: 400; font-size: 28px; color: var(--cms-black); }
.cms-pricing-card span { color: var(--cms-muted); }

.cms-footer { padding: 68px 0 30px; }
.cms-footer-grid { display: grid; grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); gap: 44px; align-items: start; }
.cms-footer-brand img { display: block; width: 100%; max-width: 180px !important; height: auto; }
.cms-footer-brand p { max-width: 540px; margin-top: 22px; color: rgba(255,255,255,.58); line-height: 1.65; font-family: Inter Tight, sans-serif; }
.cms-footer h3 { margin: 0 0 18px; font-family: Sora, sans-serif; font-size: 16px; font-weight: 400; color: #fff; }
.cms-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.cms-footer a { color: rgba(255,255,255,.58); text-decoration: none; transition: color .2s ease; }
.cms-footer a:hover { color: #fff; }
.cms-footer-bottom { margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.10); color: rgba(255,255,255,.45); font-family: Inter Tight, sans-serif; }

@media (min-width: 768px) {
    .cms-service-card { grid-column: span 6; }
}
@media (min-width: 1024px) {
    .cms-service-card { grid-column: span 4; }
    .cms-service-card-wide { grid-column: span 6; }
}
@media (max-width: 1023px) {
    .cms-hero-visual { min-height: auto; }
    .cms-hero-image-card { height: 420px; border-radius: 32px; }
    .cms-hero-stat-card-left, .cms-hero-stat-card-right, .cms-hero-chart-card { position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 14px auto 0; width: min(100%, 420px); }
    .cms-hero-orb { width: 120px; height: 120px; left: 10px; bottom: -22px; }
}
@media (max-width: 767px) {
    .cms-hero { padding-top: 118px; }
    .cms-hero-title { letter-spacing: -1.6px; }
    .cms-hero-image-card { height: 310px; }
    .cms-service-card { min-height: 220px; }
    .cms-pricing-card { flex-direction: column; align-items: flex-start; }
    .cms-footer-grid { grid-template-columns: 1fr; }
}


/* v28: customer-facing stability fixes. The original template hides the desktop nav until xl and uses JS reveal states; this layer makes the landing page robust at normal browser zoom and with animations disabled/late. */
.cms-site-header { position: relative; z-index: 100; }
.cms-neural-header {
    width: min(1180px, calc(100vw - 32px)) !important;
    max-width: min(1180px, calc(100vw - 32px)) !important;
    min-height: 66px;
    padding: 10px 14px !important;
    border: 1px solid rgba(8, 8, 13, .08);
    box-shadow: 0 18px 60px rgba(8, 8, 13, .08);
}
.cms-neural-header .cms-logo-full { max-width: 165px !important; }
.cms-neural-header .cms-logo-mark { max-width: 42px !important; }
.cms-desktop-nav a {
    white-space: nowrap;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 14px !important;
}
.cms-header-actions a { white-space: nowrap; }

/* Show the real menu earlier than the template's xl breakpoint. This prevents "menu disappears at 100% zoom" on common laptop/Windows scaling widths. */
@media (min-width: 1024px) {
    .cms-neural-header { gap: 16px; }
    .cms-desktop-nav { display: flex !important; flex: 1 1 auto; justify-content: center; min-width: 0; }
    .cms-desktop-nav ul { gap: 2px; }
    .cms-header-actions { display: flex !important; flex: 0 0 auto; }
    .cms-mobile-actions { display: none !important; }
}
@media (min-width: 1024px) and (max-width: 1160px) {
    .cms-neural-header .cms-logo-full { max-width: 132px !important; }
    .cms-desktop-nav a { padding-left: 9px !important; padding-right: 9px !important; font-size: 13px !important; }
    .cms-header-actions { gap: 6px !important; }
    .cms-header-actions a { padding-left: 10px !important; padding-right: 10px !important; font-size: 12px !important; }
}
@media (max-width: 1023px) {
    .cms-neural-header { top: 14px !important; width: min(720px, calc(100vw - 24px)) !important; max-width: min(720px, calc(100vw - 24px)) !important; }
    .cms-mobile-actions { display: flex; align-items: center; gap: 8px; position: relative; }
    .cms-mobile-menu { position: relative; }
    .cms-mobile-menu summary {
        list-style: none;
        cursor: pointer;
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        border: 1px solid rgba(8,8,13,.10);
        padding: 0 14px;
        font-family: Sora, sans-serif;
        font-size: 12px;
        color: var(--cms-black);
        background: #fff;
    }
    .cms-mobile-menu summary::-webkit-details-marker { display: none; }
    .cms-mobile-menu-panel {
        position: absolute;
        top: calc(100% + 12px);
        right: 0;
        width: min(290px, calc(100vw - 40px));
        display: grid;
        gap: 4px;
        padding: 12px;
        border-radius: 22px;
        border: 1px solid rgba(8,8,13,.10);
        background: rgba(255,255,255,.96);
        box-shadow: 0 24px 80px rgba(8,8,13,.14);
        backdrop-filter: blur(18px);
    }
    .cms-mobile-menu-panel a {
        display: flex;
        align-items: center;
        min-height: 42px;
        border-radius: 14px;
        padding: 0 12px;
        color: var(--cms-black);
        font-family: Sora, sans-serif;
        font-size: 13px;
        text-decoration: none;
    }
    .cms-mobile-menu-panel a:hover { background: rgba(8,8,13,.05); }
    .cms-mobile-language-row { display: flex; gap: 8px; padding: 8px 0 2px; }
    .cms-mobile-language-row a { min-height: 34px; border: 1px solid rgba(8,8,13,.08); }
    .cms-mobile-language-row a.is-active { background: var(--cms-black); color: #fff; }
    .cms-mobile-admin-link { background: var(--cms-black); color: #fff !important; justify-content: center; margin-top: 4px; }
}
@media (max-width: 520px) {
    .cms-mobile-admin-pill { display: none !important; }
    .cms-neural-header .cms-logo-mark { max-width: 38px !important; }
}

/* Keep the fixed header from covering the hero on normal zoom. */
.cms-hero { padding-top: clamp(190px, 15vw, 238px) !important; }
.cms-hero-title { font-size: clamp(44px, 6.2vw, 92px) !important; line-height: .96 !important; letter-spacing: clamp(-3px, -0.18vw, -1px) !important; }
.cms-hero-text { font-size: clamp(16px, 1.5vw, 20px) !important; }
.cms-hero-shell { gap: clamp(38px, 6vw, 70px) !important; }

/* Do not show placeholder dimensions in the hero even if a seed record points to opai-img-300.png. */
.cms-hero-image-card {
    background:
        radial-gradient(circle at 24% 28%, rgba(130,73,255,.34), transparent 26%),
        radial-gradient(circle at 82% 34%, rgba(255,255,255,.64), transparent 24%),
        linear-gradient(135deg, #191822 0%, #f3f0ff 42%, #111116 100%) !important;
}
.cms-hero-image-card::before {
    content: '';
    position: absolute;
    inset: 1px;
    z-index: 1;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(circle at center, #000 0, rgba(0,0,0,.78) 38%, transparent 76%);
    pointer-events: none;
}
.cms-hero-image-card::after { z-index: 2; background: linear-gradient(180deg, rgba(8,8,13,.00), rgba(8,8,13,.18)) !important; }
.cms-hero-image { position: relative; z-index: 0; opacity: .44; mix-blend-mode: screen; filter: saturate(1.18) contrast(1.04); }
.cms-hero-stat-card, .cms-hero-chart-card, .cms-hero-orb { z-index: 5; }

/* Fail-safe: if GSAP/scroll trigger leaves elements hidden at viewport/zoom edge cases, content still remains visible. */
.cms-neural-page [data-opai-animate],
.cms-neural-page .cms-service-card,
.cms-neural-page .cms-section-action,
.cms-neural-page .text-reveal-line {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}
.cms-neural-page .text-mask-reveal-mask-line-mask { overflow: visible !important; }

@media (max-width: 1023px) {
    .cms-hero { padding-top: 145px !important; }
    .cms-hero-title { font-size: clamp(38px, 8vw, 64px) !important; }
    .cms-hero-image-card { height: clamp(330px, 58vw, 450px) !important; }
}
@media (max-width: 640px) {
    .cms-hero { padding-top: 124px !important; }
    .cms-hero-title { font-size: clamp(34px, 10vw, 48px) !important; line-height: 1.02 !important; }
    .cms-hero-copy { padding-inline: 4px; }
    .cms-hero-actions { margin-top: 24px; }
    .cms-button { min-height: 44px; padding-inline: 18px; font-size: 13px; }
}

/* v29: production-aligned header stabilization.
   The production template assets are used, but the CMS header must not be animated with GSAP because GSAP can overwrite Tailwind's translate-x centering on fixed headers. */
.cms-production-header {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    translate: none !important;
    width: min(1140px, calc(100vw - 32px)) !important;
    max-width: min(1140px, calc(100vw - 32px)) !important;
    min-height: 66px;
    padding: 10px 14px !important;
    border: 1px solid rgba(8, 8, 13, .08);
    box-shadow: 0 18px 60px rgba(8, 8, 13, .08);
}
.cms-production-header * { transform-origin: center; }
.cms-production-nav { flex: 1 1 auto; justify-content: center; min-width: 0; }
.cms-production-nav a { white-space: nowrap; }
.cms-production-actions { flex: 0 0 auto; }
.cms-header-brand img { max-height: 44px; }

@media (min-width: 1024px) and (max-width: 1180px) {
    .cms-production-header { width: min(1000px, calc(100vw - 28px)) !important; gap: 10px; }
    .cms-production-header .cms-header-brand figure { max-width: 130px !important; }
    .cms-production-nav a { padding-left: 8px !important; padding-right: 8px !important; font-size: 12px !important; }
    .cms-production-actions { gap: 5px !important; }
    .cms-production-actions a { padding-left: 10px !important; padding-right: 10px !important; font-size: 12px !important; }
}
@media (max-width: 1023px) {
    .cms-production-header { width: min(720px, calc(100vw - 24px)) !important; max-width: min(720px, calc(100vw - 24px)) !important; min-height: 62px; }
    .sidebar.is-active, .sidebar.active, .sidebar.sidebar-open { transform: translateX(0) !important; }
}
@media (max-width: 640px) {
    .cms-production-header { top: 12px !important; width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; }
}

/* Keep production JS decorative only: if animation classes fail, user-facing content remains visible. */
.cms-neural-page [data-opai-animate],
.cms-neural-page .text-reveal-line,
.cms-neural-page .cms-service-card,
.cms-neural-page .cms-section-action {
    opacity: 1 !important;
    filter: none !important;
}


/* v30: production Tailwind class safety for CMS header.
   The purchased production CSS may not contain every modified JIT class such as lg:flex.
   Therefore desktop/mobile visibility is controlled by stable CMS classes, not generated Tailwind utilities. */
.cms-production-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
}
.cms-production-nav {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
    min-width: 0 !important;
}
.cms-production-nav ul {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.cms-production-nav li { list-style: none !important; }
.cms-production-nav a {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    color: rgba(8, 8, 13, .62) !important;
    text-decoration: none !important;
}
.cms-production-nav a:hover { color: #08080d !important; }
.cms-production-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
}
.cms-mobile-trigger-wrap { display: none !important; }

@media (min-width: 1024px) and (max-width: 1180px) {
    .cms-production-header { gap: 8px !important; }
    .cms-production-nav a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
        letter-spacing: -0.01em !important;
    }
    .cms-production-actions { gap: 5px !important; }
    .cms-production-actions a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 1023px) {
    .cms-production-nav,
    .cms-production-actions {
        display: none !important;
    }
    .cms-mobile-trigger-wrap {
        display: block !important;
        flex: 0 0 auto !important;
    }
    .cms-production-header {
        justify-content: space-between !important;
    }
}

@media (max-width: 480px) {
    .cms-production-header {
        min-height: 58px !important;
        padding: 8px 10px !important;
    }
}

/* v201: EveryTool homepage component stabilization layer.
   Goal: keep Neural visual composition, but prevent fixed-header overlap, cramped cards and
   responsive mosaic collisions while media paths are now served dynamically from /storage. */
.cms-neural-production-page #hero > section,
.cms-neural-production-page .cms-neural-original-hero {
    padding-top: clamp(158px, 12vw, 188px) !important;
}
.cms-neural-production-page #hero h1 {
    line-height: .98 !important;
    text-wrap: balance;
}
.cms-neural-production-page #hero p {
    text-wrap: pretty;
}
.cms-neural-production-page #hero figure img.hero-img-animate {
    object-fit: contain !important;
}

.cms-neural-production-page #clients .cms-clients-strip {
    gap: clamp(18px, 4.8vw, 68px) !important;
    justify-content: center !important;
    opacity: .72;
}
.cms-neural-production-page #clients .cms-clients-logo {
    width: clamp(32px, 4vw, 46px) !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.cms-neural-production-page #clients .cms-clients-logo img {
    max-width: 100% !important;
    max-height: 38px !important;
    object-fit: contain !important;
}

.cms-neural-production-page #solutions .cms-solution-card {
    border: 1px solid rgba(15, 23, 42, .045);
    box-shadow: 0 18px 54px rgba(15, 23, 42, .035);
}
.cms-neural-production-page #solutions .cms-solution-icon {
    color: rgba(255,255,255,.92);
    flex: 0 0 auto;
}
.cms-neural-production-page #solutions .cms-solution-icon svg,
.cms-neural-production-page #solutions .cms-solution-icon img {
    display: block;
}

.cms-neural-production-page #track-record .cms-track-card,
.cms-neural-production-page #blog .cms-blog-card,
.cms-neural-production-page #testimonials .cms-testimonial-card,
.cms-neural-production-page #pricing .cms-pricing-plan-card {
    box-shadow: 0 18px 54px rgba(15, 23, 42, .035);
}
.cms-neural-production-page #track-record .cms-track-media img,
.cms-neural-production-page #blog .cms-blog-media img {
    object-position: center center;
}

.cms-neural-production-page #experience .cms-experience-card > div {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .045);
    box-shadow: 0 18px 54px rgba(15, 23, 42, .032);
}
.cms-neural-production-page #experience .cms-experience-card img {
    max-width: 100%;
}
.cms-neural-production-page #experience .cms-experience-card figure {
    max-width: 100%;
}

.cms-neural-production-page #pricing {
    background: #070719;
}
.cms-neural-production-page #pricing .cms-pricing-plan-card {
    min-height: 500px !important;
}
.cms-neural-production-page #pricing .cms-pricing-plan-card h3,
.cms-neural-production-page #pricing .cms-pricing-plan-card h4 {
    word-break: normal;
}

.cms-neural-production-page #testimonials .cms-testimonial-card {
    min-height: 272px !important;
}
.cms-neural-production-page #testimonials .cms-testimonial-card p {
    line-height: 1.45;
}

.cms-neural-production-page #cta .cms-cta-section img,
.cms-neural-production-page .cms-cta-section img {
    object-position: center center;
}

@media (max-width: 1279px) {
    .cms-neural-production-page #hero > section,
    .cms-neural-production-page .cms-neural-original-hero {
        padding-top: 148px !important;
    }
    .cms-neural-production-page #experience .cms-experience-card {
        margin-top: 0 !important;
    }
    .cms-neural-production-page #experience .cms-experience-card > div {
        height: auto !important;
        min-height: 300px !important;
    }
    .cms-neural-production-page #experience .cms-experience-card figure img {
        object-fit: cover;
    }
    .cms-neural-production-page #pricing .cms-pricing-plan-card {
        min-height: 460px !important;
    }
}

@media (max-width: 767px) {
    .cms-neural-production-page #hero > section,
    .cms-neural-production-page .cms-neural-original-hero {
        padding-top: 132px !important;
        padding-bottom: 64px !important;
    }
    .cms-neural-production-page #hero h1 {
        letter-spacing: -1.6px !important;
    }
    .cms-neural-production-page #clients .cms-clients-strip {
        gap: 16px !important;
        justify-content: space-between !important;
    }
    .cms-neural-production-page #clients .cms-clients-logo {
        width: 30px !important;
        height: 38px !important;
    }
    .cms-neural-production-page #solutions .cms-solution-card {
        min-height: 230px !important;
        padding: 26px !important;
    }
    .cms-neural-production-page #experience .cms-experience-card > div,
    .cms-neural-production-page #pricing .cms-pricing-plan-card,
    .cms-neural-production-page #testimonials .cms-testimonial-card,
    .cms-neural-production-page #blog .cms-blog-card {
        min-height: auto !important;
    }
    .cms-neural-production-page #track-record .cms-track-media,
    .cms-neural-production-page #blog .cms-blog-media {
        height: 220px !important;
    }
}

/* v202: Neural original fidelity pass.
   Keep media dynamic (/storage), but undo over-broad v201 visual overrides that squeezed or stretched
   original Neural sections. Header/footer remain untouched. */
.cms-neural-production-page #hero .button-inner,
.cms-neural-production-page #solutions .button-inner,
.cms-neural-production-page #track-record .button-inner,
.cms-neural-production-page #experience .button-inner,
.cms-neural-production-page #pricing .button-inner,
.cms-neural-production-page #ecosystem .button-inner,
.cms-neural-production-page #blog .button-inner,
.cms-neural-production-page #cta .button-inner {
    width: auto !important;
    max-width: min(100%, calc(100vw - 40px));
}
.cms-neural-production-page .button-text {
    white-space: nowrap;
    max-width: calc(100vw - 124px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.cms-neural-production-page #hero h1 {
    line-height: 1 !important;
    letter-spacing: clamp(-3.2px, -0.28vw, -1.4px) !important;
}
.cms-neural-production-page #hero figure img.hero-img-animate {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.cms-neural-production-page #solutions .cms-solution-card {
    height: 300px !important;
    min-height: 300px !important;
    box-shadow: none;
}
.cms-neural-production-page #solutions .cms-solution-card h3,
.cms-neural-production-page #solutions .cms-solution-card p {
    overflow-wrap: anywhere;
}
@media (min-width: 1024px) {
    .cms-neural-production-page #solutions .cms-solution-card {
        height: 370px !important;
        min-height: 370px !important;
    }
}

.cms-neural-production-page #experience .cms-experience-card > div {
    height: auto;
    min-height: 0;
    box-shadow: none;
}
.cms-neural-production-page #experience .cms-experience-card:nth-child(1) > div,
.cms-neural-production-page #experience .cms-experience-card:nth-child(2) > div,
.cms-neural-production-page #experience .cms-experience-card:nth-child(3) > div,
.cms-neural-production-page #experience .cms-experience-card:nth-child(6) > div {
    height: 300px !important;
    min-height: 300px !important;
}
.cms-neural-production-page #experience .cms-experience-card:nth-child(4) > div,
.cms-neural-production-page #experience .cms-experience-card:nth-child(5) > div {
    height: 420px !important;
    min-height: 420px !important;
}
@media (min-width: 1280px) {
    .cms-neural-production-page #experience .cms-experience-card:nth-child(2) > div,
    .cms-neural-production-page #experience .cms-experience-card:nth-child(3) > div {
        height: 420px !important;
        min-height: 420px !important;
    }
}
.cms-neural-production-page #experience .cms-experience-card h3 {
    position: relative;
    z-index: 30;
}
.cms-neural-production-page #experience .cms-experience-card img {
    object-fit: cover;
}
.cms-neural-production-page #experience .cms-experience-card:nth-child(3) img {
    object-fit: contain;
}

.cms-neural-production-page #pricing .cms-pricing-grid {
    align-items: center;
    justify-content: center;
}
.cms-neural-production-page #pricing .cms-pricing-plan-card {
    height: 550px !important;
    min-height: 550px !important;
    width: 100% !important;
    max-width: 425px !important;
    margin-left: auto;
    margin-right: auto;
    box-shadow: none;
}
.cms-neural-production-page #pricing .cms-pricing-plan-card h3,
.cms-neural-production-page #pricing .cms-pricing-plan-card p,
.cms-neural-production-page #pricing .cms-pricing-plan-card span {
    overflow-wrap: anywhere;
}
.cms-neural-production-page #pricing .cms-pricing-plan-card ul {
    max-height: 180px;
    overflow: hidden;
}

.cms-neural-production-page #track-record .cms-track-card,
.cms-neural-production-page #blog .cms-blog-card,
.cms-neural-production-page #testimonials .cms-testimonial-card {
    box-shadow: none;
}
.cms-neural-production-page #track-record .cms-track-media {
    height: 230px !important;
}
.cms-neural-production-page #blog .cms-blog-media {
    height: 260px !important;
}
.cms-neural-production-page #cta .cms-cta-card {
    min-height: 496px;
}
.cms-neural-production-page #cta .cms-cta-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .cms-neural-production-page #hero > section,
    .cms-neural-production-page .cms-neural-original-hero {
        padding-top: 142px !important;
    }
    .cms-neural-production-page #solutions .cms-solution-card {
        height: 300px !important;
        min-height: 300px !important;
        padding: 2rem !important;
    }
    .cms-neural-production-page #experience .cms-experience-card:nth-child(1) > div,
    .cms-neural-production-page #experience .cms-experience-card:nth-child(2) > div,
    .cms-neural-production-page #experience .cms-experience-card:nth-child(3) > div,
    .cms-neural-production-page #experience .cms-experience-card:nth-child(6) > div {
        height: 300px !important;
        min-height: 300px !important;
    }
    .cms-neural-production-page #experience .cms-experience-card:nth-child(4) > div,
    .cms-neural-production-page #experience .cms-experience-card:nth-child(5) > div {
        height: 420px !important;
        min-height: 420px !important;
    }
    .cms-neural-production-page #pricing .cms-pricing-plan-card {
        height: 550px !important;
        min-height: 550px !important;
    }
    .cms-neural-production-page #track-record .cms-track-media {
        height: 230px !important;
    }
    .cms-neural-production-page #blog .cms-blog-media {
        height: 238px !important;
    }
}


/* v203: fidelity pass 2 — keep header/footer untouched.
   Fix pricing readability, undo legacy dark CTA class bleed, and make Experience cards safer
   on tablet/small desktop widths without adding public media. */
.cms-neural-production-page #pricing .cms-pricing-plan-card {
    background: rgba(255,255,255,.98) !important;
    color: rgb(15, 23, 42) !important;
    border: 1px solid rgba(255,255,255,.72);
}
.cms-neural-production-page #pricing .cms-pricing-plan-card h3,
.cms-neural-production-page #pricing .cms-pricing-plan-card h4,
.cms-neural-production-page #pricing .cms-pricing-plan-card p,
.cms-neural-production-page #pricing .cms-pricing-plan-card li,
.cms-neural-production-page #pricing .cms-pricing-plan-card span {
    color: inherit;
}
.cms-neural-production-page #pricing .cms-pricing-plan-card h3,
.cms-neural-production-page #pricing .cms-pricing-plan-card h4 {
    color: rgba(15, 23, 42, .88) !important;
}
.cms-neural-production-page #pricing .cms-pricing-plan-card p,
.cms-neural-production-page #pricing .cms-pricing-plan-card li span {
    color: rgba(15, 23, 42, .62) !important;
}
.cms-neural-production-page #pricing .cms-pricing-grid {
    grid-auto-rows: auto;
}

.cms-neural-production-page #cta .cms-cta-panel {
    position: relative;
    overflow: hidden;
    min-height: 496px;
    background: #fff !important;
    color: rgb(15, 23, 42) !important;
    text-align: inherit !important;
    box-shadow: none !important;
}
.cms-neural-production-page #cta .cms-cta-panel h2 {
    color: rgba(15, 23, 42, .90) !important;
}
.cms-neural-production-page #cta .cms-cta-panel p {
    color: rgba(15, 23, 42, .50) !important;
}
.cms-neural-production-page #cta .cms-cta-media {
    align-self: stretch;
}
.cms-neural-production-page #cta .cms-cta-media img {
    display: block;
}

.cms-neural-production-page #experience .cms-experience-card > div {
    overflow: visible !important;
}
.cms-neural-production-page #experience .cms-experience-card figure {
    overflow: hidden;
}
.cms-neural-production-page #experience .cms-experience-card h3 {
    overflow-wrap: normal;
    word-break: normal;
    line-height: 1.08;
}
.cms-neural-production-page #experience .cms-experience-card:nth-child(1) figure {
    max-height: 212px;
}
.cms-neural-production-page #experience .cms-experience-card:nth-child(1) img,
.cms-neural-production-page #experience .cms-experience-card:nth-child(6) img {
    object-fit: contain !important;
}
.cms-neural-production-page #experience .cms-experience-card:nth-child(6) figure {
    max-height: 205px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .cms-neural-production-page #experience .cms-experience-card:nth-child(1) > div {
        gap: 14px;
        padding: 22px !important;
    }
    .cms-neural-production-page #experience .cms-experience-card:nth-child(1) figure {
        max-width: 205px !important;
        max-height: 182px !important;
    }
    .cms-neural-production-page #experience .cms-experience-card:nth-child(1) h3,
    .cms-neural-production-page #experience .cms-experience-card:nth-child(6) h3 {
        font-size: clamp(20px, 2.4vw, 28px) !important;
    }
    .cms-neural-production-page #experience .cms-experience-card:nth-child(6) figure {
        max-height: 190px !important;
    }
    .cms-neural-production-page #pricing .cms-pricing-plan-card {
        max-width: 425px !important;
    }
}

@media (max-width: 767px) {
    .cms-neural-production-page #experience .cms-experience-card:nth-child(1) > div,
    .cms-neural-production-page #experience .cms-experience-card:nth-child(6) > div {
        gap: 14px;
    }
    .cms-neural-production-page #experience .cms-experience-card:nth-child(1) figure {
        max-width: 220px !important;
        max-height: 180px !important;
    }
    .cms-neural-production-page #experience .cms-experience-card:nth-child(6) figure {
        max-height: 180px !important;
    }
    .cms-neural-production-page #cta .cms-cta-panel {
        min-height: 0;
    }
}


/* v204: focused component repair — header/footer untouched.
   Experience is intentionally converted to safe standard cards so uploaded media
   cannot overflow the card. Testimonials return to the original fixed-card rhythm.
   Pricing restores the featured middle button decoration. */
.cms-neural-production-page #experience .cms-experience-standard-grid {
    align-items: stretch !important;
}
.cms-neural-production-page #experience .cms-experience-standard-card > div {
    height: 100% !important;
    min-height: 324px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}
.cms-neural-production-page #experience .cms-experience-standard-media {
    min-height: 184px;
    background: rgba(248, 250, 252, .95) !important;
}
.cms-neural-production-page #experience .cms-experience-standard-media img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}
.cms-neural-production-page #experience .cms-experience-standard-card h3 {
    line-height: 1.12 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}
.cms-neural-production-page #experience .cms-experience-standard-card p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (min-width: 1024px) {
    .cms-neural-production-page #experience .cms-experience-standard-card > div {
        min-height: 350px !important;
    }
    .cms-neural-production-page #experience .cms-experience-standard-media {
        min-height: 198px;
    }
}
@media (max-width: 767px) {
    .cms-neural-production-page #experience .cms-experience-standard-card > div {
        min-height: 318px !important;
    }
    .cms-neural-production-page #experience .cms-experience-standard-media {
        min-height: 178px;
    }
}

.cms-neural-production-page #pricing .cms-pricing-featured-button {
    display: block;
    text-decoration: none;
}
.cms-neural-production-page #pricing .cms-pricing-featured-button__text {
    color: rgba(255, 255, 255, .88) !important;
    max-width: calc(100% - 96px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.cms-neural-production-page #pricing .cms-pricing-featured-button:hover .cms-pricing-featured-button__text {
    color: rgba(255, 255, 255, .92) !important;
}
@media (max-width: 420px) {
    .cms-neural-production-page #pricing .cms-pricing-featured-button__icon {
        left: 1% !important;
    }
    .cms-neural-production-page #pricing .cms-pricing-featured-button:hover .cms-pricing-featured-button__icon {
        left: 75% !important;
    }
    .cms-neural-production-page #pricing .cms-pricing-featured-button:hover .cms-pricing-featured-button__text {
        left: 26% !important;
    }
}

.cms-neural-production-page #testimonials .cms-testimonials-grid {
    align-items: stretch !important;
}
.cms-neural-production-page #testimonials .cms-testimonial-card {
    height: 313px !important;
    min-height: 313px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
.cms-neural-production-page #testimonials .cms-testimonial-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.cms-neural-production-page #testimonials .cms-testimonial-person {
    width: 100%;
}
.cms-neural-production-page #testimonials .cms-testimonial-person img {
    display: block;
}
@media (max-width: 767px) {
    .cms-neural-production-page #testimonials .cms-testimonial-card {
        height: auto !important;
        min-height: 292px !important;
    }
}

/* v205: focused polish after v204 — header/footer untouched.
   Keep media dynamic/storage based, prevent public folder growth, and stabilize the remaining
   fragile homepage components (hero spacing, Experience, Testimonials). */
.cms-neural-production-page #hero .cms-neural-original-hero {
    padding-top: clamp(154px, 10vw, 198px) !important;
}
@media (min-width: 1024px) {
    .cms-neural-production-page #hero .cms-neural-original-hero {
        padding-top: 198px !important;
    }
}
@media (max-width: 767px) {
    .cms-neural-production-page #hero .cms-neural-original-hero {
        padding-top: 146px !important;
    }
}

.cms-neural-production-page #experience.cms-experience-v205,
.cms-neural-production-page #experience .cms-experience-v205 {
    overflow: visible !important;
}
.cms-neural-production-page #experience .cms-experience-v205-grid {
    align-items: stretch !important;
}
.cms-neural-production-page #experience .cms-experience-v205-card > div {
    overflow: hidden !important;
    border: 1px solid rgba(15, 23, 42, .035);
    box-shadow: none !important;
}
.cms-neural-production-page #experience .cms-experience-v205-media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 164px !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: rgba(248, 250, 252, .96) !important;
    border: 1px solid rgba(15, 23, 42, .035);
    padding: 18px !important;
}
.cms-neural-production-page #experience .cms-experience-v205-img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 86% !important;
    max-height: 128px !important;
    object-fit: contain !important;
    object-position: center !important;
}
.cms-neural-production-page #experience .cms-experience-v205-media--icon {
    background: radial-gradient(circle at 50% 50%, rgba(15, 23, 42, .045), rgba(248, 250, 252, .98)) !important;
}
.cms-neural-production-page #experience .cms-experience-v205-media--icon .cms-experience-v205-img {
    max-width: 76px !important;
    max-height: 76px !important;
    padding: 14px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .055);
}
.cms-neural-production-page #experience .cms-experience-v205-body {
    min-height: 92px;
}
.cms-neural-production-page #experience .cms-experience-v205-body h3 {
    line-height: 1.12 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}
.cms-neural-production-page #experience .cms-experience-v205-body p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (min-width: 1024px) {
    .cms-neural-production-page #experience .cms-experience-v205-media {
        height: 174px !important;
    }
    .cms-neural-production-page #experience .cms-experience-v205-img {
        max-height: 136px !important;
    }
}
@media (max-width: 767px) {
    .cms-neural-production-page #experience .cms-experience-v205-card > div {
        min-height: 310px !important;
    }
    .cms-neural-production-page #experience .cms-experience-v205-media {
        height: 154px !important;
    }
    .cms-neural-production-page #experience .cms-experience-v205-img {
        max-height: 118px !important;
    }
}

.cms-neural-production-page #testimonials .cms-testimonials-v205-grid {
    align-items: stretch !important;
}
.cms-neural-production-page #testimonials .cms-testimonial-v205-card {
    overflow: hidden !important;
    border: 1px solid rgba(15, 23, 42, .035);
    box-shadow: none !important;
}
.cms-neural-production-page #testimonials .cms-testimonial-v205-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.42 !important;
}
.cms-neural-production-page #testimonials .cms-testimonial-v205-person {
    width: 100%;
}
.cms-neural-production-page #testimonials .cms-testimonial-v205-person img {
    display: block !important;
}
@media (min-width: 1024px) {
    .cms-neural-production-page #testimonials .cms-testimonial-v205-card {
        min-height: 304px !important;
    }
}
@media (max-width: 767px) {
    .cms-neural-production-page #testimonials .cms-testimonial-v205-card {
        min-height: 278px !important;
    }
}


/* v211: professional client logo strip polish.
   Keep logos storage/admin-managed while making the strip readable with 6-7 global SaaS marks. */
.cms-neural-production-page #clients .cms-clients-strip {
    opacity: .86 !important;
    gap: clamp(16px, 4.2vw, 58px) !important;
}
.cms-neural-production-page #clients .cms-clients-logo {
    width: clamp(34px, 4.4vw, 52px) !important;
    height: 48px !important;
}
.cms-neural-production-page #clients .cms-clients-logo img {
    max-width: 100% !important;
    max-height: 42px !important;
    filter: saturate(1.05) contrast(1.02);
}
@media (max-width: 767px) {
    .cms-neural-production-page #clients .cms-clients-strip {
        gap: 14px !important;
    }
    .cms-neural-production-page #clients .cms-clients-logo {
        width: 31px !important;
        height: 38px !important;
    }
    .cms-neural-production-page #clients .cms-clients-logo img {
        max-height: 34px !important;
    }
}

/* cms-v217-experience-media-fit:start */
/*
 * v217: Experience kart görselleri 524x340 oranında tam genişlik otursun.
 * Dinamik upload/storage yapısını bozmaz; sadece görünüm guard'ıdır.
 */
.cms-experience-section.cms-experience-v205 .cms-experience-v205-card > div {
    overflow: hidden;
}

.cms-experience-section.cms-experience-v205 .cms-experience-v205-media {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 524 / 340 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 1.25rem !important;
    background: #f7f9fc !important;
}

.cms-experience-section.cms-experience-v205 .cms-experience-v205-media img,
.cms-experience-section.cms-experience-v205 .cms-experience-v205-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
    transform: none !important;
}

.cms-experience-section.cms-experience-v205 .cms-experience-v205-media--icon img,
.cms-experience-section.cms-experience-v205 .cms-experience-v205-media--icon .cms-experience-v205-img {
    object-fit: cover !important;
}

@media (max-width: 767px) {
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-media {
        aspect-ratio: 524 / 340 !important;
    }
}
/* cms-v217-experience-media-fit:end */

/* cms-v219-experience-final-fit:start */
/*
 * v219: Experience kartları final media-fit guard.
 * Amaç: 524x340 görselleri PC/tablet/mobilde kartın içinde küçük kalmadan,
 * net ve dolu görünsün. DB/admin/dinamik upload yapısına dokunmaz.
 */
.cms-experience-section.cms-experience-v205 .cms-experience-v205-grid {
    align-items: stretch !important;
}

.cms-experience-section.cms-experience-v205 .cms-experience-v205-card > div {
    height: 100% !important;
    min-height: 430px !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    padding: 1.35rem !important;
}

.cms-experience-section.cms-experience-v205 figure.cms-experience-v205-media,
.cms-experience-section.cms-experience-v205 .cms-experience-v205-media {
    display: block !important;
    position: relative !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 224px !important;
    min-height: 224px !important;
    max-height: 224px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    border: 1px solid rgba(15, 23, 42, .055) !important;
    background: #f8fafc !important;
}

.cms-experience-section.cms-experience-v205 figure.cms-experience-v205-media > img,
.cms-experience-section.cms-experience-v205 .cms-experience-v205-media > img,
.cms-experience-section.cms-experience-v205 .cms-experience-v205-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
    transform: scale(1.11) !important;
    transform-origin: center center !important;
}

.cms-experience-section.cms-experience-v205 .cms-experience-v205-body {
    margin-top: 1.45rem !important;
}

@media (min-width: 1280px) {
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-card > div {
        min-height: 452px !important;
        padding: 1.5rem !important;
    }

    .cms-experience-section.cms-experience-v205 figure.cms-experience-v205-media,
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-media {
        height: 236px !important;
        min-height: 236px !important;
        max-height: 236px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-card > div {
        min-height: 420px !important;
    }

    .cms-experience-section.cms-experience-v205 figure.cms-experience-v205-media,
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-media {
        height: 230px !important;
        min-height: 230px !important;
        max-height: 230px !important;
    }
}

@media (max-width: 767.98px) {
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-card > div {
        min-height: auto !important;
        padding: 1.25rem !important;
        border-radius: 26px !important;
    }

    .cms-experience-section.cms-experience-v205 figure.cms-experience-v205-media,
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-media {
        height: clamp(205px, 33vw, 250px) !important;
        min-height: clamp(205px, 33vw, 250px) !important;
        max-height: clamp(205px, 33vw, 250px) !important;
        border-radius: 20px !important;
    }

    .cms-experience-section.cms-experience-v205 figure.cms-experience-v205-media > img,
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-media > img,
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-img {
        transform: scale(1.13) !important;
    }
}

@media (max-width: 480px) {
    .cms-experience-section.cms-experience-v205 figure.cms-experience-v205-media,
    .cms-experience-section.cms-experience-v205 .cms-experience-v205-media {
        height: 198px !important;
        min-height: 198px !important;
        max-height: 198px !important;
    }
}
/* cms-v219-experience-final-fit:end */

/* EveryTool v220 pricing professional polish */
.cms-pricing-section {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.cms-pricing-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,0.18), transparent 32%),
    radial-gradient(circle at 84% 78%, rgba(168, 85, 247, 0.18), transparent 24%),
    linear-gradient(180deg, rgba(7, 10, 34, 0.10), rgba(3, 5, 24, 0.18));
  pointer-events: none;
}

.cms-pricing-section > .main-container {
  position: relative;
  z-index: 1;
}

.cms-pricing-intro {
  padding: 28px 32px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.06));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 20px 70px rgba(3, 6, 26, 0.18), inset 0 1px 0 rgba(255,255,255,0.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.cms-pricing-intro > p {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.cms-pricing-grid {
  align-items: stretch;
}

.cms-pricing-plan-card {
  position: relative;
  width: 100%;
  max-width: none !important;
  min-height: 560px;
  border: 1px solid rgba(255,255,255,0.42);
  box-shadow: 0 24px 72px rgba(8, 14, 38, 0.18);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.cms-pricing-plan-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 32px 86px rgba(8, 14, 38, 0.24);
  border-color: rgba(255,255,255,0.58);
}

.cms-pricing-grid > .cms-pricing-plan-card:nth-child(2) {
  border-color: rgba(124, 58, 237, 0.28);
  box-shadow: 0 30px 90px rgba(19, 23, 63, 0.28);
}

.cms-pricing-grid > .cms-pricing-plan-card:nth-child(2)::before {
  content: "Önerilen";
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(124, 58, 237, 0.10);
  color: #6d28d9;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .01em;
}

.cms-pricing-plan-card ul {
  width: 100%;
}

.cms-pricing-plan-card ul li {
  min-height: 28px;
}

.cms-pricing-plan-card > .space-y-5,
.cms-pricing-plan-card > .space-y-1 {
  width: 100%;
}

.cms-pricing-plan-card a.w-full > div > div,
.cms-pricing-plan-card a[class*="cms-pricing-featured-button"] > div {
  box-shadow: 0 10px 24px rgba(9, 13, 31, 0.08);
}

.cms-pricing-plan-card a.w-full > div > div {
  border: 1px solid rgba(17, 24, 39, 0.06);
  background: rgba(243, 246, 249, 0.95);
}

.cms-pricing-plan-card a.w-full > div > div:hover {
  background: rgba(233, 238, 244, 0.98);
}

@media (max-width: 1024px) {
  .cms-pricing-intro {
    padding: 24px 26px;
    border-radius: 24px;
  }

  .cms-pricing-plan-card {
    min-height: 530px;
  }
}

@media (max-width: 767px) {
  .cms-pricing-intro {
    padding: 20px 18px;
    border-radius: 22px;
  }

  .cms-pricing-grid {
    gap: 16px;
  }

  .cms-pricing-plan-card {
    min-height: auto;
    padding: 26px 22px;
    border-radius: 24px;
  }

  .cms-pricing-grid > .cms-pricing-plan-card:nth-child(2)::before {
    top: 14px;
    right: 14px;
  }
}
/* EveryTool v224a pricing page button white text hard fix */
.cms-pricing-grid .cms-pricing-card .cms-pricing-cta,
.cms-pricing-grid .cms-pricing-card.is-highlighted .cms-pricing-cta,
.cms-pricing-card .cms-pricing-cta,
.cms-pricing-card.is-highlighted .cms-pricing-cta {
  background: #111827 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.18) !important;
}

.cms-pricing-grid .cms-pricing-card .cms-pricing-cta span,
.cms-pricing-grid .cms-pricing-card.is-highlighted .cms-pricing-cta span,
.cms-pricing-card .cms-pricing-cta span,
.cms-pricing-card.is-highlighted .cms-pricing-cta span {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

.cms-pricing-grid .cms-pricing-card .cms-pricing-cta .cms-pricing-icon,
.cms-pricing-grid .cms-pricing-card.is-highlighted .cms-pricing-cta .cms-pricing-icon,
.cms-pricing-card .cms-pricing-cta .cms-pricing-icon,
.cms-pricing-card.is-highlighted .cms-pricing-cta .cms-pricing-icon {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #6d5dfc 100%) !important;
  border-color: rgba(255, 255, 255, 0.20) !important;
}

.cms-pricing-grid .cms-pricing-card .cms-pricing-cta:hover,
.cms-pricing-grid .cms-pricing-card.is-highlighted .cms-pricing-cta:hover,
.cms-pricing-card .cms-pricing-cta:hover,
.cms-pricing-card.is-highlighted .cms-pricing-cta:hover {
  background: #0b1020 !important;
  color: #ffffff !important;
}