:root {
    --primary: #059606;
    --primary-light: #12B910;
    --primary-dark: #047808;
    --accent: #3CD334;
    --navy: #0D3730;
    --navy-mid: #13453B;
    --navy-light: #1A5C4E;
    --text-dark: #0F271E;
    --text-mid: #3B685F;
    --text-light: #6B9993;
    --white: #ffffff;
    --off-white: #F1FAF0;
    --card-bg: #F4FAF4;
    --border: #D3E8D1;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Average Sans", system-ui, sans-serif;
    line-height: 1.6;
    font-size: 16px;
    padding-top: 72px;
    background: #fff;
    color: var(--text-dark);
}


.sfx {
    background: var(--off-white);
    color: var(--text-dark);
    line-height: 1.65;
    font-size: 1.0625rem;
    font-family: "Average Sans", system-ui, -apple-system, 'Segoe UI', sans-serif;
    --radius: 20px;
    --display: "Basic", Georgia, serif;
    --text-light: #56867E
}

.sfx section {
    padding: 3.75rem 0
}

.sfx .wrap {
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 1.25rem
}

.sfx img,
.sfx svg {
    display: block;
    max-width: 100%
}

.sfx a {
    color: var(--primary-dark);
    text-decoration: none
}

.sfx a:hover {
    color: #035C05
}

.sfx .kick {
    color: var(--primary-dark);
    font-weight: 700;
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .13em
}

.sfx h2 {
    font-family: var(--display);
    font-weight: 700;
    font-size: clamp(1.55rem, 3.6vw, 2.35rem);
    letter-spacing: -.02em;
    line-height: 1.16;
    margin: .5rem 0 1rem;
    color: var(--text-dark)
}

.sfx h2 em {
    font-style: normal;
    color: var(--primary)
}

.sfx .lead {
    color: var(--text-mid);
    max-width: 44rem
}

.sfx .grid3 {
    display: grid;
    gap: 1.15rem;
    margin-top: 2.15rem
}

@media(min-width:48em) {
    .sfx .grid3 {
        grid-template-columns: repeat(3, 1fr)
    }
}

.sfx .card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.7rem
}

.sfx .card .num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: #E4F4E2;
    color: var(--primary-dark);
    font-weight: 700;
    font-family: var(--display);
    font-size: 1.1rem;
    margin-bottom: .9rem
}

.sfx .card h3 {
    font-size: 1.13rem;
    font-weight: 700;
    margin-bottom: .4rem;
    letter-spacing: -.01em;
    color: var(--text-dark)
}

.sfx .card p {
    color: var(--text-mid);
    font-size: .96rem
}

.sfx .card .ic {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 13px;
    background: #E4F4E2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .9rem
}

