.membership-hero { min-height:calc(100vh - 106px); display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); align-items:center; gap:clamp(50px,8vw,120px); padding:clamp(75px,10vw,150px) clamp(24px,7.1vw,120px) 105px; }
.membership-hero h1 { max-width:760px; margin:0 0 30px; font-size:clamp(58px,7.1vw,108px); font-weight:700; letter-spacing:-.06em; line-height:.86; }.membership-hero > div > p:not(.eyebrow):not(.responsible) { max-width:590px; margin:0 0 34px; font-size:clamp(17px,1.55vw,23px); font-weight:500; letter-spacing:-.045em; line-height:1.55; }.responsible { max-width:500px; margin:26px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.offer-card { width:min(100%,450px); justify-self:end; padding:29px; background:var(--ink); color:var(--paper); box-shadow:13px 13px 0 var(--orange); }.card-kicker { display:flex; justify-content:space-between; margin:0 0 31px; color:#d6d6d6; font:500 10px 'DM Mono',monospace; letter-spacing:.12em; }.card-kicker span { color:var(--orange); }.offer-badge { display:flex; flex-direction:column; gap:5px; padding:13px 14px; border:1px solid var(--orange); color:#fff; }.offer-badge strong { font:500 11px 'DM Mono',monospace; letter-spacing:.08em; }.offer-badge span { color:#cfcfcf; font-size:13px; }.membership-price { display:flex; align-items:end; gap:12px; margin:29px 0; padding-bottom:26px; border-bottom:1px solid #333; }.membership-price strong { color:#fff; font-size:72px; font-weight:700; letter-spacing:-.09em; line-height:.8; }.membership-price span { max-width:130px; color:#bcbcbc; font-size:13px; line-height:1.4; }.offer-card ul { display:grid; gap:13px; margin:0 0 29px; padding:0 0 27px; border-bottom:1px solid #333; list-style:none; color:#dfdfdf; font-size:14px; }.offer-card li::before { content:'+'; display:inline-block; width:18px; color:var(--orange); }.offer-card .offer-button { width:100%; min-width:0; padding:18px 20px; background:#fff; color:#090909; }.offer-card .offer-button:hover { background:var(--orange); }.checkout-options { display:grid; gap:10px; }.checkout-alt { width:100%; padding:15px 18px; border:1px solid #737373; background:transparent; color:#fff; cursor:pointer; font:700 11px Manrope,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; transition:border-color .18s ease,color .18s ease,background .18s ease; }.checkout-alt:hover,.checkout-alt:focus-visible { border-color:var(--orange); background:var(--orange); color:#090909; }.checkout-alt:disabled,.offer-card .offer-button:disabled { cursor:wait; opacity:.65; }.offer-terms { margin:17px 0 0; color:#a8a8a8; font-size:11px; line-height:1.5; }.discord-connect { display:block; margin-top:12px; box-sizing:border-box; text-align:center; text-decoration:none; }
.membership-details { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(44px,9vw,140px); padding:clamp(80px,10vw,145px) clamp(24px,7.1vw,120px); border-top:1px solid var(--line); }.membership-details h2,.membership-proof h2 { max-width:610px; margin:0; font-size:clamp(44px,5vw,76px); font-weight:700; letter-spacing:-.08em; line-height:.9; }.detail-list { display:grid; gap:28px; }.detail-list article { display:grid; grid-template-columns:46px 1fr; padding-top:17px; border-top:2px solid var(--ink); }.detail-list span { grid-row:span 2; color:var(--orange); font:500 11px 'DM Mono',monospace; letter-spacing:.08em; }.detail-list h3 { margin:0 0 8px; font-size:19px; letter-spacing:-.045em; }.detail-list p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }.membership-proof { margin:0 clamp(24px,7.1vw,120px) clamp(80px,10vw,140px); padding:clamp(45px,6vw,85px); background:var(--orange); }.membership-proof .eyebrow { color:var(--ink); }.membership-proof h2 { margin-bottom:30px; }.membership-proof .text-link { text-decoration:underline; text-underline-offset:5px; }
@media (max-width:800px) { .membership-hero { min-height:0; grid-template-columns:1fr; gap:55px; padding:85px 24px 80px; }.membership-hero h1 { font-size:clamp(55px,15vw,82px); }.offer-card { width:calc(100% - 12px); justify-self:start; padding:25px; }.membership-price strong { font-size:62px; }.membership-details { grid-template-columns:1fr; gap:43px; padding:80px 24px; }.membership-details h2,.membership-proof h2 { font-size:48px; }.membership-proof { margin:0 24px 85px; padding:38px 25px; } }
.offer-card .offer-pending { background:#2c2c2c; color:#bdbdbd; cursor:not-allowed; opacity:1; }.offer-card .offer-pending:hover { background:#2c2c2c; }