.home-v2 {
  --v2-blue: #71c7ff;
  --v2-blue-hot: #42b8ff;
  --v2-cyan: #5de4f4;
  --v2-green: #66e4b6;
  --v2-violet: #aaa1ff;
  --v2-panel: #0b1628;
  --v2-panel-2: #0e1d32;
  --v2-line: rgba(127, 183, 235, .18);
  --v2-copy: #a7b8cb;
  background: #060914;
}

.home-v2 .v2-header { width: min(calc(100% - 36px), 1400px); }
.home-v2 .v2-header nav { gap: clamp(14px, 1.6vw, 25px); }
.home-v2 .v2-header nav a { white-space: nowrap; }
.home-v2 .eyebrow { font-size: 13px; }

.v2-hero {
  position: relative;
  display: grid;
  min-height: 980px;
  grid-template-columns: minmax(420px, .87fr) minmax(620px, 1.13fr);
  align-items: center;
  gap: clamp(52px, 6vw, 92px);
  overflow: hidden;
  padding: 154px max(28px, calc((100vw - 1400px) / 2)) 108px;
  background:
    radial-gradient(circle at 84% 18%, rgba(53, 169, 255, .18), transparent 26%),
    radial-gradient(circle at 25% 84%, rgba(170, 161, 255, .07), transparent 26%),
    linear-gradient(140deg, #050812 0%, #07101e 48%, #08162a 100%);
}
.v2-hero::before {
  position: absolute;
  top: -370px;
  right: -260px;
  width: 940px;
  height: 940px;
  border: 1px solid rgba(93, 228, 244, .08);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 90px rgba(53, 169, 255, .018), 0 0 0 210px rgba(53, 169, 255, .012);
}
.v2-grid {
  position: absolute;
  inset: 0;
  opacity: .34;
  background-image: linear-gradient(rgba(117, 177, 238, .065) 1px, transparent 1px), linear-gradient(90deg, rgba(117, 177, 238, .065) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%);
}
.v2-hero-copy,
.product-cockpit { position: relative; z-index: 1; }
.v2-hero h1 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(54px, 5.2vw, 82px);
  font-weight: 720;
  letter-spacing: -.072em;
  line-height: .91;
}
.v2-hero h1 em,
.home-v2 h2 em {
  color: var(--v2-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -.055em;
}
.v2-hero-lede {
  max-width: 680px;
  margin: 31px 0 0;
  color: #b2c1d3;
  font-size: clamp(17px, 1.38vw, 20px);
  line-height: 1.68;
}
.v2-hero-proof {
  display: grid;
  max-width: 740px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 35px 0 0;
  border: 1px solid var(--v2-line);
  border-radius: 9px;
  padding: 0;
  overflow: hidden;
  background: var(--v2-line);
  list-style: none;
}
.v2-hero-proof li {
  display: flex;
  min-height: 105px;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 18px;
  background: rgba(6, 13, 25, .9);
}
.v2-hero-proof strong { color: var(--v2-blue); font-size: 27px; letter-spacing: -.045em; }
.v2-hero-proof li:nth-child(2) strong { color: var(--v2-green); }
.v2-hero-proof span { color: #8fa3b9; font-size: 12px; line-height: 1.45; }

.product-cockpit {
  overflow: hidden;
  border: 1px solid rgba(113, 199, 255, .32);
  border-radius: 16px;
  background: #07111f;
  box-shadow: 0 46px 120px rgba(0, 0, 0, .48), 0 0 90px rgba(53, 169, 255, .08);
  transform: perspective(1600px) rotateY(-2deg) rotateX(.5deg);
}
.cockpit-chrome {
  display: flex;
  height: 49px;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--v2-line);
  padding: 0 17px;
  color: #6e849d;
  background: #060d19;
  font:  12px/1 var(--mono);
  letter-spacing: .05em;
}
.cockpit-chrome i { width: 7px; height: 7px; border-radius: 50%; background: #3b4d61; }
.cockpit-chrome i:first-child { background: #b96b5d; }
.cockpit-chrome i:nth-child(2) { background: #b39751; }
.cockpit-chrome i:nth-child(3) { margin-right: 8px; background: #4e9a75; }
.cockpit-chrome b { margin-left: auto; color: var(--v2-blue); font-size: 12px; letter-spacing: .12em; }
.cockpit-body { display: grid; min-height: 600px; grid-template-columns: 182px minmax(0, 1fr); }
.cockpit-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-right: 1px solid var(--v2-line);
  padding: 24px 14px;
  background: linear-gradient(180deg, rgba(10, 24, 41, .96), rgba(6, 14, 26, .96));
}
.cockpit-nav > small { margin: 18px 11px 7px; color: #5f7792; font: 800  12px/1 var(--mono); letter-spacing: .14em; }
.cockpit-nav a {
  position: relative;
  display: grid;
  min-height: 40px;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 7px;
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 8px 10px;
  color: #88a0b9;
  font-size: 12px;
}
.cockpit-nav a span { color: #6f8aa7; font: 700 14px/1 var(--mono); }
.cockpit-nav a b { border-radius: 100px; padding: 3px 4px; color: var(--v2-blue); background: rgba(53, 169, 255, .08); font: 800 7px/1 var(--mono); letter-spacing: .06em; }
.cockpit-nav a.active { border-color: rgba(53, 169, 255, .34); color: var(--paper); background: rgba(53, 169, 255, .11); }
.cockpit-nav a.active span { color: var(--v2-blue); }
.cockpit-main { min-width: 0; padding: 29px; background: radial-gradient(circle at 92% 4%, rgba(53, 169, 255, .12), transparent 35%), #081424; }
.cockpit-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.cockpit-heading small,
.library-footprint > small,
.cockpit-cards small { color: #70869f; font: 800  12px/1.25 var(--mono); letter-spacing: .12em; }
.cockpit-heading h2 { margin: 7px 0 0; color: var(--paper); font-size: 33px; letter-spacing: -.055em; }
.cockpit-online { border: 1px solid rgba(102, 228, 182, .24); border-radius: 100px; padding: 7px 9px; color: var(--v2-green); background: rgba(102, 228, 182, .055); font: 800  12px/1 var(--mono); letter-spacing: .1em; }
.cockpit-online::before { display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; content: ""; }
.library-footprint { margin-top: 23px; border: 1px solid var(--v2-line); border-radius: 10px; padding: 20px; background: rgba(5, 12, 23, .68); }
.footprint-title { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 23px; }
.footprint-title span { color: #9dafc3; font-size: 13px; }
.footprint-title strong { color: var(--v2-blue); font: 700 18px/1 var(--mono); }
.footprint-row { display: grid; grid-template-columns: 94px 1fr 72px; align-items: center; gap: 13px; margin: 13px 0; color: #879ab0; font-size: 12px; }
.footprint-row i { position: relative; height: 12px; overflow: hidden; border-radius: 100px; background: rgba(255, 255, 255, .055); }
.footprint-row em { position: absolute; inset: 0; background: linear-gradient(90deg, #50667e, #71879d); }
.footprint-row.compact em { width: 24.26%; background: linear-gradient(90deg, var(--v2-blue-hot), var(--v2-cyan)); box-shadow: 0 0 18px rgba(53, 169, 255, .28); }
.footprint-row b { color: #d9e8f8; font: 700  12px/1 var(--mono); text-align: right; }
.library-footprint > small { display: block; margin-top: 20px; color: #6f859d; letter-spacing: 0; line-height: 1.55; }
.cockpit-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.cockpit-cards article { display: flex; min-height: 110px; flex-direction: column; justify-content: center; gap: 8px; border: 1px solid var(--v2-line); border-radius: 9px; padding: 16px; background: rgba(6, 14, 26, .8); }
.cockpit-cards strong { color: #e2edf9; font-size: 17px; letter-spacing: -.03em; }
.cockpit-cards span { color: #7f94aa; font-size: 12px; }
.cockpit-cards .cockpit-localize { border-color: rgba(53, 169, 255, .34); background: linear-gradient(145deg, rgba(53, 169, 255, .11), rgba(6, 14, 26, .9)); }
.cockpit-cards .cockpit-localize strong { color: var(--v2-blue); }
.cockpit-cards .cockpit-mods { border-color: rgba(170, 161, 255, .24); }
.cockpit-cards .cockpit-mods strong { color: #c3bdff; }

.ecosystem-ribbon { border-top: 1px solid var(--v2-line); border-bottom: 1px solid var(--v2-line); background: linear-gradient(90deg, #07101c, #09182a 48%, #07111e); }
.ecosystem-ribbon-inner { display: grid; width: min(calc(100% - 48px), 1400px); min-height: 168px; grid-template-columns: .82fr 1.24fr .94fr; align-items: stretch; gap: 1px; margin: 0 auto; background: var(--v2-line); }
.ecosystem-ribbon-inner > div { display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: 9px; padding: 27px 30px; background: linear-gradient(145deg, rgba(8, 20, 35, .98), rgba(5, 13, 24, .98)); }
.ecosystem-ribbon small { color: #6f89a4; font: 800 12px/1.25 var(--mono); letter-spacing: .11em; }
.ecosystem-title strong { color: var(--paper); font-size: 21px; letter-spacing: -.035em; }
.ecosystem-title span,
.ecosystem-devices span { color: #8399b0; font-size: 12px; line-height: 1.5; }
.ecosystem-launchers { display: grid !important; grid-template-columns: auto 1fr; align-content: center; align-items: center; column-gap: 21px; row-gap: 13px; }
.ecosystem-steam { display: flex; grid-row: 1 / 3; align-items: center; gap: 11px; border-right: 1px solid var(--v2-line); padding-right: 21px; }
.ecosystem-steam img { width: 42px; height: 42px; border-radius: 50%; padding: 8px; background: rgba(53, 169, 255, .1); }
.ecosystem-steam b { color: #dce9f7; font-size: 13px; white-space: nowrap; }
.ecosystem-logos { display: flex; align-items: center; gap: 8px; }
.ecosystem-logos img { width: 29px; height: 29px; object-fit: contain; border: 1px solid rgba(113, 199, 255, .13); border-radius: 7px; padding: 4px; background: rgba(113, 199, 255, .04); }
.ecosystem-launchers > small { align-self: start; }
.ecosystem-devices strong { color: #dce9f7; font-size: 14px; }
.ecosystem-devices small:nth-of-type(2) { margin-top: 6px; color: var(--v2-blue); }

.v2-section,
.proof-stage,
.trust-stage,
.v2-faq {
  width: min(calc(100% - 48px), 1320px);
  margin: 0 auto;
  padding: 135px 0;
}
.split-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .55fr); align-items: end; gap: clamp(55px, 8vw, 120px); }
.split-heading h2,
.feature-copy h2,
.access-card h2,
.trust-copy h2,
.v2-faq h2,
.closing-stage h2 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(48px, 5.4vw, 76px);
  font-weight: 680;
  letter-spacing: -.068em;
  line-height: .94;
}
.split-heading > p,
.feature-copy > p,
.trust-copy > p {
  margin: 0 0 4px;
  color: var(--v2-copy);
  font-size: 16px;
  line-height: 1.75;
}
.outcome-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 68px; }
.outcome-card { position: relative; min-height: 410px; overflow: hidden; border: 1px solid var(--v2-line); border-radius: 12px; padding: 27px; background: linear-gradient(150deg, rgba(14, 29, 49, .88), rgba(6, 13, 25, .98)); }
.outcome-card::after { position: absolute; right: -80px; bottom: -80px; width: 190px; height: 190px; border: 1px solid rgba(113, 199, 255, .08); border-radius: 50%; content: ""; box-shadow: 0 0 0 35px rgba(53, 169, 255, .012); }
.outcome-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #8499b0; font: 800  12px/1.3 var(--mono); letter-spacing: .09em; }
.outcome-top b { border-radius: 100px; padding: 6px 8px; color: var(--v2-blue); background: rgba(53, 169, 255, .07); font-size: 12px; }
.outcome-live .outcome-top b { color: var(--v2-green); background: rgba(102, 228, 182, .07); }
.outcome-next .outcome-top b { color: #c4bfff; background: rgba(170, 161, 255, .08); }
.outcome-icon { display: grid; width: 55px; height: 55px; place-items: center; margin-top: 56px; border: 1px solid rgba(113, 199, 255, .28); border-radius: 12px; color: var(--v2-blue); background: rgba(53, 169, 255, .08); font: 500 24px/1 var(--mono); }
.outcome-language .outcome-icon { color: var(--v2-cyan); }
.outcome-next .outcome-icon { border-color: rgba(170, 161, 255, .25); color: #c4bfff; background: rgba(170, 161, 255, .06); }
.outcome-card h3 { margin: 27px 0 0; color: var(--paper); font-size: 27px; letter-spacing: -.05em; }
.outcome-card p { margin: 17px 0 0; color: #9aadc1; font-size: 14px; line-height: 1.68; }
.outcome-card > small { position: absolute; right: 27px; bottom: 25px; left: 27px; z-index: 1; color: #71879f; font: 700  12px/1.5 var(--mono); }

.feature-stage { position: relative; overflow: hidden; border-top: 1px solid var(--v2-line); border-bottom: 1px solid var(--v2-line); }
.feature-stage-inner { display: grid; width: min(calc(100% - 48px), 1320px); min-height: 860px; grid-template-columns: minmax(0, .85fr) minmax(560px, 1.15fr); align-items: center; gap: clamp(60px, 8vw, 125px); margin: 0 auto; padding: 120px 0; }
.feature-stage-inner.reverse { grid-template-columns: minmax(560px, 1.1fr) minmax(0, .9fr); }
.localize-stage { background: radial-gradient(circle at 86% 24%, rgba(53, 169, 255, .17), transparent 31%), linear-gradient(145deg, #081524, #07101d 62%, #050a13); }
.mods-stage { background: radial-gradient(circle at 15% 40%, rgba(170, 161, 255, .11), transparent 34%), linear-gradient(155deg, #060b15, #090f1f 52%, #07111e); }
.feature-copy h2 em { display: block; }
.feature-copy > p { max-width: 620px; margin-top: 30px; }
.feature-list { display: grid; gap: 0; margin: 38px 0 0; border-top: 1px solid var(--v2-line); padding: 0; list-style: none; }
.feature-list li { display: grid; grid-template-columns: minmax(170px, .58fr) 1fr; gap: 25px; border-bottom: 1px solid var(--v2-line); padding: 20px 0; }
.feature-list b { color: #dce9f7; font-size: 13px; }
.feature-list span { color: #8298af; font-size: 12px; line-height: 1.6; }
.localize-console,
.mods-console { overflow: hidden; border: 1px solid rgba(113, 199, 255, .3); border-radius: 15px; padding: 28px; background: linear-gradient(145deg, rgba(12, 29, 49, .96), rgba(5, 12, 23, .98)); box-shadow: 0 38px 90px rgba(0, 0, 0, .34); }
.mods-console { border-color: rgba(170, 161, 255, .25); }
.console-label { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--v2-line); padding-bottom: 19px; color: #748aa2; font: 800  12px/1.4 var(--mono); letter-spacing: .1em; }
.console-label b { border-radius: 100px; padding: 6px 8px; color: var(--v2-blue); background: rgba(53, 169, 255, .07); font-size: 12px; }
.mods-console .console-label b { color: #c5c0ff; background: rgba(170, 161, 255, .07); }
.selected-game { display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 19px; margin-top: 25px; border: 1px solid var(--v2-line); border-radius: 10px; padding: 12px; background: rgba(4, 10, 20, .55); }
.game-art-slice { height: 86px; overflow: hidden; border-radius: 7px; }
.game-art-slice img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }
.selected-game small,
.language-route small,
.mods-game small { color: #71869e; font: 800  12px/1 var(--mono); letter-spacing: .1em; }
.selected-game h3,
.mods-game h3 { margin: 8px 0 0; color: var(--paper); font-size: 20px; letter-spacing: -.035em; }
.selected-game p,
.mods-game p { margin: 6px 0 0; color: #8195ab; font-size: 12px; }
.verified-chip { border: 1px solid rgba(102, 228, 182, .24); border-radius: 100px; padding: 6px 8px; color: var(--v2-green); font: 800  12px/1 var(--mono); letter-spacing: .08em; }
.language-route { display: grid; grid-template-columns: 1fr 35px 1fr; align-items: stretch; gap: 10px; margin-top: 12px; }
.language-route article { display: flex; min-height: 124px; flex-direction: column; justify-content: center; gap: 8px; border: 1px solid var(--v2-line); border-radius: 10px; padding: 20px; background: rgba(4, 10, 20, .55); }
.language-route > i { align-self: center; color: var(--v2-blue); font-style: normal; text-align: center; }
.language-route strong { color: #e7f1fc; font-size: 25px; letter-spacing: -.04em; }
.language-route span { color: #7f94aa; font-size: 12px; }
.language-route .language-target { border-color: rgba(53, 169, 255, .36); background: linear-gradient(145deg, rgba(53, 169, 255, .12), rgba(5, 12, 23, .85)); }
.language-route .language-target strong { color: var(--v2-blue); }
.preview-action,
.mods-actions a { width: 100%; border: 1px solid rgba(53, 169, 255, .46); border-radius: 8px; color: #04101c; background: linear-gradient(100deg, var(--v2-blue), var(--v2-cyan)); font-size: 13px; font-weight: 800; text-decoration: none; }
.preview-action { display: flex; min-height: 54px; align-items: center; justify-content: space-between; margin-top: 15px; padding: 0 19px; }
.preview-note { margin: 15px 0 0; color: #6f849b; font:  12px/1.5 var(--mono); text-align: center; }
.mods-game { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 15px; margin-top: 25px; border: 1px solid rgba(170, 161, 255, .2); border-radius: 10px; padding: 18px; background: rgba(10, 12, 27, .62); }
.mods-game-icon { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(170, 161, 255, .3); border-radius: 10px; color: #c3bdff; background: rgba(170, 161, 255, .07); font-size: 22px; }
.mods-game > b { color: var(--v2-green); font: 800  12px/1 var(--mono); letter-spacing: .08em; }
.mod-stack { display: grid; margin: 14px 0 0; border: 1px solid var(--v2-line); border-radius: 10px; padding: 0; overflow: hidden; list-style: none; }
.mod-stack li { display: grid; min-height: 79px; grid-template-columns: 35px 1fr 25px; align-items: center; gap: 12px; border-bottom: 1px solid var(--v2-line); padding: 13px 17px; background: rgba(4, 10, 20, .48); }
.mod-stack li:last-child { border-bottom: 0; }
.mod-stack li > span { color: #756fae; font: 800  12px/1 var(--mono); }
.mod-stack div { display: flex; flex-direction: column; gap: 7px; }
.mod-stack b { color: #dbe7f5; font-size: 12px; }
.mod-stack small { color: #71869d; font-size: 12px; }
.mod-stack i { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: var(--v2-green); background: rgba(102, 228, 182, .08); font: normal 800  12px/1 var(--mono); }
.mods-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.mods-actions a { display: grid; min-height: 49px; place-items: center; padding: 0 14px; text-align: center; }
.mods-actions a:last-child { color: #d9e5f3; background: rgba(170, 161, 255, .07); border-color: rgba(170, 161, 255, .25); }

.proof-stage { width: 100%; padding-right: max(24px, calc((100vw - 1320px) / 2)); padding-left: max(24px, calc((100vw - 1320px) / 2)); background: radial-gradient(circle at 16% 18%, rgba(53, 169, 255, .11), transparent 24%), linear-gradient(180deg, #070d19, #091421 68%, #070d18); }
.proof-heading-action { display: grid; align-content: start; gap: 24px; }
.proof-heading-action p { margin: 0; color: var(--v2-copy); font-size: 16px; line-height: 1.75; }
.proof-heading-action .button { width: max-content; }
.flagship-proof { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(430px, .88fr); gap: 1px; margin-top: 70px; overflow: hidden; border: 1px solid rgba(113, 199, 255, .34); border-radius: 15px; background: rgba(53, 169, 255, .2); box-shadow: 0 34px 90px rgba(0, 0, 0, .28); }
.flagship-proof figure { position: relative; min-height: 550px; margin: 0; overflow: hidden; }
.flagship-proof figure::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, transparent 55%, rgba(5, 12, 23, .58)), linear-gradient(0deg, rgba(5, 12, 23, .75), transparent 37%); }
.flagship-proof figure img { width: 100%; height: 100%; object-fit: cover; }
.flagship-proof figcaption { position: absolute; right: 20px; bottom: 17px; left: 20px; z-index: 1; color: rgba(238, 246, 255, .65); font:  12px/1.5 var(--mono); }
.flagship-proof-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(36px, 4vw, 58px); background: radial-gradient(circle at 100% 0, rgba(53, 169, 255, .15), transparent 36%), rgba(6, 14, 26, .98); }
.proof-badges { display: flex; flex-wrap: wrap; gap: 7px; }
.proof-badges span { border: 1px solid rgba(113, 199, 255, .25); border-radius: 100px; padding: 7px 9px; color: var(--v2-blue); background: rgba(53, 169, 255, .06); font: 800  12px/1 var(--mono); letter-spacing: .07em; }
.flagship-proof-copy > small { margin-top: 30px; color: #7f94aa; font: 800  12px/1 var(--mono); letter-spacing: .11em; }
.flagship-proof h3 { margin: 12px 0 0; color: var(--paper); font-size: clamp(34px, 3.7vw, 52px); letter-spacing: -.06em; }
.flagship-proof-copy > strong { margin-top: 20px; color: var(--v2-blue); font-size: clamp(70px, 7vw, 102px); letter-spacing: -.075em; line-height: .87; }
.flagship-proof-copy > p { margin: 24px 0 0; color: #9bacc0; font-size: 14px; line-height: 1.66; }
.proof-storage { display: grid; gap: 13px; margin-top: 29px; border-top: 1px solid var(--v2-line); border-bottom: 1px solid var(--v2-line); padding: 23px 0; }
.proof-storage > div { display: grid; grid-template-columns: 155px minmax(0, 1fr) 75px; align-items: center; gap: 13px; }
.proof-storage span { color: #8196ad; font: 800 12px/1.35 var(--mono); letter-spacing: .06em; }
.proof-storage i { position: relative; height: 17px; overflow: hidden; border-radius: 3px; background: rgba(255, 255, 255, .045); }
.proof-storage em { position: absolute; inset: 0; background: linear-gradient(90deg, #51667d, #758ba2); }
.proof-storage-after em { width: 24.26%; background: linear-gradient(90deg, var(--v2-blue-hot), var(--v2-cyan)); box-shadow: 0 0 18px rgba(53, 169, 255, .28); }
.proof-storage b { color: #dce9f7; font: 800 12px/1 var(--mono); text-align: right; }
.proof-storage > strong { margin-top: 7px; color: var(--v2-blue); font: 800 14px/1.45 var(--mono); letter-spacing: .04em; }
.proof-storage > strong small { color: var(--v2-green); font: inherit; }
.flagship-proof ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 25px 0 0; border: 1px solid var(--v2-line); border-radius: 8px; padding: 0; overflow: hidden; background: var(--v2-line); list-style: none; }
.flagship-proof li { display: flex; min-height: 75px; flex-direction: column; justify-content: center; gap: 6px; padding: 12px; background: rgba(5, 12, 23, .95); }
.flagship-proof li b { color: var(--v2-green); font-size: 15px; }
.flagship-proof li:nth-child(2) b { color: var(--v2-blue); }
.flagship-proof li span { color: #71879e; font-size: 12px; text-transform: uppercase; }
.proof-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 10px; }
.proof-cards article { display: grid; min-height: 260px; grid-template-columns: 43% 57%; overflow: hidden; border: 1px solid var(--v2-line); border-radius: 11px; background: linear-gradient(145deg, rgba(14, 29, 49, .9), rgba(6, 13, 25, .98)); }
.proof-cards img { width: 100%; height: 100%; object-fit: cover; }
.proof-cards article > div { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 22px; }
.proof-cards small { color: #7f93aa; font: 800  12px/1.3 var(--mono); letter-spacing: .08em; }
.proof-cards h3 { min-height: 55px; margin: 20px 0 0; color: var(--paper); font-size: 20px; letter-spacing: -.04em; line-height: 1.05; }
.proof-cards strong { margin-top: 20px; color: var(--v2-blue); font-size: 39px; letter-spacing: -.065em; }
.proof-cards span { margin-top: 7px; color: var(--v2-green); font: 700  12px/1.4 var(--mono); }
.proof-disclaimer { margin: 23px 0 0; color: #71869d; font:  12px/1.6 var(--mono); }

.integration-stage { border-top: 1px solid var(--v2-line); border-bottom: 1px solid var(--v2-line); background: radial-gradient(circle at 85% 30%, rgba(53, 169, 255, .12), transparent 27%), linear-gradient(145deg, #081626, #07101d 62%, #060b15); }
.integration-stage-inner { width: min(calc(100% - 48px), 1320px); margin: 0 auto; padding: 135px 0; }
.integration-showcase { display: grid; grid-template-columns: 1.05fr .95fr; gap: 10px; margin-top: 70px; }
.steam-feature { display: grid; min-height: 250px; grid-template-columns: 65px 1fr auto; align-items: center; gap: 20px; border: 1px solid rgba(113, 199, 255, .35); border-radius: 12px; padding: 32px; background: linear-gradient(140deg, rgba(53, 169, 255, .14), rgba(7, 16, 29, .94)); }
.steam-feature > img { width: 56px; height: 56px; border-radius: 50%; padding: 12px; background: rgba(53, 169, 255, .12); }
.steam-feature small,
.device-integrations small { color: var(--v2-blue); font: 800  12px/1 var(--mono); letter-spacing: .1em; }
.steam-feature h3,
.device-integrations h3 { margin: 12px 0 0; color: var(--paper); font-size: 29px; letter-spacing: -.05em; }
.steam-feature p,
.device-integrations p { margin: 12px 0 0; color: #91a4ba; font-size: 13px; line-height: 1.65; }
.steam-feature > b { border: 1px solid rgba(102, 228, 182, .22); border-radius: 100px; padding: 7px 9px; color: var(--v2-green); background: rgba(102, 228, 182, .06); font: 800  12px/1 var(--mono); letter-spacing: .08em; }
.integration-logos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.integration-logos span { display: grid; min-height: 120px; grid-template-columns: 38px 1fr; grid-template-rows: 1fr 1fr; align-items: end; border: 1px solid var(--v2-line); border-radius: 10px; padding: 17px; background: rgba(6, 14, 26, .76); }
.integration-logos img { grid-row: 1 / -1; align-self: center; max-width: 31px; max-height: 31px; }
.integration-logos b { align-self: end; color: #d9e6f4; font-size: 12px; }
.integration-logos small { align-self: start; color: #7389a0; font: 800  12px/1 var(--mono); text-transform: uppercase; }
.device-integrations { display: grid; grid-column: 1 / -1; grid-template-columns: 1fr 1fr; gap: 10px; }
.device-integrations article { display: grid; min-height: 210px; grid-template-columns: 155px 1fr; align-items: center; gap: 5px; border: 1px solid var(--v2-line); border-radius: 12px; padding: 28px; background: rgba(6, 14, 26, .72); }
.device-integrations .integration-device-glyph { justify-self: center; margin: 0; transform: scale(.78); }

.access-stage { padding: 115px max(24px, calc((100vw - 1320px) / 2)); background: #060914; }
.access-card { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; overflow: hidden; border: 1px solid rgba(113, 199, 255, .32); border-radius: 15px; padding: clamp(45px, 6vw, 82px); background: radial-gradient(circle at 86% 18%, rgba(53, 169, 255, .16), transparent 29%), linear-gradient(145deg, #0a1a2d, #07111e 62%, #07101d); }
.access-card > div:first-child > p:not(.eyebrow) { max-width: 560px; margin: 28px 0 0; color: var(--v2-copy); font-size: 15px; line-height: 1.75; }
.access-card .button { margin-top: 30px; }
.access-options { display: grid; gap: 10px; }
.access-options article { display: grid; min-height: 150px; grid-template-columns: minmax(0, 1fr) minmax(180px, .65fr); align-content: center; gap: 9px 25px; border: 1px solid var(--v2-line); border-radius: 10px; padding: 24px; background: rgba(5, 12, 23, .62); }
.access-options small { color: var(--v2-blue); font: 800  12px/1 var(--mono); letter-spacing: .1em; }
.access-options strong { grid-column: 1; color: var(--paper); font-size: 22px; letter-spacing: -.04em; }
.access-options p { grid-column: 1; margin: 0; color: #8599b0; font-size: 12px; line-height: 1.55; }
.access-options span,
.access-options a { grid-column: 2; grid-row: 1 / 4; align-self: center; color: #7e94ab; font: 800  12px/1.5 var(--mono); text-align: right; }
.access-options a { color: var(--v2-blue); }

.trust-stage { display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 90px; }
.trust-copy h2 { font-size: clamp(45px, 4.8vw, 67px); }
.trust-copy > p { margin-top: 27px; }
.trust-points { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border: 1px solid var(--v2-line); border-radius: 11px; overflow: hidden; background: var(--v2-line); }
.trust-points span { display: flex; min-height: 175px; flex-direction: column; justify-content: center; gap: 12px; padding: 28px; background: rgba(7, 16, 29, .95); }
.trust-points b { color: #e1ecf8; font-size: 18px; }
.trust-points small { color: #8297ae; font-size: 12px; line-height: 1.65; }
.trust-points b::before { display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; border-radius: 50%; background: var(--v2-green); box-shadow: 0 0 11px rgba(102, 228, 182, .65); content: ""; }

.v2-faq { display: grid; grid-template-columns: .65fr 1.35fr; gap: 80px; border-top: 1px solid var(--v2-line); }
.v2-faq > div { display: grid; }
.v2-faq details { border-bottom: 1px solid var(--v2-line); }
.v2-faq summary { position: relative; padding: 26px 42px 26px 0; color: #dce8f5; cursor: pointer; font-size: 16px; font-weight: 700; list-style: none; }
.v2-faq summary::-webkit-details-marker { display: none; }
.v2-faq summary::after { position: absolute; top: 25px; right: 4px; color: var(--v2-blue); content: "+"; font: 400 22px/1 var(--mono); }
.v2-faq details[open] summary::after { content: "−"; }
.v2-faq details p { max-width: 720px; margin: -5px 0 26px; color: #8fa3b9; font-size: 13px; line-height: 1.7; }

.closing-stage { display: flex; min-height: 680px; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; padding: 110px 24px; text-align: center; background: radial-gradient(circle at 50% 40%, rgba(53, 169, 255, .17), transparent 31%), linear-gradient(180deg, #07101d, #050912); }
.closing-stage .eyebrow { justify-content: center; }
.closing-stage h2 { max-width: 1000px; font-size: clamp(55px, 7vw, 96px); }
.closing-stage > p:not(.eyebrow) { margin: 29px 0 0; color: #9bacc0; font-size: 17px; }
.closing-stage .button { margin-top: 33px; }

.home-v2 footer { grid-template-columns: 1.1fr .75fr .75fr .9fr 1.2fr; }
.home-v2 footer .company { grid-column: auto; }

@media (max-width: 1220px) {
  .v2-hero { grid-template-columns: minmax(380px, .8fr) minmax(540px, 1.2fr); gap: 45px; }
  .v2-hero h1 { font-size: clamp(54px, 5.7vw, 72px); }
  .cockpit-body { grid-template-columns: 154px minmax(0, 1fr); }
  .cockpit-nav { padding-inline: 10px; }
  .cockpit-main { padding: 23px; }
  .outcome-grid { grid-template-columns: 1fr 1fr; }
  .outcome-card { min-height: 350px; }
  .proof-cards article { grid-template-columns: 38% 62%; }
  .home-v2 footer { grid-template-columns: 1fr 1fr 1fr; }
  .home-v2 footer .company { grid-column: auto; }
}

@media (max-width: 1040px) {
  .v2-hero { grid-template-columns: 1fr; padding-top: 145px; }
  .v2-hero-copy { max-width: 820px; }
  .v2-hero h1 { font-size: clamp(62px, 9vw, 88px); }
  .product-cockpit { width: min(100%, 860px); transform: none; }
  .ecosystem-ribbon-inner { grid-template-columns: 1fr 1fr; }
  .ecosystem-title { grid-column: 1 / -1; min-height: 120px; }
  .feature-stage-inner,
  .feature-stage-inner.reverse { grid-template-columns: 1fr; }
  .feature-stage-inner.reverse .mods-console { order: 2; }
  .feature-stage-inner.reverse .feature-copy { order: 1; }
  .feature-copy { max-width: 780px; }
  .flagship-proof { grid-template-columns: 1fr; }
  .flagship-proof figure { min-height: 480px; }
  .proof-cards { grid-template-columns: 1fr; }
  .proof-cards article { min-height: 230px; grid-template-columns: 35% 65%; }
  .integration-showcase { grid-template-columns: 1fr; }
  .device-integrations { grid-column: auto; }
  .access-card { grid-template-columns: 1fr; }
  .trust-stage { grid-template-columns: 1fr; }
  .v2-faq { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
  .home-v2 .eyebrow { font-size: 12px; line-height: 1.5; }
  .v2-hero { min-height: auto; padding: 138px 18px 78px; }
  .v2-hero h1 { font-size: clamp(51px, 14vw, 72px); }
  .v2-hero-lede { font-size: 16px; }
  .v2-hero-proof { grid-template-columns: 1fr; }
  .v2-hero-proof li { min-height: 90px; }
  .cockpit-body { grid-template-columns: 1fr; }
  .cockpit-nav { display: grid; grid-template-columns: repeat(4, 1fr); border-right: 0; border-bottom: 1px solid var(--v2-line); padding: 10px; }
  .cockpit-nav > small { display: none; }
  .cockpit-nav a { min-height: 46px; grid-template-columns: 1fr; justify-items: center; gap: 4px; padding: 6px 4px; font-size: 12px; text-align: center; }
  .cockpit-nav a span { font-size: 13px; }
  .cockpit-nav a b { display: none; }
  .cockpit-main { padding: 18px; }
  .footprint-title { align-items: flex-start; flex-direction: column; }
  .footprint-row { grid-template-columns: 78px 1fr 60px; }
  .cockpit-cards { grid-template-columns: 1fr; }
  .ecosystem-ribbon-inner { width: 100%; grid-template-columns: 1fr; }
  .ecosystem-title { grid-column: auto; min-height: 0; }
  .ecosystem-ribbon-inner > div { padding: 24px 18px; }
  .ecosystem-launchers { grid-template-columns: auto 1fr; }
  .v2-section,
  .proof-stage,
  .trust-stage,
  .v2-faq { width: 100%; padding: 95px 18px; }
  .split-heading { grid-template-columns: 1fr; gap: 28px; }
  .split-heading h2,
  .feature-copy h2,
  .access-card h2,
  .trust-copy h2,
  .v2-faq h2 { font-size: clamp(43px, 12vw, 62px); }
  .split-heading > p,
  .feature-copy > p,
  .trust-copy > p { font-size: 14px; }
  .outcome-grid { grid-template-columns: 1fr; margin-top: 45px; }
  .outcome-card { min-height: 365px; }
  .feature-stage-inner { width: 100%; min-height: 0; gap: 55px; padding: 90px 18px; }
  .feature-list li { grid-template-columns: 1fr; gap: 8px; }
  .localize-console,
  .mods-console { padding: 17px; }
  .selected-game { grid-template-columns: 80px 1fr; }
  .verified-chip { grid-column: 2; justify-self: start; }
  .game-art-slice { height: 72px; }
  .language-route { grid-template-columns: 1fr; }
  .language-route > i { transform: rotate(90deg); }
  .mods-actions { grid-template-columns: 1fr; }
  .flagship-proof { margin-top: 48px; }
  .flagship-proof figure { min-height: 300px; }
  .flagship-proof-copy { padding: 28px 21px; }
  .flagship-proof-copy > strong { font-size: 72px; }
  .flagship-proof ul { grid-template-columns: 1fr; }
  .proof-storage > div { grid-template-columns: 130px minmax(0, 1fr) 70px; }
  .proof-cards article { min-height: 380px; grid-template-columns: 1fr; grid-template-rows: 190px 1fr; }
  .integration-stage-inner { width: 100%; padding: 95px 18px; }
  .steam-feature { grid-template-columns: 55px 1fr; padding: 24px; }
  .steam-feature > b { grid-column: 2; justify-self: start; }
  .integration-logos { grid-template-columns: 1fr 1fr; }
  .device-integrations { grid-template-columns: 1fr; }
  .device-integrations article { grid-template-columns: 120px 1fr; padding: 20px; }
  .device-integrations .integration-device-glyph { transform: scale(.67); }
  .access-stage { padding: 80px 18px; }
  .access-card { gap: 48px; padding: 30px 22px; }
  .access-options article { grid-template-columns: 1fr; }
  .access-options span,
  .access-options a { grid-column: 1; grid-row: auto; text-align: left; }
  .trust-stage { gap: 45px; }
  .trust-points { grid-template-columns: 1fr; }
  .v2-faq { gap: 40px; }
  .closing-stage { min-height: 580px; padding-inline: 18px; }
  .closing-stage h2 { font-size: clamp(50px, 14vw, 70px); }
  .home-v2 footer { grid-template-columns: 1fr 1fr; }
  .home-v2 footer .company { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
  .cockpit-heading { align-items: flex-start; flex-direction: column; }
  .footprint-row { grid-template-columns: 1fr auto; }
  .footprint-row i { grid-column: 1 / -1; }
  .proof-storage > div { grid-template-columns: 1fr auto; }
  .proof-storage i { grid-column: 1 / -1; }
  .ecosystem-launchers { grid-template-columns: 1fr !important; }
  .ecosystem-steam { grid-row: auto; border-right: 0; border-bottom: 1px solid var(--v2-line); padding: 0 0 17px; }
  .integration-logos { grid-template-columns: 1fr; }
  .device-integrations article { grid-template-columns: 1fr; text-align: center; }
  .device-integrations .integration-device-glyph { margin: 10px auto 20px; }
  .home-v2 footer { grid-template-columns: 1fr; }
  .home-v2 footer .company { grid-column: auto; }
}

/* The public site keeps a real readability floor, including product mockups. */
.home-v2 .cockpit-chrome,
.home-v2 .cockpit-chrome b,
.home-v2 .cockpit-nav > small,
.home-v2 .cockpit-nav a,
.home-v2 .cockpit-heading small,
.home-v2 .library-footprint > small,
.home-v2 .cockpit-cards small,
.home-v2 .cockpit-online,
.home-v2 .footprint-row,
.home-v2 .footprint-row b,
.home-v2 .cockpit-cards span,
.home-v2 .ecosystem-ribbon small,
.home-v2 .outcome-top,
.home-v2 .outcome-top b,
.home-v2 .outcome-card > small,
.home-v2 .console-label,
.home-v2 .console-label b,
.home-v2 .selected-game small,
.home-v2 .language-route small,
.home-v2 .mods-game small,
.home-v2 .selected-game p,
.home-v2 .mods-game p,
.home-v2 .verified-chip,
.home-v2 .language-route span,
.home-v2 .preview-note,
.home-v2 .mods-game > b,
.home-v2 .mod-stack li > span,
.home-v2 .mod-stack small,
.home-v2 .mod-stack i,
.home-v2 .flagship-proof figcaption,
.home-v2 .proof-badges span,
.home-v2 .flagship-proof-copy > small,
.home-v2 .flagship-proof li span,
.home-v2 .proof-cards small,
.home-v2 .proof-cards span,
.home-v2 .proof-disclaimer,
.home-v2 .steam-feature small,
.home-v2 .device-integrations small,
.home-v2 .steam-feature > b,
.home-v2 .integration-logos small,
.home-v2 .access-options small,
.home-v2 .access-options span,
.home-v2 .access-options a {
  font-size: 12px;
}

@media (max-width: 780px) {
  .home-v2 .eyebrow,
  .home-v2 .cockpit-nav a { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .product-cockpit { transform: none; }
}