.sfx .card .ic svg {
    width: 1.3rem;
    height: 1.3rem;
    stroke: var(--primary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.sfx .band {
    background: linear-gradient(160deg, var(--navy) 0%, var(--navy-mid) 100%);
    color: #E8F1E6;
    border-radius: 26px;
    padding: 2.5rem 1.5rem;
    text-align: center
}

.sfx .band h2 {
    color: #fff
}

.sfx .band p {
    color: #B9D9CF;
    max-width: 40rem;
    margin: 0 auto
}

.sfx .band .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.25rem;
    margin-top: 1.9rem
}

.sfx .band .stats div {
    min-width: 8.5rem
}

.sfx .band .stats b {
    display: block;
    font-family: var(--display);
    font-size: 1.9rem;
    color: var(--accent);
    letter-spacing: -.02em
}

.sfx .band .stats span {
    color: #9FC4B9;
    font-size: .86rem
}

.sfx details {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1.05rem 1.3rem;
    margin-bottom: .75rem
}

.sfx summary {
    cursor: pointer;
    font-weight: 600;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    color: var(--text-dark)
}

.sfx summary::-webkit-details-marker {
    display: none
}

.sfx summary::after {
    content: "+";
    font-family: var(--display);
    font-size: 1.35rem;
    color: var(--primary);
    flex-shrink: 0;
    line-height: 1
}

.sfx details[open] summary::after {
    content: "\2013"
}

.sfx details p {
    margin-top: .65rem;
    color: var(--text-mid);
    font-size: .96rem
}

.sfx .cta-btn {
    display: inline-block;
    background: var(--primary-dark);
    color: #fff;
    font-weight: 700;
    font-size: 1.04rem;
    padding: .95rem 2.15rem;
    border-radius: 999px;
    box-shadow: 0 16px 32px -14px rgba(5,150,6, .7);
    transition: transform .18s, box-shadow .18s, background .18s
}

.sfx .cta-btn:hover {
    transform: translateY(-2px);
    background: #035C05;
    color: #fff;
    box-shadow: 0 20px 38px -14px rgba(5,150,6, .75)
}

.sfx .rv {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .7s ease, transform .7s ease
}

.sfx .rv.in {
    opacity: 1;
    transform: none
}

@media(prefers-reduced-motion:reduce) {
    .sfx .rv {
        opacity: 1;
        transform: none;
        transition: none
    }
}

.sfx .sticky-cta {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    padding: .7rem 1rem calc(.7rem + env(safe-area-inset-bottom));
    background: rgba(241,250,240, .96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid var(--border);
    transform: translateY(110%);
    transition: transform .3s ease
}

.sfx .sticky-cta.on {
    transform: translateY(0)
}


.sfx .sticky-cta a {
    display: block;
    text-align: center;
    background: var(--primary-dark);
    color: #fff;
    font-weight: 700;
    padding: .9rem;
    border-radius: 999px
}

@media(min-width:52em) {
    .sfx .sticky-cta {
        display: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-24px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pulse-glow {

    0%,
    100% {
        box-shadow: 0 4px 20px rgba(5,150,6, 0.4);
    }

    50% {
        box-shadow: 0 4px 36px rgba(5,150,6, 0.75), 0 0 0 6px rgba(5,150,6, 0.12);
    }
}

@keyframes badge-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes shimmer {
    0% {
        background-position: -200% center;
    }

    100% {
        background-position: 200% center;
    }
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes countUp {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-fadein {
    animation: fadeInUp 0.7s ease both;
}

.animate-fadein-delay {
    animation: fadeInUp 0.7s 0.2s ease both;
}

.pulse-btn {
    animation: pulse-glow 2.4s ease-in-out infinite;
}

nav {
    background: var(--navy);
    padding: 0 1.25rem;
    width: 100%;
    top: 0;
    z-index: 100;
    position: fixed;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}

.nav-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
    gap: 1rem;
}

.nav-logo {
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.nav-logo:hover {
    opacity: 0.88;
}

.logo-badge {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(5,150,6, 0.4);
    transition: transform 0.3s, box-shadow 0.3s;
}

.nav-logo:hover .logo-badge {
    transform: rotate(-8deg) scale(1.06);
    box-shadow: 0 6px 18px rgba(5,150,6, 0.5);
}

.logo-badge svg {
    width: 22px;
    height: 22px;
    fill: #ffffff;
}

.logo-words {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.logo-top {
    font-family: "Basic", Georgia, serif;
    font-size: 17px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -.3px;
}

.logo-top em {
    color: var(--accent);
    font-style: normal;
}

.logo-bottom {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.nav-links {
    display: flex;
    gap: 1.5rem;
    list-style: none;
}

.nav-links a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.2s;
    position: relative;
}

.nav-links a::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--accent);
    border-radius: 2px;
    transition: width 0.25s;
}

.nav-links a:hover {
    color: #fff;
}

.nav-links a:hover::after {
    width: 100%;
}

.apply-button {
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    padding: 11px 26px;
    border-radius: 50px;
    white-space: nowrap;
    flex-shrink: 0;
    letter-spacing: -0.1px;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 3px 12px rgba(5,150,6, 0.35);
}

.apply-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(5,150,6, 0.5);
}

.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 4px;
}

.hamburger span {
    display: block;
    width: 24px;
    height: 2px;
    background: #ffffff;
    border-radius: 2px;
    transition: transform 0.25s, opacity 0.25s;
}

.mobile-menu {
    display: none;
    flex-direction: column;
    background: var(--navy-mid);
    padding: 1rem 1.25rem 1.5rem;
    gap: 0.75rem;
}

.mobile-menu a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: color 0.2s;
}

.mobile-menu a:hover {
    color: var(--accent);
}

.mobile-menu .nav-cta {
    text-align: center;
    margin-top: 0.5rem;
    border-bottom: none;
    display: block;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    color: #ffffff !important;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 28px;
    border-radius: 50px;
}

@media (max-width: 768px) {
    .nav-links {
        display: none;
    }

    .hamburger {
        display: flex;
    }
}

@media (min-width: 768px) and (max-width: 1366px) {
    .hero-right {
        width: 41rem;
    }
}

.hero {
    background:
        linear-gradient(160deg, rgba(10,64,54, 0.88) 0%, rgba(15,74,55, 0.85) 100%);
    padding: 4rem 1.25rem;
    position: relative;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -80px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(5,150,6, 0.09) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.hero::after {
    content: '';
    position: absolute;
    bottom: -80px;
    left: -60px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(60,211,52, 0.07) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.hero-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    position: relative;
    z-index: 2;
}

.hero-left {
    flex: 1;
    text-align: left;
}

.hero-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(88,210,88, 0.1);
    border: 1px solid rgba(10,73,10, 0.25);
    color: #B9D9CF;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 1.5rem;
}

.hero-badge::before {
    content: '';
    font-size: 10px;
    color: var(--primary);
}

.hero h2 {
    font-family: "Basic", Georgia, serif;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.2;
    margin-bottom: 1rem;
    font-weight: 800;
    color: #ffffff;
}

.hero h2 em {
    color: var(--primary);
    font-style: normal;
}

.hero-sub {
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
    max-width: 520px;
    margin-left: 0;
    color: #B9D9CF;
    line-height: 1.6;
}

.form-box {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(5,150,6, 0.12), 0 8px 20px rgba(0, 0, 0, 0.06);
    width: 100%;
    max-width: 460px;
    max-height: 420px;
    overflow: hidden;
    border: 1px solid rgba(5,150,6, 0.12);
    transition: box-shadow 0.3s, transform 0.3s;
}

.form-box:hover {
    box-shadow: 0 32px 72px rgba(5,150,6, 0.18), 0 12px 28px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

.form-box-body {
    margin-top: -40px;
}

.form-box-header {
    background: linear-gradient(135deg, var(--navy), var(--navy-mid));
    padding: 1.25rem 1.5rem;
    text-align: center;
    color: #ffffff;
}

.form-box-header h3 {
    margin: 0 0 4px;
    font-size: 1.2rem;
    font-weight: 700;
}

.form-box-header p {
    margin: 0;
    font-size: 0.88rem;
    opacity: 0.85;
}

.ssl-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 2rem;
}

.ssl-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    border: 1px solid var(--border);
    box-shadow: 0 2px 6px rgba(5,150,6, 0.05);
    border-radius: 8px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-mid);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.ssl-badge:hover {
    border-color: var(--primary-light);
    box-shadow: 0 4px 12px rgba(5,150,6, 0.12);
}

.ssl-badge svg {
    width: 14px;
    height: 14px;
    fill: var(--primary);
    flex-shrink: 0;
}

.funds-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 1rem;
    font-size: 13px;
    font-weight: 500;
    color: #B9D9CF;
}

