/* join public page. Sole owner of page-specific base styles.
   Loaded before responsive and shared typography styles. */
:root{--paper:#e9eef3;--surface:#f7f9fb;--surface2:#dfe7ee;--ink:#17293c;--muted:#637487;--navy:#163b70;--navy2:#102b4a;--orange:#f59e0b;--line:#c9d5e0;--green:#18864b;font-family:Arial,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#e6ecf2,#eef2f5 38%,#e8edf2);color:var(--ink)}
a{color:inherit}.shell{width:min(1120px,100%);margin:auto;padding:0 28px}.top{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.logo{font-weight:950;font-size:27px;letter-spacing:-1.5px;text-decoration:none;color:var(--navy)}.logo b{color:var(--orange)}.top a.back{color:#52677d;text-decoration:none}.hero{padding:72px 0 42px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:end}.eyebrow{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff0d6;border:1px solid #efc875;color:#9a6100;font-size:10px;font-weight:600;letter-spacing:.12em}.hero h1{font-size:clamp(48px,6.5vw,78px);line-height:1.05;text-wrap:balance;letter-spacing:-.065em;margin:16px 0 18px;color:var(--navy2)}.hero p{margin:0;color:#53677c;font-size:17px;line-height:1.7;max-width:720px}.hero-note{padding:20px;border:1px solid #c5d2de;border-radius:18px;background:#dde7ef}.hero-note strong{display:block;font-size:16px;color:var(--navy2);margin-bottom:6px}.hero-note span{font-size:11px;line-height:1.55;color:#65788b}.hero-note-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
/* Preserve native hidden state even for .pending{display:block} alerts. */
body.ui-join [hidden]{display:none!important}
.bank[hidden]{display:none!important}.payment-unavailable{font-weight:700;color:#a44c26!important;border:1px solid #e3ad91;background:#fff4ed;padding:14px 17px;border-radius:11px}
.benefit-section{margin:10px 0 46px;padding:24px;border:1px solid #c7d3de;border-radius:20px;background:#e4ebf1}.benefit-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.benefit-head h2{font-size:clamp(30px,4vw,44px);line-height:1.15;text-wrap:balance;letter-spacing:-.045em;margin:8px 0 0;color:var(--navy2)}.benefit-head p{margin:0;color:#50677b;font-size:15px;line-height:1.75}.benefit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:18px}.benefit-card{padding:20px;border:1px solid #c5d1dc;border-radius:16px;background:#f7f9fb}.benefit-card.extra{background:#fff2db;border-color:#e3c584}.benefit-card>span{font-size:11px;font-weight:700;letter-spacing:.1em;color:#6c7f91}.benefit-card.extra>span{color:#885d0a}.benefit-card h3{font-size:18px;line-height:1.2;margin:8px 0 12px;color:#153b6d}.benefit-card.extra h3{color:#76500a}.benefit-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.benefit-card li{position:relative;padding-left:17px;color:#56697d;font-size:13px;line-height:1.7}.benefit-card li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#467cac}.benefit-card.extra li::before{background:#d4931d}.benefit-note{margin:14px 0 0;color:#5f7283;font-size:12px;line-height:1.65}.decision-note{margin:18px 0 12px;padding:14px 16px;border:1px solid #e1bd76;border-radius:14px;background:#fff3dc;color:#704a08;display:flex;align-items:center;justify-content:space-between;gap:18px}.decision-note strong{font-size:13px}.decision-note span{font-size:10px;line-height:1.5;color:#81662e}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 54px}.route{position:relative;overflow:hidden;border:1px solid #c3d0dc;border-radius:20px;background:#f6f8fa;padding:26px;text-decoration:none;min-height:250px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.route::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#d59019}.route.alt::before{background:#285784}.route:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(24,45,70,.10);border-color:#aabac9}.route-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.index{font-size:52px;font-weight:950;line-height:.9;letter-spacing:-.07em;color:#c3cfda}.badge{padding:6px 9px;border-radius:999px;border:1px solid #efca89;background:#fff0d8;color:#8b5900;font-size:11px;font-weight:600}.route.alt .badge{border-color:#bfd0df;background:#e5eef6;color:#2c5d8b}.route h2{font-family:inherit;font-size:28px;font-weight:700;line-height:1.25;text-wrap:balance;letter-spacing:normal;font-synthesis:weight;margin:24px 0 10px;color:var(--navy2)}.route p{margin:0;color:#607184;line-height:1.6;font-size:13px}.route .go{margin-top:auto;padding-top:22px;color:var(--navy);font-size:13px;font-weight:700}.section{padding:48px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start}.section-head h2{font-size:clamp(34px,4.4vw,50px);line-height:1.13;text-wrap:balance;letter-spacing:-.05em;margin:8px 0 0;color:var(--navy2)}.section-head p{margin:0;color:#607184;line-height:1.7}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.choice{padding:22px;border:1px solid #c8d4df;border-radius:17px;background:#f7f9fb}.careby-alternative{margin-top:14px;padding:18px 20px;border:1px solid #e0bd78;border-radius:15px;background:#fff2d9;display:flex;align-items:center;justify-content:space-between;gap:20px}.careby-alternative strong{display:block;color:#805100;font-size:14px;margin-bottom:4px}.careby-alternative p{margin:0;color:#7d6740;font-size:11px;line-height:1.55}.careby-alternative a{white-space:nowrap;background:#fffaf0;color:#754b00;border-color:#dfbd7c}.choice span{font-size:9px;color:#7c8b9a;font-weight:600;letter-spacing:.1em}.choice h3{font-size:21px;margin:9px 0 7px;color:var(--navy2)}.choice p{font-size:12px;line-height:1.6;color:#66788a;min-height:58px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 14px;border-radius:10px;text-decoration:none;font-size:11px;font-weight:700;background:linear-gradient(135deg,#173f6d,#215483);color:white;border:0;cursor:pointer}.cta.secondary{background:#e7eef5;color:#214e79;border:1px solid #bccddd;margin-left:7px}.cta.disabled{pointer-events:none;opacity:.45;filter:grayscale(.2)}.pending{display:block;margin-top:9px;color:#9a6a16;font-size:9px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.plan{position:relative;border:1px solid #c7d4df;border-radius:16px;background:#f6f8fa;padding:17px;text-align:left;cursor:pointer;color:#233b54;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.plan:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(24,45,70,.08);border-color:#aebfce}.plan.active{border-color:#315f8b;background:#e8f1f8;box-shadow:0 0 0 2px rgba(49,95,139,.08)}.plan small{display:block;color:#79899a;font-size:9px;font-weight:600;letter-spacing:.08em}.plan strong{display:block;margin-top:8px;color:#143b67;font-size:24px;letter-spacing:-.035em}.plan span{display:block;margin-top:5px;color:#6d7f91;font-size:10px;line-height:1.45}.plan em{display:inline-flex;margin-top:9px;padding:5px 7px;border-radius:999px;background:#fff0d8;color:#8b5900;font-size:9px;font-style:normal;font-weight:600}.plan em[hidden]{display:none}.plan-summary{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-top:14px;padding:14px 16px;border:1px solid #c8d5e0;border-radius:14px;background:#e7eef5}.plan-summary span{font-size:10px;color:#6f8193}.plan-summary strong{font-size:20px;color:#153b6d}.payment{display:grid;grid-template-columns:minmax(280px,.78fr) 1.22fr;gap:16px;margin-top:16px}.qr-card,.payment-info{border:1px solid #c6d3df;border-radius:18px;background:#f7f9fb;padding:22px}.qr-wrap{aspect-ratio:1;max-width:330px;margin:auto;border:1px dashed #b6c5d3;border-radius:16px;background:#eef3f7;display:grid;place-items:center;overflow:hidden}.qr-wrap img{width:100%;height:100%;object-fit:contain;background:white}.qr-empty{text-align:center;padding:20px;color:#7d8d9d;font-size:11px;line-height:1.55}.price{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid #d3dde6}.price span{font-size:10px;color:#758697}.price strong{font-size:34px;letter-spacing:-.045em;color:var(--navy)}.bank{display:grid;gap:12px;margin-top:18px}.bank-row{display:grid;grid-template-columns:150px 1fr;gap:16px}.bank-row span{font-size:10px;color:#7b8a99}.bank-row b{font-size:13px;color:#263f59;word-break:break-word}.payment-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.copy-btn{border:0;background:transparent;color:#24557f;font-size:10px;font-weight:600;cursor:pointer;padding:0}.copy-btn:hover{text-decoration:underline}.expert-id{display:inline-flex;align-items:center;gap:7px;margin:8px 0 14px;padding:7px 10px;border-radius:999px;background:#edf3f8;border:1px solid #c7d5e1;color:#365b7d;font-size:10px;font-weight:700}.payment-form{margin-top:18px;padding-top:18px;border-top:1px solid #d2dce5;display:grid;grid-template-columns:1fr 1fr;gap:11px}.payment-form[hidden]{display:none}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:600;letter-spacing:.05em;color:#708094}.field input,.field textarea{width:100%;border:1px solid #bdcbd8;border-radius:10px;background:#eef3f7;color:#1e3449;padding:11px 12px;font:inherit;font-size:12px}.field textarea{min-height:80px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-status{font-size:10px;line-height:1.5;color:#6f8092}.form-status.ok{color:#1b7547}.form-status.err{color:#a34440}.payment-success{margin-top:18px;padding:18px;border:1px solid #b9d8c5;border-radius:15px;background:#e8f5ed}.payment-success[hidden]{display:none}.payment-success strong{display:block;color:#195d3a;font-size:16px}.payment-success p{margin:6px 0 0;color:#4f6d5d;font-size:11px;line-height:1.55}.payment-success .success-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.payment-success .success-meta div{padding:10px;border:1px solid #c8dfd0;border-radius:10px;background:#f7fbf8}.payment-success .success-meta span{display:block;color:#718679;font-size:8px;letter-spacing:.06em}.payment-success .success-meta b{display:block;margin-top:4px;color:#244f38;font-size:11px}.support{margin:36px 0 72px;padding:22px;border:1px solid #c6d2dd;border-radius:18px;background:#dfe8f0;display:flex;align-items:center;justify-content:space-between;gap:20px}.support strong{display:block;color:var(--navy2);margin-bottom:5px}.support p{margin:0;color:#687a8c;font-size:11px;line-height:1.55}.support a{font-size:11px;font-weight:700;color:var(--navy);text-decoration:none}.footer{border-top:1px solid var(--line);padding:20px 0 34px;color:#8491a0;font-size:10px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:820px){.hero,.section-head,.payment,.benefit-head{grid-template-columns:1fr}.hero{gap:24px}.route-grid,.choice-grid,.benefit-grid{grid-template-columns:1fr}.plans{grid-template-columns:1fr 1fr}.hero-note{max-width:640px}.bank-row{grid-template-columns:120px 1fr}}
@media(max-width:560px){.shell{padding:0 18px}.top{min-height:64px}.hero{padding:50px 0 30px}.hero h1{font-size:48px}.route{min-height:auto}.plans{grid-template-columns:1fr}.plan-summary{align-items:flex-start;flex-direction:column}.payment-actions .cta{width:100%}.cta.secondary{margin-left:0}.support{align-items:flex-start;flex-direction:column}.bank-row{grid-template-columns:1fr;gap:4px}.payment-form{grid-template-columns:1fr}.field.full,.form-actions{grid-column:auto}}

.nav-guide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);margin:0 0 24px;padding:23px;border:1px solid #c5d5e3;border-radius:18px;background:linear-gradient(120deg,#f7f9fb,#e4eef8)}
.nav-guide h3{color:var(--navy2);font-size:clamp(20px,3vw,28px);line-height:1.16;margin:11px 0 9px;letter-spacing:-.025em}
.nav-guide p{color:#526a81;margin:0}
.nav-guide-amount{padding:18px 20px;border-radius:13px;border:1px solid #d2e0eb;background:#fff;display:flex;flex-direction:column;gap:8px}
.nav-guide-amount small{color:#6a8094;font-weight:600;}
.nav-guide-amount strong{font-size:clamp(25px,3.2vw,39px);font-variant-numeric:tabular-nums;color:#123b70;letter-spacing:-.04em}
.nav-guide-amount span{color:#596e80}
.nav-guide-amount a{font-weight:700;color:#1a5385;text-underline-offset:3px}
@media(max-width:700px){.nav-guide{grid-template-columns:1fr;padding:18px}}
 

/* Quick side-by-side enrollment decision: equal visual weight on both routes. */
.route-grid{margin-top:17px;margin-bottom:26px}
.route-grid .route{border-width:1px}
.route-grid .route h2{max-width:420px}
.route-grid .route p{font-size:14px;line-height:1.65}
.decision-note{margin-top:13px}
@media(max-width:820px){
  .route-grid{margin-bottom:24px}
  .route-grid .route{padding:22px;min-height:0}
  .route-grid .route h2{font-size:clamp(23px,6.7vw,31px);line-height:1.16}
  .route-grid .route p{font-size:14px}
}

/* Enrollment choices are visible without navigating a long marketing funnel. */
body.ui-join .hero{display:block;padding:35px 0 14px}
body.ui-join .hero>div{max-width:790px}
body.ui-join .hero h1{margin-bottom:12px}
body.ui-join .hero p{max-width:740px;line-height:1.6}
body.ui-join .enroll-help{font-size:13px;color:#627b92;margin:10px 0 0}
body.ui-join .enroll-help a{display:inline-flex;align-items:center;min-height:44px;color:#1b5689;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.ui-join .route-grid{margin:14px 0 22px}
body.ui-join .route-grid .route{padding:22px;}
body.ui-join .route-grid .route h2{font-size:clamp(23px,2.8vw,31px);line-height:1.13;margin:14px 0 8px}
body.ui-join .route-grid .route p{font-size:13px;line-height:1.6}
body.ui-join .route-grid .route .go{margin-top:auto;}

@media(max-width:820px){body.ui-join .hero{padding:22px 0 9px}body.ui-join .route-grid{margin-top:12px}body.ui-join .route-grid .route{padding:18px;min-height:0}body.ui-join .route-grid .route h2{font-size:clamp(23px,6.4vw,29px);margin-top:11px}body.ui-join .route-grid .route .go{padding-top:10px}body.ui-join .benefit-section{padding:17px}}

/* Clear independent enrollment branches and a readable, concise NAV criterion. */
.nav-guide{gap:22px;align-items:center}
.nav-guide p{font-size:14px;line-height:1.7;max-width:640px}
.nav-guide-amount small{font-size:12px;letter-spacing:.06em}
.nav-guide-amount span{font-size:13px;line-height:1.65}
.nav-guide-amount a{display:inline-flex;align-items:center;min-height:32px;font-size:13px}
.enrollment-divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 4px;padding:16px 0 9px;text-align:center;color:#6c7e91}
.enrollment-divider::before,.enrollment-divider::after{content:"";height:1px;flex:1;background:#becfdd}
.enrollment-divider strong{font-size:16px;font-weight:700;letter-spacing:.11em;color:#ab7108;background:#fff0d6;border:1px solid #e6bf78;border-radius:999px;padding:8px 18px}
.enrollment-divider>span{font-size:12px;font-weight:750;color:#657c91}
@media(max-width:700px){.nav-guide p{font-size:14px}.nav-guide-amount strong{font-size:clamp(30px,7.7vw,42px)}.enrollment-divider{gap:9px;flex-wrap:wrap;padding:10px 0}.enrollment-divider>span{flex-basis:100%;order:3}.enrollment-divider strong{padding:7px 16px}}

/* Two-choice signup: number-first typography, centered OR and compact NAV. */
body.ui-join .hero h1{display:block;max-width:830px;font-size:clamp(31px,4.3vw,48px);line-height:1.18;letter-spacing:normal;font-weight:700}

body.ui-join .route-grid{position:relative;gap:16px}
body.ui-join .route-grid .route{min-width:0;min-height:190px;overflow:hidden}
body.ui-join .route-grid .route-top{justify-content:flex-start}
body.ui-join .route-grid .route h2{margin-top:15px}
body.ui-join .route-grid .route .go{font-size:13px;min-height:44px;display:inline-flex;align-items:center;padding-top:12px}
body.ui-join .route-grid .route-or{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center;min-width:66px;height:44px;border-radius:999px;border:1px solid #e1c28c;background:#fff2dc;color:#815511;font-family:var(--ad-ui-font);font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.2;box-shadow:0 2px 14px rgba(12,40,72,.10)}
body.ui-join .nav-guide{margin:10px 0 22px;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);background:#eef3f8;padding:20px 23px}
body.ui-join .nav-guide-copy h3{font-size:clamp(19px,2.2vw,26px);margin:0 0 8px;color:#14365b}
body.ui-join .nav-guide-copy p{font-size:13px;line-height:1.65;max-width:600px;margin:0 0 9px}
body.ui-join .nav-guide-copy .nav-guide-note{font-size:12px;line-height:1.65;color:#496379;margin:0 0 9px}
body.ui-join .nav-guide-copy>a{font-size:13px;font-weight:700;display:inline-flex;align-items:center;min-height:44px;color:#1d5485;text-decoration:none}
body.ui-join .nav-guide-amount{align-items:flex-start;gap:6px;padding:17px}
body.ui-join .nav-guide-amount strong{font-size:clamp(28px,3vw,38px)}
body.ui-join .nav-guide-amount span{font-size:12px}
body.ui-join .section-head{align-items:center}
body.ui-join .section-head h2{font-size:clamp(29px,3.7vw,49px);line-height:1.12}





@media(max-width:820px){body.ui-join .route-grid{gap:10px}body.ui-join .route-grid .route-or{position:relative;left:auto;top:auto;transform:none;justify-self:center;margin:-20px 0;min-height:42px}body.ui-join .nav-guide{grid-template-columns:1fr}}

/* Independent signup paused. Keep the research invitation readable on mobile. */
body.ui-join .independent-status{margin-top:20px;padding:22px 24px;background:#f7f9fb;border:1px solid #c5d1dc;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.ui-join .independent-status>div{max-width:730px}
body.ui-join .independent-status .status-kicker{font-size:10px;letter-spacing:.1em;font-weight:700;color:#536e89}
body.ui-join .independent-status h3{margin:8px 0;color:#163b70;font-size:clamp(19px,2.4vw,26px);line-height:1.3}
body.ui-join .independent-status p{margin:8px 0;color:#51667d;font-size:13px;line-height:1.65}
body.ui-join .independent-status p a{color:#1b5689;text-underline-offset:3px}
body.ui-join .independent-status>.cta{flex-shrink:0;white-space:nowrap}
body.ui-join .benefit-section>.benefit-note{margin-top:15px;font-size:12px;line-height:1.6;max-width:940px}
@media(max-width:760px){body.ui-join .independent-status{display:block;padding:20px}body.ui-join .independent-status>.cta{margin-top:16px;max-width:100%;white-space:normal}body.ui-join .benefit-section>.benefit-note{font-size:12px}}

/* Two real enrollment choices: free email trial (when enabled) and Careby.
   Inactive paths are not visually promoted as options. */
body.ui-join .route-grid{
 grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));
}
body.ui-join .route-grid [hidden]{display:none!important}
body.ui-join .route-grid .route-trial{
 border-color:#d6ad69;
 background:#fffaf1;
}
body.ui-join .route-trial .trial-invite-eyebrow{
 color:#975d13;font-size:11px
}
body.ui-join .join-account-note{margin:4px 0 16px;padding:12px 15px;border-left:3px solid #88a8bd;border-radius:0 9px 9px 0;background:#edf3f7;color:#3a576e;font-size:13px;line-height:1.65;text-wrap:pretty}
body.ui-join .join-account-note strong{font-weight:700;color:#173d5c}
body.ui-join .join-path-note{
 margin:0 0 25px;
 padding:11px 15px;
 border-left:3px solid #c6a469;
 border-radius:0 8px 8px 0;
 background:#faf8f3;
 color:#51677d;
 font-size:13px;line-height:1.65
}
body.ui-join .join-path-note[hidden]{display:none!important}
body.ui-join .benefit-section{margin:10px 0 32px}
body.ui-join .careby-steps{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;list-style:none;counter-reset:careby;margin:12px 0 22px;padding:0
}
body.ui-join .careby-steps li{
 counter-increment:careby;
 background:#fff;border:1px solid #ccd9e6;border-radius:13px;
 padding:15px 15px 17px;min-width:0;line-height:1.55
}
body.ui-join .careby-steps li::before{
 content:counter(careby);display:inline-grid;place-items:center;
 width:25px;height:25px;margin-bottom:10px;border-radius:50%;
 background:#e6eef7;color:#1d4773;font-size:12px;font-weight:700
}
body.ui-join .careby-steps strong{display:block;font-size:14px;color:#183a5d;margin:0 0 7px}
body.ui-join .careby-steps span{display:block;font-size:13px;color:#4e6479}
body.ui-join .careby-steps a{color:#1c578d;text-underline-offset:3px}
@media(max-width:820px){
 body.ui-join .route-grid{grid-template-columns:1fr}
 body.ui-join .careby-steps{grid-template-columns:1fr;gap:8px}
 body.ui-join .careby-steps li{padding:13px}
 body.ui-join .careby-steps li::before{float:left;margin:0 11px 18px 0}
}

/* Member rights: explain actual access. */
body.ui-join .benefit-editorial-intro{
 margin:22px 0 16px;padding:20px 22px;
 border-left:3px solid #bb8b42;border-radius:0 11px 11px 0;
 background:#f7f9fb
}
body.ui-join .benefit-editorial-intro strong{
 display:block;font-size:17px;line-height:1.4;color:#173f60;margin-bottom:8px
}
body.ui-join .benefit-editorial-intro p{font-size:14px;line-height:1.8;color:#445f73;margin:0 0 10px;text-wrap:pretty}
body.ui-join .benefit-editorial-intro p:last-child{margin-bottom:0}
body.ui-join .benefit-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.ui-join .benefit-editorial-item{
 display:flex;flex-direction:column;min-width:0;padding:21px 22px 20px;
 border:1px solid #cbd8e2;border-radius:14px;background:#fff
}
body.ui-join .benefit-editorial-item>span{
 font-size:11px;line-height:1.5;font-weight:750;letter-spacing:.04em;color:#956b31
}
body.ui-join .benefit-editorial-item h3{
 font-size:19px;line-height:1.37;letter-spacing:-.015em;color:#193e60;margin:12px 0 10px
}
body.ui-join .benefit-editorial-item p{
 font-size:14px;line-height:1.77;color:#506679;margin:0;text-wrap:pretty
}
body.ui-join .benefit-grid-clarified{margin-top:13px}
body.ui-join .benefit-grid-clarified .benefit-card{
 padding:20px 22px;border-radius:14px
}
body.ui-join .benefit-grid-clarified .benefit-card h3{font-size:17px;line-height:1.38}
body.ui-join .benefit-grid-clarified .benefit-card p{
 font-size:13px;line-height:1.76;color:#4c6276;margin:0 0 11px
}
body.ui-join .benefit-grid-clarified .benefit-card p:last-child{margin-bottom:0}
body.ui-join .benefit-grid-clarified .benefit-card-afterword{
 padding-top:10px;border-top:1px solid #cad5df
}
@media(max-width:820px){
 body.ui-join .benefit-head{grid-template-columns:1fr;gap:12px}
 body.ui-join .benefit-head p{font-size:14px}
 body.ui-join .benefit-editorial-grid{grid-template-columns:1fr;gap:9px}
 body.ui-join .benefit-editorial-intro{padding:17px;margin:17px 0 12px}
 body.ui-join .benefit-editorial-item{padding:18px}
 body.ui-join .benefit-editorial-item h3{font-size:18px}
 body.ui-join .benefit-grid-clarified{grid-template-columns:1fr}
 body.ui-join .benefit-grid-clarified .benefit-card{padding:18px}
}