/* =========================================================
   SECTION 3B – LEAN BURN / SILVER-NAVY HUD STAGE
========================================================= */

.oct-leanburn-pro-v1{
    --oct-yellow:#FFE200;
    --oct-navy-1:#03070c;
    --oct-navy-2:#091523;
    --oct-navy-3:#0d1e30;
    --oct-silver-1:rgba(255,255,255,0.88);
    --oct-silver-2:rgba(215,226,236,0.55);
    --oct-silver-3:rgba(176,196,214,0.22);
    --oct-line:rgba(255,255,255,0.10);
    --oct-card:rgba(6,12,20,0.58);
    --oct-card-border:rgba(196,214,232,0.22);

    position:relative !important;
    overflow:hidden !important;
    padding:120px 28px 120px 28px !important;
    font-family:'Roboto', Arial, sans-serif !important;
    color:#f5f7fa !important;

    background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,0.10) 0%, rgba(201,218,232,0.06) 16%, rgba(92,121,151,0.04) 36%, transparent 60%),
        radial-gradient(circle at 18% 24%, rgba(255,255,255,0.06) 0%, transparent 34%),
        radial-gradient(circle at 88% 20%, rgba(162,190,216,0.05) 0%, transparent 30%),
        linear-gradient(90deg, rgba(255,255,255,0.015) 0%, rgba(255,255,255,0.035) 50%, rgba(255,255,255,0.015) 100%),
        linear-gradient(180deg, #04080d 0%, #091321 20%, #0b1b2b 52%, #091321 78%, #04080d 100%) !important;

    border-top:1px solid rgba(255,255,255,0.14) !important;
    border-bottom:1px solid rgba(255,255,255,0.14) !important;
}

.oct-leanburn-pro-v1,
.oct-leanburn-pro-v1 *{
    box-sizing:border-box !important;
}

.oct-leanburn-pro-v1::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:1 !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,0.012) 1px, transparent 1px) !important;
    background-size:72px 72px !important;
    opacity:.16 !important;
    -webkit-mask-image:radial-gradient(circle at center, black 0%, transparent 80%) !important;
    mask-image:radial-gradient(circle at center, black 0%, transparent 80%) !important;
}

.oct-leanburn-pro-v1::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    height:1px !important;
    z-index:3 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.13) 18%, rgba(255,255,255,.24) 50%, rgba(255,255,255,.13) 82%, transparent 100%) !important;
}

/* =========================================================
   BACKGROUND FX
========================================================= */

.oct-lb-bg{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    overflow:hidden !important;
}

.oct-lb-bg .lb-beam{
    position:absolute !important;
    height:1px !important;
    border-radius:20px !important;
    opacity:.28 !important;
    transform:rotate(-16deg) !important;
    animation:lbBeamMove 12s ease-in-out infinite alternate !important;
}

.oct-lb-bg .lb-beam.b1{
    top:12% !important;
    left:-16% !important;
    width:920px !important;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), rgba(176,196,214,.12), transparent) !important;
}

.oct-lb-bg .lb-beam.b2{
    top:58% !important;
    right:-18% !important;
    width:980px !important;
    background:linear-gradient(90deg, transparent, rgba(185,208,228,.16), rgba(255,255,255,.10), transparent) !important;
    animation-delay:1.8s !important;
}

.oct-lb-bg .lb-beam.b3{
    bottom:18% !important;
    left:-10% !important;
    width:740px !important;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), rgba(180,205,224,.08), transparent) !important;
    animation-delay:3.1s !important;
}

@keyframes lbBeamMove{
    0%{
        transform:rotate(-16deg) translateX(-28px) translateY(8px);
        opacity:.10;
    }

    100%{
        transform:rotate(-16deg) translateX(40px) translateY(-10px);
        opacity:.34;
    }
}

.oct-lb-bg .lb-orbit{
    position:absolute !important;
    border-radius:50% !important;
    border:1px solid rgba(194,214,231,0.12) !important;
    pointer-events:none !important;
}

.oct-lb-bg .lb-orbit.o1{
    width:620px !important;
    height:620px !important;
    right:-220px !important;
    top:2% !important;
}

.oct-lb-bg .lb-orbit.o1::before{
    content:"" !important;
    position:absolute !important;
    inset:52px !important;
    border-radius:50% !important;
    border:1px dashed rgba(196,214,232,0.08) !important;
}

.oct-lb-bg .lb-orbit.o2{
    width:440px !important;
    height:440px !important;
    left:-180px !important;
    bottom:10% !important;
}

