/* decto — immersive ribbon hero (CTA gold language, deeper & matte) */



body.index-page .main-content {

    padding: 0;

    max-width: none;

}



body.index-page .bl-landing {

    --bl-hero-min: calc(100vh - var(--bn-nav-h, 64px));

    --bl-champagne: #E8D4A8;

    --bl-champagne-soft: #F5ECD8;

    --bl-champagne-deep: #C9A66B;

    --bl-green-glow: rgba(53, 89, 68, 0.14);

    --bl-ease-lux: cubic-bezier(0.22, 1, 0.36, 1);

    isolation: isolate;

    overflow-x: clip;

}



@supports (height: 100dvh) {

    body.index-page .bl-landing {

        --bl-hero-min: calc(100dvh - var(--bn-nav-h, 64px));

    }

}



body.index-page {

    background: var(--bn-cream) !important;

}





/* ── Immersive ribbon scene (no text, no image) ── */

body.index-page .bl-hero__scene {

    position: fixed;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    overflow: hidden;

    background: var(--bn-cream);

}



body.index-page .bl-lux__sky {

    position: absolute;

    inset: 0;

    background:

        radial-gradient(ellipse 90% 70% at 50% 18%, rgba(245, 236, 216, 0.55) 0%, transparent 62%),

        radial-gradient(ellipse 60% 50% at 82% 28%, rgba(201, 166, 107, 0.08) 0%, transparent 58%),

        linear-gradient(175deg, var(--bn-ivory) 0%, var(--bn-cream) 48%, var(--bn-cream-2) 100%);

}



body.index-page .bl-lux__glow {

    position: absolute;

    border-radius: 50%;

    -webkit-filter: blur(56px);

    filter: blur(56px);

    will-change: opacity, transform;

}



body.index-page .bl-lux__glow--emerald {

    top: 8%;

    left: 50%;

    width: clamp(320px, 78vw, 720px);

    height: clamp(240px, 52vw, 480px);

    margin-left: calc(clamp(320px, 78vw, 720px) / -2);

    background: radial-gradient(ellipse, rgba(53, 89, 68, 0.11) 0%, transparent 72%);

    -webkit-animation: bl-lux-breathe 22s ease-in-out infinite alternate;

    animation: bl-lux-breathe 22s ease-in-out infinite alternate;

}



body.index-page .bl-lux__glow--champagne {

    top: 14%;

    right: -8%;

    width: clamp(200px, 44vw, 400px);

    height: clamp(200px, 44vw, 400px);

    background: radial-gradient(circle, rgba(201, 166, 107, 0.1) 0%, transparent 70%);

    -webkit-animation: bl-lux-breathe 18s ease-in-out infinite alternate-reverse;

    animation: bl-lux-breathe 18s ease-in-out infinite alternate-reverse;

}



/* ── Gold ribbon depth layers ── */

body.index-page .bl-lux__ribbons {

    position: absolute;

    inset: -6% -4%;

    pointer-events: none;

    will-change: transform;

}



body.index-page .bl-lux__ribbons-svg {

    width: 100%;

    height: 100%;

    display: block;

}



body.index-page .bl-lux__ribbons--far {

    z-index: 1;

    opacity: 0.72;

    -webkit-transform: scale(1.12) translate3d(0, 2%, 0);

    transform: scale(1.12) translate3d(0, 2%, 0);

    -webkit-filter: blur(2.5px) saturate(0.82);

    filter: blur(2.5px) saturate(0.82);

    -webkit-animation: bl-lux-drift-far 28s ease-in-out infinite alternate;

    animation: bl-lux-drift-far 28s ease-in-out infinite alternate;

}



body.index-page .bl-lux__ribbons--mid {

    z-index: 2;

    opacity: 0.82;

    -webkit-transform: scale(1.04) translate3d(0, 0, 0);

    transform: scale(1.04) translate3d(0, 0, 0);

    -webkit-filter: blur(0.6px) saturate(0.9);

    filter: blur(0.6px) saturate(0.9);

    -webkit-animation: bl-lux-drift-mid 20s ease-in-out infinite alternate-reverse;

    animation: bl-lux-drift-mid 20s ease-in-out infinite alternate-reverse;

}



