/* _content/WinMens.Web/Components/Layout/CookieBanner.razor.rz.scp.css */
.cookie-banner[b-1twzfrzlen] {
    position: fixed;
    z-index: 10000;
    right: 20px;
    bottom: 20px;
    left: 20px;
    padding: 20px;
    color: #ffffff;
    background: #243b3a;
    border-radius: 10px;
    box-shadow: 0 18px 55px rgba(16, 41, 36, 0.3);
}

.cookie-banner-content[b-1twzfrzlen] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    width: min(1160px, 100%);
    margin-inline: auto;
}

.cookie-banner h2[b-1twzfrzlen] {
    margin: 0 0 6px;
    font-size: 1.2rem;
}

.cookie-banner p[b-1twzfrzlen] {
    max-width: 720px;
    margin: 0;
    color: #d4e0dd;
    line-height: 1.6;
}

.cookie-banner a[b-1twzfrzlen] {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
}

.cookie-actions[b-1twzfrzlen] {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

.cookie-button[b-1twzfrzlen] {
    min-height: 44px;
    padding: 10px 17px;
    border: 1px solid #ffffff;
    border-radius: 7px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

    .cookie-button.primary[b-1twzfrzlen] {
        color: #263b3b;
        background: #ff7447;
        border-color: #ff7447;
    }

    .cookie-button.secondary[b-1twzfrzlen] {
        color: #ffffff;
        background: transparent;
    }

@media (max-width: 750px) {
    .cookie-banner[b-1twzfrzlen] {
        right: 10px;
        bottom: 10px;
        left: 10px;
    }

    .cookie-banner-content[b-1twzfrzlen] {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .cookie-actions[b-1twzfrzlen] {
        flex-direction: column-reverse;
    }

    .cookie-button[b-1twzfrzlen] {
        width: 100%;
    }
}
/* _content/WinMens.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.site-header[b-aaryg47efn] {
    position: relative;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 24px;
    width: min(1280px, calc(100% - 48px));
    min-height: 86px;
    margin-inline: auto;
}

.main-navigation[b-aaryg47efn] {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.5vw, 24px);
    margin-left: auto;
}

    .main-navigation > a[b-aaryg47efn],
    .nav-dropdown-trigger[b-aaryg47efn] {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 8px 0;
        color: var(--muted);
        font: inherit;
        font-size: 0.93rem;
        font-weight: 600;
        line-height: 1.2;
        white-space: nowrap;
        text-decoration: none;
    }

        .main-navigation > a.active[b-aaryg47efn],
        .main-navigation > a:hover[b-aaryg47efn],
        .nav-dropdown-trigger:hover[b-aaryg47efn] {
            color: var(--ink);
        }

.mobile-menu-button[b-aaryg47efn] {
    display: none;
}

.nav-dropdown[b-aaryg47efn] {
    position: relative;
}

.nav-dropdown-trigger[b-aaryg47efn] {
    gap: 6px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.dropdown-arrow[b-aaryg47efn] {
    transition: transform 0.2s ease;
}

    .dropdown-arrow.open[b-aaryg47efn] {
        transform: rotate(180deg);
    }

.nav-dropdown-menu[b-aaryg47efn] {
    position: absolute;
    z-index: 1100;
    top: calc(100% + 8px);
    left: 50%;
    display: none;
    width: 280px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(16, 41, 36, 0.16);
    transform: translateX(-50%);
}


    .nav-dropdown-menu a[b-aaryg47efn] {
        display: grid;
        gap: 2px;
        padding: 11px 13px;
        color: var(--ink);
        border-radius: 9px;
        text-decoration: none;
    }

        .nav-dropdown-menu a:hover[b-aaryg47efn] {
            background: #eef6f4;
        }

    .nav-dropdown-menu small[b-aaryg47efn] {
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 400;
    }

@media (max-width: 1100px) {
    .site-header[b-aaryg47efn] {
        min-height: 72px;
        width: min(100% - 30px, 1280px);
    }

    .header-cta[b-aaryg47efn] {
        display: none;
    }

    .mobile-menu-button[b-aaryg47efn] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        margin-left: auto;
        padding: 0;
        border: 1px solid var(--line);
        border-radius: 9px;
        background: #ffffff;
        cursor: pointer;
    }

        .mobile-menu-button span[b-aaryg47efn] {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 2px;
            background: var(--ink);
        }

    .main-navigation[b-aaryg47efn] {
        position: absolute;
        z-index: 1200;
        top: 100%;
        right: 0;
        left: 0;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        max-height: calc(100vh - 90px);
        margin: 0;
        padding: 12px;
        overflow-y: auto;
        background: #ffffff;
        border: 1px solid var(--line);
        border-radius: 0 0 16px 16px;
        box-shadow: 0 18px 40px rgba(16, 41, 36, 0.16);
    }

        .main-navigation.menu-open[b-aaryg47efn] {
            display: flex;
        }

        .main-navigation > a[b-aaryg47efn],
        .nav-dropdown-trigger[b-aaryg47efn] {
            width: 100%;
            min-height: 46px;
            padding: 11px 13px;
            border-radius: 8px;
            text-align: left;
        }

            .main-navigation > a:hover[b-aaryg47efn],
            .nav-dropdown-trigger:hover[b-aaryg47efn] {
                background: #eef6f4;
            }

    .nav-dropdown-trigger[b-aaryg47efn] {
        justify-content: space-between;
    }

    .nav-dropdown-menu[b-aaryg47efn] {
        position: static;
        display: none;
        visibility: hidden;
        opacity: 0;
        width: auto;
        margin: 0 0 5px 14px;
        padding: 4px 0 4px 10px;
        background: #ffffff;
        border: 0;
        border-left: 2px solid var(--teal);
        border-radius: 0;
        box-shadow: none;
        transform: none;
    }

    .nav-dropdown .nav-dropdown-menu.submenu-open[b-aaryg47efn] {
        display: grid;
        visibility: visible;
        opacity: 1;
        transform: none;
    }

    .nav-dropdown-menu > a[b-aaryg47efn] {
        display: grid;
        gap: 2px;
        padding: 11px 13px;
        color: #293d3d;
        background: transparent;
        border-radius: 8px;
        text-decoration: none;
    }

        .nav-dropdown-menu > a strong[b-aaryg47efn] {
            color: #293d3d;
            font-size: 0.9rem;
            font-weight: 700;
        }

        .nav-dropdown-menu > a small[b-aaryg47efn] {
            color: #60726e;
            font-size: 0.78rem;
            font-weight: 500;
        }

        .nav-dropdown-menu > a:hover[b-aaryg47efn],
        .nav-dropdown-menu > a.active[b-aaryg47efn] {
            color: #087f76;
            background: #dff5f1;
        }

}

@media (min-width: 1101px) {
    .nav-dropdown:hover .nav-dropdown-menu[b-aaryg47efn],
    .nav-dropdown:focus-within .nav-dropdown-menu[b-aaryg47efn],
    .nav-dropdown-menu.submenu-open[b-aaryg47efn] {
        display: grid;
        visibility: visible;
        opacity: 1;
        transform: translate(-50%, 0);
    }
}


.nav-dropdown-trigger[b-aaryg47efn] {
    color: #394d4c;
    font-family: inherit;
    font-size: 0.93rem;
    font-weight: 700;
}

.nav-dropdown-menu.submenu-open[b-aaryg47efn] {
    visibility: visible;
    opacity: 1;
}


.site-footer[b-aaryg47efn] {
    width: 100%;
    padding: 36px 24px;
    color: #ffffff;
    background: #243b3a;
}


.footer-brand[b-aaryg47efn] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 11px;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
}

.footer-brand-text[b-aaryg47efn] {
    display: grid;
    line-height: 1.15;
}

    .footer-brand-text strong[b-aaryg47efn] {
        font-family: "Manrope", sans-serif;
        font-size: 1rem;
    }

    .footer-brand-text small[b-aaryg47efn] {
        margin-top: 3px;
        color: #9cafac;
        font-size: 0.58rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }


.footer-copyright[b-aaryg47efn] {
    flex: 0 0 auto;
    color: #b8c8c5;
    font-size: 0.84rem;
    white-space: nowrap;
}



.site-footer[b-aaryg47efn] {
    display: grid;
    grid-template-columns: minmax(190px, 1.4fr) minmax(max-content, 1fr) minmax(max-content, 1fr) minmax(max-content, 1fr) minmax(190px, 1.4fr);
    align-items: center;
    justify-items: center;
    gap: 20px;
    width: 100%;
    padding: 36px max(24px, calc((100% - 1180px) / 2));
    color: #ffffff;
    background: #243b3a;
}

    .site-footer > *[b-aaryg47efn] {
        min-width: 0;
    }

    .site-footer > :first-child[b-aaryg47efn] {
        justify-self: start;
    }

    .site-footer > :last-child[b-aaryg47efn] {
        justify-self: end;
    }

    .site-footer a[b-aaryg47efn] {
        color: #d4dedc;
        font-size: 0.86rem;
        font-weight: 600;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
    }

        .site-footer a:hover[b-aaryg47efn] {
            color: #ffffff;
            text-decoration: underline;
        }

    .site-footer .footer-brand[b-aaryg47efn] {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #ffffff;
        white-space: nowrap;
    }

        .site-footer .footer-brand > span:last-child[b-aaryg47efn] {
            display: grid;
            line-height: 1.15;
        }

        .site-footer .footer-brand small[b-aaryg47efn] {
            margin-top: 3px;
            color: #9cafac;
            font-size: 0.58rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

    .site-footer .footer-copyright[b-aaryg47efn] {
        color: #b8c8c5;
        font-size: 0.84rem;
        text-align: right;
        white-space: nowrap;
    }


@media (max-width: 850px) {
    .site-footer[b-aaryg47efn] {
        padding: 32px 20px;
    }

    .footer-inner[b-aaryg47efn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .footer-links[b-aaryg47efn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

        .footer-links a[b-aaryg47efn] {
            white-space: normal;
        }

    .footer-copyright[b-aaryg47efn] {
        padding-top: 18px;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        width: 100%;
        white-space: normal;
    }
}

@media (max-width: 850px) {
    .site-footer[b-aaryg47efn] {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: start;
        gap: 14px;
        padding: 32px 20px;
    }

        .site-footer > *[b-aaryg47efn],
        .site-footer > :first-child[b-aaryg47efn],
        .site-footer > :last-child[b-aaryg47efn] {
            justify-self: start;
        }

        .site-footer a[b-aaryg47efn] {
            display: block;
            width: 100%;
            padding-block: 5px;
            text-align: left;
            white-space: normal;
        }

        .site-footer .footer-brand[b-aaryg47efn] {
            margin-bottom: 8px;
        }

        .site-footer .footer-copyright[b-aaryg47efn] {
            width: 100%;
            margin-top: 8px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.15);
            text-align: left;
            white-space: normal;
        }
}
/* _content/WinMens.Web/Components/Layout/ModuleLayout.razor.rz.scp.css */
.secondary-layout[b-nju6gf7v48] {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: #f2f6f5;
}

.secondary-header[b-nju6gf7v48] {
    min-height: 5rem;
    padding: 1rem max(1.5rem, calc((100% - 75rem) / 2));
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    border-bottom: 1px solid #d9e3e1;
}

.secondary-content[b-nju6gf7v48] {
    width: min(75rem, calc(100% - 3rem));
    margin-inline: auto;
    padding-block: 4rem;
}

.secondary-footer[b-nju6gf7v48] {
    padding: 2rem;
    text-align: center;
    color: #647373;
}

/* _content/WinMens.Web/Components/Pages/Chat.razor.rz.scp.css */
.winmens-ai-chat[b-fdxba0hgpc] {
    width: 100%;
    height: 600px;
    max-height: 75vh;
}


.chat-container[b-fdxba0hgpc] {
    height: 70vh;
    min-height: 400px;
    max-height: 750px;
}

    .chat-container .winmens-ai-chat[b-fdxba0hgpc] {
        height: 100%;
        min-height: 0;
    }

.winmens-ai-chat[b-fdxba0hgpc] {
    width: 100%;
    height: 600px;
}

.chat-message-row[b-fdxba0hgpc] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: calc(100% - 20px);
    margin: 6px 10px;
}

    .chat-message-row.user-message[b-fdxba0hgpc] {
        flex-direction: row-reverse;
    }

.chat-avatar[b-fdxba0hgpc] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    object-fit: cover;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 8px rgba(20, 58, 55, 0.18);
}

.chat-message-bubble[b-fdxba0hgpc] {
    max-width: 75%;
    padding: 12px 15px;
    border-radius: 16px;
    line-height: 1.5;
    background-color: #eef6f4;
    color: #173c39;
}

.user-message .chat-message-bubble[b-fdxba0hgpc] {
    background-color: #246b63;
    color: #ffffff;
    border-bottom-right-radius: 4px;
}

.assistant-message .chat-message-bubble[b-fdxba0hgpc] {
    border-bottom-left-radius: 4px;
}

.error-message .chat-message-bubble[b-fdxba0hgpc] {
    background-color: #fde8e8;
    color: #9b1c1c;
}

[b-fdxba0hgpc] .chat-message-bubble {
    line-height: 1.6;
    overflow-wrap: anywhere;
}

    [b-fdxba0hgpc] .chat-message-bubble p {
        margin: 0 0 0.8rem;
    }

        [b-fdxba0hgpc] .chat-message-bubble p:last-child {
            margin-bottom: 0;
        }

    [b-fdxba0hgpc] .chat-message-bubble ul,
    [b-fdxba0hgpc] .chat-message-bubble ol {
        margin: 0.5rem 0 1rem;
        padding-left: 1.5rem;
    }

    [b-fdxba0hgpc] .chat-message-bubble li {
        margin-bottom: 0.5rem;
    }

    [b-fdxba0hgpc] .chat-message-bubble strong {
        font-weight: 700;
    }

    [b-fdxba0hgpc] .chat-message-bubble h1,
    [b-fdxba0hgpc] .chat-message-bubble h2,
    [b-fdxba0hgpc] .chat-message-bubble h3 {
        margin: 1rem 0 0.5rem;
        line-height: 1.25;
    }

    [b-fdxba0hgpc] .chat-message-bubble code {
        padding: 0.15rem 0.35rem;
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.07);
    }

    [b-fdxba0hgpc] .chat-message-bubble pre {
        padding: 1rem;
        overflow-x: auto;
        border-radius: 8px;
        background: #173c39;
        color: white;
    }

/* _content/WinMens.Web/Components/Pages/Cookiebeleid.razor.rz.scp.css */
.cookie-policy-page[b-qirj792r68] {
    --policy-ink: #263b3b;
    --policy-muted: #60726e;
    --policy-teal: #087f76;
    --policy-mint: #dff5f1;
    --policy-orange: #ff7447;
    --policy-line: #d9e3e1;
    color: var(--policy-ink);
    background: #fff;
}

.policy-shell[b-qirj792r68] {
    width: min(1160px, calc(100% - 64px));
    margin-inline: auto;
}

.cookie-policy-hero[b-qirj792r68] {
    padding-block: 88px;
    background: #e5ecea;
}

.hero-inner[b-qirj792r68] {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 90px;
    align-items: center;
}

.eyebrow[b-qirj792r68] {
    margin: 0 0 17px;
    color: var(--policy-teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.cookie-policy-hero h1[b-qirj792r68] {
    margin: 0 0 22px;
    font-family: "Manrope", sans-serif;
    font-size: clamp(3.4rem, 6vw, 5.8rem);
    line-height: 1;
    letter-spacing: -.065em;
}

.hero-lead[b-qirj792r68] {
    max-width: 690px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75;
}

.policy-summary[b-qirj792r68] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 17px;
    align-items: start;
    padding: 28px;
    background: #fff;
    border: 1px solid var(--policy-line);
    border-radius: 8px;
    box-shadow: 0 22px 55px #254c4818;
}

.summary-icon[b-qirj792r68] {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    color: var(--policy-teal);
    background: var(--policy-mint);
    border-radius: 50%;
    font-weight: 800;
}

.policy-summary strong[b-qirj792r68] {
    font-family: "Manrope", sans-serif;
    font-size: 1.05rem;
}

.policy-summary p[b-qirj792r68] {
    margin: 6px 0 0;
    color: var(--policy-muted);
    line-height: 1.65;
}

.policy-layout[b-qirj792r68] {
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    gap: 90px;
    align-items: start;
    padding-block: 85px 120px;
}

.policy-index[b-qirj792r68] {
    position: sticky;
    top: 25px;
    display: grid;
    gap: 4px;
    padding: 22px;
    background: #f4f7f5;
    border: 1px solid var(--policy-line);
    border-radius: 8px;
}

    .policy-index strong[b-qirj792r68] {
        margin-bottom: 9px;
        font-family: "Manrope", sans-serif;
    }

    .policy-index a[b-qirj792r68] {
        padding: 7px 0;
        color: var(--policy-muted);
        font-size: .88rem;
        line-height: 1.4;
        text-decoration: none;
    }

        .policy-index a:hover[b-qirj792r68] {
            color: var(--policy-teal);
        }

.policy-content[b-qirj792r68] {
    min-width: 0;
}

.updated[b-qirj792r68] {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 11px;
    color: var(--policy-muted);
    background: #f4f7f5;
    border-radius: 4px;
    font-size: .8rem;
}

.policy-content section[b-qirj792r68] {
    padding-block: 55px;
    scroll-margin-top: 25px;
    border-bottom: 1px solid var(--policy-line);
}

    .policy-content section:first-of-type[b-qirj792r68] {
        padding-top: 28px;
    }

    .policy-content section:last-child[b-qirj792r68] {
        border-bottom: 0;
    }

.section-number[b-qirj792r68] {
    margin: 0 0 12px;
    color: var(--policy-teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.policy-content h2[b-qirj792r68] {
    margin: 0 0 22px;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    line-height: 1.12;
    letter-spacing: -.04em;
}

.policy-content section > p:not(.section-number):not(.reset-message)[b-qirj792r68] {
    max-width: 780px;
    margin: 0 0 20px;
    color: var(--policy-muted);
    font-size: 1rem;
    line-height: 1.8;
}

.policy-content section > p:last-child[b-qirj792r68] {
    margin-bottom: 0;
}

.cookie-table-wrap[b-qirj792r68] {
    margin-top: 30px;
    overflow-x: auto;
    border: 1px solid var(--policy-line);
    border-radius: 8px;
}

.cookie-table[b-qirj792r68] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    text-align: left;
}

    .cookie-table th[b-qirj792r68],
    .cookie-table td[b-qirj792r68] {
        padding: 17px 18px;
        vertical-align: top;
        border-bottom: 1px solid var(--policy-line);
    }

    .cookie-table th[b-qirj792r68] {
        color: #435754;
        background: #f4f7f5;
        font-size: .78rem;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .cookie-table td[b-qirj792r68] {
        color: var(--policy-muted);
        line-height: 1.6;
    }

    .cookie-table tbody tr:last-child td[b-qirj792r68] {
        border-bottom: 0;
    }

    .cookie-table code[b-qirj792r68] {
        color: var(--policy-ink);
        font-size: .83rem;
        overflow-wrap: anywhere;
    }

.category[b-qirj792r68] {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

    .category.essential[b-qirj792r68] {
        color: #176344;
        background: #ddf4e8;
    }

    .category.preference[b-qirj792r68] {
        color: var(--policy-teal);
        background: var(--policy-mint);
    }

.information-note[b-qirj792r68] {
    margin-top: 28px;
    padding: 23px 25px;
    background: #edf6f3;
    border-left: 4px solid var(--policy-teal);
    border-radius: 0 7px 7px 0;
}

    .information-note p[b-qirj792r68] {
        margin: 7px 0 0;
        color: var(--policy-muted);
        line-height: 1.7;
    }

.reset-button[b-qirj792r68],
.contact-button[b-qirj792r68] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 46px;
    margin-top: 10px;
    padding: 12px 18px;
    color: var(--policy-ink);
    background: var(--policy-orange);
    border: 0;
    border-radius: 7px;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 8px 22px #ff74472b;
}

    .reset-button:hover[b-qirj792r68],
    .contact-button:hover[b-qirj792r68] {
        background: #eb6035;
    }

.reset-message[b-qirj792r68] {
    margin: 14px 0 0;
    color: #a23c24;
    font-size: .9rem;
}

@media (max-width: 900px) {
    .hero-inner[b-qirj792r68],
    .policy-layout[b-qirj792r68] {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .policy-index[b-qirj792r68] {
        position: static;
    }

    .policy-layout[b-qirj792r68] {
        padding-block: 65px 90px;
    }
}

@media (max-width: 600px) {
    .policy-shell[b-qirj792r68] {
        width: calc(100% - 36px);
    }

    .cookie-policy-hero[b-qirj792r68] {
        padding-block: 65px;
    }

        .cookie-policy-hero h1[b-qirj792r68] {
            font-size: 3.2rem;
        }

    .policy-summary[b-qirj792r68] {
        padding: 21px;
    }

    .policy-content section[b-qirj792r68] {
        padding-block: 43px;
    }

    .reset-button[b-qirj792r68],
    .contact-button[b-qirj792r68] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[b-qirj792r68] {
        scroll-behavior: auto;
    }
}

/* _content/WinMens.Web/Components/Pages/Home.razor.rz.scp.css */
.hero-carousel[b-wb2tatk74o] {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 24px 60px rgba(37, 76, 72, 0.15);
}


/* _content/WinMens.Web/Components/Pages/IntakeFormulier.razor.rz.scp.css */
.intake-page[b-bv47ryopla] {
    --ink: #263b3b;
    --muted: #60726e;
    --teal: #087f76;
    --mint: #dff5f1;
    --orange: #ff7447;
    --line: #d9e3e1;
    color: var(--ink);
    background: #fff;
    overflow: hidden
}

    .intake-page h1[b-bv47ryopla], .intake-page h2[b-bv47ryopla], .intake-page h3[b-bv47ryopla] {
        font-family: "Manrope",sans-serif
    }

.intake-shell[b-bv47ryopla] {
    width: min(1200px,calc(100% - 64px));
    margin-inline: auto
}

.eyebrow[b-bv47ryopla] {
    margin: 0 0 18px;
    color: var(--teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.intake-hero[b-bv47ryopla] {
    position: relative;
    background: #e2ebe9
}

    .intake-hero[b-bv47ryopla]:before {
        position: absolute;
        top: -225px;
        left: -225px;
        width: 440px;
        height: 440px;
        border: 78px solid #c7eee8;
        border-radius: 50%;
        content: ""
    }

.hero-grid[b-bv47ryopla] {
    position: relative;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 75px;
    align-items: center;
    min-height: 700px;
    padding-block: 82px 95px
}

.hero-copy[b-bv47ryopla] {
    position: relative;
    z-index: 2
}

    .hero-copy h1[b-bv47ryopla] {
        margin: 0 0 28px;
        font-size: clamp(3.5rem,6vw,5.8rem);
        line-height: .98;
        letter-spacing: -.066em
    }

        .hero-copy h1 em[b-bv47ryopla] {
            color: var(--teal);
            font-style: normal
        }

.hero-lead[b-bv47ryopla] {
    max-width: 650px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75
}

.hero-actions[b-bv47ryopla] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px
}

.primary-button[b-bv47ryopla], .secondary-button[b-bv47ryopla], .outline-button[b-bv47ryopla], .light-button[b-bv47ryopla], .price-button[b-bv47ryopla] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none
}

.primary-button[b-bv47ryopla] {
    color: var(--ink);
    background: var(--orange);
    box-shadow: 0 8px 22px #ff74472b
}

.secondary-button[b-bv47ryopla] {
    color: var(--ink);
    background: #fff;
    border: 1px solid #bdccca
}

.hero-proof[b-bv47ryopla] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 17px;
    margin-top: 30px;
    color: var(--muted);
    font-size: .82rem
}

    .hero-proof b[b-bv47ryopla] {
        color: var(--teal)
    }

.form-visual[b-bv47ryopla] {
    position: relative;
    min-height: 520px
}

.form-window[b-bv47ryopla] {
    position: absolute;
    top: 25px;
    left: 5%;
    width: 84%;
    min-height: 450px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 30px 70px #254c482b;
    transform: rotate(-1deg)
}

.form-top[b-bv47ryopla] {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 13px;
    align-items: center
}

.form-logo[b-bv47ryopla] {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 11px;
    font-weight: 800
}

.form-top > div[b-bv47ryopla] {
    display: grid
}

.form-top small[b-bv47ryopla] {
    color: var(--muted)
}

.form-top > b[b-bv47ryopla] {
    color: var(--teal);
    font-size: .7rem
}

.progress[b-bv47ryopla] {
    height: 5px;
    margin: 22px 0 28px;
    background: #e5ecea;
    border-radius: 4px
}

    .progress i[b-bv47ryopla] {
        display: block;
        width: 33%;
        height: 100%;
        background: var(--teal);
        border-radius: 4px
    }

.form-window label[b-bv47ryopla] {
    display: grid;
    gap: 8px;
    margin: 18px 0;
    color: var(--ink);
    font-size: .78rem;
    font-weight: 700
}

.input-line[b-bv47ryopla], .text-area[b-bv47ryopla] {
    height: 35px;
    border: 1px solid var(--line);
    border-radius: 5px
}

.text-area[b-bv47ryopla] {
    height: 55px
}

.choice-row[b-bv47ryopla] {
    display: flex;
    gap: 8px
}

    .choice-row i[b-bv47ryopla] {
        width: 30%;
        height: 28px;
        background: #eff4f2;
        border-radius: 4px
    }

.next-button[b-bv47ryopla] {
    display: block;
    margin-top: 24px;
    padding: 11px;
    color: #fff;
    background: var(--teal);
    border-radius: 5px;
    text-align: center;
    font-weight: 800
}

.dossier-card[b-bv47ryopla], .mail-card[b-bv47ryopla] {
    position: absolute;
    z-index: 3;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 14px 17px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25
}

.dossier-card[b-bv47ryopla] {
    right: -5px;
    bottom: 12px
}

.mail-card[b-bv47ryopla] {
    top: 105px;
    left: -15px
}

    .dossier-card > span[b-bv47ryopla], .mail-card > b[b-bv47ryopla] {
        display: grid;
        place-items: center;
        width: 37px;
        height: 37px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%
    }

    .dossier-card > div[b-bv47ryopla], .mail-card > div[b-bv47ryopla] {
        display: grid
    }

    .dossier-card small[b-bv47ryopla], .mail-card small[b-bv47ryopla] {
        color: var(--muted)
    }

.intro-section[b-bv47ryopla] {
    padding-block: 112px 95px
}

.section-heading[b-bv47ryopla] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 85px;
    align-items: end
}

    .section-heading h2[b-bv47ryopla], .workflow-heading h2[b-bv47ryopla], .features-copy h2[b-bv47ryopla], .patient-copy h2[b-bv47ryopla], .integration-grid h2[b-bv47ryopla], .pricing-heading h2[b-bv47ryopla], .intake-cta h2[b-bv47ryopla] {
        margin: 0;
        font-size: clamp(2.35rem,4vw,4rem);
        line-height: 1.06;
        letter-spacing: -.052em
    }

    .section-heading > p[b-bv47ryopla] {
        margin: 0;
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.benefit-strip[b-bv47ryopla] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-top: 65px;
    border-block: 1px solid var(--line)
}

    .benefit-strip > div[b-bv47ryopla] {
        display: grid;
        grid-template-columns: 42px 1fr;
        padding: 27px 24px;
        border-right: 1px solid var(--line)
    }

        .benefit-strip > div:last-child[b-bv47ryopla] {
            border-right: 0
        }

    .benefit-strip span[b-bv47ryopla] {
        grid-row: 1/3;
        color: var(--teal);
        font-size: .72rem;
        font-weight: 800
    }

    .benefit-strip small[b-bv47ryopla] {
        color: var(--muted)
    }

.workflow-section[b-bv47ryopla] {
    padding-block: 105px 120px;
    background: #f0f5f3
}

.workflow-heading[b-bv47ryopla] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 50px
}

.text-link[b-bv47ryopla] {
    display: inline-flex;
    gap: 16px;
    flex: 0 0 auto;
    color: var(--teal);
    font-weight: 800;
    text-decoration: none
}

.workflow-grid[b-bv47ryopla] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    margin-top: 60px;
    overflow: hidden;
    background: var(--line);
    border: 1px solid var(--line);
    border-radius: 8px
}

    .workflow-grid article[b-bv47ryopla] {
        min-height: 325px;
        padding: 27px;
        background: #fff
    }

        .workflow-grid article > span[b-bv47ryopla] {
            color: var(--teal);
            font-size: .68rem;
            font-weight: 800
        }

.step-icon[b-bv47ryopla] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 32px 0;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 11px;
    font-size: 1.1rem;
    font-weight: 800
}

.workflow-grid h3[b-bv47ryopla] {
    margin: 0 0 12px;
    font-size: 1.15rem
}

.workflow-grid p[b-bv47ryopla] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65
}

.features-section[b-bv47ryopla] {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 90px;
    align-items: center;
    padding-block: 115px
}

.features-copy > p:not(.eyebrow)[b-bv47ryopla] {
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.75
}

.outline-button[b-bv47ryopla] {
    margin-top: 25px;
    color: var(--teal);
    border: 1px solid var(--teal)
}

.feature-list[b-bv47ryopla] {
    display: grid
}

    .feature-list article[b-bv47ryopla] {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 18px;
        padding: 21px 0;
        border-bottom: 1px solid var(--line)
    }

        .feature-list article > span[b-bv47ryopla] {
            display: grid;
            place-items: center;
            width: 45px;
            height: 45px;
            color: var(--teal);
            background: var(--mint);
            border-radius: 50%;
            font-weight: 800
        }

        .feature-list article > div[b-bv47ryopla] {
            display: grid
        }

    .feature-list p[b-bv47ryopla] {
        margin: 4px 0 0;
        color: var(--muted);
        line-height: 1.55
    }

.patient-section[b-bv47ryopla] {
    padding-block: 105px;
    background: #e5eeec
}

.patient-grid[b-bv47ryopla] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center
}

.patient-card[b-bv47ryopla] {
    position: relative;
    padding: 30px;
    background: #fff;
    border-radius: 9px;
    box-shadow: 0 25px 55px #254c4818
}

.patient-top[b-bv47ryopla] {
    display: flex;
    gap: 13px;
    align-items: center;
    padding-bottom: 21px;
    border-bottom: 1px solid var(--line)
}

    .patient-top > span[b-bv47ryopla] {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        color: #fff;
        background: var(--teal);
        border-radius: 50% 50% 50% 10px;
        font-weight: 800
    }

    .patient-top > div[b-bv47ryopla] {
        display: grid
    }

    .patient-top small[b-bv47ryopla], .patient-question small[b-bv47ryopla] {
        color: var(--muted)
    }

.patient-question[b-bv47ryopla] {
    display: grid;
    padding: 28px 0
}

    .patient-question strong[b-bv47ryopla] {
        margin: 6px 0 18px
    }

    .patient-question i[b-bv47ryopla] {
        height: 34px;
        margin: 5px 0;
        background: #eff4f2;
        border-radius: 5px
    }

        .patient-question i:nth-of-type(2)[b-bv47ryopla] {
            width: 82%
        }

        .patient-question i:nth-of-type(3)[b-bv47ryopla] {
            width: 68%
        }

.patient-actions[b-bv47ryopla] {
    display: flex;
    justify-content: flex-end;
    gap: 10px
}

    .patient-actions span[b-bv47ryopla], .patient-actions b[b-bv47ryopla] {
        padding: 10px 13px;
        border-radius: 5px;
        font-size: .75rem
    }

    .patient-actions span[b-bv47ryopla] {
        color: var(--teal);
        border: 1px solid var(--teal)
    }

    .patient-actions b[b-bv47ryopla] {
        color: #fff;
        background: var(--teal)
    }

.resume-label[b-bv47ryopla] {
    position: absolute;
    right: -15px;
    bottom: -18px;
    padding: 12px 15px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 12px 30px #17352e20;
    font-size: .78rem;
    font-weight: 800
}

    .resume-label b[b-bv47ryopla] {
        color: var(--teal)
    }

