/* French landing page: individual and collective rewards. */
#wb-collective {
    max-width:1100px;
    margin:0 auto;
    --w-bg:#fffaf3;
    --w-paper:#fff;
    --w-ink:#292822;
    --w-muted:#68665c;
    --w-line:#e9e3d8;
    --w-soft:#f3edde;
    --w-orange:#ff6b35;
    --w-accent:#ae431e;
    --w-green:#316c50;
    font-family:'Segoe UI',Arial,sans-serif;
    color:var(--w-ink);
    background:var(--w-bg);
    font-size:15px;
    line-height:1.5;
}


#wb-collective * {
    box-sizing:border-box
}

#wb-collective h1,#wb-collective h2,#wb-collective h3,#wb-collective p {
    margin:0
}

#wb-collective a {
    color:inherit;
    text-decoration:none
}

#wb-collective button {
    font:inherit;
    cursor:pointer
}

#wb-collective .w-hero {
    padding:55px 6% 38px;
    text-align:center
}

#wb-collective .w-kicker {
    font-size:11px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--w-accent);
    font-weight:700;
    margin-bottom:17px
}

#wb-collective h1 {
    font-size:clamp(34px,5.4vw,58px);
    line-height:1.07;
    letter-spacing:-.045em;
    font-weight:750
}

#wb-collective h1 em {
    font-style:normal;
    color:var(--w-accent)
}

#wb-collective .w-lead {
    max-width:625px;
    margin:22px auto;
    color:var(--w-muted);
    font-size:17px;
    line-height:1.6
}

#wb-collective .w-cta {
    display:inline-flex;
    gap:14px;
    align-items:center;
    background:var(--w-orange);
    color:#28190f;
    border-radius:10px;
    padding:13px 21px;
    font-size:14px;
    font-weight:700
}

#wb-collective .w-note {
    font-size:11px;
    color:var(--w-muted);
    margin-top:12px
}

#wb-collective .w-audiences {
    margin-top:27px;
    font-size:12px;
    color:var(--w-muted);
    letter-spacing:.025em
}

#wb-collective .w-showcase {
    padding:14px 5% 42px
}

#wb-collective .w-tabs {
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:19px
}

#wb-collective .w-tabs button {
    padding:9px 17px;
    background:transparent;
    border:1px solid var(--w-line);
    border-radius:30px;
    color:var(--w-muted);
    font-size:13px
}

#wb-collective .w-tabs button[aria-pressed=true] {
    background:var(--w-ink);
    border-color:var(--w-ink);
    color:var(--w-paper)
}

#wb-collective .w-board {
    background:var(--w-paper);
    border:1px solid var(--w-line);
    border-radius:22px;
    box-shadow:0 16px 45px #00000009;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    overflow:hidden
}

#wb-collective .w-story {
    padding:29px;
    background:var(--w-soft);
    display:flex;
    flex-direction:column;
    align-items:flex-start
}

#wb-collective .w-ticket {
    background:var(--w-paper);
    border-radius:12px;
    display:flex;
    gap:10px;
    align-items:center;
    padding:9px 13px;
    font-size:11px;
    color:var(--w-muted);
    margin-bottom:22px
}

#wb-collective h2 {
    font-size:29px;
    line-height:1.15;
    letter-spacing:-.035em
}

#wb-collective .w-story>p {
    font-size:14px;
    color:var(--w-muted);
    margin:13px 0 22px
}

#wb-collective .w-roles {
    width:100%;
    display:grid;
    gap:15px
}

#wb-collective .w-role-label {
    font-size:10px;
    color:var(--w-muted);
    text-transform:uppercase;
    letter-spacing:.09em;
    margin-bottom:3px
}

#wb-collective .w-role-value {
    font-size:15px;
    font-weight:650
}

#wb-collective .w-role-arrow {
    color:var(--w-accent);
    font-size:16px;
    line-height:1
}

#wb-collective .w-timing {
    margin-top:24px;
    padding-top:14px;
    border-top:1px solid var(--w-line);
    width:100%;
    font-size:12px;
    color:var(--w-muted)
}

#wb-collective .w-detail {
    padding:27px
}

#wb-collective .w-meter-heading {
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:baseline;
    font-size:13px
}

