/* Tema "blueprint": ozalit mavisi kareli kâğıt, beyaz ve camgöbeği teknik çizgiler, kendini çizen plan, pafta antetleri */
:root{
  --bp:#0d3b78;--bp-d:#0a2f61;--bp-l:#134a91;--ln:rgba(214,236,255,.55);--ln-2:rgba(214,236,255,.22);--cyan:#7fe3ff;--wh:#eef6ff;--mut:#b4cdee;
  --ink:var(--wh);--bg:var(--bp);
  --f-head:"Barlow Condensed","Arial Narrow",sans-serif;--f-body:"Barlow",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,monospace;
}
::selection{background:var(--cyan);color:var(--bp-d)}
body{background-color:var(--bp);background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px}
.mono{font-family:var(--f-mono)}
.progress{background:var(--cyan);height:2px}
em{font-style:normal;color:var(--cyan)}

/* Butonlar */
.btn{border-radius:2px;text-transform:uppercase;letter-spacing:.06em;font-family:var(--f-head);font-size:1.08rem;font-weight:600}
.b-cy{background:var(--cyan);color:#06213f}
.b-cy:hover{background:var(--wh);transform:translateY(-2px)}
.b-line{background:transparent;color:var(--wh);box-shadow:inset 0 0 0 1.5px var(--wh)}
.b-line:hover{background:var(--wh);color:var(--bp-d);transform:translateY(-2px)}
.btn-wa:hover{transform:translateY(-2px)}

/* Üst menü */
.top{color:var(--wh)}
.top.scrolled{background:rgba(10,47,97,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--ln-2)}
.logo{font-family:var(--f-head);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.3rem}
.logo-mark{border:1.5px solid var(--cyan);color:var(--cyan);position:relative}
.logo-mark::after{content:"";position:absolute;inset:3px;border:1px dashed rgba(127,227,255,.5)}
.nav a.link{font-family:var(--f-mono);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);transition:color .2s}
.nav a.link:hover{color:var(--cyan)}
.top .btn-call{background:transparent;color:var(--cyan);box-shadow:inset 0 0 0 1.5px var(--cyan);padding:10px 16px;font-size:.98rem}
.top .btn-call:hover{background:var(--cyan);color:var(--bp-d)}