body.index-page .bl-lux__ribbons--near {

    z-index: 3;

    opacity: 0.68;

    top: -2%;

    bottom: 8%;

    -webkit-filter: saturate(0.88);

    filter: saturate(0.88);

    -webkit-animation: bl-lux-drift-near 16s ease-in-out infinite alternate;

    animation: bl-lux-drift-near 16s ease-in-out infinite alternate;

}



body.index-page .bl-lux__ribbons--far .bl-lux__ribbons-svg {

    filter: drop-shadow(0 0 18px rgba(201, 166, 107, 0.08));

}



body.index-page .bl-lux__ribbons--mid .bl-lux__ribbons-svg {

    filter: drop-shadow(0 0 12px rgba(231, 197, 111, 0.14));

}



body.index-page .bl-lux__ribbons--near .bl-lux__ribbons-svg {

    filter: drop-shadow(0 0 10px rgba(231, 197, 111, 0.18));

}



body.index-page .bl-lux__ribbon-path {

    stroke-dasharray: 1800;

    stroke-dashoffset: 1800;

    -webkit-animation: bl-lux-ribbon-draw 4.8s var(--bl-ease-lux) forwards;

    animation: bl-lux-ribbon-draw 4.8s var(--bl-ease-lux) forwards;

}



body.index-page .bl-lux__ribbon-path--2 {

    -webkit-animation-delay: 0.25s;

    animation-delay: 0.25s;

}



body.index-page .bl-lux__ribbon-path--3 {

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

}



body.index-page .bl-lux__ribbon-path--4 {

    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;

}



body.index-page .bl-lux__ribbons--far .bl-lux__ribbon-path {

    -webkit-animation-duration: 6.2s;

    animation-duration: 6.2s;

}



body.index-page .bl-lux__ribbons--near .bl-lux__ribbon-path {

    -webkit-animation-duration: 3.8s;

    animation-duration: 3.8s;

}



body.index-page .bl-lux__depth-fade {

    position: absolute;

    inset: 0;

    z-index: 4;

    background:

        linear-gradient(180deg, transparent 0%, transparent 38%, rgba(247, 243, 238, 0.22) 68%, rgba(247, 243, 238, 0.72) 100%),

        radial-gradient(ellipse 100% 80% at 50% 100%, rgba(247, 243, 238, 0.55) 0%, transparent 55%);

}



body.index-page .bl-lux__matte {

    position: absolute;

    inset: 0;

    z-index: 5;

    background:

        linear-gradient(165deg, rgba(255, 253, 249, 0.28) 0%, transparent 42%, rgba(247, 243, 238, 0.18) 100%),

        radial-gradient(ellipse 70% 55% at 50% 42%, rgba(255, 253, 249, 0.2) 0%, transparent 68%);

    mix-blend-mode: soft-light;

}



body.index-page .bl-lux__grain {

    position: absolute;

    inset: 0;

    z-index: 6;

    opacity: 0.024;

    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

    background-size: 200px 200px;

}



@-webkit-keyframes bl-lux-breathe {

    0% { opacity: 0.5; -webkit-transform: scale(1); }

    100% { opacity: 0.78; -webkit-transform: scale(1.05); }

}



@keyframes bl-lux-breathe {

    0% { opacity: 0.5; transform: scale(1); }

    100% { opacity: 0.78; transform: scale(1.05); }

}



@-webkit-keyframes bl-lux-ribbon-draw {

    to { stroke-dashoffset: 0; }

}



@keyframes bl-lux-ribbon-draw {

    to { stroke-dashoffset: 0; }

}



@-webkit-keyframes bl-lux-drift-far {

    0% { -webkit-transform: scale(1.12) translate3d(-1.5%, 2%, 0); }

    100% { -webkit-transform: scale(1.14) translate3d(1.5%, -1%, 0); }

}



@keyframes bl-lux-drift-far {

    0% { transform: scale(1.12) translate3d(-1.5%, 2%, 0); }

    100% { transform: scale(1.14) translate3d(1.5%, -1%, 0); }

}



@-webkit-keyframes bl-lux-drift-mid {

    0% { -webkit-transform: scale(1.04) translate3d(1%, 0, 0); }

    100% { -webkit-transform: scale(1.06) translate3d(-1%, 1.5%, 0); }

}



