/* North Studio · site stilleri. Apple tasarım dili: ortalanmış büyük başlıklar, geniş boşluk, yuvarlak gri kutular, sade menü.
   Renk ve yazı tipi tokens.css'ten gelir. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--f-body);font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0}
:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:-999px;top:8px;background:var(--c-ink);color:var(--c-bg);padding:8px 12px;z-index:100}
.skip:focus{left:8px}
.hide{position:absolute;left:-9999px}

/* ---------- Menü: ince, buzlu cam, her zaman görünür ---------- */
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--c-bg) 80%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--c-line)}
.nav .wrap{display:flex;align-items:center;gap:28px;min-height:56px;max-width:1080px}
.logo{display:block;line-height:0;text-decoration:none;flex:none}
.logo img{height:18px;width:auto}
.menu{display:flex;gap:28px;margin-left:auto}
.menu a{font-size:13px;text-decoration:none;color:var(--c-muted);transition:color var(--speed) var(--ease)}
.menu a:hover,.menu a[aria-current="page"]{color:var(--c-ink)}
.menu a[aria-current="page"]{font-weight:600}
.nav-r{display:flex;align-items:center;gap:16px}
.lang{display:flex;gap:2px;font:600 12px var(--f-body)}
.lang a,.lang span{padding:4px 8px;border-radius:var(--radius);text-decoration:none;color:var(--c-muted)}
.lang span{background:var(--c-gray);color:var(--c-ink)}
.lang a:hover{color:var(--c-ink)}
.burger{display:none;background:none;border:0;padding:8px 0;font:600 13px var(--f-body);color:var(--c-ink);cursor:pointer}
@media (max-width:780px){.nav-r .btn{display:none}.nav .wrap{gap:18px}.menu{gap:20px}}
@media (max-width:680px){
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--c-bg);border-bottom:1px solid var(--c-line);padding:8px var(--gutter) 24px}
  .menu.open{display:flex}
  .menu a{padding:14px 0;font:600 24px var(--f-display);letter-spacing:-0.02em;color:var(--c-ink);border-bottom:1px solid var(--c-line)}
  .burger{display:inline-block;margin-left:auto}
}

/* ---------- Butonlar: hap biçimi, ok yok ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 17px var(--f-body);text-decoration:none;padding:12px 24px;border-radius:var(--radius);border:1px solid var(--c-accent);background:var(--c-accent);color:var(--c-accent-ink);cursor:pointer;transition:background var(--speed) var(--ease),color var(--speed) var(--ease),border-color var(--speed) var(--ease)}
.btn .arr{display:none}
.btn:hover{background:color-mix(in srgb,var(--c-accent) 86%,var(--c-ink));border-color:color-mix(in srgb,var(--c-accent) 86%,var(--c-ink))}
.btn.line{background:transparent;color:var(--c-accent)}
.btn.line:hover{background:var(--c-accent);color:var(--c-accent-ink)}
.btn.sm{padding:5px 14px;font-size:12px}
.row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}

/* ---------- Tipografi ---------- */
.eyebrow{font:600 clamp(17px,1.6vw,21px)/1.2 var(--f-display);letter-spacing:-0.01em;color:var(--c-muted)}
h1,h2,h3{font-family:var(--f-display);font-weight:var(--w-display);letter-spacing:var(--ls-display);line-height:1.05;margin:0;text-wrap:balance}
h1{font-size:var(--t-hero)}
h2{font-size:var(--t-h2);line-height:1.08}
h3{font-size:var(--t-h3);line-height:1.2;letter-spacing:-0.015em}
h1 em,h2 em{font-style:normal;color:var(--c-accent)}
.lede{font-size:clamp(19px,2.1vw,24px);line-height:1.4;max-width:38ch;color:var(--c-ink)}
.muted{color:var(--c-muted)}
.small{font-size:var(--t-small)}
.stack{display:grid;gap:20px;align-content:start}
.prose{display:grid;gap:16px;max-width:62ch;font-size:clamp(17px,1.5vw,19px);line-height:1.6}
.slogan{font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--t-slogan);letter-spacing:var(--ls-display);line-height:1.1;max-width:24ch;text-wrap:balance}
.note{font-size:13px}
.sl-tr{font-size:.9rem;opacity:.75;margin-top:.25rem}

/* ---------- Bölümler: başlık ortada, içerik altında ---------- */
.sec{padding-block:var(--section)}
.sec + .sec:not(.dark){padding-top:calc(var(--section) * .5)}
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,5vw,64px);justify-items:center}
.split > :first-child{text-align:center;justify-items:center;max-width:860px}
.split > :first-child .muted{margin-inline:auto}
.split > :last-child:not(:first-child){width:100%;max-width:760px}
.wrap.stack{justify-items:center;text-align:center}
.wrap.stack > .cards,.wrap.stack > .ways,.wrap.stack > .formwrap,.wrap.stack > .stack .ways{text-align:left;justify-self:stretch}

/* Koyu bölüm: kenarlardan içeri çekilmiş büyük yuvarlak kutu */
.sec.dark{background:var(--c-ink);color:var(--c-bg);width:calc(100% - 24px);max-width:1440px;margin:0 auto;border-radius:var(--radius-tile)}
.sec.dark .muted,.sec.dark .eyebrow{color:color-mix(in srgb,var(--c-bg) 68%,transparent)}
.sec.dark h1 em,.sec.dark h2 em{color:var(--c-accent-dark)}
.sec.dark .btn.line{border-color:var(--c-bg);color:var(--c-bg)}
.sec.dark .btn.line:hover{background:var(--c-bg);color:var(--c-ink)}

/* Kapanış: her şey ortada */
.cta .split > :last-child{text-align:center;justify-items:center}
.cta .row{justify-content:center}
.cta .slogan{font-size:var(--t-h2)}

/* ---------- İlk ekran ---------- */
.hero{padding-block:clamp(72px,11vw,144px) clamp(48px,7vw,96px);text-align:center}
.hero .wrap{display:grid;gap:clamp(48px,6vw,80px);justify-items:center}
.hero .stack{gap:24px;justify-items:center;max-width:980px}
.hero .lede{margin-inline:auto}
.hero .row{justify-content:center;margin-top:8px}
.hero .ph{width:100%;max-width:1080px;aspect-ratio:16/7;min-height:0!important;border-radius:var(--radius-tile)}

/* ---------- Görsel yeri (Selim dolduracak) ---------- */
.ph{border-radius:var(--radius-card);background:var(--c-gray);display:grid;place-items:center;text-align:center;padding:20px;color:var(--c-muted);font-size:13px;min-height:220px;width:100%}
.ph b{display:block;color:var(--c-ink);font-weight:600;margin-bottom:4px}
.sec.dark .ph{background:color-mix(in srgb,var(--c-bg) 10%,var(--c-ink));color:color-mix(in srgb,var(--c-bg) 65%,transparent)}
.sec.dark .ph b{color:var(--c-bg)}
.ph.round{border-radius:50%;width:72px;height:72px;min-height:0;padding:6px;font-size:10px;flex:none}

/* ---------- İki yön ---------- */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:620px){.duo{grid-template-columns:minmax(0,1fr)}}
.duo div{background:var(--c-gray);border-radius:var(--radius-card);padding:28px;display:grid;gap:8px;align-content:start}
.duo h3{font-size:21px}
.founder{display:flex;gap:16px;align-items:center;padding-top:8px}
.founder p{font-size:15px}

/* ---------- Ürün kartları ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;width:100%;padding-top:14px}
.card{position:relative;background:var(--c-gray);border-radius:var(--radius-tile);padding:clamp(28px,4vw,48px);display:grid;gap:18px;align-content:start;transition:transform 500ms var(--ease)}
.card:hover{transform:scale(1.012)}
.card h3{font-size:clamp(26px,2.8vw,34px);letter-spacing:-0.025em}
.card .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.price{font-weight:600;font-size:15px;color:var(--c-muted)}
.price.free{color:var(--c-accent)}
.facts{display:flex;flex-wrap:wrap;gap:6px}
.facts span{font-size:12px;font-weight:600;background:var(--c-bg);border-radius:var(--radius);padding:5px 12px;color:var(--c-muted)}
.card .btn{justify-self:start;margin-top:6px}
.ribbon{position:absolute;top:0;left:clamp(28px,4vw,48px);transform:translateY(-50%);font-size:12px;font-weight:600;background:var(--c-accent);color:var(--c-accent-ink);padding:6px 14px;border-radius:var(--radius)}
.pill{display:inline-block;font-size:13px;font-weight:600;background:var(--c-gray);padding:6px 14px;border-radius:var(--radius)}

/* ---------- Altı eksen ---------- */
.links{display:grid;width:100%;text-align:left;background:color-mix(in srgb,var(--c-bg) 7%,var(--c-ink));border-radius:var(--radius-card);padding:8px clamp(20px,3vw,32px)}
.sec:not(.dark) .links{background:var(--c-gray)}
.lk{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) 3rem;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.lk:last-child{border-bottom:0}
.lk .nm{font-weight:600;font-size:16px}
.lk .tag{display:block;font-size:12px;font-weight:600;color:var(--c-accent)}
.track{position:relative;height:6px;border-radius:3px;background:color-mix(in srgb,currentColor 16%,transparent)}
.fill{position:absolute;inset:0 auto 0 0;border-radius:3px;background:currentColor;width:var(--v)}
.lk.weak .fill{background:var(--c-accent)}
.lk.weak .nm,.lk.weak .sc{color:var(--c-accent)}
.sec.dark .lk.weak .fill{background:var(--c-accent-dark)}
.sec.dark .lk.weak .nm,.sec.dark .lk.weak .sc,.sec.dark .lk .tag{color:var(--c-accent-dark)}
.sc{font:600 18px var(--f-display);text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:560px){.lk{grid-template-columns:minmax(0,1fr) 3rem;gap:10px 12px}.lk .track{grid-column:1/-1;grid-row:2}}

/* ---------- Hizmetler: gri kutular ---------- */
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%}
@media (max-width:900px){.ways{grid-template-columns:minmax(0,1fr)}}
.way{display:grid;gap:14px;align-content:start;background:var(--c-gray);border-radius:var(--radius-tile);padding:clamp(28px,3.4vw,40px);text-align:left}
.sec.dark .way{background:color-mix(in srgb,var(--c-bg) 8%,var(--c-ink))}
.way .k{font-size:14px;font-weight:600;color:var(--c-accent)}
.sec.dark .way .k{color:var(--c-accent-dark)}
.way h3{font-size:clamp(24px,2.4vw,30px)}
.way ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:10px;font-size:16px}
.way li{padding-left:18px;position:relative}
.way li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--c-accent)}
.sec.dark .way li::before{background:var(--c-accent-dark)}
.way li a{color:var(--c-accent)}
.sec.dark .way li a{color:inherit}
.way .sl{font-weight:600}

/* ---------- Hizmetler: "Ne zaman" kartları ---------- */
.cases{display:grid;width:100%;text-align:left;border-top:1px solid var(--c-line)}
.case{border-bottom:1px solid var(--c-line);scroll-margin-top:80px}
.case summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:start;padding:24px 0}
.case summary::-webkit-details-marker{display:none}
.case summary .k{grid-column:1;font-size:13px;font-weight:600;color:var(--c-accent)}
.case summary h3{grid-column:1;font-size:clamp(20px,2vw,24px);line-height:1.25}
.case summary::after{content:"+";grid-column:2;grid-row:1/span 2;align-self:center;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c-gray);font:400 20px/1 var(--f-body);transition:transform var(--speed) var(--ease)}
.case[open] summary::after{transform:rotate(45deg)}
.case summary:hover h3{color:var(--c-accent)}
.case ul{list-style:none;margin:0;padding:0 0 28px;display:grid;gap:10px;font-size:17px;max-width:62ch}
.case li{padding-left:18px;position:relative}
.case li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--c-accent)}

/* ---------- Form ---------- */
.formwrap{width:100%;max-width:760px;justify-self:center;scroll-margin-top:80px}
.js .formwrap:not(.open){display:none}
.form{display:grid;gap:20px;background:var(--c-gray);border-radius:var(--radius-tile);padding:clamp(24px,4vw,48px);text-align:left}
.form h3{font-size:28px}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:620px){.f2{grid-template-columns:minmax(0,1fr)}}
.field{display:grid;gap:8px}
.field label,.field legend{font-size:14px;font-weight:600}
.field input,.field select,.field textarea{font:17px var(--f-body);color:var(--c-ink);background:var(--c-bg);border:1px solid var(--c-line);border-radius:12px;padding:14px 16px;width:100%;min-height:52px}
.field input:focus,.field select:focus{outline:0;border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 25%,transparent)}
fieldset{border:0;padding:0;margin:0}
.choices{display:flex;flex-wrap:wrap;gap:8px}
.choices label{display:inline-flex;align-items:center;gap:8px;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius);padding:10px 16px;font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap}
.choices label:has(input:checked){border-color:var(--c-accent);color:var(--c-accent)}
.choices input,.check input{accent-color:var(--c-accent)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.check input{margin-top:3px}

/* Beta: kart seçimi */
a.card.pick{text-decoration:none;color:inherit;cursor:pointer}
a.card.pick.on{box-shadow:0 0 0 2px var(--c-accent)}

/* ---------- SSS ---------- */
.faq{display:grid;width:100%;border-top:1px solid var(--c-line);text-align:left}
.faq details{border-bottom:1px solid var(--c-line);padding:22px 0}
.faq summary{cursor:pointer;font:600 19px var(--f-display);letter-spacing:-0.01em;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c-gray);font:400 20px/1 var(--f-body);transition:transform var(--speed) var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding-top:12px;color:var(--c-muted);max-width:62ch}

/* ---------- Teşekkür ve hazırlanıyor ---------- */
.soon{display:grid;gap:24px;max-width:680px;justify-items:center;text-align:center}
.soon .way{width:100%}
.soon .row{justify-content:center}

/* ---------- Yol satırı, e-posta ---------- */
.crumb{font-size:14px;font-weight:600;color:var(--c-muted)}
.crumb a{color:var(--c-accent);text-decoration:none}
.crumb a:hover{text-decoration:underline}
.mail{color:var(--c-accent);text-decoration:none}
.mail:hover{text-decoration:underline}
.sec.dark .mail{color:var(--c-bg)}

/* ---------- Altbilgi: açık gri, küçük yazı ---------- */
.foot{background:var(--c-gray);color:var(--c-muted);padding-block:48px 28px;font-size:13px}
.foot .wrap{max-width:1080px}
.foot .grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px;padding-bottom:32px;border-bottom:1px solid color-mix(in srgb,var(--c-ink) 14%,transparent)}
@media (max-width:820px){.foot .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot .grid > :first-child{grid-column:1/-1}}
.foot .logo img{height:18px}
.foot .sig{font-family:var(--f-display);font-weight:var(--w-display);font-size:19px;letter-spacing:-0.01em;line-height:1.3;max-width:24ch;color:var(--c-ink)}
.foot h4{margin:0 0 12px;font:600 13px var(--f-body);color:var(--c-ink)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--c-ink);text-decoration:underline}
.foot .base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:12px}

/* ---------- Çerez bandı ---------- */
.cookie{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;max-width:520px;margin-left:auto;background:color-mix(in srgb,var(--c-bg) 88%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--c-ink);border-radius:var(--radius-card);padding:20px;display:grid;gap:14px;box-shadow:0 10px 40px rgba(0,0,0,.14);font-size:14px}
.cookie[hidden]{display:none}

/* ---------- E-posta seçim kutusu ---------- */
.mailpick{position:fixed;z-index:120;display:grid;min-width:220px;background:color-mix(in srgb,var(--c-bg) 92%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--c-ink);border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.16);padding:6px;font:600 15px var(--f-body)}
.mailpick a,.mailpick button{display:block;text-align:left;padding:10px 12px;border-radius:10px;text-decoration:none;color:inherit;background:none;border:0;font:inherit;cursor:pointer}
.mailpick a:hover,.mailpick button:hover{background:var(--c-gray)}

/* ---------- Kaydırınca hafif belirme ---------- */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity 900ms var(--ease),transform 900ms var(--ease)}
.js .rv.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;transform:none}
}

/* Ortalanmış başlık bloklarında açıklama da ortada */
.wrap.stack > .stack{justify-items:center}
.wrap.stack .lede,.split > :first-child .lede{margin-inline:auto}

/* Başlık altı metinler geniş: masaüstünde iki satır (23 Ekim) */
.lede{max-width:1080px;font-size:clamp(18px,1.7vw,22px)}
.hero .stack{max-width:1080px}
.split > :first-child{max-width:1080px}
.split > :first-child .muted,.split > :first-child > p:not(.slogan){max-width:1080px!important}
.split > :last-child:not(:first-child){max-width:980px}
.prose{max-width:none}
.formwrap{max-width:980px}

/* =================== 23 Ekim · detay partisi 1 =================== */

/* Butonlar: üzerine gelince renk soldan sağa akar.
   Dolu buton negatife döner (beyaz zemin, mavi yazı); içi boş buton maviye dolar (beyaz yazı). */
.btn{position:relative;isolation:isolate;overflow:hidden;--sweep:var(--c-bg);transition:color 450ms var(--ease),border-color 450ms var(--ease)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sweep);transform:scaleX(0);transform-origin:left center;transition:transform 450ms var(--ease)}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1)}
.btn:hover,.btn:focus-visible{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent)}
.btn.line{--sweep:var(--c-accent)}
.btn.line:hover,.btn.line:focus-visible{background:transparent;color:var(--c-accent-ink);border-color:var(--c-accent)}
.sec.dark .btn.line:hover,.sec.dark .btn.line:focus-visible{background:transparent;color:var(--c-accent-ink);border-color:var(--c-accent)}
a.card.pick:hover .btn::before{transform:scaleX(1)}
a.card.pick:hover .btn{color:var(--c-accent)}

