
.join-page{background:#f7f6f3}.join-hero{padding:82px 0 72px;background:linear-gradient(180deg,#fff 0%,#f6f5f2 100%);border-bottom:1px solid var(--line)}.join-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:58px;align-items:center}.join-hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:14px 0 24px}.join-hero h1 em{font-style:normal;color:#6554e8}.join-hero p{font-size:20px;line-height:1.8;color:var(--muted);max-width:800px}.join-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.join-hero-note{margin-top:18px;color:#7b7c86;font-size:14px}.join-hero-panel{background:#151827;color:#fff;border-radius:28px;padding:38px;box-shadow:var(--shadow-lg);display:grid;gap:8px;position:relative;overflow:hidden}.join-hero-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-100px;background:radial-gradient(circle,rgba(127,94,255,.45),rgba(127,94,255,0) 70%)}.join-hero-panel span{color:#aeb8cb;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.join-hero-panel strong{font-size:30px;letter-spacing:-.035em;position:relative;z-index:1}.join-hero-panel p{font-size:15px;color:#bdc4d2;line-height:1.7;margin:16px 0 0;position:relative;z-index:1}.join-section{padding:84px 0}.join-section-head{margin-bottom:34px}.join-section-head h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;margin:8px 0 12px}.join-section-head p{color:var(--muted);font-size:17px;margin:0}.join-benefits-section{background:#f7f6f3}.join-benefit-head{max-width:980px}.join-benefit-head p{font-size:18px;line-height:1.75;max-width:900px}.join-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.join-benefit-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;min-height:350px;position:relative;display:flex;flex-direction:column;overflow:hidden}.join-benefit-card>b{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;background:#f0edff;color:#6658eb;flex:0 0 auto}.join-benefit-card h3{font-size:25px;line-height:1.28;margin:22px 0 12px;letter-spacing:-.035em}.join-benefit-card>p{color:var(--muted);line-height:1.78;margin:0;font-size:16px}.join-benefit-value{margin-top:auto;padding-top:22px;border-top:1px solid #eceaf0;display:grid;gap:7px}.join-benefit-value small{font-size:12px;letter-spacing:.08em;font-weight:800;color:#7569de}.join-benefit-value strong{font-size:14px;line-height:1.65;color:#353846;font-weight:720}.join-benefit-knowledge{background:linear-gradient(145deg,#f1efff 0%,#fff 68%);border-color:#c9c2ff;box-shadow:0 18px 46px rgba(84,66,190,.08)}.join-benefit-knowledge:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-95px;top:-105px;background:radial-gradient(circle,rgba(108,87,238,.13),rgba(108,87,238,0) 72%);pointer-events:none}.join-benefit-knowledge>b{background:#6558ea;color:#fff;position:relative;z-index:1}.join-benefit-kicker{position:absolute;right:30px;top:38px;font-size:11px;font-weight:850;letter-spacing:.12em;color:#6e62db}.join-benefit-knowledge h3,.join-benefit-knowledge>p,.join-benefit-knowledge .join-benefit-value{position:relative;z-index:1}
.join-use{background:#fff}.join-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.join-use-grid>div{border-top:3px solid #6a5aeb;padding:24px 4px}.join-use-grid strong{font-size:23px}.join-use-grid p{color:var(--muted);line-height:1.7}.join-faq{background:#fff;border:1px solid var(--line);border-radius:24px;padding:8px 28px}.join-faq details{padding:21px 0;border-bottom:1px solid var(--line)}.join-faq details:last-child{border-bottom:0}.join-faq summary{font-size:18px;font-weight:800;cursor:pointer}.join-faq p{color:var(--muted);line-height:1.75;margin:14px 0 0}.join-contact-section{padding:10px 0 96px}.join-contact-card{background:#151827;color:#fff;border-radius:30px;padding:48px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;box-shadow:var(--shadow-lg)}.join-contact-card h2{font-size:40px;margin:8px 0 12px;letter-spacing:-.04em}.join-contact-card p{color:#bfc6d6;max-width:720px;line-height:1.75}.join-old-user{margin-top:20px;color:#aeb6c7;font-size:14px}.join-old-user a{color:#c8c3ff}.join-contact-box{background:#fff;color:#151827;border-radius:22px;padding:28px;display:grid;gap:12px}.join-contact-box span{font-size:13px;color:#777b89}.join-contact-box strong{font-size:28px;letter-spacing:-.02em;word-break:break-all}.join-contact-box small{color:#777b89;line-height:1.55}.join-page .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(18px);opacity:0;pointer-events:none;background:#171a28;color:#fff;padding:11px 16px;border-radius:999px;transition:.2s;z-index:1000}.join-page .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.join-hero-grid,.join-contact-card{grid-template-columns:1fr}.join-benefit-grid{grid-template-columns:1fr}.join-use-grid{grid-template-columns:1fr}.join-hero{padding-top:58px}.join-benefit-card{min-height:0}}@media(max-width:600px){.join-hero h1{font-size:44px}.join-hero-actions .btn{width:100%}.join-section{padding:62px 0}.join-benefit-card{padding:26px 22px}.join-benefit-kicker{position:static;margin:-34px 0 18px 62px}.join-contact-card{padding:30px 24px}.join-contact-card h2{font-size:32px}}

/* V13.02 RC4: keep the fit-first headline on semantic chunks, never orphan characters. */
.join-hero .join-fit-title{font-size:clamp(46px,5vw,68px);line-height:1.06;display:flex;flex-wrap:wrap;column-gap:.24em;row-gap:.10em;align-items:baseline}
.join-hero .join-fit-title>span{white-space:nowrap}
@media(max-width:600px){
 .join-hero .join-fit-title{font-size:40px;display:grid;gap:.12em}
}
@media(min-width:901px){
 .join-hero .join-fit-title{font-size:clamp(44px,4vw,58px)}
}

/* V13.03 RC4 — plainspoken route benefit copy only; visual layout unchanged. */