.oct-lb-bg .lb-orbit.o2::before{
    content:"" !important;
    position:absolute !important;
    inset:42px !important;
    border-radius:50% !important;
    border:1px dashed rgba(196,214,232,0.06) !important;
}

.oct-lb-bg .lb-sheen{
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    width:280px !important;
    filter:blur(38px) !important;
    opacity:.14 !important;
    pointer-events:none !important;
    background:linear-gradient(180deg, transparent 0%, rgba(255,255,255,.18) 50%, transparent 100%) !important;
}

.oct-lb-bg .lb-sheen.s1{
    left:28% !important;
}

.oct-lb-bg .lb-sheen.s2{
    right:18% !important;
    opacity:.10 !important;
}

/* =========================================================
   LAYOUT
========================================================= */

.oct-lb-wrap{
    position:relative !important;
    z-index:4 !important;
    max-width:1600px !important;
    margin:0 auto !important;
}

.oct-lb-grid{
    display:grid !important;
    grid-template-columns:0.9fr 1.2fr 0.92fr !important;
    align-items:center !important;
    gap:42px !important;
    min-height:560px !important;
    position:relative !important;
}

/* =========================================================
   LEFT – LEAN BURN BADGE
========================================================= */

.oct-lb-badge-col{
    position:relative !important;
    z-index:5 !important;
    display:flex !important;
    justify-content:center !important;
    isolation:isolate !important;
    min-height:420px !important;
    align-items:center !important;
}

.oct-lb-badge-col::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:520px !important;
    height:420px !important;
    transform:translate(-50%, -50%) skewX(-8deg) !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
        radial-gradient(ellipse at 50% 50%, rgba(226,238,247,0.105) 0%, rgba(177,205,228,0.055) 28%, rgba(72,100,126,0.030) 48%, transparent 72%),
        repeating-linear-gradient(118deg, rgba(255,255,255,0.030) 0px, rgba(255,255,255,0.030) 1px, transparent 2px, transparent 12px),
        linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.050) 18%, rgba(255,255,255,0.085) 50%, rgba(255,255,255,0.040) 82%, transparent 100%) !important;

    border-top:1px solid rgba(222,235,245,0.105) !important;
    border-bottom:1px solid rgba(222,235,245,0.070) !important;
    opacity:0.70 !important;
    filter:blur(0.2px) !important;
    -webkit-mask-image:radial-gradient(ellipse at center, black 0%, black 45%, transparent 78%) !important;
    mask-image:radial-gradient(ellipse at center, black 0%, black 45%, transparent 78%) !important;
    animation:octLbBadgeAmbientFloatV82 8.5s ease-in-out infinite alternate !important;
}

.oct-lb-badge-col::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:430px !important;
    height:430px !important;
    transform:translate(-50%, -50%) rotate(0deg) !important;
    z-index:0 !important;
    pointer-events:none !important;
    border-radius:50% !important;

    background:
        radial-gradient(circle, transparent 0%, transparent 46%, rgba(218,233,246,0.090) 46.4%, transparent 47.1%, transparent 59%, rgba(160,192,220,0.070) 59.5%, transparent 60.2%, transparent 71%, rgba(220,235,247,0.060) 71.4%, transparent 72.1%),
        conic-gradient(from 20deg, transparent 0deg, transparent 34deg, rgba(230,242,250,0.22) 38deg, rgba(160,194,222,0.12) 43deg, transparent 50deg, transparent 144deg, rgba(207,226,242,0.13) 148deg, transparent 154deg, transparent 246deg, rgba(228,240,249,0.16) 252deg, transparent 260deg, transparent 360deg) !important;

    opacity:0.58 !important;
    mix-blend-mode:screen !important;
    animation:octLbBadgeRingSpinV82 28s linear infinite !important;
}

.oct-lb-badge-wrap{
    position:relative !important;
    z-index:3 !important;
    width:min(100%, 410px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:24px !important;
}

.oct-lb-badge-wrap::before{
    content:"" !important;
    position:absolute !important;
    inset:8px !important;
    border-radius:50% !important;
    border:1px solid rgba(213,229,242,0.18) !important;
    opacity:0 !important;
    transform:scale(.92) rotate(0deg) !important;
    transition:all .45s ease !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.025) inset,
        0 0 30px rgba(165,198,225,.10) !important;
}

