/* Kapadokya Bilişim — Çözümler ürün vitrini */
:root {
    --sd-navy: #071a35;
    --sd-blue: #0768ee;
    --sd-blue-dark: #0451c1;
    --sd-cyan: #28a9ff;
    --sd-text: #172438;
    --sd-muted: #5f6d7e;
    --sd-line: #dce5ef;
    --sd-soft: #f5f9fd;
    --sd-white: #fff;
    --sd-shadow: 0 20px 55px rgba(23, 57, 96, .11);
}

[x-cloak] { display: none !important; }
.solution-display { overflow: hidden; color: var(--sd-text); background: var(--sd-white); }
.solution-display *, .solution-display *::before, .solution-display *::after { box-sizing: border-box; }
.solution-display button, .solution-display input, .solution-display textarea { font: inherit; }
.solution-display-container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.solution-display-container-wide { width: min(1440px, calc(100% - 48px)); }
.solution-display-heading { margin: 0 0 42px; text-align: center; }
.solution-display-heading h2 { margin: 0; color: var(--sd-navy); font-size: clamp(29px, 3vw, 42px); font-weight: 760; letter-spacing: -.04em; line-height: 1.08; }
.solution-display-heading h2 span, .solution-display-heading > span { color: var(--sd-blue); }
.solution-display-heading p { max-width: 620px; margin: 12px auto 0; color: var(--sd-muted); font-size: 15px; line-height: 1.7; }

