:root{
  --bg:#070707;
  --bg-soft:#0b0b0c;
  --panel:#101012;
  --panel-2:#151517;
  --text:#f8f5f1;
  --muted:#aaa5a0;
  --muted-2:#746f6b;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.16);
  --red:#f2362f;
  --red-2:#ff5948;
  --red-dark:#8c1113;
  --green:#58e082;
  --container:1320px;
  --radius:24px;
  --display:'Manrope','Inter',system-ui,sans-serif;
  --font:'Inter',system-ui,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
::selection{background:var(--red);color:#fff}

.site-ambient{position:fixed;inset:0;z-index:-10;pointer-events:none;background:#070707;overflow:hidden}
.site-ambient span{position:absolute;border-radius:50%;filter:blur(160px);opacity:.11}
.site-ambient span:first-child{width:760px;height:760px;background:#801211;left:-400px;top:28%}
.site-ambient span:last-child{width:620px;height:620px;background:#4e0b0a;right:-360px;top:66%}

/* Header */
.site-header{position:fixed;z-index:100;left:0;right:0;top:0;padding:18px 0;transition:background .25s ease,border-color .25s ease,padding .25s ease;pointer-events:none}
.site-header.is-scrolled{background:rgba(7,7,8,.84);border-bottom:1px solid var(--line);backdrop-filter:blur(22px);padding:10px 0}
.header-shell{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;pointer-events:auto}
.brand{position:relative;display:inline-flex;align-items:center;width:max-content;height:46px;padding-right:30px;font-family:var(--display)}
.brand-word{font-size:18px;font-weight:800;letter-spacing:-.045em}
.brand-v{position:absolute;left:96px;top:-7px;font-style:italic;font-weight:800;font-size:39px;line-height:1;color:var(--red);text-shadow:0 0 25px rgba(242,54,47,.32);transform:skew(-7deg)}
.brand small{position:absolute;left:3px;bottom:1px;font-size:7px;font-weight:800;letter-spacing:.43em;color:#c9c3bd}
.main-nav{display:flex;align-items:center;gap:3px;padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(14,14,15,.64);box-shadow:0 12px 36px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
.nav-link{padding:10px 16px;border-radius:10px;color:#aaa4a0;font-size:13px;font-weight:500;transition:.2s ease}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-link.is-active{background:#fff;color:#0d0d0e;font-weight:700}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.server-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(14,14,15,.54);padding:10px 13px;border-radius:13px;color:#c7c2bd;font-size:11px;backdrop-filter:blur(12px)}
.server-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(88,224,130,.8)}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(14,14,15,.8);place-items:center;padding:0;position:relative}
.menu-toggle span{position:absolute;width:17px;height:1px;background:#fff;transition:.2s}
.menu-toggle span:first-child{transform:translateY(-3px)}
.menu-toggle span:last-child{transform:translateY(3px)}
body.menu-open .menu-toggle span:first-child{transform:rotate(45deg)}
body.menu-open .menu-toggle span:last-child{transform:rotate(-45deg)}
.mobile-nav{display:none;pointer-events:auto}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-red{background:linear-gradient(135deg,#ff493e,#e62122);color:#fff;box-shadow:0 12px 32px rgba(225,33,34,.26),inset 0 1px rgba(255,255,255,.2)}
.btn-red:hover{box-shadow:0 16px 40px rgba(225,33,34,.36),inset 0 1px rgba(255,255,255,.22)}
.btn-light{background:#fff;color:#111}
.btn-glass{background:rgba(14,14,15,.62);border-color:var(--line-strong);backdrop-filter:blur(14px);color:#f4f0ec}
.btn-glass:hover,.btn-outline:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.07)}
.btn-outline{background:transparent;border-color:var(--line-strong)}
.btn-small{min-height:42px;padding:0 17px;font-size:12px}
.btn-large{min-height:54px;padding:0 24px}
.btn-xl{min-height:62px;padding:0 30px;font-size:15px}
.btn-full{width:100%}
.play-dot{width:23px;height:23px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;font-size:8px;padding-left:1px}

/* General labels */
.section-label,.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:10px;letter-spacing:.22em;color:#e7e0da;text-transform:uppercase}
.section-label:before{content:"";width:18px;height:1px;background:var(--red)}
.kicker span{width:18px;height:1px;background:var(--red)}
.section-label{color:#ff5c50}
.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#d7d1cc;transition:.2s}
.text-link:hover{color:#fff;gap:14px}

/* Home hero */
.hero{position:relative;min-height:880px;display:flex;align-items:stretch;overflow:hidden;background:#090909}
.hero-bg{position:absolute;inset:-15px;background:
  linear-gradient(90deg,rgba(5,5,6,.96) 0%,rgba(5,5,6,.78) 27%,rgba(5,5,6,.32) 48%,rgba(5,5,6,.10) 73%,rgba(5,5,6,.36) 100%),
  linear-gradient(0deg,#080808 0%,rgba(8,8,8,.14) 27%,rgba(8,8,8,.08) 78%,rgba(8,8,8,.36) 100%),
  url('../img/scenes/hero-main.webp') 50% 52%/cover no-repeat;
  transform:scale(1.035);transition:transform .35s ease-out;will-change:transform}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 69% 43%,transparent 0 20%,rgba(0,0,0,.10) 46%,rgba(0,0,0,.52) 100%);pointer-events:none}
.hero-lines{position:absolute;z-index:1;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 55%)}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,690px) 1fr;gap:60px;align-items:center;padding-top:125px;padding-bottom:150px}
.hero-copy{padding-top:10px}
.hero-brandline{display:flex;align-items:center;margin:25px 0 0;font-family:var(--display);line-height:.78;letter-spacing:-.085em}
.hero-brandline strong{font-size:98px;font-weight:800;text-shadow:0 8px 40px rgba(0,0,0,.42)}
.hero-brandline em{font-style:italic;font-size:112px;font-weight:800;margin-left:6px;color:var(--red);text-shadow:0 0 34px rgba(242,54,47,.25);transform:skew(-7deg)}
.hero-roleplay{font-family:var(--display);font-size:16px;font-weight:800;letter-spacing:.65em;margin:10px 0 30px;color:#efe8e2}
.hero h1{font-family:var(--display);font-size:50px;line-height:1.02;letter-spacing:-.052em;margin:0 0 18px;text-transform:uppercase}
.hero h1 span{color:var(--red)}
.hero-copy>p{max-width:580px;margin:0;color:#c1bbb6;font-size:15px;line-height:1.75}
.hero-buttons{display:flex;gap:12px;margin-top:30px}
.hero-side{align-self:end;justify-self:end;width:310px;padding-bottom:6px;display:flex;flex-direction:column;align-items:flex-end;gap:38px}
.side-tag{font-family:var(--display);font-size:9px;line-height:2.15;letter-spacing:.20em;color:rgba(255,255,255,.72);padding-left:18px;border-left:1px solid rgba(242,54,47,.7)}
.hero-mini-gallery{width:310px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border:1px solid var(--line);background:rgba(12,12,13,.60);backdrop-filter:blur(14px);border-radius:15px;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.hero-mini-gallery a{height:72px;border-radius:9px;overflow:hidden;position:relative}
.hero-mini-gallery img{width:100%;height:100%;object-fit:cover;transition:.35s}
.hero-mini-gallery a:hover img{transform:scale(1.08)}
.hero-stats{position:absolute;z-index:3;left:0;right:0;bottom:0;background:rgba(9,9,10,.90);border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.hero-stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.hero-stat{display:flex;align-items:center;gap:13px;padding:22px 18px;border-right:1px solid var(--line)}
.hero-stat:first-child{padding-left:0}
.hero-stat:last-child{border-right:0}
.stat-icon{width:31px;height:31px;display:grid;place-items:center;color:#f9d8d2;font-size:18px}
.hero-stat b{display:block;font-family:var(--display);font-size:13px;letter-spacing:.01em}
.hero-stat small{display:block;margin-top:4px;color:#77716d;font-size:8px;text-transform:uppercase;letter-spacing:.08em}

/* World */
.world-section{position:relative;min-height:700px;padding:120px 0;overflow:hidden;border-bottom:1px solid var(--line);background:#090909}
.world-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(8,8,9,.98) 0%,rgba(8,8,9,.86) 31%,rgba(8,8,9,.42) 59%,rgba(8,8,9,.65) 100%),
  linear-gradient(0deg,rgba(8,8,9,.98),transparent 35%,rgba(8,8,9,.90)),
  url('../img/scenes/skyline.webp') 48% 52%/cover no-repeat;opacity:.92}
.world-section:after{content:"LOS SANTOS";position:absolute;right:13%;top:100px;font-family:var(--display);font-size:83px;font-weight:800;letter-spacing:.08em;color:rgba(242,54,47,.11);white-space:nowrap}
.world-layout{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:120px;align-items:center}
.world-copy{max-width:520px}
.world-copy h2,.features-heading h2,.gallery-head h2,.start-copy h2,.donate-preview-copy h2,.final-cta h2,.guide-intro h2,.faq-title h2,.store-section-head h2{font-family:var(--display);font-size:52px;line-height:1.03;letter-spacing:-.055em;margin:18px 0}
.world-copy h2 span,.features-heading h2 span,.gallery-head h2 span,.start-copy h2 span,.donate-preview-copy h2 span,.final-cta h2 span,.guide-intro h2 span,.faq-title h2 span,.store-section-head h2 span{color:var(--red)}
.world-copy p,.features-heading p,.gallery-head p,.start-copy p,.donate-preview-copy p,.final-cta p,.guide-intro p,.faq-title p,.store-section-head p{color:var(--muted);font-size:14px;line-height:1.8}
.world-copy .btn{margin-top:18px}
.world-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.world-cards article{position:relative;min-height:182px;padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(18,18,20,.92),rgba(12,12,13,.74));backdrop-filter:blur(16px);transition:.25s}
.world-cards article:hover{transform:translateY(-4px);border-color:rgba(242,54,47,.34);background:linear-gradient(145deg,rgba(28,17,18,.94),rgba(12,12,13,.80))}
.world-cards article>span{position:absolute;right:17px;top:14px;color:#5d5753;font-size:9px}
.world-cards i{font-style:normal;color:var(--red);font-size:20px}
.world-cards h3{font-family:var(--display);margin:28px 0 7px;font-size:17px}
.world-cards p{margin:0;color:#85807b;font-size:12px;line-height:1.6}

/* Gallery */
.gallery-section{padding:110px 0 90px;background:#080808;overflow:hidden}
.gallery-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}
.gallery-head h2{font-size:45px;margin-bottom:0}
.gallery-rail{width:min(calc(100% - 48px),1440px);margin:0 auto;display:grid;grid-template-columns:1.25fr .95fr .95fr .95fr .95fr;gap:10px}
.gallery-card{position:relative;height:290px;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#111}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .45s ease;filter:saturate(.95) contrast(1.02)}
.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.88));pointer-events:none}
.gallery-card:hover img{transform:scale(1.055);filter:saturate(1.12) contrast(1.04)}
.gallery-card>div{position:absolute;z-index:2;left:17px;right:17px;bottom:14px;display:flex;align-items:end;justify-content:space-between}
.gallery-card span{font-size:9px;color:#ff6559;font-weight:800;letter-spacing:.12em}
.gallery-card b{font-family:var(--display);font-size:13px}

/* Features */
.features-section{padding:115px 0 125px;border-top:1px solid var(--line);background:radial-gradient(circle at 88% 50%,rgba(99,13,14,.17),transparent 35%),#080808}
.features-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-items:end;margin-bottom:48px}
.features-heading .section-label{grid-column:1/-1}
.features-heading h2{font-size:50px;margin-bottom:0}
.features-heading p{margin:0 0 4px;max-width:470px}
.features-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:265px 265px;gap:12px}
.feature{position:relative;padding:27px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#111113,#0d0d0e);overflow:hidden;transition:.25s}
.feature:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.19)}
.feature-large{grid-row:1/3;display:flex;flex-direction:column;justify-content:flex-start}
.feature-index{position:absolute;right:18px;top:15px;font-size:9px;color:#55504c}
.feature-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:13px;color:var(--red);font-size:18px;background:#141416}
.feature h3{font-family:var(--display);font-size:20px;margin:58px 0 8px;letter-spacing:-.03em}
.feature p{margin:0;color:#8e8984;font-size:12px;line-height:1.7}
.feature-large h3{margin-top:42px;font-size:30px}
.feature-large p{font-size:13px;max-width:480px}
.car-strip{position:absolute;left:0;right:0;bottom:0;height:225px;overflow:hidden}
.car-strip:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#101012 0%,transparent 48%,rgba(0,0,0,.18))}
.car-strip img{width:100%;height:100%;object-fit:cover;object-position:45% 67%;filter:saturate(1.05) contrast(1.05)}

/* Start */
.start-section{position:relative;padding:120px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.start-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(7,7,8,.98) 0%,rgba(7,7,8,.90) 37%,rgba(7,7,8,.70) 100%),
  url('../img/scenes/ambient.webp') center/cover no-repeat}
.start-layout{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}
.start-copy h2{font-size:49px}
.start-copy>p{max-width:460px}
.server-copy-box{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:470px;border:1px solid var(--line-strong);background:rgba(15,15,16,.68);border-radius:16px;padding:15px 16px 15px 18px;backdrop-filter:blur(14px)}
.server-copy-box small{display:block;font-size:8px;color:#716b67;letter-spacing:.15em;margin-bottom:5px}
.server-copy-box b{font-family:var(--display);font-size:13px}
.server-copy-box button,.connect-inline-v3 button{border:0;background:#fff;color:#111;border-radius:9px;padding:10px 13px;font-weight:800;font-size:10px}
.server-copy-box button.copied,.connect-inline-v3 button.copied{background:var(--green)}
.start-steps{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.start-step{position:relative;min-height:205px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(16,16,18,.84);backdrop-filter:blur(10px)}
.start-step>span{position:absolute;left:23px;bottom:18px;font-family:var(--display);font-size:10px;color:var(--red);font-weight:800}
.start-step i{font-style:normal;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(242,54,47,.38);border-radius:50%;font-size:14px}
.start-step h3{font-family:var(--display);font-size:16px;margin:22px 0 8px}
.start-step p{margin:0;color:#817c78;font-size:11px;line-height:1.65;max-width:250px}

/* Donate preview */
.donate-preview{padding:110px 0;background:#080808}
.donate-preview-card{position:relative;min-height:470px;border-radius:26px;border:1px solid var(--line-strong);overflow:hidden;display:grid;grid-template-columns:1fr 420px;align-items:center;padding:62px;box-shadow:0 30px 100px rgba(0,0,0,.28)}
.donate-preview-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(8,8,9,.94) 0%,rgba(8,8,9,.72) 46%,rgba(8,8,9,.22) 100%),
  linear-gradient(0deg,rgba(8,8,9,.52),transparent 55%),
  url('../img/scenes/nightlife.webp') center/cover no-repeat}
.donate-preview-copy,.store-stack{position:relative;z-index:2}
.donate-preview-copy{max-width:530px}
.donate-preview-copy h2{font-size:52px}
.donate-preview-copy p{max-width:430px}
.donate-preview-copy .btn{margin-top:14px}
.store-stack{justify-self:end;width:340px;display:grid;gap:12px;transform:rotate(-3deg)}
.store-chip{position:relative;padding:24px 26px;border-radius:20px;border:1px solid rgba(255,255,255,.20);background:linear-gradient(145deg,rgba(37,12,13,.86),rgba(9,9,10,.78));backdrop-filter:blur(16px);box-shadow:0 18px 48px rgba(0,0,0,.26)}
.store-chip:nth-child(2){transform:translateX(-40px) rotate(5deg)}
.store-chip small{display:block;color:#ff6659;font-size:9px;font-weight:800;letter-spacing:.17em}
.store-chip b{display:block;font-family:var(--display);font-size:19px;margin:10px 0}
.store-chip span{color:#aaa39e;font-size:12px}

/* Final CTA */
.final-cta{position:relative;min-height:330px;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.final-cta-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(29,5,6,.94),rgba(118,15,13,.58) 48%,rgba(19,5,6,.62)),
  url('../img/scenes/skyline.webp') center 55%/cover no-repeat;filter:saturate(1.12)}
.final-cta-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:60px 0}
.final-cta h2{font-size:47px;margin:13px 0 8px}
.final-cta p{margin:0}

/* Sub hero pages */
.subhero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);padding:130px 0 70px;background:#080808}
.subhero-bg{position:absolute;inset:0}
.store-hero .subhero-bg{background:
  linear-gradient(90deg,rgba(6,6,7,.94) 0%,rgba(6,6,7,.70) 42%,rgba(6,6,7,.22) 78%,rgba(6,6,7,.40)),
  linear-gradient(0deg,#080808 0%,transparent 35%),
  url('../img/scenes/nightlife.webp') center/cover no-repeat}
.download-hero .subhero-bg{background:
  linear-gradient(90deg,rgba(6,6,7,.96),rgba(6,6,7,.66) 50%,rgba(6,6,7,.28)),
  linear-gradient(0deg,#080808 0%,transparent 38%),
  url('../img/scenes/boulevard.webp') center 56%/cover no-repeat}
.rules-hero .subhero-bg{background:
  linear-gradient(90deg,rgba(6,6,7,.96),rgba(6,6,7,.72) 50%,rgba(6,6,7,.30)),
  linear-gradient(0deg,#080808 0%,transparent 38%),
  url('../img/scenes/skyline.webp') center 54%/cover no-repeat}
.subhero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,transparent,rgba(0,0,0,.50));pointer-events:none}
.subhero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 460px;gap:90px;align-items:center}
.subhero-copy{max-width:720px}
.subhero h1{font-family:var(--display);font-size:72px;line-height:.98;letter-spacing:-.065em;margin:22px 0}
.subhero h1 span{color:var(--red)}
.subhero-copy>p{max-width:560px;color:#b6b0ab;font-size:15px;line-height:1.8;margin:0}
.store-hero-panel,.connect-card,.rules-hero-note{justify-self:end;width:100%;border:1px solid var(--line-strong);border-radius:24px;background:rgba(12,12,13,.66);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.32)}
.store-hero-panel{height:420px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(78,13,14,.64),rgba(10,10,11,.72));position:relative;overflow:hidden}
.store-hero-panel:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#d5191c;filter:blur(100px);opacity:.20}
.store-hero-panel>small{position:absolute;top:25px;left:27px;font-size:9px;letter-spacing:.19em;color:#e4c8c5}
.premium-v{position:relative;font-family:var(--display);font-size:150px;font-style:italic;font-weight:800;line-height:1;color:#fff;text-shadow:12px 12px 0 rgba(242,54,47,.15)}
.store-hero-meta{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:8px}
.store-hero-meta span{font-size:9px;color:#b8afaa;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.18)}
.connect-card{padding:30px}
.connect-card>small{display:block;color:#ff6659;font-weight:800;letter-spacing:.18em;font-size:9px}
.connect-card h3{font-family:var(--display);font-size:27px;margin:12px 0 28px}
.connect-address{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:18px}
.connect-address span{display:block;color:#7f7975;font-size:10px;margin-bottom:7px}
.connect-address b{font-family:var(--display);font-size:15px}
.rules-hero-note{padding:28px;align-self:end;margin-bottom:20px}
.rules-hero-note span{font-size:9px;font-weight:800;letter-spacing:.17em;color:#ff6256}
.rules-hero-note p{margin:12px 0 0;color:#a29b96;font-size:12px;line-height:1.7}

/* Store */
.store-main{padding:90px 0 120px;background:radial-gradient(circle at 10% 40%,rgba(108,14,14,.13),transparent 30%),#080808}
.store-tabs{display:inline-flex;padding:5px;border:1px solid var(--line);border-radius:14px;background:#101011;margin-bottom:48px}
.store-tab{border:0;background:transparent;color:#8f8984;padding:11px 18px;border-radius:10px;font-size:12px;font-weight:700}
.store-tab.is-active{background:#fff;color:#111}
.tab-panel{display:none}
.tab-panel.is-active{display:block}
.balance-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:14px}
.pay-card,.pay-visual{min-height:610px;border:1px solid var(--line);border-radius:24px;background:#101012;overflow:hidden}
.pay-card{padding:34px}
.pay-head>span{font-size:9px;color:#ff6559;font-weight:800;letter-spacing:.15em}
.pay-head h2{font-family:var(--display);font-size:34px;margin:10px 0 8px}
.pay-head p{margin:0 0 30px;color:#89837e;font-size:12px;line-height:1.6}
.field{display:block;margin-bottom:18px}
.field>span{display:block;color:#aaa39e;font-size:11px;margin-bottom:8px}
.field input{width:100%;height:55px;padding:0 16px;border-radius:12px;border:1px solid var(--line);outline:none;background:#0b0b0c;color:#fff;transition:.2s}
.field input:focus{border-color:rgba(242,54,47,.62);box-shadow:0 0 0 3px rgba(242,54,47,.08)}
.amount-field{position:relative}
.amount-field b{position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:14px;color:#8b8580}
.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 22px}
.amount-grid button{height:42px;border:1px solid var(--line);border-radius:10px;background:#0b0b0c;color:#9d9792;font-size:11px;font-weight:700}
.amount-grid button:hover,.amount-grid button.is-active{border-color:rgba(242,54,47,.5);background:rgba(242,54,47,.10);color:#fff}
.agree{display:flex;gap:10px;align-items:flex-start;color:#817a76;font-size:10px;line-height:1.5;margin:18px 0}
.agree input{accent-color:var(--red);margin-top:2px}
.pay-note{display:block;text-align:center;color:#6f6965;font-size:9px;margin-top:12px}
.pay-visual{position:relative;display:flex;align-items:flex-end;padding:42px}
.pay-visual-bg{position:absolute;inset:0;background:
  linear-gradient(0deg,rgba(8,8,9,.98) 0%,rgba(8,8,9,.76) 46%,rgba(8,8,9,.18) 100%),
  url('../img/scenes/garage.webp') center/cover no-repeat}
.pay-visual-content{position:relative;z-index:2;max-width:520px}
.pay-visual-content h2{font-family:var(--display);font-size:43px;line-height:1.03;letter-spacing:-.05em;margin:15px 0}
.pay-visual-content h2 span{color:var(--red)}
.pay-visual-content p{color:#948e89;font-size:12px;line-height:1.7;max-width:450px}
.pay-visual-content ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:25px 0 0}
.pay-visual-content li{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(13,13,14,.62);font-size:10px;color:#c3bdb8}
.store-section-head{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:end;margin-bottom:36px}
.store-section-head h2{font-size:45px;margin-bottom:0}
.store-section-head p{margin:0}
.case-grid-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.case-v3{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#101012;transition:.25s}
.case-v3:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.20)}
.case-image{height:300px;position:relative;overflow:hidden}
.case-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101012 0%,transparent 50%)}
.case-image img{width:100%;height:100%;object-fit:cover;transition:.5s}
.case-v3:hover .case-image img{transform:scale(1.055)}
.case-image>span{position:absolute;z-index:2;left:20px;top:18px;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.30);backdrop-filter:blur(8px);font-size:8px;font-weight:800;letter-spacing:.13em}
.case-body{padding:0 24px 24px}
.case-body small{font-size:9px;color:#ff6659;font-weight:800;letter-spacing:.16em}
.case-body h3{font-family:var(--display);font-size:23px;margin:8px 0}
.case-body p{color:#817b76;font-size:11px;line-height:1.65;min-height:54px}
.case-body>div{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.case-body>div>b{font-family:var(--display);font-size:20px}
.premium-grid-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.premium-v3{position:relative;min-height:480px;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#111113,#0d0d0e);display:flex;flex-direction:column}
.premium-v3.featured{background:linear-gradient(150deg,#8e1113,#270809 62%,#0d0d0e);border-color:rgba(255,89,72,.48);box-shadow:0 22px 70px rgba(117,14,16,.20)}
.premium-v3>span{font-size:9px;font-weight:800;letter-spacing:.18em;color:#ff6559}
.premium-v3 h3{font-family:var(--display);font-size:26px;margin:14px 0}
.premium-price{font-family:var(--display);font-size:37px;font-weight:800;margin-bottom:22px}
.premium-price small{font-family:var(--font);font-size:10px;font-weight:500;color:#88817d}
.premium-v3 ul{list-style:none;padding:0;margin:8px 0 30px;display:grid;gap:12px;flex:1}
.premium-v3 li{position:relative;padding-left:20px;color:#a49d98;font-size:11px}
.premium-v3 li:before{content:"+";position:absolute;left:0;color:#ff6659;font-weight:800}
.popular-badge{position:absolute;right:18px;top:18px;padding:7px 9px;border-radius:999px;background:#fff;color:#111;font-size:7px;font-weight:900;letter-spacing:.08em}

/* Guide */
.guide-section{padding:105px 0 125px;background:#080808}
.guide-intro{max-width:760px;margin-bottom:50px}
.guide-intro h2{font-size:50px}
.guide-list{border-top:1px solid var(--line)}
.guide-item{display:grid;grid-template-columns:85px 1fr 360px;gap:38px;align-items:center;min-height:285px;padding:28px 0;border-bottom:1px solid var(--line)}
.guide-number{font-family:var(--display);font-size:34px;font-weight:800;color:#332f2d;align-self:start;padding-top:16px}
.guide-content small{font-size:9px;color:#ff6559;font-weight:800;letter-spacing:.18em}
.guide-content h3{font-family:var(--display);font-size:30px;letter-spacing:-.035em;margin:10px 0 12px}
.guide-content p{color:#908a85;font-size:12px;line-height:1.75;max-width:620px}
.guide-note{display:inline-block;margin-top:12px;padding:10px 12px;border:1px solid rgba(242,54,47,.24);border-radius:10px;background:rgba(242,54,47,.06);color:#baaaa5;font-size:10px}
.guide-image{height:210px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.guide-image img{width:100%;height:100%;object-fit:cover}
.guide-art{height:210px;border-radius:18px;border:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle at 60% 30%,rgba(242,54,47,.25),transparent 38%),#101012;font-family:var(--display);font-weight:800;font-size:38px;line-height:.85;letter-spacing:-.06em;color:#fff;text-align:center}
.guide-art b{color:var(--red);font-size:58px}
.connect-inline-v3{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:460px;padding:10px 10px 10px 15px;border:1px solid var(--line);border-radius:12px;background:#0d0d0e;margin-top:18px}
.connect-inline-v3 code{font-size:11px;color:#d7d0ca}
.faq-section-v3{padding:100px 0 120px;border-top:1px solid var(--line);background:radial-gradient(circle at 15% 30%,rgba(100,11,12,.15),transparent 28%),#090909}
.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}
.faq-title h2{font-size:43px}
.faq-list-v3{border-top:1px solid var(--line)}
.faq-v3{border-bottom:1px solid var(--line)}
.faq-v3 summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-family:var(--display);font-size:16px;font-weight:700;cursor:pointer}
.faq-v3 summary::-webkit-details-marker{display:none}
.faq-v3 summary i{font-style:normal;color:var(--red);font-size:22px;font-weight:400;transition:.2s}
.faq-v3[open] summary i{transform:rotate(45deg)}
.faq-v3 p{margin:0 0 23px;color:#89837e;font-size:12px;line-height:1.75;max-width:760px}

/* Rules */
.rules-section{padding:100px 0 130px;background:#080808}
.rules-layout{display:grid;grid-template-columns:300px 1fr;gap:100px;align-items:start}
.rules-nav{position:sticky;top:100px;display:grid;border-top:1px solid var(--line)}
.rules-nav>span{font-size:9px;color:#ff6559;font-weight:800;letter-spacing:.18em;padding:19px 0 14px}
.rules-nav a{padding:14px 0;border-top:1px solid rgba(255,255,255,.05);font-size:11px;color:#817b76;transition:.2s}
.rules-nav a:hover{color:#fff;padding-left:5px}
.rules-content{max-width:850px}
.rules-content section{padding:0 0 65px;margin:0 0 65px;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.rules-content small{color:#ff6559;font-size:9px;font-weight:800;letter-spacing:.18em}
.rules-content h2{font-family:var(--display);font-size:39px;letter-spacing:-.045em;margin:12px 0 17px}
.rules-content p{margin:0;color:#9b9590;font-size:13px;line-height:1.9}

/* Footer */
.site-footer{position:relative;background:#080808;padding:48px 0 24px;overflow:hidden}
.footer-glow{position:absolute;width:500px;height:230px;left:0;bottom:-180px;background:#7b0d0e;filter:blur(100px);opacity:.16}
.footer-top{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;padding-bottom:36px}
.footer-brand{height:50px}
.footer-nav{display:flex;gap:28px;color:#8f8985;font-size:11px}
.footer-nav a:hover{color:#fff}
.socials{justify-self:end;display:flex;gap:8px}
.socials a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#101012;color:#c2bbb6;font-size:9px;font-weight:800;transition:.2s}
.socials a:hover{background:#fff;color:#111;transform:translateY(-2px)}
.footer-bottom{position:relative;z-index:2;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:30px;color:#595451;font-size:8px}

/* Success legacy */
.success-page{min-height:80vh;display:grid;place-items:center;padding:140px 20px 80px}
.success-card{max-width:650px;padding:45px;border:1px solid var(--line);border-radius:24px;background:#101012;text-align:center}
.success-card h1{font-family:var(--display);font-size:42px;margin:12px 0}

/* Motion */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
.delay-1{transition-delay:.09s}
.delay-2{transition-delay:.18s}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-bg{transition:none}.gallery-card img,.case-image img{transition:none}}

/* Tablet */
@media (max-width:1100px){
  .header-shell{grid-template-columns:1fr auto}
  .main-nav{display:none}
  .menu-toggle{display:grid}
  .server-pill{display:none}
  .mobile-nav{position:absolute;left:24px;right:24px;top:78px;padding:9px;border:1px solid var(--line);border-radius:18px;background:rgba(9,9,10,.97);backdrop-filter:blur(20px);box-shadow:0 24px 70px rgba(0,0,0,.4)}
  .mobile-nav.is-open{display:grid}
  .mobile-nav a{padding:13px 14px;border-radius:10px;color:#aaa39e;font-size:13px}
  .mobile-nav a:hover{background:#171719;color:#fff}
  .mobile-nav .mobile-play{background:var(--red);color:#fff;margin-top:5px;font-weight:800}

  .hero{min-height:860px}
  .hero-layout{grid-template-columns:1fr;padding-top:150px}
  .hero-side{display:none}
  .hero-copy{max-width:640px}
  .hero-bg{background:
    linear-gradient(90deg,rgba(5,5,6,.96),rgba(5,5,6,.70) 55%,rgba(5,5,6,.24)),
    linear-gradient(0deg,#080808 0%,rgba(8,8,8,.12) 35%,rgba(8,8,8,.25)),
    url('../img/scenes/hero-main.webp') 58% 52%/cover no-repeat}
  .hero-stats-grid{grid-template-columns:repeat(3,1fr)}
  .hero-stat:nth-child(4),.hero-stat:nth-child(5){display:none}

  .world-layout{grid-template-columns:1fr;gap:55px}
  .world-copy{max-width:620px}
  .world-cards{max-width:760px}
  .gallery-rail{grid-template-columns:1.2fr 1fr 1fr;overflow:hidden}
  .gallery-card:nth-child(4),.gallery-card:nth-child(5){display:none}
  .features-heading{grid-template-columns:1fr;gap:20px}
  .features-heading .section-label{grid-column:auto}
  .features-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 250px 250px}
  .feature-large{grid-column:1/3;grid-row:auto}
  .car-strip{height:220px}
  .start-layout{grid-template-columns:1fr;gap:45px}
  .start-copy{max-width:650px}
  .donate-preview-card{grid-template-columns:1fr 320px;padding:48px}
  .store-stack{width:290px}

  .subhero-layout{grid-template-columns:1fr 380px;gap:55px}
  .subhero h1{font-size:62px}
  .balance-layout{grid-template-columns:1fr}
  .pay-card,.pay-visual{min-height:auto}
  .pay-visual{min-height:560px}
  .guide-item{grid-template-columns:70px 1fr 300px}
  .rules-layout{grid-template-columns:240px 1fr;gap:60px}
}

/* Mobile */
@media (max-width:740px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .site-header{padding:10px 0}
  .site-header.is-scrolled{padding:8px 0}
  .brand{height:42px}
  .brand-word{font-size:15px}
  .brand-v{left:80px;font-size:34px;top:-5px}
  .brand small{font-size:6px}
  .header-actions>.btn{display:none}
  .mobile-nav{left:14px;right:14px;top:67px}

  .hero{min-height:820px}
  .hero-layout{padding:130px 0 220px;display:block}
  .hero-bg{inset:0;background:
    linear-gradient(90deg,rgba(5,5,6,.90) 0%,rgba(5,5,6,.61) 58%,rgba(5,5,6,.32)),
    linear-gradient(0deg,#080808 0%,rgba(8,8,8,.20) 45%,rgba(8,8,8,.22)),
    url('../img/scenes/hero-main.webp') 60% 50%/cover no-repeat;transform:none!important}
  .hero-brandline{margin-top:22px}
  .hero-brandline strong{font-size:55px}
  .hero-brandline em{font-size:64px}
  .hero-roleplay{font-size:10px;letter-spacing:.52em;margin:9px 0 25px}
  .hero h1{font-size:35px}
  .hero-copy>p{font-size:13px;line-height:1.68;max-width:95%}
  .hero-buttons{display:grid;grid-template-columns:1fr;margin-top:24px}
  .hero-stats{background:rgba(8,8,9,.94)}
  .hero-stats-grid{grid-template-columns:1fr 1fr}
  .hero-stat{padding:16px 8px;border-bottom:1px solid var(--line)}
  .hero-stat:nth-child(3){grid-column:1/3;border-bottom:0}
  .hero-stat:nth-child(4),.hero-stat:nth-child(5){display:none}
  .hero-stat:first-child{padding-left:8px}

  .world-section,.features-section,.start-section,.gallery-section,.donate-preview,.guide-section,.faq-section-v3,.rules-section,.store-main{padding:78px 0}
  .world-section{min-height:auto}
  .world-section:after{font-size:50px;right:-10%;top:80px}
  .world-layout{gap:35px}
  .world-copy h2,.features-heading h2,.gallery-head h2,.start-copy h2,.donate-preview-copy h2,.final-cta h2,.guide-intro h2,.faq-title h2,.store-section-head h2{font-size:38px}
  .world-copy p,.features-heading p,.start-copy p,.donate-preview-copy p,.final-cta p,.guide-intro p,.faq-title p,.store-section-head p{font-size:12px}
  .world-cards{grid-template-columns:1fr 1fr;gap:8px}
  .world-cards article{min-height:158px;padding:20px}
  .world-cards h3{margin-top:20px;font-size:15px}
  .gallery-head{display:block}
  .gallery-head .text-link{margin-top:20px}
  .gallery-rail{width:calc(100% - 28px);grid-template-columns:1.4fr 1fr;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .gallery-card{height:235px;min-width:250px;scroll-snap-align:start}
  .gallery-card:nth-child(4),.gallery-card:nth-child(5){display:block}
  .features-heading{margin-bottom:30px}
  .features-grid{grid-template-columns:1fr;grid-template-rows:none}
  .feature,.feature-large{grid-column:auto;min-height:230px}
  .feature-large{min-height:430px}
  .feature h3{margin-top:38px}
  .car-strip{height:180px}
  .start-steps{grid-template-columns:1fr 1fr;gap:8px}
  .start-step{min-height:190px;padding:20px}
  .start-step h3{font-size:14px}
  .server-copy-box{display:block}
  .server-copy-box button{width:100%;margin-top:12px}
  .donate-preview-card{min-height:620px;display:flex;align-items:flex-end;padding:28px}
  .donate-preview-bg{background:
    linear-gradient(0deg,rgba(8,8,9,.98) 0%,rgba(8,8,9,.72) 49%,rgba(8,8,9,.18) 100%),
    url('../img/scenes/nightlife.webp') 58% center/cover no-repeat}
  .donate-preview-copy{width:100%}
  .store-stack{display:none}
  .final-cta{min-height:430px}
  .final-cta-content{display:block;padding:55px 0}
  .final-cta .btn{margin-top:26px;width:100%}

  .subhero{min-height:650px;padding:120px 0 65px;align-items:flex-end}
  .subhero-layout{display:block}
  .subhero h1{font-size:47px}
  .subhero-copy>p{font-size:13px}
  .store-hero-panel,.connect-card,.rules-hero-note{margin-top:34px;width:100%}
  .store-hero-panel{height:260px}
  .premium-v{font-size:100px}
  .store-hero-meta span:nth-child(3){display:none}
  .download-hero .subhero-bg{background-position:62% center}
  .store-hero .subhero-bg{background-position:60% center}
  .rules-hero .subhero-bg{background-position:62% center}

  .store-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .store-tab{padding:11px 5px}
  .pay-card{padding:24px}
  .amount-grid{grid-template-columns:1fr 1fr}
  .pay-visual{min-height:470px;padding:28px}
  .pay-visual-content h2{font-size:34px}
  .pay-visual-content ul{grid-template-columns:1fr}
  .store-section-head{display:block}
  .store-section-head p{margin-top:16px}
  .case-grid-v3,.premium-grid-v3{grid-template-columns:1fr}
  .case-image{height:250px}

  .guide-intro{margin-bottom:25px}
  .guide-item{grid-template-columns:46px 1fr;gap:12px;padding:30px 0}
  .guide-number{font-size:24px}
  .guide-image,.guide-art{grid-column:2;height:190px;margin-top:10px}
  .guide-content h3{font-size:24px}
  .connect-inline-v3{display:block;padding:12px}
  .connect-inline-v3 button{width:100%;margin-top:10px}
  .faq-layout{grid-template-columns:1fr;gap:25px}

  .rules-layout{grid-template-columns:1fr;gap:35px}
  .rules-nav{position:static;display:flex;overflow:auto;gap:12px;border:0;padding-bottom:8px}
  .rules-nav>span{display:none}
  .rules-nav a{white-space:nowrap;border:1px solid var(--line);padding:10px 12px;border-radius:999px}
  .rules-content section{padding-bottom:45px;margin-bottom:45px}
  .rules-content h2{font-size:30px}

  .footer-top{grid-template-columns:1fr auto;gap:26px}
  .footer-nav{grid-column:1/-1;order:3;display:grid;grid-template-columns:1fr 1fr;gap:13px}
  .socials{align-self:center}
  .footer-bottom{display:grid;gap:8px}
}

/* =========================================================
   FRAGMENT V4 — cinematic redesign, closer to the concept art
   ========================================================= */
:root{--container:1540px;--v4red:#f2382f;--v4red2:#ff4a3d;--v4black:#070708}

/* Header */
.v4-header{padding:14px 0;background:linear-gradient(180deg,rgba(5,5,6,.72),rgba(5,5,6,.20));border:0}
.v4-header.is-scrolled{padding:10px 0;background:rgba(7,7,8,.88);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.v4-header-shell{grid-template-columns:1fr auto 1fr;min-height:58px}
.brand-v4{position:relative;display:flex;align-items:center;gap:12px;width:max-content;height:auto}
.brand-emblem{width:42px;height:42px;display:grid;place-items:center;transform:skew(-8deg);border-radius:2px;background:linear-gradient(145deg,#ff4f43,#a40f13);box-shadow:0 9px 30px rgba(210,25,24,.25);font:900 italic 21px/1 var(--display);color:#fff}
.brand-copy{display:grid;line-height:1}
.brand-copy b{font:800 16px/1 var(--display);letter-spacing:-.02em;color:#fff;white-space:nowrap}
.brand-copy b i{font-style:italic;color:#ff4b3f;margin-left:3px}
.brand-copy small{margin-top:7px;font-size:6px;font-weight:800;letter-spacing:.40em;color:#aaa29d}
.v4-nav{justify-self:center;padding:5px;background:rgba(17,14,15,.70);border:1px solid rgba(255,255,255,.12);border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 14px 50px rgba(0,0,0,.25)}
.v4-nav .nav-link{padding:11px 19px;border-radius:12px;font-size:11px;color:#b6afaa}
.v4-nav .nav-link:hover{color:#fff;background:rgba(255,255,255,.06)}
.v4-nav .nav-link.is-active{background:#fff;color:#101011;box-shadow:0 8px 24px rgba(255,255,255,.11)}
.v4-header-actions{justify-self:end}
.v4-server-pill{background:rgba(15,14,15,.62);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.10)}
.v4-play-btn{height:38px;padding:0 19px;border-radius:11px;background:linear-gradient(135deg,#ff4639,#e52222);box-shadow:0 9px 24px rgba(218,34,28,.25)}

/* Hero */
.v4-hero{position:relative;min-height:920px;display:flex;align-items:stretch;overflow:hidden;background:#070707}
.v4-hero-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(5,5,6,.97) 0%,rgba(5,5,6,.88) 23%,rgba(5,5,6,.34) 49%,rgba(5,5,6,.06) 77%),
  linear-gradient(0deg,#080808 0%,rgba(8,8,8,.38) 17%,transparent 44%),
  url('../img/scenes/hero-main.webp') 58% 45%/cover no-repeat;transform:scale(1.02);transition:transform .25s ease-out}
.v4-hero-noise{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.24) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:soft-light}
.v4-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(transparent,#080808);pointer-events:none;z-index:1}
.v4-hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:60px;align-items:center;padding:155px 0 175px}
.v4-hero-copy{max-width:760px}
.v4-kicker{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:900;letter-spacing:.22em;color:#f3efeb}
.v4-kicker i{width:28px;height:1px;background:#ff4438;box-shadow:0 0 13px rgba(255,68,56,.55)}
.v4-kicker span{color:#ff5146}
.v4-kicker b{font-weight:800;color:#aaa29c}
.v4-wordmark{position:relative;display:flex;align-items:flex-end;width:max-content;margin:25px 0 0;filter:drop-shadow(0 15px 26px rgba(0,0,0,.40))}
.v4-wordmark strong{font:900 italic clamp(72px,7.3vw,126px)/.78 var(--display);letter-spacing:-.085em;color:#fff;background:linear-gradient(180deg,#fff 0%,#fff5ea 45%,#c9b8aa 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 1px rgba(255,255,255,.7)}
.v4-wordmark em{position:relative;margin-left:-8px;margin-bottom:-14px;font:900 italic clamp(90px,8.5vw,148px)/.72 var(--display);letter-spacing:-.12em;color:#b90f18;background:linear-gradient(150deg,#ff5a48 3%,#e22026 40%,#6e0810 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,183,159,.50);transform:skew(-5deg)}
.v4-wordmark:after{content:"";position:absolute;left:5px;right:70px;bottom:-28px;height:2px;background:linear-gradient(90deg,#ff3f35 0%,#ff3f35 28%,rgba(255,255,255,.75) 28%,rgba(255,255,255,.75) 60%,transparent 60%)}
.v4-roleplay{margin:35px 0 31px;padding-left:115px;font:800 14px/1 var(--display);letter-spacing:.56em;color:#f5eee8}
.v4-hero h1{max-width:620px;margin:0;font:800 clamp(36px,3.0vw,54px)/1.02 var(--display);letter-spacing:-.055em;text-transform:uppercase;color:#fff}
.v4-hero h1 span{color:#ff4438}
.v4-hero-copy>p{max-width:610px;margin:18px 0 0;color:#b9b1ab;font-size:14px;line-height:1.75}
.v4-hero-actions{display:flex;gap:14px;margin-top:28px}
.v4-primary,.v4-secondary{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 24px;border-radius:10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;transition:.22s ease}
.v4-primary{color:#fff;background:linear-gradient(135deg,#ff463a,#dc171c);box-shadow:0 12px 32px rgba(219,30,26,.27),inset 0 0 0 1px rgba(255,255,255,.11)}
.v4-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(219,30,26,.38)}
.v4-secondary{border:1px solid rgba(255,255,255,.17);background:rgba(12,12,13,.54);backdrop-filter:blur(13px);color:#eee8e3}
.v4-secondary:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28)}
.v4-play{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;font-size:7px;padding-left:1px}
.v4-connection{display:flex;align-items:center;gap:10px;width:max-content;margin-top:24px;padding:8px 8px 8px 13px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(8,8,9,.42);backdrop-filter:blur(12px)}
.v4-connection div{display:grid;gap:3px}.v4-connection small{font-size:6px;font-weight:800;letter-spacing:.18em;color:#736d68}.v4-connection b{font-size:10px;color:#d8d1cc}.v4-connection button{height:32px;padding:0 12px;border:0;border-radius:7px;background:#fff;color:#111;font-size:8px;font-weight:900}
.v4-hero-aside{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:80px;padding-top:60px}
.v4-sidewords{padding-right:10px;border-right:1px solid rgba(255,255,255,.18);font-size:7px;line-height:2.0;letter-spacing:.14em;text-align:right;color:#c6bdb7}
.v4-gallery-peek{width:235px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(9,9,10,.55);backdrop-filter:blur(14px)}
.v4-gallery-peek a{height:57px;overflow:hidden;border-radius:6px;border:1px solid rgba(255,255,255,.08)}
.v4-gallery-peek img{width:100%;height:100%;object-fit:cover;transition:.3s}.v4-gallery-peek a:hover img{transform:scale(1.07)}
.v4-gallery-peek>span{grid-column:1/-1;margin-top:4px;font-size:7px;font-weight:800;letter-spacing:.08em;color:#c2bbb5}
.v4-stats{position:absolute;z-index:4;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(10,10,11,.88);backdrop-filter:blur(18px)}
.v4-stats-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.v4-stat{min-height:92px;display:flex;align-items:center;gap:16px;padding:0 24px;border-right:1px solid rgba(255,255,255,.07)}
.v4-stat:first-child{padding-left:0}.v4-stat:last-child{border-right:0}.v4-stat-icon{font-size:18px;color:#ff4b40}.v4-stat:first-child .v4-stat-icon{font-size:10px;color:#55e17d;text-shadow:0 0 12px rgba(85,225,125,.8)}
.v4-stat div{display:grid;gap:5px}.v4-stat b{font:800 12px/1 var(--display);color:#fff}.v4-stat small{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:#77716d}

/* World */
.v4-world{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07);background:#090909}
.v4-world-bg{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(8,8,9,.98) 0%,rgba(8,8,9,.83) 39%,rgba(8,8,9,.36) 68%,rgba(8,8,9,.70) 100%),
 linear-gradient(0deg,rgba(8,8,9,.88),transparent 56%),
 url('../img/scenes/skyline.webp') center 51%/cover no-repeat;filter:saturate(.94) contrast(1.04)}
.v4-world:after{content:"LOS SANTOS";position:absolute;left:50%;top:44%;transform:translate(-22%,-50%);font:900 82px/1 var(--display);letter-spacing:.02em;color:rgba(240,54,45,.16);white-space:nowrap}
.v4-world-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center;padding:110px 0}
.v4-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ff5146;font-size:8px;font-weight:900;letter-spacing:.20em;text-transform:uppercase}.v4-eyebrow:before{content:"";width:23px;height:1px;background:#ff4438}
.v4-world-copy h2,.v4-section-head h2,.v4-drive-copy h2,.v4-start-intro h2,.v4-store-copy h2,.v4-final h2{margin:16px 0 16px;font:800 clamp(40px,4vw,64px)/.96 var(--display);letter-spacing:-.06em;text-transform:uppercase}.v4-world-copy h2 span,.v4-section-head h2 span,.v4-drive-copy h2 span,.v4-start-intro h2 span,.v4-store-copy h2 span,.v4-final h2 span{color:#ff4438}
.v4-world-copy>p{max-width:590px;margin:0 0 27px;color:#b0a9a4;font-size:13px;line-height:1.72}.v4-primary-small{min-height:46px;padding:0 20px}
.v4-world-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v4-world-cards article{position:relative;min-height:185px;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:linear-gradient(145deg,rgba(18,18,19,.83),rgba(9,9,10,.72));backdrop-filter:blur(14px);box-shadow:0 20px 55px rgba(0,0,0,.18);transition:.25s}
.v4-world-cards article:hover{transform:translateY(-4px);border-color:rgba(255,70,59,.38);background:linear-gradient(145deg,rgba(27,18,18,.90),rgba(10,10,11,.82))}
.v4-world-cards article>span{position:absolute;right:19px;top:17px;color:#58524e;font-size:8px;font-weight:800}.v4-card-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#ff493e;background:#121213}.v4-world-cards h3{margin:29px 0 8px;font:800 15px/1 var(--display);text-transform:uppercase}.v4-world-cards p{margin:0;color:#8c8580;font-size:9px;line-height:1.65}

/* Gallery */
.v4-gallery{padding:105px 0 115px;background:linear-gradient(180deg,#080808,#0a0808 60%,#080808);overflow:hidden}
.v4-section-head{display:grid;grid-template-columns:1fr 420px;gap:90px;align-items:end;margin-bottom:42px}.v4-section-head h2{font-size:52px;margin-bottom:0}.v4-section-head>p{margin:0 0 5px;color:#918a84;font-size:12px;line-height:1.75}
.v4-gallery-track{width:min(calc(100% - 48px),1760px);margin:0 auto;display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 1fr;gap:10px;overflow:auto;padding-bottom:6px;scrollbar-width:none}.v4-gallery-track::-webkit-scrollbar{display:none}
.v4-shot{position:relative;height:310px;min-width:280px;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:#111}.v4-shot-wide{min-width:430px}.v4-shot img{width:100%;height:100%;object-fit:cover;transition:.55s cubic-bezier(.2,.7,.2,1)}.v4-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.16) 58%,transparent)}.v4-shot:hover img{transform:scale(1.055);filter:saturate(1.08)}.v4-shot>div{position:absolute;z-index:2;left:19px;right:19px;bottom:17px;display:grid;gap:6px}.v4-shot small{font-size:7px;font-weight:900;letter-spacing:.18em;color:#ff5146}.v4-shot b{font:800 15px/1.1 var(--display);text-transform:uppercase}

/* Drive */
.v4-drive{padding:120px 0;background:radial-gradient(circle at 85% 40%,rgba(130,15,16,.13),transparent 31%),#080808;border-top:1px solid rgba(255,255,255,.06)}
.v4-drive-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}.v4-drive-media{position:relative;height:520px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 80px rgba(0,0,0,.34)}.v4-drive-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 48%)}.v4-drive-media img{width:100%;height:100%;object-fit:cover}.v4-drive-stamp{position:absolute;z-index:2;left:27px;bottom:25px;font:900 12px/1.05 var(--display);letter-spacing:.24em;color:#fff}.v4-drive-copy>p{max-width:570px;color:#958e89;font-size:12px;line-height:1.8}.v4-drive-features{margin-top:32px;border-top:1px solid rgba(255,255,255,.10)}.v4-drive-features article{display:grid;grid-template-columns:42px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.v4-drive-features b{font-size:8px;color:#ff5146}.v4-drive-features span{font:800 13px/1 var(--display);text-transform:uppercase}.v4-drive-features small{font-size:9px;color:#79736f}

/* Start */
.v4-start{position:relative;padding:110px 0 120px;overflow:hidden;background:#080808}.v4-start-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,9,.98),rgba(8,8,9,.82) 45%,rgba(8,8,9,.60)),linear-gradient(0deg,#080808,transparent 44%,#080808),url('../img/scenes/ambient.webp') center/cover no-repeat;opacity:.84}.v4-start>.container{position:relative;z-index:2}.v4-start-intro{max-width:700px}.v4-start-intro p{max-width:550px;color:#918a85;font-size:12px;line-height:1.7}.v4-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:42px}.v4-step{min-height:300px;padding:25px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:linear-gradient(145deg,rgba(17,17,18,.92),rgba(10,10,11,.84));backdrop-filter:blur(12px);transition:.25s}.v4-step:hover{transform:translateY(-5px);border-color:rgba(255,71,60,.35)}.v4-step>span{font-size:8px;color:#ff4c41;font-weight:900}.v4-step-icon{width:52px;height:52px;display:grid;place-items:center;margin:22px 0 43px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#111113;color:#fff;font-size:10px;font-weight:900;box-shadow:inset 0 0 0 5px rgba(255,255,255,.015)}.v4-step h3{font:800 14px/1 var(--display);text-transform:uppercase;margin:0 0 10px}.v4-step p{margin:0;color:#85807b;font-size:9px;line-height:1.7}.v4-start-action{margin-top:26px}

/* Store */
.v4-store{padding:0 0 105px;background:#080808}.v4-store-card{position:relative;min-height:500px;display:grid;grid-template-columns:1fr 390px;gap:80px;align-items:center;padding:68px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.30)}.v4-store-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,10,.98) 0%,rgba(22,7,8,.88) 35%,rgba(67,9,10,.48) 63%,rgba(7,7,8,.30)),url('../img/scenes/nightlife.webp') center/cover no-repeat;filter:saturate(.92)}.v4-store-copy,.v4-store-stack{position:relative;z-index:2}.v4-store-copy p{max-width:530px;color:#b1a8a2;font-size:12px;line-height:1.75;margin:0 0 25px}.v4-store-stack{display:grid;gap:9px}.v4-store-stack>div{min-height:105px;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(9,9,10,.57);backdrop-filter:blur(16px);display:grid;grid-template-columns:1fr auto;align-content:center;gap:5px 14px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.v4-store-stack small{grid-column:1/-1;color:#ff5a4e;font-size:7px;font-weight:900;letter-spacing:.17em}.v4-store-stack b{font:800 14px/1 var(--display);text-transform:uppercase}.v4-store-stack span{font-size:8px;color:#817b76;align-self:center;text-align:right}

/* Final */
.v4-final{position:relative;min-height:390px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);background:#080808}.v4-final-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,6,7,.88),rgba(126,17,15,.52) 44%,rgba(8,8,9,.36)),linear-gradient(0deg,rgba(8,8,9,.65),transparent),url('../img/scenes/skyline.webp') center 57%/cover no-repeat}.v4-final-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:70px;padding:70px 0}.v4-final h2{font-size:52px;margin-bottom:10px}.v4-final p{margin:0;color:#d1c5bf;font-size:11px}.v4-primary-big{min-height:58px;padding:0 32px;white-space:nowrap}

/* Footer tweaks */
.v4-footer{background:#080808}.v4-footer-top{grid-template-columns:1fr auto 1fr}.v4-footer .footer-brand{height:auto}

@media(max-width:1200px){
 .v4-hero-inner{grid-template-columns:1fr;padding-top:145px}.v4-hero-aside{display:none}.v4-stats-grid{grid-template-columns:repeat(3,1fr)}.v4-stat:nth-child(n+4){display:none}
 .v4-world-grid,.v4-drive-grid{grid-template-columns:1fr;gap:48px}.v4-world-copy,.v4-drive-copy{max-width:720px}.v4-world-cards{max-width:850px}.v4-drive-media{height:460px;order:2}.v4-drive-copy{order:1}
 .v4-section-head{grid-template-columns:1fr;gap:14px}.v4-section-head>p{max-width:650px}.v4-step-grid{grid-template-columns:1fr 1fr}.v4-store-card{grid-template-columns:1fr 330px;padding:52px}
}
@media(max-width:740px){
 .v4-header-shell{grid-template-columns:1fr auto}.v4-header .brand-emblem{width:36px;height:36px}.v4-header .brand-copy b{font-size:13px}.v4-header .brand-copy small{font-size:5px}.v4-header-actions>.v4-play-btn{display:none}
 .v4-hero{min-height:860px}.v4-hero-bg{background:linear-gradient(90deg,rgba(5,5,6,.91),rgba(5,5,6,.60) 55%,rgba(5,5,6,.30)),linear-gradient(0deg,#080808 0%,rgba(8,8,8,.18) 45%,rgba(8,8,8,.18)),url('../img/scenes/hero-main.webp') 60% 44%/cover no-repeat!important;transform:none!important}.v4-hero-inner{padding:125px 0 255px}.v4-hero-copy{max-width:none}.v4-kicker b{display:none}.v4-wordmark strong{font-size:51px}.v4-wordmark em{font-size:64px;margin-left:-2px;margin-bottom:-7px}.v4-wordmark:after{right:42px;bottom:-20px}.v4-roleplay{margin:28px 0 23px;padding-left:72px;font-size:8px}.v4-hero h1{font-size:33px;max-width:440px}.v4-hero-copy>p{font-size:12px;line-height:1.67}.v4-hero-actions{display:grid;grid-template-columns:1fr}.v4-connection{max-width:100%}.v4-connection b{font-size:9px}.v4-stats-grid{grid-template-columns:1fr 1fr}.v4-stat{min-height:76px;padding:0 12px}.v4-stat:nth-child(3){grid-column:1/-1}.v4-stat b{font-size:10px}
 .v4-world-grid{padding:80px 0}.v4-world:after{font-size:44px;left:55%;top:21%}.v4-world-copy h2,.v4-section-head h2,.v4-drive-copy h2,.v4-start-intro h2,.v4-store-copy h2,.v4-final h2{font-size:36px}.v4-world-cards{grid-template-columns:1fr 1fr;gap:8px}.v4-world-cards article{min-height:165px;padding:18px}.v4-world-cards h3{font-size:13px;margin-top:23px}
 .v4-gallery{padding:75px 0}.v4-section-head{margin-bottom:28px}.v4-gallery-track{width:calc(100% - 28px);grid-template-columns:repeat(5,78vw);scroll-snap-type:x mandatory}.v4-shot,.v4-shot-wide{min-width:0;height:290px;scroll-snap-align:start}
 .v4-drive{padding:80px 0}.v4-drive-media{height:320px}.v4-drive-features article{grid-template-columns:32px 1fr}.v4-drive-features small{grid-column:2;text-align:left}.v4-drive-copy>p{font-size:11px}
 .v4-start{padding:80px 0}.v4-step-grid{grid-template-columns:1fr 1fr;gap:8px}.v4-step{min-height:250px;padding:18px}.v4-step-icon{margin-bottom:28px}.v4-step h3{font-size:12px}.v4-step p{font-size:8px}
 .v4-store{padding-bottom:75px}.v4-store-card{display:block;min-height:610px;padding:28px;display:flex;align-items:flex-end}.v4-store-bg{background:linear-gradient(0deg,rgba(8,8,9,.98) 0%,rgba(8,8,9,.70) 52%,rgba(8,8,9,.17)),url('../img/scenes/nightlife.webp') 61% center/cover no-repeat}.v4-store-stack{display:none}.v4-store-copy{width:100%}
 .v4-final{min-height:440px}.v4-final-content{display:block;padding:65px 0}.v4-final p{font-size:10px}.v4-final .v4-primary{width:100%;margin-top:24px}
 .v4-footer-top{grid-template-columns:1fr auto}.v4-footer .footer-nav{grid-column:1/-1}
}

/* V4 inner page hero system */
.v4-pagehero{position:relative;min-height:650px;display:flex;align-items:flex-end;overflow:hidden;background:#080808;border-bottom:1px solid rgba(255,255,255,.08)}
.v4-pagehero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.98) contrast(1.04)}
.v4-pagehero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,7,.98) 0%,rgba(6,6,7,.82) 39%,rgba(6,6,7,.28) 73%,rgba(6,6,7,.13)),linear-gradient(0deg,#080808 0%,rgba(8,8,8,.25) 33%,transparent 60%)}
.v4-donate-hero .v4-pagehero-bg{background-image:url('../img/scenes/nightlife.webp');background-position:center 54%}.v4-download-hero .v4-pagehero-bg{background-image:url('../img/scenes/boulevard.webp');background-position:center 55%}.v4-rules-hero .v4-pagehero-bg{background-image:url('../img/scenes/skyline.webp');background-position:center 48%}
.v4-pagehero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:end;padding:150px 0 75px}.v4-pagehero-copy{max-width:760px}.v4-pagehero-copy h1{margin:17px 0 17px;font:800 clamp(52px,5.3vw,86px)/.92 var(--display);letter-spacing:-.075em;text-transform:uppercase}.v4-pagehero-copy h1 span{color:#ff4438}.v4-pagehero-copy>p{max-width:610px;margin:0 0 27px;color:#b8afa9;font-size:13px;line-height:1.75}.v4-pagehero-actions{display:flex;gap:12px}
.v4-store-hero-card,.v4-connect-panel,.v4-doc-panel{min-height:330px;padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(21,13,14,.72),rgba(8,8,9,.66));backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.30)}
.v4-store-hero-card>small,.v4-connect-panel>small,.v4-doc-panel>small{font-size:7px;font-weight:900;letter-spacing:.18em;color:#ff564b}.v4-premium-mark{font:900 italic 112px/.85 var(--display);letter-spacing:-.1em;margin:27px 0 14px;background:linear-gradient(155deg,#fff,#ffb1a3 29%,#dc1c23 63%,#6a0710);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.v4-store-hero-card>b{font:800 18px/1 var(--display);text-transform:uppercase}.v4-store-hero-card>p{color:#8c8580;font-size:10px;line-height:1.6}.v4-store-hero-card>div:last-child{display:flex;gap:6px;margin-top:25px}.v4-store-hero-card>div:last-child span{padding:7px 9px;border:1px solid rgba(255,255,255,.10);border-radius:7px;font-size:6px;color:#a9a19b;letter-spacing:.09em}
.v4-connect-panel{min-height:285px;align-self:end;display:grid;align-content:center}.v4-connect-panel h3{margin:13px 0 27px;font:800 27px/1 var(--display)}.v4-connect-panel>span{font-size:8px;color:#7d7772}.v4-connect-panel>b{margin:6px 0 20px;font-size:13px}.v4-connect-panel .v4-primary{width:100%;border:0}
.v4-doc-panel{min-height:260px;align-self:end;display:grid;align-content:center}.v4-doc-panel>b{margin:14px 0 10px;font:800 24px/1 var(--display);text-transform:uppercase}.v4-doc-panel>p{margin:0;color:#908984;font-size:10px;line-height:1.65}.v4-doc-panel>span{margin-top:28px;font-size:7px;letter-spacing:.16em;color:#5f5a57}
.store-main{background:radial-gradient(circle at 84% 15%,rgba(111,13,14,.12),transparent 28%),#080808}.guide-section{background:radial-gradient(circle at 12% 15%,rgba(103,12,13,.13),transparent 28%),#080808}.rules-section{background:radial-gradient(circle at 82% 8%,rgba(103,12,13,.11),transparent 28%),#080808}
@media(max-width:1100px){.v4-pagehero-grid{grid-template-columns:1fr 350px;gap:45px}.v4-pagehero-copy h1{font-size:60px}}
@media(max-width:740px){.v4-pagehero{min-height:680px}.v4-pagehero:after{background:linear-gradient(0deg,#080808 0%,rgba(8,8,8,.52) 45%,rgba(8,8,8,.25)),linear-gradient(90deg,rgba(6,6,7,.72),rgba(6,6,7,.26))}.v4-pagehero-grid{display:block;padding:130px 0 55px}.v4-pagehero-copy h1{font-size:43px}.v4-pagehero-copy>p{font-size:12px}.v4-pagehero-actions{display:grid}.v4-store-hero-card,.v4-connect-panel,.v4-doc-panel{margin-top:30px;min-height:220px;padding:22px}.v4-premium-mark{font-size:78px}.v4-donate-hero .v4-pagehero-bg{background-position:61% center}.v4-download-hero .v4-pagehero-bg{background-position:59% center}.v4-rules-hero .v4-pagehero-bg{background-position:62% center}}