/* ARDIÇ Yapı — inşaat, müteahhitlik & konut projeleri kurumsal teması (v3)
   Tasarım DNA'sı: ortalı, sakin, editoryal kurumsal. Petrol mavisi + kum + bakır.
   Red Hat Display (başlık) · Red Hat Text (gövde/etiket). Hafif yuvarlak (4px), ince çizgi, yatay raflar. */

/* ---------- 01 · token'lar ---------- */
:root{
  --deep:#0c3b45; --deep-2:#082a32; --teal:#14606e; --mist:#e2edee;
  --sand:#f2eee6; --paper:#faf8f3; --stone:#ded8ca; --line:#e0dbcf;
  --ink:#1b2a2e; --mute:#5f6c70; --white:#fff;
  --cu:#d9782b; --cu-d:#a8530f;
  --r:4px; --wrap:1220px; --gut:clamp(18px,3vw,40px);
  --fd:'Red Hat Display',system-ui,sans-serif; --fb:'Red Hat Text',system-ui,sans-serif;
}

/* ---------- 02 · reset & tipografi ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:150px;-webkit-text-size-adjust:100%}
body{font-family:var(--fb);color:var(--ink);background:#fff;line-height:1.7;font-size:16.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
h1,h2,h3,h4{font-family:var(--fd);font-weight:700;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,5vw,4.3rem);font-weight:800;line-height:1.08}
h2{font-size:clamp(1.8rem,3.2vw,2.6rem)}
h3{font-size:1.25rem}
em{font-style:normal}
p{max-width:68ch}
.wrap{width:min(var(--wrap),100% - var(--gut)*2);margin-inline:auto}
:focus-visible{outline:3px solid var(--cu);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--deep);color:#fff;padding:10px 16px;z-index:200}
.skip:focus{left:0}
.ic{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lbl{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.lead{font-size:1.15rem;color:var(--mute);max-width:60ch}
.center{text-align:center}.center p{margin-inline:auto}

/* ---------- 03 · üst şerit + ortalı header ---------- */
.topbar{background:var(--deep-2);color:#b9cdd1;font-size:13.5px}
.topbar__in{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:9px 0;flex-wrap:wrap}
.topbar ul{display:flex;gap:26px;flex-wrap:wrap}
.topbar li{display:flex;align-items:center;gap:8px}
.topbar .ic{color:#f0a566}
.topbar a{color:#fff}.topbar a:hover{color:#f0a566}
.head{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid var(--line)}
.head__brand{display:flex;justify-content:center;align-items:center;padding:16px 0 12px;position:relative}
.logo{display:flex;align-items:center;gap:14px}
.logo__mark{width:48px;height:48px;flex:none}
.logo__t{display:flex;flex-direction:column;line-height:1}
.logo__t b{font-family:var(--fd);font-weight:800;font-size:28px;letter-spacing:.08em;color:var(--deep)}
.logo__t small{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin-top:6px;font-weight:500}
.logo--w .logo__t b{color:#fff}.logo--w .logo__t small{color:#9fbcc2}
.head__nav{border-top:1px solid var(--line)}
.nav{display:flex;justify-content:center;align-items:stretch;gap:4px;height:54px}
.nav>a,.nav__dd>a{display:flex;align-items:center;padding:0 18px;font-weight:600;font-size:15px;border-bottom:3px solid transparent;margin-bottom:-1px}
.nav>a:hover,.nav__dd:hover>a{color:var(--teal);border-bottom-color:var(--stone)}
.nav .on{border-bottom-color:var(--cu);color:var(--deep)}
.nav__dd{position:relative;display:flex}
.nav__dd>a::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 9px}
.nav__sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:270px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--cu);display:none;box-shadow:0 18px 36px rgba(8,42,50,.14);border-radius:0 0 var(--r) var(--r);text-align:left}
.nav__dd:hover .nav__sub,.nav__dd:focus-within .nav__sub,.nav__dd.open .nav__sub{display:block}
.nav__sub a{display:block;padding:12px 18px;font-size:14.5px;font-weight:500;border-bottom:1px solid var(--sand)}
.nav__sub a:last-child{border:0}
.nav__sub a:hover{background:var(--mist);color:var(--deep)}
.nav .btn--nav{align-self:center;margin-left:14px;padding:9px 20px;font-size:14px;height:auto}
.burger{display:none;width:46px;height:46px;position:absolute;right:0;top:50%;transform:translateY(-50%);border:1.5px solid var(--deep);border-radius:var(--r);z-index:90}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--deep);transition:.25s}
.burger span:first-child{top:16px}.burger span:last-child{top:26px}
.burger[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}
.burger[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}

