/* Layout only. Each host supplies its existing colors, type and surface shape. */
body[data-page-key="editron"] { --edt-ink:#171717; --edt-muted:#5b6269; --edt-line:#d9e0e5; --edt-surface:#fff; --edt-soft:#edf2f5; --edt-accent:#3476ed; --edt-radius:12px; }
.editron-landing { --edt-ink:var(--fg); --edt-muted:var(--muted); --edt-line:var(--border); --edt-surface:rgba(255,255,255,.06); --edt-soft:rgba(217,242,255,.07); --edt-accent:var(--accent); --edt-radius:26px; }
.edt-tour { color:var(--edt-ink); }
.edt-flow { position:relative; }
.edt-benefit { margin-top:28px; padding:24px; background:var(--edt-soft); border:1px solid var(--edt-line); border-radius:var(--edt-radius); }
.edt-benefit h3 { font-size:18px; margin:0 0 10px; }
.edt-benefit p { font-size:16px; line-height:1.6; color:var(--edt-muted); margin:0; }
.edt-benefit p+h3 { margin-top:24px; }
.edt-auto-steps { margin:20px 0 0; padding-left:22px; color:var(--edt-muted); }
.edt-auto-steps li { padding-left:5px; margin:0 0 16px; line-height:1.6; font-size:15px; }
.edt-auto-steps b { color:var(--edt-ink); }
.edt-channels a { color:var(--edt-accent); margin-top:14px; line-height:1.5; }
.edt-tour *, .edt-tour *::before, .edt-tour *::after { box-sizing:border-box; }
.edt-tour[id], .edt-tour [id] { scroll-margin-top:110px; }
.edt-heading { margin-bottom:36px; max-width:800px; }
.edt-heading h2 { margin:16px 0 20px; font-size:clamp(30px,3.5vw,48px); line-height:1.1; letter-spacing:-.04em; text-align:left; }
.edt-heading p { margin:0; color:var(--edt-muted); font-size:18px; line-height:1.55; max-width:750px; }
.edt-lanes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.edt-lane { display:flex; flex-direction:column; min-width:0; border:1px solid var(--edt-line); border-radius:var(--edt-radius); background:var(--edt-surface); padding:28px; }
.edt-number { color:var(--edt-accent); font-size:14px; font-weight:600; letter-spacing:.1em; }
.edt-tour h3 { font-size:23px; line-height:1.2; letter-spacing:-.025em; margin:16px 0; }
.edt-lane ol { padding:0; margin:6px 0 24px; list-style:none; counter-reset:stage; }
.edt-lane li { position:relative; padding:0 0 24px 24px; font-size:15px; line-height:1.5; color:var(--edt-muted); }
.edt-lane li::before { content:''; position:absolute; left:2px; top:7px; width:7px; height:7px; border-radius:50%; background:var(--edt-accent); }
.edt-lane li:not(:last-child)::after { content:''; position:absolute; left:5px; top:17px; height:calc(100% - 12px); width:1px; background:var(--edt-line); }
.edt-lane li:last-child { padding-bottom:0; }
.edt-lane b { color:var(--edt-ink); font-weight:600; }
.edt-lane a { margin-top:auto; color:var(--edt-accent); font-size:14px; text-underline-offset:5px; line-height:1.5; }
.edt-join { display:grid; grid-template-columns:repeat(3,1fr); text-align:center; color:var(--edt-accent); font-size:30px; line-height:1.7; }
.edt-destination { text-align:center; background:var(--edt-soft); border:1px solid var(--edt-line); border-radius:var(--edt-radius); padding:26px; }
.edt-flow-label { color:var(--edt-accent); font-size:13px; }
.edt-destination h3 { margin:8px 0; }
.edt-destination p,.edt-distribution p { margin:8px 0 0; color:var(--edt-muted); line-height:1.5; }
.edt-arrow { color:var(--edt-accent); font-size:30px; line-height:1.7; text-align:center; }
.edt-distribution { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:30px; padding:28px; border:1px solid var(--edt-line); border-radius:var(--edt-radius); background:var(--edt-surface); }
.edt-distribution h3 { margin:0 0 12px; }
.edt-side-note { font-size:14px; }
.edt-channels { display:flex; flex-wrap:wrap; gap:8px; }
.edt-channels span { border:1px solid var(--edt-line); border-radius:999px; padding:8px 12px; font-size:14px; }
.edt-channels small { display:block; flex-basis:100%; margin-top:6px; color:var(--edt-muted); font-size:13px; line-height:1.5; }
.edt-report-link { display:block; margin-top:24px; padding:18px 0; border-top:1px solid var(--edt-line); color:var(--edt-accent); line-height:1.6; text-underline-offset:5px; }
.edt-section-nav { display:flex; flex-wrap:wrap; gap:12px 28px; }
.edt-section-nav a { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:var(--edt-ink); text-decoration:none; border-bottom:1px solid var(--edt-line); }
.edt-section-nav a span { color:var(--edt-accent); font-size:13px; }
.edt-detail { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:start; }
.edt-copy,.edt-media { min-width:0; }
.edt-copy .edt-heading { margin-bottom:26px; }
.edt-points { margin:0; }
.edt-points>div { padding:18px 0; border-top:1px solid var(--edt-line); }
.edt-points dt { font-size:17px; font-weight:600; margin-bottom:7px; }
.edt-points dd { margin:0; color:var(--edt-muted); font-size:16px; line-height:1.6; }
.edt-action { padding:18px 0 0; margin:8px 0 0; border-top:1px solid var(--edt-line); font-size:15px; line-height:1.6; color:var(--edt-muted); }
.edt-action b { color:var(--edt-ink); }
.edt-shot { margin:0; min-width:0; }
.edt-device { position:relative; width:100%; aspect-ratio:800/489; }
.edt-device-screen { position:absolute; left:9.125%; top:3.4764826176%; width:81.75%; height:86.5030674847%; border-radius:0; background:transparent; overflow:hidden; }
.edt-device-screen img { width:100%; height:100%; object-fit:contain; }
.edt-device>img { position:relative; display:block; width:100%; height:auto; z-index:1; }
.edt-shot figcaption { padding:18px 0 0; color:var(--edt-muted); font-size:14px; line-height:1.5; }
.edt-shot figcaption strong { display:block; font-size:16px; color:var(--edt-ink); font-weight:600; }
.edt-shot figcaption span { display:block; margin-top:6px; }
.edt-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px 56px; margin-top:48px; padding-top:32px; border-top:1px solid var(--edt-line); }
.edt-gallery>.edt-shot:last-child:nth-child(odd) { max-width:560px; }
.edt-note { margin:20px 0 0; color:var(--edt-muted); font-size:14px; line-height:1.6; }
.edt-observation { margin-top:26px; padding-top:22px; border-top:1px solid var(--edt-line); }
.edt-observation strong { display:block; font-size:clamp(20px,2.2vw,28px); letter-spacing:-.025em; line-height:1.3; }
.edt-observation span { display:block; color:var(--edt-muted); font-size:14px; margin-top:8px; }
.edt-mini { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:32px; padding:26px 0 0; margin:36px 0 0; border-top:1px solid var(--edt-line); }
.edt-mini li { position:relative; padding-right:30px; font-size:16px; line-height:1.5; }
.edt-mini li:not(:last-child)::after { content:'→'; position:absolute; right:0; color:var(--edt-accent); }
.edt-pricing { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.edt-pricing article { padding:32px; background:var(--edt-soft); border-radius:var(--edt-radius); }
.edt-pricing article>p { line-height:1.6; }
.edt-pricing .edt-price { font-size:36px; font-weight:600; letter-spacing:-.03em; }
.edt-price span { font-size:16px; font-weight:400; letter-spacing:0; }
.edt-pricing .button { margin-top:16px; }
.editron-landing .hero h1 { font-size:clamp(42px,5vw,68px); line-height:1.04; }
.editron-landing .edt-tour .edt-heading h2 { font-size:clamp(30px,3.5vw,48px); }
.editron-landing .edt-tour .eyebrow { margin-bottom:0; }
.editron-landing .edt-tour .edt-heading p { font-size:18px; }
.editron-landing .edt-tour a:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
body[data-page-key="editron"] .edt-hero-shot { padding:0; display:flex; align-items:center; align-self:stretch; min-height:0; background:transparent; border-radius:0; overflow:visible; }
body[data-page-key="editron"] .edt-hero-shot::before,
body[data-page-key="editron"] .edt-hero-shot::after { display:none; }
.edt-hero-shot .edt-shot { width:100%; }
body[data-page-key="editron"] .orn-page-hero .hero-copy>p { max-width:100%; }
@media (min-width:901px) {
  body[data-page-key="editron"] .orn-page-hero .orn-hero-grid { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:center; gap:32px; }
  body[data-page-key="editron"] .orn-page-hero .hero-copy h1 { font-size:clamp(42px,4.1vw,60px); }
}
@media (max-width:960px) {
  .edt-detail { gap:32px; }
  .edt-lane { padding:22px; }
  .edt-lanes { gap:12px; }
  .edt-tour h3 { font-size:21px; }
}
@media (max-width:760px) {
  .edt-lanes,.edt-detail,.edt-distribution,.edt-pricing,.edt-gallery { grid-template-columns:1fr; }
  .edt-lanes { gap:20px; }
  .edt-lane { padding:24px; }
  .edt-lane h3 { margin-top:10px; }
  .edt-lane ol { margin-bottom:18px; }
  .edt-join { display:block; }
  .edt-join span:not(:first-child) { display:none; }
  .edt-heading { margin-bottom:28px; }
  .edt-mini { grid-template-columns:1fr; gap:30px; }
  .edt-mini li:not(:last-child)::after { content:'↓'; left:0; right:auto; bottom:-26px; }
  .edt-section-nav { gap:10px 20px; }
  .edt-gallery { gap:36px; }
  .edt-pricing article { padding:24px; }
  .editron-landing .orbital { order:0; height:340px; }
  .edt-tour[id],.edt-tour [id] { scroll-margin-top:90px; }
}
@media (prefers-reduced-motion:reduce) { html:has(> .editron-landing) { scroll-behavior:auto; } }

/* Static overview: all three source paths remain visible. */
.edt-flow .edt-lanes { gap:24px; }
.edt-flow .edt-lane { padding:28px 24px; background:transparent; border-radius:12px; box-shadow:none; }
.edt-flow .edt-number { font-size:11px; letter-spacing:.08em; }
.edt-flow .edt-lane h3 { margin:14px 0 24px; font-size:23px; }
.edt-flow .edt-lane li { padding:0 0 22px 20px; line-height:1.65; }
.edt-flow .edt-lane li::before { width:5px; height:5px; top:9px; }
.edt-flow .edt-lane li:not(:last-child)::after { left:4px; top:19px; }
.edt-flow .edt-lane a { padding-top:18px; border-top:1px solid var(--edt-line); }
.edt-flow .edt-join,.edt-flow .edt-arrow { color:var(--edt-muted); font-size:24px; padding:12px 0; }
.edt-flow .edt-destination { border:0; border-top:1px solid var(--edt-line); border-bottom:1px solid var(--edt-line); border-radius:0; background:transparent; padding:30px max(24px,5%); }
.edt-flow .edt-destination h3 { font-size:28px; }
.edt-flow .edt-destination p { max-width:850px; margin:12px auto 0; }
.edt-flow .edt-distribution { grid-template-columns:1fr; gap:20px; padding:32px; }
.edt-flow .edt-distribution h3 { font-size:28px; max-width:700px; }
.edt-flow .edt-auto-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 40px; list-style:none; padding:0; counter-reset:distribution; }
.edt-flow .edt-auto-steps li { counter-increment:distribution; margin:0; padding:0 0 0 34px; position:relative; }
.edt-flow .edt-auto-steps li::before { content:counter(distribution,decimal-leading-zero); position:absolute; left:0; top:3px; color:var(--edt-accent); font-size:12px; }
.edt-flow .edt-channels { border-top:1px solid var(--edt-line); padding-top:22px; align-items:center; }
.edt-flow .edt-channels small { max-width:800px; }
.edt-flow .edt-channels a { font-size:14px; }