.oct-lb-badge-wrap::after{
    content:"" !important;
    position:absolute !important;
    inset:-4px !important;
    border-radius:50% !important;
    border-top:2px solid rgba(226,239,249,.82) !important;
    border-right:2px solid rgba(145,184,216,.32) !important;
    border-bottom:2px solid transparent !important;
    border-left:2px solid transparent !important;
    opacity:0 !important;
    transform:rotate(-20deg) !important;
    transition:opacity .35s ease !important;
}

.oct-lb-badge-wrap:hover::before{
    opacity:1 !important;
    transform:scale(1) rotate(10deg) !important;
}

.oct-lb-badge-wrap:hover::after{
    opacity:1 !important;
    animation:lbBadgeOrbit 2.8s linear infinite !important;
}

@keyframes lbBadgeOrbit{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

.oct-lb-badge-img{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    max-width:340px !important;
    height:auto !important;
    filter:drop-shadow(0 14px 26px rgba(0,0,0,.38)) !important;
    transform:translateZ(0) scale(1) !important;
    transition:transform .42s ease, filter .42s ease !important;
}

.oct-lb-badge-wrap:hover .oct-lb-badge-img{
    transform:scale(1.026) !important;
    filter:
        drop-shadow(0 16px 32px rgba(0,0,0,.46))
        drop-shadow(0 0 15px rgba(185,213,236,.13)) !important;
}

@keyframes octLbBadgeAmbientFloatV82{
    0%{
        opacity:0.50;
        transform:translate(-51%, -50%) skewX(-8deg);
    }

    100%{
        opacity:0.78;
        transform:translate(-49%, -52%) skewX(-8deg);
    }
}

@keyframes octLbBadgeRingSpinV82{
    from{ transform:translate(-50%, -50%) rotate(0deg); }
    to{ transform:translate(-50%, -50%) rotate(360deg); }
}

/* =========================================================
   CENTER – COPY + HUD CIRCLE
========================================================= */

.oct-lb-center{
    position:relative !important;
    z-index:4 !important;
    min-height:600px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.oct-lb-tech-circle{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:520px !important;
    height:520px !important;
    transform:translate(-50%, -50%) !important;
    border-radius:50% !important;
    pointer-events:none !important;
    z-index:1 !important;
    opacity:.72 !important;

    background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.090) 0%, rgba(203,220,234,.055) 25%, rgba(112,141,166,.026) 46%, rgba(11,21,31,.035) 68%, transparent 76%),
        conic-gradient(from 0deg, rgba(255,255,255,.040) 0deg, rgba(167,191,212,.018) 34deg, transparent 58deg, rgba(255,255,255,.035) 84deg, transparent 122deg, rgba(180,205,224,.032) 166deg, transparent 202deg, rgba(255,255,255,.030) 250deg, transparent 294deg, rgba(176,196,214,.038) 336deg, rgba(255,255,255,.040) 360deg) !important;

    box-shadow:
        inset 0 0 0 1px rgba(196,214,232,.105),
        inset 0 0 58px rgba(255,255,255,.025),
        0 0 0 1px rgba(255,255,255,.018) !important;
}

.oct-lb-tech-circle::before{
    content:"" !important;
    position:absolute !important;
    inset:42px !important;
    border-radius:50% !important;
    border:1px dashed rgba(186,206,224,.18) !important;
    animation:lbSpinSlow 24s linear infinite !important;
}

.oct-lb-tech-circle::after{
    content:"" !important;
    position:absolute !important;
    inset:82px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:inset 0 0 0 1px rgba(180,205,228,.04) !important;
    animation:lbSpinReverse 32s linear infinite !important;
}

@keyframes lbSpinSlow{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

@keyframes lbSpinReverse{
    from{ transform:rotate(360deg); }
    to{ transform:rotate(0deg); }
}

.oct-lb-propeller,
.oct-lb-propeller span{
    display:none !important;
}

.oct-lb-propeller-asset{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:min(590px, 46vw) !important;
    height:min(590px, 46vw) !important;
    transform:translate(-50%, -50%) scale(1) !important;
    z-index:2 !important;
    pointer-events:none !important;
    opacity:.34 !important;
    mix-blend-mode:screen !important;
    filter:
        drop-shadow(0 0 22px rgba(172,207,235,.14))
        drop-shadow(0 24px 52px rgba(0,0,0,.28)) !important;
    animation:octProAssetDriftV81 10s ease-in-out infinite alternate !important;
}

.oct-lb-propeller-asset img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:contain !important;
    transform-origin:50% 50% !important;
    animation:octProAssetSpinV81 70s linear infinite !important;
    opacity:1 !important;
}

