.member-demo { --member-lilac:var(--lavender,#ddd6fc); --member-dark:#211a32; --member-text:var(--type-body-size,16px); --member-small:var(--type-copy-size,14px); --member-micro:var(--type-meta-size,12px); --member-table-size:var(--type-copy-size,14px); --member-hero-text:var(--lead-size,18px); --member-badge-bg:#211a32; --member-badge-ink:#f7f7f2; --member-landing-space:var(--card-section-gap,clamp(44px,5vw,70px)); --member-value-pad:clamp(22px,2.5vw,32px); --member-value-gap:14px; --member-hero-pad:clamp(28px,4.3vw,62px); --member-feature-ink:#f7f7f2; --member-feature-radius:28px; --member-info-radius:24px; --member-copy-max:520px; --display-font:var(--dfvn-title-font,Arial,sans-serif); --body-font:var(--dfvn-body-font,Arial,sans-serif); }
.member-demo.dfvn-studio { width:min(calc(100% - var(--gutter,24px) * 2),var(--site-width,1810px)); margin-inline:auto; padding:22px 0 80px; }
.member-demo :is(h1,h2,h3) { font-family:var(--display-font); font-weight:var(--font-medium,500); }
.member-demo .member-kicker { font:var(--font-semibold,600) var(--member-micro)/1.4 var(--body-font); letter-spacing:.1em; text-transform:uppercase; }
.member-demo .member-hero { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:var(--member-hero-columns,1.3fr 1fr); gap:60px; align-items:center; padding:var(--member-hero-pad); border-radius:var(--member-feature-radius); background:var(--member-dark); color:var(--member-feature-ink); }
.member-demo .member-hero:is(:not(:has(>.member-art)),:not(:has(>.member-hero-copy))) { --member-hero-columns:1fr; }
.member-demo .member-hero h1 { font-size:var(--page-title-size,clamp(45px,5.3vw,82px)); line-height:var(--page-title-leading,1.08); letter-spacing:-.035em; margin:var(--eyebrow-title-gap,16px) 0 var(--title-lead-gap,16px); max-width:760px; }
.member-demo .member-hero-accent { color:var(--member-lilac); }
.member-demo .member-hero p { max-width:var(--member-copy-max); color:#f7f7f2c9; font-size:var(--member-hero-text); line-height:var(--lead-leading,1.65); }
.member-demo .member-hero .button { margin-top:var(--lead-action-gap,24px); }
.member-art { display:flex; flex-direction:column; align-items:center; gap:var(--space-5,20px); }
.member-art>span { display:grid; place-items:center; width:230px; height:230px; border:1px solid #ffffff55; border-radius:50%; font:var(--font-medium,500) 115px/1 var(--display-font); background:#ffffff08; box-shadow:0 0 0 20px #ffffff04,0 0 0 40px #ffffff03; }
.member-art>small { font-size:var(--member-micro); letter-spacing:.13em; }
.member-demo .member-values { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:var(--member-value-pad); margin:28px 0 var(--member-landing-space); padding:var(--member-value-pad); background:var(--member-surface); border-radius:var(--member-info-radius); }
.member-values article { display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:center; gap:var(--member-value-gap); min-width:0; }
.member-values article+article { border-left:1px solid var(--member-line); padding-left:var(--member-value-pad); }
.member-values .member-value-icon { display:grid; place-items:center; color:var(--member-ink); }
.member-value-icon .dfvn-icon { width:22px; height:22px; }
.member-demo .member-values h2 { font-size:var(--compact-title-size,20px); line-height:var(--compact-title-leading,1.3); }
.member-values p { color:var(--member-muted); font-size:var(--member-text); line-height:1.6; margin:0; }
.member-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:var(--heading-card-gap,32px); }
.member-demo .member-section-heading h2 { font-size:var(--section-title-size,clamp(30px,3.7vw,52px)); line-height:var(--section-title-leading,1.08); margin:var(--eyebrow-title-gap,16px) 0 0; }
.member-section-heading p { max-width:360px; color:var(--member-muted); font-size:var(--member-small); }
.member-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--card-gap,20px); align-items:stretch; }
.member-plan { position:relative; display:flex; flex-direction:column; min-width:0; background:var(--member-surface); border-radius:26px; padding:30px; }
.member-plan.is-annual { background:var(--member-lilac); color:var(--member-dark); --member-muted:#625778; }
.member-plan-top { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:32px; margin-bottom:18px; }
.member-plan-top>span:not(.member-plan-tag) { font-size:var(--member-micro); color:var(--member-muted); letter-spacing:.1em; }
.member-demo .member-plan h3 { font-size:var(--card-title-size,26px); margin:0 0 var(--heading-card-gap,32px); line-height:var(--card-title-leading,1.25); }
.member-demo .member-plan-tag { position:relative; display:inline-flex; margin:0; font-size:var(--member-micro); background:var(--member-ink); color:var(--member-bg); padding:8px 11px; border-radius:var(--member-pill); }
.member-demo .member-plan.is-annual .member-plan-tag { background:var(--member-badge-bg); color:var(--member-badge-ink); --member-beam-tip:var(--member-badge-ink); --member-beam-base:color-mix(in srgb,var(--member-badge-ink) 8%,transparent); }
.member-plan-price { font:var(--font-medium,500) 44px/1.1 var(--display-font); min-height:76px; display:flex; flex-direction:column; justify-content:flex-end; }
.member-plan-price del { display:block; font:var(--font-regular,400) var(--member-small) var(--body-font); color:var(--member-muted); margin-bottom:10px; }
.member-plan-price ins { text-decoration:none; }
.member-plan-price .screen-reader-text { position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden; }
.member-plan-period { font-size:var(--member-small); line-height:1.5; color:var(--member-muted); margin:14px 0 0; }
.member-demo .member-plan-discount { display:inline-block; font-size:var(--member-micro); padding:6px 9px; background:#ffffff60; color:#453553; border-radius:8px; margin:12px 0 0; align-self:flex-start; }
.member-plan ul { list-style:none; padding:24px 0; margin:20px 0; border-top:1px solid var(--member-line); display:grid; gap:14px; font-size:var(--member-text); }
.member-plan li { display:flex; gap:10px; align-items:flex-start; }
.member-plan li .dfvn-icon { flex:0 0 15px; width:15px; height:15px; margin-top:2px; }
.member-plan-closed { display:block; text-align:center; margin-top:auto; padding:15px 10px; border:1px solid var(--member-line); border-radius:var(--member-pill); font-size:var(--member-small); }
.member-plan.is-annual .member-plan-closed { background:var(--member-dark); color:var(--member-feature-ink); border:0; }
.member-demo .member-plan-closed .dfvn-icon { width:18px; height:18px; }
.member-compare { margin-top:var(--member-landing-space); container-type:inline-size; --member-scroll-track-width:220px; --member-scroll-inset:max(28px,calc((100cqi - var(--member-scroll-track-width)) / 2)); --member-scroll-hit-size:10px; --member-scroll-edge:4px; --member-scroll-thumb:color-mix(in srgb,var(--member-ink) 38%,var(--member-surface)); }
.member-table-wrap { position:relative; overflow-x:auto; touch-action:pan-x pan-y pinch-zoom; overscroll-behavior-x:contain; border-radius:var(--member-info-radius); background:var(--member-surface); }
.member-table-wrap::-webkit-scrollbar { height:var(--member-scroll-hit-size); }
.member-table-wrap::-webkit-scrollbar-track:horizontal { margin-inline:var(--member-scroll-inset); border:var(--member-scroll-edge) solid transparent; border-radius:var(--member-pill); background:var(--member-line); background-clip:content-box; }
.member-table-wrap::-webkit-scrollbar-thumb:horizontal { border:var(--member-scroll-edge) solid transparent; border-radius:var(--member-pill); background:var(--member-scroll-thumb); background-clip:content-box; }
.member-table-wrap::-webkit-scrollbar-button { display:none; width:0; }
@supports not selector(::-webkit-scrollbar) { .member-table-wrap { scrollbar-width:thin; scrollbar-color:var(--member-scroll-thumb) var(--member-surface); } }
.member-table { width:100%; border-collapse:collapse; min-width:580px; font-size:var(--member-table-size); }
.member-table th,.member-table td { padding:22px 24px; border:0; border-bottom:1px solid var(--member-line); text-align:center; vertical-align:middle; }
.member-table th:first-child { text-align:left; width:34%; font-weight:var(--font-regular,400); }
.member-table thead th { font-weight:var(--font-semibold,600); padding-block:28px; }
.member-table tr:last-child>* { border-bottom:0; }
.member-table .is-annual { background:color-mix(in srgb,var(--member-lilac) 40%,var(--member-surface)); }
.member-table caption { text-align:left; padding:16px; }
.member-demo .member-table .dfvn-icon { display:inline-flex; width:18px; height:18px; vertical-align:middle; }

.member-faq { display:grid; grid-template-columns:var(--member-faq-columns,.8fr 1.2fr); gap:65px; margin:var(--member-landing-space) 0; --faq-question-size:var(--member-text); --faq-answer-size:var(--member-text); --faq-leading:1.75; }
.member-faq:has(>:only-child) { --member-faq-columns:1fr; }
.member-demo .member-faq h2 { font-size:var(--section-title-size,clamp(30px,3.5vw,45px)); line-height:var(--section-title-leading,1.08); margin-top:var(--eyebrow-title-gap,16px); max-width:380px; }
.member-faq details:not(.dfvn-faq-item) { padding:23px 0; border-bottom:1px solid var(--member-line); }
.member-faq details:not(.dfvn-faq-item)>summary { font-size:var(--member-text); cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:var(--space-5,20px); }
.member-faq details:not(.dfvn-faq-item)>summary::-webkit-details-marker { display:none; }
.member-faq details:not(.dfvn-faq-item)>summary::after { content:'+'; font-size:var(--type-emphasis-size,18px); }
.member-faq details:not(.dfvn-faq-item)[open]>summary::after { content:'−'; }
.member-faq details:not(.dfvn-faq-item) p { font-size:var(--member-text); line-height:var(--faq-leading); color:var(--member-muted); padding-top:18px; }
.member-final { display:flex; gap:35px; justify-content:space-between; align-items:center; padding:44px; border-radius:var(--member-feature-radius); background:var(--member-surface); }
.member-demo .member-final h2 { font-size:var(--section-title-size,clamp(30px,3.5vw,48px)); line-height:var(--section-title-leading,1.08); max-width:600px; margin:var(--eyebrow-title-gap,16px) 0 var(--title-lead-gap,16px); }
.member-final p { font-size:var(--member-text); color:var(--member-muted); max-width:var(--member-copy-max); }
.member-final-actions { display:flex; gap:10px; flex-wrap:wrap; }
.member-final-actions .button { white-space:nowrap; }

.member-demo .member-compare-foot,.member-demo .member-service-note { font-size:var(--member-small); line-height:1.75; color:var(--member-muted); margin:14px 0 0; max-width:100%; }
@media(max-width:1050px) { .member-demo .member-hero { gap:35px; } .member-art>span { width:180px; height:180px; font-size:90px; } .member-plan { padding:24px; } .member-plan-price { font-size:36px; } .member-plan-top { align-items:flex-start; flex-direction:column; gap:var(--space-3,12px); min-height:55px; } .member-final { align-items:flex-start; flex-direction:column; } .member-demo .member-values { grid-template-columns:1fr; gap:22px; } .member-values article+article { border-left:0; border-top:1px solid var(--member-line); padding:22px 0 0; } }
@media(max-width:760px) { .member-demo .member-hero { grid-template-columns:1fr; } .member-art { margin:20px 0; } .member-plans { grid-template-columns:1fr; } .member-plan-top { flex-direction:row; min-height:32px; } .member-section-heading { align-items:flex-start; flex-direction:column; gap:15px; margin-bottom:var(--heading-card-gap,32px); } .member-faq { grid-template-columns:1fr; gap:var(--space-5,20px); } .member-final { padding:30px 24px; } .member-final-actions { width:100%; } .member-final-actions .button { flex:1; } .member-table th,.member-table td { padding:20px 15px; } }

.member-club-invite{--link:#ded4f1;--link-hover:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--card-gap);padding:clamp(28px,3vw,44px);border-radius:var(--member-info-radius);background:#22332d;color:#f7f7f2;margin-top:var(--member-landing-space);overflow:hidden}.member-club-invite>.member-club-symbol{display:grid;place-items:center;width:90px;height:90px;border:1px solid #ded4f155;border-radius:50%;color:#ded4f1;transform:rotate(-12deg)}.member-club-symbol>.dfvn-icon{width:52px;height:52px}.member-club-invite .member-kicker{color:#c6d2c4;font-size:var(--type-micro-size,10px)}.member-demo .member-club-invite h2{font-size:var(--prose-heading-size,32px);line-height:var(--prose-heading-leading,1.22);letter-spacing:-.04em;color:inherit}.member-club-invite p{font-size:var(--type-copy-size,14px);color:#c6d2c4;margin:0;max-width:490px}.member-club-invite .button{--action-bg:#ded4f1;--action-ink:#22332d;--action-line:#ded4f1;font-size:var(--type-small-size,13px);white-space:nowrap}@media(max-width:760px){.member-club-invite{grid-template-columns:1fr;gap:25px}.member-club-invite>.member-club-symbol{width:65px;height:65px}.member-club-symbol>.dfvn-icon{width:38px;height:38px}.member-club-invite .button{justify-self:start}}

/* Two related notes share a row on wide screens and wrap naturally on mobile. */
.member-compare-notes{display:block;margin-top:var(--space-5,20px)}
.member-demo .member-compare-notes p{display:inline;margin:0;font-size:var(--member-small);line-height:1.75;color:var(--member-muted)}
.member-compare-notes p+p::before{content:" · ";white-space:pre-wrap}
@media(max-width:760px){.member-demo .member-compare-notes p{display:block}.member-demo .member-compare-notes p+p{margin-top:10px}.member-compare-notes p+p::before{content:none}}