/* Frontend-only agency finish. Existing DOM, content, interactions and breakpoints remain authoritative. */
:root{--agency-line:rgba(0,30,43,.19);--agency-muted:#44616c}
/* Controls keep their existing dimensions, labels and event classes. */
body .tbd-btn-ink,body .tbd-btn-outline,body .tbd-direct-action{border-radius:3px;box-shadow:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body textarea:focus-visible,body select:focus-visible{outline:2px solid #1684a5;outline-offset:4px}
body .tbd-contact-dock{border-radius:5px;box-shadow:0 8px 28px rgba(0,30,43,.12)}
/* Preserve the restored Home scene; refine its editorial supporting sections. */
body.home .home-services__head .home-lead{max-width:45ch}
body.home .home-service__number{font-variant-numeric:tabular-nums;color:#3f6b7b}
body.home .home-service{border-bottom-color:var(--agency-line)}
body.home .home-service:hover{background:#eae9e2}
body.home .home-approach__capability h3{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.025em!important}
body.home .home-approach__capability{border-top-color:rgba(244,242,237,.26)}
body.home .home-blog__card{border-top-color:#637e89}
body.home .home-blog__category{font-size:10px;letter-spacing:.15em}
/* Service families: dark, confident entry; reading stays on calm paper. */
body .service-detail-page .service-detail-hero{background:#062735!important;border-bottom-color:#33515d}
body .service-detail-page .service-detail-hero::after{background:#476573}
body .service-detail-page .service-detail-hero h1{color:#f4f2ed!important;letter-spacing:-.035em!important;text-wrap:balance}
body .service-detail-page .service-detail-hero__lead{color:#d0dfe4!important}
body .service-detail-page .service-detail-breadcrumb__link{color:#b1cbd5}
body .service-detail-page .service-detail-breadcrumb__link:hover{color:#fff}
body .service-detail-page .premium-page-kicker{color:#8bcedf}
body .service-detail-page .service-detail-hero .tbd-direct-action--whatsapp{background:#f4f2ed;color:#062735;border-color:#f4f2ed}
body .service-detail-page .service-detail-hero .tbd-direct-action--phone{background:transparent;color:#f4f2ed;border:1px solid #7896a3}
body .service-detail-page .service-detail-hero .tbd-direct-action:hover{background:#d5e9ee;color:#062735}
body .product-detail-page .product-detail-hero{background:#edece5!important}
body .product-detail-page .product-detail-hero h1{letter-spacing:-.035em!important;text-wrap:balance}
body .service-detail-page .service-detail-intro__card,body .product-detail-page .product-detail-intro__card,body .seo-service-landing .premium-content-card,body .static-page-content>.premium-content-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-block:0!important}
body .service-detail-page .detail-media,body .product-detail-page .detail-media{border-radius:3px!important;box-shadow:none!important;background:#062735}
body .service-detail-page .detail-media img,body .product-detail-page .detail-media img{filter:saturate(.78);border-radius:0!important}
body .service-detail-intro__copy h2,body .product-detail-intro__copy h2,body .seo-landing-rich h2,body .static-page-content .premium-rich h2{font-family:'DM Sans',sans-serif!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.13!important;font-size:clamp(28px,3vw,42px)!important;border-top:1px solid var(--agency-line);padding-top:28px;margin-top:54px!important;color:#062735}
body .service-detail-intro__copy h2:first-child,body .product-detail-intro__copy h2:first-child,body .seo-landing-rich h2:first-child,body .static-page-content .premium-rich h2:first-child{border-top:0;padding-top:0;margin-top:0!important}
body .service-detail-intro__copy h3,body .product-detail-intro__copy h3,body .seo-landing-rich h3,body .static-page-content .premium-rich h3{letter-spacing:-.02em!important;color:#123d4e}
body .service-detail-products__grid{gap:32px}
body .service-detail-page .service-detail-product-card{background:transparent;border:0;border-top:1px solid var(--agency-line);border-radius:0;box-shadow:none}
body .service-detail-page .service-detail-product-card:hover{box-shadow:none;transform:none;background:#ebeae3}
body .service-detail-product-card__media{border-radius:3px;aspect-ratio:16/8}
body .service-detail-product-card__content{padding:24px 0}
body .product-detail-page .related-shell{background:transparent;border-radius:0;border:0;border-top:1px solid var(--agency-line);box-shadow:none}
body .product-detail-page .context-link-list a{border-radius:3px;box-shadow:none}
/* Tone down the existing neon campaign illustration without changing its source or alt. */
body .product-detail-intro__media img[src*="/Meta_Ads"]{filter:grayscale(1) contrast(1.02)}
/* SEO split composition is retained; process boxes become an editorial sequence. */
body .seo-service-landing .seo-landing-hero{background:#edece5!important}
body .seo-service-landing .seo-landing-head h1{letter-spacing:-.035em!important;text-wrap:balance}
body .seo-service-landing .seo-landing-cover{border-radius:3px;box-shadow:none}
body .seo-service-landing .agency-decision-grid{gap:28px}
body .seo-service-landing .agency-decision-item{border:0;border-top:1px solid #8a9fa7;border-radius:0;background:transparent;padding:24px 0}
body .seo-service-landing .agency-decision-item span{color:#316b80;font-size:10px}
body .seo-service-landing .agency-decision-item strong{font-size:19px;letter-spacing:-.025em}
/* Corporate reading has section rules and a calm oversized title, without a giant white card. */
body .static-page-hero{background:#edece5!important}
body .static-page-hero h1{letter-spacing:-.035em!important;text-wrap:balance}
body .static-page-content .premium-rich{max-width:780px}
/* Tools hub: existing four articles and responsive grid, same destinations, editorial surfaces. */
body main>section.container:has(>div>article){padding-top:66px!important}
body main>section.container:has(>div>article)>div:first-child{max-width:980px!important;margin-bottom:46px!important}
body main>section.container:has(>div>article) h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(40px,4.5vw,64px)!important;line-height:1.06!important;letter-spacing:-.03em!important}
body main>section.container:has(>div>article)>div:first-child>div{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;color:#316b80!important;font-size:10px!important;letter-spacing:.15em!important}
body main>section.container:has(>div>article)>div:has(>article){gap:32px 48px!important}
body main>section.container:has(>div>article) article{border:0!important;border-top:1px solid #8a9fa7!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:28px 0 10px!important}
body main>section.container:has(>div>article) article h2{font-size:clamp(26px,2.3vw,34px)!important;font-weight:600;letter-spacing:-.035em!important;max-width:24ch}
body main>section.container:has(>div>article) article p{color:#44616c!important;max-width:57ch}
body main>section.container:has(>div>article) article a{background:#062735!important;border-radius:3px!important;align-self:flex-start;min-width:160px;padding-inline:24px;box-shadow:none;font-weight:600!important}
body main>section.container:has(>div>article) article a:hover{background:#16506a!important}
body main>section.container:has(>div>article)>section{border:0!important;border-top:1px solid #8a9fa7!important;border-radius:0!important;background:transparent!important;padding:32px 0!important;margin-top:48px!important}
/* Tool workbenches keep every field, input state and job interaction. */
body main:has(.html-audit-toggle-card){padding-top:64px!important}
body main:has(.html-audit-toggle-card)>section.container{max-width:1180px;padding:48px 24px 64px!important;margin-inline:auto}
body main:has(.html-audit-toggle-card)>section.container>.card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
body main:has(.html-audit-toggle-card) h1{font-family:'DM Serif Display',serif;font-size:clamp(36px,4vw,58px)!important;line-height:1.08;letter-spacing:-.035em!important;font-weight:400;margin-bottom:22px!important}
body main:has(.html-audit-toggle-card) form{background:#fff;border-top:2px solid #24677f;padding:28px;margin-block:28px}
body main:has(.html-audit-toggle-card) form input[type=url]{border-radius:3px!important;border-color:#8ca8b4!important}
body main:has(.html-audit-toggle-card) button[type=submit]{background:#062735!important;border-radius:3px!important;box-shadow:none!important}
body main:has(.html-audit-toggle-card) .html-audit-toggle-card{border-radius:4px;border-color:#a5bdc7;background:#edf3f4}
body main:has(.html-audit-toggle-card)>section.container>.card:not(:first-of-type){padding-top:32px!important;margin-top:32px;border-top:1px solid var(--agency-line)!important}
body .stc-wrap .seo-main-card,body .stc-wrap .seo-side-card{border-radius:4px;box-shadow:none;border-color:#acbec4}
body .stc-wrap .seo-main-card{border-top:2px solid #24677f}
body .stc-wrap h1{letter-spacing:-.035em!important}
/* Footer closes the page with the same navy/cream language. */
body footer.tbd-footer{padding-top:70px!important;padding-bottom:30px!important;border-top:1px solid #38525e}
body footer.tbd-footer .tbd-footer-grid{gap:44px}
body footer.tbd-footer .tbd-footer-col-title{color:#9dc6d6;letter-spacing:.14em;font-size:10px}
body footer.tbd-footer .tbd-footer-links a,body footer.tbd-footer .tbd-footer-contact a{color:#e0e9ec!important;line-height:1.65}
body footer.tbd-footer .tbd-footer-tagline,body footer.tbd-footer .tbd-footer-contact span,body footer.tbd-footer .tbd-footer-copy{color:#b9cbd2!important}
body footer.tbd-footer .tbd-footer-legal a{color:#c0d2d9!important}
body footer.tbd-footer a:hover{color:#fff!important}
@media(max-width:900px){
 body .service-detail-page .service-detail-hero h1,body .product-detail-page .product-detail-hero h1{letter-spacing:-.035em!important}
 body .service-detail-page .service-detail-intro__card,body .product-detail-page .product-detail-intro__card,body .seo-service-landing .premium-content-card,body .static-page-content>.premium-content-card{padding-inline:0!important}
 body .service-detail-products__grid{gap:24px}
 body main>section.container:has(>div>article)>div:has(>article){gap:24px}
 body footer.tbd-footer .tbd-footer-grid{gap:32px}
}
@media(max-width:640px){
 body main>section.container:has(>div>article){padding-top:42px!important}
 
 body main:has(.html-audit-toggle-card)>section.container{padding:36px 20px 64px!important}
 body main:has(.html-audit-toggle-card) form{padding:20px 16px}
 body .service-detail-intro__copy h2,body .product-detail-intro__copy h2,body .seo-landing-rich h2,body .static-page-content .premium-rich h2{padding-top:22px;margin-top:40px!important;font-size:29px!important}
 body .seo-service-landing .agency-decision-grid{gap:8px}
 body footer.tbd-footer{padding-top:48px!important}
}
@media(prefers-reduced-motion:reduce){body .tbd-btn-ink,body .tbd-btn-outline,body .tbd-direct-action{transition:none}}

/* 2026-09-26 frontend/CRO audit: presentation only; destinations and semantics are unchanged. */
/* P1: the generic service-row hover rule must never turn the Home title white on cream. */
body.home .home-page .home-service:hover .home-service__title,
body.home .home-page .home-service:focus-visible .home-service__title { color:#062735!important; }
body.home .home-page .home-service:focus-visible { background:#eae9e2; }
body.home .home-page .home-service:hover .home-service__desc,
body.home .home-page .home-service:focus-visible .home-service__desc { color:#315664!important; }

/* P1: one restrained editorial treatment for the existing service/product imagery. */
body .service-detail-intro__media,
body .product-detail-intro__media,
body .service-detail-product-card__media,
body .product-groups .prod-card-img { position:relative;isolation:isolate;overflow:hidden!important;background:#062735!important; }
body .service-detail-intro__media::after,
body .product-detail-intro__media::after,
body .service-detail-product-card__media::after,
body .product-groups .prod-card-img::after {
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
 background:linear-gradient(116deg,rgba(0,30,43,.64) 0%,rgba(0,55,75,.12) 52%,rgba(89,167,191,.22) 100%),
 repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(192,229,238,.08) 80px),
 repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(192,229,238,.06) 80px);
}
body .service-detail-intro__media img,
body .product-detail-intro__media img,
body .service-detail-product-card__media img,
body .product-groups .prod-card-img img {
 filter:grayscale(1) sepia(.2) hue-rotate(150deg) saturate(.8) contrast(1.14) brightness(.84)!important;
}
/* The dated whiteboard and playful llama recede behind original brand geometry; no stock/AI asset is introduced. */
body .service-detail-page[data-service="sosyal-medya-icerik"] .service-detail-intro__media img {opacity:0;filter:grayscale(1)!important;}
body .service-detail-page[data-service="sosyal-medya-icerik"] .service-detail-intro__media::before {
 content:"";position:absolute;z-index:1;inset:10% 22%;border:1px solid rgba(162,215,229,.46);border-radius:50%;pointer-events:none;
 background:radial-gradient(circle at 28% 30%,#91d0df 0 5px,transparent 6px),radial-gradient(circle at 70% 25%,#91d0df 0 4px,transparent 5px),radial-gradient(circle at 80% 67%,#91d0df 0 5px,transparent 6px),radial-gradient(circle at 23% 72%,#91d0df 0 4px,transparent 5px),radial-gradient(circle at 50% 50%,rgba(89,170,193,.27),transparent 54%);
 box-shadow:0 0 0 48px rgba(100,185,208,.05),inset 0 0 0 48px rgba(100,185,208,.06);
}
body .product-groups .prod-card[href*="/meta-ads/"] .prod-card-img img,
body .service-detail-page .service-detail-product-card[href*="/meta-ads/"] .service-detail-product-card__media img {opacity:0;}
body .product-groups .prod-card[href*="/meta-ads/"] .prod-card-img::before,
body .service-detail-page .service-detail-product-card[href*="/meta-ads/"] .service-detail-product-card__media::before {
 content:"";position:absolute;z-index:1;inset:19% 24%;border:1px solid rgba(162,215,229,.6);border-radius:50%;pointer-events:none;
 background:radial-gradient(circle at center,rgba(98,194,217,.5) 0 7%,transparent 8% 36%,rgba(98,194,217,.24) 37% 38%,transparent 39%);
 box-shadow:0 0 0 32px rgba(100,185,208,.08);
}
body .product-groups .prod-card-img {height:175px!important;border-radius:2px;}
body .product-groups .prod-card-img img {object-position:center!important;}
body .product-groups .prod-card {border:0!important;border-top:1px solid #8ea6ae!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;}
body .product-groups .prod-card:hover,body .product-groups .prod-card:focus-visible {background:#e9eeed!important;box-shadow:none!important;}
body .product-groups .prod-card-body {padding:20px 3px 24px!important;}
body .product-groups .prod-card-body h3 {font-size:clamp(19px,1.55vw,23px)!important;line-height:1.2;}
body .product-groups .prod-card-body p {color:#3f5c67!important;font-size:13px;}
body .product-groups .prod-card-body span {color:#24677f!important;}
body .product-groups .prod-group-head {border-bottom:1px solid #668693!important;}

/* P2: six equal service choices form a balanced editorial grid. */
body main section > div:has(> a[href="/dijital-pazarlama-ajansi/"]) {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
body main section > div:has(> a[href="/dijital-pazarlama-ajansi/"]) > a {min-height:190px;border-top:2px solid #7abbd1;}
body main section > div:has(> a[href="/dijital-pazarlama-ajansi/"]) > a:focus-visible {outline:2px solid #1684a5;outline-offset:3px;}

/* P2: intermediate tablet width keeps articles scannable. */
@media (min-width:700px) and (max-width:900px) {
 body.blog-page .blog-hero-inner {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:28px!important;}
 body.blog-page .blog-hero-left h1 {font-size:clamp(33px,4.8vw,43px)!important;}
 body.blog-page .blog-posts-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.blog-page .blog-post-img-wrap {height:175px!important;}
 body main section > div:has(> a[href="/dijital-pazarlama-ajansi/"]) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:699px) {
 body main section > div:has(> a[href="/dijital-pazarlama-ajansi/"]) {grid-template-columns:1fr!important;}
 body main section > div:has(> a[href="/dijital-pazarlama-ajansi/"]) > a {min-height:0;}
}
/* P2: the fixed mobile contact dock stays primary; the duplicated phone action reads as a secondary link. */
@media (max-width:640px) {
 body .service-detail-page .service-detail-hero .tbd-direct-actions {align-items:center;gap:8px 16px;}
 body .service-detail-page .service-detail-hero .tbd-direct-action--phone {background:transparent!important;border:0!important;border-bottom:1px solid #89bac9!important;border-radius:0!important;padding:8px 2px!important;box-shadow:none!important;min-height:44px;width:auto!important;}
 body .service-detail-page .service-detail-hero .tbd-direct-action--phone:hover {background:transparent!important;color:#b9e5ef!important;}
 body .product-groups .prod-card-img {height:168px!important;}
}
@media (prefers-reduced-motion:reduce) {
 body .product-groups .prod-card,body .product-groups .prod-card-img img,body .service-detail-page .service-detail-hero .tbd-direct-action {transition:none!important;transform:none!important;}
}

/* Customer journey: compact editorial decision aids, preserving the existing long-form content. */
body .customer-decision {
 width:min(100% - 40px,1120px);margin:clamp(38px,5vw,72px) auto;
 padding:26px 0 20px;border-top:2px solid #092c3a;border-bottom:1px solid #a7bcc0;
 color:#082b3a;
}
body .customer-decision__heading {display:flex;align-items:baseline;gap:24px;margin-bottom:18px;}
body .customer-decision__eyebrow {display:block;color:#176b87;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
body .customer-decision__heading h2 {margin:0;font:400 clamp(26px,3vw,38px)/1.14 "DM Serif Display",serif;letter-spacing:-.025em;color:#082b3a;}
body .customer-decision__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:0;}
body .customer-decision__grid > div {padding:16px 0 18px;border-top:1px solid #c7d3d3;min-width:0;}
body .customer-decision__grid dt {font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#176b87;margin-bottom:7px;}
body .customer-decision__grid dd {margin:0;font-size:15px;line-height:1.58;color:#2c4d59;}
body .customer-decision__footnote {margin:12px 0 0;font-size:13px;line-height:1.55;color:#48636c;}
body .customer-decision__footnote a {color:#075a79;text-decoration:underline;text-underline-offset:3px;}
body .customer-decision a:focus-visible,body .customer-choice a:focus-visible,body .blog-section-nav a:focus-visible,body .blog-decision-bridge a:focus-visible {outline:2px solid #087ca0;outline-offset:3px;}
body .customer-choice {width:min(100% - 40px,1120px);margin:32px auto 0;padding:18px 0 22px;border-top:1px solid #86a6b0;border-bottom:1px solid #c2d1d3;color:#2c4d59;}
body .customer-choice p {max-width:850px;margin:9px 0 0;font-size:15px;line-height:1.65;}
body .customer-choice a {color:#075a79;text-decoration:underline;text-underline-offset:3px;}
body .customer-choice--tools {margin-bottom:10px;}
body .customer-choice--tools ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 28px;margin:14px 0 0;padding:0;list-style:none;}
body .customer-choice--tools li {padding:10px 0;border-top:1px solid #c7d3d3;font-size:14px;line-height:1.55;}
body .customer-choice--tools strong {color:#092c3a;}
body .blog-section-nav {margin:32px 0 36px;padding:20px 0 22px;border-top:2px solid #092c3a;border-bottom:1px solid #b9c9cb;}
body .blog-section-nav[hidden] {display:none!important;}
body .blog-section-nav strong {display:block;margin-bottom:12px;font:400 25px/1.2 "DM Serif Display",serif;color:#092c3a;}
body .blog-section-nav ol {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 28px;margin:0;padding-left:20px;}
body .blog-section-nav li {font-size:13px;line-height:1.5;color:#3d5c66;}
body .blog-section-nav a {color:#075a79;text-decoration:none;border-bottom:1px solid #adcbd2;}
body .blog-detail-page .rich-content h2[id] {scroll-margin-top:100px;}
body .blog-decision-bridge {margin:28px 0;padding:17px 0;border-top:1px solid #8eafb9;border-bottom:1px solid #d0dcdd;font-size:14px;line-height:1.65;color:#2c4d59;}
body .blog-decision-bridge a {display:inline-block;margin-left:5px;color:#075a79;font-weight:700;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:700px) {
 body .customer-decision__heading {display:block;}
 body .customer-decision__heading h2 {margin-top:9px;}
 body .customer-decision__grid,body .customer-choice--tools ul,body .blog-section-nav ol {grid-template-columns:1fr;}
 body .customer-decision__grid dd {font-size:14px;}
 body .customer-decision {margin:38px auto;padding-top:21px;}
}