/* Check · alt sayfaların ortak dili (Modüller, İletişim). Ana sayfayla aynı renk, yazı ve doku. */
:root{
  color-scheme:dark;
  --bg:#07090b; --yazi:#eef0ea; --ikinci:#9aa19c; --cizgi:rgba(238,240,234,.14);
  --krem:#efe9dc; --murekkep:#17150F; --vurgu:#3fae7a; --hata:#e5483b;
  --f:"Schibsted Grotesk","Archivo","Helvetica Neue",Arial,sans-serif; --mono:"IBM Plex Mono","DM Mono",ui-monospace,Menlo,Consolas,monospace;
  --oluk:max(4vw,18px); --e:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--yazi);font:400 17px/1.5 var(--f);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
img,svg{display:block}
::selection{background:var(--krem);color:var(--murekkep)}
:focus-visible{outline:2px solid var(--krem);outline-offset:3px;border-radius:4px}
/* film greni: sabit, çok hafif */
body::before{content:"";position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:gren .9s steps(3) infinite}
@keyframes gren{0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}
.ic{padding-inline:max(var(--oluk),env(safe-area-inset-left,0px))}

/* üst çubuk */
.ust{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding-inline:var(--oluk);background:var(--bg);border-bottom:1px solid transparent;transition:border-color .3s}
.ust.dolu{border-bottom-color:var(--cizgi)}
.marka{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 22px/1 var(--f);font-stretch:92%;letter-spacing:-.02em;padding:8px 8px 8px 0}
.marka svg{width:22px;height:25px}
.ust nav{display:flex;gap:2px}
.ust nav a{text-decoration:none;font-size:14.5px;font-weight:500;padding:9px 15px;border-radius:5px;color:var(--ikinci);transition:color .3s}
.ust nav a:hover,.ust nav a[aria-current]{color:var(--yazi)}
.ust nav a[aria-current]{background:color-mix(in srgb,var(--yazi) 7%,transparent)}
.ust-sag{justify-self:end;display:flex;align-items:center;gap:8px}
.gir{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid currentColor;border-radius:5px;text-decoration:none;font-size:14.5px;font-weight:500;opacity:.9}
.gir:hover{opacity:1;background:color-mix(in srgb,var(--yazi) 8%,transparent)}
.dg{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font:600 16px/1 var(--f);padding:19px 26px;border-radius:7px;border:0;cursor:pointer;white-space:nowrap;background:var(--krem);color:var(--murekkep);transition:transform .3s var(--e),filter .3s}
.dg:hover{filter:brightness(1.06)}
.dg:active{transform:scale(.98)}
.dg svg{width:18px;height:18px}
.dg-k{font-size:14px;padding:12px 18px}
@media (max-width:720px){.ust{grid-template-columns:auto 1fr auto;height:60px}.ust nav{justify-self:end}.ust nav a{padding:8px 9px;font-size:14px}.ust .dg-k{display:none}.gir{min-height:36px;padding:0 14px;font-size:14px}}

/* yazı ölçeği */
.ust-yazi{font:500 15px/1.2 var(--f);color:var(--ikinci)}
.dev{font:700 clamp(52px,11vw,168px)/.86 var(--f);font-stretch:80%;letter-spacing:-.035em}
.buyuk{font:700 clamp(36px,5.6vw,88px)/.92 var(--f);font-stretch:84%;letter-spacing:-.03em;text-wrap:balance}
.govde{font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:var(--ikinci);max-width:42ch}

/* görünürken gelme */
.gel{opacity:0;transform:translateY(40px);transition:opacity .9s var(--e),transform 1.1s var(--e)}
.gel.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.gel{opacity:1;transform:none;transition:none}}

/* alt bilgi */
.alt{border-top:1px solid var(--cizgi);padding-block:36px calc(36px + env(safe-area-inset-bottom,0px))}
.alt-ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;font-size:14px;color:var(--ikinci)}
.alt-ic nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.alt-ad{display:inline-flex;align-items:center;gap:12px;font:700 26px/1 var(--f);font-stretch:88%;color:var(--yazi);letter-spacing:-.02em}.alt-ad svg{width:24px;height:28px}
.alt-ic a{text-decoration:none}.alt-ic a:hover{color:var(--yazi)}

