body[data-page-key="baks-construction"],.orninsaat-landing { --edt-ink:#171717; --edt-muted:#5b6269; --edt-line:#dce1e5; --edt-surface:#fff; --edt-soft:#f2f4f5; --edt-accent:#4a5a70; --edt-radius:12px; }
.ins-hero .ins-hero-media { padding:0; min-height:0; align-self:center; background:transparent; overflow:visible; border:0; box-shadow:none; }
.ins-hero .ins-hero-media::before,.ins-hero .ins-hero-media::after { display:none; }
.ins-hero .hero-copy>p { max-width:100%; }
.ins-hero-media .edt-shot { width:100%; }
.ins-hero .hero-copy h1 { font-size:clamp(40px,4.1vw,60px); }
.ins-problem { font-size:15px; line-height:1.6; color:var(--edt-muted); border-left:2px solid var(--edt-line); padding-left:18px; margin:0 0 26px; }
.ins-hooks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; }
.ins-hooks>a { color:var(--edt-ink); text-decoration:none; border-top:1px solid var(--edt-line); padding:26px 0; }
.ins-hooks h3 { margin-top:0; }
.ins-hooks p { font-size:16px; line-height:1.6; color:var(--edt-muted); }
.ins-hooks a>span { display:block; font-size:13px; margin-top:20px; color:var(--edt-accent); }
.ins-nav { display:flex; flex-wrap:wrap; gap:8px 26px; padding-top:32px; padding-bottom:32px; }
.ins-nav a { display:flex; align-items:center; gap:9px; min-height:44px; text-decoration:none; font-size:14px; color:var(--edt-ink); border-bottom:1px solid var(--edt-line); }
.ins-nav a span { font-size:11px; color:var(--edt-muted); }
.ins-module .edt-detail { align-items:center; }
.ins-module .edt-media { width:100%; }
.ins-shot .edt-device-screen { background:#0f1217; }
.ins-preview .edt-device-screen { background:#0f1217; }
.ins-shot figcaption .ins-capture-label { font-size:12px; color:var(--edt-muted); }
.ins-phone { width:min(100%,270px); margin-inline:auto; }
.ins-phone .edt-device { aspect-ratio:388/800; }
.ins-phone .edt-device-screen { inset:1.1% 3.1% 1.1% 3.1%; width:auto; height:auto; border-radius:15% / 7%; }
.ins-phone .edt-device>img { width:100%; }
.ins-phone .edt-preview-trigger { border-radius:14% / 7%; }
.ins-phone-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.ins-gallery>.ins-phone { max-width:250px; }
.ins-gallery>.edt-shot:last-child:nth-child(odd) { max-width:100%; }
.ins-gallery>.ins-phone:last-child:nth-child(odd) { max-width:250px; }
.ins-details { border-top:1px solid var(--edt-line); border-bottom:1px solid var(--edt-line); margin-top:32px; padding:0; }
.ins-details summary { display:flex; justify-content:space-between; align-items:center; gap:20px; list-style:none; padding:20px 0; cursor:pointer; color:var(--edt-ink); font-size:16px; font-weight:600; }
.ins-details summary::-webkit-details-marker { display:none; }
.ins-details summary>span { font-size:24px; font-weight:400; }
.ins-details[open] summary>span { transform:rotate(45deg); }
.ins-details p { color:var(--edt-muted); font-size:16px; line-height:1.65; padding-bottom:20px; }
.ins-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; padding-bottom:16px; }
.ins-faq { max-width:960px; }
.ins-cta-links { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.ins-faq .ins-details { margin-top:0; border-bottom:0; }
body[data-page-key="baks-construction"] .edt-preview-bar { color:#171717; background:#f4f5f6; border:1px solid #dce1e5; }
body[data-page-key="baks-construction"] .edt-preview-bar button { background:#fff; color:#171717; border-color:#dce1e5; }
.edt-preview.ins-preview-phone { padding:12px; }
.edt-preview.ins-preview-phone .edt-preview-panel { width:min(900px,calc(100vw - 32px)); }
.ins-preview-phone .edt-preview-body { width:min(460px,calc((100dvh - 116px) * .485)); margin-inline:auto; }
.ins-preview-phone .edt-preview-body .edt-device { aspect-ratio:388/800; }
.ins-preview-phone .edt-device-screen { inset:1.1% 3.1%; width:auto; height:auto; border-radius:15% / 7%; }
.ins-preview-phone .edt-preview-bar { margin:0 0 14px; font-size:13px; }
.ins-preview-phone .edt-preview-bar strong { font-size:13px; }
.ins-preview-phone .edt-preview-bar button { font-size:12px; padding:8px 12px; }
@media(max-width:1000px) { .ins-preview-phone .edt-preview-body { width:min(460px,calc((100dvh - 164px) * .485)); } }
.ins-tour a:focus-visible,.ins-nav a:focus-visible,.ins-details summary:focus-visible { outline:2px solid var(--edt-accent); outline-offset:5px; }
@media(min-width:901px) { .ins-hero .orn-hero-grid { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:36px; align-items:center; } .ins-hero-media .edt-shot { position:relative; } .ins-hero-media figcaption { position:absolute; top:100%; left:0; } }
@media(max-width:900px) { .ins-module .edt-detail { gap:28px; } .ins-phone { max-width:230px; } }
@media(max-width:760px) { .ins-hooks,.ins-detail-grid { grid-template-columns:1fr; } .ins-phone-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 18px; } .ins-phone { width:min(100%,260px); } .ins-phone-gallery figcaption strong { font-size:14px; } .ins-hero-media { margin:28px 0 0; } .ins-module .edt-media { margin-top:12px; } .ins-nav { padding-top:18px; padding-bottom:18px; gap:8px 18px; } }
@media(prefers-reduced-motion:reduce) { .ins-details summary>span { transition:none; } }

/* Fill real device apertures without stretching or artificial edge padding. */
.ins-captured .edt-device-screen .ins-capture,.ins-preview .edt-device-screen .ins-capture { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.ins-capture-focus { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.ins-shot[data-screenshot="rapor-pdf"] .ins-capture { object-position:center top; }
.ins-preview .ins-capture[src$="rapor-pdf.png"] { object-position:center top; }
/* Release the compositing layer after animation so text rasterizes at its final size. */
.ins-preview .edt-preview-body .edt-device { will-change:auto; backface-visibility:visible; }
/* Match the laptop's aperture to the original 16:10 captures. Only the frame
   changes proportions; screenshots retain their complete, undistorted pixels. */
.ins-shot:not(.ins-phone) .edt-device,
.ins-preview:not(.ins-preview-phone) .edt-preview-body .edt-device { aspect-ratio:800/472.605504587; }
.ins-shot:not(.ins-phone) .edt-device>img,
.ins-preview:not(.ins-preview-phone) .edt-preview-body .edt-device>img { position:absolute; inset:0; width:100%; height:100%; }
/* Larger inspection device only on Ornİnşaat, while retaining the full capture. */
.ins-preview:not(.ins-preview-phone) { padding:12px; }
.ins-preview:not(.ins-preview-phone) .edt-preview-panel { width:min(calc(100vw - 32px),calc((100dvh - 112px) * 1.692743119)); }
@media(max-width:1000px) {
 .ins-preview:not(.ins-preview-phone) .edt-preview-panel { width:min(calc(100vw - 32px),calc((100dvh - 164px) * 1.692743119)); }
}

/* Keep the physical bezel above the screenshot, including during zoom/pan.
   Cercevenin KENDI centigi geri getirildi (kullanici istegi): eskiden maskeyle
   deliniyordu cunku ekran goruntusunde de Dynamic Island var; artik cerceveninki
   gorunuyor ve ekran goruntusundeki kendi centigini ortuyor. Kiduca'da zaten
   boyle bir maske yoktu, yalniz bu sayfa farkliydi. */
.ins-phone .edt-device-screen,
.edt-preview.ins-preview-phone .edt-device-screen { z-index:0; border-radius:18% / 8.5%; isolation:isolate; }
.ins-phone .edt-device>img,
.ins-preview-phone .edt-device>img { position:absolute; inset:0; width:100%; height:100%; z-index:3; pointer-events:none; }