@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}
}

/* Blog and article experience */
.blog-hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,520px); gap:28px; align-items:center}
.blog-hero-card{padding:18px; overflow:hidden}
.blog-hero-card img, .blog-card-visual img, .blog-home-visual img, .article-figure img{width:100%; height:auto; display:block; border-radius:20px}
.blog-card-featured, .blog-home-card{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:24px; align-items:center; text-decoration:none}
.blog-card-copy h3, .blog-home-card h3{margin:10px 0 12px; font-size:clamp(1.7rem, 2.4vw, 2.25rem); letter-spacing:-.04em; line-height:1.1}
.blog-card-copy p, .blog-home-card p{color:var(--muted); line-height:1.8}
.blog-meta-row{display:flex; flex-wrap:wrap; gap:10px 12px; align-items:center}
.blog-date{font-size:14px; color:#a5badb}
.blog-home-band{display:grid; gap:22px}
.blog-home-card{padding:22px; background:radial-gradient(circle at top right, rgba(56,117,255,.13), transparent 34%), linear-gradient(180deg, rgba(11, 20, 37, .9), rgba(7, 14, 27, .98));}
.blog-home-visual{border-radius:22px; overflow:hidden; background:rgba(6,10,18,.4)}
.text-link{display:inline-flex; align-items:center; gap:8px; color:#eef6ff; font-weight:600; margin-top:8px}
.text-link::after{content:'→'; color:#86a7ff}
.article-shell-section{padding-top:42px}
.article-shell{display:grid; grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:28px; align-items:start}
.article-sidebar{position:sticky; top:104px; padding:24px}
.article-sidebar h2{margin:0 0 14px; font-size:1.06rem; letter-spacing:-.02em}
.article-toc{display:grid; gap:8px}
.article-toc a{color:#d7e5ff; text-decoration:none; padding:10px 12px; border-radius:12px; border:1px solid rgba(120,192,255,.11); background:rgba(6,12,24,.36)}
.article-toc a:hover{border-color:rgba(120,192,255,.28); background:rgba(10,20,38,.6)}
.article-side-cta{margin-top:18px; padding-top:18px; border-top:1px solid rgba(120,192,255,.12)}
.article-side-cta strong{display:block; margin-bottom:8px}
.article-side-cta p{font-size:14px; line-height:1.7; color:#a5badb}
.article-prose{padding:34px}
.article-hero h1{max-width:18ch}
.article-back{display:inline-flex; align-items:center; gap:8px; margin-bottom:18px; color:#cfe0fb; text-decoration:none}
.article-figure{margin:28px 0 8px}
.article-figure-hero{margin-top:0; margin-bottom:24px}
.article-block + .article-block{margin-top:34px; padding-top:34px; border-top:1px solid rgba(120,192,255,.09)}
.article-prose h2{margin:0 0 14px; font-size:clamp(1.65rem, 2.2vw, 2.15rem); line-height:1.12; letter-spacing:-.04em}
.article-prose h3{margin:0 0 12px; font-size:1.35rem; line-height:1.2}
.article-prose p{margin:0 0 16px; color:#d7e2f4; line-height:1.9; font-size:17px}
.article-inline-cta{margin-top:36px; padding:26px; border-radius:24px; border:1px solid rgba(120,192,255,.16); background:radial-gradient(circle at top right, rgba(83,220,255,.1), transparent 30%), linear-gradient(180deg, rgba(13,28,53,.96), rgba(8,14,28,.98));}
.article-inline-cta h3{font-size:clamp(1.5rem, 2vw, 2rem); letter-spacing:-.04em}
.article-faq-list .faq-item{margin-bottom:12px}
.article-faq-list .faq-item summary{font-size:1rem}
.hero-blog, .hero-blog-article{min-height:auto}
@media (max-width: 1100px){
  .blog-hero-grid, .blog-card-featured, .blog-home-card, .article-shell{grid-template-columns:1fr}
  .article-sidebar{position:static}
}
@media (max-width: 720px){
  .blog-card-copy h3, .blog-home-card h3{font-size:1.5rem}
  .article-prose{padding:24px}
  .article-prose p{font-size:16px; line-height:1.78}
  .article-shell-section{padding-top:22px}
  .blog-home-card, .blog-card-featured{padding:18px}
  .article-sidebar{padding:20px}
}


/* Blog V4 redesign */
.blog-index-shell{display:grid; gap:28px}
.blog-index-copy h1{max-width:16ch}
.blog-insights-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px}
.blog-insight-card{padding:22px; min-height:168px}
.blog-insight-card h2{margin:0 0 10px; font-size:1.18rem; letter-spacing:-.03em}
.blog-insight-card p{margin:0; color:var(--muted); line-height:1.75}
.blog-featured-article{display:grid; grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr); gap:26px; align-items:center; padding:26px}
.blog-featured-copy h2{margin:10px 0 14px; font-size:clamp(2rem,2.8vw,2.8rem); line-height:1.06; letter-spacing:-.05em}
.blog-featured-copy>p{color:var(--muted); line-height:1.85; font-size:17px}
.blog-featured-visual img{width:100%; display:block; border-radius:24px}
.blog-feature-list{list-style:none; padding:0; margin:22px 0 24px; display:grid; gap:12px}
.blog-feature-list li{padding:14px 16px; border-radius:18px; border:1px solid rgba(120,192,255,.13); background:rgba(7,14,27,.42)}
.blog-feature-list strong{display:block; margin-bottom:4px; font-size:1rem}
.blog-feature-list span{display:block; color:#abc0dd; line-height:1.7; font-size:15px}
.article-hero-clean{max-width:1180px}
.article-summary-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:24px}
.article-summary-card{padding:18px}
.article-summary-card strong{display:block; margin-bottom:6px; font-size:1rem}
.article-summary-card p{margin:0; font-size:15px; line-height:1.72; color:#abc0dd}
.article-prose{padding:38px}
.article-prose>p:first-of-type{font-size:18px; color:#e7effc}
.article-card-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0}
.article-info-card{padding:18px 18px 16px; border-radius:22px; border:1px solid rgba(120,192,255,.14); background:linear-gradient(180deg, rgba(13,28,53,.72), rgba(8,14,28,.72))}
.article-info-card h3{margin:0 0 8px; font-size:1.05rem}
.article-info-card p{margin:0; font-size:15px; line-height:1.8; color:#b4c7e3}
.article-check-list{list-style:none; padding:0; margin:18px 0 8px; display:grid; gap:10px}
.article-check-list li{position:relative; padding-left:26px; color:#d7e2f4; line-height:1.82}
.article-check-list li::before{content:''; position:absolute; left:0; top:11px; width:10px; height:10px; border-radius:999px; background:linear-gradient(180deg,#73c2ff,#3a82ff); box-shadow:0 0 0 4px rgba(71,141,255,.16)}
.article-step-list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px}
.article-step{padding:18px; border-radius:22px; border:1px solid rgba(120,192,255,.14); background:rgba(7,14,27,.42)}
.article-step h3{margin:0 0 8px; font-size:1.02rem}
.article-step p{margin:0; font-size:15px; line-height:1.78; color:#b4c7e3}
.article-figure{margin:24px 0 10px}
.article-figure figcaption{margin-top:10px; color:#98afcf; font-size:14px; line-height:1.7}
.page-blog .hero-text, .page-article_transit .hero-text, .page-article_gre .hero-text{max-width:62rem}
@media (max-width: 1100px){
  .blog-insights-grid, .article-summary-grid, .article-card-grid, .article-step-list, .blog-featured-article{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .blog-featured-article{padding:18px}
  .blog-featured-copy h2{font-size:1.75rem}
  .article-summary-card, .blog-insight-card, .article-info-card, .article-step{padding:16px}
  .article-prose{padding:24px 20px}
}

/* V5 multilingual polish */
.transit-insight-band .section-heading{max-width:920px}
.transit-insight-band .blog-home-card{border:1px solid rgba(120,192,255,.16); box-shadow:0 24px 70px rgba(0,0,0,.22)}
.transit-insight-band .blog-home-visual{min-height:220px; display:flex; align-items:center; justify-content:center}
.transit-insight-band .blog-home-visual img{max-width:100%; width:100%; height:auto}
.article-sidebar .button, .article-inline-cta .button{white-space:nowrap}
.blog-featured-visual, .blog-home-visual{position:relative}
.blog-featured-visual::after, .blog-home-visual::after{content:''; position:absolute; inset:0; border-radius:24px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); pointer-events:none}
@media (max-width:720px){
  .transit-insight-band .blog-home-visual{min-height:auto}
}


/* Article layout fix v5.2 */
.hero-blog-article{padding:44px 0 28px;}
.article-hero-fixed{padding-top:10px; padding-bottom:8px;}
.article-hero-fixed h1{margin:10px 0 16px; max-width:16ch; font-size:clamp(2.55rem,5.2vw,4.8rem); line-height:1.02; letter-spacing:-.065em;}
.article-hero-fixed .hero-text{max-width:58rem; font-size:1.1rem; line-height:1.7;}
.article-meta-row{margin-top:10px;}
.article-shell-section-fixed{padding-top:10px;}
.article-shell-section-fixed .container.article-shell{align-items:start;}
.article-summary-grid-inline{margin:18px 0 8px;}
.page-article_transit .hero-subpage::after,.page-article_gre .hero-subpage::after{display:none;}
.page-article_transit .hero-subpage,.page-article_gre .hero-subpage{padding-top:34px; padding-bottom:24px;}
.page-article_transit .article-prose,.page-article_gre .article-prose{padding-top:28px;}
.page-article_transit .article-figure-hero,.page-article_gre .article-figure-hero{margin-top:0; margin-bottom:18px;}
.page-article_transit .article-shell,.page-article_gre .article-shell{gap:22px;}
@media (max-width:1100px){
  .page-article_transit .hero-subpage,.page-article_gre .hero-subpage{padding-top:28px; padding-bottom:18px;}
}
@media (max-width:720px){
  .hero-blog-article{padding:26px 0 18px;}
  .article-hero-fixed h1{font-size:clamp(2rem,10vw,3rem); max-width:none;}
  .article-hero-fixed .hero-text{font-size:1rem;}
  .article-shell-section-fixed{padding-top:0;}
}


/* Article clean layout fix v5.3 */
.article-page-clean{padding-top:34px;padding-bottom:56px;}
.article-page-container{display:grid;gap:18px;}
.article-back-clean{margin-bottom:0;}
.article-header-card{padding:28px 32px;background:radial-gradient(circle at top right, rgba(51,113,255,.10), transparent 36%), linear-gradient(180deg, rgba(11,20,37,.92), rgba(7,14,27,.98));}
.article-header-card h1{margin:12px 0 14px;font-size:clamp(2.35rem,4.8vw,4.5rem);line-height:1.03;letter-spacing:-.06em;max-width:14ch;}
.article-header-lead{max-width:60rem;color:#d7e2f4;line-height:1.75;font-size:1.08rem;margin:0;}
.article-clean-grid{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:24px;align-items:start;}
.article-sidebar-clean{position:sticky;top:104px;padding:22px;}
.article-prose-clean{padding:30px;}
.article-figure-top{margin-top:0;margin-bottom:18px;}
.page-article_transit .hero-blog-article,.page-article_transit .hero-subpage,.page-article_gre .hero-blog-article,.page-article_gre .hero-subpage{display:none !important;}
.page-article_transit .article-shell-section,.page-article_transit .article-shell-section-fixed,.page-article_gre .article-shell-section,.page-article_gre .article-shell-section-fixed{padding-top:0 !important;}
@media (max-width:1100px){
  .article-clean-grid{grid-template-columns:1fr;}
  .article-sidebar-clean{position:static;}
}
@media (max-width:720px){
  .article-page-clean{padding-top:20px;padding-bottom:42px;}
  .article-header-card{padding:22px 20px;}
  .article-header-card h1{font-size:clamp(2rem,9vw,3rem);max-width:none;}
  .article-header-lead{font-size:1rem;}
  .article-prose-clean{padding:22px 18px;}
}


/* Blog featured card layout fix v5.5 */
.page-blog .blog-featured-article{grid-template-columns:1fr;gap:18px;overflow:hidden;max-width:100%;align-items:start}
.page-blog .blog-featured-copy{max-width:820px}
.page-blog .blog-featured-copy h2{font-size:clamp(1.85rem,3.1vw,2.7rem);line-height:1.08;max-width:20ch}
.page-blog .blog-featured-visual{max-width:820px;width:100%;overflow:hidden;border-radius:24px;justify-self:start;display:block}
.page-blog .blog-featured-visual img{display:block;width:100%;height:auto;max-width:100%}
.page-blog .blog-feature-list{margin-bottom:18px}
.page-blog .blog-index-shell{gap:22px}
@media (max-width:900px){
  .page-blog .blog-featured-article{padding:20px}
  .page-blog .blog-featured-copy h2{font-size:clamp(1.65rem,6vw,2.2rem);max-width:none}
}

/* v5.7 figure safety */
.article-figure{overflow:hidden}
.article-figure img{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}
.blog-featured-visual{overflow:hidden}
.blog-featured-visual img{display:block;width:100%;height:auto;max-width:100%}

/* v5.8 responsive article diagrams */
.article-diagram{position:relative;border-radius:28px;padding:28px;background:radial-gradient(circle at 75% 10%, rgba(76,126,219,.16), transparent 35%), radial-gradient(circle at 20% 70%, rgba(20,181,255,.10), transparent 24%), linear-gradient(180deg, rgba(9,26,46,.96), rgba(7,20,36,.98));border:1px solid rgba(101,154,224,.18);overflow:hidden}
.article-diagram-flow{display:grid;grid-template-columns:1fr 1.5fr 1fr;grid-template-rows:auto auto;gap:18px 22px;align-items:center;padding:34px;min-height:360px}
.article-diagram-flow::before{content:'';position:absolute;left:11%;right:11%;top:18%;bottom:18%;border:1px dashed rgba(126,175,232,.12);border-radius:18px}
.article-diagram-flow .diagram-box{position:relative;z-index:2;border-radius:22px;padding:20px 22px;background:linear-gradient(180deg, rgba(16,35,63,.94), rgba(10,21,41,.98));border:1px solid rgba(99,160,232,.42);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.article-diagram-flow .diagram-box h3,.compare-card h3,.engine-step h3{margin:0 0 10px;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.15;color:#f4f8ff}
.article-diagram-flow .diagram-box p,.compare-card li,.engine-step p{margin:0;color:#c0d4ea;font-size:clamp(.92rem,1.5vw,1.05rem);line-height:1.55}
.article-diagram-flow .box-client{grid-column:1;grid-row:1 / span 2;align-self:center}
.article-diagram-flow .box-core{grid-column:2;grid-row:1;justify-self:center;max-width:430px;width:100%}
.article-diagram-flow .box-delivery{grid-column:2;grid-row:2;justify-self:center;max-width:480px;width:100%}
.article-diagram-flow .box-out{grid-column:3;grid-row:1 / span 2;align-self:center}
.article-diagram-flow .diagram-node{grid-column:2;grid-row:1 / span 2;justify-self:center;align-self:center;width:22px;height:22px;border-radius:999px;background:#8dd2ff;box-shadow:0 0 0 10px rgba(141,210,255,.12)}
.article-diagram-flow .diagram-node::before,.article-diagram-flow .diagram-node::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:4px;background:linear-gradient(180deg, rgba(123,201,255,.9), rgba(123,201,255,.75));border-radius:999px}
.article-diagram-flow .diagram-node::before{top:-72px;height:72px}
.article-diagram-flow .diagram-node::after{bottom:-92px;height:92px}
.article-diagram-flow .box-client::after,.article-diagram-flow .box-out::after{content:'';position:absolute;top:50%;transform:translateY(-50%);height:4px;width:58px;background:linear-gradient(90deg, rgba(123,201,255,.9), rgba(123,201,255,.65));border-radius:999px}
.article-diagram-flow .box-client::after{right:-58px}
.article-diagram-flow .box-out::after{left:-58px}

.article-diagram-compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.compare-card{border-radius:24px;padding:24px 24px 22px;border:1px solid rgba(101,154,224,.3);background:linear-gradient(180deg, rgba(13,28,53,.88), rgba(8,14,28,.9));min-height:260px}
.compare-left{background:linear-gradient(180deg, rgba(55,19,39,.88), rgba(31,11,23,.92));border-color:rgba(193,93,138,.42)}
.compare-right{background:linear-gradient(180deg, rgba(15,40,72,.88), rgba(8,18,36,.92));border-color:rgba(101,154,224,.42)}
.compare-card ul{margin:0;padding-left:20px;display:grid;gap:10px}

.article-diagram-engine{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.engine-step{position:relative;border-radius:22px;padding:22px 20px;background:linear-gradient(180deg, rgba(13,28,53,.88), rgba(8,14,28,.92));border:1px solid rgba(101,154,224,.42);min-height:170px}
.engine-step:not(:last-child)::after{content:'';position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:24px;height:4px;background:linear-gradient(90deg, rgba(123,201,255,.9), rgba(123,201,255,.65));border-radius:999px}
.engine-step:not(:last-child)::before{content:'';position:absolute;right:-8px;top:calc(50% - 8px);width:16px;height:16px;border-radius:999px;background:#8dd2ff;box-shadow:0 0 0 6px rgba(141,210,255,.12)}

@media (max-width: 1100px){
  .article-diagram-flow{grid-template-columns:1fr;grid-template-rows:none;min-height:auto;padding:24px}
  .article-diagram-flow::before{display:none}
  .article-diagram-flow .box-client,.article-diagram-flow .box-core,.article-diagram-flow .box-delivery,.article-diagram-flow .box-out{grid-column:auto;grid-row:auto;max-width:none;justify-self:stretch;align-self:stretch}
  .article-diagram-flow .diagram-node{display:none}
  .article-diagram-flow .box-client::after,.article-diagram-flow .box-out::after{display:none}
  .article-diagram-compare{grid-template-columns:1fr}
  .article-diagram-engine{grid-template-columns:1fr 1fr}
  .engine-step:not(:last-child)::after,.engine-step:not(:last-child)::before{display:none}
}
@media (max-width: 700px){
  .article-diagram{padding:18px}
  .article-diagram-flow{gap:12px;padding:16px}
  .article-diagram-flow .diagram-box{padding:16px 16px 14px;border-radius:18px}
  .article-diagram-compare,.article-diagram-engine{grid-template-columns:1fr}
  .compare-card,.engine-step{padding:18px;min-height:auto}
}

/* v5.9 responsive diagram stabilization */
.article-figure{overflow:visible}
.article-figure .article-diagram{max-width:100%;box-sizing:border-box}
.article-diagram-flow{grid-template-columns:minmax(230px,1fr) minmax(320px,1.45fr) minmax(230px,1fr);gap:20px 26px}
.article-diagram-flow .box-client,.article-diagram-flow .box-out{min-width:0}
.article-diagram-flow .box-client p,.article-diagram-flow .box-out p,.article-diagram-flow .box-core p,.article-diagram-flow .box-delivery p{font-size:clamp(.85rem,1.2vw,.98rem);line-height:1.45}
.article-diagram-flow .box-core h3,.article-diagram-flow .box-delivery h3{font-size:clamp(1.45rem,2vw,2rem)}
.article-diagram-compare{grid-template-columns:repeat(2,minmax(260px,1fr));align-items:stretch}
.compare-card{min-width:0;padding:28px 28px 24px}
.compare-card ul{padding-left:1.15rem;margin:0}
.compare-card li{overflow-wrap:anywhere}
.article-diagram-engine{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px}
.engine-step{min-width:0;padding:24px 26px;position:relative}
.engine-step p{font-size:clamp(.9rem,1.15vw,1rem);line-height:1.5;overflow-wrap:anywhere}
@media (max-width: 1100px){
  .article-diagram-flow{grid-template-columns:1fr;grid-template-rows:none;min-height:auto;padding:24px}
  .article-diagram-flow::before,.article-diagram-flow .diagram-node,.article-diagram-flow .box-client::after,.article-diagram-flow .box-out::after{display:none}
  .article-diagram-flow .box-client,.article-diagram-flow .box-core,.article-diagram-flow .box-delivery,.article-diagram-flow .box-out{grid-column:auto;grid-row:auto;max-width:none;justify-self:stretch;align-self:stretch}
}
@media (max-width: 760px){
  .article-diagram{padding:16px;border-radius:20px}
  .article-diagram-flow .diagram-box,.compare-card,.engine-step{padding:18px}
  .article-diagram-compare,.article-diagram-engine{grid-template-columns:1fr}
  .article-diagram-flow .box-core h3,.article-diagram-flow .box-delivery h3{font-size:1.6rem}
}



/* v6 safe responsive article diagrams */
.article-figure{max-width:100%;overflow:hidden}
.article-prose-clean{overflow:hidden}
.article-diagram{max-width:100%;box-sizing:border-box}
.article-diagram-flow-safe,
.article-diagram-compare-safe,
.article-diagram-engine-safe{
  position:relative;
  border-radius:28px;
  padding:24px;
  background:
    radial-gradient(circle at 75% 10%, rgba(76,126,219,.16), transparent 35%),
    radial-gradient(circle at 20% 70%, rgba(20,181,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(9,26,46,.96), rgba(7,20,36,.98));
  border:1px solid rgba(101,154,224,.18);
  overflow:hidden;
}
.article-diagram-flow-safe .diagram-top{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
}
.article-diagram-flow-safe .diagram-middle{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.article-diagram-flow-safe .diagram-box,
.article-diagram-compare-safe .compare-card,
.article-diagram-engine-safe .engine-step{
  min-width:0;
  border-radius:22px;
  padding:20px 22px;
  background:linear-gradient(180deg, rgba(16,35,63,.94), rgba(10,21,41,.98));
  border:1px solid rgba(99,160,232,.42);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.article-diagram-flow-safe .box-core{
  width:min(100%, 520px);
}
.article-diagram-flow-safe .box-delivery{
  background:linear-gradient(180deg, rgba(15,36,67,.97), rgba(9,20,39,.98));
}
.article-diagram-flow-safe h3,
.article-diagram-compare-safe h3,
.article-diagram-engine-safe h3{
  margin:0 0 10px;
  color:#f4f8ff;
  font-size:clamp(1.1rem, 1.6vw, 1.45rem);
  line-height:1.18;
}
.article-diagram-flow-safe p,
.article-diagram-compare-safe li,
.article-diagram-engine-safe p{
  margin:0;
  color:#c0d4ea;
  font-size:clamp(.9rem, 1.1vw, 1rem);
  line-height:1.5;
  overflow-wrap:anywhere;
}
.article-diagram-compare-safe{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.article-diagram-compare-safe .compare-left{
  background:linear-gradient(180deg, rgba(58,17,35,.92), rgba(39,12,24,.94));
  border-color:rgba(183,96,132,.45);
}
.article-diagram-compare-safe .compare-right{
  background:linear-gradient(180deg, rgba(15,42,74,.95), rgba(10,26,48,.98));
}
.article-diagram-compare-safe ul{
  margin:0;
  padding-left:20px;
  display:grid;
  gap:10px;
}
.article-diagram-engine-safe{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.article-diagram-engine-safe .engine-step{
  min-height:unset;
}
@media (max-width: 1100px){
  .article-diagram-flow-safe .diagram-middle{
    grid-template-columns:1fr;
  }
  .article-diagram-compare-safe{
    grid-template-columns:1fr;
  }
  .article-diagram-engine-safe{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 640px){
  .article-diagram-flow-safe,
  .article-diagram-compare-safe,
  .article-diagram-engine-safe{
    padding:16px;
    border-radius:22px;
  }
  .article-diagram-flow-safe .diagram-box,
  .article-diagram-compare-safe .compare-card,
  .article-diagram-engine-safe .engine-step{
    padding:16px;
    border-radius:18px;
  }
  .article-diagram-engine-safe{
    grid-template-columns:1fr;
  }
}
.article-diagram-flow .diagram-node,
.article-diagram-flow .diagram-box::after,
.engine-step::after,
.engine-step::before{display:none!important;}


/* v6.1 hard fix for article diagrams */
.article-figure,
.article-figure .article-diagram,
.article-prose-clean{max-width:100%;overflow:hidden}
.article-diagram-flow-v3,
.article-diagram-compare-v3,
.article-diagram-engine-v3{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  border-radius:28px;
  padding:24px;
  border:1px solid rgba(101,154,224,.18);
  background:
    radial-gradient(circle at 72% 12%, rgba(76,126,219,.16), transparent 34%),
    radial-gradient(circle at 18% 74%, rgba(20,181,255,.10), transparent 25%),
    linear-gradient(180deg, rgba(9,26,46,.96), rgba(7,20,36,.98));
}
.article-diagram-flow-v3{display:grid;grid-template-columns:1fr;gap:18px}
.article-diagram-flow-v3 .flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.article-diagram-flow-v3 .flow-card,
.article-diagram-compare-v3 .compare-card,
.article-diagram-engine-v3 .engine-step{
  min-width:0;
  width:100%;
  box-sizing:border-box;
  border-radius:22px;
  padding:20px 22px;
  border:1px solid rgba(99,160,232,.42);
  background:linear-gradient(180deg, rgba(16,35,63,.94), rgba(10,21,41,.98));
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.article-diagram-flow-v3 .flow-card-core,
.article-diagram-flow-v3 .flow-card-delivery{max-width:620px;justify-self:center}
.article-diagram-flow-v3 .flow-card h3,
.article-diagram-compare-v3 .compare-card h3,
.article-diagram-engine-v3 .engine-step h3{
  margin:0 0 10px;
  color:#f4f8ff;
  font-size:clamp(1.15rem,1.6vw,1.75rem);
  line-height:1.18;
  word-break:break-word;
}
.article-diagram-flow-v3 .flow-card p,
.article-diagram-compare-v3 li,
.article-diagram-engine-v3 .engine-step p{
  margin:0;
  color:#c0d4ea;
  font-size:clamp(.92rem,1.05vw,1rem);
  line-height:1.55;
  overflow-wrap:anywhere;
}
.article-diagram-compare-v3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.article-diagram-compare-v3 .compare-left{background:linear-gradient(180deg, rgba(58,17,35,.92), rgba(39,12,24,.94));border-color:rgba(183,96,132,.45)}
.article-diagram-compare-v3 .compare-right{background:linear-gradient(180deg, rgba(15,42,74,.95), rgba(10,26,48,.98))}
.article-diagram-compare-v3 ul{margin:0;padding-left:1.15rem;display:grid;gap:10px}
.article-diagram-engine-v3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.article-diagram-engine-v3 .engine-step{min-height:auto}
@media (max-width: 900px){
  .article-diagram-flow-v3 .flow-grid,
  .article-diagram-compare-v3,
  .article-diagram-engine-v3{grid-template-columns:1fr}
  .article-diagram-flow-v3 .flow-card-core,
  .article-diagram-flow-v3 .flow-card-delivery{max-width:none;justify-self:stretch}
}
@media (max-width: 640px){
  .article-diagram-flow-v3,
  .article-diagram-compare-v3,
  .article-diagram-engine-v3{padding:16px;border-radius:22px}
  .article-diagram-flow-v3 .flow-card,
  .article-diagram-compare-v3 .compare-card,
  .article-diagram-engine-v3 .engine-step{padding:16px;border-radius:18px}
  .article-diagram-flow-v3 .flow-card h3,
  .article-diagram-compare-v3 .compare-card h3,
  .article-diagram-engine-v3 .engine-step h3{font-size:1.1rem}
  .article-diagram-flow-v3 .flow-card p,
  .article-diagram-compare-v3 li,
  .article-diagram-engine-v3 .engine-step p{font-size:.94rem;line-height:1.5}
}


/* v6.2 clean responsive article visuals */
.blog-featured-visual-clean{display:block}
.mini-arch-card{
  width:100%;
  max-width:860px;
  box-sizing:border-box;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(101,154,224,.18);
  background:
    radial-gradient(circle at 75% 10%, rgba(76,126,219,.16), transparent 35%),
    radial-gradient(circle at 20% 70%, rgba(20,181,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(9,26,46,.96), rgba(7,20,36,.98));
}
.mini-arch-top{display:flex;justify-content:center;margin-bottom:14px}
.mini-arch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mini-node{
  min-width:0;
  border-radius:20px;
  padding:16px 18px;
  background:linear-gradient(180deg, rgba(16,35,63,.94), rgba(10,21,41,.98));
  border:1px solid rgba(99,160,232,.38);
}
.mini-node strong{display:block;color:#f4f8ff;font-size:1rem;line-height:1.2;margin-bottom:6px}
.mini-node span{display:block;color:#c0d4ea;font-size:.92rem;line-height:1.5}

.article-diagram-clean{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:22px;
  border-radius:26px;
  border:1px solid rgba(101,154,224,.18);
  background:
    radial-gradient(circle at 75% 10%, rgba(76,126,219,.16), transparent 35%),
    radial-gradient(circle at 20% 70%, rgba(20,181,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(9,26,46,.96), rgba(7,20,36,.98));
  overflow:hidden;
}
.diag-row{display:flex;justify-content:center}
.diag-row + .diag-row{margin-top:16px}
.diag-row-mid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.diag-card{
  min-width:0;
  width:100%;
  box-sizing:border-box;
  padding:20px 22px;
  border-radius:22px;
  border:1px solid rgba(99,160,232,.38);
  background:linear-gradient(180deg, rgba(16,35,63,.94), rgba(10,21,41,.98));
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.diag-card-wide{max-width:480px}
.diag-card h3{margin:0 0 10px;color:#f4f8ff;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.2;word-break:break-word}
.diag-card p,.diag-card li{margin:0;color:#c0d4ea;font-size:clamp(.92rem,1.1vw,1rem);line-height:1.55;overflow-wrap:anywhere}
.diag-card ul{margin:0;padding-left:1.1rem;display:grid;gap:10px}
.diag-danger{background:linear-gradient(180deg, rgba(58,17,35,.92), rgba(39,12,24,.94));border-color:rgba(183,96,132,.45)}
.diag-warning{background:linear-gradient(180deg, rgba(62,34,16,.92), rgba(42,22,10,.95));border-color:rgba(196,128,82,.45)}

.article-diagram-classic-clean{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.article-diagram-compare-clean{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.article-diagram-engine-clean{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

@media (max-width: 980px){
  .article-diagram-classic-clean{grid-template-columns:1fr}
  .article-diagram-compare-clean{grid-template-columns:1fr}
  .article-diagram-engine-clean{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diag-row-mid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .mini-arch-card,.article-diagram-clean{padding:16px;border-radius:20px}
  .mini-arch-grid,.article-diagram-engine-clean{grid-template-columns:1fr}
  .diag-card,.mini-node{padding:16px 16px}
}
.article-diagram-flow-v3,.article-diagram-compare-v3,.article-diagram-engine-v3{display:none !important;}

.blog-home-band .blog-home-card + .blog-home-card{margin-top:18px}
.blog-featured-visual-clean img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid rgba(120,192,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.article-figure-top img{display:block;width:100%;height:auto;border-radius:22px}

/* v6 enterprise polish + text-safe featured diagrams */
.enterprise-band{padding-top:10px}
.enterprise-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:20px;align-items:stretch}
.enterprise-copy-card,.enterprise-card,.enterprise-note{padding:24px}
.enterprise-copy-card{background:linear-gradient(180deg, rgba(10,19,35,.98), rgba(7,14,27,.995))}
.enterprise-copy-card h2{margin:0 0 14px;font-size:clamp(1.85rem,2.7vw,2.7rem);line-height:1.08;letter-spacing:-.035em}
.enterprise-copy-card p{margin:0;color:var(--muted);line-height:1.82}
.enterprise-bullets{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.enterprise-bullet{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(120,192,255,.14);background:rgba(7,14,27,.46);color:#eef6ff;font-size:.94rem;font-weight:600}
.enterprise-bullet svg{width:16px;height:16px;stroke:#86dcff;fill:none;stroke-width:2}
.enterprise-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.enterprise-card{background:linear-gradient(180deg, rgba(12,24,45,.86), rgba(8,14,28,.94))}
.enterprise-card h3,.enterprise-note strong{display:block;margin:0 0 10px;font-size:1.06rem;letter-spacing:-.03em;color:#f4f8ff}
.enterprise-card p,.enterprise-note p{margin:0;color:#b4c7e3;line-height:1.78;font-size:15px}
.enterprise-note{grid-column:1/-1;border:1px solid rgba(120,192,255,.14);background:linear-gradient(180deg, rgba(10,20,39,.94), rgba(7,14,27,.99))}

.featured-diagram{position:relative;width:100%;max-width:100%;box-sizing:border-box;padding:20px;border-radius:22px;border:1px solid rgba(101,154,224,.18);background:radial-gradient(circle at 78% 16%, rgba(76,126,219,.18), transparent 28%), radial-gradient(circle at 14% 80%, rgba(20,181,255,.10), transparent 24%), linear-gradient(180deg, rgba(8,20,37,.98), rgba(4,12,24,1));overflow:hidden}
.featured-diagram::before{content:'';position:absolute;inset:12px;border-radius:18px;border:1px solid rgba(90,144,216,.10);pointer-events:none}
.featured-diagram-head{position:relative;z-index:2;margin-bottom:16px}
.featured-diagram-kicker{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(9,22,41,.72);border:1px solid rgba(120,192,255,.12);color:#aeefff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.featured-diagram h3{margin:12px 0 6px;font-size:clamp(1.35rem,2vw,2rem);line-height:1.08;letter-spacing:-.04em;color:#f5f9ff}
.featured-diagram p{margin:0;color:#a8bedc;font-size:.95rem;line-height:1.6}
.featured-diagram-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.05fr) minmax(0,.92fr);gap:14px 16px;align-items:stretch}
.featured-diagram-grid::before{content:'';position:absolute;left:18%;right:18%;top:68px;height:2px;background:linear-gradient(90deg, rgba(115,194,255,.0), rgba(115,194,255,.55), rgba(115,194,255,.55), rgba(115,194,255,.0));border-radius:999px;pointer-events:none}
.featured-diagram-grid::after{content:'';position:absolute;left:50%;transform:translateX(-50%);top:68px;bottom:78px;width:2px;background:linear-gradient(180deg, rgba(115,194,255,.65), rgba(115,194,255,.22));border-radius:999px;pointer-events:none}
.fd-node{position:relative;min-width:0;padding:16px 16px 14px;border-radius:18px;border:1px solid rgba(99,160,232,.34);background:linear-gradient(180deg, rgba(16,35,63,.92), rgba(10,21,41,.98));box-shadow:0 10px 24px rgba(0,0,0,.16)}
.fd-node strong{display:block;margin:0 0 6px;color:#f4f8ff;font-size:1rem;line-height:1.15;letter-spacing:-.03em;overflow-wrap:anywhere}
.fd-node span{display:block;color:#c0d4ea;font-size:.88rem;line-height:1.5;overflow-wrap:anywhere}
.fd-node-center{min-height:96px}
.fd-node-bottom{grid-column:2;justify-self:center;max-width:320px;width:100%;text-align:center}
.blog-home-visual .featured-diagram,.blog-featured-visual .featured-diagram{height:100%}
.article-figure-top .featured-diagram{min-height:320px}
.page-blog .blog-featured-visual .featured-diagram{max-width:820px}

@media (max-width:1100px){
  .enterprise-grid{grid-template-columns:1fr}
  .featured-diagram-grid{grid-template-columns:1fr}
  .featured-diagram-grid::before,.featured-diagram-grid::after{display:none}
  .fd-node-bottom{grid-column:auto;justify-self:stretch;max-width:none;text-align:left}
}
@media (max-width:720px){
  .enterprise-copy-card,.enterprise-card,.enterprise-note{padding:18px}
  .enterprise-copy-card h2{font-size:clamp(1.7rem,7vw,2.3rem)}
  .enterprise-cards{grid-template-columns:1fr}
  .featured-diagram{padding:16px;border-radius:20px}
  .featured-diagram h3{font-size:1.2rem}
  .fd-node{padding:14px 14px 12px}
  .article-figure-top .featured-diagram{min-height:auto}
}

/* ===== v6.4 enterprise + intl seo expansion ===== */
.footer-grid-rich{
  grid-template-columns: 1.15fr .75fr .95fr .8fr;
}
.delivery-band .section-heading{max-width:880px;margin-inline:auto}
.delivery-mode-card{min-height:100%}
.resource-card-grid{display:grid;gap:18px}
.resource-card-grid-visual{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.resource-card-grid-compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.resource-card-grid-compact .blog-home-card{min-height:100%}
.resource-card .blog-home-card-copy{display:grid;gap:10px}
.resource-card .blog-meta-row{margin-bottom:2px}
.article-related-links{margin-top:42px;padding-top:10px;border-top:1px solid rgba(118,183,255,.12)}
.article-related-links .section-heading{margin-bottom:18px}
.article-related-links .resource-card-grid-compact .blog-home-card{padding:22px}
@media (max-width:1180px){
  .footer-grid-rich{grid-template-columns:1fr 1fr}
}
@media (max-width:1024px){
  .footer-grid-rich{grid-template-columns:1fr}
  .resource-card-grid-visual,.resource-card-grid-compact{grid-template-columns:1fr}
}
.resource-card-grid .blog-home-card + .blog-home-card{margin-top:0}


/* v6.5 serious enterprise cleanup */
.enterprise-band .eyebrow{background:rgba(8,19,36,.68);border-color:rgba(120,192,255,.16)}
.enterprise-copy-card p{max-width:62ch}
.enterprise-card h3{font-size:1.02rem}
.enterprise-bullet{background:rgba(7,14,27,.62)}
.delivery-band .section-heading p{max-width:76ch}


/* v6.6 resource card layout fix */
.blog-home-band .resource-card-grid-visual .blog-home-card{
  grid-template-columns:1fr;
  align-items:start;
  gap:18px;
  min-height:100%;
}
.blog-home-band .resource-card-grid-visual .blog-home-card .blog-home-visual{
  order:-1;
  min-height:220px;
}
.blog-home-band .resource-card-grid-visual .blog-home-card .blog-home-card-copy{
  align-content:start;
}
.blog-home-band .resource-card-grid-visual .blog-home-card h3{
  font-size:clamp(1.45rem, 2vw, 2rem);
}
.blog-home-band .resource-card-grid-visual .blog-home-card p{
  line-height:1.75;
}
.blog-home-band .resource-card-grid-visual .featured-diagram{
  min-height:220px;
}
.blog-home-band .resource-card-grid-visual .featured-diagram-grid{
  grid-template-columns:1fr;
  gap:10px;
}
.blog-home-band .resource-card-grid-visual .featured-diagram-grid::before,
.blog-home-band .resource-card-grid-visual .featured-diagram-grid::after{
  display:none;
}
.blog-home-band .resource-card-grid-visual .fd-node,
.blog-home-band .resource-card-grid-visual .fd-node-bottom{
  grid-column:auto;
  justify-self:stretch;
  max-width:none;
  text-align:left;
}
.blog-home-band .resource-card-grid-visual .fd-node strong{
  font-size:.95rem;
}
.blog-home-band .resource-card-grid-visual .fd-node span{
  font-size:.82rem;
  line-height:1.45;
}