/* Studio Blocks: memberships. Generated by tools/studio-blocks/extract.mjs from the Studio block library; edit the library, then re-run. */
body .sb-memberships h1,body .sb-memberships h2,body .sb-memberships h3,body .sb-memberships h4,body .sb-memberships h5,body .sb-memberships h6,body .sb-memberships a{color:inherit}
body .sb-memberships h1,body .sb-memberships h2,body .sb-memberships h3,body .sb-memberships h4,body .sb-memberships h5,body .sb-memberships h6{text-transform:none}
body .sb-memberships p,body .sb-memberships li{font-size:inherit !important;line-height:inherit !important}

/* ===== Theme tokens (neutral premium demo theme; any site's brand replaces these) ===== */
body .sb-memberships{ --st-space:var(--section-padding); --st-stack-gap:var(--st-gap-stack);
  --gut:clamp(20px, 4vw, 64px);
}
body .sb-memberships :root[data-theme="civic"]{
  --pb-bg:#FFFFFF; --pb-surface:#F1F3F6; --pb-text:#0F1B2D; --pb-muted:#4A5567;
  --pb-primary:#1F3B73; --pb-secondary:#E3AE4A; --pb-border:rgba(15,27,45,.14); --pb-on-dark:#FFFFFF;
  --pb-heading-font:"Bricolage Grotesque", system-ui, sans-serif; --pb-heading-weight:700;
}
body .sb-memberships :root[data-corners="rounded"]{--st-photo-r:18px}
@media (max-width:767px){body .sb-memberships{--st-space:var(--section-padding-phone, 40px)}}

/* ===== Base ===== */
body .sb-memberships *,body .sb-memberships *::before,body .sb-memberships *::after{box-sizing:border-box}
body .sb-memberships{-webkit-text-size-adjust:100%}
body .sb-memberships{margin:0;background:var(--pb-bg);color:var(--pb-text);font:400 var(--st-type-body)/var(--st-lh-body) var(--pb-body-font)}
body .sb-memberships img{display:block;max-width:100%}
body .sb-memberships a{color:inherit;text-decoration:none}
body .sb-memberships a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body .sb-memberships a:focus-visible,body .sb-memberships button:focus-visible,body .sb-memberships input:focus-visible{outline:var(--st-focus-w) solid currentColor;outline-offset:var(--st-focus-offset)}
body .sb-memberships h1,body .sb-memberships h2,body .sb-memberships h3,body .sb-memberships h4,body .sb-memberships p{margin:0}
body .sb-memberships ul{list-style:none;margin:0;padding:0}
body .sb-memberships .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body .sb-memberships .wrap{width:min(100% - 2*var(--gut), 1320px);margin-inline:auto}
body .sb-memberships .hd{font-family:var(--pb-heading-font);font-weight:var(--pb-heading-weight);line-height:1.05 !important;letter-spacing:-.01em;text-wrap:balance}

/* Context surfaces: local helpers derived only from tokens */
body .sb-memberships .blk{--mut:var(--pb-muted);--line:var(--pb-border);position:relative}
body .sb-memberships .ink{background:var(--pb-text);color:var(--pb-bg);--mut:color-mix(in srgb,var(--pb-bg) 72%,transparent);--line:color-mix(in srgb,var(--pb-bg) 18%,transparent)}
body .sb-memberships .pri{background:var(--pb-primary);color:var(--pb-on-dark);--mut:color-mix(in srgb,var(--pb-on-dark) 80%,transparent);--line:color-mix(in srgb,var(--pb-on-dark) 24%,transparent)}
body .sb-memberships .sur{background:var(--pb-surface)}
body .sb-memberships .bg{background:var(--pb-bg)}