#wb-collective .w-meter-heading strong {
    font-size:23px;
    letter-spacing:-.03em
}

#wb-collective .w-track {
    height:9px;
    border-radius:20px;
    background:var(--w-soft);
    margin:11px 0 8px;
    overflow:hidden
}

#wb-collective .w-fill {
    width:90%;
    height:100%;
    background:var(--w-orange);
    border-radius:20px
}

#wb-collective .w-caption {
    font-size:11px;
    color:var(--w-muted)
}

#wb-collective .w-task-heading {
    font-size:13px;
    font-weight:650;
    margin:22px 0 8px
}

#wb-collective .w-task {
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid var(--w-line);
    font-size:12px
}

#wb-collective .w-task span {
    display:flex;
    align-items:center;
    gap:8px
}

#wb-collective .w-task b {
    color:var(--w-green);
    font-weight:600;
    white-space:nowrap
}

#wb-collective details {
    margin-top:16px;
    border:1px solid var(--w-line);
    border-radius:10px;
    padding:11px 13px;
    font-size:12px
}

#wb-collective summary {
    cursor:pointer;
    font-weight:600
}

#wb-collective .w-member {
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:7px 0;
    border-bottom:1px solid var(--w-line)
}

#wb-collective .w-member:last-child {
    border:0
}

#wb-collective .w-member span:last-child {
    color:var(--w-muted)
}

#wb-collective .w-min-note {
    font-size:11px;
    color:var(--w-muted);
    margin:8px 0
}

#wb-collective .w-demo-caption {
    text-align:center;
    font-size:11px;
    color:var(--w-muted);
    margin-top:12px
}

#wb-collective .w-freedom {
    padding:40px 5%;
    border-top:1px solid var(--w-line)
}

#wb-collective .w-freedom-head {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px
}

#wb-collective .w-freedom-head h2 {
    max-width:380px
}

#wb-collective .w-freedom-head p {
    max-width:345px;
    font-size:14px;
    color:var(--w-muted)
}

#wb-collective .w-features {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:27px;
    margin-top:28px
}

#wb-collective .w-feature-icon {
    color:var(--w-accent);
    margin-bottom:10px
}

#wb-collective h3 {
    font-size:15px;
    margin-bottom:7px
}

#wb-collective .w-features p {
    font-size:13px;
    color:var(--w-muted)
}

#wb-collective .w-bottom {
    margin:0 5% 34px;
    border-radius:16px;
    background:var(--w-soft);
    padding:23px 27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px
}

#wb-collective .w-bottom strong {
    font-size:17px;
    letter-spacing:-.02em
}

#wb-collective .w-bottom p {
    font-size:12px;
    color:var(--w-muted);
    margin-top:5px
}

#wb-collective .w-bottom a {
    font-size:12px;
    white-space:nowrap;
    text-decoration:underline
}

@media(max-width:650px) {
    #wb-collective .w-board {
    grid-template-columns:1fr
}

#wb-collective .w-hero {
    padding:36px 6% 25px
}

#wb-collective .w-story,#wb-collective .w-detail {
    padding:23px
}

#wb-collective .w-freedom-head {
    display:block
}

#wb-collective .w-freedom-head p {
    margin-top:16px
}

#wb-collective .w-features {
    grid-template-columns:1fr;
    gap:22px
}

#wb-collective .w-bottom {
    flex-direction:column;
    align-items:flex-start
}

#wb-collective .w-member {
    flex-wrap:wrap;
    gap:3px
}

#wb-collective .w-lead {
    font-size:15px
}

}


@media(prefers-reduced-motion:no-preference) {
    #wb-collective .w-fill {
    transition:width .25s
}

}


[data-theme="dark"] #wb-collective  {
    --w-bg:#1d1c19;
    --w-paper:#272622;
    --w-ink:#f5f1e9;
    --w-muted:#bfb9ac;
    --w-line:#484338;
    --w-soft:#343026;
    --w-accent:#ffae8d;
    --w-green:#a5dbb3;
}


#wb-collective .w-tabs[hidden]  {
    display:none;
}


#wb-collective [id]  {
    scroll-margin-top:120px;
}


#wb-collective button:focus-visible, #wb-collective a:focus-visible,
#wb-collective summary:focus-visible  {
    outline:3px solid var(--w-accent);
    outline-offset:4px;
}