/* ---------- 04 · butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;font-weight:700;font-size:15.5px;border-radius:var(--r);background:var(--deep);color:#fff;transition:background .2s,color .2s,box-shadow .2s}
.btn:hover{background:var(--teal)}
.btn--cu{background:var(--cu);color:#1b1206}.btn--cu:hover{background:#eb8a3c}
.btn--light{background:#fff;color:var(--deep)}.btn--light:hover{background:var(--sand)}
.btn--line{background:transparent;color:var(--deep);box-shadow:inset 0 0 0 2px var(--deep)}.btn--line:hover{background:var(--deep);color:#fff}
.btn--wline{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}.btn--wline:hover{background:#fff;color:var(--deep)}
.btn--sand{background:#fff;color:var(--deep)}.btn--sand:hover{background:var(--sand)}
.btn--lg{padding:18px 36px;font-size:16.5px}
.btn--sm{padding:10px 18px;font-size:14px}
.btn .ic{width:1.05em;height:1.05em}
.tlink{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--deep);border-bottom:2px solid var(--cu);padding-bottom:2px}
.tlink:hover{color:var(--cu-d)}

/* ---------- 05 · bilgi kartı (künye), etiketler, ilerleme ---------- */
.kunye{border:1px solid var(--line);background:#fff;border-radius:var(--r);overflow:hidden;font-size:15px;text-align:left}
.kunye__head{display:flex;justify-content:space-between;align-items:center;background:var(--deep);color:#fff;padding:12px 18px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.kunye__grid{display:grid;grid-template-columns:1fr 1fr}
.kunye__grid>div{padding:12px 18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.kunye__grid>div:nth-child(2n){border-right:0}
.kunye dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:600;margin-bottom:2px}
.kunye dd{font-weight:600}
.kunye__foot{padding:14px 18px}
.prog{height:10px;background:#e3e1da;border-radius:10px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--cu);border-radius:10px}
.prog__meta{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;margin-top:8px}
.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:3px;background:#fff;color:var(--ink)}
.tag--devam{background:var(--cu);color:#1b1206}.tag--yakinda{background:var(--deep);color:#fff}

/* ---------- 06 · ana sayfa: ortalı hero ---------- */
.hero{position:relative;background:var(--deep-2);color:#fff;text-align:center;overflow:hidden}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,42,50,.72),rgba(8,42,50,.86));z-index:1}
.hero__in{position:relative;z-index:2;padding:130px 0 170px;display:flex;flex-direction:column;align-items:center}
.kick{display:inline-flex;align-items:center;gap:14px;font-size:13.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cu);margin-bottom:22px}
.kick::before,.kick::after{content:"";width:34px;height:2px;background:currentColor;opacity:.7}
.hero h1{max-width:18ch}
.hero h1 em{color:#f3b27a}
.hero p{margin:24px auto 38px;font-size:1.2rem;color:#d3e3e6;max-width:56ch}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.hero__bar{position:absolute;z-index:3;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);border-top:4px solid var(--cu)}
.hero__bar .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.hero__bar a{display:flex;align-items:center;justify-content:center;gap:16px;padding:22px 10px;border-right:1px solid var(--line);color:var(--ink);transition:background .2s}
.hero__bar a:last-child{border:0}
.hero__bar a:hover{background:var(--mist)}
.hero__bar b{font-family:var(--fd);font-size:2.2rem;line-height:1;color:var(--deep)}
.hero__bar span{font-size:14px;font-weight:600;line-height:1.25;text-align:left}
.hero__bar .ic{color:var(--cu-d)}

/* rakam şeridi */
.stats{padding:84px 0 20px}
.stats__row{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stat{padding:8px 24px;border-right:1px solid var(--line)}
.stat:last-child{border:0}
.stat b{display:block;font-family:var(--fd);font-size:clamp(2.6rem,4.6vw,3.8rem);line-height:1;font-weight:800;color:var(--deep)}
.stat b sup{font-size:.4em;color:var(--cu-d);margin-left:3px;font-weight:700}
.stat span{display:block;font-size:14.5px;color:var(--mute);margin:10px auto 0;max-width:22ch}

/* ---------- 07 · bölümler ve ortalı başlıklar ---------- */
.sec{padding:92px 0}
.sec--sand{background:var(--sand)}
.sec--deep{background:var(--deep);color:#d6e5e8}
.sec--deep h2,.sec--deep h3{color:#fff}
.sec--line{border-top:1px solid var(--line)}
.hd{text-align:center;margin:0 auto 52px;max-width:720px}
.hd .kick{margin-bottom:14px}
.hd p{margin:14px auto 0;color:var(--mute)}
.sec--deep .hd p{color:#b5cdd2}
.hd--left{text-align:left;margin-left:0}
.hd-rule{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:38px;flex-wrap:wrap}

/* ---------- 08 · proje kartları + yatay raf ---------- */
.rail-wrap{position:relative}
.rail{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 26px;scrollbar-width:thin;scrollbar-color:var(--teal) var(--stone)}
.rail>*{flex:0 0 min(390px,82vw);scroll-snap-align:start}
.rail-ctl{display:flex;justify-content:center;gap:12px;margin-top:10px}
.rail-btn{width:50px;height:50px;border:2px solid var(--deep);border-radius:50%;display:grid;place-items:center;color:var(--deep);transition:.2s}
.rail-btn:hover{background:var(--deep);color:#fff}
.rail-btn .ic{width:22px;height:22px}
.rail-btn--prev .ic{transform:rotate(180deg)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}
.pcard{display:flex;flex-direction:column;text-align:center;background:#fff}
.pcard__img{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);background:var(--stone)}
.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pcard:hover img{transform:scale(1.05)}
.pcard__img .tag{position:absolute;left:12px;top:12px}
.pcard__no{position:absolute;right:12px;bottom:10px;font-size:12px;font-weight:700;letter-spacing:.12em;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.7)}
.pcard h3{margin:18px 0 4px;font-size:1.5rem}
.pcard:hover h3{color:var(--teal)}
.pcard__loc{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14.5px;color:var(--mute)}
.pcard__meta{display:flex;margin-top:16px;border-top:1px solid var(--line);font-size:15px;font-weight:700}
.pcard__meta div{flex:1;padding:12px 6px 0}
.pcard__meta div+div{border-left:1px solid var(--line)}
.pcard__meta b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:600}

/* ---------- 09 · şantiye bandı ---------- */
.build{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.build__img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.build .kunye{background:var(--deep-2);border-color:#1d5560;color:#e2eff1}
.build .kunye__head{background:#051c22}
.build .kunye dt{color:#8fb4bb}
.build .kunye__grid>div{border-color:#1d5560}
.build .prog{background:#1f5560}
.stages{display:grid;grid-template-columns:repeat(5,1fr);margin-top:26px;text-align:center}
.stages div{position:relative;padding-top:26px;font-size:13px;color:#8fb4bb;font-weight:600}
.stages div::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#1f5560;border:3px solid var(--deep)}
.stages div::after{content:"";position:absolute;top:8px;left:calc(50% + 12px);right:calc(-50% + 12px);height:2px;background:#1f5560}
.stages div:last-child::after{display:none}
.stages .done{color:#fff}.stages .done::before{background:var(--cu)}.stages .done::after{background:var(--cu)}
.stages b{display:block;font-size:11px;letter-spacing:.1em;color:#6f98a0;font-weight:600}

/* ---------- 10 · hizmet karoları (yatay) ---------- */
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tile{position:relative;aspect-ratio:3/4.2;overflow:hidden;border-radius:var(--r);color:#fff;display:flex;align-items:flex-end;justify-content:center;text-align:center}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,42,50,0) 35%,rgba(8,42,50,.92));z-index:1;transition:background .3s}
.tile:hover img{transform:scale(1.07)}
.tile:hover::before{background:linear-gradient(180deg,rgba(8,42,50,.35),rgba(8,42,50,.95))}
.tile__t{position:relative;z-index:2;padding:22px 18px 26px}
.tile h3{color:#fff;font-size:1.3rem;margin-bottom:6px}
.tile p{font-size:14px;color:#cfe0e3;line-height:1.45;max-height:0;overflow:hidden;opacity:0;transition:.3s;margin:0 auto}
.tile:hover p,.tile:focus-visible p{max-height:120px;opacity:1}
.tile .ic{margin:0 auto 10px;width:26px;height:26px;color:var(--cu)}

/* ---------- 11 · süreç (yatay zaman çizgisi) ---------- */
.steps{display:grid;grid-template-columns:repeat(5,1fr);counter-reset:s;text-align:center;position:relative}
.step{padding:0 16px;position:relative}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;margin:0 auto 18px;background:var(--deep);color:#fff;font-family:var(--fd);font-weight:800;font-size:1.3rem;position:relative;z-index:1;box-shadow:0 0 0 6px #fff}
.sec--sand .step::before{box-shadow:0 0 0 6px var(--sand)}
.step::after{content:"";position:absolute;top:28px;left:calc(50% + 34px);right:calc(-50% + 34px);height:2px;background:var(--stone)}
.step:last-child::after{display:none}
.step h3{font-size:1.15rem;margin-bottom:8px}
.step p{font-size:14.5px;color:var(--mute);margin-inline:auto}

/* ---------- 12 · orta sütun blokları ---------- */
.feats3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);background:#fff;border-radius:var(--r);margin:0 auto 38px;max-width:1000px}
.feats3 div{padding:26px 24px;border-right:1px solid var(--line);text-align:center}
.feats3 div:last-child{border:0}
.feats3 .ic{width:30px;height:30px;color:var(--cu-d);margin:0 auto 12px}
.feats3 p{margin:0 auto;font-size:15px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split--r .split__img{order:2}
.split__img img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:var(--r)}
.checks{margin:22px 0 28px;display:grid;gap:10px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks .ic{color:#fff;background:var(--teal);border-radius:50%;padding:3px;width:1.45em;height:1.45em;stroke-width:2.6;margin-top:.12em}
.sec--deep .checks .ic{background:var(--cu);color:#1b1206}

/* ---------- 13 · blog ---------- */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.bgrid--2{grid-template-columns:repeat(2,1fr);gap:44px 36px}
.bcard{display:flex;flex-direction:column;text-align:center}
.bcard__img{aspect-ratio:16/10;overflow:hidden;border-radius:var(--r);order:-1;margin-bottom:20px}
.bcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bcard:hover img{transform:scale(1.05)}
.bcard h3{font-size:1.4rem;margin:8px 0 10px}
.bcard:hover h3{color:var(--teal)}
.bcard p{color:var(--mute);font-size:15px;margin-inline:auto}
.bcard .lbl{color:var(--cu-d)}
.bgrid--2 .bcard h3{font-size:1.7rem}

/* ---------- 14 · kapanış bandı (ortalı, fotoğraflı) ---------- */
.cta{position:relative;background:var(--deep-2) url("img/c-vinc.jpg") center/cover;color:#fff;text-align:center}
.cta::before{content:"";position:absolute;inset:0;background:rgba(8,42,50,.82)}
.cta__in{position:relative;padding:96px 0;display:flex;flex-direction:column;align-items:center}
.cta h2{color:#fff;font-size:clamp(2rem,4vw,3.2rem);max-width:20ch}
.cta p{color:#c8dde1;margin:16px auto 30px}

/* ---------- 15 · footer ---------- */
.foot{background:var(--deep-2);color:#a9c0c5;font-size:15px}
.foot__brand{text-align:center;padding:56px 0 34px;border-bottom:1px solid #1b4953}
.foot__brand .logo{justify-content:center}
.foot__brand p{margin:16px auto 0;color:#8fb0b6;font-size:14.5px;max-width:52ch}
.foot__top{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding:46px 0;text-align:center}
.foot h4{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#f0a566;margin-bottom:16px;font-weight:700;font-family:var(--fb)}
.foot li{margin-bottom:9px}
.foot a:hover{color:#fff}
.foot__c li{display:flex;gap:10px;align-items:flex-start;justify-content:center;text-align:left}
.foot__c .ic{color:#f0a566;margin-top:.22em}
.foot__bot{border-top:1px solid #1b4953;padding:20px 0;display:flex;justify-content:center;gap:10px 30px;flex-wrap:wrap;font-size:13.5px;color:#7fa0a7;text-align:center}
.foot__bot nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}

/* ---------- 16 · iç sayfa başlık bandı (ortalı) ---------- */
.page{position:relative;background:var(--deep-2);color:#fff;text-align:center;overflow:hidden}
.page__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.3}
.page__in{position:relative;padding:70px 0 64px;display:flex;flex-direction:column;align-items:center}
.crumb{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;font-size:13px;font-weight:600;color:#a7c4ca;margin-bottom:20px}
.crumb a:hover{color:#fff}
.crumb span[aria-current]{color:#f0a566}
.page h1{font-size:clamp(2.2rem,4.6vw,3.8rem);max-width:22ch}
.page p{color:#cfe2e5;margin:16px auto 0;font-size:1.1rem}
.page::after{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--cu) 0 120px,transparent 120px);position:absolute;left:50%;bottom:0;width:120px;transform:translateX(-50%);background:var(--cu)}

/* ---------- 17 · katalog araçları ---------- */
.tools{display:grid;grid-template-columns:1fr auto auto auto;border:1px solid var(--stone);border-radius:var(--r);background:#fff;margin-bottom:22px;overflow:hidden}
.tools>*{padding:0 16px;height:54px;border:0;border-right:1px solid var(--line);background:transparent;border-radius:0}
.tools>*:last-child{border-right:0}
.tools select{font-weight:600}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px;align-items:center;justify-content:center}
.chip{padding:9px 18px;border:1.5px solid var(--stone);border-radius:30px;font-weight:600;font-size:14.5px;background:#fff}
.chip:hover{border-color:var(--deep)}
.chip[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#fff}
.count{font-size:14px;color:var(--mute);width:100%;text-align:center;margin-top:4px}
.empty{padding:50px;border:2px dashed var(--stone);text-align:center;color:var(--mute);display:none}
.pcard.hide{display:none}

/* ---------- 18 · proje / hizmet detayı ---------- */
.det{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
.det__aside{position:sticky;top:160px;display:grid;gap:20px}
.gal{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;margin:0 0 12px}
.gal img{width:100%;height:100%;object-fit:cover;border-radius:var(--r)}
.gal img:first-child{grid-row:span 2;min-height:380px}
.prose h2{font-size:2rem;margin:42px 0 14px}
.prose h3{font-size:1.3rem;margin:26px 0 10px}
.prose p{margin-bottom:16px}
.tbl{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:15.5px}
.tbl th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:left;background:var(--deep);color:#fff;padding:11px 14px;font-weight:700}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line)}
.tbl tr:nth-child(even) td{background:var(--paper)}
.feat{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:var(--r);margin:16px 0 26px;overflow:hidden}
.feat li{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.feat li:nth-child(2n){border-right:0}
.feat .ic{color:var(--cu-d)}
.box{border-radius:var(--r);padding:26px;background:var(--sand);border-top:4px solid var(--cu)}
.box h3{font-size:1.3rem;margin-bottom:8px}
.box p{font-size:15.5px;margin-bottom:16px}
.box .btn{width:100%}
.box ul li{margin-bottom:8px}

/* ---------- 19 · formlar ---------- */
.formwrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:50px;align-items:start}
.form{border:1px solid var(--line);background:#fff;padding:38px;border-radius:var(--r);box-shadow:0 18px 44px rgba(8,42,50,.08);border-top:4px solid var(--deep)}
.form fieldset{border:0;margin-bottom:26px}
.form legend{font-family:var(--fd);font-size:1.15rem;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);width:100%}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld.full{grid-column:1/-1}
.fld label{font-weight:600;font-size:14.5px}
.fld label i{color:#b3261e;font-style:normal}
.fld input,.fld select,.fld textarea{border:1.5px solid #c6c2b6;background:#fff;padding:12px 14px;border-radius:var(--r);width:100%}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:3px solid rgba(217,120,43,.45);border-color:var(--deep)}
.fld .err{display:none;color:#b3261e;font-size:13.5px;font-weight:600}
.fld.bad .err{display:block}
.fld.bad input,.fld.bad select,.fld.bad textarea{border-color:#b3261e;background:#fdf1ef}
.radios{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.radio{position:relative}
.radio input{position:absolute;opacity:0}
.radio span{display:block;padding:14px 16px;border:1.5px solid #c6c2b6;border-radius:var(--r);background:#fff;font-weight:700;line-height:1.3;cursor:pointer}
.radio span small{display:block;font-weight:400;color:var(--mute);font-size:13.5px;margin-top:2px}
.radio input:checked+span{background:var(--deep);border-color:var(--deep);color:#fff}
.radio input:checked+span small{color:#b5cdd2}
.radio input:focus-visible+span{outline:3px solid var(--cu);outline-offset:2px}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.chk input{width:20px;height:20px;margin-top:3px;accent-color:var(--deep);flex:none}
.chk a{text-decoration:underline;font-weight:600}
.cond{display:none}.cond.on{display:contents}
.ok{display:none;border-radius:var(--r);background:var(--mist);padding:44px;border-left:6px solid var(--teal)}
.ok.on{display:block}
.ok h2{margin:12px 0}
.ok .ref{font-weight:700;background:#fff;border:1px solid var(--line);display:inline-block;padding:6px 12px;margin:10px 0 18px;border-radius:3px}
.side{display:grid;gap:20px}
.cinfo li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.cinfo li:last-child{border:0}
.cinfo .ic{width:22px;height:22px;color:var(--cu-d);margin-top:2px}
.cinfo b{display:block;font-size:14px}
.cinfo a{font-weight:600;text-decoration:underline;text-decoration-color:var(--stone);text-underline-offset:3px}
.map{aspect-ratio:16/9;background:repeating-linear-gradient(0deg,transparent 0 39px,#d6d2c6 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#d6d2c6 39px 40px),var(--sand);border:1px solid var(--line);border-radius:var(--r);display:grid;place-items:center;font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--mute);text-transform:uppercase;position:relative}
.map::after{content:"";position:absolute;width:22px;height:22px;background:var(--cu);border:3px solid var(--deep);border-radius:50% 50% 50% 0;transform:rotate(-45deg);left:50%;top:40%}

/* ---------- 20 · SSS ---------- */
.faq{border-top:1px solid var(--stone)}
.faq details{border-bottom:1px solid var(--stone)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 4px;cursor:pointer;font-family:var(--fd);font-size:1.2rem;font-weight:700;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--fb);font-size:1.3rem;width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--mist);color:var(--deep);transition:.2s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--cu);color:#1b1206}
.faq details[open]{background:var(--paper)}
.faq .a{padding:0 4px 22px;color:var(--mute);max-width:75ch}
.faq-cat{margin-bottom:56px}
.faq-cat>h2{font-size:1.5rem;margin-bottom:14px}
.faq-cat>h2 span{font-size:13px;color:var(--cu-d);margin-right:12px;letter-spacing:.1em}
.faq-tabs{justify-content:center}

/* ---------- 21 · kurumsal ---------- */
.tl{position:relative;border-left:3px solid var(--stone);margin-left:10px;list-style:none}
.tl li{position:relative;padding:0 0 34px 32px}
.tl li::before{content:"";position:absolute;left:-10px;top:6px;width:17px;height:17px;border-radius:50%;background:var(--cu);border:3px solid #fff;box-shadow:0 0 0 2px var(--cu)}
.tl b{font-family:var(--fd);font-size:1.7rem;font-weight:800;color:var(--deep);display:block;line-height:1.1}
.tl h3{font-size:1.15rem;margin:4px 0}
.tl p{color:var(--mute);font-size:15.5px}
.tl li b{font-size:1.7rem}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);background:#fff;border-radius:var(--r)}
.val{padding:30px 24px;border-right:1px solid var(--line);text-align:center}
.val:last-child{border:0}
.val .ic{width:32px;height:32px;color:var(--cu-d);margin:0 auto 16px}
.val h3{margin-bottom:8px}
.val p{font-size:15px;color:var(--mute);margin-inline:auto}
.offs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.off{border:1px solid var(--line);background:#fff;border-radius:var(--r);overflow:hidden}
.off__h{background:var(--deep);color:#fff;padding:12px 20px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.off__b{padding:22px}
.off h3{margin-bottom:10px}
.off .cinfo li{padding:10px 0}

/* ---------- 22 · sözleşme & yasal (sağ sticky sidebar) ---------- */
.legal{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.doc{min-width:0}
.doc__meta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--sand);margin-bottom:34px;font-size:14.5px}
.doc__meta b{color:var(--deep)}
.doc h2{font-size:1.55rem;margin:34px 0 10px;display:flex;gap:14px;align-items:baseline}
.doc h2 .n{font-size:12.5px;font-weight:700;letter-spacing:.08em;color:var(--cu-d);flex:none}
.doc p{margin-bottom:12px}
.doc ol.cl{counter-reset:c;margin:0 0 14px}
.doc ol.cl>li{counter-increment:c;position:relative;padding-left:46px;margin-bottom:10px}
.doc ol.cl>li::before{content:counter(c);position:absolute;left:0;top:1px;width:30px;height:26px;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:var(--mist);color:var(--deep);border-radius:3px}
.doc__note{margin-top:46px;padding:18px 20px;border:1.5px dashed var(--cu);background:#fff7ee;border-radius:var(--r);font-size:14.5px}
.lside{position:sticky;top:160px;display:grid;gap:20px}
.lnav{border:1px solid var(--line);background:#fff;border-radius:var(--r);overflow:hidden}
.lnav h2{font-family:var(--fb);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;background:var(--deep);color:#fff;padding:12px 18px;margin:0;display:block}
.lnav ul{padding:6px 0}
.lnav a{display:block;padding:10px 18px;font-size:14.5px;font-weight:500;border-left:4px solid transparent}
.lnav a:hover{background:var(--sand)}
.lnav a[aria-current=page]{border-left-color:var(--cu);background:var(--mist);font-weight:700;color:var(--deep)}
.lnav h3.g{font-family:var(--fb);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:10px 18px 4px;font-weight:700;border-top:1px solid var(--line);margin-top:4px}
.lnav h3.g:first-of-type{border-top:0;margin-top:0}
.lhelp{background:var(--deep);color:#fff;padding:24px;border-radius:var(--r);border-top:4px solid var(--cu)}
.lhelp h3{color:#fff;font-size:1.25rem;margin-bottom:8px}
.lhelp p{font-size:14.5px;color:#c4dbe0;margin-bottom:14px}
.lhelp a.tlink{color:#fff}
.hub{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:40px}
.hub a{display:block;padding:24px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .2s}
.hub a:hover{background:var(--sand)}
.hub h3{font-size:1.2rem;margin-bottom:6px}
.hub p{font-size:14.5px;color:var(--mute)}

/* ---------- 23 · blog yazısı ---------- */
.post{display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:60px;justify-content:center}
.post__hero{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--r);margin-bottom:34px}
.post .prose p{font-size:1.07rem}
.post .prose h2{font-size:1.7rem}
.post__meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;font-weight:600;color:var(--mute);margin-bottom:24px}
.post__side{position:sticky;top:160px;align-self:start;display:grid;gap:20px}
.callout{border-left:5px solid var(--cu);background:var(--sand);padding:18px 22px;margin:24px 0;font-weight:500;border-radius:0 var(--r) var(--r) 0}

/* ---------- 24 · yukarı çık ---------- */
.totop{position:fixed;right:22px;bottom:22px;width:52px;height:52px;background:var(--cu);color:#1b1206;border-radius:50%;display:grid;place-items:center;z-index:90;opacity:0;visibility:hidden;transform:translateY(14px);transition:.25s;box-shadow:0 8px 20px rgba(8,42,50,.3)}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop:hover{background:var(--deep);color:#fff}
.totop .ic{width:22px;height:22px;stroke-width:2.4}

/* ---------- 25 · belirme ---------- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}*{animation:none!important}}

/* ---------- 26 · 404 ---------- */
.nf{min-height:70vh;display:grid;align-items:center;padding:80px 0;text-align:center}
.nf big{font-family:var(--fd);font-weight:800;font-size:clamp(7rem,20vw,14rem);line-height:.9;color:var(--deep);display:block}
.nf p{margin-inline:auto}

/* ---------- 27 · responsive ---------- */
@media (max-width:1100px){
  .nav>a,.nav__dd>a{padding:0 11px;font-size:14px}
  .tiles{grid-template-columns:repeat(3,1fr)}
  .tile{aspect-ratio:4/3.4}
}
@media (max-width:980px){
  .burger{display:block}
  .head__brand{justify-content:flex-start;padding:12px 0}
  .head__nav{border:0}
  .nav{position:fixed;inset:0 0 0 auto;width:min(380px,100%);height:100dvh;background:#fff;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:96px 24px 30px;border-left:1px solid var(--line);transform:translateX(100%);transition:transform .3s;overflow:auto;gap:0;z-index:80}
  .nav.open{transform:none}
  .nav>a,.nav__dd>a{height:auto;padding:15px 4px;border-bottom:1px solid var(--line);margin:0;font-size:17px}
  .nav__dd{flex-direction:column}
  .nav__sub{position:static;transform:none;display:block;box-shadow:none;border:0;background:transparent;min-width:0;padding-left:14px}
  .nav__dd>a::after{display:none}
  .nav .btn--nav{margin:20px 0 0;align-self:stretch;padding:14px}
  .hero__in{padding:90px 0 40px}
  .hero__bar{position:relative}
  .hero__bar .wrap{grid-template-columns:1fr 1fr}
  .hero__bar a:nth-child(2){border-right:0}.hero__bar a:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .stats{padding-top:60px}
  .stats__row{grid-template-columns:1fr 1fr;row-gap:30px}
  .stat:nth-child(2){border-right:0}
  .sec{padding:70px 0}
  .pgrid{grid-template-columns:1fr 1fr}
  .build,.split,.det,.formwrap,.post{grid-template-columns:1fr;gap:40px}
  .split--r .split__img{order:0}
  .steps{grid-template-columns:1fr 1fr;row-gap:36px}
  .step::after{display:none}
  .bgrid{grid-template-columns:1fr 1fr}
  .foot__top{grid-template-columns:1fr}
  .tools{grid-template-columns:1fr 1fr}.tools input{grid-column:1/-1;border-bottom:1px solid var(--line)}
  .det__aside,.post__side{position:static}
  .vals{grid-template-columns:1fr 1fr}.val:nth-child(2){border-right:0}.val:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .offs{grid-template-columns:1fr}
  .legal{grid-template-columns:1fr;gap:30px}
  .lside{position:static;order:-1}
  .feats3{grid-template-columns:1fr}.feats3 div{border-right:0;border-bottom:1px solid var(--line)}.feats3 div:last-child{border:0}
}
@media (max-width:620px){
  body{font-size:16px}
  .topbar ul{gap:10px 18px}
  .topbar__in>span{display:none}
  .topbar li:nth-child(3){display:none}
  .logo__t b{font-size:24px}
  .pgrid,.bgrid,.bgrid--2,.steps,.fgrid,.radios,.feat,.kunye__grid,.hub{grid-template-columns:1fr}
  .tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{aspect-ratio:3/4}.tile p{display:none}.tile h3{font-size:1.1rem}
  .kunye__grid>div{border-right:0}
  .feat li{border-right:0}
  .stat b{font-size:2.3rem}
  .form{padding:22px 18px}
  .gal{grid-template-columns:1fr 1fr}.gal img:first-child{grid-column:1/-1;grid-row:auto;min-height:0;aspect-ratio:4/3}
  .gal img:not(:first-child){aspect-ratio:4/3}
  .vals{grid-template-columns:1fr}.val{border-right:0;border-bottom:1px solid var(--line)}
  .stages{grid-template-columns:repeat(5,1fr)}.stages div{font-size:11px}
  .tools{grid-template-columns:1fr}.tools>*{border-right:0;border-bottom:1px solid var(--line)}
  .totop{width:44px;height:44px;right:14px;bottom:14px}
  .tbl{font-size:14px}.tbl th,.tbl td{padding:9px 8px}
  .doc h2{flex-direction:column;gap:2px}
  .doc ol.cl>li{padding-left:40px}
  .hero__bar a{flex-direction:column;gap:4px;padding:16px 6px;text-align:center}.hero__bar span{text-align:center}
}

/* ---------- 28 · yazdırma ---------- */
@media print{
  .topbar,.head,.foot,.lside,.totop,.cta,.doc__print,.page__bg,.crumb{display:none!important}
  body{font-size:11.5pt;color:#000;background:#fff}
  .page{background:#fff;color:#000}.page h1,.page p{color:#000}
  .page__in{padding:0 0 12px;align-items:flex-start}
  .legal{display:block}
  .sec{padding:10px 0}
}

/* hizmet listesi: geniş karolar */
.tiles--l{grid-template-columns:repeat(3,1fr);gap:22px}
.tiles--l .tile{aspect-ratio:4/3}
.tiles--l .tile p,.tile--l p{max-height:none;opacity:1}
@media (max-width:980px){.tiles--l{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.tiles--l{grid-template-columns:1fr}.tiles--l .tile p{display:block}}
p.center{margin-inline:auto;max-width:none}

/* ---------- v3.1 · sadeleştirilmiş butonlar, proje kartı, raf ---------- */
.btn{border-radius:0;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:16px 32px;transition:background .2s,color .2s}
.btn--lg{padding:19px 40px;font-size:14.5px}
.btn--sm{padding:11px 20px;font-size:13px}
.btn--cu{background:var(--cu);color:#1b1206}
.btn--line,.btn--wline{box-shadow:inset 0 0 0 1.5px currentColor}
.btn--line{color:var(--deep)}
.btn--line:hover{background:var(--deep);color:#fff}
.nav .btn--nav{padding:12px 22px;font-size:13px}
.tlink{border-bottom:1px solid var(--deep);font-weight:600;padding-bottom:1px}
.tlink .ic{display:none}
.tlink:hover{color:var(--cu-d);border-color:var(--cu)}
.chip{border-radius:0;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}
.rail-btn{border-radius:0;width:52px;height:46px;border-width:1.5px}
.totop{border-radius:0}
.step::before{border-radius:0}
.faq summary::after{border-radius:0}
.tag{border-radius:0}
.checks .ic{border-radius:0}
.box,.kunye,.form,.feat,.vals,.off,.lnav,.lhelp,.tools,.doc__meta,.doc__note,.hub,.pcard__img,.tile,.build__img img,.split__img img,.gal img,.bcard__img,.post__hero{border-radius:0}
.tools{border-radius:0}.fld input,.fld select,.fld textarea,.radio span{border-radius:0}
/* raf: kaydırma çubuğu yok, yalnızca oklar */
.rail{scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 14px}
.rail::-webkit-scrollbar{display:none}
.rail-ctl{margin-top:18px}
/* proje kartı: sınırları belli */
.pcard{border:1px solid var(--stone);background:#fff;transition:box-shadow .25s,border-color .25s}
.pcard:hover{border-color:var(--deep);box-shadow:0 14px 30px rgba(8,42,50,.12)}
.pcard__body{padding:0 22px 22px}
.pcard__img{border-bottom:1px solid var(--stone)}
.pcard h3{margin-top:20px}
.pcard__meta{margin-top:16px}
.pcard__meta div{padding:12px 4px 0}

/* header: arka plansız link buton (ikonlu) */
.nav .navcta{display:flex;align-items:center;gap:9px;align-self:center;margin-left:22px;padding:8px 0;font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cu-d);border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav .navcta .ic{width:1.25em;height:1.25em}
.nav .navcta:hover{color:var(--deep);border-bottom-color:var(--cu)}
@media (min-width:981px) and (max-width:1100px){.nav .navcta{margin-left:10px}}
@media (max-width:980px){.nav .navcta{margin:0;padding:15px 4px;border-bottom:1px solid var(--line);align-self:stretch;font-size:15px}}