:root{--lac:#0b1b4d;--lac2:#132a6b;--mavi:#2563eb;--elek:#3b5bff;--buz:#f3f6fc;--buz2:#e8eefb;--cizgi:#dfe6f3;--yazi:#0b1b4d;--soluk:#4a5a82;--silik:#8592b3;
  --turuncu:#ff7a1a;--yesil:#10b981;--mor:#7c3aed;--pembe:#e11d74;--grad:linear-gradient(100deg,#2563eb,#7c3aed 60%,#e11d74)}
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.6 Inter,system-ui,sans-serif;color:var(--yazi);background:#fff;overflow-x:hidden}
h1,h2,h3,h4{font-family:"Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.025em}
a{color:inherit;text-decoration:none}
.ic{max-width:1240px;margin:0 auto;padding:0 24px}
.vurgu{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cizgili{position:relative;white-space:nowrap}
.cizgili::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.22em;border-radius:6px;background:linear-gradient(90deg,rgba(37,99,235,.25),rgba(225,29,116,.25));z-index:-1}
.dg{display:inline-flex;align-items:center;gap:10px;font:600 15.5px Inter;padding:15px 26px;border-radius:12px;border:1.5px solid transparent;white-space:nowrap}
.dg.ana{background:var(--lac);color:#fff;box-shadow:0 14px 34px -14px rgba(11,27,77,.6)}
.dg.ana b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--elek)}
.dg.ac{border-color:var(--cizgi);background:#fff}
/* üst */
nav{display:flex;align-items:center;gap:34px;height:80px}
nav .logo img{height:30px;display:block}
nav .menu{display:flex;gap:28px;font-size:14.5px;color:var(--soluk);font-weight:500}
nav .sag{margin-left:auto;display:flex;gap:10px;align-items:center}
nav .sag .dg{padding:11px 18px;font-size:14px}
.duyuru{background:var(--lac);color:#dbe4ff;font-size:13.5px;text-align:center;padding:9px 16px}
.duyuru b{color:#fff}.duyuru span{display:inline-block;background:var(--turuncu);color:#fff;font-weight:700;font-size:11.5px;padding:2px 8px;border-radius:6px;margin-right:8px}
/* kahraman */
.kahraman{position:relative;padding:70px 0 90px;background:radial-gradient(900px 480px at 85% 10%,rgba(124,58,237,.10),transparent 60%),radial-gradient(800px 480px at 5% 0%,rgba(37,99,235,.12),transparent 60%),linear-gradient(180deg,#fff,var(--buz))}
.kahraman::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,27,77,.08) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000 0,transparent 75%)}
.k-izgara{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.ust-etiket{display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:600;color:var(--lac2);background:#fff;border:1px solid var(--cizgi);padding:6px 14px 6px 6px;border-radius:999px;box-shadow:0 6px 18px -10px rgba(11,27,77,.3)}
.ust-etiket i{font-style:normal;background:var(--grad);color:#fff;padding:3px 10px;border-radius:999px;font-size:12px}
.kahraman h1{font-size:68px;line-height:1.02;font-weight:800;margin:24px 0 24px;color:var(--lac)}
.kahraman p.alt{font-size:19px;color:var(--soluk);max-width:560px}
.k-dg{display:flex;gap:12px;margin:34px 0 26px;flex-wrap:wrap}
.k-mini{display:flex;gap:28px;flex-wrap:wrap}
.k-mini div{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--soluk)}
.k-mini b{font:800 22px "Plus Jakarta Sans";color:var(--lac)}
.yigin svg{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 40px rgba(11,27,77,.18))}
/* logolar */
.logobant{padding:26px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);background:#fff}
.logobant .ic{display:flex;align-items:center;gap:40px}
.logobant small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--silik);font-weight:600;white-space:nowrap}
.lgl{display:flex;align-items:center;gap:44px;overflow:hidden}
.lgl img{height:26px;filter:grayscale(1);opacity:.65}
.lgl span{font:800 17px "Plus Jakarta Sans";color:#9aa6c4;white-space:nowrap}
/* slayt başlığı */
section{padding:110px 0}
.sl{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:46px;flex-wrap:wrap}
.sl .no{font:800 15px "Plus Jakarta Sans";color:var(--elek);letter-spacing:.08em}
.sl .no em{font-style:normal;color:var(--silik)}
.sl h2{font-size:48px;line-height:1.06;margin-top:10px;max-width:760px}
.sl p{max-width:420px;color:var(--soluk);font-size:16.5px}
/* adımlar */
.adim{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.adim::before{content:"";position:absolute;left:16%;right:16%;top:46px;height:2px;background:repeating-linear-gradient(90deg,var(--elek) 0 8px,transparent 8px 16px);opacity:.5}
.ad{text-align:center;padding:0 26px;position:relative}
.ad .yuv{width:92px;height:92px;border-radius:28px;margin:0 auto 22px;display:grid;place-items:center;background:#fff;border:1px solid var(--cizgi);box-shadow:0 18px 40px -18px rgba(37,99,235,.45);position:relative}
.ad .yuv svg{width:38px;height:38px;color:var(--elek)}
.ad .yuv i{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;background:var(--lac);color:#fff;font:800 13px "Plus Jakarta Sans";display:grid;place-items:center;font-style:normal}
.ad h3{font-size:21px;margin-bottom:8px}
.ad p{color:var(--soluk);font-size:15px}
.ad small{display:inline-block;margin-top:12px;font-weight:600;color:var(--yesil);background:rgba(16,185,129,.1);padding:3px 10px;border-radius:999px;font-size:12.5px}
/* tek veri */
.koyu{background:linear-gradient(160deg,var(--lac),#0e2366 60%,#1d1a6b);color:#fff;border-radius:36px;margin:0 16px;overflow:hidden;position:relative}
.koyu::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 10%,rgba(225,29,116,.35),transparent 60%),radial-gradient(600px 360px at 0% 100%,rgba(59,91,255,.45),transparent 60%)}
.koyu .ic{position:relative}
.koyu .sl p{color:#c4cff0}.koyu .sl .no{color:#93c5fd}
.veri{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.veri svg{width:100%;height:auto}
.veri ul{list-style:none;display:grid;gap:14px}
.veri li{padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.veri li b{display:block;font:700 16.5px "Plus Jakarta Sans";margin-bottom:2px}
.veri li span{color:#c4cff0;font-size:14.5px}
/* periyodik tablo */
.tablo{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.el{position:relative;aspect-ratio:1/1.05;border-radius:20px;padding:16px;background:#fff;border:1px solid var(--cizgi);display:flex;flex-direction:column;box-shadow:0 10px 30px -22px rgba(11,27,77,.5);overflow:hidden}
.el::before{content:"";position:absolute;inset:auto -30% -45% auto;width:120%;height:70%;border-radius:50%;background:var(--r,#2563eb);opacity:.08}
.el .no{font:600 11.5px Inter;color:var(--silik)}
.el .kod{font:800 42px/1 "Plus Jakarta Sans";color:var(--r,#2563eb);margin:auto 0 6px}
.el b{font:700 14.5px "Plus Jakarta Sans"}
.el small{color:var(--silik);font-size:12px;line-height:1.35}
.el.yeni::after{content:"YENİ";position:absolute;top:14px;right:14px;font:700 10px Inter;letter-spacing:.06em;color:#fff;background:var(--turuncu);padding:2px 7px;border-radius:5px}
.el.buyuk{grid-column:span 2;aspect-ratio:auto;background:var(--lac);color:#fff;border-color:var(--lac)}
.el.buyuk .kod{color:#fff;font-size:54px}.el.buyuk small{color:#c4cff0}.el.buyuk::before{background:#e11d74;opacity:.25}
.lejant{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--soluk)}
.lejant span{display:flex;gap:8px;align-items:center}.lejant i{width:12px;height:12px;border-radius:4px}
/* e-belge */
.yol{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.yol svg{width:100%;height:auto}
.etkt{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.etkt span{font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:10px;background:var(--buz);border:1px solid var(--cizgi);color:var(--lac2)}
.tik{list-style:none;display:grid;gap:10px}
.tik li{display:flex;gap:10px;color:var(--soluk)}
.tik li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:7px;background:rgba(37,99,235,.1);color:var(--elek);font-weight:800;font-size:13px;display:grid;place-items:center}
/* kime */
.kime{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ki{border-radius:24px;padding:30px;background:#fff;border:1px solid var(--cizgi);box-shadow:0 18px 40px -30px rgba(11,27,77,.5)}
.ki .av{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;color:#fff}
.ki .av svg{width:26px;height:26px}
.ki h3{font-size:21px}.ki .alt{color:var(--silik);font-size:14px;margin-bottom:16px}
.ki ul{list-style:none;display:grid;gap:9px}
.ki li{font-size:15px;color:var(--soluk);padding-left:22px;position:relative}
.ki li::before{content:"→";position:absolute;left:0;color:var(--elek);font-weight:700}
/* sektör */
.sek{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.sek div{padding:18px;border-radius:16px;background:var(--buz);border:1px solid var(--cizgi);display:flex;gap:12px;align-items:center}
.sek .e{font-size:26px}.sek b{display:block;font:700 14.5px "Plus Jakarta Sans"}.sek small{color:var(--silik);font-size:12.5px}
/* geçiş */
.gecis{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--buz);border:1px solid var(--cizgi);border-radius:30px;padding:46px}
.gecis h2{font-size:38px;line-height:1.1;margin:10px 0 14px}
.gecis p{color:var(--soluk)}
.prg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.prg span{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:14px;text-align:center;font:700 14.5px "Plus Jakarta Sans";color:var(--lac2)}
.prg em{grid-column:1/-1;text-align:center;font-style:normal;color:var(--elek);font-weight:700;font-size:14px;padding:6px}
.prg strong{grid-column:1/-1;text-align:center;background:var(--lac);color:#fff;border-radius:14px;padding:16px;font:800 18px "Plus Jakarta Sans"}
/* mobil */
.mob{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.mob div{text-align:center;padding:18px 8px;border-radius:18px;border:1px solid var(--cizgi);background:#fff}
.mob .ik{width:48px;height:48px;border-radius:15px;margin:0 auto 10px;display:grid;place-items:center;background:var(--buz2);color:var(--elek)}
.mob .ik svg{width:22px;height:22px}
.mob b{display:block;font:700 13.5px "Plus Jakarta Sans"}.mob small{color:var(--silik);font-size:12px}
/* bayi + son */
.bayi{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.bayi h2{font-size:44px;line-height:1.06;margin:12px 0}
.bayi p{color:#c4cff0;font-size:17px}
.bayi .k{display:grid;gap:12px}
.bayi .k div{padding:18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
.bayi .k b{display:block;font:700 16px "Plus Jakarta Sans"}.bayi .k span{color:#c4cff0;font-size:14px}
.son{text-align:center}
.son h2{font-size:58px;line-height:1.04;max-width:900px;margin:14px auto 16px}
.son p{color:var(--soluk);font-size:18px}
footer{background:var(--buz);border-top:1px solid var(--cizgi);padding:52px 0 36px;color:var(--soluk);font-size:14px}
.ayak{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:30px}
.ayak h5{font:700 14px "Plus Jakarta Sans";color:var(--lac);margin-bottom:12px}
.ayak a{display:block;margin-bottom:8px}
@media (max-width:900px){
  nav .menu,nav .sag .ac{display:none}nav{gap:12px}nav .sag .dg{padding:9px 13px;font-size:13px}nav .logo img{height:26px}
  .kahraman{padding:40px 0 60px}.kahraman h1{font-size:40px}.cizgili{white-space:normal}
  .k-izgara,.veri,.yol,.gecis,.bayi{grid-template-columns:1fr}.k-izgara>*,.veri>*,.yol>*,.gecis>*,.bayi>*{min-width:0}
  .adim,.kime{grid-template-columns:1fr;gap:34px}.adim::before{display:none}
  .tablo{grid-template-columns:repeat(2,1fr)}.el.buyuk{grid-column:span 2}
  .sek{grid-template-columns:1fr 1fr}.mob{grid-template-columns:repeat(4,1fr)}
  .sl h2,.bayi h2{font-size:32px}.son h2{font-size:38px}.gecis{padding:24px}.gecis h2{font-size:30px}
  .logobant .ic{flex-direction:column;align-items:flex-start;gap:14px;overflow:hidden}.lgl{gap:28px}
  .koyu{margin:0;border-radius:24px}section{padding:70px 0}.ayak{grid-template-columns:1fr 1fr}
  .k-dg .dg{white-space:normal}
}

/* ===== yayın sürümü ekleri (09.10.2026) ===== */
nav .menu a{transition:color .2s}nav .menu a:hover,nav .menu a.aktif{color:var(--lac)}
nav .menu a.aktif{font-weight:700}
.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--cizgi);background:#fff;align-items:center;justify-content:center;cursor:pointer}
.burger svg{width:20px;height:20px;color:var(--lac)}
.dg{transition:transform .2s,box-shadow .2s}.dg:hover{transform:translateY(-2px)}
.dg.ana:hover{box-shadow:0 18px 40px -14px rgba(11,27,77,.7)}
/* hareket: süzülen çizim + kaydırınca belirme (JS yoksa her şey görünür) */
@keyframes suzul{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes suzul2{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.yigin svg{animation:suzul 6s ease-in-out infinite}
.yigin .kartlar{animation:suzul2 5s ease-in-out infinite}
@keyframes nabiz{0%,100%{opacity:.55}50%{opacity:1}}
.nabiz{animation:nabiz 2.4s ease-in-out infinite}
.js .belir{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.js .belir.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.yigin svg,.yigin .kartlar,.nabiz{animation:none}.js .belir{opacity:1;transform:none;transition:none}}
.el{transition:transform .25s,box-shadow .25s}.el:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(11,27,77,.55)}
/* alt sayfa başlığı */
.sayfa-bas{padding:64px 0 54px;background:radial-gradient(800px 400px at 90% 0%,rgba(124,58,237,.10),transparent 60%),radial-gradient(700px 400px at 0% 0%,rgba(37,99,235,.12),transparent 60%),linear-gradient(180deg,#fff,var(--buz));border-bottom:1px solid var(--cizgi)}
.sayfa-bas .yol-iz{font-size:13px;color:var(--silik);margin-bottom:14px}.sayfa-bas .yol-iz a:hover{color:var(--lac)}
.sayfa-bas h1{font-size:54px;line-height:1.05;max-width:900px}
.sayfa-bas p{font-size:18.5px;color:var(--soluk);max-width:720px;margin-top:16px}
/* modül ayrıntı */
.mdet{display:grid;grid-template-columns:300px 1fr;gap:40px;padding:46px 0;border-bottom:1px solid var(--cizgi)}
.mdet:last-child{border-bottom:0}
.mdet .kim{display:flex;flex-direction:column;gap:12px}
.mdet .kim .kod{font:800 64px/1 "Plus Jakarta Sans";color:var(--r,#2563eb)}
.mdet .kim h2{font-size:28px}.mdet .kim p{color:var(--soluk);font-size:15.5px}
.mdet .ozel{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mdet .ozel div{padding:18px 20px;border-radius:16px;background:var(--buz);border:1px solid var(--cizgi)}
.mdet .ozel b{display:block;font:700 15.5px "Plus Jakarta Sans";margin-bottom:4px}
.mdet .ozel span{color:var(--soluk);font-size:14.5px}
.yeni-et{display:inline-block;font:700 11px Inter;letter-spacing:.06em;color:#fff;background:var(--turuncu);padding:3px 8px;border-radius:6px;vertical-align:middle;margin-left:8px}
/* sektör ayrıntı */
.sdet{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.sd{padding:28px;border-radius:22px;background:#fff;border:1px solid var(--cizgi);box-shadow:0 18px 40px -32px rgba(11,27,77,.5);display:flex;gap:18px}
.sd .e{font-size:36px;line-height:1}
.sd h3{font-size:20px;margin-bottom:6px}.sd p{color:var(--soluk);font-size:15px;margin-bottom:10px}
.sd ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.sd li{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--buz);border:1px solid var(--cizgi);color:var(--lac2)}
/* bayilik adımları */
.bad{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:b}
.bad div{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--cizgi);position:relative}
.bad div::before{counter-increment:b;content:counter(b);position:absolute;top:-14px;left:22px;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;font:800 14px "Plus Jakarta Sans";display:grid;place-items:center}
.bad b{display:block;font:700 17px "Plus Jakarta Sans";margin:8px 0 6px}.bad span{color:var(--soluk);font-size:14.5px}
/* iletişim */
.ilet{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.il{padding:30px;border-radius:22px;background:#fff;border:1px solid var(--cizgi);box-shadow:0 18px 40px -32px rgba(11,27,77,.5)}
.il .av{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;margin-bottom:16px}
.il .av svg{width:24px;height:24px}
.il h3{font-size:19px;margin-bottom:8px}.il a,.il p{display:block;color:var(--soluk);font-size:15.5px;margin-bottom:4px}.il a:hover{color:var(--elek)}
.sss{max-width:860px;margin:0 auto;display:grid;gap:12px}
.sss details{border:1px solid var(--cizgi);border-radius:16px;background:#fff;padding:18px 22px}
.sss summary{cursor:pointer;font:700 16.5px "Plus Jakarta Sans";list-style:none;display:flex;justify-content:space-between;gap:16px}
.sss summary::after{content:"+";color:var(--elek);font-size:22px;line-height:1}.sss details[open] summary::after{content:"–"}
.sss summary::-webkit-details-marker{display:none}
.sss p{color:var(--soluk);margin-top:10px}
@media (max-width:900px){
  .burger{display:inline-flex}
  nav .menu.acik{display:flex;position:absolute;top:118px;left:16px;right:16px;flex-direction:column;gap:4px;padding:12px;background:#fff;border:1px solid var(--cizgi);border-radius:18px;box-shadow:0 24px 50px -20px rgba(11,27,77,.4);z-index:20}
  nav .menu.acik a{padding:12px 14px;border-radius:12px;font-size:16px}
  nav{position:relative}
  .sayfa-bas h1{font-size:34px}.mdet{grid-template-columns:1fr;gap:20px}.mdet .ozel{grid-template-columns:1fr}
  .sdet,.ilet{grid-template-columns:1fr}.bad{grid-template-columns:1fr 1fr;gap:26px 14px}.sd{flex-direction:column}
}