/* OTORIXA Native Slider — scoped, layout-safe */

.otx-native-slider-section{
            --bg-deep: #03050F;
            --bg-dark: #080C1A;
            --bg-card: rgba(12,17,40,0.88);
            --bg-glass: rgba(255,255,255,0.03);
            --border: rgba(255,255,255,0.06);
            --border-hover: rgba(255,255,255,0.12);
            --text: #E8ECF4;
            --text-dim: #7A85A0;
            --text-muted: #4A5578;
            --purple: #7C3AED;
            --purple-light: #A78BFA;
            --purple-dark: #5B21B6;
            --green: #06D6A0;
            --green-dark: #059669;
            --cyan: #00E5FF;
            --orange: #F59E0B;
            --x-color: #000000;
            --ig-gradient: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
            --linkedin-color: #0A66C2;
            --fb-color: #1877F2;
            --yt-color: #FF0000;
            --tiktok-color: #00F2EA;
            --pinterest-color: #E60023;
            --telegram-color: #26A5E4;
            --whatsapp-color: #25D366;
            --blogspot-color: #FF6F00;
            --wordpress-color: #21759B;
            --gbiz-color: #4285F4;
            --chatgpt-color: #10A37F;
            --gemini-color: #8E75B2;
            --claude-color: #D97757;
            --copilot-color: #7B83EB;
            --perplexity-color: #20B8CD;
            --midjourney-color: #FFFFFF;
        }
