/* Haydi Creative public pages — Within-inspired editorial system */
.site-within-shell{--sw-paper:#f7f7f2;--sw-ink:#101211;--sw-blue:#1768ff;--sw-line:rgba(16,18,17,.18);--sw-muted:rgba(16,18,17,.62);--sw-serif:"Instrument Serif",Georgia,serif}
.site-within-shell .modal{z-index:5000!important}

.site-within-shell:not(.home-within){margin:0;background:var(--sw-paper);color:var(--sw-ink);overflow-x:clip}
.site-within-shell:not(.home-within) .ticker{display:none}
.site-within-shell:not(.home-within) .container{width:calc(100% - clamp(48px,7.6vw,144px));max-width:none;margin-inline:auto}
.site-within-shell:not(.home-within) .site-header{position:sticky;top:0;z-index:1000;border-top:3px solid var(--sw-ink);border-bottom:1px solid var(--sw-line);background:rgba(247,247,242,.94);box-shadow:none;backdrop-filter:blur(16px)}
.site-within-shell:not(.home-within) .header-inner{min-height:92px;padding:0}
.site-within-shell:not(.home-within) .logo{gap:.55rem;color:var(--sw-ink)}
.site-within-shell:not(.home-within) .logo-mark{width:29px;height:29px}.site-within-shell:not(.home-within) .logo-text{font-size:1.04rem;letter-spacing:-.05em}
.site-within-shell:not(.home-within) .main-nav{gap:clamp(1rem,1.65vw,2rem)}
.site-within-shell:not(.home-within) .main-nav>a,.site-within-shell:not(.home-within) .drop-btn{padding:0;border:0;background:transparent;color:var(--sw-ink);font-size:.78rem;font-weight:780;letter-spacing:-.02em}
.site-within-shell:not(.home-within) .main-nav>a:hover,.site-within-shell:not(.home-within) .drop-btn:hover{color:var(--sw-blue)}
.site-within-shell:not(.home-within) .header-cta{min-height:42px;padding:.7rem 1rem;border-radius:4px;background:var(--sw-blue);font-size:.72rem;box-shadow:none}
.site-within-shell:not(.home-within) .nav-cta{display:none}
.site-within-shell:not(.home-within) .drop-panel{top:calc(100% + 31px);min-width:290px;padding:1rem;border:1px solid var(--sw-line);border-radius:0;background:var(--sw-paper);box-shadow:0 24px 70px rgba(16,18,17,.1)}
.site-within-shell:not(.home-within) .drop-panel>a{padding:.78rem .6rem;border-bottom:1px solid var(--sw-line);font-size:.76rem}.site-within-shell:not(.home-within) .drop-title{display:none}

.site-within-shell:not(.home-within) main{background:var(--sw-paper)}
.site-within-shell:not(.home-within) main>section{padding:clamp(5.5rem,9vw,10rem) 0;border-bottom:1px solid var(--sw-line)}
.site-within-shell:not(.home-within) main>section:first-child{padding-top:clamp(5rem,8vw,8.5rem)}
.site-within-shell:not(.home-within) .section-title,.site-within-shell:not(.home-within) .ref-hero h1,.site-within-shell:not(.home-within) .sd-hero h1,.site-within-shell:not(.home-within) .contact-hero h1,.site-within-shell:not(.home-within) .prd-page h1{max-width:1100px;margin:0 0 1.5rem;font-family:"Satoshi",Arial,sans-serif;font-size:clamp(4rem,8vw,9rem);font-weight:470;line-height:.82;letter-spacing:-.075em;text-transform:none}
.site-within-shell:not(.home-within) .section-sub,.site-within-shell:not(.home-within) .ref-hero p,.site-within-shell:not(.home-within) .sd-hero p,.site-within-shell:not(.home-within) .contact-hero p{max-width:740px;color:var(--sw-muted);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55}
.site-within-shell:not(.home-within) .section-title em,.site-within-shell:not(.home-within) h1 em,.site-within-shell:not(.home-within) h2 em{color:var(--sw-blue);font-family:var(--sw-serif);font-weight:400}
.site-within-shell:not(.home-within) .about-statement{max-width:1140px;font-size:clamp(2rem,4.6vw,5.25rem);line-height:1.02;letter-spacing:-.055em}
.site-within-shell:not(.home-within) .about-badges{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5rem;border-block:1px solid var(--sw-line)}
.site-within-shell:not(.home-within) .about-badges span{padding:2rem 1.2rem;border-right:1px solid var(--sw-line);font-size:.72rem}.site-within-shell:not(.home-within) .about-badges b{display:block;margin-bottom:.4rem;color:var(--sw-blue);font-size:2.5rem}
.site-within-shell:not(.home-within) .about-story{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3.5rem);padding-top:2rem;border-top:1px solid var(--sw-line)}
.site-within-shell:not(.home-within) .about-story p{margin:0;color:var(--sw-muted);font-size:.96rem;line-height:1.7}