.oct-lb-propeller-asset::before{
    content:"" !important;
    position:absolute !important;
    inset:7% !important;
    border-radius:50% !important;
    border:1px solid rgba(213,228,241,.18) !important;
    box-shadow:
        0 0 34px rgba(178,210,235,.12),
        inset 0 0 28px rgba(255,255,255,.035) !important;
    opacity:.76 !important;
    animation:octProAssetRingV81 18s linear infinite !important;
}

.oct-lb-propeller-asset::after{
    content:"" !important;
    position:absolute !important;
    inset:3% !important;
    border-radius:50% !important;
    background:
        conic-gradient(from 210deg, transparent 0deg, transparent 28deg, rgba(233,242,249,.56) 40deg, rgba(150,190,224,.22) 54deg, transparent 70deg, transparent 184deg, rgba(232,242,249,.28) 206deg, transparent 224deg, transparent 360deg) !important;
    -webkit-mask:radial-gradient(circle, transparent 0%, transparent 70%, #000 71%, #000 72.5%, transparent 73.6%, transparent 100%) !important;
    mask:radial-gradient(circle, transparent 0%, transparent 70%, #000 71%, #000 72.5%, transparent 73.6%, transparent 100%) !important;
    opacity:.72 !important;
    animation:octProAssetSweepV81 13s linear infinite reverse !important;
}

@keyframes octProAssetSpinV81{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

@keyframes octProAssetDriftV81{
    0%{
        opacity:.28;
        transform:translate(-50%, -50%) scale(.985);
        filter:
            drop-shadow(0 0 16px rgba(172,207,235,.10))
            drop-shadow(0 22px 48px rgba(0,0,0,.24));
    }
    100%{
        opacity:.40;
        transform:translate(-50%, -50%) scale(1.015);
        filter:
            drop-shadow(0 0 28px rgba(172,207,235,.18))
            drop-shadow(0 28px 58px rgba(0,0,0,.30));
    }
}

@keyframes octProAssetRingV81{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

@keyframes octProAssetSweepV81{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

.oct-lb-copy{
    position:relative !important;
    z-index:5 !important;
    max-width:620px !important;
    text-align:center !important;
    padding:0 10px !important;
}

.oct-lb-copy::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:112% !important;
    height:106% !important;
    transform:translate(-50%, -50%) !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:
        radial-gradient(ellipse at center, rgba(4,9,14,.56) 0%, rgba(4,9,14,.36) 34%, rgba(4,9,14,.08) 66%, transparent 78%) !important;
    filter:blur(16px) !important;
}

.oct-lb-kicker{
    display:block !important;
    margin:0 0 18px 0 !important;
    color:#FFE200 !important;
    font-size:28px !important;
    line-height:1.18 !important;
    font-weight:500 !important;
    letter-spacing:1.8px !important;
    text-transform:uppercase !important;
    text-shadow:0 0 16px rgba(255,226,0,.20), 0 4px 16px rgba(0,0,0,.40) !important;
}

.oct-lb-title{
    margin:0 !important;
    color:#fff !important;
    font-size:60px !important;
    line-height:1.02 !important;
    font-weight:900 !important;
    letter-spacing:-.7px !important;
    text-transform:uppercase !important;
    text-shadow:
        0 10px 28px rgba(0,0,0,.52),
        0 2px 8px rgba(0,0,0,.46) !important;
}

.oct-lb-line{
    display:block !important;
    width:58px !important;
    height:3px !important;
    margin:24px auto 26px auto !important;
    background:#FFE200 !important;
    box-shadow:0 0 12px rgba(255,226,0,.22) !important;
}

.oct-lb-text{
    margin:0 auto !important;
    max-width:580px !important;
    color:rgba(255,255,255,.84) !important;
    font-size:20px !important;
    line-height:1.78 !important;
    font-weight:400 !important;
    text-shadow:
        0 4px 16px rgba(0,0,0,.46),
        0 1px 6px rgba(0,0,0,.40) !important;
}

/* =========================================================
   RIGHT – FEATURE CARDS
========================================================= */

.oct-lb-features{
    position:relative !important;
    z-index:5 !important;
    min-height:500px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:22px !important;
    padding-right:10px !important;
}

.oct-lb-feature{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:360px !important;
    padding:24px 26px 24px 24px !important;
    background:
        linear-gradient(180deg, rgba(8,16,26,0.66) 0%, rgba(5,12,20,0.58) 100%),
        repeating-linear-gradient(115deg, rgba(255,255,255,0.026) 0px, rgba(255,255,255,0.026) 1px, transparent 2px, transparent 9px) !important;
    border:1px solid rgba(198,218,236,0.17) !important;
    border-left:2px solid rgba(214,232,246,0.44) !important;
    clip-path:polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%) !important;
    box-shadow:
        0 14px 30px rgba(0,0,0,0.27),
        inset 0 0 0 1px rgba(255,255,255,0.018) !important;
    transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease !important;
}

.oct-lb-feature.f1{
    margin-left:18px !important;
    transform:translateY(-8px) !important;
}

.oct-lb-feature.f2{
    margin-left:74px !important;
    transform:translateY(0) !important;
}

.oct-lb-feature.f3{
    margin-left:34px !important;
    transform:translateY(8px) !important;
}

.oct-lb-feature::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:2px !important;
    background:linear-gradient(180deg, rgba(238,247,253,0.72), rgba(157,190,219,0.34)) !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.oct-lb-feature::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.05) 50%, transparent 100%) !important;
    opacity:.10 !important;
}