/* Shared parts */
body .sb-memberships .fh{font:var(--pb-ui-weight) var(--st-type-label)/1.2 var(--pb-body-font);letter-spacing:var(--st-track-label);text-transform:uppercase;color:var(--mut);margin:0 0 18px}
body .sb-memberships .fl{display:grid;gap:10px;font-size:var(--st-type-small) !important}
body .sb-memberships .fl a{display:inline-flex;align-items:center}
body .sb-memberships .mut{color:var(--mut)}
body .sb-memberships .small{font-size:var(--st-type-small) !important}
body .sb-memberships .btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--st-btn-h);padding:0 var(--st-btn-px);border:0;background:var(--pb-primary);color:var(--pb-on-dark);font:var(--pb-ui-weight) 16px/1 var(--pb-body-font);cursor:pointer;white-space:nowrap}
body .sb-memberships .btn:hover{text-decoration:none;filter:brightness(1.08)}
body .sb-memberships .ink .btn{background:var(--pb-bg);color:var(--pb-text)}
body .sb-memberships .pri .btn,body .sb-memberships .photo .btn{background:var(--pb-on-dark);color:var(--pb-primary)}
body .sb-memberships .tlink{display:inline-flex;align-items:center;gap:.5em;min-height:var(--st-btn-h-sm);font-weight:var(--pb-ui-weight)}
body .sb-memberships .social{display:flex;gap:10px;flex-wrap:wrap}
body .sb-memberships .social a{width:44px;height:44px;display:grid;place-items:center;border:var(--st-line-w) solid var(--line);border-radius:50%}
body .sb-memberships .social a:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
body .sb-memberships .social svg{width:18px;height:18px}
body .sb-memberships .legal{display:flex;flex-wrap:wrap;gap:4px var(--st-gap-grid)}
body .sb-memberships .legal a{display:inline-flex;align-items:center;min-height:44px}
body .sb-memberships .fbot{display:flex;flex-wrap:wrap;gap:4px 32px;justify-content:space-between;align-items:center;font-size:var(--st-type-small) !important;color:var(--mut);padding-top:20px;border-top:var(--st-line-w) solid var(--line)}
body .sb-memberships .form{display:flex;gap:10px;flex-wrap:wrap}
body .sb-memberships .inp{flex:1 1 220px;min-height:52px;border:var(--st-line-w) solid var(--line);border-radius:var(--st-radius);background:transparent;color:inherit;padding:0 16px;font:inherit;font-size:16px !important}
body .sb-memberships .inp::placeholder{color:var(--mut)}
body .sb-memberships .ph{position:relative;overflow:hidden;border-radius:var(--st-photo-r)}
body .sb-memberships .ph img{width:100%;height:100%;object-fit:cover}
@media (max-width:767px){body .sb-memberships .fl{gap:0}body .sb-memberships .fl a{min-height:44px}}

/* ===== Demo chrome (not part of the blocks) ===== */
body .sb-memberships .intro{padding:40px var(--gut) 24px;max-width:1320px;margin:auto}
body .sb-memberships .intro h1{font:var(--pb-heading-weight) var(--st-type-h2)/1 var(--pb-heading-font)}
body .sb-memberships .intro p{color:var(--pb-muted);max-width:70ch;margin-top:12px;font-size:var(--st-type-small) !important}
body .sb-memberships .toggles{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
body .sb-memberships .toggles button{min-height:44px;padding:0 16px;border:1px solid var(--pb-border);background:var(--pb-surface);color:var(--pb-text);font:var(--pb-ui-weight) var(--st-type-small) var(--pb-body-font);cursor:pointer}
body .sb-memberships .toggles button[aria-pressed="true"]{background:var(--pb-text);color:var(--pb-bg)}
body .sb-memberships .variant{margin-bottom:48px}

/* ===== Shared: module blocks ===== */
body .sb-memberships .sec{padding-block:var(--st-space)}
body .sb-memberships .blk h2.hd{font-size:var(--st-type-h2) !important}
body .sb-memberships .lead{font-size:var(--st-type-lead) !important;line-height:1.5 !important;margin-top:20px;max-width:52ch;color:var(--mut)}
body .sb-memberships .acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px}
body .sb-memberships .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--st-gap-grid);margin-bottom:clamp(32px,4vw,56px)}
body .sb-memberships .head .lead{margin-top:14px}
body .sb-memberships .price{font-family:var(--pb-heading-font);font-weight:var(--pb-heading-weight);font-size:clamp(44px,32px + 2.2vw,64px) !important;line-height:1 !important;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums}
body .sb-memberships .per{font-size:var(--st-type-small) !important;color:var(--mut);margin-left:4px;font-family:var(--pb-body-font);letter-spacing:0}
body .sb-memberships .note{font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-memberships .checks{display:grid;gap:12px}
body .sb-memberships .checks li{display:flex;gap:12px;align-items:flex-start}
body .sb-memberships .checks svg{flex:none;width:var(--st-icon);height:20px;margin-top:3px;color:var(--pb-primary)}
body .sb-memberships .pri .checks svg,body .sb-memberships .ink .checks svg{color:var(--pb-secondary)}
body .sb-memberships .btn.full{width:100%}
body .sb-memberships .btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
body .sb-memberships .ink .btn.ghost,body .sb-memberships .pri .btn.ghost{background:transparent;color:inherit}
body .sb-memberships .tag{display:block;font:var(--pb-ui-weight) var(--st-type-label)/1 var(--pb-body-font);letter-spacing:var(--st-track-label);text-transform:uppercase;color:var(--pb-secondary);margin-bottom:14px}
/* segmented toggle (radio inputs, CSS only) */
body .sb-memberships .seg{display:inline-flex;padding:4px;border:var(--st-line-w) solid var(--line);border-radius:var(--st-radius);background:var(--pb-surface);gap:4px}
body .sb-memberships .seg label{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--st-radius);font-weight:var(--pb-ui-weight);font-size:var(--st-type-small) !important;cursor:pointer;color:var(--pb-text)}
body .sb-memberships .seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
body .sb-memberships .seg label:has(input:checked){background:var(--pb-text);color:var(--pb-bg)}
body .sb-memberships .seg label:has(input:focus-visible){outline:var(--st-focus-w) solid var(--st-focus-color);outline-offset:var(--st-focus-offset)}
body .sb-memberships .seg small{font-size:var(--st-type-small) !important;font-weight:500;color:var(--pb-primary)}
body .sb-memberships .seg label:has(input:checked) small{color:var(--pb-secondary)}
body .sb-memberships .yr{display:none}
body .sb-memberships .variant:has(input[value="year"]:checked) .yr{display:inline}
body .sb-memberships .variant:has(input[value="year"]:checked) .mo{display:none}
/* fields */
body .sb-memberships .fld{display:grid;gap:6px}
body .sb-memberships .fld > span{font-size:var(--st-type-small) !important;font-weight:var(--pb-ui-weight)}
body .sb-memberships .fld .inp{flex:none;width:100%}
body .sb-memberships .fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body .sb-memberships .fields .wide{grid-column:1/-1}
@media (max-width:560px){body .sb-memberships .fields{grid-template-columns:1fr}}
body .sb-memberships .panel{background:var(--pb-surface);border:var(--st-line-w) solid var(--line);border-radius:max(var(--st-photo-r),6px);padding:clamp(24px,3vw,40px)}
body .sb-memberships .rowline{display:flex;justify-content:space-between;gap:16px;padding-block:10px;font-size:var(--st-type-small) !important}
body .sb-memberships .rowline + .rowline{border-top:var(--st-line-w) solid var(--line)}
body .sb-memberships .rowline.total{font-size:18px !important;font-weight:700;border-top:2px solid var(--pb-text)!important;padding-top:14px}
body .sb-memberships .step{display:inline-flex;align-items:center;border:var(--st-line-w) solid var(--line);border-radius:var(--st-radius)}
body .sb-memberships .step button{width:44px;height:44px;border:0;background:transparent;color:inherit;font:var(--pb-ui-weight) var(--st-type-lead) var(--pb-body-font);cursor:pointer}
body .sb-memberships .step output{min-width:28px;text-align:center;font-weight:700;font-variant-numeric:var(--st-numerals)}
body .sb-memberships .empty{margin-top:24px;border:var(--st-line-w) dashed var(--line);border-radius:max(var(--st-photo-r),6px);padding:clamp(28px,4vw,48px);text-align:center;background:var(--pb-surface)}
body .sb-memberships .empty h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.2 var(--pb-heading-font)}
body .sb-memberships .empty p{color:var(--mut);margin:10px auto 0;max-width:46ch}

