/* Dörtyol material and motion system. Content stays on readable surfaces. */
:root{--dgm-glass:rgba(255,255,255,.80);--dgm-glass-dense:rgba(255,255,255,.94);--dgm-edge:rgba(255,255,255,.92);--dgm-material-line:#ccdeed;--dgm-motion:cubic-bezier(.32,.72,0,1);--dgm-fast:180ms;--dgm-open:320ms;--dgm-radius:24px;--dgm-text:#173b60;--dgm-signal:#2987d6}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;isolation:isolate;background:#f5f9fd}#site-shell{position:relative;z-index:1}.dgm-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 12% 28%,#b6d8fa28,transparent 55%),radial-gradient(ellipse at 90% 65%,#a3d1fa2c,transparent 50%)}.dgm-atmosphere::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#6c9eca09 1px,transparent 1px),linear-gradient(90deg,#6c9eca09 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent,#000 30%,#000 80%,transparent)}.dgm-atmosphere svg{position:absolute;inset:0;width:100%;height:100%;opacity:.4}.dgm-atmosphere path{fill:none;stroke:#7bb6e4;stroke-width:.7}.dgm-atmosphere .signal{stroke:#248be3;stroke-width:1.5;stroke-dasharray:12 1300;animation:dgm-signal 19s linear infinite}.dgm-atmosphere .signal:nth-child(2){animation-delay:-7s}.dgm-atmosphere .signal:nth-child(3){animation-delay:-13s}.dgm-atmosphere circle{fill:#498fd4;opacity:.3}.dgm-atmosphere .ambient-light{position:absolute;width:min(750px,100vw);height:min(750px,100vw);border-radius:50%;background:radial-gradient(circle,#9bcbf52b,transparent 68%);right:-18%;top:10%;animation:dgm-atmosphere 24s ease-in-out infinite alternate}
.header{background:var(--dgm-glass);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);box-shadow:inset 0 1px 0 var(--dgm-edge),0 8px 35px #1439580a;transition:background var(--dgm-fast),box-shadow var(--dgm-fast)}.header.is-scrolled{background:rgba(251,254,255,.90);box-shadow:inset 0 1px 0 #fff,0 10px 35px #14395815}.header>.header-utility{background:#eaf3fbab}.header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#7aaedf55 34%,#318ddd 48%,#bde9ff 50%,#318ddd 52%,#7aaedf55 66%,transparent 100%);background-size:230% 100%;animation:dgm-header-light 9s ease-in-out infinite}.header .mega-panel{background:var(--dgm-glass-dense);border-radius:var(--dgm-radius);border-color:var(--dgm-material-line);box-shadow:inset 0 1px 0 #fff,0 24px 65px #153d6422;backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%)}.header .nav-dropdown[open]>.mega-panel{animation:dgm-panel-in var(--dgm-open) var(--dgm-motion) both;transform-origin:top right}.header #navigation>a,.header #navigation .nav-dropdown>summary{transition:background var(--dgm-fast),color var(--dgm-fast),box-shadow var(--dgm-fast)}.header #navigation .nav-contact{border-radius:12px;box-shadow:inset 0 1px 0 #ffffff38,0 6px 20px #1d5b9030}.header .mega-service-grid>a:hover{box-shadow:inset 0 1px 0 #fff,0 7px 20px #163f6408}.header .mega-service-grid>a:hover svg{transform:translateY(-2px)}.header .mega-service-grid svg{transition:transform var(--dgm-open) var(--dgm-motion)}
.dgm-sound{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:8px 10px;border:1px solid #ccdfef;border-radius:12px;background:#ffffffa6;box-shadow:inset 0 1px 0 #fff;color:#315b80;font-size:11px;white-space:nowrap;flex-shrink:0}.dgm-sound svg{width:17px;height:17px}.dgm-sound[aria-pressed=true]{background:#e0effb;color:#185f98;border-color:#9ec7e6}.dgm-sound[aria-pressed=true] .sound-slash{display:none}.dgm-sound:hover{box-shadow:inset 0 1px 0 #fff,0 4px 14px #246dad12}.dgm-sound-status{font-size:10px;color:#426586}.nav-glider{position:absolute;pointer-events:none;left:0;top:0;width:var(--glider-w,0px);height:var(--glider-h,44px);transform:translate(var(--glider-x,0px),var(--glider-y,0px));border:1px solid #87b9e4;border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 0 20px #448ed321;opacity:0;transition:transform 260ms var(--dgm-motion),width 260ms var(--dgm-motion),height 260ms var(--dgm-motion),opacity 180ms;z-index:2}.nav-glider.is-active{opacity:1}
.button{border-radius:12px;transition:background var(--dgm-fast),box-shadow var(--dgm-fast),transform var(--dgm-fast)}.button:active{transform:scale(.985)}.primary{box-shadow:inset 0 1px 0 #ffffff2e,0 8px 24px #173b6321}.trade-world-controls{border-radius:16px}.trade-world-controls button{background:#ffffffb8;box-shadow:inset 0 1px 0 #fff}.trade-world{box-shadow:inset 0 1px 0 #ffffffdb,0 15px 45px #173b6407}.mobile-contact-bar{border:1px solid #cfdfed!important;box-shadow:inset 0 1px 0 #fff,0 10px 40px #123b6425;background:#ffffffdf!important;border-radius:22px!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;padding:8px!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(min-width:1201px){.header #navigation{position:relative}.header .site-search-trigger{margin-left:auto}}
@media(max-width:1200px){.dgm-sound-label{display:none}.header .header-utility>.container{gap:10px}.header .language-switch{margin-left:auto}.header #navigation.open{animation:dgm-panel-in var(--dgm-open) var(--dgm-motion) both}.nav-glider{display:none}.header #navigation{background:var(--dgm-glass-dense);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}}
@media(max-width:700px){body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.dgm-atmosphere svg{opacity:.25}.dgm-atmosphere::before{background-size:70px 70px}.header .language-switch a{min-height:44px}.header .site-search-trigger{padding:5px 0;font-size:11px}.header .header-utility>.container{min-height:54px}.header .mega-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.dgm-sound{padding:8px}.dgm-sound-status{display:none}}
@supports not (backdrop-filter:blur(1px)){.header,.header .mega-panel,.header #navigation.open,.mobile-contact-bar{background:#fafdff!important}}
@keyframes dgm-signal{to{stroke-dashoffset:-1312}}
@keyframes dgm-atmosphere{from{transform:translate(0,-4%)}to{transform:translate(-15%,16%)}}
@keyframes dgm-header-light{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
@keyframes dgm-panel-in{from{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}
@view-transition{navigation:auto}
.header{view-transition-name:dgm-header}
::view-transition-old(root){animation:180ms ease-out both dgm-page-out}::view-transition-new(root){animation:260ms var(--dgm-motion) both dgm-page-in}::view-transition-old(dgm-header),::view-transition-new(dgm-header){animation:none}
@keyframes dgm-page-out{to{opacity:0}}@keyframes dgm-page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-transparency:reduce){.header,.header .mega-panel,.header #navigation.open,.mobile-contact-bar{background:#fafdff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){.dgm-atmosphere .signal,.dgm-atmosphere .ambient-light,.header::after{animation:none}.header .nav-dropdown[open]>.mega-panel,.header #navigation.open{animation:none}.nav-glider,.button,.header .mega-service-grid svg{transition:none}.button:active{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}@view-transition{navigation:none}}

.dgm-page-hidden .dgm-atmosphere *,.dgm-page-hidden .header::after{animation-play-state:paused}