.oct-lb-feature:hover{
    transform:translateX(-8px) !important;
    border-color:rgba(225,239,249,0.36) !important;
    border-left-color:rgba(236,246,252,0.70) !important;
    background:
        linear-gradient(180deg, rgba(12,25,39,0.78) 0%, rgba(7,17,29,0.70) 100%),
        repeating-linear-gradient(115deg, rgba(255,255,255,0.030) 0px, rgba(255,255,255,0.030) 1px, transparent 2px, transparent 9px) !important;
    box-shadow:
        0 18px 38px rgba(0,0,0,0.34),
        0 0 28px rgba(184,210,232,0.13),
        inset 0 0 0 1px rgba(255,255,255,0.034) !important;
}

.oct-lb-feature:hover::before{
    width:3px !important;
    opacity:0.72 !important;
}

.oct-lb-feature.f1:hover{
    transform:translateX(-8px) translateY(-10px) !important;
}

.oct-lb-feature.f2:hover{
    transform:translateX(-8px) translateY(-2px) !important;
}

.oct-lb-feature.f3:hover{
    transform:translateX(-8px) translateY(6px) !important;
}

.oct-lb-feature-title{
    position:relative !important;
    display:block !important;
    margin:0 0 10px 0 !important;
    color:#ffffff !important;
    font-size:20px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}

.oct-lb-feature:hover .oct-lb-feature-title::after{
    content:"" !important;
    display:block !important;
    width:34px !important;
    height:1px !important;
    margin-top:7px !important;
    background:linear-gradient(90deg, rgba(244,250,253,0.72), rgba(176,205,230,0.36), transparent) !important;
}

.oct-lb-feature-text{
    position:relative !important;
    z-index:2 !important;
    margin:0 !important;
    color:rgba(255,255,255,.78) !important;
    font-size:17px !important;
    line-height:1.6 !important;
    font-weight:400 !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:1380px){
    .oct-lb-grid{
        grid-template-columns:0.88fr 1.08fr 0.94fr !important;
        gap:32px !important;
    }

    .oct-lb-title{
        font-size:52px !important;
    }

    .oct-lb-propeller-asset{
        width:min(520px, 45vw) !important;
        height:min(520px, 45vw) !important;
    }

    .oct-lb-tech-circle{
        width:460px !important;
        height:460px !important;
    }
}

@media (max-width:1199px){
    .oct-leanburn-pro-v1{
        padding:95px 22px 100px 22px !important;
    }

    .oct-lb-grid{
        grid-template-columns:1fr !important;
        gap:38px !important;
        min-height:auto !important;
    }

    .oct-lb-badge-col,
    .oct-lb-center,
    .oct-lb-features{
        min-height:auto !important;
    }

    .oct-lb-badge-col{
        order:1 !important;
        min-height:330px !important;
    }

    .oct-lb-center{
        order:2 !important;
        min-height:520px !important;
    }

    .oct-lb-features{
        order:3 !important;
        align-items:center !important;
        padding-right:0 !important;
    }

    .oct-lb-feature,
    .oct-lb-feature.f1,
    .oct-lb-feature.f2,
    .oct-lb-feature.f3,
    .oct-lb-feature.f1:hover,
    .oct-lb-feature.f2:hover,
    .oct-lb-feature.f3:hover{
        margin-left:0 !important;
        max-width:620px !important;
        transform:none !important;
    }

    .oct-lb-propeller-asset{
        width:min(500px, 78vw) !important;
        height:min(500px, 78vw) !important;
        opacity:.28 !important;
    }

    .oct-lb-tech-circle{
        width:min(430px, 76vw) !important;
        height:min(430px, 76vw) !important;
    }

    .oct-lb-badge-col::before{
        width:min(560px, 92vw) !important;
        height:330px !important;
    }

    .oct-lb-badge-col::after{
        width:min(390px, 82vw) !important;
        height:min(390px, 82vw) !important;
    }
}