@keyframes bl-lux-drift-mid {

    0% { transform: scale(1.04) translate3d(1%, 0, 0); }

    100% { transform: scale(1.06) translate3d(-1%, 1.5%, 0); }

}



@-webkit-keyframes bl-lux-drift-near {

    0% { -webkit-transform: translate3d(-0.8%, 0.5%, 0); }

    100% { -webkit-transform: translate3d(0.8%, -0.5%, 0); }

}



@keyframes bl-lux-drift-near {

    0% { transform: translate3d(-0.8%, 0.5%, 0); }

    100% { transform: translate3d(0.8%, -0.5%, 0); }

}



/* ── Hero ── */

body.index-page .lux-landing-hero.bl-hero {

    position: relative;

    z-index: 1;

    min-height: var(--bl-hero-min);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-end;

    padding: clamp(24px, 5vh, 56px) clamp(12px, 3vw, 32px) calc(clamp(48px, 8vw, 88px) + env(safe-area-inset-bottom, 0px));

    text-align: center;

    overflow: visible;

}



body.index-page .lux-landing-hero.bl-hero::before {

    display: none;

}



body.index-page .bl-hero__content {

    position: relative;

    z-index: 2;

    max-width: 720px;

    width: 100%;

    margin-top: 0;

    padding: clamp(36px, 6vw, 56px) clamp(22px, 4vw, 42px) clamp(30px, 5vw, 44px);

    border-radius: clamp(28px, 4vw, 40px);

    background: rgba(255, 253, 249, 0.9);

    border: 1px solid rgba(53, 89, 68, 0.12);

    box-shadow:

        0 0 0 1px rgba(53, 89, 68, 0.06),

        0 0 42px rgba(53, 89, 68, 0.16),

        0 0 72px rgba(110, 139, 116, 0.12),

        0 28px 64px rgba(22, 56, 47, 0.1),

        0 8px 24px rgba(201, 166, 107, 0.08),

        inset 0 1px 0 rgba(255, 255, 255, 0.8);

    -webkit-backdrop-filter: blur(24px) saturate(1.12);

    backdrop-filter: blur(24px) saturate(1.12);

}



@supports (color: color-mix(in srgb, white 50%, black)) {

    body.index-page .bl-hero__content {

        background: color-mix(in srgb, var(--bn-ivory) 84%, transparent);

        border-color: color-mix(in srgb, var(--bl-champagne-deep) 32%, var(--bn-green) 8%);

    }

}



body.index-page .bl-hero__content::before,

body.index-page .bl-hero__content::after {

    content: '';

    position: absolute;

    width: clamp(44px, 7vw, 68px);

    height: clamp(44px, 7vw, 68px);

    border: 1px solid rgba(201, 166, 107, 0.45);

    pointer-events: none;

}



body.index-page .bl-hero__content::before {

    top: 14px;

    right: 14px;

    border-left: none;

    border-bottom: none;

    border-radius: 0 16px 0 0;

}



body.index-page .bl-hero__content::after {

    bottom: 14px;

    left: 14px;

    border-right: none;

    border-top: none;

    border-radius: 0 0 0 16px;

}



body.index-page .bl-hero__badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 20px;

    padding: 8px 16px;

    border-radius: 999px;

    font-size: 0.7rem;

    font-weight: 700;

    letter-spacing: 0.06em;

    text-transform: uppercase;

    color: var(--bn-green-deep);

    background: linear-gradient(135deg, rgba(245, 236, 216, 0.9), rgba(255, 253, 249, 0.95));

    border: 1px solid rgba(201, 166, 107, 0.3);

    animation: bl-rise 0.7s var(--bl-ease-lux) both;

}



body.index-page .bl-hero__badge i {

    color: var(--bn-gold);

    font-size: 0.68rem;

}



body.index-page .bl-hero h1 {

    font-family: var(--bn-font-display);

    font-size: clamp(2.15rem, 7vw, 3.35rem);

    font-weight: 800;

    line-height: 1.18;

    margin-bottom: 20px;

    background: linear-gradient(135deg, var(--bn-green-deep) 0%, var(--bn-green) 42%, var(--bl-champagne-deep) 88%);

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    animation: bl-rise 0.8s var(--bl-ease-lux) 0.08s both;

}