/* ===== 01 Three tiers ===== */
body .sb-memberships .m1-grid{display:grid;--fit-max:3;grid-template-columns:repeat(var(--fit-c,3),1fr);gap:var(--st-gap-grid);align-items:start}
body .sb-memberships .m1-card{border:var(--st-line-w) solid var(--line);border-radius:max(var(--st-photo-r),6px);padding:clamp(28px,3vw,40px);display:flex;flex-direction:column;gap:22px;background:var(--pb-surface)}
body .sb-memberships .m1-card.feat{background:var(--pb-primary);color:var(--pb-on-dark);--mut:color-mix(in srgb,var(--pb-on-dark) 80%,transparent);--line:color-mix(in srgb,var(--pb-on-dark) 24%,transparent);border-color:transparent;transform:translateY(-16px)}
body .sb-memberships .m1-card.feat .checks svg{color:var(--pb-secondary)}
body .sb-memberships .m1-card.feat .btn{background:var(--pb-on-dark);color:var(--pb-primary)}
body .sb-memberships .m1-card h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font)}
body .sb-memberships .m1-card p.d{color:var(--mut);margin-top:6px;font-size:var(--st-type-small) !important}
body .sb-memberships .m1-card .checks{padding-top:22px;border-top:var(--st-line-w) solid var(--line);font-size:var(--st-type-small) !important}
@media (max-width:960px){body .sb-memberships .m1-grid{grid-template-columns:1fr;gap:var(--st-stack-gap)}body .sb-memberships .m1-card.feat{transform:none;order:-1}}

/* ===== 02 Ruled rows ===== */
body .sb-memberships .m2-row{display:grid;grid-template-columns:4fr 5fr 3fr;gap:clamp(24px,4vw,64px);padding-block:32px;border-top:var(--st-line-w) solid var(--line);align-items:center}
body .sb-memberships .m2-row:last-of-type{border-bottom:var(--st-line-w) solid var(--line)}
body .sb-memberships .m2-row h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font)}
body .sb-memberships .m2-row p{color:var(--mut);margin-top:8px;font-size:var(--st-type-small) !important}
body .sb-memberships .m2-row ul{display:flex;flex-wrap:wrap;gap:6px var(--st-gap-grid);font-size:var(--st-type-small) !important}
body .sb-memberships .m2-row ul li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pb-primary);margin-right:10px;vertical-align:middle}
body .sb-memberships .m2-buy{display:flex;align-items:center;justify-content:flex-end;gap:var(--st-gap-grid)}
body .sb-memberships .m2-buy .price{font-size:clamp(32px,25.6px + 1vw,44px) !important}
@media (max-width:900px){body .sb-memberships .m2-row{grid-template-columns:1fr;gap:16px}body .sb-memberships .m2-buy{justify-content:space-between}}