@media (max-width:767px){
    .oct-leanburn-pro-v1{
        padding:76px 16px 82px 16px !important;
    }

    .oct-lb-badge-col{
        min-height:285px !important;
    }

    .oct-lb-badge-wrap{
        width:100% !important;
        padding:8px !important;
    }

    .oct-lb-badge-img{
        max-width:280px !important;
    }

    .oct-lb-badge-col::before{
        width:96vw !important;
        height:260px !important;
        opacity:0.52 !important;
    }

    .oct-lb-badge-col::after{
        width:min(310px, 82vw) !important;
        height:min(310px, 82vw) !important;
        opacity:0.44 !important;
    }

    .oct-lb-center{
        min-height:455px !important;
    }

    .oct-lb-propeller-asset{
        width:min(380px, 92vw) !important;
        height:min(380px, 92vw) !important;
        opacity:.24 !important;
    }

    .oct-lb-tech-circle{
        width:min(330px, 86vw) !important;
        height:min(330px, 86vw) !important;
    }

    .oct-lb-copy::before{
        width:118% !important;
        height:110% !important;
    }

    .oct-lb-kicker{
        font-size:20px !important;
        letter-spacing:1.3px !important;
    }

    .oct-lb-title{
        font-size:38px !important;
        line-height:1.05 !important;
    }

    .oct-lb-text{
        font-size:17px !important;
        line-height:1.7 !important;
    }

    .oct-lb-feature{
        padding:18px 18px 18px 18px !important;
    }

    .oct-lb-feature-title{
        font-size:18px !important;
    }

    .oct-lb-feature-text{
        font-size:15px !important;
    }
}

/* =========================================================
   SECTION 3B V2 – FULL VIEWPORT HEIGHT
   Lean Burn nimmt auf Desktop die volle sichtbare Seitenhöhe ein.
========================================================= */
.oct-leanburn-pro-v1{
    min-height:100vh !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding-top:96px !important;
    padding-bottom:96px !important;
}

.oct-leanburn-pro-v1 .oct-lb-wrap{
    width:100% !important;
}

.oct-leanburn-pro-v1 .oct-lb-grid{
    min-height:calc(100vh - 192px) !important;
}

@media (max-width:1199px){
    .oct-leanburn-pro-v1{
        min-height:auto !important;
        display:block !important;
        padding-top:95px !important;
        padding-bottom:100px !important;
    }

    .oct-leanburn-pro-v1 .oct-lb-grid{
        min-height:auto !important;
    }
}

@media (max-width:767px){
    .oct-leanburn-pro-v1{
        padding-top:76px !important;
        padding-bottom:82px !important;
    }
}


/* =========================================================
   SECTION 3B V3 – FULLHEIGHT PROPELLER SCALE
   Propeller/HUD in der hohen Section größer, ohne Mobile zu überladen.
========================================================= */
@media (min-width:1200px){
    .oct-leanburn-pro-v1 .oct-lb-propeller-asset{
        width:min(720px, 50vw, calc(100vh - 110px)) !important;
        height:min(720px, 50vw, calc(100vh - 110px)) !important;
        opacity:.39 !important;
    }

    .oct-leanburn-pro-v1 .oct-lb-tech-circle{
        width:min(640px, 44vw, calc(100vh - 175px)) !important;
        height:min(640px, 44vw, calc(100vh - 175px)) !important;
        opacity:.78 !important;
    }
}

@media (min-width:1800px){
    .oct-leanburn-pro-v1 .oct-lb-propeller-asset{
        width:min(780px, 47vw, calc(100vh - 95px)) !important;
        height:min(780px, 47vw, calc(100vh - 95px)) !important;
    }

    .oct-leanburn-pro-v1 .oct-lb-tech-circle{
        width:min(690px, 41vw, calc(100vh - 155px)) !important;
        height:min(690px, 41vw, calc(100vh - 155px)) !important;
    }
}