/* Dört Yol açılışı (yalnız masaüstü, ana sayfa, oturum başına bir kez, ~2,9 sn).
   Karanlıktan aydınlığa: 8 sektörün hammaddeleri dört yoldan İskenderun'da buluşur, ışık siteyi açar. */
.dgm-opening{position:fixed;inset:0;z-index:2147483000;overflow:hidden;background:radial-gradient(120% 90% at 50% 50%,#0b2340 0%,#061428 55%,#020912 100%);color:#e8f3ff;cursor:pointer;animation:dgm-op-out .45s 2.45s ease forwards}
.dgm-opening svg.dgm-op-map{position:absolute;inset:0;width:100%;height:100%}
.dgm-op-road{fill:none;stroke:url(#dgm-op-road);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px #4aa8ff88);animation:dgm-op-draw .8s cubic-bezier(.32,.72,0,1) forwards}
.dgm-op-road:nth-of-type(2){animation-delay:.1s}.dgm-op-road:nth-of-type(3){animation-delay:.2s}.dgm-op-road:nth-of-type(4){animation-delay:.3s}
.dgm-op-lane{fill:none;stroke:#9fd3ff;stroke-width:.8;stroke-dasharray:.012 .018;opacity:0;animation:dgm-op-fade .4s .7s ease forwards}
.dgm-op-item path,.dgm-op-item circle,.dgm-op-item ellipse,.dgm-op-item rect{fill:none;stroke:#d8ecff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dgm-op-item .dgm-op-halo{fill:#4aa8ff22;stroke:#7cc0ff66;stroke-width:1}
.dgm-op-item text{fill:#b9dcfb;font:700 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:1.6px;text-anchor:middle}
.dgm-op-core{position:absolute;z-index:1;left:50%;top:50%;display:grid;justify-items:center;gap:16px;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.dgm-op-mark{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,#e9f3fd);box-shadow:0 0 0 1px #ffffffaa,0 0 40px 6px #4aa8ff66,0 0 120px 30px #2987d633;opacity:0;transform:scale(.4);animation:dgm-op-mark .6s 1.35s cubic-bezier(.32,.72,0,1.2) forwards}
.dgm-op-mark img{width:62px;height:62px;border-radius:14px}
.dgm-op-name{font:800 clamp(20px,2.1vw,30px)/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:3px;color:#fff;opacity:0;transform:translateY(8px);animation:dgm-op-rise .5s 1.6s ease forwards,dgm-op-ink .5s 1.95s ease forwards}
.dgm-op-line{font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.4px;color:#bcdcff;opacity:0;animation:dgm-op-rise .5s 1.75s ease forwards,dgm-op-ink2 .5s 1.95s ease forwards}
.dgm-op-stats{font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:2.4px;color:#7fb6e8;opacity:0;animation:dgm-op-rise .5s 1.85s ease forwards,dgm-op-ink2 .5s 1.95s ease forwards}
.dgm-op-light{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#ffffff 0%,#f5f9fd 45%,#eaf3fb 100%);clip-path:circle(0% at 50% 50%);animation:dgm-op-light .75s 1.9s cubic-bezier(.65,0,.35,1) forwards}
.dgm-op-skip{position:absolute;top:22px;right:26px;z-index:2;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #ffffff40;background:#ffffff14;color:#dbeeff;font:600 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.6px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.dgm-op-skip:focus-visible{outline:3px solid #7cc0ff;outline-offset:3px}
.dgm-opening.is-leaving{animation:dgm-op-out .3s ease forwards}
@keyframes dgm-op-draw{to{stroke-dashoffset:0}}
@keyframes dgm-op-fade{to{opacity:.55}}
@keyframes dgm-op-mark{to{opacity:1;transform:scale(1)}}
@keyframes dgm-op-rise{to{opacity:1;transform:none}}
@keyframes dgm-op-ink{to{color:#132f4f}}
@keyframes dgm-op-ink2{to{color:#3a78b3}}
@keyframes dgm-op-light{to{clip-path:circle(150% at 50% 50%)}}
@keyframes dgm-op-out{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.dgm-opening{display:none}}
html.dgm-op-pending{background:#061428}
html.dgm-op-pending body{visibility:hidden;animation:dgm-op-reveal 0s 3s forwards}
@keyframes dgm-op-reveal{to{visibility:visible}}