@media (max-width: 991px) {
    .hero-container {
        flex-direction: column;
        text-align: center;
        gap: 2.5rem;
        align-items: center;
    }

    .hero-left {
        text-align: center;
        order: 2;
    }

    .hero-right {
        order: 1;
        width: 100%;
        align-items: center;
    }

    .hero-sub {
        margin-left: auto;
        margin-right: auto;
    }

    .ssl-badges {
        justify-content: center;
    }

    .form-box {
        max-width: 100% !important;
        width: 100% !important;
    }
}

.stats-bar {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
    border-top: 3px solid var(--primary);
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    padding: 1.75rem 1.25rem;
}

.stats-inner {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1.5rem;
    text-align: center;
}

.stat-item {
    transition: transform 0.25s;
}

.stat-item:hover {
    transform: translateY(-4px);
}

.stat-val {
    font-size: 1.7rem;
    font-weight: 800;
    color: var(--accent);
    line-height: 1;
    margin-bottom: 4px;
    animation: countUp 0.6s ease both;
}

.stat-label {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.55);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.steps-section {
    background: var(--off-white);
    padding: 4rem 1.25rem;
    text-align: center;
}

.section-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 0.5rem;
}

.section-title {
    font-family: "Basic", Georgia, serif;
    font-size: clamp(1.4rem, 3.5vw, 2rem);
    color: var(--text-dark);
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.section-sub {
    color: var(--text-light);
    font-size: 0.95rem;
    max-width: 480px;
    margin: 0 auto 2.5rem;
}

.steps-grid {
    max-width: 860px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
}

.step-card {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1.75rem 1.25rem;
    position: relative;
    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
    cursor: default;
}

.step-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(5,150,6, 0.12);
    border-color: var(--primary-light);
}

.step-num {
    width: 46px;
    height: 46px;
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    color: #ffffff;
    font-weight: 800;
    font-size: 1.1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    box-shadow: 0 4px 12px rgba(5,150,6, 0.3);
    transition: transform 0.3s;
}

.step-card:hover .step-num {
    transform: scale(1.1) rotate(-5deg);
}

.step-card h3 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 0.4rem;
}

.step-card p {
    font-size: 0.88rem;
    color: var(--text-mid);
    line-height: 1.6;
}

.why-section {
    padding: 5rem 1.5rem;
    background: #ffffff;
}

.why-inner {
    max-width: 1100px;
    margin: 0 auto;
}

.why-inner .eyebrow {
    color: var(--primary);
}

.sec-title {
    font-family: "Basic", Georgia, serif;
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 800;
    color: var(--text-dark);
    margin-bottom: .5rem;
    letter-spacing: -.4px;
}

.sec-sub {
    color: var(--text-light);
    font-size: .95rem;
    max-width: 480px;
    margin: 0 auto 3rem;
}

.why-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    margin-bottom: 4rem;
}

.why-row:last-child {
    margin-bottom: 0;
}

.why-row.flip .why-text {
    order: 2;
}

.why-row.flip .why-visual {
    order: 1;
}

.why-text .eyebrow {
    text-align: left;
    color: var(--primary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.why-text h3 {
    font-family: "Basic", Georgia, serif;
    font-size: clamp(1.3rem, 2.5vw, 1.75rem);
    font-weight: 800;
    color: var(--text-dark);
    margin-bottom: .75rem;
    letter-spacing: -.3px;
}

.why-text p {
    color: var(--text-mid);
    font-size: .95rem;
    line-height: 1.75;
    margin-bottom: 1.25rem;
}

.why-list {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.wli {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: .88rem;
    color: var(--text-mid);
}

.wli-dot {
    width: 20px;
    height: 20px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
    transition: transform 0.2s;
}

.wli:hover .wli-dot {
    transform: scale(1.15);
}

.wli-dot svg {
    width: 11px;
    height: 11px;
    fill: #ffffff;
}

.why-visual {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
    border-radius: 20px;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    overflow: hidden;
    min-height: 280px;
    justify-content: center;
}

.why-visual::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 200px;
    height: 200px;
    background: rgba(60,211,52, 0.07);
    border-radius: 50%;
}

.wv-item {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    gap: .85rem;
    transition: background 0.25s, transform 0.25s;
}

.wv-item:hover {
    background: rgba(255, 255, 255, 0.11);
    transform: translateX(4px);
}

.wv-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(5,150,6, 0.35);
}

.wv-icon svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
}

