/* 2027 Quarter Diving membership experience · scoped to page-members */
.page-members .qd-member-wrap{max-width:1180px;margin:0 auto;padding:58px 22px 68px}
.page-members .qd-member-hero{border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(100deg,#052339ed,#083e60dc),url('/assets/images/homepage/30BE27EB-0D1A-4BB8-920F-3D398644A9BD_1_105_c.jpeg') center 45%/cover;color:white;padding:50px clamp(22px,5vw,60px);box-shadow:0 20px 55px #01223721}
.page-members .qd-member-hero:before{content:'';position:absolute;width:270px;height:270px;border:1px solid #a1eced43;border-radius:50%;top:-145px;right:-45px;pointer-events:none}
.page-members .qd-member-hero>*{position:relative}.page-members .qd-member-eyebrow{letter-spacing:.25em;color:#8de1dd;font-size:12px;font-weight:800;margin:0 0 15px}
.page-members .qd-member-hero h2{font-size:clamp(30px,4vw,55px);line-height:1.16;letter-spacing:-.04em;color:white;margin:0 0 15px}
.page-members .qd-member-hero p:not(.qd-member-eyebrow){color:#d3e8ef;line-height:1.8;max-width:660px;font-size:16px}
.page-members .qd-member-tagline{display:inline-flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.page-members .qd-member-tagline span{font-size:12px;letter-spacing:.04em;border:1px solid #9ed9de75;padding:8px 12px;border-radius:100px;background:#fff1}
.page-members .qd-member-heading{text-align:center;margin:52px auto 26px}
.page-members .qd-member-heading h3{font-size:clamp(24px,3vw,34px);margin:8px 0}.page-members .qd-member-heading p{color:#567481;line-height:1.7;margin:0}
.page-members .qd-tier-tabs{display:flex;justify-content:center;gap:9px;margin:0 0 20px}
.page-members .qd-tier-tabs button{border:1px solid #c3d7de;background:white;border-radius:100px;font:inherit;padding:11px 22px;color:#245166;cursor:pointer;font-weight:700}
.page-members .qd-tier-tabs button[aria-selected=true]{background:#07324c;color:#fff;border-color:#07324c}
.page-members .qd-tier-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;scroll-snap-type:x mandatory}
.page-members .qd-tier-card{min-width:0;border-radius:25px;padding:34px;display:flex;flex-direction:column;min-height:465px;box-shadow:0 14px 30px #052c3e15;scroll-snap-align:center;border:1px solid #c6dce5}
.page-members .qd-tier-card.free{background:linear-gradient(150deg,#eef6fb,#dcebf2);color:#103f59}.page-members .qd-tier-card.vip{background:radial-gradient(circle at 90% 12%,#235776,#09283f 58%,#041b2b);color:#fff;border-color:#335973}
.page-members .qd-tier-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.2em;font-weight:800;opacity:.8}
.page-members .qd-tier-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:25px;border:1px solid currentColor}
.page-members .qd-tier-level{margin:34px 0 6px;font-size:12px;letter-spacing:.16em;opacity:.73}
.page-members .qd-tier-card h4{font-size:clamp(25px,3vw,34px);margin:0 0 4px;line-height:1.3;color:inherit}
.page-members .qd-tier-en{font-size:13px;letter-spacing:.08em;opacity:.65;margin:0 0 20px}
.page-members .qd-tier-price{font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-.04em;margin:0 0 6px}
.page-members .qd-tier-price small{font-size:14px;letter-spacing:0}
.page-members .qd-tier-detail{font-size:13px;line-height:1.65;margin:0 0 20px;opacity:.82}
.page-members .qd-tier-benefits{list-style:none;padding:19px 0 8px;margin:auto 0 0;border-top:1px solid currentColor}
.page-members .qd-tier-benefits li{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:14px;line-height:1.55}
.page-members .qd-tier-benefits li:before{content:'✓';font-weight:900;color:#2e9f9b;flex:none}
.page-members .qd-tier-card.vip .qd-tier-benefits li:before{color:#ecc88d}
.page-members .qd-tier-action{display:block;text-align:center;border-radius:12px;background:#0e5b73;color:#fff;font-size:14px;font-weight:800;padding:14px 20px;margin-top:22px}
.page-members .qd-tier-card.vip .qd-tier-action{background:#ecc88d;color:#092839}
.page-members .qd-tier-dots{display:none;justify-content:center;gap:8px;margin-top:19px}
.page-members .qd-tier-dots button{width:10px;height:10px;border:0;border-radius:20px;background:#b8d2db;cursor:pointer;padding:0}
.page-members .qd-tier-dots button[aria-current=true]{width:28px;background:#0f6881}
.page-members .qd-member-compare{border:1px solid #d6e6eb;border-radius:22px;overflow:hidden;margin:30px 0;background:#fff;box-shadow:0 8px 30px #0b3a5210}
.page-members .qd-member-compare table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55}
.page-members .qd-member-compare th,.page-members .qd-member-compare td{padding:15px 17px;text-align:left;border-bottom:1px solid #e6eff2;vertical-align:top}
.page-members .qd-member-compare th{background:#eaf4f7;color:#144e68;font-weight:800}.page-members .qd-member-compare th:nth-child(3){background:#123e59;color:#fff}
.page-members .qd-member-compare td:nth-child(3){background:#f4f9fa;font-weight:600}.page-members .qd-member-compare tr:last-child td{border-bottom:0}
.page-members .qd-member-compare td:first-child{font-weight:800;max-width:155px}
.page-members .qd-member-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}
.page-members .qd-info-panel{background:#f0f7f9;border:1px solid #d8e8ed;border-radius:20px;padding:26px 27px}
.page-members .qd-info-panel h3{font-size:21px;margin:0 0 12px;color:#123e55}.page-members .qd-info-panel ul{margin:0;padding-left:20px;line-height:1.95;color:#305366}
.page-members .qd-info-panel p{margin:10px 0;color:#305366;line-height:1.8}
.page-members .qd-info-panel .qd-feature-price{font-size:29px;font-weight:900;color:#075a76}
.page-members .qd-member-note{font-size:13px;line-height:1.7;color:#5e7580;margin:16px 0}
.page-members .qd-member-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:33px 0 5px}
.page-members .qd-member-cta a{padding:15px 24px;border-radius:12px;background:#0c536b;color:#fff;font-weight:800}.page-members .qd-member-cta a.outline{background:white;border:1px solid #93c1ce;color:#14516d}
@media(max-width:700px){.page-members .qd-member-wrap{padding:26px 15px 45px}.page-members .qd-member-hero{padding:36px 23px;border-radius:19px}.page-members .qd-tier-track{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:5%;padding:4px 5% 18px;margin:0 -15px}.page-members .qd-tier-track::-webkit-scrollbar{display:none}.page-members .qd-tier-card{flex:0 0 86%;min-height:485px;padding:25px}.page-members .qd-tier-dots{display:flex}.page-members .qd-member-compare{overflow-x:auto}.page-members .qd-member-compare table{min-width:535px}.page-members .qd-member-compare th,.page-members .qd-member-compare td{padding:12px}.page-members .qd-member-cards{grid-template-columns:1fr}.page-members .qd-info-panel{padding:22px}.page-members .qd-member-heading{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.page-members .qd-tier-track{scroll-behavior:auto!important}}

/* Follow the selected swipe card by highlighting its benefit column. */
.page-members [data-tier-active=free] .qd-member-compare td:nth-child(3){background:#fff;font-weight:400}
.page-members [data-tier-active=free] .qd-member-compare th:nth-child(3){background:#eaf4f7;color:#144e68}
.page-members [data-tier-active=free] .qd-member-compare th:nth-child(2){background:#0f6680;color:white}
.page-members [data-tier-active=free] .qd-member-compare td:nth-child(2){background:#e9f7fa;font-weight:650}
.page-members [data-tier-active=vip] .qd-member-compare th:nth-child(3){background:#123e59;color:#fff}

/* Shrimp / breaching humpback: bank-style member tier carousel v2.
   Wildlife illustrations are local hand-authored SVG, not generated graphics. */
.page-members .qd-carousel-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 0 20px}
.page-members .qd-carousel-controls .qd-tier-tabs{display:flex;gap:10px;margin:0;min-width:0;justify-content:center}
.page-members .qd-carousel-controls .qd-tier-tabs button{font-weight:800;font-size:14px;transition:background-color .18s,border-color .18s,color .18s}
.page-members .qd-carousel-arrow{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #c7dce3;background:#f0f7f9;color:#0a4f68;border-radius:50%;font:400 33px/1 Arial,sans-serif;cursor:pointer}
.page-members .qd-carousel-arrow:not(:disabled):hover{background:#0c5268;color:#fff}
.page-members .qd-carousel-arrow:disabled{cursor:default;opacity:.35}
.page-members .qd-tier-track{display:flex;grid-template-columns:none;gap:22px;padding:10px 8%;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:8%;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;outline-offset:-3px}
.page-members .qd-tier-track::-webkit-scrollbar{display:none}
.page-members .qd-tier-track:focus-visible{outline:3px solid #2eabc5;border-radius:20px}
.page-members .qd-tier-card{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:14px;min-height:550px;padding:32px clamp(28px,4vw,52px);border-radius:27px;scroll-snap-align:center;position:relative;overflow:hidden;transition:box-shadow .25s,border-color .25s}
.page-members .qd-tier-card.free{background:radial-gradient(circle at 88% 20%,#f9ffff,#e8f4f7 58%,#d6e8f0);border-color:#b8d6e1;color:#103e55}
.page-members .qd-tier-card.vip{background:radial-gradient(circle at 90% 18%,#195378,#092b47 62%,#041927);border-color:#2b6382;color:#fff}
.page-members .qd-tier-card.free:before,.page-members .qd-tier-card.vip:before{content:'';width:360px;height:360px;position:absolute;right:-145px;top:-170px;border:1px solid currentColor;border-radius:50%;opacity:.1;pointer-events:none}
.page-members .qd-tier-card.is-selected{box-shadow:0 20px 54px #07294028}
.page-members .qd-tier-card-body{min-width:0;display:flex;flex-direction:column;align-self:stretch;position:relative;z-index:1}
.page-members .qd-tier-card .qd-tier-top{opacity:1;align-items:flex-start;gap:10px;font-size:10px;line-height:1.6}
.page-members .qd-tier-level-chip{border:1px solid currentColor;border-radius:99px;font-size:10px;padding:4px 10px;letter-spacing:.05em;white-space:nowrap}
.page-members .qd-tier-card.vip .qd-tier-level-chip{border-color:#e2c487;color:#efd4a0}
.page-members .qd-tier-card .qd-tier-level{margin:29px 0 7px;font-size:13px;letter-spacing:.08em;font-weight:700;opacity:.75}
.page-members .qd-tier-card h4{font-size:clamp(27px,3vw,38px);letter-spacing:-.035em;line-height:1.24;margin:0 0 7px}
.page-members .qd-tier-card .qd-tier-en{font-size:11px;letter-spacing:.19em;font-weight:700;margin:0 0 24px}
.page-members .qd-tier-card .qd-tier-price{font-size:clamp(26px,2.9vw,36px);line-height:1.2;margin:0 0 13px}
.page-members .qd-tier-card .qd-tier-price small{font-size:13px;white-space:nowrap}
.page-members .qd-tier-card .qd-tier-detail{font-size:13px;line-height:1.77;margin:0 0 18px;max-width:490px}
.page-members .qd-tier-card .qd-tier-benefits{padding:16px 0 5px;margin:0;border-color:#7baab354}
.page-members .qd-tier-card.vip .qd-tier-benefits{border-color:#bad3dc3c}
.page-members .qd-tier-card .qd-tier-benefits li{margin:8px 0;font-size:13px;line-height:1.6}
.page-members .qd-tier-card .qd-tier-action{margin-top:auto;padding:13px 20px;align-self:stretch;max-width:410px}
.page-members .qd-tier-art{position:relative;align-self:stretch;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.page-members .qd-tier-art img{display:block;object-fit:contain;height:auto;max-width:none;filter:drop-shadow(0 18px 24px #07304722);user-select:none;pointer-events:none}
.page-members .qd-tier-art-shrimp img{width:77%;max-width:315px}
.page-members .qd-tier-art-whale img{width:118%;max-width:560px;transform:translate(5%,0)}
.page-members .qd-tier-art-caption{font-size:10px;font-weight:750;letter-spacing:.19em;opacity:.65;margin-top:10px;text-align:center}
.page-members .qd-tier-card.vip .qd-tier-art-caption{color:#b6dce9}
.page-members .qd-tier-dots{display:flex;margin-top:14px}
.page-members .qd-tier-swipe-hint{text-align:center;font-size:12px;color:#537480;margin:8px auto 18px;line-height:1.65}
.page-members .qd-member-compare{overflow:hidden}
.page-members .qd-member-compare tr:nth-child(2n) td:first-child{background:#f9fbfc}
.page-members .qd-member-compare tr:not(:first-child) td{transition:background-color .2s}
.page-members .qd-tier-tabs button:focus-visible,.page-members .qd-carousel-arrow:focus-visible,.page-members .qd-tier-dots button:focus-visible{outline:3px solid #2cb7c4;outline-offset:3px}
@media(max-width:900px){
 .page-members .qd-tier-card{grid-template-columns:minmax(0,1.2fr) minmax(0,.75fr);gap:4px;min-height:570px;padding:27px}
 .page-members .qd-tier-art-shrimp img{width:94%}.page-members .qd-tier-art-whale img{width:129%}
}
@media(max-width:700px){
 .page-members .qd-carousel-controls{gap:7px;margin:0 0 6px}
 .page-members .qd-carousel-controls .qd-tier-tabs{flex:1;gap:5px}
 .page-members .qd-carousel-controls .qd-tier-tabs button{flex:1;min-width:0;padding:11px 5px;font-size:12px;white-space:normal;line-height:1.4}
 .page-members .qd-carousel-arrow{width:30px;height:37px;border-radius:11px;font-size:26px}
 .page-members .qd-tier-track{gap:14px;padding:8px 5% 16px;margin:0 -15px;scroll-padding-inline:5%}
 .page-members .qd-tier-card{flex:0 0 100%;display:flex;flex-direction:column;gap:0;padding:23px;border-radius:22px;min-height:0;align-items:stretch}
 .page-members .qd-tier-art{order:0;height:164px;flex:0 0 164px;align-self:stretch}
 .page-members .qd-tier-art-shrimp img{width:auto;height:156px;max-width:205px}
 .page-members .qd-tier-art-whale img{width:100%;max-width:325px;height:170px;transform:translate(0,0)}
 .page-members .qd-tier-art-caption{position:absolute;bottom:0;font-size:9px;opacity:.6}
 .page-members .qd-tier-card-body{order:1;flex:1}
 .page-members .qd-tier-card .qd-tier-level{margin:19px 0 8px}
 .page-members .qd-tier-card h4{font-size:26px}
 .page-members .qd-tier-card .qd-tier-en{margin-bottom:17px}
 .page-members .qd-tier-card .qd-tier-price{font-size:29px;margin-bottom:10px}
 .page-members .qd-tier-card .qd-tier-detail{margin-bottom:13px}
 .page-members .qd-tier-card .qd-tier-benefits li{margin:7px 0;font-size:13px}
 .page-members .qd-tier-card .qd-tier-action{margin-top:17px;max-width:none}
 .page-members .qd-tier-dots{margin-top:9px}
 .page-members .qd-tier-swipe-hint{padding:0 12px;margin-top:8px}
 /* Banking-app behavior: show the selected benefit column, not a cramped 3-col table. */
 .page-members .qd-member-compare{overflow:hidden}
 .page-members .qd-member-compare table{min-width:0!important;table-layout:fixed;width:100%}
 .page-members .qd-member-compare th,.page-members .qd-member-compare td{font-size:13px;padding:12px 10px;overflow-wrap:anywhere;word-break:normal}
 .page-members .qd-member-compare th:first-child,.page-members .qd-member-compare td:first-child{width:39%}
 .page-members .qd-member-compare th:nth-child(2),.page-members .qd-member-compare td:nth-child(2),.page-members .qd-member-compare th:nth-child(3),.page-members .qd-member-compare td:nth-child(3){width:61%}
 .page-members [data-tier-active=free] .qd-member-compare th:nth-child(3),.page-members [data-tier-active=free] .qd-member-compare td:nth-child(3){display:none}
 .page-members [data-tier-active=vip] .qd-member-compare th:nth-child(2),.page-members [data-tier-active=vip] .qd-member-compare td:nth-child(2){display:none}
}
@media(max-width:360px){
 .page-members .qd-tier-card{padding:18px}
 .page-members .qd-tier-card .qd-tier-top{font-size:9px;letter-spacing:.05em}
 .page-members .qd-tier-card h4{font-size:23px}
 .page-members .qd-member-compare th:first-child,.page-members .qd-member-compare td:first-child{width:35%}
 .page-members .qd-member-compare th:nth-child(2),.page-members .qd-member-compare td:nth-child(2),.page-members .qd-member-compare th:nth-child(3),.page-members .qd-member-compare td:nth-child(3){width:65%}
}