#wb-collective .w-symbol  {
    display:inline-block;
    font-size:18px;
    line-height:1.2;
}


#wb-collective .w-tabs button  {
    min-height:44px;
}


#wb-collective summary  {
    padding-block:5px;
}


#wb-collective .w-audiences a  {
    text-decoration:underline;
    text-underline-offset:3px;
}


#wb-collective .w-cta:hover  {
    background:#ff824f;
}


#wb-collective .w-min-note  {
    margin:8px 0;
}


.collective-page  {
    --text-secondary:#68665c;
}


[data-theme="dark"] .collective-page  {
    --text-secondary:#bfb9ac;
}


.collective-page section[id]  {
    scroll-margin-top:120px;
}


@media (max-width: 380px)  {
    .collective-page .site-header-inner  {
    flex-wrap:wrap;
    gap:12px;
}

  .collective-page .header-controls  {
    margin-left:0;
}

  .collective-page section[id], #wb-collective [id]  {
    scroll-margin-top:160px;
}

}



/* Original information follows the approved introductory layout in full. */
.individual-rewards .lead { color:var(--text-secondary); font-size:18px; line-height:1.65; }
.individual-trial { margin:24px 0; text-align:center; }
.release-pending { cursor:default; }
#wb-collective .w-symbol { flex-shrink:0; vertical-align:middle; }

/* Longer translated labels wrap without splitting the numeric total. */
#wb-collective .w-meter-heading { flex-wrap:wrap; }
#wb-collective .w-meter-heading strong { white-space:nowrap; }

/* Classroom scenario and the two distinct contributions. */
#wb-collective [hidden] { display:none !important; }
#wb-collective .w-scenario { margin-top:18px; width:100%; font-size:13px; line-height:1.6; }
#wb-collective .w-scenario h3 { font-size:15px; margin:0 0 12px; }
#wb-collective .w-scenario dl { margin:0 0 14px; }
#wb-collective .w-scenario dl>div { margin:6px 0; }
#wb-collective .w-scenario dt { display:inline; font-weight:650; }
#wb-collective .w-scenario dd { display:inline; margin:0 0 0 5px; font-weight:400; }
#wb-collective .w-scenario-notes p { color:var(--w-muted); margin:12px 0 0; }
#wb-collective .w-scenario-notes p strong { color:var(--w-ink); }
#wb-collective .w-task .w-task-content { display:block; }
#wb-collective .w-task-audience { display:block; margin-bottom:4px; font-size:13px; }
#wb-collective .w-task { padding-block:16px; }