/* Menü: solda bağlantılar, ortada logo, sağda dil ve Başvurun */
.nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
.nav-l{display:flex;align-items:center;min-width:0}
.nav .menu{margin-left:0;gap:24px}
.nav .menu a{font-size:11px}
.nav .logo{justify-self:center}
.nav-r{justify-self:end}
.lang{font-size:10px}
@media (max-width:680px){.nav .burger{margin-left:0;font-size:11px}}

/* Ana sayfa: açık logo ilk ekranın ortasında; ilk kaydırmada kapanıp menünün ortasına oturur */
.hlogo,.hl-space{display:none}
.js .hlogo{display:block;position:fixed;left:50%;top:var(--oy,40vh);z-index:60;line-height:0;transform:translate(-50%,-50%);transform-origin:center center;opacity:0;transition:top 900ms var(--ease),transform 900ms var(--ease),opacity 300ms}
.js .hlogo.ready{opacity:1}
.js .hlogo.closed{top:var(--cy,28px);transform:translate(-50%,-50%) scale(var(--s,.2))}
.hlogo svg{display:block;width:100%;height:auto;overflow:visible}
.hlogo image{transform-box:fill-box;transition:transform 900ms var(--ease),opacity 500ms var(--ease)}
.hlogo .m{transform-origin:center center}
.hlogo.closed .l{transform:translateX(1221px)}
.hlogo.closed .r{transform:translateX(-1221px)}
.hlogo.closed .m{opacity:0;transform:scaleX(.15)}
.js .hl-space{display:block;margin-bottom:clamp(24px,4vw,48px)}
.js .home .nav .logo{visibility:hidden}
.home .hero .lede{font-size:clamp(16px,1.35vw,19px);max-width:860px}
.home .hero .btn{font-size:15px;padding:10px 20px}

/* Bakış açımız: slogan iki satır, virgülden sonrası mavi, alt yazı ortalı */
.slogan em{font-style:normal;color:var(--c-accent)}
#bakis .slogan{max-width:none;font-size:var(--t-h2)}
#bakis .split > :last-child > .prose{text-align:center;margin-inline:auto}
#bakis .duo div:first-child{background:var(--c-ink);color:var(--c-bg)}
#bakis .duo div:first-child .muted{color:color-mix(in srgb,var(--c-bg) 72%,transparent)}
#bakis .duo p{font-size:15px}

/* Alt metinler daha sade */
.prose{font-size:17px}
.way p,.card p{font-size:15px;line-height:1.55}
.way ul,.case ul{font-size:15px}
.split > :first-child > p.muted{font-size:16px}

/* Altı eksen: çubuklar görününce dolar */
.js .links .fill{width:0;transition:width 1400ms var(--ease)}
.js .links.in .fill{width:var(--v)}
.links .lk:nth-child(2) .fill{transition-delay:90ms}.links .lk:nth-child(3) .fill{transition-delay:180ms}
.links .lk:nth-child(4) .fill{transition-delay:270ms}.links .lk:nth-child(5) .fill{transition-delay:360ms}
.links .lk:nth-child(6) .fill{transition-delay:450ms}

/* Ana sayfa hizmetler: başlık ve üst başlık görünür, gerisi açılıp kapanır */
.ways{align-items:start}
.way.acc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}
.way.acc summary::-webkit-details-marker{display:none}
.way.acc summary .k{grid-column:1}
.way.acc summary h3{grid-column:1}
.way.acc summary::after{content:"+";grid-column:2;grid-row:1/span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c-bg);font:400 20px/1 var(--f-body);transition:transform var(--speed) var(--ease)}
.way.acc[open] summary::after{transform:rotate(45deg)}
.way.acc summary:hover h3{color:var(--c-accent)}
.way.acc[open]{gap:14px}
.way.acc:not([open]){gap:0}

@media (prefers-reduced-motion:reduce){.js .links .fill{width:var(--v)}}

/* =================== 23 Ekim · revizyon 2 =================== */

/* Butonlar: hover katmanı soldan girer, soldan sağa çıkar; üzerindeyken yazı %15 küçülür.
   Dolu buton negatife döner (beyaz zemin, mavi yazı); içi boş buton maviye dolar (beyaz yazı). */
.btn::before{display:none}
.btn,.btn:hover,.btn:focus-visible{background:var(--c-accent);color:var(--c-accent-ink);border-color:var(--c-accent)}
.btn.line,.btn.line:hover,.btn.line:focus-visible{background:transparent;color:var(--c-accent);border-color:var(--c-accent)}
.sec.dark .btn.line,.sec.dark .btn.line:hover{background:transparent;color:var(--c-bg);border-color:var(--c-bg)}
.btn .bh{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--c-bg);color:var(--c-accent);clip-path:inset(0 100% 0 0);pointer-events:none}
.btn.line .bh{background:var(--c-accent);color:var(--c-accent-ink)}
.btn .bh > span{display:inline-block;transform:scale(.85)}
.btn.h-in .bh{animation:bh-in 480ms var(--ease) forwards}
.btn.h-out .bh{animation:bh-out 480ms var(--ease) forwards}
.btn.h-in .bt,.btn.h-out .bt{transition:opacity 0s 480ms}
@keyframes bh-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes bh-out{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}
@media (prefers-reduced-motion:reduce){.btn.h-in .bh{animation:none;clip-path:inset(0)}.btn.h-out .bh{animation:none;clip-path:inset(0 100% 0 0)}}

/* Ana sayfa ilk ekran: tam ekran, altı görünmez. Logo, açıklama ve butonlar ortada. */
.home .hero{min-height:calc(100vh - 57px);min-height:calc(100svh - 57px);display:grid;align-content:center;padding-block:40px}
.home .hero h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.home .hero .stack{gap:28px}

/* Logo: kaydırınca önce kapanır, sonra yukarı kayar; en üste dönünce önce iner, sonra açılır */
.js .hlogo{transition:top 800ms var(--ease) 0ms,transform 800ms var(--ease) 0ms,opacity 300ms}
.js .hlogo image{transition:transform 650ms var(--ease) 700ms,opacity 450ms var(--ease) 750ms}
.js .hlogo.closed{transition:top 800ms var(--ease) 550ms,transform 800ms var(--ease) 550ms,opacity 300ms}
.js .hlogo.closed image{transition:transform 650ms var(--ease) 0ms,opacity 400ms var(--ease) 0ms}

/* =================== 23 Ekim · revizyon 3 =================== */

/* Butonlar: açık zeminde hepsi çerçeveli (mavi çerçeve, mavi yazı); üzerine gelince soldan sağa maviyle dolar.
   Koyu zeminde beyaz çerçeve, beyaz yazı; üzerine gelince aynı hareketle maviyle dolar. */
.btn,.btn:hover,.btn:focus-visible,.btn.line,.btn.line:hover,.btn.line:focus-visible{background:transparent;color:var(--c-accent);border-color:var(--c-accent)}
.btn .bh,.btn.line .bh{background:var(--c-accent);color:var(--c-accent-ink)}
.sec.dark .btn,.sec.dark .btn:hover,.sec.dark .btn.line,.sec.dark .btn.line:hover{background:transparent;color:var(--c-bg);border-color:var(--c-bg)}
.sec.dark .btn .bh{background:var(--c-accent);color:var(--c-accent-ink)}

/* Ana sayfa: aşağı kaydır işareti; kaydırınca kaybolur */
.home .hero{position:relative}
.scrollhint{position:absolute;left:50%;bottom:clamp(20px,4vh,40px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--c-muted);text-decoration:none;transition:opacity 400ms var(--ease)}
.scrollhint svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:hint 1.8s var(--ease) infinite}
.scrollhint:hover{color:var(--c-accent)}
@keyframes hint{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.scrolled .scrollhint{opacity:0;pointer-events:none}

/* Sağ altta başa dön oku (tüm sayfalar) */
.totop{position:fixed;right:clamp(16px,2.4vw,28px);bottom:calc(clamp(16px,2.4vw,28px) + env(safe-area-inset-bottom,0px));z-index:55;width:44px;height:44px;border-radius:50%;border:1px solid var(--c-accent);background:var(--c-bg);color:var(--c-accent);display:grid;place-items:center;overflow:hidden;isolation:isolate;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 300ms var(--ease),transform 300ms var(--ease),visibility 300ms}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop .bt,.totop .bh > span{display:grid;place-items:center}
.totop svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.totop .bh{position:absolute;inset:0;display:grid;place-items:center;background:var(--c-accent);color:var(--c-accent-ink);clip-path:inset(0 100% 0 0);pointer-events:none}
.totop .bh > span{transform:scale(.85)}
.totop.h-in .bh{animation:bh-in 480ms var(--ease) forwards}
.totop.h-out .bh{animation:bh-out 480ms var(--ease) forwards}

/* =================== 23 Ekim · revizyon 4 =================== */

/* Açılış: logo ortada kapalı başlar, sayfa yüklenince yerinde açılır */
.js .hlogo.intro .l{transform:translateX(1221px)}
.js .hlogo.intro .r{transform:translateX(-1221px)}
.js .hlogo.intro .m{opacity:0;transform:scaleX(.15)}
.js .hlogo.opening image{transition:transform 900ms var(--ease) 0ms,opacity 600ms var(--ease) 250ms}

/* Aşağıdan gelen her öğe hafif bulanıklıktan netleşerek yukarı doğru oluşur */
.js .rv{opacity:0;transform:translateY(32px);filter:blur(10px);transition:opacity 900ms var(--ease),transform 900ms var(--ease),filter 900ms var(--ease)}
.js .rv.in{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){.js .rv{filter:none}}

/* Aşağı kaydırın: yazı ve ok yan yana */
.scrollhint{flex-direction:row;gap:8px}

/* Logo açılışı: yazı esnemez; parantezler ayrıldıkça aralarından ortadan dışa doğru açığa çıkar */
.hlogo .mclip{transform-box:fill-box;transform-origin:center center}
.js .hlogo .mclip{transition:transform 650ms var(--ease) 700ms}
.js .hlogo.closed .mclip{transition:transform 650ms var(--ease) 0ms}
.js .hlogo.opening .mclip{transition:transform 900ms var(--ease) 0ms}
.hlogo.closed .mclip,.js .hlogo.intro .mclip{transform:scaleX(0)}
.hlogo.closed .m,.js .hlogo.intro .m,.hlogo .m{opacity:1;transform:none}

/* Ana sayfa: logonun üstünde ince mavi tanım satırı; kaydırınca bulanıklaşıp kaybolur */
.hero-eyebrow{font:300 12px/1.3 var(--f-display);letter-spacing:.01em;color:var(--c-accent);margin:0;transition:opacity 500ms var(--ease),filter 500ms var(--ease),transform 500ms var(--ease)}
.scrolled .hero-eyebrow{opacity:0;filter:blur(8px);transform:translateY(-6px)}
.hero-eyebrow{position:relative;top:-50px;font-size:15px}
.hero-eyebrow{letter-spacing:.5em;margin-right:-.5em}

/* =================== 23 Ekim · ana sayfa alt bölümler =================== */
:root{--t-copy:clamp(16px,1.35vw,19px)}  /* ana sayfa body copy: girişteki açıklamayla aynı */

/* 1. Aşağı kaydırın: Space Grotesk */
.scrollhint{font-family:var(--f-display)}

/* Açık zemindeki bölüm üst başlıkları mavi */
.sec:not(.dark) .eyebrow{color:var(--c-accent)}

/* Ana sayfa body copy boyutları eşit */
.home #bakis .prose,.home #coherence .split > :first-child > p.muted,.home #urunler .lede,.home #calisma .lede,.home #basla .prose{font-size:var(--t-copy);line-height:1.5}

/* 2. Bakış açımız: slogan büyük, üç satır */
#bakis .slogan{font-size:clamp(40px,6.6vw,92px);line-height:1.04;max-width:15ch}

/* 3. Önlü arkalı kutular: öndeki net, arkadaki bulanık ve geride; üzerine gelinen ya da okla seçilen öne çıkar */
.home #bakis .duo{display:grid;grid-template-columns:42% 16% 42%;gap:0;padding-top:8px}
.home #bakis .duo > div{grid-row:1;min-height:300px;padding:clamp(28px,3.4vw,44px);align-content:end;transition:transform 700ms var(--ease),filter 700ms var(--ease),opacity 700ms var(--ease),box-shadow 700ms var(--ease);cursor:pointer;position:relative}
.home #bakis .duo > div:first-child{grid-column:1/3}
.home #bakis .duo > div:last-child{grid-column:2/4}
.home #bakis .duo > div.front{z-index:2;transform:none;filter:none;opacity:1;box-shadow:0 24px 60px -24px rgba(31,37,40,.45)}
.home #bakis .duo > div.back{z-index:1;transform:scale(.9);filter:blur(4px);opacity:.8;box-shadow:none}
.home #bakis .duo > div:first-child.back{transform-origin:left center}
.home #bakis .duo > div:last-child.back{transform-origin:right center}
.home #bakis .duo h3{font-size:clamp(22px,2.2vw,28px)}
@media (max-width:620px){.home #bakis .duo{grid-template-columns:12% 76% 12%}.home #bakis .duo > div{min-height:260px}}
.duo-nav{display:flex;justify-content:center;gap:12px;margin-top:4px}
.duo-nav button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;padding:0;transition:background var(--speed) var(--ease),color var(--speed) var(--ease),opacity var(--speed)}
.duo-nav button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.duo-nav button[aria-pressed="true"]{opacity:.4}
.duo-nav button:hover{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink);opacity:1}

/* 5. Coherence bölümü: sayfayı tam keser; üstteki kutuların altı bu bölümün üstüne hafifçe biner */
.home #bakis{position:relative;z-index:2;padding-bottom:0}
.home #coherence{position:relative;z-index:1;width:100%;max-width:none;border-radius:0;margin-top:-120px;padding-top:calc(var(--section) + 120px)}
.home #bakis .duo-nav{position:relative;z-index:3;color:var(--c-bg);margin-top:24px}

