/* V11 - hareketli giriş, teknik hotspot, cihaz maketleri, proje hikayeleri ve kısa klipler */
.vx11-hero{position:relative;min-height:clamp(650px,82vh,900px);overflow:hidden;background:#030507;isolation:isolate}.vx11-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease}.vx11-slide.is-active{opacity:1;visibility:visible;z-index:2}.vx11-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);transition:transform 7s linear}.vx11-slide.is-active img{transform:scale(1.095)}.vx11-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,7,.99) 0%,rgba(2,4,7,.92) 31%,rgba(2,4,7,.52) 57%,rgba(2,4,7,.08) 84%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 52%)}.vx11-hero-inner{position:relative;z-index:3;width:min(1200px,calc(100% - 40px));min-height:clamp(650px,82vh,900px);margin:auto;display:flex;align-items:center}.vx11-copy{width:min(590px,58%);padding:78px 0 82px}.vx11-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(214,175,86,.34);border-radius:999px;background:rgba(5,5,5,.6);padding:8px 13px;color:#d6af56;font-weight:900;font-size:12px;letter-spacing:.06em}.vx11-copy h1{font-size:clamp(43px,6vw,78px);line-height:.98;margin:17px 0;color:#fff;letter-spacing:-.035em}.vx11-copy h1 span{display:block;color:#d6af56}.vx11-copy p{max-width:590px;color:#ddd;font-size:clamp(16px,2vw,20px);line-height:1.68;margin:0 0 25px}.vx11-actions{display:flex;gap:11px;flex-wrap:wrap}.vx11-actions .btn{margin:0!important}.vx11-controls{position:absolute;z-index:5;left:max(20px,calc((100% - 1200px)/2));right:max(20px,calc((100% - 1200px)/2));bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vx11-dots{display:flex;gap:8px}.vx11-dot{appearance:none;width:34px;height:5px;border:0;border-radius:999px;background:rgba(255,255,255,.28);cursor:pointer;padding:0;transition:.25s}.vx11-dot.is-active{width:64px;background:#d6af56}.vx11-arrows{display:flex;gap:8px}.vx11-arrow{width:47px;height:47px;border-radius:50%;border:1px solid rgba(214,175,86,.32);background:rgba(4,4,4,.7);color:#fff;font-size:21px;cursor:pointer;backdrop-filter:blur(8px)}.vx11-arrow:hover{background:#d6af56;color:#050505}.vx11-progress{position:absolute;z-index:5;left:0;bottom:0;width:100%;height:3px;background:rgba(255,255,255,.08)}.vx11-progress span{display:block;width:0;height:100%;background:#d6af56}.vx11-hero.is-running .vx11-progress span{animation:vx11Progress 6s linear forwards}@keyframes vx11Progress{to{width:100%}}
.vx11-section{padding:72px 20px}.vx11-shell{width:min(1160px,100%);margin:auto}.vx11-grid-two{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}.vx11-panel{border:1px solid rgba(214,175,86,.24);border-radius:27px;background:linear-gradient(145deg,#101214,#050607);overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.34)}.vx11-panel-copy{padding:29px}.vx11-panel-copy>span,.vx11-label{color:#d6af56;font-size:12px;font-weight:900;letter-spacing:.08em}.vx11-panel-copy h2,.vx11-panel-copy h3{color:#fff;margin:9px 0 10px}.vx11-panel-copy h2{font-size:clamp(27px,4vw,43px)}.vx11-panel-copy p{color:#bbb;line-height:1.68}.vx11-note{color:#888;font-size:12px;line-height:1.5}
.vx11-hotspot-stage{position:relative;min-height:600px;background:#030405}.vx11-hotspot-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vx11-hotspot-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,7,.12),rgba(3,5,7,.38))}.vx11-hotspot{position:absolute;z-index:3;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;border:2px solid #050505;background:#d6af56;color:#050505;font-weight:950;box-shadow:0 0 0 7px rgba(214,175,86,.18),0 8px 24px rgba(0,0,0,.45);cursor:pointer;animation:vx11Pulse 2.2s infinite}.vx11-hotspot.is-active{background:#fff;animation:none}.vx11-hotspot-card{position:absolute;z-index:4;left:24px;bottom:24px;width:min(390px,calc(100% - 48px));border:1px solid rgba(214,175,86,.35);border-radius:18px;background:rgba(5,6,7,.91);backdrop-filter:blur(15px);padding:18px;box-sizing:border-box}.vx11-hotspot-card strong{display:block;color:#d6af56;font-size:18px}.vx11-hotspot-card p{color:#ddd;line-height:1.58;margin:7px 0 0}@keyframes vx11Pulse{50%{box-shadow:0 0 0 13px rgba(214,175,86,.06),0 8px 24px rgba(0,0,0,.45)}}
.vx11-device-stage{position:relative;min-height:600px;padding:45px 24px;background:radial-gradient(circle at 74% 34%,rgba(214,175,86,.12),transparent 32%),#050607;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.vx11-device-stage:before{content:"UZAKTAN İZLEME";position:absolute;top:26px;left:26px;color:rgba(255,255,255,.055);font-size:clamp(42px,8vw,100px);font-weight:950;letter-spacing:-.06em;white-space:nowrap}.vx11-laptop{width:min(620px,78%);position:relative;z-index:1}.vx11-laptop-screen{aspect-ratio:16/10;border:13px solid #24272b;border-bottom-width:18px;border-radius:14px 14px 4px 4px;background:#030303;padding:8px;box-shadow:0 25px 70px rgba(0,0,0,.55)}.vx11-screen-grid{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:5px}.vx11-screen-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05)}.vx11-laptop-base{height:16px;margin:0 -30px;border-radius:2px 2px 18px 18px;background:linear-gradient(#555,#1c1e20)}.vx11-tablet,.vx11-phone{position:absolute;z-index:2;background:#111;border:8px solid #25282c;box-shadow:0 18px 50px rgba(0,0,0,.55);overflow:hidden}.vx11-tablet{width:210px;aspect-ratio:4/3;right:31px;bottom:47px;border-radius:16px}.vx11-phone{width:104px;aspect-ratio:9/19;left:38px;bottom:38px;border-radius:22px;border-width:7px}.vx11-tablet img,.vx11-phone img{width:100%;height:100%;object-fit:cover}.vx11-live{position:absolute;top:8px;left:8px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.7);font-size:9px;color:#fff;font-weight:900}.vx11-live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#55d98b;margin-right:4px}
.vx11-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.vx11-story{border:1px solid rgba(214,175,86,.22);border-radius:22px;background:#0a0b0c;overflow:hidden;transition:.25s}.vx11-story:hover{transform:translateY(-5px);border-color:rgba(214,175,86,.55)}.vx11-story-media{position:relative;aspect-ratio:16/10;overflow:hidden}.vx11-story-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.vx11-story:hover img{transform:scale(1.05)}.vx11-story-badge{position:absolute;left:13px;bottom:13px;background:#d6af56;color:#050505;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:950}.vx11-story-body{padding:19px}.vx11-story-body h3{color:#fff;margin:0 0 8px}.vx11-story-body p{color:#aaa;line-height:1.58}.vx11-story-steps{display:grid;gap:9px;margin:15px 0}.vx11-story-step{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start;color:#d8d8d8;font-size:13px;line-height:1.48}.vx11-story-step span{width:25px;height:25px;border-radius:8px;background:rgba(214,175,86,.14);color:#d6af56;display:grid;place-items:center;font-weight:950}.vx11-story a{color:#050505;background:#d6af56;text-decoration:none;display:inline-flex;padding:9px 12px;border-radius:10px;font-weight:900}
.vx11-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vx11-video-card{position:relative;border:1px solid rgba(214,175,86,.22);border-radius:20px;background:#08090a;overflow:hidden}.vx11-video-frame{position:relative;aspect-ratio:9/14;background:#020303;overflow:hidden}.vx11-video-frame video{width:100%;height:100%;object-fit:cover;display:block}.vx11-video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%)}.vx11-video-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:0;border-radius:50%;background:rgba(214,175,86,.92);color:#050505;font-size:22px;cursor:pointer;box-shadow:0 13px 35px rgba(0,0,0,.45)}.vx11-video-card.is-playing .vx11-video-play{opacity:0;pointer-events:none}.vx11-video-time{position:absolute;z-index:3;right:10px;bottom:10px;background:rgba(0,0,0,.7);color:#fff;border-radius:7px;padding:4px 7px;font-size:10px}.vx11-video-copy{padding:14px}.vx11-video-copy strong{display:block;color:#fff}.vx11-video-copy span{color:#999;font-size:12px}.vx11-video-disclaimer{margin-top:14px;color:#858585;text-align:center;font-size:12px}
@media(max-width:980px){.vx11-grid-two{grid-template-columns:1fr}.vx11-story-grid{grid-template-columns:repeat(2,1fr)}.vx11-video-grid{grid-template-columns:repeat(2,1fr)}.vx11-copy{width:70%}}
@media(max-width:680px){.vx11-hero{min-height:720px}.vx11-hero-inner{width:calc(100% - 28px);min-height:720px;align-items:flex-end}.vx11-slide img{object-position:68% center}.vx11-slide:after{background:linear-gradient(0deg,rgba(2,4,7,.99) 0%,rgba(2,4,7,.93) 45%,rgba(2,4,7,.15) 80%),linear-gradient(90deg,rgba(2,4,7,.25),transparent)}.vx11-copy{width:100%;padding:320px 4px 90px}.vx11-copy h1{font-size:42px}.vx11-copy p{font-size:15px}.vx11-controls{left:14px;right:14px;bottom:19px}.vx11-dots{overflow:hidden}.vx11-dot{width:19px}.vx11-dot.is-active{width:34px}.vx11-arrow{width:42px;height:42px}.vx11-section{padding:50px 14px}.vx11-hotspot-stage{min-height:530px}.vx11-device-stage{min-height:520px}.vx11-laptop{width:90%}.vx11-tablet{width:155px;right:11px;bottom:38px}.vx11-phone{width:78px;left:9px;bottom:29px}.vx11-story-grid,.vx11-video-grid{grid-template-columns:1fr}.vx11-video-frame{aspect-ratio:16/10}.vx11-story-grid{gap:13px}}
@media(prefers-reduced-motion:reduce){.vx11-slide,.vx11-slide img,.vx11-hotspot,.vx11-story,.vx11-story img,.vx11-progress span{animation:none!important;transition:none!important}}