.solution-display-header { padding: 48px 0 38px; background: #fff; border-bottom: 1px solid #edf1f5; }
.solution-display-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-bottom: 22px; color: #788597; font-size: 12px; font-weight: 550; }
.solution-display-breadcrumb a { color: #667487; text-decoration: none; }
.solution-display-breadcrumb a:hover { color: var(--sd-blue); }
.solution-display-header h1 { margin: 0; color: var(--sd-navy); font-size: clamp(38px, 4.4vw, 64px); font-weight: 780; letter-spacing: -.05em; line-height: 1.03; }
.solution-display-header p { max-width: 700px; margin: 17px 0 0; color: #4f5d6d; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.6; }

.solution-display-showcase { position: relative; padding: 66px 0 72px; background: radial-gradient(circle at 75% 15%, rgba(40, 169, 255, .13), transparent 30%), linear-gradient(135deg, #fff 0%, #f8fbff 55%, #eef6ff 100%); border-bottom: 1px solid #e5edf6; }
.solution-display-showcase-grid { display: grid; grid-template-columns: minmax(300px, .68fr) minmax(600px, 1.32fr); gap: clamp(46px, 7vw, 95px); align-items: center; }
.solution-display-kicker { display: block; margin-bottom: 18px; color: var(--sd-navy); font-size: clamp(25px, 2.4vw, 35px); font-weight: 750; letter-spacing: -.035em; }
.solution-display-kicker b { color: var(--sd-blue); }
.solution-display-showcase-copy h2 { margin: 0; color: #273548; font-size: 17px; font-weight: 630; line-height: 1.55; }
.solution-display-showcase-copy p { margin: 16px 0 26px; color: var(--sd-muted); font-size: 14px; line-height: 1.75; }
.solution-display-button { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; text-decoration: none; border: 1px solid transparent; border-radius: 7px; font-size: 12px; font-weight: 750; cursor: pointer; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.solution-display-button:hover { transform: translateY(-2px); }
.solution-display-button-primary { color: #fff; background: linear-gradient(135deg, #0873fa, #0556ce); box-shadow: 0 12px 25px rgba(5, 91, 215, .22); }
.solution-display-button-outline { color: var(--sd-blue); background: #fff; border-color: var(--sd-blue); }
.solution-display-dashboard, .solution-display-feature-screen, .solution-display-gallery-main { display: block; width: 100%; overflow: hidden; padding: 0; text-align: left; background: #fff; border: 1px solid #bdcde0; border-radius: 9px; box-shadow: var(--sd-shadow); cursor: zoom-in; }
.solution-display-browserbar { display: flex; min-height: 39px; align-items: center; gap: 6px; padding: 0 13px; color: #718095; background: #fbfcfe; border-bottom: 1px solid #e1e7ee; font-size: 10px; }
.solution-display-browserbar i { display: block; width: 7px; height: 7px; border-radius: 50%; background: #ef6b68; }
.solution-display-browserbar i:nth-child(2) { background: #efbd50; }
.solution-display-browserbar i:nth-child(3) { background: #62bf6c; }
.solution-display-browserbar b { margin-left: 8px; color: #667386; font-weight: 650; }
.solution-display-browserbar em { margin-left: auto; color: #8490a0; font-style: normal; }
.solution-display-dashboard > img { display: block; width: 100%; max-height: 650px; object-fit: contain; background: #f5f8fb; }
.solution-display-empty { display: flex; min-height: 440px; flex-direction: column; align-items: center; justify-content: center; gap: 11px; color: #8491a0; background: linear-gradient(145deg, #f9fbfd, #edf4fb); }
.solution-display-empty b { color: var(--sd-blue); font-size: 50px; }
.solution-display-empty strong { color: var(--sd-navy); font-size: 22px; }

.solution-display-intro { padding: 88px 0; background: #fff; }
.solution-display-intro-grid { display: grid; grid-template-columns: 190px minmax(280px, 520px) minmax(280px, 1fr); gap: 55px; align-items: start; }
.solution-display-intro-grid > span { color: var(--sd-blue); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.solution-display-intro-grid h2 { margin: 0; color: var(--sd-navy); font-size: clamp(28px, 3vw, 40px); font-weight: 750; letter-spacing: -.04em; line-height: 1.14; }
.solution-display-intro-grid p { margin: 0; color: var(--sd-muted); font-size: 16px; line-height: 1.8; }

.solution-display-modules { padding: 62px 0 68px; background: #fff; border-block: 1px solid #e9eff5; }
.solution-display-module-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 185px)); justify-content: center; gap: 18px; }
.solution-display-module { min-height: 190px; padding: 24px 17px 21px; text-align: center; color: var(--sd-text); background: #fff; border: 1px solid #d7e1ec; border-radius: 8px; cursor: pointer; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.solution-display-module:hover { transform: translateY(-5px); border-color: #8ab8ef; box-shadow: 0 16px 35px rgba(31, 81, 139, .1); }
.solution-display-module > span { display: flex; width: 44px; height: 44px; align-items: center; justify-content: center; margin: 0 auto 19px; color: var(--sd-blue); font-size: 27px; }
.solution-display-module h3 { margin: 0 0 9px; color: var(--sd-navy); font-size: 14px; font-weight: 720; }
.solution-display-module p { margin: 0; color: #6a7788; font-size: 11px; line-height: 1.55; }

.solution-display-feature-tour { padding: 70px 0 28px; background: linear-gradient(180deg, #f4f9ff 0%, #fff 100%); border-bottom: 1px solid #e6edf5; }
.solution-display-feature-stage { position: relative; display: grid; grid-template-columns: minmax(270px, .55fr) minmax(600px, 1.45fr); gap: clamp(45px, 7vw, 90px); align-items: center; }
.solution-display-feature-copy > span { display: block; margin-bottom: 12px; color: var(--sd-blue); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.solution-display-feature-copy h3 { margin: 0 0 15px; color: var(--sd-navy); font-size: clamp(29px, 3vw, 40px); font-weight: 760; letter-spacing: -.04em; }
.solution-display-feature-copy p { margin: 0 0 17px; color: var(--sd-muted); font-size: 14px; line-height: 1.72; }
.solution-display-feature-copy ul { margin: 0 0 22px; padding: 0; list-style: none; }
.solution-display-feature-copy li { position: relative; margin: 9px 0; padding-left: 20px; color: #4e5b6b; font-size: 12px; }
.solution-display-feature-copy li::before { content: '✓'; position: absolute; left: 0; color: var(--sd-blue); font-weight: 800; }
.solution-display-feature-screen > img { display: block; width: 100%; height: min(550px, 45vw); object-fit: contain; background: #f3f7fb; }
.solution-display-round-arrow { position: absolute; z-index: 4; top: 50%; display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; color: #566477; background: #fff; border: 1px solid #dbe4ee; border-radius: 50%; box-shadow: 0 8px 24px rgba(25, 53, 87, .1); font-size: 25px; cursor: pointer; transform: translateY(-50%); transition: color .2s ease, border-color .2s ease, transform .2s ease; }
.solution-display-round-arrow:hover { color: var(--sd-blue); border-color: #8dbbf0; transform: translateY(-50%) scale(1.06); }
.solution-display-feature-stage > .solution-display-round-arrow.is-left { left: -65px; }
.solution-display-feature-stage > .solution-display-round-arrow.is-right { right: -65px; }
.solution-display-dots { display: flex; justify-content: center; gap: 12px; margin-top: 22px; }
.solution-display-dots button { width: 9px; height: 9px; padding: 0; background: #cbd6e3; border: 0; border-radius: 50%; cursor: pointer; }
.solution-display-dots button.is-active { background: var(--sd-blue); box-shadow: 0 0 0 4px rgba(7, 104, 238, .11); }

.solution-display-gallery { padding: 68px 0 72px; background: #fff; }
.solution-display-gallery-stage { position: relative; max-width: 1100px; margin: auto; }
.solution-display-gallery-main > img { display: block; width: 100%; height: min(610px, 48vw); object-fit: contain; background: #f5f8fb; }
.solution-display-gallery-stage > .solution-display-round-arrow.is-left { left: -68px; }
.solution-display-gallery-stage > .solution-display-round-arrow.is-right { right: -68px; }
.solution-display-gallery-strip { display: flex; gap: 16px; margin-top: 23px; overflow-x: auto; padding: 3px 2px 10px; scrollbar-width: thin; }
.solution-display-gallery-strip button { flex: 0 0 195px; overflow: hidden; padding: 0; text-align: left; color: #657386; background: #fff; border: 1px solid #dce5ee; border-radius: 7px; cursor: pointer; }
.solution-display-gallery-strip button.is-active { color: var(--sd-blue); border-color: var(--sd-blue); box-shadow: 0 6px 18px rgba(7, 104, 238, .11); }
.solution-display-gallery-strip img { display: block; width: 100%; height: 105px; object-fit: contain; background: #f6f8fb; border-bottom: 1px solid #e5ebf1; }
.solution-display-gallery-strip span { display: block; padding: 9px 10px; overflow: hidden; font-size: 10px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }

.solution-display-integrations { padding: 56px 0 60px; background: #f7fbff; border-block: 1px solid #e5edf5; }
.solution-display-logo-row { display: flex; flex-wrap: wrap; justify-content: center; border-top: 1px solid #dbe5ef; border-left: 1px solid #dbe5ef; }
.solution-display-logo-row > a, .solution-display-logo-row > div { display: flex; width: 20%; min-width: 180px; min-height: 105px; align-items: center; justify-content: center; gap: 11px; color: #334255; text-decoration: none; background: #fff; border-right: 1px solid #dbe5ef; border-bottom: 1px solid #dbe5ef; filter: grayscale(1); transition: color .2s ease, filter .2s ease, background .2s ease; }
.solution-display-logo-row > a:hover, .solution-display-logo-row > div:hover { color: var(--sd-blue); background: #fbfdff; filter: none; }
.solution-display-logo-row img { width: 95px; height: 34px; object-fit: contain; }
.solution-display-logo-row span { display: flex; width: 37px; height: 37px; align-items: center; justify-content: center; color: #fff; background: var(--sd-blue); border-radius: 8px; font-size: 11px; font-weight: 800; }
.solution-display-logo-row strong { font-size: 12px; font-weight: 700; }

.solution-display-audiences { padding: 66px 0; background: #fff; }
.solution-display-audience-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--sd-line); }
.solution-display-audience { display: grid; grid-template-columns: 44px 1fr 28px; gap: 15px; min-height: 82px; align-items: center; padding: 17px 24px; border-bottom: 1px solid var(--sd-line); }
.solution-display-audience:nth-child(odd) { border-right: 1px solid var(--sd-line); }
.solution-display-audience span { color: #97a4b4; font-size: 10px; font-weight: 800; }
.solution-display-audience h3 { margin: 0; color: var(--sd-navy); font-size: 15px; }
.solution-display-audience i { display: flex; width: 25px; height: 25px; align-items: center; justify-content: center; color: var(--sd-blue); background: #eaf3ff; border-radius: 50%; font-size: 11px; font-style: normal; }

.solution-display-advantages { padding: 64px 0; background: linear-gradient(120deg, #f8fbff, #eef6ff); border-block: 1px solid #e2ebf5; }
.solution-display-advantages-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; }
.solution-display-advantage-title > span { display: block; margin-bottom: 12px; color: var(--sd-blue); font-size: 13px; font-weight: 800; }
.solution-display-advantage-title h2 { margin: 0; color: var(--sd-navy); font-size: clamp(30px, 3.4vw, 45px); font-weight: 760; letter-spacing: -.045em; line-height: 1.1; }
.solution-display-advantage-title p { margin: 18px 0 0; color: var(--sd-muted); font-size: 14px; line-height: 1.7; }
.solution-display-check-list { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 38px; }
.solution-display-check-list > div { display: flex; min-height: 54px; align-items: center; gap: 12px; border-bottom: 1px solid #d4e0ec; color: #344357; font-size: 13px; }
.solution-display-check-list i { color: var(--sd-blue); font-style: normal; font-weight: 800; }

.solution-display-video { padding: 68px 0; background: #fff; }
.solution-display-video-frame { position: relative; max-width: 1000px; margin: auto; overflow: hidden; padding-top: 56.25%; background: #07182e; border-radius: 10px; box-shadow: var(--sd-shadow); }
.solution-display-video-frame iframe, .solution-display-video-frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: contain; }

.solution-display-faq { padding: 62px 0; background: #f7fbff; border-top: 1px solid #e5edf5; }
.solution-display-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 36px; }
.solution-display-faq-grid article { align-self: start; overflow: hidden; background: #fff; border: 1px solid #dce5ef; border-radius: 7px; }
.solution-display-faq-grid button { display: grid; width: 100%; grid-template-columns: 1fr auto; gap: 18px; align-items: center; padding: 15px 17px; text-align: left; color: var(--sd-navy); background: #fff; border: 0; cursor: pointer; }
.solution-display-faq-grid button span { font-size: 12px; font-weight: 650; }
.solution-display-faq-grid button i { color: #657386; font-size: 17px; font-style: normal; transition: transform .2s ease; }
.solution-display-faq-grid button i.is-open { transform: rotate(45deg); }
.solution-display-faq-grid article div p { margin: 0; padding: 0 17px 16px; color: var(--sd-muted); font-size: 12px; line-height: 1.65; }

.solution-display-related { padding: 58px 0 66px; background: #fff; }
.solution-display-related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.solution-display-related-card { display: grid; grid-template-columns: 1fr 115px; min-height: 150px; gap: 13px; align-items: center; overflow: hidden; padding: 18px 12px 18px 20px; color: inherit; text-decoration: none; background: #fff; border: 1px solid #dce5ef; border-radius: 8px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.solution-display-related-card:hover { transform: translateY(-4px); border-color: #92bcec; box-shadow: 0 14px 30px rgba(26, 69, 119, .09); }
.solution-display-related-card h3 { margin: 0 0 8px; color: var(--sd-navy); font-size: 14px; }
.solution-display-related-card p { margin: 0 0 13px; color: var(--sd-muted); font-size: 10px; line-height: 1.55; }
.solution-display-related-card div > span { color: var(--sd-blue); font-size: 10px; font-weight: 750; }
.solution-display-related-card img { display: block; width: 115px; height: 100px; object-fit: contain; background: #f5f8fb; border: 1px solid #e1e7ee; border-radius: 6px; }
.solution-display-related-card > b { display: flex; width: 90px; height: 90px; align-items: center; justify-content: center; color: var(--sd-blue); background: #edf5ff; border-radius: 8px; font-size: 32px; }

.solution-display-cta { padding: 0 0 8px; background: #fff; }
.solution-display-cta-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; padding: 40px 54px; color: #fff; background: radial-gradient(circle at 8% 0, rgba(34, 137, 255, .28), transparent 35%), linear-gradient(125deg, #061a36, #092c58); border-radius: 18px; }
.solution-display-cta-inner > div:first-child > span { display: block; margin-bottom: 10px; color: #4aabff; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.solution-display-cta-inner h2 { max-width: 540px; margin: 0; color: #fff; font-size: clamp(28px, 3vw, 41px); letter-spacing: -.04em; line-height: 1.12; }
.solution-display-cta-inner p { margin: 12px 0 0; color: rgba(255,255,255,.67); font-size: 12px; }
.solution-display-cta-inner > div:last-child { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.solution-display-cta-inner .solution-display-button { width: 100%; }
.solution-display-cta-inner .is-light { color: var(--sd-navy); background: #fff; }
.solution-display-cta-inner .is-dark-outline { color: #fff; border-color: rgba(255,255,255,.48); background: transparent; }
.solution-display-cta-inner .is-whatsapp { grid-column: 1 / -1; color: #fff; border-color: rgba(255,255,255,.48); background: transparent; }

.solution-display-contact { padding: 80px 0; background: #fff; }
.solution-display-contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.solution-display-contact-copy > span { display: block; margin-bottom: 13px; color: var(--sd-blue); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.solution-display-contact-copy h2 { margin: 0; color: var(--sd-navy); font-size: clamp(31px, 3.5vw, 47px); font-weight: 760; letter-spacing: -.045em; line-height: 1.1; }
.solution-display-contact-copy > p { margin: 18px 0 28px; color: var(--sd-muted); font-size: 14px; line-height: 1.7; }
.solution-display-contact-copy ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--sd-line); }
.solution-display-contact-copy li { padding: 14px 0; color: #3d4b5d; border-bottom: 1px solid var(--sd-line); font-size: 12px; }
.solution-display-contact-copy li b { display: inline-block; width: 42px; color: var(--sd-blue); font-size: 10px; }
.solution-display-form { display: flex; flex-direction: column; gap: 16px; padding: 30px; background: #f7faff; border: 1px solid #dce5ef; border-radius: 10px; }
.solution-display-form > div:first-child { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.solution-display-form label { display: flex; flex-direction: column; gap: 7px; color: #455467; font-size: 11px; font-weight: 700; }
.solution-display-form input[type='text'], .solution-display-form input[type='tel'], .solution-display-form textarea { width: 100%; padding: 12px 13px; color: var(--sd-text); background: #fff; border: 1px solid #ccd8e4; border-radius: 6px; outline: none; }
.solution-display-form textarea { min-height: 100px; resize: vertical; }
.solution-display-form input:focus, .solution-display-form textarea:focus { border-color: var(--sd-blue); box-shadow: 0 0 0 3px rgba(7, 104, 238, .09); }
.solution-display-form .solution-display-kvkk { display: grid; grid-template-columns: auto 1fr; gap: 9px; align-items: start; color: #6b7888; font-size: 10px; font-weight: 500; }
.solution-display-kvkk input { margin-top: 2px; accent-color: var(--sd-blue); }
.solution-display-kvkk a { color: var(--sd-blue); }
.solution-display-form > .solution-display-button { align-self: flex-start; border: 0; }
.solution-display-form-message { padding: 10px 12px; border-radius: 6px; font-size: 11px; }
.solution-display-form-message.is-error { color: #a62c2c; background: #fff0f0; border: 1px solid #f0c7c7; }
.solution-display-form-message.is-success { color: #127044; background: #ebfbf2; border: 1px solid #bce6cf; }

.solution-display-viewer { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 65px 85px; background: rgba(2, 11, 24, .96); }
.solution-display-viewer figure { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 12px; margin: 0; }
.solution-display-viewer img { max-width: 100%; max-height: calc(100vh - 125px); object-fit: contain; }
.solution-display-viewer figcaption { color: #b9c4d1; font-size: 12px; }
.solution-display-viewer-close, .solution-display-viewer-arrow { position: absolute; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 50%; cursor: pointer; }
.solution-display-viewer-close { top: 20px; right: 22px; width: 44px; height: 44px; font-size: 27px; }
.solution-display-viewer-arrow { top: 50%; width: 46px; height: 46px; font-size: 28px; transform: translateY(-50%); }
.solution-display-viewer-arrow.is-left { left: 20px; }
.solution-display-viewer-arrow.is-right { right: 20px; }

.solution-display-motion .solution-display-reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s cubic-bezier(.22,.7,.2,1); }
.solution-display-motion .solution-display-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1180px) {
    .solution-display-showcase-grid { grid-template-columns: .65fr 1.35fr; gap: 45px; }
    .solution-display-module-grid { grid-template-columns: repeat(auto-fit, minmax(155px, 185px)); }
    .solution-display-feature-stage { grid-template-columns: .65fr 1.35fr; }
    .solution-display-feature-stage > .solution-display-round-arrow.is-left, .solution-display-gallery-stage > .solution-display-round-arrow.is-left { left: 12px; }
    .solution-display-feature-stage > .solution-display-round-arrow.is-right, .solution-display-gallery-stage > .solution-display-round-arrow.is-right { right: 12px; }
    .solution-display-related-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 850px) {
    .solution-display-container, .solution-display-container-wide { width: min(100% - 32px, 700px); }
    .solution-display-header { padding: 40px 0 32px; }
    .solution-display-showcase { padding: 52px 0 58px; }
    .solution-display-showcase-grid, .solution-display-intro-grid, .solution-display-feature-stage, .solution-display-advantages-grid, .solution-display-contact-grid { grid-template-columns: 1fr; }
    .solution-display-showcase-copy { max-width: 590px; }
    .solution-display-dashboard { order: 2; }
    .solution-display-intro-grid { gap: 24px; }
    .solution-display-intro-grid p { max-width: 620px; }
    .solution-display-feature-stage { gap: 36px; }
    .solution-display-feature-screen > img { height: 60vw; }
    .solution-display-logo-row > a, .solution-display-logo-row > div { width: 33.333%; min-width: 0; }
    .solution-display-cta-inner { grid-template-columns: 1fr; gap: 30px; }
}

@media (max-width: 600px) {
    .solution-display-container, .solution-display-container-wide { width: calc(100% - 28px); }
    .solution-display-header { padding: 34px 0 29px; }
    .solution-display-breadcrumb { margin-bottom: 17px; font-size: 10px; }
    .solution-display-header h1 { font-size: 39px; }
    .solution-display-header p { margin-top: 13px; font-size: 15px; }
    .solution-display-showcase { padding: 42px 0 46px; }
    .solution-display-showcase-grid { gap: 31px; }
    .solution-display-kicker { font-size: 28px; }
    .solution-display-showcase-copy h2 { font-size: 15px; }
    .solution-display-empty { min-height: 270px; }
    .solution-display-intro, .solution-display-modules, .solution-display-feature-tour, .solution-display-gallery, .solution-display-integrations, .solution-display-audiences, .solution-display-advantages, .solution-display-video, .solution-display-faq, .solution-display-related, .solution-display-contact { padding-block: 52px; }
    .solution-display-heading { margin-bottom: 30px; }
    .solution-display-heading h2 { font-size: 29px; }
    .solution-display-intro-grid h2 { font-size: 29px; }
    .solution-display-intro-grid p { font-size: 14px; }
    .solution-display-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .solution-display-module { min-height: 165px; padding: 20px 12px; }
    .solution-display-module > span { margin-bottom: 13px; }
    .solution-display-module h3 { font-size: 13px; }
    .solution-display-feature-copy { padding-inline: 5px; }
    .solution-display-feature-copy h3 { font-size: 29px; }
    .solution-display-feature-stage { padding-bottom: 48px; }
    .solution-display-feature-stage > .solution-display-round-arrow { top: auto; bottom: -5px; transform: none; }
    .solution-display-feature-stage > .solution-display-round-arrow:hover { transform: scale(1.06); }
    .solution-display-feature-stage > .solution-display-round-arrow.is-left { left: calc(50% - 52px); }
    .solution-display-feature-stage > .solution-display-round-arrow.is-right { right: calc(50% - 52px); }
    .solution-display-feature-screen > img { height: 65vw; }
    .solution-display-dots { display: none; }
    .solution-display-gallery-stage { padding-bottom: 53px; }
    .solution-display-gallery-main > img { height: 64vw; }
    .solution-display-gallery-stage > .solution-display-round-arrow { top: auto; bottom: 0; transform: none; }
    .solution-display-gallery-stage > .solution-display-round-arrow:hover { transform: scale(1.06); }
    .solution-display-gallery-stage > .solution-display-round-arrow.is-left { left: calc(50% - 52px); }
    .solution-display-gallery-stage > .solution-display-round-arrow.is-right { right: calc(50% - 52px); }
    .solution-display-gallery-strip button { flex-basis: 155px; }
    .solution-display-gallery-strip img { height: 85px; }
    .solution-display-logo-row > a, .solution-display-logo-row > div { width: 50%; min-height: 92px; }
    .solution-display-audience-grid, .solution-display-check-list, .solution-display-faq-grid { grid-template-columns: 1fr; }
    .solution-display-audience:nth-child(odd) { border-right: 0; }
    .solution-display-related-grid { grid-template-columns: 1fr; }
    .solution-display-cta { padding-inline: 14px; }
    .solution-display-cta-inner { width: 100%; padding: 32px 22px; border-radius: 14px; }
    .solution-display-cta-inner > div:last-child { grid-template-columns: 1fr; }
    .solution-display-cta-inner .is-whatsapp { grid-column: auto; }
    .solution-display-form { padding: 23px 17px; }
    .solution-display-form > div:first-child { grid-template-columns: 1fr; }
    .solution-display-form > .solution-display-button { width: 100%; }
    .solution-display-viewer { padding: 60px 12px 55px; }
    .solution-display-viewer-arrow { top: auto; bottom: 8px; transform: none; }
    .solution-display-viewer-arrow.is-left { left: calc(50% - 55px); }
    .solution-display-viewer-arrow.is-right { right: calc(50% - 55px); }
}

@media (max-width: 380px) {
    .solution-display-module-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .solution-display *, .solution-display *::before, .solution-display *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}