.wv-title {
    font-size: .88rem;
    font-weight: 700;
    color: #ffffff;
}

.wv-sub {
    font-size: .78rem;
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 768px) {
    .why-inner {
        padding: 0 20px;
    }

    .why-row,
    .why-row.flip {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .why-text,
    .why-visual {
        width: 100%;
    }

    .why-visual {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .wv-item {
        padding: 15px;
    }

    .sec-title {
        font-size: 2rem;
        line-height: 1.2;
    }

    .sec-sub {
        font-size: 1rem;
    }

    .why-text h3 {
        font-size: 1.6rem;
    }

    .why-text p {
        font-size: 0.95rem;
        line-height: 1.6;
    }

    .why-list {
        margin-top: 20px;
    }

    .wli {
        font-size: 0.95rem;
        align-items: flex-start;
    }

    .wli-dot {
        min-width: 22px;
        min-height: 22px;
    }

    .wv-title {
        font-size: 1rem;
    }

    .wv-sub {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .why-inner {
        padding: 0 15px;
    }

    .sec-title {
        font-size: 1.7rem;
    }

    .why-text h3 {
        font-size: 1.35rem;
    }

    .wv-item {
        padding: 12px;
    }

    .wv-icon {
        width: 42px;
        height: 42px;
    }

    .wv-icon svg {
        width: 20px;
        height: 20px;
    }
}

.features-section {
    background: linear-gradient(160deg, var(--navy) 0%, var(--navy-mid) 100%);
    padding: 4rem 1.25rem 140px;
    text-align: center;
}

.features-section .section-title {
    font-family: "Basic", Georgia, serif;
    color: #ffffff;
}

.features-section .section-sub {
    color: rgba(255, 255, 255, 0.6);
}

.features-grid {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
    text-align: left;
}

.feature-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(60,211,52, 0.15);
    border-radius: 14px;
    padding: 1.5rem;
    transition: background 0.25s, transform 0.25s, border-color 0.25s;
}

.feature-card:hover {
    background: rgba(60,211,52, 0.08);
    border-color: rgba(60,211,52, 0.35);
    transform: translateY(-5px);
}

.feature-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    box-shadow: 0 4px 14px rgba(5,150,6, 0.35);
    transition: transform 0.3s;
}

.feature-card:hover .feature-icon {
    transform: rotate(-8deg) scale(1.08);
}

.feature-icon svg {
    width: 20px;
    height: 20px;
    fill: #ffffff;
}

.feature-card h3 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
}

.feature-card p {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.6;
}

.submit-button {
    position: relative;
    top: 50px;
    display: inline-block;
    background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 32px;
    border-radius: 50px;
    letter-spacing: -0.1px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.submit-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(5,150,6, 0.45);
}

.faq-section {
    padding: 4rem 1.25rem 100px;
    max-width: 760px;
    margin: 0 auto;
}

.faq-item {
    border-bottom: 1px solid var(--border);
    padding: 1.25rem 0;
    transition: padding 0.2s;
}

.faq-item:hover {
    padding-left: 6px;
}

.faq-q {
    font-size: 0.97rem;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: default;
}

.faq-q::before {
    content: 'Q';
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.faq-a {
    font-size: 0.88rem;
    color: var(--text-mid);
    line-height: 1.7;
    padding-left: 32px;
}

.cta-section {
    background: linear-gradient(160deg, var(--navy) 0%, var(--navy-mid) 100%);
    padding: 5rem 1.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cta-section::before {
    content: '';
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(5,150,6, 0.1) 0%, transparent 65%);
    border-radius: 50%;
    pointer-events: none;
}

.cta-section h2 {
    font-family: "Basic", Georgia, serif;
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 800;
    color: #ffffff;
    margin-bottom: .5rem;
    letter-spacing: -.3px;
}

.cta-section h2 em {
    color: var(--accent);
    font-style: normal;
}

.cta-section p {
    color: rgba(255, 255, 255, 0.65);
    font-size: .95rem;
    margin-bottom: 2rem;
}

.cta-btns {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    padding: 15px 36px;
    border-radius: 50px;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 20px rgba(5,150,6, 0.4);
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(5,150,6, 0.6);
}

.btn-ghost {
    background: transparent;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-weight: 600;
    font-size: .95rem;
    padding: 15px 28px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all .2s;
}

.btn-ghost:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.4);
}

.footer {
    background: #081816;
    padding: 3rem 1.25rem 1.5rem;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.82rem;
}

.footer-container {
    max-width: 1100px;
    margin: auto;
}

.footer-logo-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.footer-logo-badge {
    width: 38px;
    height: 38px;
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.footer-logo-badge svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}

.footer-logo {
    color: #fff;
    font-size: 19px;
    margin-bottom: 0;
}

