@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/jbm-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/jbm-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/jbm-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/jbm-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


body{margin:0;background:#05070B}
html{scroll-behavior:auto}
a{color:#C4C9D0}a:hover{color:#FFFFFF}
.vx *{box-sizing:border-box}
@keyframes vxSheen{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes vxBreathe{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.14);opacity:.95}}
@keyframes vxScan{0%{transform:translateY(-40px);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateY(900px);opacity:0}}
@keyframes vxMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes vxPulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}
@keyframes vxRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes vxTravel{0%{left:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
@keyframes vxGlow{0%,100%{opacity:.25}50%{opacity:.9}}
.vx-sheen{background-image:linear-gradient(100deg,#7A8088 0%,#F4F6F8 20%,#9AA1A9 38%,#ECEFF2 56%,#80878F 76%,#E2E5E9 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vxSheen 10s linear infinite}
.vx-breathe{animation:vxBreathe 6s ease-in-out infinite}
.vx-scan{animation:vxScan 8s cubic-bezier(.6,0,.4,1) infinite}
.vx-marquee{animation:vxMarquee 40s linear infinite}
.vx-pulse{animation:vxPulse 1.8s ease-in-out infinite}
.vx-rise{opacity:0;animation:vxRise 1s cubic-bezier(.2,.7,.2,1) forwards}
.vx-travel{animation:vxTravel 5.5s cubic-bezier(.6,0,.4,1) infinite}
.vx-glow{animation:vxGlow 4s ease-in-out infinite}
.vx-card{transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .5s,background-color .5s}
.vx-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.3)!important;background-color:#17171A!important}
.vx-proj{transition:transform .7s cubic-bezier(.2,.7,.2,1),border-color .7s}
.vx-proj:hover{transform:scale(1.015);border-color:rgba(255,255,255,.32)!important}
.vx-btn{transition:background-color .3s,color .3s,border-color .3s,transform .3s}
.vx-btn:hover{transform:translateY(-2px)}
.vx-btn-p:hover{background-color:#FFFFFF!important;color:#0A0A0B!important}
.vx-btn-g:hover{border-color:rgba(255,255,255,.6)!important;color:#FFFFFF!important}
.vx-field{transition:border-color .3s}
.vx-field:focus{outline:none;border-color:#C4C9D0!important}
.vx-thumb{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.vx-thumb:hover{transform:translateY(-3px)}
.vx-thumb img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.vx-thumb:hover img{transform:scale(1.06)}
.vx-pill{transition:background-color .3s,color .3s,border-color .3s}
.vx-pill:hover{border-color:rgba(255,255,255,.5)!important}
.vx-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#05070B}
.vx-sky{position:absolute;inset:0;background:linear-gradient(180deg,#02040A 0%,#060C1A 34%,#0E1A30 62%,#1C2238 84%,#2A2236 100%)}
.vx-haze{position:absolute;inset:0;background:radial-gradient(130% 55% at 50% 108%,rgba(255,170,96,.34),rgba(255,140,90,.08) 45%,rgba(255,170,96,0) 66%);opacity:calc(.35 + var(--vp,0) * .65)}
.vx-far{position:absolute;left:0;right:0;top:62vh;display:flex;flex-direction:column;transform:translate3d(0,calc(var(--vy,0) * -0.05px),0);will-change:transform}
.vx-far-svg{display:block;width:100%;height:46vh;overflow:visible}
.vx-far-fill{height:120vh;background:linear-gradient(180deg,#06080D,#0A0C12 30%,#120F10)}
.vx-mid,.vx-near{position:absolute;left:0;right:0;top:0;height:calc(100vh + 6000px);will-change:transform}
.vx-mid{transform:translate3d(0,calc(var(--vy,0) * -0.16px),0)}
.vx-near{transform:translate3d(0,calc(var(--vy,0) * -0.32px),0)}
.vx-tower{position:absolute;top:0;bottom:0;background-color:#0A0F18;background-image:url(/_blob/b7040e83f9f6f4fac3813ce3917c382c);background-size:240px 672px}
.vx-bld{position:absolute;left:54%;top:640px;display:block;width:clamp(170px,17vw,320px);height:auto;aspect-ratio:300/1700;overflow:visible}
.vx-tower-m{left:58%;width:8vw;top:900px;box-shadow:inset 1px 0 0 rgba(255,255,255,.07),inset -1px 0 0 rgba(0,0,0,.6)}
.vx-tower-m::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.32),rgba(7,10,18,.5));pointer-events:none}
.vx-tower-r{right:0;width:clamp(110px,13vw,240px);box-shadow:inset 1px 0 0 rgba(255,255,255,.08)}
.vx-tower-r::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(4,5,8,0),rgba(4,5,8,.6))}
.vx-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.76) 0%,rgba(4,5,8,.5) 55%,rgba(4,5,8,.26) 100%)}
.vx-glass{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.03) 42%,rgba(255,255,255,0) 52%)}
.vx-stars{position:absolute;left:0;top:0;width:100%;height:60vh}
@keyframes vxStar{0%,100%{opacity:.2}50%{opacity:1}}
.vx-star{animation:vxStar 4s ease-in-out infinite}
@keyframes vxDrift{from{transform:translateX(0)}to{transform:translateX(170vw)}}
.vx-cloud{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(130,145,180,.15),rgba(130,145,180,.05) 60%,rgba(130,145,180,0));animation:vxDrift 200s linear infinite}
@keyframes vxPlane{from{transform:translate3d(-6vw,7vh,0)}to{transform:translate3d(106vw,-5vh,0)}}
.vx-plane{position:absolute;left:0;top:16vh;width:14px;height:6px;animation:vxPlane 75s linear infinite;animation-delay:-22s}
.vx-plane span{position:absolute;top:2px;width:3px;height:3px;border-radius:50%}
.vx-plane-r{left:0;background:#FF4A3D;box-shadow:0 0 6px #FF4A3D;animation:vxBlink 1.3s linear infinite}
.vx-plane-w{right:0;background:#FFFFFF;box-shadow:0 0 8px #FFFFFF;animation:vxStrobe 1.7s linear infinite}
@keyframes vxBlink{0%,55%,100%{opacity:.12}60%,82%{opacity:1}}
@keyframes vxStrobe{0%,8%{opacity:1}12%,100%{opacity:0}}
.vx-blink{animation:vxBlink 2.2s linear infinite}
@keyframes vxWin{0%,44%{opacity:0}50%,92%{opacity:1}98%,100%{opacity:0}}
.vx-wn{animation:vxWin 13s ease-in-out infinite}
@keyframes vxLift{0%,10%{transform:translateY(0)}42%,56%{transform:translateY(var(--lift))}88%,100%{transform:translateY(0)}}
.vx-lift{animation:vxLift 15s cubic-bezier(.45,0,.55,1) infinite}
@keyframes vxLaneR{from{transform:translateX(0)}to{transform:translateX(2400px)}}
@keyframes vxLaneL{from{transform:translateX(0)}to{transform:translateX(-2400px)}}
.vx-lane-r{animation:vxLaneR 44s linear infinite}
.vx-lane-l{animation:vxLaneL 38s linear infinite}
@keyframes vxSweep{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(24deg)}}
.vx-beam{transform-box:fill-box;transform-origin:50% 100%;animation:vxSweep 24s ease-in-out infinite}
.vx-office{position:absolute;height:19px;background:linear-gradient(180deg,rgba(247,217,168,.92),rgba(233,185,119,.55));animation:vxWin 17s ease-in-out infinite}
.vx-mshaft{position:absolute;top:0;bottom:0;left:-8px;width:2px;background:rgba(200,215,240,.14)}
.vx-mcab{position:absolute;left:-11px;width:8px;height:13px;border-radius:1px;background:#FFF1D6;box-shadow:0 0 12px rgba(255,226,180,.85)}
.vx-gshaft{position:absolute;top:0;bottom:0;right:clamp(110px,13vw,240px);width:24px;background:linear-gradient(90deg,rgba(170,190,220,.04),rgba(170,190,220,.13),rgba(170,190,220,.04));border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}
.vx-gshaft::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 1px,transparent 1px 96px)}
.vx-gcab{position:absolute;left:3px;right:3px;height:32px;border-radius:2px;background:linear-gradient(180deg,#FFF6E6,#F3D4A2);box-shadow:0 0 26px rgba(255,214,160,.7),0 0 2px #FFFFFF}
.vx-slab{display:flex;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:0 24px;height:56px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(232,236,242,.5)}
.vx-slab-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.22),rgba(255,255,255,.04))}
@media (max-width: 700px){.vx-tower-r{width:64px}.vx-gshaft{right:64px;width:14px}.vx-mid{display:none}.vx-slab{font-size:10px;letter-spacing:.2em}}
.vx-bp{position:fixed;inset:0;z-index:-2;pointer-events:none;background-color:#07090D;background-image:radial-gradient(120% 80% at 70% 0%,rgba(150,165,190,.07),rgba(150,165,190,0) 60%)}.vx-bp::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(196,201,208,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(196,201,208,.045) 1px,transparent 1px),linear-gradient(rgba(196,201,208,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(196,201,208,.022) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}.vx-off .vx-bp::before{opacity:1}@media (prefers-reduced-motion: reduce){.vx-bp::before{opacity:1}}
.vx-dw,.vx-dwh{display:block;overflow:visible;pointer-events:none;height:auto}
.vx-dwh{width:100%}
.vx-dw{position:absolute;z-index:-1}
.vx-dw .ln,.vx-dwh .ln{fill:none;stroke:#C4C9D0;stroke-opacity:.34;stroke-width:1}
.vx-dw .lb,.vx-dwh .lb{fill:none;stroke:#D4D8DE;stroke-opacity:.5;stroke-width:1.4}
.vx-dw .lt,.vx-dwh .lt{fill:none;stroke:#C4C9D0;stroke-opacity:.16;stroke-width:1}
.vx-dw .ld,.vx-dwh .ld{fill:none;stroke:#9FB3D1;stroke-opacity:.42;stroke-width:.9}
.vx-dw .tx,.vx-dwh .tx{fill:#B8C2D2;fill-opacity:.55;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em}
.vx-dw .tt,.vx-dwh .tt{font-size:10px;letter-spacing:.2em;fill-opacity:.42}
.vx-dw .tb{font-size:13px;letter-spacing:.24em;fill-opacity:.6}
@keyframes vxDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes vxFadeIn{from{opacity:0}to{opacity:1}}
.vx-hdraw{stroke-dasharray:1;stroke-dashoffset:0;animation:vxDraw 1.6s cubic-bezier(.6,0,.2,1) both}
.vx-hfade{animation:vxFadeIn 1s ease 2.4s both}
.vx-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:vxDraw linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
.vx-fade{animation:vxFadeIn linear both;animation-timeline:view();animation-range:entry 30% cover 50%}

.vx{position:relative}
.vx-dw{opacity:.85}
.vx-dw-plan{bottom:-170px;right:24px;width:min(400px,34vw)}
.vx-dw-mach{top:110px;right:max(24px,calc(50% - 620px));width:min(380px,32vw)}
.vx-dw-pit{bottom:60px;left:max(24px,calc(50% - 620px));width:min(340px,30vw)}
.vx-dw-tb{top:76px;right:max(24px,calc(50% - 620px));width:min(380px,42vw)}
.vx-shaftline{position:absolute;top:0;right:max(12px,calc(50% - 704px));width:44px;height:calc(var(--vy,0) * 1px + 62vh);max-height:100%;z-index:-1;pointer-events:none;border-left:1px solid rgba(196,201,208,.22);border-right:1px solid rgba(196,201,208,.22);background:linear-gradient(90deg,transparent 12px,rgba(196,201,208,.16) 12px 13px,transparent 13px 30px,rgba(196,201,208,.16) 30px 31px,transparent 31px),linear-gradient(90deg,transparent 20px,rgba(196,201,208,.12) 20px 21px,transparent 21px 23px,rgba(196,201,208,.12) 23px 24px,transparent 24px),repeating-linear-gradient(180deg,rgba(196,201,208,.22) 0 1px,transparent 1px 360px)}
.vx-shaftline::after{content:"";position:absolute;left:5px;right:5px;bottom:0;height:48px;border:1px solid rgba(212,216,222,.55);background:#07090D linear-gradient(135deg,transparent 48.5%,rgba(196,201,208,.35) 49.5% 50.5%,transparent 51.5%),linear-gradient(45deg,transparent 48.5%,rgba(196,201,208,.35) 49.5% 50.5%,transparent 51.5%)}
@media (max-width: 1400px){.vx-shaftline{display:none}}
@media (max-width: 760px){.vx-dw{display:none}}
.vx-sheet{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;--lo:.24;--hi:.66;--pen:6}
.vx-sheet svg{display:block;width:100%;height:100%;overflow:visible}
@media (max-aspect-ratio: 1/1){.vx-sheet svg{position:absolute;top:0;left:50%;width:auto;height:100%;aspect-ratio:1600/1000;transform:translateX(-50%)}}
.vx-sheet .dr{fill:none;stroke:#C4C9D0;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:clamp(0,calc(1 - (var(--vp,0) - var(--s,0)) * var(--k,5)),1);opacity:clamp(var(--lo),calc(var(--hi) - (var(--vp,0) - var(--s,0) - 1 / var(--k,5)) * var(--pen)),var(--hi))}
.vx-sheet .ln{stroke-opacity:.42}
.vx-sheet .lb{stroke:#D4D8DE;stroke-opacity:.58;stroke-width:1.15}
.vx-sheet .lt{stroke-opacity:.2}
.vx-sheet .la{stroke:#9FB3D1;stroke-opacity:.26}
.vx-sheet .ld{stroke:#9FB3D1;stroke-opacity:.52;stroke-width:.9}
.vx-sheet .tx{fill:#B8C2D2;fill-opacity:.66;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;opacity:min(clamp(0,calc((var(--vp,0) - var(--s,0)) * var(--k,5)),1),clamp(var(--lo),calc(var(--hi) - (var(--vp,0) - var(--s,0) - 1 / var(--k,5)) * var(--pen)),var(--hi)))}
.vx-sheet .tt{font-size:11px;letter-spacing:.2em;fill-opacity:.45}
.vx-sheet .tb{font-size:13px;letter-spacing:.22em;fill-opacity:.62}
.vx-sheet .tn{font-size:11px;letter-spacing:.1em;fill-opacity:.45}
.vx-sheet .tz{font-size:10px;fill-opacity:.35}
.vx-sheet .vx-car{transform:translateY(calc(var(--vp,0) * 220px))}
.vx-sheet .vx-cwt{transform:translateY(calc(var(--vp,0) * -220px))}
.vx-sheet .vx-rope-c{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(calc(1 + var(--vp,0) * 1.8333))}
.vx-sheet .vx-rope-k{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(calc(1 - var(--vp,0) * 0.4314))}

.vx-off .vx-sheet .dr{stroke-dashoffset:0;opacity:var(--lo)}
.vx-off .vx-sheet .tx{opacity:var(--lo)}
@media (prefers-reduced-motion: reduce){.vx-sheet .dr{stroke-dashoffset:0;opacity:var(--lo)}.vx-sheet .tx{opacity:var(--lo)}}
@media (max-width: 760px){.vx-sheet{opacity:.75}}
#vx-root section,#vx-root footer{text-shadow:0 0 2px #05070B,0 0 2px #05070B,0 0 8px #05070B,0 0 20px #05070B}
#vx-root .vx-sheen,#vx-root .vx-card,#vx-root a,#vx-root button,#vx-root input,#vx-root textarea,#vx-root select{text-shadow:none}

.vx-burger,.vx-nav-lang{display:none}
@keyframes vxMenuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes vxTravelV{0%{top:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}
@media (max-width: 1080px){
.vx-hd-in{flex-wrap:nowrap!important;padding:10px 14px 10px 20px!important;gap:10px!important}
.vx-hd-in>a:first-child img{height:20px!important}
.vx-hd .vx-lang{display:none!important}
.vx-hd-act{gap:8px!important}
.vx-hd-cta{min-height:42px!important;padding:0 16px!important;font-size:13px!important}
.vx-burger{display:inline-flex;position:relative;flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#E4E6E9;cursor:pointer}
.vx-burger .l{position:absolute;left:13px;right:13px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .35s cubic-bezier(.2,.7,.2,1),top .35s cubic-bezier(.2,.7,.2,1)}
.vx-burger .l1{top:16px}.vx-burger .l2{top:25px}
.vx-menu-open .vx-burger .l1{top:20.5px;transform:rotate(45deg)}
.vx-menu-open .vx-burger .l2{top:20.5px;transform:rotate(-45deg)}
.vx-nav{display:none!important}
.vx-menu-open .vx-nav{display:flex!important;position:absolute;top:100%;left:0;right:0;height:calc(100dvh - 100%);box-sizing:border-box;flex-direction:column;flex-wrap:nowrap!important;gap:0!important;padding:8px 20px 32px;background:#08090C;border-top:1px solid rgba(255,255,255,.07);overflow-y:auto;overscroll-behavior:contain;animation:vxMenuIn .35s cubic-bezier(.2,.7,.2,1)}
.vx-menu-open .vx-nav>a{padding:18px 0!important;border-bottom:1px solid rgba(255,255,255,.08);font-size:24px;font-weight:600;font-stretch:108%;letter-spacing:-.01em}
.vx-menu-open .vx-nav-lang{display:flex;align-self:flex-start;margin-top:28px;padding:3px;border:1px solid rgba(255,255,255,.14);border-radius:999px}
}
@media (max-width: 760px){
.vx-hero-in{min-height:0!important;padding:48px 20px 64px!important}
.vx-hero-in h1>span+span{margin-top:22px!important}
.vx-hero-in p{margin-top:22px!important;font-size:17px!important}
.vx-hero-btns{margin-top:32px!important;gap:10px!important}
.vx-hero-btns>a{flex:1 1 100%;justify-content:center;min-height:54px!important}
.vx-hero-tags{margin-top:28px!important;gap:8px!important}
#vx-root .vx-mq{padding:16px 0!important}
.vx-marquee span:not([aria-hidden]){font-size:16px!important;gap:28px!important;padding-right:28px!important}
#hizmetler,#projeler{padding:60px 20px!important}
#konfigurator>div,#surec>div,#hakkimizda>div,#iletisim>div{padding:60px 20px!important}
#hakkimizda>div,#iletisim>div{gap:40px!important}
#hizmetler>div:first-child,#projeler>div:first-child,.vx-cfg-in>div:first-child{margin-bottom:28px!important;gap:16px!important}
#hizmetler>div:first-child>p,#projeler>div:first-child>p,.vx-cfg-in>div:first-child>p{font-size:16px!important}
#surec h2{margin-bottom:36px!important}
.vx-card{min-height:0!important;padding:22px 22px 24px!important;gap:10px!important;border-radius:18px!important}
.vx-card h3{margin-top:12px!important;font-size:22px!important}
#hizmetler>div:nth-child(2){gap:12px!important}
.vx-cfg-in{display:flex;flex-direction:column}
.vx-cfg-bar{flex-direction:column;align-items:stretch!important;flex-wrap:nowrap!important;gap:10px!important;margin-bottom:16px!important}
.vx-cfg-tabs,.vx-cfg-filt{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -20px!important;padding:2px 20px!important;scrollbar-width:none}
.vx-cfg-tabs>*,.vx-cfg-filt>*{flex:none}
.vx-cfg-tabs button{min-height:44px!important;padding:0 16px!important;font-size:14px!important}
.vx-cfg-main{display:contents!important}
.vx-cfg-stage{order:1;flex:none!important}
.vx-cfg-thumbs{order:2;display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;gap:8px!important;margin:16px -20px 0!important;padding:0 20px 4px;scroll-padding:0 20px;scrollbar-width:none}
.vx-cfg-thumbs>button{flex:0 0 96px;scroll-snap-align:start}
.vx-cfg-aside{order:3;flex:none!important;margin-top:16px;padding:18px!important;gap:10px!important}
.vx-cfg-aside img{width:64px!important;height:48px!important}
.vx-cfg-tabs::-webkit-scrollbar,.vx-cfg-filt::-webkit-scrollbar,.vx-cfg-thumbs::-webkit-scrollbar,.vx-proj-grid::-webkit-scrollbar{display:none}
.vx-steps-line{left:23px!important;right:auto!important;top:24px!important;bottom:24px;width:1px;height:auto!important}
.vx-steps-line .vx-travel{left:0!important;width:3px!important;height:110px!important;margin-left:-1px!important;margin-top:-55px;background:linear-gradient(180deg,rgba(255,255,255,0),#F4F6F8,rgba(255,255,255,0))!important;animation-name:vxTravelV!important}
.vx-steps{gap:30px!important}
.vx-step{display:grid!important;grid-template-columns:48px 1fr;column-gap:18px;row-gap:6px!important}
.vx-step>span{grid-row:1 / span 2}
.vx-step h3{margin:10px 0 0!important;font-size:21px!important}
.vx-step p{grid-column:2}
.vx-proj-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin:0 -20px;padding:0 20px 6px;scroll-padding:0 20px;scrollbar-width:none}
.vx-proj{flex:0 0 84%;min-height:320px!important;padding:22px!important;scroll-snap-align:start}
.vx-about-p{margin-top:22px!important;font-size:16px!important}
.vx-val{padding:20px 0!important;gap:16px!important}
.vx-clist{margin-top:32px!important}
.vx-form-box{padding:22px!important;border-radius:20px!important}
.vx-foot-in{padding:48px 20px 28px!important}
.vx-foot-logo{max-width:180px!important}
.vx-foot-row{margin-top:28px!important;flex-direction:column;align-items:flex-start!important;gap:6px!important}
}

.vx-off *{animation:none!important}
.vx-off .vx-rise{opacity:1}
@media (prefers-reduced-motion: reduce){.vx *{animation:none!important;transition:none!important}.vx .vx-rise{opacity:1}}

/* ---------- statik site ekleri ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
[hidden]{display:none!important}
.vx-skip{position:absolute;left:12px;top:-64px;z-index:100;padding:12px 18px;border-radius:999px;background:#F4F6F8;color:#0A0A0B!important;font:600 14px 'Archivo',system-ui,sans-serif;text-decoration:none;transition:top .2s}
.vx-skip:focus{top:12px}
#vx-root :focus-visible{outline:2px solid #C4C9D0;outline-offset:3px}
.vx-card-link{color:inherit!important;text-decoration:none}
.vx-card-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.vx-card-link:focus-visible{outline:none!important}
.vx-card:focus-within{outline:2px solid #C4C9D0;outline-offset:3px}
#vx-root .sv-card,#vx-root .sv-check,#vx-root .sv-links,#vx-root .sv-faq,#vx-root .vx-foot,#vx-root .pk-card,#vx-root .pk-tbl-wrap,#vx-root .pk-callout{text-shadow:none}

/* ---------- sade zemin: çizim ve ızgara yok, yumuşak koyu geçiş ---------- */
/* ---------- zemin: VEXA marka deseni (monogram kanatları, yarım kaydırmalı ızgara) — yavaş akış + kaydırma paralaksı + imleci izleyen ışık ---------- */
.vx-bp{background-color:#09090B;background-image:radial-gradient(1100px 700px at 78% -12%,rgba(160,172,190,.11),rgba(160,172,190,0) 70%),radial-gradient(900px 600px at 12% 108%,rgba(120,130,148,.07),rgba(120,130,148,0) 70%),linear-gradient(180deg,#0B0C0F 0%,#09090B 40%,#070708 100%);overflow:hidden}
.vx-bp::before{content:none}
.vx-bp-p,.vx-bp-l,.vx-bp-l>i{position:absolute;left:0;top:0;display:block;pointer-events:none}
.vx-bp-p{width:calc(100% + 280px);height:calc(100% + 336px);background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22280%22 height=%22336%22 viewBox=%220 0 280 336%22%3E%3Cg transform=%22translate%28140 84%29 scale%280.42%29%22 fill=%22rgba%28196,201,208,.025%29%22 stroke=%22rgba%28196,201,208,.11%29%22 stroke-width=%222.381%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3Cg transform=%22rotate%28180%29%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate%280 252%29 scale%280.42%29%22 fill=%22rgba%28196,201,208,.025%29%22 stroke=%22rgba%28196,201,208,.11%29%22 stroke-width=%222.381%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3Cg transform=%22rotate%28180%29%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate%28280 252%29 scale%280.42%29%22 fill=%22rgba%28196,201,208,.025%29%22 stroke=%22rgba%28196,201,208,.11%29%22 stroke-width=%222.381%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3Cg transform=%22rotate%28180%29%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:280px 336px;background-repeat:repeat;will-change:transform;-webkit-mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.45));mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.45))}
.vx-bp-l{width:720px;height:720px;overflow:hidden;will-change:transform;-webkit-mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.6) 28%,rgba(0,0,0,.16) 50%,transparent 68%);mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.6) 28%,rgba(0,0,0,.16) 50%,transparent 68%)}
.vx-bp-l>i{width:calc(100vw + 280px);height:calc(100vh + 336px);background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22280%22 height=%22336%22 viewBox=%220 0 280 336%22%3E%3Cg transform=%22translate%28140 84%29 scale%280.42%29%22 fill=%22rgba%28196,201,208,.08%29%22 stroke=%22rgba%28214,222,232,.42%29%22 stroke-width=%222.381%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3Cg transform=%22rotate%28180%29%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate%280 252%29 scale%280.42%29%22 fill=%22rgba%28196,201,208,.08%29%22 stroke=%22rgba%28214,222,232,.42%29%22 stroke-width=%222.381%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3Cg transform=%22rotate%28180%29%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate%28280 252%29 scale%280.42%29%22 fill=%22rgba%28196,201,208,.08%29%22 stroke=%22rgba%28214,222,232,.42%29%22 stroke-width=%222.381%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3Cg transform=%22rotate%28180%29%22%3E%3Cpolygon points=%22-218,-130 -138,-130 -8,130 -88,130%22/%3E%3Cpolygon points=%22-48,-130 -8,-130 -8,94.22 -48,14.22%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:280px 336px;background-repeat:repeat;will-change:transform}
.vx-bp-l.off{display:none}
.vx-off .vx-bp-p{opacity:1}
@media (prefers-reduced-motion: reduce){.vx-bp-l{display:none}}
/* hero sağ taraf: monogram + ışık çizgisi */
.vx-hero-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.vx-hero-mono{position:absolute;right:max(-40px,calc(50% - 760px));top:50%;width:min(46vw,640px);height:auto;transform:translateY(-52%)}
.vx-hero-mono polygon{vector-effect:non-scaling-stroke}
.vx-hero-glow{position:absolute;right:calc(50% - 560px);top:50%;width:720px;height:720px;transform:translate(10%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(170,180,196,.10),rgba(170,180,196,.03) 55%,rgba(170,180,196,0))}
.vx-hero-streak{position:absolute;left:50%;top:-20%;width:1px;height:140%;transform:translateX(220px) rotate(27deg);transform-origin:50% 50%;background:linear-gradient(180deg,rgba(228,230,233,0),rgba(228,230,233,.55) 42%,rgba(228,230,233,.75) 50%,rgba(228,230,233,.55) 58%,rgba(228,230,233,0))}
.vx-hero-streak::after{content:"";position:absolute;left:-14px;top:0;bottom:0;width:28px;background:linear-gradient(90deg,transparent,rgba(228,230,233,.05),transparent)}
@media (max-width: 1000px){
.vx-hero-mono{right:-18vw;top:46%;width:72vw;opacity:.55}
.vx-hero-glow{right:-30vw;width:90vw;height:90vw}
.vx-hero-streak{transform:translateX(26vw) rotate(27deg)}
}
@media (max-width: 760px){.vx-hero-mono{top:40%;right:-24vw;width:80vw;opacity:.42}.vx-hero-streak{opacity:.45}}
#vx-root section,#vx-root footer{text-shadow:none}
.vx-shaftline{display:none}

/* ---------- alt bilgi ---------- */
.vx-foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:40px}
.vx-foot-h{margin:0 0 18px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8F949B}
.vx-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.vx-foot li{font-size:15px;line-height:1.5;color:#A3A8AF}
.vx-foot ul a{color:#C4C9D0;text-decoration:none}
.vx-foot ul a:hover{color:#FFFFFF}
.vx-foot-region{margin:22px 0 0;max-width:300px;font-size:13px;line-height:1.65;color:#8F949B}
@media (max-width: 960px){.vx-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 560px){.vx-foot-grid{grid-template-columns:1fr;gap:32px}}

/* ---------- hizmet sayfaları ---------- */
.sv-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.sv-hero{position:relative;border-bottom:1px solid rgba(255,255,255,.07)}
.sv-hero>.sv-wrap{padding-top:64px;padding-bottom:104px}
.sv-bc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8F949B}
.sv-bc li+li::before{content:"/";margin-right:8px;color:#5F646B}
.sv-bc a{color:#A3A8AF;text-decoration:none}
.sv-bc a:hover{color:#FFFFFF}
.sv-h1{margin:56px 0 0;font-size:inherit;font-weight:inherit;line-height:inherit}
.sv-kw{display:inline-flex;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.18em;text-transform:uppercase;color:#8F949B}
.sv-title{display:block;margin-top:24px;font-size:clamp(44px,6.6vw,100px);line-height:.98;font-weight:700;font-stretch:112%;letter-spacing:-.025em}
.sv-lead{margin:32px 0 0;max-width:700px;font-size:19px;line-height:1.6;color:#A3A8AF}
.sv-ctas{margin-top:40px;display:flex;flex-wrap:wrap;gap:14px}
.sv-btn-p,.sv-btn-g{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;text-decoration:none;font-size:16px}
.sv-btn-p{background:#C4C9D0;color:#0A0A0B!important;font-weight:600}
.sv-btn-g{border:1px solid rgba(255,255,255,.22);color:#D4D7DB!important;font-weight:500}
.sv-facts{margin:48px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.sv-facts li{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#A3A8AF;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 14px;background:rgba(7,9,13,.6)}
.sv-sec{position:relative}
.sv-sec>.sv-wrap{padding-top:112px;padding-bottom:112px}
.sv-sec+.sv-sec>.sv-wrap{padding-top:24px}
.sv-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8F949B}
.sv-h2{margin:20px 0 0;max-width:900px;font-size:clamp(32px,4.2vw,58px);line-height:1.04;font-weight:650;font-stretch:110%;letter-spacing:-.02em}
.sv-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.sv-card{position:relative;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#111113}
.sv-card .no{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;color:#C4C9D0}
.sv-card h3{margin:18px 0 0;font-size:22px;line-height:1.2;font-weight:600;font-stretch:108%}
.sv-card p{margin:10px 0 0;font-size:15px;line-height:1.6;color:#9A9FA6}
.sv-split{display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px 72px}
.sv-split>div{flex:1 1 560px;min-width:0}
.sv-split>aside,.sv-split>.sv-chips{flex:1 1 340px;min-width:0}
.sv-prose p{margin:24px 0 0;max-width:660px;font-size:17px;line-height:1.75;color:#A3A8AF}
.sv-check{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#0F0F11}
.sv-check h3{margin:0;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#C4C9D0}
.sv-check ul{list-style:none;margin:18px 0 0;padding:0}
.sv-check li{display:flex;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08);font-size:15px;line-height:1.5;color:#D4D7DB}
.sv-check li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;border:1px solid #C4C9D0}
.sv-chips{margin-top:0;align-content:flex-start}
.sv-faq{margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}
.sv-faq details{border-bottom:1px solid rgba(255,255,255,.1)}
.sv-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0}
.sv-faq summary::-webkit-details-marker{display:none}
.sv-faq summary::after{content:"+";flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);font-family:'JetBrains Mono',monospace;font-size:20px;color:#C4C9D0;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.sv-faq details[open] summary::after{transform:rotate(45deg)}
.sv-q{margin:0;font-size:21px;line-height:1.3;font-weight:600;font-stretch:106%}
.sv-faq .a p{margin:0;padding:0 0 26px;max-width:780px;font-size:16px;line-height:1.7;color:#A3A8AF}
.sv-links{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.sv-links a{display:flex;align-items:center;gap:16px;min-height:72px;padding:18px 22px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#111113;color:#F2F3F5;text-decoration:none;font-size:18px;font-weight:600;font-stretch:106%;transition:border-color .3s,background-color .3s}
.sv-links a:hover{border-color:rgba(255,255,255,.28);background:#151518;color:#FFFFFF}
.sv-links .no{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:400;letter-spacing:.1em;color:#8F949B}
.sv-links .nm{flex:1}
.sv-links svg{flex:none;color:#C4C9D0}
ol.vx-steps>li{margin:0}
@media (max-width: 760px){
.sv-wrap{padding:0 20px}
.sv-hero>.sv-wrap{padding-top:36px;padding-bottom:64px}
.sv-h1{margin-top:36px}
.sv-title{margin-top:18px}
.sv-lead{margin-top:22px;font-size:17px}
.sv-ctas{margin-top:32px;gap:10px}
.sv-ctas>a{flex:1 1 100%;justify-content:center;min-height:54px}
.sv-facts{margin-top:28px;gap:8px}
.sv-sec>.sv-wrap{padding-top:64px;padding-bottom:64px}
.sv-sec+.sv-sec>.sv-wrap{padding-top:8px}
.sv-grid{margin-top:28px;gap:12px}
.sv-card{padding:22px}
.sv-split{gap:28px}
.sv-prose p{font-size:16px}
.sv-check{padding:22px}
.sv-faq{margin-top:24px}
.sv-faq summary{padding:20px 0;gap:16px}
.sv-q{font-size:18px}
.sv-links{margin-top:24px}
}

/* ---------- hizmetler: kat rehberi ---------- */
.vx-dir{display:block}
.vx-dir-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12)}
.vx-dir-row{border-bottom:1px solid rgba(255,255,255,.12)}
.vx-dir-row>a{display:flex;align-items:flex-start;gap:22px;padding:24px 4px 24px 0;color:#F2F3F5!important;text-decoration:none}
.vx-dir-no{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#0D0D0F;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.06em;color:#A3A8AF;transition:background-color .35s,color .35s,box-shadow .35s,border-color .35s}
.vx-dir-row.on .vx-dir-no{background:#C4C9D0;border-color:#C4C9D0;color:#0A0A0B;box-shadow:0 0 0 4px rgba(196,201,208,.12),0 0 20px rgba(214,226,245,.38)}
.vx-dir-main{flex:1;min-width:0;padding-top:5px}
.vx-dir-head{display:flex;align-items:baseline;gap:16px}
.vx-dir-t{margin:0;white-space:nowrap;font-size:clamp(24px,2.3vw,32px);line-height:1.1;font-weight:600;font-stretch:110%;letter-spacing:-.01em;color:#B9BEC5;transition:color .35s}
.vx-dir-row.on .vx-dir-t,.vx-dir-row>a:hover .vx-dir-t{color:#FFFFFF}
.vx-dir-lead{flex:1;min-width:16px;height:1px;align-self:center;margin-top:10px;background-image:linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:6px 1px;opacity:.9}
.vx-dir-row.on .vx-dir-lead{background-image:linear-gradient(90deg,#C4C9D0,rgba(196,201,208,.25));background-size:100% 1px}
.vx-dir-tag{flex:none;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8F949B;white-space:nowrap}
.vx-dir-row.on .vx-dir-tag{color:#C4C9D0}
.vx-dir-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.7,.2,1)}
.vx-dir-row.on .vx-dir-body{grid-template-rows:1fr}
.vx-dir-in{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.vx-dir-desc{margin:14px 0 0;max-width:540px;font-size:16px;line-height:1.6;color:#A3A8AF}
.vx-dir-more{display:inline-flex;align-items:center;gap:8px;padding-bottom:4px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#C4C9D0;transition:gap .3s,color .3s}
.vx-dir-row>a:hover .vx-dir-more{gap:12px;color:#FFFFFF}
.vx-dir-row>a:focus-visible{outline:2px solid #C4C9D0;outline-offset:4px;border-radius:10px}
@media (prefers-reduced-motion: reduce){.vx-dir-body{transition:none!important}}
@media (max-width: 1200px){.vx-dir-tag{display:none}}
@media (max-width: 960px){
.vx-dir-body{grid-template-rows:1fr}
}
@media (max-width: 760px){
.vx-dir-t{white-space:normal}
.vx-dir-row>a{gap:16px;padding:20px 0}
.vx-dir-no{width:40px;height:40px;font-size:12px}
.vx-dir-main{padding-top:6px}
.vx-dir-t{font-size:22px}
.vx-dir-lead,.vx-dir-tag{display:none}
.vx-dir-desc{margin-top:8px;font-size:15px}
}
.sv-title-m{font-size:clamp(40px,5.2vw,78px);line-height:1.02}
.sv-grid-4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}

/* ---------- açılış animasyonu ---------- */
.vx-intro{display:none}
html.vx-intro-on .vx-intro{display:flex;position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;overflow:hidden;
  background-color:#07090D;background-image:radial-gradient(70% 55% at 50% 45%,rgba(150,165,190,.10),rgba(150,165,190,0) 70%),linear-gradient(rgba(196,201,208,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(196,201,208,.04) 1px,transparent 1px);
  background-size:100% 100%,24px 24px,24px 24px;transition:transform .78s cubic-bezier(.7,0,.2,1)}
html.vxi-out .vx-intro{transform:translateY(-100%)}
html.vxi-out .vxi-stack{opacity:0;transform:translateY(-24px);transition:opacity .45s ease,transform .6s cubic-bezier(.7,0,.2,1)}
.vxi-stack{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px}
.vxi-mono{display:block;width:176px;height:auto;overflow:visible;animation:vxiGlow 1.1s ease .95s both}
.vxi-l{animation:vxiDown 1s cubic-bezier(.3,0,.2,1) .15s both}
.vxi-r{animation:vxiUp 1s cubic-bezier(.3,0,.2,1) .15s both}
.vxi-word{display:block;width:150px;height:auto;overflow:hidden}
.vxi-c{animation:vxiRise .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(1.02s + var(--i,0) * .07s)}
.vxi-line{display:block;width:150px;height:1px;background:linear-gradient(90deg,rgba(196,201,208,0),#C4C9D0,rgba(196,201,208,0));transform:scaleX(0);animation:vxiLine .6s cubic-bezier(.2,.7,.2,1) 1.35s both}
.vxi-rail{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(196,201,208,0),rgba(196,201,208,.28) 18%,rgba(196,201,208,.28) 82%,rgba(196,201,208,0));transform:scaleY(0);transform-origin:top;animation:vxiRail .7s cubic-bezier(.4,0,.2,1) both}
.vxi-rail-l{left:calc(50% - 112px)}
.vxi-rail-r{left:calc(50% + 111px);animation-delay:.08s}
@keyframes vxiDown{0%{transform:translateY(-1100px);opacity:0}12%{opacity:1}72%{transform:translateY(10px)}86%{transform:translateY(-3px)}100%{transform:none;opacity:1}}
@keyframes vxiUp{0%{transform:translateY(1100px);opacity:0}12%{opacity:1}72%{transform:translateY(-10px)}86%{transform:translateY(3px)}100%{transform:none;opacity:1}}
@keyframes vxiRise{from{transform:translateY(130px)}to{transform:none}}
@keyframes vxiLine{to{transform:scaleX(1)}}
@keyframes vxiRail{to{transform:scaleY(1)}}
@keyframes vxiGlow{0%{filter:drop-shadow(0 0 0 rgba(214,226,245,0))}35%{filter:drop-shadow(0 0 22px rgba(214,226,245,.55))}100%{filter:drop-shadow(0 0 0 rgba(214,226,245,0))}}
@media (prefers-reduced-motion: reduce){
html.vx-intro-on .vx-intro{transition:opacity .6s ease}
html.vxi-out .vx-intro{transform:none;opacity:0}
html.vxi-out .vxi-stack{transform:none}
.vxi-l,.vxi-r,.vxi-c,.vxi-mono,.vxi-rail,.vxi-line{animation:none!important}
.vxi-rail,.vxi-line{transform:none}
.vxi-stack{animation:vxiFade .7s ease both}
}
@keyframes vxiFade{from{opacity:0}to{opacity:1}}
.vx-credit{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8F949B}
.vx-credit a{color:#C4C9D0!important;text-decoration:none;border-bottom:1px solid rgba(196,201,208,.35);padding-bottom:2px;transition:color .3s,border-color .3s}
.vx-credit a:hover{color:#FFFFFF!important;border-color:#FFFFFF}

/* ---------- telefon: arka plan çizimi kuyuya ortalanır ---------- */
@media (max-aspect-ratio: 1/1){.vx-sheet svg{transform:translateX(-68.75%)}}
@media (max-width: 760px){.vx-sheet{opacity:1;--lo:.3;--hi:.72}.vx-sheet .lt,.vx-sheet .la,.vx-sheet .ld,.vx-sheet .tx{display:none}}
/* telefon: desen daha seyrek ve soluk, gezen ışık yok */
@media (max-width: 760px){.vx-bp-p{background-size:336px 403px;opacity:.42;-webkit-mask-image:linear-gradient(180deg,#000 40%,rgba(0,0,0,.35));mask-image:linear-gradient(180deg,#000 40%,rgba(0,0,0,.35))}.vx-bp-l{display:none}}

/* ---------- açılış: sesli izle düğmesi ---------- */

/* ---------- paketler ---------- */
.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:stretch}
.sv-sec .pk-grid{margin-top:48px}
.pk-card{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#111113;scroll-margin-top:96px}
.pk-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pk-no{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;color:#C4C9D0}
.pk-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#A3A8AF;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 12px}
.pk-fig{margin:22px 0 0;height:172px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:16px;
  background-color:#0B0C0F;background-image:linear-gradient(rgba(196,201,208,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(196,201,208,.05) 1px,transparent 1px);background-size:12px 12px;background-position:center}
.pk-fig svg{height:150px;width:auto;overflow:visible}
.pk-fig path{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.pk-wall{stroke:rgba(196,201,208,.30);stroke-width:1}
.pk-off{stroke:rgba(196,201,208,.20);stroke-width:1;stroke-dasharray:3 3}
.pk-on{stroke:#E4E6E9;stroke-width:1.4}
.pk-on.pk-cab{fill:rgba(196,201,208,.10)!important}
.pk-name{margin:22px 0 0;font-size:28px;line-height:1.1;font-weight:650;font-stretch:110%;letter-spacing:-.01em}
.pk-desc{margin:12px 0 0;font-size:15px;line-height:1.6;color:#A3A8AF}
.pk-lead{margin:22px 0 0;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#C4C9D0}
.pk-list{list-style:none;margin:14px 0 0;padding:0}
.pk-list li{display:flex;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.07);font-size:15px;line-height:1.45;color:#D4D7DB}
.pk-list li svg{flex:none;margin-top:2px;color:#C4C9D0}
.pk-desc+.pk-list{margin-top:22px}
.pk-note{margin:14px 0 0;font-size:13px;line-height:1.55;color:#8F949B}
.pk-acts{margin-top:auto;padding-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;background:#C4C9D0;color:#0A0A0B;text-decoration:none;font-size:15px;font-weight:600}
.pk-btn{background:transparent;color:#E4E6E9;border:1px solid rgba(255,255,255,.22)}
.pk-btn:hover{border-color:#C4C9D0;color:#FFFFFF}
.pk-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#C4C9D0;text-decoration:none;font-size:14px}
.pk-more svg{width:14px;height:14px}
.pk-more:hover{color:#FFFFFF}
.pk-grid-c .pk-fig{height:132px}
.pk-grid-c .pk-fig svg{height:114px}
.pk-grid-c .pk-name{font-size:24px}
.pk-install{display:flex;align-items:flex-start;gap:12px;margin:28px 0 0;max-width:820px;font-size:14px;line-height:1.6;color:#8F949B}
.pk-install svg{flex:none;margin-top:2px;color:#C4C9D0}
.pk-tbl-wrap{margin-top:40px;overflow-x:auto;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#0F0F11}
.pk-tbl{width:100%;border-collapse:collapse;min-width:520px}
.pk-tbl th,.pk-tbl td{padding:18px 20px;border-top:1px solid rgba(255,255,255,.07);text-align:center;font-size:15px;line-height:1.4}
.pk-tbl thead th{border-top:0;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#C4C9D0;vertical-align:bottom}
.pk-tbl th[scope=row],.pk-tbl thead th:first-child{text-align:left;color:#D4D7DB;font-weight:400}
.pk-tbl thead th:first-child{color:#8F949B}
.pk-y{display:inline-flex;color:#E4E6E9}
.pk-n{color:#5D6168}
.pk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pk-callout{margin-top:24px;padding:24px 28px;border:1px solid rgba(196,201,208,.35);border-radius:20px;background:#111113;max-width:820px}
.pk-callout h3{margin:0;font-size:20px;font-weight:600;font-stretch:108%}
.pk-callout p{margin:8px 0 0;font-size:15px;line-height:1.65;color:#A3A8AF}
.sv-facts li a{color:inherit;text-decoration:none}
#vx-type.vx-flash{animation:vxFlash 1.2s ease}
@keyframes vxFlash{0%,100%{box-shadow:0 0 0 0 rgba(196,201,208,0)}25%{box-shadow:0 0 0 3px rgba(196,201,208,.55)}}
@media (max-width: 760px){
.pk-home{padding-top:80px!important}
.pk-grid{gap:14px}
.sv-sec .pk-grid{margin-top:28px}
.pk-card{padding:22px}
.pk-name{font-size:24px}
.pk-fig{height:148px}
.pk-fig svg{height:128px}
.pk-tbl th,.pk-tbl td{padding:14px 12px;font-size:14px}
.pk-tbl{min-width:0}
.pk-callout{padding:20px}
/* ana sayfa: telefonda kısa paket kartları (içerik listesi paket sayfasında) */
.pk-home .pk-card{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"top top" "fig name" "fig desc" "acts acts";column-gap:16px;padding:18px 18px 16px}
.pk-home .pk-top{grid-area:top}
.pk-home .pk-fig{grid-area:fig;margin:14px 0 0;height:auto;align-self:start;padding:10px 0;border-radius:12px}
.pk-home .pk-fig svg{height:96px}
.pk-home .pk-name{grid-area:name;margin-top:14px;font-size:22px}
.pk-home .pk-desc{grid-area:desc;margin-top:6px;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pk-home .pk-lead,.pk-home .pk-list,.pk-home .pk-note{display:none}
.pk-home .pk-acts{grid-area:acts;padding-top:14px;gap:4px 16px}
.pk-home .pk-more{min-height:38px}
.pk-home .pk-btn{min-height:44px;padding:0 18px;font-size:14px}
.pk-home .pk-install{margin-top:18px;font-size:13px}
}
@media (prefers-reduced-motion: reduce){#vx-type.vx-flash{animation:none}}

/* ---------- ürün konfigüratörü v3: tek soru, tek liste ---------- */
#vx-root .cg{text-shadow:none}
.cg-sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cg{max-width:860px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:#0D0D0F;overflow:hidden}
.cg-head{padding:28px 28px 20px}
.cg-hk{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8F949B}
.cg-dots{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:4px}
.cg-dots li{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.1);transition:background-color .3s}
.cg-dots li.past,.cg-dots li.done{background:#6F747B}
.cg-dots li.done{background:#C4C9D0}
.cg-dots li.on{background:#F4F6F8}
.cg-ht{margin:18px 0 0;font-size:30px;line-height:1.08;font-weight:650;font-stretch:108%;letter-spacing:-.015em}
.cg-hs{margin:8px 0 0;font-size:15px;line-height:1.5;color:#8F949B}
.cg-hp{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:4px;color:#C4C9D0;font-size:13px;text-decoration:none}
.cg-hp:hover{color:#FFFFFF}
.cg-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.08)}
.cg-gh{padding:16px 28px 8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8F949B;background:#0B0B0D}
.cg-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid rgba(255,255,255,.07);transition:background-color .2s}
.cg-row:hover{background:#121316}
.cg-row.on{background:#121419;box-shadow:inset 3px 0 0 #C4C9D0}
.cg-prow{grid-template-columns:1fr}
.cg-sel{display:flex;align-items:center;gap:16px;min-width:0;min-height:76px;padding:12px 8px 12px 28px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cg-prow .cg-sel{min-height:84px;padding-right:24px}
.cg-pno{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);font-family:'JetBrains Mono',monospace;font-size:12px;color:#C4C9D0}
.cg-prow.on .cg-pno{background:#C4C9D0;border-color:#C4C9D0;color:#0A0A0B}
.cg-pname{font-size:19px;font-weight:600;font-stretch:106%;color:#F2F3F5}
.cg-chip{flex:none;position:relative;width:56px;height:56px;border-radius:12px;background:#FFFFFF;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.cg-chip img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain}
.cg-chip.dark{background:#1C1D22}
.cg-chip.sw img{inset:0;width:100%;height:100%;object-fit:cover}
.cg-rt{display:flex;flex-direction:column;gap:3px;min-width:0}
.cg-code{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;letter-spacing:.06em;color:#F2F3F5}
.cg-name{font-size:15px;line-height:1.3;color:#D4D7DB}
.cg-sub{font-size:13px;line-height:1.4;color:#8F949B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;border-radius:50%;border:1px solid rgba(255,255,255,.22);color:#0A0A0B;transition:background-color .2s,border-color .2s}
.cg-mark svg{opacity:0;transition:opacity .2s}
.cg-row.on .cg-mark{background:#C4C9D0;border-color:#C4C9D0}
.cg-row.on .cg-mark svg{opacity:1}
.cg-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:52px;min-height:76px;padding:0 18px 0 12px;border:0;border-left:1px solid rgba(255,255,255,.06);background:transparent;color:#8F949B;font:inherit;font-size:13px;cursor:pointer;transition:color .2s}
.cg-more:hover{color:#F4F6F8}
.cg-more svg{transition:transform .3s}
.cg-row.open .cg-more svg{transform:rotate(180deg)}
.cg-det{grid-column:1/-1;display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:20px 28px;padding:6px 28px 24px;font-size:14px;line-height:1.6;color:#A3A8AF}
.cg-crop{border-radius:12px;background-color:#F3F2EF;background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.cg-dt p{margin:0 0 12px;max-width:620px}
.cg-spec{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 20px}
.cg-spec div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}
.cg-spec dt{color:#8F949B}
.cg-spec dd{margin:0;color:#E4E6E9;text-align:right}
.cg-bul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cg-bul li{padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:12.5px;color:#C4C9D0}
.cg-see{display:inline-flex;align-items:center;gap:8px;margin-top:14px;min-height:36px;color:#C4C9D0;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(196,201,208,.35)}
.cg-see:hover{color:#FFFFFF;border-color:#FFFFFF}
.cg-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px 22px}
.cg-nav:empty{display:none}
.cg-acts{padding-bottom:26px}
.cg-nb{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#D4D7DB;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;transition:border-color .25s,color .25s,background-color .25s}
.cg-nb:hover{border-color:rgba(255,255,255,.4);color:#FFFFFF}
.cg-nn.has{background:#C4C9D0;border-color:#C4C9D0;color:#0A0A0B;font-weight:600}
.cg-nn.has:hover{background:#E4E6E9;border-color:#E4E6E9;color:#0A0A0B}
.cg-sum{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.08)}
.cg-srow{border-bottom:1px solid rgba(255,255,255,.07)}
.cg-sgo{display:grid;grid-template-columns:200px minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:64px;padding:12px 24px 12px 28px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .2s}
.cg-sgo:hover{background:#121316}
.cg-sstep{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#D4D7DB}
.cg-sno{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.18);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:400;color:#8F949B}
.cg-srow.has .cg-sno{background:#C4C9D0;border-color:#C4C9D0;color:#0A0A0B}
.cg-sval{display:flex;flex-wrap:wrap;gap:8px 18px;min-width:0}
.cg-sitem{display:inline-flex;align-items:center;gap:10px;min-width:0}
.cg-sitem img{flex:none;width:34px;height:34px;border-radius:9px;object-fit:contain;background:#FFFFFF;padding:2px}
.cg-sitem img.dark{background:#1C1D22}
.cg-sitem b{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.06em;color:#F2F3F5}
.cg-sitem>span{font-size:13px;color:#A3A8AF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.cg-snone{font-size:13px;color:#6F747B}
.cg-schg{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#C4C9D0;white-space:nowrap}
.cg-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:22px 28px 6px}
.cg-cta{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;background:#C4C9D0;color:#0A0A0B!important;text-decoration:none;font-size:15px;font-weight:600}
.cg-cta[aria-disabled="true"]{opacity:.45;pointer-events:none}
.cg-clear{min-height:44px;padding:0 6px;border:0;background:transparent;color:#A3A8AF;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.cf-chips{display:flex;flex-wrap:wrap;gap:6px}
.cf-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0C0C0E;font-family:'JetBrains Mono',monospace;font-size:12px;color:#E4E6E9}
@media (max-width: 760px){
.cg{border-radius:18px}
.cg-head{padding:20px 18px 16px}
.cg-ht{font-size:24px}
.cg-gh{padding:14px 18px 6px}
.cg-sel{gap:12px;min-height:70px;padding:10px 6px 10px 18px}
.cg-prow .cg-sel{min-height:76px;padding-right:18px}
.cg-pno{width:38px;height:38px}
.cg-pname{font-size:17px}
.cg-chip{width:48px;height:48px;border-radius:10px}
.cg-name{font-size:14px}
.cg-sub{font-size:12.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cg-more{min-width:46px;min-height:70px;padding:0 12px}
.cg-more span{display:none}
.cg-det{grid-template-columns:1fr;gap:14px;padding:0 18px 18px}
.cg-crop{max-width:260px}
.cg-nav{padding:14px 18px 18px}
.cg-nb span{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-sgo{grid-template-columns:1fr auto;gap:8px 12px;padding:12px 16px 12px 18px}
.cg-sstep{grid-column:1;grid-row:1}
.cg-schg{grid-column:2;grid-row:1}
.cg-sval{grid-column:1/-1;grid-row:2}
.cg-sitem>span{max-width:200px}
.cg-acts{padding:18px 18px 4px}
}
.cg.cf-padb{padding-bottom:24px}

/* ---------- sabit seçim çubuğu ---------- */
.cf-fbar{position:fixed;left:0;right:0;bottom:0;z-index:40;font-family:'Archivo',system-ui,sans-serif;color:#F2F3F5;padding:0 16px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;visibility:hidden;opacity:0;transform:translateY(calc(100% + 24px));transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease,visibility 0s .45s}
.cf-fbar.on{visibility:visible;opacity:1;transform:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease,visibility 0s}
.cf-bar-in{pointer-events:auto;max-width:1192px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(13,14,17,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.55);text-shadow:none}
.cf-bsum{display:flex;flex:1 1 auto;align-items:center;gap:14px;min-width:0;overflow:hidden;min-height:52px;padding:4px 14px 4px 4px;border:0;border-radius:16px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .2s}
.cf-bsum:hover{background:rgba(255,255,255,.05)}
.cf-bstack{display:flex;flex:none;align-items:center;padding-left:10px}
.cf-bstack img,.cf-bmore{flex:none;width:40px;height:40px;margin-left:-10px;border-radius:50%;object-fit:contain;background:#FFFFFF;padding:3px;box-shadow:0 0 0 2px #121316}
.cf-bstack img.dark{background:#1E1F23}
.cf-bmore{display:inline-flex;align-items:center;justify-content:center;padding:0;background:#2A2C31;color:#E4E6E9;font-family:'JetBrains Mono',monospace;font-size:12px}
.cf-bh{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}
.cf-bc b{font-weight:500}
.cf-bl{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8F949B;white-space:nowrap}
.cf-bc{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;letter-spacing:.04em;color:#F2F3F5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-bn{font-family:'Archivo',system-ui,sans-serif;font-weight:400;letter-spacing:0;color:#A3A8AF}
.cf-blink{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding-left:14px;border-left:1px solid rgba(255,255,255,.12);font-size:13px;color:#C4C9D0;white-space:nowrap}
.cf-blink svg{transform:rotate(-90deg)}
.cf-bcta{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 20px;border-radius:999px;background:#C4C9D0;color:#0A0A0B;text-decoration:none;font-size:14px;font-weight:600}
.cf-bcts{display:none}
@media (max-width: 760px){
.cf-fbar{padding:0 10px calc(10px + env(safe-area-inset-bottom,0px))}
.cf-bar-in{gap:8px;padding:6px 6px 6px 8px;border-radius:18px}
.cf-bsum{gap:10px;padding:4px 8px 4px 2px}
.cf-bstack img,.cf-bmore{width:34px;height:34px;margin-left:-9px}
.cf-bl,.cf-blast,.cf-blink,.cf-bctl{display:none}
.cf-bcts{display:inline}
.cf-bc{font-size:14px}
.cf-bsum{gap:8px}
.cf-bcta{min-height:44px;padding:0 14px;font-size:13px}
.cg.cf-padb{padding-bottom:110px}
}
@media (max-width: 400px){.cf-bstack{padding-left:8px}.cf-bstack img,.cf-bmore{width:30px;height:30px;margin-left:-8px;padding:2px}.cf-bmore{font-size:11px}.cf-bc{font-size:13px}.cf-bcta{padding:0 12px;font-size:12.5px;gap:6px}}
@media (prefers-reduced-motion: reduce){.cf-fbar,.cf-fbar.on{transition:none}}

/* ---------- dijital katalog ---------- */
#vx-root .kt,#vx-root .kt-toc,#vx-root .kt-idx-wrap,#vx-root .kt-head p,#vx-root .pt-band,#vx-root .pt-grid{text-shadow:none}
.kt-cfglink{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:14px;color:#D4D7DB;font-size:15px;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(196,201,208,.35)}
.kt-cfglink:hover{color:#FFFFFF;border-color:#FFFFFF}
.kt-hero>.sv-wrap{display:flex;align-items:center;gap:48px}
.kt-hero-txt{flex:1 1 auto;min-width:0}
.kt-cover-fig{flex:none;width:300px;margin-right:24px;perspective:1400px}
.kt-cover-fig img{display:block;width:100%;height:auto;border-radius:4px 10px 10px 4px;transform:rotateY(-18deg) rotateX(4deg);transform-origin:left center;box-shadow:-2px 0 0 #2a2c31,24px 40px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
@media (max-width: 1000px){.kt-cover-fig{display:none}}
.kt-sec{position:relative;border-top:1px solid rgba(255,255,255,.07)}
.kt-sec>.sv-wrap{padding-top:96px;padding-bottom:40px}
.kt-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 48px;margin-bottom:36px}
.kt-head p{margin:0;max-width:380px;font-size:15px;line-height:1.6;color:#8F949B}
.kt{position:relative;color:#F2F3F5}
.kt-stage{position:relative;display:flex;justify-content:center;padding:52px 28px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:radial-gradient(120% 90% at 50% 0%,#191B1F 0%,#0E0F12 60%,#0B0C0E 100%);overflow:hidden}
.kt-book{position:relative;display:flex;width:min(100%,max(260px,calc((100svh - 300px) * .7067)));aspect-ratio:1200/1698;transition:transform .95s cubic-bezier(.42,.08,.24,1)}
.kt-pg{position:relative;flex:1 1 0;min-width:0;margin:0;background:#F3F2EF}
/* kitabın gölgesi tek parça, sayfaların altında: sağ sayfanın gölgesi sol sayfaya taşmaz (sırt gölgesi yalnız ışık modelinden gelir) */
.kt-book::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.kt-spread .kt-book.kt-cover::before{left:50%}
.kt-spread .kt-book.kt-back::before{right:50%}
.kt-pg img{display:block;width:100%;height:100%;object-fit:cover}
.kt-l.kt-empty{display:none}
.kt-r.kt-empty{visibility:hidden}
.kt-spread .kt-book{width:min(100%,max(560px,calc((100svh - 290px) * 1.4134)));aspect-ratio:2400/1698}
.kt-spread .kt-l.kt-empty{display:block;visibility:hidden}
.kt-spread .kt-book.kt-cover{transform:translateX(-25%)}
.kt-spread .kt-book.kt-back{transform:translateX(25%)}
/* sırt gölgesi: JS ışık modelinden üretilen gradyan (--gl/--gr); JS yokken sabit yedek */
.kt-book{--gl:linear-gradient(270deg,rgba(0,0,0,.2),rgba(0,0,0,.05) 4%,transparent 10%);--gr:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.05) 4%,transparent 10%)}
.kt-spread .kt-l::after,.kt-spread .kt-r::after{content:"";position:absolute;inset:0;pointer-events:none}
.kt-spread .kt-l::after{background:var(--gl)}
.kt-spread .kt-r::after{background:var(--gr)}
.kt-cv{position:absolute;z-index:3;pointer-events:none;display:block}
.kt-edge-l,.kt-edge-r{position:absolute;top:0;bottom:0;width:22%;z-index:5;cursor:grab}
.kt-edge-l{left:0}.kt-edge-r{right:0}
.kt-stage{-webkit-user-select:none;user-select:none}
.kt-stage img{-webkit-user-drag:none;user-drag:none}
.kt-spread .kt-book{touch-action:pan-y;cursor:grab}
.kt-spread .kt-book.kt-dragging,.kt-spread .kt-book.kt-dragging .kt-edge-l,.kt-spread .kt-book.kt-dragging .kt-edge-r{cursor:grabbing}
.kt-spread .kt-book.kt-cover .kt-edge-l,.kt-spread .kt-book.kt-back .kt-edge-r{display:none}
.kt-single .kt-edge-l,.kt-single .kt-edge-r{display:none}
.kt-js .kt-pg{cursor:inherit}
.kt-single .kt-book{overflow:hidden}
.kt-in{position:absolute;inset:0;z-index:2}
.kt-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 20px;margin-top:16px}
.kt-chap{margin:0;min-width:0;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8F949B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kt-navg{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0F1012}
.kt-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:50%;background:transparent;color:#E4E6E9;cursor:pointer;transition:background-color .25s,color .25s}
.kt-btn:hover:not(:disabled){background:#C4C9D0;color:#0A0A0B}
.kt-btn:disabled{color:#4A4E55;cursor:default}
.kt-count{margin:0;min-width:96px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:14px;letter-spacing:.08em;color:#F2F3F5;font-variant-numeric:tabular-nums}
.kt-of{color:#8F949B}
.kt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kt-tools{justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.kt-tool{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0F1012;color:#D4D7DB;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;transition:border-color .25s,color .25s,background-color .25s}
.kt-tool:hover{border-color:rgba(255,255,255,.4);color:#FFFFFF}
.kt-dl{background:#C4C9D0;border-color:#C4C9D0;color:#0A0A0B!important;font-weight:600}
.kt-dl:hover{background:#E4E6E9;border-color:#E4E6E9}
.kt-thumbs{margin-top:20px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.kt-thumbs ol{list-style:none;margin:0;padding:0 20px;display:flex;gap:8px;width:max-content}
.kt-thumbs li{flex:none;scroll-margin:120px}
.kt-thumbs a{display:flex;flex-direction:column;align-items:center;gap:6px;width:74px;text-decoration:none;color:#8F949B;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em}
.kt-thumbs img{display:block;width:100%;height:auto;border-radius:3px;outline:1px solid rgba(255,255,255,.08);opacity:.62;transition:opacity .25s,outline-color .25s,transform .25s}
.kt-thumbs a:hover img{opacity:1}
.kt-thumbs a[aria-current] img{opacity:1;outline:2px solid #C4C9D0;outline-offset:2px}
.kt-thumbs a[aria-current]{color:#F2F3F5}
.kt-fs{display:flex;flex-direction:column;justify-content:center;padding:20px 24px;background:#08090B;overflow:auto}
.kt-fs .kt-stage{flex:1 1 auto;align-items:center;padding:16px;border:0;border-radius:0;background:transparent}
.kt-fs .kt-book{width:min(100%,calc((100vh - 130px) * .7067))}
.kt-fs.kt-spread .kt-book{width:min(100%,calc((100vh - 130px) * 1.4134))}
.kt-fs .kt-thumbs{display:none}
.kt-zoom{width:min(1240px,100vw);max-width:100vw;max-height:100vh;height:100vh;margin:0 auto;padding:0;border:0;background:transparent;color:#F2F3F5;overflow:auto}
.kt-zoom::backdrop{background:rgba(5,6,8,.92)}
.kt-zoom-in{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:72px 16px 40px}
.kt-zoom-in img{display:block;width:min(1200px,100%);height:auto;background:#F3F2EF}
.kt-zoom-x{position:fixed;top:16px;right:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(14,15,18,.9);color:#F2F3F5;cursor:pointer}
.kt-zoom-x:hover{background:#C4C9D0;color:#0A0A0B}
.kt-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px 72px;align-items:start}
.kt-toc{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.1)}
.kt-toc a{display:flex;align-items:baseline;gap:20px;min-height:56px;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.1);color:#E4E6E9;text-decoration:none;font-size:18px;font-weight:550;font-stretch:106%;transition:color .2s,padding .3s}
.kt-toc a:hover{color:#FFFFFF;padding-left:10px}
.kt-toc .no,.kt-toc .pg{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:400;letter-spacing:.1em;color:#8F949B}
.kt-toc .nm{flex:1}
.kt-toc .pg{font-size:14px;color:#C4C9D0}
.kt-idx-wrap{margin-top:28px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#0F0F11;overflow:hidden}
.kt-idx{width:100%;border-collapse:collapse;font-size:15px}
.kt-idx th,.kt-idx td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;vertical-align:middle}
.kt-idx tr:last-child th,.kt-idx tr:last-child td{border-bottom:0}
.kt-idx thead th{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#8F949B;background:#121316}
.kt-idx tbody th{font-weight:550;color:#E4E6E9}
.kt-idx .cd{font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.02em;color:#A3A8AF;white-space:nowrap}
.kt-idx .pg{text-align:right}
.kt-idx .pg a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#E4E6E9;text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:12px;white-space:nowrap}
.kt-idx .pg a:hover{background:#C4C9D0;border-color:#C4C9D0;color:#0A0A0B}
.kt-note{margin-top:28px}
@media (max-width: 1100px){.kt-split{grid-template-columns:1fr}}
@media (max-width: 859px){
.kt-bar{grid-template-columns:1fr auto}
.kt-chap{grid-column:1/-1;order:-1;text-align:center}
.kt-navg{justify-self:start}
}
@media (max-width: 760px){
.kt-sec>.sv-wrap{padding-top:64px;padding-bottom:24px}
.kt-stage{padding:20px 12px;border-radius:20px}
.kt-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.kt-chap{flex:1 1 100%}
.kt-btn{width:44px;height:44px}
.kt-count{min-width:76px;font-size:13px}
.kt-tools{flex-wrap:nowrap;gap:6px}
.kt-tool{padding:0 14px}
.kt-tool:not(.kt-dl){width:46px;padding:0;justify-content:center}
.kt-tool:not(.kt-dl) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kt-thumbs a{width:58px}
.kt-toc a{font-size:16px;gap:14px}
.kt-idx th,.kt-idx td{padding:10px 12px}
.kt-idx{font-size:14px}
.kt-idx .cd{white-space:normal;font-size:11.5px}
}
@media (max-width: 400px){.kt-dl span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kt-dl{width:46px;padding:0;justify-content:center}}
@media (prefers-reduced-motion: reduce){.kt-book{transition:none}}

/* ---------- iş ortakları ---------- */
.pt-m,.pt-c{display:block;width:calc(var(--w) * 1px * var(--ls,1));max-width:100%;height:auto}
.pt-band{position:relative;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:64px 0 56px;overflow:hidden;background:linear-gradient(180deg,rgba(9,10,12,.9),rgba(12,13,16,.94))}
.pt-band-head{max-width:1240px;margin:0 auto 36px;padding:0 24px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 40px}
.pt-label{margin:0;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#8F949B}
.pt-band-head p{margin:10px 0 0;font-size:clamp(20px,2.2vw,28px);line-height:1.25;font-weight:600;font-stretch:108%;letter-spacing:-.01em;color:#E4E6E9}
.pt-all{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#C4C9D0;font-size:15px;text-decoration:none}
.pt-all:hover{color:#FFFFFF}
.pt-rows{display:flex;flex-direction:column;gap:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.pt-row{overflow:hidden}
.pt-track{list-style:none;margin:0;padding:0;display:flex;align-items:center;width:max-content;animation:pt-scroll 70s linear infinite}
.pt-rev .pt-track{animation-direction:reverse;animation-duration:78s}
.pt-row:hover .pt-track{animation-play-state:paused}
.pt-track li{flex:none;display:flex;align-items:center;justify-content:center;height:72px;padding:0 34px}
.pt-track .pt-m{opacity:.62;transition:opacity .3s}
.pt-track li:hover .pt-m{opacity:1}
@keyframes pt-scroll{to{transform:translateX(-50%)}}
.pt-grid{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.pt-tile{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#101113;overflow:hidden;transition:background-color .35s,border-color .35s}
.pt-tile .pt-m{--ls:.82;opacity:.78;transition:opacity .3s}
.pt-tile .pt-c{--ls:.82;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .35s}
@media (hover: hover){
.pt-tile:hover{background:#F3F2EF;border-color:#F3F2EF}
.pt-tile:hover .pt-m{opacity:0}
.pt-tile:hover .pt-c{opacity:1}
}
@media (max-width: 1100px){.pt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width: 760px){
.pt-band{padding:48px 0 40px}
.pt-band-head{padding:0 20px;margin-bottom:24px}
.pt-track li{height:60px;padding:0 24px}
.pt-track .pt-m{--ls:.78}
.pt-rows{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.pt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pt-tile{aspect-ratio:4/3;border-radius:12px;padding:8px}
.pt-tile .pt-m,.pt-tile .pt-c{--ls:.6}
}
@media (prefers-reduced-motion: reduce){
.pt-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;max-width:1240px;margin:0 auto}
.pt-dup{display:none!important}
.pt-rows{-webkit-mask-image:none;mask-image:none}
}
#okuyucu{scroll-margin-top:92px}
.kt:not(.kt-js) .kt-btn{visibility:hidden}