/* Bölüm iskeleti */
.code{display:inline-flex;align-items:center;gap:12px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.code span{flex:none;white-space:nowrap;border:1px solid var(--cyan);padding:3px 8px}
.sec{padding:110px 0;border-top:1px dashed var(--ln-2)}
.s-head{margin-bottom:50px;max-width:840px}
.s-head h2{font-size:clamp(2.3rem,5vw,4.2rem);font-weight:700;text-transform:uppercase;line-height:.95;letter-spacing:.005em;margin-top:16px}
.s-sub{color:var(--mut);margin-top:16px;font-size:1.06rem;max-width:620px}

/* Hero */
.hero{padding:118px 0 70px;overflow:hidden}
.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:"txt sheet" "photo sheet";gap:36px 54px;align-items:start}
.h-txt{grid-area:txt}
.hero h1{margin:22px 0 0}
.h-d{display:block;font-size:clamp(3.4rem,8vw,7.4rem);font-weight:700;line-height:.86;text-transform:uppercase}
.h-s{display:block;margin-top:8px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan)}
.h-dim{display:flex;align-items:center;gap:12px;margin:20px 0 22px;color:var(--cyan)}
.h-dim span{font-size:.66rem;letter-spacing:.16em;white-space:nowrap}
.h-dim i{position:relative;flex:1;height:1px;background:currentColor;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.6,0,.2,1) .4s}
.h-dim i:first-child{transform-origin:100% 50%}
.h-dim i:last-child{transform-origin:0 50%}
.h-dim.in i{transform:none}
.h-dim i:first-child::before,.h-dim i:last-child::after{content:"";position:absolute;top:-6px;width:1px;height:13px;background:currentColor}
.h-dim i:first-child::before{left:0}
.h-dim i:last-child::after{right:0}
.lead{color:var(--mut);font-size:1.08rem;max-width:520px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.h-sheet{grid-area:sheet;position:relative;padding:18px 18px 0;background:rgba(10,47,97,.6);box-shadow:inset 0 0 0 1px var(--ln),inset 0 0 0 7px rgba(10,47,97,.6),inset 0 0 0 8px var(--ln-2)}
.corner{position:absolute;width:16px;height:16px;border:2px solid var(--cyan)}
.corner.tl{top:-8px;left:-8px;border-right:0;border-bottom:0}
.corner.tr{top:-8px;right:-8px;border-left:0;border-bottom:0}
.corner.bl{bottom:-8px;left:-8px;border-right:0;border-top:0}
.corner.br{bottom:-8px;right:-8px;border-left:0;border-top:0}
.antet{display:grid;grid-template-columns:repeat(4,auto);margin:12px -18px 0;border-top:1px solid var(--ln)}
.antet span{padding:7px 12px;border-left:1px solid var(--ln);font-size:.72rem;color:var(--wh);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.antet span:first-child{border-left:0}
.antet b{display:block;font-weight:500;font-size:.58rem;letter-spacing:.16em;color:var(--mut)}

/* Plan çizimi */
.plan{width:100%;height:auto;color:var(--cyan);overflow:visible}
.plan text{font:500 11px var(--f-mono);fill:var(--mut);letter-spacing:.06em}
.dims text{fill:var(--cyan);font-size:10px;text-anchor:middle;opacity:0;animation:bp-fade .5s 1.8s forwards}
.dl{fill:none;stroke:var(--cyan);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;animation:bp-draw 1.1s 1.5s forwards}
.ext{fill:none;stroke:var(--cyan);stroke-width:1;opacity:0;animation:bp-fade .5s 1.5s forwards}
.w{fill:none;stroke:var(--wh);stroke-width:7;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:1;animation:bp-draw 1.5s cubic-bezier(.6,0,.2,1) forwards}
.w1{animation-delay:.6s}.w2{animation-delay:.85s}.w3{animation-delay:1.05s}.w4{animation-delay:1.25s}
.wins rect{fill:var(--bp-d);stroke:var(--cyan);stroke-width:1;opacity:0;animation:bp-fade .4s 1.8s forwards}
.swings path{fill:none;stroke:var(--mut);stroke-width:1;stroke-dasharray:3 3;opacity:0;animation:bp-fade .5s 2s forwards}
.fixed *{fill:none;stroke:var(--mut);stroke-width:1;opacity:0;animation:bp-fade .5s 2.1s forwards}
.labels text{fill:var(--wh);font-size:12px;text-anchor:middle;letter-spacing:.14em;opacity:0;animation:bp-fade .6s 2.2s forwards}
.route{fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-dasharray:6 6;opacity:0;animation:bp-fade .5s 2.4s forwards,bp-flow 1.1s linear infinite}
.furn{opacity:0;animation:bp-fade .6s 2.3s forwards}
.mv rect{fill:rgba(127,227,255,.13);stroke:var(--cyan);stroke-width:1.5}
.mv path{fill:none;stroke:var(--cyan);stroke-width:1}
.mv{transform-box:fill-box;transform-origin:center;animation:bp-carry 10s cubic-bezier(.55,0,.3,1) infinite both}
.f1{--x1:85px;--y1:156px;--x2:335px;--y2:301px;--x3:410px;--y3:284px;animation-delay:3s}
.f2{--x1:85px;--y1:80px;--x2:335px;--y2:225px;--x3:410px;--y3:208px;animation-delay:4.6s}
.f3{--x1:-55px;--y1:110px;--x2:110px;--y2:245px;--x3:185px;--y3:228px;animation-delay:6.2s}
.f4{--x1:75px;--y1:-10px;--x2:355px;--y2:40px;--x3:430px;--y3:23px;animation-delay:7.8s}
.f5{--x1:80px;--y1:10px;--x2:235px;--y2:10px;--x3:310px;--y3:-7px;animation-delay:9.4s}
.truck{opacity:0;animation:bp-fade .6s 2s forwards}
.truck rect,.truck path{fill:none;stroke:var(--wh);stroke-width:1.5}
.truck .ground{stroke:var(--mut);stroke-dasharray:8 5}
.truck circle{fill:var(--bp-d);stroke:var(--wh);stroke-width:1.5}
.truck text{fill:var(--cyan);font-size:10px;letter-spacing:.2em}
.wheel{animation:bp-spin 2.4s linear infinite}
.callouts{opacity:0;animation:bp-fade .5s 2.7s forwards}
.callouts circle,.callouts path{fill:none;stroke:var(--cyan);stroke-width:1}
.callouts text{fill:var(--cyan);text-anchor:middle;font-size:11px}
.callouts .note{text-anchor:start;font-size:9.5px}
@keyframes bp-draw{to{stroke-dashoffset:0}}
@keyframes bp-fade{to{opacity:1}}
@keyframes bp-flow{to{stroke-dashoffset:-12}}
@keyframes bp-spin{to{transform:rotate(360deg)}}
@keyframes bp-carry{
  0%,10%{transform:translate(0,0) scale(1);opacity:1}
  24%{transform:translate(var(--x1),var(--y1)) scale(.75)}
  38%{transform:translate(var(--x2),var(--y2)) scale(.55)}
  50%{transform:translate(var(--x3),var(--y3)) scale(.4);opacity:1}
  56%{transform:translate(var(--x3),var(--y3)) scale(.3);opacity:0}
  57%,66%{transform:translate(0,0) scale(1);opacity:0}
  76%,100%{transform:translate(0,0) scale(1);opacity:1}
}

.h-photo{grid-area:photo;margin:0;padding:10px;background:rgba(10,47,97,.6);box-shadow:inset 0 0 0 1px var(--ln);max-width:520px}
.h-photo img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.7) contrast(1.05)}
.h-photo figcaption{padding-top:9px;font-size:.72rem;color:var(--mut)}
.h-photo figcaption b{color:var(--cyan);font-weight:600;margin-right:10px}

