.join-page{--j-gold:#f0ad00;--j-ink:#333;--j-paper:#f6f0e4;--j-card:#fffaf0;--j-muted:#68665f;--j-line:#d9cfbc;min-height:100vh;background:var(--j-paper);color:var(--j-ink);font-family:Arial,sans-serif}.join-loading{min-height:100vh;display:grid;place-items:center;background:#f6f0e4;color:#333}.join-header{height:74px;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px) / 2));border-bottom:1px solid var(--j-line)}.join-header,.join-logo{display:flex;align-items:center}.join-logo{gap:9px;color:inherit;text-decoration:none;font-size:12px;letter-spacing:.16em}.join-logo>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--j-gold);color:#282823;font:700 italic 18px Georgia}.join-header>div{display:flex;align-items:center;gap:8px}.join-header button{border:1px solid var(--j-line);border-radius:50%;background:transparent;color:inherit;width:36px;height:36px;cursor:pointer}.join-header a:last-child{color:inherit;margin-left:12px;font-size:11px}.join-entry{display:grid;grid-template-columns:.95fr 1.05fr;gap:8vw;align-items:center;width:min(1240px,calc(100% - 48px));min-height:calc(100vh - 74px);margin:auto;padding:55px 0}.join-eyebrow{font-size:10px!important;font-weight:900;letter-spacing:.18em;color:#8c5a17!important}.entry-story h1,.question-heading h1,.result-intro h1{font:400 clamp(50px,5vw,76px)/.98 Georgia,serif;letter-spacing:-.045em;margin:18px 0 26px}.entry-story h1 em{font-weight:400;color:var(--j-gold)}.entry-story>p{max-width:650px;color:var(--j-muted);font-size:16px;line-height:1.75}.entry-facts{display:flex;gap:12px;margin:30px 0}.entry-facts span{border-top:2px solid var(--j-gold);padding:12px 18px 0 0;min-width:120px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.entry-facts b{display:block;font:24px Georgia;text-transform:none;letter-spacing:0}.entry-story>small{display:block;max-width:600px;border-left:3px solid var(--j-gold);padding:8px 14px;color:var(--j-muted);line-height:1.5}.identity-form{background:var(--j-card);border:1px solid var(--j-line);padding:36px;box-shadow:18px 18px 0 color-mix(in srgb,var(--j-gold) 16%,transparent);display:grid;grid-template-columns:1fr;gap:16px}.form-intro{display:flex;gap:14px;border-bottom:1px solid var(--j-line);padding-bottom:20px;margin-bottom:4px}.form-intro>span{font:italic 25px Georgia;color:#b97700}.form-intro>div{display:flex;flex-direction:column}.form-intro b{font:24px Georgia}.form-intro small{color:var(--j-muted);margin-top:5px}.identity-form label,.text-answer{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800}.identity-form input,.text-answer textarea{width:100%;border:1px solid var(--j-line);background:var(--j-paper);color:var(--j-ink);padding:14px;font:15px Arial;border-radius:0}.identity-form input:focus,.text-answer textarea:focus{outline:2px solid var(--j-gold);outline-offset:2px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.join-consent{flex-direction:row!important;align-items:flex-start;font-weight:400!important;line-height:1.5}.join-consent input{width:auto;margin-top:2px}.honeypot{position:absolute!important;left:-10000px}.join-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;background:var(--j-gold);color:#25251f;padding:16px 19px;font-size:11px;font-weight:900;letter-spacing:.07em;cursor:pointer;box-shadow:5px 5px 0 #333}.join-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #333}.join-back:focus-visible,.join-choice:focus-visible,.join-primary:focus-visible{outline:3px solid #8c5a17;outline-offset:3px}.join-error{background:#812f2212;border-left:3px solid #a13d2b;color:#8d2f20!important;padding:10px 13px!important;font-size:12px!important;margin:0;line-height:1.5}.questionnaire{display:grid;grid-template-columns:310px 1fr;min-height:100vh}.questionnaire>aside{position:sticky;top:0;height:100vh;background:#30312e;color:#f7f0e2;padding:45px;display:flex;flex-direction:column}.questionnaire>aside .join-logo{margin-bottom:auto}.progress-number{font:70px Georgia;color:var(--j-gold);margin-top:50px}.progress-number span{font:18px Arial;color:#aaa79d}.questionnaire>aside>b{font-size:10px;letter-spacing:.18em;margin:15px 0}.progress-track{height:3px;background:#565650;margin:8px 0 20px}.progress-track i{display:block;height:100%;background:var(--j-gold);transition:width .35s ease}.questionnaire>aside p{font-size:11px;line-height:1.6;color:#b9b6ad;margin-top:auto}.question-stage{padding:60px max(35px,calc((100vw - 1180px) / 2));max-width:1120px;width:100%;margin:auto}.question-heading h1{font-size:clamp(43px,4.3vw,67px);max-width:850px}.step-content{display:grid;gap:40px;margin-top:42px;animation:join-in .35s ease both}.join-question{border:0;padding:0;margin:0}.count-question>label,.join-question legend,.text-answer{font:24px/1.25 Georgia;margin-bottom:18px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.join-choice{min-height:58px;text-align:left;display:flex;align-items:center;gap:11px;border:1px solid var(--j-line);background:var(--j-card);color:var(--j-ink);padding:13px 14px;cursor:pointer;font-size:12px;line-height:1.35}.join-choice>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--j-line);color:#8c5a17;flex:0 0 auto}.join-choice.selected{border-color:#b87b08;background:color-mix(in srgb,var(--j-gold) 11%,var(--j-card));box-shadow:inset 4px 0 0 var(--j-gold)}.join-choice.selected>span{background:var(--j-gold);color:#222;border-color:var(--j-gold)}.join-choice:disabled{opacity:.43;cursor:not-allowed}.selection-count{font-size:10px;color:var(--j-muted)}.count-question{background:var(--j-card);border:1px solid var(--j-line);padding:25px}.count-question>div{display:flex;align-items:center;gap:18px}.count-question button{width:44px;height:44px;border:1px solid var(--j-line);background:var(--j-paper);color:inherit;font-size:23px;cursor:pointer}.count-question strong{min-width:45px;text-align:center;font:32px Georgia}.count-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clarification,.faas-explainer{border-left:4px solid var(--j-gold);padding:18px 20px;background:color-mix(in srgb,var(--j-gold) 8%,var(--j-card));font-size:13px;line-height:1.65}.faas-explainer{font:20px/1.5 Georgia}.text-answer textarea{resize:vertical;min-height:90px;margin-top:8px}.step-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--j-line);margin-top:45px;padding-top:25px}.join-back{border:0;background:transparent;color:var(--j-muted);font-size:11px;font-weight:900;cursor:pointer;padding:15px}.result-page{min-height:100vh;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:80px max(30px,calc((100vw - 1240px) / 2));background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--j-gold) 18%,transparent),transparent 35%),var(--j-paper)}.result-intro{align-self:start;position:sticky;top:60px}.result-intro h1{font-size:clamp(44px,4.3vw,66px);overflow-wrap:anywhere}.result-intro>p{color:var(--j-muted);line-height:1.65}.fit{margin:35px 0;padding:25px;background:#30312e;color:#f7f0e3;border-left:6px solid var(--j-gold);display:grid;gap:7px}.fit span{font-size:9px;letter-spacing:.16em}.fit b{font:42px Georgia;color:var(--j-gold)}.fit small{font-size:9px;line-height:1.5;color:#bbb8af}.profile-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-summary article{background:var(--j-card);border:1px solid var(--j-line);padding:24px;min-height:130px}.profile-summary span{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#8c5a17;margin-bottom:13px}.profile-summary b{display:block;font:18px/1.35 Georgia;margin:4px 0}.result-actions{grid-column:2;background:var(--j-gold);color:#282822;padding:30px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.result-actions p{width:100%;margin:0;line-height:1.6}.result-actions .join-primary{background:#30312e;color:white}.result-actions>a{color:#282822;font-size:11px;font-weight:900}.pilot-confirmed{background:#30312e;color:#fff;padding:14px 18px;font-size:11px}@keyframes join-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}:root[data-theme=dark] .join-page{--j-paper:#211f1b;--j-card:#2b2924;--j-ink:#f3ebdc;--j-muted:#b7b0a4;--j-line:#4b473f;background:#211f1b}:root[data-theme=dark] .identity-form{box-shadow:18px 18px 0 #f0ad0020}:root[data-theme=dark] .join-primary{box-shadow:5px 5px 0 #eee2cf}:root[data-theme=dark] .result-page{background:radial-gradient(circle at 15% 10%,#f0ad0018,transparent 35%),#211f1b}.join-logo{position:relative;width:154px;height:44px;background:url(/brand/afrimillz-dark.png) 0/contain no-repeat;flex:0 0 auto}.join-logo>b,.join-logo>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.questionnaire>aside .join-logo,:root[data-theme=dark] .join-logo{background-image:url(/brand/afrimillz-light.png)}.join-theme-toggle{display:grid;place-items:center;font-size:16px;transition:transform .2s ease,background .2s ease}.join-theme-toggle:hover{transform:rotate(12deg);background:color-mix(in srgb,var(--j-gold) 14%,transparent)}.join-header .join-exit{width:auto;height:auto;border:0;border-radius:0;margin-left:12px;padding:9px 0;background:transparent;color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:4px}.join-header .join-exit:hover{color:#8c5a17}@media (max-width:900px){.join-entry{gap:45px;padding:45px 0 80px}.join-entry,.questionnaire{grid-template-columns:1fr}.questionnaire>aside{position:relative;height:auto;padding:20px 25px;display:grid;grid-template-columns:auto 1fr;gap:12px}.questionnaire>aside .join-logo{display:none}.progress-number{font-size:34px;margin:0}.questionnaire>aside>b{align-self:center;margin:0}.progress-track{grid-column:1/-1;margin:0}.questionnaire>aside p{display:none}.question-stage{padding:45px 25px}.choice-grid{grid-template-columns:1fr 1fr}.result-page{grid-template-columns:1fr;padding:55px 25px}.result-intro{position:static}.result-actions{grid-column:1}}@media (max-width:560px){.join-header{height:64px;padding-inline:14px}.join-entry{width:calc(100% - 28px);padding-top:35px}.entry-story h1{font-size:46px}.entry-facts{display:grid;grid-template-columns:repeat(3,1fr)}.entry-facts span{min-width:0;padding-right:5px}.identity-form{padding:22px;box-shadow:8px 8px 0 #f0ad0028}.count-pair,.field-pair,.profile-summary{grid-template-columns:1fr}.question-stage{padding:35px 16px}.question-heading h1{font-size:39px}.choice-grid{grid-template-columns:1fr}.join-choice{min-height:54px}.count-question>label,.join-question legend,.text-answer{font-size:21px}.step-actions{position:sticky;bottom:0;background:var(--j-paper);padding:14px 0;z-index:5}.join-primary{font-size:10px}.result-page{padding:45px 16px}.result-intro h1{font-size:43px}.result-actions{padding:22px}}@media (prefers-reduced-motion:reduce){.join-primary,.progress-track i,.step-content{animation:none!important;transition:none!important}.join-primary:hover{transform:none}}