/* 6. En zayıf halka tek satır (telefonda iki satır) */
.home #coherence .slogan{max-width:none}
@media (min-width:700px){.home #coherence .slogan br{display:none}.home #coherence .slogan{white-space:nowrap}}

/* 7. Koyu zeminde de mavi gerçek mavi */
.sec.dark{--c-accent-dark:var(--c-accent)}
.sec.dark .lk.weak .nm,.sec.dark .lk.weak .sc,.sec.dark .lk .tag{color:color-mix(in srgb,var(--c-accent) 70%,var(--c-bg))}

/* 8. Grafik çubukları ışıklı */
.sec.dark .fill{box-shadow:0 0 10px rgba(255,255,255,.45),0 0 2px rgba(255,255,255,.8)}
.sec.dark .lk.weak .fill{box-shadow:0 0 14px var(--c-accent),0 0 4px var(--c-accent)}

/* 10. Ürün kutuları: mavi çerçeve, beyaz iç; üzerine gelince antrasit (negatif) */
.home #urunler .card{background:var(--c-bg);border:1.5px solid var(--c-accent);transition:background 450ms var(--ease),color 450ms var(--ease),border-color 450ms var(--ease),transform 500ms var(--ease)}
.home #urunler .card:hover{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}
.home #urunler .card:hover .btn{color:var(--c-bg);border-color:var(--c-bg)}
.home #urunler .card .btn{font-size:14px;padding:9px 18px}
.home #urunler .card:hover .facts{color:var(--c-bg)}

/* 12. Kutudaki bilgiler süreç gibi: numaralı adımlar, aralarında çizgi */
.home #urunler .facts{counter-reset:st;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;margin-top:6px;color:var(--c-ink)}
.home #urunler .facts span{counter-increment:st;position:relative;background:none;border-radius:0;padding:26px 10px 0 0;font-size:12px;font-weight:600;color:inherit;opacity:.85;line-height:1.3}
.home #urunler .facts span::before{content:counter(st);position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--c-accent);color:var(--c-accent-ink);font:600 10px/18px var(--f-display);text-align:center}
.home #urunler .facts span:not(:last-child)::after{content:"";position:absolute;left:24px;right:6px;top:9px;height:1px;background:currentColor;opacity:.35}

/* 13. Hizmetler kutuları: mavi çerçeve, içi boş; açılınca antrasit */
.home #calisma .way.acc{background:transparent;border:1.5px solid var(--c-accent);transition:background 450ms var(--ease),color 450ms var(--ease),border-color 450ms var(--ease)}
.home #calisma .way.acc[open]{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}
.home #calisma .way.acc[open] .muted{color:color-mix(in srgb,var(--c-bg) 72%,transparent)}
.home #calisma .way.acc[open] .k,.home #calisma .way.acc[open] summary:hover h3{color:color-mix(in srgb,var(--c-accent) 60%,var(--c-bg))}
.home #calisma .way.acc[open] li::before{background:var(--c-bg)}
.home #calisma .way.acc summary::after{background:var(--c-gray);color:var(--c-ink)}

/* 14. Kapanış bölümü ve altbilgi antrasit */
.home #basla{width:100%;max-width:none;border-radius:0}
.sec.cta.dark .mail{color:var(--c-bg);text-decoration:underline;text-underline-offset:3px}
.foot{background:var(--c-ink);color:color-mix(in srgb,var(--c-bg) 68%,transparent)}
.foot .sig,.foot h4{color:var(--c-bg)}
.foot a:hover{color:var(--c-bg)}
.foot .logo img{filter:brightness(0) invert(1)}
.foot .grid{border-bottom-color:color-mix(in srgb,var(--c-bg) 16%,transparent)}
.home #basla + .foot,.sec.cta.dark + .foot{border-top:1px solid color-mix(in srgb,var(--c-bg) 12%,transparent)}
#bakis .slogan{max-width:19ch}
.home #bakis .duo{grid-template-columns:44% 12% 44%}
.home #bakis .duo > div.back{filter:blur(3px)}

/* Bakış açımız kutuları: animasyon yok, yan yana; yazı üstte */
.home #bakis .duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:0}
.home #bakis .duo > div{grid-column:auto;grid-row:auto;align-content:start;cursor:default;transform:none;filter:none;opacity:1;box-shadow:none}
@media (max-width:620px){.home #bakis .duo{grid-template-columns:minmax(0,1fr)}}

/* Görüşmeden önce: açık gri zemin */
.home #basla{background:var(--c-gray)}
.home #bakis .duo > div:first-child,.home #bakis .duo > div:last-child{grid-column:auto;grid-row:auto}
.home #bakis .duo > div{min-height:240px}
.home #bakis{padding-bottom:0}
.home #bakis .split{padding-bottom:0}
.home #coherence{margin-top:-48px;padding-top:calc(var(--section) + 48px)}

/* =================== 23 Ekim · revizyon 6 =================== */
/* 1. Logo yukarı oturduktan sonra altındaki açıklama ve butonlar hafifçe yukarı kayar */
.home .hero .lede,.home .hero .row{transition:transform 900ms var(--ease) 0ms,opacity 900ms var(--ease),filter 900ms var(--ease)}
.scrolled .hero .lede,.scrolled .hero .row{transform:translateY(-56px);transition:transform 900ms var(--ease) 1250ms,opacity 900ms var(--ease),filter 900ms var(--ease)}

/* 2. Bakış açımız kutuları: ikisi de %10 gri, %50 gri çok ince çerçeve */
.home #bakis .duo > div,.home #bakis .duo > div:first-child{background:var(--c-gray);color:var(--c-ink);border:.5px solid #808080}
.home #bakis .duo > div:first-child .muted{color:var(--c-muted)}

/* 3. Hizmetler: kutular eşit yükseklikte, üzerine gelince açılır */
.home #calisma .ways{align-items:stretch}
.home #calisma .way.acc{align-content:start}

/* Bakış açımız kutuları: içi beyaz, üzerine gelince çok hafif büyür */
.home #bakis .duo > div,.home #bakis .duo > div:first-child{background:var(--c-bg);transition:transform 500ms var(--ease)}
.home #bakis .duo > div:hover{transform:scale(1.015)}

/* Hizmetler: yalnız üzerine gelinen kutu açılır; kapalıyken hepsi aynı yükseklikte */
.home #calisma .ways{align-items:start}
.home #calisma .way.acc summary{align-content:start}

/* Bakış açımız kutu başlıkları mavi */
.home #bakis .duo h3{color:var(--c-accent)}
/* Hizmetler: artı işareti her kutuda aynı yerde (sağ üst) */
.home #calisma .way.acc summary::after{grid-row:1;align-self:start}
/* Görüşmeden önce: alt metin başlığa yaklaşır, alt boşluk azalır */
.home #basla .split{gap:24px}
.home #basla{padding-bottom:calc(var(--section) * .7)}

/* Ürün kutuları: etiketler antrasit; butonlar iki kutuda aynı hizada (en altta) */
.home #urunler .ribbon{background:var(--c-ink);color:var(--c-bg)}
.home #urunler .card:hover .ribbon{background:var(--c-bg);color:var(--c-ink)}
.home #urunler .cards{align-items:stretch}
.home #urunler .card{display:flex;flex-direction:column;gap:18px}
.home #urunler .card .btn{margin-top:auto;align-self:flex-start}
.home #urunler .card:hover .ribbon{background:var(--c-ink);color:var(--c-bg)}

/* Ürün kutuları: zemin sabit antrasit, etiketler mavi; üzerine gelince kutu değişmez. Butonlar beyaz çerçeve, üzerine gelince maviyle dolar. */
.home #urunler .card,.home #urunler .card:hover{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink);transform:none}
.home #urunler .ribbon,.home #urunler .card:hover .ribbon{background:var(--c-accent);color:var(--c-accent-ink)}
.home #urunler .card .btn,.home #urunler .card:hover .btn{color:var(--c-bg);border-color:var(--c-bg)}
.home #urunler .card .btn.h-in{border-color:var(--c-accent)}
.home #urunler .card .btn .bh{background:var(--c-accent);color:var(--c-accent-ink)}
.home #urunler .facts,.home #urunler .card:hover .facts{color:var(--c-bg)}

/* Ürün kutusu butonları: beyaz zemin, mavi yazı; üzerine gelince mavi zemin, beyaz yazı */
.home #urunler .card .btn,.home #urunler .card:hover .btn{background:var(--c-bg);color:var(--c-accent);border-color:var(--c-bg)}
.home #urunler .card .btn.h-in{border-color:var(--c-accent)}

/* Logo üstü tanım satırı siyah; bölüm üst başlıkları siyah */
.hero-eyebrow{color:var(--c-ink)}
.sec:not(.dark) .eyebrow{color:var(--c-ink)}

/* =================== 23 Ekim · ana sayfa düzeni tüm sayfalarda =================== */
/* Body copy: tüm sayfalarda girişteki açıklamayla aynı boy */
.lede,.prose,.split > :first-child > p.muted,.soon .muted{font-size:var(--t-copy);line-height:1.5}
.split > :first-child > p.muted{max-width:980px!important}

/* Koyu bölümler sayfayı tam keser */
.sec.dark{width:100%;max-width:none;border-radius:0}

/* Kapanış bölümleri: açık gri zemin, metin başlığa yakın */
.sec.cta{background:var(--c-gray);padding-bottom:calc(var(--section) * .7)}
.sec.cta .split{gap:24px}
.sec.cta + .foot{border-top:0}

/* Ürün kutuları (tüm sayfalar): zemin antrasit, etiket mavi, buton beyaz zemin mavi yazı; kutu üzerine gelince değişmez */
.card,.card:hover{background:var(--c-ink);color:var(--c-bg);border:1.5px solid var(--c-ink);transform:none;display:flex;flex-direction:column;gap:18px}
.card .muted,.card p{color:color-mix(in srgb,var(--c-bg) 82%,transparent)}
.card .ribbon,.card:hover .ribbon{background:var(--c-accent);color:var(--c-accent-ink)}
.cards{align-items:stretch}
.card .btn,.card:hover .btn{margin-top:auto;align-self:flex-start;background:var(--c-bg);color:var(--c-accent);border-color:var(--c-bg);font-size:14px;padding:9px 18px}
.card .btn.h-in{border-color:var(--c-accent)}
.card .btn .bh{background:var(--c-accent);color:var(--c-accent-ink)}
a.card.pick.on{box-shadow:0 0 0 3px var(--c-accent)}

/* Bilgi kutuları (iç sayfalar): mavi çerçeve, beyaz iç */
.sec:not(.dark) .way:not(.acc){background:var(--c-bg);border:1.5px solid var(--c-accent)}
.soon .way{background:var(--c-bg);border:1.5px solid var(--c-accent)}

/* Beta: kurucu notu (görsel yeri kaldırıldı) */
.founder-note{font-size:15px;color:color-mix(in srgb,var(--c-bg) 80%,transparent)}
a.card.pick,a.card.pick:hover{color:var(--c-bg)}

/* =================== NO2 · renk denemesi 1 =================== */
/* Ana sayfa ilk ekran: koyu lacivert zemin, açık metin */
:root{--c-hero-bg:#1c2435;--c-hero-ink:#f5f7fa}
.home .hero{background:var(--c-hero-bg);color:var(--c-hero-ink)}
.home .hero .lede,.home .hero-eyebrow{color:var(--c-hero-ink)}
.home .hero .scrollhint{color:color-mix(in srgb,var(--c-hero-ink) 75%,transparent)}
.home .hero .scrollhint:hover{color:var(--c-hero-ink)}
.home .hero .btn,.home .hero .btn:hover{background:transparent;color:var(--c-hero-ink);border-color:var(--c-hero-ink)}
.home .hero .btn.h-in{border-color:var(--c-accent)}
/* Açık logo koyu zeminde açık renkte; kapanıp beyaz menüye oturunca koyu rengine döner */
.hlogo .l,.hlogo .r{transition:transform 650ms var(--ease) 700ms,filter 500ms var(--ease) 900ms}
.hlogo:not(.closed) .l,.hlogo:not(.closed) .r{filter:brightness(0) invert(.965)}
.js .hlogo.closed .l,.js .hlogo.closed .r{filter:none;transition:transform 650ms var(--ease) 0ms,filter 400ms var(--ease) 650ms}
.js .hlogo.opening .l,.js .hlogo.opening .r{transition:transform 900ms var(--ease) 0ms,filter 0ms}

/* =================== NO2 · renk denemesi 2 =================== */
/* Koyu alanın vurgu rengi (ilk ekran ve menü) */
:root{--c-hero-accent:#e7a8ff}

/* Menü: koyu zemin, açık metin (tüm sayfalar) */
.nav{background:color-mix(in srgb,var(--c-hero-bg) 92%,transparent);border-bottom-color:color-mix(in srgb,var(--c-hero-ink) 12%,transparent);color:var(--c-hero-ink)}
.nav .menu a{color:color-mix(in srgb,var(--c-hero-ink) 72%,transparent)}
.nav .menu a:hover,.nav .menu a[aria-current="page"]{color:var(--c-hero-ink)}
.nav .lang a{color:color-mix(in srgb,var(--c-hero-ink) 72%,transparent)}
.nav .lang a:hover{color:var(--c-hero-ink)}
.nav .lang span{background:color-mix(in srgb,var(--c-hero-ink) 16%,transparent);color:var(--c-hero-ink)}
.nav .burger{color:var(--c-hero-ink)}
.nav .logo img{filter:brightness(0) invert(.965)}
@media (max-width:680px){.nav .menu{background:var(--c-hero-bg);border-bottom-color:color-mix(in srgb,var(--c-hero-ink) 12%,transparent)}.nav .menu a{color:var(--c-hero-ink);border-bottom-color:color-mix(in srgb,var(--c-hero-ink) 12%,transparent)}}

/* Menü ve ilk ekrandaki butonlar: leylak çerçeve; üzerine gelince leylakla dolar, yazı koyu */
.nav .btn,.nav .btn:hover{background:transparent;color:var(--c-hero-accent);border-color:var(--c-hero-accent)}
.home .hero .btn,.home .hero .btn:hover{color:var(--c-hero-ink);border-color:var(--c-hero-ink)}
.nav .btn .bh,.home .hero .btn .bh{background:var(--c-hero-accent);color:var(--c-hero-bg)}
.nav .btn.h-in,.home .hero .btn.h-in{border-color:var(--c-hero-accent)}

/* Ana sayfa logosu: koyu menüye oturduğunda da açık renkte kalır */
.js .hlogo.closed .l,.js .hlogo.closed .r{filter:brightness(0) invert(.965)}
.nav{background:color-mix(in srgb,var(--c-hero-bg) 97%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}

/* =================== NO2 · renk denemesi 3 =================== */
:root{--c-hero-bg:#551fe2;--c-hero-ink:#ffffff;--c-hero-accent:#d5edff}
.nav .logo img,.hlogo:not(.closed) .l,.hlogo:not(.closed) .r,.js .hlogo.closed .l,.js .hlogo.closed .r{filter:brightness(0) invert(1)}
.nav{background:color-mix(in srgb,var(--c-hero-bg) 99%,transparent)}
:root{--c-hero-bg:#0a215c}


/* =================== NO2 · renk denemesi 6: ilk ekran ve menü vurgusu #dd6eff =================== */
:root{--c-hero-accent:#dd6eff}
:root{--c-hero-accent:#f0fec1}
:root{--c-hero-accent:#56f2ca}
:root{--c-hero-bg:#141f3e}
:root{--c-hero-bg:#200e67}

/* =================== NO2 · renk sistemi tüm sitede =================== */
/* Açık zemin: vurgu mor (#200e67). Koyu yüzeyler: zemin mor, yazı beyaz, vurgu yeşil (#56f2ca). */
:root{--c-accent:var(--c-hero-bg);--c-accent-ink:#ffffff}
.sec.dark,.card,.foot,.home #calisma .way.acc[open]{--c-accent:var(--c-hero-accent);--c-accent-dark:var(--c-hero-accent);--c-accent-ink:var(--c-hero-bg)}
.sec.dark{background:var(--c-hero-bg)}
.sec.dark .links{background:color-mix(in srgb,var(--c-bg) 8%,var(--c-hero-bg))}
.sec.dark .way{background:color-mix(in srgb,var(--c-bg) 8%,var(--c-hero-bg))}
.sec.dark .lk.weak .nm,.sec.dark .lk.weak .sc,.sec.dark .lk .tag{color:var(--c-hero-accent)}
.sec.dark .btn .bh{background:var(--c-hero-accent);color:var(--c-hero-bg)}
.sec.dark .btn.h-in{border-color:var(--c-hero-accent)}
/* Ürün kutuları */
.card,.card:hover{background:var(--c-hero-bg);border-color:var(--c-hero-bg)}
.card .ribbon,.card:hover .ribbon{background:var(--c-hero-accent);color:var(--c-hero-bg)}
.card .btn,.card:hover .btn,.home #urunler .card .btn,.home #urunler .card:hover .btn{background:var(--c-bg);color:var(--c-hero-bg);border-color:var(--c-bg)}
.card .btn .bh{background:var(--c-hero-accent);color:var(--c-hero-bg)}
.card .btn.h-in{border-color:var(--c-hero-accent)}
.home #urunler .facts span::before{background:var(--c-hero-accent);color:var(--c-hero-bg)}
/* Hizmetler kutusu açılınca mor */
.home #calisma .way.acc[open]{background:var(--c-hero-bg);border-color:var(--c-hero-bg)}
.home #calisma .way.acc[open] .k,.home #calisma .way.acc[open] summary:hover h3{color:var(--c-hero-accent)}
.home #calisma .way.acc[open] li::before{background:var(--c-hero-accent)}
/* Footer */
.foot{background:var(--c-hero-bg)}
.home #urunler .card,.home #urunler .card:hover{background:var(--c-hero-bg);border-color:var(--c-hero-bg)}

/* =================== NO2 · menü: ilk ekranda mor, beyaz alana geçince NO1'deki gibi beyaz =================== */
.nav{transition:background 500ms var(--ease),border-color 500ms var(--ease),color 500ms var(--ease)}
/* Varsayılan (diğer sayfalar ve kaydırılmış ana sayfa): NO1 menüsü */
.nav{background:color-mix(in srgb,var(--c-bg) 80%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom-color:var(--c-line);color:var(--c-ink)}
.nav .menu a{color:var(--c-muted)}
.nav .menu a:hover,.nav .menu a[aria-current="page"]{color:var(--c-ink)}
.nav .lang a{color:var(--c-muted)}
.nav .lang a:hover{color:var(--c-ink)}
.nav .lang span{background:var(--c-gray);color:var(--c-ink)}
.nav .burger{color:var(--c-ink)}
.nav .logo img{filter:none}
.nav .btn,.nav .btn:hover{background:transparent;color:var(--c-accent);border-color:var(--c-accent)}
.nav .btn .bh{background:var(--c-accent);color:var(--c-accent-ink)}
.nav .btn.h-in{border-color:var(--c-accent)}
@media (max-width:680px){.nav .menu{background:var(--c-bg);border-bottom-color:var(--c-line)}.nav .menu a{color:var(--c-ink);border-bottom-color:var(--c-line)}}

/* Ana sayfa: menünün altında ilk ekran varken mor menü */
.over-hero .nav{background:var(--c-hero-bg);border-bottom-color:color-mix(in srgb,var(--c-hero-ink) 12%,transparent);color:var(--c-hero-ink)}
.over-hero .nav .menu a,.over-hero .nav .lang a{color:color-mix(in srgb,var(--c-hero-ink) 72%,transparent)}
.over-hero .nav .menu a:hover,.over-hero .nav .menu a[aria-current="page"],.over-hero .nav .lang a:hover{color:var(--c-hero-ink)}
.over-hero .nav .lang span{background:color-mix(in srgb,var(--c-hero-ink) 16%,transparent);color:var(--c-hero-ink)}
.over-hero .nav .burger{color:var(--c-hero-ink)}
.over-hero .nav .btn,.over-hero .nav .btn:hover{color:var(--c-hero-accent);border-color:var(--c-hero-accent)}
.over-hero .nav .btn .bh{background:var(--c-hero-accent);color:var(--c-hero-bg)}
@media (max-width:680px){.over-hero .nav .menu{background:var(--c-hero-bg)}.over-hero .nav .menu a{color:var(--c-hero-ink)}}

/* Ana sayfa logosu: menü morken açık, beyaza geçince koyu */
.js .hlogo.closed .l,.js .hlogo.closed .r{filter:none;transition:transform 650ms var(--ease) 0ms,filter 500ms var(--ease) 0ms}
.js .over-hero .hlogo.closed .l,.js .over-hero .hlogo.closed .r{filter:brightness(0) invert(1)}

/* =================== NO2 · beyaz alanda renkli yazılar yeşil (#56f2ca) =================== */
.sec:not(.dark) h1 em,.sec:not(.dark) h2 em,.sec:not(.dark) .slogan em,body:not(.home) .hero h1 em,
.home #bakis .duo h3,
.sec:not(.dark) .way .k,.sec:not(.dark) .case summary .k,.sec:not(.dark) .crumb a,.sec:not(.dark) .mail,.hero .crumb a,
.sec:not(.dark) .case summary:hover h3,.home #calisma .way.acc:not([open]) .k{color:var(--c-hero-accent)}

/* =================== NO2 · zemin #2f0e67, vurgu morun açığı #9663ee =================== */
:root{--c-hero-bg:#2f0e67;--c-hero-accent:#9663ee}
.nav .btn .bh,.home .hero .btn .bh,.over-hero .nav .btn .bh,.sec.dark .btn .bh,.card .btn .bh{color:#ffffff}
.card .ribbon,.card:hover .ribbon,.home #urunler .ribbon,.home #urunler .card:hover .ribbon{color:#ffffff}
.home #urunler .facts span::before{color:#ffffff}

/* =================== NO2 · yeşil (#56f2ca) logo yazısı ve butonlarda; açık mor (#9663ee) yalnız yazılarda =================== */
:root{--c-hero-accent:#56f2ca;--c-text-accent:#9663ee}
.nav .btn .bh,.home .hero .btn .bh,.over-hero .nav .btn .bh,.sec.dark .btn .bh,.card .btn .bh{color:var(--c-hero-bg)}
.card .ribbon,.card:hover .ribbon,.home #urunler .ribbon,.home #urunler .card:hover .ribbon{color:var(--c-hero-bg)}
.home #urunler .facts span::before{color:var(--c-hero-bg)}
/* Yazılar açık mor */
.sec:not(.dark) h1 em,.sec:not(.dark) h2 em,.sec:not(.dark) .slogan em,body:not(.home) .hero h1 em,
.home #bakis .duo h3,
.sec:not(.dark) .way .k,.sec:not(.dark) .case summary .k,.sec:not(.dark) .crumb a,.sec:not(.dark) .mail,.hero .crumb a,
.sec:not(.dark) .case summary:hover h3,.home #calisma .way.acc:not([open]) .k,
.sec.dark .lk.weak .nm,.sec.dark .lk.weak .sc,.sec.dark .lk .tag{color:var(--c-text-accent)}

/* =================== NO2 · 23 Ekim akşam: mor vurgu yazıları fosforlu mor, başlıklar antrasit =================== */
:root{--c-text-accent:#6b14ff}   /* zemin morunun %40 açığı, tam doygun; beyazda kontrast 6,6 */
.sec.dark .lk.weak .nm,.sec.dark .lk.weak .sc,.sec.dark .lk .tag{color:#9663ee}
.sec:not(.dark) h1,.sec:not(.dark) h2,.sec:not(.dark) .slogan,body:not(.home) .hero h1,.soon h1{color:#383e42}

:root{--c-hero-bg:#280c6e}  /* NO2: zemin moru (Perin seçimi) */
:root{--c-hero-bg:#2f0e81}  /* NO2: zemin moru (Perin seçimi) */
:root{--c-hero-bg:#260b67}  /* NO2: #2f0e81 %20 koyulaştırıldı */
:root{--c-hero-bg:#280c6c}  /* NO2: #260b67 %5 açıldı */
:root{--c-hero-bg:#2a0d71}  /* NO2: #280c6c %5 açıldı */
:root{--c-hero-bg:#1d0d71}  /* NO2: #2a0d71 tonu maviye çekildi (257°→249°) */

/* =========================================================
   KİLİTLİ RENKLER (23 Ekim 2026, Perin onayı). Değiştirmeden önce Perin'e sor.
   Koyu yüzey ........ #1d0d71  menü (ana sayfa ilk ekranda), ilk ekran, koyu bölümler, ürün kutuları,
                                açılan hizmet kutusu, footer; beyaz zemindeki buton ve çerçeveler
   Koyu zeminde vurgu  #56f2ca  logo yazısı, buton dolgusu, etiketler, adım daireleri, en zayıf halka çubuğu
   Beyazda vurgu yazı  #6b14ff  başlıkların renkli kısmı, kutu başlıkları, küçük etiketler, bağlantılar
   Koyuda vurgu yazı . #9663ee  koyu bölümdeki "en zayıf halka" yazısı
   Başlık ............ #383e42  beyaz zemindeki başlıkların koyu kısmı
   Gri yüzey ......... #e6e6e6  %10 buz grisi (kapanış bölümü, dil düğmesi)
   ========================================================= */
:root{--c-hero-bg:#1d0d71;--c-hero-accent:#56f2ca;--c-text-accent:#6b14ff;--c-gray:#e6e6e6}
.sec.dark .lk.weak .nm,.sec.dark .lk.weak .sc,.sec.dark .lk .tag{color:#9663ee}
.sec:not(.dark) h1,.sec:not(.dark) h2,.sec:not(.dark) .slogan,body:not(.home) .hero h1,.soon h1{color:#383e42}

/* =================== NO3 · 24 Ekim · ana sayfa parallax =================== */
/* Logonun konumu ve ölçüsü artık kaydırmaya bağlı (site.js). Konum geçişi kapatıldı; parçaların kapanıp açılma animasyonu aynı.
   Önceki: .js .hlogo.closed{transition:top 800ms var(--ease) 550ms,transform 800ms var(--ease) 550ms,opacity 300ms} */
.js .hlogo.px,.js .hlogo.px.closed{transition:opacity 300ms}
/* Önceki (rev 6): .scrolled .hero .lede,.scrolled .hero .row{transform:translateY(-56px)}. Artık parallax ile kayıp sönüyor */
.scrolled .hero .lede,.scrolled .hero .row{transform:none}
.home .hero{overflow:hidden}

/* =================== NO3 · 24 Ekim · ana sayfa boşlukları eşitlendi =================== */
/* Her blokta: etiket → başlık arası --g-eh, başlık → metin arası --g-hb.
   Önceki değerler (masaüstü): Bakış 20/64, Coherence 20/20, Coherence'a başlangıç 32/32, Hizmetler 16/16, Görüşmeden önce –/24 */
:root{--g-eh:20px;--g-hb:clamp(20px,3.06vw,44px)}
/* Bakış açımız: metin 20px yukarı (önceki split gap clamp(40px,5vw,64px)) */
.home #bakis .split{gap:var(--g-hb)}
.home #bakis .split > :first-child{gap:var(--g-eh)}
/* Coherence: yığın aralığı 20px, başlıktan sonra --g-hb */
.home #coherence .split > :first-child{gap:var(--g-eh)}
.home #coherence .split > :first-child > h2{margin-bottom:calc(var(--g-hb) - var(--g-eh))}
/* Coherence'a başlangıç: yığın aralığı 32px (satır içi), etiket ve başlık altı ayarlandı */
.home #urunler .eyebrow{margin-bottom:calc(var(--g-eh) - 32px)}
.home #urunler h2{margin-bottom:calc(var(--g-hb) - 32px)}
/* Hizmetler: yığın aralığı 16px (satır içi) */
.home #calisma .eyebrow{margin-bottom:calc(var(--g-eh) - 16px)}
.home #calisma h2{margin-bottom:calc(var(--g-hb) - 16px)}
/* Görüşmeden önce: başlık → metin (önceki 24px) */
.home #basla .split{gap:var(--g-hb)}
/* Coherence bölümü üst boşluğu 40px azaldı. Önceki: padding-top:calc(var(--section) + 48px) */
.home #coherence{padding-top:calc(var(--section) + 8px)}
/* Grafikte en zayıf halka yazısı turkuaz. Önceki: #9663ee */
.sec.dark .lk.weak .nm,.sec.dark .lk.weak .sc,.sec.dark .lk .tag{color:var(--c-hero-accent)}
/* Coherence'a başlangıç: üstü açıldı, Hizmetler'le arası daraldı. İkisi de Bakış açımız üstüyle aynı (--section, masaüstü 128px).
   Önceki: padding-top:calc(var(--section) * .5) (64px), padding-bottom:var(--section) (128px; Hizmetler'le arası 192px) */
.home #urunler{padding-top:var(--section);padding-bottom:calc(var(--section) * .5)}

/* =================== NO3 · 24 Ekim · üst menü: bulunulan sayfa ve hover göstergesi =================== */
/* Menü bağlantıları menü yüksekliği boyunca uzar; alt çizginin hemen üstünde 4px kutu.
   Bulunulan sayfada sabit görünür (ana sayfada yok), üzerine gelince aşağıdan yukarı belirir.
   Beyaz menüde #6b14ff, mor menüde (ana sayfa ilk ekran) #56f2ca. Önceki: yalnız yazı rengi değişiyordu. */
@media (min-width:681px){
  .nav .wrap{align-items:stretch}
  .nav .nav-l,.nav .menu{align-self:stretch;align-items:stretch}
  .nav .logo,.nav .nav-r{align-self:center}
  .nav .menu a{position:relative;display:flex;align-items:center}
  .nav .menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--c-text-accent);transform:scaleY(0);transform-origin:50% 100%;transition:transform 260ms var(--ease)}
  .nav .menu a:hover::after,.nav .menu a:focus-visible::after,.nav .menu a[aria-current="page"]::after{transform:scaleY(1)}
  .over-hero .nav .menu a::after{background:var(--c-hero-accent)}
}

/* =================== NO3 · 24 Ekim · Coherence sayfası =================== */
/* 1. İlk ekran ana sayfa gibi: koyu mor zemin, tam ekran, başlığın renkli kısmı turkuaz, menü ilk ekranın üstündeyken mor,
   "Aşağı kaydırın" ilk ekranın altına sabit. Kaydırınca yazı ana sayfadaki gibi yavaş kayıp söner (site.js parallax).
   Önceki: beyaz zemin, başlık #383e42 + mor #6b14ff vurgu, buton mor çerçeve. Geri almak için body'deki xhero sınıfını kaldırmak yeterli. */
.xhero main > .hero{position:relative;overflow:hidden;background:var(--c-hero-bg);color:var(--c-hero-ink);min-height:calc(100vh - 57px);min-height:calc(100svh - 57px);display:grid;align-content:center;padding-block:40px}
.xhero main > .hero h1,body.xhero:not(.home) .hero h1{color:var(--c-hero-ink)}
.xhero main > .hero h1 em,body.xhero:not(.home) .hero h1 em{color:var(--c-hero-accent)}
.xhero main > .hero .eyebrow,.xhero main > .hero .lede{color:var(--c-hero-ink)}
.xhero main > .hero .scrollhint{color:color-mix(in srgb,var(--c-hero-ink) 75%,transparent)}
.xhero main > .hero .scrollhint:hover{color:var(--c-hero-ink)}
.xhero main > .hero .btn,.xhero main > .hero .btn:hover{background:transparent;color:var(--c-hero-ink);border-color:var(--c-hero-ink)}
.xhero main > .hero .btn .bh{background:var(--c-hero-accent);color:var(--c-hero-bg)}
.xhero main > .hero .btn.h-in{border-color:var(--c-hero-accent)}

/* 2. Bloklar: etiket → başlık 20px, başlık → metin 44px (ana sayfayla aynı değişkenler), metinler ortalı ve ana sayfa puntosunda.
   Bölümler arası görünen boşluk her yerde --section (masaüstü 128px).
   Önceki: başlık → metin clamp(40px,5vw,64px), metin sola dayalı, puntolar karışık; beyaz-beyaz bölüm arası 192px. */
.pg-coherence .sec .split{gap:var(--g-hb)}
.pg-coherence .sec .split > :first-child{gap:var(--g-eh)}
.pg-coherence .sec .split > :last-child{justify-items:center}
.pg-coherence .sec .prose,.pg-coherence .sec .split > :first-child > p.muted{font-size:var(--t-copy);line-height:1.5;text-align:center;margin-inline:auto;max-width:860px!important}
.pg-coherence .sec .note{display:block;text-align:center;width:100%}
.pg-coherence .sec .way{width:100%;box-sizing:border-box}
.pg-coherence .sec:not(.cta){padding-block:var(--section)}
.pg-coherence .sec:not(.dark):not(.cta) + .sec:not(.dark):not(.cta){padding-top:0}
/* Menü logosu mor menüde beyaz (ilk ekranın üstündeyken) */
.xhero.over-hero .nav .logo img{filter:brightness(0) invert(1);transition:filter 300ms var(--ease)}
/* Coherence ilk ekran: "Peki ya bağlantılar?" turkuaz ışıltı, yavaşça azalıp çoğalır (3,2 sn döngü). Hareket azaltma tercihinde sabit hafif ışıltı. */
@keyframes ns-glow{0%,100%{text-shadow:0 0 6px rgba(86,242,202,.25),0 0 18px rgba(86,242,202,.12)}50%{text-shadow:0 0 12px rgba(86,242,202,.6),0 0 36px rgba(86,242,202,.35),0 0 72px rgba(86,242,202,.18)}}
.xhero main > .hero h1 em{animation:ns-glow 3.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.xhero main > .hero h1 em{animation:none!important;text-shadow:0 0 10px rgba(86,242,202,.4)}}

/* Coherence "Nasıl okuyoruz?": altı eksen daire grafiği. Önceki: çerçeveli kutuda madde listesi (.way ul) */
.eksen{width:100%}
.eksen-list{list-style:none;margin:0 auto;padding:0;display:grid;gap:14px;max-width:640px;text-align:center}
.eksen-list b{display:block;font:600 20px/1.3 var(--f-display);color:var(--c-ink)}
.eksen-list span{font-size:var(--t-copy);line-height:1.5}
.js .eksen.on .eksen-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eksen{--E:min(520px,84vw)}
.eksen-track{height:calc(var(--E) + 200vh)}
.eksen-pin{position:sticky;top:calc(57px + (100vh - 57px - var(--E)) / 2);height:var(--E);display:grid;place-items:center}
.eksen-stage{position:relative;width:var(--E);height:var(--E)}
.eksen-svg{display:block;width:100%;height:100%;overflow:visible}
.eksen-ring{fill:none;stroke:var(--c-line);stroke-width:1.5}
.eksen-prog{fill:none;stroke:var(--c-text-accent);stroke-width:3;stroke-linecap:round}
.eksen-seg{fill:var(--c-hero-bg);fill-opacity:.07;transition:fill 400ms var(--ease),fill-opacity 400ms var(--ease)}
.eksen-seg.done{fill-opacity:.18}
.eksen-seg.on{fill:var(--c-text-accent);fill-opacity:1}
.eksen-num{font:600 15px var(--f-display);fill:var(--c-hero-bg);fill-opacity:.55;transition:fill 400ms var(--ease),fill-opacity 400ms var(--ease)}
.eksen-num.on{fill:#ffffff;fill-opacity:1}
.eksen-ptr{fill:var(--c-text-accent)}
.eksen-mid{position:absolute;left:50%;top:50%;width:54%;transform:translate(-50%,-50%);display:grid;gap:10px;justify-items:center;text-align:center;transition:opacity 160ms var(--ease),transform 160ms var(--ease)}
.eksen-mid.swap{opacity:0;transform:translate(-50%,calc(-50% + 8px))}
.eksen-k{font:600 13px var(--f-display);letter-spacing:.08em;color:var(--c-text-accent)}
.eksen-t{margin:0;font:600 clamp(20px,2.3vw,30px)/1.15 var(--f-display);letter-spacing:-.02em;color:#383e42}
.eksen-d{margin:0;font-size:clamp(14px,1.25vw,18px);line-height:1.45;color:var(--c-ink)}
.eksen-d::first-letter{text-transform:uppercase}
.pg-coherence .has-chart .split > :last-child{max-width:none}

/* Altı eksen grafiği rev 2: solda ince halka + ortada 0→100 sayaç, sağda sırayla açılan eksen listesi.
   Önceki (rev 1): halka 72px kalın (R 168–240), ortada tek eksen yazısı, grafik ortada tek başına. */
.eksen{--E:min(460px,40vw)}
.eksen-track{height:calc(100vh - 57px + 200vh)}
.eksen-pin{top:57px;height:calc(100vh - 57px)}
.eksen-grid{display:grid;grid-template-columns:var(--E) minmax(0,440px);align-items:center;justify-content:center;gap:clamp(48px,7vw,112px);width:100%}
.eksen-ring{stroke-width:1}
.eksen-prog{stroke-width:2}
.eksen-seg{fill-opacity:.08}
.eksen-seg.done{fill:var(--c-text-accent);fill-opacity:.28}
.eksen-num{font-size:11px;font-weight:500;letter-spacing:.04em}
.eksen-mid{width:auto;display:flex;align-items:baseline;gap:6px;transition:none}
.eksen-score{font:300 clamp(64px,7vw,104px)/1 var(--f-display);letter-spacing:-.04em;color:#383e42;font-variant-numeric:tabular-nums}
.eksen-of{font:500 15px var(--f-display);color:var(--c-muted)}
.eksen-side{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,1.8vh,22px);text-align:left}
.eksen-side li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:baseline;opacity:0;transform:translateY(14px);filter:blur(6px);transition:opacity 600ms var(--ease),transform 600ms var(--ease),filter 600ms var(--ease)}
.eksen-side li.seen{opacity:1;transform:none;filter:none}
.eksen-side .n{font:500 12px var(--f-display);letter-spacing:.06em;color:var(--c-muted);transition:color 400ms var(--ease)}
.eksen-side li.on .n{color:var(--c-text-accent)}
.eksen-side b{display:block;font:600 19px/1.3 var(--f-display);letter-spacing:-.01em;color:#383e42}
.eksen-side .d{display:block;margin-top:2px;font-size:15px;line-height:1.5;color:var(--c-muted)}
.eksen-side .d::first-letter{text-transform:uppercase}
@media (max-width:760px){
  .eksen{--E:min(260px,62vw)}
  .eksen-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px}
  .eksen-side{gap:8px;width:100%}
  .eksen-side b{font-size:15px}.eksen-side .d{font-size:12px}
}

/* Altı eksen grafiği rev 3: başlık ve alt metin grafikle birlikte sabit; sabit alan içerik kadar ve ekranda ortalı (boşluk azaldı);
   skor: küçük "Skor" etiketi, altında kalın sayı ve /100 aynı boyda. Önceki: sabit alan tam ekran, başlık kayıp gidiyordu, ince büyük sayı + küçük /100 */
.eksen-track{height:calc(var(--PH,80vh) + 200vh)}
.eksen-pin{height:auto;display:grid;gap:var(--g-hb);justify-items:center}
.eksen-head{display:grid;gap:var(--g-eh);justify-items:center;text-align:center}
.eksen-head .prose{margin-top:calc(var(--g-hb) - var(--g-eh))}
.pg-coherence .has-chart .split{gap:0}
.eksen-mid{flex-direction:column;align-items:center;gap:6px}
.eksen-lbl{font:500 13px var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.eksen-val{font:400 clamp(44px,4.6vw,68px)/1 var(--f-display);letter-spacing:-.03em;color:#383e42;font-variant-numeric:tabular-nums}
.eksen-val b{font-weight:700}
/* Skor yazısı grafik ölçüsüne bağlı: "100/100" halkaya değmez. Önceki: clamp(44px,4.6vw,68px) */
.eksen-val{font-size:calc(var(--E) * .115)}
.eksen-lbl{font-size:max(10px,calc(var(--E) * .028))}
.eksen-val .eksen-score{font:inherit;font-weight:700;letter-spacing:inherit;color:inherit}

/* =================== Coherence · Kaynaklar + Neden önemli? =================== */
/* İki bölüm tek koyu blok: aralarında ikinci bir üst boşluk yok (görünen ara 128px). Önceki: Neden önemli beyaz zeminde */
.pg-coherence .sec.dark + .sec.dark{padding-top:0}
/* Koyu zeminde başlık vurgusu turkuaz ("herkese açık veriler"), slogan turkuaz */
.pg-coherence .sec.dark h2 em{color:var(--c-hero-accent);font-style:normal}
.pg-coherence .sec.dark .slogan{color:var(--c-hero-accent)}
/* Strateji, araştırma, ekiplerinizin deneyimi: büyük, Space Grotesk, büyük harf; görünür olunca sırayla turkuaza döner (site.js) */
.tiks{display:block;margin-top:14px;font:600 clamp(22px,2.4vw,32px)/1.25 var(--f-display);letter-spacing:.01em;text-transform:uppercase}
.tik{color:inherit;transition:color 140ms steps(1,end)}
.tik.on{color:var(--c-hero-accent)}
/* Neden önemli? kutusu: içi ana sayfadaki Coherence'a başlangıç kutularının adım tasarımı (numaralı daire + çizgi). Önceki: madde listesi */
.pg-coherence .sec.dark .way.steps{background:transparent;border:1px solid color-mix(in srgb,var(--c-hero-ink) 22%,transparent);border-radius:var(--radius-tile);padding:clamp(28px,3.4vw,44px);color:var(--c-hero-ink)}
.steps-row{counter-reset:st;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0}
.steps-row span{counter-increment:st;position:relative;padding:36px 24px 0 0;font-size:15px;line-height:1.5;color:inherit;opacity:.9}
.steps-row span::before{content:counter(st);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--c-hero-accent);color:var(--c-hero-bg);font:600 12px/24px var(--f-display);text-align:center}
.steps-row span:not(:last-child)::after{content:"";position:absolute;left:32px;right:8px;top:12px;height:1px;background:currentColor;opacity:.35}
.pg-coherence .sec.dark .note{color:color-mix(in srgb,var(--c-hero-ink) 60%,transparent)}
@media (max-width:760px){.steps-row{grid-auto-flow:row;gap:20px}.steps-row span{padding:0 0 0 38px}.steps-row span:not(:last-child)::after{display:none}}

/* Menü göstergesi alt çizginin üstüne tam oturur: kutu 1px aşağı uzanıp çizgiyi örter (her yakınlaştırma oranında boşluk kalmaz). Önceki: bottom:0 */
@media (min-width:681px){.nav .menu a::after{bottom:-1px;height:5px}}

/* Kaynaklar satırı rev 2: normal yazım (büyük harf kaldırıldı), daha büyük, üst satıra yakın; turkuaza dönen her kelime ilk ekrandaki gibi ışıltıyla nefes alır.
   Önceki: uppercase, clamp(22px,2.4vw,32px), margin-top 14px, ışıltı yok */
.tiks{text-transform:none;letter-spacing:-.01em;font-size:clamp(28px,3.1vw,44px);line-height:1.15;margin-top:6px}
.tik.on{animation:ns-glow 3.2s ease-in-out infinite}
.pg-coherence .sec.dark .prose b{font-weight:700;color:var(--c-hero-ink)}
@media (prefers-reduced-motion:reduce){.tik.on{animation:none!important;text-shadow:0 0 10px rgba(86,242,202,.4)}}
/* Bağlantı koptuğunda kutusu rev 2: dikey liste, yazı 2pt küçük (15→13px), numaralar yerine tik, tikleri ince dikey çizgi bağlar.
   Önceki: yatay 4 sütun, numaralı daireler */
.pg-coherence .sec.dark .way.steps{max-width:620px;margin-inline:auto}
.steps-row{grid-auto-flow:row;grid-auto-columns:auto;gap:22px}
.steps-row span{padding:2px 0 0 40px;font-size:13px;min-height:24px}
.steps-row span::before{content:"";background:var(--c-hero-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d0d71' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.steps-row span:not(:last-child)::after{left:12px;right:auto;top:30px;bottom:-18px;width:1px;height:auto}
/* Paragraf ızgara değil düz akış: kalın cümle satırda kalır (önceki: .prose grid olduğu için kalın kısım alt satıra düşüyordu) */
.pg-coherence .sec .prose{display:block}
/* Strateji satırı tek satıra sığsın: paragraf genişliği 1080px, yazı en fazla 40px */
.pg-coherence .sec .prose:has(.tiks){max-width:1080px!important}
.tiks{font-size:clamp(26px,2.8vw,40px)}

/* Kaynaklar ile Neden önemli? arasında minik aşağı ok (turkuaz, hafifçe aşağı yukarı) */
.pg-coherence .sec.dark + .sec.dark{position:relative}
.pg-coherence .sec.dark + .sec.dark::before{content:"";position:absolute;left:50%;top:calc(var(--section) * -.5);width:22px;height:22px;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356f2ca' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v15M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;animation:ns-arr 1.8s var(--ease) infinite}
@keyframes ns-arr{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% + 6px))}}
@media (prefers-reduced-motion:reduce){.pg-coherence .sec.dark + .sec.dark::before{animation:none}}
/* Nasıl başlanır?: üç kutu, ana sayfadaki Coherence Lite/Brief kutularının biçiminde; şeritte 01 02 03; kutunun tamamı bağlantı.
   Önceki: çerçeveli kutuda madde listesi */
.pg-coherence .has-cards .split > :last-child,.pg-coherence .sec .split > :last-child:has(.c3){max-width:1080px}
.cards.c3{grid-template-columns:repeat(3,minmax(0,1fr));text-align:left;padding-top:14px}
.c3 .card{gap:14px}
.c3 .card h3{font-size:clamp(22px,2.1vw,28px)}
.c3 .card h3 a{color:inherit;text-decoration:none}
.c3 .card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.c3 .card p{font-size:15px;line-height:1.5}
.c3 .card p::first-letter{text-transform:uppercase}
.c3 .card{transition:transform 500ms var(--ease)}
.c3 .card:hover{transform:translateY(-4px)}
@media (max-width:900px){.cards.c3{grid-template-columns:minmax(0,1fr);gap:28px}}
/* Nasıl başlanır? kutuları rev 2: 01 02 03 yuvarlak içinde ve büyük (44px); 01 beyaz zemin mavi çerçeve, 02 gri zemin mavi çerçeve, 03 dolu mavi
   (03 kutunun koyu zemininden ayrılsın diye ince beyaz çerçeveli). Kutular arası 20px → 12px. Üzerine gelince kutu hafifçe büyür.
   Önceki: turkuaz hap şerit (12px), kutular arası 20px, üzerine gelince 4px yukarı kalkma */
.cards.c3{gap:12px;padding-top:22px}
.c3 .ribbon{width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;font:600 15px/1 var(--f-display);letter-spacing:.02em;border:1.5px solid var(--c-hero-bg)}
.c3 .card:nth-child(1) .ribbon{background:#ffffff;color:var(--c-hero-bg)}
.c3 .card:nth-child(2) .ribbon{background:var(--c-gray);color:var(--c-hero-bg)}
.c3 .card:nth-child(3) .ribbon{background:var(--c-hero-bg);color:#ffffff;border-color:#ffffff}
.c3 .card:hover{transform:scale(1.025)}
/* Nasıl başlanır? kutuları rev 3: numara daireleri turkuaz; kutular 01 beyaz zemin + mavi çerçeve, 02 gri zemin + mavi çerçeve, 03 dolu mavi.
   Önceki (rev 2): daireler beyaz / gri / mavi, kutuların üçü de mavi */
.c3 .ribbon,.c3 .card:nth-child(n) .ribbon{background:var(--c-hero-accent);color:var(--c-hero-bg);border:0}
.c3 .card:nth-child(1),.c3 .card:nth-child(1):hover{background:#ffffff;border:1.5px solid var(--c-hero-bg);color:var(--c-ink)}
.c3 .card:nth-child(2),.c3 .card:nth-child(2):hover{background:var(--c-gray);border:1.5px solid var(--c-hero-bg);color:var(--c-ink)}
.c3 .card:nth-child(3),.c3 .card:nth-child(3):hover{background:var(--c-hero-bg);border:1.5px solid var(--c-hero-bg);color:#ffffff}
.c3 .card:nth-child(-n+2) h3{color:var(--c-hero-bg)}
.c3 .card:nth-child(-n+2) p{color:var(--c-ink)}
/* Nasıl başlanır? kutuları rev 4: üç kutunun çerçevesi turkuaz; 02 antrasit (#383e42) zemin, beyaz yazı.
   Önceki (rev 3): çerçeveler mavi, 02 gri zemin + mavi başlık */
.c3 .card:nth-child(n),.c3 .card:nth-child(n):hover{border-color:var(--c-hero-accent)}
.c3 .card:nth-child(2),.c3 .card:nth-child(2):hover{background:#383e42;color:#ffffff}
.c3 .card:nth-child(2) h3{color:#ffffff}
.c3 .card:nth-child(2) p{color:color-mix(in srgb,#ffffff 82%,transparent)}
/* Nasıl başlanır? kutuları: üzerine gelince hafif büyümeyle birlikte turkuaz ışıltı. Önceki: yalnız büyüme */
.c3 .card{transition:transform 500ms var(--ease),box-shadow 500ms var(--ease)}
.c3 .card:hover{box-shadow:0 0 0 1px rgba(86,242,202,.55),0 0 24px rgba(86,242,202,.45),0 0 64px rgba(86,242,202,.22)}

/* Altı eksen grafiği rev 4: ortada mor eksen numarası (01–06), halkada numara yok, tur bitince halka tek parça mor; sağda yalnız başlıklar.
   Önceki (rev 3): ortada "Skor" + kalın sayı/100, halkada 01–06, maddelerde açıklama */
.eksen-big{font:600 calc(var(--E) * .24)/1 var(--f-display);letter-spacing:-.04em;color:var(--c-text-accent);font-variant-numeric:tabular-nums;display:block}
.eksen-mid.wait .eksen-big{opacity:.18}
.eksen-mid.pop .eksen-big{animation:ns-pop 420ms var(--ease)}
@keyframes ns-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}100%{opacity:1;transform:none}}
.eksen-rot.full .eksen-seg{fill:var(--c-text-accent);fill-opacity:1;transition:fill-opacity 500ms var(--ease)}
.eksen-side li{align-items:center}
.eksen-side b{font-size:22px}

/* Altı eksen grafiği · tamamlanma: tur bitince iç daire ortadan mor dolar, dış halkadan bir dalga yayılır,
   numara söner, beyaz "Coherence Değerlendirmesi Tamamlandı" ve tik belirir. Tur yolun %82'sinde biter, kalan kısımda bu hal ekranda kalır.
   Önceki: yalnız halka mor oluyordu, tamamlanma anı sabitlemenin en sonundaydı */
.eksen-track{height:calc(var(--PH,80vh) + 240vh)}
.eksen-fill{fill:var(--c-text-accent);transform-box:fill-box;transform-origin:center;transform:scale(0);opacity:0;transition:transform 900ms cubic-bezier(.2,.85,.25,1.08),opacity 300ms var(--ease)}
.eksen-stage.done .eksen-fill{transform:scale(1);opacity:1}
.eksen-ripple{fill:none;stroke:var(--c-text-accent);stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0}
.eksen-stage.done .eksen-ripple{animation:ns-ripple 1100ms var(--ease) 150ms 1 both}
@keyframes ns-ripple{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.14);opacity:0}}
.eksen-big{transition:opacity 300ms var(--ease),transform 300ms var(--ease)}
.eksen-stage.done .eksen-big{opacity:0;transform:scale(.85)}
.eksen-mid{display:grid;place-items:center}
.eksen-mid > *{grid-area:1/1}
.eksen-done{width:calc(var(--E) * .62);display:grid;justify-items:center;gap:calc(var(--E) * .03);text-align:center;font:600 calc(var(--E) * .062)/1.15 var(--f-display);letter-spacing:-.01em;color:#ffffff;opacity:0;transform:translateY(12px);transition:opacity 500ms var(--ease),transform 500ms var(--ease)}
.eksen-done svg{width:calc(var(--E) * .11);height:calc(var(--E) * .11);fill:none;stroke:var(--c-hero-accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset 600ms var(--ease) 650ms}
.eksen-stage.done .eksen-done{opacity:1;transform:none;transition-delay:450ms}
.eksen-stage.done .eksen-done svg{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.eksen-fill,.eksen-done,.eksen-done svg{transition:none}}
/* Tamamlanma yazısı: tik kaldırıldı, yazı dairenin tam ortasında. Önceki: yazının üstünde turkuaz tik */
.eksen-done svg{display:none}
.eksen-done{gap:0}
/* Ana sayfa · Coherence Lite kutusu antrasit (#383e42). Önceki: koyu mor #1d0d71 (Brief kutusu mor kalır) */
.home #urunler .card:first-child,.home #urunler .card:first-child:hover{background:#383e42;border-color:#383e42}
.home #urunler .card:first-child .btn,.home #urunler .card:first-child:hover .btn{color:#383e42}

/* =================== NO3 · 24 Ekim · Hizmetler =================== */
/* 1. İlk ekran Coherence ile birebir aynı (body.xhero + "Aşağı kaydırın"; kurallar Coherence bölümünde). Önceki: beyaz ilk ekran */
/* 2. Başlıktaki "ne zaman" mor (beyaz zeminde <em> zaten #6b14ff); "Ne zaman" etiketi kaldırıldı (içerikte k_onceki) */
/* 3. Direction açık gri, Coherence antrasit, Browth mavi zemin; üstlerinde turkuaz 01 02 03 dairesi.
   Önceki: Direction beyaz, Coherence koyu mor, Browth beyaz */
.sec.tone-gray{background:var(--c-gray)}
.sec.tone-anth{background:#383e42}
.sec.tone-blue{background:var(--c-hero-bg)}
.secno{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c-hero-accent);color:var(--c-hero-bg);font:600 15px/1 var(--f-display);letter-spacing:.02em;margin-bottom:4px}
.pg-ways .sec.tone-gray + .sec,.pg-ways .sec.tone-anth + .sec,.pg-ways .sec.tone-blue + .sec{padding-top:var(--section)}
.pg-ways .sec.dark h2 em,.pg-ways .sec.dark .slogan{color:var(--c-hero-accent)}
.pg-ways .sec.tone-gray .way{background:#ffffff}
.pg-ways .sec.tone-anth .way{background:color-mix(in srgb,#ffffff 7%,#383e42)}

/* Hizmetler: başlıkta "sıkıştığı yerden" turkuaz ışıltılı (önceki: yalnız "yerden").
   Bloklar Coherence ve ana sayfayla aynı ritimde: etiket → başlık 20px, başlık → metin 44px, metinler ortalı ve ana sayfa puntosunda,
   bloklar arası --section (128px). Önceki: başlık → metin clamp(40px,5vw,64px), metin sola dayalı. */
.pg-ways .sec .split{gap:var(--g-hb)}
.pg-ways .sec .split > :first-child{gap:var(--g-eh)}
.pg-ways .sec .split > :last-child{justify-items:center}
.pg-ways .sec .prose,.pg-ways .sec .split > :first-child > p.muted{display:block;font-size:var(--t-copy);line-height:1.5;text-align:center;margin-inline:auto;max-width:860px!important}
.pg-ways .sec .note{display:block;text-align:center;width:100%}
.pg-ways .sec .way,.pg-ways .sec .cases{width:100%;box-sizing:border-box}
.pg-ways .sec:not(.cta){padding-block:var(--section)}
.pg-ways .secno{margin-bottom:0}

/* Hizmetler: kalın cümleler koyu blokta beyaz kalsın */
.pg-ways .sec.dark .prose b{color:inherit;font-weight:700}
/* Hizmetler renkli bloklar tam parallax (site.js): bloklar yapışkan, sonraki üstüne biner; üst kenarda hafif gölge derinlik verir.
   Önceki: bloklar sırayla normal akıyordu */
.stack-on main > .sec[class*=tone-]{position:sticky;transform-origin:50% 0}
.stack-on main > .sec[class*=tone-] > .wrap{transform-origin:50% 30%;will-change:transform,opacity}
.stack-on main > .sec[class*=tone-] + .sec[class*=tone-],.stack-on .stack-after{box-shadow:0 -24px 48px -24px rgba(17,20,22,.35)}
.stack-on .stack-after{position:relative;z-index:10;background:var(--c-bg)}
.stack-on .stack-after ~ *{position:relative;z-index:10}

/* Mavi (son) blok yapışmaz, normal kayar; İlk görüşme normal akışta gelir. Önceki: mavi blok da yapışıp İlk görüşme üstüne biniyordu */
.stack-on main > .sec.stack-last{position:relative}

/* Düzeltme: mavi bloktan sonraki bölümler (İlk görüşme, kapanış) yapışık blokların altında kalıyordu; artık üstte ve normal akışta, gölgesiz */
.stack-on .stack-after{box-shadow:none}

/* Hizmetler blok animasyonları (site.js). 01 Direction: gri zeminde turkuaz zayıf kaldığı için noktalar koyu mavi, ok çizgisi mor;
   ok tamamlanınca hafif ışıltı. */
.dv{width:min(360px,80vw);aspect-ratio:2/1;margin:8px auto 0}
.dv-svg{display:block;width:100%;height:100%;overflow:visible}
.dv-dot{fill:var(--c-hero-bg)}
.dv-line{fill:none;stroke:var(--c-text-accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100}
.dv.done .dv-line{filter:drop-shadow(0 0 6px rgba(107,20,255,.45))}

/* Blok animasyonları rev 2: yarım halka parçası. Gri zeminde antrasit (#383e42) + mor vurgu; antrasit ve mavi zeminde beyaz + turkuaz vurgu */
.dv{width:min(400px,84vw)}
.dv-h{fill:#383e42;transform-box:view-box}
.dv-h.acc{fill:var(--c-text-accent)}
.sec.dark .dv-h{fill:#ffffff}
.sec.dark .dv-h.acc,.sec.dark .dv-h.weak{fill:var(--c-hero-accent)}
.sec.dark .dv-h.brand{fill:#ffffff}
.sec.dark .dv-h.wave{fill:var(--c-hero-accent)}
.dv-coherence.lit .dv-h.weak{animation:ns-weak 1.6s ease-in-out infinite}
@keyframes ns-weak{0%,100%{filter:drop-shadow(0 0 2px rgba(86,242,202,.4))}50%{filter:drop-shadow(0 0 10px rgba(86,242,202,.9))}}
@media (prefers-reduced-motion:reduce){.dv-coherence.lit .dv-h.weak{animation:none;filter:drop-shadow(0 0 6px rgba(86,242,202,.6))}}
.dv-h.wave{fill-rule:evenodd}

/* 01 Direction turkuaz (rev 3). Önceki: antrasit + mor son parça */
.tone-gray .dv-h.acc{fill:var(--c-hero-accent)}

/* Blok animasyonları: alan 360×140 (önceki 360×180), üst boşluk 0. 01 pusula: büyük parça antrasit, küçük parça turkuaz; durunca turkuaz parça hafif ışıldar */
.dv{aspect-ratio:360/140;margin-top:0}
.tone-gray .dv-h{fill:#383e42}
.tone-gray .dv-h.acc{fill:var(--c-hero-accent)}
.dv-direction.set .needle{filter:drop-shadow(0 0 6px rgba(86,242,202,.75))}

/* Animasyon kutuları beliriş efektini beklemez: hemen görünür (önceki: bulanıktan netleşme bitene kadar soluktu) */
.js .dv.rv{opacity:1;transform:none;filter:none}

/* =================== NO3 · 24 Ekim · Hakkımızda =================== */
/* Diğer üç sayfayla aynı: ilk ekran koyu mor ve tam ekran (body.xhero), "Aşağı kaydırın", vurgu turkuaz ışıltılı;
   etiket → başlık 20px, başlık → metin 44px, metinler ortalı ve ana sayfa puntosunda, bloklar arası 128px;
   koyu blokta başlık vurgusu ve slogan turkuaz. Önceki: beyaz ilk ekran, sola dayalı metinler, karışık boşluklar */
.pg-about .sec .split{gap:var(--g-hb)}
.pg-about .sec .split > :first-child{gap:var(--g-eh)}
.pg-about .sec .split > :last-child{justify-items:center}
.pg-about .sec .prose,.pg-about .sec .split > :first-child > p.muted{display:block;font-size:var(--t-copy);line-height:1.5;text-align:center;margin-inline:auto;max-width:860px!important}
.pg-about .sec .note{display:block;text-align:center;width:100%}
.pg-about .sec .way{width:100%;box-sizing:border-box}
.pg-about .sec:not(.cta){padding-block:var(--section)}
.pg-about .sec:not(.dark):not(.cta) + .sec:not(.dark):not(.cta){padding-top:0}
.pg-about .sec.dark h2 em,.pg-about .sec.dark .slogan{color:var(--c-hero-accent)}
.pg-about .sec.dark .prose b{color:inherit;font-weight:700}
.pg-about .sec .split > :first-child > h2 + p.muted{margin-top:calc(var(--g-hb) - var(--g-eh))}
.pg-about .sec .split > .stack:last-child:not(:has(> *)){display:none}

/* =================== Hakkımızda · ilk ekran rev 2 =================== */
/* Beyaz zemin, tam ekran; başlığın yerine "n(studio)rth" logosu (ana sayfadaki logo yüksekliğinde). Açılışta "o" açılır, "studio" gelir.
   Önceki (rev 1): koyu mor ilk ekran, "North Studio" yazı başlığı */
.whero main > .hero{position:relative;overflow:hidden;background:var(--c-bg);min-height:calc(100vh - 57px);min-height:calc(100svh - 57px);display:grid;align-content:center;padding-block:40px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.alogo{width:calc(min(86vw,1080px) * 2280 / 5989);line-height:0;margin:0 auto 8px}
.alogo svg{display:block;width:100%;height:auto;overflow:visible}
.alogo image{transform-box:fill-box;transition:transform 900ms var(--ease),opacity 600ms var(--ease) 250ms}
.alogo .aclip{transform-box:fill-box;transform-origin:center;transition:transform 900ms var(--ease)}
.alogo.closed .l{transform:translateX(315px)}
.alogo.closed .r{transform:translateX(-315px)}
.alogo.closed .aclip{transform:scaleX(0)}
.alogo.closed .s{opacity:0}
.alogo{opacity:0;transition:opacity 300ms}
.alogo.ready,.no-js .alogo{opacity:1}
@media (max-width:680px){.alogo{width:calc(92vw * 2280 / 5989)}}

/* Hakkımızda logosu: açılan "o" daraldı ("studio" ile yaylar arası 60 → 20 birim; açıklık 631 → 551). Alt metin mavi #1d0d71.
   Önceki: viewBox 2280, kapalıda ±315px, metin #1f2528 */
.alogo{width:calc(min(86vw,1080px) * 2200 / 5989)}
@media (max-width:680px){.alogo{width:calc(92vw * 2200 / 5989)}}
.alogo.closed .l{transform:translateX(275px)}
.alogo.closed .r{transform:translateX(-275px)}
.whero main > .hero .lede{color:var(--c-hero-bg)}

/* Hakkımızda logosu rev 3: yerleşim gönderilen çizimle birebir (studio yayların içine girer); açılış ana sayfadaki gibi:
   yarılar 900ms'de açılır, "studio" ortadan kırpılarak açılır (solma yok). Önceki: studio yaylar arasında boşluklu, solarak geliyordu */
.alogo{width:calc(min(86vw,1080px) * 2031 / 5989)}
@media (max-width:680px){.alogo{width:calc(92vw * 2031 / 5989)}}
.alogo image{transition:transform 900ms var(--ease)}
.alogo.closed .l{transform:translateX(191px)}
.alogo.closed .r{transform:translateX(-191px)}
.alogo.closed .s,.alogo .s{opacity:1}

/* Hakkımızda ilk ekran rev 4: logo %40 büyük (önceki genişlik min(86vw,1080px)·2031/5989), yerleşim ana sayfadaki gibi biraz yukarıda;
   alt metnin altında, ana sayfadaki buton yerinde LinkedIn ve Instagram (bağlantılar sonra) */
.alogo{width:calc(min(86vw,1080px) * 2031 / 5989 * 1.4);margin-bottom:20px}
@media (max-width:680px){.alogo{width:calc(92vw * 2031 / 5989 * 1.4)}}
.whero main > .hero .stack{gap:28px;margin-top:-7vh}
.whero main > .hero .lede{font-size:clamp(16px,1.35vw,19px);max-width:860px}
.social{justify-content:center;gap:12px}
.social .btn{font-size:15px;padding:10px 20px}
.social .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-right:4px}
/* Hakkımızda: logo, metin ve butonlar ana sayfadaki konumlarla hizalı (önceki margin-top:-7vh, logo altı 20px) */
.whero main > .hero .stack{margin-top:3vh}
.alogo{margin-bottom:30px}

/* Hakkımızda ilk ekran rev 5: zemin antrasit #383e42 (önceki beyaz); logo beyaz, metin beyaz (önceki mavi, antrasitte okunmazdı);
   menü ilk ekranın üstündeyken antrasit; logo biraz yukarıda; sosyal ikonlar dolgulu (önceki çizgi ikon) ve biraz aşağıda */
.whero main > .hero{background:#383e42;color:#ffffff}
.whero main > .hero .lede{color:#ffffff}
.whero main > .hero .scrollhint{color:color-mix(in srgb,#ffffff 75%,transparent)}
.whero main > .hero .scrollhint:hover{color:#ffffff}
.alogo image{filter:brightness(0) invert(1)}
.alogo{transform:translateY(-36px)}
.whero.over-hero .nav{background:#383e42;border-bottom-color:color-mix(in srgb,#ffffff 12%,transparent)}
.whero.over-hero .nav .logo img{filter:brightness(0) invert(1)}
.social{margin-top:24px}
.social .ic{fill:currentColor;stroke:none;width:19px;height:19px}
.whero main > .hero .btn,.whero main > .hero .btn:hover{background:transparent;color:#ffffff;border-color:#ffffff}
.whero main > .hero .btn .bh{background:var(--c-hero-accent);color:#383e42}
.whero main > .hero .btn.h-in{border-color:var(--c-hero-accent)}
/* düzeltme: beliriş efektinin transform'u ezmesin diye ayrı translate; sosyal satır seçicisi daha özgül */
.whero main > .hero .alogo{transform:none;translate:0 -40px}
.whero main > .hero .row.social{margin-top:36px}

/* Hakkımızda ilk ekran rev 6: logo %40 daha büyük (önceki ·1.4 → ·1.96); sosyal bağlantılar çerçevesiz,
   ikon yazıya yakın (6px), ikisinin arası açık (44px); üzerine gelince yalnız ikon ve yazı turkuaz. Önceki: beyaz çerçeveli buton, turkuaz dolgu */
.alogo{width:calc(min(86vw,1080px) * 2031 / 5989 * 1.96)}
@media (max-width:680px){.alogo{width:calc(92vw * 2031 / 5989 * 1.96)}}
.whero main > .hero .row.social{gap:44px}
.soc{display:inline-flex;align-items:center;gap:6px;color:#ffffff;text-decoration:none;font:500 16px var(--f-display);transition:color 250ms var(--ease)}
.soc .ic{margin:0;width:20px;height:20px}
.soc:hover,.soc:focus-visible{color:var(--c-hero-accent)}

/* =================== Hakkımızda · bloklar =================== */
/* Kurucu bandı: boydan boya; yüksekliği dar ekranda sabit kalır, fotoğraf yalnız sağdan soldan kırpılır (kişi ortada). Gri → renk (site.js) */
.band{margin:0;width:100%;height:clamp(360px,31.25vw,600px);overflow:hidden;background:#d9d9d9}
.band img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:grayscale(1)}
/* Kurucu başlığında "İşin içinden" mor (beyaz zeminde <em>) */
/* Bakış: zemin antrasit (önceki koyu mor); slogan turkuaz, 4 yerine 3 satır (daha geniş) */
.pg-about .sec.tone-anth{background:#383e42}
.pg-about .sec.tone-anth .slogan{max-width:22ch;margin-inline:auto}
/* Nasıl çalışır?: başlık üç satır, aralarda mor + ; ikinci paragraf kalın */
.pg-about .sec h2 .plus{display:block;color:var(--c-text-accent);font-weight:400;line-height:1;margin:.12em 0}
.pg-about .sec .prose b{font-weight:700;color:inherit}
.pg-about .sec.tone-anth .slogan{max-width:34ch!important;width:100%}

/* Kurucu bloğu fotoğrafa yaklaştı: üst boşluk 128px → 64px */
.pg-about .band + .sec{padding-top:calc(var(--section) * .5)}

/* Hakkımızda rev: Bakış fotoğrafın hemen altında (önceki: Kurucu metninden sonra). Bandın üst kenarında, solda yukarı bakan üçgen:
   konuşma balonu kuyruğu gibi fotoğrafa uzanır, slogan kurucunun cümlesi gibi okunur. Üçgen kişinin hizasına yakın (ortanın 180px solu). */
.pg-about .band + .sec{padding-top:var(--section)}
.pg-about .sec.quote{position:relative;z-index:2}
.pg-about .sec.quote::before{content:"";position:absolute;left:calc(50% - 180px);top:-34px;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:35px solid #383e42}
.pg-about .sec.quote + .sec{padding-top:var(--section)}

/* Bakış yine Kurucu metninin altında; Kurucu'nun alt boşluğu 128 → 64px (Bakış yukarı çıktı);
   üçgen Kurucu metnine doğru uzanır ve 100px sola alındı (önceki: ortanın 180px solu → 280px solu) */
.pg-about .band + .sec{padding-top:calc(var(--section) * .5)}
.pg-about .band + .sec:not(.dark){padding-bottom:calc(var(--section) * .5)}
.pg-about .sec.quote::before{left:calc(50% - 280px)}
/* Bakış: bant aynı yükseklikte, yalnız yazı 40px yukarıda (üst boşluk 128 → 88px, alt 128 → 168px) */
.pg-about .sec.quote{padding-top:calc(var(--section) - 40px);padding-bottom:calc(var(--section) + 40px)}
/* Bakış yazısı ortanın bir tık üstünde: üst 128 → 112px, alt 128 → 144px (önceki deneme 88/168 fazla yukarıdaydı) */
.pg-about .sec.quote{padding-top:calc(var(--section) - 16px);padding-bottom:calc(var(--section) + 16px)}
/* Nasıl çalışır? biraz yukarıda: Bakış bandından sonraki üst boşluk 128 → 88px */
.pg-about .sec.quote + .sec{padding-top:calc(var(--section) - 40px)}
/* Nasıl çalışır? kendi alanında ortalı: üst ve alt boşluk eşit 108px (önceki üst 88 / alt 128) */
.pg-about .sec.quote + .sec{padding-top:calc(var(--section) - 20px);padding-bottom:calc(var(--section) - 20px)}

/* =================== NO3 · 24 Ekim · Kalan sayfalar sisteme geçti: Lite, Brief, Başvuru, Teşekkürler, KVKK/Çerez/Gizlilik, 404 =================== */
/* İlk ekran: diğer sayfalarla aynı (body.xhero): koyu mor, tam ekran, vurgu turkuaz ışıltılı, menü ilk ekranın üstündeyken mor.
   Önceki: beyaz ilk ekran, mor vurgu */
.xhero main > .hero .crumb,.xhero main > .hero .crumb a{color:color-mix(in srgb,#ffffff 72%,transparent)}
.xhero main > .hero .crumb a:hover{color:var(--c-hero-accent)}
.xhero main > .hero .muted{color:color-mix(in srgb,#ffffff 72%,transparent)}
.xhero main > .hero .mail,.xhero main > .hero a.mail{color:var(--c-hero-accent)}
.xhero main > .hero .soon{display:grid;gap:24px;justify-items:center;text-align:center;max-width:980px;margin-inline:auto}
.xhero main > .hero .way{background:transparent;border:1px solid color-mix(in srgb,#ffffff 22%,transparent);color:#ffffff;text-align:left}
/* Bloklar: etiket → başlık 20px, başlık → metin 44px, metinler ortalı ve ana sayfa puntosunda, bloklar arası 128px; koyu blokta vurgu turkuaz */
:is(.pg-lite,.pg-brief,.pg-beta) .sec .split{gap:var(--g-hb)}
:is(.pg-lite,.pg-brief,.pg-beta) .sec .split > :first-child{gap:var(--g-eh)}
:is(.pg-lite,.pg-brief,.pg-beta) .sec .split > :last-child{justify-items:center}
:is(.pg-lite,.pg-brief,.pg-beta) .sec .prose,:is(.pg-lite,.pg-brief,.pg-beta) .sec .split > :first-child > p.muted{display:block;font-size:var(--t-copy);line-height:1.5;text-align:center;margin-inline:auto;max-width:860px!important}
:is(.pg-lite,.pg-brief) .sec .split > :first-child > h2 + p.muted{margin-top:calc(var(--g-hb) - var(--g-eh))}
:is(.pg-lite,.pg-brief,.pg-beta) .sec .note{display:block;text-align:center;width:100%}
:is(.pg-lite,.pg-brief) .sec .way{width:100%;max-width:620px;box-sizing:border-box;margin-inline:auto}
:is(.pg-lite,.pg-brief,.pg-beta) .sec:not(.cta){padding-block:var(--section)}
:is(.pg-lite,.pg-brief,.pg-beta) .sec:not(.dark):not(.cta) + .sec:not(.dark):not(.cta){padding-top:0}
:is(.pg-lite,.pg-brief,.pg-beta) .sec.dark h2 em,:is(.pg-lite,.pg-brief,.pg-beta) .sec.dark .slogan{color:var(--c-hero-accent)}
:is(.pg-lite,.pg-brief,.pg-beta) .sec .split > .stack:last-child:not(:has(> *)){display:none}
/* Maddeli listeler: turkuaz daire içinde tik (Coherence "Bağlantı koptuğunda" ile aynı dil). Önceki: mor nokta */
:is(.pg-lite,.pg-brief,.pg-thanks) .way ul{gap:16px}
:is(.pg-lite,.pg-brief,.pg-thanks) .way li{padding-left:36px;min-height:24px;line-height:1.5}
:is(.pg-lite,.pg-brief,.pg-thanks) .way li::before{top:0;width:24px;height:24px;border-radius:50%;background:var(--c-hero-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d0d71' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
/* Başvuru: kutular bölümü ve SSS ortalı; Lite kutusu antrasit (ana sayfadaki gibi), Brief mor */
.pg-beta #basvuru .wrap > h2{text-align:center;justify-self:center}
.pg-beta #basvuru .wrap > .muted{text-align:center;justify-self:center}
.pg-beta .card.pick:first-child,.pg-beta .card.pick:first-child:hover{background:#383e42;border-color:#383e42}
.pg-beta .card.pick:first-child .btn{color:#383e42}
.pg-beta .sec .faq{width:100%;max-width:860px;margin-inline:auto}
.pg-beta .sec .split > h2{text-align:center}
.pg-beta .sec.dark .founder-note{text-align:center;margin-inline:auto}
/* Teşekkürler ve yasal sayfalar: kısa sayfa, ilk ekran tam ekran ve ortalı */
.pg-thanks .way,.pg-kvkk .way{max-width:620px;margin-inline:auto}
.pg-beta .sec .split > .faq{justify-self:stretch;text-align:left}
.pg-beta .faq summary{justify-content:space-between}
.pg-beta .sec .split > .faq{justify-items:stretch}

/* =================== Başvuru rev 2 =================== */
/* Giriş beyaz, tam ekran değil, kilit/aşağı kaydırın yok, buton yok; yazı bloğu yukarıda; "İki yoldan biriyle başlayın" küçük başlık olarak girişte.
   "Nasıl bakıyoruz" bölümü kapalı (beta.show_look). Önceki: koyu mor tam ekran giriş + Başvurun butonu + koyu Nasıl bakıyoruz bölümü */
.pg-beta main > .hero{padding-block:clamp(56px,7vw,96px) 8px}
.pg-beta main > .hero .stack{gap:20px}
.pg-beta .pick-h{margin:20px 0 0;font:600 clamp(20px,1.8vw,24px)/1.3 var(--f-display);letter-spacing:-.01em;color:#383e42}
.pg-beta #basvuru{padding-top:40px}

/* Başvuru rev 3: "Şimdi iki yoldan biriyle başlayın." açıklamanın sonunda, mor ve kalın; giriş bloğu 40px aşağıda.
   Önceki: ayrı küçük başlık (.pick-h), giriş üst boşluğu clamp(56px,7vw,96px) */
.pick-in{color:var(--c-text-accent);font-weight:700}
.pg-beta main > .hero{padding-top:calc(clamp(56px,7vw,96px) + 40px)}

/* =================== Başvuru formları =================== */
/* 1. Lite formu gri zeminde kalır; Brief formu mavi (#1d0d71), yazılar beyaz. Önceki: ikisi de gri */
#brief .form{background:var(--c-hero-bg);color:#ffffff}
#brief .form h3,#brief .form .field label,#brief .form .field legend,#brief .form .check{color:#ffffff}
#brief .form .check a{color:var(--c-hero-accent)}
#brief .form .field input{border-color:transparent}
#brief .form .btn,#brief .form .btn:hover{background:transparent;color:#ffffff;border-color:#ffffff}
#brief .form .btn .bh{background:var(--c-hero-accent);color:var(--c-hero-bg)}
#brief .form .btn.h-in{border-color:var(--c-hero-accent)}
/* 2. Rol seçimi: radyo düğmesi yerine daire; seçilince turkuaz daire içinde tik. Önceki: standart radyo düğmesi */
.form .choices label{position:relative;padding:12px 18px 12px 46px;min-height:48px;box-sizing:border-box}
.form .choices input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.form .choices label::before{content:"";position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;border:1.5px solid #b9bcc0;background:#ffffff;box-sizing:border-box;transition:background 200ms,border-color 200ms}
.form .choices label:has(input:checked)::before{border-color:var(--c-hero-accent);background:var(--c-hero-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d0d71' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.form .choices label:has(input:checked){border-color:var(--c-hero-bg);color:var(--c-hero-bg)}
.form .choices label:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--c-hero-accent) 45%,transparent)}
#brief .form .choices label{color:var(--c-ink)}
#brief .form .choices label:has(input:checked){border-color:var(--c-hero-accent)}
/* 3. Marka alanının yanında "İletmek istediğiniz not" kutucuğu (isteğe bağlı, name="not") */
/* 4. KVKK pop-up: beyaz kutu, sağ üstte kapat */
.kpop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(17,20,22,.55);backdrop-filter:blur(4px)}
.kpop[hidden]{display:none}
.kpop-box{position:relative;width:min(640px,100%);max-height:min(80vh,720px);overflow:auto;background:#ffffff;color:var(--c-ink);border-radius:var(--radius-tile);padding:clamp(28px,4vw,44px);box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}
.kpop-box h3{margin:0 40px 16px 0;font-size:24px;color:#383e42}
.kpop-box p{margin:0 0 14px;font-size:15px;line-height:1.6;color:var(--c-muted)}
.kpop-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:0;background:var(--c-gray);display:grid;place-items:center;cursor:pointer;transition:background 200ms}
.kpop-x:hover{background:var(--c-hero-accent)}
.kpop-x svg{width:18px;height:18px;fill:none;stroke:#1f2528;stroke-width:2;stroke-linecap:round}
.pop-open{overflow:hidden}

/* =================== Teşekkürler · logo açılışı =================== */
/* Logo ana sayfadaki yükseklikte; "o" iki tur döner (1,9 sn), açılır (0,9 sn), arasında turkuaz yazı ortadan kırpılarak belirir */
.tlogo{--vw:4400;width:calc(min(86vw,1080px) * var(--vw) / 5989);margin:0 auto 12px;line-height:0;opacity:0;transition:opacity 300ms}
.tlogo.ready{opacity:1}
.tlogo svg{display:block;width:100%;height:auto;overflow:visible}
.tlogo image{filter:brightness(0) invert(1)}
.tlogo .tL,.tlogo .tR{transition:none}
.tlogo.anim .tL,.tlogo.anim .tR{transition:transform 900ms var(--ease)}
.tmsg{font:400 178px var(--f-display);letter-spacing:-.01em;fill:var(--c-hero-accent)}
.tlogo .tclip{transform-box:fill-box;transform-origin:center;transform:scaleX(0)}
.tlogo.anim .tclip{transition:transform 900ms var(--ease)}
.tlogo.open .tclip{transform:scaleX(1)}
@media (max-width:680px){.tlogo{width:calc(92vw * var(--vw) / 5989)}}

/* Teşekkürler "o": dönerken turkuaz, yerine oturunca 0,5 sn'de beyaza döner (SVG filtre rengi) */
.tlogo .tO1 image,.tlogo .tO2 image{filter:none}
.tlo-c{flood-color:#ffffff;transition:flood-color 500ms var(--ease)}
.tlogo.tq .tlo-c{flood-color:var(--c-hero-accent)}

/* =================== NO3 · Telefon turu · Safari düzeltmesi =================== */
/* Safari, SVG içindeki görsellere CSS filtresi (brightness/invert) uygulamıyor; logolar siyah görünüyordu.
   Logolar artık SVG filtresiyle (renk dolgusu) boyanıyor; her tarayıcıda aynı. Önceki: filter:brightness(0) invert(…) */
.hlogo .l,.hlogo .r,.hlogo:not(.closed) .l,.hlogo:not(.closed) .r,.js .hlogo.closed .l,.js .hlogo.closed .r,.js .over-hero .hlogo.closed .l,.js .over-hero .hlogo.closed .r{filter:url(#hlc)!important}
/* renk: açıkken ve mor ilk ekranın üstündeyken beyaz; kapanıp beyaz menüye oturunca orijinal koyu (#1f2528) */
.hlc-c{flood-color:#f6f6f6;transition:flood-color 0ms}
.js .hlogo.closed .hlc-c{flood-color:#1f2528;transition:flood-color 500ms var(--ease)}
.js .over-hero .hlogo.closed .hlc-c{flood-color:#ffffff}
.alogo image{filter:url(#alw)!important}
.tlogo image{filter:url(#tlw)!important}
.tlogo .tO1 image,.tlogo .tO2 image{filter:none!important}

/* =================== Telefon · menü paneli =================== */
/* Soldan kayarak açılan tam ekran panel, koyu mor; büyük bağlantılar (Space Grotesk), büyük Başvurun, altta LinkedIn/Instagram.
   Önceki: menünün altına açılan beyaz liste (.menu.open) */
.mnav{position:fixed;inset:0;z-index:120;background:var(--c-hero-bg);color:#ffffff;display:flex;flex-direction:column;padding:16px 24px calc(28px + env(safe-area-inset-bottom,0px));box-sizing:border-box;transform:translateX(-100%);visibility:hidden;transition:transform 520ms cubic-bezier(.7,0,.2,1),visibility 0s linear 520ms;overflow-y:auto}
.mnav.open{transform:none;visibility:visible;transition:transform 520ms cubic-bezier(.7,0,.2,1),visibility 0s}
.mnav-open{overflow:hidden}
.mnav-top{display:flex;justify-content:space-between;align-items:center;min-height:40px}
.mnav-lang{display:flex;gap:14px;font:600 12px var(--f-body);letter-spacing:.04em}
.mnav-lang a{color:color-mix(in srgb,#ffffff 65%,transparent);text-decoration:none}
.mnav-lang span{color:#ffffff}
.mnav-x{width:44px;height:44px;margin-right:-10px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.mnav-x svg{width:24px;height:24px;fill:none;stroke:#ffffff;stroke-width:1.8;stroke-linecap:round}
.mnav-links{display:grid;gap:6px;margin-top:clamp(40px,10vh,88px)}
.mnav-links a{font:600 clamp(40px,11vw,56px)/1.12 var(--f-display);letter-spacing:-.03em;color:#ffffff;text-decoration:none;opacity:0;transform:translateX(-24px);transition:opacity 400ms var(--ease),transform 400ms var(--ease),color 200ms}
.mnav-links a[aria-current="page"]{color:var(--c-hero-accent)}
.mnav.open .mnav-links a{opacity:1;transform:none}
.mnav.open .mnav-links a:nth-child(1){transition-delay:180ms}
.mnav.open .mnav-links a:nth-child(2){transition-delay:230ms}
.mnav.open .mnav-links a:nth-child(3){transition-delay:280ms}
.mnav.open .mnav-links a:nth-child(4){transition-delay:330ms}
.mnav-cta{margin-top:36px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;border-radius:999px;background:var(--c-hero-accent);color:var(--c-hero-bg);font:600 20px var(--f-display);text-decoration:none}
.mnav-soc{margin-top:auto;padding-top:32px;display:flex;gap:32px}
.mnav-soc .soc{color:#ffffff;font-size:15px}
@media (min-width:681px){.mnav{display:none}}
@media (max-width:680px){.nav .menu.open{display:none!important}}
/* =================== Telefon · footer =================== */
/* Üç bağlantı sütunu alt alta düşmez, yan yana ve küçük kalır. Önceki: 2 sütun, üçüncü alta iniyordu */
@media (max-width:820px){
  .foot .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}
  .foot .grid > :first-child{grid-column:1/-1}
}
@media (max-width:480px){
  .foot h4{font-size:11px;margin-bottom:10px}
  .foot ul{gap:7px}
  .foot ul a{font-size:11px;line-height:1.35}
}
.mnav-soc .ic{fill:currentColor;stroke:none;width:20px;height:20px}
/* Telefon menüsü rev 2: başlıklar arası açıldı ve ince çizgiyle ayrıldı; Başvurun biraz aşağıda.
   Önceki: aralık 6px, çizgi yok, buton üst boşluğu 36px */
.mnav-links{gap:0}
.mnav-links a{padding:16px 0;border-bottom:1px solid color-mix(in srgb,#ffffff 18%,transparent)}
.mnav-links a:first-child{border-top:1px solid color-mix(in srgb,#ffffff 18%,transparent)}
.mnav-cta{margin-top:56px}

/* Teşekkürler logosu rev 4: hareket JS ile; CSS geçiş ve kırpma dönüşümü kaldırıldı (Safari). Telefonda logo biraz daha büyük (ekran genişliğinin tamamına yakın) */
.tlogo .tclip,.tlogo.open .tclip,.tlogo.anim .tclip{transform:none;transition:none}
.tlogo .tL,.tlogo .tR,.tlogo.anim .tL,.tlogo.anim .tR{transition:none}
.tlo-c{transition:none}
@media (max-width:680px){.tlogo{width:min(calc(100vw - 32px), calc(92vw * var(--vw) / 5989 * 1.25))}}

/* =================== 24 Ekim metin turu · yasal sayfalar =================== */
/* Yasal metin sayfada: pop-up'taki biçim (15px, 1.6 satır), sola dayalı, dar sütun. Yeni kural; tasarım onayı (Selim) bekliyor. */
.legal-text{max-width:680px;margin-inline:auto;text-align:left}
.legal-text p{margin:0 0 14px;font-size:15px;line-height:1.6;color:var(--c-muted)}
.legal-text b{color:var(--c-ink)}
.legal-text a{color:var(--c-accent)}

/* =================== 25 Ekim metin turu · ana sayfa toplam skor =================== */
/* Eksen grafiğinin üstünde toplam Coherence skoru. Yeni öğe; Selim onayı bekliyor. */
.links-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;width:100%;padding:0 clamp(20px,3vw,32px);text-align:left}
.links-total .nm{font-weight:600;font-size:16px}
.links-total .tot{font:600 clamp(40px,4.4vw,56px)/1 var(--f-display);font-variant-numeric:tabular-nums}
.sec.dark .links-total .tot{color:var(--c-hero-accent)}

/* =================== 25 Ekim metin turu · Brief örnek rapor önizlemesi =================== */
/* Yeni öğe; Selim onayı bekliyor. iframe 794x1123 (A4) ölçeklenir, tıklanınca tam sayfa açılır. */
.sample{display:grid;justify-items:center;gap:14px;margin:40px auto 0;text-decoration:none;color:inherit}
.sample-box{display:block;width:397px;height:562px;overflow:hidden;border-radius:12px;border:1px solid var(--c-line);box-shadow:0 24px 60px -28px rgba(29,13,113,.45);background:#fff;transition:transform 250ms var(--ease)}
.sample-box iframe{width:794px;height:1123px;border:0;transform:scale(.5);transform-origin:0 0;pointer-events:none;margin:0}
.sample:hover .sample-box{transform:translateY(-4px)}
.sample-cap{font-weight:600;color:#6b14ff}
@media (max-width:560px){.sample-box{width:318px;height:450px}.sample-box iframe{transform:scale(.4)}}

/* =================== 25 Ekim metin turu · Coherence ilk ekran ışıltısı kaldırıldı (Perin) =================== */
/* Yalnız Coherence sayfası. Önceki: .xhero main > .hero h1 em{animation:ns-glow 3.2s ease-in-out infinite} (diğer sayfalarda sürüyor). Tasarım kararı; Selim'e bildirilecek. */
.pg-coherence.xhero main > .hero h1 em{animation:none!important;text-shadow:none!important}
/* 25 Ekim (Perin): Kaynaklar satırında turkuaza dönen kelimelerin ışıltısı da kaldırıldı; renk geçişi sürüyor. Önceki: .tik.on{animation:ns-glow 3.2s ease-in-out infinite} */
.tik.on{animation:none!important;text-shadow:none!important}

/* =================== 25 Ekim metin turu · Başvuru: danışmanlık satırı =================== */
/* Ürün kutularının altında daha hafif bir yol; tıklanınca #iletisim görüşme formu açılır. Yeni öğe; Selim onayı bekliyor. */
.consult{margin:8px auto 0;text-align:center;font-size:var(--t-body);color:var(--c-ink)}
.consult a{font-weight:600;color:#6b14ff;text-decoration:none;white-space:normal}
.consult a:hover{text-decoration:underline}
/* 25 Ekim rev 2 (Perin: "çok sönük"): satır yerine tam genişlikte çerçeveli kutu. Önceki: .consult satırı (yukarıda). */
.consult-card{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;box-sizing:border-box;padding:clamp(24px,3vw,36px) clamp(24px,3.4vw,44px);border:1.5px solid #6b14ff;border-radius:var(--radius-tile);background:#fff;color:var(--c-ink);text-decoration:none;transition:box-shadow 250ms var(--ease),transform 250ms var(--ease)}
.consult-card:hover{box-shadow:0 0 0 3px color-mix(in srgb,#6b14ff 25%,transparent);transform:translateY(-2px)}
.consult-card .cc-txt{display:grid;gap:8px;text-align:left}
.consult-card .cc-k{font:600 clamp(22px,2.2vw,28px)/1.15 var(--f-display);color:#383e42}
.consult-card .cc-p{font-size:16px;line-height:1.5;color:var(--c-muted);max-width:640px}
.consult-card .btn{flex:none;color:#6b14ff;border-color:#6b14ff}
@media (max-width:700px){.consult-card{flex-direction:column;align-items:flex-start;gap:18px}}
/* 25 Ekim rev 3: danışmanlık en üst basamak (Perin). Parlak mor zemin ürün kutularından ayrışır; buton dolu turkuaz. Yeni öğe; Selim onayı bekliyor. Önceki: .consult-card (çerçeveli). */
.consult-top{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);align-items:start;width:100%;box-sizing:border-box;margin-top:18px;padding:clamp(34px,4vw,52px) clamp(26px,4vw,52px);border-radius:var(--radius-tile);background:#6b14ff;color:#fff;text-decoration:none;text-align:left;box-shadow:0 30px 70px -36px rgba(107,20,255,.75);transition:transform 250ms var(--ease)}
.consult-top:hover{transform:translateY(-3px)}
.consult-top .ribbon{position:absolute;top:-14px;left:clamp(26px,4vw,52px)}
.consult-top .ct-main,.consult-top .ct-side{display:grid;gap:14px}
.consult-top .ct-h{font:600 clamp(30px,3.4vw,46px)/1.05 var(--f-display);letter-spacing:-.02em;color:#fff}
.consult-top .ct-p{font-size:18px;line-height:1.5;color:#fff}
.consult-top .ct-who{font-size:15px;line-height:1.5;color:color-mix(in srgb,#fff 78%,#6b14ff)}
.consult-top .ct-k{font:600 13px var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--c-hero-accent)}
.consult-top .ct-list{display:flex;flex-wrap:wrap;gap:8px}
.consult-top .ct-list > span{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.14);font-size:14px;font-weight:600;color:#fff}
.consult-top .btn,.consult-top:hover .btn{justify-self:start;margin-top:6px;background:var(--c-hero-accent);border-color:var(--c-hero-accent);color:#1d0d71}
@media (max-width:760px){.consult-top{grid-template-columns:1fr}}
/* 26 Ekim: Lite ilk ekran başlığı üç satır, "+" ayrı satırda (Hakkımızda "Nasıl çalışır?" başlığıyla aynı mantık). */
.hero h1 .plus{display:block;font-weight:400;line-height:1;margin:.06em 0}

/* 26 Ekim (Perin): form teslim notu ve "Diğer" alanı. Yeni öğe; Selim onayı bekliyor. */
.form .form-note{margin:-8px 0 4px;font-size:15px;opacity:.75}
#brief .form .form-note{color:#ffffff}
.form .other-in{display:none;margin-top:10px;max-width:360px}
.form fieldset:has(.r-other:checked) .other-in{display:block}
/* 26 Ekim (Perin): "Rolünüz" ile seçenekler arasında boşluk yoktu; legend grid gap'ini almıyor. Önceki: margin yok. Selim onayı bekliyor. */
.form fieldset.field legend{margin-bottom:10px;padding:0}

/* =================== 26 Ekim · Selim revizyonları (yayın öncesi) =================== */
/* Başvuru: danışmanlık kutusunun şeridi diğer kutulardaki gibi kenarın tam ortasına oturur; mor gölge yok; kontenjan notu altta ortalı.
   Önceki: .consult-top .ribbon{top:-14px}, box-shadow:0 30px 70px -36px rgba(107,20,255,.75) */
.consult-top .ribbon{top:0;transform:translateY(-50%)}
.consult-top,.consult-top:hover{box-shadow:none}
.pg-beta #basvuru .quota{text-align:center;justify-self:center;margin:0}
/* Lite ve Brief ilk ekran: başlık küçük, tek satır, beyaz (ışıltı yok); "Ücretsiz" / "Lansman öncesi ücretsiz" turkuaz zeminde mavi şerit.
   Önceki: başlık turkuaz, ışıltılı, clamp(40px,7vw,88px), üç satır; etiket beyaz düz yazı */
:is(.pg-lite,.pg-brief) main > .hero h1{font-size:clamp(28px,2.4vw,36px)!important;line-height:1.2;color:#ffffff}
:is(.pg-lite,.pg-brief) main > .hero h1 .plus{display:inline;margin:0}
@media (min-width:1100px){:is(.pg-lite,.pg-brief) main > .hero h1{white-space:nowrap}}
:is(.pg-lite,.pg-brief) main > .hero .eyebrow{display:inline-block;padding:6px 14px;border-radius:var(--radius);background:var(--c-hero-accent);color:var(--c-hero-bg)!important;font-size:13px;font-weight:600}
/* Örnek rapor: sayfa önizlemesi yerine büyük buton, yeni sekmede açılır */
.sample-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin:32px auto 0;min-height:72px;padding:0 44px;border-radius:999px;background:var(--c-hero-bg);color:#ffffff;font:600 clamp(20px,1.8vw,24px) var(--f-display);letter-spacing:-.01em;text-decoration:none;transition:background 250ms var(--ease),color 250ms var(--ease),transform 250ms var(--ease)}
.sample-btn .arr{font-size:1.2em;transition:transform 250ms var(--ease)}
.sample-btn:hover{background:var(--c-hero-accent);color:var(--c-hero-bg)}
.sample-btn:hover .arr{transform:translateX(6px)}
/* Lite ve Brief: bölümler arası boşluk 128 → 88px (son bölümler sıkılaştı) */
:is(.pg-lite,.pg-brief) .sec:not(.cta){padding-bottom:calc(var(--section) - 40px)}
:is(.pg-lite,.pg-brief) .sec.dark:not(.cta),:is(.pg-lite,.pg-brief) .sec.dark + .sec:not(.cta){padding-top:calc(var(--section) - 40px)}
/* 26 Ekim rev 2: Lite ve Brief başlığı 2 katı (36 → 72px); bu boyda tek satıra sığmadığı için iki satıra iner. Önceki: clamp(28px,2.4vw,36px), tek satır */
:is(.pg-lite,.pg-brief) main > .hero h1{font-size:clamp(40px,5vw,72px)!important;line-height:1.08;white-space:normal!important;max-width:1080px;margin-inline:auto}
/* Örnek rapor butonu: yavaşça büyüyüp küçülür (nefes), altında hafif ışıltı. Hareket azaltma tercihinde sabit */
@keyframes ns-breathe{0%,100%{transform:scale(1);box-shadow:0 14px 34px -14px rgba(86,242,202,.45)}50%{transform:scale(1.045);box-shadow:0 20px 48px -12px rgba(86,242,202,.75)}}
.sample-btn{animation:ns-breathe 2.6s ease-in-out infinite}
.sample-btn:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.sample-btn{animation:none;box-shadow:0 14px 34px -14px rgba(86,242,202,.55)}}

/* 26 Ekim rev 3 (Selim): Lite/Brief fiyat şeridi menünün altında sol üstte sabit, boyu her ekranda aynı (13px). */
.pbadge{position:fixed;top:73px;left:max(24px,calc((100vw - 1080px) / 2));z-index:40;display:inline-block;padding:7px 15px;border-radius:var(--radius);background:var(--c-hero-accent);color:var(--c-hero-bg);font:600 13px/1.2 var(--f-body);letter-spacing:.01em;box-shadow:0 6px 18px -8px rgba(17,20,22,.35);pointer-events:none}
@media (max-width:680px){.pbadge{top:68px;left:16px}}
/* Telefon: menü çubuğunda sağ üstte TR/EN yerine "Başvurun" (her sayfada sabit; TR/EN telefon menü panelinde). Önceki: TR/EN, Başvurun gizli */
@media (max-width:680px){
  .nav .nav-r .lang{display:none}
  .nav .nav-r .btn{display:inline-flex!important;font-size:13px;padding:7px 14px;min-height:0}
}

/* 26 Ekim rev 4: fiyat şeridi ilk ekrana geri döndü (sabit şerit iptal). Masaüstünde "← Coherence › Lite/Brief" menünün altında sol üstte sabit,
   yarı saydam beyaz kapsül (mor ilk ekranda da beyaz bölümlerde de okunur); ilk ekrandaki aynı satır masaüstünde gizli. Telefonda eski yerinde. */
.pbadge{display:none}
.crumb-fix{display:none}
@media (min-width:681px){
  .crumb-fix{position:fixed;top:73px;left:max(24px,calc((100vw - 1080px) / 2));z-index:40;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 18px -10px rgba(17,20,22,.35);font:500 13px/1.2 var(--f-body);color:var(--c-ink)}
  .crumb-fix a{color:#6b14ff;font-weight:600;text-decoration:none}
  .crumb-fix a:hover{text-decoration:underline}
  :is(.pg-lite,.pg-brief) main > .hero .crumb{display:none}
}

/* 26 Ekim rev 5: geri dönüş satırı kapsülsüz, sola yaslı düz yazı (önceki: yarı saydam beyaz kapsül). Beyaz zeminde koyu/mor, mor ilk ekranın üstündeyken beyaz/turkuaz. */
@media (min-width:681px){
  .crumb-fix{padding:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;top:77px;color:var(--c-ink);transition:color .3s}
  .crumb-fix a{color:#6b14ff;transition:color .3s}
  body.over-hero .crumb-fix{color:color-mix(in srgb,#ffffff 72%,transparent)}
  body.over-hero .crumb-fix a{color:var(--c-hero-accent)}
}

/* 26 Ekim rev 6: geri dönüş satırı menünün sol hizasıyla aynı blokta (menüdeki "Coherence" ile aynı sol kenar). Önceki: left max(24px,(100vw-1080px)/2) */
@media (min-width:681px){
  .crumb-fix{left:0;right:0;margin-inline:auto;width:100%;max-width:1080px;box-sizing:border-box;padding-inline:min(48px,4vw);display:flex;justify-content:flex-start;pointer-events:none}
  .crumb-fix a{pointer-events:auto}
}

/* 26 Ekim rev 7 (Selim): ilk ekranlar. Lite beyaz zemin (body.lhero; menü ilk ekranın üstünde de beyaz kalır), Brief antrasit zemin. Hizmetler aynı.
   Önceki: ikisi de koyu mor (body.xhero). */
.lhero main > .hero{position:relative;overflow:hidden;background:#ffffff;color:#1f2528;min-height:calc(100vh - 57px);min-height:calc(100svh - 57px);display:grid;align-content:center;padding-block:40px}
.lhero.pg-lite main > .hero h1{color:#383e42}
.lhero.pg-lite main > .hero .lede{color:#1f2528}
.lhero.pg-lite main > .hero .eyebrow{background:#6b14ff;color:#ffffff!important}
.lhero main > .hero .scrollhint{color:color-mix(in srgb,#383e42 75%,transparent)}
.lhero main > .hero .scrollhint:hover{color:#383e42}
.lhero main > .hero .btn,.lhero main > .hero .btn:hover{background:transparent;color:#383e42;border-color:#383e42}
.lhero main > .hero .btn .bh{background:#6b14ff;color:#ffffff}
.lhero main > .hero .btn.h-in{border-color:#6b14ff}
.lhero main > .hero .crumb{color:color-mix(in srgb,#383e42 72%,transparent)}
.lhero main > .hero .crumb a{color:#6b14ff}
.pg-brief.xhero main > .hero{background:#383e42}
.pg-brief.xhero.over-hero .nav{background:#383e42}
@media (max-width:680px){.pg-brief.over-hero .nav .menu{background:#383e42}}
.pg-brief.xhero main > .hero .btn .bh,.pg-brief.over-hero .nav .btn .bh{color:#383e42}
.pg-brief.xhero main > .hero .eyebrow{color:#383e42!important}

/* 26 Ekim rev 8: örnek rapor önizlemesi butonun üstünde (ilk versiyondaki gibi); altında büyük "Örnek ... açın" butonu */
.sample{margin:40px auto 0;display:grid;justify-items:center}
.sample + .sample-btn{margin-top:36px}
@media (max-width:560px){.sample-btn{font-size:17px;padding:0 26px;min-height:60px;white-space:nowrap}} /* 26 Ekim: telefonda buton tek satır */

/* 26 Ekim rev 9 (Selim): Başvuru kutuları ve açılan formlar sayfalarıyla aynı renkte.
   Lite beyaz (önceki: kutu antrasit, form gri), Brief antrasit (önceki: koyu mor), Danışmanlık koyu mor #1d0d71 (önceki: kutu #6b14ff, form gri). */
.pg-beta .card.pick:first-child,.pg-beta .card.pick:first-child:hover{background:#ffffff;border:1.5px solid color-mix(in srgb,#383e42 22%,transparent)}
.pg-beta .card.pick:first-child h3{color:#383e42}
.pg-beta .card.pick:first-child p{color:#1f2528}
.pg-beta .card.pick:first-child .btn{background:#6b14ff;border-color:#6b14ff;color:#ffffff}
.pg-beta a.card.pick:first-child:hover .btn{color:#ffffff}
.pg-beta .card.pick:nth-child(2),.pg-beta .card.pick:nth-child(2):hover{background:#383e42;border-color:#383e42}
.pg-beta .card.pick:nth-child(2) .btn{color:#383e42}
.pg-beta a.card.pick:nth-child(2):hover .btn{color:#383e42}
.consult-top{background:#1d0d71}
.consult-top .ct-who{color:color-mix(in srgb,#fff 78%,#1d0d71)}
/* Lite formu: beyaz */
#lite .form{background:#ffffff;border:1.5px solid color-mix(in srgb,#383e42 22%,transparent)}
#lite .form .field input,#lite .form .choices label{border:1px solid color-mix(in srgb,#383e42 28%,transparent)}
#lite .form .choices label:has(input:checked){border-color:#6b14ff}
/* Brief formu: antrasit */
#brief .form{background:#383e42}
#brief .form .btn .bh{color:#383e42}
/* Görüşme formu: koyu mor (önceki Brief formunun hali) */
#iletisim .form{background:var(--c-hero-bg);color:#ffffff}
#iletisim .form h3,#iletisim .form .field label,#iletisim .form .field legend,#iletisim .form .check,#iletisim .form .form-note{color:#ffffff}
#iletisim .form .check a{color:var(--c-hero-accent)}
#iletisim .form .field input{border-color:transparent}
#iletisim .form .btn,#iletisim .form .btn:hover{background:transparent;color:#ffffff;border-color:#ffffff}
#iletisim .form .btn .bh{background:var(--c-hero-accent);color:var(--c-hero-bg)}
#iletisim .form .btn.h-in{border-color:var(--c-hero-accent)}
/* 26 Ekim rev 10: Danışmanlık şeridi ("İçeriden, sizin verilerinizle") diğer kutulardaki gibi turkuaz zemin */
.consult-top .ribbon{background:var(--c-hero-accent);color:var(--c-hero-bg)}

/* 26 Ekim rev 11: (1) beyaz menüde Başvurun butonunun üzerine gelince yazı beyaz (önceki: koyu mor zemin üstünde koyu mor, görünmüyordu).
   (2) Coherence › Nasıl başlanır? Lite ve Brief kutularında "Daha fazla bilgi için →" butonu. */
body:not(.over-hero) .nav .btn .bh{color:#ffffff}
.pg-coherence .cards.c3 .card{display:flex;flex-direction:column}
.pg-coherence .cards.c3 .card .btn.more{align-self:flex-start;margin-top:auto;position:relative}
.pg-coherence .cards.c3 .card p + .btn.more{margin-top:28px}
.pg-coherence .cards.c3 .card .btn.more .arr{display:inline}
.pg-coherence .cards.c3 .card:nth-child(1) .btn.more,.pg-coherence .cards.c3 .card:nth-child(1) .btn.more:hover{background:transparent;border:1.5px solid #1d0d71;color:#1d0d71}
.pg-coherence .cards.c3 .card:nth-child(1) .btn.more .bh{background:#1d0d71;color:#ffffff}
.pg-coherence .cards.c3 .card:nth-child(2) .btn.more,.pg-coherence .cards.c3 .card:nth-child(2) .btn.more:hover{background:transparent;border:1.5px solid #ffffff;color:#ffffff}
.pg-coherence .cards.c3 .card:nth-child(2) .btn.more .bh{background:var(--c-hero-accent);color:#383e42}
.pg-coherence .cards.c3 .card:nth-child(2) .btn.more.h-in{border-color:var(--c-hero-accent)}
.pg-coherence .cards.c3 .card p + .btn.more{margin-top:auto}
.pg-coherence .cards.c3 .card p:has(+ .btn.more){margin-bottom:28px}
/* Danışmanlık kutusu da butonlu (Hizmetler'e gider) */
.pg-coherence .cards.c3 .card:nth-child(3) .btn.more,.pg-coherence .cards.c3 .card:nth-child(3) .btn.more:hover{background:transparent;border:1.5px solid #ffffff;color:#ffffff}
.pg-coherence .cards.c3 .card:nth-child(3) .btn.more .bh{background:var(--c-hero-accent);color:#1d0d71}
.pg-coherence .cards.c3 .card:nth-child(3) .btn.more.h-in{border-color:var(--c-hero-accent)}