/* Scoped to the VIP page; no global button, font, or header overrides. */
@font-face{font-family:VipPhilosopher;src:url('../fonts/Philosopher-Regular.ttf') format('truetype');font-display:swap}
.vip-shell{--vip-gold:#e3c286;--vip-muted:#aeb9c2;--vip-line:#394047;max-width:1320px;margin:110px auto 70px;padding:0 28px;color:#edeae3;font:15px/1.65 'Open Sans',Arial,sans-serif}
.vip-shell *{box-sizing:border-box}.vip-shell h1,.vip-shell h2,.vip-shell h3,.vip-shell p{margin:0}.vip-shell h1,.vip-shell h2,.vip-shell h3{font-family:VipPhilosopher,Georgia,serif;font-weight:400;line-height:1.15;color:#f2eee7}.vip-shell a{color:inherit;text-decoration:none}.vip-shell button,.vip-shell select{font:inherit}.vip-shell button{cursor:pointer}.vip-shell :is(a,button,select,summary,[tabindex]):focus-visible{outline:2px solid #f8dca0;outline-offset:5px}.vip-shell [id]{scroll-margin-top:105px}
.vip-shell .vip-eyebrow{display:block;font-size:10px;line-height:1.5;letter-spacing:.19em;font-weight:700;color:var(--vip-gold)}
.vip-shell button.vip-text-link{border:0;background:none;padding:0;text-align:left}
.vip-shell .vip-mount-art{height:auto;aspect-ratio:4/5}
.vip-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:430px;padding:55px 50px;border:1px solid #65573c;background:linear-gradient(90deg,rgba(6,15,21,.98),rgba(6,15,21,.73) 42%,rgba(6,15,21,.08)),url('../images/homepage-forge/crownfall-vanguard.webp') 68% 47%/cover;box-shadow:0 22px 50px #0006}
.vip-hero:after{content:'';position:absolute;inset:8px;border:1px solid #bc9c552c;pointer-events:none}.vip-hero-copy{position:relative;z-index:1;max-width:610px}.vip-shell .vip-hero h1{font-size:clamp(44px,5vw,70px);letter-spacing:-.025em;margin:19px 0 20px}.vip-hero h1 em{font-style:normal;color:var(--vip-gold)}.vip-shell .vip-lead{max-width:480px;font-size:16px;color:#bdc8cc;line-height:1.8}.vip-hero-actions{display:flex;align-items:center;gap:22px;margin-top:27px;flex-wrap:wrap}.vip-shell .vip-quiet{font-size:11px;color:#b5bcbf}.vip-shell .vip-action{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:12px 23px;border:1px solid #a58a50;background:linear-gradient(135deg,#746039,#392e21);box-shadow:inset 0 1px #f1dbae60,inset 0 -2px #0007;color:#fff0c9;font-size:11px;letter-spacing:.09em;font-weight:700;text-transform:uppercase;transition:border-color .15s,background .15s}.vip-shell .vip-action:hover{background:#695333;border-color:#e1c089}.vip-shell .vip-action-subtle{background:linear-gradient(#202c34,#121a20);border-color:#52626c;color:#d8e1e4;max-width:220px;text-align:center}.vip-hero-seal{margin-left:auto;text-align:center;padding:25px 55px 0 20px;text-shadow:0 2px 12px #000}.vip-hero-seal img{width:190px;height:190px;filter:drop-shadow(0 8px 18px #000)}.vip-hero-seal span{display:block;letter-spacing:.26em;font:26px VipPhilosopher,Georgia,serif;color:#ead49a}.vip-hero-seal small{display:block;font-size:9px;letter-spacing:.22em;color:#c9b37e;margin-top:7px}
.vip-account{display:grid;grid-template-columns:300px minmax(200px,1fr) auto;align-items:center;gap:30px;padding:28px 30px;background:linear-gradient(105deg,#1b272f,#101b23 60%,#162128);border:1px solid #435058;border-top:0}.vip-account-rank{display:flex;align-items:center;gap:15px}.vip-account-rank img{flex:none}.vip-account h2{font-size:26px;margin:6px 0}.vip-account p{font-size:12px;color:var(--vip-muted)}.vip-account .vip-eyebrow{font-size:9px}.vip-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.vip-progress-heading>span{font-size:9px;letter-spacing:.13em;color:#bac5c9}.vip-progress-heading strong{font-size:22px;color:#f2e2c2;font-weight:600}.vip-progress-heading small{font-size:10px;color:#a4b0b9}.vip-progress{display:block;width:100%;height:7px;border:1px solid #62502f;border-radius:0;background:#060d12;margin:12px 0}.vip-progress::-webkit-progress-bar{background:#060d12}.vip-progress::-webkit-progress-value{background:linear-gradient(90deg,#886938,#e4c084)}.vip-progress::-moz-progress-bar{background:#d6b373}.vip-progress-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--vip-muted);gap:10px}.vip-progress-foot strong{color:#ead5ad}.vip-shell .vip-text-link{font-size:13px;color:#edd2a0;display:inline-block;margin-top:8px}.vip-shell .vip-notice{border-left:2px solid #a59060;background:#b9984810;padding:11px 17px;font-size:12px;color:#d2c7ad;margin:18px 0 0}
.vip-ranks-section{padding-top:65px}.vip-section-heading{text-align:center;margin-bottom:29px}.vip-shell .vip-section-heading h2{font-size:38px;margin:10px 0}.vip-section-heading p{color:var(--vip-muted);font-size:13px;max-width:650px;margin:0 auto}.vip-ranks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.vip-rank{--metal:#c39471;position:relative;min-width:0;padding:19px 18px 0;background:linear-gradient(140deg,#29323a,#111c24 48%,#0c151b);border:1px solid #5a5046;box-shadow:inset 0 1px #ffffff16,0 8px 20px #0003;text-align:center}.vip-rank:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff09;pointer-events:none}.vip-rank-2{--metal:#c5d8e2;border-color:#576775}.vip-rank-3{--metal:#e6c176;border-color:#83714e}.vip-rank-4{--metal:#9cd3e0;border-color:#477883}.vip-rank-5{--metal:#f6d9a3;border-color:#b89956;background:linear-gradient(135deg,#35342d,#141c22 48%,#1e2020)}.vip-rank.is-current{outline:1px solid var(--metal);outline-offset:3px}.vip-rank-top{display:flex;align-items:center;justify-content:space-between;min-height:20px;gap:4px;color:var(--metal);font-size:10px;font-weight:700;letter-spacing:.13em}.vip-rank-top small{color:#e4e7df;font-size:8px;letter-spacing:.04em}.vip-crest{display:block;max-width:100%;height:auto;margin:12px auto 5px;filter:drop-shadow(0 6px 12px #0009)}.vip-shell .vip-rank h3{font-size:24px;color:var(--metal)}.vip-threshold{font-size:25px;font-weight:600;margin-top:11px;color:#f1eee6;line-height:1.4}.vip-threshold small{display:block;font-size:10px;letter-spacing:.06em;color:#a9b6bf;font-weight:400}.vip-rank-divider{display:flex;align-items:center;gap:9px;color:var(--metal);font-size:7px;margin:21px 0 14px}.vip-rank-divider:before,.vip-rank-divider:after{content:'';height:1px;background:#6a747648;flex:1}.vip-perks{margin:0}.vip-perks>div{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:10px 0}.vip-perks dt{font-size:11px;color:#c1c9cd}.vip-perks dd{margin:0;font-size:21px;color:var(--metal);font-weight:600}.vip-shell .vip-crest-perk{font-size:10px;color:#a6b4be;margin:15px 0 23px}.vip-rank-preview{position:relative;width:calc(100% + 36px);margin:0 -18px;min-height:46px;border:0;border-top:1px solid #53606a60;background:linear-gradient(#25313a50,#070f17);color:var(--metal);font-size:10px!important;text-transform:uppercase;letter-spacing:.08em}.vip-rank-preview:hover{background:#39454b}.vip-rank-preview span{margin-left:6px}.vip-rank-preview[aria-pressed=true]{background:#4b4231;color:#fff0d5}
.vip-calculator{margin-top:45px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #445058;background:linear-gradient(110deg,#17222b,#0c151d);box-shadow:inset 0 1px #ffffff0a}.vip-calc-intro{padding:34px 38px}.vip-shell .vip-calc-intro h2{font-size:32px;margin:9px 0 13px}.vip-calc-intro>p{color:var(--vip-muted);font-size:13px;max-width:440px}.vip-selects{display:flex;gap:15px;margin:25px 0}.vip-selects label{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px;color:#d5d2c9;font-size:11px}.vip-selects select{width:100%;color:#e7dcc3;background:#0c161d;border:1px solid #52606a;padding:11px 10px;font-size:12px}.vip-shell .vip-calc-note{font-size:11px;line-height:1.8;color:#a4b1bc}.vip-calculation{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:32px;border-left:1px solid #445058;align-content:center;background:linear-gradient(135deg,#bd98590a,transparent)}.vip-calculation dl{grid-column:1/-1;margin:0 0 20px}.vip-calculation dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0}.vip-calculation dt{font-size:12px;color:#b7c4cc}.vip-calculation dd{margin:0;font-size:16px}.vip-calculation .vip-calc-extra dt,.vip-calculation .vip-calc-extra dd{color:#eed092}.vip-calc-total{border-top:1px solid #48504f;padding-top:18px}.vip-calc-total span,.vip-mall-example>span{display:block;font-size:10px;color:#b5c0c7}.vip-calc-total strong{display:block;font:38px VipPhilosopher,Georgia,serif;color:#f0d39b;margin-top:5px}.vip-calc-total small,.vip-mall-example small{font-size:10px;color:#acb9c2}.vip-mall-example{border-top:1px solid #48504f;padding:18px 0 0 20px;text-align:right}.vip-mall-example strong{display:block;font-size:23px;color:#b9e0e7;margin:8px 0 3px;line-height:1.3}.vip-mall-example small{display:block}
.vip-comparison{margin-top:50px}.vip-shell .vip-comparison h2{font-size:29px;margin:0 0 20px}.vip-table-scroll{overflow-x:auto;border:1px solid #394750}.vip-comparison table{width:100%;min-width:650px;border-collapse:collapse;text-align:center;font-size:12px;background:#101a21}.vip-comparison th,.vip-comparison td{padding:17px 16px;border-bottom:1px solid #344048}.vip-comparison thead{background:linear-gradient(#25313a,#19262f);color:#deca9e}.vip-comparison th:first-child{text-align:left;font-weight:400;color:#c4cdd1;min-width:160px}.vip-comparison tbody tr:last-child>*{border-bottom:0}.vip-comparison tbody tr:nth-child(even){background:#19242c66}.vip-comparison .vip-table-gold{color:#edd19d;font-size:18px}.vip-faq{display:grid;grid-template-columns:1fr 1.65fr;gap:80px;margin:60px 0 45px}.vip-shell .vip-faq h2{font-size:33px;margin:12px 0}.vip-faq details{border-bottom:1px solid #36464f;padding:15px 0;color:#d4dce1}.vip-faq details:first-child{padding-top:0}.vip-faq summary{cursor:pointer;font-size:13px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.vip-faq summary::-webkit-details-marker{display:none}.vip-faq summary:after{content:'+';color:#cbb078;font-size:20px}.vip-faq details[open] summary:after{content:'−'}.vip-shell .vip-faq p{font-size:12px;color:#aebcc5;padding:12px 24px 3px 0;line-height:1.9}.vip-shell .vip-signoff{border-top:1px solid #6655364d;padding-top:30px;text-align:center;font:20px VipPhilosopher,Georgia,serif;color:#bca982}.vip-signoff span{font:8px Arial;margin:0 13px;vertical-align:middle}
@media(max-width:1150px){.vip-shell{padding:0 20px}.vip-hero{padding:45px 35px}.vip-hero-seal{padding-right:15px}.vip-account{grid-template-columns:240px 1fr;gap:20px}.vip-account>.vip-action{grid-column:2;justify-self:end}.vip-ranks{gap:10px}.vip-rank{padding:16px 12px 0}.vip-rank-preview{width:calc(100% + 24px);margin:0 -12px}.vip-shell .vip-rank h3{font-size:21px}.vip-perks dt{font-size:10px}}
@media(max-width:900px){.vip-ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vip-rank-4,.vip-rank-5{transform:none}.vip-calculator{grid-template-columns:1fr}.vip-calculation{border-left:0;border-top:1px solid #445058}.vip-faq{gap:30px}.vip-hero-seal{display:none}.vip-hero{background-position:60% center}.vip-hero-copy{max-width:600px}.vip-rank-preview{font-size:11px!important}}
@media(max-width:580px){.vip-shell{margin-top:88px;padding:0 14px}.vip-hero{min-height:395px;padding:35px 24px;background-image:linear-gradient(90deg,#07131aee,#07131ac4),url('../images/homepage-forge/crownfall-vanguard.webp')}.vip-shell .vip-hero h1{font-size:45px}.vip-shell .vip-lead{font-size:14px}.vip-hero-actions{gap:15px}.vip-account{padding:22px 20px;grid-template-columns:1fr;gap:22px}.vip-account>.vip-action{grid-column:auto;justify-self:stretch;max-width:none}.vip-account-rank img{width:65px;height:65px}.vip-ranks-section{padding-top:40px}.vip-shell .vip-section-heading h2{font-size:31px}.vip-ranks{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.vip-rank-5{grid-column:1/-1;max-width:290px;width:100%;justify-self:center}.vip-rank-top{font-size:9px}.vip-crest{width:116px}.vip-perks>div{display:block;margin:13px 0}.vip-perks dd{font-size:25px}.vip-perks dt{font-size:11px}.vip-calc-intro,.vip-calculation{padding:25px 21px}.vip-selects{flex-direction:column}.vip-shell .vip-calc-intro h2{font-size:29px}.vip-calculation{grid-template-columns:1fr 1fr}.vip-calc-total strong{font-size:32px}.vip-mall-example{padding-left:10px}.vip-mall-example strong{font-size:20px}.vip-faq{grid-template-columns:1fr;gap:18px;margin-top:40px}.vip-shell .vip-faq h2{font-size:30px}.vip-shell .vip-signoff{font-size:17px}.vip-signoff span{display:none}}
@media(prefers-reduced-motion:reduce){.vip-shell *{scroll-behavior:auto!important;transition:none!important}}
.vip-shell .vip-rank-mount{font-size:10px;color:var(--metal);min-height:33px;margin:-13px 0 8px}.vip-ranks{align-items:stretch}.vip-rank{display:flex;flex-direction:column}.vip-rank-preview{margin-top:auto}.vip-rank-divider{flex:none}.vip-mount-section{margin-top:62px}.vip-mount-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.vip-mount-card{border:1px solid #536975;background:linear-gradient(145deg,#1c2b35,#0b151d);overflow:hidden}.vip-mount-tier-5{border-color:#958159;background:linear-gradient(145deg,#302d26,#10181d)}.vip-mount-art{position:relative;height:330px;background:radial-gradient(ellipse at center,#273039,#0b131a 75%);border-bottom:1px solid #64717660;overflow:hidden}.vip-mount-art img{display:block;width:100%;height:100%;object-fit:contain}.vip-mount-rank{position:absolute;top:17px;left:19px;padding:5px 13px;color:#e7d3a5;background:#0b131bdd;border:1px solid #9b8558;font-size:11px;font-weight:700;letter-spacing:.13em}.vip-mount-copy{padding:25px 29px}.vip-shell .vip-mount-copy h3{font-size:32px;margin:9px 0 12px;color:#d7e9ee}.vip-mount-tier-5 .vip-mount-copy h3{color:#eed2a0}.vip-shell .vip-mount-copy>p{color:#afbdc7;font-size:13px;line-height:1.85;min-height:50px}.vip-mount-copy .vip-action{margin-top:18px}.vip-mount-status{display:inline-block;margin-top:18px;padding:9px 15px;border:1px solid #65707855;color:#c5c8c3;font-size:11px}.vip-shell .vip-mount-copy .vip-mount-feedback{min-height:0;margin-top:12px;font-size:12px;color:#ead19e}.vip-shell .vip-mount-inherit{font-size:12px;color:#acbac4;text-align:center;margin:18px 0}.vip-action:disabled{cursor:default;opacity:.7}@media(max-width:800px){.vip-mount-grid{grid-template-columns:1fr}.vip-mount-art{height:360px}}@media(max-width:580px){.vip-mount-art{height:260px}.vip-mount-copy{padding:22px}.vip-shell .vip-mount-copy h3{font-size:28px}.vip-mount-section{margin-top:42px}}