.patient-copy > p:not(.eyebrow)[b-bv47ryopla] {
    margin: 25px 0 0;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.78
}

.patient-points[b-bv47ryopla] {
    display: grid;
    gap: 10px;
    margin-top: 27px
}

    .patient-points span[b-bv47ryopla] {
        padding: 10px 13px;
        background: #fff;
        border-radius: 5px
    }

    .patient-points b[b-bv47ryopla] {
        color: var(--teal)
    }

.integration-section[b-bv47ryopla] {
    padding-block: 95px;
    color: #fff;
    background: var(--ink)
}

.integration-grid[b-bv47ryopla] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px
}

.integration-section .eyebrow[b-bv47ryopla] {
    color: #9de1d8
}

.integration-grid > div:last-child > p[b-bv47ryopla] {
    margin: 0;
    color: #c5d2cf;
    font-size: 1.05rem;
    line-height: 1.75
}

.integration-labels[b-bv47ryopla] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 25px 0
}

    .integration-labels span[b-bv47ryopla] {
        padding: 8px 11px;
        border: 1px solid #ffffff25;
        border-radius: 99px;
        font-size: .75rem
    }

    .integration-labels b[b-bv47ryopla] {
        color: #9de1d8
    }

.integration-grid .attention[b-bv47ryopla] {
    padding: 15px;
    color: #d8e5e2;
    background: #ffffff0d;
    border-left: 3px solid var(--orange);
    font-size: .82rem
}

.attention b[b-bv47ryopla] {
    color: #fff
}

.pricing-section[b-bv47ryopla] {
    padding-block: 105px 115px;
    background: #e4ecea;
    scroll-margin-top: 25px
}

.pricing-heading[b-bv47ryopla] {
    max-width: 790px
}

    .pricing-heading > p:last-child[b-bv47ryopla] {
        margin: 22px 0 0;
        color: var(--muted)
    }

.pricing-grid[b-bv47ryopla] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
    margin-top: 55px
}

.price-card[b-bv47ryopla] {
    display: flex;
    flex-direction: column;
    min-height: 390px;
    padding: 29px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px
}

    .price-card.featured[b-bv47ryopla] {
        border: 2px solid var(--teal);
        box-shadow: 0 18px 45px #17352e15
    }

.price-label[b-bv47ryopla] {
    align-self: flex-start;
    padding: 5px 9px;
    color: var(--teal);
    background: var(--mint);
    border-radius: 99px;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase
}

.price-card.featured .price-label[b-bv47ryopla] {
    color: #fff;
    background: var(--teal)
}

.price-card h3[b-bv47ryopla] {
    margin: 27px 0 8px;
    font-size: 1.25rem
}

.price[b-bv47ryopla] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin: 0 0 22px;
    font-family: "Manrope",sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.05em
}

    .price > small[b-bv47ryopla] {
        font-size: 1.1rem
    }

    .price em[b-bv47ryopla] {
        margin-left: 5px;
        color: var(--muted);
        font-family: "DM Sans",sans-serif;
        font-size: .72rem;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0
    }

.price-card > p:not(.price)[b-bv47ryopla] {
    color: var(--muted);
    line-height: 1.65
}

.price-button[b-bv47ryopla] {
    width: 100%;
    margin-top: auto;
    color: var(--ink);
    background: #eff4f2
}

.price-card.featured .price-button[b-bv47ryopla] {
    background: var(--orange)
}

.pricing-note[b-bv47ryopla] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    align-items: center;
    margin-top: 24px;
    padding: 20px 24px;
    background: #fff;
    border-radius: 7px
}

    .pricing-note > span[b-bv47ryopla] {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-weight: 800
    }

    .pricing-note p[b-bv47ryopla] {
        margin: 0;
        color: var(--muted);
        line-height: 1.65
    }

    .pricing-note strong[b-bv47ryopla] {
        display: block;
        color: var(--ink)
    }

.intake-cta[b-bv47ryopla] {
    padding-block: 85px;
    color: #fff;
    background: var(--teal)
}

.cta-inner[b-bv47ryopla] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px
}

.intake-cta .eyebrow[b-bv47ryopla] {
    color: #bcece6
}

.intake-cta h2[b-bv47ryopla] {
    max-width: 800px
}

.intake-cta p:not(.eyebrow)[b-bv47ryopla] {
    margin: 20px 0 0;
    color: #d4efeb
}

.light-button[b-bv47ryopla] {
    flex: 0 0 auto;
    color: var(--ink);
    background: #fff
}

@media(max-width:1000px) {
    .hero-grid[b-bv47ryopla], .section-heading[b-bv47ryopla], .features-section[b-bv47ryopla], .patient-grid[b-bv47ryopla], .integration-grid[b-bv47ryopla] {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .hero-grid[b-bv47ryopla] {
        padding-block: 70px 90px
    }

    .form-visual[b-bv47ryopla] {
        width: min(100%,650px);
        margin-inline: auto
    }

    .workflow-grid[b-bv47ryopla] {
        grid-template-columns: repeat(2,1fr)
    }

    .cta-inner[b-bv47ryopla] {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width:720px) {
    .intake-shell[b-bv47ryopla] {
        width: calc(100% - 36px)
    }

    .intake-hero[b-bv47ryopla]:before {
        display: none
    }

    .hero-copy h1[b-bv47ryopla] {
        font-size: 3.15rem
    }

    .hero-actions[b-bv47ryopla] {
        flex-direction: column
    }

        .hero-actions a[b-bv47ryopla] {
            width: 100%
        }

    .form-visual[b-bv47ryopla] {
        min-height: 475px
    }

    .form-window[b-bv47ryopla] {
        left: 0;
        width: 96%;
        padding: 22px
    }

    .mail-card[b-bv47ryopla] {
        left: 0;
        top: 115px;
        font-size: .78rem
    }

    .dossier-card[b-bv47ryopla] {
        right: 0;
        font-size: .78rem
    }

    .intro-section[b-bv47ryopla], .features-section[b-bv47ryopla], .patient-section[b-bv47ryopla] {
        padding-block: 80px
    }

    .benefit-strip[b-bv47ryopla], .workflow-grid[b-bv47ryopla], .pricing-grid[b-bv47ryopla] {
        grid-template-columns: 1fr
    }

        .benefit-strip > div[b-bv47ryopla] {
            border-right: 0;
            border-bottom: 1px solid var(--line)
        }

            .benefit-strip > div:last-child[b-bv47ryopla] {
                border-bottom: 0
            }

    .workflow-section[b-bv47ryopla], .integration-section[b-bv47ryopla], .pricing-section[b-bv47ryopla] {
        padding-block: 75px
    }

    .workflow-heading[b-bv47ryopla] {
        align-items: flex-start;
        flex-direction: column
    }

    .workflow-grid article[b-bv47ryopla] {
        min-height: auto
    }

    .resume-label[b-bv47ryopla] {
        position: static;
        display: block;
        margin-top: 20px
    }

    .pricing-note[b-bv47ryopla] {
        align-items: start
    }

    .light-button[b-bv47ryopla] {
        width: 100%
    }
}

@media(max-width:450px) {
    .form-visual[b-bv47ryopla] {
        min-height: 430px
    }

    .form-window[b-bv47ryopla] {
        min-height: 405px
    }

    .mail-card[b-bv47ryopla] {
        display: none
    }

    .dossier-card[b-bv47ryopla] {
        bottom: 0;
        max-width: 90%
    }

    .form-top[b-bv47ryopla] {
        grid-template-columns: 42px 1fr
    }

        .form-top > b[b-bv47ryopla] {
            display: none
        }

    .patient-card[b-bv47ryopla] {
        padding: 22px
    }

    .patient-actions[b-bv47ryopla] {
        align-items: stretch;
        flex-direction: column;
        text-align: center
    }

    .price[b-bv47ryopla] {
        font-size: 3rem
    }
}

@media(prefers-reduced-motion:reduce) {
    html[b-bv47ryopla] {
        scroll-behavior: auto
    }
}
/* _content/WinMens.Web/Components/Pages/OnlineWerken.razor.rz.scp.css */
.online-page[b-d3zgqvlx51] {
    --online-ink: #263b3b;
    --online-muted: #60726e;
    --online-teal: #087f76;
    --online-mint: #dff5f1;
    --online-orange: #ff7447;
    --online-line: #d9e3e1;
    color: var(--online-ink);
    background: #fff;
    overflow: hidden;
}

    .online-page h1[b-d3zgqvlx51],
    .online-page h2[b-d3zgqvlx51],
    .online-page h3[b-d3zgqvlx51] {
        font-family: "Manrope", sans-serif;
    }

.page-shell[b-d3zgqvlx51] {
    width: min(1200px, calc(100% - 64px));
    margin-inline: auto;
}

.eyebrow[b-d3zgqvlx51] {
    margin: 0 0 18px;
    color: var(--online-teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.online-hero[b-d3zgqvlx51] {
    position: relative;
    background: #e2ebe9;
}

    .online-hero[b-d3zgqvlx51]::before {
        position: absolute;
        top: -220px;
        left: -220px;
        width: 430px;
        height: 430px;
        border: 76px solid #c7eee8;
        border-radius: 50%;
        opacity: .7;
        content: "";
    }

.online-hero-grid[b-d3zgqvlx51] {
    position: relative;
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    gap: 75px;
    align-items: center;
    min-height: 680px;
    padding-block: 82px 96px;
}

.hero-copy[b-d3zgqvlx51] {
    position: relative;
    z-index: 1;
}

    .hero-copy h1[b-d3zgqvlx51] {
        max-width: 720px;
        margin: 0 0 28px;
        font-size: clamp(3.5rem, 6vw, 5.8rem);
        line-height: .98;
        letter-spacing: -.066em;
    }

        .hero-copy h1 em[b-d3zgqvlx51] {
            color: var(--online-teal);
            font-style: normal;
        }

.hero-lead[b-d3zgqvlx51] {
    max-width: 650px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75;
}

.hero-actions[b-d3zgqvlx51] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px;
}

.primary-button[b-d3zgqvlx51],
.secondary-button[b-d3zgqvlx51],
.light-button[b-d3zgqvlx51] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none;
}

.primary-button[b-d3zgqvlx51] {
    color: var(--online-ink);
    background: var(--online-orange);
    box-shadow: 0 8px 22px #ff74472b;
}

.secondary-button[b-d3zgqvlx51] {
    color: var(--online-ink);
    background: #fff;
    border: 1px solid #bdccca;
}

.hero-visual[b-d3zgqvlx51] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 470px;
}

.visual-orbit[b-d3zgqvlx51] {
    position: absolute;
    border: 1px solid #a9c8c3;
    border-radius: 50%;
}

.orbit-large[b-d3zgqvlx51] {
    width: 450px;
    height: 450px;
}

.orbit-small[b-d3zgqvlx51] {
    width: 335px;
    height: 335px;
}

.device[b-d3zgqvlx51] {
    position: absolute;
    background: #fff;
    box-shadow: 0 28px 70px #254c4827;
}

.desktop-device[b-d3zgqvlx51] {
    z-index: 1;
    width: min(88%, 430px);
    height: 300px;
    overflow: hidden;
    border: 8px solid #fff;
    border-radius: 10px;
    transform: rotate(-2deg);
}

.device-bar[b-d3zgqvlx51] {
    display: flex;
    gap: 5px;
    height: 28px;
    padding: 9px 8px;
    background: #edf2f0;
}

    .device-bar i[b-d3zgqvlx51] {
        width: 8px;
        height: 8px;
        background: #b7c7c4;
        border-radius: 50%;
    }



.device-screen[b-d3zgqvlx51] {
    position: relative;
    display: block;
    height: calc(100% - 28px);
    overflow: hidden;
}

.device-screen-image[b-d3zgqvlx51] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.device-screen-overlay[b-d3zgqvlx51] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    align-content: center;
    padding: 20px;
    color: #ffffff;
    text-align: center;
    background: rgba(16, 41, 36, 0.48);
}

    .device-screen-overlay strong[b-d3zgqvlx51] {
        font-size: 1.4rem;
    }

    .device-screen-overlay small[b-d3zgqvlx51] {
        margin-top: 4px;
        color: #e1ece9;
    }


.screen-logo[b-d3zgqvlx51] {
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    margin-bottom: 14px;
    color: #fff;
    background: #15aa9b;
    border-radius: 50% 50% 50% 13px;
    font-size: 1.3rem;
    font-weight: 800;
}


.mobile-device[b-d3zgqvlx51] {
    right: 0;
    bottom: 45px;
    z-index: 2;
    display: grid;
    place-items: center;
    align-content: center;
    width: 105px;
    height: 180px;
    border: 7px solid #fff;
    border-radius: 20px;
    color: var(--online-teal);
    transform: rotate(5deg);
}

    .mobile-device span[b-d3zgqvlx51] {
        font-size: 2rem;
        font-weight: 800;
    }

    .mobile-device small[b-d3zgqvlx51] {
        font-weight: 700;
    }

.online-badge[b-d3zgqvlx51] {
    position: absolute;
    bottom: 8px;
    left: 5px;
    z-index: 3;
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 16px 19px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25;
}

    .online-badge > b[b-d3zgqvlx51] {
        display: grid;
        place-items: center;
        width: 37px;
        height: 37px;
        color: var(--online-teal);
        background: var(--online-mint);
        border-radius: 50%;
    }

    .online-badge > span[b-d3zgqvlx51] {
        display: grid;
    }

    .online-badge small[b-d3zgqvlx51] {
        color: var(--online-muted);
    }

.choice-intro[b-d3zgqvlx51] {
    padding-block: 115px 125px;
    scroll-margin-top: 25px;
}

.section-heading[b-d3zgqvlx51] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: end;
}

    .section-heading h2[b-d3zgqvlx51],
    .comparison-heading h2[b-d3zgqvlx51],
    .security-copy h2[b-d3zgqvlx51],
    .advice-cta h2[b-d3zgqvlx51] {
        margin: 0;
        font-size: clamp(2.35rem, 4vw, 4rem);
        line-height: 1.06;
        letter-spacing: -.052em;
    }

    .section-heading > p[b-d3zgqvlx51] {
        margin: 0 0 5px;
        color: var(--online-muted);
        font-size: 1.05rem;
        line-height: 1.75;
    }

.choice-grid[b-d3zgqvlx51] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 65px;
}

.choice-card[b-d3zgqvlx51] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 610px;
    padding: 30px;
    background: #f7f9f8;
    border: 1px solid var(--online-line);
    border-radius: 8px;
}

    .choice-card.featured[b-d3zgqvlx51] {
        background: #edf8f5;
        border: 2px solid #43a99c;
    }

.choice-topline[b-d3zgqvlx51] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 27px;
}

.choice-number[b-d3zgqvlx51] {
    color: var(--online-teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.recommended[b-d3zgqvlx51],
.choice-label[b-d3zgqvlx51] {
    padding: 5px 9px;
    color: var(--online-teal);
    background: var(--online-mint);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.recommended[b-d3zgqvlx51] {
    color: #fff;
    background: var(--online-teal);
}

.choice-icon[b-d3zgqvlx51] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-top: 34px;
    color: #fff;
    background: var(--online-teal);
    border-radius: 50% 50% 50% 12px;
    font-weight: 800;
}

    .choice-icon.web[b-d3zgqvlx51] {
        color: var(--online-teal);
        background: var(--online-mint);
    }

    .choice-icon.remote[b-d3zgqvlx51] {
        background: var(--online-ink);
    }

.choice-card h3[b-d3zgqvlx51] {
    margin: 25px 0 14px;
    font-size: 1.55rem;
}

.choice-summary[b-d3zgqvlx51] {
    min-height: 105px;
    margin: 0;
    color: var(--online-muted);
    line-height: 1.7;
}

.choice-card ul[b-d3zgqvlx51] {
    display: grid;
    gap: 10px;
    margin: 25px 0 30px;
    padding: 22px 0 0;
    border-top: 1px solid var(--online-line);
    list-style: none;
}

.choice-card li[b-d3zgqvlx51] {
    position: relative;
    padding-left: 22px;
    color: #435754;
    font-size: .9rem;
    line-height: 1.5;
}

    .choice-card li[b-d3zgqvlx51]::before {
        position: absolute;
        left: 0;
        color: var(--online-teal);
        font-weight: 800;
        content: "✓";
    }

.card-link[b-d3zgqvlx51] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: auto;
    padding-top: 17px;
    color: var(--online-teal);
    border-top: 1px solid var(--online-line);
    font-weight: 800;
    text-decoration: none;
}

.comparison-section[b-d3zgqvlx51] {
    padding-block: 105px;
    background: var(--online-ink);
    color: #fff;
}

.comparison-heading .eyebrow[b-d3zgqvlx51] {
    color: #9de1d8;
}

.comparison-scroll[b-d3zgqvlx51] {
    margin-top: 50px;
    overflow-x: auto;
    border-radius: 8px;
}

.comparison-table[b-d3zgqvlx51] {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
    background: #fff;
    color: var(--online-ink);
}

    .comparison-table th[b-d3zgqvlx51],
    .comparison-table td[b-d3zgqvlx51] {
        width: 25%;
        padding: 18px 20px;
        border-right: 1px solid var(--online-line);
        border-bottom: 1px solid var(--online-line);
        text-align: left;
        vertical-align: top;
    }

    .comparison-table thead th[b-d3zgqvlx51] {
        padding-block: 24px;
        background: #edf5f3;
        font-family: "Manrope", sans-serif;
    }

        .comparison-table thead th span[b-d3zgqvlx51] {
            display: block;
            margin-bottom: 5px;
            color: var(--online-teal);
            font-size: .7rem;
            letter-spacing: .12em;
        }

    .comparison-table tbody th[b-d3zgqvlx51] {
        color: #415653;
        background: #f8faf9;
        font-size: .87rem;
    }

    .comparison-table td[b-d3zgqvlx51] {
        color: var(--online-muted);
        font-size: .88rem;
        line-height: 1.55;
    }

.check[b-d3zgqvlx51] {
    color: var(--online-teal);
}

.swipe-hint[b-d3zgqvlx51] {
    display: none;
    margin: 12px 0 0;
    color: #b8c8c4;
    font-size: .78rem;
}

.security-section[b-d3zgqvlx51] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
    padding-block: 115px;
}

.security-visual[b-d3zgqvlx51] {
    position: relative;
}

    .security-visual img[b-d3zgqvlx51] {
        display: block;
        width: 100%;
        height: 470px;
        object-fit: cover;
        border-radius: 8px;
    }

.security-label[b-d3zgqvlx51] {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    gap: 9px;
    align-items: center;
    padding: 11px 15px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 12px 30px #17352e25;
    font-weight: 800;
}

    .security-label b[b-d3zgqvlx51] {
        color: var(--online-teal);
    }

.security-copy > p:not(.eyebrow)[b-d3zgqvlx51] {
    margin: 25px 0 0;
    color: var(--online-muted);
    font-size: 1.05rem;
    line-height: 1.78;
}

.security-points[b-d3zgqvlx51] {
    display: grid;
    gap: 14px;
    margin-top: 32px;
}

    .security-points > span[b-d3zgqvlx51] {
        display: grid;
        grid-template-columns: 35px 1fr;
        column-gap: 12px;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--online-line);
    }

    .security-points b[b-d3zgqvlx51] {
        grid-row: 1 / 3;
        color: var(--online-teal);
        font-size: .75rem;
        letter-spacing: .08em;
    }

    .security-points small[b-d3zgqvlx51] {
        color: var(--online-muted);
    }

.advice-cta[b-d3zgqvlx51] {
    padding-block: 85px;
    color: #fff;
    background: var(--online-teal);
}

.advice-inner[b-d3zgqvlx51] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

.advice-cta .eyebrow[b-d3zgqvlx51] {
    color: #bcece6;
}

.advice-cta h2[b-d3zgqvlx51] {
    max-width: 780px;
}

.advice-cta p:not(.eyebrow)[b-d3zgqvlx51] {
    margin: 20px 0 0;
    color: #d4efeb;
}

.light-button[b-d3zgqvlx51] {
    flex: 0 0 auto;
    color: var(--online-ink);
    background: #fff;
}