/* İmleç artı işareti ve koordinat okuması */
.xh{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s}
.hero:hover .xh{opacity:1}
.xh-v{position:absolute;top:0;bottom:0;left:var(--mx,50%);width:1px;background:rgba(127,227,255,.35)}
.xh-h{position:absolute;left:0;right:0;top:var(--my,50%);height:1px;background:rgba(127,227,255,.35)}
.xy{position:absolute;left:var(--mx,50%);top:var(--my,50%);transform:translate(12px,12px);font-size:.66rem;color:var(--cyan);background:var(--bp-d);border:1px solid var(--cyan);padding:3px 7px;white-space:nowrap}

/* Antet şeridi */
.tblock{background:var(--bp-d);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.tb-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.tb-in>div{padding:16px 18px;border-left:1px solid var(--ln)}
.tb-in>div:last-child{border-right:1px solid var(--ln)}
.tb-in b{display:block;font-weight:500;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.tb-in>div>span{display:block;color:var(--wh);font-size:.9rem;margin-top:3px}

/* Giriş: genel notlar + lejant */
.intro-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:0 56px;align-items:start}
.intro-in .s-head{grid-column:1/-1}
.notes{list-style:none;margin:0;padding:0}
.notes li{border-left:1px solid var(--cyan);padding:2px 0 2px 24px;margin-bottom:28px}
.notes span{font-size:.7rem;letter-spacing:.16em;color:var(--cyan)}
.notes p{margin-top:6px;font-size:1.06rem}
.notes li:first-child p{font-size:1.18rem}
.legend{position:sticky;top:110px;padding:22px;box-shadow:inset 0 0 0 1px var(--ln);background:rgba(10,47,97,.5)}
.lg-t{font-size:.7rem;letter-spacing:.22em;color:var(--mut);padding-bottom:12px;border-bottom:1px solid var(--ln)}
.legend ul{list-style:none;margin:0;padding:0}
.legend li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px dashed var(--ln-2);font-size:.96rem}
.legend li i{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);transition:background .25s,color .25s}
.legend li:hover i{background:var(--cyan);color:var(--bp-d)}
.legend li svg{width:21px;height:21px}
.legend li b{font-size:.64rem;font-weight:500;color:var(--mut)}