.edt-flow .edt-distribution { background:transparent; border-radius:12px; }
@media (max-width:960px) { .edt-flow .edt-lanes { gap:14px; } .edt-flow .edt-lane { padding:24px 18px; } }
@media (max-width:760px) {
  .edt-flow .edt-lanes { gap:20px; }
  .edt-flow .edt-lane { padding:24px; }
  .edt-flow .edt-auto-steps { grid-template-columns:1fr; gap:22px; }
  .edt-flow .edt-distribution { padding:24px 20px; }
  .edt-flow .edt-distribution h3,.edt-flow .edt-destination h3 { font-size:24px; }
  .edt-flow .edt-destination { padding:24px 0; }
}

/* Real product captures retain their proportions inside the device screen. */
/* Kirpma CSS'e tasindi (bkz. editron-tour.mjs / editronScreenshot).
   Kare mutlak konumlu ve ekran kutusundan BUYUK; .edt-device-screen'in
   overflow:hidden'i kirpiyor. max-width:none sart — global img{max-width:100%}
   buyutulmus kareyi kucultup kirpmayi bozar. */
.edt-device-screen img.edt-capture { position:absolute; display:block; max-width:none; }
.edt-device-screen svg.edt-capture { display:block; width:100%; height:100%; }
.edt-device-screen .edt-capture-mark { position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; }
.edt-capture-focus { pointer-events:none; }
.edt-shot .edt-capture-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--edt-accent); font-size:13px; text-underline-offset:4px; }
.edt-shot .edt-capture-link span { display:inline; margin:0; }