/* ===== 03 Spotlight ===== */
body .sb-memberships .m3 .wrap{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,104px);align-items:center}
body .sb-memberships .m3 .checks{grid-template-columns:1fr 1fr;gap:16px 32px;margin-top:32px}
body .sb-memberships .m3 .panel{display:grid;gap:20px}
body .sb-memberships .m3 .panel .seg{justify-self:start}
@media (max-width:900px){body .sb-memberships .m3 .wrap{grid-template-columns:1fr}body .sb-memberships .m3 .checks{grid-template-columns:1fr}}

/* ===== 04 Compare table ===== */
body .sb-memberships .m4-t{border-top:2px solid var(--pb-text)}
body .sb-memberships .m4-r{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr));align-items:center;border-bottom:var(--st-line-w) solid var(--line)}
body .sb-memberships .m4-r > *{padding:16px 12px}
body .sb-memberships .m4-r > :first-child{padding-left:0}
body .sb-memberships .m4-r.hdr{position:sticky;top:0;background:var(--pb-bg);z-index:1;align-items:end}
body .sb-memberships .m4-r.hdr b{display:block;font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font)}
body .sb-memberships .m4-r.hdr span{font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-memberships .m4-r .c{text-align:center}
body .sb-memberships .m4-r .c svg{width:var(--st-icon);height:20px;color:var(--pb-primary)}
body .sb-memberships .m4-r .c .no{display:inline-block;width:14px;height:2px;background:var(--line);vertical-align:middle}
body .sb-memberships .m4-r .feat{background:color-mix(in srgb,var(--pb-primary) 7%,transparent)}
body .sb-memberships .m4-r.cta .btn{padding:0 16px;width:100%}
body .sb-memberships .m4-r .lbl2{font-size:var(--st-type-small) !important}
@media (max-width:767px){body .sb-memberships .m4-r{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr))}body .sb-memberships .m4-r > *{padding:12px 4px}body .sb-memberships .m4-r.hdr b{font-size:var(--st-type-body) !important}body .sb-memberships .m4-r.cta .btn{font-size:var(--st-type-small) !important;padding:0 6px}}

/* ===== 05 Family builder ===== */
body .sb-memberships .m5 .wrap{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,88px);align-items:start}
body .sb-memberships .m5-opts > div{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding-block:20px;border-top:var(--st-line-w) solid var(--line)}
body .sb-memberships .m5-opts > div:last-child{border-bottom:var(--st-line-w) solid var(--line)}
body .sb-memberships .m5-opts b{display:block;font-size:var(--st-type-body) !important}
body .sb-memberships .m5-opts span{font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-memberships .m5 .panel{position:sticky;top:24px}
body .sb-memberships .m5 .panel h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font);margin-bottom:12px}
@media (max-width:900px){body .sb-memberships .m5 .wrap{grid-template-columns:1fr}}

/* ===== 06 Join form + summary ===== */
body .sb-memberships .m6 .wrap{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,88px);align-items:start}
body .sb-memberships .m6 form{display:grid;gap:var(--st-gap-grid);margin-top:32px}
body .sb-memberships .m6 .panel{background:var(--pb-bg)}
body .sb-memberships .m6 .panel .top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:18px;border-bottom:var(--st-line-w) solid var(--line);margin-bottom:18px}
body .sb-memberships .m6 .panel h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font)}
body .sb-memberships .m6 .panel .checks{font-size:var(--st-type-small) !important;margin-bottom:18px}
@media (max-width:900px){body .sb-memberships .m6 .wrap{grid-template-columns:1fr}body .sb-memberships .m6 aside{order:-1}}