/* Hizmetler: detay paftası */
.details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ln);border-left:1px solid var(--ln)}
.det{position:relative;overflow:hidden;padding:20px 22px 26px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);min-height:310px;transition:background .3s}
.det::after{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:linear-gradient(transparent,rgba(127,227,255,.16),transparent);transform:translateY(-100%);pointer-events:none}
.det:hover{background:rgba(127,227,255,.05)}
.det:hover::after{animation:bp-scan 1.5s linear infinite}
@keyframes bp-scan{to{transform:translateY(260%)}}
.det-top{display:flex;justify-content:space-between;font-size:.68rem;color:var(--mut);letter-spacing:.1em}
.det-top span:first-child{color:var(--cyan)}
.det-ic{position:relative;width:92px;height:92px;margin:26px 0 22px;display:grid;place-items:center}
.det-ic::before,.det-ic::after{content:"";position:absolute;background:rgba(127,227,255,.35)}
.det-ic::before{left:-14px;right:-14px;top:50%;height:1px}
.det-ic::after{top:-14px;bottom:-14px;left:50%;width:1px}
.det-ic .ring{position:absolute;inset:0;border:1px dashed var(--cyan);border-radius:50%;animation:bp-spin 22s linear infinite}
.det-ic svg{position:relative;z-index:1;width:44px;height:44px;color:var(--wh);stroke-width:1.3;background:var(--bp);transition:transform .4s,color .3s}
.det:hover .det-ic svg{color:var(--cyan);transform:scale(1.12)}
.det h3{font-size:1.45rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.det p{color:var(--mut);font-size:.95rem;margin-top:8px}

/* İşler: sürüklenen paftalar ve kesit videoları */
.w-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.w-btns{display:flex;gap:10px;margin-bottom:50px}
.nb{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--cyan);background:transparent;color:var(--cyan);cursor:pointer;transition:background .2s,color .2s}
.nb:hover{background:var(--cyan);color:var(--bp-d)}
.nb svg{width:20px;height:20px}
.strip{display:flex;gap:22px;padding:8px 2px 12px}
.sheet{flex:0 0 clamp(250px,29vw,350px);margin:0;padding:10px;background:var(--bp-d);box-shadow:inset 0 0 0 1px var(--ln)}
.sh-img{position:relative;overflow:hidden}
.sh-img img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.7);transition:filter .4s,transform .8s cubic-bezier(.2,.8,.2,1)}
.sheet:hover .sh-img img{filter:none;transform:scale(1.04)}
.cm{position:absolute;width:20px;height:20px;border:2px solid var(--cyan)}
.cm.a{top:8px;left:8px;border-right:0;border-bottom:0}
.cm.b{bottom:8px;right:8px;border-left:0;border-top:0}
.sheet figcaption{display:grid;grid-template-columns:auto minmax(0,1fr);margin-top:10px;box-shadow:inset 0 0 0 1px var(--ln);font-size:.72rem}
.sheet figcaption>span{padding:6px 10px}
.sheet figcaption b{display:block;font-weight:500;font-size:.56rem;letter-spacing:.16em;color:var(--mut)}
.sh-t{border-left:1px solid var(--ln);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:46px}
.cut{position:relative;margin:0;aspect-ratio:3/4;padding:8px;background:var(--bp-d);box-shadow:inset 0 0 0 1px var(--ln)}
.cut-l{position:absolute;top:18px;left:18px;z-index:2;background:var(--bp-d);border:1px solid var(--cyan);color:var(--cyan);font-size:.64rem;letter-spacing:.14em;padding:3px 8px}
.cut figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(10,47,97,.88);color:var(--wh);font-size:.7rem;padding:6px 9px}

/* Süreç: bina kesiti ve inen asansör */
.bld{display:grid;grid-template-columns:420px minmax(0,1fr);gap:50px;align-items:stretch}
.tower{position:relative;margin-right:170px;display:flex;flex-direction:column;padding-top:40px;box-shadow:inset 1px 0 0 var(--ln),inset -1px 0 0 var(--ln);border-bottom:3px solid var(--wh)}
.roof{position:absolute;top:0;left:-12px;right:-12px;height:40px;border-bottom:2px solid var(--wh);background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(214,236,255,.25) 6px 7px)}
.fl{position:relative;flex:1;min-height:118px;border-top:1px solid var(--ln);display:flex;align-items:center;justify-content:center;gap:22px}
.fl span{position:absolute;left:8px;top:7px;font-size:.62rem;color:var(--mut);letter-spacing:.1em}
.fl i{width:44px;height:54px;border:1px solid var(--ln);background:rgba(127,227,255,.05)}
.rail{position:absolute;right:-34px;top:40px;bottom:0;width:14px;border-left:1px solid var(--cyan);border-right:1px solid var(--cyan);background:repeating-linear-gradient(transparent 0 14px,rgba(127,227,255,.5) 14px 15px)}
.cab{position:absolute;right:-46px;width:38px;height:32px;top:calc(42px + var(--p,0) * (100% - 76px));border:1.5px solid var(--cyan);background:rgba(127,227,255,.22);display:grid;place-items:center;transition:top .15s linear}
.cab i{width:16px;height:12px;border:1px solid var(--wh)}
.mini-truck{position:absolute;left:calc(100% + 56px);bottom:0;width:110px;height:auto;fill:none;stroke:var(--wh);stroke-width:1.5}
.flsteps{list-style:none;margin:0;padding:40px 0 0;display:grid;grid-auto-rows:1fr}
.flsteps li{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;padding:16px 0;border-top:1px dashed var(--ln-2);min-height:118px}
.lvl{font-size:.8rem;color:var(--cyan)}
.flsteps h3{font-size:1.55rem;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:var(--mut);transition:color .5s .3s}
.flsteps h3 b{font-size:.78rem;font-weight:500;color:var(--cyan);border:1px solid var(--cyan);padding:1px 6px}
.flsteps li.in h3{color:var(--wh)}
.flsteps p{color:var(--mut);margin-top:6px}

