/* Ana stil. Değişkenler, başlık ve giriş bölümü critical.css içinde satır içi yüklenir. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}

/* ---------- mobil menü ---------- */
.mnav{position:fixed;inset:var(--hdr) 0 0 0;z-index:95;background:#fff;color:var(--ink);padding:8px var(--gut) calc(var(--bar) + 24px);overflow-y:auto;display:flex;flex-direction:column;gap:24px;border-top:1px solid var(--line);opacity:0;transition:opacity .18s}
.mnav.is-open{opacity:1}
.mnav ul{list-style:none;margin:0;padding:0}
.mnav li a{display:block;padding:15px 0;font-family:var(--display);font-size:1.15rem;font-weight:700;text-decoration:none;border-bottom:1px solid var(--line)}
.mnav-foot{display:grid;gap:14px}.mnav-foot .lang{justify-self:start;padding:9px 14px;border:1px solid var(--line);border-radius:var(--r-s)}
.topbar .lang{padding:3px 10px;border:1px solid rgba(255,255,255,.3);border-radius:var(--r-s);color:#fff}.topbar .lang:hover{border-color:#fff}
body.menu-open{overflow:hidden}

/* ---------- ortak ---------- */
.link-more{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.95rem;color:var(--brand);text-decoration:none}
.link-more .ic{width:1.05em;height:1.05em;transition:transform .15s}
a:hover>.link-more .ic,a.link-more:hover .ic{transform:translateX(3px)}
a.link-more:hover{text-decoration:underline}
.linklike{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;text-align:left}
.chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-s);background:var(--soft);color:var(--brand-d);font-weight:700;font-size:.78rem;border:0}
.js [data-reveal]{opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out}
.js [data-reveal].is-in{opacity:1;transform:none}
.center{text-align:center}

/* ---------- bölümler ---------- */
.sec{padding-block:clamp(48px,6.5vw,88px)}
.sec.tight{padding-block:clamp(32px,4.5vw,56px)}
.sec-alt,.sec-process,.sec-faq,.sec-quick{background:var(--paper)}
.sec-quick{padding-block:clamp(28px,4vw,48px);border-bottom:1px solid var(--line)}
.sec-head{display:grid;gap:8px;max-width:44em;margin-bottom:clamp(24px,3.5vw,40px)}
.sec-head h2{margin:0}.sec-head p{margin:0;color:var(--muted);font-size:1.05rem}
.sec-head .link-more{margin-top:6px;justify-self:start}
.sec-head.center{margin-inline:auto;justify-items:center}
.sec-head h2::after{content:"";display:block;width:44px;height:3px;background:var(--brand);margin-top:14px}
.sec-head.center h2::after{margin-inline:auto}
.sub-h{font-size:clamp(1.15rem,1.8vw,1.35rem);margin:clamp(32px,4.5vw,48px) 0 18px}.sub-h:first-child{margin-top:0}
.sec-head+.sub-h{margin-top:0}
.sec-more{margin:clamp(24px,3.5vw,36px) 0 0}
.lead{font-size:1.08rem;color:var(--muted)}
.narrow-wrap{max-width:820px}

