:root{--navy:#0b1b33;--teal:#19c3a6;--teal-d:#0f9e86;--ink:#1a2433;--mut:#5b6678;--bg:#fff;--soft:#f4f7fb;--line:#e3e9f2;--r:14px;--deep:#07142a;--edge:#1f3760;--glow:#1b3a6b;--on-dark:#c4d0e2;--on-dark2:#93a4c0;--tint:#e3f8f4;--acc-h:#3ad6bb;--row-h:#0b1f3f;--acc-glow:rgba(25,195,166,.14);--acc-on-dark:#19c3a6;--btn-ink:#0b1b33}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:16.5px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.narrow{max-width:760px}.center{text-align:center}
h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.02em;font-weight:800}
h2{font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.2;letter-spacing:-.015em;margin-bottom:34px}
h3{font-size:1.12rem;margin-bottom:8px}
.accent{color:var(--acc-on-dark)}
.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--acc-on-dark);margin-bottom:14px}
.eyebrow.dark{color:var(--teal-d)}
.lead{font-size:1.15rem;color:var(--on-dark);max-width:36em}

.nav{position:sticky;top:0;z-index:20;background:rgba(11,27,51,.92);backdrop-filter:blur(10px);color:#fff;transition:box-shadow .2s}
.nav.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.25)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:500}
.logo b{font-weight:800}
.links{display:flex;align-items:center;gap:26px;font-size:.95rem}
.links a:not(.btn){opacity:.85}.links a:not(.btn):hover{opacity:1;color:var(--teal)}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px}

.btn{display:inline-block;background:var(--teal);color:var(--btn-ink);font-weight:700;padding:14px 26px;border-radius:999px;border:2px solid var(--teal);cursor:pointer;font-size:1rem;font-family:inherit;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px);background:var(--acc-h)}
.btn-sm{padding:8px 18px;font-size:.9rem}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btn-ghost:hover{background:rgba(255,255,255,.08)}

