/* WorldRole homepage: a single primary action, evidence from the original posting. */
:root{--lime:#dceca2;--lime-soft:#eef5d6;--mid:#4f8f5e}
body.home{background:radial-gradient(900px 600px at 90% 0,#e8efda80,transparent 70%),var(--paper)}
.home>main{display:block;flex:1}
.home .site-header{background:#f8f9f5ed;backdrop-filter:blur(10px);border-color:#dde5d8}
.home .site-header .nav{min-height:84px}
.home .site-header .brand{display:flex;flex:none;line-height:1}
.brand-logo{display:block;width:210px;height:47px;overflow:hidden}
.home .site-header .nav-link{font-size:14px;color:#3d5a49}
.home .site-header [data-nav-guest],.home .site-header [data-nav-member]{padding:8px 17px;border:1px solid #bacdb5;border-radius:8px;background:transparent;color:var(--brand)}
.home .site-header [data-nav-guest]:hover,.home .site-header [data-nav-member]:hover{background:#eaf0e1}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:44px 0 42px}
.collection-proof{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;color:#3e6248;font-size:13px;font-weight:600;line-height:1.6;min-height:21px}
.collection-proof::before{content:'';width:7px;height:7px;border-radius:50%;background:#6e9351}
html[lang="zh-CN"] .home h1,html[lang="ja"] .home h1{font-size:clamp(34px,3.6vw,48px);letter-spacing:0;line-height:1.35}
html[lang="ja"] .home h1{font-size:clamp(31px,3vw,40px)}
html[lang="en"] .home h1,html[lang="fr"] .home h1{font-size:clamp(34px,3.2vw,44px);letter-spacing:-.02em;line-height:1.3}
.home h1 .accent{color:#2b6147;background:linear-gradient(transparent 66%,var(--lime) 66%,var(--lime) 93%,transparent 93%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.intro{font-size:15px;margin-bottom:20px;line-height:1.9}
.paths{gap:8px}.paths span{display:inline-flex;align-items:center;gap:6px;background:#fff;border-color:#dbe5d4;padding:6px 10px;border-radius:999px;font-size:11px}
.paths svg,.step-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero .connect-card{margin-top:24px;padding:17px 18px;border-radius:14px;border-color:#d6e1d2;background:#ffffffc4;box-shadow:0 12px 32px -24px #1d4a2f66}
.hero .card-intro{margin:0 0 11px;font-size:13px}
.cta-row{display:flex}.cta-row .primary{flex:1;min-height:54px;font-size:16px;background:var(--brand);box-shadow:0 6px 14px -7px #174b3999}
.cta-row .primary:hover{background:#256044;box-shadow:0 8px 20px -9px #174b39aa}
.hero .allowance{text-align:left;margin-top:9px;font-size:12px}
.hero .manual{margin-top:12px;padding-top:11px}.manual summary{font-size:12px}
.account-choice{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.account-choice button{padding:0;border:0;background:none;font:inherit;color:var(--brand);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.account-choice .steps-link{margin-left:auto;text-decoration:underline;text-underline-offset:3px}
.hero-visual{position:relative;min-width:0;border:1px solid #d3dfcc;border-radius:17px;background:#fff;box-shadow:0 18px 44px -30px #1d4a2f66;overflow:hidden}
.quote-text{display:block}.source-quote{margin:2px 0 0;padding:7px 10px;border-left:2px solid #a2bd77;border-radius:0 6px 6px 0;background:#f5f8ef;font:inherit;font-size:12px;line-height:1.6;color:#40583f;overflow-wrap:anywhere}
.source-quote mark{color:#214c32;background:#e1efb4;padding:1px 2px;border-radius:2px}
/* Live aggregate counts keep their original definitions. */
.stats-band{background:#edf2e6;border-block:1px solid #d9e3d2}
.stats-band .collection-stats{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0;padding:25px 0;border:0}
.stats-band .collection-stats dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;flex:1;max-width:850px;gap:0}
.stats-band .collection-stats dl>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;padding-left:38px;border-left:1px solid #dce5d7}
.stats-band .collection-stats dl>div:first-child{padding-left:0;border:0}
.stats-band dd{position:relative;display:inline-block;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;order:0;grid-column:auto;font-size:42px;font-weight:750;line-height:1.1;letter-spacing:-.025em;color:var(--brand)}
.stats-band dt{order:1;font-size:12px;line-height:1.5}.stats-band .stat-icon{display:none}.stats-band .stat-increase{position:absolute;display:inline-flex;align-items:center;inset-inline-start:calc(100% + 9px);inset-inline-end:auto;top:5px;margin:0;padding:3px 7px;border:1px solid #cdddbd;border-radius:999px;background:#e5eedb;color:#426537;font-size:11px;font-weight:650;line-height:1.3;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;z-index:1;box-shadow:0 2px 5px #244a2810}
.stats-meta{flex:none;width:auto;max-width:310px;text-align:right}.stats-meta .stats-today{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-end;margin:0 0 6px;gap:6px 10px;padding:0;border:0;border-radius:0;background:none}.stats-meta .stats-today>p{margin:0;font-size:11px;line-height:1.7;color:#61755d}.stats-meta .stats-deltas{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:flex-end}.stats-meta .stats-deltas>span{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.7;color:#61755d}.stats-meta .stats-deltas strong{font-size:11px;font-weight:600;color:#3e7047}.stats-meta [data-stats-note]{text-align:right}.stats-band .collection-stats [data-stats-note]{margin:0;font-size:11px}
.collection-stats:not(.is-ready) [data-stat]{display:inline-block;width:3.2ch;height:.9em;border-radius:6px;color:transparent;background:#dce5d4}
/* Original employer postings, secondary to the setup action. */
.job-board-heading{padding:18px 21px 16px;background:linear-gradient(120deg,#174b39,#28664c);color:#fff}
.job-board-heading h2{margin:0;font-size:23px;font-weight:750;line-height:1.4;letter-spacing:0;color:#fff}
.job-board-heading p{margin:5px 0 0;font-size:12px;line-height:1.7;color:#dcebd5}
.job-board-body{padding:16px;background:#f6f8f2}
#showcase-jobs{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:12px;min-height:348px}
#showcase-jobs .job{display:flex;flex-direction:column;justify-content:flex-start;gap:7px;min-width:0;min-height:168px;margin:0;padding:17px 18px;border:1px solid #d8e3d2;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .18s,box-shadow .18s}
#showcase-jobs .job:hover{border-color:#8da978;box-shadow:0 8px 20px -15px #174b3966}
.job-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.job-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.45;font-size:16px;font-weight:750}
.job-action{flex:none;font-size:11px;font-weight:650;line-height:1.7;padding:2px 0 0;color:#40704c;white-space:nowrap}
.job:hover .job-action{text-decoration:underline;text-underline-offset:4px}
.job-company{order:-1;margin:0 0 1px;font-size:12px;font-weight:700;color:#386546;line-height:1.5}
.job-meta{display:flex;align-items:flex-start;gap:8px;margin:0;min-width:0;line-height:1.7;font-size:12px;color:var(--muted)}
.job-location{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}
.workplace-badge{flex:none;padding:2px 7px;border:1px solid #dce3d8;border-radius:5px;background:#f0f3ed;color:#55694f;font-size:10px;font-weight:700;line-height:1.5;white-space:nowrap}
.workplace-remote{background:#edf5d9;border-color:#d7e7b7;color:#3d612c}.workplace-hybrid{background:#fff2dc;border-color:#efddb9;color:#815b27}.workplace-onsite{background:#eaf1fa;border-color:#d3deed;color:#3c5b81}
.job-evidence{margin:0;font-size:12px;line-height:1.8;color:#45634b}.job-evidence .evidence-label{color:#6a7e68}.job-evidence strong{font-weight:650}.job-evidence .visa{color:#354f89}
.showcase-controls{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px;color:var(--muted)}.showcase-controls>span{margin-right:auto}
.showcase-controls button{min-height:32px;border:0;background:transparent;color:var(--brand);padding:5px 8px;border-radius:6px;font:inherit;cursor:pointer}.showcase-controls button:hover{background:#e6eddb}.showcase-controls #showcase-next{font-weight:650;text-decoration:underline;text-underline-offset:4px}
.showcase-status{padding:28px;margin:0;color:var(--muted);font-size:14px}
/* Steps and FAQ use the same alignment as the hero. */
.how h2,.faq h2{font-size:29px;font-weight:750;line-height:1.4;letter-spacing:0}
.how{padding:66px 0 60px;border-bottom:1px solid var(--line)}.how h2{margin:0 0 12px}.section-intro{margin:0 0 28px;color:var(--muted);font-size:14px;line-height:1.8}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;counter-reset:none}
.steps li{position:relative;display:flex;gap:14px;padding:0;border:0;border-radius:0;background:transparent}
.step-icon{display:none}.steps h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:17px;font-weight:700}
.step-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lime);color:var(--brand);font-size:13px;font-weight:750}
.steps p{margin:0;font-size:13px;line-height:1.85;color:var(--muted)}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;max-width:none;margin:0;padding:58px 0 64px}.faq-heading p{color:var(--muted);font-size:14px;margin:12px 0 0;line-height:1.8}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;list-style:none;font-size:15px;font-weight:650;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:22px;font-weight:400;color:var(--muted)}.faq details[open] summary::after{content:'−'}
.faq details p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.9}.faq a{text-decoration:underline;text-underline-offset:3px}
.faq .faq-copy{min-height:40px;margin:0 0 16px;padding:8px 13px;gap:8px;border-color:#bdcfb5;background:#fff;color:var(--brand);font-size:13px}.faq .faq-copy:hover{background:#edf3e6;border-color:#8fa97c}.faq .faq-copy svg{flex-shrink:0}.faq .feedback{color:#376844}
.final-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 0 52px;padding:32px 36px;border:1px solid #d7e2cb;border-radius:18px;background:#e9f0da}
.final-cta h2{margin:0;font-size:24px;font-weight:750;line-height:1.5}.final-cta p:not(.feedback){margin:9px 0 0;color:#5b7256;font-size:13px;line-height:1.8}.final-cta .button{flex:none;width:auto;min-width:190px}.final-cta .feedback:not(:empty){flex-basis:100%;margin:0}
.footer-brand{display:flex;flex-direction:column;gap:9px}.footer-brand .brand-logo{width:150px;height:33px}.footer-brand>span{font-size:11px}
@media(max-width:1000px){.hero{gap:32px}.home h1{font-size:38px}.stats-meta{max-width:250px}.stats-band dd{font-size:36px}.stats-band .collection-stats dl>div{padding-left:22px}.faq{gap:36px}}
@media(max-width:760px){.home .site-header .nav-link{display:none}.home .site-header .nav{min-height:72px;gap:12px;flex-wrap:nowrap}.brand-logo{width:172px;height:38px}.home .site-header nav{gap:10px}.home .language-picker select{width:78px;min-height:36px;padding:5px 6px;font-size:12px}.home .site-header [data-nav-guest],.home .site-header [data-nav-member]{padding:6px 11px;font-size:12px}
.hero{display:grid;grid-template-columns:1fr;padding:30px 0 34px;gap:30px}.hero-copy{display:block}html[lang="zh-CN"] .home h1{font-size:35px}.hero .connect-card{margin-top:22px;padding:16px}.job-board-heading{padding:18px}.job-board-heading h2{font-size:23px}.job-board-body{padding:13px}
.stats-band .collection-stats{display:block;padding:24px 0}.stats-band .collection-stats dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:0}.stats-band .collection-stats dl>div{display:flex;align-items:center;gap:8px;padding:0 6px;text-align:center}.stats-band .collection-stats dl>div:first-child{padding:0 6px}.stats-band dd{font-size:28px}.stats-band dt{font-size:10px}.stats-meta{width:auto;max-width:none;text-align:center;margin:16px 0 0}.stats-meta .stats-today{flex-direction:row;justify-content:center;align-items:center;padding:0;gap:6px 10px}.stats-meta .stats-deltas{justify-content:center;gap:6px 10px}.stats-meta [data-stats-note]{text-align:center}.stats-band .stat-increase{inset-inline-start:auto;inset-inline-end:-4px;top:-22px;font-size:10px;padding:2px 6px}.stats-band .collection-stats [data-stats-note]{font-size:10px}
.how h2,.faq h2{font-size:25px}#showcase-jobs{gap:11px}#showcase-jobs .job{min-height:170px;padding:16px}.source-quote{font-size:11px}.job-action{font-size:11px}.showcase-controls{font-size:10px}.how{padding:44px 0}.steps{grid-template-columns:1fr;gap:26px}.steps li{padding-left:0}.steps p{padding-left:38px}.faq{grid-template-columns:1fr;gap:24px;padding:40px 0}.faq-heading p{margin-top:7px}.final-cta{padding:26px 23px;gap:20px;margin-bottom:32px}.final-cta h2{font-size:22px}.final-cta .button{width:100%}.home .site-footer{align-items:flex-start;gap:22px}}
@media(max-width:380px){.brand-logo{width:147px;height:33px}.home .site-header nav{gap:7px}.home .language-picker select{width:69px}.home .site-header [data-nav-guest],.home .site-header [data-nav-member]{padding:6px 9px}.stats-band dd{font-size:25px}.job-top{gap:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.stats-band .stat-increase{display:none}}