.footer-logo span {
    color: var(--accent);
    font-size: 22px;
}

.footer-tagline {
    margin-bottom: 30px;
    font-size: 15px;
    margin-top: 6px;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 25px;
    margin-bottom: 30px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.45);
    text-decoration: none;
    transition: color 0.15s;
    font-size: 0.82rem;
}

.footer-links a:hover {
    color: var(--accent);
}

hr {
    border: none;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 30px 0;
}

.footer-disc {
    margin-top: 30px;
    font-size: 0.77rem;
    color: rgba(255, 255, 255, 0.35);
    line-height: 1.7;
    margin-bottom: 1rem;
}

.footer-disc h4 {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.footer-disc+.footer-disc {
    margin-top: 1rem;
}

.footer-copy {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 1.25rem;
    margin-top: 1.5rem;
    text-align: center;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.25);
}

@media (max-width: 600px) {
    .hero {
        padding: 2rem 1rem !important;
        gap: 1.5rem !important;
        background-position: 75% center !important;
    }

    .hero-badge {
        font-size: 10px !important;
        padding: 4px 10px !important;
        margin-bottom: 0.75rem !important;
    }

    .hero h2 {
        font-size: 1.65rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.5rem !important;
    }

    .hero-sub {
        font-size: 0.9rem !important;
        margin-bottom: 1.25rem !important;
        padding: 0 0.5rem;
    }

    .form-box {
        max-width: 100% !important;
        margin: 0 0 1rem !important;
        border-radius: 12px !important;
    }

    .form-box-header {
        padding: 0.85rem 1rem !important;
    }

    .form-box-header h3 {
        font-size: 1rem !important;
    }

    .form-box-header p {
        font-size: 0.78rem !important;
    }

    .ssl-badges {
        gap: 6px !important;
        margin-top: 0.4rem !important;
    }

    .ssl-badge {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }

    .stats-inner {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }

    .stat-val {
        font-size: 1.3rem !important;
    }

    .stat-label {
        font-size: 10px !important;
    }

    .steps-section {
        padding: 2.5rem 1rem !important;
    }

    .steps-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .step-card {
        padding: 1.25rem 1rem !important;
    }

    .features-section {
        padding: 2.5rem 1rem 5rem !important;
    }

    .submit-button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        position: static !important;
        
        margin: 2rem auto 0 !important;
        width: fit-content;
    }

    .features-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .faq-section {
        padding: 2.5rem 1rem !important;
    }

    footer {
        padding: 2rem 1rem 5rem !important;
    }
}

@media (min-width: 601px) and (max-width: 900px) {
    .hero {
        padding: 2rem 1.5rem 3rem !important;
    }

    .steps-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .stats-inner {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}


.showcase {
    background: #ffffff;
    padding: 4.5rem 1.25rem;
    border-top: 1px solid var(--border)
}

.showcase-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.25rem;
    align-items: center
}

.showcase-img {
    display: flex;
    justify-content: center;
    position: relative
}

.showcase-img img {
    width: 100%;
    max-width: 330px;
    height: auto
}