.hero{background:radial-gradient(900px 500px at 85% 0%,var(--glow) 0%,transparent 60%),var(--navy);color:#fff;padding:90px 0 110px}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero .lead{margin:22px 0 32px}
.hero-in>*{min-width:0}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.code{background:var(--deep);border:1px solid var(--edge);border-radius:var(--r);padding:18px 22px 24px;box-shadow:0 30px 60px rgba(0,0,0,.35);font-size:.92rem;overflow-x:auto}
.code pre{font-family:ui-monospace,Consolas,Menlo,monospace;color:#d6e2f5;line-height:1.75}
.dots{display:flex;gap:7px;margin-bottom:14px}.dots i{width:11px;height:11px;border-radius:50%;background:var(--edge)}
.c{color:#6c82a8}.k{color:#ff8fa3}.s{color:var(--teal)}.f{color:#8ab4ff}

.sec{padding:88px 0}.alt{background:var(--soft)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(11,27,51,.09);border-color:var(--teal)}
.card p,.steps p,.values li,.two p,details p{color:var(--mut)}
.ico{font-size:1.7rem;margin-bottom:14px}

.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.steps span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--acc-on-dark);font-weight:800;margin-bottom:16px}

.two{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.two p+p{margin-top:14px}.two h2{margin-bottom:20px}
.values{list-style:none;padding:0;display:grid;gap:14px}
.values li{border-left:3px solid var(--teal);background:var(--soft);padding:16px 20px;border-radius:0 var(--r) var(--r) 0}
.values b{display:block;color:var(--ink)}

details{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin-bottom:12px}
summary{cursor:pointer;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--teal-d);font-size:1.4rem;line-height:1}
details[open] summary::after{content:"–"}
details p{margin-top:12px}

.contact{background:var(--navy);color:#fff}
.contact .lead{margin:-14px auto 34px}
.form{text-align:left;display:grid;gap:16px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:7px;font-size:.9rem;color:var(--on-dark)}
input,textarea{font:inherit;color:#fff;background:var(--deep);border:1px solid var(--edge);border-radius:10px;padding:13px 14px;width:100%;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--teal);border-color:transparent}
.form .btn{justify-self:start}
.hint{font-size:.88rem;color:var(--on-dark2)}.hint a{color:var(--teal)}

.foot{background:var(--deep);color:var(--on-dark2);font-size:.9rem;padding:24px 0}
.foot-in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot a:hover{color:var(--teal)}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.reveal.in{opacity:1;transform:none}

@media(max-width:900px){
  .hero-in,.two{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .hero{padding:64px 0 80px}.sec{padding:64px 0}
}
@media(max-width:680px){
  .burger{display:block}
  .links{position:absolute;top:68px;left:0;right:0;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 20px;display:none}
  .links.open{display:flex}
  .links a{padding:13px 0}.links .btn{text-align:center;margin-top:8px}
  .grid,.steps,.row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* ---- çok sayfalı yapı ---- */
.links{gap:22px}
.links a.on{color:var(--teal);opacity:1}
.has-dd{position:relative;padding:22px 0}
.dd{display:none;position:absolute;top:100%;left:-14px;min-width:270px;background:#fff;color:var(--ink);border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.22);padding:8px}
.has-dd:hover .dd,.has-dd:focus-within .dd{display:block}
.dd a{display:block;padding:9px 12px;border-radius:8px;font-size:.92rem;opacity:1!important}
.dd a:hover{background:var(--soft);color:var(--teal-d)!important}
.dd .all{border-top:1px solid var(--line);margin-top:6px;border-radius:0 0 8px 8px;font-weight:700;color:var(--teal-d)}

.phero{background:radial-gradient(800px 380px at 85% 0%,var(--glow) 0%,transparent 60%),var(--navy);color:#fff;padding:64px 0 70px}
.phero h1{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:16px}
.phero .lead{max-width:44em}

.panel{background:var(--deep);border:1px solid var(--edge);border-radius:var(--r);padding:22px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.panel-t{color:var(--on-dark2);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.prow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--edge);border-radius:10px;margin-top:10px;transition:border-color .15s,background .15s}
.prow:hover{border-color:var(--teal);background:var(--row-h)}
.prow b{display:block}.prow small{color:var(--on-dark2);font-size:.82rem}
.prow em{font-style:normal;white-space:nowrap;font-size:.8rem;font-weight:700;color:var(--btn-ink);background:var(--teal);padding:4px 10px;border-radius:999px}

.g4{grid-template-columns:repeat(4,1fr)}
a.card{display:block}
.more{display:inline-block;margin-top:14px;font-weight:700;color:var(--teal-d);font-size:.95rem}
.badge{display:inline-block;font-size:.78rem;font-weight:700;background:var(--tint);color:var(--teal-d);padding:4px 11px;border-radius:999px;margin-bottom:12px}
.seri.one,.sblock.one{border-color:var(--teal);box-shadow:0 10px 30px var(--acc-glow)}
.ticks{list-style:none;padding:0;margin-top:14px;display:grid;gap:7px;color:var(--mut)}
.ticks li{padding-left:24px;position:relative}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--teal-d);font-weight:800}
.ticks.sm{font-size:.9rem}
.ticks.cols{grid-template-columns:1fr 1fr;column-gap:24px}

.banner{margin-top:26px;background:var(--navy);color:#fff;border-radius:var(--r);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.banner p{color:var(--on-dark);max-width:40em}

.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.chips a{border:1px solid var(--line);background:#fff;padding:8px 16px;border-radius:999px;font-size:.92rem;font-weight:600;transition:border-color .15s,color .15s}
.chips a:hover{border-color:var(--teal);color:var(--teal-d)}
.alt .chips{margin-bottom:0}

.items{display:grid;gap:20px}
.item{display:grid;grid-template-columns:64px 1fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;scroll-margin-top:90px}
.item:target,.sblock:target{border-color:var(--teal);box-shadow:0 10px 30px var(--acc-glow)}
.item-ico{font-size:2rem;width:64px;height:64px;display:grid;place-items:center;background:var(--soft);border-radius:14px}
.item h2,.sblock h2{font-size:1.4rem;margin-bottom:8px}
.item p,.sblock p{color:var(--mut)}
.kim{margin-top:8px;font-size:.95rem}.kim b{color:var(--ink)}

.series{display:grid;gap:20px}
.sblock{display:grid;grid-template-columns:260px 1fr;gap:34px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;scroll-margin-top:90px}
.note{margin-top:24px;color:var(--mut);font-size:.95rem}

.center-cta{justify-content:center}
.form.light label{color:var(--mut)}
.form.light input,.form.light textarea,.form.light select{background:#fff;color:var(--ink);border-color:var(--line)}
select{font:inherit;border:1px solid var(--line);border-radius:10px;padding:13px 14px;width:100%}
.form.light .hint{color:var(--mut)}
.values a{color:var(--teal-d);font-weight:600}

.foot{padding:56px 0 24px}
.foot-cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px;padding-bottom:34px;border-bottom:1px solid var(--edge);margin-bottom:22px}
.foot-cols h4{color:#fff;font-size:.95rem;margin-bottom:12px}
.foot-cols a,.foot-cols span{display:block;padding:4px 0;font-size:.88rem}
.foot-brand .logo{display:flex;color:#fff;margin-bottom:12px}.foot-brand .logo span{display:inline;font-size:1.2rem;padding:0}
.foot-brand p{font-size:.88rem;margin-bottom:10px}
.tm{font-size:.78rem;max-width:46em;opacity:.8}

@media(max-width:1020px){
  .g4{grid-template-columns:repeat(2,1fr)}
  .foot-cols{grid-template-columns:1fr 1fr 1fr}
  .burger{display:block}
  .links{position:absolute;top:68px;left:0;right:0;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 20px;display:none}
  .links.open{display:flex}
  .links a{padding:13px 0;display:block}.links .btn{text-align:center;margin-top:8px}
  .has-dd{padding:0}.dd{display:none!important}
}
@media(max-width:680px){
  .g4,.ticks.cols{grid-template-columns:1fr}
  .item{grid-template-columns:1fr;padding:24px}
  .sblock{grid-template-columns:1fr;gap:14px;padding:24px}
  .foot-cols{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1/-1}
}

/* ---- kurumsal logo: beyaz üst menü ---- */
.nav{background:rgba(255,255,255,.96);color:var(--ink);border-bottom:1px solid var(--line)}
.nav.scrolled{box-shadow:0 6px 24px rgba(11,27,51,.10)}
.nav-in{height:76px}
html{scroll-padding-top:90px}
.logo img{height:46px;width:auto;display:block}
.links a.on,.links a:not(.btn):hover{color:var(--teal-d)}
.burger span{background:var(--navy)}
.has-dd{padding:26px 0}
.tel{font-weight:700;white-space:nowrap;opacity:1!important}
.ortak{display:flex;align-items:center;gap:14px;margin-top:30px;color:var(--on-dark);font-size:.92rem}
.rozet{height:64px;width:auto;border-radius:8px;display:block}
.foot-brand .rozet{height:56px;margin:6px 0 12px}
.foot-brand .logo{background:#fff;padding:8px 12px;border-radius:10px;display:inline-flex}
.foot-brand .logo img{height:38px}
@media(max-width:1180px){.tel{display:none}}
@media(max-width:1020px){
  .links{top:76px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(11,27,51,.12)}
  .has-dd{padding:0}.tel{display:block}
}
@media(max-width:480px){.logo img{height:38px}}

/* TEMA B - Açık ve Ferah: beyaz ve gümüş gri zemin, kırmızı vurgu, koyu alan yalnızca alt kısımlarda */
:root{--navy:#1b1c1f;--deep:#111214;--edge:#34363b;--glow:#3a3c42;--row-h:#26272b;
--teal:#e11b22;--teal-d:#c1121a;--acc-h:#f23b41;--acc-on-dark:#ff4d52;--btn-ink:#fff;--tint:#fde8e9;--acc-glow:rgba(225,27,34,.14);
--ink:#1b1c1f;--mut:#5f6268;--soft:#f3f4f6;--line:#e2e3e7;--on-dark:#d3d5d9;--on-dark2:#9c9fa5}
.hero,.phero{background:linear-gradient(160deg,#ffffff 0%,#eceef1 55%,#dfe2e6 100%);color:var(--ink);border-bottom:1px solid var(--line)}
.hero .lead,.phero .lead,.hero .ortak{color:var(--mut)}
.hero .eyebrow,.phero .eyebrow{color:var(--teal-d)}
.hero .accent{color:var(--teal)}
.hero .btn-ghost{color:var(--ink);border-color:#c5c8ce}
.hero .btn-ghost:hover{background:#fff}
.panel{background:#fff;border-color:var(--line);box-shadow:0 24px 50px rgba(27,28,31,.10)}
.panel-t,.prow small{color:var(--mut)}
.prow{border-color:var(--line)}.prow:hover{background:var(--soft)}
.hero .rozet{box-shadow:0 4px 14px rgba(27,28,31,.12)}

/* ---- logo %50 büyütüldü ---- */
.nav .wrap{max-width:1320px}
.nav-in{height:98px}
html{scroll-padding-top:112px}
.logo img{height:69px}
.has-dd{padding:37px 0}
.item,.sblock{scroll-margin-top:116px}
.foot-brand .logo img{height:50px}
@media(max-width:1360px){.tel{display:none}}
@media(max-width:1100px){
  .burger{display:block}
  .links{position:absolute;top:98px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(27,28,31,.12);flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 20px;display:none}
  .links.open{display:flex}
  .links a{padding:13px 0;display:block}.links .btn{text-align:center;margin-top:8px}
  .has-dd{padding:0}.dd{display:none!important}.tel{display:block}
}
@media(max-width:480px){.logo img{height:54px}.nav-in{height:82px}.links{top:82px}}

/* ---- rakamlar ve başarı hikâyeleri ---- */
.rakam{padding:0;background:var(--navy);color:#fff}
.rakam-baslik{padding:40px 0 0;margin:0;text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--acc-on-dark)}
.rakamlar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 0 44px}
.rakamlar div{text-align:center;padding:0 12px;border-left:1px solid var(--edge)}
.rakamlar div:first-child{border-left:0}
.rakamlar b{display:block;font-size:2.2rem;line-height:1.1;color:var(--acc-on-dark);letter-spacing:-.02em}
.rakamlar span{color:var(--on-dark);font-size:.95rem}
.sub{color:var(--mut);margin:-20px 0 30px;max-width:46em}
.hik-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.hik-ust .badge{margin:0}.hik-ust small{color:var(--mut);font-size:.82rem}
.hik-l{margin-top:10px;font-size:.95rem}.hik-l b{color:var(--ink)}
.hik blockquote{margin:16px 0 0;padding:12px 16px;border-left:3px solid var(--teal);background:var(--soft);font-style:italic;color:var(--ink);border-radius:0 10px 10px 0}
@media(max-width:900px){.rakamlar{grid-template-columns:1fr 1fr;row-gap:30px}.rakamlar div:nth-child(3){border-left:0}}