/* ===== 07 Card preview ===== */
body .sb-memberships .m7 .wrap{display:grid;grid-template-columns:6fr 5fr;gap:clamp(40px,7vw,120px);align-items:center}
body .sb-memberships .m7-card{aspect-ratio:1.586;max-width:520px;width:100%;border-radius:var(--st-radius);background:var(--pb-primary);color:var(--pb-on-dark);padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 40px 60px -40px rgba(0,0,0,.5);transform:rotate(-4deg)}
body .sb-memberships .m7-card::after{content:"";position:absolute;right:-18%;top:-40%;width:80%;aspect-ratio:1;border-radius:50%;border:var(--st-line-w) solid var(--pb-rule-on-dark);box-shadow:0 0 0 28px color-mix(in srgb,var(--pb-on-dark) 5%,transparent)}
body .sb-memberships .m7-card .org{font:var(--pb-heading-weight) clamp(22.4px,16px + 1.4vw,32px)/1 var(--pb-heading-font)}
body .sb-memberships .m7-card .who{font-size:clamp(17.6px,14.4px + .8vw,22.4px) !important;font-weight:var(--pb-ui-weight)}
body .sb-memberships .m7-card .meta{display:flex;gap:32px;font-size:var(--st-type-small) !important;color:var(--pb-muted-on-dark)}
body .sb-memberships .m7-card .meta b{display:block;color:var(--pb-on-dark);font-weight:var(--pb-ui-weight);font-variant-numeric:var(--st-numerals)}
body .sb-memberships .m7-stack{position:relative;padding:24px}
body .sb-memberships .m7-stack .ghostcard{position:absolute;inset:24px;max-width:520px;aspect-ratio:1.586;border-radius:var(--st-radius);background:var(--pb-secondary);transform:rotate(5deg) translate(24px,8px)}
@media (max-width:900px){body .sb-memberships .m7 .wrap{grid-template-columns:1fr}body .sb-memberships .m7-stack{padding:12px 12px 24px}}

/* ===== 08 Renew / upgrade ===== */
body .sb-memberships .m8 .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,88px);align-items:start}
body .sb-memberships .m8-status{border-left:3px solid var(--pb-primary);padding-left:24px}
body .sb-memberships .m8-status dl{display:grid;grid-template-columns:auto 1fr;gap:10px var(--st-gap-grid);margin:24px 0 0;font-size:var(--st-type-small) !important}
body .sb-memberships .m8-status dt{color:var(--mut)} body .sb-memberships .m8-status dd{margin:0;font-weight:var(--pb-ui-weight)}
body .sb-memberships .m8-dot{display:inline-flex;align-items:center;gap:8px;font-weight:var(--pb-ui-weight);font-size:var(--st-type-small) !important;color:var(--pb-primary)}
body .sb-memberships .m8-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
body .sb-memberships .m8-opts{display:grid;grid-template-columns:1fr 1fr;gap:var(--st-gap-grid)}
body .sb-memberships .m8-opt{border:var(--st-line-w) solid var(--line);border-radius:max(var(--st-photo-r),6px);padding:28px;display:flex;flex-direction:column;gap:16px;background:var(--pb-surface)}
body .sb-memberships .m8-opt.now{background:transparent;border-style:dashed}
body .sb-memberships .m8-opt h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font)}
body .sb-memberships .m8-opt .price{font-size:40px !important}
body .sb-memberships .m8-opt .diff{font-size:var(--st-type-small) !important;color:var(--pb-primary);font-weight:var(--pb-ui-weight)}
@media (max-width:900px){body .sb-memberships .m8 .wrap,body .sb-memberships .m8-opts{grid-template-columns:1fr}}

/* ===== 09 Perks list + side panel ===== */
body .sb-memberships .m9 .wrap{display:grid;grid-template-columns:7fr 4fr;gap:clamp(40px,6vw,112px);align-items:start}
body .sb-memberships .m9-perks li{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--st-gap-grid);padding-block:22px;border-top:var(--st-line-w) solid var(--line)}
body .sb-memberships .m9-perks li:last-child{border-bottom:var(--st-line-w) solid var(--line)}
body .sb-memberships .m9-perks h3{font:var(--pb-heading-weight) 22.4px/1.2 var(--pb-heading-font)}
body .sb-memberships .m9-perks p{color:var(--mut);font-size:var(--st-type-small) !important}
body .sb-memberships .m9 aside{position:sticky;top:24px}
@media (max-width:900px){body .sb-memberships .m9 .wrap{grid-template-columns:1fr}body .sb-memberships .m9-perks li{grid-template-columns:1fr;gap:6px}}

/* ===== 10 Photo tier cards ===== */
body .sb-memberships .m10-grid{display:grid;--fit-max:3;grid-template-columns:repeat(var(--fit-c,3),1fr);gap:var(--st-gap-grid)}
body .sb-memberships .m10-card{display:flex;flex-direction:column;background:var(--pb-surface);border:var(--st-line-w) solid var(--line);border-radius:max(var(--st-photo-r),6px);overflow:hidden}
body .sb-memberships .m10-card .ph{aspect-ratio:var(--pb-ar-landscape);border-radius:0}
body .sb-memberships .m10-card .bd{padding:28px;display:flex;flex-direction:column;gap:16px;flex:1}
body .sb-memberships .m10-card h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font)}
body .sb-memberships .m10-card .bd p{color:var(--mut);font-size:var(--st-type-small) !important}
body .sb-memberships .m10-card .bd .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;border-top:var(--st-line-w) solid var(--line)}
body .sb-memberships .m10-card .bd p.price{font-size:36px !important;color:inherit}
@media (max-width:960px){body .sb-memberships .m10-grid{grid-template-columns:1fr;gap:var(--st-stack-gap)}}

