/* Hizmetler sayfası demoları: ortak katman (marka: #091516 + #00D6CD, Epilogue). Kural: düğmeler hap, kartlar 14 px. */
@font-face{font-family:"Epilogue";font-weight:400 800;font-display:swap;src:url(font/epilogue-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+20A0-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Epilogue";font-weight:400 800;font-display:swap;src:url(font/epilogue-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212}
@font-face{font-family:"Martian Mono";font-weight:400;font-display:swap;src:url(font/martian-mono-latin.woff2) format("woff2")}
:root{
	--zemin:#091516;--zemin-2:#0C1B1D;--yuzey:#102326;--yuzey-2:#15302F;
	--cizgi:rgba(214,240,238,.10);--cizgi-2:rgba(214,240,238,.18);
	--metin:#E8F1F0;--soluk:#9AB0AE;--sonuk:#6F8785;
	--vurgu:#00D6CD;--vurgu-2:#00B3AB;--vurgu-zemin:rgba(0,214,205,.10);
	--r:14px;--kap:1240px;
	--f:"Epilogue",system-ui,sans-serif;--m:"Martian Mono",ui-monospace,monospace;
	color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--metin);font-family:var(--f);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:800;letter-spacing:-.025em;line-height:1.08;margin:0;text-wrap:balance}
h2{font-size:clamp(30px,3.6vw,46px)}
h3{font-size:20px;letter-spacing:-.01em;line-height:1.25}
p{margin:0}
.kap{width:100%;max-width:var(--kap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.bolum{padding-block:clamp(72px,9vw,120px)}
.alt-metin{color:var(--soluk);max-width:62ch;margin-top:16px;font-size:17.5px}
.etiket{font-family:var(--m);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu)}

/* düğmeler (hap) */
.dg{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15.5px;white-space:nowrap;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,color .25s;cursor:pointer;border:0;font-family:inherit}
.dg:active{transform:translateY(1px) scale(.985)}
.dg-dolu{background:var(--vurgu);color:#06201F}
.dg-dolu:hover{background:#3DE6DE}
.dg-cizgi{border:1.5px solid var(--cizgi-2);color:var(--metin);background:transparent}
.dg-cizgi:hover{border-color:var(--vurgu);color:var(--vurgu)}
.dg i{font-size:19px}
.dugmeler{display:flex;flex-wrap:wrap;gap:12px}

/* üst */
.ust{position:sticky;top:0;z-index:30;background:rgba(9,21,22,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:28px;height:70px}
.ust-logo img{height:34px;width:auto}
.ust-menu{display:flex;gap:26px;margin-left:auto;font-weight:600;font-size:15px;color:#C9D8D6}
.ust-menu a:hover,.ust-menu a[aria-current]{color:var(--vurgu)}
.ust-dil{display:flex;border:1px solid var(--cizgi-2);border-radius:999px;padding:3px;font-family:var(--m);font-size:11px}
.ust-dil span{padding:5px 9px;border-radius:999px;color:var(--soluk)}
.ust-dil span:first-child{background:var(--vurgu-zemin);color:var(--vurgu)}
.ust .dg{height:44px;padding:0 20px;font-size:14.5px}
@media (max-width:1080px){.ust-menu,.ust-dil{display:none}.ust .dg{margin-left:auto}}

/* alt */
.alt{border-top:1px solid var(--cizgi);padding-block:44px 30px;color:var(--soluk);font-size:14px}
.alt-ic{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;justify-content:space-between}
.alt img{height:28px;width:auto}
.alt nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.alt nav a:hover{color:var(--vurgu)}

/* demo şeridi (yalnız demoda): yönler arası geçiş */
.demo-serit{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(16,35,38,.92);border:1px solid var(--cizgi-2);backdrop-filter:blur(10px);font-size:13px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.demo-serit a{padding:8px 14px;border-radius:999px;color:var(--soluk);white-space:nowrap}
@media (max-width:560px){.demo-serit{bottom:10px;font-size:12px}.demo-serit a{padding:7px 11px}}
.demo-serit a[aria-current]{background:var(--vurgu);color:#06201F}

/* belirme */
@media (prefers-reduced-motion:no-preference){
	[data-g]{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--s,0) * 70ms)}
	[data-g].g-acik{opacity:1;transform:none}
}

/* reels (ortak): ekrana girince sessiz oynar, tıklayınca sesli açılır */
.reel{margin:0;display:flex;flex-direction:column;gap:12px}
.reel-cerceve{position:relative;aspect-ratio:9/16;border-radius:var(--r);overflow:hidden;background:var(--yuzey);cursor:pointer;isolation:isolate}
.reel-cerceve video,.reel-cerceve img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel-cerceve::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:inherit;pointer-events:none}
.reel-ses{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:rgba(9,21,22,.62);backdrop-filter:blur(6px);color:#fff;font-size:18px;transition:background .25s,transform .25s}
.reel-cerceve:hover .reel-ses{background:var(--vurgu);color:#06201F;transform:scale(1.06)}
.reel figcaption{font-size:14px;line-height:1.35;color:var(--soluk)}
.reel figcaption b{display:block;color:var(--metin);font-size:15px}
.reel-kutu{border:0;padding:0;background:transparent;max-width:min(420px,92vw);width:100%}
.reel-kutu::backdrop{background:rgba(4,10,11,.86);backdrop-filter:blur(6px)}
.reel-kutu video{width:100%;aspect-ratio:9/16;border-radius:var(--r);background:#000;display:block}
.reel-kutu button{position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:999px;border:0;background:rgba(9,21,22,.7);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center}

/* SSS (ortak) */
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-weight:700;font-size:17.5px}
.sss summary::-webkit-details-marker{display:none}
.sss summary i{flex:0 0 auto;font-size:20px;color:var(--vurgu);transition:transform .3s}
.sss details[open] summary i{transform:rotate(45deg)}
.sss details p{color:var(--soluk);padding:0 0 22px;max-width:70ch}

/* alt bilgiden önce aşırı boşluk olmasın (25 Eki): son bölümün alt dolgusu kısalır, alt bilginin üst payı kalkar — son içerik ile alt bilgi arası ~48–72 px */
main>.bolum:last-of-type,main>section:last-of-type{padding-bottom:clamp(48px,5vw,72px) !important}