/* telefonda menü: sağda Tanıtım + menü düğmesi */
.menu-dg,.tel-cagri{display:none}
.menu-panel{position:fixed;left:0;right:0;top:60px;z-index:49;display:grid;padding:8px var(--oluk) 22px;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.menu-panel[hidden]{display:none}
.menu-panel a{padding:16px 0;border-bottom:1px solid var(--cizgi);text-decoration:none;font:600 22px/1 var(--f);font-stretch:90%;color:var(--yazi)}
.menu-panel a:last-child{border-bottom:0;color:var(--ikinci)}
@media (max-width:720px){
  .ust nav,.ust .gir,.ust .dg-k{display:none!important}
  .tel-cagri{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border-radius:7px;background:var(--krem);color:var(--murekkep);font:600 14px/1 var(--f);text-decoration:none;border:0;cursor:pointer}
  .menu-dg{display:grid;place-content:center;gap:5px;width:42px;height:42px;border:0;background:none;cursor:pointer;margin-right:-8px}
  .menu-dg span{display:block;width:20px;height:1.75px;background:var(--yazi);border-radius:2px;transition:transform .3s var(--e)}
  .menu-dg[aria-expanded=true] span:first-child{transform:translateY(3.4px) rotate(45deg)}.menu-dg[aria-expanded=true] span:last-child{transform:translateY(-3.4px) rotate(-45deg)}
}

@media (max-width:640px){.alt-ic nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;width:100%}}

.alt-ust{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.8fr);gap:clamp(40px,5vw,90px);align-items:end;padding-block:clamp(56px,9vh,96px) clamp(30px,5vh,48px);border-bottom:1px solid var(--cizgi)}
.alt-kelime{margin:0;font:800 clamp(72px,10vw,170px)/.78 var(--f);letter-spacing:-.055em;color:var(--yazi)}
.alt-mod{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:15px}
.alt-mod a,.alt-bilgi a{text-decoration:none;color:var(--ikinci)}.alt-mod a:hover,.alt-bilgi a:hover{color:var(--yazi)}
.alt-bilgi{display:grid;gap:10px;font-size:15px;color:var(--ikinci)}.alt-bilgi p{margin:0 0 6px;color:var(--yazi);font-weight:500}
@media (max-width:900px){.alt-ust{grid-template-columns:1fr;gap:28px}}

.alt-ic>.alt-ad{display:none}
@media (min-width:901px){.alt-ust{padding-left:calc(var(--oluk) + 48px)}}
@media (max-width:900px){.alt-mod{display:none}}
@media (max-width:900px){.alt-bilgi{display:none}.alt-ust{padding-block:44px 8px;border-bottom:0}}

/* düğmeler: tam yuvarlak, ok çipli; Giriş ince halka (kesik görünmez) */
.dg-ana,.dg:not(.tel-cagri){border-radius:5px!important;padding:0 0 0 22px!important;gap:0!important;min-height:52px;border:0!important;overflow:hidden}
.dg .ok{display:grid;place-items:center;align-self:stretch;width:50px;flex:none;margin-left:20px;border-left:1.5px dashed color-mix(in srgb,currentColor 36%,transparent);font-style:normal}
.dg .ok svg{transition:transform .35s cubic-bezier(.2,.9,.3,1)}
.dg:hover .ok svg{transform:translateX(4px)}
.dg-k{min-height:40px!important;padding:0 0 0 16px!important;font-size:14px!important}
.dg-k .ok{width:38px;margin-left:14px}
.gir{border:0!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 55%,transparent);min-height:40px!important;line-height:1}
.gir:hover{box-shadow:inset 0 0 0 1px currentColor}
.gonder.dg{justify-content:space-between}