/* ---------- talep formu ---------- */
.no-js .js-only{display:none!important}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.qf-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px 12px;align-items:end}
.qf-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.qf-grid .wide{grid-column:1/-1}
.qf-arrow{display:grid;place-items:center;width:28px;height:50px;color:var(--muted)}
.f-when,.f-svc,.f-mode,.f-note{grid-column:1/-1}
.fld{display:grid;gap:6px;margin:0;padding:0;border:0;min-width:0}
.fld>span,.fld>legend{font-weight:700;font-size:.86rem;padding:0;color:var(--ink)}
.fld input[type=text],.fld input[type=tel],.fld input[type=datetime-local],.fld select,.fld textarea,.qf-date{width:100%;min-height:50px;padding:11px 14px;border:1px solid #b9c2cf;border-radius:var(--r-s);background-color:#fff;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}
.fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.fld textarea{resize:vertical;min-height:70px}
.fld input:focus,.fld select:focus,.fld textarea:focus,.qf-date:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--soft)}
.fld input::placeholder,.fld textarea::placeholder{color:#7a8494}
.fld.is-bad input,.fld.is-bad select,.fld.is-bad textarea{border-color:var(--red)}
.seg-row{display:flex;flex-wrap:wrap;gap:8px}
.seg-row label{position:relative;cursor:pointer}
.seg-row input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg-row span{display:block;padding:10px 14px;border-radius:var(--r-s);border:1px solid #b9c2cf;background:#fff;font-weight:600;font-size:.93rem;transition:background .15s,border-color .15s,color .15s}
.seg-row input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.seg-row input:focus-visible+span{outline:3px solid var(--brand);outline-offset:2px}
.qf-date{margin-top:8px;max-width:320px}
.qform:not(.is-full) .f-note{display:none}
@media(min-width:900px){.sec-quick .qform:not(.is-full) .f-when{grid-column:1/2}.sec-quick .qform:not(.is-full) .f-svc{grid-column:3/4}.sec-quick .qform:not(.is-full) .qf-grid{align-items:start}.sec-quick .qform:not(.is-full) .qf-arrow{margin-top:26px}}
.ahero .qf-grid{grid-template-columns:minmax(0,1fr)}.ahero .qf-arrow{display:none}
.qf-step2{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.chk{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:.9rem;cursor:pointer}
.chk input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--brand)}
.chk a{color:var(--brand-d)}
.chk.is-bad span{color:var(--red-d)}
.qf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.qf-msg{margin:14px 0 0;font-weight:600;min-height:0}.qf-msg:empty{display:none}
.qf-msg.ok{padding:12px 16px;border-radius:var(--r-s);background:#e6f4ec;color:#14653b}.qf-msg.err{padding:12px 16px;border-radius:var(--r-s);background:#fbeaea;color:#8f1c1c}
.qf-urgent{display:flex;gap:8px;align-items:flex-start;margin:16px 0 0;font-size:.85rem;color:var(--muted)}.qf-urgent .ic{color:var(--red);margin-top:2px}

/* ---------- ipuçları şeridi (atlas) ---------- */
.atips{border-bottom:1px solid var(--line)}
.tips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.tips li{display:flex;gap:14px;align-items:flex-start;padding:26px 28px 26px 0}
.tips li+li{padding-left:28px;border-left:1px solid var(--line)}
.tip-ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:var(--r-s);background:var(--soft);color:var(--brand)}
.tips strong{display:block;font-family:var(--display);font-size:1rem;margin-bottom:2px}.tips p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.5}