/* ══════════════════════════════════════
           SLIDER CORE
        ══════════════════════════════════════ */
        .otx-native-slider-section .otx-slider{
            position: relative;
            width: 100%;
            height: var(--otx-native-slider-height, clamp(680px, calc(100svh - var(--hdr-offset, 68px)), 920px));
            overflow: hidden;
        }

        /* BG LAYERS */
        .otx-native-slider-section .otx-bg{
            position: absolute;
            inset: 0;
            z-index: 0;
        }

        .otx-native-slider-section .otx-bg::before{
            content: "";
            position: absolute;
            inset: -50%;
            width: 200%;
            height: 200%;
            background:
                radial-gradient(ellipse 800px 800px at 15% 25%, rgba(124,58,237,0.08) 0%, transparent 70%),
                radial-gradient(ellipse 600px 600px at 85% 65%, rgba(6,214,160,0.06) 0%, transparent 70%),
                radial-gradient(ellipse 500px 500px at 50% 90%, rgba(0,229,255,0.04) 0%, transparent 70%);
            animation: bgDrift 25s ease-in-out infinite;
        }

        @keyframes bgDrift {
            0%,100%{transform:translate(0,0) scale(1)}
            33%{transform:translate(-2%,1.5%) scale(1.01)}
            66%{transform:translate(1.5%,-1%) scale(0.99)}
        }

        .otx-native-slider-section .neural-mesh{
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(124,58,237,0.025) 1px, transparent 1px),
                linear-gradient(90deg, rgba(124,58,237,0.025) 1px, transparent 1px);
            background-size: 80px 80px;
            animation: meshScroll 40s linear infinite;
        }

        @keyframes meshScroll {
            0%{transform:translate(0,0)}
            100%{transform:translate(80px,80px)}
        }

        .otx-native-slider-section .particles-layer{
            position: absolute;
            inset: 0;
            overflow: hidden;
        }

        .otx-native-slider-section .ptc{
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
            animation: ptcFloat linear infinite;
        }

        @keyframes ptcFloat {
            0%{transform:translateY(100vh) scale(0);opacity:0}
            8%{opacity:.8}
            92%{opacity:.8}
            100%{transform:translateY(-5vh) scale(1);opacity:0}
        }

        /* SPIDER WEB CANVAS */
        .otx-native-slider-section .spider-web-canvas{
            position: absolute;
            inset: 0;
            z-index: 1;
            pointer-events: none;
        }

        /* ══════════════════════════════════════
           SLIDES
        ══════════════════════════════════════ */
        .otx-native-slider-section .otx-slides{
            position: relative;
            z-index: 3;
            width: 100%;
            height: 100%;
        }

        .otx-native-slider-section .otx-slide{
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transform: scale(0.96) translateY(20px);
            transition: all 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
            pointer-events: none;
        }

        .otx-native-slider-section .otx-slide.active{
            opacity: 1;
            visibility: visible;
            transform: scale(1) translateY(0);
            pointer-events: all;
        }

        .otx-native-slider-section .otx-slide.leaving{
            opacity: 0;
            transform: scale(1.02) translateY(-20px);
        }

        .otx-native-slider-section .slide-content{
            width: 100%;
            max-width: 1440px;
            margin: 0 auto;
            padding: 60px 48px 100px;
        }

        /* FADE UP ANIM */
        .otx-native-slider-section .fu{
            opacity: 0;
            transform: translateY(35px);
            transition: all 0.7s cubic-bezier(0.22,0.61,0.36,1);
        }

        .otx-native-slider-section .otx-slide.active .fu{
            opacity: 1;
            transform: translateY(0);
        }

        .otx-native-slider-section .otx-slide.active .fu:nth-child(1){transition-delay:.08s}
        .otx-native-slider-section .otx-slide.active .fu:nth-child(2){transition-delay:.16s}
        .otx-native-slider-section .otx-slide.active .fu:nth-child(3){transition-delay:.24s}
        .otx-native-slider-section .otx-slide.active .fu:nth-child(4){transition-delay:.32s}
        .otx-native-slider-section .otx-slide.active .fu:nth-child(5){transition-delay:.40s}
        .otx-native-slider-section .otx-slide.active .fu:nth-child(6){transition-delay:.48s}

        /* STAGGER */
        .otx-native-slider-section .stg > *{
            opacity: 0;
            transform: translateY(24px);
            transition: all 0.55s cubic-bezier(0.22,0.61,0.36,1);
        }
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.12s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.20s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.28s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.36s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.44s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.52s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(7){opacity:1;transform:translateY(0);transition-delay:.60s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(8){opacity:1;transform:translateY(0);transition-delay:.68s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(9){opacity:1;transform:translateY(0);transition-delay:.76s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(10){opacity:1;transform:translateY(0);transition-delay:.84s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(11){opacity:1;transform:translateY(0);transition-delay:.92s}
        .otx-native-slider-section .otx-slide.active .stg > *:nth-child(12){opacity:1;transform:translateY(0);transition-delay:1.0s}

        /* ══════════════════════════════════════
           SHARED COMPONENTS
        ══════════════════════════════════════ */
        .otx-native-slider-section .section-badge{
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 7px 20px;
            background: var(--bg-glass);
            border: 1px solid var(--border);
            border-radius: 100px;
            font-size: .78rem;
            font-weight: 600;
            color: var(--green);
            letter-spacing: 1.5px;
            text-transform: uppercase;
            backdrop-filter: blur(12px);
        }

        .otx-native-slider-section .section-badge .pulse-dot{
            width: 6px; height: 6px;
            border-radius: 50%;
            background: var(--green);
            animation: pDot 2s ease-in-out infinite;
        }

        @keyframes pDot {
            0%,100%{opacity:1;transform:scale(1)}
            50%{opacity:.3;transform:scale(.7)}
        }

        .otx-native-slider-section .section-title{
            font-family: "Space Grotesk", sans-serif;
            font-size: clamp(1.9rem, 4.5vw, 3.6rem);
            font-weight: 800;
            line-height: 1.15;
            letter-spacing: -0.02em;
        }

        .otx-native-slider-section .gradient-text{
            background: linear-gradient(135deg, var(--purple-light), var(--green), var(--cyan));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .otx-native-slider-section .section-desc{
            font-size: clamp(.92rem, 1.6vw, 1.1rem);
            color: var(--text-dim);
            line-height: 1.85;
            max-width: 820px;
        }

        .otx-native-slider-section .typing-cursor{
            display: inline-block;
            width: 3px;
            height: 1em;
            background: var(--green);
            margin-left: 3px;
            vertical-align: text-bottom;
            animation: blink 1s step-end infinite;
        }

        @keyframes blink {
            0%,50%{opacity:1}
            51%,100%{opacity:0}
        }

        /* ══════════════════════════════════════
           SLIDE 1 — HERO
        ══════════════════════════════════════ */
        .otx-native-slider-section .hero-inner{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 32px;
        }

        /* Animated OTORIX AI Core */
        .otx-native-slider-section .otx-core-wrap{
            position: relative;
            width: 160px;
            height: 160px;
        }

        .otx-native-slider-section .otx-core{
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, var(--purple), var(--purple-dark));
            border-radius: 36px;
            z-index: 2;
            box-shadow:
                0 0 80px rgba(124,58,237,0.35),
                inset 0 1px 0 rgba(255,255,255,0.1);
        }

        .otx-native-slider-section .otx-core .core-label{
            font-family: "Space Grotesk", sans-serif;
            font-weight: 800;
            font-size: 1.1rem;
            letter-spacing: 3px;
            color: #fff;
        }

        .otx-native-slider-section .otx-core .core-sub{
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            font-size: .7rem;
            color: rgba(255,255,255,0.6);
            letter-spacing: 2px;
            margin-top: 2px;
        }

        .otx-native-slider-section .core-ring{
            position: absolute;
            border: 1.5px solid rgba(124,58,237,0.2);
            border-radius: 44px;
            animation: coreRing 5s ease-in-out infinite;
        }

        .otx-native-slider-section .core-ring:nth-child(1){inset:-16px;animation-delay:0s}
        .otx-native-slider-section .core-ring:nth-child(2){inset:-34px;border-color:rgba(6,214,160,0.12);border-radius:52px;animation-delay:1.2s}
        .otx-native-slider-section .core-ring:nth-child(3){inset:-52px;border-color:rgba(0,229,255,0.07);border-radius:60px;animation-delay:2.4s}

        @keyframes coreRing {
            0%,100%{transform:scale(1) rotate(0deg);opacity:.4}
            50%{transform:scale(1.06) rotate(3deg);opacity:.8}
        }

        /* Orbiting Icons */
        .otx-native-slider-section .orbit-ring{
            position: absolute;
            inset: -65px;
            animation: orbitSpin 30s linear infinite;
        }

        .otx-native-slider-section .orbit-icon{
            position: absolute;
            width: 34px;
            height: 34px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .8rem;
            color: #fff;
            background: var(--bg-card);
            border: 1px solid var(--border);
            animation: orbitCounterSpin 30s linear infinite;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
        }

        .otx-native-slider-section .orbit-icon:nth-child(1){top:0;left:50%;transform:translateX(-50%)}
        .otx-native-slider-section .orbit-icon:nth-child(2){top:50%;right:0;transform:translateY(-50%)}
        .otx-native-slider-section .orbit-icon:nth-child(3){bottom:0;left:50%;transform:translateX(-50%)}
        .otx-native-slider-section .orbit-icon:nth-child(4){top:50%;left:0;transform:translateY(-50%)}
        .otx-native-slider-section .orbit-icon:nth-child(5){top:12%;right:12%}
        .otx-native-slider-section .orbit-icon:nth-child(6){bottom:12%;right:12%}
        .otx-native-slider-section .orbit-icon:nth-child(7){bottom:12%;left:12%}
        .otx-native-slider-section .orbit-icon:nth-child(8){top:12%;left:12%}

        @keyframes orbitSpin { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }
        @keyframes orbitCounterSpin { 0%{transform:rotate(0)} 100%{transform:rotate(-360deg)} }

        .otx-native-slider-section .hero-title{ max-width: 950px; }

        .otx-native-slider-section .hero-desc{ max-width: 800px; }

        /* Experience Badge */
        .otx-native-slider-section .exp-badge{
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 12px 28px;
            background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(6,214,160,0.08));
            border: 1px solid rgba(124,58,237,0.2);
            border-radius: 100px;
            backdrop-filter: blur(12px);
        }

        .otx-native-slider-section .exp-badge .exp-number{
            font-family: "Space Grotesk", sans-serif;
            font-size: 1.8rem;
            font-weight: 800;
            background: linear-gradient(135deg, var(--purple-light), var(--green));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .otx-native-slider-section .exp-badge .exp-text{
            font-size: .85rem;
            font-weight: 600;
            color: var(--text-dim);
            text-align: left;
            line-height: 1.3;
        }

        /* Hero Stats Row */
        .otx-native-slider-section .hero-stats{
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            justify-content: center;
        }

        .otx-native-slider-section .h-stat{
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 14px 22px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 16px;
            backdrop-filter: blur(16px);
            transition: all .35s ease;
        }

        .otx-native-slider-section .h-stat:hover{
            border-color: var(--purple);
            transform: translateY(-3px);
            box-shadow: 0 12px 35px rgba(124,58,237,0.12);
        }

        .otx-native-slider-section .h-stat-icon{
            width: 38px; height: 38px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            background: rgba(6,214,160,0.1);
            color: var(--green);
        }

        .otx-native-slider-section .h-stat-info .h-stat-label{
            font-size: .72rem;
            color: var(--text-muted);
            font-weight: 500;
        }

        .otx-native-slider-section .h-stat-info .h-stat-value{
            font-size: .88rem;
            font-weight: 700;
            color: var(--text);
        }

        /* ══════════════════════════════════════
           SLIDE 2 — 1'DEN 100'E DÖNÜŞÜM
        ══════════════════════════════════════ */
        .otx-native-slider-section .transform-inner{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 44px;
        }

        .otx-native-slider-section .content-pipeline{
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0;
            width: 100%;
            flex-wrap: wrap;
        }

        /* Source Block */
        .otx-native-slider-section .pipe-source{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 14px;
            padding: 28px 32px;
            background: linear-gradient(135deg, var(--purple), var(--purple-dark));
            border-radius: 22px;
            box-shadow: 0 0 60px rgba(124,58,237,0.3);
            min-width: 160px;
        }

        .otx-native-slider-section .pipe-source .ps-icon{
            width: 54px; height: 54px;
            background: rgba(255,255,255,0.15);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }

        .otx-native-slider-section .pipe-source h4{ font-size: 1rem; font-weight: 700; }

        .otx-native-slider-section .pipe-source .ps-count{
            font-family: "Space Grotesk", sans-serif;
            font-size: 3rem;
            font-weight: 900;
            line-height: 1;
        }

        /* Pipe Arrow */
        .otx-native-slider-section .pipe-arrow{
            position: relative;
            padding: 0 8px;
            display: flex;
            align-items: center;
        }

        .otx-native-slider-section .pipe-arrow .pa-line{
            width: 70px;
            height: 3px;
            background: linear-gradient(90deg, var(--purple), var(--green));
            position: relative;
        }

        .otx-native-slider-section .pipe-arrow .pa-line::after{
            content: "";
            position: absolute;
            right: -7px;
            top: 50%;
            transform: translateY(-50%);
            border: 6px solid transparent;
            border-left-color: var(--green);
        }

        .otx-native-slider-section .pa-label{
            position: absolute;
            top: -24px;
            left: 50%;
            transform: translateX(-50%);
            font-size: .65rem;
            font-weight: 700;
            color: var(--green);
            letter-spacing: 2px;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .otx-native-slider-section .pa-pulse{
            position: absolute;
            width: 8px; height: 8px;
            background: var(--green);
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            animation: paPulse 2s ease-in-out infinite;
            box-shadow: 0 0 12px rgba(6,214,160,0.5);
        }

        @keyframes paPulse {
            0%{left:0;opacity:0}
            15%{opacity:1}
            85%{opacity:1}
            100%{left:calc(100% - 8px);opacity:0}
        }

        /* Engine Block */
        .otx-native-slider-section .pipe-engine{
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 14px;
            padding: 32px 40px;
            background: var(--bg-card);
            border: 2px solid var(--green);
            border-radius: 24px;
            box-shadow: 0 0 70px rgba(6,214,160,0.15);
        }

        .otx-native-slider-section .pe-badge{
            position: absolute;
            top: -13px;
            padding: 4px 18px;
            background: var(--green);
            color: var(--bg-deep);
            font-size: .68rem;
            font-weight: 800;
            border-radius: 100px;
            letter-spacing: 2px;
        }

        .otx-native-slider-section .pe-icon{
            width: 64px; height: 64px;
            background: linear-gradient(135deg, var(--green), var(--green-dark));
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.6rem;
            color: #fff;
            animation: peRotate 10s linear infinite;
        }

        @keyframes peRotate {
            0%{transform:rotate(0)}
            100%{transform:rotate(360deg)}
        }

        .otx-native-slider-section .pipe-engine h4{
            font-family: "Space Grotesk", sans-serif;
            font-size: 1.15rem;
            font-weight: 800;
            letter-spacing: 3px;
        }

        /* Results Grid */
        .otx-native-slider-section .pipe-results{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 8px;
            min-width: 300px;
        }

        .otx-native-slider-section .pr-item{
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 11px 14px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            transition: all .3s ease;
            backdrop-filter: blur(10px);
        }

        .otx-native-slider-section .pr-item:hover{
            border-color: var(--green);
            transform: translateX(4px);
        }

        .otx-native-slider-section .pr-item i{
            font-size: .85rem;
            width: 28px; height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 7px;
            background: var(--bg-glass);
            color: var(--green);
            flex-shrink: 0;
        }

        .otx-native-slider-section .pr-item span{ font-size: .78rem; font-weight: 500; }

        .otx-native-slider-section .pr-item .pr-count{
            margin-left: auto;
            font-size: .72rem;
            color: var(--green);
            font-weight: 700;
            font-family: "Space Grotesk", sans-serif;
        }

        .otx-native-slider-section .pr-total{
            border-color: var(--green) !important;
            background: rgba(6,214,160,0.04) !important;
        }

        .otx-native-slider-section .pr-total i{ color: var(--green) !important; background: rgba(6,214,160,0.12) !important; }
        .otx-native-slider-section .pr-total span{ font-weight: 700 !important; color: var(--green) !important; }
        .otx-native-slider-section .pr-total .pr-count{ font-size: .85rem !important; }

        /* ══════════════════════════════════════
           SLIDE 3 — AI MOTORLARI
        ══════════════════════════════════════ */
        .otx-native-slider-section .ai-inner{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 44px;
        }

        .otx-native-slider-section .ai-grid{
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 16px;
            width: 100%;
            max-width: 1200px;
        }

        .otx-native-slider-section .ai-card{
            position: relative;
            padding: 28px 18px 24px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 20px;
            backdrop-filter: blur(16px);
            text-align: center;
            transition: all .4s cubic-bezier(.22,.61,.36,1);
            overflow: hidden;
            cursor: pointer;
        }

        .otx-native-slider-section .ai-card:hover{
            transform: translateY(-10px);
        }

        .otx-native-slider-section .ai-card .aic-icon{
            width: 56px; height: 56px;
            margin: 0 auto 14px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            position: relative;
            z-index: 1;
        }

        .otx-native-slider-section .ai-card .aic-icon svg{ width: 30px; height: 30px; }

        .otx-native-slider-section .ai-card h4{
            font-family: "Space Grotesk", sans-serif;
            font-size: .95rem;
            font-weight: 700;
            margin-bottom: 6px;
            position: relative;
            z-index: 1;
        }

        .otx-native-slider-section .ai-card p{
            font-size: .73rem;
            color: var(--text-dim);
            line-height: 1.5;
            position: relative;
            z-index: 1;
        }

        .otx-native-slider-section .aic-glow{
            position: absolute;
            bottom: -25px;
            left: 50%;
            transform: translateX(-50%);
            width: 90px; height: 90px;
            border-radius: 50%;
            filter: blur(35px);
            opacity: .2;
            transition: opacity .4s;
        }

        .otx-native-slider-section .ai-card:hover .aic-glow{ opacity: .45; }

        /* AI Card Colors */
        .otx-native-slider-section .ai-card.chatgpt .aic-icon{background:rgba(16,163,127,.12);color:var(--chatgpt-color)}
        .otx-native-slider-section .ai-card.chatgpt .aic-glow{background:var(--chatgpt-color)}
        .otx-native-slider-section .ai-card.chatgpt:hover{border-color:rgba(16,163,127,.3);box-shadow:0 20px 50px rgba(16,163,127,.1)}

        .otx-native-slider-section .ai-card.gemini .aic-icon{background:rgba(142,117,178,.12);color:var(--gemini-color)}
        .otx-native-slider-section .ai-card.gemini .aic-glow{background:var(--gemini-color)}
        .otx-native-slider-section .ai-card.gemini:hover{border-color:rgba(142,117,178,.3);box-shadow:0 20px 50px rgba(142,117,178,.1)}

        .otx-native-slider-section .ai-card.claude .aic-icon{background:rgba(217,119,87,.12);color:var(--claude-color)}
        .otx-native-slider-section .ai-card.claude .aic-glow{background:var(--claude-color)}
        .otx-native-slider-section .ai-card.claude:hover{border-color:rgba(217,119,87,.3);box-shadow:0 20px 50px rgba(217,119,87,.1)}

        .otx-native-slider-section .ai-card.copilot .aic-icon{background:rgba(123,131,235,.12);color:var(--copilot-color)}
        .otx-native-slider-section .ai-card.copilot .aic-glow{background:var(--copilot-color)}
        .otx-native-slider-section .ai-card.copilot:hover{border-color:rgba(123,131,235,.3);box-shadow:0 20px 50px rgba(123,131,235,.1)}

        .otx-native-slider-section .ai-card.perplexity .aic-icon{background:rgba(32,184,205,.12);color:var(--perplexity-color)}
        .otx-native-slider-section .ai-card.perplexity .aic-glow{background:var(--perplexity-color)}
        .otx-native-slider-section .ai-card.perplexity:hover{border-color:rgba(32,184,205,.3);box-shadow:0 20px 50px rgba(32,184,205,.1)}

        .otx-native-slider-section .ai-card.midjourney .aic-icon{background:rgba(255,255,255,.06);color:#fff}
        .otx-native-slider-section .ai-card.midjourney .aic-glow{background:#fff}
        .otx-native-slider-section .ai-card.midjourney:hover{border-color:rgba(255,255,255,.15);box-shadow:0 20px 50px rgba(255,255,255,.04)}

        /* AI to Social Connection Visual */
        .otx-native-slider-section .ai-connect-line{
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            padding: 20px 0;
        }

        .otx-native-slider-section .acl-line{
            width: 200px;
            height: 2px;
            background: linear-gradient(90deg, var(--purple), var(--green));
            position: relative;
        }

        .otx-native-slider-section .acl-dot{
            width: 10px; height: 10px;
            background: var(--green);
            border-radius: 50%;
            box-shadow: 0 0 15px rgba(6,214,160,.5);
            animation: aclMove 3s ease-in-out infinite;
        }

        @keyframes aclMove {
            0%,100%{transform:scale(1);opacity:.5}
            50%{transform:scale(1.4);opacity:1}
        }

        .otx-native-slider-section .acl-label{
            font-size: .7rem;
            font-weight: 700;
            color: var(--green);
            letter-spacing: 3px;
            text-transform: uppercase;
        }

        /* ══════════════════════════════════════
           SLIDE 4 — ÖRÜMCEK AĞI SOSYAL MEDYA
        ══════════════════════════════════════ */
        .otx-native-slider-section .spider-inner{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 36px;
        }

        .otx-native-slider-section .platform-grid{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 14px;
            width: 100%;
            max-width: 1300px;
        }

        /* Platform Card */
        .otx-native-slider-section .plat-card{
            position: relative;
            padding: 22px 16px 18px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 18px;
            backdrop-filter: blur(16px);
            text-align: left;
            transition: all .4s cubic-bezier(.22,.61,.36,1);
            overflow: hidden;
            cursor: pointer;
        }

        .otx-native-slider-section .plat-card:hover{
            transform: translateY(-6px);
        }

        .otx-native-slider-section .plat-card .pc-top{
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 14px;
        }

        .otx-native-slider-section .plat-card .pc-icon{
            width: 44px; height: 44px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            color: #fff;
            flex-shrink: 0;
            position: relative;
            z-index: 1;
        }

        .otx-native-slider-section .plat-card .pc-name{
            font-family: "Space Grotesk", sans-serif;
            font-size: .9rem;
            font-weight: 700;
            position: relative;
            z-index: 1;
        }

        .otx-native-slider-section .plat-card .pc-status{
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 3px 10px;
            border-radius: 100px;
            font-size: .6rem;
            font-weight: 700;
            position: relative;
            z-index: 1;
        }

        .otx-native-slider-section .pc-status.active-status{
            background: rgba(6,214,160,.1);
            color: var(--green);
        }

        .otx-native-slider-section .pc-status .st-dot{
            width: 5px; height: 5px;
            border-radius: 50%;
            background: var(--green);
            animation: pDot 2s ease-in-out infinite;
        }

        .otx-native-slider-section .plat-card .pc-desc{
            font-size: .76rem;
            color: var(--text-dim);
            line-height: 1.5;
            margin-bottom: 12px;
            position: relative;
            z-index: 1;
        }

        /* Platform meta tags */
        .otx-native-slider-section .pc-meta{
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            position: relative;
            z-index: 1;
        }

        .otx-native-slider-section .pc-tag{
            padding: 3px 8px;
            background: var(--bg-glass);
            border: 1px solid var(--border);
            border-radius: 6px;
            font-size: .62rem;
            font-weight: 500;
            color: var(--text-dim);
            transition: all .2s;
        }

        .otx-native-slider-section .pc-tag:hover{
            border-color: var(--border-hover);
            color: var(--text);
        }

        .otx-native-slider-section .pc-tag.tag-seo{ color: var(--green); border-color: rgba(6,214,160,.15); }
        .otx-native-slider-section .pc-tag.tag-ai{ color: var(--purple-light); border-color: rgba(124,58,237,.15); }
        .otx-native-slider-section .pc-tag.tag-format{ color: var(--cyan); border-color: rgba(0,229,255,.15); }
        .otx-native-slider-section .pc-tag.tag-authority{ color: var(--orange); border-color: rgba(245,158,11,.15); }

        .otx-native-slider-section .plat-card .pc-glow{
            position: absolute;
            bottom: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 70px; height: 70px;
            border-radius: 50%;
            filter: blur(30px);
            opacity: .15;
            transition: opacity .4s;
        }

        .otx-native-slider-section .plat-card:hover .pc-glow{ opacity: .35; }

        /* Platform Link Badge */
        .otx-native-slider-section .pc-link-badge{
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 4px 10px;
            background: rgba(124,58,237,.08);
            border: 1px solid rgba(124,58,237,.15);
            border-radius: 8px;
            font-size: .62rem;
            font-weight: 600;
            color: var(--purple-light);
            margin-top: 8px;
            text-decoration: none;
            transition: all .2s;
            position: relative;
            z-index: 1;
        }

        .otx-native-slider-section .pc-link-badge:hover{
            background: rgba(124,58,237,.15);
            color: #fff;
        }

        /* Platform Colors */
        .otx-native-slider-section .plat-card.x-card .pc-icon{background:#000;border:1px solid rgba(255,255,255,.15)}
        .otx-native-slider-section .plat-card.x-card .pc-glow{background:#fff}
        .otx-native-slider-section .plat-card.x-card:hover{border-color:rgba(255,255,255,.12);box-shadow:0 15px 40px rgba(255,255,255,.04)}

        .otx-native-slider-section .plat-card.ig-card .pc-icon{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
        .otx-native-slider-section .plat-card.ig-card .pc-glow{background:#dc2743}
        .otx-native-slider-section .plat-card.ig-card:hover{border-color:rgba(220,39,67,.2);box-shadow:0 15px 40px rgba(220,39,67,.08)}

        .otx-native-slider-section .plat-card.li-card .pc-icon{background:var(--linkedin-color)}
        .otx-native-slider-section .plat-card.li-card .pc-glow{background:var(--linkedin-color)}
        .otx-native-slider-section .plat-card.li-card:hover{border-color:rgba(10,102,194,.25);box-shadow:0 15px 40px rgba(10,102,194,.08)}

        .otx-native-slider-section .plat-card.fb-card .pc-icon{background:var(--fb-color)}
        .otx-native-slider-section .plat-card.fb-card .pc-glow{background:var(--fb-color)}
        .otx-native-slider-section .plat-card.fb-card:hover{border-color:rgba(24,119,242,.25);box-shadow:0 15px 40px rgba(24,119,242,.08)}

        .otx-native-slider-section .plat-card.yt-card .pc-icon{background:var(--yt-color)}
        .otx-native-slider-section .plat-card.yt-card .pc-glow{background:var(--yt-color)}
        .otx-native-slider-section .plat-card.yt-card:hover{border-color:rgba(255,0,0,.2);box-shadow:0 15px 40px rgba(255,0,0,.06)}

        .otx-native-slider-section .plat-card.tt-card .pc-icon{background:#000;border:1px solid rgba(0,242,234,.3)}
        .otx-native-slider-section .plat-card.tt-card .pc-glow{background:var(--tiktok-color)}
        .otx-native-slider-section .plat-card.tt-card:hover{border-color:rgba(0,242,234,.2);box-shadow:0 15px 40px rgba(0,242,234,.06)}

        .otx-native-slider-section .plat-card.pin-card .pc-icon{background:var(--pinterest-color)}
        .otx-native-slider-section .plat-card.pin-card .pc-glow{background:var(--pinterest-color)}
        .otx-native-slider-section .plat-card.pin-card:hover{border-color:rgba(230,0,35,.2);box-shadow:0 15px 40px rgba(230,0,35,.06)}

        .otx-native-slider-section .plat-card.tg-card .pc-icon{background:var(--telegram-color)}
        .otx-native-slider-section .plat-card.tg-card .pc-glow{background:var(--telegram-color)}
        .otx-native-slider-section .plat-card.tg-card:hover{border-color:rgba(38,165,228,.25);box-shadow:0 15px 40px rgba(38,165,228,.08)}

        .otx-native-slider-section .plat-card.wa-card .pc-icon{background:var(--whatsapp-color)}
        .otx-native-slider-section .plat-card.wa-card .pc-glow{background:var(--whatsapp-color)}
        .otx-native-slider-section .plat-card.wa-card:hover{border-color:rgba(37,211,102,.25);box-shadow:0 15px 40px rgba(37,211,102,.08)}

        .otx-native-slider-section .plat-card.bs-card .pc-icon{background:var(--blogspot-color)}
        .otx-native-slider-section .plat-card.bs-card .pc-glow{background:var(--blogspot-color)}
        .otx-native-slider-section .plat-card.bs-card:hover{border-color:rgba(255,111,0,.2);box-shadow:0 15px 40px rgba(255,111,0,.06)}

        .otx-native-slider-section .plat-card.wp-card .pc-icon{background:var(--wordpress-color)}
        .otx-native-slider-section .plat-card.wp-card .pc-glow{background:var(--wordpress-color)}
        .otx-native-slider-section .plat-card.wp-card:hover{border-color:rgba(33,117,155,.25);box-shadow:0 15px 40px rgba(33,117,155,.08)}

        .otx-native-slider-section .plat-card.gb-card .pc-icon{background:var(--gbiz-color)}
        .otx-native-slider-section .plat-card.gb-card .pc-glow{background:var(--gbiz-color)}
        .otx-native-slider-section .plat-card.gb-card:hover{border-color:rgba(66,133,244,.25);box-shadow:0 15px 40px rgba(66,133,244,.08)}

        /* ══════════════════════════════════════
           SLIDE 5 — ARAMA MOTORLARI & OTORİTE
        ══════════════════════════════════════ */
        .otx-native-slider-section .search-inner{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 40px;
        }

        .otx-native-slider-section .search-row{
            display: flex;
            flex-wrap: wrap;
            gap: 18px;
            justify-content: center;
        }

        .otx-native-slider-section .srch-card{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            padding: 28px 34px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 22px;
            backdrop-filter: blur(16px);
            transition: all .4s ease;
            min-width: 165px;
        }

        .otx-native-slider-section .srch-card:hover{ transform: translateY(-6px); }

        .otx-native-slider-section .srch-card .sc-icon{
            width: 56px; height: 56px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
        }

        .otx-native-slider-section .srch-card h4{ font-size: .95rem; font-weight: 700; }
        .otx-native-slider-section .srch-card p{ font-size: .75rem; color: var(--text-dim); }

        .otx-native-slider-section .srch-card.g-srch .sc-icon{background:rgba(66,133,244,.12);color:#4285F4}
        .otx-native-slider-section .srch-card.g-srch:hover{box-shadow:0 15px 40px rgba(66,133,244,.08);border-color:rgba(66,133,244,.2)}

        .otx-native-slider-section .srch-card.y-srch .sc-icon{background:rgba(255,204,0,.1);color:#FFCC00}
        .otx-native-slider-section .srch-card.y-srch:hover{box-shadow:0 15px 40px rgba(255,204,0,.06);border-color:rgba(255,204,0,.2)}

        .otx-native-slider-section .srch-card.b-srch .sc-icon{background:rgba(0,137,214,.12);color:#0089D6}
        .otx-native-slider-section .srch-card.b-srch:hover{box-shadow:0 15px 40px rgba(0,137,214,.08);border-color:rgba(0,137,214,.2)}

        .otx-native-slider-section .srch-card.ai-srch .sc-icon{background:rgba(139,92,246,.12);color:var(--purple-light)}
        .otx-native-slider-section .srch-card.ai-srch:hover{box-shadow:0 15px 40px rgba(139,92,246,.08);border-color:rgba(139,92,246,.2)}

        .otx-native-slider-section .srch-card.web-srch .sc-icon{background:rgba(6,214,160,.1);color:var(--green)}
        .otx-native-slider-section .srch-card.web-srch:hover{box-shadow:0 15px 40px rgba(6,214,160,.06);border-color:rgba(6,214,160,.2)}

        .otx-native-slider-section .srch-card.social-srch .sc-icon{background:rgba(0,229,255,.1);color:var(--cyan)}
        .otx-native-slider-section .srch-card.social-srch:hover{box-shadow:0 15px 40px rgba(0,229,255,.06);border-color:rgba(0,229,255,.2)}

        /* Authority Bars */
        .otx-native-slider-section .auth-bars{
            display: flex;
            flex-direction: column;
            gap: 14px;
            width: 100%;
            max-width: 920px;
        }

        .otx-native-slider-section .auth-bar{
            display: flex;
            align-items: center;
            gap: 18px;
            padding: 20px 26px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 18px;
            transition: all .35s ease;
        }

        .otx-native-slider-section .auth-bar:hover{
            border-color: var(--green);
            transform: scale(1.01);
        }

        .otx-native-slider-section .auth-bar .ab-icon{
            width: 44px; height: 44px;
            background: linear-gradient(135deg, var(--green), var(--green-dark));
            border-radius: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            color: #fff;
            flex-shrink: 0;
        }

        .otx-native-slider-section .auth-bar .ab-info h4{
            font-size: .9rem;
            font-weight: 700;
            margin-bottom: 3px;
        }

        .otx-native-slider-section .auth-bar .ab-info p{
            font-size: .76rem;
            color: var(--text-dim);
        }

        .otx-native-slider-section .auth-bar .ab-status{
            margin-left: auto;
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 5px 14px;
            background: rgba(6,214,160,.08);
            border-radius: 100px;
            font-size: .72rem;
            color: var(--green);
            font-weight: 600;
            flex-shrink: 0;
        }

        .otx-native-slider-section .ab-status .st-dot{
            width: 5px; height: 5px;
            border-radius: 50%;
            background: var(--green);
            animation: pDot 2s ease-in-out infinite;
        }

        /* ══════════════════════════════════════
           NAVIGATION
        ══════════════════════════════════════ */
        .otx-native-slider-section .otx-nav{
            position: absolute;
            bottom: 32px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 12px 26px;
            background: rgba(3,5,15,0.92);
            border: 1px solid var(--border);
            border-radius: 100px;
            backdrop-filter: blur(24px);
            z-index: 100;
        }

        .otx-native-slider-section .nav-btn{
            width: 42px; height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--bg-glass);
            border: 1px solid var(--border);
            border-radius: 50%;
            color: var(--text);
            font-size: .95rem;
            cursor: pointer;
            transition: all .3s ease;
        }

        .otx-native-slider-section .nav-btn:hover{
            background: var(--purple);
            border-color: var(--purple);
            transform: scale(1.1);
            box-shadow: 0 0 20px rgba(124,58,237,.3);
        }

        .otx-native-slider-section .nav-dots{
            display: flex;
            gap: 7px;
        }

        .otx-native-slider-section .nav-dot{
            width: 9px; height: 9px;
            border-radius: 50%;
            background: rgba(255,255,255,.12);
            border: none;
            cursor: pointer;
            transition: all .4s ease;
        }

        .otx-native-slider-section .nav-dot.active{
            width: 30px;
            border-radius: 8px;
            background: linear-gradient(90deg, var(--purple), var(--green));
        }

        .otx-native-slider-section .nav-dot:hover:not(.active){
            background: rgba(255,255,255,.25);
        }

        .otx-native-slider-section .slide-counter{
            font-family: "JetBrains Mono", monospace;
            font-size: .78rem;
            font-weight: 500;
            color: var(--text-muted);
            min-width: 42px;
            text-align: center;
        }

        /* Progress */
        .otx-native-slider-section .otx-progress{
            position: absolute;
            top: 0;
            left: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--purple), var(--green), var(--cyan));
            z-index: 200;
            transition: width .7s cubic-bezier(.22,.61,.36,1);
        }

        /* Autoplay */
        .otx-native-slider-section .otx-autoplay{
            position: absolute;
            top: 20px;
            right: 24px;
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 18px;
            background: rgba(3,5,15,0.85);
            border: 1px solid var(--border);
            border-radius: 100px;
            font-size: .72rem;
            font-weight: 500;
            color: var(--text-dim);
            cursor: pointer;
            z-index: 100;
            backdrop-filter: blur(12px);
            transition: all .3s ease;
        }

        .otx-native-slider-section .otx-autoplay:hover{ border-color: var(--green); color: var(--green); }

        .otx-native-slider-section .otx-autoplay .ap-dot{
            width: 7px; height: 7px;
            border-radius: 50%;
            background: var(--green);
            animation: pDot 2s ease-in-out infinite;
        }

        .otx-native-slider-section .otx-autoplay.paused .ap-dot{
            background: var(--text-muted);
            animation: none;
        }

        /* Side Labels */
        .otx-native-slider-section .side-lbl{
            position: absolute;
            top: 50%;
            transform: translateY(-50%) rotate(-90deg);
            font-size: .6rem;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: var(--text-muted);
            opacity: .3;
            z-index: 50;
            font-weight: 600;
            pointer-events: none;
        }

        .otx-native-slider-section .side-lbl-l{ left: 14px; }
        .otx-native-slider-section .side-lbl-r{ left: auto; right: 14px; transform: translateY(-50%) rotate(90deg); }

        /* ══════════════════════════════════════
           RESPONSIVE
        ══════════════════════════════════════ */
        @media (max-width: 1200px) {
            .otx-native-slider-section .ai-grid{ grid-template-columns: repeat(3, 1fr); }
            .otx-native-slider-section .platform-grid{ grid-template-columns: repeat(3, 1fr); }
        }

        @media (max-width: 1024px) {
            .otx-native-slider-section .content-pipeline{ flex-direction: column; gap: 16px; }
            .otx-native-slider-section .pipe-arrow{ transform: rotate(90deg); padding: 8px 0; }
            .otx-native-slider-section .pipe-results{ min-width: auto; width: 100%; }
            .otx-native-slider-section .slide-content{ padding: 50px 28px 100px; }
            .otx-native-slider-section .side-lbl{ display: none; }
        }

        @media (max-width: 768px) {
            .otx-native-slider-section .ai-grid{ grid-template-columns: repeat(2, 1fr); }
            .otx-native-slider-section .platform-grid{ grid-template-columns: repeat(2, 1fr); }
            .otx-native-slider-section .hero-stats{ flex-direction: column; width: 100%; }
            .otx-native-slider-section .search-row{ flex-direction: column; align-items: center; }
            .otx-native-slider-section .srch-card{ width: 100%; }
            .otx-native-slider-section .auth-bar{ flex-direction: column; text-align: center; }
            .otx-native-slider-section .auth-bar .ab-status{ margin-left: 0; }
            .otx-native-slider-section .orbit-ring{ inset: -50px; }
            .otx-native-slider-section .orbit-icon{ width: 28px; height: 28px; font-size: .65rem; }
            .otx-native-slider-section .otx-nav{ bottom: 16px; padding: 10px 18px; gap: 10px; }
        }

        @media (max-width: 480px) {
            .otx-native-slider-section .ai-grid{ grid-template-columns: 1fr; }
            .otx-native-slider-section .platform-grid{ grid-template-columns: 1fr; }
            .otx-native-slider-section .pipe-results{ grid-template-columns: 1fr; }
            .otx-native-slider-section .section-title{ font-size: 1.6rem; }
            .otx-native-slider-section .slide-content{ padding: 40px 16px 100px; }
            .otx-native-slider-section .otx-core-wrap{ width: 120px; height: 120px; }
            .otx-native-slider-section .otx-core{ border-radius: 28px; }
            .otx-native-slider-section .core-ring{ border-radius: 36px !important; }
        }


        /* OTORIXA ENTEGRASYON PATCH — mevcut döner teker logosu */
        .otx-native-slider-section .otx-core.otx-logo-core{
            overflow: visible;
            background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.16), transparent 28%), linear-gradient(145deg, rgba(8,28,50,.98), rgba(8,14,31,.98));
            border: 1px solid rgba(125,211,252,.28);
            border-radius: 36px;
            box-shadow: 0 0 80px rgba(56,189,248,.20), inset 0 0 36px rgba(139,92,246,.12);
        }
        .otx-native-slider-section .otx-core.otx-logo-core::after{
            content: "";
            position: absolute;
            inset: 14px;
            border-radius: 50%;
            border: 2px solid rgba(139,92,246,.20);
            border-top-color: rgba(103,232,249,.88);
            border-right-color: rgba(20,184,166,.72);
            animation: otxLogoWheelOrbit 7.5s linear infinite;
            pointer-events: none;
        }
        .otx-native-slider-section .otx-core-logo-svg{
            width: 104px;
            height: 104px;
            position: relative;
            z-index: 2;
            filter: drop-shadow(0 0 20px rgba(56,189,248,.24));
        }

        .otx-native-slider-section .otx-core.otx-logo-core.has-external-logo img{
            width: 108px;
            height: 108px;
            object-fit: contain;
            position: relative;
            z-index: 2;
            filter: drop-shadow(0 0 20px rgba(56,189,248,.24));
        }
        @media (max-width: 480px) {
            .otx-native-slider-section .otx-core.otx-logo-core.has-external-logo img{ width: 84px; height: 84px; }
        }
        @keyframes otxLogoWheelOrbit { to { transform: rotate(360deg); } }
        @media (max-width: 480px) {
            .otx-native-slider-section .otx-core-logo-svg{ width: 82px; height: 82px; }
            .otx-native-slider-section .otx-core.otx-logo-core::after{ inset: 10px; }
        }
    

/* Native layout safety layer */
.otx-native-slider-section{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100%;
  overflow:hidden;
  font-family:'Inter','Outfit',system-ui,-apple-system,sans-serif;
  color:var(--text);
  background:var(--bg-deep);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.otx-native-slider-section *,
.otx-native-slider-section *::before,
.otx-native-slider-section *::after{box-sizing:border-box}
.otx-native-slider-section img{max-width:100%;height:auto;display:block}
.otx-native-slider-section .otx-slider{height:var(--otx-native-slider-height, clamp(680px, calc(100svh - var(--hdr-offset, 68px)), 920px));max-height:none;}
.otx-native-slider-section .otx-progress{top:0;}
.otx-native-slider-section .otx-nav{position:absolute;}
.otx-native-slider-section .otx-autoplay{position:absolute;}
.otx-native-slider-section .side-lbl{position:absolute;}
.otx-native-slider-section .slide-content{box-sizing:border-box;}
.otx-native-slider-section .otx-core.otx-logo-core{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(88,28,135,.92));overflow:hidden;}
.otx-native-slider-section .otx-core.otx-logo-core::after{content:'';position:absolute;inset:14px;border-radius:24px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.18),transparent 60%);pointer-events:none;}
.otx-native-slider-section .otx-core-logo-svg{width:98px;height:98px;position:relative;z-index:2;filter:drop-shadow(0 0 22px rgba(6,214,160,.22));animation:otxNativeLogoWheel 12s linear infinite;}
.otx-native-slider-section .otx-core.otx-logo-core.has-external-logo img{width:96px;height:96px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 22px rgba(6,214,160,.22));animation:otxNativeLogoWheel 12s linear infinite;}
@keyframes otxNativeLogoWheel{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media (max-width:768px){
  .otx-native-slider-section .otx-slider{height:var(--otx-native-slider-height, auto);min-height:760px;}
  .otx-native-slider-section .otx-core.otx-logo-core.has-external-logo img{width:84px;height:84px;}
  .otx-native-slider-section .otx-core-logo-svg{width:82px;height:82px;}
  .otx-native-slider-section .otx-core.otx-logo-core::after{inset:10px;}
}
@media (prefers-reduced-motion: reduce){
  .otx-native-slider-section *,
  .otx-native-slider-section *::before,
  .otx-native-slider-section *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* =========================================================
   OTORIXA SMART STAGE V2 — Web + Mobil akıllı sahne ölçekleme
   Amaç: sahneyi kırpmadan, taşırmadan, ekran tipine göre odaklı sunmak.
   ========================================================= */
.otx-native-slider-section{
  --otx-vh:1vh;
  --otx-header-offset:var(--hdr-offset, 68px);
  --otx-stage-scale:1;
  --otx-stage-max-width:1440px;
  --otx-stage-safe-bottom:env(safe-area-inset-bottom, 0px);
  --otx-stage-nav-reserve:104px;
  --otx-stage-x:clamp(18px, 4vw, 56px);
}
.otx-native-slider-section .otx-slider{
  min-height:620px;
  height:var(--otx-native-slider-height, clamp(660px, calc((var(--otx-vh) * 100) - var(--otx-header-offset)), 900px));
}
.otx-native-slider-section .slide-content{
  max-width:var(--otx-stage-max-width);
  padding:clamp(38px, 6vh, 66px) var(--otx-stage-x) calc(var(--otx-stage-nav-reserve) + 8px);
  will-change:transform;
}
.otx-native-slider-section .section-title{
  max-width:980px;
  margin-inline:auto;
}
.otx-native-slider-section .hero-title{max-width:980px;}
.otx-native-slider-section .section-desc{margin-inline:auto;}
.otx-native-slider-section .otx-nav{bottom:calc(22px + var(--otx-stage-safe-bottom));}
.otx-native-slider-section .otx-autoplay{top:18px;right:clamp(14px, 2.4vw, 28px);}

@media (min-width: 1280px){
  .otx-native-slider-section .otx-slider{min-height:700px;}
  .otx-native-slider-section .hero-inner{gap:30px;}
  .otx-native-slider-section .section-title{font-size:clamp(2.15rem, 4.1vw, 3.85rem);}
  .otx-native-slider-section .platform-grid{grid-template-columns:repeat(4, minmax(0, 1fr));}
}

@media (min-width: 769px) and (max-width: 1279px){
  .otx-native-slider-section{--otx-stage-nav-reserve:98px;--otx-stage-x:clamp(22px, 3.4vw, 40px);}
  .otx-native-slider-section .otx-slider{min-height:680px;}
  .otx-native-slider-section .slide-content{padding-top:44px;}
  .otx-native-slider-section .hero-inner,
  .otx-native-slider-section .transform-inner,
  .otx-native-slider-section .ai-inner,
  .otx-native-slider-section .spider-inner,
  .otx-native-slider-section .search-inner{gap:28px;}
  .otx-native-slider-section .section-title{font-size:clamp(1.9rem, 4vw, 3.05rem);}
  .otx-native-slider-section .section-desc{font-size:.98rem;line-height:1.65;}
  .otx-native-slider-section .ai-grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;}
  .otx-native-slider-section .platform-grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;}
  .otx-native-slider-section .ai-card{padding:22px 14px 18px;}
  .otx-native-slider-section .plat-card{padding:18px 14px 15px;}
  .otx-native-slider-section .search-row{gap:12px;}
  .otx-native-slider-section .srch-card{padding:22px 26px;min-width:150px;}
}

@media (max-width: 768px){
  .otx-native-slider-section{
    --otx-stage-max-width:430px;
    --otx-stage-nav-reserve:76px;
    --otx-stage-x:14px;
    background:#03050F;
  }
  .otx-native-slider-section .otx-slider{
    min-height:calc((var(--otx-vh) * 100) - var(--otx-header-offset));
    height:var(--otx-native-slider-height, calc((var(--otx-vh) * 100) - var(--otx-header-offset)));
    max-height:calc((var(--otx-vh) * 100) - var(--otx-header-offset));
  }
  .otx-native-slider-section .otx-bg::before{filter:saturate(1.12);opacity:.92;}
  .otx-native-slider-section .neural-mesh{background-size:54px 54px;opacity:.78;}
  .otx-native-slider-section .otx-slide{align-items:center;overflow:hidden;}
  .otx-native-slider-section .slide-content{
    width:100%;
    max-width:var(--otx-stage-max-width);
    padding:24px 14px calc(var(--otx-stage-nav-reserve) + var(--otx-stage-safe-bottom));
    transform:scale(var(--otx-stage-scale));
    transform-origin:center center;
  }
  .otx-native-slider-section .hero-inner,
  .otx-native-slider-section .transform-inner,
  .otx-native-slider-section .ai-inner,
  .otx-native-slider-section .spider-inner,
  .otx-native-slider-section .search-inner{gap:14px;}
  .otx-native-slider-section .section-badge{
    max-width:100%;
    justify-content:center;
    text-align:center;
    padding:5px 12px;
    font-size:.56rem;
    line-height:1.25;
    letter-spacing:.9px;
    white-space:normal;
  }
  .otx-native-slider-section .section-title{
    font-size:clamp(1.28rem, 6.55vw, 1.95rem)!important;
    line-height:1.08;
    letter-spacing:-.035em;
  }
  .otx-native-slider-section .section-desc{
    font-size:.76rem;
    line-height:1.48;
    max-width:100%;
  }
  .otx-native-slider-section .typing-cursor{width:2px;}

  /* Mobil hero: sahne merkezde, istatistikler küçük film altyazısı gibi */
  .otx-native-slider-section .otx-core-wrap{width:118px!important;height:118px!important;margin:2px auto 0;}
  .otx-native-slider-section .otx-core{border-radius:26px!important;}
  .otx-native-slider-section .core-ring:nth-child(1){inset:-12px!important;}
  .otx-native-slider-section .core-ring:nth-child(2){inset:-26px!important;}
  .otx-native-slider-section .core-ring:nth-child(3){inset:-39px!important;}
  .otx-native-slider-section .orbit-ring{inset:-44px!important;}
  .otx-native-slider-section .orbit-icon{width:24px!important;height:24px!important;border-radius:8px;font-size:.58rem!important;}
  .otx-native-slider-section .otx-core-logo-svg,
  .otx-native-slider-section .otx-core.otx-logo-core.has-external-logo img{width:78px!important;height:78px!important;}
  .otx-native-slider-section .exp-badge{padding:7px 15px;gap:8px;}
  .otx-native-slider-section .exp-badge .exp-number{font-size:1.35rem;}
  .otx-native-slider-section .exp-badge .exp-text{font-size:.66rem;}
  .otx-native-slider-section .hero-stats{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:7px;width:100%;}
  .otx-native-slider-section .h-stat{padding:8px 9px;border-radius:12px;gap:8px;min-width:0;}
  .otx-native-slider-section .h-stat-icon{width:28px;height:28px;border-radius:8px;font-size:.75rem;}
  .otx-native-slider-section .h-stat-info{min-width:0;}
  .otx-native-slider-section .h-stat-info .h-stat-label{font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .otx-native-slider-section .h-stat-info .h-stat-value{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  /* İçerik dönüşüm slaytı: mobilde dikey ama çok kompakt */
  .otx-native-slider-section .content-pipeline{flex-direction:column;gap:8px;}
  .otx-native-slider-section .pipe-source{min-width:0;width:min(180px, 70%);padding:12px 18px;border-radius:16px;gap:7px;}
  .otx-native-slider-section .pipe-source .ps-icon{width:34px;height:34px;border-radius:10px;font-size:1rem;}
  .otx-native-slider-section .pipe-source h4{font-size:.72rem;}
  .otx-native-slider-section .pipe-source .ps-count{font-size:2rem;}
  .otx-native-slider-section .pipe-engine{padding:14px 22px;border-radius:18px;gap:8px;}
  .otx-native-slider-section .pe-badge{top:-10px;font-size:.52rem;padding:3px 11px;letter-spacing:1px;}
  .otx-native-slider-section .pe-icon{width:40px;height:40px;border-radius:12px;font-size:1.05rem;}
  .otx-native-slider-section .pipe-engine h4{font-size:.82rem;letter-spacing:1.8px;}
  .otx-native-slider-section .pipe-arrow{height:20px;transform:rotate(90deg);padding:0;}
  .otx-native-slider-section .pipe-arrow .pa-line{width:38px;height:2px;}
  .otx-native-slider-section .pa-label{display:none;}
  .otx-native-slider-section .pipe-results{grid-template-columns:repeat(2, minmax(0, 1fr));gap:6px;width:100%;}
  .otx-native-slider-section .pr-item{padding:7px 8px;border-radius:10px;gap:7px;min-width:0;}
  .otx-native-slider-section .pr-item i{width:22px;height:22px;border-radius:6px;font-size:.64rem;}
  .otx-native-slider-section .pr-item span{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .otx-native-slider-section .pr-item .pr-count{font-size:.6rem;}

  /* AI slaytı */
  .otx-native-slider-section .ai-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;width:100%;}
  .otx-native-slider-section .ai-card{padding:12px 8px 10px;border-radius:14px;min-height:88px;}
  .otx-native-slider-section .ai-card .aic-icon{width:34px;height:34px;border-radius:10px;margin-bottom:7px;}
  .otx-native-slider-section .ai-card .aic-icon svg{width:20px;height:20px;}
  .otx-native-slider-section .ai-card h4{font-size:.72rem;margin-bottom:3px;}
  .otx-native-slider-section .ai-card p{font-size:.58rem;line-height:1.28;}
  .otx-native-slider-section .ai-connect-line{gap:7px;padding:4px 0;}
  .otx-native-slider-section .acl-line{width:54px;}
  .otx-native-slider-section .acl-dot{width:7px;height:7px;}
  .otx-native-slider-section .acl-label{font-size:.52rem;letter-spacing:1px;}

  /* 12 platform: film sahnesi için kompakt kart modu */
  .otx-native-slider-section .platform-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:7px;width:100%;}
  .otx-native-slider-section .plat-card{padding:8px 8px 7px;border-radius:13px;min-height:72px;}
  .otx-native-slider-section .plat-card .pc-top{gap:8px;margin-bottom:5px;}
  .otx-native-slider-section .plat-card .pc-icon{width:28px;height:28px;border-radius:8px;font-size:.78rem;}
  .otx-native-slider-section .plat-card .pc-name{font-size:.65rem;line-height:1.15;}
  .otx-native-slider-section .plat-card .pc-status{font-size:.48rem;padding:2px 6px;line-height:1.1;}
  .otx-native-slider-section .plat-card .pc-desc{display:none;}
  .otx-native-slider-section .pc-meta{gap:3px;}
  .otx-native-slider-section .pc-tag{font-size:.47rem;padding:2px 5px;border-radius:5px;}
  .otx-native-slider-section .pc-tag:nth-child(n+3){display:none;}
  .otx-native-slider-section .pc-link-badge{display:none;}

  /* Arama motorları: 2 kolon, otorite barları kısa */
  .otx-native-slider-section .search-row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;width:100%;}
  .otx-native-slider-section .srch-card{width:auto;min-width:0;padding:12px 8px;border-radius:14px;gap:6px;}
  .otx-native-slider-section .srch-card .sc-icon{width:34px;height:34px;border-radius:10px;font-size:.95rem;}
  .otx-native-slider-section .srch-card h4{font-size:.7rem;}
  .otx-native-slider-section .srch-card p{font-size:.55rem;line-height:1.25;}
  .otx-native-slider-section .auth-bars{gap:7px;}
  .otx-native-slider-section .auth-bar{flex-direction:row;text-align:left;padding:9px 10px;border-radius:13px;gap:9px;}
  .otx-native-slider-section .auth-bar .ab-icon{width:30px;height:30px;border-radius:9px;font-size:.75rem;}
  .otx-native-slider-section .auth-bar .ab-info{min-width:0;}
  .otx-native-slider-section .auth-bar .ab-info h4{font-size:.64rem;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .otx-native-slider-section .auth-bar .ab-info p{font-size:.54rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
  .otx-native-slider-section .auth-bar .ab-status{margin-left:auto;font-size:.52rem;padding:3px 7px;}

  /* Kontroller film kadrajı içinde kalsın */
  .otx-native-slider-section .otx-autoplay{top:8px;right:10px;padding:5px 10px;font-size:.56rem;}
  .otx-native-slider-section .otx-autoplay .ap-dot{width:5px;height:5px;}
  .otx-native-slider-section .otx-nav{
    bottom:calc(8px + var(--otx-stage-safe-bottom));
    padding:7px 10px;
    gap:8px;
    max-width:calc(100% - 20px);
  }
  .otx-native-slider-section .nav-btn{width:32px;height:32px;font-size:.72rem;}
  .otx-native-slider-section .nav-dots{gap:5px;}
  .otx-native-slider-section .nav-dot{width:7px;height:7px;}
  .otx-native-slider-section .nav-dot.active{width:22px;}
  .otx-native-slider-section .slide-counter{font-size:.62rem;min-width:36px;}
}

@media (max-width: 390px){
  .otx-native-slider-section{--otx-stage-max-width:390px;--otx-stage-nav-reserve:70px;}
  .otx-native-slider-section .slide-content{padding-left:10px;padding-right:10px;}
  .otx-native-slider-section .section-title{font-size:clamp(1.18rem, 6.1vw, 1.66rem)!important;}
  .otx-native-slider-section .section-desc{font-size:.69rem;line-height:1.38;}
  .otx-native-slider-section .hero-inner,
  .otx-native-slider-section .transform-inner,
  .otx-native-slider-section .ai-inner,
  .otx-native-slider-section .spider-inner,
  .otx-native-slider-section .search-inner{gap:11px;}
  .otx-native-slider-section .otx-core-wrap{width:108px!important;height:108px!important;}
  .otx-native-slider-section .orbit-ring{inset:-38px!important;}
  .otx-native-slider-section .platform-grid{gap:6px;}
  .otx-native-slider-section .plat-card{min-height:66px;padding:7px;}
  .otx-native-slider-section .pc-tag{font-size:.43rem;padding:2px 4px;}
}

@media (max-width: 768px) and (orientation: landscape){
  .otx-native-slider-section{--otx-stage-max-width:740px;--otx-stage-nav-reserve:58px;}
  .otx-native-slider-section .slide-content{padding-top:14px;padding-bottom:calc(58px + var(--otx-stage-safe-bottom));}
  .otx-native-slider-section .hero-inner,
  .otx-native-slider-section .transform-inner,
  .otx-native-slider-section .ai-inner,
  .otx-native-slider-section .spider-inner,
  .otx-native-slider-section .search-inner{gap:8px;}
  .otx-native-slider-section .section-title{font-size:clamp(1.15rem, 3.6vw, 1.75rem)!important;}
  .otx-native-slider-section .section-desc{font-size:.65rem;line-height:1.3;}
  .otx-native-slider-section .otx-core-wrap{width:88px!important;height:88px!important;}
  .otx-native-slider-section .orbit-ring{inset:-30px!important;}
  .otx-native-slider-section .orbit-icon{width:20px!important;height:20px!important;}
  .otx-native-slider-section .hero-stats{grid-template-columns:repeat(4, minmax(0, 1fr));}
  .otx-native-slider-section .content-pipeline{flex-direction:row;gap:8px;}
  .otx-native-slider-section .pipe-arrow{transform:none;width:34px;}
  .otx-native-slider-section .pipe-results{grid-template-columns:repeat(4, minmax(0, 1fr));}
  .otx-native-slider-section .ai-grid{grid-template-columns:repeat(6, minmax(0, 1fr));}
  .otx-native-slider-section .platform-grid{grid-template-columns:repeat(6, minmax(0, 1fr));}
  .otx-native-slider-section .search-row{grid-template-columns:repeat(6, minmax(0, 1fr));}
  .otx-native-slider-section .auth-bars{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));}
  .otx-native-slider-section .auth-bar{padding:7px;}
  .otx-native-slider-section .auth-bar .ab-status{display:none;}
}

.otx-native-slider-section[data-stage-fit="scaled"] .slide-content{
  filter:drop-shadow(0 26px 55px rgba(0,0,0,.18));
}