/* ===== 11 Pass tickets ===== */
body .sb-memberships .m11-list{display:grid;gap:20px}
body .sb-memberships .m11-pass{display:grid;grid-template-columns:1fr auto;background:var(--pb-surface);border:var(--st-line-w) solid var(--line);border-radius:max(var(--st-photo-r),6px);position:relative}
body .sb-memberships .m11-pass .main{padding:28px 32px;display:grid;grid-template-columns:1.2fr 2fr;gap:var(--st-gap-grid);align-items:center}
body .sb-memberships .m11-pass h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font)}
body .sb-memberships .m11-pass .main p{font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-memberships .m11-pass .stub{border-left:2px dashed var(--line);padding:24px 32px;display:flex;align-items:center;gap:var(--st-gap-grid);min-width:300px;justify-content:space-between}
body .sb-memberships .m11-pass .stub .price{font-size:36px !important}
body .sb-memberships .m11-pass::before,body .sb-memberships .m11-pass::after{content:"";position:absolute;right:299px;width:22px;height:22px;border-radius:50%;background:var(--pb-bg);border:var(--st-line-w) solid var(--line);transform:translateX(50%)}
body .sb-memberships .m11-pass::before{top:-12px}body .sb-memberships .m11-pass::after{bottom:-12px}
@media (max-width:900px){body .sb-memberships .m11-pass{grid-template-columns:1fr}body .sb-memberships .m11-pass .main{grid-template-columns:1fr;gap:8px;padding:24px}body .sb-memberships .m11-pass .stub{border-left:0;border-top:2px dashed var(--line);min-width:0;padding:20px 24px}body .sb-memberships .m11-pass::before,body .sb-memberships .m11-pass::after{display:none}}

/* ===== 12 Church family ===== */
body .sb-memberships .m12 .wrap{display:grid;grid-template-columns:6fr 5fr;gap:clamp(40px,6vw,112px);align-items:center}
body .sb-memberships .m12-path{counter-reset:s;margin-top:32px}
body .sb-memberships .m12-path li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding-block:16px;border-top:var(--st-line-w) solid var(--line)}
body .sb-memberships .m12-path li::before{counter-increment:s;content:counter(s);width:44px;height:44px;border-radius:50%;border:var(--st-line-w) solid var(--pb-primary);color:var(--pb-primary);display:grid;place-items:center;font:var(--pb-heading-weight) 20px var(--pb-heading-font)}
body .sb-memberships .m12-path b{display:block}
body .sb-memberships .m12-path span{font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-memberships .m12 .ph{aspect-ratio:var(--pb-ar-landscape)}
body .sb-memberships .m12-card{margin-top:16px;position:relative}
@media (max-width:900px){body .sb-memberships .m12 .wrap{grid-template-columns:1fr}body .sb-memberships .m12-card{margin-top:16px}}

/* ===== 13 Selector big price ===== */
body .sb-memberships .m13 .wrap{text-align:center;max-width:860px}
body .sb-memberships .m13 .seg{margin-top:28px}
body .sb-memberships .m13-out{margin-top:40px;padding-block:40px;border-block:var(--st-line-w) solid var(--line)}
body .sb-memberships .m13-out .price{font-size:clamp(64px,32px + 7vw,128px) !important}
body .sb-memberships .m13-out .who{display:none}
body .sb-memberships .m13:has(input[value="ind"]:checked) .who.ind,body .sb-memberships .m13:has(input[value="cou"]:checked) .who.cou,body .sb-memberships .m13:has(input[value="fam"]:checked) .who.fam{display:block}
body .sb-memberships .m13-out p{color:var(--mut);margin-top:14px}
body .sb-memberships .m13-out p.price{color:var(--pb-text);margin:0}
body .sb-memberships .m13 .acts{justify-content:center}
body .sb-memberships .m13 .segs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* ===== 14 Two tiers dark ===== */
body .sb-memberships .m14 .grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--st-gap-grid)}
body .sb-memberships .m14-tier{border:var(--st-line-w) solid var(--line);border-radius:max(var(--st-photo-r),6px);padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;gap:var(--st-gap-stack)}
body .sb-memberships .m14-tier.feat{border:2px solid var(--pb-secondary)}
body .sb-memberships .m14-tier h3{font:var(--pb-heading-weight) var(--st-type-h2)/1 var(--pb-heading-font)}
body .sb-memberships .m14-tier .checks{font-size:var(--st-type-small) !important}
body .sb-memberships .m14-tier .btn{align-self:flex-start}
@media (max-width:900px){body .sb-memberships .m14 .grid{grid-template-columns:1fr}body .sb-memberships .m14-tier.feat{order:-1}}