/* ---------- hizmet kartları ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.svc-grid.small{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-m);background:#fff;border:1px solid var(--line);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.svc:hover{border-color:var(--brand);box-shadow:0 10px 24px -18px rgba(15,25,45,.5)}
.svc-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:var(--r-s);background:var(--soft);color:var(--brand)}
.svc-ic .ic{width:26px;height:26px}
.svc-body{display:grid;gap:6px;flex:1;align-content:start}.svc-body strong{font-family:var(--display);font-size:1.06rem;line-height:1.25}.svc-body span{color:var(--muted);font-size:.93rem;line-height:1.5}
.svc-help{background:var(--paper);border-style:dashed}
.svc-rows{display:grid;border-top:1px solid var(--line)}
.svc-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 8px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .15s}
.svc-row:hover{background:var(--paper)}
.svc-row-t strong{display:block;font-family:var(--display);font-size:1.1rem;line-height:1.25;margin-bottom:3px}.svc-row-t span{color:var(--muted);font-size:.95rem;line-height:1.5}
.svc-go{color:var(--muted);transition:color .15s,transform .15s}.svc-row:hover .svc-go{color:var(--brand);transform:translateX(3px)}
.asvc-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:start}
.asvc .sec-head{margin:0;position:sticky;top:calc(var(--hdr) + 24px)}
.asvc .photo-frame{margin:14px 0 8px}.asvc .photo-frame img{aspect-ratio:16/10}
.asvc .sec-head .btn{justify-self:start}

/* ---------- ilkeler ---------- */
.approach{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
.approach-copy h2::after{content:"";display:block;width:44px;height:3px;background:var(--brand);margin-top:14px}
.prin{list-style:none;margin:0;padding:0;display:grid;gap:0}
.prin li{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-top:1px solid var(--line)}
.prin li:last-child{border-bottom:1px solid var(--line)}
.prin-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--r-s);background:var(--soft);color:var(--brand)}
.prin h3{margin:0 0 4px}.prin p{margin:0;color:var(--muted);font-size:.97rem}
.prin.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.prin.grid li{flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:var(--r-m);background:#fff}
.facts{display:flex;flex-wrap:wrap;gap:12px 32px;list-style:none;margin:0 0 24px;padding:0}
.facts b{display:block;font-family:var(--display);font-size:1.6rem;line-height:1.1}.facts span{color:var(--muted);font-size:.88rem}

/* ---------- süreç ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:s}
.step{position:relative;padding:0 24px 0 0}
.step::before{content:"";position:absolute;left:40px;right:0;top:20px;height:1px;background:#c3ccd9}
.step:last-child::before{display:none}
.step-n{position:relative;display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:50%;background:var(--brand);color:#fff;font-family:var(--display);font-weight:700;font-size:1rem}
.step h3{margin:0 0 6px}.step p{margin:0;color:var(--muted);font-size:.95rem}
.aproc-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.aproc .sec-head{margin:0}.aproc .sec-head .btn{justify-self:start;margin-top:10px}
.tl-steps{list-style:none;margin:0;padding:0;display:grid}
.tl-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;padding:0 0 28px}
.tl-step::before{content:"";position:absolute;left:19px;top:40px;bottom:0;width:1px;background:#c9c5be}
.tl-step:last-child{padding-bottom:0}.tl-step:last-child::before{display:none}
.tl-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--brand);color:var(--brand);background:#fff;font-family:var(--display);font-weight:700}
.tl-step h3{margin:7px 0 4px}.tl-step p{margin:0;color:var(--muted);font-size:.97rem}

/* ---------- bölgeler ---------- */
.areas-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,48px);align-items:start}
.area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.area-grid.wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.area-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border-radius:var(--r-m);background:#fff;border:1px solid var(--line);text-decoration:none;transition:border-color .15s}
.area-card:hover{border-color:var(--brand)}
.area-pin{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-s);background:var(--soft);color:var(--brand)}
.area-t{display:grid;gap:1px;min-width:0}.area-t strong{font-family:var(--display);font-size:.98rem;line-height:1.25}
.area-sub{color:var(--muted);font-size:.8rem;line-height:1.35}
.area-go{color:#9aa4b3}.area-go .ic{width:1em;height:1em}.area-card:hover .area-go{color:var(--brand)}
.route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.route-card{display:grid;gap:10px;align-content:start;padding:20px 22px;border-radius:var(--r-m);background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand);text-decoration:none;transition:box-shadow .15s}
.route-card:hover{box-shadow:0 10px 24px -18px rgba(15,25,45,.5)}
.route-ends{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:1.05rem}.route-ends .ic{width:1em;height:1em;color:var(--muted)}
.route-t{font-size:.93rem;color:var(--muted);line-height:1.5}