.site-within-shell:not(.home-within) .svc-grid-page,.site-within-shell:not(.home-within) .ref-grid,.site-within-shell:not(.home-within) .prd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:4rem;border-top:1px solid var(--sw-line);border-left:1px solid var(--sw-line)}
.site-within-shell:not(.home-within) .ss-card,.site-within-shell:not(.home-within) .ref-card,.site-within-shell:not(.home-within) .prd-card{min-height:270px;padding:2rem;border-right:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line);border-radius:0;background:transparent;box-shadow:none;transition:background .25s,color .25s,transform .25s}
.site-within-shell:not(.home-within) .ss-card:hover,.site-within-shell:not(.home-within) .ref-card:hover,.site-within-shell:not(.home-within) .prd-card:hover{z-index:2;background:var(--sw-blue);color:#fff;transform:none}
.site-within-shell:not(.home-within) .ss-card h3,.site-within-shell:not(.home-within) .ref-card h3,.site-within-shell:not(.home-within) .prd-card h3{font-size:clamp(1.5rem,2vw,2.3rem);font-weight:600;letter-spacing:-.04em}
.site-within-shell:not(.home-within) .ss-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:3rem;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit}
.site-within-shell:not(.home-within) .logo-grid{border-color:var(--sw-line);background:transparent}.site-within-shell:not(.home-within) .logo-cell{min-height:150px;border-color:var(--sw-line);background:transparent;filter:grayscale(1);transition:filter .25s,background .25s}.site-within-shell:not(.home-within) .logo-cell:hover{filter:none;background:#fff}

.site-within-shell:not(.home-within) .blog-discovery-head{display:grid;grid-template-columns:1.15fr .85fr;gap:6rem;align-items:end}.site-within-shell:not(.home-within) .blog-discovery-head h1{margin:0;font-size:clamp(4.5rem,9vw,9rem);font-weight:480;line-height:.82;letter-spacing:-.08em}.site-within-shell:not(.home-within) .blog-discovery-head h1 span{color:var(--sw-blue);font-family:var(--sw-serif);font-weight:400}.site-within-shell:not(.home-within) .blog-discovery-head p{color:var(--sw-muted);font-size:1.05rem;line-height:1.6}
.site-within-shell:not(.home-within) .blog-tools{margin:4rem 0 2rem;border-block:1px solid var(--sw-line);background:transparent}.site-within-shell:not(.home-within) .blog-page-grid{gap:1.5rem}.site-within-shell:not(.home-within) .b-card{border:0;border-radius:0;background:transparent;box-shadow:none}.site-within-shell:not(.home-within) .b-media{border-radius:5px}.site-within-shell:not(.home-within) .b-body{padding:1.2rem 0 2rem}.site-within-shell:not(.home-within) .b-body h2{font-size:1.45rem;letter-spacing:-.04em}
.site-within-shell:not(.home-within) .office-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px}.site-within-shell:not(.home-within) .office p a{color:inherit}.site-within-shell:not(.home-within) .office p a:hover{color:var(--sw-blue)}.site-within-shell:not(.home-within) .of-media--map{display:grid;place-items:center;padding:clamp(2rem,4vw,4rem);background:#eef2f7}.site-within-shell:not(.home-within) .of-media--map img{object-fit:contain;filter:grayscale(1) opacity(.65)}

.site-within-shell:not(.home-within) .cta-band{border:0;background:#111311;color:#fff}.site-within-shell:not(.home-within) .cta-box{min-height:460px;padding:clamp(3rem,7vw,7rem);border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none}.site-within-shell:not(.home-within) .cta-box h2{font-size:clamp(3rem,6vw,7rem);font-weight:470;line-height:.9;letter-spacing:-.07em}.site-within-shell:not(.home-within) .cta-box h2 em{color:var(--sw-blue)}

.site-within-shell:not(.home-within) .site-footer{padding:5rem 0 1.4rem;border-top:1px solid var(--sw-line);background:var(--sw-paper);color:var(--sw-ink)}
.site-within-shell:not(.home-within) .footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(2rem,5vw,6rem)}.site-within-shell:not(.home-within) .footer-brand p,.site-within-shell:not(.home-within) .footer-col a{color:var(--sw-muted);font-size:.72rem}.site-within-shell:not(.home-within) .footer-col h4{font-size:.6rem;letter-spacing:.13em}.site-within-shell:not(.home-within) .footer-bottom{margin-top:4rem;padding-top:1.3rem;border-top:1px solid var(--sw-line);color:var(--sw-muted);font-size:.66rem}

/* Ortak içerik rayları: başlık, açıklama ve gövde bütün iç sayfalarda aynı hizada. */
.site-within-shell:not(.home-within) .logo-mark path{fill:var(--sw-blue)!important}.site-within-shell:not(.home-within) .logo-text b{color:var(--sw-blue)!important}
.site-within-shell:not(.home-within) .section-title,.site-within-shell:not(.home-within) .section-sub{margin-left:0;margin-right:0;text-align:left}
.site-within-shell:not(.home-within) .svc-page>.container,.site-within-shell:not(.home-within) .ref-hero>.container,.site-within-shell:not(.home-within) .contact-hero>.container{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);column-gap:clamp(3rem,7vw,8rem);align-items:end}
.site-within-shell:not(.home-within) .svc-page>.container>.section-title,.site-within-shell:not(.home-within) .ref-hero>.container>.section-title,.site-within-shell:not(.home-within) .contact-hero>.container>.section-title{grid-column:1;align-self:end}
.site-within-shell:not(.home-within) .svc-page>.container>.section-sub,.site-within-shell:not(.home-within) .ref-hero>.container>.section-sub,.site-within-shell:not(.home-within) .contact-hero>.container>.section-sub{grid-column:2;align-self:end;margin-bottom:2rem}
.site-within-shell:not(.home-within) .svc-page>.container>:not(.section-title):not(.section-sub),.site-within-shell:not(.home-within) .ref-hero>.container>:not(.section-title):not(.section-sub),.site-within-shell:not(.home-within) .contact-hero>.container>:not(.section-title):not(.section-sub){grid-column:1/-1}
.site-within-shell:not(.home-within) .svc-grid-page{max-width:none!important;margin-inline:0!important}
.site-within-shell:not(.home-within) .ss-card.ss-cta{background:var(--sw-blue)!important;color:#fff!important}.site-within-shell:not(.home-within) .ss-card.ss-cta:hover{background:#0b4fd7!important}.site-within-shell:not(.home-within) .ss-card.ss-cta h3,.site-within-shell:not(.home-within) .ss-card.ss-cta p{color:#fff!important}
.site-within-shell:not(.home-within) .about>.container,.site-within-shell:not(.home-within) .ref-stats>.container{display:block}.site-within-shell:not(.home-within) .about-statement{margin-left:0;margin-right:0}

/* Blog detayında okunabilir, ortalanmış okuma ölçüsü. */
.site-within-shell:not(.home-within) .post{padding:clamp(4rem,7vw,7rem) 0}.site-within-shell:not(.home-within) .post-narrow{width:min(900px,calc(100% - 48px));max-width:900px!important;margin-inline:auto}.site-within-shell:not(.home-within) .post-title{font-size:clamp(2.6rem,4.6vw,4.65rem);line-height:.98;letter-spacing:-.06em}.site-within-shell:not(.home-within) .post-hero{aspect-ratio:16/9;height:auto;border-radius:6px}.site-within-shell:not(.home-within) .post-body{max-width:720px;margin:clamp(2.5rem,5vw,4.5rem) auto 0}.site-within-shell:not(.home-within) .post-body p{font-size:1.04rem;line-height:1.8}.site-within-shell:not(.home-within) .post-cta{max-width:720px;margin:3rem auto 0}

/* Görselsiz ve daha kurumsal ofis adresleri. */
.site-within-shell:not(.home-within) .office-grid--two{gap:0;border-top:1px solid var(--sw-line);border-left:1px solid var(--sw-line)}.site-within-shell:not(.home-within) .office-grid--two .office{min-height:250px;padding:clamp(2rem,4vw,4rem);border-right:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line);text-align:left}.site-within-shell:not(.home-within) .office-grid--two .office-code{display:block;margin-bottom:clamp(3rem,7vw,6rem);color:var(--sw-blue);font-size:.66rem;font-weight:850;letter-spacing:.13em}.site-within-shell:not(.home-within) .office-grid--two .office h3{font-size:clamp(1.7rem,2.5vw,2.8rem);letter-spacing:-.045em}.site-within-shell:not(.home-within) .office-grid--two .office p{max-width:420px;font-size:.88rem;line-height:1.65}

@media(prefers-reduced-motion:no-preference){.site-within-shell:not(.home-within) main>section:first-child h1{animation:sw-title .8s cubic-bezier(.2,.8,.2,1) both}.site-within-shell:not(.home-within) main>section:first-child p{animation:sw-title .8s .1s cubic-bezier(.2,.8,.2,1) both}@keyframes sw-title{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}}

@media(max-width:1050px){.site-within-shell:not(.home-within) .main-nav{gap:1rem}.site-within-shell:not(.home-within) .main-nav>a,.site-within-shell:not(.home-within) .drop-btn{font-size:.69rem}.site-within-shell:not(.home-within) .svc-grid-page,.site-within-shell:not(.home-within) .ref-grid,.site-within-shell:not(.home-within) .prd-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-within-shell:not(.home-within) .container{width:calc(100% - 32px)}.site-within-shell:not(.home-within) .header-inner{min-height:74px}.site-within-shell:not(.home-within) .header-cta{display:none}.site-within-shell:not(.home-within) .burger{display:flex}.site-within-shell:not(.home-within) .main-nav{position:fixed;top:0;left:0;z-index:60;width:min(370px,88vw);height:100dvh;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:5.5rem 1.5rem 2rem;overflow:auto;background:var(--sw-paper);visibility:hidden;transform:translateX(-105%)}.site-within-shell:not(.home-within) .site-header.nav-open .main-nav{visibility:visible;transform:none}.site-within-shell:not(.home-within) .main-nav>a,.site-within-shell:not(.home-within) .drop-btn{display:flex;width:100%;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--sw-line);font-size:1rem}.site-within-shell:not(.home-within) .nav-drop{width:100%}.site-within-shell:not(.home-within) .drop-panel{position:static;display:none;padding:0 0 0 .7rem;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.site-within-shell:not(.home-within) .nav-drop.open .drop-panel{display:block}.site-within-shell:not(.home-within) .about-story,.site-within-shell:not(.home-within) .blog-discovery-head{grid-template-columns:1fr;gap:2rem}.site-within-shell:not(.home-within) .about-badges{grid-template-columns:1fr 1fr}.site-within-shell:not(.home-within) .footer-grid{grid-template-columns:1fr 1fr}.site-within-shell:not(.home-within) .footer-brand{grid-column:1/-1}.site-within-shell:not(.home-within) .svc-page>.container,.site-within-shell:not(.home-within) .ref-hero>.container,.site-within-shell:not(.home-within) .contact-hero>.container{grid-template-columns:1fr;gap:1.25rem}.site-within-shell:not(.home-within) .svc-page>.container>.section-title,.site-within-shell:not(.home-within) .ref-hero>.container>.section-title,.site-within-shell:not(.home-within) .contact-hero>.container>.section-title,.site-within-shell:not(.home-within) .svc-page>.container>.section-sub,.site-within-shell:not(.home-within) .ref-hero>.container>.section-sub,.site-within-shell:not(.home-within) .contact-hero>.container>.section-sub{grid-column:1;margin-bottom:0}.site-within-shell:not(.home-within) .post-narrow{width:calc(100% - 32px)}}
@media(max-width:620px){.site-within-shell:not(.home-within) .container{width:calc(100% - 24px)}.site-within-shell:not(.home-within) main>section{padding:5rem 0}.site-within-shell:not(.home-within) .section-title,.site-within-shell:not(.home-within) .ref-hero h1,.site-within-shell:not(.home-within) .sd-hero h1,.site-within-shell:not(.home-within) .contact-hero h1,.site-within-shell:not(.home-within) .prd-page h1{font-size:clamp(3.5rem,18vw,5.4rem)}.site-within-shell:not(.home-within) .svc-grid-page,.site-within-shell:not(.home-within) .ref-grid,.site-within-shell:not(.home-within) .prd-grid,.site-within-shell:not(.home-within) .office-grid--two{grid-template-columns:1fr}.site-within-shell:not(.home-within) .ss-card,.site-within-shell:not(.home-within) .ref-card,.site-within-shell:not(.home-within) .prd-card{min-height:230px}.site-within-shell:not(.home-within) .footer-grid{grid-template-columns:1fr}.site-within-shell:not(.home-within) .about-badges{grid-template-columns:1fr}.site-within-shell:not(.home-within) .about-badges span{border-right:0;border-bottom:1px solid var(--sw-line)}}