/* ===== 15 Founding spots ===== */
body .sb-memberships .m15 .wrap{display:grid;grid-template-columns:6fr 5fr;gap:clamp(40px,6vw,104px);align-items:center}
body .sb-memberships .m15-meter{margin-top:20px}
body .sb-memberships .m15-bar{height:10px;border-radius:var(--st-radius);background:var(--line);overflow:hidden}
body .sb-memberships .m15-bar i{display:block;height:100%;width:63%;background:var(--pb-secondary)}
body .sb-memberships .m15-meter p{display:flex;justify-content:space-between;margin-top:10px;font-size:var(--st-type-small) !important}
body .sb-memberships .m15 .big{font:var(--pb-heading-weight) clamp(48px,32px + 4vw,96px)/1 var(--pb-heading-font)}
@media (max-width:900px){body .sb-memberships .m15 .wrap{grid-template-columns:1fr}}

/* ===== 16 Trial band ===== */
body .sb-memberships .m16 .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,80px);align-items:center}
body .sb-memberships .m16-choices{display:grid;--fit-max:3;grid-template-columns:repeat(var(--fit-c,3),1fr);gap:12px}
body .sb-memberships .m16-choices label{position:relative;display:block;border:var(--st-line-w) solid var(--line);border-radius:var(--st-radius);padding:16px 18px;cursor:pointer;min-height:44px}
body .sb-memberships .m16-choices input{position:absolute;opacity:0}
body .sb-memberships .m16-choices label:has(input:checked){border:2px solid var(--pb-on-dark);padding:15px 17px;background:color-mix(in srgb,var(--pb-on-dark) 8%,transparent)}
body .sb-memberships .m16-choices label:has(input:focus-visible){outline:var(--st-focus-w) solid var(--pb-on-dark);outline-offset:var(--st-focus-offset)}
body .sb-memberships .m16-choices b{display:block}
body .sb-memberships .m16-choices span{font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-memberships .m16 .acts{margin-top:20px}
@media (max-width:900px){body .sb-memberships .m16 .wrap{grid-template-columns:1fr}}
@media (max-width:560px){body .sb-memberships .m16-choices{grid-template-columns:1fr}}

/* ===== 17 Benefits grid + price bar ===== */
body .sb-memberships .m17-grid{display:grid;--fit-max:3;grid-template-columns:repeat(var(--fit-c,3),1fr);border-top:var(--st-line-w) solid var(--line)}
body .sb-memberships .m17-grid > div{padding:28px 28px 28px 0;border-bottom:var(--st-line-w) solid var(--line)}
body .sb-memberships .m17-grid > div:not(:nth-child(3n+1)){padding-left:28px;border-left:var(--st-line-w) solid var(--line)}
body .sb-memberships .m17-grid h3{font:var(--pb-heading-weight) 22.4px/1.2 var(--pb-heading-font)}
body .sb-memberships .m17-grid p{margin-top:8px;color:var(--mut);font-size:var(--st-type-small) !important}
body .sb-memberships .m17-bar{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:24px clamp(24px,3vw,40px);background:var(--pb-text);color:var(--pb-bg);border-radius:max(var(--st-photo-r),6px);--mut:color-mix(in srgb,var(--pb-bg) 72%,transparent)}
body .sb-memberships .m17-bar .btn{background:var(--pb-bg);color:var(--pb-text)}
body .sb-memberships .m17-bar .price{font-size:40px !important}
@media (max-width:900px){body .sb-memberships .m17-grid{grid-template-columns:1fr 1fr}body .sb-memberships .m17-grid > div{padding:24px 16px 24px 0!important;border-left:0!important}body .sb-memberships .m17-grid > div:nth-child(even){padding-left:16px!important;border-left:var(--st-line-w) solid var(--line)!important}}
@media (max-width:560px){body .sb-memberships .m17-grid{grid-template-columns:1fr}body .sb-memberships .m17-grid > div{padding:20px 0!important;border-left:0!important}}

/* ===== 18 Monthly vs yearly inside each plan ===== */
body .sb-memberships .m18-grid{display:grid;--fit-max:3;grid-template-columns:repeat(var(--fit-c,3),1fr);gap:var(--st-gap-grid)}
body .sb-memberships .m18-card{border-top:3px solid var(--pb-text);padding-top:24px;display:flex;flex-direction:column;gap:16px}
body .sb-memberships .m18-card h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font)}
body .sb-memberships .m18-card > p{color:var(--mut);font-size:var(--st-type-small) !important}
body .sb-memberships .m18-opts{display:grid;gap:10px}
body .sb-memberships .m18-opts label{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;border:var(--st-line-w) solid var(--line);border-radius:var(--st-radius);padding:14px 16px;cursor:pointer;min-height:56px}
body .sb-memberships .m18-opts input{position:absolute;opacity:0}
body .sb-memberships .m18-opts label:has(input:checked){border:2px solid var(--pb-primary);padding:13px 15px}
body .sb-memberships .m18-opts label:has(input:focus-visible){outline:var(--st-focus-w) solid var(--st-focus-color);outline-offset:var(--st-focus-offset)}
body .sb-memberships .m18-opts b{font:var(--pb-heading-weight) 25.6px/1 var(--pb-heading-font)}
body .sb-memberships .m18-opts em{font-style:normal;font-size:var(--st-type-small) !important;color:var(--pb-primary);font-weight:var(--pb-ui-weight)}
@media (max-width:960px){body .sb-memberships .m18-grid{grid-template-columns:1fr;gap:40px}}