body.index-page .bl-hero__lead {

    color: var(--bn-text-2);

    font-size: clamp(0.95rem, 2.4vw, 1.08rem);

    line-height: 1.85;

    max-width: 52ch;

    margin: 0 auto 28px;

    animation: bl-rise 0.8s var(--bl-ease-lux) 0.16s both;

}



body.index-page .bl-hero__trust {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 26px;

    animation: bl-rise 0.8s var(--bl-ease-lux) 0.24s both;

}



body.index-page .bl-hero__trust-card {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 11px 14px;

    border-radius: 12px;

    text-align: right;

    font-size: clamp(0.84rem, 2.3vw, 0.9rem);

    font-weight: 600;

    line-height: 1.45;

    color: var(--bn-green-deep);

    background: rgba(255, 253, 249, 0.92);

    border: 1px solid rgba(201, 166, 107, 0.14);

    box-shadow: 0 2px 10px rgba(201, 166, 107, 0.06);

}



body.index-page .bl-hero__trust-icon {

    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 26px;

    height: 26px;

    font-size: 0.84rem;

    color: var(--bn-green);

}



body.index-page .bl-hero .lux-landing-actions {

    animation: bl-rise 0.8s var(--bl-ease-lux) 0.32s both;

}



body.index-page .bl-btn-champagne.btn-primary {

    background: linear-gradient(135deg, var(--bn-green-deep) 0%, var(--bn-green) 55%, rgba(53, 89, 68, 0.9) 100%) !important;

    border: 1px solid rgba(201, 166, 107, 0.22) !important;

    box-shadow: 0 10px 28px var(--bl-green-glow), inset 0 1px 0 rgba(232, 212, 168, 0.15) !important;

}



