/* Programmatic CTV: page-scoped additions to the shared advertising-page design. */
.ctv-page {--ctv-ink:#26325a;--ctv-blue:#106bfe;--ctv-teal:#15ca9e;--ctv-muted:#676e7c;}
.ctv-page [id],#ctv-iletisim {scroll-margin-top:110px;}
.ctv-page .ctv-breadcrumb p {max-width:880px;margin-left:auto;margin-right:auto;line-height:1.6;}
.ctv-page .ctv-row {row-gap:24px;}
.ctv-page .ctv-hero-image {display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 14px 36px rgb(38 50 90 / 10%);}
.ctv-page .ctv-eyebrow {display:inline-flex;align-items:center;gap:9px;color:var(--ctv-blue);font-size:13px;font-weight:500;letter-spacing:.06em;margin-bottom:18px;}
.ctv-page .ctv-eyebrow i {font-size:23px;}
.ctv-page .ctv-actions {display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:24px;}
.ctv-page .ctv-actions .btn,.ctv-page .ctv-contact-box .btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:normal;}
.ctv-page .ctv-text-link {color:var(--ctv-ink);font-weight:500;text-decoration:underline;text-underline-offset:4px;}
.ctv-page .ctv-section-heading {max-width:920px;margin:0 auto 32px;}
.ctv-page .ctv-section-heading p {margin-bottom:0;}
.ctv-page .ctv-benefit,.ctv-page .ctv-ecosystem-card {height:100%;padding:28px;background:#fff;border:1px solid #e8eef3;border-radius:22px;box-shadow:0 4px 18px rgb(188 202 211 / 24%);}
.ctv-page .ctv-benefit h3,.ctv-page .ctv-ecosystem-card h3 {font-size:22px;line-height:1.4;font-weight:500;}
.ctv-page .ctv-benefit p {font-size:15px;line-height:1.8;margin:0;}
.ctv-page .ctv-icon {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:14px;margin-bottom:18px;background:#e8f1ff;color:var(--ctv-blue);font-size:27px;}
.ctv-page .ctv-icon-teal {background:#e1f8ee;color:#087e69;}
.ctv-page .ctv-ecosystem-os {background:linear-gradient(140deg,#f1f7ff,#fff 75%);}
.ctv-page .ctv-platforms {display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:22px 0 14px;list-style:none;}
.ctv-page .ctv-platforms li {padding:10px 16px;border:1px solid #dfe9f2;border-radius:10px;background:#f7fafc;color:var(--ctv-ink);font-weight:500;font-size:15px;}
.ctv-page .ctv-platform-note {margin:0;color:var(--ctv-muted);font-size:14px;}
.ctv-page .ctv-format-nav {display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px;}
.ctv-page .ctv-format-nav a {display:inline-flex;align-items:center;gap:12px;padding:12px 18px;background:#fff;color:var(--ctv-ink);border:1px solid #dbe5ef;border-radius:8px;font-weight:500;font-size:15px;transition:border-color .2s,box-shadow .2s;}
.ctv-page .ctv-format-nav a:hover {border-color:var(--ctv-blue);box-shadow:0 6px 16px rgb(38 50 90 / 8%);}
.ctv-page .ctv-format-nav span {display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;background:#e8f1ff;color:var(--ctv-blue);border-radius:50%;font-size:12px;}
.ctv-page .ctv-format-group-heading {display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.ctv-page .ctv-format-group-heading .ctv-icon {margin:0;}
.ctv-page .ctv-format-group-heading h3 {margin:0;font-size:26px;line-height:1.4;}
.ctv-page .ctv-display-heading {margin-top:56px;}
.ctv-page .ctv-format-card {height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e6edf3;border-radius:22px;overflow:hidden;box-shadow:0 4px 18px rgb(188 202 211 / 22%);}
.ctv-page .ctv-format-example {position:relative;margin:0;padding:28px 24px 22px;border-bottom:1px solid #edf1f5;background:radial-gradient(ellipse at 50% 35%,#fff,#edf3f8);}
.ctv-page .ctv-device {position:relative;padding:10px 10px 20px;border:1px solid #435170;border-radius:16px;background:linear-gradient(145deg,#334260,#111a2c 65%);box-shadow:0 12px 24px rgb(38 50 90 / 20%),inset 0 1px 0 rgb(255 255 255 / 22%);}
.ctv-page .ctv-device-screen {display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;overflow:hidden;border:1px solid #080e1a;border-radius:5px;background:#080e1a;}
/* Crop out the source presentation's white TV frame without altering the original assets. */
.ctv-page .ctv-screen-crop {position:relative;flex:0 0 auto;width:var(--ctv-screen-width,100%);aspect-ratio:var(--ctv-screen-ratio);overflow:hidden;}
.ctv-page .ctv-device-screen img {display:block;position:absolute;left:var(--ctv-image-left);top:var(--ctv-image-top);width:var(--ctv-image-width);height:var(--ctv-image-height);max-width:none;max-height:none;object-fit:fill;}
.ctv-page .ctv-device-light {position:absolute;bottom:7px;left:50%;width:5px;height:5px;border-radius:50%;background:#15ca9e;box-shadow:0 0 6px rgb(21 202 158 / 50%);transform:translateX(-50%);}
.ctv-page .ctv-device-stand {position:relative;width:30%;height:30px;margin:0 auto;border-bottom:6px solid #26325a;border-radius:0 0 10px 10px;filter:drop-shadow(0 5px 3px rgb(38 50 90 / 12%));}
.ctv-page .ctv-device-stand::before {content:"";position:absolute;left:35%;top:0;width:30%;height:24px;background:linear-gradient(90deg,#1a243b,#485977,#1a243b);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);}
.ctv-page .ctv-format-content {display:flex;flex-direction:column;flex-grow:1;padding:28px;}
.ctv-page .ctv-format-content h4 {font-size:23px;font-weight:500;line-height:1.4;margin:0 0 14px;}
.ctv-page .ctv-format-content p {font-size:15px;line-height:1.8;margin:0;}
.ctv-page .ctv-contact-box {display:flex;align-items:center;justify-content:space-between;gap:32px;}
.ctv-page .ctv-contact-box > div {max-width:770px;}
.ctv-page .ctv-contact-box p {margin:0;}
.ctv-page .ctv-contact-box .btn {flex-shrink:0;}
.ctv-page a:focus-visible {outline:3px solid var(--ctv-blue);outline-offset:4px;}
@media (max-width:991px) {
    .ctv-page .ctv-contact-box {flex-direction:column;align-items:flex-start;}
    .ctv-page .ctv-hero-image {max-width:680px;margin:8px auto 0;}
}
@media (max-width:575px) {
    .ctv-page .ctv-benefit,.ctv-page .ctv-ecosystem-card,.ctv-page .ctv-format-content {padding:22px;}
    .ctv-page .ctv-format-content h4 {font-size:21px;}
    .ctv-page .ctv-format-example {padding:22px 16px 18px;}
    .ctv-page .ctv-device {padding:7px 7px 17px;border-radius:12px;}
    .ctv-page .ctv-device-light {bottom:6px;}
    .ctv-page .ctv-format-nav {flex-direction:column;}
    .ctv-page .ctv-format-nav a {justify-content:space-between;}
    .ctv-page .ctv-actions {align-items:stretch;flex-direction:column;}
    .ctv-page .ctv-text-link {text-align:center;}
    .ctv-page .ctv-contact-box .btn {width:100%;}
}
@media (prefers-reduced-motion:reduce) {
    .ctv-page .ctv-format-nav a {transition:none;}
    .ctv-page .wow {visibility:visible!important;animation:none!important;}
}