.join-section{background:#dfe5d5;padding:64px 0 72px}
.join-layout{width:min(1180px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.75fr);gap:80px;align-items:center}
.join-intro .eyebrow,.checkout-heading .eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.6px;margin:0 0 20px}
.join-intro h1{font:clamp(56px,5.2vw,76px)/.98 Bebas,Impact,sans-serif;letter-spacing:0;margin:0 0 24px}
.join-intro h1 span{color:#667957;display:block}
.join-intro .lede{font-size:17px;line-height:1.75;max-width:475px;margin:0 0 28px}
.join-back{display:inline-block;font-size:14px;font-weight:bold;text-decoration:underline;text-underline-offset:5px}
.join-benefits{max-width:500px;margin:30px 0 0;padding:20px 0 0;border-top:1px solid #a5b19b;list-style:none}
.join-benefits li{display:flex;gap:12px;margin:11px 0;font-size:14px;line-height:1.6}
.join-benefits li::before{content:'✓';font-weight:bold;color:#526c45}
.join-panel{min-width:0;background:#fffdf5;border:1px solid #aab2a3;box-shadow:7px 7px 0 #14382b;padding:32px}
.join-special{display:inline-block;background:#dbaf43;color:#14382b;font-size:11px;font-weight:bold;letter-spacing:.9px;line-height:1.4;padding:5px 7px;margin:0 0 18px}
.join-panel h2{font:42px/1 Bebas,Impact,sans-serif;letter-spacing:.3px;margin:0 0 12px}
.join-panel-lede{font-size:15px;line-height:1.65;color:#536154;margin:0 0 24px}
.join-price{display:flex;align-items:baseline;gap:10px;border-block:1px solid #c3cabd;padding:20px 0;margin:0 0 18px}
.join-price s{font-size:15px;color:#6a756b}
.join-price strong{font:54px/1 Bebas,Impact,sans-serif;font-weight:normal;color:#14382b}
.join-price span{font-size:14px;color:#536154}
.join-terms{font-size:13px;line-height:1.7;color:#536154;margin:0 0 22px}
.join-panel .join-continue{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:21px;padding:16px 20px;line-height:1.2}

.checkout-section{background:#f4f0e5;padding:68px 0 58px;scroll-margin-top:32px}
.checkout-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:64px;align-items:end;margin-bottom:34px}
.checkout-heading h2{font:clamp(48px,5vw,70px)/.95 Bebas,Impact,sans-serif;margin:0;letter-spacing:.2px}
.checkout-heading h2 span{color:#a47620}
.checkout-guidance{border-left:1px solid #aab2a3;padding:4px 0 4px 28px}
.checkout-guidance p{font-size:16px;line-height:1.7;margin:0 0 18px}
.checkout-fallback{display:inline-block;color:#14382b;font-size:14px;font-weight:bold;text-decoration:underline;text-underline-offset:5px}
.checkout-fallback:hover{text-decoration-thickness:2px}
.checkout-fallback:focus-visible{outline:3px solid #dbaf43;outline-offset:5px}
.checkout-guidance small{display:block;color:#687267;font-size:12px;line-height:1.5;margin-top:9px}
.checkout-shell{background:#fff;border:1px solid #8f9a8c;box-shadow:8px 8px 0 #14382b;padding:0}
.checkout-bar{display:flex;justify-content:space-between;gap:24px;background:#14382b;color:#f4f0e5;padding:15px 20px;font-size:11px;font-weight:bold;letter-spacing:1.2px;line-height:1.4}
.checkout-viewport{position:relative;overflow:hidden;background:#fff}
.checkout-iframe{display:block;width:100%;height:910px;border:0;background:#fff;pointer-events:auto}
.checkout-preview-note{margin:0;border-top:1px solid #c69c39;background:#f1d786;color:#34483d;padding:15px 20px;font-size:12px;line-height:1.6;letter-spacing:.1px}
.checkout-preview-note strong{color:#14382b;letter-spacing:.8px}
.join-support{padding:48px 0 58px}
.join-support .cards{gap:24px}
.join-support .card{padding:24px;background:transparent;border-width:1px 0 0}
.join-support .card h2{font:27px/1.1 Bebas,Impact,sans-serif;margin:0 0 12px}
.join-support .card p{font-size:14px;line-height:1.7;margin:0}

@media(max-width:1000px){
  .join-layout{gap:42px;width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)}
  .join-intro h1{font-size:60px}
  .join-panel{padding:26px}
  .checkout-heading{gap:38px}
  .checkout-iframe{height:1220px}
}
@media(max-width:800px){
  .join-section{padding:38px 0 50px}
  .join-layout{grid-template-columns:minmax(0,1fr);gap:30px;max-width:600px}
  .join-intro .eyebrow{margin-bottom:17px}
  .join-intro h1{font-size:clamp(48px,9vw,68px)}
  .join-intro .lede{max-width:none;font-size:16px;margin-bottom:22px}
  .join-benefits{display:none}
  .join-panel{padding:25px 22px;box-shadow:5px 5px 0 #14382b}
  .checkout-section{padding:46px 0 44px}
  .checkout-heading{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:26px}
  .checkout-guidance{border-left:0;border-top:1px solid #aab2a3;padding:20px 0 0}
  .checkout-shell{box-shadow:5px 5px 0 #14382b}
  .checkout-bar{align-items:flex-start;flex-direction:column;gap:4px;padding:14px 16px}
  .checkout-iframe{height:2140px}
  .checkout-preview-note{padding:14px 16px}
  .join-support{padding:34px 0 70px}
}
@media(max-width:420px){
  .join-layout{width:calc(100% - 38px)}
  .join-panel{padding:23px 18px}
  .join-panel h2{font-size:38px}
  .join-price strong{font-size:48px}
  .join-panel .join-continue{font-size:19px;padding:16px 14px;letter-spacing:.8px}
  .checkout-heading h2{font-size:48px}
  .checkout-iframe{height:2260px}
}