@font-face{font-family:Display;src:url('assets/display.ttf')}@font-face{font-family:Body;src:url('assets/body.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#101011;color:#fafafa;font:14px Body,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #7cbbff;outline-offset:6px}button{background:none;border:0}h1,h2,h3,p{margin:0}h1,h2,h3,.button,.tabs,nav,.login,.secure,.price,.coin-amount,.coin-name,.wordmark{font-family:Display,'Arial Narrow',sans-serif;font-weight:800}header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:32px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:18px}.wordmark{font-size:48px;font-style:italic;letter-spacing:-4px;line-height:1}.brand-sub{border-left:1px solid #ffffff60;padding-left:16px;font:12px Display;letter-spacing:2px}.brand-sub small{font:7px Body;letter-spacing:1px;opacity:.7}nav,.header-end{display:flex;align-items:center;gap:12px}nav a,nav button,.login{border:1px solid #ffffff40;border-radius:30px;padding:7px 26px;text-transform:uppercase;font-size:16px}nav .selected{background:linear-gradient(100deg,#4a7cc2,#63b7df);border-color:transparent;box-shadow:0 5px 24px #4a7cc245}.header-end{gap:22px}.status{font:10px Body;letter-spacing:1px}.status i{display:inline-block;width:6px;height:6px;background:#4cdd9e;border-radius:50%;margin-right:6px}.bag{border:1px solid #ffffff40;border-radius:50%;width:36px;height:36px;position:relative;font-size:22px}.bag span{position:absolute;right:-5px;top:-7px;font:10px Body;background:#4a7cc2;border-radius:20px;padding:2px 4px}.mobile-menu{display:none}.hero{min-height:820px;height:100svh;max-height:1180px;position:relative;background:url('assets/motel.jpg') center 32%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#15121e40 0%,#14102030 28%,#10101188 65%,#101011 100%)}.hero-content{position:absolute;bottom:17%;left:5%;right:5%;text-align:center}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:bold}.pink{color:#82b9fa}h1{font-size:clamp(70px,8.8vw,164px);line-height:.93;letter-spacing:-2px;margin:23px 0 26px}h1 span{color:transparent;-webkit-text-stroke:1.5px #fff}.hero-content p{line-height:1.8;color:#ded9de;font-size:15px}.actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:40px;padding:15px 28px;font-size:17px;line-height:1;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.white{background:#fff;color:#111}.outline{border:1px solid #ffffff60}.gradient{background:linear-gradient(100deg,#4a7cc2,#63b7df);color:white}.hero-bottom{position:absolute;bottom:46px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#b9c5d3}.section{padding:65px 5% 85px;max-width:1920px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:center}h2{font-size:clamp(52px,6.4vw,110px);line-height:.95;letter-spacing:-1px;margin:15px 0 20px}.spark{display:inline-block;font:32px Body;color:#71b6ed;vertical-align:top;margin-left:8px}p{line-height:1.8;color:#a6a3aa}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid #ffffff30;border-radius:30px;padding:8px 23px;text-transform:uppercase;font-size:15px;color:#a3a0a6}.tabs .active{background:#fff;color:#111}.demo-note{font-size:9px;letter-spacing:1px;margin:22px 0 18px;color:#a6bed7}.vip-grid{display:flex;gap:16px;height:540px}.vip-card{flex:1;min-width:0;border:1px solid #ffffff26;border-radius:20px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 20%,var(--tint),transparent 75%),#171719;transition:flex .55s cubic-bezier(.2,.7,.3,1);cursor:pointer}.vip-card.active{flex:2.7}.vip-card:before{content:'';position:absolute;width:120px;height:3px;background:var(--accent);top:0;right:10px;transform:rotate(-45deg);box-shadow:0 0 30px 12px var(--tint)}.vip-badges{position:absolute;top:20px;left:20px;display:flex;gap:8px;z-index:2}.badge{border:1px solid #ffffff55;border-radius:25px;padding:5px 12px;font:12px Display;text-transform:uppercase}.badge.popular{background:white;color:#111;border-color:white}.vehicle-image{position:absolute;width:165%;height:62%;object-fit:contain;top:45px;left:-32%;transition:all .5s;filter:drop-shadow(0 25px 20px #0008)}.vip-card.active .vehicle-image{width:110%;left:-5%;top:20px}.vip-name{position:absolute;bottom:147px;left:24px;font:100px/.9 Display;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);transition:all .3s}.vip-card.active .vip-name{writing-mode:horizontal-tb;transform:none;font-size:120px;bottom:152px}.vip-bottom{position:absolute;bottom:0;width:100%;padding:20px 20px 24px;background:linear-gradient(transparent,#111d 25%)}.vip-bottom p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d6d3d8}.vip-buy{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:15px;margin-top:12px;gap:12px}.price{font-size:30px;white-space:nowrap}.circle{border:1px solid #fff6;border-radius:50%;width:36px;height:36px;font-size:25px}.card-details{display:none}.vip-card.active .card-details{display:block}.vip-card.active .circle{display:none}.vip-buy .button{font-size:14px;padding:12px 18px}.hint{font-size:10px;margin-top:20px;display:flex;justify-content:space-between;color:#85818b}.lifestyle{min-height:620px;position:relative;display:flex;align-items:center;padding:80px 7%;background:linear-gradient(90deg,#101011ec,#1010113b),linear-gradient(0deg,#101011,transparent 30%,transparent 75%,#101011),url('assets/hero.png') center 60%/cover}.lifestyle h2{font-size:clamp(60px,6vw,102px);margin:22px 0}.lifestyle h2 span{background:#fff;color:#101011;padding:0 10px}.lifestyle p{max-width:400px;margin:24px 0 28px}.coordinate{position:absolute;bottom:70px;right:6%;font-size:9px;letter-spacing:2px;line-height:2.2}.secure{font-size:12px;color:#aaa;border:1px solid #fff3;padding:8px 15px;border-radius:25px}.coins-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;align-items:end;margin-top:48px;padding-top:10px;background:repeating-linear-gradient(to top,transparent 0px,transparent 139px,#ffffff15 140px,#ffffff15 141px)}.coin-column{position:relative}.coin-card{border:1px solid #ffffff20;border-radius:19px 19px 0 0;background:linear-gradient(130deg,#242425,#171718);padding:18px 14px;display:flex;flex-direction:column;position:relative;overflow:hidden;height:var(--height)}.coin-card .badge{align-self:flex-start;font-size:11px;padding:4px 8px;color:#d3cbd1}.coin-amount{font-size:clamp(27px,3vw,54px);margin-top:14px;letter-spacing:-1px;line-height:1}.coin-unit,.coin-name{font:14px Display;color:#c4bdc4;margin-top:5px;text-transform:uppercase}.coin-name{margin-top:auto}.coin-price{font:26px Display;margin-top:4px}.coin-column .button{width:100%;padding:12px 8px;margin-top:16px;font-size:14px}.coin-column.popular .coin-card{background:linear-gradient(125deg,#233e5b,#172432);border-color:#4a7cc2}.coin-column.best .coin-card{background:linear-gradient(150deg,#4a7cc2,#235887)}.coin-column.best .coin-card:after{content:'V';position:absolute;bottom:55px;right:-20px;font:italic 300px Display;color:#fff2;transform:rotate(-15deg)}.coin-label{position:absolute;top:-25px;left:0;font:12px Display;color:#83baf0;text-transform:uppercase}.best .coin-label{color:#8acbff}.how{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:32px;background:#f4f2f4;color:#151315;padding:40px;border-radius:25px;overflow:hidden;position:relative}.how h2{font-size:64px;margin:15px 0}.how .eyebrow{font-size:8px;color:#716771}.mini-vice{font:italic 64px Display;color:#4a7cc2;letter-spacing:-4px}.step{border-top:2px solid #d5cfd5;padding-top:5px}.step:nth-child(2){border-color:#4a7cc2}.step b{font:100px Display;color:#d5d0d5}.step:nth-child(2) b{color:#4a7cc2}.step h3{font-size:25px;margin:18px 0 10px}.step p{font-size:12px;color:#777079}.support{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:30px;border:1px solid #ffffff20;border-radius:25px;padding:55px 40px;margin-top:32px;overflow:hidden;background:radial-gradient(ellipse at right bottom,#24578b50,transparent 60%),#151416}.support h2{font-size:64px}.support p{font-size:12px;margin:28px 0}.support-mark{position:absolute;right:15px;bottom:-90px;font:italic 340px Display;color:#ffffff05;pointer-events:none}footer{margin:0 5%;padding:45px 0 35px;border-top:1px solid #ffffff15;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:35px}.footer-links{display:flex;gap:20px}.footer-links button{font:14px Display;color:#b4aeb7;text-transform:uppercase}footer p{font-size:9px;flex-basis:75%}.footer-tag{font-size:8px;letter-spacing:1px;color:#948b97}dialog{background:#19171c;color:#fff;border:1px solid #ffffff35;border-radius:22px;padding:40px;max-width:520px;width:90%;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#08060ac9;backdrop-filter:blur(8px)}dialog h2{font-size:45px;margin:5px 0 24px}dialog p{margin:15px 0;font-size:13px}dialog .button{margin-top:14px}dialog ul{padding-left:20px;color:#bdb3bf;line-height:2;font-size:13px}.close{position:absolute;right:15px;top:10px;font-size:28px}.cart-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:13px 0;gap:15px}.cart-row small{color:#b8acb9}.remove{color:#8acbff}.cart-total{font:30px Display;margin:22px 0}.skip{position:fixed;z-index:20;left:10px;top:-100px;background:#fff;color:#111;padding:15px}.skip:focus{top:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background:#fff;color:#111;padding:15px 25px;border-radius:40px;z-index:30;transition:transform .25s;font-size:12px;max-width:90%;text-align:center}#toast.show{transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1600px){.vip-grid{height:650px}.coin-card{padding:24px 20px}.hero-content{bottom:18%}}@media(max-width:1100px){.brand-sub,.status{display:none}header{gap:12px}.header-end{gap:10px}nav a,nav button{padding:7px 20px}.vip-grid{height:470px;gap:10px}.vip-name{font-size:72px;left:15px}.vip-card.active .vip-name{font-size:94px}.vip-bottom{padding:15px}.vip-buy{flex-wrap:wrap}.vip-buy .price{font-size:27px}.coins-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:50px}.coin-card{height:260px!important}.coin-amount{font-size:48px}.how{gap:20px;padding:30px}.how h2{font-size:50px}.step h3{font-size:21px}.step b{font-size:80px}}@media(max-width:760px){header{padding:24px 5%}.wordmark{font-size:40px}.header-end .login{font-size:13px;padding:7px 14px}.mobile-menu{display:block;font-size:24px}nav{display:none;position:absolute;top:80px;left:5%;right:5%;padding:20px;background:#17141ded;border:1px solid #ffffff30;border-radius:16px;flex-direction:column}nav.open{display:flex}nav a,nav button{width:100%;text-align:center}.hero{height:850px;min-height:700px;max-height:100svh;background-position:52% top}.hero-content{bottom:20%;left:4%;right:4%}h1{font-size:clamp(53px,11.5vw,85px);letter-spacing:-.5px;line-height:1;margin:22px 0}.hero-content .eyebrow{font-size:8px}.hero-content p{font-size:12px}.hero-bottom{bottom:35px;font-size:7px;letter-spacing:1px}.hero-bottom span:last-child{display:none}.button{font-size:14px;padding:14px 21px;gap:12px}.section{padding:45px 5% 55px}.section-head{align-items:flex-start;flex-direction:column;gap:22px}h2{font-size:62px}.section-head p{font-size:12px}.tabs button{font-size:13px;padding:7px 20px}.vip-grid{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:12px}.vip-card{height:400px}.vip-card.active{grid-column:span 2;height:430px;grid-row:1}.vip-name{font-size:65px;bottom:140px}.vip-card.active .vip-name{font-size:100px}.vip-card.active .vehicle-image{top:-10px;height:70%}.vip-card:not(.active) .vehicle-image{top:20px;height:55%}.vip-badges{left:14px;top:14px}.badge{font-size:10px}.vip-grid .vip-card:not(.active):last-child{grid-column:span 2;height:280px}.vip-grid .vip-card:not(.active):last-child .vip-name{writing-mode:horizontal-tb;transform:none;bottom:140px;font-size:60px}.vip-grid .vip-card:not(.active):last-child .vehicle-image{width:75%;left:35%;top:0}.hint{font-size:9px}.hint span{display:none}.lifestyle{min-height:570px;padding:55px 6%;background-position:62% center}.lifestyle h2{font-size:64px}.lifestyle p{max-width:280px;font-size:12px}.coordinate{display:none}.coins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 12px;margin-top:50px}.coin-card{height:230px!important}.coin-column.best .coin-card{height:280px!important}.coin-column.popular .coin-card{height:250px!important}.coin-amount{font-size:45px}.how{grid-template-columns:1fr;padding:28px;gap:28px}.how-title{position:relative}.mini-vice{position:absolute;right:0;bottom:0;font-size:72px}.how h2{font-size:58px}.step{display:grid;grid-template-columns:65px 1fr;column-gap:15px;align-items:center}.step b{grid-row:span 2;font-size:68px}.step h3{margin:15px 0 0;font-size:25px}.step p{margin:5px 0 12px}.support{grid-template-columns:1fr;padding:30px;gap:0}.support h2{font-size:56px}.support p{margin-top:0}.support .eyebrow{font-size:8px}footer{gap:28px}.footer-links{flex-wrap:wrap;gap:16px}footer p{flex-basis:100%}.footer-tag{display:none}dialog{padding:32px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Official Rockstar reference imagery and VICE blue branding. */
.vip-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .6s}.vip-card:has(.vip-scene){background:#142330}.vip-card:has(.vip-scene):after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07101a15 10%,#07101a20 40%,#101011d9 88%);pointer-events:none}.vip-card:has(.vip-scene) .vehicle-image{display:none}.vip-card:has(.vip-scene) .vip-name,.vip-card:has(.vip-scene) .vip-bottom{z-index:1}.vip-card:hover .vip-scene{transform:scale(1.035)}.how-title{isolation:isolate}.how-title:before{content:"";position:absolute;inset:-40px -10px -40px -40px;background:linear-gradient(180deg,#f4f2f4fa 0%,#f4f2f4ee 28%,#f4f2f410 100%),url("assets/guide-cal.jpg") center bottom/cover;z-index:-1}.how-title .mini-vice{opacity:0}.support{background:linear-gradient(90deg,#151416 5%,#151416e8 50%,#15141630 100%),url("assets/support-raul.jpg") right center/auto 100% no-repeat,#151416}.support>div{position:relative;z-index:1}.support-mark{display:none}.support>div:nth-child(2){padding-right:80px}@media(max-width:760px){.support{background:linear-gradient(90deg,#151416f5,#151416c9),url("assets/support-raul.jpg") center/cover}.support>div:nth-child(2){padding-right:0}.how-title:before{inset:-28px -28px -15px -28px;background-position:center 55%;opacity:.45}}
/* Support portrait: blend the photograph into the panel, as in the reference. */
.footer-links a{font:14px Display;color:#b4aeb7;text-transform:uppercase}.legal-page header{position:relative;border-bottom:1px solid #ffffff15}.legal-content{max-width:940px;margin:0 auto;padding:70px 32px 90px}.legal-content h1{font-size:clamp(48px,7vw,92px);line-height:1;margin:20px 0}.legal-content .legal-date{font-size:12px;margin-bottom:42px}.legal-content section{margin-top:36px;padding-top:28px;border-top:1px solid #ffffff20}.legal-content h2{font-size:30px;line-height:1.2;letter-spacing:0;margin:0 0 18px}.legal-content p{font-size:13px;line-height:1.9;margin:12px 0}.legal-content strong{color:#f3f7ff}.legal-content p a,.legal-content dd a{color:#92c4ff;text-decoration:underline;text-underline-offset:3px}.legal-content dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 20px;font-size:13px;line-height:1.7}.legal-content dt{color:#b6cce6}.legal-content dd{margin:0;color:#c5c7ce;overflow-wrap:anywhere}.legal-note{border-left:3px solid #4a7cc2;background:#4a7cc212;padding:20px 24px;margin-top:40px}.legal-note p{margin-bottom:0}@media(max-width:760px){.legal-content{padding:42px 22px 60px}.legal-content dl{grid-template-columns:1fr;gap:4px}.legal-content dd{margin-bottom:12px}.legal-page header>.button{font-size:12px;padding:12px 16px}.legal-page .brand-sub{display:none}}
.support {
  isolation: isolate;
  background: radial-gradient(ellipse at 100% 80%, #4a7cc226, transparent 60%), #151416;
}
.support::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 0 0 30%;
  pointer-events: none;
  background: url("assets/support-raul.jpg") 65% center / cover no-repeat;
  filter: grayscale(1) brightness(.85);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #0002 18%, #0009 42%, #000 72%);
  mask-image: linear-gradient(90deg, transparent 0%, #0002 18%, #0009 42%, #000 72%);
}
.support::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, #15141680, transparent 30%);
}
@media (max-width: 760px) {
  .support { background: #151416; }
  .support::before { inset: 0; opacity: .3; background-position: 65% center; }
}
/* Supplied VICE logo: frame the existing transparent canvas without changing the artwork. */
.vip-description h3{font-size:26px;line-height:1.2;margin:24px 0 12px}.vip-description hr{border:0;border-top:1px solid #ffffff20;margin:24px 0}.vip-description strong{color:#f5f8ff}.vip-description li{margin-bottom:8px;line-height:1.8}.vip-description .subscription-price{font:32px Display;color:#82b9fa}#modal:has(.vip-description){max-width:720px;max-height:88svh;overflow-y:auto;scrollbar-color:#4a7cc2 #19171c}
.logo-frame {
  position: relative;
  display: inline-block;
  width: 144px;
  height: 48px;
  overflow: hidden;
  flex-shrink: 0;
}
.vice-logo {
  position: absolute;
  width: 160px;
  height: 160px;
  max-width: none;
  left: -8px;
  top: -55px;
  object-fit: contain;
}
@media (max-width: 760px) {
  header .logo-frame { width: 112px; height: 38px; }
  header .vice-logo { width: 125px; height: 125px; left: -6px; top: -43px; }
}

.hero-bottom { justify-content: center; }

.coins-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.coin-card .coin-unit { font-size: 12px; }
.coin-card .badge { white-space: nowrap; }
@media (max-width: 1100px) { .coins-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .coins-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Keep desktop navigation centered independently of the logo width. */
@media (min-width: 761px) {
  header nav { position: absolute; left: 50%; transform: translateX(-50%); }
}


.legal-content ul { padding-left: 22px; color: #a6a3aa; font-size: 13px; line-height: 1.9; }
.legal-content li { margin: 10px 0; }
.legal-content h1 { overflow-wrap: anywhere; }