/* Tek site kabuğu: ana sayfa ve bütün iç sayfalarda aynı navigasyon/footer. */
.site-within-shell .scroll-progress{display:none!important}
.site-within-shell .within-site-header{position:sticky!important;top:0!important;z-index:3000!important;border-top:3px solid #101211!important;border-bottom:1px solid rgba(16,18,17,.16)!important;background:rgba(247,247,242,.96)!important;box-shadow:none!important;backdrop-filter:blur(16px)}
.site-within-shell .within-site-header .header-inner{min-height:84px!important;padding:0!important}
.site-within-shell .within-site-header .logo-mark{width:28px!important;height:28px!important}.site-within-shell .within-site-header .logo-mark path,.site-within-shell .within-footer .logo-mark path{fill:#1768ff!important}.site-within-shell .within-site-header .logo-text b,.site-within-shell .within-footer .logo-text b{color:#1768ff!important}
.site-within-shell .within-site-header .main-nav{gap:clamp(1.35rem,2.2vw,3rem)!important}.site-within-shell .within-site-header .main-nav>a,.site-within-shell .within-site-header .drop-btn,.site-within-shell .within-site-header .nav-cta{padding:0;border:0;background:transparent;color:#101211;font-size:.82rem;font-weight:780}.site-within-shell .within-site-header .main-nav>a:hover,.site-within-shell .within-site-header .main-nav>a.is-active,.site-within-shell .within-site-header .drop-btn:hover{color:#1768ff}.site-within-shell .within-site-header .nav-cta{display:none}
.site-within-shell .within-site-header .header-cta{display:inline-flex;align-items:center;gap:.65rem;min-height:auto;padding:0;border:0;background:transparent;color:#101211;font-size:.82rem;font-weight:800;box-shadow:none}.site-within-shell .within-site-header .header-cta i{display:block;width:9px;height:9px;border-radius:50%;background:#1768ff}
.site-within-shell .within-footer{position:relative;overflow:hidden;padding:clamp(5rem,8vw,8rem) 0 1.4rem!important;border-top:1px solid rgba(16,18,17,.18)!important;background:#f7f7f2!important;color:#101211!important}.site-within-shell .within-footer a{color:#101211}.site-within-shell .within-footer .logo-text{color:#101211}
.site-within-shell .within-footer__top{display:grid;grid-template-columns:1.05fr 1.45fr;gap:clamp(4rem,9vw,10rem);padding-bottom:4.5rem;border-bottom:1px solid rgba(16,18,17,.18)}.site-within-shell .within-footer__newsletter>b,.site-within-shell .within-footer__nav b{font-size:.6rem;letter-spacing:.12em}.site-within-shell .within-footer__newsletter>p{max-width:430px;margin:1rem 0 1.8rem;font-size:1rem;line-height:1.55}.site-within-shell .within-footer__actions{display:flex;flex-wrap:wrap;gap:.6rem}.site-within-shell .within-footer__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.site-within-shell .within-footer__nav div{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.site-within-shell .within-footer__nav b{margin-bottom:.7rem}.site-within-shell .within-footer__nav a{font-size:.76rem}.site-within-shell .within-footer__nav a:hover{color:#1768ff}.site-within-shell .within-footer__offices{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:3rem;align-items:start;padding-block:2.4rem}.site-within-shell .within-footer__offices address{display:flex;flex-direction:column;gap:.45rem;margin:0}.site-within-shell .within-footer__offices address b{font-size:.62rem;letter-spacing:.1em}.site-within-shell .within-footer__offices address span,.site-within-shell .within-footer__offices address a{color:rgba(16,18,17,.62);font-size:.7rem;line-height:1.45}.site-within-shell .within-footer__contact{display:flex;flex-direction:column;gap:.45rem}.site-within-shell .within-footer__contact a{font-size:.74rem;font-weight:700}.site-within-shell .within-footer .socials{display:flex;gap:.4rem}.site-within-shell .within-footer .socials a{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(16,18,17,.18);border-radius:50%;background:transparent}.site-within-shell .within-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;margin:0;padding-top:1.3rem;border-top:1px solid rgba(16,18,17,.18);color:rgba(16,18,17,.62);font-size:.67rem}

/* İç sayfalarda okunabilir ve tutarlı tipografik ölçek. */
.site-within-shell:not(.home-within) .section-title,.site-within-shell:not(.home-within) .ref-hero h1,.site-within-shell:not(.home-within) .sd-hero h1,.site-within-shell:not(.home-within) .contact-hero h1,.site-within-shell:not(.home-within) .prd-page h1,.site-within-shell:not(.home-within) .blog-discovery-head h1{max-width:980px;font-size:clamp(3.25rem,5.8vw,6.25rem);line-height:.9}
.site-within-shell:not(.home-within) .about-statement{max-width:1120px;font-size:clamp(2rem,3.65vw,4.25rem);line-height:1.04}
.site-within-shell:not(.home-within) .ss-card:hover *,.site-within-shell:not(.home-within) .ref-card:hover *,.site-within-shell:not(.home-within) .prd-card:hover *{color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.site-within-shell:not(.home-within) .logo-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sw-line);border-left:1px solid var(--sw-line)}.site-within-shell:not(.home-within) .logo-cell{display:grid;min-height:145px;place-items:center;padding:1.6rem;border-right:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line)}.site-within-shell:not(.home-within) .logo-cell img{width:auto;max-width:82%;height:auto;max-height:58px;object-fit:contain;filter:grayscale(1) brightness(.38) contrast(1.35)!important;opacity:.95}
.site-within-shell:not(.home-within) .current-reference-wall+.logo-wall{display:none!important}
@media(max-width:900px){.site-within-shell .within-site-header .header-inner{min-height:72px!important}.site-within-shell .within-site-header .header-cta{display:none}.site-within-shell .within-footer__top{grid-template-columns:1fr}.site-within-shell .within-footer__offices{grid-template-columns:1fr 1fr}.site-within-shell:not(.home-within) .logo-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.site-within-shell:not(.home-within) .section-title,.site-within-shell:not(.home-within) .ref-hero h1,.site-within-shell:not(.home-within) .sd-hero h1,.site-within-shell:not(.home-within) .contact-hero h1,.site-within-shell:not(.home-within) .prd-page h1,.site-within-shell:not(.home-within) .blog-discovery-head h1{font-size:clamp(2.7rem,13vw,4.2rem);line-height:.92}.site-within-shell:not(.home-within) .about-statement{font-size:clamp(1.75rem,8.8vw,2.8rem)}.site-within-shell .within-footer__nav{grid-template-columns:1fr 1fr}.site-within-shell .within-footer__nav div:last-child{grid-column:1/-1}.site-within-shell .within-footer__offices{grid-template-columns:1fr}.site-within-shell:not(.home-within) .logo-wall{grid-template-columns:repeat(2,1fr)}.site-within-shell:not(.home-within) .logo-cell{min-height:105px;padding:1rem}}

/* Within referansından türetilen hizmet detay şablonu */
.public-service-page main>section:first-child{padding:0 0 clamp(4rem,7vw,7rem)!important}.public-service-page .sd-hero>.container{position:relative;display:flex;min-height:clamp(520px,65vh,720px);flex-direction:column;justify-content:flex-end;margin-top:1rem;padding:clamp(2rem,5vw,5rem);overflow:hidden;border-radius:8px;background-image:linear-gradient(180deg,rgba(3,8,13,.06) 10%,rgba(3,8,13,.82) 100%),var(--service-hero);background-position:center;background-size:cover;color:#fff}.public-service-page .sd-hero h1{max-width:820px;margin:0 0 1rem;color:#fff;font-size:clamp(3.4rem,6.4vw,7.2rem);font-weight:480;line-height:.86;letter-spacing:-.075em}.public-service-page .sd-hero .lead{max-width:650px;margin:0 0 1.8rem;color:rgba(255,255,255,.82);font-size:1rem;line-height:1.55}.public-service-page .sd-hero .pr-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:1.4rem;border:1px solid rgba(255,255,255,.6);border-radius:50%;color:#fff}.public-service-page .sd-hero .hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.public-service-page .sd-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--sw-line);border-left:1px solid var(--sw-line)}.public-service-page .pr-feats,.public-service-page .sd-side{padding:clamp(2rem,4vw,4rem);border-right:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line)}.public-service-page .pr-feats>h4,.public-service-page .sd-side>h4{margin:0 0 2.5rem;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.public-service-page .pr-feats ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.public-service-page .pr-feats li{padding:1rem 0;border-bottom:1px solid var(--sw-line);font-size:clamp(1.05rem,1.5vw,1.35rem)}.public-service-page .sd-step{display:grid;grid-template-columns:42px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--sw-line)}.public-service-page .sd-step>b{color:#1768ff}.public-service-page .sd-step h5{margin:0 0 .35rem;font-size:1rem}.public-service-page .sd-step p{margin:0;color:var(--sw-muted);font-size:.82rem;line-height:1.5}.public-service-page .tech-strip{background:#111311;color:#fff}.public-service-page .tech-strip .section-title{color:#fff;font-size:clamp(2.8rem,5vw,5.5rem)}.public-service-page .tech-grid{display:flex;flex-wrap:wrap;gap:.6rem}.public-service-page .tech-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff}.public-service-page .tech-chip i{color:#fff!important}

/* Hakkımızda: kontrollü başlık, marka şeridi ve editoryal hikâye. */
.site-within-shell:not(.home-within) .about{padding-top:clamp(5rem,8vw,8rem)}.site-within-shell:not(.home-within) .about>.container{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,7vw,8rem);align-items:start}.site-within-shell:not(.home-within) .about .section-title{font-family:"Satoshi",Arial,sans-serif;font-size:clamp(3.2rem,6vw,6.4rem);text-align:left}.site-within-shell:not(.home-within) .about-statement{margin:0}.site-within-shell:not(.home-within) .about-badges{grid-column:1/-1;margin-top:2rem}.site-within-shell:not(.home-within) .dual-strip{margin-top:clamp(4rem,7vw,7rem)}

/* Influencer sayfası: başlık ve form aynı rayda, başlıklar ekrana taşmaz. */
.site-within-shell:not(.home-within) .svc-page>.container{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);row-gap:clamp(3rem,6vw,6rem)}.site-within-shell:not(.home-within) .svc-page .svc-grid-page{grid-column:1/-1;margin-top:0}.site-within-shell:not(.home-within) .contact-hero{padding-top:clamp(5rem,8vw,8rem)!important}.site-within-shell:not(.home-within) .contact-form{grid-column:1/-1;width:min(900px,100%);margin:clamp(2.5rem,5vw,5rem) auto 0;padding:clamp(1.5rem,3vw,3rem);border:1px solid var(--sw-line);border-radius:6px;background:#fff}.site-within-shell:not(.home-within) .contact-form input,.site-within-shell:not(.home-within) .contact-form select,.site-within-shell:not(.home-within) .contact-form textarea{min-height:54px;border-color:var(--sw-line);border-radius:4px;background:#f5f7fb;font-size:16px}

/* Referans sayfası: görsel girişten alfabetik logo arşivine net akış. */
.site-within-shell:not(.home-within) .ref-hero>.container{grid-template-columns:.82fr 1.18fr}.site-within-shell:not(.home-within) .ref-mosaic{grid-column:1/-1;margin-top:clamp(3rem,6vw,6rem)}.site-within-shell:not(.home-within) .ref-stats .section-title{font-size:clamp(2.8rem,4.8vw,5rem)}.site-within-shell:not(.home-within) .score-board{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--sw-line);border-left:1px solid var(--sw-line)}.site-within-shell:not(.home-within) .score{padding:2rem;border-right:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line)}

@media(max-width:900px){.public-service-page .sd-grid,.site-within-shell:not(.home-within) .about>.container{grid-template-columns:1fr}.site-within-shell:not(.home-within) .about-badges{grid-column:1}.site-within-shell:not(.home-within) .score-board{grid-template-columns:1fr 1fr}.site-within-shell:not(.home-within) .ref-hero>.container{grid-template-columns:1fr}}
@media(max-width:620px){.public-service-page .sd-hero>.container{min-height:560px;margin-top:.5rem;padding:1.4rem}.public-service-page .sd-hero h1{font-size:clamp(3rem,14vw,4.6rem)}.public-service-page .sd-hero .hero-actions .btn{width:100%}.site-within-shell:not(.home-within) .score-board{grid-template-columns:1fr}.site-within-shell:not(.home-within) .about .section-title{font-size:3.25rem}.site-within-shell:not(.home-within) .contact-form{padding:1rem}.site-within-shell:not(.home-within) .field-row{grid-template-columns:1fr}}
.about-reference-run{margin-top:clamp(4rem,7vw,7rem);overflow:hidden;border-block:1px solid var(--sw-line)}.about-reference-track{display:flex;width:max-content;align-items:center;gap:clamp(3rem,6vw,7rem);padding:2.7rem clamp(3rem,6vw,7rem) 2.7rem 0;animation:about-logo-run 42s linear infinite}.about-reference-track img{width:auto;height:34px;max-width:135px;object-fit:contain;filter:grayscale(1) brightness(.4) contrast(1.35)}.about-reference-run+.legacy-about-strip{display:none}@keyframes about-logo-run{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* Son responsive ray: iki kolonlu editoryal girişler mobilde tek kolona iner. */
@media(max-width:900px){
  .site-within-shell:not(.home-within) .svc-page>.container,
  .site-within-shell:not(.home-within) .ref-hero>.container,
  .site-within-shell:not(.home-within) .contact-hero>.container{grid-template-columns:minmax(0,1fr)!important}
  .site-within-shell:not(.home-within) .svc-page>.container>.section-title,
  .site-within-shell:not(.home-within) .svc-page>.container>.section-sub,
  .site-within-shell:not(.home-within) .ref-hero>.container>.section-title,
  .site-within-shell:not(.home-within) .ref-hero>.container>.section-sub,
  .site-within-shell:not(.home-within) .contact-hero>.container>.section-title,
  .site-within-shell:not(.home-within) .contact-hero>.container>.section-sub{width:100%;max-width:none;grid-column:1!important}
}

/* Ortak navigasyon, footer ve içerik son düzenlemeleri */
.site-within-shell .within-site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-within-shell .within-main-nav{gap:clamp(.55rem,1.05vw,1.15rem)}
.site-within-shell .within-main-nav>a,.site-within-shell .within-main-nav .drop-btn{font-size:clamp(.62rem,.72vw,.72rem);white-space:nowrap}
.site-within-shell .within-footer__actions .within-link{display:inline-flex!important;align-items:center;gap:.55rem;width:max-content;padding:.82rem 1rem;border:1px solid rgba(16,18,17,.22);border-radius:4px;background:transparent;color:#101211!important;font-family:inherit;font-size:.76rem;font-weight:800;line-height:1;cursor:pointer}
.site-within-shell .within-footer__actions .within-link>i{display:block;width:8px;height:8px;border-radius:50%;background:#1768ff}
.site-within-shell .within-footer__actions .within-link:hover{border-color:#1768ff;background:#1768ff;color:#fff!important}.site-within-shell .within-footer__actions .within-link:hover>i{background:#fff}
.site-within-shell .within-discover-cursor{position:fixed;left:0;top:0;z-index:4500;display:grid;width:14px;height:14px;place-items:center;border-radius:50%;background:#1768ff;color:#fff;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0) translate(-50%,-50%);transition:width .2s ease,height .2s ease,opacity .14s ease;will-change:transform}
.site-within-shell .within-discover-cursor span{opacity:0;font-size:.72rem;font-weight:850;transition:opacity .12s ease}.site-within-shell .within-discover-cursor.is-visible{opacity:1}.site-within-shell .within-discover-cursor.is-explore{width:86px;height:86px}.site-within-shell .within-discover-cursor.is-explore span{opacity:1}.site-within-shell .has-discover-cursor{cursor:none}
@media(pointer:coarse){.site-within-shell .within-discover-cursor{display:none}}

@media(max-width:1180px){.site-within-shell .within-site-header .header-cta{display:none}.site-within-shell .within-site-header .burger{display:flex}.site-within-shell .within-site-header .main-nav{position:fixed;top:0;left:0;z-index:60;width:min(390px,90vw);height:100dvh;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:5.5rem 1.5rem 2rem;overflow:auto;background:#f7f7f2;visibility:hidden;transform:translateX(-105%)}.site-within-shell .within-site-header.nav-open .main-nav{visibility:visible;transform:none}.site-within-shell .within-site-header .main-nav>a,.site-within-shell .within-site-header .drop-btn{display:flex;width:100%;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(16,18,17,.18);font-size:1rem}.site-within-shell .within-site-header .nav-drop{width:100%}.site-within-shell .within-site-header .drop-panel{position:static;display:none;padding:0 0 0 .7rem;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.site-within-shell .within-site-header .nav-drop.open .drop-panel{display:block}}

/* Hizmet detaylarında okunaklı, görselsiz renk alanı */
.public-service-page .sd-hero>.container{min-height:clamp(430px,52vh,580px);background-image:radial-gradient(circle at 82% 18%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#0d47bc 0%,#1768ff 58%,#5795ff 100%)!important}
.public-service-page .sd-hero .lead{color:rgba(255,255,255,.92)}

/* Hakkımızda referansları hareketli şerit yerine dengeli grid */
.site-within-shell .about-reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:clamp(3rem,6vw,6rem);border-top:1px solid var(--sw-line);border-left:1px solid var(--sw-line)}
.site-within-shell .about-reference-cell{display:grid;min-height:110px;place-items:center;padding:1rem;border-right:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line)}
.site-within-shell .about-reference-cell img{width:auto;max-width:78%;height:auto;max-height:42px;object-fit:contain;filter:grayscale(1) brightness(.4) contrast(1.3)}
.site-within-shell .legacy-about-strip{display:none!important}

/* Referans sayfasında çalışmaları ve logoları daha erken, daha kompakt göster */
.site-within-shell .refs--legacy{display:none!important}.site-within-shell .reference-cases{padding:clamp(4rem,7vw,7rem) 0}.reference-cases__head{display:grid;grid-template-columns:180px 1fr;gap:2rem;align-items:start;margin-bottom:2.5rem}.reference-cases__head>span,.compact-reference-head>span{color:#1768ff;font-size:.62rem;font-weight:900;letter-spacing:.13em}.reference-cases__head h2,.compact-reference-head h2{max-width:760px;margin:0;font-size:clamp(2.6rem,5vw,5.4rem);font-weight:500;line-height:.9;letter-spacing:-.065em}.reference-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.reference-case{scroll-margin-top:110px}.reference-case__media{display:block;aspect-ratio:1/.82;overflow:hidden;border-radius:6px;background:#e8ecf4}.reference-case__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.reference-case__media:hover img{transform:scale(1.025)}.reference-case>div{padding:1.1rem .1rem}.reference-case small{color:#1768ff;font-size:.58rem;font-weight:900;letter-spacing:.1em}.reference-case h3{margin:.45rem 0 .55rem;font-size:1.5rem}.reference-case p{margin:0 0 .8rem;color:var(--sw-muted);font-size:.8rem;line-height:1.55}.reference-case a{font-size:.72rem;font-weight:800}.refs--compact{padding:clamp(4rem,7vw,7rem) 0}.compact-reference-head{display:grid;grid-template-columns:180px 1fr;gap:2rem;align-items:start;margin-bottom:2rem}.refs--compact .logo-wall{grid-template-columns:repeat(6,minmax(0,1fr))!important}.refs--compact .logo-cell{min-height:92px!important;padding:.85rem!important}.refs--compact .logo-cell img{max-width:72%!important;max-height:36px!important}

/* Alt içeriklerin ilk çizimde maliyetini azaltır */

@media(max-width:900px){.site-within-shell .about-reference-grid{grid-template-columns:repeat(4,1fr)}.reference-case-grid{grid-template-columns:1fr 1fr}.reference-case:last-child{grid-column:1/-1}.refs--compact .logo-wall{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:620px){
  .site-within-shell .within-footer,.site-within-shell .within-footer__newsletter,.site-within-shell .within-footer__nav div,.site-within-shell .within-footer__offices address,.site-within-shell .within-footer__contact{align-items:center;text-align:center}
  .site-within-shell .within-footer__top{justify-items:center}.site-within-shell .within-footer__newsletter>p{margin-inline:auto}.site-within-shell .within-footer__actions,.site-within-shell .within-footer .socials{justify-content:center}.site-within-shell .within-footer__nav{width:100%}.site-within-shell .within-footer__nav div:last-child{justify-self:center;width:100%}.site-within-shell .within-footer__offices{justify-items:center}.site-within-shell .within-footer .footer-bottom{flex-direction:column;gap:.8rem;text-align:center}
  .site-within-shell .about-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-within-shell .about-reference-cell{min-width:0;min-height:84px}.reference-cases__head,.compact-reference-head{grid-template-columns:1fr;gap:.8rem}.reference-case-grid{grid-template-columns:1fr}.reference-case:last-child{grid-column:auto}.refs--compact .logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important}.refs--compact .logo-cell{min-width:0;min-height:76px!important}.public-service-page .sd-hero>.container{min-height:480px}
}

/* Dosyanın sonundaki eski mobil kurallara karşı kesin taşma koruması. */
@media(max-width:1180px){
  .site-within-shell .within-site-header .main-nav .mobile-nav-quote{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:54px!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;padding:1rem 1.3rem!important;overflow:hidden!important}
  .site-within-shell .within-site-header .main-nav .mobile-nav-quote i{flex:0 0 auto!important;margin-left:auto!important}
}

/* En son katman: eski tema kurallarının kritik yeni yerleşimleri ezmesini engeller. */
@media(min-width:1181px){
  .site-within-shell .within-site-header .within-main-nav>a,
  .site-within-shell .within-site-header .within-main-nav .drop-btn,
  .site-within-shell .within-site-header .within-main-nav .drop-btn b{
    font-family:"Satoshi",Arial,sans-serif!important;
    font-size:1rem!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
  }
}
.references-page .ref-hero{padding:clamp(4.5rem,8vw,8rem) 0 clamp(2.5rem,4vw,4rem)!important}
.references-page .ref-hero>.container{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:clamp(1.5rem,4vw,5rem)!important;align-items:start!important}
.references-page .ref-hero__eyebrow{padding-top:.55rem;color:#1768ff;font-size:.64rem;font-weight:900;letter-spacing:.14em}
.references-page .ref-hero h1{max-width:900px!important;margin:0!important;font-size:clamp(3.2rem,6vw,6.8rem)!important;line-height:.88!important}
.references-page .ref-hero p{grid-column:2;max-width:650px;margin:0;color:var(--sw-muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}
.references-page .refs--compact{padding-top:0!important}
.site-within-shell:not(.home-within) .blog-discovery-head h1,
.site-within-shell:not(.home-within) .blog-discovery-head h1 span{font-family:"Satoshi",Arial,sans-serif!important;font-style:normal!important}
.site-within-shell:not(.home-within) .blog-discovery-head h1{font-weight:650!important}
.site-within-shell:not(.home-within) .blog-discovery-head h1 span{font-weight:520!important;letter-spacing:-.065em!important}
.public-service-page .sd-hero__overlay{background:linear-gradient(180deg,rgba(5,15,31,.48),rgba(5,15,31,.8)),linear-gradient(90deg,rgba(23,104,255,.2),transparent 55%)!important}
.public-service-page .tech-strip>.container{display:block!important}
.public-service-page .tech-strip__head{max-width:920px;margin:0 auto clamp(2.25rem,4vw,3.5rem);text-align:center}
.public-service-page .tech-strip__head>span{display:block;margin-bottom:1rem;color:#6d9cff;font-size:.64rem;font-weight:900;letter-spacing:.14em}
.public-service-page .tech-strip__head .section-title{max-width:none!important;margin:0!important;text-align:center!important}
.public-service-page .tech-grid{max-width:1050px;margin-inline:auto!important;justify-content:center!important}
.public-service-page .refs--compact .compact-reference-head{max-width:860px;margin:0 auto 2rem;text-align:center}
.public-service-page .refs--compact .logo-wall{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.public-service-page .refs--compact .logo-cell{min-height:92px!important;padding:.8rem!important}
.public-service-page .refs--compact .logo-cell img{max-width:72%!important;max-height:36px!important}
.public-service-page .service-legacy-reference-wall{display:none!important}
@media(max-width:900px){
  .references-page .ref-hero>.container{grid-template-columns:1fr!important;gap:1rem!important}
  .references-page .ref-hero p{grid-column:1}
  .public-service-page .refs--compact .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .references-page .ref-hero{padding-top:4rem!important}
  .references-page .ref-hero h1{font-size:clamp(3rem,14vw,4.5rem)!important}
  .public-service-page .refs--compact .logo-cell{min-height:68px!important;padding:.42rem!important}
  .public-service-page .refs--compact .logo-cell img{max-width:84%!important;max-height:26px!important}
}

/* Ağustos 2026 final — ortak tipografi, video ve yaratıcı hareket sistemi */
.site-within-shell .within-site-header .within-main-nav>a,
.site-within-shell .within-site-header .within-main-nav .drop-btn{
  box-sizing:border-box!important;
  min-height:22px;
  padding:0!important;
  font-family:"Satoshi",Arial,sans-serif!important;
  font-size:clamp(.76rem,.82vw,.84rem)!important;
  font-weight:780!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.site-within-shell .within-site-header .within-main-nav .drop-btn b{font:inherit!important;font-size:1rem!important;line-height:1!important}

.references-page .ref-hero{padding:clamp(4.5rem,8vw,8rem) 0 clamp(2.5rem,4vw,4rem)!important}
.references-page .ref-hero>.container{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:clamp(1.5rem,4vw,5rem)!important;align-items:start!important}
.references-page .ref-hero__eyebrow{padding-top:.55rem;color:#1768ff;font-size:.64rem;font-weight:900;letter-spacing:.14em}
.references-page .ref-hero h1{max-width:900px!important;margin:0!important;font-size:clamp(3.2rem,6vw,6.8rem)!important;line-height:.88!important}
.references-page .ref-hero p{grid-column:2;max-width:650px;margin:0;color:var(--sw-muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}
.references-page .refs--compact{padding-top:0!important}

.site-within-shell:not(.home-within) .blog-discovery-head h1 span{
  font-family:"Satoshi",Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:620!important;
  letter-spacing:-.075em!important;
}

.public-service-page .sd-hero__video{opacity:1!important;background:#07152d}
.public-service-page .sd-hero__overlay{background:linear-gradient(180deg,rgba(5,15,31,.48),rgba(5,15,31,.8)),linear-gradient(90deg,rgba(23,104,255,.2),transparent 55%)!important}
.public-service-page .tech-strip{padding:clamp(4.5rem,7vw,7rem) 0!important}
.public-service-page .tech-strip>.container{display:block!important;text-align:center!important}
.public-service-page .tech-strip__head{max-width:920px;margin:0 auto clamp(2.25rem,4vw,3.5rem)}
.public-service-page .tech-strip__head>span{display:block;margin-bottom:1rem;color:#6d9cff;font-size:.64rem;font-weight:900;letter-spacing:.14em}
.public-service-page .tech-strip .section-title{max-width:none!important;margin:0!important;text-align:center!important;font-size:clamp(2.8rem,5vw,5.4rem)!important}
.public-service-page .tech-grid{display:flex!important;max-width:980px;margin-inline:auto;justify-content:center!important;align-items:center!important;gap:.75rem!important}
.public-service-page .tech-chip{min-height:54px;padding:.9rem 1.25rem!important;transition:transform .25s ease,background .25s ease!important}
.public-service-page .tech-chip:hover{transform:translateY(-4px);background:#eaf1ff!important}
.public-service-page .service-reference-section{padding:clamp(4rem,7vw,7rem) 0!important}
.public-service-page .service-reference-section .compact-reference-head{margin-bottom:2.2rem!important}
.public-service-page .service-reference-section .logo-wall{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.public-service-page .service-reference-section .logo-cell{min-height:92px!important;padding:.8rem!important}
.public-service-page .service-reference-section .logo-cell img{max-width:72%!important;max-height:36px!important}
.public-service-page .service-legacy-reference-wall{display:none!important}

/* Bölümler sakin bir ritimle açılır; klavye ve azaltılmış hareket tercihi korunur. */
[data-site-motion]{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
  [data-site-motion]{opacity:0;transform:translateY(18px);transition:opacity .58s cubic-bezier(.22,.75,.2,1),transform .58s cubic-bezier(.22,.75,.2,1);transition-delay:var(--motion-delay,0ms)}
  [data-site-motion].is-motion-visible{opacity:1;transform:none}
  .logo-cell img,.about-reference-cell img{transition:transform .28s ease,filter .28s ease}
  .logo-cell:hover img,.about-reference-cell:hover img{transform:translateY(-3px) scale(1.025)}
}

@media(max-width:1180px){
  .site-within-shell .within-site-header .within-main-nav>a,
  .site-within-shell .within-site-header .within-main-nav .drop-btn{min-height:0;padding:1rem 0!important;font-size:1rem!important}
}
@media(max-width:900px){
  .references-page .ref-hero>.container{grid-template-columns:1fr!important;gap:1rem!important}
  .references-page .ref-hero p{grid-column:1}
  .public-service-page .service-reference-section .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .references-page .ref-hero{padding-top:4rem!important}
  .references-page .ref-hero h1{font-size:clamp(3rem,14vw,4.5rem)!important}
  .public-service-page .tech-strip .section-title{font-size:clamp(2.55rem,12vw,4rem)!important}
  .public-service-page .tech-chip{min-height:46px;padding:.72rem .95rem!important;font-size:.82rem}
  .public-service-page .service-reference-section .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .public-service-page .service-reference-section .logo-cell{min-height:68px!important;padding:.42rem!important}
  .public-service-page .service-reference-section .logo-cell img{max-width:84%!important;max-height:26px!important}
}

/* Ağustos 2026 — içerik, referans ve performans son düzeni */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Hizmet detayında hareketli ama okunabilir video kahramanı. */
.public-service-page .sd-hero>.container{isolation:isolate;align-items:center;justify-content:center!important;text-align:center;background:#07152d!important}
.public-service-page .sd-hero__video,.public-service-page .sd-hero__overlay{position:absolute;inset:0;width:100%;height:100%}
.public-service-page .sd-hero__video{z-index:-2;object-fit:cover;object-position:center;opacity:.9}
.public-service-page .sd-hero__overlay{z-index:-1;background:linear-gradient(180deg,rgba(5,15,31,.38),rgba(5,15,31,.7)),linear-gradient(90deg,rgba(23,104,255,.2),transparent 55%)}
.public-service-page .sd-hero h1{margin-inline:auto!important;text-align:center!important}
.public-service-page .sd-hero .lead{margin:0 auto 1.8rem!important;color:#fff!important;text-align:center!important;text-shadow:0 1px 18px rgba(0,0,0,.3)}
.public-service-page .sd-hero .hero-actions{justify-content:center!important}
.public-service-page .sd-hero .pr-icon{display:none!important}
.public-service-page .tech-chip{background:#fff!important;color:#111311!important;border-color:#fff!important}
.public-service-page .tech-chip i{color:#1768ff!important}
.public-service-page .cta-box .btn-dark{background:#fff!important;color:#111311!important;border-color:#fff!important}
.public-service-page .cta-box .btn-dark:hover{background:#eaf1ff!important;color:#111311!important}

/* Birleşik logo tabloları: boşluk yok, her marka eşit hücrede. */
.about-page .about-reference-grid,.references-page .refs--compact .logo-wall,.public-service-page .refs--compact .logo-wall{gap:0!important;border-top:1px solid var(--sw-line)!important;border-left:1px solid var(--sw-line)!important}
.about-page .about-reference-cell,.references-page .refs--compact .logo-cell,.public-service-page .refs--compact .logo-cell{min-height:92px!important;padding:.8rem!important;border:0!important;border-right:1px solid var(--sw-line)!important;border-bottom:1px solid var(--sw-line)!important;background:transparent!important}
.about-page .about-reference-cell img,.references-page .refs--compact .logo-cell img,.public-service-page .refs--compact .logo-cell img{width:auto!important;max-width:72%!important;height:auto!important;max-height:36px!important;object-fit:contain!important}
.references-page .refs--compact{order:1!important;padding-top:clamp(2.5rem,5vw,4.5rem)!important}
.references-page .ref-stats{order:2!important}.references-page .cta-band{order:3!important}

/* Hakkımızda hikâyesi ilerleme çizgisi olarak logolardan önce akar. */
.about-roadmap{padding-top:clamp(3rem,6vw,6rem);padding-bottom:clamp(2rem,4vw,4rem)}
.about-roadmap__head{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:clamp(2rem,6vw,7rem);align-items:end;margin-bottom:2.5rem}
.about-roadmap__head h2{margin:0;font-size:clamp(2.8rem,5vw,5.6rem);font-weight:500;line-height:.9;letter-spacing:-.065em}
.about-roadmap__head p{max-width:680px;margin:0;color:var(--sw-muted);font-size:1.05rem;line-height:1.65}
.about-roadmap__track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--sw-line)}
.about-roadmap__track:before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:linear-gradient(90deg,#1768ff 0 66.66%,#dce5f4 66.66%)}
.about-roadmap__track article{min-height:230px;padding:2rem clamp(1.25rem,2.5vw,2.5rem);border-right:1px solid var(--sw-line);border-bottom:1px solid var(--sw-line)}
.about-roadmap__track article:first-child{border-left:1px solid var(--sw-line)}
.about-roadmap__track span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:2.2rem;border-radius:50%;background:#1768ff;color:#fff;font-size:.76rem;font-weight:800}
.about-roadmap__track h3{margin:0 0 .65rem;font-size:clamp(1.35rem,2vw,1.85rem)}
.about-roadmap__track p{margin:0;color:var(--sw-muted);line-height:1.6}

/* Footer okunabilirliği ve mobil menü güvenli alanı. */
.site-within-shell .within-footer__newsletter>b,.site-within-shell .within-footer__nav b{font-size:.78rem!important}
.site-within-shell .within-footer__newsletter p{font-size:1.18rem!important;line-height:1.55!important}
.site-within-shell .within-footer__nav a,.site-within-shell .within-footer__actions a,.site-within-shell .within-footer__actions button{font-size:1rem!important;line-height:1.45!important}
.site-within-shell .within-footer__offices address,.site-within-shell .within-footer__offices address a,.site-within-shell .within-footer__contact a{font-size:.92rem!important;line-height:1.65!important}
.site-within-shell .within-footer .footer-bottom{font-size:.88rem!important}
.site-within-shell .within-footer .socials a{width:40px!important;height:40px!important;font-size:1.05rem!important}
@media(max-width:1180px){.site-within-shell .within-site-header .mobile-nav-quote{box-sizing:border-box!important;width:100%!important;min-height:54px!important;flex:none!important;align-items:center!important;justify-content:space-between!important;padding:1rem 1.3rem!important;overflow:hidden!important}.site-within-shell .within-site-header .mobile-nav-quote i{flex:none!important;margin-left:auto!important}}

/* Ekran dışında kalan ağır bölümleri ilk boyamadan sonra oluştur. */
@supports(content-visibility:auto){.site-within-shell main>section:nth-child(n+3){content-visibility:auto;contain-intrinsic-size:800px}}

@media(max-width:900px){
  .public-service-page .refs--compact .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .about-roadmap__head{grid-template-columns:1fr;gap:1rem}.about-roadmap__track{grid-template-columns:1fr}.about-roadmap__track:before{right:auto;bottom:0;width:3px;height:auto;background:linear-gradient(180deg,#1768ff 0 66.66%,#dce5f4 66.66%)}.about-roadmap__track article{min-height:0;padding-left:2.7rem;border-left:1px solid var(--sw-line)}
}
@media(max-width:620px){
  .public-service-page .sd-hero>.container{min-height:500px!important;padding:1.5rem!important}.public-service-page .sd-hero h1{font-size:clamp(2.65rem,13vw,4.1rem)!important}.public-service-page .sd-hero .lead{font-size:.96rem!important}
  .about-page .about-reference-grid,.references-page .refs--compact .logo-wall,.public-service-page .refs--compact .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .about-page .about-reference-cell,.references-page .refs--compact .logo-cell,.public-service-page .refs--compact .logo-cell{min-height:68px!important;padding:.42rem!important}.about-page .about-reference-cell img,.references-page .refs--compact .logo-cell img,.public-service-page .refs--compact .logo-cell img{max-width:84%!important;max-height:26px!important}
  .site-within-shell .within-footer__newsletter p{font-size:1.05rem!important}.site-within-shell .within-footer__nav a{font-size:.93rem!important}.site-within-shell .within-footer__offices address,.site-within-shell .within-footer__offices address a,.site-within-shell .within-footer__contact a{font-size:.86rem!important}
}

/* 2026-08 ortak gezinme, erişilebilir mobil menü ve içerik ritmi */
body.nav-locked{overflow:hidden}
.site-within-shell .mobile-nav-brand,.site-within-shell .mobile-nav-quote{display:none}
.site-within-shell .within-site-header .logo{transform-origin:left center}
.site-within-shell .within-site-header .logo-mark{width:34px!important;height:34px!important}
.site-within-shell .within-site-header .logo-text{font-size:1.18rem!important}
.site-within-shell .within-footer .footer-bottom{position:relative;width:calc(100% - clamp(48px,7.6vw,144px));max-width:none;margin-inline:auto!important;min-width:0;justify-content:center!important;text-align:center}
.site-within-shell .within-footer .footer-bottom span{min-width:0;line-height:1.5;text-align:center}
.site-within-shell .within-footer .footer-bottom>a{position:absolute;right:0}

.about-page .about-statement{font-size:clamp(1.75rem,3vw,3.45rem)!important;line-height:1.08!important}
.about-page .about-badges{margin-top:10px!important;padding-top:10px!important}
.about-page .about-reference-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.references-page main{display:flex;flex-direction:column}
.references-page .ref-hero{order:1}.references-page .refs--compact{order:2}.references-page .reference-cases{order:3}.references-page .ref-stats{order:4}.references-page .cta-band{order:5}
.references-page .refs--compact .logo-wall{grid-template-columns:repeat(6,minmax(0,1fr))!important}

@media(max-width:1180px){
  .site-within-shell .within-site-header .header-cta{display:none!important}
  .site-within-shell .within-site-header .burger{display:flex!important}
  .site-within-shell .within-site-header .main-nav{inset:0!important;width:100%!important;height:100dvh!important;padding:0 clamp(1.25rem,5vw,3rem) 1.5rem!important;overflow-y:auto!important;border:0!important;background:#f7f7f2!important;visibility:hidden!important;opacity:0!important;transform:translateY(-100%)!important;transition:transform .42s cubic-bezier(.22,.8,.22,1),opacity .28s ease,visibility .42s!important}
  .site-within-shell .within-site-header.nav-open .main-nav{visibility:visible!important;opacity:1!important;transform:translateY(0)!important}
  .site-within-shell .within-site-header .mobile-nav-brand{display:flex;min-height:76px;align-items:center;gap:.65rem;border-bottom:1px solid rgba(16,18,17,.18);font-size:1.12rem;font-weight:750;letter-spacing:-.05em}
  .site-within-shell .within-site-header .mobile-nav-brand svg{width:32px;height:32px}.site-within-shell .within-site-header .mobile-nav-brand b{color:#1768ff}
  .site-within-shell .within-site-header .main-nav>a,.site-within-shell .within-site-header .drop-btn{padding:.82rem 0!important;font-size:clamp(1.05rem,3vw,1.35rem)!important}
  .site-within-shell .within-site-header .drop-panel>a{padding:.72rem .25rem!important;font-size:.9rem!important}
  .site-within-shell .within-site-header .mobile-nav-quote{display:flex!important;margin-top:auto!important;padding:1rem 1.15rem!important;border:0!important;border-radius:4px;background:#1768ff!important;color:#fff!important;font-size:1rem!important;font-weight:850!important}
  .site-within-shell .within-site-header .burger{z-index:80;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(16,18,17,.18);border-radius:50%;background:#f7f7f2}
  .site-within-shell .within-site-header .burger span{position:absolute;width:18px;transition:transform .3s ease,opacity .2s ease,top .3s ease}
  .site-within-shell .within-site-header .burger span:nth-child(1){top:14px}.site-within-shell .within-site-header .burger span:nth-child(2){top:20px}.site-within-shell .within-site-header .burger span:nth-child(3){top:26px}
  .site-within-shell .within-site-header.nav-open .burger span:nth-child(1){top:20px;transform:rotate(45deg)}.site-within-shell .within-site-header.nav-open .burger span:nth-child(2){opacity:0}.site-within-shell .within-site-header.nav-open .burger span:nth-child(3){top:20px;transform:rotate(-45deg)}
}
@media(max-width:900px){
  .about-page .about-reference-grid,.references-page .refs--compact .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .site-within-shell .within-site-header .logo-mark{width:31px!important;height:31px!important}.site-within-shell .within-site-header .logo-text{font-size:1.08rem!important}
  .site-within-shell .within-footer .footer-bottom{width:calc(100% - 24px);align-items:center!important;text-align:center!important}
  .site-within-shell .within-footer .footer-bottom>a{position:static}
  .site-within-shell .within-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-within-shell .within-footer__nav div:last-child{grid-column:1/-1;width:50%!important;justify-self:center}
  .about-page .about-reference-grid,.references-page .refs--compact .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .about-page .about-reference-cell,.references-page .refs--compact .logo-cell{min-height:70px!important;padding:.55rem!important}.about-page .about-reference-cell img,.references-page .refs--compact .logo-cell img{max-width:82%!important;max-height:30px!important}
}

@media(max-width:1180px){
  .site-within-shell .within-site-header .main-nav .mobile-nav-quote{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:54px!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;padding:1rem 1.3rem!important;overflow:hidden!important}
  .site-within-shell .within-site-header .main-nav .mobile-nav-quote i{flex:0 0 auto!important;margin-left:auto!important}
}

/* Kesin son öncelik */
@media(min-width:1181px){
  .site-within-shell .within-site-header .within-main-nav>a,
  .site-within-shell .within-site-header .within-main-nav .drop-btn,
  .site-within-shell .within-site-header .within-main-nav .drop-btn b{font:700 1rem/1 "Satoshi",Arial,sans-serif!important;letter-spacing:-.02em!important}
}
.references-page .ref-hero{padding:clamp(4.5rem,8vw,8rem) 0 clamp(2.5rem,4vw,4rem)!important}
.references-page .ref-hero>.container{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:clamp(1.5rem,4vw,5rem)!important;align-items:start!important}
.references-page .ref-hero__eyebrow{padding-top:.55rem;color:#1768ff;font-size:.64rem;font-weight:900;letter-spacing:.14em}
.references-page .ref-hero h1{max-width:900px!important;margin:0!important;font-size:clamp(3.2rem,6vw,6.8rem)!important;line-height:.88!important}
.references-page .ref-hero p{grid-column:2;max-width:650px;margin:0;color:var(--sw-muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}
.references-page .refs--compact{padding-top:0!important}
.site-within-shell:not(.home-within) .blog-discovery-head h1,.site-within-shell:not(.home-within) .blog-discovery-head h1 span{font-family:"Satoshi",Arial,sans-serif!important;font-style:normal!important}
.site-within-shell:not(.home-within) .blog-discovery-head h1{font-weight:650!important}.site-within-shell:not(.home-within) .blog-discovery-head h1 span{font-weight:520!important;letter-spacing:-.065em!important}
.public-service-page .sd-hero__overlay{background:linear-gradient(180deg,rgba(5,15,31,.48),rgba(5,15,31,.8)),linear-gradient(90deg,rgba(23,104,255,.2),transparent 55%)!important}
.public-service-page .tech-strip>.container{display:block!important}.public-service-page .tech-strip__head{max-width:920px;margin:0 auto clamp(2.25rem,4vw,3.5rem);text-align:center}.public-service-page .tech-strip__head>span{display:block;margin-bottom:1rem;color:#6d9cff;font-size:.64rem;font-weight:900;letter-spacing:.14em}.public-service-page .tech-strip__head .section-title{max-width:none!important;margin:0!important;text-align:center!important}.public-service-page .tech-grid{max-width:1050px;margin-inline:auto!important;justify-content:center!important}
.public-service-page .refs--compact .compact-reference-head{max-width:860px;margin:0 auto 2rem;text-align:center}.public-service-page .refs--compact .logo-wall{grid-template-columns:repeat(6,minmax(0,1fr))!important}.public-service-page .refs--compact .logo-cell{min-height:92px!important;padding:.8rem!important}.public-service-page .refs--compact .logo-cell img{max-width:72%!important;max-height:36px!important}.public-service-page .service-legacy-reference-wall{display:none!important}
@media(max-width:900px){.references-page .ref-hero>.container{grid-template-columns:1fr!important;gap:1rem!important}.references-page .ref-hero p{grid-column:1}.public-service-page .refs--compact .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:620px){.references-page .ref-hero{padding-top:4rem!important}.references-page .ref-hero h1{font-size:clamp(3rem,14vw,4.5rem)!important}.public-service-page .refs--compact .logo-cell{min-height:68px!important;padding:.42rem!important}.public-service-page .refs--compact .logo-cell img{max-width:84%!important;max-height:26px!important}}
