@font-face{font-family:LeapSerif;src:url('/brand-v127/round22/assets/leap-cormorant_garamond.woff2')}@font-face{font-family:LeapSans;src:url('/brand-v127/round22/assets/leap-inter.woff2')}.membership-modal,.membership-modal *{box-sizing:border-box}.membership-modal{font:15px LeapSans,"PingFang TC",sans-serif}.membership-modal button{font:inherit;cursor:pointer}.membership-modal button:focus-visible,.membership-modal .comparison:focus-visible{outline:2px solid #aa8b4d;outline-offset:4px}.membership-modal{--green:#30493c;--paper:#f8f5ed;--line:#d8d8ca;color:var(--green);background:var(--paper);border:0;padding:0;width:min(1120px,94vw);max-width:none;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.34);animation:appear .42s cubic-bezier(.2,.7,.2,1)}.membership-modal::backdrop{background:rgba(19,19,18,.76);-webkit-backdrop-filter:blur(4px) saturate(.5);backdrop-filter:blur(4px) saturate(.5);animation:veil .4s}.membership-modal.closing{animation:depart .24s ease forwards}.membership-modal.closing::backdrop{animation:veil .24s reverse forwards}.membership-modal .modal-shell{display:flex}.membership-modal .content{width:100%;padding:32px 40px}.membership-modal .visual{display:none;position:relative;overflow:hidden}.membership-modal .visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.membership-modal .visual>div{position:absolute;left:25px;bottom:32px;color:#fff;font:40px LeapSerif;letter-spacing:.12em}.membership-modal .visual span{font:9px LeapSans;letter-spacing:.22em}.membership-modal header{display:flex;justify-content:space-between;align-items:center}.membership-modal .eyebrow{font-size:10px;letter-spacing:.19em;color:#887b58}.membership-modal .controls{display:flex;gap:16px;align-items:center}.membership-modal .controls button{background:none;color:inherit;border:0;padding:7px}.membership-modal .close{font-size:28px!important;font-weight:200}.membership-modal .lang{font-size:11px!important}.membership-modal .intro{margin:26px 0 32px}.membership-modal .chapter{font-size:11px;letter-spacing:.17em;color:#85754f}.membership-modal h1{font:32px LeapSerif,'Songti TC',serif;font-weight:400;margin:12px 0}.membership-modal .intro>p:last-child{font-size:13px;color:#727b6d;line-height:1.8}.membership-modal .comparison{overflow:auto}.membership-modal table{border-collapse:separate;border-spacing:0;width:100%;min-width:660px;text-align:center;table-layout:fixed}.membership-modal th{font-weight:400}.membership-modal thead th:first-child{width:19%;text-align:left;font-size:12px;color:#7c806e}.membership-modal thead th{border-bottom:1px solid var(--line)}.membership-modal thead button{border:0;background:none;width:100%;padding:20px 8px;color:inherit;font-size:17px}.membership-modal .plan-number{display:block;color:#9a8b64;font-size:10px;letter-spacing:.2em;margin-bottom:12px}.membership-modal thead small{display:block;min-height:14px;font-size:9px;letter-spacing:.12em;color:#a08b55;margin-top:11px}.membership-modal tbody th{text-align:left;font-size:13px;border-bottom:1px solid var(--line);padding:22px 0;line-height:1.6}.membership-modal .phase-index{display:none}.membership-modal td{padding:24px 5px;border-bottom:1px solid var(--line);vertical-align:top}.membership-modal .price{font:36px LeapSerif,serif;white-space:nowrap;line-height:1.1}.membership-modal .price span{font:10px LeapSans;vertical-align:middle;letter-spacing:.04em}.membership-modal .unit{font-size:10px;color:#858873;margin-top:7px}.membership-modal .voucher{font-size:10px;color:#8c7a4b;margin:10px 0 0;min-height:15px}.membership-modal .selected{background:#dfe5d795}.membership-modal thead .selected{box-shadow:inset 0 2px #ad925b}.membership-modal footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px}.membership-modal .terms{max-width:65%;font-size:11px}.membership-modal .terms strong{font-weight:500}.membership-modal .terms p{color:#828573;font-size:11px;line-height:1.8;margin:7px 0}.membership-modal .selection{text-align:right}.membership-modal .selection span{display:block;font-size:8px;letter-spacing:.13em;color:#8b7a52;margin-bottom:8px}.membership-modal .selection strong{font-size:14px;font-weight:400}.membership-modal.style-2 .content{padding:42px 65px}.membership-modal.style-2 .intro{text-align:center;margin-bottom:45px}.membership-modal.style-2 h1{font-size:40px}.membership-modal.style-2 table{border-top:1px solid #b3a481}.membership-modal.style-2 .price{font-family:LeapSans;font-size:28px;font-weight:300}.membership-modal.style-3 .visual{display:block;width:24%;flex-shrink:0}.membership-modal.style-3 .content{padding:28px}.membership-modal.style-3 h1{font-size:27px}.membership-modal.style-3 table{min-width:600px}.membership-modal.style-4 .visual{display:block;height:140px;width:100%}.membership-modal.style-4 .modal-shell{display:block}.membership-modal.style-4 .visual>div{bottom:20px}.membership-modal.style-4 .visual img{object-position:50% 60%}.membership-modal.style-4 .intro{margin:13px 0 20px}.membership-modal.style-5{width:min(1200px,94vw)}.membership-modal.style-5 .content{padding:46px 76px}.membership-modal.style-5 .intro{border-left:2px solid #b99a5f;padding-left:24px;margin:30px 0}.membership-modal.style-5 .selected{background:#e8dfca70}.membership-modal.style-5 .price{font-size:42px}.membership-modal.style-6 .intro{float:left;width:23%;padding-right:30px;margin-top:48px}.membership-modal.style-6 .intro h1{font-size:30px;line-height:1.8}.membership-modal.style-6 .comparison{width:77%;padding-top:27px}.membership-modal.style-6 footer{clear:both;border-top:1px solid var(--line);margin-top:24px}.membership-modal.style-6 table{min-width:610px}.membership-modal.style-7{border:10px solid #e2decd;outline:1px solid #b1a37d;outline-offset:-18px}.membership-modal.style-7 .content{padding:35px 45px}.membership-modal.style-7 .intro{text-align:center}.membership-modal.style-7 .eyebrow{letter-spacing:.32em}.membership-modal.style-7 .selection{border:1px solid #c3b38b;padding:12px 23px}.membership-modal.style-8{--green:#e7e5d5;--paper:#263e34;--line:#536053}.membership-modal.style-8 .intro>p:last-child,.membership-modal.style-8 .unit,.membership-modal.style-8 .terms p{color:#b5bdae}.membership-modal.style-8 .eyebrow,.membership-modal.style-8 .chapter,.membership-modal.style-8 .voucher,.membership-modal.style-8 thead small{color:#c5af7a}.membership-modal.style-8 .selected{background:#72826a44}.membership-modal.style-8 thead th:first-child{color:#c1c4b6}.membership-modal.style-8 .price{font-family:LeapSans;font-size:29px;font-weight:300}.membership-modal.style-8 .intro{margin:35px 0 45px}.membership-modal.style-9 .selected{background:none;border-left:1px solid #b39b68;border-right:1px solid #b39b68}.membership-modal.style-9 thead .selected{border-top:1px solid #b39b68;box-shadow:none}.membership-modal.style-9 tbody tr:last-child .selected{border-bottom:1px solid #b39b68}.membership-modal.style-9 .intro{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.membership-modal.style-9 .intro>p:last-child{display:none}.membership-modal.style-9 .price{font-size:40px}.membership-modal.style-10 .content{padding:30px 45px}.membership-modal.style-10 .phase-index{display:block;font:30px LeapSerif;color:#a3936a;margin-bottom:4px}.membership-modal.style-10 tbody th{padding-left:15px;background:#efeddf}.membership-modal.style-10 .intro{border-bottom:1px solid var(--line);padding-bottom:23px}.membership-modal.style-10 .price{font-family:LeapSans;font-size:27px;font-weight:300}.membership-modal.style-10 footer{background:#e4e8dc;margin:25px -45px -30px;padding:20px 45px}@keyframes appear{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}@keyframes depart{to{opacity:0;transform:translateY(12px) scale(.99)}}@keyframes veil{from{opacity:0}to{opacity:1}}@media(max-width:760px){.membership-modal .demo h1{font-size:40px}.membership-modal .triggers{grid-template-columns:1fr}.membership-modal .triggers button{border-right:0;border-bottom:1px solid #b9bda9}.membership-modal{width:96vw;max-height:92dvh}.membership-modal .content,.membership-modal.style-2 .content,.membership-modal.style-3 .content,.membership-modal.style-5 .content,.membership-modal.style-7 .content,.membership-modal.style-10 .content{padding:20px}.membership-modal .intro h1,.membership-modal.style-2 h1{font-size:28px}.membership-modal.style-3 .visual{display:none}.membership-modal.style-5 .price{font-size:36px}.membership-modal.style-6 .intro{float:none;width:100%;padding:0;margin:22px 0}.membership-modal.style-6 .intro h1{line-height:1.4}.membership-modal.style-6 .comparison{width:100%;padding:0}.membership-modal.style-9 .intro{display:block}.membership-modal.style-10 footer{margin:25px -20px -20px;padding:20px}.membership-modal .terms{max-width:70%}.membership-modal footer{gap:12px}.membership-modal .selection strong{font-size:12px}.membership-modal.style-4 .visual{height:110px}.membership-modal.style-7{border-width:6px;outline-offset:-12px}.membership-modal table{min-width:650px}.membership-modal td{padding:24px 8px}.membership-modal .price{font-size:34px}}@media(prefers-reduced-motion:reduce){.membership-modal *,.membership-modal *::before,.membership-modal *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:761px) and (max-height:900px){.membership-modal .content{padding:22px 32px}.membership-modal .intro{margin:14px 0 20px}.membership-modal h1{font-size:30px;margin:10px 0}.membership-modal thead button{padding:13px 8px}.membership-modal .plan-number{margin-bottom:8px}.membership-modal td{padding:17px 5px}.membership-modal tbody th{padding:17px 0}.membership-modal footer{padding-top:18px}.membership-modal .style-10 footer{margin-bottom:-22px}.membership-modal.style-4 .visual{height:100px}.membership-modal.style-6 .intro{margin-top:28px}.membership-modal.style-6 .comparison{padding-top:12px}}

/* Round 24: every cell of a plan column selects it; the hovered column previews quietly. */
.membership-modal td[data-col],.membership-modal th[data-col]{cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease}.membership-modal [data-col].hover{background:#eceade}.membership-modal.style-8 [data-col].hover{background:#ffffff10}.membership-modal [data-col].selected.hover{background:inherit}

/* Round 25: without the eyebrow, close and language controls keep their right-hand place (photo hidden on phones too). */
.membership-modal.no-eyebrow header{justify-content:flex-end}