@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap');

:root {
  --bg: #040914;
  --bg-2: #071120;
  --bg-3: #0b1830;
  --surface: rgba(9, 17, 32, 0.84);
  --surface-strong: rgba(10, 19, 37, 0.96);
  --surface-soft: rgba(12, 24, 46, 0.72);
  --surface-glass: linear-gradient(180deg, rgba(13, 24, 45, 0.92), rgba(8, 15, 31, 0.88));
  --line: rgba(117, 181, 255, 0.16);
  --line-strong: rgba(125, 196, 255, 0.28);
  --text: #eff6ff;
  --muted: #9fb1ca;
  --muted-2: #7c90ac;
  --blue: #1772ff;
  --blue-2: #0a4fd4;
  --cyan: #53dcff;
  --cyan-2: #9af1ff;
  --orange: #ffb369;
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.36);
  --shadow-soft: 0 20px 54px rgba(0, 0, 0, 0.28);
  --radius: 24px;
  --radius-sm: 18px;
  --container: 1240px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--text);
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 10%, rgba(65, 122, 255, 0.12), transparent 20%),
    radial-gradient(circle at 90% 10%, rgba(83, 220, 255, 0.08), transparent 20%),
    linear-gradient(180deg, #040914 0%, #06101d 42%, #050b16 100%);
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button,input,select,textarea { font: inherit; }
button { cursor: pointer; }
.site-shell { overflow: clip; }
.container { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; }
.narrow { max-width: 900px; }
.section { position: relative; padding: 96px 0; }
.section-alt {
  background: linear-gradient(180deg, rgba(6, 12, 23, 0.88), rgba(4, 9, 20, 0.56));
  border-block: 1px solid rgba(110, 173, 255, 0.08);
}
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .8s ease, transform .8s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

.site-header {
  position: sticky; top: 0; z-index: 100;
  background: linear-gradient(180deg, rgba(4, 9, 20, 0.9), rgba(5, 10, 22, 0.72));
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(96, 155, 255, 0.1);
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.site-header::after {
  content: ''; position: absolute; inset: auto 0 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(83, 220, 255, 0.26), transparent);
}
.site-header.scrolled {
  background: linear-gradient(180deg, rgba(4, 9, 20, 0.96), rgba(6, 12, 24, 0.92));
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
  border-color: rgba(112, 178, 255, 0.15);
}
.header-inner {
  min-height: 96px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 26px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.brand-mark {
  width: 56px; height: 56px; border-radius: 18px;
  display: grid; place-items: center;
  background: linear-gradient(180deg, rgba(9, 19, 37, 0.88), rgba(6, 12, 23, 0.84));
  border: 1px solid rgba(106, 175, 255, 0.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 16px 42px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}
.brand-mark img { width: 52px; height: 52px; object-fit: contain; filter: drop-shadow(0 12px 24px rgba(23, 114, 255, 0.25)); }
.brand-copy { display: flex; flex-direction: column; min-width: 0; }
.brand-name {
  font-family: 'Sora', 'Inter', system-ui, sans-serif;
  font-size: 1.55rem; font-weight: 800; letter-spacing: -.05em; line-height: 1;
  background: linear-gradient(135deg, #ffffff 0%, #c7eeff 22%, #58d9ff 55%, #1772ff 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.brand-sub {
  margin-top: 2px;
  color: var(--muted);
  font-size: .82rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
}
.desktop-nav {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  min-width: 0; padding: 8px; border-radius: 999px;
  background: rgba(6, 14, 27, 0.42);
  border: 1px solid rgba(106, 175, 255, 0.08);
}
.desktop-nav a {
  position: relative;
  padding: 14px 18px; border-radius: 999px;
  color: #dbe7f8; font-weight: 600; font-size: .98rem; letter-spacing: -.01em;
  transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.desktop-nav a:hover,
.desktop-nav a.active {
  color: #fff;
  background: linear-gradient(180deg, rgba(13, 26, 49, 0.95), rgba(9, 17, 33, 0.92));
  box-shadow: inset 0 0 0 1px rgba(108, 182, 255, 0.12);
}
.desktop-nav a.active::after {
  content: ''; position: absolute; left: 18px; right: 18px; bottom: 8px; height: 2px;
  border-radius: 999px; background: linear-gradient(90deg, transparent, var(--cyan), transparent);
}
.header-actions { display:flex; align-items:center; gap: 14px; }
.desktop-cta { white-space: nowrap; }

.locale-switcher { position: relative; }
.locale-trigger {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 10px;
  min-width: 86px; padding: 13px 14px 13px 16px;
  border-radius: 999px; color: #f7fbff;
  background: rgba(7, 15, 28, 0.92);
  border: 1px solid rgba(109, 176, 255, 0.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
.locale-trigger svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; }
.locale-menu {
  position:absolute; right:0; top:calc(100% + 12px); min-width: 220px; padding: 8px;
  background: rgba(7, 14, 28, 0.98); border: 1px solid var(--line); border-radius: 18px;
  box-shadow: var(--shadow-soft); opacity: 0; pointer-events: none; transform: translateY(8px); transition: .2s ease;
}
.locale-switcher.open .locale-menu { opacity: 1; pointer-events:auto; transform: translateY(0); }
.locale-menu a { display:block; padding:12px 14px; border-radius: 12px; color: var(--muted); font-size: .94rem; }
.locale-menu a:hover, .locale-menu a.active { background: rgba(83,220,255,.08); color:#fff; }

.button {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  border-radius:999px; padding: 14px 22px; min-height: 54px;
  border:1px solid transparent; font-weight:700; letter-spacing:-.01em;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.button:hover { transform: translateY(-1px); }
.button-primary {
  color:#fff;
  background: linear-gradient(135deg, #0f63ff 0%, #47d9ff 100%);
  box-shadow: 0 18px 44px rgba(19, 110, 255, 0.32);
}
.button-primary:hover { box-shadow: 0 22px 54px rgba(19, 110, 255, 0.4); }
.button-secondary,
.button-ghost {
  color:#fff;
  border-color: rgba(116, 187, 255, 0.2);
  background: linear-gradient(180deg, rgba(10, 20, 39, 0.82), rgba(8, 16, 31, 0.92));
}
.button-secondary:hover,
.button-ghost:hover { border-color: rgba(116, 187, 255, 0.34); background: rgba(12, 24, 47, 0.94); }
.mobile-toggle {
  display:none; width:46px; height:46px; border:1px solid rgba(112,178,255,.14); border-radius:14px;
  background: rgba(7, 15, 28, 0.88); align-items:center; justify-content:center; padding:0; flex-direction:column; gap:4px;
}
.mobile-toggle span { width:18px; height:2px; border-radius:999px; background:#fff; transition:.2s ease; }
.mobile-toggle.active span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.mobile-toggle.active span:nth-child(2) { opacity: 0; }
.mobile-toggle.active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.mobile-nav {
  display:none; position: absolute; left: 10px; right: 10px; top: calc(100% + 10px);
  background: rgba(6, 12, 24, 0.98); border:1px solid rgba(112,178,255,.14); border-radius: 22px;
  box-shadow: var(--shadow);
  opacity:0; pointer-events:none; transform: translateY(-8px); transition: .26s ease;
}
.mobile-nav.open { opacity:1; pointer-events:auto; transform: translateY(0); }
.mobile-nav-inner { display:grid; gap:10px; padding: 16px; }
.mobile-nav a {
  padding: 14px 16px; border-radius: 14px; color:#d9e5f6; background: rgba(10, 19, 35, .52);
  border: 1px solid rgba(110,173,255,0.06);
}
.mobile-nav a.active { background: rgba(83, 220, 255, 0.08); color:#fff; }

.hero { position: relative; padding: 112px 0 88px; overflow:hidden; }
.hero-subpage { padding: 92px 0 70px; }
.hero::before {
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(83, 220, 255, 0.1), transparent 24%),
    radial-gradient(circle at 82% 12%, rgba(23, 114, 255, 0.14), transparent 24%),
    linear-gradient(180deg, rgba(4,9,20,0.4), rgba(4,9,20,0.72));
  pointer-events:none;
}
.hero::after {
  content:''; position:absolute; inset:0;
  background-size: cover; background-position: center right; opacity: .2;
  mix-blend-mode: screen; pointer-events:none;
}
.hero-home::after { background-image: url('../img/hero-home.png'); opacity: .3; }
.page-transit .hero-subpage::after { background-image: url('../img/hero-transit.png'); opacity: .24; }
.page-game .hero-subpage::after,
.page-minecraft .hero-subpage::after,
.page-fivem .hero-subpage::after { background-image: url('../img/hero-game.png'); opacity: .22; }
.page-infrastructure .hero-subpage::after { background-image: url('../img/hero-infra.png'); opacity: .24; }
.page-contact .hero-subpage::after { background-image: url('../img/hero-home.png'); opacity: .18; }
.hero-backdrop { position:absolute; inset:0; pointer-events:none; }
.glow { position:absolute; border-radius: 50%; filter: blur(64px); opacity:.55; }
.glow-1 { width: 420px; height: 420px; right:-120px; top:30px; background: rgba(23,114,255,.24); }
.glow-2 { width: 320px; height: 320px; left:-80px; top:140px; background: rgba(83,220,255,.16); }
.grid-lines {
  position:absolute; inset:0;
  background-image: linear-gradient(rgba(76,133,219,0.038) 1px, transparent 1px), linear-gradient(90deg, rgba(76,133,219,0.038) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, rgba(255,255,255,.58), transparent 82%);
}
.hero-grid, .two-col { position:relative; z-index:1; display:grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, 440px); gap: 38px; align-items:center; }
.two-col.align-center { align-items: center; }
.two-col.align-start { align-items: start; }
.hero-copy h1, .section-heading h2, .cta-band h2, .glass-card h3, .contact-card h2, .contact-side h2, .faq-item summary, .metric-card strong { font-family: 'Sora', 'Inter', system-ui, sans-serif; }
.eyebrow {
  display:inline-flex; align-items:center; gap:8px; margin-bottom:18px;
  color: var(--cyan-2); text-transform: uppercase; letter-spacing: .18em; font-size: 12px; font-weight: 700;
}
.hero-copy h1 {
  margin:0; max-width: 12ch;
  font-size: clamp(2.7rem, 5vw, 4.9rem); line-height: 1.02; letter-spacing: -.05em;
}
.hero-text { margin: 24px 0 0; max-width: 740px; color: var(--muted); font-size: 18px; line-height: 1.8; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top: 30px; }
.hero-note { display:inline-flex; align-items:center; gap: 10px; margin-top: 22px; color: var(--cyan-2); font-size: 14px; font-weight: 600; }
.hero-note svg { width:18px; height:18px; stroke: currentColor; fill:none; stroke-width:1.9; }
.hero-panel { position:relative; display:grid; gap: 18px; z-index:1; }
.hero-panel-card, .glass-card {
  position:relative; overflow:hidden; border-radius: var(--radius);
  background: var(--surface-glass); border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}
.hero-panel-card::before, .glass-card::before {
  content:''; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.06), transparent 34%);
  pointer-events:none;
}
.hero-panel-card { padding: 28px; }
.panel-primary {
  background:
    radial-gradient(circle at top right, rgba(83, 220, 255, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(11, 27, 53, 0.98), rgba(8, 15, 31, 0.95));
}
.panel-secondary {
  background:
    radial-gradient(circle at bottom left, rgba(23,114,255,.14), transparent 34%),
    linear-gradient(180deg, rgba(10, 20, 39, 0.98), rgba(8, 15, 31, 0.95));
}
.panel-kicker { display:inline-block; margin-bottom: 12px; color: var(--cyan-2); font-size: 12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.price { margin: 12px 0 18px; color:#fff; font-size: clamp(2rem, 3vw, 2.8rem); font-weight:800; line-height:1.05; letter-spacing:-.05em; }
.price.big { font-size: clamp(2.7rem, 5vw, 4.2rem); }
.mini-metric { font-size: 48px; font-weight: 800; letter-spacing: -.05em; color: #fff; margin-bottom: 6px; }

.trust-strip { position: relative; z-index: 2; padding-bottom: 14px; }
.trust-grid { display:grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
.trust-pill {
  padding: 15px 16px; border-radius: 999px; text-align:center;
  background: rgba(8, 17, 32, 0.78); border: 1px solid rgba(103, 169, 255, 0.12);
  color: #e8f2ff; font-size: 14px; font-weight: 600;
}

.section-heading { max-width: 840px; margin-bottom: 36px; }
.section-heading.center { text-align:center; margin-inline:auto; }
.section-heading h2 { margin:0; font-size: clamp(2.1rem, 3vw, 3.3rem); line-height:1.06; letter-spacing: -.05em; }
.section-heading p { margin: 16px 0 0; color: var(--muted); font-size: 17px; line-height: 1.82; }
.feature-stack { display:grid; gap:14px; }
.feature-inline, .footnote { display:flex; align-items:flex-start; gap:12px; color: var(--text); line-height:1.68; }
.feature-inline svg, .footnote svg, .check-list svg, .card-icon svg, .hero-note svg { flex: 0 0 auto; }
.feature-inline svg, .footnote svg, .check-list svg { width:18px; height:18px; margin-top: 2px; stroke: var(--cyan); fill:none; stroke-width:2; }
.card-icon {
  width: 58px; height: 58px; border-radius: 18px; display:inline-grid; place-items:center; margin-bottom: 18px;
  background: linear-gradient(135deg, rgba(23,114,255,.22), rgba(83,220,255,.14));
  border: 1px solid rgba(102,182,255,.16);
}
.card-icon.small { width: 50px; height: 50px; border-radius: 15px; }
.card-icon svg { width: 24px; height: 24px; stroke: var(--cyan-2); fill:none; stroke-width: 1.9; }
.feature-card, .option-card, .timeline-card, .contact-card, .contact-side, .icon-card, .long-card, .metric-card, .offer-price-card, .info-panel, .contact-mini-card, .pricing-card, .game-card, .step-card { padding: 30px; }
.feature-card-large { padding: 38px; }
.glass-card h3 { margin: 0; font-size: 1.34rem; letter-spacing: -.03em; }
.glass-card p { color: var(--muted); line-height: 1.76; }
.check-list { list-style:none; padding:0; margin: 18px 0 0; display:grid; gap:12px; }
.check-list li { display:flex; gap: 12px; color: var(--muted); line-height: 1.64; }
.pricing-grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.pricing-card span { display:block; font-size: 15px; font-weight: 700; color: #deebfa; }
.pricing-card strong { display:block; margin: 12px 0 8px; font-size: clamp(2rem, 3vw, 2.6rem); letter-spacing: -.04em; }
.pricing-card.featured { border-color: rgba(83, 220, 255, 0.34); box-shadow: 0 28px 70px rgba(19, 83, 194, 0.22); }
.pricing-card p { margin: 0; font-size: 14px; color: var(--muted-2); }
.pricing-footnotes { margin-top: 22px; display:flex; flex-wrap: wrap; gap: 14px 24px; }
.feature-grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.feature-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.feature-grid-five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.timeline-grid, .steps-grid, .metrics-grid, .game-grid { display:grid; gap:18px; }
.timeline-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.steps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.metrics-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.timeline-top, .bullet-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.pill {
  display:inline-flex; align-items:center; padding: 8px 12px; border-radius:999px;
  background: rgba(83,220,255,.08); color: var(--cyan-2); border:1px solid rgba(83,220,255,.14); font-size:12px; font-weight:800;
}
.pill.orange { background: rgba(255, 179, 105, 0.12); color: #ffd9b5; border-color: rgba(255,179,105,.22); }
.game-card { display:block; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.game-card:hover { transform: translateY(-5px); border-color: rgba(83,220,255,.28); box-shadow: 0 28px 56px rgba(5,10,20,.34); }
.game-card strong { display:block; margin: 14px 0 10px; font-size: 2rem; letter-spacing:-.04em; }
.game-grid .game-card:nth-child(1) {
  background:
    linear-gradient(180deg, rgba(7, 17, 31, .84), rgba(8, 15, 31, 0.9)),
    url('../img/hero-game.png') center/cover;
}
.game-grid .game-card:nth-child(2) {
  background:
    linear-gradient(180deg, rgba(7, 17, 31, .84), rgba(8, 15, 31, 0.9)),
    url('../img/hero-home.png') center/cover;
}
.bullet-row { margin-top: 28px; }
.bullet-row .feature-inline { flex: 1 1 280px; padding: 14px 16px; border-radius: 16px; background: rgba(9,18,35,.52); border: 1px solid rgba(95,153,246,.11); }
.faq-layout { display:grid; grid-template-columns: minmax(260px, 380px) 1fr; gap: 34px; align-items:start; }
.faq-list { display:grid; gap: 14px; }
.faq-item { background: rgba(8, 15, 29, 0.84); border:1px solid rgba(101,164,255,.14); border-radius:18px; padding: 0 22px; }
.faq-item summary { list-style:none; cursor:pointer; padding: 22px 0; font-size: 1.02rem; font-weight:700; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item p { margin: 0 0 22px; color: var(--muted); line-height: 1.74; }
.cta-band { padding-bottom: 92px; }
.cta-band-inner {
  display:grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items:center; padding: 36px;
  border-radius: 30px; border:1px solid rgba(102,179,255,.2);
  background: radial-gradient(circle at top right, rgba(83,220,255,.16), transparent 28%), linear-gradient(135deg, rgba(11, 25, 49, 0.98), rgba(8, 14, 28, 0.98));
  box-shadow: 0 30px 70px rgba(0,0,0,.28);
}
.cta-band h2 { margin: 0; font-size: clamp(1.9rem, 3vw, 2.8rem); letter-spacing: -.04em; }
.cta-band p { margin: 12px 0 0; color: var(--muted); line-height: 1.72; max-width: 680px; }
.cta-band-actions { display:flex; flex-wrap: wrap; justify-content:flex-end; gap:12px; }
.metric-card span { display:block; color: var(--muted); font-weight:700; }
.metric-card strong { display:block; margin-top: 14px; font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.05em; }
.long-card p { margin-bottom:0; }
.form-alert { margin-bottom: 18px; padding: 14px 16px; border-radius: 14px; font-weight: 600; }
.form-alert.success { background: rgba(80, 215, 165, .12); color: #c7ffe7; border: 1px solid rgba(80,215,165,.2); }
.form-alert.error { background: rgba(255, 86, 104, .12); color: #ffd3d7; border: 1px solid rgba(255,86,104,.18); }
.form-alert.warning { background: rgba(255, 179, 105, .12); color: #ffe4c2; border: 1px solid rgba(255,179,105,.18); }
.contact-form { display:grid; gap: 18px; }
.form-row { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.contact-form label { display:grid; gap: 10px; }
.contact-form span { color: #dbe7f8; font-size: 14px; font-weight: 700; }
.contact-form input, .contact-form select, .contact-form textarea {
  width:100%; border:1px solid rgba(104,165,255,.16); background: rgba(6, 13, 25, 0.84); color:#fff;
  border-radius:16px; padding: 14px 16px; outline:none; transition: border-color .2s ease, box-shadow .2s ease;
}
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: rgba(83,220,255,.38); box-shadow: 0 0 0 4px rgba(24,119,255,.12); }
.contact-form textarea { resize: vertical; min-height: 180px; }
.contact-mini-card { margin-top: 24px; background: rgba(10, 20, 39, 0.64); border-radius: 18px; }
.site-footer {
  padding: 26px 0 48px; border-top:1px solid rgba(100,162,255,.12);
  background: linear-gradient(180deg, rgba(4,9,20,.04), rgba(4,9,20,.9));
}
.footer-grid { display:grid; grid-template-columns: 1.2fr .8fr .8fr; gap:28px; padding-top: 18px; }
.footer-brand { align-items: center; }
.site-footer p, .site-footer small { color: var(--muted); line-height: 1.72; }
.site-footer h3 { margin: 4px 0 14px; font-size: 1rem; }
.footer-links { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.footer-links a { color: #d9e5f6; }
.footer-link-cta { display:inline-block; margin-top: 8px; font-weight:700; color: var(--cyan-2); }
.footer-links a:hover, .footer-link-cta:hover { color:#fff; }

@media (max-width: 1180px) {
  .desktop-nav { gap: 4px; }
  .desktop-nav a { padding-inline: 14px; font-size: .94rem; }
  .trust-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .feature-grid-five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
  .desktop-nav, .desktop-cta { display:none; }
  .mobile-toggle { display:inline-flex; }
  .mobile-nav { display:block; }
  .hero-grid, .two-col, .faq-layout, .cta-band-inner, .footer-grid { grid-template-columns: 1fr; }
  .trust-grid, .pricing-grid, .feature-grid, .feature-grid-two, .feature-grid-five, .timeline-grid, .steps-grid, .metrics-grid, .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cta-band-actions { justify-content:flex-start; }
}
@media (max-width: 720px) {
  .container { width: min(var(--container), calc(100% - 22px)); }
  .section { padding: 72px 0; }
  .hero { padding: 88px 0 64px; }
  .hero-subpage { padding: 80px 0 58px; }
  .header-inner { min-height: 82px; gap: 12px; }
  .brand-mark { width: 46px; height: 46px; border-radius: 14px; }
  .brand-mark img { width: 42px; height: 42px; }
  .brand-name { font-size: 1.18rem; }
  .brand-sub { font-size: .68rem; }
  .header-actions { gap: 10px; }
  .locale-trigger { min-width: 74px; padding: 11px 12px; }
  .hero-copy h1 { max-width: 100%; font-size: clamp(2.2rem, 10vw, 3.4rem); }
  .hero-text { font-size: 16px; }
  .hero-actions { flex-direction: column; }
  .button { width: 100%; }
  .trust-grid { display:flex; gap: 10px; overflow:auto; padding-bottom: 6px; scroll-snap-type: x proximity; }
  .trust-pill { flex: 0 0 auto; min-width: 170px; scroll-snap-align: start; }
  .pricing-grid, .feature-grid, .feature-grid-two, .feature-grid-five, .timeline-grid, .steps-grid, .metrics-grid, .game-grid, .form-row { grid-template-columns: 1fr; }
  .section-heading h2 { font-size: clamp(1.8rem, 8vw, 2.6rem); }
  .feature-card, .option-card, .timeline-card, .contact-card, .contact-side, .icon-card, .long-card, .metric-card, .offer-price-card, .info-panel, .contact-mini-card, .pricing-card, .game-card, .step-card, .hero-panel-card, .cta-band-inner { padding: 24px; }
  .mobile-nav { left: 10px; right: 10px; }
  .site-footer { padding-bottom: 30px; }
}

/* ===== v7 redesign / SEO polish ===== */
:root {
  --bg: #030815;
  --bg-2: #071224;
  --bg-3: #0d1f3c;
  --surface-glass: linear-gradient(180deg, rgba(11, 21, 40, 0.92), rgba(7, 14, 28, 0.96));
  --line: rgba(117, 181, 255, 0.14);
  --line-strong: rgba(136, 203, 255, 0.24);
  --shadow: 0 32px 90px rgba(0, 0, 0, 0.42);
  --shadow-soft: 0 22px 64px rgba(0, 0, 0, 0.30);
}
body{
  background:
    radial-gradient(circle at 16% 0%, rgba(29,97,214,0.16), transparent 18%),
    radial-gradient(circle at 86% 8%, rgba(59,184,255,0.12), transparent 20%),
    linear-gradient(180deg, #040914 0%, #061120 44%, #040b17 100%);
}
.site-header{background:linear-gradient(180deg, rgba(3,8,21,.92), rgba(4,9,22,.78));}
.header-inner{min-height:88px; gap:18px;}
.brand{gap:12px}
.brand-mark{width:58px;height:58px;border-radius:16px;background:linear-gradient(180deg, rgba(10, 25, 52, 0.9), rgba(6, 12, 24, 0.96));border-color:rgba(114,185,255,.18)}
.brand-mark img{width:54px;height:54px}
.brand-name{font-size:1.46rem; letter-spacing:-.045em}
.brand-sub{font-size:.74rem; letter-spacing:.22em}
.desktop-nav{background:rgba(6, 14, 27, 0.60); border-color:rgba(106,175,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.desktop-nav a{padding:14px 20px; font-size:.96rem}
.header-actions{gap:12px}
.locale-trigger, .button-secondary, .button-ghost{background:linear-gradient(180deg, rgba(9, 17, 31, 0.86), rgba(7, 13, 26, 0.98));}
.mobile-nav{background:rgba(4, 10, 20, 0.995); backdrop-filter: blur(20px);}
.mobile-nav a{background:rgba(8, 17, 32, 0.94)}
.hero{padding:118px 0 84px;}
.hero-home::after{background-image:url('../img/hero-home-clean.jpg'); opacity:.36; background-position:center right;}
.page-transit .hero-subpage::after{background-image:url('../img/hero-transit-clean.jpg'); opacity:.33; background-position:center right;}
.page-game .hero-subpage::after,
.page-minecraft .hero-subpage::after,
.page-fivem .hero-subpage::after{background-image:url('../img/hero-game-clean.jpg'); opacity:.30; background-position:center right;}
.page-infrastructure .hero-subpage::after{background-image:url('../img/hero-infra-clean.jpg'); opacity:.30; background-position:center right;}
.page-contact .hero-subpage::after{background-image:url('../img/hero-home-clean.jpg'); opacity:.26; background-position:center right;}
.hero::before{
  background:
    radial-gradient(circle at 10% 18%, rgba(49, 145, 255, 0.14), transparent 20%),
    radial-gradient(circle at 90% 8%, rgba(88, 217, 255, 0.12), transparent 22%),
    linear-gradient(90deg, rgba(2,8,19,.78) 0%, rgba(4,10,21,.52) 50%, rgba(3,8,19,.76) 100%),
    linear-gradient(180deg, rgba(3,8,19,.28), rgba(3,8,19,.86));
}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px); gap:32px; align-items:start}
.hero-copy{padding-top:12px}
.hero-copy h1{max-width:10ch; text-wrap:balance; text-shadow:0 10px 26px rgba(0,0,0,.38)}
.hero-text{max-width:700px; color:#c9d7ea; font-size:18px}
.hero-panel{padding-top:8px}
.hero-panel-card, .glass-card{border-color:rgba(120, 192, 255, 0.18)}
.hero-panel-card::after, .glass-card::after{content:''; position:absolute; inset:auto 18px 0 18px; height:1px; background:linear-gradient(90deg, transparent, rgba(125, 214, 255, .36), transparent);}
.panel-primary{background:radial-gradient(circle at top right, rgba(83,220,255,.11), transparent 28%), linear-gradient(180deg, rgba(15, 31, 58, 0.94), rgba(8, 16, 31, 0.96));}
.panel-secondary{background:radial-gradient(circle at top left, rgba(23,114,255,.16), transparent 34%), linear-gradient(180deg, rgba(10, 22, 43, 0.95), rgba(8, 14, 28, 0.98));}
.mini-metric{font-size:56px}
.trust-strip{padding-top:6px; padding-bottom:0}
.trust-grid{gap:10px}
.trust-pill{background:rgba(7, 15, 28, 0.86); color:#edf5ff; font-size:13px; border-color:rgba(116,184,255,.14)}
.section{padding:88px 0}
.section-alt{background:linear-gradient(180deg, rgba(6, 12, 23, 0.92), rgba(4, 9, 19, 0.72));}
.section-heading{margin-bottom:30px}
.section-heading h2{text-wrap:balance}
.glass-card{backdrop-filter: blur(8px)}
.feature-card-large .price{font-size:clamp(2.4rem,3.4vw,3rem)}
.feature-inline{color:#deebff}
.pricing-card strong{line-height:1}
.pricing-card p{color:#8ea5c5}
.icon-card p, .game-card p, .timeline-card p, .step-card p{font-size:15px}
.feature-grid{align-items:stretch}
.game-grid .game-card:nth-child(1){background:linear-gradient(180deg, rgba(7,17,31,.78), rgba(8,15,31,.92)), url('../img/hero-game-clean.jpg') center/cover;}
.game-grid .game-card:nth-child(2){background:linear-gradient(180deg, rgba(7,17,31,.78), rgba(8,15,31,.92)), url('../img/hero-home-clean.jpg') center/cover;}
.faq-item{background:rgba(7,14,28,.86)}
.cta-band-inner{background:radial-gradient(circle at top right, rgba(83,220,255,.12), transparent 26%), linear-gradient(135deg, rgba(13, 28, 53, 0.98), rgba(8, 14, 28, 0.98));}
.contact-form input, .contact-form select, .contact-form textarea{background:rgba(7,14,28,.88)}
.footer-grid{padding-top:28px}
.site-footer{background:linear-gradient(180deg, rgba(4,9,20,.24), rgba(4,9,20,.96));}

@media (min-width: 1280px){
  .hero{min-height:720px; display:flex; align-items:center}
  .hero-home .hero-copy{padding-top:20px}
}
@media (max-width: 1024px){
  .header-inner{grid-template-columns:auto 1fr auto}
  .hero-grid{grid-template-columns:1fr; gap:22px}
  .hero-copy h1{max-width:12ch}
  .hero-panel{grid-template-columns:1fr 1fr; align-items:start}
}
@media (max-width: 720px){
  .hero{padding:84px 0 54px}
  .hero-copy h1{font-size:clamp(2.3rem, 12vw, 4rem); max-width:none}
  .hero-text{font-size:16px; line-height:1.65}
  .hero-panel{grid-template-columns:1fr; gap:14px}
  .site-header{position:sticky}
  .header-inner{min-height:78px}
  .brand-name{font-size:1.14rem}
  .brand-sub{font-size:.62rem}
  .mobile-toggle{width:48px; height:48px; border-radius:15px}
  .locale-trigger{min-width:82px}
  .mobile-nav{left:12px; right:12px; top:calc(100% + 8px)}
  .mobile-nav-inner{padding:18px}
  .mobile-nav a{padding:16px 18px; font-size:1.05rem; border-radius:16px}
  .trust-pill{min-width:188px}
  .cta-band{padding-bottom:70px}
}