/* Screenshot inspection opens above the page without shifting its layout. */
.edt-device .edt-preview-trigger { position:absolute; inset:0; z-index:2; width:100%; border:0; padding:0; background:transparent; cursor:pointer; border-radius:12px; }
.edt-preview-trigger:focus-visible { outline:3px solid var(--edt-accent); outline-offset:5px; }
.edt-preview { width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:24px; border:0; background:transparent; overflow:hidden; color:#fff; }
.edt-preview[open] { display:grid; place-items:center; }
.edt-preview::backdrop { background:rgba(12,17,24,.48); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.edt-preview-panel { width:min(1120px,75.2vw,calc((100dvh - 120px) * 1.3088)); min-width:0; }
.edt-preview-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 5% 18px; font-family:inherit; font-size:16px; font-weight:500; line-height:1.4; }
.edt-preview-bar strong { font-size:16px; font-weight:600; }
.edt-preview-bar button { flex-shrink:0; min-height:44px; padding:10px 18px; border:1px solid #ffffff70; border-radius:999px; background:#18212e; color:#fff; font:inherit; cursor:pointer; }
.edt-preview-bar button:focus-visible { outline:2px solid #8edbff; outline-offset:3px; }
.edt-preview-body .edt-device { transform-origin:top left; }
.edt-preview-body { filter:none; }
@media(max-width:760px) {
  .edt-preview { padding:12px; }
  .edt-preview-panel { width:76.8vw; }
  .edt-preview-bar { margin:0 2% 16px; gap:12px; }
  .edt-preview-bar strong { font-size:14px; }
}


.edt-preview::backdrop { background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; }
.edt-preview-shade { position:absolute; inset:0; background:#0c11187a; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); will-change:opacity; }
.edt-preview-panel { position:relative; will-change:transform,opacity; backface-visibility:hidden; transform-origin:center; }
.edt-cursor-pill { position:absolute; left:0; top:0; z-index:3; padding:8px 11px; border-radius:999px; background:rgba(250,250,250,.82); color:#171717; backdrop-filter:blur(12px); box-shadow:0 5px 14px rgba(0,0,0,.10); font-family:inherit; font-size:10px; font-weight:750; white-space:nowrap; opacity:0; pointer-events:none; transform:translate(-50%,-50%) scale(.9); transition:opacity .18s,scale .2s cubic-bezier(.2,.75,.25,1); }
@media(hover:hover) and (pointer:fine) { .edt-preview-trigger:hover .edt-cursor-pill { opacity:1; scale:1; } }
.edt-preview-trigger:focus-visible .edt-cursor-pill { opacity:1; left:50%; top:50%; transform:translate(-50%,-50%) !important; }

/* Center the laptop itself against the hero copy, excluding its caption. */
@media (min-width:901px) {
  body[data-page-key="editron"] .edt-hero-shot .edt-shot { position:relative; }
  body[data-page-key="editron"] .edt-hero-shot figcaption { position:absolute; top:100%; left:0; width:100%; }
}

/* One uninterrupted laptop movement; no fading image and no blurred backdrop. */
.edt-preview-shade { background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; }
.edt-preview-body .edt-device { transform-origin:top left; will-change:transform; backface-visibility:hidden; }
.edt-preview-bar { color:#171717; background:rgba(255,255,255,.94); border-radius:16px; padding:8px 12px; }

/* Give the landing hero laptop more space and bring it toward the copy. */
@media (min-width:961px) {
  .editron-landing .hero { grid-template-columns:minmax(0,1.02fr) minmax(0,1fr); gap:36px; align-items:center; }
  .editron-landing .edt-landing-hero-media { min-width:0; align-self:center; }
  .editron-landing .edt-landing-hero-media .edt-shot { position:relative; width:100%; }
  .editron-landing .edt-landing-hero-media figcaption { position:absolute; top:100%; left:0; width:100%; }
}

/* Match the viewer toolbar to Editron's dark landing theme. */
.editron-landing .edt-preview-bar { color:var(--fg); background:rgba(18,21,29,.97); border:1px solid var(--border); }
.editron-landing .edt-preview-bar button { background:rgba(255,255,255,.06); border-color:var(--border); color:var(--fg); }
.editron-landing .edt-preview-bar button:hover { background:rgba(217,242,255,.12); }

/* Hero'daki konumlandirma cumlesi — rakiplerden ayrimi ilk ekranda soyler. */
.edt-positioning { display:block; margin:0 0 12px; font-weight:600; color:var(--edt-ink,inherit); }
/* Karar ozeti: hero'nun hemen altinda ne/neye baglanir/ne kadar. Detay asagida aynen kalir. */
.edt-tour.edt-quick-tight { padding-top:0; }
.edt-quick { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center;
  padding:28px; border:1px solid var(--edt-line); border-radius:var(--edt-radius); background:var(--edt-soft); }
.edt-quick-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; }
.edt-quick-list dt { font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--edt-accent); }
.edt-quick-list dd { margin:8px 0 0; font-size:15px; line-height:1.55; color:var(--edt-muted); }
.edt-quick-act { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.edt-quick-site, .edt-quick-more { color:var(--edt-accent); font-size:14px; line-height:1.4; text-underline-offset:5px; }
@media (max-width:900px) {
  .edt-quick { grid-template-columns:1fr; gap:22px; }
  .edt-quick-list { grid-template-columns:1fr; gap:18px; }
}

/* Shared screenshot inspection controls for Editron and Ornİnşaat. */
.ins-zoom-tools { display:flex; align-items:center; gap:6px; margin-left:auto; }
.ins-zoom-tools[hidden] { display:none; }
.edt-preview .ins-zoom-tools button { padding:8px 12px; font-size:13px; }
.ins-zoom-layer { position:absolute; inset:0; transform-origin:center; }
.edt-preview .edt-device-screen { z-index:2; }
.edt-preview .edt-device-screen { cursor:zoom-in; touch-action:none; }
.edt-preview .edt-device-screen.ins-can-pan:active { cursor:grabbing; }
.edt-preview .edt-device-screen:focus-visible { outline:2px solid #e97628; outline-offset:-2px; }
@media(max-width:1000px) { .edt-preview .edt-preview-bar { flex-wrap:wrap; gap:8px; } .ins-zoom-tools { order:3; width:100%; margin:0; justify-content:center; } }

.ins-zoom-pair { display:flex; gap:4px; align-items:center; }
.edt-preview .ins-zoom-pair button { display:grid; place-items:center; width:44px; height:44px; padding:0; }
.edt-preview .ins-zoom-pair button:disabled { opacity:.4; cursor:default; }
/* Fit the full-size laptop and its toolbar within the available viewport. */
.edt-preview:not(.ins-preview-phone) { padding:12px; }
.edt-preview:not(.ins-preview-phone) .edt-preview-panel { width:min(calc(100vw - 32px),calc((100dvh - 112px) * 1.63599182)); }
@media(max-width:1000px) {
 .edt-preview:not(.ins-preview-phone) .edt-preview-panel { width:min(calc(100vw - 32px),calc((100dvh - 164px) * 1.63599182)); }
}

.edt-preview.edt-preview-returning { position:fixed; inset:0; z-index:2147483647; pointer-events:none; }
.edt-preview-returning * { pointer-events:none !important; }