/* Wave Funded sky theme — homepage backgrounds only. */
.wf-public-home {
    background-color: #dff3ff;
    background-image:
        radial-gradient(circle at 8% 8%, rgba(255, 255, 255, .9), transparent 20%),
        radial-gradient(circle at 92% 18%, rgba(53, 207, 250, .24), transparent 24%),
        linear-gradient(180deg, #c4e9ff 0%, #eaf8ff 42%, #d9f1ff 100%);
}

.wf-header {
    border-bottom-color: rgba(117, 181, 233, .5);
    background: rgba(236, 248, 255, .88);
    box-shadow: 0 12px 35px rgba(33, 106, 174, .08);
}

.wf-header.scrolled {
    background: rgba(224, 243, 255, .94);
    box-shadow: 0 16px 42px rgba(27, 97, 165, .14);
}

.wf-offer {
    border-bottom-color: #aad5f6;
    background: linear-gradient(90deg, #d9f1ff, #f4fbff 48%, #d7f5ff);
}

.wf-hero {
    background:
        radial-gradient(ellipse at 10% 15%, rgba(255, 255, 255, .95), transparent 24%),
        radial-gradient(circle at 78% 30%, rgba(22, 140, 255, .34), transparent 30%),
        radial-gradient(ellipse at 74% 72%, rgba(255, 255, 255, .72), transparent 28%),
        linear-gradient(180deg, #94d5ff 0%, #bfe7ff 42%, #e6f6ff 82%, #d8f0ff 100%);
}

.wf-trust-strip {
    border-color: #add5f2;
    background: linear-gradient(90deg, rgba(224, 244, 255, .96), rgba(247, 252, 255, .96), rgba(216, 241, 255, .96));
}

/* Professional assurance cards below the homepage hero. */
.wf-trust-strip {
    position: relative;
    padding: 68px 0 74px;
    overflow: hidden;
    border-block: 1px solid rgba(111, 180, 231, .48);
    background:
        radial-gradient(circle at 8% 8%, rgba(255, 255, 255, .98), transparent 23%),
        radial-gradient(circle at 92% 90%, rgba(53, 207, 250, .16), transparent 24%),
        linear-gradient(135deg, #d9f2ff 0%, #f7fcff 48%, #d7f0ff 100%);
}

.wf-trust-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .32;
    background-image: linear-gradient(rgba(40, 139, 215, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(40, 139, 215, .09) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, transparent, #000 35%, #000 75%, transparent);
}

.wf-trust-strip > .wf-trust-strip__heading {
    position: relative;
    z-index: 1;
    min-height: 0;
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.wf-trust-strip__heading > span {
    display: inline-flex;
    padding: 7px 12px;
    border: 1px solid rgba(26, 126, 231, .2);
    border-radius: 999px;
    color: #0874dd;
    background: rgba(255, 255, 255, .72);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
}

.wf-trust-strip__heading h2 {
    max-width: 760px;
    margin: 15px auto 8px;
    color: #071d41;
    font: 800 clamp(30px, 3vw, 45px)/1.08 var(--wf-head);
    letter-spacing: -.035em;
}

.wf-trust-strip__heading p {
    max-width: 670px;
    margin: 0 auto;
    color: #58708d;
    font-size: 15px;
    line-height: 1.65;
}

.wf-trust-strip > .wf-trust-strip__grid {
    position: relative;
    z-index: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.wf-trust-strip > .wf-trust-strip__grid > .wf-trust-card {
    --card-accent: #147cf3;
    --card-soft: #eaf4ff;
    position: relative;
    min-width: 0;
    min-height: 225px;
    padding: 26px 22px 24px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
    overflow: hidden;
    border: 1px solid rgba(126, 178, 221, .42);
    border-radius: 22px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 18px 45px rgba(26, 93, 153, .1);
    backdrop-filter: blur(14px);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.wf-trust-strip > .wf-trust-strip__grid > .wf-trust-card::after {
    content: "";
    width: 110px;
    height: 110px;
    position: absolute;
    right: -48px;
    bottom: -55px;
    border-radius: 50%;
    background: var(--card-soft);
    opacity: .75;
}

.wf-trust-card--secure { --card-accent: #6557e8 !important; --card-soft: #eeebff !important; }
.wf-trust-card--global { --card-accent: #008ca4 !important; --card-soft: #ddf9fb !important; }
.wf-trust-card--verified { --card-accent: #08a56a !important; --card-soft: #e0f9ed !important; }
.wf-trust-card--support { --card-accent: #e57916 !important; --card-soft: #fff0dc !important; }

.wf-trust-card > i {
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;
    display: grid !important;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--card-accent) 18%, transparent);
    border-radius: 16px !important;
    color: var(--card-accent) !important;
    background: var(--card-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    font-size: 24px;
    font-style: normal;
}

.wf-trust-card > span {
    position: relative;
    z-index: 1;
    display: block;
}

.wf-trust-card strong {
    display: block;
    color: #0a2144;
    font: 750 17px/1.25 var(--wf-head);
    letter-spacing: -.02em;
}

.wf-trust-card small {
    display: block;
    margin-top: 9px;
    overflow: visible;
    color: #647891;
    font-size: 12px !important;
    line-height: 1.6;
    white-space: normal;
}

@media (hover: hover) {
    .wf-trust-strip > .wf-trust-strip__grid > .wf-trust-card:hover {
        z-index: 2;
        transform: translateY(-7px);
        border-color: color-mix(in srgb, var(--card-accent) 35%, transparent);
        box-shadow: 0 24px 58px rgba(24, 88, 149, .16);
    }
}

@media (max-width: 1180px) {
    .wf-trust-strip > .wf-trust-strip__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .wf-trust-strip > .wf-trust-strip__grid > .wf-trust-card:nth-child(5) { display: flex; }
}

@media (max-width: 760px) {
    .wf-trust-strip { padding: 54px 0 58px; }
    .wf-trust-strip > .wf-trust-strip__grid { grid-template-columns: 1fr 1fr; }
    .wf-trust-strip > .wf-trust-strip__grid > .wf-trust-card { min-height: 210px; border: 1px solid rgba(126, 178, 221, .42); }
}

@media (max-width: 520px) {
    .wf-trust-strip > .wf-trust-strip__heading,
    .wf-trust-strip > .wf-trust-strip__grid { width: min(460px, calc(100% - 24px)); }
    .wf-trust-strip > .wf-trust-strip__grid { grid-template-columns: 1fr; }
    .wf-trust-strip > .wf-trust-strip__grid > .wf-trust-card { min-height: 0; padding: 22px; flex-direction: row; }
    .wf-trust-card strong { font-size: 16px; }
}

.wf-stats {
    background:
        radial-gradient(circle at 8% 20%, rgba(255, 255, 255, .92), transparent 22%),
        linear-gradient(120deg, #bfe5ff, #e8f7ff 48%, #c9edff);
}

.wf-stats article,
.wf-trust-strip > .wf-container > div {
    border-color: rgba(144, 194, 234, .55);
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 15px 38px rgba(27, 99, 164, .09);
    backdrop-filter: blur(14px);
}

.wf-intro,
.wf-journey,
.wf-why,
.wf-success,
.wf-testimonials,
.wf-certificates,
.wf-platform,
.wf-faq-section {
    position: relative;
    overflow: hidden;
}

.wf-intro,
.wf-success,
.wf-certificates,
.wf-faq-section {
    background:
        radial-gradient(ellipse at 12% 8%, rgba(255, 255, 255, .82), transparent 24%),
        radial-gradient(circle at 88% 74%, rgba(53, 207, 250, .18), transparent 25%),
        linear-gradient(145deg, #d2edff, #effaff 52%, #ccecff);
}

.wf-journey,
.wf-testimonials,
.wf-platform {
    background:
        radial-gradient(ellipse at 82% 12%, rgba(255, 255, 255, .9), transparent 25%),
        radial-gradient(circle at 8% 82%, rgba(22, 140, 255, .14), transparent 24%),
        linear-gradient(145deg, #bee5ff, #e6f6ff 54%, #d1efff);
}

.wf-why {
    background:
        radial-gradient(ellipse at 15% 12%, rgba(255, 255, 255, .84), transparent 27%),
        radial-gradient(circle at 88% 48%, rgba(53, 207, 250, .18), transparent 25%),
        linear-gradient(155deg, #d7f0ff, #f0faff 48%, #c8eaff);
}

.wf-intro::before,
.wf-journey::before,
.wf-why::before,
.wf-success::before,
.wf-testimonials::before,
.wf-certificates::before,
.wf-platform::before,
.wf-faq-section::before {
    content: "";
    width: 420px;
    height: 120px;
    position: absolute;
    top: 8%;
    right: -120px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(255, 255, 255, .56), rgba(255, 255, 255, 0) 70%);
    filter: blur(5px);
    pointer-events: none;
}

.wf-intro > .wf-container,
.wf-journey > .wf-container,
.wf-why > .wf-container,
.wf-success > .wf-container,
.wf-testimonials > .wf-container,
.wf-certificates > .wf-container,
.wf-platform > .wf-container,
.wf-faq-section > .wf-container {
    position: relative;
    z-index: 1;
}

.wf-challenges {
    background:
        radial-gradient(ellipse at 12% 10%, rgba(255, 255, 255, .9), transparent 25%),
        radial-gradient(circle at 90% 38%, rgba(22, 140, 255, .22), transparent 28%),
        linear-gradient(150deg, #b8e1ff, #e9f8ff 46%, #c4ebff);
}

.wf-selector {
    border-color: #9ecdf1;
    background: rgba(247, 252, 255, .9);
    box-shadow: 0 34px 90px rgba(21, 92, 158, .18);
    backdrop-filter: blur(16px);
}

.wf-plan-benefits {
    border-color: #a9d3f2;
    background: linear-gradient(110deg, #b9e3ff, #eaf8ff 48%, #c4ecff);
}

.wf-plan-benefits article,
.wf-step-card,
.wf-success-card,
.wf-review-card,
.wf-certificate-preview {
    border-color: rgba(139, 191, 232, .62);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 20px 55px rgba(23, 91, 153, .11);
    backdrop-filter: blur(12px);
}

.wf-intro__visual,
.wf-platform__card {
    border: 1px solid rgba(127, 187, 232, .6);
    background:
        radial-gradient(circle at 90% 8%, rgba(53, 207, 250, .2), transparent 26%),
        linear-gradient(145deg, rgba(226, 245, 255, .94), rgba(250, 253, 255, .9));
    box-shadow: 0 28px 78px rgba(25, 94, 158, .14);
}

.wf-certificates {
    background:
        radial-gradient(circle at 84% 18%, rgba(22, 140, 255, .2), transparent 25%),
        radial-gradient(ellipse at 12% 82%, rgba(255, 255, 255, .82), transparent 28%),
        linear-gradient(150deg, #c4e8ff, #effaff 50%, #c7eaff);
}

.wf-faq__item {
    border-color: rgba(137, 190, 231, .65);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 14px 42px rgba(24, 89, 149, .08);
    backdrop-filter: blur(12px);
}

.wf-payouts {
    background:
        radial-gradient(circle at 85% 14%, rgba(53, 207, 250, .26), transparent 25%),
        radial-gradient(circle at 10% 86%, rgba(22, 140, 255, .24), transparent 28%),
        linear-gradient(150deg, #062c68 0%, #075ac7 54%, #073878 100%);
}

.wf-final-cta {
    background:
        radial-gradient(circle at 82% 20%, rgba(105, 225, 255, .35), transparent 25%),
        linear-gradient(120deg, #0751c5, #168cff 55%, #25c2f1);
}

.wf-footer {
    background:
        radial-gradient(circle at 88% 5%, rgba(53, 207, 250, .18), transparent 24%),
        linear-gradient(145deg, #061c42, #083a79 65%, #0759af);
}

@media (max-width: 760px) {
    .wf-hero {
        background:
            radial-gradient(ellipse at 12% 8%, rgba(255, 255, 255, .92), transparent 22%),
            radial-gradient(circle at 86% 30%, rgba(22, 140, 255, .3), transparent 28%),
            linear-gradient(180deg, #a8dcff, #d3efff 58%, #eaf8ff);
    }

    .wf-intro::before,
    .wf-journey::before,
    .wf-why::before,
    .wf-success::before,
    .wf-testimonials::before,
    .wf-certificates::before,
    .wf-platform::before,
    .wf-faq-section::before {
        width: 260px;
        right: -100px;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .wf-stats article,
    .wf-plan-benefits article,
    .wf-step-card,
    .wf-success-card,
    .wf-review-card,
    .wf-certificate-preview,
    .wf-faq__item,
    .wf-selector {
        background: #f7fcff;
        backdrop-filter: none;
    }
}