/* AdServer page: scoped additions to the shared Theadx design system. */
/* Editorial visuals complement existing headings without changing the feature cards. */
.adserver-page .adserver-feature-lead {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:40px;margin-bottom:32px;}
.adserver-page .adserver-feature-lead .adserver-section-heading {margin-bottom:0;}
.adserver-page .adserver-feature-visual {min-width:0;margin:0;overflow:hidden;border-radius:22px;border:1px solid #e2ebf2;background:#f3f7f9;box-shadow:0 12px 30px rgb(38 50 90 / 8%);}
.adserver-page .adserver-feature-visual img {display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;}
@media (min-width:992px) {
    .adserver-page .adserver-feature-lead-reverse {grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);}
    .adserver-page .adserver-feature-lead-reverse .adserver-feature-visual {grid-column:1;grid-row:1;}
    .adserver-page .adserver-feature-lead-reverse .adserver-section-heading {grid-column:2;grid-row:1;}
}
@media (max-width:991px) {
    .adserver-page .adserver-feature-lead {grid-template-columns:minmax(0,1fr);gap:24px;}
    .adserver-page .adserver-feature-visual {width:100%;max-width:640px;justify-self:center;}
}
.adserver-page {--ad-ink:#26325a;--ad-muted:#676e7c;--ad-blue:#106bfe;--ad-teal:#15ca9e;}
.adserver-page .adserver-hero h1 {font-weight:500;letter-spacing:.025em;}
.adserver-page .adserver-hero p {max-width:850px;margin:0 auto;line-height:1.6;text-transform:none;}
.adserver-page .adserver-intro {background:radial-gradient(ellipse at 90% 20%,#e9f8f3,transparent 55%),#fff;}
.adserver-page .adserver-row {row-gap:24px;}
.adserver-page .adserver-eyebrow {display:inline-flex;align-items:center;gap:9px;color:var(--ad-blue);font-size:13px;letter-spacing:.06em;font-weight:500;margin-bottom:18px;}
.adserver-page .adserver-eyebrow i {font-size:24px;}
.adserver-page h2 {line-height:1.3;}
.adserver-page .adserver-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.adserver-page .adserver-outline {border:1px solid var(--ad-ink);color:var(--ad-ink);border-radius:6px;background:#fff;}
.adserver-page .adserver-outline:hover {background:#f3f7f9;}
.adserver-page .adserver-diagram {position:relative;max-width:530px;margin:0 auto;padding:32px 26px;border-radius:24px;border:1px solid #e2ebf2;background:radial-gradient(ellipse at center,#e1f3ee,transparent 68%),linear-gradient(135deg,#f8fbff,#f2f7fa);box-shadow:0 18px 40px rgb(38 50 90 / 8%);}
.adserver-page .adserver-channel-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.adserver-page .adserver-channel-grid > div {display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgb(38 50 90 / 6%);color:var(--ad-ink);font-size:13px;}
.adserver-page .adserver-channel-grid i {font-size:28px;color:var(--ad-blue);}
.adserver-page .adserver-core {position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:280px;margin:38px auto;padding:26px 20px;background:linear-gradient(60deg,#26325a,#515b7b);border-radius:20px;color:#fff;box-shadow:0 15px 28px rgb(38 50 90 / 15%);}
.adserver-page .adserver-core::before,.adserver-page .adserver-core::after {content:"";position:absolute;left:50%;width:2px;height:38px;background:var(--ad-teal);}
.adserver-page .adserver-core::before {bottom:100%;}
.adserver-page .adserver-core::after {top:100%;}
.adserver-page .adserver-core > i {font-size:40px;color:var(--ad-teal);}
.adserver-page .adserver-core strong {font-size:22px;}
.adserver-page .adserver-core span {font-size:12px;color:#e3eaf5;}
.adserver-page .adserver-flow-stages {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.adserver-page .adserver-flow-stages span {padding:12px 6px;border:1px solid #dce8ec;background:#fff;border-radius:8px;color:var(--ad-ink);font-size:12px;text-align:center;line-height:1.5;}
.adserver-page .adserver-diagram figcaption {display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#087e69;font-size:12px;line-height:1.5;}
.adserver-page .adserver-diagram figcaption i {font-size:18px;}
.adserver-page .adserver-section-heading {display:flex;align-items:flex-start;gap:18px;margin-bottom:28px;}
.adserver-page .adserver-section-heading h2 {font-size:30px;margin:0 0 12px;}
.adserver-page .adserver-section-heading p {margin:0;max-width:850px;}
.adserver-page .adserver-section-icon {display:flex;align-items:center;justify-content:center;flex:0 0 54px;height:54px;background:var(--ad-ink);color:var(--ad-teal);border-radius:15px;font-size:27px;}
.adserver-page .adserver-card {height:100%;padding:28px;background:#fff;border-radius:22px;border:1px solid #edf1f5;box-shadow:0 4px 18px rgb(188 202 211 / 25%);transition:box-shadow .3s;}
.adserver-page .adserver-card:hover {box-shadow:0 16px 30px rgb(188 202 211 / 40%);}
.adserver-page .adserver-card-icon {display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;background:#e8f1ff;color:var(--ad-blue);font-size:25px;margin-bottom:18px;}
.adserver-page .adserver-icon-teal {background:#e2f7ef;color:#087e69;}
.adserver-page .adserver-card h3 {font-size:21px;line-height:1.4;margin:0 0 14px;}
.adserver-page .adserver-card p {font-size:15px;line-height:1.8;margin:0;}
.adserver-page .adserver-security {border-top:3px solid var(--ad-teal);background:linear-gradient(180deg,#f3fbf8,#fff 50%);}
.adserver-page .adserver-targeting .adserver-card {position:relative;padding-left:94px;}
.adserver-page .adserver-targeting .adserver-card-icon {position:absolute;left:28px;top:28px;}
.adserver-page .adserver-contact-banner {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px;border-radius:22px;background:linear-gradient(60deg,#26325a,#515b7b);}
.adserver-page .adserver-contact-banner h2,.adserver-page .adserver-contact-banner p {color:#fff;}
.adserver-page .adserver-contact-banner h2 {font-size:28px;}
.adserver-page .adserver-contact-banner p {margin:0;}
.adserver-page .adserver-contact-banner .btn {flex-shrink:0;background:#fff;color:var(--ad-ink);border-radius:6px;}
.adserver-page a:focus-visible {outline:3px solid var(--ad-teal);outline-offset:4px;}
.adserver-page [id],#adserver-iletisim {scroll-margin-top:115px;}
@media (max-width:991px) {
    .adserver-page .adserver-diagram {margin-top:8px;}
    .adserver-page .adserver-contact-banner {align-items:flex-start;flex-direction:column;}
}
@media (max-width:575px) {
    .adserver-page .adserver-diagram {padding:24px 14px;}
    .adserver-page .adserver-channel-grid {gap:7px;}
    .adserver-page .adserver-channel-grid > div {padding:14px 5px;font-size:12px;}
    .adserver-page .adserver-flow-stages {gap:5px;}
    .adserver-page .adserver-flow-stages span {font-size:11px;}
    .adserver-page .adserver-section-heading {flex-direction:column;gap:14px;}
    .adserver-page .adserver-section-heading h2 {font-size:26px;}
    .adserver-page .adserver-card,.adserver-page .adserver-contact-banner {padding:24px;}
    .adserver-page .adserver-targeting .adserver-card {padding-left:24px;}
    .adserver-page .adserver-targeting .adserver-card-icon {position:static;}
    .adserver-page .adserver-actions .btn {width:100%;}
}
@media (prefers-reduced-motion:reduce) {
    .adserver-page .adserver-card {transition:none;}
}