:root{
  --ink:#0f1b26;        /* koyu lacivert-antrasit */
  --ink-2:#1b2b3a;
  --slate:#4a5866;
  --muted:#6b7684;
  --paper:#f7f6f2;
  --surface:#ffffff;
  --stone:#e6e2d9;
  --line:#dcd7cc;
  --bronze:#a8834a;     /* tek vurgu rengi */
  --bronze-d:#8c6c3a;
  --serif:"DM Serif Display",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,sans-serif;
  --r:4px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.65;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
svg{flex:none}

.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:var(--r);font-weight:600;font-size:.92rem;letter-spacing:.02em;transition:background .2s,color .2s,border-color .2s;border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--bronze);color:#fff}
.btn-primary:hover{background:var(--bronze-d)}
.btn-line{border-color:rgba(255,255,255,.45);color:#fff}
.btn-line:hover{background:#fff;color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--ink-2)}

.kicker{display:flex;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--bronze)}
.kicker::before{content:"";width:32px;height:1px;background:currentColor}
h1,h2,h3.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;margin:14px 0 16px}
.lead{color:var(--muted);max-width:560px;font-size:1.02rem}
section{padding:110px 0}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:56px}

/* ÜST BAR */
.topbar{background:var(--ink);color:#aeb8c3;font-size:.8rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:42px;gap:20px}
.topbar .info{display:flex;gap:26px}
.topbar span{display:inline-flex;align-items:center;gap:8px}
.topbar a:hover{color:#fff}
@media(max-width:760px){.topbar .hide-sm{display:none}}

/* NAV */
header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.scrolled{box-shadow:0 6px 24px -14px rgba(15,27,38,.35)}
.nav{display:flex;align-items:center;justify-content:space-between;height:82px}
.logo{display:flex;align-items:center;gap:14px}
.logo-mark{display:grid;place-items:center;color:var(--ink)}
.logo-text{line-height:1.1}
.logo-text b{font-family:var(--sans);font-weight:700;font-size:1.32rem;letter-spacing:.01em;display:block;line-height:1.05}
.logo-text small{display:flex;align-items:center;gap:8px;font-size:.62rem;letter-spacing:.3em;color:var(--muted);font-weight:600;margin-top:3px}
.logo-text small::before{content:"";width:14px;height:2px;background:#d3202f}
.menu{display:flex;list-style:none;height:100%}
.menu>li{position:relative;display:flex}
.menu>li>a{display:flex;align-items:center;gap:6px;padding:0 18px;font-weight:500;font-size:.92rem;color:var(--ink-2);border-bottom:2px solid transparent;transition:.2s}
.menu>li>a:hover{color:var(--bronze);border-bottom-color:var(--bronze)}
.menu .chev{width:10px;height:10px;opacity:.6}
.drop{position:absolute;top:100%;left:0;min-width:230px;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--bronze);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;list-style:none;box-shadow:0 18px 40px -20px rgba(15,27,38,.35)}
.menu>li:hover .drop{opacity:1;visibility:visible;transform:none}
.drop a{display:block;padding:9px 22px;font-size:.88rem;color:var(--slate)}
.drop a:hover{color:var(--bronze);background:var(--paper)}
.burger{display:none;background:none;border:0;cursor:pointer;color:var(--ink)}
@media(max-width:1000px){
  .menu{position:absolute;top:82px;left:0;right:0;flex-direction:column;height:auto;background:var(--surface);border-bottom:1px solid var(--line);padding:8px 24px 20px;display:none}
  .menu.open{display:flex}
  .menu>li{flex-direction:column}
  .menu>li>a{padding:12px 0;border:0}
  .drop{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0 0 6px 14px}
  .burger{display:block}
  .nav .btn{display:none}
}

/* HERO */
.hero{position:relative;color:#fff;min-height:calc(100vh - 124px);display:flex;align-items:center;padding:100px 0 150px;background:var(--ink);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,27,38,.94) 0%,rgba(15,27,38,.7) 45%,rgba(15,27,38,.2) 100%)}
.hero>.wrap{position:relative;z-index:2;width:100%}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s ease}
.slide.on{opacity:1;animation:kb 8s linear forwards}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.slide-ui{position:absolute;right:24px;bottom:96px;z-index:2;display:flex;align-items:center;gap:22px;text-align:right}
.slide-cap small{display:block;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#d9bf8f}
.slide-cap b{font-family:var(--serif);font-weight:400;font-size:1.3rem}
.dots{display:flex;gap:8px}
.dots button{width:34px;height:2px;border:0;background:rgba(255,255,255,.3);cursor:pointer;position:relative;overflow:hidden;padding:0}
.dots button.on::after{content:"";position:absolute;inset:0;background:var(--bronze);animation:bar 7s linear forwards}
@keyframes bar{from{transform:translateX(-100%)}to{transform:none}}
@media(max-width:900px){.slide-ui{display:none}}
.hero-inner{max-width:680px}
.hero h1{font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.04;margin:22px 0 24px}
.hero h1 em{font-style:italic;color:#d9bf8f}
.hero p{font-size:1.1rem;color:rgba(255,255,255,.78);max-width:540px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}

/* ARAMA ŞERİDİ */
.search{position:relative;z-index:3;margin-top:-62px}
.search-box{background:var(--surface);box-shadow:0 30px 60px -30px rgba(15,27,38,.45);display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;align-items:stretch}
.seg{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.seg button{flex:1;border:0;background:none;padding:0 28px;font:inherit;font-weight:600;font-size:.88rem;color:var(--muted);cursor:pointer;border-left:3px solid transparent;text-align:left}
.seg button.on{color:var(--ink);border-left-color:var(--bronze);background:var(--paper)}
.field{padding:20px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.field label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:4px}
.field select,.field input{border:0;background:none;font:inherit;font-weight:500;color:var(--ink);outline:none;width:100%;padding:2px 0}
.search-box .btn{border-radius:0;padding:0 40px;justify-content:center}
@media(max-width:900px){
  .search-box{grid-template-columns:1fr}
  .seg{flex-direction:row;border-right:0;border-bottom:1px solid var(--line)}
  .seg button{padding:16px;text-align:center;border-left:0;border-bottom:3px solid transparent}
  .seg button.on{border-bottom-color:var(--bronze)}
  .field{border-right:0;border-bottom:1px solid var(--line)}
  .search-box .btn{padding:18px}
}

/* RAKAMLAR */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:90px}
.stat{padding:34px 28px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat b{font-family:var(--serif);font-weight:400;font-size:3rem;line-height:1;display:block;color:var(--ink)}
.stat span{font-size:.85rem;color:var(--muted)}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* PORTFÖY: SATILIK / KİRALIK SEKMELERİ */
.pf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:40px}
.pf-head h2{margin-bottom:0}
.pf-switch{position:relative;display:inline-flex;background:var(--surface);border:1px solid var(--line);padding:5px}
.pf-switch button{position:relative;z-index:1;border:0;background:none;padding:14px 38px;font:600 .95rem var(--sans);color:var(--slate);cursor:pointer;transition:color .3s}
.pf-switch button[aria-selected="true"]{color:#fff}
.pf-ind{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);background:var(--ink);transition:transform .45s cubic-bezier(.6,0,.2,1)}
.pf-switch.k .pf-ind{transform:translateX(100%)}
.pf-panel{animation:pfIn .6s cubic-bezier(.2,.7,.2,1)}
.pf-panel[hidden]{display:none}
@keyframes pfIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.pf-banner{position:relative;min-height:260px;display:flex;align-items:flex-end;padding:40px;color:#fff;background-size:cover;background-position:center;overflow:hidden}
.pf-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,27,38,.92) 0%,rgba(15,27,38,.55) 55%,rgba(15,27,38,.15))}
.pf-banner>div{position:relative;max-width:520px}
.pf-banner h3{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.1;margin:10px 0 8px}
.pf-banner p{color:rgba(255,255,255,.78)}
.pf-chips{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 28px}
.pf-chips button{border:1px solid var(--line);background:var(--surface);padding:10px 18px;font:500 .88rem var(--sans);color:var(--slate);cursor:pointer;transition:.2s}
.pf-chips button:hover{border-color:var(--bronze);color:var(--bronze)}
.pf-chips button.on{background:var(--bronze);border-color:var(--bronze);color:#fff}
.pf-chips button small{opacity:.7;margin-left:4px}
.pf .listings{grid-template-columns:repeat(3,1fr)}
.pf .lst{animation:pfIn .5s cubic-bezier(.2,.7,.2,1) both}
.pf-more{text-align:center;margin-top:44px}
@media(max-width:1000px){.pf .listings{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
  .pf .listings{grid-template-columns:1fr}
  .pf-switch{width:100%}.pf-switch button{flex:1;padding:14px 0}
  .pf-banner{min-height:220px;padding:28px 22px}
}

/* İLAN KARTI EKLERİ + BOŞ DURUM */
.pf .lst{cursor:pointer}
.pf .lst:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.lst-count{position:absolute;right:14px;top:14px;z-index:1;background:rgba(15,27,38,.75);color:#fff;font-size:.7rem;padding:5px 9px}
.lst-more{color:var(--bronze);font-weight:600}
.pf-empty{grid-column:1/-1;background:var(--surface);border:1px dashed var(--line);padding:56px 24px;text-align:center}
.pf-empty h4{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:8px}
.pf-empty p{color:var(--muted);max-width:520px;margin:0 auto 22px}
.pf-chips[hidden]{display:none}

/* İLAN DETAY PENCERESİ */
body.modal-open{overflow:hidden}
.ilan-modal{position:fixed;inset:0;z-index:800;display:grid;place-items:center;padding:24px}
.ilan-modal[hidden]{display:none}
.im-bg{position:absolute;inset:0;background:rgba(10,15,20,.82);backdrop-filter:blur(4px);animation:imFade .3s ease}
.im-panel{position:relative;width:min(1180px,100%);max-height:calc(100vh - 48px);background:var(--surface);display:grid;grid-template-columns:1.45fr 1fr;overflow:hidden;animation:imIn .45s cubic-bezier(.2,.7,.2,1);box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
@keyframes imFade{from{opacity:0}to{opacity:1}}
@keyframes imIn{from{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}
.im-close{position:absolute;top:12px;right:12px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:rgba(15,27,38,.85);color:#fff;font-size:1rem;cursor:pointer}
.im-close:hover{background:var(--bronze)}
.im-gallery{background:#0b0f14;display:flex;flex-direction:column;min-height:0}
.im-main{position:relative;flex:1;min-height:320px;display:grid;place-items:center;overflow:hidden}
.im-main img{width:100%;height:100%;object-fit:cover;max-height:calc(100vh - 48px - 92px);animation:imFade .35s ease}
.im-noimg{color:#7d8996;font-size:.9rem}
.im-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer;transition:background .2s}
.im-nav:hover{background:var(--bronze);color:#fff}
.im-nav.prev{left:14px}.im-nav.next{right:14px}
.im-counter{position:absolute;left:14px;bottom:14px;background:rgba(15,27,38,.75);color:#fff;font-size:.75rem;padding:5px 10px}
.im-thumbs{display:flex;gap:6px;padding:8px;overflow-x:auto;background:#0b0f14}
.im-thumbs button{flex:none;width:96px;height:68px;border:2px solid transparent;background:#222 center/cover;cursor:pointer;opacity:.6;transition:.2s}
.im-thumbs button.on,.im-thumbs button:hover{opacity:1;border-color:var(--bronze)}
.im-info{padding:40px 34px 32px;overflow-y:auto}
.im-tags{display:flex;gap:8px;margin-bottom:14px}
.im-tag{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:6px 10px;background:var(--ink);color:#fff}
.im-tag.ghost{background:var(--paper);color:var(--slate);border:1px solid var(--line)}
.im-info h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15;margin-bottom:10px}
.im-info .lst-loc{margin-bottom:18px}
.im-info .specs{margin:0}
.im-price{font-family:var(--serif);font-size:1.6rem;color:var(--bronze-d);margin:20px 0}
.im-desc{color:var(--slate);font-size:.95rem;line-height:1.75;border-top:1px solid var(--line);padding-top:20px;margin-bottom:26px;white-space:normal;overflow-wrap:anywhere}
.im-cta .btn{width:100%;justify-content:center}
@media(max-width:900px){
  .ilan-modal{padding:0}
  .im-panel{grid-template-columns:1fr;max-height:100vh;height:100%;overflow-y:auto}
  .im-main{min-height:0;aspect-ratio:4/3}
  .im-main img{max-height:none}
  .im-info{overflow:visible;padding:28px 22px 40px}
}
@media(prefers-reduced-motion:reduce){.im-panel,.im-bg,.im-main img{animation:none}}

/* HİZMETLER */
.services{background:var(--ink);color:#fff}
.services .lead{color:#9aa6b2}
.services h2{color:#fff}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12)}
.svc{padding:44px 36px 44px 0;border-bottom:1px solid rgba(255,255,255,.12);transition:.3s}
.svc:not(:nth-child(3n)){border-right:1px solid rgba(255,255,255,.12)}
.svc:not(:nth-child(3n+1)){padding-left:36px}
.svc .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;color:var(--bronze)}
.svc .top span{font-family:var(--serif);font-size:1.1rem;color:#5d6b78}
.svc h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:10px}
.svc p{color:#9aa6b2;font-size:.93rem}
.svc:hover h3{color:#d9bf8f}
@media(max-width:900px){
  .svc-grid{grid-template-columns:1fr}
  .svc,.svc:not(:nth-child(3n+1)){padding:34px 0;border-right:0!important}
}

/* NEDEN BİZ */
.why{display:grid;grid-template-columns:5fr 6fr;gap:80px;align-items:center}
.why-img{position:relative;aspect-ratio:4/5;background:url("../img/photo-1600880292203-757bb62b4baf-l.jpg") center/cover,var(--stone)}
.why-img::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid var(--bronze);z-index:-1}
.why-badge{position:absolute;left:-1px;bottom:40px;background:var(--ink);color:#fff;padding:26px 30px}
.why-badge b{font-family:var(--serif);font-weight:400;font-size:3.2rem;line-height:1;color:#d9bf8f;display:block}
.why-badge span{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#aeb8c3}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:36px 40px;margin-top:44px}
.why-item{border-top:1px solid var(--line);padding-top:20px}
.why-item .ic{color:var(--bronze);margin-bottom:12px}
.why-item h4{font-size:1.02rem;font-weight:600;margin-bottom:6px}
.why-item p{color:var(--muted);font-size:.92rem}
@media(max-width:900px){.why{grid-template-columns:1fr;gap:60px}.why-img{aspect-ratio:4/3;margin-right:24px}}
@media(max-width:560px){.why-list{grid-template-columns:1fr}}

/* ARAÇLAR */
.tools{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0}
.tools-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}
.tool-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.tool{display:flex;justify-content:space-between;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);font-weight:500;transition:.2s}
.tool:nth-child(odd){margin-right:20px}
.tool:nth-child(even){margin-left:20px}
.tool small{display:block;color:var(--muted);font-size:.8rem;font-weight:400}
.tool svg{color:var(--slate);transition:.2s}
.tool:hover{color:var(--bronze)}
.tool:hover svg{color:var(--bronze);transform:translate(3px,-3px)}
@media(max-width:900px){.tools-grid{grid-template-columns:1fr;gap:30px}.tool-list{grid-template-columns:1fr}.tool:nth-child(n){margin:0}}

/* BÜLTEN */
.news{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:64px;background:var(--stone)}
.news h2{margin-bottom:10px}
.news form{display:flex;border:1px solid var(--ink);background:var(--surface)}
.news input{flex:1;min-width:0;border:0;padding:18px 20px;font:inherit;outline:none;background:none}
.news .btn{border-radius:0}
.news .ok{display:none;margin-top:12px;color:var(--bronze-d);font-weight:600;font-size:.9rem}
.news .fine{font-size:.78rem;color:var(--muted);margin-top:12px}
@media(max-width:900px){.news{grid-template-columns:1fr;padding:40px 24px;gap:28px}.news form{flex-direction:column}.news .btn{justify-content:center}}

/* FOOTER */
footer{background:var(--ink);color:#aeb8c3;padding:90px 0 0;margin-top:110px}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:50px}
footer .logo-mark{color:#fff}
footer .logo-text b{color:#fff}
footer .logo-text small{color:#7d8996}
footer h5{color:#fff;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin-bottom:22px}
footer ul{list-style:none;display:grid;gap:11px;font-size:.92rem}
footer a:hover{color:#d9bf8f}
.contact li{display:flex;gap:12px}
.contact svg{color:var(--bronze);margin-top:4px}
.socials{display:flex;gap:8px;margin-top:28px}
.socials a{width:40px;height:40px;border:1px solid #2e3d4b;display:grid;place-items:center;transition:.2s}
.socials a:hover{border-color:var(--bronze);color:var(--bronze)}
.copy{border-top:1px solid #23323f;margin-top:70px;padding:26px 0;font-size:.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#7d8996}
.copy nav{display:flex;gap:22px}
@media(max-width:1000px){.foot{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot{grid-template-columns:1fr}}

/* ÖNE ÇIKAN İLANLAR */
.listings{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.lst{background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;transition:box-shadow .3s,transform .3s}
.lst:hover{box-shadow:0 30px 50px -30px rgba(15,27,38,.5);transform:translateY(-4px)}
.lst-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--stone)}
.lst-img div{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.lst:hover .lst-img div{transform:scale(1.07)}
.lst-tag{position:absolute;top:14px;left:14px;z-index:1;background:var(--ink);color:#fff;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:6px 10px}
.lst-tag.k{background:var(--bronze)}
.lst-body{padding:22px;flex:1;display:flex;flex-direction:column}
.lst-loc{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:6px}
.lst-body h3{font-family:var(--serif);font-weight:400;font-size:1.35rem;line-height:1.25;margin:8px 0 16px}
.specs{display:flex;gap:16px;flex-wrap:wrap;font-size:.82rem;color:var(--slate);padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:auto}
.specs span{display:flex;align-items:center;gap:6px}
.specs svg{color:var(--bronze)}
.lst-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;font-size:.85rem}
.lst-foot b{font-weight:600}
.lst-foot a{color:var(--bronze);font-weight:600}
@media(max-width:1100px){.listings{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.listings{grid-template-columns:1fr}}

/* SÜREÇ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;position:relative}
.step{padding:0 30px 0 0;position:relative}
.step .dot{width:56px;height:56px;border:1px solid var(--bronze);display:grid;place-items:center;font-family:var(--serif);font-size:1.4rem;color:var(--bronze);background:var(--paper);position:relative;z-index:1;margin-bottom:26px}
.step::before{content:"";position:absolute;top:28px;left:56px;right:0;height:1px;background:var(--line)}
.step:last-child::before{display:none}
.step h4{font-family:var(--serif);font-weight:400;font-size:1.35rem;margin-bottom:8px}
.step p{color:var(--muted);font-size:.92rem}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr;gap:44px 0}.step::before{display:none}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}

/* BÖLGE */
.region{position:relative;color:#fff;padding:130px 0;background:var(--ink);overflow:hidden}
.region .bg{position:absolute;inset:0;background:url("../img/photo-1494412574643-ff11b0a5c1c3-l.jpg") center/cover;opacity:.2;filter:grayscale(.3)}
.region .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.region h2{color:#fff}
.region .lead{color:#b5c0cb}
.adv{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}
.adv div{background:rgba(15,27,38,.82);backdrop-filter:blur(6px);padding:28px}
.adv svg{color:#d9bf8f;margin-bottom:14px}
.adv h4{font-weight:600;margin-bottom:6px}
.adv p{color:#9aa6b2;font-size:.88rem}
.sectors{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.sectors span{border:1px solid rgba(255,255,255,.25);padding:7px 14px;font-size:.8rem;color:#dfe5eb}
@media(max-width:900px){.region .wrap{grid-template-columns:1fr;gap:44px}}
@media(max-width:520px){.adv{grid-template-columns:1fr}}

/* SSS */
.faq-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:24px 40px 24px 0;font-weight:600;font-size:1.02rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:1.5px solid var(--bronze);border-bottom:1.5px solid var(--bronze);transform:translateY(-70%) rotate(45deg);transition:.25s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{color:var(--muted);padding:0 40px 24px 0;font-size:.95rem}
.faq-side{background:url("../img/photo-1560518883-ce09059eeffa-l.jpg") center/cover;min-height:340px;position:relative;display:flex;align-items:flex-end}
.faq-side::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,27,38,.92),rgba(15,27,38,.1) 65%)}
.faq-side div{position:relative;padding:32px;color:#fff}
.faq-side h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:8px}
.faq-side p{color:#c3ccd5;font-size:.92rem;margin-bottom:20px}
@media(max-width:900px){.faq-wrap{grid-template-columns:1fr;gap:40px}}

/* CTA */
.cta{position:relative;overflow:hidden;color:#fff;padding:110px 0;background:var(--ink)}
.cta .bg{position:absolute;inset:0;background:url("../img/photo-1486406146926-c627a92ad1ab-l.jpg") center/cover;opacity:.35}
.cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,27,38,.95) 30%,rgba(15,27,38,.4))}
.cta .wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.cta h2{color:#fff;max-width:640px;margin:14px 0 10px}
.cta p{color:#b5c0cb;max-width:520px}
.cta .btns{display:flex;gap:14px;flex-wrap:wrap}

/* GİRİŞ: ÇİFT KANATLI KAPI
   Dikey çıtalı iki kanat, ortada altın ayrım çizgisi; açılırken ışık hüzmesi yayılır */
#gate{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#000;perspective:1800px;transition:opacity .8s ease}
#gate.gone{opacity:0;pointer-events:none}
.beam{position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(9% 70% at 50% 50%,rgba(255,246,226,.95),rgba(232,196,132,.55) 35%,rgba(168,131,74,.15) 70%,transparent),
             linear-gradient(90deg,transparent 30%,rgba(240,214,170,.25) 50%,transparent 70%)}
.leaf{position:absolute;top:0;bottom:0;width:50.2%;overflow:hidden;will-change:transform;
  background:
    radial-gradient(120% 90% at 50% 45%,rgba(255,255,255,.035),rgba(0,0,0,.55) 100%),
    repeating-linear-gradient(90deg,#08090b 0 9px,#121418 9px 10px,#0b0c0f 10px 19px,#1a1c21 19px 20px,#0a0b0d 20px 31px,#16181c 31px 32px),
    #0a0b0d}
.leaf.l{left:0;transform-origin:0 50%}
.leaf.r{right:0;transform-origin:100% 50%}
/* seyrek altın çıtalar */
.leaf::before{content:"";position:absolute;inset:0;opacity:.55;
  background:repeating-linear-gradient(90deg,transparent 0 137px,rgba(168,131,74,.22) 137px 138px,transparent 138px 311px,rgba(168,131,74,.12) 311px 312px)}
/* kanat kenarı: ince altın profil */
.leaf.l::after,.leaf.r::after{content:"";position:absolute;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,transparent,rgba(217,191,143,.9) 20%,#f1d9a8 50%,rgba(217,191,143,.9) 80%,transparent)}
.leaf.l::after{right:0}.leaf.r::after{left:0}
.leaf .txt{position:absolute;top:50%;transform:translateY(-50%)}
.leaf.l .txt{right:7vw;text-align:right}
.leaf.r .txt{left:7vw}
.leaf .co{font-size:.72rem;letter-spacing:.5em;font-weight:600;color:#c9a96e;text-transform:uppercase}
.leaf .co small{display:block;margin-top:10px;font-size:.6rem;letter-spacing:.42em;color:#6f7780}
.leaf .hi{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1;color:#f3efe8;letter-spacing:.01em;white-space:nowrap}
.leaf .hi em{color:#d9bf8f}
.seam{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(217,191,143,.5) 15%,#f6e2b8 50%,rgba(217,191,143,.5) 85%,transparent);
  box-shadow:0 0 12px rgba(232,196,132,.55),0 0 34px rgba(232,196,132,.25)}
.gate-logo{position:absolute;left:50%;top:13vh;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;z-index:2}
.gate-logo .mk{width:72px;height:72px;display:grid;place-items:center;color:#fff;background:#0b0c0f;
  border:1px solid #a8834a;box-shadow:0 0 0 6px rgba(11,12,15,.9),0 0 30px rgba(217,191,143,.25)}
.enter{position:absolute;left:50%;bottom:11vh;transform:translateX(-50%);z-index:2;width:76px;height:76px;border-radius:50%;
  background:rgba(10,11,13,.92);border:1px solid rgba(217,191,143,.6);color:#e3c58c;cursor:pointer;
  font:600 .62rem var(--sans);letter-spacing:.32em;padding-left:.32em;transition:background .3s,color .3s}
.enter::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(217,191,143,.35);animation:ring 2.2s ease-out infinite}
@keyframes ring{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
.enter:hover{background:#a8834a;color:#0b0c0f}
.gate-fade{transition:opacity .5s ease}
#gate.opening .gate-fade{opacity:0}
@media(max-width:700px){
  .leaf.l .txt{right:5vw}.leaf.r .txt{left:5vw}
  .leaf .co{letter-spacing:.3em;font-size:.6rem}
  .leaf .hi{font-size:2rem}
}
body.gated{overflow:hidden}

.fab{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(15,27,38,.6);z-index:40;border:1px solid #2e3d4b;transition:.2s}
.fab:hover{background:#1f9d55;border-color:#1f9d55}

/* KAYDIRMA ANİMASYONLARI — aşağı inerken alttan, yukarı çıkarken üstten gelir */
.reveal{opacity:0;transform:translateY(46px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.reveal.up{transform:translateY(-46px)}
.reveal.in{opacity:1;transform:none;transition-delay:var(--d,0ms)}
section,#portfoy,#iletisim{scroll-margin-top:82px}

/* SAYFA GEÇİŞ PERDESİ */
.pt{position:fixed;inset:0;z-index:950;pointer-events:none}
.pt.on{pointer-events:auto}
.pt i{position:absolute;inset:0;transform:scaleY(0)}
.pt .a{background:var(--bronze)}
.pt .b{background:var(--ink)}
.pt-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;opacity:0;white-space:nowrap}
.pt-logo .logo-mark{color:#fff}
.pt-logo .logo-text b{color:#fff}
.pt-logo .logo-text small{color:#9aa6b2}

/* İLERLEME ÇUBUĞU + YUKARI ÇIK */
.prog{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--bronze);transform-origin:0 50%;transform:scaleX(0)}
.totop{position:fixed;right:22px;bottom:88px;z-index:40;width:46px;height:46px;display:grid;place-items:center;cursor:pointer;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 24px -12px rgba(15,27,38,.45);
  opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s,transform .35s,background .2s,color .2s}
.totop.show{opacity:1;transform:none;pointer-events:auto}
.totop:hover{background:var(--ink);color:#fff}

@media(prefers-reduced-motion:reduce){.reveal,.reveal.up{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.pt{display:none}}