/* Shared presentation for corporate email and web-based software services. */
body.service-design main.content-page .design-intro-visual{background:none;border:0;border-radius:0;padding:0;box-shadow:none}
body.service-design main.content-page .design-intro-visual img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:0}
body.service-design main.content-page #ozellikler.design-feature-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#04162ded,#0a3568e6),url("images/banner/hizmetler-banner.jpeg") center/cover no-repeat;color:#fff}
body.service-design #ozellikler::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 0,#4f9cff25,transparent 65%);pointer-events:none}
body.service-design .design-feature-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
body.service-design #ozellikler .content-heading h2{color:#f2f7ff}
body.service-design #ozellikler .content-heading>.eyebrow{color:#a8ceff}
body.service-design #ozellikler .content-heading>.eyebrow::before{background:#91bfff}
body.service-design .design-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;margin-bottom:30px;padding:10px 15px;border:1px solid #abcfff45;border-radius:30px;background:#ffffff08;color:#d8e9ff;font:inherit;cursor:pointer}
body.service-design main .design-motion-toggle{font-size:12px!important}
body.service-design .design-motion-toggle:hover{background:#ffffff12;border-color:#abcfff8a}
body.service-design .design-marquee{width:100%;overflow:hidden;padding:8px 0 16px}
body.service-design .design-marquee-track{display:flex;width:max-content;animation:design-feature-scroll 55s linear infinite}
body.service-design .design-feature-group{display:flex;gap:18px;padding-right:18px}
body.service-design main.content-page .design-feature-group .content-feature{display:flex;flex-direction:column;align-items:center;flex:0 0 290px;width:290px;min-height:0;margin:0;padding:22px 23px;border:1px solid #abcfff33;background:#0a2747b8;box-shadow:0 10px 28px #00142b18;backdrop-filter:blur(8px);text-align:center}
body.service-design main.content-page .design-feature-group .content-feature h3{width:100%;margin:0 0 8px;color:#f0f7ff;font-size:16px!important;text-align:center}
body.service-design main.content-page .design-feature-group .content-feature p{width:100%;margin:0;color:#b9cce4;font-size:12px!important;line-height:1.75;text-align:center}
body.service-design main.content-page .design-feature-group .content-feature-icon{width:36px;height:36px;margin:0 auto 14px;background:#7abaff16;border-color:#9ac8ff26;color:#a6cfff}
body.service-design .design-feature-group .content-feature-icon svg{width:21px;height:21px}
body.service-design main.content-page .design-feature-group .content-feature:hover{border-color:#aacfff77}
body.service-design .design-marquee:hover .design-marquee-track,body.service-design .design-marquee:focus-within .design-marquee-track,body.service-design .design-feature-section.is-paused .design-marquee-track{animation-play-state:paused}
body.service-design #calismalar .content-heading{max-width:850px;text-align:center;margin-inline:auto}
body.service-design #calismalar .content-heading>.eyebrow{justify-content:center}
body.service-design #calismalar .content-heading p{margin-inline:auto}
body.service-design main.content-page #calismalar .content-gallery-card{overflow:hidden;text-align:center;border-color:#dfe7f2;background:#f6f8fc}
body.service-design main.content-page #calismalar .content-gallery-card img{width:100%;height:225px;object-fit:contain;object-position:center;padding:12px;background:#f6f8fc}
body.service-design #calismalar .content-gallery-card figcaption{text-align:center;background:#fff}
body.service-design main.content-page .content-logo-grid>div{height:116px;padding:20px;transition:border-color .2s,box-shadow .2s}
body.service-design .content-logo-grid>div:hover{border-color:#a6c7ee;box-shadow:0 10px 24px #173b630a}
body.service-design main.content-page .content-process{gap:20px;counter-reset:service-step}
body.service-design main.content-page .content-process>article{position:relative;padding:27px 23px;border:1px solid #e1e9f3;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#fff)}
body.service-design main.content-page .content-process>article>span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:20px;border:1px solid #d6e5fa;border-radius:12px;background:#edf4fd;color:#2863a9;font-size:12px;font-weight:650}
body.service-design main.content-page .content-process h3{font-size:18px!important}
body.service-design main.content-page .content-process p{font-size:13px!important;line-height:1.8}
body.service-design main.content-page .content-product-link{border-color:#dfe7f2;box-shadow:0 12px 30px #173b6306}
@media(max-width:1000px){body.service-design main.content-page .content-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 body.service-design .design-feature-heading{align-items:flex-start;gap:14px}
 body.service-design main .design-motion-toggle{min-width:44px;padding:9px 12px}
 body.service-design .design-motion-toggle [data-motion-label]{display:none}
 body.service-design .design-feature-group{gap:12px;padding-right:12px}
 body.service-design main.content-page .design-feature-group .content-feature{flex-basis:255px;width:255px;padding:20px}
 body.service-design main.content-page #calismalar .content-gallery-card img{height:210px}
 body.service-design main.content-page .content-logo-grid>div{height:90px;padding:12px}
}
@media(max-width:420px){body.service-design main.content-page .content-process{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 body.service-design .design-marquee-track{animation:none}
 body.service-design .design-feature-copy{display:none}
 body.service-design .design-marquee{overflow-x:auto}
 body.service-design .design-motion-toggle{display:none}
 body.service-design .content-logo-grid>div{transition:none}
}

/* Email references reveal their original brand colours on hover. */
body.page-email.service-design #calismalar .content-logo-grid img{filter:grayscale(1);transition:filter .25s ease}
body.page-email.service-design #calismalar .content-logo-grid>div:hover img,body.page-email.service-design #calismalar .content-logo-grid>div:active img{filter:grayscale(0)}
@media(prefers-reduced-motion:reduce){body.page-email.service-design #calismalar .content-logo-grid img{transition:none}}
/* Center the shared CTA headline on the email and web app pages. */
body.page-email main.content-page .big-cta>.wrap>h2,body.page-web-app main.content-page .big-cta>.wrap>h2{width:100%;margin-inline:auto;text-align:center}