/* Mahalleler: koordinat ızgarası */
.coords{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ln);border-left:1px solid var(--ln)}
.coords li{position:relative;display:flex;align-items:center;gap:14px;padding:18px 40px 18px 18px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);transition:background .25s}
.coords span{flex:none;min-width:36px;text-align:center;font-size:.7rem;color:var(--cyan);border:1px solid var(--cyan);padding:2px 6px}
.coords b{font-family:var(--f-head);font-weight:600;font-size:1.3rem;line-height:1.1}
.coords i{position:absolute;right:16px;top:50%;translate:0 -50%;font-style:normal;color:var(--mut);transition:transform .3s,color .3s}
.coords li:hover{background:rgba(127,227,255,.1)}
.coords li:hover i{transform:rotate(90deg);color:var(--cyan)}
.coords li:first-child{background:rgba(127,227,255,.16)}
.coords li:first-child b{color:var(--cyan)}
.coords li.more{background:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(214,236,255,.07) 8px 9px)}
.coords li.more span{border-style:dashed}
.coords li.more b{color:var(--mut)}

/* SSS ve form */
.qa-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:start}
.faq{counter-reset:r}
.faq details{border-top:1px dashed var(--ln-2)}
.faq details:last-child{border-bottom:1px dashed var(--ln-2)}
.faq summary{display:flex;align-items:center;gap:16px;padding:20px 0;font-family:var(--f-head);font-size:1.3rem;font-weight:600;line-height:1.2}
.faq summary::before{counter-increment:r;content:"R-0" counter(r);flex:none;font:500 .66rem var(--f-mono);color:var(--cyan);border:1px solid var(--cyan);padding:2px 6px}
.faq summary span{flex:1}
.pm{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);transition:transform .35s,background .25s,color .25s}
.pm svg{width:16px;height:16px}
.faq details[open] .pm{transform:rotate(45deg);background:var(--cyan);color:var(--bp-d)}
.faq details p{color:var(--mut);padding:0 0 22px 64px}
#teklif{position:sticky;top:110px;scroll-margin-top:110px}
.f-sheet{padding:28px 26px 0;background:var(--bp-d);box-shadow:inset 0 0 0 1px var(--ln),inset 0 0 0 7px var(--bp-d),inset 0 0 0 8px var(--ln-2)}
.f-sheet .antet{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px -26px 0}
.quote h3{font-size:2rem;font-weight:700;text-transform:uppercase}
.quote .sub{color:var(--mut);margin:6px 0 22px;font-size:.95rem}
.field{display:block;margin-bottom:16px}
.field span{display:block;font:500 .66rem var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:4px}
.field input,.field select{width:100%;font:inherit;padding:10px 4px;border:0;border-bottom:1px solid var(--ln);border-radius:0;background:transparent;color:var(--wh);color-scheme:dark;transition:border-color .25s,background .25s}
.field select option{background:var(--bp-d)}
.field input::placeholder{color:rgba(180,205,238,.6)}
.field input:focus,.field select:focus{outline:0;border-bottom-color:var(--cyan);background:rgba(127,227,255,.07)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quote .btn-wa{width:100%;margin-top:6px}
.quote .note{font:400 .66rem var(--f-mono);color:var(--mut);margin-top:12px;text-align:center}

/* Son çağrı */
.final{padding:120px 0 130px;text-align:center;border-top:1px dashed var(--ln-2);background:radial-gradient(600px 300px at 50% 60%,rgba(127,227,255,.1),transparent 70%)}
.final h2{font-size:clamp(2.6rem,7vw,6rem);font-weight:700;text-transform:uppercase;line-height:.95;margin-top:18px}
.f-dim{display:flex;align-items:center;gap:14px;margin-top:44px;color:var(--cyan)}
.f-dim>span{font-size:.78rem;letter-spacing:.2em}
.f-dim i{position:relative;flex:1;height:1px;background:currentColor;min-width:20px}
.f-dim i:first-of-type::after,.f-dim i:last-of-type::before{content:"";position:absolute;top:-5px;border:5px solid transparent}
.f-dim i:first-of-type::after{right:-2px;border-left:8px solid currentColor;border-right:0}
.f-dim i:last-of-type::before{left:-2px;border-right:8px solid currentColor;border-left:0}
.f-dim a{display:inline-flex;align-items:center;gap:12px;flex:none;font-family:var(--f-head);font-weight:700;font-size:clamp(1.5rem,4vw,2.7rem);color:var(--wh);text-decoration:none;border:1px solid var(--cyan);padding:12px 22px;transition:background .25s,color .25s}
.f-dim a svg{width:.85em;height:.85em;color:var(--cyan)}
.f-dim a:hover{background:var(--cyan);color:var(--bp-d)}
.f-dim a:hover svg{color:var(--bp-d)}

/* Alt bilgi */
.foot{background:var(--bp-d);color:var(--mut);padding:70px 0 30px;border-top:1px solid var(--ln)}
.foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}
.foot .logo{color:var(--wh);margin-bottom:16px}
.foot p{font-size:.93rem;max-width:400px}
.foot h4{font:500 .72rem var(--f-mono);color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.93rem}
.foot a{text-decoration:none}
.foot a:hover{color:var(--cyan)}
.copy{margin-top:46px;padding-top:22px;border-top:1px dashed var(--ln-2);font:400 .74rem var(--f-mono)}
.mbar{background:rgba(10,47,97,.95);border-top:1px solid var(--ln)}
.mbar .btn-call{background:var(--cyan);color:var(--bp-d)}

