/* Self-service growth surfaces. Scoped to keep Explore's media layout intact. */
#business .business-join-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.75fr); gap:32px 64px; align-items:center; padding:clamp(28px,5vw,72px); background:var(--deep); border-radius:28px; }
#business .business-join-copy { min-width:0; }
#business .business-join-copy h1 { color:var(--white); font-size:clamp(38px,4.7vw,72px); line-height:1.06; letter-spacing:-.045em; max-width:12ch; margin:16px 0 24px; }
#business .business-join-copy > p:not(.eyebrow) { color:#d5e3da; font-size:18px; line-height:1.65; max-width:52ch; }
#business .business-join-copy .eyebrow { color:var(--lime); }
#business .business-join-copy .hero-eligibility { font-size:14px; margin:20px 0 14px; }
#business .business-join-copy .hero-actions { flex-wrap:wrap; gap:12px; }
#business .business-join-copy .business-claim-link { color:#e7f3db; font-size:14px; text-decoration:underline; text-underline-offset:4px; display:inline-block; padding:10px 0; }
#business .business-join-preview { margin:0; padding:12px; border:1px solid #537162; border-radius:24px; background:#183d30; box-shadow:0 24px 50px #0002; transform:rotate(2deg); }
#business .join-preview-art { min-height:310px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; gap:22px; border-radius:15px 15px 0 0; background:radial-gradient(ellipse at 90% 10%,#f4c7a7 0%,transparent 52%),radial-gradient(ellipse at 20% 95%,#d7ddad 0%,transparent 65%),#f5ecd9; color:#213d2b; overflow:hidden; }
#business .join-preview-label { text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; }
#business .join-preview-word { font-family:Fraunces,Georgia,serif; font-size:clamp(40px,4vw,64px); font-weight:600; letter-spacing:-.04em; line-height:1.02; }
#business .join-preview-detail { font-size:13px; line-height:1.6; }
#business .join-preview-body { display:grid; gap:8px; background:var(--white); color:var(--green); padding:22px; border-radius:0 0 15px 15px; }
#business .join-preview-body > b { font-size:20px; }
#business .join-preview-body > span { color:var(--muted); font-size:13px; }
#business .join-preview-body > div { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
#business .join-preview-body > div > span { border:1px solid var(--line); padding:7px 12px; border-radius:24px; font-size:12px; font-weight:700; }
#business .business-join-preview > p { font-size:11px; color:#d5e3da; margin:12px 0 0; text-align:center; }
#business .business-join-hero > .business-hero-proof { grid-column:1/-1; margin:0; padding-top:26px; border-top:1px solid #3f5d4e; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
#business .business-join-hero > .business-hero-proof span { color:#e2eddf; background:none; border:0; padding:0; font-size:13px; }
.free-join-steps { display:grid; grid-template-columns:1fr 1.4fr; gap:48px; align-items:start; padding:56px 0; border-bottom:1px solid var(--line); margin-bottom:40px; }
.free-join-steps h2 { font-size:clamp(28px,3vw,40px); line-height:1.15; margin:10px 0 16px; }
.free-join-steps p { color:var(--muted); line-height:1.65; }
.free-join-steps ol { list-style:none; padding:0; margin:0; display:grid; gap:22px; }
.free-join-steps li { display:flex; gap:20px; }
.free-join-steps li > span { flex:0 0 40px; height:40px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; color:var(--green); font-size:12px; font-weight:800; }
.free-join-steps li b { display:block; font-size:17px; margin:2px 0 6px; }
.free-join-steps li p { margin:0; font-size:14px; }
.business-activation { padding:28px; margin:28px 0; background:var(--white); border:1px solid var(--line); border-radius:24px; }
.business-activation:empty { display:none; }
.activation-heading { display:flex; gap:24px; align-items:start; justify-content:space-between; margin-bottom:24px; }
.activation-heading h2 { margin:8px 0; font-size:clamp(24px,3vw,34px); }
.activation-heading p { color:var(--muted); max-width:65ch; margin:0; line-height:1.6; }
.activation-count { flex-shrink:0; border-radius:40px; background:var(--soft); color:var(--green); padding:10px 16px; font-size:13px; font-weight:800; }
.activation-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:0; margin:0; list-style:none; }
.activation-step { border:1px solid var(--line); border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:12px; min-width:0; background:#fafbf7; }
.activation-step[data-status="ready"] { border-color:#739a71; background:#eef5e8; }
.activation-step[data-status="pending"] { border-color:#c9b77d; background:#fff9e9; }
.activation-step > span { font-size:11px; letter-spacing:.04em; color:var(--muted); font-weight:800; text-transform:uppercase; }
.activation-step > b { font-size:15px; line-height:1.4; }
.activation-step > p { font-size:12px; line-height:1.65; color:var(--muted); margin:0 0 4px; }
.activation-step .btn { width:100%; white-space:normal; margin-top:auto; font-size:12px; min-height:44px; padding:10px; }
.partner-kit-form { display:grid; grid-template-columns:1fr 1fr .8fr auto; gap:16px; align-items:start; margin:24px 0; }
.partner-kit-form label,.partner-kit-output label { display:flex; flex-direction:column; gap:8px; font-size:13px; font-weight:700; min-width:0; }
.partner-kit-form small { font-weight:400; line-height:1.5; }
.partner-kit-form > button { margin-top:26px; }
.partner-kit-output { border-top:1px solid var(--line); padding-top:24px; margin-bottom:24px; }
.partner-kit-output > button { margin-top:12px; }
.partner-kit-copy { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:24px; }
.partner-kit-copy textarea { font-size:14px; font-weight:400; line-height:1.6; resize:vertical; min-height:220px; }
.partner-join-kit > small { display:block; color:var(--muted); line-height:1.7; max-width:95ch; }
@media(max-width:1050px) { .activation-steps { grid-template-columns:repeat(3,minmax(0,1fr)); } .partner-kit-form { grid-template-columns:1fr 1fr; } #business .business-join-hero { gap:28px; } }
@media(max-width:700px) { #business .business-join-hero { grid-template-columns:1fr; border-radius:20px; } #business .business-join-copy h1 { max-width:15ch; font-size:42px; } #business .business-join-copy > p:not(.eyebrow) { font-size:16px; } #business .business-join-preview { transform:none; max-width:440px; width:100%; justify-self:center; } #business .join-preview-art { min-height:210px; } #business .join-preview-word { font-size:44px; } #business .business-join-hero > .business-hero-proof { gap:12px; display:grid; } .free-join-steps { grid-template-columns:1fr; gap:24px; padding:32px 0; } .business-activation { padding:20px; } .activation-heading { flex-direction:column; gap:12px; } .activation-steps { grid-template-columns:1fr; } .activation-step { display:grid; grid-template-columns:1fr auto; gap:8px 14px; } .activation-step > span,.activation-step > p { grid-column:1/-1; } .activation-step .btn { grid-row:2; grid-column:2; width:auto; max-width:150px; } .activation-step > b { align-self:center; } .partner-kit-form,.partner-kit-copy { grid-template-columns:1fr; } .partner-kit-form > button { margin-top:0; } }
@media(prefers-reduced-motion:reduce) { #business .business-join-preview { transform:none; } }