:root{--paper:#F3EEE6;--paper2:#EAE2D6;--card:#FAF7F1;--ink:#0A2240;--mute:#5E6B7D;--terra:#AC7F68;--copper-d:#8A5F4B;--indigo:#3E5378;--ochre:#C99A3E;--line:rgba(10,34,64,.14);--serif:'Fraunces',Georgia,serif;--sans:'Geist','Inter',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
.wrap{max-width:1360px;margin:0 auto;padding:0 40px}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}.eyebrow b{color:var(--terra);font-weight:600}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);padding:14px 24px;border:0;border-radius:999px;font-size:14px;font-weight:500;transition:background .3s}
.btn:hover{background:var(--terra)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--ink)}

/* header + mega menü */
#hdr{position:fixed;inset:0 0 auto 0;z-index:80;display:flex;align-items:center;gap:40px;padding:0 48px;height:84px;color:var(--ink);background:rgba(246,242,234,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:background .35s,color .35s,border-color .35s}
#hdr .logo{display:block;line-height:0;margin-right:auto;color:#0A2240}#hdr .logo svg{height:32px;width:auto;display:block}
#hdr.hero{background:transparent;backdrop-filter:none;border-bottom-color:transparent;color:#F3EEE6}#hdr.hero .logo{color:#F3EEE6}
#hdr nav{display:flex;gap:2px;height:100%}
#hdr nav>a,#hdr nav>.mi>a{display:flex;align-items:center;height:100%;padding:0 18px;font-size:16px;font-weight:500;letter-spacing:-.005em;opacity:.92;position:relative}
#hdr nav>a::after,#hdr nav>.mi>a::after{content:"";position:absolute;left:18px;right:18px;bottom:24px;height:2px;background:#AC7F68;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
#hdr nav>a:hover::after,#hdr nav>.mi:hover>a::after{transform:scaleX(1)}
#hdr nav>a:hover,#hdr nav>.mi:hover>a{opacity:1}
#hdr nav>.mi{height:100%}
#hdr nav>.mi>a .cv{margin-left:7px;font-size:10px;opacity:.55}
.cta-pill{display:inline-flex;align-items:center;background:#0A2240;color:#F6F2EA;border-radius:999px;padding:14px 26px;font-size:15px;font-weight:500;transition:background .3s,transform .2s}.cta-pill:hover{background:#AC7F68}.cta-pill:active{transform:translateY(1px)}#hdr.hero .cta-pill{background:#F3EEE6;color:#0A2240}#hdr.hero .cta-pill:hover{background:#AC7F68;color:#fff}
.mega{position:fixed;left:0;right:0;top:84px;z-index:79;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(10,34,64,.12);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}
.mega.on{opacity:1;visibility:visible;transform:none}
.mega .in{max-width:1360px;margin:0 auto;padding:34px 40px 40px;display:grid;grid-template-columns:240px 1fr;gap:40px}
.mega h4{font-family:var(--serif);font-weight:300;font-size:30px;line-height:1.05;margin-bottom:10px}.mega .side p{font-size:13px;color:var(--mute)}
.mega .links{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 30px}
.mega .links a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.mega .links a b{display:block;font-weight:500;font-size:15px}.mega .links a span{font-size:12.5px;color:var(--mute)}
.mega .links a:hover b{color:var(--terra)}
.burger{display:none;background:none;border:1px solid currentColor;border-radius:999px;padding:8px 14px;font-size:12px}
#mnav{position:fixed;inset:0;z-index:90;background:var(--paper);padding:84px 24px 40px;overflow:auto;display:none}
#mnav.on{display:block}#mnav h5{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);margin:24px 0 6px}#mnav a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:24px;font-weight:300}
#mclose{position:fixed;right:16px;top:14px;z-index:95;display:none;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:9px 16px;font-size:12px}

/* sayfa iskeleti */
.phero{padding:190px 0 70px;border-bottom:1px solid var(--line)}
.phero h1{font-family:var(--serif);font-weight:300;font-size:clamp(44px,7vw,112px);line-height:.95;letter-spacing:-.03em;margin:20px 0 22px;max-width:1100px}
.phero h1 em{color:var(--terra)}.phero .lead{max-width:620px;font-size:18px;color:var(--mute)}
.crumb{font-size:12px;color:var(--mute)}.crumb a:hover{color:var(--terra)}
.sec{padding:90px 0}.sec.alt{background:var(--paper2)}.sec h2{font-family:var(--serif);font-weight:300;font-size:clamp(30px,4vw,56px);line-height:1.02;letter-spacing:-.02em;margin-bottom:22px}
.grid{display:grid;gap:26px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);padding:28px}.card h3{font-family:var(--serif);font-weight:400;font-size:24px;margin-bottom:8px}.card p{color:var(--mute);font-size:14.5px}
.card .n{font-family:var(--serif);font-style:italic;font-size:38px;color:var(--terra);line-height:1;margin-bottom:12px;display:block}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split img{width:100%;aspect-ratio:4/3;object-fit:cover}
.split p{color:var(--mute);margin-bottom:14px}.split ul{margin:14px 0 20px 18px;color:var(--mute)}.split li{margin-bottom:6px}
.steps{counter-reset:s;display:grid;gap:0;border-top:1px solid var(--line)}.steps>div{display:grid;grid-template-columns:70px 1fr 1.4fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline}
.steps .n{font-family:var(--serif);font-style:italic;font-size:34px;color:var(--terra)}.steps h3{font-family:var(--serif);font-weight:400;font-size:26px}.steps p{color:var(--mute);font-size:15px}
.cta-band{background:var(--ink);color:var(--paper);padding:100px 0}.cta-band h2{font-family:var(--serif);font-weight:300;font-size:clamp(34px,5vw,76px);line-height:.98;letter-spacing:-.03em;max-width:900px}.cta-band h2 em{color:var(--terra)}
.cta-band .row{display:flex;gap:16px;margin-top:36px;flex-wrap:wrap;align-items:center}.cta-band .btn{background:var(--paper);color:var(--ink)}.cta-band .btn:hover{background:var(--terra);color:#fff}
.cta-band .ghost{border:1px solid rgba(243,238,230,.4);padding:13px 22px;border-radius:999px;font-size:14px}
.draft{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ochre);margin-bottom:10px}
/* blog */
.post-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);transition:.3s}.post-card:hover{transform:translateY(-4px);border-color:var(--ink)}
.post-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.post-card .b{padding:22px}.post-card h3{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15;margin:8px 0}.post-card p{font-size:14px;color:var(--mute)}
.tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}
.article{max-width:740px;margin:0 auto}.article h2{font-size:30px;margin:38px 0 12px}.article p{margin-bottom:18px;font-size:17px;color:#3a332d}.article ul{margin:0 0 18px 22px}.article li{margin-bottom:8px;font-size:17px;color:#3a332d}
.article .hero-img{width:100%;aspect-ratio:16/8;object-fit:cover;margin:30px 0 36px}
/* sözlük */
.gl-tools{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:26px}
.gl-tools input{flex:1;min-width:240px;font:inherit;padding:14px 16px;border:1px solid var(--line);background:#fff}
.az{display:flex;flex-wrap:wrap;gap:4px}.az button{width:34px;height:34px;border:1px solid var(--line);background:var(--card);font-size:13px}.az button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.gl-item{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.gl-item h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.1}.gl-item small{display:block;color:var(--terra);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:6px}.gl-item p{color:#3a332d}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-family:var(--serif);font-size:24px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:"+";color:var(--terra)}.faq details[open] summary::after{content:"–"}.faq p{margin-top:12px;color:var(--mute);max-width:720px}
.form{display:grid;gap:14px}.form label{font-size:12px;color:var(--mute);display:grid;gap:6px}.form input,.form textarea{font:inherit;padding:13px 14px;border:1px solid var(--line);background:#fff;width:100%}
footer.site{background:var(--ink);color:rgba(243,238,230,.6);font-size:13px}footer.site .top{max-width:1360px;margin:0 auto;padding:70px 40px 40px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}
footer.site h6{color:var(--paper);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;font-weight:500}footer.site a{display:block;padding:4px 0}footer.site a:hover{color:var(--terra)}
footer.site .logo{color:var(--paper);line-height:0}footer.site .logo svg{height:34px;width:auto}
footer.site .bot{max-width:1360px;margin:0 auto;padding:24px 40px;border-top:1px solid rgba(243,238,230,.12);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.demo-tag{position:fixed;left:16px;bottom:16px;z-index:70;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:999px}
@media(max-width:1000px){#hdr nav,.cta-pill{display:none}.burger{display:block}#mclose.on{display:block}.mega{display:none}
 #hdr{padding:0 16px;height:68px}#hdr .logo svg{height:26px}.mega{top:68px}.wrap{padding:0 16px}.phero{padding:120px 0 50px}.sec{padding:60px 0}.g2,.g3,.g4,.split{grid-template-columns:1fr}.split{gap:28px}
 .steps>div{grid-template-columns:44px 1fr;gap:12px}.steps p{grid-column:2}.gl-item{grid-template-columns:1fr;gap:8px}
 footer.site .top{grid-template-columns:1fr 1fr;padding:50px 16px 30px}footer.site .bot{padding:20px 16px}}
.az button:first-child{width:auto;padding:0 12px}

/* v3: marka paleti (lacivert + bakır), asimetrik düzen, reveal */
.eyebrow b,.tag,.q-card .k,.side .hd,.sum .r span,.gl-item small,.crumb a:hover,.cta-band .eyebrow b{color:var(--copper-d)}
.btn:hover,.cta-band .btn:hover{background:var(--copper-d);color:#fff}
.btn:active{transform:translateY(1px)}
.g3{grid-template-columns:repeat(12,1fr)}
.g3>*{grid-column:span 6}
@media(min-width:1001px){
 .g3>*:nth-child(4n+1){grid-column:span 7}.g3>*:nth-child(4n+2){grid-column:span 5}
 .g3>*:nth-child(4n+3){grid-column:span 5}.g3>*:nth-child(4n+4){grid-column:span 7}
 .g3>*:last-child:nth-child(odd){grid-column:span 12}
}
@media(max-width:1000px){.g3>*{grid-column:span 12}}
.nums{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end;border-top:1px solid var(--line);padding-top:44px}
.nums .big .v{font-family:var(--serif);font-weight:300;font-size:clamp(110px,17vw,260px);line-height:.85;letter-spacing:-.05em;color:var(--ink)}
.nums .big .l{margin-top:16px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.nums .rows>div{display:grid;grid-template-columns:150px 1fr;align-items:baseline;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.nums .rows .v{font-family:var(--serif);font-weight:300;font-size:56px;line-height:1;letter-spacing:-.03em}
.nums .rows .l{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
@media(max-width:1000px){.nums{grid-template-columns:1fr;gap:34px}.nums .rows>div{grid-template-columns:110px 1fr}}
.rv{opacity:0;transform:translate3d(0,26px,0);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* menü sığması: 5 bağlantı + CTA */
#hdr nav>a,#hdr nav>.mi>a,.cta-pill{white-space:nowrap}
@media(max-width:1250px) and (min-width:1001px){#hdr{gap:16px;padding:0 24px}#hdr nav>a,#hdr nav>.mi>a{padding:0 9px;font-size:15px}#hdr nav>a::after,#hdr nav>.mi>a::after{left:9px;right:9px}.cta-pill{padding:12px 18px;font-size:14px}}

/* ---- menü v2: açılan panel üst şeridi de kaplar, aralarında ince çizgi ---- */
#hdr nav>a,#hdr nav>.mi>a,.cta-pill{white-space:nowrap}
.mega{top:0;box-shadow:none;border-bottom:1px solid var(--line);z-index:78}
.mega .in{padding-top:124px}
#hdr.mega-open,#hdr.hero.mega-open{background:var(--card);color:var(--ink);backdrop-filter:none;border-bottom-color:var(--line)}
#hdr.hero.mega-open .logo{color:#0A2240}
#hdr.hero.mega-open .cta-pill{background:#0A2240;color:#F6F2EA}
#hdr.mega-open .logo{opacity:1}
@media(max-width:1250px) and (min-width:1001px){#hdr{gap:16px;padding:0 24px}#hdr nav>a,#hdr nav>.mi>a{padding:0 9px;font-size:15px}#hdr nav>a::after,#hdr nav>.mi>a::after{left:9px;right:9px}.cta-pill{padding:12px 18px;font-size:14px}}