@media (max-width:1100px){
  .details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .det{min-height:0}
  .bld{grid-template-columns:300px minmax(0,1fr)}
  .tower{margin-right:110px}
  .mini-truck{left:calc(100% + 46px);width:64px}
}
@media (max-width:900px){
  .top .nav{background:var(--bp-d);box-shadow:0 1px 0 var(--ln)}
  .logo{font-size:1.12rem}
  .hero{padding:100px 0 54px}
  .hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "sheet" "photo";gap:40px}
  .h-sheet{padding:12px 12px 0}
  .antet{margin:10px -12px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .antet span:nth-child(3){border-left:0}
  .antet span:nth-child(n+3){border-top:1px solid var(--ln)}
  .xh{display:none}
  .tb-in{grid-template-columns:1fr 1fr}
  .tb-in>div{border-right:1px solid var(--ln);border-left:0;border-bottom:1px solid var(--ln-2)}
  .tb-in>div:nth-child(odd){border-left:1px solid var(--ln)}
  .tb-in>div:first-child{grid-column:1/-1}
  .sec{padding:80px 0}
  .intro-in,.qa-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .legend,#teklif{position:static}
  .w-head{display:block}
  .w-btns{margin:-26px 0 22px}
  .sheet{flex-basis:78%}
  .cuts{gap:8px}
  .cut{padding:4px}
  .cut-l{top:8px;left:8px;font-size:.52rem;padding:2px 4px}
  .cut figcaption{display:none}
  .bld{grid-template-columns:92px minmax(0,1fr);gap:40px}
  .tower{margin-right:0}
  .fl{min-height:0}
  .fl i{display:none}
  .fl span{font-size:.56rem}
  .rail{right:-22px;width:10px}
  .cab{right:-30px;width:26px;height:24px;top:calc(42px + var(--p,0) * (100% - 68px))}
  .cab i{width:10px;height:8px}
  .mini-truck{display:none}
  .flsteps li{grid-template-columns:minmax(0,1fr);align-content:center}
  .flsteps h3{font-size:1.3rem}
  .coords{grid-template-columns:1fr 1fr}
  .coords li{padding:14px 26px 14px 12px;gap:10px}
  .coords b{font-size:1.08rem}
  .coords i{right:8px}
  .faq details p{padding-left:0}
  .f-sheet{padding:22px 16px 0}
  .f-sheet .antet{margin:20px -16px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
  .f-sheet .antet span:nth-child(n+3){border-top:0}
  .f-sheet .antet span:nth-child(3){border-left:1px solid var(--ln)}
  .row2{grid-template-columns:1fr}
  .f-dim{flex-wrap:wrap;justify-content:center}
  .f-dim i,.f-dim>span{display:none}
  .foot-in{grid-template-columns:1fr;gap:34px}
}
@media (max-width:560px){
  .details{grid-template-columns:minmax(0,1fr)}
  .coords span{min-width:0;padding:2px 4px}
}