/* ---------- şematik harita ---------- */
.smap{margin:0;border:1px solid var(--line);border-radius:var(--r-m);background:#fff;overflow:hidden}
.smap-svg{width:100%;height:auto;display:block;background:#f6f8fb;font-family:var(--body)}
.smap-sea{fill:#dfe9f5;stroke:#c2d2e6;stroke-width:1}
.smap-sealabel{fill:#7f93ad;font-size:14px;font-style:italic;letter-spacing:.06em;text-anchor:middle}
.smap-road{fill:none;stroke:#c1cad8;stroke-width:1.6;stroke-linecap:round;transition:stroke .15s,stroke-width .15s}
.smap-road.city{stroke-dasharray:5 5}
.smap-road.is-on{stroke:var(--brand);stroke-width:3;stroke-dasharray:none}
.smap-node .hit{fill:transparent}
.smap-node .dot{fill:#fff;stroke:var(--ink);stroke-width:2.5;transition:fill .15s,stroke .15s}
.smap-node text{fill:var(--ink);font-size:15px;font-weight:600;paint-order:stroke;stroke:#f6f8fb;stroke-width:4px;stroke-linejoin:round}
.smap-node.city .dot{fill:var(--ink)}.smap-node.city text{font-weight:700}
.smap-node.hub .dot{fill:var(--red);stroke:#fff}.smap-node.hub text{font-size:16px;font-weight:700}
.smap-node .hubmark{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
a:hover>.smap-node .dot,a:focus-visible>.smap-node .dot,.smap-node.is-on .dot{fill:var(--brand);stroke:var(--brand)}
a:hover>.smap-node text,.smap-node.is-on text{fill:var(--brand)}
.smap a{outline:0}
.smap figcaption{padding:9px 14px;font-size:.8rem;color:var(--muted);border-top:1px solid var(--line)}

/* ---------- yerel (atlas) ---------- */
.lpoints{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.lpoint{display:grid;gap:6px;align-content:start;padding:20px;border-radius:var(--r-m);background:#fff;border:1px solid var(--line)}
.lp-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-s);background:var(--soft);color:var(--brand);margin-bottom:4px}
.lpoint strong{font-family:var(--display);font-size:.98rem;line-height:1.3}
.lp-addr{font-size:.82rem;font-weight:600;color:var(--ink)}
.lpoint p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
.nbh{padding:clamp(20px,3vw,30px);border-radius:var(--r-m);background:#fff;border:1px solid var(--line)}
.nbh h3{font-size:1.15rem;margin:0 0 4px}.nbh>p{margin:0 0 16px;color:var(--muted)}
.nb-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 20px}
.nb-list li{padding:8px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:.93rem}
.nbh .src{margin:14px 0 0;font-size:.8rem;color:var(--muted)}

/* ---------- tablo ---------- */
.table-wrap{overflow-x:auto;border-radius:var(--r-m);border:1px solid var(--line);margin:0 0 1.4em;background:#fff}
table{width:100%;border-collapse:collapse;font-size:.96rem;min-width:520px}
th,td{padding:13px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
thead th{background:var(--paper);color:var(--ink);font-family:var(--display);font-weight:700;font-size:.88rem;white-space:nowrap;border-bottom:2px solid var(--ink)}
tbody tr:last-child>*{border-bottom:0}
tbody th{font-weight:700}tbody th a{color:var(--brand-d);text-decoration:none}tbody th a:hover{text-decoration:underline}

/* ---------- SSS ---------- */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(24px,5vw,72px);align-items:start}
.faq{display:grid;border-top:1px solid var(--line);background:#fff;border-radius:var(--r-m);border:1px solid var(--line);overflow:hidden}
.faq-item+.faq-item{border-top:1px solid var(--line)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;cursor:pointer;list-style:none;font-family:var(--display);font-weight:700;font-size:1rem;line-height:1.35}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--brand)}
.faq-x{position:relative;flex:none;width:20px;height:20px}
.faq-x::before,.faq-x::after{content:"";position:absolute;left:3px;right:3px;top:9px;height:2px;background:var(--brand);transition:transform .2s}
.faq-x::after{transform:rotate(90deg)}
.faq-item[open] .faq-x::after{transform:rotate(0)}
.faq-a{padding:0 20px 18px;color:var(--muted)}.faq-a p{margin:0}

/* ---------- rehber ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.post-card a{display:grid;gap:10px;height:100%;align-content:start;padding:0 0 20px;border-radius:var(--r-m);border:1px solid var(--line);background:#fff;text-decoration:none;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.post-card a:hover{border-color:var(--brand);box-shadow:0 10px 24px -18px rgba(15,25,45,.5)}
.post-card h3{margin:0;padding-inline:20px;font-size:1.1rem}.post-card p{margin:0;padding-inline:20px;color:var(--muted);font-size:.93rem}
.post-card .link-more{padding-inline:20px;margin-top:4px}
.post-meta{display:flex;align-items:center;gap:12px;padding:6px 20px 0;font-size:.8rem;color:var(--muted);font-weight:600}
.post-card.is-hidden{display:none}
.cover{position:relative;overflow:hidden;aspect-ratio:600/250;background:var(--soft);border-bottom:1px solid var(--line)}
.cover svg{position:absolute;inset:0;width:100%;height:100%}
.cover.has-img img{width:100%;height:100%;object-fit:cover}
.cv-pulse{stroke:var(--brand);stroke-opacity:.22;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cover-ic{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-s);background:#fff;color:var(--brand);border:1px solid var(--line)}
.cover-ic .ic{width:26px;height:26px}
.phero-side>.cover{border:1px solid var(--line);border-radius:var(--r-m);aspect-ratio:600/320}
.ablog .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ablog .post-card a{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:6px 0;padding:0}
.ablog .cover{grid-row:1/-1;aspect-ratio:auto;height:100%;border-bottom:0;border-right:1px solid var(--line)}
.ablog .cover-ic{left:50%;transform:translate(-50%,-50%)}
.ablog .post-meta{padding-top:18px}.ablog .post-card .link-more{padding-bottom:18px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.filters .chip{padding:9px 16px;font-size:.9rem;cursor:pointer;background:#fff;color:var(--ink);border:1px solid #c3ccd9}
.filters .chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}

/* ---------- çağrı bandı ---------- */
.cta-band{background:var(--ink);color:#fff}
.cta-band-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding-block:clamp(36px,5vw,56px)}
.cta-band-t{flex:1 1 380px;max-width:40em}
.cta-band h2{margin:0 0 6px}.cta-band p{margin:0;color:var(--on-dark)}
.cta-band .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.cta-band .btn-ghost:hover{background:transparent;border-color:#fff}
.cta-band .btn-primary{--bg:#fff;--bgh:#e9edf3;--fg:var(--ink)}

/* ---------- iç sayfa ---------- */
.meta-chips{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.meta-chips li{display:flex;gap:10px;align-items:flex-start;font-size:.94rem}.meta-chips .ic{color:var(--brand);margin-top:3px}.meta-chips span{color:var(--muted)}.meta-chips b{color:var(--ink)}
.post-info{display:flex;gap:16px;color:var(--muted);font-weight:600;font-size:.9rem;margin-bottom:18px}
.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(28px,5vw,64px);padding-block:clamp(36px,5vw,64px);align-items:start}
.prose{max-width:72ch;font-size:1.05rem}
.prose.narrow{margin-inline:auto;padding-block:clamp(32px,4.5vw,56px)}
.sec .prose.narrow{padding-bottom:0}
.prose h2{font-size:clamp(1.3rem,2vw,1.6rem);margin:1.8em 0 .6em;scroll-margin-top:calc(var(--hdr) + 20px)}
.prose>h2:first-child,.prose>.art-img+h2{margin-top:0}
.prose h3{margin:1.5em 0 .5em}
.prose a{color:var(--brand-d);font-weight:600}.prose a:hover{color:var(--brand)}
.prose ul,.prose ol{padding-left:1.3em;display:grid;gap:6px}
.prose li::marker{color:var(--brand);font-weight:700}
.note{display:block;margin:1.4em 0;padding:14px 18px;border-radius:var(--r-s);background:var(--paper);border-left:3px solid var(--brand)}
.art-img{margin:0 0 28px;border-radius:var(--r-m);overflow:hidden}
.art-faq{margin-top:2.2em}
.sources{margin-top:2em;padding-top:1.2em;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.sources h2{font-size:1rem;margin:0 0 8px}
.side{position:sticky;top:calc(var(--hdr) + 20px);display:grid;gap:16px}
.side-card{padding:22px;border-radius:var(--r-m);background:#fff;border:1px solid var(--line)}
.side-card h2{font-size:1.02rem;margin:0 0 14px}
.side-contact{background:var(--paper)}
.side-contact .cta-row{flex-direction:column}.side-contact .btn{width:100%}
.readymsg{margin-top:16px;padding:12px 14px;border-radius:var(--r-s);background:#fff;border:1px solid var(--line);font-size:.86rem}
.readymsg small{display:block;font-weight:700;margin-bottom:4px;color:var(--ink)}.readymsg p{margin:0;color:var(--muted)}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.toc a{display:block;padding:7px 12px;border-left:2px solid var(--line);text-decoration:none;font-size:.92rem;font-weight:500;color:var(--muted)}
.toc a:hover,.toc a.is-on{color:var(--ink);border-color:var(--brand)}
.related{padding-block:8px clamp(36px,5vw,56px)}
.related h2{font-size:clamp(1.15rem,1.8vw,1.35rem);margin-bottom:16px}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.rel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 16px;border-radius:var(--r-m);border:1px solid var(--line);text-decoration:none;transition:border-color .15s}
.rel:hover{border-color:var(--brand)}
.rel-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-s);background:var(--soft);color:var(--brand)}
.rel small{display:block;color:var(--muted);font-size:.76rem;font-weight:700}.rel strong{display:block;font-size:.96rem;line-height:1.3}
.rel>.ic{color:#9aa4b3}.rel:hover>.ic{color:var(--brand)}
.updated{padding-block:16px;margin:0 auto;color:var(--muted);font-size:.85rem}

/* ---------- iletişim ---------- */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:start}
.ccards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:26px}
.ccard{display:grid;align-content:start;gap:3px;padding:18px;border-radius:var(--r-m);background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .15s}
a.ccard:hover{border-color:var(--brand)}
.ccard>.ic{width:24px;height:24px;color:var(--brand);margin-bottom:8px}
.ccard small{font-weight:700;font-size:.78rem;color:var(--muted)}.ccard strong{font-family:var(--display);font-size:1.02rem;line-height:1.3;overflow-wrap:break-word}
.social{display:flex;gap:8px;margin-top:18px}
.social a{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-s);border:1px solid var(--line);transition:border-color .15s,color .15s}
.social a:hover{border-color:var(--brand);color:var(--brand)}
.map-embed iframe{display:block;width:100%;height:min(60vh,440px);border:0}
.gal-grid{columns:3 260px;column-gap:14px}
.gal{display:block;margin-bottom:14px;border-radius:var(--r-m);overflow:hidden;break-inside:avoid}.gal img{width:100%}
.lightbox{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:rgba(15,25,45,.92)}
.lightbox img{max-width:100%;max-height:88vh;border-radius:var(--r-m)}
.lightbox button{position:absolute;right:20px;top:20px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center}
.refs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.refs>*{display:grid;place-items:center;min-height:90px;padding:14px;border-radius:var(--r-m);border:1px solid var(--line);font-weight:700;text-decoration:none;text-align:center}
.empty{padding:48px;text-align:center;border-radius:var(--r-m);background:var(--paper);color:var(--muted)}

/* ---------- 404 ---------- */
.e404{padding-block:clamp(56px,9vw,120px);text-align:center}
.e404-code{font-family:var(--display);font-weight:800;font-size:clamp(4rem,12vw,7rem);line-height:1;color:var(--line);margin:0 0 8px}
.e404 p{max-width:34em;margin-inline:auto;color:var(--muted)}.e404 .cta-row{justify-content:center;margin-top:24px}

/* ---------- alt bilgi ---------- */
.ftr{background:var(--ink);color:var(--on-dark);padding-top:clamp(44px,6vw,68px)}
.cta-band+.ftr{border-top:1px solid rgba(255,255,255,.12)}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr;gap:32px 40px;padding-bottom:40px}
.ftr .brand{color:#fff;margin-bottom:14px}.ftr .lm-bg{fill:#fff}.ftr .lm-pulse{stroke:var(--brand)}.ftr .lm-sun{fill:var(--soft)}
.ftr h2{font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.93rem}
.ftr ul.two-col{grid-template-columns:1fr 1fr;gap:8px 18px}
.ftr a,.ftr .linklike{text-decoration:none;color:inherit}.ftr a:hover,.ftr .linklike:hover{color:#fff;text-decoration:underline}
.ftr-brand p{font-size:.93rem}
.ftr-contact{margin-top:16px!important}.ftr-contact li{display:flex;gap:10px;align-items:flex-start}.ftr-contact .ic{color:#fff;margin-top:3px}
.ftr .social a{border-color:rgba(255,255,255,.25)}.ftr .social a:hover{border-color:#fff;color:#fff}
.ftr-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:18px;border-top:1px solid rgba(255,255,255,.14);font-size:.83rem}
.ftr-bot p{margin:0}.ftr-112{color:#fff;font-weight:600}

/* ---------- sabit öğeler ---------- */
.dock{position:fixed;inset:auto 0 0 0;z-index:90;display:flex;flex-direction:column;pointer-events:none}
.dock>*{pointer-events:auto}
.dock-float{display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding:0 16px 16px;pointer-events:none}.dock-float>*{pointer-events:auto}
.fab-wa{display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 18px 0 14px;border-radius:var(--r-s);background:var(--green);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.fab-wa .ic{width:24px;height:24px}.fab-wa:hover{background:var(--green-d)}
.cookie{width:min(380px,100%);padding:18px;border-radius:var(--r-m);background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 16px 40px -20px rgba(15,25,45,.5)}
.cookie strong{font-family:var(--display);font-size:1rem}.cookie p{margin:6px 0 14px;font-size:.87rem;color:var(--muted)}.cookie div{display:flex;gap:8px;justify-content:flex-end}
.bar{display:none}
@media(max-width:720px){
 .bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1px;background:rgba(255,255,255,.25);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -6px 18px -12px rgba(15,25,45,.6)}
 .bar>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;border:0;color:#fff;font-weight:700;font-size:.8rem;text-decoration:none;-webkit-tap-highlight-color:transparent}
 .bar .ic{width:22px;height:22px}
 .bar-call{background:var(--red)}.bar-wa{background:var(--green)}.bar-loc{background:var(--ink)}.bar-req{background:var(--primary);flex-direction:row!important;gap:10px!important;font-size:.98rem!important}
 .bar>*:active{filter:brightness(.92)}
 .fab-wa{display:none}
 .dock-float{padding:0 12px 12px}
}

/* ---------- duyarlı ---------- */
@media(max-width:1080px){
 .svc-grid,.svc-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}
 .article-wrap{grid-template-columns:minmax(0,1fr)}.side{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.toc{display:none}
 .ftr-grid{grid-template-columns:1fr 1fr}
 .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}.step:nth-child(2)::before{display:none}
 .areas-split{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:860px){
 .approach,.faq-wrap,.contact-grid,.asvc-in,.aproc-in{grid-template-columns:minmax(0,1fr)}
 .asvc .sec-head{position:static}
 .prin.grid{grid-template-columns:1fr}
 .phero-side{max-width:560px}
 .tips{grid-template-columns:1fr}.tips li,.tips li+li{padding:18px 0;border-left:0}.tips li+li{border-top:1px solid var(--line)}
 .ablog .post-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
 .svc-grid,.svc-grid.small{grid-template-columns:minmax(0,1fr)}
 .svc{flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:16px}.svc-body{flex:1 1 0;min-width:0}.svc .link-more{flex:1 1 100%;padding-left:62px}
 .qf-grid{grid-template-columns:minmax(0,1fr)}.qf-arrow{display:none}.qf-grid.two{grid-template-columns:minmax(0,1fr)}
 .qf-actions .btn{flex:1 1 100%}
 .steps{grid-template-columns:minmax(0,1fr);gap:0}.step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;padding:0 0 24px}.step-n{grid-row:1/3;margin:0}.step h3{margin-top:8px}.step p{grid-column:2}
 .step::before{left:19px;right:auto;top:40px;bottom:0;width:1px;height:auto;display:block!important}.step:last-child::before{display:none!important}.step:last-child{padding-bottom:0}
 .area-grid{grid-template-columns:minmax(0,1fr)}
 .svc-row{grid-template-columns:auto minmax(0,1fr);padding:16px 0}.svc-row .svc-go{display:none}
 .ftr-grid{grid-template-columns:1fr}
 .post-grid{grid-template-columns:minmax(0,1fr)}
 .ablog .post-card a{grid-template-columns:84px minmax(0,1fr)}.ablog .cover-ic{width:44px;height:44px}
 .smap-node text{font-size:22px}.smap-node.hub text{font-size:24px}.smap-node .dot{stroke-width:3.5}
 th,td{padding:11px 14px}
 .cta-band .cta-row{width:100%}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .js [data-reveal]{opacity:1!important;transform:none!important}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}
@media print{.topbar,.hdr,.dock,.ftr,.cta-band,.side,.mnav{display:none!important}body{padding:0}}
.ahero .qf-grid{gap:10px}.ahero .fld input[type=text],.ahero .fld select{min-height:46px;padding-block:9px}.ahero .seg-row span{padding:10px 12px}.ahero .quick-head{margin-bottom:14px}.ahero .qf-actions{margin-top:14px}