@media (max-width: 1000px) {
    .online-hero-grid[b-d3zgqvlx51],
    .section-heading[b-d3zgqvlx51],
    .security-section[b-d3zgqvlx51] {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .online-hero-grid[b-d3zgqvlx51] {
        padding-block: 70px 90px;
    }

    .choice-grid[b-d3zgqvlx51] {
        grid-template-columns: 1fr;
    }

    .choice-card[b-d3zgqvlx51] {
        min-height: auto;
    }

    .choice-summary[b-d3zgqvlx51] {
        min-height: auto;
    }

    .choice-card ul[b-d3zgqvlx51] {
        grid-template-columns: 1fr 1fr;
    }

    .hero-visual[b-d3zgqvlx51] {
        width: min(100%, 600px);
        margin-inline: auto;
    }

    .security-visual img[b-d3zgqvlx51] {
        height: 390px;
    }
}

@media (max-width: 720px) {
    .page-shell[b-d3zgqvlx51] {
        width: calc(100% - 36px);
    }

    .online-hero[b-d3zgqvlx51]::before {
        display: none;
    }

    .hero-copy h1[b-d3zgqvlx51] {
        font-size: 3.15rem;
    }

    .hero-actions[b-d3zgqvlx51] {
        flex-direction: column;
    }

        .hero-actions a[b-d3zgqvlx51] {
            width: 100%;
        }

    .hero-visual[b-d3zgqvlx51] {
        min-height: 380px;
    }

    .orbit-large[b-d3zgqvlx51] {
        width: 350px;
        height: 350px;
    }

    .orbit-small[b-d3zgqvlx51] {
        width: 270px;
        height: 270px;
    }

    .desktop-device[b-d3zgqvlx51] {
        height: 245px;
    }

    .mobile-device[b-d3zgqvlx51] {
        right: 3px;
        bottom: 25px;
        width: 82px;
        height: 145px;
    }

    .online-badge[b-d3zgqvlx51] {
        right: 20px;
        bottom: -4px;
        left: 0;
        width: max-content;
        max-width: calc(100% - 20px);
    }

    .choice-intro[b-d3zgqvlx51],
    .security-section[b-d3zgqvlx51] {
        padding-block: 80px;
    }

    .choice-grid[b-d3zgqvlx51] {
        margin-top: 42px;
    }

    .choice-card[b-d3zgqvlx51] {
        padding: 25px;
    }

        .choice-card ul[b-d3zgqvlx51] {
            grid-template-columns: 1fr;
        }

    .comparison-section[b-d3zgqvlx51] {
        padding-block: 75px;
    }

    .swipe-hint[b-d3zgqvlx51] {
        display: block;
    }

    .security-visual img[b-d3zgqvlx51] {
        height: 300px;
    }

    .advice-inner[b-d3zgqvlx51] {
        flex-direction: column;
        align-items: flex-start;
    }

    .light-button[b-d3zgqvlx51] {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .hero-visual[b-d3zgqvlx51] {
        min-height: 330px;
    }

    .orbit-large[b-d3zgqvlx51] {
        width: 300px;
        height: 300px;
    }

    .orbit-small[b-d3zgqvlx51] {
        width: 225px;
        height: 225px;
    }

    .desktop-device[b-d3zgqvlx51] {
        width: 92%;
        height: 215px;
    }

    .online-badge[b-d3zgqvlx51] {
        font-size: .8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[b-d3zgqvlx51] {
        scroll-behavior: auto;
    }
}


/* _content/WinMens.Web/Components/Pages/OverOns.razor.rz.scp.css */
:root[b-1naixcbsug] {
    --ink: #263b3b;
    --muted: #647373;
    --cream: #f2f6f5;
    --teal: #15aa9b;
    --teal-dark: #087f76;
    --orange: #ff7447;
    --line: #d9e3e1;
    --soft-mint: #dff5f1;
}

.about-page[b-1naixcbsug] {
    color: var(--ink, #263b3b);
    background: #fff;
    overflow: hidden;
    font-family: "DM Sans", sans-serif;
}

.page-shell[b-1naixcbsug] {
    width: min(1200px, calc(100% - 64px));
    margin-inline: auto;
}

h1[b-1naixcbsug], h2[b-1naixcbsug], h3[b-1naixcbsug] {
    font-family: "Manrope", sans-serif;
}

.eyebrow[b-1naixcbsug] {
    margin: 0 0 20px;
    color: var(--teal-dark, #087f76);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.about-hero[b-1naixcbsug] {
    position: relative;
    background: #dfe7e6;
    min-height: 610px;
    overflow: hidden;
}

    .about-hero[b-1naixcbsug]::before {
        position: absolute;
        top: -235px;
        left: -230px;
        width: 410px;
        height: 410px;
        border: 76px solid #c7eee8;
        border-radius: 50%;
        opacity: .75;
        content: "";
    }

.hero-grid[b-1naixcbsug] {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 90px;
    align-items: center;
    min-height: 610px;
    padding-block: 80px;
}

.hero-copy[b-1naixcbsug] {
    position: relative;
    z-index: 1;
}

    .hero-copy h1[b-1naixcbsug] {
        max-width: 700px;
        margin: 0 0 28px;
        color: #293d3d;
        font-size: clamp(3.2rem, 5.2vw, 5.2rem);
        line-height: .98;
        letter-spacing: -.062em;
    }

        .hero-copy h1 em[b-1naixcbsug] {
            color: var(--teal-dark, #087f76);
            font-style: normal;
        }

.lead[b-1naixcbsug] {
    max-width: 590px;
    margin: 0;
    color: #506260;
    font-size: clamp(1.05rem, 1.4vw, 1.22rem);
    line-height: 1.72;
}

.primary-button[b-1naixcbsug],
.light-button[b-1naixcbsug] {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-top: 34px;
    padding: 15px 21px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}

.primary-button[b-1naixcbsug] {
    color: #263b3b;
    background: var(--orange, #ff7447);
    box-shadow: 0 8px 22px #ff74472b;
}

    .primary-button:hover[b-1naixcbsug],
    .light-button:hover[b-1naixcbsug] {
        transform: translateY(-2px);
    }

    .primary-button:hover[b-1naixcbsug] {
        background: #eb6035;
    }

.origin-visual[b-1naixcbsug] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 430px;
}

.visual-ring[b-1naixcbsug] {
    position: absolute;
    width: 410px;
    height: 410px;
    border: 78px solid #c7eee8;
    border-radius: 50%;
}

.practice-card[b-1naixcbsug] {
    position: relative;
    z-index: 1;
    width: min(100%, 480px);
    min-height: 285px;
    padding: 32px;
    color: #293d3d;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 28px 70px #254c4827;
    transform: rotate(-2deg);
}

.card-topline[b-1naixcbsug] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
    align-items: center;
    color: #71817f;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mini-logo[b-1naixcbsug] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #fff;
    background: var(--teal, #15aa9b);
    border-radius: 50% 50% 50% 10px;
    font-size: .85rem;
}

.practice-card > p[b-1naixcbsug] {
    max-width: 390px;
    margin: 45px 0 38px;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -.035em;
}

.note-lines[b-1naixcbsug] {
    display: grid;
    gap: 10px;
}

    .note-lines span[b-1naixcbsug] {
        height: 2px;
        background: #dfe7e6;
    }

        .note-lines span:last-child[b-1naixcbsug] {
            width: 64%;
        }

.visual-badge[b-1naixcbsug] {
    position: absolute;
    right: -10px;
    bottom: 16px;
    z-index: 2;
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 12px;
    align-items: center;
    padding: 17px 22px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 18px 45px #17352e25;
}

.check[b-1naixcbsug] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: var(--teal-dark, #087f76);
    background: var(--soft-mint, #dff5f1);
    border-radius: 50%;
    font-weight: 800;
}

.visual-badge > span:last-child[b-1naixcbsug] {
    display: grid;
    color: #647373;
    font-size: .77rem;
}

.visual-badge strong[b-1naixcbsug] {
    color: #263b3b;
    font-size: .92rem;
}

.story-section[b-1naixcbsug] {
    display: grid;
    grid-template-columns: .78fr 1.22fr;
    gap: 110px;
    padding-block: 115px;
}

.story-intro h2[b-1naixcbsug],
.values-heading h2[b-1naixcbsug],
.closing-section h2[b-1naixcbsug] {
    margin: 0;
    font-size: clamp(2.35rem, 4vw, 4rem);
    line-height: 1.06;
    letter-spacing: -.052em;
}

.story-copy[b-1naixcbsug] {
    color: var(--muted, #647373);
    font-size: 1.05rem;
    line-height: 1.82;
}

    .story-copy p[b-1naixcbsug] {
        margin: 0 0 24px;
    }

    .story-copy .opening[b-1naixcbsug] {
        color: #293d3d;
        font-size: 1.32rem;
        font-weight: 600;
        line-height: 1.6;
    }

.timeline-band[b-1naixcbsug] {
    padding-block: 58px;
    background: #f1f5f4;
    border-block: 1px solid var(--line, #d9e3e1);
}

.timeline-grid[b-1naixcbsug] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 45px;
    align-items: center;
}

    .timeline-grid article[b-1naixcbsug] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 23px;
        align-items: start;
    }

.year[b-1naixcbsug] {
    display: grid;
    place-items: center;
    min-width: 76px;
    min-height: 76px;
    padding: 10px;
    color: #fff;
    background: var(--teal, #15aa9b);
    border-radius: 50% 50% 50% 18px;
    font-family: "Manrope", sans-serif;
    font-weight: 800;
}

.timeline-grid h3[b-1naixcbsug] {
    margin: 2px 0 8px;
    font-size: 1.08rem;
}

.timeline-grid p[b-1naixcbsug] {
    margin: 0;
    color: var(--muted, #647373);
    line-height: 1.6;
}

.timeline-arrow[b-1naixcbsug] {
    color: var(--orange, #ff7447);
    font-size: 2rem;
}

.values-section[b-1naixcbsug] {
    padding-block: 115px 125px;
}

.values-heading[b-1naixcbsug] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 30px 90px;
    align-items: end;
}

    .values-heading .eyebrow[b-1naixcbsug] {
        grid-column: 1 / -1;
        margin-bottom: -5px;
    }

    .values-heading > p:last-child[b-1naixcbsug] {
        margin: 0 0 8px;
        color: var(--muted, #647373);
        font-size: 1.06rem;
        line-height: 1.65;
    }

.values-grid[b-1naixcbsug] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin-top: 64px;
    overflow: hidden;
    background: var(--line, #d9e3e1);
    border: 1px solid var(--line, #d9e3e1);
    border-radius: 8px;
}

    .values-grid article[b-1naixcbsug] {
        min-height: 285px;
        padding: 34px;
        background: #f7f9f8;
    }

.value-number[b-1naixcbsug] {
    color: var(--teal-dark, #087f76);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.values-grid h3[b-1naixcbsug] {
    margin: 72px 0 14px;
    font-size: 1.26rem;
}

.values-grid p[b-1naixcbsug] {
    margin: 0;
    color: var(--muted, #647373);
    line-height: 1.72;
}

.closing-section[b-1naixcbsug] {
    padding-block: 100px;
    color: #fff;
    background: var(--teal-dark, #087f76);
}

    .closing-section .eyebrow[b-1naixcbsug] {
        color: #a7e7df;
    }

.closing-grid[b-1naixcbsug] {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 110px;
    align-items: center;
}

.closing-copy p[b-1naixcbsug] {
    max-width: 530px;
    margin: 0;
    color: #d2e8e4;
    font-size: 1.12rem;
    line-height: 1.75;
}

.light-button[b-1naixcbsug] {
    color: #263b3b;
    background: #fff;
}

    .light-button:hover[b-1naixcbsug] {
        background: #eff7f5;
    }

@media (max-width: 900px) {
    .hero-grid[b-1naixcbsug], .story-section[b-1naixcbsug], .closing-grid[b-1naixcbsug] {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .hero-grid[b-1naixcbsug] {
        padding-block: 68px 90px;
    }

    .origin-visual[b-1naixcbsug] {
        min-height: 390px;
    }

    .story-section[b-1naixcbsug] {
        padding-block: 90px;
    }

    .timeline-grid[b-1naixcbsug] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .timeline-arrow[b-1naixcbsug] {
        display: none;
    }

    .values-heading[b-1naixcbsug] {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .values-grid[b-1naixcbsug] {
        grid-template-columns: 1fr;
    }

        .values-grid article[b-1naixcbsug] {
            min-height: auto;
        }

        .values-grid h3[b-1naixcbsug] {
            margin-top: 38px;
        }
}

@media (max-width: 600px) {
    .page-shell[b-1naixcbsug] {
        width: calc(100% - 36px);
    }

    .about-hero[b-1naixcbsug]::before {
        display: none;
    }

    .hero-copy h1[b-1naixcbsug] {
        font-size: 3rem;
    }

    .origin-visual[b-1naixcbsug] {
        min-height: 330px;
    }

    .visual-ring[b-1naixcbsug] {
        width: 290px;
        height: 290px;
        border-width: 55px;
    }

    .practice-card[b-1naixcbsug] {
        min-height: 245px;
        padding: 24px;
    }

        .practice-card > p[b-1naixcbsug] {
            margin-block: 35px 30px;
        }

    .visual-badge[b-1naixcbsug] {
        right: 0;
        bottom: -8px;
        padding: 13px 15px;
    }

    .story-section[b-1naixcbsug], .values-section[b-1naixcbsug] {
        padding-block: 75px;
    }

    .timeline-grid article[b-1naixcbsug] {
        grid-template-columns: 1fr;
    }

    .year[b-1naixcbsug] {
        width: max-content;
        min-width: 66px;
        min-height: 66px;
    }

    .closing-section[b-1naixcbsug] {
        padding-block: 75px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .primary-button[b-1naixcbsug], .light-button[b-1naixcbsug] {
        transition: none;
    }
}


.about-hero .hero-grid[b-1naixcbsug] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

.about-hero .hero-copy[b-1naixcbsug] {
    width: 100%;
    max-width: 980px;
}

    .about-hero .hero-copy h1[b-1naixcbsug] {
        max-width: 900px;
    }

    .about-hero .hero-copy .lead[b-1naixcbsug],
    .about-hero .hero-copy > p:not(.eyebrow)[b-1naixcbsug] {
        max-width: 900px;
    }

    .about-hero .hero-copy > p:not(.eyebrow)[b-1naixcbsug] {
        max-width: 900px;
        margin: 0 0 30px;
        color: #506260;
        font-size: 1.05rem;
        line-height: 1.85;
    }

        .about-hero .hero-copy > p:not(.eyebrow):last-child[b-1naixcbsug] {
            margin-bottom: 0;
        }


/* _content/WinMens.Web/Components/Pages/Prijzen.razor.rz.scp.css */
.prices-page[b-79sz4w1odq] {
    --ink: #263b3b;
    --muted: #60726e;
    --teal: #087f76;
    --mint: #dff5f1;
    --orange: #ff7447;
    --line: #d9e3e1;
    color: var(--ink);
    background: #fff;
    overflow: hidden
}

    .prices-page h1[b-79sz4w1odq], .prices-page h2[b-79sz4w1odq], .prices-page h3[b-79sz4w1odq] {
        font-family: "Manrope",sans-serif
    }

.prices-shell[b-79sz4w1odq] {
    width: min(1200px,calc(100% - 64px));
    margin-inline: auto
}

.eyebrow[b-79sz4w1odq] {
    margin: 0 0 18px;
    color: var(--teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.prices-hero[b-79sz4w1odq] {
    position: relative;
    background: #e2ebe9
}

    .prices-hero[b-79sz4w1odq]:before {
        position: absolute;
        right: -230px;
        bottom: -260px;
        width: 510px;
        height: 510px;
        border: 78px solid #c7eee8;
        border-radius: 50%;
        content: ""
    }

.hero-grid[b-79sz4w1odq] {
    position: relative;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 80px;
    align-items: center;
    min-height: 690px;
    padding-block: 82px 95px
}

.hero-copy[b-79sz4w1odq] {
    position: relative;
    z-index: 2
}

    .hero-copy h1[b-79sz4w1odq] {
        margin: 0 0 28px;
        font-size: clamp(3.5rem,6vw,5.8rem);
        line-height: .98;
        letter-spacing: -.066em
    }

        .hero-copy h1 em[b-79sz4w1odq] {
            color: var(--teal);
            font-style: normal
        }

.hero-lead[b-79sz4w1odq] {
    max-width: 650px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75
}

.hero-actions[b-79sz4w1odq] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px
}

.primary-button[b-79sz4w1odq], .secondary-button[b-79sz4w1odq], .light-button[b-79sz4w1odq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none
}

.primary-button[b-79sz4w1odq] {
    color: var(--ink);
    background: var(--orange);
    box-shadow: 0 8px 22px #ff74472b
}

.secondary-button[b-79sz4w1odq] {
    color: var(--ink);
    background: #fff;
    border: 1px solid #bdccca
}

.hero-proof[b-79sz4w1odq] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 17px;
    margin-top: 30px;
    color: var(--muted);
    font-size: .82rem
}

    .hero-proof b[b-79sz4w1odq] {
        color: var(--teal)
    }

.price-visual[b-79sz4w1odq] {
    position: relative;
    min-height: 500px
}

.visual-card[b-79sz4w1odq] {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 28px 65px #254c4828
}

.main-card[b-79sz4w1odq] {
    top: 45px;
    left: 20px;
    width: 72%;
    min-height: 390px;
    padding: 36px;
    transform: rotate(-2deg)
}

.visual-label[b-79sz4w1odq] {
    display: inline-block;
    padding: 6px 10px;
    color: var(--teal);
    background: var(--mint);
    border-radius: 99px;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase
}

.main-card > strong[b-79sz4w1odq] {
    display: block;
    margin-top: 35px;
    font-family: "Manrope",sans-serif;
    font-size: 4.3rem;
    line-height: 1;
    letter-spacing: -.06em
}

    .main-card > strong small[b-79sz4w1odq] {
        font-size: 1.35rem
    }

.main-card > p[b-79sz4w1odq] {
    margin: 8px 0 35px;
    color: var(--muted)
}

.main-card > i[b-79sz4w1odq] {
    display: block;
    width: 100%;
    height: 7px;
    margin: 12px 0;
    background: #e5ecea;
    border-radius: 4px
}

    .main-card > i:nth-of-type(2)[b-79sz4w1odq] {
        width: 80%
    }

    .main-card > i:nth-of-type(3)[b-79sz4w1odq] {
        width: 60%
    }

.visual-button[b-79sz4w1odq] {
    display: block;
    margin-top: 38px;
    padding: 12px;
    color: var(--ink);
    background: var(--orange);
    border-radius: 6px;
    font-weight: 800;
    text-align: center
}

.team-card[b-79sz4w1odq] {
    right: 0;
    bottom: 15px;
    z-index: 2;
    display: grid;
    width: 220px;
    min-height: 170px;
    padding: 25px;
    transform: rotate(4deg)
}

    .team-card > small[b-79sz4w1odq] {
        color: var(--muted)
    }

.people[b-79sz4w1odq] {
    display: flex;
    margin-bottom: 19px
}

    .people i[b-79sz4w1odq] {
        width: 35px;
        height: 35px;
        margin-right: -7px;
        background: var(--teal);
        border: 3px solid #fff;
        border-radius: 50%
    }

        .people i:nth-child(2)[b-79sz4w1odq] {
            background: var(--orange)
        }

        .people i:nth-child(3)[b-79sz4w1odq] {
            background: var(--ink)
        }

.vat-badge[b-79sz4w1odq] {
    position: absolute;
    bottom: 4px;
    left: -12px;
    z-index: 3;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 15px 18px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25
}

    .vat-badge > b[b-79sz4w1odq] {
        display: grid;
        place-items: center;
        width: 37px;
        height: 37px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%
    }

    .vat-badge > span[b-79sz4w1odq] {
        display: grid
    }

    .vat-badge small[b-79sz4w1odq] {
        color: var(--muted)
    }

.choice-section[b-79sz4w1odq] {
    padding-block: 112px 95px
}

.section-heading[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 85px;
    align-items: end
}

    .section-heading h2[b-79sz4w1odq], .rates-heading h2[b-79sz4w1odq], .startup-copy h2[b-79sz4w1odq], .examples-grid h2[b-79sz4w1odq], .service-heading h2[b-79sz4w1odq], .conditions-grid h2[b-79sz4w1odq], .prices-cta h2[b-79sz4w1odq] {
        margin: 0;
        font-size: clamp(2.35rem,4vw,4rem);
        line-height: 1.06;
        letter-spacing: -.052em
    }

    .section-heading > p[b-79sz4w1odq] {
        margin: 0;
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.contract-strip[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 65px;
    border-block: 1px solid var(--line)
}

    .contract-strip article[b-79sz4w1odq] {
        display: grid;
        grid-template-columns: 45px 1fr;
        gap: 10px;
        padding: 27px 24px;
        border-right: 1px solid var(--line)
    }

        .contract-strip article:last-child[b-79sz4w1odq] {
            border-right: 0
        }

        .contract-strip article > span[b-79sz4w1odq] {
            grid-row: 1/3;
            color: var(--teal);
            font-size: .72rem;
            font-weight: 800
        }

        .contract-strip article > div[b-79sz4w1odq] {
            display: grid
        }

    .contract-strip small[b-79sz4w1odq] {
        color: var(--muted)
    }

.rates-section[b-79sz4w1odq] {
    padding-block: 105px 120px;
    background: #f0f5f3;
    scroll-margin-top: 25px
}

.rates-heading[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: end
}

    .rates-heading > p[b-79sz4w1odq] {
        margin: 0;
        color: var(--muted);
        line-height: 1.7
    }

.solo-card[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: .8fr 1fr 1fr;
    gap: 1px;
    margin-top: 60px;
    overflow: hidden;
    background: var(--line);
    border: 1px solid var(--line);
    border-radius: 9px
}

.solo-intro[b-79sz4w1odq], .solo-option[b-79sz4w1odq] {
    padding: 30px;
    background: #fff
}

.solo-intro[b-79sz4w1odq] {
    display: flex;
    gap: 15px;
    align-items: center
}

.plan-icon[b-79sz4w1odq] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 11px;
    font-weight: 800
}

.solo-intro div[b-79sz4w1odq] {
    display: grid
}

.solo-intro small[b-79sz4w1odq], .group-title small[b-79sz4w1odq] {
    color: var(--muted)
}

.solo-intro h3[b-79sz4w1odq], .group-title h3[b-79sz4w1odq] {
    margin: 2px 0 0;
    font-size: 1.35rem
}

.solo-option[b-79sz4w1odq] {
    display: grid
}

    .solo-option.featured[b-79sz4w1odq] {
        box-shadow: inset 0 4px var(--teal)
    }

    .solo-option > span[b-79sz4w1odq] {
        color: var(--teal);
        font-size: .72rem;
        font-weight: 800;
        text-transform: uppercase
    }

    .solo-option > p[b-79sz4w1odq] {
        display: flex;
        align-items: baseline;
        gap: 3px;
        margin: 18px 0 10px;
        font-family: "Manrope",sans-serif;
        font-size: 2.7rem;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -.05em
    }

        .solo-option > p small[b-79sz4w1odq] {
            font-size: 1rem
        }

        .solo-option > p em[b-79sz4w1odq] {
            margin-left: 5px;
            color: var(--muted);
            font-family: "DM Sans",sans-serif;
            font-size: .68rem;
            font-style: normal;
            font-weight: 600;
            letter-spacing: 0
        }

    .solo-option > strong[b-79sz4w1odq] {
        font-size: .78rem
    }

    .solo-option > small[b-79sz4w1odq] {
        margin-top: 5px;
        color: var(--muted)
    }

.group-card[b-79sz4w1odq] {
    margin-top: 22px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 9px
}

.group-title[b-79sz4w1odq] {
    display: flex;
    justify-content: space-between;
    gap: 35px;
    align-items: center;
    padding: 28px 30px;
    border-bottom: 1px solid var(--line)
}

    .group-title > div[b-79sz4w1odq] {
        display: flex;
        gap: 15px;
        align-items: center
    }

    .group-title > p[b-79sz4w1odq] {
        max-width: 430px;
        margin: 0;
        color: var(--muted)
    }

.rate-row[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: 1.2fr repeat(4,1fr);
    align-items: center;
    min-height: 66px;
    padding: 0 30px;
    border-bottom: 1px solid var(--line)
}

    .rate-row:last-child[b-79sz4w1odq] {
        border-bottom: 0
    }

    .rate-row.table-head[b-79sz4w1odq] {
        min-height: 48px;
        color: var(--muted);
        background: #f7f9f8;
        font-size: .68rem;
        font-weight: 800;
        text-transform: uppercase
    }

    .rate-row > span[b-79sz4w1odq] {
        font-weight: 800
    }

    .rate-row > small[b-79sz4w1odq] {
        color: var(--teal);
        font-weight: 700
    }

.table-note[b-79sz4w1odq] {
    margin: 0;
    padding: 18px 30px;
    color: var(--muted);
    background: #f7f9f8;
    font-size: .78rem
}

.startup-section[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 85px;
    align-items: center;
    padding-block: 110px
}

.startup-copy > p:not(.eyebrow)[b-79sz4w1odq] {
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.75
}

.startup-cards[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

    .startup-cards article[b-79sz4w1odq] {
        display: grid;
        min-height: 255px;
        padding: 28px;
        background: #f7f9f8;
        border: 1px solid var(--line);
        border-radius: 8px
    }

        .startup-cards article > span[b-79sz4w1odq] {
            justify-self: start;
            padding: 5px 9px;
            color: var(--teal);
            background: var(--mint);
            border-radius: 99px;
            font-size: .7rem;
            font-weight: 800;
            text-transform: uppercase
        }

    .startup-cards p[b-79sz4w1odq] {
        margin: 35px 0 7px;
        font-family: "Manrope",sans-serif;
        font-size: 3rem;
        font-weight: 800;
        line-height: 1
    }

        .startup-cards p small[b-79sz4w1odq] {
            font-size: 1rem
        }

    .startup-cards article > small[b-79sz4w1odq] {
        color: var(--muted)
    }

.examples-section[b-79sz4w1odq] {
    padding-block: 95px;
    color: #fff;
    background: var(--ink)
}

.examples-grid[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 90px;
    align-items: center
}

.examples-section .eyebrow[b-79sz4w1odq] {
    color: #9de1d8
}

.examples-grid > div:first-child > p:last-child[b-79sz4w1odq] {
    color: #c5d2cf;
    line-height: 1.7
}

.example-cards[b-79sz4w1odq] {
    display: grid;
    gap: 12px
}

    .example-cards article[b-79sz4w1odq] {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 17px;
        padding: 22px;
        border: 1px solid #ffffff25;
        border-radius: 7px
    }

        .example-cards article > span[b-79sz4w1odq] {
            display: grid;
            place-items: center;
            width: 46px;
            height: 46px;
            color: var(--ink);
            background: #9de1d8;
            border-radius: 50%;
            font-weight: 800
        }

        .example-cards article > div[b-79sz4w1odq] {
            display: grid
        }

    .example-cards small[b-79sz4w1odq] {
        color: #abc1bd
    }

    .example-cards p[b-79sz4w1odq] {
        margin: 5px 0 0;
        color: #fff
    }

    .example-cards em[b-79sz4w1odq] {
        margin-left: 7px;
        color: #9de1d8;
        font-size: .75rem;
        font-style: normal
    }

.service-section[b-79sz4w1odq] {
    padding-block: 110px
}

.service-card[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: 1fr .65fr;
    gap: 20px 70px;
    padding: 45px;
    background: #e7efed;
    border-radius: 10px
}

.service-heading[b-79sz4w1odq] {
    display: flex;
    gap: 18px;
    align-items: center
}

    .service-heading .eyebrow[b-79sz4w1odq] {
        margin-bottom: 8px
    }

.book-icon[b-79sz4w1odq] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 14px;
    font-size: 1.2rem;
    font-weight: 800
}

.service-heading h2[b-79sz4w1odq] {
    font-size: clamp(2rem,3vw,3rem)
}

.service-price p[b-79sz4w1odq] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin: 0;
    font-family: "Manrope",sans-serif;
    font-size: 3.1rem;
    font-weight: 800
}

    .service-price p small[b-79sz4w1odq] {
        font-size: 1rem
    }

    .service-price p em[b-79sz4w1odq] {
        margin-left: 6px;
        color: var(--muted);
        font-family: "DM Sans",sans-serif;
        font-size: .72rem;
        font-style: normal
    }

.service-price > span[b-79sz4w1odq] {
    color: var(--teal);
    font-size: .78rem;
    font-weight: 800
}

.service-copy[b-79sz4w1odq] {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px;
    padding-top: 25px;
    border-top: 1px solid #c9d8d5
}

    .service-copy p[b-79sz4w1odq] {
        margin: 0;
        color: var(--muted);
        line-height: 1.7
    }

        .service-copy p:first-child[b-79sz4w1odq] {
            color: var(--ink);
            font-weight: 800
        }

.conditions-section[b-79sz4w1odq] {
    padding-block: 100px;
    background: #f7f9f8
}

.conditions-grid[b-79sz4w1odq] {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 90px
}

.condition-list[b-79sz4w1odq] {
    display: grid
}

    .condition-list p[b-79sz4w1odq] {
        display: grid;
        grid-template-columns: 38px 1fr;
        gap: 12px;
        margin: 0;
        padding: 19px 0;
        border-bottom: 1px solid var(--line)
    }

        .condition-list p > b[b-79sz4w1odq] {
            color: var(--teal);
            font-size: .72rem
        }

        .condition-list p > span[b-79sz4w1odq] {
            display: grid;
            gap: 4px
        }

    .condition-list small[b-79sz4w1odq] {
        color: var(--muted);
        line-height: 1.6
    }

.prices-cta[b-79sz4w1odq] {
    padding-block: 85px;
    color: #fff;
    background: var(--teal)
}

.cta-inner[b-79sz4w1odq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px
}

.prices-cta .eyebrow[b-79sz4w1odq] {
    color: #bcece6
}

.prices-cta h2[b-79sz4w1odq] {
    max-width: 800px
}

.prices-cta p:not(.eyebrow)[b-79sz4w1odq] {
    margin: 20px 0 0;
    color: #d4efeb
}

.light-button[b-79sz4w1odq] {
    flex: 0 0 auto;
    color: var(--ink);
    background: #fff
}

@media(max-width:1000px) {
    .hero-grid[b-79sz4w1odq], .section-heading[b-79sz4w1odq], .rates-heading[b-79sz4w1odq], .startup-section[b-79sz4w1odq], .examples-grid[b-79sz4w1odq], .conditions-grid[b-79sz4w1odq] {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .hero-grid[b-79sz4w1odq] {
        padding-block: 70px 90px
    }

    .price-visual[b-79sz4w1odq] {
        width: min(100%,650px);
        margin-inline: auto
    }

    .solo-card[b-79sz4w1odq] {
        grid-template-columns: 1fr 1fr
    }

    .solo-intro[b-79sz4w1odq] {
        grid-column: 1/-1
    }

    .service-card[b-79sz4w1odq] {
        grid-template-columns: 1fr
    }

    .service-copy[b-79sz4w1odq] {
        grid-column: auto
    }

    .cta-inner[b-79sz4w1odq] {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width:720px) {
    .prices-shell[b-79sz4w1odq] {
        width: calc(100% - 36px)
    }

    .prices-hero[b-79sz4w1odq]:before {
        display: none
    }

    .hero-copy h1[b-79sz4w1odq] {
        font-size: 3.15rem
    }

    .hero-actions[b-79sz4w1odq] {
        flex-direction: column
    }

        .hero-actions a[b-79sz4w1odq] {
            width: 100%
        }

    .price-visual[b-79sz4w1odq] {
        min-height: 420px
    }

    .main-card[b-79sz4w1odq] {
        left: 0;
        width: 85%;
        min-height: 345px;
        padding: 27px
    }

    .team-card[b-79sz4w1odq] {
        width: 175px
    }

    .vat-badge[b-79sz4w1odq] {
        left: 0;
        font-size: .8rem
    }

    .choice-section[b-79sz4w1odq], .startup-section[b-79sz4w1odq], .service-section[b-79sz4w1odq] {
        padding-block: 80px
    }

    .contract-strip[b-79sz4w1odq], .solo-card[b-79sz4w1odq], .startup-cards[b-79sz4w1odq] {
        grid-template-columns: 1fr
    }

        .contract-strip article[b-79sz4w1odq] {
            border-right: 0;
            border-bottom: 1px solid var(--line)
        }

            .contract-strip article:last-child[b-79sz4w1odq] {
                border-bottom: 0
            }

    .solo-intro[b-79sz4w1odq] {
        grid-column: auto
    }

    .rates-section[b-79sz4w1odq], .examples-section[b-79sz4w1odq], .conditions-section[b-79sz4w1odq] {
        padding-block: 75px
    }

    .group-title[b-79sz4w1odq] {
        align-items: flex-start;
        flex-direction: column
    }

    .rate-row[b-79sz4w1odq] {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 17px 20px
    }

        .rate-row.table-head[b-79sz4w1odq] {
            display: none
        }

        .rate-row > strong[b-79sz4w1odq] {
            grid-column: 1/-1;
            margin-bottom: 8px
        }

        .rate-row span[b-79sz4w1odq], .rate-row small[b-79sz4w1odq] {
            display: grid
        }

            .rate-row span[b-79sz4w1odq]:before, .rate-row small[b-79sz4w1odq]:before {
                color: var(--muted);
                font-size: .6rem;
                font-weight: 600;
                text-transform: uppercase;
                content: attr(data-label)
            }

    .service-copy[b-79sz4w1odq] {
        grid-template-columns: 1fr
    }

    .service-price p[b-79sz4w1odq] {
        flex-wrap: wrap
    }

    .light-button[b-79sz4w1odq] {
        width: 100%
    }
}

@media(max-width:450px) {
    .price-visual[b-79sz4w1odq] {
        min-height: 365px
    }

    .main-card[b-79sz4w1odq] {
        min-height: 310px
    }

        .main-card > strong[b-79sz4w1odq] {
            font-size: 3.5rem
        }

    .team-card[b-79sz4w1odq] {
        bottom: 6px;
        width: 145px;
        min-height: 145px;
        padding: 18px
    }

    .vat-badge[b-79sz4w1odq] {
        max-width: calc(100% - 85px)
    }

        .vat-badge small[b-79sz4w1odq] {
            display: none
        }

    .startup-cards p[b-79sz4w1odq], .service-price p[b-79sz4w1odq] {
        font-size: 2.6rem
    }

    .service-card[b-79sz4w1odq] {
        padding: 27px
    }

    .service-heading[b-79sz4w1odq] {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(prefers-reduced-motion:reduce) {
    html[b-79sz4w1odq] {
        scroll-behavior: auto
    }
}
/* _content/WinMens.Web/Components/Pages/ServiceCentrum/AccountOverzicht.razor.rz.scp.css */
.account-page[b-vqp1yqy0g7] {
    display: grid;
    place-items: center;
    min-height: 70vh;
    padding: 60px 20px;
    color: #263b3b;
    background: #e2ebe9
}

.account-card[b-vqp1yqy0g7] {
    display: grid;
    justify-items: center;
    width: min(620px,100%);
    padding: 55px;
    background: #fff;
    border: 1px solid #d9e3e1;
    border-radius: 11px;
    box-shadow: 0 28px 70px #254c4825;
    text-align: center
}

.account-logo[b-vqp1yqy0g7] {
    display: grid;
    place-items: center;
    width: 65px;
    height: 65px;
    color: #fff;
    background: #087f76;
    border-radius: 50% 50% 50% 15px;
    font-family: "Manrope",sans-serif;
    font-size: 1.6rem;
    font-weight: 800
}

.account-card > p:first-of-type[b-vqp1yqy0g7] {
    margin: 20px 0 5px;
    color: #087f76;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.account-card h1[b-vqp1yqy0g7] {
    margin: 0;
    font-family: "Manrope",sans-serif;
    font-size: clamp(2rem,5vw,3.5rem);
    line-height: 1.05;
    letter-spacing: -.05em
}

.account-text[b-vqp1yqy0g7] {
    color: #60726e;
    font-size: 1.05rem
}

.account-card button[b-vqp1yqy0g7] {
    margin-top: 20px;
    padding: 12px 20px;
    color: #263b3b;
    background: #ff7447;
    border: 0;
    border-radius: 6px;
    font-weight: 800;
    cursor: pointer
}

@media(max-width:600px) {
    .account-card[b-vqp1yqy0g7] {
        padding: 38px 24px
    }
}

/* _content/WinMens.Web/Components/Pages/ServiceCentrum/BestelFormulier.razor.rz.scp.css */
.order-page[b-axyzo290p6]{--ink:#263b3b;--muted:#60726e;--teal:#087f76;--mint:#dff5f1;--orange:#ff7447;--line:#d9e3e1;color:var(--ink);background:#fff}.order-page h1[b-axyzo290p6],.order-page h2[b-axyzo290p6]{font-family:"Manrope",sans-serif}.order-shell[b-axyzo290p6]{width:min(1180px,calc(100% - 64px));margin:auto}.eyebrow[b-axyzo290p6]{margin:0 0 18px;color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.order-hero[b-axyzo290p6]{background:#e2ebe9}.hero-grid[b-axyzo290p6]{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:center;min-height:600px;padding-block:80px}.hero-grid h1[b-axyzo290p6]{margin:0;font-size:clamp(3.4rem,6vw,5.6rem);line-height:.98;letter-spacing:-.065em}.hero-grid h1 em[b-axyzo290p6]{color:var(--teal);font-style:normal}.hero-lead[b-axyzo290p6]{color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-points[b-axyzo290p6]{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px;color:var(--muted);font-size:.8rem}.hero-points b[b-axyzo290p6]{color:var(--teal)}.order-visual[b-axyzo290p6]{display:grid;padding:38px;background:#fff;border-radius:10px;box-shadow:0 28px 65px #254c4825}.visual-logo[b-axyzo290p6]{display:grid;place-items:center;width:55px;height:55px;color:#fff;background:var(--teal);border-radius:50% 50% 50% 13px;font-size:1.3rem;font-weight:800}.order-visual>strong[b-axyzo290p6]{margin-top:18px;font-size:1.4rem}.order-visual>small[b-axyzo290p6]{color:var(--muted)}.order-visual>div[b-axyzo290p6]{display:flex;gap:5px;margin:25px 0}.order-visual>div i[b-axyzo290p6]{width:33%;height:5px;background:var(--teal);border-radius:4px}.order-visual>div i:nth-child(2)[b-axyzo290p6]{background:var(--orange)}.order-visual>div i:nth-child(3)[b-axyzo290p6]{background:var(--mint)}.order-visual>p[b-axyzo290p6]{display:grid;grid-template-columns:34px 1fr;align-items:center;margin:5px 0;padding:12px;background:#f5f8f7;border-radius:5px}.order-visual>p b[b-axyzo290p6]{display:grid;place-items:center;width:27px;height:27px;color:var(--teal);background:var(--mint);border-radius:50%}
.form-section[b-axyzo290p6]{padding-block:100px;background:#f0f5f3}.form-layout[b-axyzo290p6]{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px;align-items:start}.form-layout>aside[b-axyzo290p6]{position:sticky;top:30px}.form-layout>aside h2[b-axyzo290p6]{margin:0;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.05em}.form-layout>aside>p:not(.eyebrow)[b-axyzo290p6]{color:var(--muted);line-height:1.7}.aside-note[b-axyzo290p6]{display:grid;grid-template-columns:35px 1fr;gap:12px;margin-top:28px;padding:17px;background:#fff;border-radius:7px}.aside-note>b[b-axyzo290p6]{display:grid;place-items:center;width:31px;height:31px;color:var(--teal);background:var(--mint);border-radius:50%}.aside-note>span[b-axyzo290p6]{display:grid}.aside-note small[b-axyzo290p6]{color:var(--muted);line-height:1.5}.form-card[b-axyzo290p6]{padding:42px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 25px 60px #254c4812}.form-card[b-axyzo290p6]  .section-title{display:flex;gap:13px;align-items:center;margin:40px 0 24px;padding-bottom:19px;border-bottom:1px solid var(--line)}.form-card[b-axyzo290p6]  .section-title:first-child{margin-top:0}.form-card[b-axyzo290p6]  .section-title>span{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--teal);border-radius:50%;font-weight:800}.form-card[b-axyzo290p6]  .section-title>div{display:grid}.form-card[b-axyzo290p6]  .section-title small{color:var(--muted)}.form-row[b-axyzo290p6]{display:grid;grid-template-columns:1fr 1fr;gap:18px}.postcode[b-axyzo290p6]{grid-template-columns:.6fr 1.4fr}.form-card[b-axyzo290p6]  .field{display:grid;gap:7px;margin-bottom:17px;font-size:.78rem;font-weight:800}.form-card[b-axyzo290p6]  .field em,.radio-field em[b-axyzo290p6],.terms em[b-axyzo290p6]{color:var(--orange);font-style:normal}.form-card[b-axyzo290p6]  .field input,.form-card[b-axyzo290p6]  .field textarea{width:100%;min-height:46px;padding:10px 12px;background:#fbfcfc;border:1px solid #cbd8d5;border-radius:5px;outline:0}.form-card[b-axyzo290p6]  .field textarea{resize:vertical}.form-card[b-axyzo290p6]  .field input:focus,.form-card[b-axyzo290p6]  .field textarea:focus,.captcha input:focus[b-axyzo290p6]{border-color:var(--teal);box-shadow:0 0 0 3px #087f761a}.radio-field[b-axyzo290p6],.captcha[b-axyzo290p6]{margin:0 0 18px;padding:0;border:0}.radio-field legend[b-axyzo290p6],.captcha legend[b-axyzo290p6]{margin-bottom:9px;font-size:.78rem;font-weight:800}.radio-field>div[b-axyzo290p6]{display:flex;gap:10px}.radio-field label[b-axyzo290p6]{display:flex;gap:8px;align-items:center;padding:11px 15px;background:#f5f8f7;border:1px solid var(--line);border-radius:5px}.employees-heading[b-axyzo290p6]{display:grid;margin:30px 0 12px;padding:16px;color:#fff;background:var(--ink);border-radius:6px}.employees-heading small[b-axyzo290p6]{color:#c5d2cf}.employee-card[b-axyzo290p6]{margin-bottom:14px;padding:24px;background:#f5f8f7;border:1px solid var(--line);border-radius:7px}.employee-title[b-axyzo290p6]{display:flex;gap:10px;align-items:center;margin-bottom:18px}.employee-title span[b-axyzo290p6]{display:grid;place-items:center;width:32px;height:32px;color:var(--teal);background:var(--mint);border-radius:50%;font-weight:800}.terms[b-axyzo290p6]{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin:22px 0 5px;padding:15px;background:#f5f8f7;border-radius:6px;font-size:.78rem;font-weight:700}.terms input[b-axyzo290p6]{width:18px;height:18px;accent-color:var(--teal)}.terms a[b-axyzo290p6]{color:var(--teal)}.captcha[b-axyzo290p6]{margin-top:25px;padding:16px;background:#f4f8f7;border:1px solid var(--line);border-radius:7px}.captcha>div[b-axyzo290p6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.captcha>div span[b-axyzo290p6]{font-size:1.35rem;font-weight:800}.captcha i[b-axyzo290p6]{color:var(--teal);font-style:normal}.captcha button[b-axyzo290p6]{width:36px;height:36px;color:var(--teal);background:#fff;border:1px solid var(--line);border-radius:50%;cursor:pointer}.captcha input[b-axyzo290p6]{width:100%;height:44px;padding:9px 11px;background:#fff;border:1px solid #cbd8d5;border-radius:5px}.validation-message[b-axyzo290p6]{color:#a83229;font-size:.7rem}.validation-summary[b-axyzo290p6],.form-error[b-axyzo290p6]{padding:12px;color:#8f2d24;background:#fff0ed;border-left:3px solid var(--orange);border-radius:4px;font-size:.78rem}.honeypot[b-axyzo290p6]{position:absolute;left:-10000px}.submit[b-axyzo290p6]{display:flex;justify-content:space-between;width:100%;margin-top:22px;padding:15px 18px;color:var(--ink);background:var(--orange);border:0;border-radius:6px;font-weight:800;cursor:pointer}.submit:disabled[b-axyzo290p6]{opacity:.6}.privacy[b-axyzo290p6]{color:var(--muted);font-size:.68rem;text-align:center}.success[b-axyzo290p6]{display:grid;justify-items:center;align-content:center;min-height:600px;text-align:center}.success>span[b-axyzo290p6]{display:grid;place-items:center;width:70px;height:70px;color:#fff;background:var(--teal);border-radius:50%;font-size:2rem}.success>p:first-of-type[b-axyzo290p6]{color:var(--teal);font-weight:800;text-transform:uppercase}.success h2[b-axyzo290p6]{font-size:2.2rem}.success>p[b-axyzo290p6]{color:var(--muted)}.success button[b-axyzo290p6]{margin-top:20px;padding:12px 16px;color:var(--teal);background:#fff;border:1px solid var(--teal);border-radius:5px;font-weight:800}
@media(max-width:950px){.hero-grid[b-axyzo290p6],.form-layout[b-axyzo290p6]{grid-template-columns:1fr}.form-layout>aside[b-axyzo290p6]{position:static}.order-visual[b-axyzo290p6]{max-width:600px}.form-layout[b-axyzo290p6]{gap:45px}}@media(max-width:680px){.order-shell[b-axyzo290p6]{width:calc(100% - 36px)}.hero-grid[b-axyzo290p6]{padding-block:65px}.hero-grid h1[b-axyzo290p6]{font-size:3rem}.form-section[b-axyzo290p6]{padding-block:70px}.form-card[b-axyzo290p6]{padding:25px}.form-row[b-axyzo290p6],.postcode[b-axyzo290p6]{grid-template-columns:1fr}.radio-field>div[b-axyzo290p6]{flex-direction:column}.radio-field label[b-axyzo290p6]{width:100%}.employee-card[b-axyzo290p6]{padding:18px}}@media(max-width:420px){.form-card[b-axyzo290p6]{padding:20px}.hero-grid h1[b-axyzo290p6]{font-size:2.65rem}}
/* _content/WinMens.Web/Components/Pages/ServiceCentrum/DeclaratieService.razor.rz.scp.css */
.declaration-page[b-qmt1ch6nxv] {
    --ink: #263b3b;
    --muted: #60726e;
    --teal: #087f76;
    --mint: #dff5f1;
    --orange: #ff7447;
    --line: #d9e3e1;
    color: var(--ink);
    background: #fff;
    overflow: hidden
}

    .declaration-page h1[b-qmt1ch6nxv], .declaration-page h2[b-qmt1ch6nxv], .declaration-page h3[b-qmt1ch6nxv] {
        font-family: "Manrope",sans-serif
    }

.declaration-shell[b-qmt1ch6nxv] {
    width: min(1200px,calc(100% - 64px));
    margin-inline: auto
}

.eyebrow[b-qmt1ch6nxv] {
    margin: 0 0 18px;
    color: var(--teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.declaration-hero[b-qmt1ch6nxv] {
    position: relative;
    background: #e2ebe9
}

    .declaration-hero[b-qmt1ch6nxv]:before {
        position: absolute;
        top: -225px;
        left: -225px;
        width: 440px;
        height: 440px;
        border: 78px solid #c7eee8;
        border-radius: 50%;
        content: ""
    }

.hero-grid[b-qmt1ch6nxv] {
    position: relative;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 75px;
    align-items: center;
    min-height: 700px;
    padding-block: 82px 95px
}

.hero-copy[b-qmt1ch6nxv] {
    position: relative;
    z-index: 2
}

    .hero-copy h1[b-qmt1ch6nxv] {
        margin: 0 0 28px;
        font-size: clamp(3.5rem,6vw,5.8rem);
        line-height: .98;
        letter-spacing: -.066em
    }

        .hero-copy h1 em[b-qmt1ch6nxv] {
            color: var(--teal);
            font-style: normal
        }

.hero-lead[b-qmt1ch6nxv] {
    max-width: 650px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75
}

.hero-actions[b-qmt1ch6nxv] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px
}

.primary-button[b-qmt1ch6nxv], .secondary-button[b-qmt1ch6nxv], .outline-button[b-qmt1ch6nxv], .light-button[b-qmt1ch6nxv], .price-button[b-qmt1ch6nxv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none
}

.primary-button[b-qmt1ch6nxv] {
    color: var(--ink);
    background: var(--orange);
    box-shadow: 0 8px 22px #ff74472b
}

.secondary-button[b-qmt1ch6nxv] {
    color: var(--ink);
    background: #fff;
    border: 1px solid #bdccca
}

.hero-proof[b-qmt1ch6nxv] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 17px;
    margin-top: 30px;
    color: var(--muted);
    font-size: .82rem
}

    .hero-proof b[b-qmt1ch6nxv] {
        color: var(--teal)
    }

.hero-visual[b-qmt1ch6nxv] {
    position: relative;
    min-height: 510px
}

.hero-image-wrap[b-qmt1ch6nxv] {
    position: absolute;
    top: 25px;
    right: 0;
    width: 91%;
    height: 420px;
    padding: 9px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 30px 70px #254c4828;
    transform: rotate(1.5deg)
}

    .hero-image-wrap img[b-qmt1ch6nxv] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px
    }

    .hero-image-wrap[b-qmt1ch6nxv]:after {
        position: absolute;
        inset: 9px;
        background: linear-gradient(180deg,transparent 55%,#143a3575);
        border-radius: 6px;
        content: ""
    }

.time-card[b-qmt1ch6nxv], .complete-card[b-qmt1ch6nxv] {
    position: absolute;
    z-index: 3;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 15px 18px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25
}

.time-card[b-qmt1ch6nxv] {
    right: -5px;
    bottom: 5px
}

.complete-card[b-qmt1ch6nxv] {
    top: 8px;
    left: -15px
}

    .time-card > span[b-qmt1ch6nxv], .complete-card > b[b-qmt1ch6nxv] {
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-weight: 800
    }

    .time-card > div[b-qmt1ch6nxv], .complete-card > span[b-qmt1ch6nxv] {
        display: grid
    }

    .time-card small[b-qmt1ch6nxv], .complete-card small[b-qmt1ch6nxv] {
        color: var(--muted)
    }

.intro-section[b-qmt1ch6nxv] {
    padding-block: 112px 95px
}

.section-heading[b-qmt1ch6nxv] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 85px;
    align-items: end
}

    .section-heading h2[b-qmt1ch6nxv], .services-heading h2[b-qmt1ch6nxv], .workflow-copy h2[b-qmt1ch6nxv], .year-grid h2[b-qmt1ch6nxv], .pricing-heading h2[b-qmt1ch6nxv], .other-software h2[b-qmt1ch6nxv], .declaration-cta h2[b-qmt1ch6nxv] {
        margin: 0;
        font-size: clamp(2.35rem,4vw,4rem);
        line-height: 1.06;
        letter-spacing: -.052em
    }

    .section-heading > p[b-qmt1ch6nxv] {
        margin: 0;
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.benefit-strip[b-qmt1ch6nxv] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-top: 65px;
    border-block: 1px solid var(--line)
}

    .benefit-strip > div[b-qmt1ch6nxv] {
        display: grid;
        grid-template-columns: 42px 1fr;
        padding: 27px 24px;
        border-right: 1px solid var(--line)
    }

        .benefit-strip > div:last-child[b-qmt1ch6nxv] {
            border-right: 0
        }

    .benefit-strip span[b-qmt1ch6nxv] {
        grid-row: 1/3;
        color: var(--teal);
        font-size: .72rem;
        font-weight: 800
    }

    .benefit-strip small[b-qmt1ch6nxv] {
        color: var(--muted)
    }

.services-section[b-qmt1ch6nxv] {
    padding-block: 105px 120px;
    background: #f0f5f3
}

.services-heading[b-qmt1ch6nxv] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 50px
}

.text-link[b-qmt1ch6nxv] {
    display: inline-flex;
    gap: 16px;
    flex: 0 0 auto;
    color: var(--teal);
    font-weight: 800;
    text-decoration: none
}

.services-grid[b-qmt1ch6nxv] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    margin-top: 60px;
    overflow: hidden;
    background: var(--line);
    border: 1px solid var(--line);
    border-radius: 8px
}

    .services-grid article[b-qmt1ch6nxv] {
        min-height: 315px;
        padding: 30px;
        background: #fff
    }

.service-icon[b-qmt1ch6nxv] {
    display: grid;
    place-items: center;
    width: 47px;
    height: 47px;
    margin-bottom: 36px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 11px;
    font-weight: 800
}

.services-grid article > small[b-qmt1ch6nxv] {
    color: var(--teal);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase
}

.services-grid h3[b-qmt1ch6nxv] {
    margin: 12px 0;
    font-size: 1.2rem
}

.services-grid p[b-qmt1ch6nxv] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65
}

.workflow-section[b-qmt1ch6nxv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
    padding-block: 115px;
    scroll-margin-top: 25px
}

.workflow-image[b-qmt1ch6nxv] {
    position: relative
}

    .workflow-image img[b-qmt1ch6nxv] {
        display: block;
        width: 100%;
        height: 500px;
        object-fit: cover;
        border-radius: 9px;
        box-shadow: 0 24px 55px #254c4818
    }

.image-label[b-qmt1ch6nxv] {
    position: absolute;
    right: 18px;
    bottom: 18px;
    padding: 12px 15px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 12px 30px #17352e20;
    font-size: .78rem;
    font-weight: 800
}

    .image-label b[b-qmt1ch6nxv] {
        color: var(--teal)
    }

.workflow-copy ol[b-qmt1ch6nxv] {
    display: grid;
    margin: 27px 0 0;
    padding: 0;
    list-style: none
}

.workflow-copy li[b-qmt1ch6nxv] {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 12px;
    padding: 17px 0;
    border-bottom: 1px solid var(--line)
}

    .workflow-copy li > span[b-qmt1ch6nxv] {
        color: var(--teal);
        font-size: .72rem;
        font-weight: 800
    }

    .workflow-copy li > div[b-qmt1ch6nxv] {
        display: grid;
        gap: 4px
    }

    .workflow-copy li small[b-qmt1ch6nxv] {
        color: var(--muted);
        line-height: 1.55
    }

.year-section[b-qmt1ch6nxv] {
    padding-block: 95px;
    color: #fff;
    background: var(--ink)
}

.year-grid[b-qmt1ch6nxv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px
}

.year-section .eyebrow[b-qmt1ch6nxv] {
    color: #9de1d8
}

.year-grid > div:last-child > p[b-qmt1ch6nxv] {
    margin: 0;
    color: #c5d2cf;
    font-size: 1.05rem;
    line-height: 1.75
}

.year-labels[b-qmt1ch6nxv] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 26px
}

    .year-labels span[b-qmt1ch6nxv] {
        padding: 8px 11px;
        border: 1px solid #ffffff25;
        border-radius: 99px;
        font-size: .76rem
    }

    .year-labels b[b-qmt1ch6nxv] {
        color: #9de1d8
    }

.pricing-section[b-qmt1ch6nxv] {
    padding-block: 105px 115px;
    background: #e4ecea
}

.pricing-heading[b-qmt1ch6nxv] {
    max-width: 850px
}

    .pricing-heading > p:last-child[b-qmt1ch6nxv] {
        margin: 22px 0 0;
        color: var(--muted)
    }

.pricing-grid[b-qmt1ch6nxv] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
    margin-top: 55px
}

.price-card[b-qmt1ch6nxv] {
    display: flex;
    flex-direction: column;
    min-height: 410px;
    padding: 26px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px
}

    .price-card.featured[b-qmt1ch6nxv] {
        border: 2px solid var(--teal);
        box-shadow: 0 18px 45px #17352e12
    }

.price-label[b-qmt1ch6nxv] {
    align-self: flex-start;
    padding: 5px 9px;
    color: var(--teal);
    background: var(--mint);
    border-radius: 99px;
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase
}

.price-card.featured .price-label[b-qmt1ch6nxv] {
    color: #fff;
    background: var(--teal)
}

.price-card > small[b-qmt1ch6nxv] {
    margin-top: 25px;
    color: var(--muted);
    min-height: 34px
}

.price[b-qmt1ch6nxv] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 3px;
    margin: 12px 0 24px;
    font-family: "Manrope",sans-serif;
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.05em
}

    .price > span[b-qmt1ch6nxv] {
        font-size: 1rem
    }

    .price em[b-qmt1ch6nxv] {
        width: 100%;
        margin-top: 6px;
        color: var(--muted);
        font-family: "DM Sans",sans-serif;
        font-size: .7rem;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0
    }

.price-card ul[b-qmt1ch6nxv] {
    display: grid;
    gap: 8px;
    margin: 0 0 24px;
    padding: 19px 0 0;
    border-top: 1px solid var(--line);
    list-style: none
}

.price-card li[b-qmt1ch6nxv] {
    position: relative;
    padding-left: 18px;
    color: var(--muted);
    font-size: .8rem
}

    .price-card li[b-qmt1ch6nxv]:before {
        position: absolute;
        left: 0;
        color: var(--teal);
        content: "✓"
    }

.price-button[b-qmt1ch6nxv] {
    width: 100%;
    margin-top: auto;
    color: var(--ink);
    background: #eff4f2
}

.price-card.featured .price-button[b-qmt1ch6nxv] {
    background: var(--orange)
}

.pricing-note[b-qmt1ch6nxv] {
    margin: 24px 0 0;
    padding: 18px 22px;
    color: var(--muted);
    background: #fff;
    border-radius: 7px
}

    .pricing-note b[b-qmt1ch6nxv] {
        color: var(--ink)
    }

.other-software[b-qmt1ch6nxv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
    padding-block: 110px
}

    .other-software > div:last-child > p[b-qmt1ch6nxv] {
        margin: 0;
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.outline-button[b-qmt1ch6nxv] {
    margin-top: 25px;
    color: var(--teal);
    border: 1px solid var(--teal)
}

.declaration-cta[b-qmt1ch6nxv] {
    padding-block: 85px;
    color: #fff;
    background: var(--teal)
}

.cta-inner[b-qmt1ch6nxv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px
}

.declaration-cta .eyebrow[b-qmt1ch6nxv] {
    color: #bcece6
}

.declaration-cta h2[b-qmt1ch6nxv] {
    max-width: 800px
}

.declaration-cta p:not(.eyebrow)[b-qmt1ch6nxv] {
    margin: 20px 0 0;
    color: #d4efeb
}

.light-button[b-qmt1ch6nxv] {
    flex: 0 0 auto;
    color: var(--ink);
    background: #fff
}

@media(max-width:1050px) {
    .hero-grid[b-qmt1ch6nxv], .section-heading[b-qmt1ch6nxv], .workflow-section[b-qmt1ch6nxv], .year-grid[b-qmt1ch6nxv], .other-software[b-qmt1ch6nxv] {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .hero-grid[b-qmt1ch6nxv] {
        padding-block: 70px 90px
    }

    .hero-visual[b-qmt1ch6nxv] {
        width: min(100%,650px);
        margin-inline: auto
    }

    .services-grid[b-qmt1ch6nxv] {
        grid-template-columns: repeat(2,1fr)
    }

    .workflow-image img[b-qmt1ch6nxv] {
        height: 420px
    }

    .pricing-grid[b-qmt1ch6nxv] {
        grid-template-columns: repeat(2,1fr)
    }

    .cta-inner[b-qmt1ch6nxv] {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width:720px) {
    .declaration-shell[b-qmt1ch6nxv] {
        width: calc(100% - 36px)
    }

    .declaration-hero[b-qmt1ch6nxv]:before {
        display: none
    }

    .hero-copy h1[b-qmt1ch6nxv] {
        font-size: 3.15rem
    }

    .hero-actions[b-qmt1ch6nxv] {
        flex-direction: column
    }

        .hero-actions a[b-qmt1ch6nxv] {
            width: 100%
        }

    .hero-visual[b-qmt1ch6nxv] {
        min-height: 420px
    }

    .hero-image-wrap[b-qmt1ch6nxv] {
        width: 96%;
        height: 350px
    }

    .complete-card[b-qmt1ch6nxv] {
        left: 0
    }

    .time-card[b-qmt1ch6nxv] {
        right: 0;
        bottom: 0
    }

    .intro-section[b-qmt1ch6nxv], .workflow-section[b-qmt1ch6nxv], .other-software[b-qmt1ch6nxv] {
        padding-block: 80px
    }

    .benefit-strip[b-qmt1ch6nxv], .services-grid[b-qmt1ch6nxv], .pricing-grid[b-qmt1ch6nxv] {
        grid-template-columns: 1fr
    }

        .benefit-strip > div[b-qmt1ch6nxv] {
            border-right: 0;
            border-bottom: 1px solid var(--line)
        }

            .benefit-strip > div:last-child[b-qmt1ch6nxv] {
                border-bottom: 0
            }

    .services-section[b-qmt1ch6nxv], .year-section[b-qmt1ch6nxv], .pricing-section[b-qmt1ch6nxv] {
        padding-block: 75px
    }

    .services-heading[b-qmt1ch6nxv] {
        align-items: flex-start;
        flex-direction: column
    }

    .services-grid article[b-qmt1ch6nxv] {
        min-height: auto
    }

    .workflow-image img[b-qmt1ch6nxv] {
        height: 320px
    }

    .price-card[b-qmt1ch6nxv] {
        min-height: 380px
    }

    .light-button[b-qmt1ch6nxv] {
        width: 100%
    }
}

@media(max-width:450px) {
    .hero-visual[b-qmt1ch6nxv] {
        min-height: 360px
    }

    .hero-image-wrap[b-qmt1ch6nxv] {
        height: 300px
    }

    .complete-card[b-qmt1ch6nxv] {
        font-size: .75rem
    }

        .complete-card small[b-qmt1ch6nxv] {
            display: none
        }

    .time-card[b-qmt1ch6nxv] {
        max-width: 85%;
        font-size: .75rem
    }

    .workflow-image img[b-qmt1ch6nxv] {
        height: 270px
    }

    .price[b-qmt1ch6nxv] {
        font-size: 2.65rem
    }
}

@media(prefers-reduced-motion:reduce) {
    html[b-qmt1ch6nxv] {
        scroll-behavior: auto
    }
}

/* _content/WinMens.Web/Components/Pages/ServiceCentrum/Demo.razor.rz.scp.css */
.demo-page[b-e1wm426qv9] {
    --ink: #263b3b;
    --muted: #60726e;
    --teal: #087f76;
    --mint: #dff5f1;
    --orange: #ff7447;
    --line: #d9e3e1;
    color: var(--ink);
    background: #fff;
    overflow: hidden
}

    .demo-page h1[b-e1wm426qv9], .demo-page h2[b-e1wm426qv9], .demo-page h3[b-e1wm426qv9] {
        font-family: "Manrope",sans-serif
    }

.demo-shell[b-e1wm426qv9] {
    width: min(1200px,calc(100% - 64px));
    margin-inline: auto
}

.eyebrow[b-e1wm426qv9] {
    margin: 0 0 18px;
    color: var(--teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.demo-hero[b-e1wm426qv9] {
    position: relative;
    background: #e2ebe9
}

    .demo-hero[b-e1wm426qv9]:before {
        position: absolute;
        top: -225px;
        left: -225px;
        width: 440px;
        height: 440px;
        border: 78px solid #c7eee8;
        border-radius: 50%;
        content: ""
    }

.hero-grid[b-e1wm426qv9] {
    position: relative;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 75px;
    align-items: center;
    min-height: 690px;
    padding-block: 82px 95px
}

.hero-copy[b-e1wm426qv9] {
    position: relative;
    z-index: 2
}

    .hero-copy h1[b-e1wm426qv9] {
        margin: 0 0 28px;
        font-size: clamp(3.5rem,6vw,5.8rem);
        line-height: .98;
        letter-spacing: -.066em
    }

        .hero-copy h1 em[b-e1wm426qv9] {
            color: var(--teal);
            font-style: normal
        }

.hero-lead[b-e1wm426qv9] {
    max-width: 650px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75
}

.hero-actions[b-e1wm426qv9] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px
}

.primary-button[b-e1wm426qv9], .secondary-button[b-e1wm426qv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none
}

.primary-button[b-e1wm426qv9] {
    color: var(--ink);
    background: var(--orange);
    box-shadow: 0 8px 22px #ff74472b
}

.secondary-button[b-e1wm426qv9] {
    color: var(--ink);
    background: #fff;
    border: 1px solid #bdccca
}

.hero-proof[b-e1wm426qv9] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 17px;
    margin-top: 30px;
    color: var(--muted);
    font-size: .82rem
}

    .hero-proof b[b-e1wm426qv9] {
        color: var(--teal)
    }

.demo-visual[b-e1wm426qv9] {
    position: relative;
    min-height: 495px
}

.desktop-window[b-e1wm426qv9] {
    position: absolute;
    top: 55px;
    left: 0;
    width: 90%;
    height: 330px;
    padding: 8px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 30px 70px #254c482d;
    transform: rotate(-1deg)
}

.window-bar[b-e1wm426qv9] {
    display: flex;
    gap: 5px;
    align-items: center;
    height: 30px;
    padding: 8px;
    background: #e9efed;
    border-radius: 5px 5px 0 0
}

    .window-bar i[b-e1wm426qv9] {
        width: 7px;
        height: 7px;
        background: #aebfbc;
        border-radius: 50%
    }

    .window-bar span[b-e1wm426qv9] {
        margin-left: 10px;
        color: #7d8c89;
        font-size: .62rem
    }

.window-content[b-e1wm426qv9] {
    display: grid;
    grid-template-columns: 65px 1fr;
    height: 284px;
    background: #f8faf9
}

    .window-content aside[b-e1wm426qv9] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding-top: 18px;
        background: var(--ink)
    }

        .window-content aside span[b-e1wm426qv9] {
            display: grid;
            place-items: center;
            width: 35px;
            height: 35px;
            color: #fff;
            background: var(--teal);
            border-radius: 50% 50% 50% 9px;
            font-weight: 800
        }

        .window-content aside i[b-e1wm426qv9] {
            width: 21px;
            height: 3px;
            background: #718a85;
            border-radius: 2px
        }

.dashboard[b-e1wm426qv9] {
    padding: 32px
}

    .dashboard > small[b-e1wm426qv9] {
        color: var(--teal);
        font-weight: 800;
        text-transform: uppercase
    }

    .dashboard > strong[b-e1wm426qv9] {
        display: block;
        margin: 5px 0 25px;
        font-size: 1.2rem
    }

.dashboard-cards[b-e1wm426qv9] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 9px
}

    .dashboard-cards i[b-e1wm426qv9] {
        height: 65px;
        background: var(--mint);
        border-radius: 5px
    }

        .dashboard-cards i:nth-child(2)[b-e1wm426qv9] {
            background: #ffe1d7
        }

        .dashboard-cards i:nth-child(3)[b-e1wm426qv9] {
            background: #e5ecea
        }

.dashboard-lines[b-e1wm426qv9] {
    display: grid;
    gap: 9px;
    margin-top: 22px
}

    .dashboard-lines span[b-e1wm426qv9] {
        height: 6px;
        background: #dbe5e2;
        border-radius: 4px
    }

        .dashboard-lines span:nth-child(2)[b-e1wm426qv9] {
            width: 82%
        }

        .dashboard-lines span:nth-child(3)[b-e1wm426qv9] {
            width: 65%
        }

.desktop-stand[b-e1wm426qv9] {
    position: absolute;
    bottom: -34px;
    left: 42%;
    width: 18%;
    height: 34px;
    background: #fff;
    clip-path: polygon(30% 0,70% 0,85% 75%,100% 75%,100% 100%,0 100%,0 75%,15% 75%)
}

.download-card[b-e1wm426qv9], .free-card[b-e1wm426qv9] {
    position: absolute;
    z-index: 3;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 15px 18px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25
}

.download-card[b-e1wm426qv9] {
    right: -2px;
    bottom: 15px
}

.free-card[b-e1wm426qv9] {
    top: 20px;
    left: -20px
}

    .download-card > span[b-e1wm426qv9], .free-card > b[b-e1wm426qv9] {
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-weight: 800
    }

    .download-card > div[b-e1wm426qv9], .free-card > span[b-e1wm426qv9] {
        display: grid
    }

    .download-card small[b-e1wm426qv9], .free-card small[b-e1wm426qv9] {
        color: var(--muted)
    }

.intro-section[b-e1wm426qv9] {
    padding-block: 110px 95px
}

.section-heading[b-e1wm426qv9] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 85px;
    align-items: end
}

    .section-heading h2[b-e1wm426qv9], .request-aside h2[b-e1wm426qv9], .after-section h2[b-e1wm426qv9] {
        margin: 0;
        font-size: clamp(2.35rem,4vw,4rem);
        line-height: 1.06;
        letter-spacing: -.052em
    }

    .section-heading > p[b-e1wm426qv9] {
        margin: 0;
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.steps-strip[b-e1wm426qv9] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-top: 65px;
    border-block: 1px solid var(--line)
}

    .steps-strip article[b-e1wm426qv9] {
        display: grid;
        grid-template-columns: 42px 1fr;
        padding: 27px 24px;
        border-right: 1px solid var(--line)
    }

        .steps-strip article:last-child[b-e1wm426qv9] {
            border-right: 0
        }

        .steps-strip article > span[b-e1wm426qv9] {
            grid-row: 1/3;
            color: var(--teal);
            font-size: .72rem;
            font-weight: 800
        }

        .steps-strip article > div[b-e1wm426qv9] {
            display: grid
        }

    .steps-strip small[b-e1wm426qv9] {
        color: var(--muted)
    }

.request-section[b-e1wm426qv9] {
    padding-block: 105px 120px;
    background: #f0f5f3;
    scroll-margin-top: 25px
}

.request-grid[b-e1wm426qv9] {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: 85px;
    align-items: start
}

.request-aside[b-e1wm426qv9] {
    position: sticky;
    top: 30px
}

    .request-aside > p:not(.eyebrow)[b-e1wm426qv9] {
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.aside-points[b-e1wm426qv9] {
    display: grid;
    gap: 0;
    margin-top: 35px
}

    .aside-points > span[b-e1wm426qv9] {
        display: grid;
        grid-template-columns: 34px 1fr;
        gap: 12px;
        padding: 18px 0;
        border-bottom: 1px solid var(--line)
    }

        .aside-points > span > b[b-e1wm426qv9] {
            display: grid;
            place-items: center;
            width: 30px;
            height: 30px;
            color: var(--teal);
            background: var(--mint);
            border-radius: 50%
        }

        .aside-points > span > div[b-e1wm426qv9] {
            display: grid
        }

    .aside-points small[b-e1wm426qv9] {
        color: var(--muted)
    }

.form-card[b-e1wm426qv9] {
    min-height: 500px;
    padding: 42px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 25px 60px #254c4812
}

.form-section-heading[b-e1wm426qv9] {
    display: flex;
    gap: 13px;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--line)
}

    .form-section-heading.second[b-e1wm426qv9] {
        margin-top: 42px
    }

    .form-section-heading > span[b-e1wm426qv9] {
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        color: #fff;
        background: var(--teal);
        border-radius: 50%;
        font-weight: 800
    }

    .form-section-heading > div[b-e1wm426qv9] {
        display: grid
    }

    .form-section-heading small[b-e1wm426qv9] {
        color: var(--muted)
    }

.form-row[b-e1wm426qv9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px
}

.postcode-row[b-e1wm426qv9] {
    grid-template-columns: .55fr 1.45fr
}

.form-card label[b-e1wm426qv9], .salutation-field legend[b-e1wm426qv9] {
    display: grid;
    gap: 7px;
    margin: 0 0 18px;
    color: var(--ink);
    font-size: .78rem;
    font-weight: 800
}

    .form-card label em[b-e1wm426qv9], .salutation-field legend em[b-e1wm426qv9] {
        color: var(--orange);
        font-style: normal
    }

.form-card input:not([type=radio]):not([type=checkbox])[b-e1wm426qv9], .form-card select[b-e1wm426qv9], .form-card textarea[b-e1wm426qv9] {
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    color: var(--ink);
    background: #fbfcfc;
    border: 1px solid #cbd8d5;
    border-radius: 5px;
    outline: 0
}

.form-card textarea[b-e1wm426qv9] {
    resize: vertical
}

    .form-card input:focus[b-e1wm426qv9], .form-card select:focus[b-e1wm426qv9], .form-card textarea:focus[b-e1wm426qv9] {
        border-color: var(--teal);
        box-shadow: 0 0 0 3px #087f761a
    }

.salutation-field[b-e1wm426qv9] {
    margin: 0 0 18px;
    padding: 0;
    border: 0
}

    .salutation-field legend[b-e1wm426qv9] {
        margin-bottom: 9px
    }

    .salutation-field > div[b-e1wm426qv9] {
        display: flex;
        gap: 10px
    }

    .salutation-field label[b-e1wm426qv9] {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 11px 15px;
        background: #f5f8f7;
        border: 1px solid var(--line);
        border-radius: 5px
    }

.validation-message[b-e1wm426qv9] {
    display: block;
    margin-top: 2px;
    color: #b63b2f;
    font-size: .7rem;
    font-weight: 600
}

.validation-summary[b-e1wm426qv9] {
    margin-bottom: 20px;
    padding: 12px 15px;
    color: #8f2d24;
    background: #fff0ed;
    border-left: 3px solid var(--orange);
    border-radius: 4px;
    font-size: .8rem
}

    .validation-summary ul[b-e1wm426qv9] {
        margin: 0;
        padding-left: 18px
    }

.help-text[b-e1wm426qv9] {
    color: var(--muted);
    font-weight: 400
}

.privacy-check[b-e1wm426qv9] {
    display: grid !important;
    grid-template-columns: 20px 1fr;
    gap: 10px !important;
    align-items: start;
    margin-top: 24px !important;
    padding: 16px;
    background: #f5f8f7;
    border-radius: 6px
}

    .privacy-check input[b-e1wm426qv9] {
        width: 18px;
        height: 18px;
        margin-top: 2px;
        accent-color: var(--teal)
    }

    .privacy-check span[b-e1wm426qv9] {
        line-height: 1.55
    }

.honeypot[b-e1wm426qv9] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.submit-button[b-e1wm426qv9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 54px;
    margin-top: 23px;
    padding: 13px 18px;
    color: var(--ink);
    background: var(--orange);
    border: 0;
    border-radius: 6px;
    font-weight: 800;
    cursor: pointer
}

    .submit-button:disabled[b-e1wm426qv9] {
        cursor: wait;
        opacity: .65
    }

.privacy-note[b-e1wm426qv9] {
    margin: 13px 0 0;
    color: var(--muted);
    font-size: .68rem;
    line-height: 1.5;
    text-align: center
}

.submit-error[b-e1wm426qv9] {
    padding: 11px 13px;
    color: #8f2d24;
    background: #fff0ed;
    border-radius: 5px
}

.success-message[b-e1wm426qv9] {
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 550px;
    text-align: center
}

    .success-message > span[b-e1wm426qv9] {
        display: grid;
        place-items: center;
        width: 72px;
        height: 72px;
        color: #fff;
        background: var(--teal);
        border-radius: 50%;
        font-size: 2rem;
        font-weight: 800
    }

    .success-message h2[b-e1wm426qv9] {
        margin: 25px 0 10px;
        font-size: 2rem
    }

    .success-message p[b-e1wm426qv9] {
        max-width: 490px;
        color: var(--muted);
        line-height: 1.7
    }

    .success-message button[b-e1wm426qv9] {
        margin-top: 18px;
        padding: 11px 16px;
        color: var(--teal);
        background: #fff;
        border: 1px solid var(--teal);
        border-radius: 5px;
        font-weight: 800;
        cursor: pointer
    }

.after-section[b-e1wm426qv9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
    padding-block: 110px
}

    .after-section > div:first-child > p:not(.eyebrow)[b-e1wm426qv9] {
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.after-cards[b-e1wm426qv9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px
}

    .after-cards article[b-e1wm426qv9] {
        display: grid;
        min-height: 210px;
        padding: 25px;
        background: #f7f9f8;
        border: 1px solid var(--line);
        border-radius: 8px
    }

        .after-cards article > span[b-e1wm426qv9] {
            color: var(--teal);
            font-size: .7rem;
            font-weight: 800
        }

    .after-cards strong[b-e1wm426qv9] {
        align-self: end;
        font-size: 1.05rem
    }

    .after-cards small[b-e1wm426qv9] {
        color: var(--muted)
    }

@media(max-width:1000px) {
    .hero-grid[b-e1wm426qv9], .section-heading[b-e1wm426qv9], .request-grid[b-e1wm426qv9], .after-section[b-e1wm426qv9] {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .hero-grid[b-e1wm426qv9] {
        padding-block: 70px 90px
    }

    .demo-visual[b-e1wm426qv9] {
        width: min(100%,650px);
        margin-inline: auto
    }

    .request-aside[b-e1wm426qv9] {
        position: static;
        max-width: 750px
    }
}

@media(max-width:720px) {
    .demo-shell[b-e1wm426qv9] {
        width: calc(100% - 36px)
    }

    .demo-hero[b-e1wm426qv9]:before {
        display: none
    }

    .hero-copy h1[b-e1wm426qv9] {
        font-size: 3.15rem
    }

    .hero-actions[b-e1wm426qv9] {
        flex-direction: column
    }

        .hero-actions a[b-e1wm426qv9] {
            width: 100%
        }

    .demo-visual[b-e1wm426qv9] {
        min-height: 405px
    }

    .desktop-window[b-e1wm426qv9] {
        width: 96%;
        height: 285px
    }

    .window-content[b-e1wm426qv9] {
        height: 239px
    }

    .free-card[b-e1wm426qv9] {
        left: 0
    }

    .download-card[b-e1wm426qv9] {
        right: 0;
        bottom: 0
    }

    .intro-section[b-e1wm426qv9], .after-section[b-e1wm426qv9] {
        padding-block: 80px
    }

    .steps-strip[b-e1wm426qv9], .form-row[b-e1wm426qv9], .postcode-row[b-e1wm426qv9], .after-cards[b-e1wm426qv9] {
        grid-template-columns: 1fr
    }

        .steps-strip article[b-e1wm426qv9] {
            border-right: 0;
            border-bottom: 1px solid var(--line)
        }

            .steps-strip article:last-child[b-e1wm426qv9] {
                border-bottom: 0
            }

    .request-section[b-e1wm426qv9] {
        padding-block: 75px
    }

    .form-card[b-e1wm426qv9] {
        padding: 28px
    }

    .salutation-field > div[b-e1wm426qv9] {
        align-items: stretch;
        flex-direction: column
    }

    .salutation-field label[b-e1wm426qv9] {
        width: 100%
    }
}

@media(max-width:450px) {
    .demo-visual[b-e1wm426qv9] {
        min-height: 350px
    }

    .desktop-window[b-e1wm426qv9] {
        height: 245px
    }

    .window-content[b-e1wm426qv9] {
        grid-template-columns: 48px 1fr;
        height: 199px
    }

    .dashboard[b-e1wm426qv9] {
        padding: 20px
    }

    .free-card[b-e1wm426qv9] {
        font-size: .75rem
    }

        .free-card small[b-e1wm426qv9] {
            display: none
        }

    .download-card[b-e1wm426qv9] {
        max-width: 85%;
        font-size: .75rem
    }

    .form-card[b-e1wm426qv9] {
        padding: 22px
    }

    .success-message[b-e1wm426qv9] {
        min-height: 430px
    }
}

@media(prefers-reduced-motion:reduce) {
    html[b-e1wm426qv9] {
        scroll-behavior: auto
    }
}
/* _content/WinMens.Web/Components/Pages/ServiceCentrum/FAQ.razor.rz.scp.css */
.faq-page[b-fy0d2aga55]{--ink:#263b3b;--muted:#60726e;--teal:#087f76;--mint:#dff5f1;--orange:#ff7447;--line:#d9e3e1;color:var(--ink);background:#fff;overflow:hidden}.faq-page h1[b-fy0d2aga55],.faq-page h2[b-fy0d2aga55]{font-family:"Manrope",sans-serif}.faq-shell[b-fy0d2aga55]{width:min(1180px,calc(100% - 64px));margin-inline:auto}.eyebrow[b-fy0d2aga55]{margin:0 0 18px;color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.faq-hero[b-fy0d2aga55]{position:relative;background:#e2ebe9}.faq-hero[b-fy0d2aga55]:before{position:absolute;top:-220px;left:-220px;width:430px;height:430px;border:76px solid #c7eee8;border-radius:50%;content:""}.hero-grid[b-fy0d2aga55]{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center;min-height:650px;padding-block:78px 92px}.hero-copy[b-fy0d2aga55]{position:relative;z-index:2}.hero-copy h1[b-fy0d2aga55]{margin:0 0 28px;font-size:clamp(3.5rem,6vw,5.8rem);line-height:.98;letter-spacing:-.066em}.hero-copy h1 em[b-fy0d2aga55]{color:var(--teal);font-style:normal}.hero-lead[b-fy0d2aga55]{max-width:620px;margin:0 0 33px;color:var(--muted);font-size:1.1rem;line-height:1.75}.primary-button[b-fy0d2aga55],.light-button[b-fy0d2aga55]{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:50px;padding:13px 20px;border-radius:7px;font-weight:800;text-decoration:none}.primary-button[b-fy0d2aga55]{color:var(--ink);background:var(--orange)}
.faq-visual[b-fy0d2aga55]{position:relative;min-height:440px}.question-card[b-fy0d2aga55]{position:absolute;top:38px;left:7%;width:78%;height:330px;padding:48px 40px;background:#fff;border-radius:10px;box-shadow:0 28px 65px #254c4827;transform:rotate(-2deg)}.question-card>span[b-fy0d2aga55]{display:grid;place-items:center;width:72px;height:72px;margin-bottom:38px;color:#fff;background:var(--teal);border-radius:50% 50% 50% 15px;font-size:2.3rem;font-weight:900}.question-card i[b-fy0d2aga55]{display:block;width:100%;height:9px;margin:17px 0;background:#dce7e4;border-radius:5px}.question-card i.short[b-fy0d2aga55]{width:62%}.answer-card[b-fy0d2aga55]{position:absolute;right:0;bottom:7px;z-index:2;display:flex;gap:13px;align-items:center;padding:18px 21px;background:#fff;border-radius:8px;box-shadow:0 15px 38px #17352e25}.answer-card>span[b-fy0d2aga55]{display:grid;place-items:center;width:42px;height:42px;color:var(--teal);background:var(--mint);border-radius:50%;font-weight:900}.answer-card>div[b-fy0d2aga55]{display:grid}.answer-card small[b-fy0d2aga55]{color:var(--muted)}.faq-count[b-fy0d2aga55]{position:absolute;top:13px;right:2%;z-index:3;display:grid;padding:15px 19px;color:#fff;background:var(--teal);border-radius:7px;box-shadow:0 13px 30px #17352e25}.faq-count b[b-fy0d2aga55]{font-size:1.6rem}.faq-count small[b-fy0d2aga55]{font-size:.72rem}
.intro-section[b-fy0d2aga55]{padding-block:105px 90px}.section-heading[b-fy0d2aga55]{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end}.section-heading h2[b-fy0d2aga55],.questions-heading h2[b-fy0d2aga55],.faq-cta h2[b-fy0d2aga55]{margin:0;font-size:clamp(2.35rem,4vw,4rem);line-height:1.06;letter-spacing:-.052em}.section-heading>p[b-fy0d2aga55]{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.75}.topic-row[b-fy0d2aga55]{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border-block:1px solid var(--line)}.topic-row span[b-fy0d2aga55]{display:grid;padding:21px;border-right:1px solid var(--line)}.topic-row span:last-child[b-fy0d2aga55]{border-right:0}.topic-row b[b-fy0d2aga55]{color:var(--teal)}.topic-row small[b-fy0d2aga55]{color:var(--muted)}
.questions-section[b-fy0d2aga55]{padding-block:100px 115px;background:#f0f5f3;scroll-margin-top:25px}.questions-heading[b-fy0d2aga55]{display:grid;grid-template-columns:1fr minmax(320px,460px);gap:55px;align-items:end}.questions-heading>div>p:last-child[b-fy0d2aga55]{margin:15px 0 0;color:var(--muted)}.search-box[b-fy0d2aga55]{display:grid;grid-template-columns:30px 1fr auto;align-items:center;min-height:56px;padding:0 15px;background:#fff;border:1px solid #b9cbc7;border-radius:7px;box-shadow:0 10px 28px #254c480c}.search-box>span[b-fy0d2aga55]{color:var(--teal);font-size:1.4rem}.search-box input[b-fy0d2aga55]{width:100%;padding:15px 5px;border:0;outline:0;color:var(--ink);background:transparent}.search-box button[b-fy0d2aga55]{width:30px;height:30px;border:0;border-radius:50%;color:var(--muted);background:var(--mint);cursor:pointer}.accordion-card[b-fy0d2aga55]{margin-top:44px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 22px 50px #254c4812}.accordion-card[b-fy0d2aga55]  .winmens-faq{width:100%}.accordion-card[b-fy0d2aga55]  .dxbl-accordion-item{border-bottom:1px solid var(--line)}.accordion-card[b-fy0d2aga55]  .dxbl-accordion-item:last-child{border-bottom:0}.accordion-card[b-fy0d2aga55]  .dxbl-accordion-item-header{padding:20px 18px;color:var(--ink);background:#fff;font-weight:800;line-height:1.45}.accordion-card[b-fy0d2aga55]  .dxbl-accordion-item-header:hover{color:var(--teal);background:#f7fbfa}.accordion-card[b-fy0d2aga55]  .dxbl-accordion-item-content{padding:0}.faq-answer[b-fy0d2aga55]{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:9px 22px 25px;color:var(--muted);background:#fbfdfc}.answer-number[b-fy0d2aga55]{display:grid;place-items:center;width:42px;height:42px;color:var(--teal);background:var(--mint);border-radius:50%;font-size:.73rem;font-weight:900}.faq-answer[b-fy0d2aga55]  .answer-copy p{margin:0 0 13px;line-height:1.75}.faq-answer[b-fy0d2aga55]  .answer-copy p:last-child{margin-bottom:0}.faq-answer[b-fy0d2aga55]  .answer-copy strong{color:var(--ink)}.faq-answer[b-fy0d2aga55]  .answer-copy ol{margin:0;padding-left:21px}.faq-answer[b-fy0d2aga55]  .answer-copy li{padding:4px 0;line-height:1.7}.empty-state[b-fy0d2aga55]{display:flex;gap:16px;align-items:center;margin-top:44px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:8px}.empty-state>span[b-fy0d2aga55]{display:grid;place-items:center;width:44px;height:44px;color:#fff;background:var(--orange);border-radius:50%;font-weight:900}.empty-state p[b-fy0d2aga55]{margin:4px 0 0;color:var(--muted)}
.faq-cta[b-fy0d2aga55]{padding-block:85px;color:#fff;background:var(--teal)}.cta-inner[b-fy0d2aga55]{display:flex;justify-content:space-between;align-items:center;gap:60px}.faq-cta .eyebrow[b-fy0d2aga55]{color:#bcece6}.faq-cta p:not(.eyebrow)[b-fy0d2aga55]{margin:18px 0 0;color:#d4efeb}.light-button[b-fy0d2aga55]{flex:0 0 auto;color:var(--ink);background:#fff}
@media(max-width:950px){.hero-grid[b-fy0d2aga55],.section-heading[b-fy0d2aga55],.questions-heading[b-fy0d2aga55]{grid-template-columns:1fr;gap:50px}.hero-grid[b-fy0d2aga55]{padding-block:70px 90px}.faq-visual[b-fy0d2aga55]{width:min(100%,650px);margin:auto}.cta-inner[b-fy0d2aga55]{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.faq-shell[b-fy0d2aga55]{width:calc(100% - 36px)}.faq-hero[b-fy0d2aga55]:before{display:none}.hero-copy h1[b-fy0d2aga55]{font-size:3.1rem}.primary-button[b-fy0d2aga55]{width:100%}.faq-visual[b-fy0d2aga55]{min-height:365px}.question-card[b-fy0d2aga55]{left:2%;width:87%;height:300px;padding:38px 30px}.answer-card[b-fy0d2aga55]{right:0;bottom:0}.intro-section[b-fy0d2aga55]{padding-block:76px}.topic-row[b-fy0d2aga55]{grid-template-columns:repeat(2,1fr)}.topic-row span:nth-child(2)[b-fy0d2aga55]{border-right:0}.topic-row span:nth-child(-n+2)[b-fy0d2aga55]{border-bottom:1px solid var(--line)}.questions-section[b-fy0d2aga55]{padding-block:75px}.search-box[b-fy0d2aga55]{min-width:0}.accordion-card[b-fy0d2aga55]{padding:8px}.accordion-card[b-fy0d2aga55]  .dxbl-accordion-item-header{padding:17px 12px}.faq-answer[b-fy0d2aga55]{grid-template-columns:1fr;padding:8px 15px 22px}.answer-number[b-fy0d2aga55]{width:36px;height:36px}.light-button[b-fy0d2aga55]{width:100%}}@media(max-width:430px){.hero-copy h1[b-fy0d2aga55]{font-size:2.75rem}.faq-visual[b-fy0d2aga55]{min-height:330px}.question-card[b-fy0d2aga55]{height:270px}.answer-card small[b-fy0d2aga55]{display:none}.faq-count[b-fy0d2aga55]{transform:scale(.88);transform-origin:right top}}
/* _content/WinMens.Web/Components/Pages/ServiceCentrum/Handleidingen.razor.rz.scp.css */
.manuals-page[b-omuoed9ybs]{--ink:#263b3b;--muted:#60726e;--teal:#087f76;--mint:#dff5f1;--orange:#ff7447;--line:#d9e3e1;color:var(--ink);background:#fff;overflow:hidden}.manuals-page h1[b-omuoed9ybs],.manuals-page h2[b-omuoed9ybs]{font-family:"Manrope",sans-serif}.manuals-shell[b-omuoed9ybs]{width:min(1180px,calc(100% - 64px));margin-inline:auto}.eyebrow[b-omuoed9ybs]{margin:0 0 18px;color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.manuals-hero[b-omuoed9ybs]{position:relative;background:#e2ebe9}.manuals-hero[b-omuoed9ybs]:before{position:absolute;top:-220px;left:-220px;width:430px;height:430px;border:76px solid #c7eee8;border-radius:50%;content:""}.hero-grid[b-omuoed9ybs]{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center;min-height:650px;padding-block:78px 92px}.hero-copy[b-omuoed9ybs]{position:relative;z-index:2}.hero-copy h1[b-omuoed9ybs]{margin:0 0 28px;font-size:clamp(3.5rem,6vw,5.8rem);line-height:.98;letter-spacing:-.066em}.hero-copy h1 em[b-omuoed9ybs]{color:var(--teal);font-style:normal}.hero-lead[b-omuoed9ybs]{max-width:620px;margin:0 0 33px;color:var(--muted);font-size:1.1rem;line-height:1.75}.primary-button[b-omuoed9ybs],.download-button[b-omuoed9ybs],.light-button[b-omuoed9ybs]{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:50px;padding:13px 20px;border:0;border-radius:7px;font-weight:800;text-decoration:none}.primary-button[b-omuoed9ybs]{color:var(--ink);background:var(--orange)}
.manual-visual[b-omuoed9ybs]{position:relative;min-height:450px}.document-stack[b-omuoed9ybs]{position:absolute;width:68%;height:365px;background:#fff;border-radius:9px;box-shadow:0 25px 58px #254c4824}.document-stack.back[b-omuoed9ybs]{top:27px;left:22%;background:#bfe7e1;transform:rotate(7deg)}.document-stack.front[b-omuoed9ybs]{top:42px;left:12%;z-index:2;padding:40px;transform:rotate(-2deg)}.pdf-label[b-omuoed9ybs]{position:absolute;top:26px;right:28px;padding:7px 10px;color:#fff;background:var(--orange);border-radius:4px;font-size:.7rem;font-weight:900}.visual-logo[b-omuoed9ybs]{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;color:#fff;background:var(--teal);border-radius:50% 50% 50% 12px;font-weight:800}.document-stack strong[b-omuoed9ybs],.document-stack small[b-omuoed9ybs]{display:block}.document-stack strong[b-omuoed9ybs]{font-size:1.55rem}.document-stack small[b-omuoed9ybs]{margin:5px 0 30px;color:var(--muted)}.document-stack i[b-omuoed9ybs]{display:block;width:100%;height:8px;margin:15px 0;background:#dce7e4;border-radius:5px}.document-stack i.short[b-omuoed9ybs]{width:62%}.download-badge[b-omuoed9ybs]{position:absolute;right:0;bottom:13px;z-index:3;display:flex;gap:12px;align-items:center;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 15px 38px #17352e25}.download-badge>span[b-omuoed9ybs]{display:grid;place-items:center;width:40px;height:40px;color:#fff;background:var(--teal);border-radius:50%;font-weight:900}.download-badge>div[b-omuoed9ybs]{display:grid}.download-badge b[b-omuoed9ybs]{font-size:1.25rem}.download-badge small[b-omuoed9ybs]{color:var(--muted)}
.manuals-intro[b-omuoed9ybs]{padding-block:105px 90px}.section-heading[b-omuoed9ybs]{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end}.section-heading h2[b-omuoed9ybs],.grid-heading h2[b-omuoed9ybs],.manuals-cta h2[b-omuoed9ybs]{margin:0;font-size:clamp(2.35rem,4vw,4rem);line-height:1.06;letter-spacing:-.052em}.section-heading>p[b-omuoed9ybs]{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.75}.benefit-row[b-omuoed9ybs]{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-block:1px solid var(--line)}.benefit-row span[b-omuoed9ybs]{display:grid;grid-template-columns:50px 1fr;align-items:center;padding:22px;border-right:1px solid var(--line)}.benefit-row span:last-child[b-omuoed9ybs]{border-right:0}.benefit-row b[b-omuoed9ybs]{color:var(--teal);font-size:1.12rem}.benefit-row small[b-omuoed9ybs]{color:var(--muted)}
.grid-section[b-omuoed9ybs]{padding-block:100px 115px;background:#f0f5f3;scroll-margin-top:25px}.grid-heading[b-omuoed9ybs]{display:flex;justify-content:space-between;align-items:end;gap:45px}.grid-heading>div>p:last-child[b-omuoed9ybs]{margin:16px 0 0;color:var(--muted)}.download-button[b-omuoed9ybs]{color:#fff;background:var(--teal);cursor:pointer}.download-button.disabled[b-omuoed9ybs]{color:#81908d;background:#dce5e3;cursor:not-allowed}.grid-card[b-omuoed9ybs]{margin-top:44px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 22px 50px #254c4812;overflow:auto}.grid-card[b-omuoed9ybs]  .manuals-grid{min-width:760px}.grid-card[b-omuoed9ybs]  .dxbl-grid{border:0}.grid-card[b-omuoed9ybs]  .dxbl-grid-header-row{color:var(--ink);background:var(--mint);font-weight:800}.grid-card[b-omuoed9ybs]  .dxbl-grid-table>tbody>tr{cursor:pointer}.selection-card[b-omuoed9ybs]{display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center;margin-top:18px;padding:18px 20px;background:#fff;border-left:4px solid var(--teal);border-radius:7px;box-shadow:0 12px 32px #254c4810}.pdf-icon[b-omuoed9ybs]{display:grid;place-items:center;width:46px;height:46px;color:#fff;background:var(--orange);border-radius:5px;font-size:.7rem;font-weight:900}.selection-card>div[b-omuoed9ybs]{display:grid}.selection-card small[b-omuoed9ybs]{color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.selection-card strong[b-omuoed9ybs]{margin:2px 0}.selection-card>div>span[b-omuoed9ybs]{color:var(--muted);font-size:.82rem}.selection-card>a[b-omuoed9ybs]{color:var(--teal);font-weight:800;text-decoration:none}.state-card[b-omuoed9ybs]{display:flex;gap:15px;align-items:center;margin-top:44px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:8px}.state-card>span[b-omuoed9ybs]{display:grid;place-items:center;width:42px;height:42px;color:var(--teal);background:var(--mint);border-radius:50%;font-weight:800}.state-card>div[b-omuoed9ybs]{display:grid}.state-card p[b-omuoed9ybs]{margin:4px 0 0;color:var(--muted)}.state-card code[b-omuoed9ybs]{padding:2px 5px;color:var(--teal);background:var(--mint);border-radius:3px}.state-card.error[b-omuoed9ybs]{border-left:4px solid var(--orange)}
.manuals-cta[b-omuoed9ybs]{padding-block:85px;color:#fff;background:var(--teal)}.cta-inner[b-omuoed9ybs]{display:flex;justify-content:space-between;align-items:center;gap:60px}.manuals-cta .eyebrow[b-omuoed9ybs]{color:#bcece6}.manuals-cta p:not(.eyebrow)[b-omuoed9ybs]{margin:18px 0 0;color:#d4efeb}.light-button[b-omuoed9ybs]{flex:0 0 auto;color:var(--ink);background:#fff}
@media(max-width:950px){.hero-grid[b-omuoed9ybs],.section-heading[b-omuoed9ybs]{grid-template-columns:1fr;gap:50px}.hero-grid[b-omuoed9ybs]{padding-block:70px 90px}.manual-visual[b-omuoed9ybs]{width:min(100%,650px);margin:auto}.cta-inner[b-omuoed9ybs]{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.manuals-shell[b-omuoed9ybs]{width:calc(100% - 36px)}.manuals-hero[b-omuoed9ybs]:before{display:none}.hero-copy h1[b-omuoed9ybs]{font-size:3.1rem}.primary-button[b-omuoed9ybs]{width:100%}.manual-visual[b-omuoed9ybs]{min-height:375px}.document-stack[b-omuoed9ybs]{height:310px}.document-stack.front[b-omuoed9ybs]{left:4%;width:80%;padding:30px}.download-badge[b-omuoed9ybs]{right:0;bottom:0}.manuals-intro[b-omuoed9ybs]{padding-block:76px}.benefit-row[b-omuoed9ybs]{grid-template-columns:1fr}.benefit-row span[b-omuoed9ybs]{border-right:0;border-bottom:1px solid var(--line)}.benefit-row span:last-child[b-omuoed9ybs]{border-bottom:0}.grid-section[b-omuoed9ybs]{padding-block:75px}.grid-heading[b-omuoed9ybs]{align-items:flex-start;flex-direction:column}.download-button[b-omuoed9ybs]{width:100%}.selection-card[b-omuoed9ybs]{grid-template-columns:48px 1fr}.selection-card>a[b-omuoed9ybs]{grid-column:1/-1;padding-top:13px;border-top:1px solid var(--line)}.light-button[b-omuoed9ybs]{width:100%}}@media(max-width:430px){.hero-copy h1[b-omuoed9ybs]{font-size:2.75rem}.manual-visual[b-omuoed9ybs]{min-height:330px}.document-stack[b-omuoed9ybs]{height:275px}.document-stack.front[b-omuoed9ybs]{padding:24px}.document-stack small[b-omuoed9ybs]{margin-bottom:20px}.download-badge small[b-omuoed9ybs]{display:none}.grid-card[b-omuoed9ybs]{padding:8px}}
/* _content/WinMens.Web/Components/Pages/ServiceCentrum/VersieBeheerBoekhouding.razor.rz.scp.css */
.version-page[b-042s7vc8la] {
    --ink: #263b3b;
    --muted: #60726e;
    --teal: #087f76;
    --mint: #dff5f1;
    --orange: #ff7447;
    --line: #d9e3e1;
    color: var(--ink);
    background: #fff;
    overflow: hidden
}

    .version-page h1[b-042s7vc8la], .version-page h2[b-042s7vc8la] {
        font-family: "Manrope",sans-serif
    }

.version-shell[b-042s7vc8la] {
    width: min(1180px,calc(100% - 64px));
    margin-inline: auto
}

.eyebrow[b-042s7vc8la] {
    margin: 0 0 18px;
    color: var(--teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.version-hero[b-042s7vc8la] {
    position: relative;
    background: #e2ebe9
}

    .version-hero[b-042s7vc8la]:before {
        position: absolute;
        top: -220px;
        left: -220px;
        width: 430px;
        height: 430px;
        border: 76px solid #c7eee8;
        border-radius: 50%;
        content: ""
    }

.hero-grid[b-042s7vc8la] {
    position: relative;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 80px;
    align-items: center;
    min-height: 670px;
    padding-block: 80px 95px
}

.hero-copy[b-042s7vc8la] {
    position: relative;
    z-index: 2
}

    .hero-copy h1[b-042s7vc8la] {
        margin: 0 0 28px;
        font-size: clamp(3.5rem,6vw,5.8rem);
        line-height: .98;
        letter-spacing: -.066em
    }

        .hero-copy h1 em[b-042s7vc8la] {
            color: var(--teal);
            font-style: normal
        }

.hero-lead[b-042s7vc8la] {
    max-width: 630px;
    margin: 0;
    color: var(--muted);
    font-size: 1.1rem;
    line-height: 1.75
}

.hero-actions[b-042s7vc8la] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px
}

.primary-button[b-042s7vc8la], .secondary-button[b-042s7vc8la], .light-button[b-042s7vc8la] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none
}

.primary-button[b-042s7vc8la] {
    color: var(--ink);
    background: var(--orange)
}

.secondary-button[b-042s7vc8la] {
    color: var(--ink);
    background: #fff;
    border: 1px solid #bdccca
}

.hero-proof[b-042s7vc8la] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 17px;
    margin-top: 28px;
    color: var(--muted);
    font-size: .8rem
}

    .hero-proof b[b-042s7vc8la] {
        color: var(--teal)
    }

.release-visual[b-042s7vc8la] {
    position: relative;
    min-height: 475px
}

.release-window[b-042s7vc8la] {
    position: absolute;
    top: 40px;
    left: 3%;
    width: 88%;
    min-height: 365px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 28px 65px #254c4827;
    transform: rotate(-1.5deg)
}

.window-top[b-042s7vc8la] {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 13px;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--line)
}

.visual-logo[b-042s7vc8la] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 11px;
    font-weight: 800
}

.window-top > div[b-042s7vc8la] {
    display: grid
}

.window-top small[b-042s7vc8la] {
    color: var(--teal);
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase
}

.window-top > b[b-042s7vc8la] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: var(--teal);
    background: var(--mint);
    border-radius: 50%
}

.window-line[b-042s7vc8la] {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 12px;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--line)
}

    .window-line i[b-042s7vc8la] {
        width: 27px;
        height: 27px;
        background: #e7efed;
        border-radius: 50%
    }

    .window-line span[b-042s7vc8la] {
        height: 7px;
        background: #dce6e3;
        border-radius: 4px
    }

    .window-line.active i[b-042s7vc8la] {
        background: var(--teal)
    }

    .window-line.active span[b-042s7vc8la] {
        background: #b8e2dc
    }

    .window-line.short span[b-042s7vc8la] {
        width: 65%
    }

.update-card[b-042s7vc8la] {
    position: absolute;
    right: 0;
    bottom: 12px;
    z-index: 3;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 15px 18px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25
}

    .update-card > span[b-042s7vc8la] {
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-size: 1.2rem
    }

    .update-card > div[b-042s7vc8la] {
        display: grid
    }

    .update-card small[b-042s7vc8la] {
        color: var(--muted)
    }

.release-count[b-042s7vc8la] {
    position: absolute;
    top: 16px;
    right: -8px;
    z-index: 3;
    display: grid;
    padding: 14px 18px;
    color: #fff;
    background: var(--teal);
    border-radius: 7px;
    box-shadow: 0 13px 30px #17352e25
}

    .release-count b[b-042s7vc8la] {
        font-size: 1.5rem
    }

    .release-count span[b-042s7vc8la] {
        font-size: .7rem
    }

.intro-section[b-042s7vc8la] {
    padding-block: 110px 90px
}

.section-heading[b-042s7vc8la] {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 85px;
    align-items: end
}

    .section-heading h2[b-042s7vc8la], .tree-heading h2[b-042s7vc8la], .format-section h2[b-042s7vc8la], .version-cta h2[b-042s7vc8la] {
        margin: 0;
        font-size: clamp(2.35rem,4vw,4rem);
        line-height: 1.06;
        letter-spacing: -.052em
    }

    .section-heading > p[b-042s7vc8la] {
        margin: 0;
        color: var(--muted);
        font-size: 1.04rem;
        line-height: 1.75
    }

    .section-heading code[b-042s7vc8la] {
        padding: 2px 5px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 3px;
        font-size: .78rem
    }

.legend-strip[b-042s7vc8la] {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    margin-top: 60px;
    border-block: 1px solid var(--line)
}

    .legend-strip span[b-042s7vc8la] {
        display: grid;
        padding: 20px;
        border-right: 1px solid var(--line)
    }

        .legend-strip span:last-child[b-042s7vc8la] {
            border-right: 0
        }

    .legend-strip b[b-042s7vc8la] {
        color: var(--teal)
    }

    .legend-strip small[b-042s7vc8la] {
        color: var(--muted)
    }

.tree-section[b-042s7vc8la] {
    padding-block: 100px 115px;
    background: #f0f5f3;
    scroll-margin-top: 25px
}

.tree-heading[b-042s7vc8la] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 45px
}

    .tree-heading > div > p:last-child[b-042s7vc8la] {
        margin: 18px 0 0;
        color: var(--muted)
    }

.tree-actions[b-042s7vc8la] {
    display: flex;
    gap: 9px
}

    .tree-actions button[b-042s7vc8la] {
        padding: 10px 13px;
        color: var(--teal);
        background: #fff;
        border: 1px solid #b9cbc7;
        border-radius: 5px;
        font-weight: 700;
        cursor: pointer
    }

.tree-card[b-042s7vc8la] {
    margin-top: 45px;
    padding: 26px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 9px;
    box-shadow: 0 22px 50px #254c4812
}

    .tree-card[b-042s7vc8la]  .versions-tree {
        width: 100%
    }

    .tree-card[b-042s7vc8la]  .version-node {
        display: grid;
        grid-template-columns: 38px 1fr auto;
        gap: 12px;
        align-items: center;
        width: 100%;
        padding: 10px 8px
    }

.version-dot[b-042s7vc8la] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 9px;
    font-size: .76rem;
    font-weight: 800
}

.tree-card[b-042s7vc8la]  .version-node small {
    padding: 4px 8px;
    color: var(--teal);
    background: var(--mint);
    border-radius: 99px;
    font-size: .66rem
}

.tree-card[b-042s7vc8la]  .change-node {
    display: grid;
    grid-template-columns: 27px 1fr;
    gap: 10px;
    align-items: start;
    padding: 8px
}

    .tree-card[b-042s7vc8la]  .change-node > span {
        display: grid;
        place-items: center;
        width: 23px;
        height: 23px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-size: .68rem
    }

    .tree-card[b-042s7vc8la]  .change-node p {
        margin: 1px 0;
        color: var(--muted);
        line-height: 1.55
    }

.state-card[b-042s7vc8la] {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: 45px;
    padding: 30px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px
}

    .state-card > span[b-042s7vc8la] {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-weight: 800
    }

    .state-card > div[b-042s7vc8la] {
        display: grid
    }

    .state-card p[b-042s7vc8la] {
        margin: 4px 0 0;
        color: var(--muted)
    }

    .state-card.error[b-042s7vc8la] {
        border-left: 4px solid var(--orange)
    }

.loader[b-042s7vc8la] {
    border: 3px solid #cfe2de;
    border-top-color: var(--teal);
    animation: spin-b-042s7vc8la .8s linear infinite
}

@keyframes spin-b-042s7vc8la {
    to {
        transform: rotate(360deg)
    }
}

.format-section[b-042s7vc8la] {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 90px;
    align-items: center;
    padding-block: 110px
}

.format-card[b-042s7vc8la] {
    padding: 28px;
    background: var(--ink);
    border-radius: 8px
}

    .format-card > small[b-042s7vc8la] {
        color: #9de1d8
    }

    .format-card pre[b-042s7vc8la] {
        margin: 17px 0;
        padding: 18px;
        color: #e7f2f0;
        background: #1d302f;
        border-radius: 5px;
        overflow: auto
    }

    .format-card p[b-042s7vc8la] {
        margin: 0;
        color: #c5d2cf;
        line-height: 1.6
    }

        .format-card p b[b-042s7vc8la] {
            color: #9de1d8
        }

.version-cta[b-042s7vc8la] {
    padding-block: 85px;
    color: #fff;
    background: var(--teal)
}

.cta-inner[b-042s7vc8la] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px
}

.version-cta .eyebrow[b-042s7vc8la] {
    color: #bcece6
}

.version-cta p:not(.eyebrow)[b-042s7vc8la] {
    margin: 18px 0 0;
    color: #d4efeb
}

.light-button[b-042s7vc8la] {
    flex: 0 0 auto;
    color: var(--ink);
    background: #fff
}

@media(max-width:950px) {
    .hero-grid[b-042s7vc8la], .section-heading[b-042s7vc8la], .format-section[b-042s7vc8la] {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .hero-grid[b-042s7vc8la] {
        padding-block: 70px 90px
    }

    .release-visual[b-042s7vc8la] {
        width: min(100%,650px);
        margin: auto
    }

    .cta-inner[b-042s7vc8la] {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width:700px) {
    .version-shell[b-042s7vc8la] {
        width: calc(100% - 36px)
    }

    .version-hero[b-042s7vc8la]:before {
        display: none
    }

    .hero-copy h1[b-042s7vc8la] {
        font-size: 3.1rem
    }

    .hero-actions[b-042s7vc8la] {
        flex-direction: column
    }

        .hero-actions a[b-042s7vc8la] {
            width: 100%
        }

    .release-visual[b-042s7vc8la] {
        min-height: 390px
    }

    .release-window[b-042s7vc8la] {
        width: 95%;
        min-height: 320px
    }

    .update-card[b-042s7vc8la] {
        right: 0;
        bottom: 0;
        font-size: .76rem
    }

    .release-count[b-042s7vc8la] {
        right: 0
    }

    .intro-section[b-042s7vc8la], .format-section[b-042s7vc8la] {
        padding-block: 78px
    }

    .legend-strip[b-042s7vc8la] {
        grid-template-columns: repeat(2,1fr)
    }

        .legend-strip span[b-042s7vc8la] {
            border-bottom: 1px solid var(--line)
        }

    .tree-section[b-042s7vc8la] {
        padding-block: 75px
    }

    .tree-heading[b-042s7vc8la] {
        align-items: flex-start;
        flex-direction: column
    }

    .tree-actions[b-042s7vc8la] {
        width: 100%;
        flex-direction: column
    }

        .tree-actions button[b-042s7vc8la] {
            width: 100%
        }

    .tree-card[b-042s7vc8la] {
        padding: 14px
    }

        .tree-card[b-042s7vc8la]  .version-node {
            grid-template-columns: 34px 1fr
        }

            .tree-card[b-042s7vc8la]  .version-node small {
                grid-column: 2
            }

    .light-button[b-042s7vc8la] {
        width: 100%
    }
}

@media(max-width:430px) {
    .hero-copy h1[b-042s7vc8la] {
        font-size: 2.75rem
    }

    .release-count[b-042s7vc8la] {
        transform: scale(.88);
        transform-origin: right top
    }

    .update-card small[b-042s7vc8la] {
        display: none
    }

    .format-card[b-042s7vc8la] {
        padding: 20px
    }
}

@media(prefers-reduced-motion:reduce) {
    .loader[b-042s7vc8la] {
        animation: none
    }
}

/* _content/WinMens.Web/Components/Pages/ServiceCentrum/VersieBeheerWinMens.razor.rz.scp.css */
.version-page[b-x7ar0amazg] {
    --ink: #263b3b;
    --muted: #60726e;
    --teal: #087f76;
    --mint: #dff5f1;
    --orange: #ff7447;
    --line: #d9e3e1;
    color: var(--ink);
    background: #fff;
    overflow: hidden
}

    .version-page h1[b-x7ar0amazg], .version-page h2[b-x7ar0amazg] {
        font-family: "Manrope",sans-serif
    }

.version-shell[b-x7ar0amazg] {
    width: min(1180px,calc(100% - 64px));
    margin-inline: auto
}

.eyebrow[b-x7ar0amazg] {
    margin: 0 0 18px;
    color: var(--teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.version-hero[b-x7ar0amazg] {
    position: relative;
    background: #e2ebe9
}

    .version-hero[b-x7ar0amazg]:before {
        position: absolute;
        top: -220px;
        left: -220px;
        width: 430px;
        height: 430px;
        border: 76px solid #c7eee8;
        border-radius: 50%;
        content: ""
    }

.hero-grid[b-x7ar0amazg] {
    position: relative;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 80px;
    align-items: center;
    min-height: 670px;
    padding-block: 80px 95px
}

.hero-copy[b-x7ar0amazg] {
    position: relative;
    z-index: 2
}

    .hero-copy h1[b-x7ar0amazg] {
        margin: 0 0 28px;
        font-size: clamp(3.5rem,6vw,5.8rem);
        line-height: .98;
        letter-spacing: -.066em
    }

        .hero-copy h1 em[b-x7ar0amazg] {
            color: var(--teal);
            font-style: normal
        }

.hero-lead[b-x7ar0amazg] {
    max-width: 630px;
    margin: 0;
    color: var(--muted);
    font-size: 1.1rem;
    line-height: 1.75
}

.hero-actions[b-x7ar0amazg] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px
}

.primary-button[b-x7ar0amazg], .secondary-button[b-x7ar0amazg], .light-button[b-x7ar0amazg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none
}

.primary-button[b-x7ar0amazg] {
    color: var(--ink);
    background: var(--orange)
}

.secondary-button[b-x7ar0amazg] {
    color: var(--ink);
    background: #fff;
    border: 1px solid #bdccca
}

.hero-proof[b-x7ar0amazg] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 17px;
    margin-top: 28px;
    color: var(--muted);
    font-size: .8rem
}

    .hero-proof b[b-x7ar0amazg] {
        color: var(--teal)
    }

.release-visual[b-x7ar0amazg] {
    position: relative;
    min-height: 475px
}

.release-window[b-x7ar0amazg] {
    position: absolute;
    top: 40px;
    left: 3%;
    width: 88%;
    min-height: 365px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 28px 65px #254c4827;
    transform: rotate(-1.5deg)
}

.window-top[b-x7ar0amazg] {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 13px;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--line)
}

.visual-logo[b-x7ar0amazg] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 11px;
    font-weight: 800
}

.window-top > div[b-x7ar0amazg] {
    display: grid
}

.window-top small[b-x7ar0amazg] {
    color: var(--teal);
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase
}

.window-top > b[b-x7ar0amazg] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: var(--teal);
    background: var(--mint);
    border-radius: 50%
}

.window-line[b-x7ar0amazg] {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 12px;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--line)
}

    .window-line i[b-x7ar0amazg] {
        width: 27px;
        height: 27px;
        background: #e7efed;
        border-radius: 50%
    }

    .window-line span[b-x7ar0amazg] {
        height: 7px;
        background: #dce6e3;
        border-radius: 4px
    }

    .window-line.active i[b-x7ar0amazg] {
        background: var(--teal)
    }

    .window-line.active span[b-x7ar0amazg] {
        background: #b8e2dc
    }

    .window-line.short span[b-x7ar0amazg] {
        width: 65%
    }

.update-card[b-x7ar0amazg] {
    position: absolute;
    right: 0;
    bottom: 12px;
    z-index: 3;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 15px 18px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25
}

    .update-card > span[b-x7ar0amazg] {
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-size: 1.2rem
    }

    .update-card > div[b-x7ar0amazg] {
        display: grid
    }

    .update-card small[b-x7ar0amazg] {
        color: var(--muted)
    }

.release-count[b-x7ar0amazg] {
    position: absolute;
    top: 16px;
    right: -8px;
    z-index: 3;
    display: grid;
    padding: 14px 18px;
    color: #fff;
    background: var(--teal);
    border-radius: 7px;
    box-shadow: 0 13px 30px #17352e25
}

    .release-count b[b-x7ar0amazg] {
        font-size: 1.5rem
    }

    .release-count span[b-x7ar0amazg] {
        font-size: .7rem
    }

.intro-section[b-x7ar0amazg] {
    padding-block: 110px 90px
}

.section-heading[b-x7ar0amazg] {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 85px;
    align-items: end
}

    .section-heading h2[b-x7ar0amazg], .tree-heading h2[b-x7ar0amazg], .format-section h2[b-x7ar0amazg], .version-cta h2[b-x7ar0amazg] {
        margin: 0;
        font-size: clamp(2.35rem,4vw,4rem);
        line-height: 1.06;
        letter-spacing: -.052em
    }

    .section-heading > p[b-x7ar0amazg] {
        margin: 0;
        color: var(--muted);
        font-size: 1.04rem;
        line-height: 1.75
    }

    .section-heading code[b-x7ar0amazg] {
        padding: 2px 5px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 3px;
        font-size: .78rem
    }

.legend-strip[b-x7ar0amazg] {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    margin-top: 60px;
    border-block: 1px solid var(--line)
}

    .legend-strip span[b-x7ar0amazg] {
        display: grid;
        padding: 20px;
        border-right: 1px solid var(--line)
    }

        .legend-strip span:last-child[b-x7ar0amazg] {
            border-right: 0
        }

    .legend-strip b[b-x7ar0amazg] {
        color: var(--teal)
    }

    .legend-strip small[b-x7ar0amazg] {
        color: var(--muted)
    }

.tree-section[b-x7ar0amazg] {
    padding-block: 100px 115px;
    background: #f0f5f3;
    scroll-margin-top: 25px
}

.tree-heading[b-x7ar0amazg] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 45px
}

    .tree-heading > div > p:last-child[b-x7ar0amazg] {
        margin: 18px 0 0;
        color: var(--muted)
    }

.tree-actions[b-x7ar0amazg] {
    display: flex;
    gap: 9px
}

    .tree-actions button[b-x7ar0amazg] {
        padding: 10px 13px;
        color: var(--teal);
        background: #fff;
        border: 1px solid #b9cbc7;
        border-radius: 5px;
        font-weight: 700;
        cursor: pointer
    }

.tree-card[b-x7ar0amazg] {
    margin-top: 45px;
    padding: 26px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 9px;
    box-shadow: 0 22px 50px #254c4812
}

    .tree-card[b-x7ar0amazg]  .versions-tree {
        width: 100%
    }

    .tree-card[b-x7ar0amazg]  .version-node {
        display: grid;
        grid-template-columns: 38px 1fr auto;
        gap: 12px;
        align-items: center;
        width: 100%;
        padding: 10px 8px
    }

.version-dot[b-x7ar0amazg] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 9px;
    font-size: .76rem;
    font-weight: 800
}

.tree-card[b-x7ar0amazg]  .version-node small {
    padding: 4px 8px;
    color: var(--teal);
    background: var(--mint);
    border-radius: 99px;
    font-size: .66rem
}

.tree-card[b-x7ar0amazg]  .change-node {
    display: grid;
    grid-template-columns: 27px 1fr;
    gap: 10px;
    align-items: start;
    padding: 8px
}

    .tree-card[b-x7ar0amazg]  .change-node > span {
        display: grid;
        place-items: center;
        width: 23px;
        height: 23px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-size: .68rem
    }

    .tree-card[b-x7ar0amazg]  .change-node p {
        margin: 1px 0;
        color: var(--muted);
        line-height: 1.55
    }

.state-card[b-x7ar0amazg] {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: 45px;
    padding: 30px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px
}

    .state-card > span[b-x7ar0amazg] {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-weight: 800
    }

    .state-card > div[b-x7ar0amazg] {
        display: grid
    }

    .state-card p[b-x7ar0amazg] {
        margin: 4px 0 0;
        color: var(--muted)
    }

    .state-card.error[b-x7ar0amazg] {
        border-left: 4px solid var(--orange)
    }

.loader[b-x7ar0amazg] {
    border: 3px solid #cfe2de;
    border-top-color: var(--teal);
    animation: spin-b-x7ar0amazg .8s linear infinite
}

@keyframes spin-b-x7ar0amazg {
    to {
        transform: rotate(360deg)
    }
}

.format-section[b-x7ar0amazg] {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 90px;
    align-items: center;
    padding-block: 110px
}

.format-card[b-x7ar0amazg] {
    padding: 28px;
    background: var(--ink);
    border-radius: 8px
}

    .format-card > small[b-x7ar0amazg] {
        color: #9de1d8
    }

    .format-card pre[b-x7ar0amazg] {
        margin: 17px 0;
        padding: 18px;
        color: #e7f2f0;
        background: #1d302f;
        border-radius: 5px;
        overflow: auto
    }

    .format-card p[b-x7ar0amazg] {
        margin: 0;
        color: #c5d2cf;
        line-height: 1.6
    }

        .format-card p b[b-x7ar0amazg] {
            color: #9de1d8
        }

.version-cta[b-x7ar0amazg] {
    padding-block: 85px;
    color: #fff;
    background: var(--teal)
}

.cta-inner[b-x7ar0amazg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px
}

.version-cta .eyebrow[b-x7ar0amazg] {
    color: #bcece6
}

.version-cta p:not(.eyebrow)[b-x7ar0amazg] {
    margin: 18px 0 0;
    color: #d4efeb
}

.light-button[b-x7ar0amazg] {
    flex: 0 0 auto;
    color: var(--ink);
    background: #fff
}

@media(max-width:950px) {
    .hero-grid[b-x7ar0amazg], .section-heading[b-x7ar0amazg], .format-section[b-x7ar0amazg] {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .hero-grid[b-x7ar0amazg] {
        padding-block: 70px 90px
    }

    .release-visual[b-x7ar0amazg] {
        width: min(100%,650px);
        margin: auto
    }

    .cta-inner[b-x7ar0amazg] {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width:700px) {
    .version-shell[b-x7ar0amazg] {
        width: calc(100% - 36px)
    }

    .version-hero[b-x7ar0amazg]:before {
        display: none
    }

    .hero-copy h1[b-x7ar0amazg] {
        font-size: 3.1rem
    }

    .hero-actions[b-x7ar0amazg] {
        flex-direction: column
    }

        .hero-actions a[b-x7ar0amazg] {
            width: 100%
        }

    .release-visual[b-x7ar0amazg] {
        min-height: 390px
    }

    .release-window[b-x7ar0amazg] {
        width: 95%;
        min-height: 320px
    }

    .update-card[b-x7ar0amazg] {
        right: 0;
        bottom: 0;
        font-size: .76rem
    }

    .release-count[b-x7ar0amazg] {
        right: 0
    }

    .intro-section[b-x7ar0amazg], .format-section[b-x7ar0amazg] {
        padding-block: 78px
    }

    .legend-strip[b-x7ar0amazg] {
        grid-template-columns: repeat(2,1fr)
    }

        .legend-strip span[b-x7ar0amazg] {
            border-bottom: 1px solid var(--line)
        }

    .tree-section[b-x7ar0amazg] {
        padding-block: 75px
    }

    .tree-heading[b-x7ar0amazg] {
        align-items: flex-start;
        flex-direction: column
    }

    .tree-actions[b-x7ar0amazg] {
        width: 100%;
        flex-direction: column
    }

        .tree-actions button[b-x7ar0amazg] {
            width: 100%
        }

    .tree-card[b-x7ar0amazg] {
        padding: 14px
    }

        .tree-card[b-x7ar0amazg]  .version-node {
            grid-template-columns: 34px 1fr
        }

            .tree-card[b-x7ar0amazg]  .version-node small {
                grid-column: 2
            }

    .light-button[b-x7ar0amazg] {
        width: 100%
    }
}

@media(max-width:430px) {
    .hero-copy h1[b-x7ar0amazg] {
        font-size: 2.75rem
    }

    .release-count[b-x7ar0amazg] {
        transform: scale(.88);
        transform-origin: right top
    }

    .update-card small[b-x7ar0amazg] {
        display: none
    }

    .format-card[b-x7ar0amazg] {
        padding: 20px
    }
}

@media(prefers-reduced-motion:reduce) {
    .loader[b-x7ar0amazg] {
        animation: none
    }
}

/* _content/WinMens.Web/Components/Pages/ServiceCentrum/WinMensInloggen.razor.rz.scp.css */
.login-page[b-wxojerymeg] {
    --ink: #263b3b;
    --muted: #60726e;
    --teal: #087f76;
    --mint: #dff5f1;
    --orange: #ff7447;
    --line: #d9e3e1;
    color: var(--ink);
    background: #fff;
    overflow: hidden
}

    .login-page h1[b-wxojerymeg], .login-page h2[b-wxojerymeg], .login-page h3[b-wxojerymeg] {
        font-family: "Manrope",sans-serif
    }

.login-shell[b-wxojerymeg] {
    width: min(1150px,calc(100% - 64px));
    margin-inline: auto
}

.eyebrow[b-wxojerymeg] {
    margin: 0 0 18px;
    color: var(--teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.login-hero[b-wxojerymeg] {
    position: relative;
    background: #e2ebe9
}

    .login-hero[b-wxojerymeg]:before {
        position: absolute;
        top: -230px;
        left: -230px;
        width: 450px;
        height: 450px;
        border: 78px solid #c7eee8;
        border-radius: 50%;
        content: ""
    }

    .login-hero[b-wxojerymeg]:after {
        position: absolute;
        right: -180px;
        bottom: -280px;
        width: 500px;
        height: 500px;
        border: 72px solid #caeee8;
        border-radius: 50%;
        content: ""
    }

.hero-grid[b-wxojerymeg] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 100px;
    align-items: center;
    min-height: 760px;
    padding-block: 85px 100px
}

.hero-copy h1[b-wxojerymeg] {
    margin: 0 0 28px;
    font-size: clamp(3.5rem,6vw,5.8rem);
    line-height: .98;
    letter-spacing: -.066em
}

    .hero-copy h1 em[b-wxojerymeg] {
        color: var(--teal);
        font-style: normal
    }

.hero-lead[b-wxojerymeg] {
    max-width: 610px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75
}

.security-points[b-wxojerymeg] {
    display: grid;
    gap: 0;
    margin-top: 35px
}

    .security-points > span[b-wxojerymeg] {
        display: grid;
        grid-template-columns: 36px 1fr;
        gap: 12px;
        padding: 15px 0;
        border-bottom: 1px solid #cbd8d5
    }

        .security-points > span > b[b-wxojerymeg] {
            display: grid;
            place-items: center;
            width: 32px;
            height: 32px;
            color: var(--teal);
            background: #fff;
            border-radius: 50%
        }

        .security-points > span > div[b-wxojerymeg] {
            display: grid
        }

    .security-points small[b-wxojerymeg] {
        color: var(--muted)
    }

.login-card[b-wxojerymeg] {
    padding: 38px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 11px;
    box-shadow: 0 28px 70px #254c4828
}

.card-heading[b-wxojerymeg] {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--line)
}

.login-logo[b-wxojerymeg] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 13px;
    font-size: 1.3rem;
    font-weight: 800
}

.card-heading > div[b-wxojerymeg] {
    display: grid
}

.card-heading small[b-wxojerymeg] {
    color: var(--teal);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase
}

.card-heading h2[b-wxojerymeg] {
    margin: 2px 0 0;
    font-size: 1.45rem
}

.login-card label[b-wxojerymeg], .captcha-box legend[b-wxojerymeg] {
    display: grid;
    gap: 8px;
    margin: 0 0 20px;
    color: var(--ink);
    font-size: .78rem;
    font-weight: 800
}

.login-card em[b-wxojerymeg] {
    color: var(--orange);
    font-style: normal
}

.input-wrap[b-wxojerymeg] {
    display: grid;
    grid-template-columns: 43px 1fr;
    overflow: hidden;
    background: #fbfcfc;
    border: 1px solid #cbd8d5;
    border-radius: 6px
}

    .input-wrap:focus-within[b-wxojerymeg] {
        border-color: var(--teal);
        box-shadow: 0 0 0 3px #087f761a
    }

    .input-wrap i[b-wxojerymeg] {
        display: grid;
        place-items: center;
        color: var(--teal);
        background: #eef5f3;
        border-right: 1px solid var(--line);
        font-style: normal
    }

    .input-wrap input[b-wxojerymeg] {
        width: 100%;
        height: 48px;
        padding: 10px 12px;
        color: var(--ink);
        background: transparent;
        border: 0;
        outline: 0
    }

.field-help[b-wxojerymeg] {
    color: var(--muted);
    font-weight: 400
}

.validation-message[b-wxojerymeg] {
    display: block;
    margin-top: 1px;
    color: #a83229;
    font-size: .7rem;
    font-weight: 600
}

.captcha-box[b-wxojerymeg] {
    margin: 5px 0 22px;
    padding: 16px;
    background: #f4f8f7;
    border: 1px solid var(--line);
    border-radius: 7px
}

    .captcha-box legend[b-wxojerymeg] {
        width: auto;
        margin: 0;
        padding: 0 6px
    }

.captcha-row[b-wxojerymeg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

.captcha-question[b-wxojerymeg] {
    font-family: "Manrope",sans-serif;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: .04em
}

    .captcha-question i[b-wxojerymeg] {
        padding-inline: 6px;
        color: var(--teal);
        font-style: normal
    }

    .captcha-question b[b-wxojerymeg] {
        margin-left: 6px;
        color: var(--muted)
    }

.refresh-button[b-wxojerymeg] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    color: var(--teal);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 1rem;
    cursor: pointer
}

.captcha-box input[b-wxojerymeg] {
    width: 100%;
    height: 44px;
    padding: 9px 11px;
    background: #fff;
    border: 1px solid #cbd8d5;
    border-radius: 5px;
    outline: 0
}

    .captcha-box input:focus[b-wxojerymeg] {
        border-color: var(--teal);
        box-shadow: 0 0 0 3px #087f761a
    }

.honeypot[b-wxojerymeg] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.login-error[b-wxojerymeg] {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 9px;
    align-items: center;
    margin-bottom: 15px;
    padding: 12px;
    color: #8f2d24;
    background: #fff0ed;
    border-left: 3px solid var(--orange);
    border-radius: 4px;
    font-size: .78rem
}

    .login-error > b[b-wxojerymeg] {
        display: grid;
        place-items: center;
        width: 24px;
        height: 24px;
        background: #ffdcd5;
        border-radius: 50%
    }

.login-button[b-wxojerymeg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 52px;
    padding: 13px 18px;
    color: var(--ink);
    background: var(--orange);
    border: 0;
    border-radius: 6px;
    font-weight: 800;
    cursor: pointer
}

    .login-button:disabled[b-wxojerymeg] {
        cursor: wait;
        opacity: .65
    }

    .login-button > b[b-wxojerymeg] {
        font-size: 1.2rem
    }

.card-footer[b-wxojerymeg] {
    display: grid;
    gap: 8px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    font-size: .72rem
}

    .card-footer > span[b-wxojerymeg] {
        color: var(--muted)
    }

    .card-footer > a[b-wxojerymeg] {
        color: var(--teal);
        font-weight: 800;
        text-decoration: none
    }

.help-section[b-wxojerymeg] {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 90px;
    align-items: center;
    padding-block: 110px
}

    .help-section h2[b-wxojerymeg], .privacy-inner h2[b-wxojerymeg] {
        margin: 0;
        font-size: clamp(2.35rem,4vw,4rem);
        line-height: 1.06;
        letter-spacing: -.052em
    }

    .help-section > div:first-child > p:not(.eyebrow)[b-wxojerymeg] {
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.help-cards[b-wxojerymeg] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px
}

    .help-cards article[b-wxojerymeg] {
        display: grid;
        min-height: 225px;
        padding: 24px;
        background: #f7f9f8;
        border: 1px solid var(--line);
        border-radius: 7px
    }

        .help-cards article > span[b-wxojerymeg] {
            color: var(--teal);
            font-size: .7rem;
            font-weight: 800
        }

    .help-cards strong[b-wxojerymeg] {
        align-self: end
    }

    .help-cards small[b-wxojerymeg] {
        margin-top: 6px;
        color: var(--muted);
        line-height: 1.5
    }

.privacy-section[b-wxojerymeg] {
    padding-block: 90px;
    color: #fff;
    background: var(--ink)
}

.privacy-inner[b-wxojerymeg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center
}

.privacy-section .eyebrow[b-wxojerymeg] {
    color: #9de1d8
}

.privacy-inner > p[b-wxojerymeg] {
    margin: 0;
    color: #c5d2cf;
    font-size: 1.05rem;
    line-height: 1.75
}

@media(max-width:1000px) {
    .hero-grid[b-wxojerymeg], .help-section[b-wxojerymeg], .privacy-inner[b-wxojerymeg] {
        grid-template-columns: 1fr;
        gap: 55px
    }

    .hero-grid[b-wxojerymeg] {
        padding-block: 70px 90px
    }

    .hero-copy[b-wxojerymeg] {
        max-width: 760px
    }

    .login-card[b-wxojerymeg] {
        width: min(100%,600px);
        margin-inline: auto
    }

    .help-cards[b-wxojerymeg] {
        grid-template-columns: repeat(3,1fr)
    }
}

@media(max-width:720px) {
    .login-shell[b-wxojerymeg] {
        width: calc(100% - 36px)
    }

    .login-hero[b-wxojerymeg]:before, .login-hero[b-wxojerymeg]:after {
        display: none
    }

    .hero-copy h1[b-wxojerymeg] {
        font-size: 3.15rem
    }

    .login-card[b-wxojerymeg] {
        padding: 28px
    }

    .help-section[b-wxojerymeg] {
        padding-block: 80px
    }

    .help-cards[b-wxojerymeg] {
        grid-template-columns: 1fr
    }

        .help-cards article[b-wxojerymeg] {
            min-height: auto
        }

    .privacy-section[b-wxojerymeg] {
        padding-block: 75px
    }
}

@media(max-width:450px) {
    .hero-copy h1[b-wxojerymeg] {
        font-size: 2.8rem
    }

    .login-card[b-wxojerymeg] {
        padding: 22px
    }

    .card-heading[b-wxojerymeg] {
        align-items: flex-start
    }

    .security-points small[b-wxojerymeg] {
        font-size: .72rem
    }

    .captcha-question[b-wxojerymeg] {
        font-size: 1.25rem
    }
}

@media(prefers-reduced-motion:reduce) {
    html[b-wxojerymeg] {
        scroll-behavior: auto
    }
}

/* _content/WinMens.Web/Components/Pages/WinMensCompleet.razor.rz.scp.css */
.complete-page[b-ceiwk3h94z] {
    --ink: #263b3b;
    --muted: #60726e;
    --teal: #087f76;
    --mint: #dff5f1;
    --orange: #ff7447;
    --line: #d9e3e1;
    color: var(--ink);
    background: #fff;
    overflow: hidden
}

    .complete-page h1[b-ceiwk3h94z], .complete-page h2[b-ceiwk3h94z], .complete-page h3[b-ceiwk3h94z] {
        font-family: "Manrope",sans-serif
    }

.complete-shell[b-ceiwk3h94z] {
    width: min(1200px,calc(100% - 64px));
    margin-inline: auto
}

.eyebrow[b-ceiwk3h94z] {
    margin: 0 0 18px;
    color: var(--teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.complete-hero[b-ceiwk3h94z] {
    position: relative;
    background: #e2ebe9
}

    .complete-hero[b-ceiwk3h94z]:before {
        position: absolute;
        top: -225px;
        left: -225px;
        width: 440px;
        height: 440px;
        border: 78px solid #c7eee8;
        border-radius: 50%;
        content: ""
    }

.hero-grid[b-ceiwk3h94z] {
    position: relative;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 75px;
    align-items: center;
    min-height: 700px;
    padding-block: 82px 95px
}

.hero-copy[b-ceiwk3h94z] {
    position: relative;
    z-index: 2
}

    .hero-copy h1[b-ceiwk3h94z] {
        margin: 0 0 28px;
        font-size: clamp(3.5rem,6vw,5.8rem);
        line-height: .98;
        letter-spacing: -.066em
    }

        .hero-copy h1 em[b-ceiwk3h94z] {
            color: var(--teal);
            font-style: normal
        }

.hero-lead[b-ceiwk3h94z] {
    max-width: 650px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75
}

.hero-actions[b-ceiwk3h94z] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px
}

.primary-button[b-ceiwk3h94z], .secondary-button[b-ceiwk3h94z], .light-button[b-ceiwk3h94z], .outline-button[b-ceiwk3h94z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none
}

.primary-button[b-ceiwk3h94z] {
    color: var(--ink);
    background: var(--orange);
    box-shadow: 0 8px 22px #ff74472b
}

.secondary-button[b-ceiwk3h94z] {
    color: var(--ink);
    background: #fff;
    border: 1px solid #bdccca
}

.hero-proof[b-ceiwk3h94z] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 17px;
    margin-top: 30px;
    color: var(--muted);
    font-size: .82rem
}

    .hero-proof b[b-ceiwk3h94z] {
        color: var(--teal)
    }

.complete-visual[b-ceiwk3h94z] {
    position: relative;
    min-height: 515px
}

.server-cloud[b-ceiwk3h94z] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: grid;
    justify-items: center;
    width: 190px;
    padding: 20px 20px 18px;
    color: #fff;
    background: var(--teal);
    border-radius: 11px;
    box-shadow: 0 20px 48px #17352e2b
}

    .server-cloud strong[b-ceiwk3h94z] {
        margin-top: 8px
    }

    .server-cloud small[b-ceiwk3h94z] {
        color: #bce9e3
    }

.server-icon[b-ceiwk3h94z] {
    display: grid;
    gap: 4px;
    width: 48px
}

    .server-icon i[b-ceiwk3h94z] {
        height: 10px;
        background: #fff;
        border-radius: 2px;
        opacity: .9
    }

.connection[b-ceiwk3h94z] {
    position: absolute;
    z-index: 1;
    width: 150px;
    border-top: 2px dashed #65afa7
}

.connection-one[b-ceiwk3h94z] {
    top: 150px;
    right: 80px;
    transform: rotate(55deg)
}

.connection-two[b-ceiwk3h94z] {
    right: 95px;
    bottom: 145px;
    transform: rotate(-40deg)
}

.desktop-window[b-ceiwk3h94z] {
    position: absolute;
    top: 145px;
    left: 0;
    width: 84%;
    height: 285px;
    padding: 8px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 30px 70px #254c4830;
    transform: rotate(-1deg)
}

.window-bar[b-ceiwk3h94z] {
    display: flex;
    gap: 5px;
    height: 27px;
    padding: 8px;
    background: #e9efed;
    border-radius: 5px 5px 0 0
}

    .window-bar i[b-ceiwk3h94z] {
        width: 7px;
        height: 7px;
        background: #aebfbc;
        border-radius: 50%
    }

.window-content[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: 62px 1fr;
    height: 242px;
    background: #f8faf9
}

    .window-content aside[b-ceiwk3h94z] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding-top: 18px;
        background: var(--ink)
    }

        .window-content aside span[b-ceiwk3h94z] {
            display: grid;
            place-items: center;
            width: 34px;
            height: 34px;
            color: #fff;
            background: var(--teal);
            border-radius: 50% 50% 50% 9px;
            font-weight: 800
        }

        .window-content aside i[b-ceiwk3h94z] {
            width: 20px;
            height: 3px;
            background: #718a85;
            border-radius: 2px
        }

.agenda-preview[b-ceiwk3h94z] {
    display: grid;
    align-content: start;
    padding: 25px
}

    .agenda-preview > small[b-ceiwk3h94z] {
        color: var(--teal);
        font-weight: 800;
        text-transform: uppercase
    }

    .agenda-preview > strong[b-ceiwk3h94z] {
        margin: 3px 0 22px;
        font-size: 1.1rem
    }

    .agenda-preview > span[b-ceiwk3h94z] {
        display: grid;
        grid-template-columns: 42px 1fr;
        gap: 10px;
        align-items: center;
        margin-bottom: 10px
    }

    .agenda-preview b[b-ceiwk3h94z] {
        color: #788884;
        font-size: .63rem
    }

    .agenda-preview i[b-ceiwk3h94z] {
        height: 25px;
        background: var(--mint);
        border-radius: 4px
    }

        .agenda-preview i.pale[b-ceiwk3h94z] {
            width: 85%;
            background: #e4ecea
        }

        .agenda-preview i.orange[b-ceiwk3h94z] {
            width: 70%;
            background: #ffe1d7
        }

.desktop-stand[b-ceiwk3h94z] {
    position: absolute;
    bottom: -35px;
    left: 42%;
    width: 18%;
    height: 35px;
    background: #fff;
    clip-path: polygon(30% 0,70% 0,85% 75%,100% 75%,100% 100%,0 100%,0 75%,15% 75%)
}

.browser-card[b-ceiwk3h94z] {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: grid;
    justify-items: center;
    width: 155px;
    height: 190px;
    padding: 23px 15px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 20px 48px #17352e2b;
    transform: rotate(4deg)
}

    .browser-card .lock[b-ceiwk3h94z] {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        color: #fff;
        background: var(--teal);
        border-radius: 50%;
        font-weight: 800
    }

    .browser-card strong[b-ceiwk3h94z] {
        margin-top: 10px
    }

    .browser-card small[b-ceiwk3h94z] {
        color: var(--muted);
        text-align: center
    }

.sync-card[b-ceiwk3h94z] {
    position: absolute;
    bottom: 15px;
    left: -18px;
    z-index: 4;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 15px 18px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25
}

    .sync-card > b[b-ceiwk3h94z] {
        display: grid;
        place-items: center;
        width: 37px;
        height: 37px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-size: 1.2rem
    }

    .sync-card > span[b-ceiwk3h94z] {
        display: grid
    }

    .sync-card small[b-ceiwk3h94z] {
        color: var(--muted)
    }

.intro-section[b-ceiwk3h94z] {
    padding-block: 112px 95px
}

.section-heading[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 85px;
    align-items: end
}

    .section-heading h2[b-ceiwk3h94z], .features-heading h2[b-ceiwk3h94z], .team-copy h2[b-ceiwk3h94z], .documents-grid h2[b-ceiwk3h94z], .web-copy h2[b-ceiwk3h94z], .complete-cta h2[b-ceiwk3h94z] {
        margin: 0;
        font-size: clamp(2.35rem,4vw,4rem);
        line-height: 1.06;
        letter-spacing: -.052em
    }

    .section-heading > p[b-ceiwk3h94z] {
        margin: 0;
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.benefit-strip[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-top: 65px;
    border-block: 1px solid var(--line)
}

    .benefit-strip > div[b-ceiwk3h94z] {
        display: grid;
        grid-template-columns: 42px 1fr;
        padding: 27px 24px;
        border-right: 1px solid var(--line)
    }

        .benefit-strip > div:last-child[b-ceiwk3h94z] {
            border-right: 0
        }

    .benefit-strip span[b-ceiwk3h94z] {
        grid-row: 1/3;
        color: var(--teal);
        font-size: .72rem;
        font-weight: 800
    }

    .benefit-strip small[b-ceiwk3h94z] {
        color: var(--muted)
    }

.features-section[b-ceiwk3h94z] {
    padding-block: 105px 120px;
    background: #f0f5f3;
    scroll-margin-top: 25px
}

.features-heading[b-ceiwk3h94z] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 50px
}

.text-link[b-ceiwk3h94z] {
    display: inline-flex;
    gap: 16px;
    flex: 0 0 auto;
    color: var(--teal);
    font-weight: 800;
    text-decoration: none
}

.feature-grid[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    margin-top: 60px;
    overflow: hidden;
    background: var(--line);
    border: 1px solid var(--line);
    border-radius: 8px
}

    .feature-grid article[b-ceiwk3h94z] {
        min-height: 300px;
        padding: 30px;
        background: #fff
    }

.feature-icon[b-ceiwk3h94z] {
    display: grid;
    place-items: center;
    width: 49px;
    height: 49px;
    margin-bottom: 38px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 11px;
    font-size: .65rem;
    font-weight: 800
}

.feature-grid article > small[b-ceiwk3h94z] {
    color: var(--teal);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase
}

.feature-grid h3[b-ceiwk3h94z] {
    margin: 12px 0;
    font-size: 1.22rem
}

.feature-grid p[b-ceiwk3h94z] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65
}

.team-section[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
    padding-block: 115px
}

.team-visual[b-ceiwk3h94z] {
    position: relative;
    padding: 30px;
    background: #f5f8f7;
    border: 1px solid var(--line);
    border-radius: 9px;
    box-shadow: 0 24px 55px #254c4815
}

.team-heading[b-ceiwk3h94z] {
    display: flex;
    gap: 13px;
    align-items: center;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--line)
}

    .team-heading > span[b-ceiwk3h94z] {
        display: grid;
        place-items: center;
        width: 43px;
        height: 43px;
        color: #fff;
        background: var(--teal);
        border-radius: 50% 50% 50% 11px;
        font-weight: 800
    }

    .team-heading > div[b-ceiwk3h94z] {
        display: grid
    }

    .team-heading small[b-ceiwk3h94z], .team-row small[b-ceiwk3h94z] {
        color: var(--muted)
    }

.team-row[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: 45px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 17px 0;
    border-bottom: 1px solid var(--line)
}

    .team-row > div[b-ceiwk3h94z] {
        display: grid
    }

    .team-row > i[b-ceiwk3h94z] {
        padding: 5px 8px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 99px;
        font-size: .65rem;
        font-style: normal
    }

.avatar[b-ceiwk3h94z] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    font-size: .68rem;
    font-weight: 800
}

    .avatar.teal[b-ceiwk3h94z] {
        background: var(--teal)
    }

    .avatar.orange[b-ceiwk3h94z] {
        background: var(--orange)
    }

    .avatar.dark[b-ceiwk3h94z] {
        background: var(--ink)
    }

.permission-badge[b-ceiwk3h94z] {
    position: absolute;
    right: -16px;
    bottom: -20px;
    padding: 13px 16px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 12px 30px #17352e20;
    font-size: .78rem;
    font-weight: 800
}

    .permission-badge b[b-ceiwk3h94z] {
        color: var(--teal)
    }

.team-copy > p:not(.eyebrow)[b-ceiwk3h94z], .documents-grid p[b-ceiwk3h94z], .web-copy > p:not(.eyebrow)[b-ceiwk3h94z] {
    margin: 25px 0 0;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.78
}

.team-copy ul[b-ceiwk3h94z] {
    display: grid;
    gap: 0;
    margin: 28px 0 0;
    padding: 0;
    list-style: none
}

.team-copy li[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: 35px 1fr;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid var(--line)
}

    .team-copy li > b[b-ceiwk3h94z] {
        color: var(--teal);
        font-size: .72rem
    }

    .team-copy li > span[b-ceiwk3h94z] {
        display: grid
    }

    .team-copy li small[b-ceiwk3h94z] {
        color: var(--muted)
    }

.documents-section[b-ceiwk3h94z] {
    padding-block: 95px;
    color: #fff;
    background: var(--ink)
}

.documents-grid[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 85px;
    align-items: center
}

.documents-section .eyebrow[b-ceiwk3h94z] {
    color: #9de1d8
}

.documents-grid p[b-ceiwk3h94z] {
    color: #c5d2cf
}

.file-types[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px
}

    .file-types span[b-ceiwk3h94z] {
        display: grid;
        place-items: center;
        min-height: 105px;
        padding: 15px;
        border: 1px solid #ffffff25;
        border-radius: 7px
    }

    .file-types b[b-ceiwk3h94z] {
        color: #9de1d8;
        font-family: "Manrope",sans-serif
    }

    .file-types small[b-ceiwk3h94z] {
        color: #b9cbc7
    }

.web-section[b-ceiwk3h94z] {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 100px;
    align-items: center;
    padding-block: 115px
}

.web-labels[b-ceiwk3h94z] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 27px
}

    .web-labels span[b-ceiwk3h94z] {
        padding: 8px 11px;
        color: #48605c;
        background: #f0f5f3;
        border-radius: 99px;
        font-size: .78rem
    }

    .web-labels b[b-ceiwk3h94z] {
        color: var(--teal)
    }

.outline-button[b-ceiwk3h94z] {
    margin-top: 28px;
    color: var(--teal);
    border: 1px solid var(--teal)
}

.login-window[b-ceiwk3h94z] {
    display: grid;
    justify-items: stretch;
    padding: 38px;
    background: #f5f8f7;
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 25px 60px #254c4815
}

.login-logo[b-ceiwk3h94z] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin: 0 auto 16px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 13px;
    font-size: 1.25rem;
    font-weight: 800
}

.login-window > strong[b-ceiwk3h94z], .login-window > small[b-ceiwk3h94z] {
    text-align: center
}

.login-window > small[b-ceiwk3h94z] {
    margin: 4px 0 25px;
    color: var(--muted)
}

.login-window label[b-ceiwk3h94z] {
    margin-top: 12px;
    color: var(--muted);
    font-size: .72rem
}

    .login-window label span[b-ceiwk3h94z] {
        display: block;
        height: 39px;
        margin-top: 5px;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 5px
    }

.login-window button[b-ceiwk3h94z] {
    margin-top: 20px;
    padding: 12px;
    color: #fff;
    background: var(--teal);
    border: 0;
    border-radius: 5px;
    font-weight: 800;
    pointer-events: none
}

.login-window p[b-ceiwk3h94z] {
    margin: 15px 0 0;
    color: var(--muted);
    font-size: .75rem;
    text-align: center
}

    .login-window p b[b-ceiwk3h94z] {
        color: var(--teal)
    }

.complete-cta[b-ceiwk3h94z] {
    padding-block: 85px;
    color: #fff;
    background: var(--teal)
}

.cta-inner[b-ceiwk3h94z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px
}

.complete-cta .eyebrow[b-ceiwk3h94z] {
    color: #bcece6
}

.complete-cta h2[b-ceiwk3h94z] {
    max-width: 800px
}

.complete-cta p:not(.eyebrow)[b-ceiwk3h94z] {
    margin: 20px 0 0;
    color: #d4efeb
}

.light-button[b-ceiwk3h94z] {
    flex: 0 0 auto;
    color: var(--ink);
    background: #fff
}

@media(max-width:1000px) {
    .hero-grid[b-ceiwk3h94z], .section-heading[b-ceiwk3h94z], .team-section[b-ceiwk3h94z], .documents-grid[b-ceiwk3h94z], .web-section[b-ceiwk3h94z] {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .hero-grid[b-ceiwk3h94z] {
        padding-block: 70px 90px
    }

    .complete-visual[b-ceiwk3h94z] {
        width: min(100%,650px);
        margin-inline: auto
    }

    .feature-grid[b-ceiwk3h94z] {
        grid-template-columns: repeat(2,1fr)
    }

    .web-section[b-ceiwk3h94z] {
        max-width: 750px
    }

    .cta-inner[b-ceiwk3h94z] {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width:720px) {
    .complete-shell[b-ceiwk3h94z] {
        width: calc(100% - 36px)
    }

    .complete-hero[b-ceiwk3h94z]:before {
        display: none
    }

    .hero-copy h1[b-ceiwk3h94z] {
        font-size: 3.15rem
    }

    .hero-actions[b-ceiwk3h94z] {
        flex-direction: column
    }

        .hero-actions a[b-ceiwk3h94z] {
            width: 100%
        }

    .complete-visual[b-ceiwk3h94z] {
        min-height: 405px
    }

    .desktop-window[b-ceiwk3h94z] {
        top: 125px;
        width: 94%;
        height: 250px
    }

    .window-content[b-ceiwk3h94z] {
        height: 207px
    }

    .server-cloud[b-ceiwk3h94z] {
        width: 155px;
        padding: 15px
    }

    .browser-card[b-ceiwk3h94z] {
        width: 115px;
        height: 155px;
        padding: 18px 10px
    }

    .sync-card[b-ceiwk3h94z] {
        left: 0;
        bottom: 0;
        font-size: .8rem
    }

    .intro-section[b-ceiwk3h94z], .team-section[b-ceiwk3h94z], .web-section[b-ceiwk3h94z] {
        padding-block: 80px
    }

    .benefit-strip[b-ceiwk3h94z], .feature-grid[b-ceiwk3h94z] {
        grid-template-columns: 1fr
    }

        .benefit-strip > div[b-ceiwk3h94z] {
            border-right: 0;
            border-bottom: 1px solid var(--line)
        }

            .benefit-strip > div:last-child[b-ceiwk3h94z] {
                border-bottom: 0
            }

    .features-heading[b-ceiwk3h94z] {
        align-items: flex-start;
        flex-direction: column
    }

    .feature-grid article[b-ceiwk3h94z] {
        min-height: auto
    }

    .features-section[b-ceiwk3h94z], .documents-section[b-ceiwk3h94z] {
        padding-block: 75px
    }

    .team-row[b-ceiwk3h94z] {
        grid-template-columns: 43px 1fr
    }

        .team-row > i[b-ceiwk3h94z] {
            grid-column: 2
        }

    .permission-badge[b-ceiwk3h94z] {
        position: static;
        display: block;
        margin-top: 18px
    }

    .file-types[b-ceiwk3h94z] {
        grid-template-columns: repeat(2,1fr)
    }

    .light-button[b-ceiwk3h94z] {
        width: 100%
    }
}

@media(max-width:450px) {
    .complete-visual[b-ceiwk3h94z] {
        min-height: 350px
    }

    .desktop-window[b-ceiwk3h94z] {
        height: 215px
    }

    .window-content[b-ceiwk3h94z] {
        grid-template-columns: 48px 1fr;
        height: 172px
    }

    .agenda-preview[b-ceiwk3h94z] {
        padding: 15px
    }

    .browser-card[b-ceiwk3h94z] {
        bottom: 6px;
        height: 135px
    }

        .browser-card small[b-ceiwk3h94z] {
            display: none
        }

    .sync-card[b-ceiwk3h94z] {
        max-width: calc(100% - 70px)
    }

        .sync-card small[b-ceiwk3h94z] {
            display: none
        }

    .file-types span[b-ceiwk3h94z] {
        min-height: 90px
    }

    .login-window[b-ceiwk3h94z] {
        padding: 26px
    }
}

@media(prefers-reduced-motion:reduce) {
    html[b-ceiwk3h94z] {
        scroll-behavior: auto
    }
}
/* _content/WinMens.Web/Components/Pages/WinMensProgramma.razor.rz.scp.css */
.product-page[b-zjk33w8fbh] {
    --product-ink: #263b3b;
    --product-muted: #60726e;
    --product-teal: #087f76;
    --product-mint: #dff5f1;
    --product-orange: #ff7447;
    --product-line: #d9e3e1;
    color: var(--product-ink);
    background: #fff;
    overflow: hidden;
}

    .product-page h1[b-zjk33w8fbh],
    .product-page h2[b-zjk33w8fbh],
    .product-page h3[b-zjk33w8fbh] {
        font-family: "Manrope", sans-serif;
    }

.page-shell[b-zjk33w8fbh] {
    width: min(1200px, calc(100% - 64px));
    margin-inline: auto;
}

.eyebrow[b-zjk33w8fbh] {
    margin: 0 0 18px;
    color: var(--product-teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.product-hero[b-zjk33w8fbh] {
    background: #e5ecea;
}

.product-hero-grid[b-zjk33w8fbh] {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 76px;
    align-items: center;
    min-height: 680px;
    padding-block: 80px 95px;
}

.product-hero-copy h1[b-zjk33w8fbh] {
    margin: 0 0 28px;
    font-size: clamp(3.4rem, 6vw, 5.8rem);
    line-height: .98;
    letter-spacing: -.065em;
}

    .product-hero-copy h1 em[b-zjk33w8fbh] {
        color: var(--product-teal);
        font-style: normal;
    }

.product-lead[b-zjk33w8fbh] {
    max-width: 620px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75;
}

.product-actions[b-zjk33w8fbh] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.primary-button[b-zjk33w8fbh],
.secondary-button[b-zjk33w8fbh],
.light-button[b-zjk33w8fbh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 14px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none;
}

.primary-button[b-zjk33w8fbh] {
    color: #263b3b;
    background: var(--product-orange);
    box-shadow: 0 8px 22px #ff74472b;
}

.secondary-button[b-zjk33w8fbh] {
    color: var(--product-ink);
    background: #fff;
    border: 1px solid #bdccca;
}

.hero-benefits[b-zjk33w8fbh] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin: 32px 0 0;
    padding: 0;
    color: var(--product-muted);
    font-size: .85rem;
    list-style: none;
}

    .hero-benefits span[b-zjk33w8fbh] {
        color: var(--product-teal);
        font-weight: 800;
    }

.product-hero-visual[b-zjk33w8fbh] {
    position: relative;
}

    .product-hero-visual > img[b-zjk33w8fbh] {
        display: block;
        width: 100%;
        height: 510px;
        object-fit: cover;
        border-radius: 8px;
        box-shadow: 0 30px 70px #254c4825;
    }

.visual-note[b-zjk33w8fbh] {
    position: absolute;
    bottom: -24px;
    left: -30px;
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 16px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 16px 40px #17352e25;
}

    .visual-note > span:last-child[b-zjk33w8fbh] {
        display: grid;
    }

    .visual-note small[b-zjk33w8fbh] {
        color: var(--product-muted);
    }

.note-check[b-zjk33w8fbh] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: var(--product-teal);
    background: var(--product-mint);
    border-radius: 50%;
    font-weight: 800;
}

.discipline-strip[b-zjk33w8fbh] {
    padding-block: 70px;
    border-bottom: 1px solid var(--product-line);
}

    .discipline-strip h2[b-zjk33w8fbh] {
        margin: 0 0 30px;
        font-size: clamp(2rem, 3vw, 3rem);
        letter-spacing: -.045em;
    }

.discipline-list[b-zjk33w8fbh] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .discipline-list span[b-zjk33w8fbh] {
        padding: 10px 15px;
        color: var(--product-teal);
        background: var(--product-mint);
        border-radius: 999px;
        font-weight: 700;
    }

.feature-section[b-zjk33w8fbh] {
    padding-block: 110px 125px;
}

.section-heading[b-zjk33w8fbh] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: end;
}

    .section-heading h2[b-zjk33w8fbh],
    .dossier-copy h2[b-zjk33w8fbh],
    .online-copy h2[b-zjk33w8fbh],
    .details-grid h2[b-zjk33w8fbh],
    .product-cta h2[b-zjk33w8fbh] {
        margin: 0;
        font-size: clamp(2.35rem, 4vw, 4rem);
        line-height: 1.06;
        letter-spacing: -.052em;
    }

    .section-heading > p[b-zjk33w8fbh],
    .dossier-copy > p[b-zjk33w8fbh],
    .online-copy > p[b-zjk33w8fbh],
    .details-grid article > p[b-zjk33w8fbh] {
        color: var(--product-muted);
        line-height: 1.75;
    }

.feature-grid[b-zjk33w8fbh] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    margin-top: 65px;
    overflow: hidden;
    background: var(--product-line);
    border: 1px solid var(--product-line);
    border-radius: 8px;
}

.feature-card[b-zjk33w8fbh] {
    min-height: 340px;
    padding: 34px;
    background: #f8faf9;
}

.feature-number[b-zjk33w8fbh] {
    color: var(--product-teal);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.feature-card h3[b-zjk33w8fbh] {
    margin: 52px 0 12px;
    font-size: 1.4rem;
}

.feature-card p[b-zjk33w8fbh] {
    color: var(--product-muted);
    line-height: 1.7;
}

.feature-card ul[b-zjk33w8fbh],
.details-grid ul[b-zjk33w8fbh] {
    display: grid;
    gap: 8px;
    margin: 22px 0 0;
    padding-left: 20px;
    color: #405452;
}

.dossier-section[b-zjk33w8fbh] {
    padding-block: 105px;
    background: #f0f5f3;
}

.dossier-grid[b-zjk33w8fbh],
.online-section[b-zjk33w8fbh],
.details-grid[b-zjk33w8fbh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
}

    .dossier-image img[b-zjk33w8fbh],
    .online-section > img[b-zjk33w8fbh] {
        display: block;
        width: 100%;
        height: 450px;
        object-fit: cover;
        border-radius: 8px;
    }

.dossier-copy > p[b-zjk33w8fbh],
.online-copy > p[b-zjk33w8fbh] {
    margin: 25px 0 0;
}

.check-grid[b-zjk33w8fbh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 30px;
}

    .check-grid span[b-zjk33w8fbh] {
        display: flex;
        gap: 9px;
        color: #405452;
        font-size: .9rem;
    }

    .check-grid b[b-zjk33w8fbh] {
        color: var(--product-teal);
    }

.online-section[b-zjk33w8fbh] {
    padding-block: 115px;
}

.text-link[b-zjk33w8fbh] {
    display: inline-flex;
    gap: 16px;
    margin-top: 25px;
    color: var(--product-teal);
    font-weight: 800;
}

.details-section[b-zjk33w8fbh] {
    padding-block: 105px;
    background: var(--product-ink);
    color: #fff;
}

.details-grid[b-zjk33w8fbh] {
    align-items: stretch;
}

    .details-grid article > p[b-zjk33w8fbh],
    .details-grid article > ul[b-zjk33w8fbh] {
        color: #c5d2cf;
    }

    .details-grid .eyebrow[b-zjk33w8fbh] {
        color: #9de1d8;
    }

.system-card[b-zjk33w8fbh] {
    padding: 34px;
    color: var(--product-ink);
    background: #fff;
    border-radius: 8px;
}

    .system-card .eyebrow[b-zjk33w8fbh] {
        color: var(--product-teal);
    }

    .system-card h2[b-zjk33w8fbh] {
        font-size: clamp(2rem, 3vw, 3rem);
    }

    .system-card dl[b-zjk33w8fbh] {
        margin: 28px 0 20px;
    }

        .system-card dl div[b-zjk33w8fbh] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            padding-block: 12px;
            border-bottom: 1px solid var(--product-line);
        }

    .system-card dt[b-zjk33w8fbh] {
        color: var(--product-muted);
    }

    .system-card dd[b-zjk33w8fbh] {
        margin: 0;
        font-weight: 700;
    }

    .system-card small[b-zjk33w8fbh] {
        color: var(--product-muted);
        line-height: 1.6;
    }

.product-cta[b-zjk33w8fbh] {
    padding-block: 85px;
    color: #fff;
    background: var(--product-teal);
}

.product-cta-inner[b-zjk33w8fbh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

.product-cta .eyebrow[b-zjk33w8fbh] {
    color: #bcece6;
}

.product-cta h2[b-zjk33w8fbh] {
    max-width: 800px;
}

.light-button[b-zjk33w8fbh] {
    flex: 0 0 auto;
    color: var(--product-ink);
    background: #fff;
}

@media (max-width: 900px) {
    .product-hero-grid[b-zjk33w8fbh],
    .section-heading[b-zjk33w8fbh],
    .dossier-grid[b-zjk33w8fbh],
    .online-section[b-zjk33w8fbh],
    .details-grid[b-zjk33w8fbh] {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .product-hero-grid[b-zjk33w8fbh] {
        padding-block: 65px 85px;
    }

    .product-hero-visual > img[b-zjk33w8fbh],
    .dossier-image img[b-zjk33w8fbh],
    .online-section > img[b-zjk33w8fbh] {
        height: 380px;
    }

    .visual-note[b-zjk33w8fbh] {
        left: 20px;
    }

    .feature-section[b-zjk33w8fbh],
    .online-section[b-zjk33w8fbh] {
        padding-block: 85px;
    }

    .product-cta-inner[b-zjk33w8fbh] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .page-shell[b-zjk33w8fbh] {
        width: calc(100% - 36px);
    }

    .product-hero-copy h1[b-zjk33w8fbh] {
        font-size: 3.15rem;
    }

    .product-actions[b-zjk33w8fbh] {
        flex-direction: column;
    }

    .feature-grid[b-zjk33w8fbh],
    .check-grid[b-zjk33w8fbh] {
        grid-template-columns: 1fr;
    }

    .feature-card[b-zjk33w8fbh] {
        min-height: auto;
    }

        .feature-card h3[b-zjk33w8fbh] {
            margin-top: 35px;
        }

    .product-hero-visual > img[b-zjk33w8fbh],
    .dossier-image img[b-zjk33w8fbh],
    .online-section > img[b-zjk33w8fbh] {
        height: 290px;
    }

    .visual-note[b-zjk33w8fbh] {
        right: 12px;
        bottom: -30px;
        left: 12px;
    }

    .discipline-strip[b-zjk33w8fbh],
    .dossier-section[b-zjk33w8fbh],
    .details-section[b-zjk33w8fbh] {
        padding-block: 70px;
    }

    .system-card dl div[b-zjk33w8fbh] {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .light-button[b-zjk33w8fbh] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .primary-button[b-zjk33w8fbh],
    .secondary-button[b-zjk33w8fbh],
    .light-button[b-zjk33w8fbh] {
        transition: none;
    }
}
/* _content/WinMens.Web/Components/Pages/WinMensRemote.razor.rz.scp.css */
.remote-page[b-rangkroqgy] {
    --ink: #263b3b;
    --muted: #60726e;
    --teal: #087f76;
    --mint: #dff5f1;
    --orange: #ff7447;
    --line: #d9e3e1;
    color: var(--ink);
    background: #fff;
    overflow: hidden
}

    .remote-page h1[b-rangkroqgy], .remote-page h2[b-rangkroqgy], .remote-page h3[b-rangkroqgy] {
        font-family: "Manrope",sans-serif
    }

.remote-shell[b-rangkroqgy] {
    width: min(1200px,calc(100% - 64px));
    margin-inline: auto
}

.eyebrow[b-rangkroqgy] {
    margin: 0 0 18px;
    color: var(--teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.remote-hero[b-rangkroqgy] {
    position: relative;
    background: #e2ebe9
}

    .remote-hero[b-rangkroqgy]:before {
        position: absolute;
        right: -190px;
        bottom: -250px;
        width: 520px;
        height: 520px;
        border: 80px solid #c9eee8;
        border-radius: 50%;
        content: ""
    }

.hero-grid[b-rangkroqgy] {
    position: relative;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 75px;
    align-items: center;
    min-height: 690px;
    padding-block: 82px 95px
}

.hero-copy[b-rangkroqgy] {
    position: relative;
    z-index: 2
}

    .hero-copy h1[b-rangkroqgy] {
        margin: 0 0 28px;
        font-size: clamp(3.5rem,6vw,5.8rem);
        line-height: .98;
        letter-spacing: -.066em
    }

        .hero-copy h1 em[b-rangkroqgy] {
            color: var(--teal);
            font-style: normal
        }

.hero-lead[b-rangkroqgy] {
    max-width: 650px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75
}

.hero-actions[b-rangkroqgy] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px
}

.primary-button[b-rangkroqgy], .secondary-button[b-rangkroqgy], .light-button[b-rangkroqgy], .price-button[b-rangkroqgy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none
}

.primary-button[b-rangkroqgy] {
    color: var(--ink);
    background: var(--orange);
    box-shadow: 0 8px 22px #ff74472b
}

.secondary-button[b-rangkroqgy] {
    color: var(--ink);
    background: #fff;
    border: 1px solid #bdccca
}

.hero-proof[b-rangkroqgy] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 17px;
    margin-top: 30px;
    color: var(--muted);
    font-size: .82rem
}

    .hero-proof b[b-rangkroqgy] {
        color: var(--teal)
    }

.remote-visual[b-rangkroqgy] {
    position: relative;
    min-height: 500px
}

.cloud-shape[b-rangkroqgy] {
    position: absolute;
    top: 15px;
    right: 15px;
    display: grid;
    place-items: center;
    width: 170px;
    height: 100px;
    color: #fff;
    background: var(--teal);
    border-radius: 60px;
    box-shadow: 0 20px 45px #13554e25
}

    .cloud-shape[b-rangkroqgy]:before, .cloud-shape[b-rangkroqgy]:after {
        position: absolute;
        background: var(--teal);
        border-radius: 50%;
        content: ""
    }

    .cloud-shape[b-rangkroqgy]:before {
        top: -34px;
        left: 28px;
        width: 82px;
        height: 82px
    }

    .cloud-shape[b-rangkroqgy]:after {
        top: -18px;
        right: 20px;
        width: 66px;
        height: 66px
    }

    .cloud-shape span[b-rangkroqgy], .cloud-shape small[b-rangkroqgy] {
        position: relative;
        z-index: 1
    }

    .cloud-shape span[b-rangkroqgy] {
        font-family: "Manrope",sans-serif;
        font-size: 2rem;
        font-weight: 800
    }

    .cloud-shape small[b-rangkroqgy] {
        font-weight: 700
    }

.desktop-device[b-rangkroqgy] {
    position: absolute;
    top: 140px;
    left: 0;
    width: 82%;
    height: 285px;
    padding: 8px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 30px 70px #254c4830;
    transform: rotate(-1deg)
}

.device-bar[b-rangkroqgy] {
    display: flex;
    gap: 5px;
    height: 25px;
    padding: 8px;
    background: #e9efed;
    border-radius: 5px 5px 0 0
}

    .device-bar i[b-rangkroqgy] {
        width: 7px;
        height: 7px;
        background: #aebfbc;
        border-radius: 50%
    }

.device-screen[b-rangkroqgy] {
    display: grid;
    place-items: center;
    align-content: center;
    height: 244px;
    background: linear-gradient(135deg,#263b3b,#0b756e);
    color: #fff
}

.screen-logo[b-rangkroqgy] {
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    margin-bottom: 12px;
    background: #11a495;
    border-radius: 50% 50% 50% 14px;
    font-size: 1.5rem;
    font-weight: 800
}

.device-screen strong[b-rangkroqgy] {
    font-size: 1.25rem
}

.device-screen small[b-rangkroqgy] {
    margin-top: 5px;
    color: #bfe5df
}

.desktop-foot[b-rangkroqgy] {
    position: absolute;
    bottom: -34px;
    left: 41%;
    width: 18%;
    height: 34px;
    background: #fff;
    clip-path: polygon(30% 0,70% 0,85% 75%,100% 75%,100% 100%,0 100%,0 75%,15% 75%)
}

.tablet-device[b-rangkroqgy] {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: grid;
    align-content: start;
    width: 145px;
    height: 215px;
    padding: 28px 18px;
    color: var(--ink);
    background: #fff;
    border: 7px solid #fff;
    border-radius: 20px;
    box-shadow: 0 20px 48px #17352e2b;
    transform: rotate(4deg)
}

    .tablet-device span[b-rangkroqgy] {
        color: var(--teal);
        font-size: .65rem;
        font-weight: 800;
        text-transform: uppercase
    }

    .tablet-device b[b-rangkroqgy] {
        margin: 8px 0 18px
    }

    .tablet-device i[b-rangkroqgy] {
        height: 20px;
        margin-bottom: 8px;
        background: #dff5f1;
        border-radius: 4px
    }

        .tablet-device i:nth-of-type(2)[b-rangkroqgy] {
            width: 75%;
            background: #ffe1d7
        }

.status-card[b-rangkroqgy] {
    position: absolute;
    bottom: 13px;
    left: -18px;
    z-index: 4;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 15px 18px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25
}

    .status-card > b[b-rangkroqgy] {
        display: grid;
        place-items: center;
        width: 37px;
        height: 37px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%
    }

    .status-card > span[b-rangkroqgy] {
        display: grid
    }

    .status-card small[b-rangkroqgy] {
        color: var(--muted)
    }

.connection-line[b-rangkroqgy] {
    position: absolute;
    border: 2px dashed #70b9b1;
    opacity: .7
}

.line-one[b-rangkroqgy] {
    top: 108px;
    right: 105px;
    width: 150px;
    transform: rotate(22deg)
}

.line-two[b-rangkroqgy] {
    right: 80px;
    bottom: 180px;
    width: 120px;
    transform: rotate(60deg)
}

.intro-section[b-rangkroqgy] {
    padding-block: 112px 95px
}

.section-heading[b-rangkroqgy] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 85px;
    align-items: end
}

    .section-heading h2[b-rangkroqgy], .features-heading h2[b-rangkroqgy], .how-copy h2[b-rangkroqgy], .included-grid h2[b-rangkroqgy], .pricing-heading h2[b-rangkroqgy], .remote-cta h2[b-rangkroqgy] {
        margin: 0;
        font-size: clamp(2.35rem,4vw,4rem);
        line-height: 1.06;
        letter-spacing: -.052em
    }

    .section-heading > p[b-rangkroqgy], .how-copy > p:not(.eyebrow)[b-rangkroqgy] {
        margin: 0;
        color: var(--muted);
        font-size: 1.05rem;
        line-height: 1.75
    }

.benefit-strip[b-rangkroqgy] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-top: 65px;
    border-block: 1px solid var(--line)
}

    .benefit-strip > div[b-rangkroqgy] {
        display: grid;
        grid-template-columns: 42px 1fr;
        padding: 27px 24px;
        border-right: 1px solid var(--line)
    }

        .benefit-strip > div:last-child[b-rangkroqgy] {
            border-right: 0
        }

    .benefit-strip span[b-rangkroqgy] {
        grid-row: 1/3;
        color: var(--teal);
        font-size: .72rem;
        font-weight: 800
    }

    .benefit-strip small[b-rangkroqgy] {
        color: var(--muted)
    }

.features-section[b-rangkroqgy] {
    padding-block: 105px 120px;
    background: #f0f5f3
}

.features-heading[b-rangkroqgy] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 50px
}

.text-link[b-rangkroqgy] {
    display: inline-flex;
    gap: 16px;
    flex: 0 0 auto;
    color: var(--teal);
    font-weight: 800;
    text-decoration: none
}

.feature-grid[b-rangkroqgy] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    margin-top: 60px;
    overflow: hidden;
    background: var(--line);
    border: 1px solid var(--line);
    border-radius: 8px
}

    .feature-grid article[b-rangkroqgy] {
        min-height: 260px;
        padding: 30px;
        background: #fff
    }

.feature-icon[b-rangkroqgy] {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 42px;
    color: #fff;
    background: var(--teal);
    border-radius: 50% 50% 50% 11px;
    font-size: .72rem;
    font-weight: 800
}

.feature-grid h3[b-rangkroqgy] {
    margin: 0 0 12px;
    font-size: 1.22rem
}

.feature-grid p[b-rangkroqgy] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65
}

.how-section[b-rangkroqgy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 95px;
    align-items: center;
    padding-block: 115px
}

.how-copy > p:not(.eyebrow)[b-rangkroqgy] {
    margin-top: 25px
}

.steps[b-rangkroqgy] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

    .steps li[b-rangkroqgy] {
        display: grid;
        grid-template-columns: 55px 1fr;
        gap: 18px;
        align-items: center;
        padding: 25px 0;
        border-bottom: 1px solid var(--line)
    }

        .steps li > span[b-rangkroqgy] {
            display: grid;
            place-items: center;
            width: 48px;
            height: 48px;
            color: var(--teal);
            background: var(--mint);
            border-radius: 50%;
            font-weight: 800
        }

        .steps li > div[b-rangkroqgy] {
            display: grid;
            gap: 3px
        }

    .steps small[b-rangkroqgy] {
        color: var(--muted)
    }

.included-section[b-rangkroqgy] {
    padding-block: 92px;
    color: #fff;
    background: var(--ink)
}

.included-grid[b-rangkroqgy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 95px;
    align-items: center
}

.included-section .eyebrow[b-rangkroqgy] {
    color: #9de1d8
}

.included-list[b-rangkroqgy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

    .included-list span[b-rangkroqgy] {
        padding: 14px;
        color: #d9e6e3;
        border: 1px solid #ffffff25;
        border-radius: 6px
    }

    .included-list b[b-rangkroqgy] {
        margin-right: 7px;
        color: #9de1d8
    }

.pricing-section[b-rangkroqgy] {
    padding-block: 105px 115px;
    background: #e4ecea;
    scroll-margin-top: 25px
}

.pricing-heading[b-rangkroqgy] {
    max-width: 800px
}

    .pricing-heading > p:last-child[b-rangkroqgy] {
        margin: 22px 0 0;
        color: var(--muted)
    }

.pricing-grid[b-rangkroqgy] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
    margin-top: 55px
}

.price-card[b-rangkroqgy] {
    display: flex;
    flex-direction: column;
    min-height: 390px;
    padding: 29px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px
}

    .price-card.featured[b-rangkroqgy] {
        border: 2px solid var(--teal);
        box-shadow: 0 18px 45px #17352e15
    }

.price-label[b-rangkroqgy] {
    align-self: flex-start;
    padding: 5px 9px;
    color: var(--teal);
    background: var(--mint);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase
}

.price-card.featured .price-label[b-rangkroqgy] {
    color: #fff;
    background: var(--teal)
}

.price-card h3[b-rangkroqgy] {
    margin: 27px 0 8px;
    font-size: 1.25rem
}

.price[b-rangkroqgy] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
    margin: 0 0 22px;
    font-family: "Manrope",sans-serif;
    font-size: 3.35rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.05em
}

    .price > span[b-rangkroqgy] {
        font-size: 1.2rem
    }

    .price small[b-rangkroqgy] {
        margin-left: 5px;
        color: var(--muted);
        font-family: "DM Sans",sans-serif;
        font-size: .72rem;
        font-weight: 600;
        letter-spacing: 0
    }

.price-card > p:not(.price)[b-rangkroqgy] {
    color: var(--muted);
    line-height: 1.65
}

.price-button[b-rangkroqgy] {
    width: 100%;
    margin-top: auto;
    color: var(--ink);
    background: #eff4f2
}

.price-card.featured .price-button[b-rangkroqgy] {
    background: var(--orange)
}

.setup-note[b-rangkroqgy] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    align-items: center;
    margin-top: 24px;
    padding: 20px 24px;
    background: #fff;
    border-radius: 7px
}

    .setup-note > span[b-rangkroqgy] {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        color: var(--teal);
        background: var(--mint);
        border-radius: 50%;
        font-weight: 800
    }

    .setup-note p[b-rangkroqgy] {
        margin: 0;
        color: var(--muted);
        line-height: 1.65
    }

    .setup-note strong[b-rangkroqgy] {
        display: block;
        color: var(--ink)
    }

.remote-cta[b-rangkroqgy] {
    padding-block: 85px;
    color: #fff;
    background: var(--teal)
}

.cta-inner[b-rangkroqgy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px
}

.remote-cta .eyebrow[b-rangkroqgy] {
    color: #bcece6
}

.remote-cta h2[b-rangkroqgy] {
    max-width: 800px
}

.remote-cta p:not(.eyebrow)[b-rangkroqgy] {
    margin: 20px 0 0;
    color: #d4efeb
}

.light-button[b-rangkroqgy] {
    flex: 0 0 auto;
    color: var(--ink);
    background: #fff
}

@media(max-width:1000px) {
    .hero-grid[b-rangkroqgy], .section-heading[b-rangkroqgy], .how-section[b-rangkroqgy], .included-grid[b-rangkroqgy] {
        grid-template-columns: 1fr;
        gap: 50px
    }

    .hero-grid[b-rangkroqgy] {
        padding-block: 70px 90px
    }

    .remote-visual[b-rangkroqgy] {
        width: min(100%,650px);
        margin-inline: auto
    }

    .feature-grid[b-rangkroqgy] {
        grid-template-columns: repeat(2,1fr)
    }

    .cta-inner[b-rangkroqgy] {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width:720px) {
    .remote-shell[b-rangkroqgy] {
        width: calc(100% - 36px)
    }

    .remote-hero[b-rangkroqgy]:before {
        display: none
    }

    .hero-copy h1[b-rangkroqgy] {
        font-size: 3.15rem
    }

    .hero-actions[b-rangkroqgy] {
        flex-direction: column
    }

        .hero-actions a[b-rangkroqgy] {
            width: 100%
        }

    .remote-visual[b-rangkroqgy] {
        min-height: 410px
    }

    .desktop-device[b-rangkroqgy] {
        top: 125px;
        width: 94%;
        height: 250px
    }

    .device-screen[b-rangkroqgy] {
        height: 209px
    }

    .cloud-shape[b-rangkroqgy] {
        right: 5px;
        width: 140px;
        height: 85px
    }

    .tablet-device[b-rangkroqgy] {
        width: 105px;
        height: 170px
    }

    .status-card[b-rangkroqgy] {
        left: 0;
        bottom: 0;
        font-size: .8rem
    }

    .intro-section[b-rangkroqgy], .how-section[b-rangkroqgy] {
        padding-block: 80px
    }

    .benefit-strip[b-rangkroqgy], .feature-grid[b-rangkroqgy], .pricing-grid[b-rangkroqgy] {
        grid-template-columns: 1fr
    }

        .benefit-strip > div[b-rangkroqgy] {
            border-right: 0;
            border-bottom: 1px solid var(--line)
        }

            .benefit-strip > div:last-child[b-rangkroqgy] {
                border-bottom: 0
            }

    .features-heading[b-rangkroqgy] {
        align-items: flex-start;
        flex-direction: column
    }

    .feature-grid article[b-rangkroqgy] {
        min-height: auto
    }

    .features-section[b-rangkroqgy], .included-section[b-rangkroqgy], .pricing-section[b-rangkroqgy] {
        padding-block: 75px
    }

    .included-list[b-rangkroqgy] {
        grid-template-columns: 1fr
    }

    .setup-note[b-rangkroqgy] {
        align-items: start
    }

    .light-button[b-rangkroqgy] {
        width: 100%
    }
}

@media(max-width:450px) {
    .remote-visual[b-rangkroqgy] {
        min-height: 350px
    }

    .desktop-device[b-rangkroqgy] {
        height: 215px
    }

    .device-screen[b-rangkroqgy] {
        height: 174px
    }

    .cloud-shape[b-rangkroqgy] {
        transform: scale(.85);
        transform-origin: right top
    }

    .tablet-device[b-rangkroqgy] {
        bottom: 8px;
        height: 145px
    }

    .status-card[b-rangkroqgy] {
        max-width: calc(100% - 75px)
    }

        .status-card small[b-rangkroqgy] {
            display: none
        }

    .price[b-rangkroqgy] {
        font-size: 2.9rem
    }
}

@media(prefers-reduced-motion:reduce) {
    html[b-rangkroqgy] {
        scroll-behavior: auto
    }
}
/* _content/WinMens.Web/Components/Pages/WinMensWeb.razor.rz.scp.css */
.web-page[b-sw01ekn76b] {
    --web-ink: #263b3b;
    --web-muted: #60726e;
    --web-teal: #087f76;
    --web-mint: #dff5f1;
    --web-orange: #ff7447;
    --web-line: #d9e3e1;
    color: var(--web-ink);
    background: #fff;
    overflow: hidden;
}

    .web-page h1[b-sw01ekn76b],
    .web-page h2[b-sw01ekn76b],
    .web-page h3[b-sw01ekn76b] {
        font-family: "Manrope", sans-serif;
    }

.page-shell[b-sw01ekn76b] {
    width: min(1200px, calc(100% - 64px));
    margin-inline: auto;
}

.eyebrow[b-sw01ekn76b] {
    margin: 0 0 18px;
    color: var(--web-teal);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.web-hero[b-sw01ekn76b] {
    position: relative;
    background: #e2ebe9;
}

    .web-hero[b-sw01ekn76b]::before {
        position: absolute;
        top: -220px;
        left: -220px;
        width: 430px;
        height: 430px;
        border: 76px solid #c7eee8;
        border-radius: 50%;
        opacity: .7;
        content: "";
    }

.hero-grid[b-sw01ekn76b] {
    position: relative;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 75px;
    align-items: center;
    min-height: 690px;
    padding-block: 82px 95px;
}

.hero-copy[b-sw01ekn76b] {
    position: relative;
    z-index: 1;
}

    .hero-copy h1[b-sw01ekn76b] {
        max-width: 700px;
        margin: 0 0 28px;
        font-size: clamp(3.5rem, 6vw, 5.8rem);
        line-height: .98;
        letter-spacing: -.066em;
    }

        .hero-copy h1 em[b-sw01ekn76b] {
            color: var(--web-teal);
            font-style: normal;
        }

.hero-lead[b-sw01ekn76b] {
    max-width: 650px;
    margin: 0;
    color: #506260;
    font-size: 1.12rem;
    line-height: 1.75;
}

.hero-actions[b-sw01ekn76b] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px;
}

.primary-button[b-sw01ekn76b],
.secondary-button[b-sw01ekn76b],
.light-button[b-sw01ekn76b],
.price-button[b-sw01ekn76b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 7px;
    font-weight: 800;
    text-decoration: none;
}

.primary-button[b-sw01ekn76b] {
    color: var(--web-ink);
    background: var(--web-orange);
    box-shadow: 0 8px 22px #ff74472b;
}

.secondary-button[b-sw01ekn76b] {
    color: var(--web-ink);
    background: #fff;
    border: 1px solid #bdccca;
}

.hero-proof[b-sw01ekn76b] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 17px;
    margin-top: 30px;
    color: var(--web-muted);
    font-size: .82rem;
}

    .hero-proof b[b-sw01ekn76b] {
        color: var(--web-teal);
    }

.browser-visual[b-sw01ekn76b] {
    position: relative;
    min-height: 480px;
}

.browser-window[b-sw01ekn76b] {
    position: absolute;
    top: 30px;
    left: 0;
    width: 94%;
    height: 390px;
    overflow: hidden;
    background: #fff;
    border: 7px solid #fff;
    border-radius: 10px;
    box-shadow: 0 30px 70px #254c4827;
    transform: rotate(-1deg);
}

.browser-bar[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: 55px 1fr 55px;
    align-items: center;
    height: 38px;
    padding-inline: 8px;
    background: #edf2f0;
}

.browser-dots[b-sw01ekn76b] {
    display: flex;
    gap: 5px;
}

    .browser-dots i[b-sw01ekn76b] {
        width: 8px;
        height: 8px;
        background: #b5c5c2;
        border-radius: 50%;
    }

.address-bar[b-sw01ekn76b] {
    padding: 5px 12px;
    color: #71817f;
    background: #fff;
    border-radius: 5px;
    font-size: .65rem;
    text-align: center;
}

.browser-content[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: 70px 1fr;
    height: calc(100% - 38px);
}

.visual-sidebar[b-sw01ekn76b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    padding-top: 21px;
    background: var(--web-ink);
}

.visual-logo[b-sw01ekn76b] {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    color: #fff;
    background: #15aa9b;
    border-radius: 50% 50% 50% 9px;
    font-weight: 800;
}

.visual-sidebar i[b-sw01ekn76b] {
    width: 21px;
    height: 3px;
    background: #78918c;
    border-radius: 2px;
}

.visual-dashboard[b-sw01ekn76b] {
    padding: 26px;
    background: #f7faf9;
}

.dashboard-heading[b-sw01ekn76b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .dashboard-heading > span[b-sw01ekn76b] {
        display: grid;
    }

    .dashboard-heading small[b-sw01ekn76b] {
        color: var(--web-muted);
    }

    .dashboard-heading strong[b-sw01ekn76b] {
        font-size: 1.1rem;
    }

    .dashboard-heading > b[b-sw01ekn76b] {
        display: grid;
        place-items: center;
        width: 31px;
        height: 31px;
        color: #fff;
        background: var(--web-teal);
        border-radius: 50%;
    }

.agenda-grid[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 13px 10px;
    align-items: center;
    margin-top: 25px;
}

.time[b-sw01ekn76b] {
    color: #82908e;
    font-size: .66rem;
}

.appointment[b-sw01ekn76b] {
    padding: 11px 13px;
    color: #31524d;
    border-radius: 5px;
    font-size: .72rem;
    font-weight: 700;
}

    .appointment.mint[b-sw01ekn76b] {
        background: #ccefe9;
    }

    .appointment.pale[b-sw01ekn76b] {
        background: #e7eeec;
    }

    .appointment.orange[b-sw01ekn76b] {
        background: #ffe0d5;
    }

    .appointment.short[b-sw01ekn76b] {
        width: 65%;
    }

.phone-window[b-sw01ekn76b] {
    position: absolute;
    right: -2px;
    bottom: 8px;
    z-index: 2;
    display: grid;
    justify-items: center;
    align-content: start;
    width: 130px;
    height: 235px;
    padding: 16px 12px;
    background: #fff;
    border: 7px solid #fff;
    border-radius: 23px;
    box-shadow: 0 20px 50px #17352e2d;
    transform: rotate(4deg);
}

.phone-speaker[b-sw01ekn76b] {
    width: 30px;
    height: 4px;
    margin-bottom: 23px;
    background: #c6d2d0;
    border-radius: 3px;
}

.phone-logo[b-sw01ekn76b] {
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    color: #fff;
    background: var(--web-teal);
    border-radius: 50% 50% 50% 9px;
    font-weight: 800;
}

.phone-window > strong[b-sw01ekn76b] {
    margin-top: 10px;
    font-size: .75rem;
}

.phone-card[b-sw01ekn76b] {
    display: grid;
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    color: var(--web-teal);
    background: var(--web-mint);
    border-radius: 6px;
}

    .phone-card small[b-sw01ekn76b] {
        color: var(--web-muted);
        font-size: .55rem;
    }

.connected-badge[b-sw01ekn76b] {
    position: absolute;
    bottom: 10px;
    left: -20px;
    z-index: 3;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 15px 18px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 38px #17352e25;
}

    .connected-badge > span[b-sw01ekn76b] {
        display: grid;
        place-items: center;
        width: 37px;
        height: 37px;
        color: var(--web-teal);
        background: var(--web-mint);
        border-radius: 50%;
        font-size: 1.2rem;
    }

    .connected-badge > div[b-sw01ekn76b] {
        display: grid;
    }

    .connected-badge small[b-sw01ekn76b] {
        color: var(--web-muted);
    }

.intro-section[b-sw01ekn76b] {
    padding-block: 112px 95px;
}

.section-heading[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 85px;
    align-items: end;
}

    .section-heading h2[b-sw01ekn76b],
    .features-heading h2[b-sw01ekn76b],
    .patient-copy h2[b-sw01ekn76b],
    .security-grid h2[b-sw01ekn76b],
    .roadmap-heading h2[b-sw01ekn76b],
    .pricing-heading h2[b-sw01ekn76b],
    .web-cta h2[b-sw01ekn76b] {
        margin: 0;
        font-size: clamp(2.35rem, 4vw, 4rem);
        line-height: 1.06;
        letter-spacing: -.052em;
    }

    .section-heading > p[b-sw01ekn76b] {
        margin: 0 0 5px;
        color: var(--web-muted);
        font-size: 1.05rem;
        line-height: 1.75;
    }

.benefit-strip[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 65px;
    border-block: 1px solid var(--web-line);
}

    .benefit-strip > div[b-sw01ekn76b] {
        display: grid;
        grid-template-columns: 42px 1fr;
        padding: 27px 24px;
        border-right: 1px solid var(--web-line);
    }

        .benefit-strip > div:last-child[b-sw01ekn76b] {
            border-right: 0;
        }

    .benefit-strip span[b-sw01ekn76b] {
        grid-row: 1 / 3;
        color: var(--web-teal);
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .1em;
    }

    .benefit-strip small[b-sw01ekn76b] {
        color: var(--web-muted);
    }

.features-section[b-sw01ekn76b] {
    padding-block: 105px 120px;
    background: #f0f5f3;
}

.features-heading[b-sw01ekn76b] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 50px;
}

.text-link[b-sw01ekn76b] {
    display: inline-flex;
    gap: 16px;
    flex: 0 0 auto;
    color: var(--web-teal);
    font-weight: 800;
    text-decoration: none;
}

.feature-grid[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin-top: 60px;
    overflow: hidden;
    background: var(--web-line);
    border: 1px solid var(--web-line);
    border-radius: 8px;
}

    .feature-grid article[b-sw01ekn76b] {
        min-height: 365px;
        padding: 30px;
        background: #fff;
    }

.feature-icon[b-sw01ekn76b] {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 38px;
    color: #fff;
    background: var(--web-teal);
    border-radius: 50% 50% 50% 11px;
    font-weight: 800;
}

.feature-grid article > small[b-sw01ekn76b] {
    color: var(--web-teal);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.feature-grid h3[b-sw01ekn76b] {
    margin: 12px 0;
    font-size: 1.22rem;
}

.feature-grid p[b-sw01ekn76b] {
    color: var(--web-muted);
    line-height: 1.65;
}

.feature-grid ul[b-sw01ekn76b] {
    display: grid;
    gap: 7px;
    margin: 20px 0 0;
    padding: 18px 0 0;
    border-top: 1px solid var(--web-line);
    list-style: none;
}

.feature-grid li[b-sw01ekn76b] {
    position: relative;
    padding-left: 19px;
    color: #48605c;
    font-size: .83rem;
}

    .feature-grid li[b-sw01ekn76b]::before {
        position: absolute;
        left: 0;
        color: var(--web-teal);
        content: "✓";
    }

.patient-section[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
    padding-block: 115px;
}

.patient-visual[b-sw01ekn76b] {
    position: relative;
}

    .patient-visual img[b-sw01ekn76b] {
        display: block;
        width: 100%;
        height: 470px;
        object-fit: cover;
        border-radius: 8px;
        box-shadow: 0 22px 55px #254c481c;
    }

.visual-caption[b-sw01ekn76b] {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    gap: 9px;
    padding: 11px 15px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 12px 30px #17352e25;
    font-weight: 800;
}

    .visual-caption b[b-sw01ekn76b] {
        color: var(--web-teal);
    }

.patient-copy > p:not(.eyebrow)[b-sw01ekn76b] {
    margin: 25px 0 0;
    color: var(--web-muted);
    font-size: 1.05rem;
    line-height: 1.78;
}

.patient-list[b-sw01ekn76b] {
    display: grid;
    gap: 14px;
    margin-top: 31px;
}

    .patient-list > span[b-sw01ekn76b] {
        display: grid;
        grid-template-columns: 35px 1fr;
        column-gap: 12px;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--web-line);
    }

    .patient-list b[b-sw01ekn76b] {
        grid-row: 1 / 3;
        color: var(--web-teal);
        font-size: .72rem;
        letter-spacing: .1em;
    }

    .patient-list small[b-sw01ekn76b] {
        color: var(--web-muted);
    }

.security-section[b-sw01ekn76b] {
    padding-block: 92px;
    color: #fff;
    background: var(--web-ink);
}

.security-grid[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 95px;
    align-items: center;
}

.security-section .eyebrow[b-sw01ekn76b] {
    color: #9de1d8;
}

.security-copy > p[b-sw01ekn76b] {
    margin: 0;
    color: #c5d2cf;
    font-size: 1.05rem;
    line-height: 1.78;
}

.security-labels[b-sw01ekn76b] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 27px;
}

    .security-labels span[b-sw01ekn76b] {
        padding: 8px 11px;
        color: #d9e6e3;
        border: 1px solid #ffffff30;
        border-radius: 999px;
        font-size: .78rem;
    }

    .security-labels b[b-sw01ekn76b] {
        color: #9de1d8;
    }

.roadmap-section[b-sw01ekn76b] {
    padding-block: 110px;
}

.roadmap-heading[b-sw01ekn76b] {
    max-width: 850px;
}

    .roadmap-heading > p:last-child[b-sw01ekn76b] {
        max-width: 650px;
        margin: 24px 0 0;
        color: var(--web-muted);
        font-size: 1.05rem;
        line-height: 1.75;
    }

.roadmap-grid[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 55px;
}

    .roadmap-grid article[b-sw01ekn76b] {
        min-height: 230px;
        padding: 28px;
        background: #f7f9f8;
        border: 1px solid var(--web-line);
        border-radius: 8px;
    }

    .roadmap-grid span[b-sw01ekn76b] {
        color: var(--web-orange);
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .1em;
    }

    .roadmap-grid h3[b-sw01ekn76b] {
        margin: 48px 0 10px;
        font-size: 1.18rem;
    }

    .roadmap-grid p[b-sw01ekn76b] {
        margin: 0;
        color: var(--web-muted);
        line-height: 1.65;
    }

.pricing-section[b-sw01ekn76b] {
    padding-block: 105px 115px;
    background: #e4ecea;
    scroll-margin-top: 25px;
}

.pricing-heading[b-sw01ekn76b] {
    max-width: 780px;
}

    .pricing-heading > p:last-child[b-sw01ekn76b] {
        margin: 22px 0 0;
        color: var(--web-muted);
    }

.pricing-grid[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 55px;
}

.price-card[b-sw01ekn76b] {
    display: flex;
    flex-direction: column;
    min-height: 390px;
    padding: 29px;
    background: #fff;
    border: 1px solid var(--web-line);
    border-radius: 8px;
}

    .price-card.featured[b-sw01ekn76b] {
        border: 2px solid var(--web-teal);
        box-shadow: 0 18px 45px #17352e15;
    }

.price-label[b-sw01ekn76b] {
    align-self: flex-start;
    padding: 5px 9px;
    color: var(--web-teal);
    background: var(--web-mint);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.price-card.featured .price-label[b-sw01ekn76b] {
    color: #fff;
    background: var(--web-teal);
}

.price-card h3[b-sw01ekn76b] {
    margin: 27px 0 8px;
    font-size: 1.25rem;
}

.price[b-sw01ekn76b] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin: 0 0 22px;
    font-family: "Manrope", sans-serif;
    font-size: 3.7rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.05em;
}

    .price > span[b-sw01ekn76b] {
        font-size: 1.2rem;
    }

    .price small[b-sw01ekn76b] {
        margin-left: 5px;
        color: var(--web-muted);
        font-family: "DM Sans", sans-serif;
        font-size: .72rem;
        font-weight: 600;
        letter-spacing: 0;
    }

.price-card > p:not(.price)[b-sw01ekn76b] {
    color: var(--web-muted);
    line-height: 1.65;
}

.price-button[b-sw01ekn76b] {
    width: 100%;
    margin-top: auto;
    color: var(--web-ink);
    background: #eff4f2;
}

.price-card.featured .price-button[b-sw01ekn76b] {
    background: var(--web-orange);
}

.pricing-note[b-sw01ekn76b] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    align-items: center;
    margin-top: 24px;
    padding: 20px 24px;
    background: #fff;
    border-radius: 7px;
}

    .pricing-note > span[b-sw01ekn76b] {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        color: var(--web-teal);
        background: var(--web-mint);
        border-radius: 50%;
        font-weight: 800;
    }

    .pricing-note p[b-sw01ekn76b] {
        margin: 0;
        color: var(--web-muted);
        line-height: 1.65;
    }

    .pricing-note strong[b-sw01ekn76b] {
        display: block;
        color: var(--web-ink);
    }

.web-cta[b-sw01ekn76b] {
    padding-block: 85px;
    color: #fff;
    background: var(--web-teal);
}

.cta-inner[b-sw01ekn76b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

.web-cta .eyebrow[b-sw01ekn76b] {
    color: #bcece6;
}

.web-cta h2[b-sw01ekn76b] {
    max-width: 800px;
}

.web-cta p:not(.eyebrow)[b-sw01ekn76b] {
    margin: 20px 0 0;
    color: #d4efeb;
}

.light-button[b-sw01ekn76b] {
    flex: 0 0 auto;
    color: var(--web-ink);
    background: #fff;
}

@media (max-width: 1000px) {
    .hero-grid[b-sw01ekn76b],
    .section-heading[b-sw01ekn76b],
    .patient-section[b-sw01ekn76b],
    .security-grid[b-sw01ekn76b] {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .hero-grid[b-sw01ekn76b] {
        padding-block: 70px 90px;
    }

    .browser-visual[b-sw01ekn76b] {
        width: min(100%, 650px);
        margin-inline: auto;
    }

    .feature-grid[b-sw01ekn76b] {
        grid-template-columns: repeat(2, 1fr);
    }

    .patient-visual img[b-sw01ekn76b] {
        height: 390px;
    }

    .cta-inner[b-sw01ekn76b] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 720px) {
    .page-shell[b-sw01ekn76b] {
        width: calc(100% - 36px);
    }

    .web-hero[b-sw01ekn76b]::before {
        display: none;
    }

    .hero-copy h1[b-sw01ekn76b] {
        font-size: 3.15rem;
    }

    .hero-actions[b-sw01ekn76b] {
        flex-direction: column;
    }

        .hero-actions a[b-sw01ekn76b] {
            width: 100%;
        }

    .browser-visual[b-sw01ekn76b] {
        min-height: 390px;
    }

    .browser-window[b-sw01ekn76b] {
        width: 96%;
        height: 310px;
    }

    .browser-content[b-sw01ekn76b] {
        grid-template-columns: 52px 1fr;
    }

    .visual-dashboard[b-sw01ekn76b] {
        padding: 18px;
    }

    .phone-window[b-sw01ekn76b] {
        right: 0;
        bottom: 5px;
        width: 100px;
        height: 190px;
    }

    .connected-badge[b-sw01ekn76b] {
        bottom: 4px;
        left: 0;
        font-size: .8rem;
    }

    .intro-section[b-sw01ekn76b],
    .patient-section[b-sw01ekn76b],
    .roadmap-section[b-sw01ekn76b] {
        padding-block: 80px;
    }

    .benefit-strip[b-sw01ekn76b],
    .feature-grid[b-sw01ekn76b],
    .roadmap-grid[b-sw01ekn76b],
    .pricing-grid[b-sw01ekn76b] {
        grid-template-columns: 1fr;
    }

        .benefit-strip > div[b-sw01ekn76b] {
            border-right: 0;
            border-bottom: 1px solid var(--web-line);
        }

            .benefit-strip > div:last-child[b-sw01ekn76b] {
                border-bottom: 0;
            }

    .features-heading[b-sw01ekn76b] {
        align-items: flex-start;
        flex-direction: column;
    }

    .feature-grid article[b-sw01ekn76b] {
        min-height: auto;
    }

    .patient-visual img[b-sw01ekn76b] {
        height: 300px;
    }

    .security-section[b-sw01ekn76b],
    .pricing-section[b-sw01ekn76b] {
        padding-block: 75px;
    }

    .pricing-note[b-sw01ekn76b] {
        align-items: start;
    }

    .light-button[b-sw01ekn76b] {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .browser-visual[b-sw01ekn76b] {
        min-height: 330px;
    }

    .browser-window[b-sw01ekn76b] {
        top: 15px;
        height: 270px;
    }

    .phone-window[b-sw01ekn76b] {
        height: 165px;
    }

    .connected-badge[b-sw01ekn76b] {
        max-width: calc(100% - 70px);
    }

        .connected-badge small[b-sw01ekn76b] {
            display: none;
        }

    .visual-sidebar[b-sw01ekn76b] {
        gap: 16px;
    }

    .agenda-grid[b-sw01ekn76b] {
        gap: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[b-sw01ekn76b] {
        scroll-behavior: auto;
    }
}