/* ===== 19 Partner perks ===== */
body .sb-memberships .m19 .wrap{display:grid;grid-template-columns:4fr 8fr;gap:clamp(40px,6vw,112px);align-items:start}
body .sb-memberships .m19-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
body .sb-memberships .m19-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:18px;border-bottom:var(--st-line-w) solid var(--line)}
body .sb-memberships .m19-list b{font:var(--pb-heading-weight) 21.6px/1.2 var(--pb-heading-font)}
body .sb-memberships .m19-list span{font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-memberships .m19-list em{font-style:normal;font-weight:700;color:var(--pb-primary);white-space:nowrap;font-size:var(--st-type-small) !important}
@media (max-width:900px){body .sb-memberships .m19 .wrap{grid-template-columns:1fr}body .sb-memberships .m19-list{grid-template-columns:1fr}}

/* ===== 20 Join steps ===== */
body .sb-memberships .m20-steps{display:grid;--fit-max:3;grid-template-columns:repeat(var(--fit-c,3),1fr);gap:0;margin-bottom:40px;border-bottom:var(--st-line-w) solid var(--line)}
body .sb-memberships .m20-steps li{padding:0 0 16px;font-weight:var(--pb-ui-weight);color:var(--mut);display:flex;gap:10px;align-items:center;font-size:var(--st-type-small) !important}
body .sb-memberships .m20-steps li b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:var(--st-line-w) solid var(--line);font-variant-numeric:var(--st-numerals)}
body .sb-memberships .m20-steps li.on{color:var(--pb-text);box-shadow:inset 0 -3px 0 var(--pb-primary)}
body .sb-memberships .m20-steps li.on b{background:var(--pb-primary);border-color:var(--pb-primary);color:var(--pb-on-dark)}
body .sb-memberships .m20-plans{display:grid;--fit-max:3;grid-template-columns:repeat(var(--fit-c,3),1fr);gap:16px}
body .sb-memberships .m20-plans label{position:relative;display:flex;flex-direction:column;gap:6px;border:var(--st-line-w) solid var(--line);border-radius:max(var(--st-photo-r),6px);padding:24px;cursor:pointer;background:var(--pb-surface)}
body .sb-memberships .m20-plans input{position:absolute;top:24px;right:24px;width:20px;height:20px;accent-color:var(--pb-primary)}
body .sb-memberships .m20-plans label:has(input:checked){border:2px solid var(--pb-primary);padding:23px}
body .sb-memberships .m20-plans b{font:var(--pb-heading-weight) var(--st-type-h3)/1.1 var(--pb-heading-font)}
body .sb-memberships .m20-plans .price{font-size:32px !important;margin-top:8px}
body .sb-memberships .m20-plans span{font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-memberships .m20-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px}
@media (max-width:900px){body .sb-memberships .m20-plans{grid-template-columns:1fr}body .sb-memberships .m20-steps li span{display:none}body .sb-memberships .m20-steps li.on span{display:inline}}

@media (prefers-reduced-motion:reduce){body .sb-memberships *{transition:none!important;animation:none!important}}

body .sb-memberships .sbi1{margin-top:32px}
body .sb-memberships .sbi2{margin-top:20px}
body .sb-memberships .sbi3{margin-top:12px}
body .sb-memberships .sbi4{min-height:0}
body .sb-memberships .sbi5{margin-top:12px}
body .sb-memberships .sbi6{margin-top:28px}
body .sb-memberships .sbi7{margin-top:12px}
body .sb-memberships .sbi8{margin-top:32px}
body .sb-memberships .sbi9{margin:10px 0 6px}
body .sb-memberships .sbi10{margin-top:24px}
body .sb-memberships .sbi11{margin-top:12px}
body .sb-memberships .sbi12{font-size:var(--st-type-h3) !important;margin:6px 0 4px}
body .sb-memberships .sbi13{margin-top:20px}
body .sb-memberships .sbi14{font-size:18px !important}
body .sb-memberships .sbi15{margin-top:12px}
body .sb-memberships .sbi16{padding-block:clamp(48px,6vw,88px)}
body .sb-memberships .sbi17{max-width:720px}
body .sb-memberships .sbi18{justify-content:center}