/* Shared explanation below the scenario and its tasks. */
#wb-collective .w-scenario-notes { grid-column:1 / -1; padding:24px 29px 29px; border-top:1px solid var(--w-line); background:var(--w-soft); font-size:13px; line-height:1.6; }
#wb-collective .w-scenario-notes p:first-child { margin-top:0; }
@media(max-width:650px) { #wb-collective .w-scenario-notes { padding:23px; } }

/* A shared title and independent requirements for the classroom reward. */
#wb-collective .w-board-header { grid-column:1 / -1; padding:29px; border-bottom:1px solid var(--w-line); }
#wb-collective .w-board-header .w-ticket { display:inline-flex; margin-bottom:14px; padding:0; }
#wb-collective .w-board-header h2 { max-width:850px; }
#wb-collective .w-story { background:var(--w-paper); }
#wb-collective .w-detail { border-left:1px solid var(--w-line); }
#wb-collective .w-scenario { margin-top:0; }
#wb-collective .w-scenario h3, #wb-collective #w-class-contributions h3 { font-size:18px; margin:0 0 20px; }
#wb-collective .w-types-label { color:var(--w-muted); font-size:13px; margin-bottom:12px; }
#wb-collective .w-type-progress { display:grid; grid-template-columns:1fr auto; gap:7px 12px; font-size:13px; margin-bottom:15px; }
#wb-collective .w-type-progress progress { grid-column:1 / -1; width:100%; height:9px; border:0; border-radius:9px; overflow:hidden; background:var(--w-soft); }
#wb-collective progress::-webkit-progress-bar { background:var(--w-soft); }
#wb-collective progress::-webkit-progress-value { background:var(--w-orange); }
#wb-collective progress::-moz-progress-bar { background:var(--w-orange); }
#wb-collective .w-contribution { padding:17px 0; border-bottom:1px solid var(--w-line); }
#wb-collective .w-contribution h4 { margin:0 0 6px; font-size:15px; }
#wb-collective .w-contribution p { font-size:13px; margin-top:6px; }
#wb-collective .w-earned { color:var(--w-green); font-weight:600; }
#wb-collective .w-requirements { font-size:13px; margin-top:18px; }
#wb-collective .w-scenario-notes { background:color-mix(in srgb, var(--w-soft) 40%, var(--w-paper)); }
@media(max-width:650px) {
 #wb-collective .w-board-header { padding:23px; }
 #wb-collective .w-detail { border-left:0; border-top:1px solid var(--w-line); }
}

/* Keep the full practical example alongside the scenario. */
#wb-collective .w-contribution:first-of-type { padding-top:0; }
#wb-collective .w-contribution:last-of-type { padding-bottom:14px; }
#wb-collective .w-contribution .w-type-progress { margin:12px 0 0; font-size:12px; }
#wb-collective .w-contribution .w-type-progress strong { font-weight:500; }

/* Context navigation stays visible, while each example keeps scenario before practice. */
#wb-collective .w-tabs { display:flex; flex-wrap:wrap; gap:10px; }
#wb-collective .w-tabs button { flex:1 1 auto; }
#wb-collective #w-generic-title, #wb-collective #w-other-contributions>h3, #wb-collective #w-professional-contributions>h3 { font-size:18px; margin:0 0 20px; }
#wb-collective .w-education-examples { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
#wb-collective .w-education-examples button { font:inherit; font-size:12px; padding:7px 10px; border:1px solid var(--w-line); border-radius:8px; background:var(--w-paper); color:var(--w-ink); cursor:pointer; }
#wb-collective .w-education-examples button[aria-pressed=true] { border-color:var(--w-orange); font-weight:700; }
#wb-collective button:focus-visible { outline:3px solid var(--w-orange); outline-offset:3px; }

/* Context photography and the individual task-to-reward journey. */
#wb-collective .w-board-header { display:grid; grid-template-columns:minmax(0,1fr) 210px; column-gap:28px; align-items:center; }
#wb-collective .w-board-header .w-ticket { grid-column:1; justify-self:start; }
#wb-collective .w-board-header h2, #wb-collective .w-board-header .w-education-examples { grid-column:1; }
#wb-collective .w-context-photo { grid-column:2; grid-row:1 / span 3; width:210px; height:140px; object-fit:cover; object-position:center 62%; border-radius:14px; }
.individual-journey { display:flex; align-items:center; justify-content:center; gap:22px; margin:30px auto; }
.individual-step { display:flex; flex-direction:column; align-items:center; gap:12px; min-width:140px; padding:22px; border:1px solid var(--border); border-radius:18px; background:var(--bg); }
.individual-step svg { color:#b9491f; }
.individual-step strong { font-size:15px; }
.individual-arrow { font-size:28px; color:var(--text-secondary); }
@media(max-width:650px) {
 #wb-collective .w-board-header { grid-template-columns:minmax(0,1fr) 100px; column-gap:14px; }
 #wb-collective .w-context-photo { width:100px; height:115px; }
 #wb-collective .w-board-header .w-ticket { font-size:9px; }
 .individual-journey { gap:7px; }
 .individual-step { min-width:0; flex:1; padding:14px 5px; gap:8px; }
 .individual-step svg { width:48px; height:48px; }
 .individual-step strong { font-size:12px; }
 .individual-arrow { font-size:18px; }
}
/* A warmer illustrated identity, using the existing cream, orange and ink palette. */
#wb-collective .w-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:12px; padding:58px 4% 62px; text-align:left; background:radial-gradient(ellipse at 82% 36%,#ffe4c966,transparent 65%); }
#wb-collective .w-hero-copy { position:relative; z-index:1; }
#wb-collective .w-hero .w-kicker { display:inline-block; border:1px solid #e7c8a9; background:#fff1df; padding:8px 12px; border-radius:9px; font-size:11px; letter-spacing:.08em; }
#wb-collective .w-hero h1 { font-size:clamp(38px,4.4vw,60px); font-weight:800; line-height:1.06; }
#wb-collective .w-hero h1 em { text-decoration:underline; text-decoration-color:#efb970; text-decoration-thickness:5px; text-underline-offset:8px; }
#wb-collective .w-hero .w-lead { margin:27px 0 24px; font-size:18px; }
#wb-collective .w-hero-art { min-width:0; }
#wb-collective .w-hero-art img { display:block; width:110%; max-width:none; margin-left:-5%; height:auto; }
#wb-collective .w-cta { padding:16px 23px; box-shadow:0 8px 22px #df6b3026; border-bottom:3px solid #cf5423; }
#wb-collective .w-showcase { padding-top:28px; }
#wb-collective .w-tabs { padding:7px; background:var(--w-soft); border:1px solid var(--w-line); border-radius:18px; margin-bottom:25px; }
#wb-collective .w-tabs button { border:0; border-radius:12px; padding:13px 15px; font-weight:650; background:transparent; }
#wb-collective .w-tabs button[aria-pressed=true] { background:#a74323; color:#fffaf3; box-shadow:0 4px 12px #74371322; }
#wb-collective .w-board { box-shadow:0 20px 50px #683b1910; border-color:#dfcfbb; }
#wb-collective .w-board-header { background:linear-gradient(110deg,var(--w-paper),var(--w-soft)); padding-block:32px; }
#wb-collective .w-board-header h2 { font-size:clamp(26px,3vw,35px); font-weight:780; }
#wb-collective .w-context-photo { box-shadow:0 9px 22px #593b2826; transform:rotate(2deg); border:5px solid var(--w-paper); height:150px; }
#wb-collective .w-ticket { color:var(--w-accent); font-weight:700; letter-spacing:.07em; }
#wb-collective .w-detail h3, #wb-collective .w-story h3 { border-left:4px solid var(--w-orange); padding-left:12px; }
.home-individual { background:linear-gradient(115deg,#fff0db,#fff8ec 58%,#f1e9d7); border-block:1px solid #ead6bb; }
.home-individual>.container { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; gap:48px; max-width:1100px; text-align:left; padding-block:12px; }
.home-individual h2 { font-size:clamp(29px,3.2vw,40px); }
.home-individual p { margin:18px 0; }
.home-individual .section-eyebrow { color:#a74323; font-weight:750; }
.home-individual .individual-journey { width:100%; gap:10px; padding-block:30px; }
.home-individual .individual-step { min-width:0; flex:1; padding:24px 8px; background:#fffdf8; border-color:#e7cdb0; box-shadow:0 14px 28px #97643a12; }
.home-individual .individual-step:nth-of-type(1) { transform:translateY(14px) rotate(-4deg); }
.home-individual .individual-step:nth-of-type(2) { transform:translateY(-16px); background:#ffedc7; }
.home-individual .individual-step:nth-of-type(3) { transform:translateY(14px) rotate(4deg); background:#e5efdf; }
.home-individual .individual-step svg { width:68px; height:68px; }
.home-columns article { padding:25px; background:var(--bg-elevated); border:1px solid var(--border); border-radius:18px; box-shadow:0 10px 25px #4d311a06; }
.home-columns .step-label { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:12px; background:#fbe7d3; color:#a74323; font-size:15px; }
.home-columns h3 { font-size:20px; }
.home-confidence:not(.home-individual) { background:#eaf0e5; border-color:#d7e2d0; }
.home-confidence:not(.home-individual) h2 { font-size:clamp(30px,3.4vw,42px); color:#315441; }
.home-price { background:linear-gradient(120deg,var(--bg),#f4e3ca); }
.home-heading h2,.home-price h2 { font-size:clamp(29px,3.2vw,40px); }
[data-theme="dark"] #wb-collective .w-hero { background:radial-gradient(ellipse at 82% 36%,#5a382c66,transparent 65%); }
[data-theme="dark"] #wb-collective .w-kicker { background:#3d2d23; border-color:#795135; }
[data-theme="dark"] .home-individual { background:linear-gradient(115deg,#342a20,#25231e); border-color:#574334; }
[data-theme="dark"] .home-individual .section-eyebrow { color:#ffb38e; }
[data-theme="dark"] .home-individual .individual-step { background:#302a22; border-color:#66513a; }
[data-theme="dark"] .home-individual .individual-step:nth-of-type(2) { background:#44351e; }
[data-theme="dark"] .home-individual .individual-step:nth-of-type(3) { background:#283d30; }
[data-theme="dark"] .individual-step svg { color:#ffb080; }
[data-theme="dark"] .home-confidence:not(.home-individual) { background:#25332a; border-color:#374b3b; }
[data-theme="dark"] .home-confidence:not(.home-individual) h2 { color:#d4e6ce; }
[data-theme="dark"] .home-price { background:linear-gradient(120deg,var(--bg),#382b20); }
@media(max-width:800px) {
 #wb-collective .w-hero { grid-template-columns:1fr; gap:18px; padding:36px 6% 30px; }
 #wb-collective .w-hero-copy { max-width:620px; }
 #wb-collective .w-hero-art { max-width:420px; width:85%; margin:0 auto; }
 #wb-collective .w-hero-art img { width:100%; margin:0; }
 .home-individual>.container { grid-template-columns:1fr; gap:10px; }
 .home-individual .individual-journey { max-width:460px; margin:10px auto; }
}
@media(max-width:450px) {
 #wb-collective .w-hero h1 { font-size:39px; }
 #wb-collective .w-hero .w-lead { font-size:16px; }
 #wb-collective .w-tabs button { font-size:12px; padding:11px 8px; flex-basis:40%; }
 #wb-collective .w-context-photo { transform:none; height:115px; }
 #wb-collective .w-board-header h2 { font-size:26px; }
 .home-individual .individual-step svg { width:48px; height:48px; }
 .home-individual .individual-step strong { font-size:12px; }
}
/* Keep the individual feature composition above generic multipage defaults. */
.multipage-site .home-individual>.container { max-width:1100px; text-align:left; }
.multipage-site .home-individual h2 { font-size:clamp(29px,3.2vw,40px); }
.multipage-site .home-individual p { margin:18px 0; }
/* Illustrated detail pages extend the homepage identity without changing the copy. */
.multipage-site main .page-intro { padding:48px 0; background:linear-gradient(115deg,#fff4e4,#f8e8d6); border-bottom:1px solid #ead4ba; }
.multipage-site main .page-intro>.container { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:32px; align-items:center; }
.multipage-site .page-intro-copy { min-width:0; }
.multipage-site .page-intro-copy h1 { font-size:clamp(36px,4.5vw,58px); font-weight:800; line-height:1.07; }
.multipage-site .page-intro-copy>p:last-child { max-width:640px; font-size:18px; line-height:1.65; color:var(--text-secondary); }
.multipage-site .page-intro-copy .section-eyebrow { display:inline-block; padding:7px 12px; margin-bottom:20px; border-radius:8px; border:1px solid #dfc6a9; color:#a74323; background:#fff9ef; }
.multipage-site .page-intro-art { display:block; width:100%; height:auto; max-height:310px; object-fit:contain; }
.multipage-site main .section-title { font-size:clamp(29px,3.5vw,42px); line-height:1.15; letter-spacing:-.035em; }
.multipage-site main .step,.multipage-site main .feature,.multipage-site main .for-who-card { border:1px solid var(--border); border-radius:18px; background:var(--bg-elevated); box-shadow:0 10px 28px #7047200a; overflow:hidden; }
.multipage-site main .step { border-top:4px solid #e88b56; }
.multipage-site main .feature-icon { display:inline-flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:15px; background:#f5e6cf; }
.multipage-site main .feature-title,.multipage-site main .step-title { font-size:20px; }
.multipage-site main .for-who-title { color:#a74323; }
.multipage-site main .charter { background:#eaf0e5; border-block:1px solid #d2dfcd; }
.multipage-site main .charter-col { padding:28px; background:var(--bg-elevated); border-radius:20px; border:1px solid var(--border); }
.multipage-site main .individual-rewards { background:linear-gradient(110deg,var(--bg),#f6e9d7); }
.multipage-site main .pricing-card { border-radius:22px; box-shadow:0 14px 30px #7047200b; }
.multipage-site main .multipage-faq { background:var(--bg-elevated); border-top:1px solid var(--border); }
.multipage-site main details.faq { padding:20px 24px; border:1px solid var(--border); border-radius:14px; margin-bottom:12px; background:var(--bg); }
.multipage-site main .next-page { border:1px solid #e0c8aa; border-radius:18px; background:linear-gradient(110deg,#fff4e1,#f4e7d3); padding:28px; }
.multipage-site .privacy-document { max-width:900px; padding-inline:28px; }
.multipage-site .privacy-heading { display:grid; grid-template-columns:minmax(0,1fr) 230px; align-items:center; gap:24px; padding:24px; margin:0 -24px 25px; border-radius:20px; background:linear-gradient(120deg,#fff0da,#e5ecdd); }
.multipage-site .privacy-heading h1 { font-size:clamp(32px,4vw,48px); line-height:1.1; }
.multipage-site .privacy-heading img { width:100%; height:auto; }
.multipage-site .privacy-document h2 { margin-top:35px; padding-left:14px; border-left:4px solid #df8050; font-size:23px; }
.multipage-site .privacy-document p,.multipage-site .privacy-document li { line-height:1.8; }
[data-theme="dark"] .multipage-site main .page-intro { background:linear-gradient(115deg,#30261e,#242a23); border-color:#594433; }
[data-theme="dark"] .multipage-site .page-intro-copy .section-eyebrow { color:#ffc094; background:#392d21; border-color:#71583c; }
[data-theme="dark"] .multipage-site main .feature-icon { background:#443624; }
[data-theme="dark"] .multipage-site main .for-who-title { color:#ffb38e; }
[data-theme="dark"] .multipage-site main .charter { background:#25332a; border-color:#374a3c; }
[data-theme="dark"] .multipage-site main .individual-rewards { background:linear-gradient(110deg,var(--bg),#322a20); }
[data-theme="dark"] .multipage-site main .next-page,[data-theme="dark"] .multipage-site .privacy-heading { background:linear-gradient(110deg,#362c22,#293329); border-color:#614c37; }
@media(max-width:650px) {
 .multipage-site main .page-intro { padding:32px 0; }
 .multipage-site main .page-intro>.container { grid-template-columns:1fr; gap:12px; }
 .multipage-site .page-intro-art { max-height:215px; }
 .multipage-site .page-intro-copy h1 { font-size:36px; }
 .multipage-site .privacy-heading { grid-template-columns:1fr; gap:0; }
 .multipage-site .privacy-heading img { max-width:180px; margin:auto; }
 .multipage-site main .charter-col { padding:20px; }
 .multipage-site main details.faq { padding:17px; }
}

#wb-collective #w-colleague-contributions>h3 { font-size:18px; margin:0 0 20px; }
/* Make the product name a clear identity, not a small navigation label. */
.multipage-site .brand { font-size:22px; font-weight:800; letter-spacing:-.04em; gap:10px; }
.multipage-site .brand-mark { width:38px; height:38px; }
.multipage-site .brand-publisher { margin-left:48px; font-size:11px; }
#wb-collective .w-hero .w-product-name { font-size:clamp(28px,3.2vw,40px); font-weight:800; letter-spacing:-.045em; color:var(--w-ink); margin-bottom:16px; }
@media(max-width:650px) {
 .multipage-site .brand { font-size:20px; gap:9px; }
 .multipage-site .brand-mark { width:34px; height:34px; }
 .multipage-site .brand-publisher { margin-left:43px; font-size:10px; }
}
/* Product first, promise second: distinct levels instead of competing headlines. */
#wb-collective .w-hero h1.w-product-name { font-size:clamp(38px,4.6vw,64px); line-height:1.08; font-weight:800; letter-spacing:-.045em; margin:0 0 17px; }
#wb-collective .w-hero .w-tagline { font-size:clamp(25px,2.6vw,36px); line-height:1.2; font-weight:700; letter-spacing:-.03em; margin:0; }
#wb-collective .w-hero .w-tagline em { font-style:normal; color:var(--w-accent); }
@media(max-width:450px) {
 #wb-collective .w-hero h1.w-product-name { font-size:clamp(34px,10vw,43px); }
 #wb-collective .w-hero .w-tagline { font-size:27px; }
}