body.index-page .bl-btn-register {

    border-radius: 999px !important;

    font-weight: 700 !important;

    color: var(--bn-green-deep) !important;

    background: linear-gradient(145deg, var(--bl-champagne-soft), #fff) !important;

    border: 2px solid rgba(201, 166, 107, 0.55) !important;

    box-shadow: 0 8px 22px rgba(201, 166, 107, 0.14) !important;

}



body.index-page .bl-hero__scroll {

    position: absolute;

    bottom: clamp(16px, 3vw, 28px);

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 6px;

    font-size: 0.68rem;

    font-weight: 700;

    color: var(--bn-text-3);

    text-decoration: none;

    z-index: 2;

    -webkit-animation: bl-scroll-hint 2.4s ease-in-out infinite;

    animation: bl-scroll-hint 2.4s ease-in-out infinite;

}



body.index-page .bl-hero__scroll i {

    font-size: 0.85rem;

    color: var(--bn-gold);

}



@-webkit-keyframes bl-rise {

    from { opacity: 0; -webkit-transform: translate3d(0, 18px, 0); transform: translate3d(0, 18px, 0); }

    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

}



@keyframes bl-rise {

    from { opacity: 0; transform: translate3d(0, 18px, 0); }

    to { opacity: 1; transform: translate3d(0, 0, 0); }

}



@-webkit-keyframes bl-scroll-hint {

    0%, 100% { -webkit-transform: translateX(-50%) translate3d(0, 0, 0); transform: translateX(-50%) translate3d(0, 0, 0); opacity: 0.65; }

    50% { -webkit-transform: translateX(-50%) translate3d(0, 6px, 0); transform: translateX(-50%) translate3d(0, 6px, 0); opacity: 1; }

}



@keyframes bl-scroll-hint {

    0%, 100% { transform: translateX(-50%) translate3d(0, 0, 0); opacity: 0.65; }

    50% { transform: translateX(-50%) translate3d(0, 6px, 0); opacity: 1; }

}



/* ── Experience ── */

body.index-page .bl-experience {

    position: relative;

    z-index: 1;

    content-visibility: auto;

    padding: clamp(20px, 4vw, 36px) 0;

    background: linear-gradient(180deg, transparent, rgba(255, 253, 249, 0.88) 40%, transparent);

}



body.index-page .bl-experience__inner {

    max-width: 1080px;

    margin: 0 auto;

    padding: 0 clamp(16px, 4vw, 28px);

}



body.index-page .bl-experience__label {

    text-align: center;

    font-size: 0.72rem;

    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    color: var(--bn-text-3);

    margin-bottom: 14px;

}



body.index-page .bl-experience__track {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 10px;

}



body.index-page .bl-experience__pill {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 10px 16px;

    border-radius: 999px;

    font-size: 0.82rem;

    font-weight: 600;

    color: var(--bn-green-deep);

    background: linear-gradient(145deg, var(--bn-ivory), rgba(245, 236, 216, 0.55));

    border: 1px solid rgba(201, 166, 107, 0.22);

    box-shadow: var(--bn-shadow-xs);

}



body.index-page .bl-experience__pill i {

    width: 28px;

    height: 28px;

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 0.72rem;

    color: var(--bn-green);

    background: linear-gradient(145deg, var(--bl-champagne-soft), var(--bn-gold-soft));

}



/* ── Features ── */

body.index-page .lux-features.bl-features {

    position: relative;

    z-index: 1;

    content-visibility: auto;

    padding: clamp(48px, 8vw, 88px) clamp(16px, 4vw, 28px) clamp(56px, 9vw, 96px);

    background:

        radial-gradient(ellipse 90% 50% at 50% 0%, rgba(245, 236, 216, 0.35), transparent 60%),

        var(--bn-surface);

}



body.index-page .bl-features__head {

    text-align: center;

    max-width: 560px;

    margin: 0 auto 40px;

}



body.index-page .bl-features__head p {

    color: var(--bn-text-2);

    font-size: 0.95rem;

    line-height: 1.75;

    margin: 0;

}



body.index-page .bl-features .lux-features-grid {

    max-width: 1040px;

    grid-template-columns: repeat(12, 1fr);

    gap: clamp(14px, 2vw, 20px);

}



body.index-page .bl-features .lux-feature-card {

    grid-column: span 4;

    text-align: right;

}



body.index-page .bl-features .lux-feature-card:nth-child(1),

body.index-page .bl-features .lux-feature-card:nth-child(2) {

    grid-column: span 6;

}



/* ── Journey ── */

body.index-page .bl-journey {

    position: relative;

    z-index: 1;

    content-visibility: auto;

    padding: clamp(48px, 8vw, 80px) clamp(16px, 4vw, 28px);

    background:

        radial-gradient(ellipse 80% 60% at 50% 100%, rgba(53, 89, 68, 0.08), transparent 65%),

        var(--bn-cream);

}



body.index-page .bl-journey__inner {

    max-width: 960px;

    margin: 0 auto;

}



body.index-page .bl-journey__head {

    text-align: center;

    margin-bottom: 36px;

}



body.index-page .bl-journey__head h2 {

    font-family: var(--bn-font-display);

    font-size: clamp(1.5rem, 4vw, 2rem);

    color: var(--bn-green);

    margin-bottom: 8px;

}



body.index-page .bl-journey__steps {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

    position: relative;

}



body.index-page .bl-journey__steps::before {

    content: '';

    position: absolute;

    top: 34px;

    right: 16%;

    left: 16%;

    height: 1px;

    background: linear-gradient(90deg, transparent, var(--bn-gold), transparent);

    opacity: 0.45;

}



body.index-page .bl-journey__step {

    text-align: center;

    padding: 20px 14px;

    border-radius: 22px;

    background: var(--bn-ivory);

    border: 1px solid var(--bn-border-soft);

    box-shadow: var(--bn-shadow-sm);

}



body.index-page .bl-journey__num {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 44px;

    height: 44px;

    margin-bottom: 12px;

    border-radius: 50%;

    font-family: var(--bn-font-display);

    font-size: 1rem;

    font-weight: 800;

    color: var(--bn-green);

    background: linear-gradient(145deg, var(--bn-gold-soft), var(--bn-ivory));

    border: 1px solid rgba(201, 166, 107, 0.3);

}



/* ── CTA ── */

body.index-page .lux-cta.bl-cta {

    position: relative;

    z-index: 1;

    padding: clamp(64px, 10vw, 96px) clamp(16px, 4vw, 28px);

    background: linear-gradient(155deg, var(--bn-green-deep) 0%, var(--bn-green) 42%, rgba(42, 70, 54, 0.95) 100%) !important;

    overflow: hidden;

}



body.index-page .lux-cta__content {

    position: relative;

    z-index: 2;

}



/* ── iOS Safari ── */

@supports (-webkit-touch-callout: none) {

    body.index-page .lux-landing-hero.bl-hero {

        min-height: calc(-webkit-fill-available - var(--bn-nav-h, 64px));

    }



    body.index-page .bl-hero__scene {

        height: -webkit-fill-available;

        min-height: 100%;

    }

}



/* ── Dark theme ── */

[data-theme="dark"] body.index-page .bl-hero__content {

    background: rgba(18, 26, 23, 0.86);

    border-color: rgba(110, 139, 116, 0.18);

    box-shadow:

        0 0 0 1px rgba(110, 139, 116, 0.08),

        0 0 42px rgba(53, 89, 68, 0.22),

        0 0 72px rgba(53, 89, 68, 0.14),

        0 28px 64px rgba(0, 0, 0, 0.25),

        inset 0 1px 0 rgba(255, 255, 255, 0.06);

}



[data-theme="dark"] body.index-page .bl-hero h1 {

    background: linear-gradient(135deg, #d4e0da 0%, var(--bn-green) 50%, var(--bn-gold) 100%);

    -webkit-background-clip: text;

    background-clip: text;

}



[data-theme="dark"] body.index-page .bl-hero__scene {

    background: var(--bn-cream);

}



[data-theme="dark"] body.index-page .bl-lux__sky {

    background:

        radial-gradient(ellipse 90% 70% at 50% 18%, rgba(201, 166, 107, 0.06) 0%, transparent 62%),

        linear-gradient(175deg, var(--bn-cream-2) 0%, var(--bn-cream) 100%);

}



[data-theme="dark"] body.index-page .bl-lux__matte {

    background: linear-gradient(165deg, rgba(18, 26, 23, 0.35) 0%, transparent 50%, rgba(18, 26, 23, 0.2) 100%);

}



[data-theme="dark"] body.index-page .bl-lux__depth-fade {

    background:

        linear-gradient(180deg, transparent 0%, transparent 38%, rgba(18, 26, 23, 0.3) 68%, rgba(18, 26, 23, 0.75) 100%),

        radial-gradient(ellipse 100% 80% at 50% 100%, rgba(18, 26, 23, 0.6) 0%, transparent 55%);

}



/* ── Reduced motion ── */

@media (prefers-reduced-motion: reduce) {

    body.index-page .bl-lux__glow,

    body.index-page .bl-lux__ribbons,

    body.index-page .bl-hero__scroll,

    body.index-page .bl-hero__badge,

    body.index-page .bl-hero h1,

    body.index-page .bl-hero__lead,

    body.index-page .bl-hero__trust,

    body.index-page .bl-hero .lux-landing-actions,

    body.index-page .lux-cta__gold-path,

    body.index-page .bl-lux__ribbon-path {

        -webkit-animation: none !important;

        animation: none !important;

        stroke-dashoffset: 0 !important;

    }

}



/* ── Responsive ── */

@media (max-width: 860px) {

    body.index-page .bl-features .lux-feature-card,

    body.index-page .bl-features .lux-feature-card:nth-child(1),

    body.index-page .bl-features .lux-feature-card:nth-child(2) {

        grid-column: span 12;

    }



    body.index-page .bl-journey__steps {

        grid-template-columns: 1fr;

        gap: 14px;

    }



    body.index-page .bl-journey__steps::before {

        display: none;

    }

}



/* ── Mobile hero ── */

@media (max-width: 768px) {

    body.index-page .bl-lux__ribbons--far {

        opacity: 0.58;

        -webkit-filter: blur(3px) saturate(0.75);

        filter: blur(3px) saturate(0.75);

    }



    body.index-page .bl-lux__ribbons--mid {

        opacity: 0.72;

    }



    body.index-page .bl-lux__ribbons--near {

        opacity: 0.55;

        bottom: 12%;

    }



    body.index-page .lux-landing-hero.bl-hero {

        padding-top: clamp(16px, 4vh, 32px);

    }

}



@media (max-width: 520px) {

    body.index-page .bl-hero__content {

        padding: 24px 18px;

    }



    body.index-page .bl-hero__trust {

        grid-template-columns: 1fr;

    }



    body.index-page .bl-hero__scroll {

        display: none;

    }

}