.showcase-text .eyebrow {
    color: var(--primary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.showcase-text h2 {
    font-family: "Basic", Georgia, serif;
    font-size: clamp(1.5rem, 3vw, 2.1rem);
    font-weight: 800;
    color: var(--text-dark);
    letter-spacing: -.02em;
    margin-bottom: .75rem;
    line-height: 1.15
}

.showcase-text h2 em {
    color: var(--primary);
    font-style: normal
}

.showcase-text>p {
    color: var(--text-mid);
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    max-width: 34rem
}

.showcase-list {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    margin-bottom: 1.75rem
}

.sc-item {
    display: flex;
    gap: .85rem;
    align-items: flex-start
}

.sc-ic {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #E4F4E2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.sc-ic svg {
    width: 20px;
    height: 20px;
    stroke: var(--primary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.sc-item h4 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 2px
}

.sc-item p {
    font-size: .9rem;
    color: var(--text-mid);
    line-height: 1.55
}

.showcase .submit-button {
    position: static;
    top: 0
}

@media(max-width:860px) {
    .showcase {
        padding: 3rem 1.25rem
    }

    .showcase-inner {
        grid-template-columns: 1fr;
        gap: 2.25rem;
        text-align: center
    }

    .showcase-img {
        order: -1
    }

    .showcase-img img {
        max-width: 260px
    }

    .showcase-text>p {
        margin-left: auto;
        margin-right: auto
    }

    .sc-item {
        text-align: left
    }

    .showcase-list {
        max-width: 24rem;
        margin-left: auto;
        margin-right: auto
    }
}


.funds-badge svg {
    width: 15px;
    height: 15px;
    stroke: var(--accent);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0
}

.deposit-img {
    position: relative;
    max-width: 430px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(10,64,54, 0.18);
    isolation: isolate;
}

.deposit-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.deposit-img::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    pointer-events: none;
}

.deposit-badge {
    position: absolute;
    bottom: 16px;
    left: 16px;
    background: #42A316;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 8px 16px rgba(66,163,22, 0.3);
}

.deposit-badge svg {
    width: 14px;
    height: 14px;
    stroke: #FFFFFF;
    fill: none;
    stroke-width: 2.5;
}

@media (max-width: 600px) {
    .deposit-img {
        max-width: 100%;
    }
}


.hero {
    background-image:
        linear-gradient(90deg, rgba(10,64,54, 0.92) 0%, rgba(10,64,54, 0.55) 45%, rgba(10,64,54, 0.15) 100%),
        none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% center;
    position: relative;
    overflow: hidden;
}

.hero-grid {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px);
    background-size: 26px 26px;
    -webkit-mask-image: linear-gradient(to bottom, #000, transparent 72%);
    mask-image: linear-gradient(to bottom, #000, transparent 72%);
    pointer-events: none;
    z-index: 1
}

.hero-right {
    position: relative
}

.float-chip {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 10px 14px;
    box-shadow: 0 24px 44px -20px rgba(4,61,54, .55);
    font-weight: 700;
    font-size: 13px;
    color: var(--text-dark);
    z-index: 6;
    animation: float 4s ease-in-out infinite;
    line-height: 1.15
}

.float-chip .fic {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: linear-gradient(150deg, #12B910, #047808);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.float-chip .fic svg {
    width: 16px;
    height: 16px;
    stroke: #fff;
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.float-chip small {
    display: block;
    font-weight: 600;
    font-size: 11px;
    color: var(--text-light)
}

.fc-1 {
    top: -16px;
    left: -20px
}

.fc-2 {
    bottom: 2px;
    right: -16px;
    animation-delay: 1.6s
}

@media(max-width:991px) {
    .float-chip {
        display: none
    }
}


.showcase-img {
    position: relative
}

.showcase-img::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 78%;
    left: 10%;
    top: 13%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(18,185,16, .24), transparent 66%);
    z-index: 0
}

.showcase-img img {
    position: relative;
    z-index: 1
}

.collage-card {
    position: absolute;
    z-index: 3;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 15px;
    padding: 11px 14px;
    box-shadow: 0 28px 52px -22px rgba(4,61,54, .5);
    display: flex;
    align-items: center;
    gap: 11px;
    animation: float 4.6s ease-in-out infinite
}

.collage-card .cc-ic {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: linear-gradient(150deg, #12B910, #047808);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.collage-card .cc-ic svg {
    width: 19px;
    height: 19px;
    stroke: #fff;
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round
}

.collage-card .cc-t {
    font-weight: 800;
    font-size: 14px;
    color: var(--text-dark);
    line-height: 1.15
}

.collage-card .cc-s {
    font-size: 11.5px;
    color: var(--text-light);
    font-weight: 600
}

.cc-a {
    top: 9%;
    left: -7%
}

.cc-b {
    bottom: 13%;
    right: -9%;
    animation-delay: 1.7s
}

@media(max-width:600px) {
    .collage-card {
        transform: scale(.8)
    }

    .cc-a {
        left: -1%
    }

    .cc-b {
        right: -1%
    }
}


.deposit-sec {
    background: var(--off-white);
    padding: 4.5rem 1.25rem;
    border-top: 1px solid var(--border)
}

.deposit-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.25rem;
    align-items: center
}

.deposit-img {
    display: flex;
    justify-content: center
}

.deposit-img img {
    width: 100%;
    max-width: 430px;
    height: auto
}

.deposit-text .eyebrow {
    color: var(--primary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.deposit-text h2 {
    font-family: "Basic", Georgia, serif;
    font-size: clamp(1.5rem, 3vw, 2.1rem);
    font-weight: 800;
    color: var(--text-dark);
    letter-spacing: -.02em;
    margin-bottom: .75rem;
    line-height: 1.15
}

.deposit-text h2 em {
    color: var(--primary);
    font-style: normal
}

.deposit-text>p {
    color: var(--text-mid);
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.25rem;
    max-width: 34rem
}

.stat-row {
    display: flex;
    gap: 2rem;
    margin-top: 1.5rem;
    flex-wrap: wrap
}

.stat-row .st b {
    display: block;
    font-family: "Basic", serif;
    font-size: 1.7rem;
    color: var(--primary-dark);
    letter-spacing: -.02em;
    line-height: 1
}

.stat-row .st span {
    font-size: .82rem;
    color: var(--text-light);
    font-weight: 600
}

@media(max-width:860px) {
    .deposit-inner {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center
    }

    .deposit-img {
        order: -1
    }

    .deposit-text>p {
        margin-left: auto;
        margin-right: auto
    }

    .stat-row {
        justify-content: center
    }

    .deposit-img img {
        max-width: 330px
    }
}


.sfx .ugrid {
    display: grid;
    gap: 1.15rem;
    margin-top: 2.15rem
}

@media (min-width:37em) {
    .sfx .ugrid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:60em) {
    .sfx .ugrid {
        grid-template-columns: repeat(3, 1fr)
    }
}

.sfx .ucard {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius, 20px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .18s, box-shadow .18s
}

.sfx .ucard:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px -22px rgba(4,61,54, .5)
}

.sfx .ucard img {
    width: 100%;
    height: 172px;
    object-fit: cover;
    display: block;
    background: #E8F4E6
}

.sfx .ucard .ubody {
    padding: 1.15rem 1.1rem 1.35rem
}

.sfx .ucard h3 {
    font-size: 1.08rem;
    font-weight: 700;
    color: var(--primary-dark);
    margin: 0 0 .35rem;
    letter-spacing: -.01em
}

.sfx .ucard .ubody p {
    font-size: .9rem;
    color: var(--text-mid);
    line-height: 1.5;
    margin: 0 0 .7rem
}

.sfx .ucard .ulink {
    font-size: .85rem;
    font-weight: 700;
    color: var(--primary)
}

.sfx .ucard .ulink:hover {
    color: #035C05
}
:root{--bg:#F5FAF5;--card:#FFFFFF;--ink:#162D17;--text:#162D17;--muted:#48604A;--accent:#29E035;--accent-deep:#127D19;--accent-tint:#E1F4E3;--line:#DBE6DC;--fd:"Basic",system-ui,sans-serif;--fb:"Average Sans",system-ui,sans-serif;--r:18px;--rb-foot:#112712;--rb-foot-t:#DCE5DC;--rb-foot-l:#E892BD;--rb-tint2:#BCE6BF}
:root{--card-max:600px;--cta-text:#162D17}.form-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow-x:clip!important;overflow-y:visible!important}.form-card__head,.form-card__trust{display:none!important}.form-host{min-height:200px!important;text-align:left}
html{overflow-x:clip}body{font-family:var(--fb)}h1,h2,h3{font-family:var(--fd)}
[class*=reveal],[class*=fade-],[class*=animate],[class*=aos],.js-reveal,[data-reveal],.in-view,.is-hidden-until{opacity:1!important;transform:none!important;visibility:visible!important}
.rb-col{min-width:0;overflow:visible!important}
.form-card{width:100%;max-width:var(--card-max);margin:0 auto;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 60px -28px rgba(10,20,30,.45);padding:22px 20px 16px;box-sizing:border-box;text-align:left;position:relative;z-index:2}
.form-card__head h2{font-family:var(--fd);font-size:1.45rem;line-height:1.2;margin:0 0 4px;color:var(--ink);letter-spacing:-.01em}
.form-card__head p{margin:0 0 10px;color:var(--muted);font-size:.95rem}
.form-card__trust{margin:10px 0 0;font-size:.8rem;color:var(--muted);text-align:center}
.rb-hero h1{overflow-wrap:anywhere}
.form-host,.form-host *{text-transform:none!important;font-variant:normal!important;letter-spacing:normal!important}
.rb-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none}.rb-logo svg{width:30px;height:30px;flex:none}
.wm{font-family:var(--fd);font-weight:600;font-size:1.32rem;letter-spacing:-.01em;color:inherit}.wm b{font-weight:800;color:var(--accent-deep)}
.rb-band{position:relative;overflow:hidden;background:var(--ink);color:#fff;margin:0;padding:0}
.rb-band picture,.rb-band img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.rb-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18) 70%)}
.rb-band__txt{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;max-width:1120px;margin:0 auto;padding:24px 28px;box-sizing:border-box}
.rb-band__txt p{font-family:var(--fd);font-size:clamp(1.35rem,3.2vw,2.4rem);line-height:1.15;font-weight:700;max-width:620px;margin:0;color:#fff}
.rb-btn{display:inline-block;background:var(--accent);color:#162D17;padding:13px 24px;border-radius:999px;font-weight:700;text-decoration:none}
.rb-faq{background:var(--bg);color:var(--ink);padding:64px 20px}.rb-in{max-width:820px;margin:0 auto}
.rb-faq h2{font-family:var(--fd);font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 22px;color:var(--ink)}
.rb-faq details{border-bottom:1px solid var(--line);padding:16px 0}.rb-faq summary{cursor:pointer;font-weight:700;font-size:1.06rem;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
.rb-faq summary::-webkit-details-marker{display:none}.rb-faq summary::after{content:"+";color:var(--accent);font-size:1.3rem;line-height:1}.rb-faq details[open] summary::after{content:"\2212"}
.rb-faq details p{margin:10px 0 0;color:var(--muted);line-height:1.6}
footer.rb-footer{background:var(--rb-foot)!important;color:var(--rb-foot-t)!important;padding:48px 20px 36px!important;display:block!important;border:0!important;margin:0!important}
.rb-foot{max-width:1120px;margin:0 auto;display:block!important}.rb-foot__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin:0 0 18px}
.rb-foot__top p{margin:0;color:var(--rb-foot-t);opacity:.92}.rb-foot__brand{color:#fff!important;text-decoration:none}.rb-foot__brand .wm b{color:var(--rb-foot-l)}
footer.rb-footer .legal-links{margin:0 0 20px;padding:16px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
footer.rb-footer .legal-links a{color:var(--rb-foot-l)!important;text-decoration:none;font-size:.9rem}footer.rb-footer .legal-links a:hover{text-decoration:underline}
footer.rb-footer .disc p{color:var(--rb-foot-t)!important;opacity:1;margin:0 0 10px}footer.rb-footer .disc b{color:#fff}footer.rb-footer .disc a{color:var(--rb-foot-l)!important}
.prose{max-width:720px;margin:0 auto;padding:48px 20px 64px;color:var(--ink);font-family:var(--fb);line-height:1.65}
.prose h1{font-family:var(--fd);font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15;margin:0 0 8px;color:var(--ink)}
.prose p.updated{color:var(--muted);font-size:.9rem;margin:0 0 26px}.prose h2{font-family:var(--fd);font-size:1.3rem;margin:30px 0 8px;color:var(--ink)}
.prose p,.prose ul>li{color:var(--ink);font-size:1rem}.prose strong{color:var(--ink)}.prose a{color:var(--accent-deep)}
.prose a.btn.btn-primary{display:inline-block;background:var(--accent);color:#162D17;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:700}
.prose a.btn.btn-ghost{display:inline-block;border:1px solid var(--line);color:var(--ink);padding:12px 22px;border-radius:999px;text-decoration:none}
body.rb-sub{background:var(--bg)}body.rb-sub main{display:block}
.rb-hero{min-height:0!important;padding-top:22px!important}
.rb-hero .rb-chain{display:flex!important;flex-direction:column!important;align-items:center!important;grid-template-columns:none!important;gap:26px!important}
.rb-hero .rb-col{order:-1;width:100%;max-width:620px!important;margin-left:auto!important;margin-right:auto!important;align-self:center!important}
.rb-hero .rb-chain>:not(.rb-col){width:100%;max-width:860px;margin-left:auto;margin-right:auto;text-align:center}
.rb-hero .rb-chain>:not(.rb-col)>p{margin-left:auto!important;margin-right:auto!important}
.rb-hero .rb-chain>:not(.rb-col) ul,.rb-hero .rb-chain>:not(.rb-col) ol{text-align:left}
.rb-hero:not(.rb-chain){grid-template-columns:minmax(0,1fr)!important;flex-direction:column!important;align-items:center!important}
.rb-hero:not(.rb-chain)>.rb-chain{width:100%;max-width:1120px;margin-left:auto;margin-right:auto}
@media (max-width:860px){
 header nav a:not(.rb-cta):not([href="/"]){display:none!important}
 .rb-chain{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;gap:18px!important}
 .rb-hero{min-height:0!important}
 .rb-col{order:-1;width:100%;max-width:none!important}
}
@media (max-width:600px){
 .rb-col{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
 .form-card{margin-left:calc(50% - 50vw + 4px);margin-right:calc(50% - 50vw + 4px);width:auto;max-width:none;padding:18px 14px 14px}
 .rb-band__txt{justify-content:flex-end;padding:20px}.rb-band img{max-height:440px;min-height:300px}
}

.legal-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.disc p{font-size:.8rem;line-height:1.55}.cmp-modal{display:none;position:fixed;inset:0;z-index:90;background:rgba(10,14,20,.6);padding:30px 14px;overflow:auto}.cmp-modal.is-open{display:block}body.cmp-modal-open{overflow:hidden}.cmp-modal-card{max-width:860px;margin:0 auto;background:var(--card);color:var(--ink);border-radius:var(--r);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}.cmp-modal-head{position:sticky;top:0;background:var(--card);display:flex;justify-content:flex-end;padding:10px 12px;border-bottom:1px solid var(--line);border-radius:var(--r) var(--r) 0 0}.cmp-modal-close{border:0;background:var(--accent-tint);width:36px;height:36px;border-radius:9px;font-size:1.25rem;cursor:pointer;color:var(--ink)}.cmp-modal-body{padding:6px 24px 30px}.cmp-modal-body .prose{max-width:none}.cmp-modal-loading{padding:40px;text-align:center;color:var(--muted)}.unsub-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;margin:22px 0}.unsub-card__title{margin:0 0 6px;font-family:var(--fd);font-size:1.35rem}.unsub-card__sub{margin:0 0 18px;color:var(--muted)}.unsub-field{margin:0 0 14px}.unsub-field label{display:block;font-weight:600;font-size:.92rem;margin:0 0 6px}.unsub-field .opt{font-weight:400;color:var(--muted);font-size:.8rem;margin-left:8px}.unsub-field .req{color:var(--accent-deep)}.unsub-field input,.unsub-field select{width:100%;box-sizing:border-box;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:1rem}.unsub-field input:focus,.unsub-field select:focus{outline:2px solid var(--accent);outline-offset:1px}.unsub-field__hint{margin:6px 0 0;font-size:.8rem;color:var(--muted)}.unsub-form__submit{display:inline-block;min-height:48px;padding:12px 22px;border:0;border-radius:999px;background:var(--accent-deep);color:#fff;font:inherit;font-weight:700;cursor:pointer}.unsub-form__submit:disabled{opacity:.6;cursor:wait}.unsub-form__legal{font-size:.8rem;color:var(--muted);margin:12px 0 0}.unsub-msg{display:none;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:.95rem}.unsub-msg--error{background:#FDECEC;color:#8A1F1F}.unsub-msg--error.is-visible{display:block}.unsub-msg--success{background:var(--accent-tint);color:var(--ink)}.unsub-card.is-success .unsub-form,.unsub-card.is-success .unsub-card__sub{display:none}.unsub-card.is-success .unsub-msg--success{display:block}