/* Styles extracted from core/templates/index.html. */

/* Extracted from core/templates/index.html: index.html */
.ra-home { max-width: 1480px; margin: 0 auto; }
    .section-shell { margin-bottom: 5.2rem; }
    .ra-home { padding-top: .9rem; }
    .eyebrow {
        display:inline-flex; align-items:center; gap:.55rem; padding:.48rem .82rem; border-radius:999px;
        background:rgba(108,99,255,.13); border:1px solid rgba(139,132,255,.22); color:#DDE3FF;
        font-weight:800; font-size:.78rem; letter-spacing:.02em; margin-bottom:1.05rem;
    }
    .eyebrow i { color:var(--accent-cyan); }
    .gradient-text { background:linear-gradient(135deg,#fff 0%,#8B84FF 46%,#00D4FF 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
    .muted-copy { color:var(--text-secondary); line-height:1.75; }

    .integration-power { position:relative; }
    .ra-checklist { list-style:none; padding:0; margin:1.1rem 0 0; display:grid; gap:.85rem; }
    .ra-checklist li { display:flex; gap:.75rem; align-items:flex-start; color:var(--text-secondary); line-height:1.65; }
    .ra-checklist i { margin-top:.22rem; width:24px; height:24px; flex:0 0 auto; border-radius:999px; display:grid; place-items:center; background:rgba(34,197,94,.14); color:var(--accent-green); font-size:.78rem; }


    .hero-section {
        margin-top: .35rem;
        position:relative; overflow:hidden; border-radius:34px; padding:4.4rem 3.2rem 3rem;
        background:
            radial-gradient(circle at 72% 26%, rgba(0,212,255,.20), transparent 24%),
            radial-gradient(circle at 22% 8%, rgba(108,99,255,.26), transparent 34%),
            linear-gradient(135deg, rgba(15,20,41,.96), rgba(5,8,22,.98));
        border:1px solid rgba(139,132,255,.24); box-shadow:var(--shadow-soft), var(--shadow-glow);
        margin-top: .35rem;
    }
    .hero-section::before { content:""; position:absolute; inset:-1px; background:linear-gradient(120deg, transparent, rgba(255,255,255,.10), transparent); transform:translateX(-68%); animation:shine 7s linear infinite; pointer-events:none; }
    @keyframes shine { 0%,55% { transform:translateX(-80%);} 100%{transform:translateX(80%);} }
    .hero-title { font-size:clamp(2.35rem,5vw,5.35rem); line-height:.98; letter-spacing:-.065em; font-weight:950; margin-bottom:1.15rem; }
    .hero-slogan-soft,
    .hero-slogan-strong {
        display:block;
        padding-bottom:.04em;
    }
    .hero-slogan-soft {
        color:#F8FAFC;
        font-size:.88em;
        letter-spacing:-.045em;
        text-shadow:0 18px 42px rgba(0,0,0,.34);
    }
    .hero-slogan-strong {
        margin-top:.05em;
        font-size:1.12em;
        letter-spacing:-.035em;
        line-height:1.04;
        padding-bottom:.08em;
        filter:drop-shadow(0 18px 30px rgba(0,212,255,.18));
    }
    .hero-copy { font-size:clamp(1rem,1.4vw,1.24rem); max-width:720px; color:var(--text-secondary); }
    .hero-actions { display:flex; flex-wrap:wrap; gap:.9rem; margin-top:2rem; }
    .btn-hero-primary, .btn-hero-secondary, .btn-hero-demo, .btn-hero-card { border-radius:18px; padding:1rem 1.35rem; display:inline-flex; align-items:center; gap:.65rem; font-weight:900; text-decoration:none; transition:.2s; }
    .btn-hero-primary { color:#fff; background:linear-gradient(135deg,var(--accent),var(--accent-cyan)); box-shadow:0 22px 44px rgba(108,99,255,.32); }
    .btn-hero-primary:hover { color:#fff; transform:translateY(-3px); box-shadow:0 28px 60px rgba(0,212,255,.23); }
    .btn-hero-secondary { color:var(--text); background:rgba(255,255,255,.045); border:1px solid rgba(139,132,255,.28); }
    .btn-hero-secondary:hover { color:#fff; background:rgba(108,99,255,.14); transform:translateY(-3px); }
    .btn-hero-demo { color:#07111f; background:linear-gradient(135deg,#7CFFB2,#00D4FF); border:1px solid rgba(124,255,178,.5); box-shadow:0 20px 42px rgba(34,197,94,.22); }
    .btn-hero-demo:hover { color:#07111f; transform:translateY(-3px); box-shadow:0 28px 56px rgba(0,212,255,.22); }
    .btn-hero-card { color:#fff; background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(20,184,166,.32)); border:1px solid rgba(94,234,212,.32); box-shadow:0 20px 42px rgba(20,184,166,.14); }
    .btn-hero-card:hover { color:#fff; transform:translateY(-3px); border-color:rgba(94,234,212,.6); box-shadow:0 28px 56px rgba(20,184,166,.2); }

    .platform-strip { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:2rem; }
    .platform-pill { display:inline-flex; align-items:center; gap:.5rem; border-radius:999px; padding:.62rem .88rem; background:rgba(255,255,255,.045); border:1px solid rgba(139,132,255,.16); color:var(--text-secondary); font-size:.84rem; font-weight:800; }
    .platform-pill i { color:var(--accent-cyan); }

    .octo-stage { position:relative; min-height:540px; display:grid; place-items:center; }
    .octo-orbit-card { position:relative; width:min(430px,100%); aspect-ratio:1; display:grid; place-items:center; }
    .octo-glow { position:absolute; width:76%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle, rgba(108,99,255,.42), rgba(0,212,255,.08) 45%, transparent 70%); filter:blur(8px); animation:pulseGlow 3.6s ease-in-out infinite; }
    @keyframes pulseGlow { 50%{ transform:scale(1.08); opacity:.86;} }
    .octo-main {
        position:relative; z-index:2; width:100%; max-width:390px; filter:drop-shadow(0 34px 52px rgba(0,0,0,.46));
        animation:floatOcto 5s ease-in-out infinite;
    }
    @keyframes floatOcto { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-13px);} }
    .octo-fallback {
        position:relative; z-index:2; width:350px; max-width:88%; aspect-ratio:1; border-radius:38% 38% 48% 48%;
        display:grid; place-items:center; background:radial-gradient(circle at 50% 35%, #56D8FF 0 18%, #178DF0 38%, #0750B4 72%, #052150 100%);
        box-shadow:inset 0 0 0 2px rgba(255,255,255,.18), 0 34px 70px rgba(0,0,0,.45), 0 0 65px rgba(0,212,255,.18);
        font-size:5rem;
    }
    .octo-fallback::after { content:"OCTO AI"; position:absolute; top:28%; font-size:1.3rem; font-weight:950; color:white; text-shadow:0 3px 15px rgba(0,0,0,.5); }
    .orbit-dot {
        position:absolute; z-index:3; width:74px; height:74px; border-radius:24px; display:grid; place-items:center;
        background:rgba(10,16,40,.86); border:1px solid rgba(139,132,255,.3); box-shadow:0 18px 40px rgba(0,0,0,.35);
        color:#fff; font-size:1.55rem; animation:floatOcto 5s ease-in-out infinite;
    }
    .orbit-dot:nth-child(3){ top:10%; left:4%; animation-delay:.2s; } .orbit-dot:nth-child(4){ top:7%; right:3%; animation-delay:.6s; }
    .orbit-dot:nth-child(5){ bottom:18%; left:0; animation-delay:.9s; } .orbit-dot:nth-child(6){ bottom:11%; right:6%; animation-delay:1.2s; }
    .mini-insight { position:absolute; z-index:4; left:4%; bottom:2%; max-width:270px; padding:1rem; border-radius:22px; background:rgba(5,8,22,.76); border:1px solid rgba(0,212,255,.22); box-shadow:0 22px 40px rgba(0,0,0,.35); backdrop-filter:blur(16px); }
    .mini-insight strong { color:#fff; display:block; font-size:.9rem; }
    .mini-insight span { color:var(--text-secondary); font-size:.78rem; }

    .hero-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:.85rem; margin-top:2.25rem; }
    .metric-card { background:rgba(255,255,255,.045); border:1px solid rgba(139,132,255,.17); border-radius:22px; padding:1rem; }
    .metric-card strong { display:block; font-size:1.35rem; color:#fff; } .metric-card span { color:var(--text-muted); font-size:.84rem; }

    .octo-assistant-bar {
        margin-top:1.4rem; display:flex; align-items:center; gap:1rem; padding:1rem 1.1rem; border-radius:24px;
        background:linear-gradient(90deg, rgba(108,99,255,.14), rgba(0,212,255,.06)); border:1px solid rgba(139,132,255,.2);
    }
    .octo-avatar { width:62px; height:62px; border-radius:22px; display:grid; place-items:center; flex:0 0 auto; background:linear-gradient(135deg,#1EA7FF,#6C63FF); box-shadow:0 14px 30px rgba(108,99,255,.24); overflow:hidden; }
    .octo-avatar img { width:100%; height:100%; object-fit:cover; } .octo-avatar span { font-size:2rem; }

    .feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
    .feature-card {
        position:relative; overflow:hidden; min-height:310px; border-radius:28px; padding:1.35rem;
        background:linear-gradient(180deg, rgba(15,20,41,.92), rgba(10,16,40,.78)); border:1px solid rgba(139,132,255,.18);
        box-shadow:0 18px 44px rgba(0,0,0,.25); transition:.25s;
    }
    .feature-card:hover { transform:translateY(-8px); border-color:rgba(0,212,255,.35); box-shadow:0 30px 70px rgba(0,0,0,.34), 0 0 32px rgba(108,99,255,.16); }
    .feature-octo { width:112px; height:112px; border-radius:30px; display:grid; place-items:center; margin-bottom:1rem; background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.18), rgba(108,99,255,.16)); border:1px solid rgba(255,255,255,.08); overflow:hidden; }
    .feature-octo img { width:100%; height:100%; object-fit:cover; } .feature-octo span { font-size:3.3rem; }
    .feature-card h3 { font-size:1.05rem; font-weight:950; margin-bottom:.55rem; }
    .feature-card p { color:var(--text-secondary); font-size:.91rem; line-height:1.65; }
    .feature-link { color:var(--accent-cyan); font-weight:900; text-decoration:none; font-size:.88rem; }

    .section-title { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }
    .section-title h2 { font-size:clamp(1.7rem,3vw,3rem); font-weight:950; letter-spacing:-.045em; margin:0; }
    .section-title p { max-width:570px; margin:0; color:var(--text-secondary); line-height:1.7; }

    .workflow { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1rem; }
    .workflow-card { border-radius:30px; padding:1.4rem; background:rgba(15,20,41,.72); border:1px solid rgba(139,132,255,.17); min-height:360px; position:relative; overflow:hidden; }
    .workflow-card::after { content:""; position:absolute; right:-48px; bottom:-48px; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle, rgba(108,99,255,.25), transparent 70%); }
    .workflow-step { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; background:linear-gradient(135deg,var(--accent),var(--accent-cyan)); font-weight:950; margin-bottom:1rem; }
    .workflow-card h3 { font-weight:950; font-size:1.2rem; }
    .workflow-card p { color:var(--text-secondary); line-height:1.7; }
    .signal-panel { margin-top:1.2rem; border-radius:20px; background:rgba(5,8,22,.68); border:1px solid rgba(139,132,255,.15); padding:.9rem; }
    .signal-row { display:flex; justify-content:space-between; align-items:center; padding:.58rem 0; border-bottom:1px solid rgba(139,132,255,.10); color:var(--text-secondary); font-size:.85rem; }
    .signal-row:last-child { border-bottom:0; } .signal-row strong { color:#fff; }

    .usecase-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:1.2rem; }
    .dashboard-preview { border-radius:34px; padding:1.2rem; background:linear-gradient(180deg,rgba(15,20,41,.96),rgba(5,8,22,.92)); border:1px solid rgba(139,132,255,.2); box-shadow:var(--shadow-soft); }
    .browser-top { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; color:var(--text-muted); }
    .browser-dots { display:flex; gap:.4rem; } .browser-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22);}
    .preview-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:1rem; }
    .chart-box, .assistant-box, .list-box { border-radius:24px; background:rgba(255,255,255,.04); border:1px solid rgba(139,132,255,.14); padding:1rem; }
    .chart-bars { height:210px; display:flex; align-items:end; gap:.65rem; padding-top:2rem; }
    .chart-bars span { flex:1; border-radius:999px 999px 8px 8px; background:linear-gradient(180deg,var(--accent-cyan),var(--accent)); min-height:30px; opacity:.86; }
    .assistant-box { display:flex; gap:.9rem; align-items:flex-start; }
    .assistant-copy strong { color:#fff; display:block; margin-bottom:.25rem; } .assistant-copy span { color:var(--text-secondary); font-size:.86rem; }

    .octo-family { display:grid; grid-template-columns:repeat(5,1fr); gap:.9rem; }
    .family-card { border-radius:24px; padding:1rem; background:rgba(15,20,41,.76); border:1px solid rgba(139,132,255,.16); text-align:center; transition:.22s; }
    .family-card:hover { transform:translateY(-7px); border-color:rgba(0,212,255,.34); }
    .family-img { width:112px; height:112px; margin:0 auto .8rem; border-radius:30px; display:grid; place-items:center; overflow:hidden; background:rgba(108,99,255,.12); }
    .family-img img{width:100%;height:100%;object-fit:cover;} .family-img span{font-size:3.4rem;}
    .family-card h4 { font-size:.95rem; font-weight:950; margin-bottom:.2rem; } .family-card p { color:var(--text-muted); font-size:.78rem; margin:0; }

    .cta-final { position:relative; overflow:hidden; border-radius:36px; padding:3rem; background:radial-gradient(circle at 18% 10%, rgba(108,99,255,.26), transparent 32%), linear-gradient(135deg, rgba(15,20,41,.96), rgba(10,16,40,.96)); border:1px solid rgba(139,132,255,.22); box-shadow:var(--shadow-soft); }
    .cta-final h2 { font-weight:950; letter-spacing:-.045em; font-size:clamp(1.9rem,3.4vw,3.4rem); }
    .cta-octo { position:absolute; right:2.2rem; bottom:-.5rem; width:240px; opacity:.96; filter:drop-shadow(0 26px 42px rgba(0,0,0,.42)); }

    .demo-cta-card {
        display:grid;
        grid-template-columns:1.25fr .75fr;
        gap:1.2rem;
        align-items:stretch;
        border-radius:30px;
        padding:1.35rem;
        background:
            radial-gradient(circle at 85% 14%, rgba(34,197,94,.18), transparent 30%),
            linear-gradient(135deg, rgba(15,20,41,.95), rgba(5,8,22,.94));
        border:1px solid rgba(0,212,255,.22);
        box-shadow:0 24px 58px rgba(0,0,0,.28);
    }
    .demo-cta-copy {
        padding:1.45rem;
    }
    .demo-cta-copy h2 {
        color:#fff;
        font-size:clamp(1.7rem,3vw,3.05rem);
        font-weight:950;
        letter-spacing:-.045em;
        line-height:1.05;
        margin-bottom:.85rem;
    }
    .demo-cta-copy p {
        color:#C8D0EA;
        line-height:1.75;
        max-width:820px;
        margin:0;
    }
    .demo-cta-actions {
        display:flex;
        flex-wrap:wrap;
        gap:.8rem;
        margin-top:1.4rem;
    }
    .demo-cta-points {
        display:grid;
        gap:.75rem;
    }
    .demo-cta-points div {
        border-radius:22px;
        padding:1rem;
        background:rgba(255,255,255,.045);
        border:1px solid rgba(139,132,255,.18);
    }
    .demo-cta-points strong {
        color:#fff;
        display:block;
        font-size:1.2rem;
        font-weight:950;
        margin-bottom:.2rem;
    }
    .demo-cta-points span {
        color:#BFC8E6;
        font-size:.88rem;
        line-height:1.5;
    }


    .octo-advisor-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
    .advisor-card { position:relative; overflow:hidden; border:1px solid rgba(139,132,255,.18); border-radius:26px; background:linear-gradient(180deg, rgba(15,20,41,.9), rgba(10,16,40,.82)); padding:1.25rem; min-height:220px; }
    .advisor-card::after { content:""; position:absolute; inset:auto -20% -45% -20%; height:130px; background:radial-gradient(circle, rgba(108,99,255,.26), transparent 70%); }
    .advisor-head { display:flex; align-items:center; gap:.8rem; margin-bottom:.9rem; }
    .advisor-head img { width:72px; height:72px; object-fit:contain; filter:drop-shadow(0 12px 22px rgba(0,0,0,.35)); }
    .advisor-head strong { color:#fff; font-size:1.05rem; }
    .advisor-card p { color:var(--text-secondary); margin:0; line-height:1.65; position:relative; z-index:1; }
    @media (max-width: 992px) { .octo-advisor-grid{grid-template-columns:1fr;} }

    @media (max-width: 1180px) { .feature-grid{grid-template-columns:repeat(2,1fr);} .octo-family{grid-template-columns:repeat(3,1fr);} .workflow{grid-template-columns:1fr;} .usecase-grid,.demo-cta-card{grid-template-columns:1fr;} }
    @media (max-width: 992px) { .hero-section{padding:3rem 1.35rem 2rem;} .octo-stage{min-height:430px;} .hero-metrics{grid-template-columns:1fr;} .section-title{display:block;} .section-title p{margin-top:.8rem;} }
    @media (max-width: 640px) { .feature-grid,.octo-family,.preview-grid{grid-template-columns:1fr;} .hero-actions a{width:100%; justify-content:center;} .cta-final{padding:2rem 1.3rem;} .cta-octo{position:relative; right:auto; bottom:auto; width:190px; margin:1rem auto 0; display:block;} }


    /* v4: ekran sığan hero, kırpılmayan maskot ve müşteri odaklı metin dengesi */
    .ra-home { max-width: 1500px; padding-top: 0; }
    .section-shell { margin-bottom: 4.4rem; }
    .hero-section { margin-top: 0; padding: clamp(2rem, 3vw, 3.25rem) clamp(1.35rem, 3vw, 2.65rem) 2rem; min-height: calc(100vh - 128px); display: flex; align-items: center; }
    .hero-section > .row { width: 100%; }
    .hero-title { font-size: clamp(2.05rem, 4.25vw, 4.65rem); line-height: 1; margin-bottom: 1rem; }
    .hero-copy { font-size: clamp(.98rem, 1.12vw, 1.12rem); line-height: 1.72; max-width: 760px; }
    .hero-actions { margin-top: 1.45rem; }
    .platform-strip { margin-top: 1.35rem; gap: .48rem; }
    .platform-pill { padding: .52rem .76rem; font-size: .78rem; }
    .hero-metrics { margin-top: 1.45rem; gap: .65rem; }
    .metric-card { padding: .82rem .9rem; border-radius: 18px; }
    .metric-card strong { font-size: 1.05rem; }
    .metric-card span { font-size: .78rem; }
    .octo-stage { min-height: clamp(380px, 43vw, 500px); overflow: visible; }
    .octo-orbit-card { width: min(390px, 92%); aspect-ratio: 1; }
    .octo-main { max-width: 335px; width: 88%; object-fit: contain; }
    .octo-glow { width: 70%; }
    .orbit-dot { width: 60px; height: 60px; border-radius: 20px; font-size: 1.22rem; }
    .orbit-dot:nth-child(3){ top:8%; left:2%; }
    .orbit-dot:nth-child(4){ top:7%; right:1%; }
    .orbit-dot:nth-child(5){ bottom:22%; left:0; }
    .orbit-dot:nth-child(6){ bottom:17%; right:3%; }
    .mini-insight { left: 5%; bottom: 0; max-width: 255px; padding: .82rem; }
    .mini-insight strong { font-size:.82rem; }
    .mini-insight span { font-size:.70rem; line-height:1.35; }
    .section-title p, .feature-card p, .workflow-card p, .advisor-card p { color:#C4CAE0; }
    .feature-card { min-height: 330px; }
    .feature-octo { width: 124px; height: 124px; }
    .family-img img, .feature-octo img, .advisor-head img { object-fit: contain; }
    @media (max-width: 1200px) {
        .hero-section { min-height: auto; }
        .octo-stage { min-height: 430px; }
    }
    @media (max-width: 992px) {
        .hero-section { padding: 2.2rem 1.25rem; }
        .octo-stage { min-height: 380px; }
        .octo-main { max-width: 300px; }
    }
    @media (max-width: 640px) {
        .hero-section { border-radius: 26px; padding: 1.7rem 1rem; }
        .octo-stage { min-height: 335px; }
        .orbit-dot { width: 50px; height: 50px; }
        .mini-insight { position: relative; left: auto; bottom: auto; margin-top: .4rem; max-width: 100%; }
        .octo-orbit-card { width: min(320px, 100%); }
        .octo-main { max-width: 250px; }
    }



    /* v5: hero Octo görünürlüğü ve profesyonel maskot kullanımı */
    .hero-section {
        min-height: calc(100vh - 118px) !important;
        padding-top: clamp(1.6rem, 2.4vw, 2.35rem) !important;
        padding-bottom: clamp(1.25rem, 2vw, 1.75rem) !important;
    }
    .octo-stage {
        min-height: clamp(430px, 44vw, 560px) !important;
        align-items: start !important;
        padding-top: 0 !important;
        transform: translateY(-18px);
    }
    .octo-orbit-card {
        width: min(435px, 96%) !important;
        margin-top: 0 !important;
        transform: translateY(-10px);
    }
    .octo-main {
        max-width: 385px !important;
        width: 92% !important;
        transform: translateY(-18px) scale(1.04);
        filter: drop-shadow(0 30px 48px rgba(0,0,0,.44)) drop-shadow(0 0 28px rgba(108,99,255,.32));
    }
    .mini-insight {
        bottom: 8px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: 305px !important;
        text-align: left;
        z-index: 6;
    }
    .octo-command-ribbon {
        position:absolute;
        top: 18px;
        right: 4px;
        z-index:5;
        display:flex;
        align-items:center;
        gap:.55rem;
        padding:.64rem .82rem;
        border-radius:18px;
        background:rgba(5,8,22,.78);
        border:1px solid rgba(0,212,255,.26);
        box-shadow:0 16px 34px rgba(0,0,0,.32);
        color:#fff;
        font-weight:900;
        font-size:.78rem;
        backdrop-filter: blur(16px);
    }
    .octo-command-ribbon i { color:var(--accent-cyan); }
    .octo-assistant-strip {
        display:grid;
        grid-template-columns: auto 1fr auto;
        gap:1rem;
        align-items:center;
        margin-top:1.15rem;
        padding:1rem 1.1rem;
        border-radius:24px;
        background:linear-gradient(90deg, rgba(108,99,255,.18), rgba(0,212,255,.08));
        border:1px solid rgba(139,132,255,.24);
    }
    .octo-assistant-strip img { width:74px; height:74px; object-fit:contain; filter:drop-shadow(0 12px 24px rgba(0,0,0,.38)); }
    .octo-assistant-strip strong { display:block; font-size:.92rem; color:#fff; margin-bottom:.2rem; }
    .octo-assistant-strip span { color:#C8D0EA; font-size:.82rem; line-height:1.5; }
    .octo-status-pill { padding:.52rem .72rem; border-radius:999px; background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.26); color:#BFF7D0; font-weight:900; font-size:.74rem; white-space:nowrap; }
    .hero-copy { max-width: 790px; }
    @media (max-width: 992px) {
        .hero-section { min-height:auto !important; }
        .octo-stage { transform:none; min-height:410px !important; }
        .octo-main { max-width:315px !important; transform:translateY(-8px) scale(1.02); }
        .octo-assistant-strip { grid-template-columns: auto 1fr; }
        .octo-status-pill { grid-column:1 / -1; justify-self:start; }
    }
    @media (max-width: 640px) {
        .octo-stage { min-height:350px !important; }
        .octo-orbit-card { width:min(335px,100%) !important; }
        .octo-main { max-width:265px !important; }
        .octo-command-ribbon { top:6px; right:0; font-size:.68rem; }
        .mini-insight { position:relative !important; left:auto !important; bottom:auto !important; transform:none !important; max-width:100% !important; margin-top:.3rem; }
        .octo-assistant-strip img { width:58px; height:58px; }
    }



    /* ===== V6 HERO OCTO REVİZYONU: OCTO DAHA YUKARIDA VE TAM GÖRÜNÜR ===== */
    @media (min-width: 993px) {
        .hero-section {
            min-height: calc(100vh - 122px) !important;
            padding-top: 2.15rem !important;
            padding-bottom: 1.35rem !important;
            display: flex !important;
            align-items: center !important;
            overflow: visible !important;
        }
        .hero-section > .row {
            align-items: center !important;
            width: 100% !important;
        }
        .octo-stage {
            min-height: 520px !important;
            display: flex !important;
            align-items: flex-start !important;
            justify-content: center !important;
            transform: translateY(-98px) !important;
            overflow: visible !important;
            padding-top: 0 !important;
            margin-bottom: -70px !important;
        }
        .octo-orbit-card {
            width: min(455px, 96%) !important;
            aspect-ratio: 1 !important;
            margin-top: 0 !important;
        }
        .octo-main {
            max-width: 395px !important;
            width: 91% !important;
            object-fit: contain !important;
            transform: translateY(-8px) scale(1.02) !important;
        }
        .octo-fallback {
            transform: translateY(-8px) scale(1.02) !important;
        }
        .orbit-dot:nth-child(3){ top: 4% !important; left: 2% !important; }
        .orbit-dot:nth-child(4){ top: 2% !important; right: 2% !important; }
        .orbit-dot:nth-child(5){ bottom: 24% !important; left: 0 !important; }
        .orbit-dot:nth-child(6){ bottom: 18% !important; right: 4% !important; }
        .mini-insight {
            left: 6% !important;
            bottom: 8% !important;
            transform: translateY(-8px) !important;
        }
        .hero-metrics { margin-top: 1.45rem !important; }
    }

    @media (min-width: 993px) and (max-width: 1280px) {
        .hero-section { min-height: calc(100vh - 118px) !important; padding-top: 1.85rem !important; }
        .octo-stage { min-height: 470px !important; transform: translateY(-82px) !important; margin-bottom: -58px !important; }
        .octo-orbit-card { width: min(405px, 96%) !important; }
        .octo-main { max-width: 345px !important; }
    }

    @media (max-width: 992px) {
        .octo-stage { transform: translateY(-18px) !important; min-height: 410px !important; margin-bottom: -10px !important; }
        .octo-main { max-width: 315px !important; }
    }

    @media (max-width: 576px) {
        .octo-stage { transform: translateY(-10px) !important; min-height: 340px !important; }
        .octo-main { max-width: 260px !important; }
    }


    /* v7: deneme bilgisi ve hero Octo overlay temizligi */
    .trial-proof {
        display:flex;
        flex-wrap:wrap;
        gap:.62rem;
        margin-top:1.05rem;
        margin-bottom:.25rem;
        padding:.72rem;
        width:fit-content;
        max-width:100%;
        border-radius:22px;
        background:linear-gradient(90deg, rgba(34,197,94,.18), rgba(0,212,255,.09));
        border:1px solid rgba(34,197,94,.32);
        box-shadow:0 18px 36px rgba(0,0,0,.22);
    }
    .trial-proof span {
        display:inline-flex;
        align-items:center;
        gap:.48rem;
        padding:.52rem .74rem;
        border-radius:999px;
        background:rgba(5,8,22,.44);
        border:1px solid rgba(255,255,255,.10);
        color:#F2FFF6;
        font-size:.82rem;
        font-weight:900;
        white-space:nowrap;
    }
    .trial-proof i { color:#78F0A2; }
    .orbit-dot.dot-chart,
    .orbit-dot.dot-brain,
    .orbit-dot.dot-binoculars,
    .orbit-dot.dot-magic {
        will-change:transform;
    }
    .orbit-dot.dot-chart {
        top:24% !important;
        left:-1% !important;
        bottom:auto !important;
        right:auto !important;
    }
    .orbit-dot.dot-brain {
        top:23% !important;
        right:-1% !important;
        bottom:auto !important;
        left:auto !important;
    }
    .orbit-dot.dot-binoculars {
        left:-2% !important;
        bottom:27% !important;
        top:auto !important;
        right:auto !important;
    }
    .orbit-dot.dot-magic {
        top:-3% !important;
        left:47% !important;
        bottom:auto !important;
        right:auto !important;
        z-index:7;
    }
    .orbit-dot.dot-chart { animation: orbitFloatChart 5.8s ease-in-out infinite !important; }
    .orbit-dot.dot-brain { animation: orbitFloatBrain 6.2s ease-in-out infinite !important; }
    .orbit-dot.dot-binoculars { animation: orbitFloatBinoculars 6.6s ease-in-out infinite !important; }
    .orbit-dot.dot-magic { animation: orbitFloatMagic 5.4s ease-in-out infinite !important; }
    @keyframes orbitFloatChart {
        0%,100% { transform:translate3d(0,0,0) rotate(-2deg); }
        35% { transform:translate3d(-8px,-12px,0) rotate(3deg); }
        70% { transform:translate3d(7px,8px,0) rotate(-4deg); }
    }
    @keyframes orbitFloatBrain {
        0%,100% { transform:translate3d(0,0,0) rotate(2deg); }
        40% { transform:translate3d(9px,-10px,0) rotate(-3deg); }
        75% { transform:translate3d(-7px,9px,0) rotate(4deg); }
    }
    @keyframes orbitFloatBinoculars {
        0%,100% { transform:translate3d(0,0,0) rotate(1deg); }
        45% { transform:translate3d(-10px,8px,0) rotate(-4deg); }
        78% { transform:translate3d(8px,-7px,0) rotate(3deg); }
    }
    @keyframes orbitFloatMagic {
        0%,100% { transform:translate3d(-50%,0,0) rotate(0deg); }
        42% { transform:translate3d(calc(-50% + 7px),-11px,0) rotate(5deg); }
        76% { transform:translate3d(calc(-50% - 6px),7px,0) rotate(-4deg); }
    }
    .mini-insight {
        left:50% !important;
        bottom:-54px !important;
        transform:translateX(-50%) !important;
        max-width:315px !important;
        z-index:5;
    }
    @media (min-width: 993px) {
        .octo-stage {
            min-height:590px !important;
            margin-bottom:0 !important;
        }
        .mini-insight {
            left:50% !important;
            bottom:-56px !important;
            transform:translateX(-50%) !important;
        }
    }
    @media (max-width: 992px) {
        .trial-proof span { white-space:normal; }
        .orbit-dot.dot-magic {
            top:-2% !important;
            left:50% !important;
        }
        .mini-insight {
            position:absolute !important;
            left:50% !important;
            bottom:-46px !important;
            transform:translateX(-50%) !important;
            max-width:300px !important;
        }
        .octo-stage {
            min-height:455px !important;
            margin-bottom:30px !important;
        }
    }
    @media (max-width: 576px) {
        .trial-proof {
            display:grid;
            grid-template-columns:1fr;
        }
        .trial-proof span {
            justify-content:center;
            white-space:normal;
            text-align:center;
        }
        .orbit-dot.dot-chart,
        .orbit-dot.dot-brain,
        .orbit-dot.dot-binoculars,
        .orbit-dot.dot-magic {
            width:46px !important;
            height:46px !important;
            border-radius:16px !important;
            font-size:1rem !important;
        }
        .mini-insight {
            position:relative !important;
            left:auto !important;
            bottom:auto !important;
            transform:none !important;
            margin-top:.65rem;
        }
        .octo-stage {
            min-height:390px !important;
            margin-bottom:0 !important;
        }
    }

    /* v9: keep platform badges in one desktop row and make demo CTA unmistakable */
    .btn-hero-demo {
        color:#07111f !important;
        background:linear-gradient(135deg,#7CFFB2,#00D4FF) !important;
        border:1px solid rgba(124,255,178,.56) !important;
        box-shadow:0 20px 42px rgba(34,197,94,.22) !important;
    }
    .btn-hero-demo:hover {
        color:#07111f !important;
        transform:translateY(-3px);
        box-shadow:0 28px 56px rgba(0,212,255,.24) !important;
    }
    @media (min-width: 993px) {
        .platform-strip {
            flex-wrap:nowrap !important;
            gap:.34rem !important;
            max-width:100%;
            align-items:center;
        }
        .platform-pill {
            flex:0 1 auto;
            min-width:0;
            white-space:nowrap;
            gap:.32rem !important;
            padding:.42rem .5rem !important;
            font-size:.68rem !important;
            letter-spacing:0 !important;
        }
        .platform-pill i {
            font-size:.72rem;
        }
    }

    /* v10: referral promo sales band */
    .referral-promo-section {
        margin-top:-2.6rem;
    }
    .referral-promo-card {
        display:grid;
        grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
        gap:1.15rem;
        align-items:stretch;
        position:relative;
        overflow:hidden;
        border-radius:32px;
        padding:1.35rem;
        background:
            radial-gradient(circle at 88% 10%, rgba(255,209,102,.22), transparent 34%),
            radial-gradient(circle at 14% 16%, rgba(0,212,255,.14), transparent 34%),
            linear-gradient(135deg, rgba(15,20,41,.96), rgba(7,12,30,.96));
        border:1px solid rgba(255,209,102,.28);
        box-shadow:0 24px 64px rgba(0,0,0,.30), 0 0 34px rgba(255,209,102,.08);
    }
    .referral-promo-copy {
        padding:1.35rem;
        display:flex;
        flex-direction:column;
        justify-content:center;
        min-width:0;
    }
    .referral-promo-copy h2 {
        color:#fff;
        font-size:clamp(1.75rem,2.7vw,3.1rem);
        line-height:1.04;
        letter-spacing:-.045em;
        font-weight:950;
        margin:0 0 .9rem;
    }
    .referral-promo-copy p {
        color:#C8D0EA;
        line-height:1.75;
        max-width:820px;
        margin:0;
    }
    .referral-promo-actions {
        display:flex;
        flex-wrap:wrap;
        gap:.8rem;
        margin-top:1.35rem;
    }
    .referral-promo-panel {
        border-radius:26px;
        padding:1rem;
        background:rgba(5,8,22,.52);
        border:1px solid rgba(255,255,255,.10);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
        display:grid;
        gap:.85rem;
    }
    .promo-code-preview {
        min-height:92px;
        border-radius:22px;
        padding:1rem 1.1rem;
        background:linear-gradient(135deg, rgba(255,209,102,.95), rgba(0,212,255,.82));
        color:#07111f;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:1rem;
        box-shadow:0 20px 42px rgba(255,209,102,.14);
    }
    .promo-code-preview span {
        font-size:.78rem;
        font-weight:950;
        text-transform:uppercase;
        letter-spacing:.08em;
        opacity:.78;
        max-width:160px;
        line-height:1.35;
    }
    .promo-code-preview strong {
        font-size:clamp(1.35rem,2.2vw,2.15rem);
        font-weight:1000;
        letter-spacing:.04em;
        white-space:nowrap;
    }
    .promo-benefit-grid {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.75rem;
    }
    .promo-benefit-grid div {
        min-height:124px;
        border-radius:20px;
        padding:1rem;
        background:rgba(255,255,255,.045);
        border:1px solid rgba(139,132,255,.16);
        display:flex;
        flex-direction:column;
        justify-content:center;
        text-align:center;
    }
    .promo-benefit-grid i {
        color:#FFD166;
        font-size:1.1rem;
        margin-bottom:.55rem;
    }
    .promo-benefit-grid strong {
        color:#fff;
        display:block;
        font-size:1.55rem;
        line-height:1;
        font-weight:1000;
        font-variant-numeric:tabular-nums;
        margin-bottom:.45rem;
    }
    .promo-benefit-grid span {
        color:#BFC8E6;
        font-size:.82rem;
        line-height:1.42;
        font-weight:750;
    }
    .referral-trust-note {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:.55rem;
        border-radius:18px;
        padding:.85rem 1rem;
        background:rgba(34,197,94,.11);
        border:1px solid rgba(34,197,94,.22);
        color:#DDFBE7;
        font-size:.84rem;
        line-height:1.45;
        font-weight:850;
        text-align:center;
    }
    .referral-trust-note i {
        color:#7CFFB2;
        flex:0 0 auto;
    }
    @media (max-width: 1180px) {
        .referral-promo-card {
            grid-template-columns:1fr;
        }
    }
    @media (max-width: 768px) {
        .referral-promo-section {
            margin-top:0;
        }
        .referral-promo-card {
            padding:1rem;
            border-radius:26px;
        }
        .referral-promo-copy {
            padding:.65rem;
        }
        .referral-promo-actions a {
            width:100%;
            justify-content:center;
        }
        .promo-code-preview {
            display:grid;
            justify-items:center;
            text-align:center;
        }
        .promo-benefit-grid {
            grid-template-columns:1fr;
        }
        .promo-benefit-grid div {
            min-height:104px;
        }
    }