:root {
  color-scheme: dark;
  --bg: #070b12;
  --bg-deep: #05080d;
  --surface: #0c121c;
  --surface-2: #101927;
  --surface-3: #152033;
  --surface-soft: rgba(18, 29, 45, 0.76);
  --text: #f4f7fb;
  --text-2: #c6d0dd;
  --muted: #8997aa;
  --muted-2: #627086;
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.16);
  --blue: #3b82f6;
  --blue-2: #2563eb;
  --cyan: #38bdf8;
  --violet: #8b5cf6;
  --green: #31d17c;
  --amber: #f4b740;
  --red: #fb7185;
  --white: #ffffff;
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
  --shadow-soft: 0 18px 55px rgba(0, 0, 0, 0.26);
  --radius: 20px;
  --radius-sm: 12px;
  --shell: min(1240px, calc(100% - 48px));
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 2%, rgba(59, 130, 246, 0.12), transparent 25rem),
    radial-gradient(circle at 92% 22%, rgba(56, 189, 248, 0.06), transparent 30rem),
    var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; left: 10px; top: 10px; z-index: 9999; transform: translateY(-180%); padding: 10px 14px; border-radius: 8px; background: var(--white); color: #08101b; font-weight: 800; }
.skip-link:focus { transform: none; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Shared typography and controls */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #78adff;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 22px; height: 1px; background: currentColor; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(49, 209, 124, 0.1); }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { margin-top: 0; }
h1 {
  font-size: clamp(3.05rem, 6vw, 5.8rem);
  line-height: 0.99;
  letter-spacing: -0.06em;
  font-weight: 820;
}
h1 em { font-style: normal; color: #8fc3ff; }
h2 { font-size: clamp(2.35rem, 4.5vw, 4.25rem); line-height: 1.04; letter-spacing: -0.048em; font-weight: 780; }
h3 { letter-spacing: -0.025em; }
.section-pad { padding: 112px 0; }
.section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  gap: 72px;
  align-items: end;
  margin-bottom: 48px;
}
.section-heading h2 { margin: 14px 0 0; max-width: 760px; }
.section-heading > p { margin: 0 0 6px; color: var(--muted); font-size: 1.04rem; max-width: 560px; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-weight: 800;
  line-height: 1;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { background: linear-gradient(135deg, #3177f6, #215ed8); color: #fff; box-shadow: 0 16px 40px rgba(37, 99, 235, 0.28); }
.button-primary:hover { box-shadow: 0 20px 50px rgba(37, 99, 235, 0.38); }
.button-ghost { border-color: var(--line-strong); background: rgba(255,255,255,.025); color: var(--text); }
.button-ghost:hover { border-color: rgba(108, 167, 255, .55); background: rgba(59,130,246,.08); }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--text); font-weight: 750; }
.text-link span { transition: transform .18s ease; }
.text-link:hover span { transform: translateX(4px); }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px; }
.hero-capabilities { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 30px; color: var(--text-2); font-size: .86rem; }
.hero-capabilities span { display: inline-flex; align-items: center; gap: 8px; }
.hero-capabilities i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(49,209,124,.65); }
.catalog-status { display: inline-flex; align-items: center; gap: 9px; margin: 22px 0 0; color: var(--muted); font-size: .78rem; }
.catalog-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); }
.catalog-status.synced i { background: var(--green); }
.preview-label, .example-note { color: var(--muted); font-size: .72rem; }
.preview-label { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 12px 0 0; }
.preview-label i, .example-note::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); }

/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(7, 11, 18, 0.86);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(22px) saturate(135%);
}
.header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.brand-avatar { width: 40px; height: 40px; overflow: hidden; border-radius: 11px; background: linear-gradient(145deg, #1c2c43, #09101a); border: 1px solid rgba(95, 161, 255, .28); box-shadow: 0 8px 26px rgba(0,0,0,.28); }
.brand-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center 12%; transform: scale(1.08); }
.brand-wordmark { display: grid; line-height: 1.02; }
.brand-wordmark strong { font-size: 1.07rem; letter-spacing: -0.035em; }
.brand-wordmark small { margin-top: 5px; color: var(--muted); font-size: .56rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
#main-nav { display: flex; align-items: center; gap: 7px; }
#main-nav > a, .nav-group-trigger {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #b9c4d3;
  font-size: .82rem;
  font-weight: 750;
  cursor: pointer;
}
#main-nav > a:hover, #main-nav > a.active, .nav-group.open .nav-group-trigger, .nav-group-trigger:hover { color: #fff; background: rgba(255,255,255,.045); border-color: var(--line); }
#main-nav .nav-portal { margin-left: 4px; color: #fff; background: rgba(59,130,246,.12); border-color: rgba(91,153,255,.28); }
#main-nav .nav-portal:hover { background: rgba(59,130,246,.2); border-color: rgba(91,153,255,.5); }
#main-nav .nav-portal i { font-style: normal; color: #8fc3ff; }
.nav-group { position: relative; }
.nav-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: -16px;
  width: 330px;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: rgba(10, 16, 26, .98);
  box-shadow: var(--shadow-soft);
  transition: .18s ease;
}
.nav-group.open .nav-menu { opacity: 1; visibility: visible; transform: none; }
.nav-menu a { display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: 10px; }
.nav-menu a:hover { background: rgba(255,255,255,.05); }
.nav-menu a > span:last-child { display: grid; line-height: 1.25; }
.nav-menu b { font-size: .85rem; }
.nav-menu small { margin-top: 3px; color: var(--muted); font-size: .7rem; }
.nav-icon { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: rgba(59,130,246,.12); color: #8fc3ff; border: 1px solid rgba(91,153,255,.2); font-size: .76rem; font-weight: 900; }
.nav-toggle { display: none; width: 46px; height: 42px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.nav-toggle span { display: block; height: 2px; margin: 4px 0; border-radius: 4px; background: #fff; }
.nav-toggle b { display: none; }

/* Home hero */
.home-hero { position: relative; min-height: 760px; display: flex; align-items: center; padding: 82px 0 74px; overflow: hidden; border-bottom: 1px solid var(--line); }
.home-hero::before { content: ""; position: absolute; width: 520px; height: 520px; right: -140px; top: -170px; border-radius: 50%; background: radial-gradient(circle, rgba(59,130,246,.18), transparent 68%); filter: blur(4px); }
.hero-grid-overlay { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 90%); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .92fr) minmax(530px, 1.08fr); gap: 68px; align-items: center; }
.hero-copy h1 { max-width: 720px; margin: 19px 0 22px; font-size: clamp(3.1rem, 4.8vw, 4.85rem); }
.hero-copy > p { max-width: 650px; color: var(--text-2); font-size: 1.09rem; }
.hero-facts { display: flex; gap: 0; margin: 34px 0 0; }
.hero-facts div { min-width: 125px; padding-right: 24px; margin-right: 24px; border-right: 1px solid var(--line-strong); }
.hero-facts div:last-child { border: 0; margin: 0; padding: 0; }
.hero-facts dt { font-size: 1.55rem; font-weight: 850; line-height: 1; }
.hero-facts dd { margin: 7px 0 0; color: var(--muted); font-size: .72rem; }
.hero-disclosure { display: flex; align-items: center; gap: 9px; margin-top: 22px !important; color: var(--muted) !important; font-size: .76rem !important; }
.hero-disclosure i { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); }
.ops-console { overflow: hidden; border: 1px solid rgba(115,170,255,.23); border-radius: 20px; background: rgba(10, 16, 26, .95); box-shadow: 0 40px 100px rgba(0,0,0,.48), 0 0 80px rgba(43,112,236,.09); }
.ops-console > header { height: 52px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: #0a101a; }
.ops-console > header > div { display: flex; align-items: center; gap: 7px; }
.ops-console > header span { width: 7px; height: 7px; border-radius: 50%; background: #445064; }
.ops-console > header span:first-child { background: #fb7185; }
.ops-console > header span:nth-child(2) { background: #f4b740; }
.ops-console > header span:nth-child(3) { background: #31d17c; }
.ops-console > header b { margin-left: 7px; font-size: .72rem; }
.ops-console > header small { color: #7890af; font-size: .56rem; letter-spacing: .12em; font-weight: 850; }
.ops-console-body { display: grid; grid-template-columns: 100px 1fr; min-height: 480px; }
.ops-console-body > aside { padding: 15px 9px; border-right: 1px solid var(--line); background: #080d15; }
.ops-console-body > aside span { display: flex; align-items: center; gap: 8px; padding: 10px 8px; margin-bottom: 4px; border-radius: 8px; color: #718096; font-size: .6rem; font-weight: 750; }
.ops-console-body > aside span.active { color: #fff; background: rgba(59,130,246,.12); }
.ops-console-body > aside i { width: 8px; height: 8px; border: 1px solid currentColor; border-radius: 2px; }
.ops-main { padding: 18px; }
.ops-topline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.ops-topline span { display: grid; }
.ops-topline small { color: var(--muted-2); font-size: .52rem; letter-spacing: .11em; }
.ops-topline b { font-size: .78rem; }
.ops-topline em { padding: 5px 8px; border-radius: 999px; background: rgba(56,189,248,.08); color: #7cd8ff; font-size: .53rem; font-style: normal; font-weight: 800; }
.ops-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.ops-kpis article { padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.ops-kpis small { display: block; color: #738299; font-size: .48rem; letter-spacing: .09em; }
.ops-kpis b { display: block; margin: 4px 0 2px; font-size: 1.12rem; }
.ops-kpis span { color: #758399; font-size: .52rem; }
.ops-service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 10px; }
.ops-service-grid article { min-height: 145px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(145deg, rgba(20,31,48,.72), rgba(12,18,28,.72)); }
.ops-service-grid article header { display: flex; align-items: center; gap: 7px; }
.ops-service-grid article header b { font-size: .58rem; }
.ops-service-grid article header em { margin-left: auto; color: #69e5a6; font-size: .48rem; font-style: normal; }
.service-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 10px currentColor; }
.service-dot.mail { background: var(--cyan); }
.service-dot.server { background: var(--violet); }
.service-dot.support { background: var(--green); }
.ops-service-grid h3 { margin: 12px 0 2px; font-size: .82rem; }
.ops-service-grid p { margin: 0; color: #718096; font-size: .51rem; }
.meter { height: 4px; margin-top: 21px; border-radius: 99px; background: rgba(255,255,255,.06); overflow: hidden; }
.meter i { display: block; width: var(--value); height: 100%; background: linear-gradient(90deg, var(--blue), var(--cyan)); }
.sparkline { height: 32px; margin-top: 11px; display: flex; align-items: end; gap: 4px; }
.sparkline i { flex: 1; min-width: 2px; border-radius: 3px 3px 0 0; background: rgba(139,92,246,.45); }
.sparkline i:nth-child(1) { height: 40%; } .sparkline i:nth-child(2) { height: 65%; } .sparkline i:nth-child(3) { height: 48%; } .sparkline i:nth-child(4) { height: 78%; } .sparkline i:nth-child(5) { height: 68%; } .sparkline i:nth-child(6) { height: 88%; } .sparkline i:nth-child(7) { height: 60%; } .sparkline i:nth-child(8) { height: 73%; }
.ticket-mini { margin-top: 14px; padding: 8px; border-radius: 7px; background: rgba(255,255,255,.035); }
.ticket-mini span, .ticket-mini b { display: block; font-size: .5rem; }
.ticket-mini span { color: #718096; }
.ticket-mini b { margin-top: 2px; }
.ops-main > footer { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); color: #758399; font-size: .5rem; }
.ops-main > footer span { display: inline-flex; align-items: center; gap: 6px; }
.ops-main > footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); }
.ops-main > footer a { color: #84b8ff; font-weight: 800; }
.trust-strip { border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.trust-strip .shell { min-height: 58px; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; }
.trust-strip span { padding: 0 17px; border-right: 1px solid var(--line); color: #96a4b5; font-size: .67rem; text-align: center; }
.trust-strip span:last-child { border: 0; }

/* Home service bento */
.service-universe { background: linear-gradient(180deg, #080d15, #070b12); }
.service-bento { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(245px, auto); gap: 16px; }
.service-card { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(20,30,46,.92), rgba(10,16,25,.92)); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.service-card:hover { transform: translateY(-4px); border-color: rgba(95,161,255,.38); box-shadow: var(--shadow-soft); }
.service-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 90% 10%, rgba(59,130,246,.13), transparent 40%); }
.service-card > * { position: relative; z-index: 1; }
.service-card-web { grid-column: span 7; grid-row: span 2; min-height: 520px; }
.service-card-mail { grid-column: span 5; grid-row: span 2; min-height: 520px; }
.service-card-game, .service-card-vps, .service-card-dedicated { grid-column: span 4; min-height: 300px; }
.service-card-top, .service-card footer { display: flex; align-items: center; justify-content: space-between; }
.service-number { color: #69809c; font-size: .68rem; font-weight: 800; letter-spacing: .1em; }
.service-pill { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: #8fa0b4; font-size: .58rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.service-card h3 { margin: 22px 0 10px; font-size: clamp(1.65rem, 3vw, 2.65rem); line-height: 1.05; }
.service-card p { max-width: 530px; margin: 0; color: var(--muted); font-size: .9rem; }
.service-card footer { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); }
.service-card footer strong { font-size: .76rem; }
.service-card footer i { color: #8fc3ff; font-size: 1.2rem; font-style: normal; }
.browser-art { height: 210px; margin: 30px 0 10px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: #080d15; }
.browser-art > span { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: #354156; }
.browser-art > span:first-child { background: #fb7185; }.browser-art > span:nth-child(2) { background: #f4b740; }.browser-art > span:nth-child(3) { background: #31d17c; }
.browser-art > div { height: 160px; margin-top: 10px; padding: 25px; border-radius: 10px; background: linear-gradient(135deg, #151e2d 0%, #0d1420 58%, #1c2940 100%); }
.browser-art b { display: block; margin-bottom: 25px; font-size: .7rem; }
.browser-art i { display: block; width: 72%; height: 8px; margin: 9px 0; border-radius: 99px; background: rgba(255,255,255,.08); }
.browser-art i:nth-of-type(2) { width: 52%; }
.browser-art i:nth-of-type(3) { width: 35%; background: rgba(59,130,246,.55); }
.mail-art { margin: 30px 0 12px; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; background: #080d15; }
.mail-art > div { display: grid; grid-template-columns: 32px 1fr auto; gap: 11px; align-items: center; padding: 14px; border-bottom: 1px solid var(--line); }
.mail-art > div:last-child { border: 0; }
.mail-art i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: rgba(56,189,248,.12); color: #84dcff; font-size: .6rem; font-style: normal; font-weight: 900; }
.mail-art span { display: grid; }
.mail-art b { font-size: .67rem; }
.mail-art small { margin-top: 2px; color: #718096; font-size: .54rem; }
.mail-art em { color: var(--green); font-style: normal; }
.game-art { display: grid; grid-template-columns: 110px 1fr; gap: 18px; align-items: end; margin: 26px 0 5px; }
.game-art > span { display: grid; }
.game-art small { color: #76869a; font-size: .55rem; }
.game-art b { font-size: 1.4rem; }
.mini-bars { height: 80px; display: flex; align-items: end; gap: 5px; }
.mini-bars i { flex: 1; border-radius: 4px 4px 0 0; background: linear-gradient(to top, rgba(139,92,246,.45), rgba(56,189,248,.8)); }
.mini-bars i:nth-child(1){height:42%}.mini-bars i:nth-child(2){height:68%}.mini-bars i:nth-child(3){height:55%}.mini-bars i:nth-child(4){height:82%}.mini-bars i:nth-child(5){height:66%}.mini-bars i:nth-child(6){height:90%}.mini-bars i:nth-child(7){height:72%}
.terminal-art { margin: 25px 0 4px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #060a10; }
.terminal-art code { color: #9aa8ba; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .68rem; line-height: 1.8; }
.terminal-art em { color: var(--cyan); font-style: normal; }.terminal-art span { color: var(--green); }
.rack-art { display: grid; gap: 7px; margin: 26px 0 4px; }
.rack-art i { height: 22px; border: 1px solid var(--line); border-radius: 6px; background: linear-gradient(90deg, #0a1019, #162235 70%, #0a1019); position: relative; }
.rack-art i::before { content: ""; position: absolute; width: 5px; height: 5px; right: 13px; top: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px rgba(49,209,124,.6); }

/* Platform proof and email callout */
.platform-proof { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #060a10; }
.platform-proof-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 66px; align-items: center; }
.proof-copy h2 { margin: 14px 0 18px; }
.proof-copy > p { color: var(--muted); }
.proof-copy ul { list-style: none; padding: 0; margin: 30px 0; }
.proof-copy li { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.proof-copy li i { color: #6fa7ff; font-size: .65rem; font-style: normal; font-weight: 850; }
.proof-copy li span { display: grid; }
.proof-copy li b { font-size: .85rem; }.proof-copy li small { margin-top: 4px; color: var(--muted); }
.proof-screen { overflow: hidden; border: 1px solid rgba(95,161,255,.22); border-radius: 18px; background: #080d15; box-shadow: var(--shadow); }
.proof-screen > header, .platform-shot .shot-toolbar { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid var(--line); }
.proof-screen > header > div, .platform-shot .shot-toolbar > div { display: flex; align-items: center; gap: 6px; }
.proof-screen > header span, .platform-shot .shot-toolbar span { width: 7px; height: 7px; border-radius: 50%; background: #3c485c; }
.proof-screen > header span:first-child, .platform-shot .shot-toolbar span:first-child { background: #fb7185; }.proof-screen > header span:nth-child(2), .platform-shot .shot-toolbar span:nth-child(2){background:#f4b740}.proof-screen > header span:nth-child(3), .platform-shot .shot-toolbar span:nth-child(3){background:#31d17c}
.proof-screen > header b, .platform-shot .shot-toolbar b { margin-left: 6px; font-size: .7rem; }
.proof-screen > header small, .platform-shot .shot-toolbar small { color: #738299; font-size: .55rem; letter-spacing: .1em; }
.proof-screen img { width: 100%; aspect-ratio: 1.72/1; object-fit: cover; object-position: top; }
.proof-screen footer, .platform-shot footer { min-height: 44px; display: flex; align-items: center; padding: 0 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: .62rem; }
.proof-screen footer span, .platform-shot footer span { display: inline-flex; align-items: center; gap: 7px; }
.proof-screen footer i, .platform-shot footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.email-callout { position: relative; overflow: hidden; }
.email-callout::before { content: ""; position: absolute; width: 480px; height: 480px; left: -230px; top: 0; border-radius: 50%; background: radial-gradient(circle, rgba(56,189,248,.11), transparent 70%); }
.email-callout-grid { position: relative; display: grid; grid-template-columns: .88fr 1.12fr; gap: 70px; align-items: center; }
.email-callout h2 { margin: 14px 0 18px; }
.email-callout p { color: var(--muted); }
.feature-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0; }
.feature-pills span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: #aebaca; font-size: .7rem; }
.mail-architecture-mini { display: grid; grid-template-columns: 1fr 34px 1fr 34px 1fr; align-items: stretch; }
.mail-architecture-mini > i { display: grid; place-items: center; color: #65758d; font-style: normal; }
.mail-architecture-mini article { min-height: 210px; padding: 22px; border: 1px solid var(--line); background: rgba(16,25,39,.7); }
.mail-architecture-mini article:first-child { border-radius: 16px 0 0 16px; }.mail-architecture-mini article:last-child { border-radius: 0 16px 16px 0; }
.mail-architecture-mini article.accent { border-color: rgba(59,130,246,.38); background: linear-gradient(145deg, rgba(38,89,180,.24), rgba(13,22,35,.85)); }
.mail-architecture-mini article > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: rgba(59,130,246,.12); color: #8fc3ff; font-size: .62rem; font-weight: 900; }
.mail-architecture-mini small { display: block; margin-top: 26px; color: #7190b5; font-size: .56rem; letter-spacing: .11em; }
.mail-architecture-mini b { display: block; margin-top: 8px; font-size: .9rem; }
.mail-architecture-mini p { margin: 9px 0 0; color: var(--muted); font-size: .72rem; }

/* Product heroes */
.product-hero, .email-hero, .game-hero, .vps-hero, .dedicated-hero, .pricing-hero, .support-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.product-hero::before, .email-hero::before, .vps-hero::before, .dedicated-hero::before, .pricing-hero::before, .support-hero::before { content: ""; position: absolute; width: 500px; height: 500px; right: -160px; top: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(59,130,246,.14), transparent 70%); }
.product-hero-grid, .email-hero-grid, .game-hero-grid, .vps-hero-grid, .dedicated-hero-grid, .pricing-hero-grid, .support-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr); gap: 68px; align-items: center; min-height: 680px; padding: 72px 0; }
.product-copy h1, .email-hero-copy h1, .game-hero h1, .vps-hero h1, .dedicated-hero h1, .pricing-hero h1, .support-hero h1 { max-width: 690px; margin: 17px 0 20px; font-size: clamp(3rem, 5.1vw, 5rem); }
.support-hero-grid { min-height: 640px; padding: 58px 0; }
.support-hero h1 { font-size: clamp(3rem, 4.6vw, 4.6rem); }
.product-copy > p, .email-hero-copy > p, .game-hero-grid > div:first-child > p, .vps-hero-grid > div:first-child > p, .dedicated-hero-grid > div:first-child > p, .pricing-hero-grid > div:first-child > p, .support-hero-grid > div:first-child > p { max-width: 630px; color: var(--text-2); font-size: 1.04rem; }

/* Hosting */
.website-command-center { position: relative; }
.website-browser { overflow: hidden; border: 1px solid rgba(95,161,255,.25); border-radius: 18px; background: #0a1019; box-shadow: var(--shadow); }
.website-browser > header { height: 48px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.website-browser > header > div { display: flex; gap: 6px; }.website-browser > header span { width: 7px; height: 7px; border-radius: 50%; background: #3b4759; }.website-browser > header span:first-child{background:#fb7185}.website-browser > header span:nth-child(2){background:#f4b740}.website-browser > header span:nth-child(3){background:#31d17c}
.website-browser > header b { margin-left: auto; margin-right: auto; font-size: .68rem; }.website-browser > header em { color: var(--green); font-size: .55rem; font-style: normal; font-weight: 850; }
.website-preview { min-height: 320px; display: grid; grid-template-columns: 1.35fr .65fr; background: linear-gradient(135deg, #121c2b, #09101a 68%); }
.website-preview > div { padding: 44px 34px; }
.website-preview small { color: #75aaff; font-size: .6rem; font-weight: 850; letter-spacing: .11em; }
.website-preview h3 { margin: 16px 0 24px; font-size: 2rem; line-height: 1.02; }
.website-preview > div > span { display: block; width: 72%; height: 8px; margin: 10px 0; border-radius: 99px; background: rgba(255,255,255,.08); }
.website-preview > div > span:nth-of-type(2) { width: 50%; }
.website-preview > div > a { display: inline-flex; margin-top: 22px; padding: 10px 13px; border-radius: 8px; background: var(--blue-2); font-size: .65rem; font-weight: 800; }
.website-preview aside { padding: 32px 24px; border-left: 1px solid var(--line); background: rgba(255,255,255,.025); }
.website-preview aside small { display: block; margin-top: 5px; color: #718096; font-size: .52rem; }
.website-preview aside b { display: block; margin-top: 6px; font-size: .95rem; }
.website-preview aside p { margin: 3px 0 17px; color: var(--muted); font-size: .62rem; }
.website-preview aside hr { border: 0; border-top: 1px solid var(--line); margin: 18px 0; }
.website-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 10px; }
.website-stats article { padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(16,25,39,.72); }
.website-stats span { color: #74849a; font-size: .5rem; letter-spacing: .09em; }
.website-stats b { display: block; margin-top: 5px; font-size: 1rem; }
.website-stats small { color: var(--muted); font-size: .52rem; }
.workflow-band { border-bottom: 1px solid var(--line); background: #080d15; }
.workflow-band .shell { display: grid; grid-template-columns: repeat(4,1fr); }
.workflow-band .shell > div { display: flex; gap: 12px; align-items: center; min-height: 88px; padding: 14px 20px; border-right: 1px solid var(--line); }
.workflow-band .shell > div:first-child { border-left: 1px solid var(--line); }
.workflow-band b { color: #6ca5ff; font-size: .62rem; }
.workflow-band span { display: grid; }.workflow-band strong { font-size: .74rem; }.workflow-band small { color: var(--muted); font-size: .61rem; }
.hosting-plans { background: #070b12; }
.plan-lines { border-top: 1px solid var(--line); }
.plan-lines article { display: grid; grid-template-columns: 1.1fr .9fr 190px; gap: 36px; align-items: center; min-height: 205px; padding: 28px; border: 1px solid transparent; border-bottom-color: var(--line); transition: .18s ease; }
.plan-lines article:hover { background: rgba(255,255,255,.025); border-color: var(--line); }
.plan-lines article.featured { margin: 10px 0; border-color: rgba(59,130,246,.34); border-radius: 14px; background: linear-gradient(90deg, rgba(59,130,246,.09), rgba(16,25,39,.45)); }
.plan-line-title small { color: #74a9ff; font-size: .62rem; font-weight: 850; letter-spacing: .1em; }
.plan-line-title h3 { margin: 8px 0 6px; font-size: 1.5rem; }.plan-line-title p { margin: 0; color: var(--muted); font-size: .82rem; }
.plan-lines ul { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 18px; list-style: none; padding: 0; margin: 0; color: var(--text-2); font-size: .75rem; }
.plan-lines li::before, .email-plan-grid li::before, .catalogue-plan li::before, .builder-result li::before { content: "✓"; margin-right: 8px; color: var(--green); }
.line-price { display: grid; justify-items: start; }.line-price > b { font-size: 1.65rem; }.line-price small { color: var(--muted); font-size: .62rem; }.line-price a { margin-top: 13px; padding: 9px 12px; border-radius: 8px; background: #fff; color: #07101b; font-size: .68rem; font-weight: 850; }
.managed-proof { border-top: 1px solid var(--line); background: #090e16; }
.managed-proof-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; align-items: start; }
.managed-proof-grid > div:first-child h2 { margin: 14px 0 18px; }.managed-proof-grid > div:first-child p { color: var(--muted); }
.managed-proof-cards { display: grid; gap: 12px; }
.managed-proof-cards article { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: rgba(16,25,39,.7); }
.managed-proof-cards span { color: #6ca5ff; font-size: .58rem; font-weight: 850; letter-spacing: .1em; }
.managed-proof-cards h3 { margin: 9px 0 6px; font-size: 1.18rem; }.managed-proof-cards p { margin: 0; color: var(--muted); font-size: .8rem; }

/* Email */
.inbox-preview { display: grid; grid-template-columns: 105px 1fr 180px; grid-template-rows: 48px minmax(330px, auto) 34px; overflow: hidden; border: 1px solid rgba(56,189,248,.23); border-radius: 18px; background: #0a1019; box-shadow: var(--shadow); }
.inbox-preview > header { grid-column: 1 / 4; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid var(--line); }
.inbox-preview > header div { display: flex; align-items: center; gap: 8px; }.inbox-preview > header div span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }.inbox-preview > header b { font-size: .72rem; }.inbox-preview > header small { color: var(--muted); font-size: .6rem; }
.inbox-preview > aside { padding: 17px 12px; border-right: 1px solid var(--line); background: #080d15; }
.inbox-preview > aside b { display: block; margin-bottom: 11px; font-size: .65rem; }.inbox-preview > aside span { display: flex; justify-content: space-between; padding: 8px; border-radius: 7px; color: #76869a; font-size: .58rem; }.inbox-preview > aside span.active { color: #fff; background: rgba(59,130,246,.13); }.inbox-preview > aside em { color: #8fc3ff; font-style: normal; }
.inbox-list { border-right: 1px solid var(--line); }
.inbox-list > div { display: grid; grid-template-columns: 30px 1fr auto; gap: 9px; align-items: center; padding: 13px 11px; border-bottom: 1px solid var(--line); }
.inbox-list > div.selected { background: rgba(59,130,246,.08); }
.inbox-list i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: rgba(56,189,248,.1); color: #7cd8ff; font-size: .55rem; font-style: normal; font-weight: 850; }
.inbox-list span { display: grid; }.inbox-list b { font-size: .62rem; }.inbox-list small { color: #718096; font-size: .48rem; }.inbox-list time { color: #718096; font-size: .45rem; }
.inbox-preview > article { padding: 28px 18px; background: rgba(255,255,255,.02); }
.inbox-preview > article > small { color: #70a7ff; font-size: .5rem; font-weight: 850; letter-spacing: .1em; }
.inbox-preview > article h3 { margin: 12px 0; font-size: 1.35rem; line-height: 1.08; }.inbox-preview > article p { color: var(--muted); font-size: .62rem; }.signature { display: block; margin-top: 28px; font-size: .55rem; font-weight: 850; }
.inbox-preview > footer { grid-column: 1 / 4; display: flex; align-items: center; gap: 7px; padding: 0 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: .52rem; }.inbox-preview > footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); }
.email-trust { border-bottom: 1px solid var(--line); background: #080d15; }
.email-trust .shell { display: grid; grid-template-columns: repeat(6,1fr); min-height: 62px; align-items: center; }
.email-trust span { padding: 0 12px; color: #91a0b2; font-size: .62rem; text-align: center; border-right: 1px solid var(--line); }.email-trust span:last-child { border: 0; }
.email-architecture { background: #070b12; }
.architecture-flow { display: grid; grid-template-columns: 1fr 48px 1fr 48px 1fr; align-items: stretch; }
.architecture-flow > i { display: grid; place-items: center; color: #65758d; font-style: normal; }
.architecture-flow > div { min-height: 245px; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: rgba(16,25,39,.72); }
.architecture-flow > div.accent { border-color: rgba(56,189,248,.34); background: linear-gradient(145deg, rgba(21,77,107,.26), rgba(11,19,30,.9)); box-shadow: 0 0 60px rgba(56,189,248,.06); }
.flow-number { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: rgba(59,130,246,.12); color: #8fc3ff; font-size: .65rem; font-weight: 850; }
.architecture-flow small { display: block; margin-top: 32px; color: #7190b5; font-size: .58rem; font-weight: 850; letter-spacing: .11em; }.architecture-flow b { display: block; margin-top: 8px; font-size: 1.08rem; }.architecture-flow p { margin: 10px 0 0; color: var(--muted); font-size: .78rem; }
.email-plans { border-top: 1px solid var(--line); background: #080d15; }
.email-plan-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.email-plan-grid article { position: relative; display: flex; flex-direction: column; min-height: 520px; padding: 28px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(20,31,48,.92), rgba(10,16,25,.96)); }
.email-plan-grid article.featured { border-color: rgba(59,130,246,.5); box-shadow: 0 0 0 1px rgba(59,130,246,.08), 0 24px 70px rgba(0,0,0,.3); transform: translateY(-8px); }
.email-plan-grid article > span { color: #75aaff; font-size: .62rem; font-weight: 850; letter-spacing: .1em; }.email-plan-grid h3 { margin: 12px 0 22px; font-size: 1.5rem; }.email-plan-grid .price b { display: block; font-size: 2.2rem; }.email-plan-grid .price small { color: var(--muted); font-size: .62rem; }
.email-plan-grid ul { list-style: none; padding: 0; margin: 28px 0; color: var(--text-2); font-size: .77rem; }.email-plan-grid li { padding: 10px 0; border-bottom: 1px solid var(--line); }
.email-plan-grid a { margin-top: auto; min-height: 44px; display: grid; place-items: center; border-radius: 9px; background: #fff; color: #07101b; font-size: .72rem; font-weight: 850; }
.migration-section { background: #070b12; }
.migration-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 72px; align-items: start; }
.migration-grid h2 { margin: 14px 0 18px; }.migration-grid p { color: var(--muted); }
.migration-grid ol { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.migration-grid li { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--line); }.migration-grid li b { color: #6ca5ff; font-size: .65rem; }.migration-grid li span { display: grid; }.migration-grid strong { font-size: .86rem; }.migration-grid small { margin-top: 4px; color: var(--muted); }

/* Game */
.game-hero { background: radial-gradient(circle at 78% 28%, rgba(139,92,246,.14), transparent 30rem), #070b12; }
.game-grid-bg { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(139,92,246,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(139,92,246,.08) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, black, transparent); }
.game-hero-grid { z-index: 1; }
.game-console { overflow: hidden; border: 1px solid rgba(139,92,246,.35); border-radius: 18px; background: linear-gradient(145deg, rgba(21,21,42,.96), rgba(8,12,20,.98)); box-shadow: 0 35px 90px rgba(0,0,0,.48), 0 0 80px rgba(139,92,246,.08); }
.game-console > header { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--line); }
.game-console > header > div { display: flex; align-items: center; gap: 6px; }.game-console > header span { width: 7px; height: 7px; border-radius: 50%; background: #3e465a; }.game-console > header span:first-child{background:#fb7185}.game-console > header span:nth-child(2){background:#f4b740}.game-console > header span:nth-child(3){background:#31d17c}.game-console > header b { margin-left: 7px; font-size: .68rem; }.game-console > header em { color: #9f8bff; font-size: .54rem; font-style: normal; font-weight: 850; letter-spacing: .1em; }
.server-title { display: flex; align-items: center; justify-content: space-between; padding: 26px 26px 15px; }.server-title span { display: grid; }.server-title small { color: #8172c9; font-size: .55rem; letter-spacing: .12em; }.server-title b { margin-top: 5px; font-size: 1.1rem; }.server-title > i { padding: 6px 9px; border-radius: 999px; background: rgba(49,209,124,.1); color: var(--green); font-size: .55rem; font-style: normal; font-weight: 850; }
.game-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; padding: 0 26px 18px; }.game-metrics > div { padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }.game-metrics small { color: #7a879a; font-size: .5rem; }.game-metrics b { display: block; margin: 5px 0 2px; font-size: 1.25rem; }.game-metrics span { color: var(--muted); font-size: .5rem; }
.game-chart { height: 145px; padding: 0 26px 22px; display: flex; gap: 7px; align-items: end; }.game-chart span { flex: 1; height: var(--h); border-radius: 4px 4px 0 0; background: linear-gradient(to top, rgba(97,70,188,.42), rgba(56,189,248,.82)); }
.game-console footer { display: flex; gap: 18px; padding: 14px 26px; border-top: 1px solid var(--line); color: var(--muted); font-size: .55rem; }.game-console footer span { display: inline-flex; align-items: center; gap: 6px; }.game-console footer i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); }
.game-picker { background: #080d15; }
.game-tabs { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; }
.game-tabs button { min-height: 82px; display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); color: #a5b1c0; font-weight: 750; cursor: pointer; }
.game-tabs button i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: rgba(139,92,246,.1); color: #b9a8ff; font-size: .68rem; font-style: normal; font-weight: 900; }.game-tabs button.active { border-color: rgba(139,92,246,.48); background: rgba(139,92,246,.09); color: #fff; }
.game-detail { display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; margin-top: 18px; padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(22,26,45,.84), rgba(10,16,25,.92)); }.game-detail > div > span { color: #9f8bff; font-size: .58rem; font-weight: 850; letter-spacing: .1em; }.game-detail h3 { margin: 10px 0 8px; font-size: 1.55rem; }.game-detail p { margin: 0; color: var(--muted); }.game-detail dl { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; }.game-detail dl div { padding: 10px 15px; border-left: 1px solid var(--line); }.game-detail dt { font-size: 1.05rem; font-weight: 850; }.game-detail dd { margin: 4px 0 0; color: var(--muted); font-size: .62rem; }
.game-plans { background: #070b12; }
.dark-plan-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }.dark-plan-grid article { min-height: 430px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(20,27,44,.9), rgba(10,16,25,.96)); }.dark-plan-grid article.featured { border-color: rgba(139,92,246,.5); box-shadow: 0 0 70px rgba(139,92,246,.07); transform: translateY(-8px); }.dark-plan-grid article > span { color: #a998ff; font-size: .6rem; font-weight: 850; letter-spacing: .1em; }.dark-plan-grid h3 { margin: 12px 0 20px; font-size: 1.45rem; }.dark-plan-grid .price b { display: block; font-size: 2.2rem; }.dark-plan-grid .price small { color: var(--muted); font-size: .62rem; }.dark-plan-grid dl { margin: 26px 0; }.dark-plan-grid dl div { display: flex; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid var(--line); }.dark-plan-grid dt { color: var(--muted); font-size: .62rem; }.dark-plan-grid dd { margin: 0; font-size: .75rem; font-weight: 750; }.dark-plan-grid a { margin-top: auto; min-height: 44px; display: grid; place-items: center; border-radius: 9px; background: #fff; color: #07101b; font-size: .7rem; font-weight: 850; }

/* VPS */
.terminal-card { overflow: hidden; border: 1px solid rgba(56,189,248,.27); border-radius: 18px; background: #060a10; box-shadow: var(--shadow); }
.terminal-card > header { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--line); }.terminal-card > header > div { display: flex; align-items: center; gap: 6px; }.terminal-card > header span { width: 7px; height: 7px; border-radius: 50%; background: #414b5d; }.terminal-card > header span:first-child{background:#fb7185}.terminal-card > header span:nth-child(2){background:#f4b740}.terminal-card > header span:nth-child(3){background:#31d17c}.terminal-card > header b { margin-left: 7px; font-size: .68rem; }.terminal-card > header small { color: #6da4c9; font-size: .54rem; letter-spacing: .1em; }
.terminal-layout { display: grid; grid-template-columns: 1fr 170px; min-height: 400px; }.terminal-card pre { margin: 0; padding: 28px; overflow: auto; }.terminal-card code { color: #a9b5c4; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; line-height: 1.65; }.terminal-card code em { color: var(--cyan); font-style: normal; }.terminal-card code span { color: var(--green); }
.terminal-layout aside { padding: 22px 16px; border-left: 1px solid var(--line); background: rgba(255,255,255,.02); }.terminal-layout aside article { margin-bottom: 25px; }.terminal-layout aside span { color: var(--muted); font-size: .53rem; }.terminal-layout aside b { display: block; margin: 4px 0 8px; font-size: 1rem; }.terminal-layout aside article > i { display: block; height: 4px; border-radius: 99px; background: rgba(255,255,255,.06); overflow: hidden; }.terminal-layout aside article > i em { display: block; width: var(--value); height: 100%; background: linear-gradient(90deg, var(--blue), var(--cyan)); }.terminal-layout aside footer { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: .56rem; }.terminal-layout aside footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); }
.vps-builder { background: #080d15; }
.builder-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 18px; }
.builder-controls, .builder-result { min-height: 460px; padding: 30px; border: 1px solid var(--line); border-radius: 17px; background: rgba(16,25,39,.78); }
.builder-controls { display: grid; gap: 24px; }.builder-controls label { display: grid; grid-template-columns: 1fr auto; gap: 12px; color: var(--text-2); font-size: .78rem; font-weight: 750; }.builder-controls output { color: #8fc3ff; }.builder-controls input[type="range"] { grid-column: 1/3; width: 100%; accent-color: var(--blue); }.segmented { grid-column: 1/3; display: grid; grid-template-columns: 1fr 1fr; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: #080d15; }.segmented button { min-height: 42px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font-weight: 800; cursor: pointer; }.segmented button.active { background: rgba(59,130,246,.16); color: #fff; }
.builder-result { display: flex; flex-direction: column; background: linear-gradient(145deg, rgba(34,71,137,.25), rgba(10,16,25,.92)); border-color: rgba(59,130,246,.32); }.builder-result > span { color: #79adff; font-size: .6rem; font-weight: 850; letter-spacing: .1em; }.builder-result h3 { margin: 12px 0; font-size: 2rem; }.builder-price b { display: block; font-size: 2.6rem; }.builder-price small { color: var(--muted); font-size: .65rem; }.builder-result ul { list-style: none; padding: 0; margin: 28px 0; color: var(--text-2); font-size: .78rem; }.builder-result li { padding: 10px 0; border-bottom: 1px solid var(--line); }.builder-result a { margin-top: auto; min-height: 46px; display: grid; place-items: center; border-radius: 9px; background: #fff; color: #07101b; font-size: .72rem; font-weight: 850; }
.vps-comparison { background: #070b12; }
.comparison-table { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; }.comparison-table > div { display: grid; grid-template-columns: 190px 1fr 1fr; }.comparison-table > div > * { margin: 0; padding: 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.comparison-table > div > *:last-child { border-right: 0; }.comparison-table > div:last-child > * { border-bottom: 0; }.comparison-head { background: rgba(59,130,246,.08); }.comparison-table span { color: var(--muted); font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.comparison-table b { font-size: 1rem; }.comparison-table p { color: var(--text-2); font-size: .78rem; }
.vps-plans { background: #080d15; border-top: 1px solid var(--line); }.compact-plan-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.compact-plan-grid article { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: rgba(16,25,39,.8); }.compact-plan-grid article.featured { border-color: rgba(59,130,246,.42); background: linear-gradient(145deg, rgba(34,73,145,.2), rgba(12,19,30,.88)); }.compact-plan-grid span { color: #75aaff; font-size: .57rem; font-weight: 850; letter-spacing: .1em; }.compact-plan-grid h3 { margin: 9px 0 16px; }.compact-plan-grid > article > b { font-size: 1.55rem; }.compact-plan-grid small { display: block; margin-top: 5px; color: var(--muted); }

/* Dedicated */
.rack-visual { overflow: hidden; padding: 18px; border: 1px solid rgba(95,161,255,.26); border-radius: 18px; background: linear-gradient(145deg, #0e1724, #070b12); box-shadow: var(--shadow); }
.rack-visual > header { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 8px 14px; border-bottom: 1px solid var(--line); }.rack-visual > header span { color: #6f7d90; font-size: .52rem; letter-spacing: .1em; }.rack-visual > header b { font-size: .78rem; }.rack-visual > header em { margin-left: auto; color: #75aaff; font-size: .5rem; font-style: normal; font-weight: 850; letter-spacing: .1em; }
.rack-unit { display: grid; grid-template-columns: 18px 70px 1fr auto; gap: 14px; align-items: center; min-height: 70px; padding: 0 16px; margin-top: 9px; border: 1px solid var(--line); border-radius: 9px; background: linear-gradient(90deg, #080d15, #162235 50%, #0a1019); }.rack-unit > i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px rgba(49,209,124,.7); }.rack-unit b { font-size: .65rem; }.rack-unit span { color: var(--text-2); font-size: .72rem; }.rack-unit em { color: #7fd7ff; font-size: .52rem; font-style: normal; font-weight: 850; }
.rack-visual footer { display: flex; justify-content: space-between; gap: 16px; padding: 16px 8px 2px; color: var(--muted); font-size: .54rem; }.rack-visual footer span:first-child { display: inline-flex; align-items: center; gap: 6px; }.rack-visual footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); }
.dedicated-specs { background: #080d15; }
.dedicated-table { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; }.dedicated-head, .dedicated-table article { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr 1fr 135px; align-items: center; }.dedicated-head { min-height: 52px; padding: 0 22px; background: rgba(255,255,255,.025); color: #718096; font-size: .56rem; font-weight: 850; letter-spacing: .09em; }.dedicated-table article { min-height: 118px; padding: 20px 22px; border-top: 1px solid var(--line); }.dedicated-table article.featured { background: linear-gradient(90deg, rgba(59,130,246,.1), rgba(16,25,39,.45)); }.dedicated-table article > span:first-child { display: grid; }.dedicated-table article small { color: #75aaff; font-size: .55rem; font-weight: 850; letter-spacing: .08em; }.dedicated-table article > span { color: var(--text-2); font-size: .74rem; }.dedicated-table article > span:first-child b { margin-top: 5px; color: var(--text); font-size: .9rem; }.dedicated-table .price b { display: block; color: var(--text); font-size: 1.18rem; }.dedicated-table .price small { color: var(--muted); font-size: .52rem; }.dedicated-table article a { min-height: 38px; display: grid; place-items: center; border-radius: 8px; background: #fff; color: #07101b; font-size: .63rem; font-weight: 850; }
.dedicated-operations { background: #070b12; border-top: 1px solid var(--line); }.dedicated-operations-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 70px; }.dedicated-operations h2 { margin: 14px 0 18px; }.dedicated-operations p { color: var(--muted); }.operations-steps { border-top: 1px solid var(--line); }.operations-steps article { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 20px 0; border-bottom: 1px solid var(--line); }.operations-steps article > b { color: #6ca5ff; font-size: .62rem; }.operations-steps span { display: grid; }.operations-steps strong { font-size: .84rem; }.operations-steps small { margin-top: 4px; color: var(--muted); }

/* Pricing */
.pricing-hero-grid { grid-template-columns: 1.15fr .85fr; min-height: 560px; }
.pricing-summary { overflow: hidden; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(95,161,255,.24); border-radius: 17px; background: linear-gradient(145deg, rgba(18,29,45,.9), rgba(9,15,24,.96)); box-shadow: var(--shadow-soft); }
.pricing-summary header { grid-column: 1/4; min-height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--line); }.pricing-summary header span { color: #75aaff; font-size: .58rem; font-weight: 850; letter-spacing: .1em; }.pricing-summary header small { color: var(--muted); font-size: .56rem; }.pricing-summary > div { min-height: 140px; display: grid; place-content: center; text-align: center; border-right: 1px solid var(--line); }.pricing-summary > div:nth-child(4) { border-right: 0; }.pricing-summary > div b { font-size: 1.7rem; }.pricing-summary > div span { margin-top: 4px; color: var(--muted); font-size: .6rem; }.pricing-summary footer { grid-column: 1/4; min-height: 48px; display: flex; align-items: center; gap: 7px; padding: 0 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: .58rem; }.pricing-summary footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); }
.pricing-catalogue { background: #080d15; }
.catalogue-toolbar { display: flex; justify-content: space-between; gap: 28px; align-items: end; margin-bottom: 20px; }.catalogue-toolbar > div:first-child { display: grid; gap: 14px; }.plan-filters { display: flex; flex-wrap: wrap; gap: 8px; }.plan-filters button { min-height: 48px; display: inline-flex; align-items: center; gap: 9px; padding: 0 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.02); color: #9aa8ba; font-size: .72rem; font-weight: 800; cursor: pointer; }.plan-filters button i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; background: rgba(59,130,246,.1); color: #8fc3ff; font-size: .55rem; font-style: normal; }.plan-filters button.active { border-color: rgba(59,130,246,.5); color: #fff; background: rgba(59,130,246,.12); }
.catalogue-context { display: grid; grid-template-columns: 1fr .7fr; gap: 50px; align-items: end; margin-bottom: 18px; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(90deg, rgba(59,130,246,.08), rgba(16,25,39,.45)); }.catalogue-context span { color: #75aaff; font-size: .58rem; font-weight: 850; letter-spacing: .1em; }.catalogue-context h2 { margin: 8px 0 0; font-size: clamp(1.65rem, 3vw, 2.5rem); }.catalogue-context p { margin: 0; color: var(--muted); font-size: .83rem; }
.catalogue-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.catalogue-plan { position: relative; min-height: 505px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(20,30,46,.94), rgba(10,16,25,.98)); }.catalogue-plan.featured { border-color: rgba(59,130,246,.48); background: linear-gradient(145deg, rgba(35,70,135,.27), rgba(10,16,25,.98)); box-shadow: 0 24px 70px rgba(0,0,0,.28); }.recommended { position: absolute; top: 14px; right: 14px; padding: 5px 8px; border-radius: 999px; background: rgba(59,130,246,.16); color: #91bdff; font-size: .5rem; font-weight: 900; letter-spacing: .08em; }.catalogue-plan header > span { color: #75aaff; font-size: .58rem; font-weight: 850; letter-spacing: .1em; }.catalogue-plan h3 { margin: 10px 0 5px; font-size: 1.55rem; }.catalogue-plan header p { margin: 0; color: var(--muted); font-size: .76rem; }.catalogue-plan .price { margin-top: 30px; }.catalogue-plan .price b { display: block; font-size: 2.25rem; }.catalogue-plan .price small { color: var(--muted); font-size: .62rem; }.catalogue-plan ul { list-style: none; padding: 0; margin: 27px 0; color: var(--text-2); font-size: .76rem; }.catalogue-plan li { padding: 10px 0; border-bottom: 1px solid var(--line); }.catalogue-plan > a { min-height: 44px; display: grid; place-items: center; margin-top: auto; border-radius: 9px; background: #fff; color: #07101b; font-size: .7rem; font-weight: 850; }
.pricing-notes { background: #070b12; border-top: 1px solid var(--line); }.content-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.content-columns article { padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: rgba(16,25,39,.65); }.content-columns article > span { color: #6ca5ff; font-size: .58rem; font-weight: 850; }.content-columns h3 { margin: 14px 0 8px; font-size: 1.15rem; }.content-columns p { margin: 0; color: var(--muted); font-size: .8rem; }

/* Platform */
.platform-hero { position: relative; overflow: hidden; padding: 36px 0 44px; border-bottom: 1px solid var(--line); }
.platform-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% -20%, rgba(59,130,246,.18), transparent 50rem); }
.platform-hero .shell { position: relative; }.platform-copy { max-width: 820px; margin: 0 auto 22px; text-align: center; }.platform-copy .eyebrow { justify-content: center; }.platform-copy h1 { margin: 14px auto 16px; max-width: 820px; font-size: clamp(3rem, 4.4vw, 4.3rem); }.platform-copy p { max-width: 720px; margin: 0 auto; color: var(--text-2); font-size: .98rem; }.platform-copy .hero-actions { justify-content: center; }
.platform-shot { overflow: hidden; max-width: 1040px; margin: 0 auto; border: 1px solid rgba(95,161,255,.25); border-radius: 18px; background: #080d15; box-shadow: var(--shadow); }.platform-shot img { width: 100%; max-height: 285px; object-fit: cover; object-position: top; }
.platform-map { background: #080d15; }.system-map { display: grid; grid-template-columns: repeat(11,auto); align-items: stretch; gap: 8px; }.system-map > div { min-width: 0; min-height: 135px; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(16,25,39,.78); }.system-map > div b { color: #6ca5ff; font-size: .6rem; }.system-map > div span { display: grid; }.system-map strong { font-size: .72rem; }.system-map small { margin-top: 5px; color: var(--muted); font-size: .58rem; }.system-map > i { display: grid; place-items: center; color: #617088; font-style: normal; }
.bento { background: #070b12; }.bento-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.bento-grid article { min-height: 310px; padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(20,30,46,.9), rgba(10,16,25,.97)); }.bento-grid article.bento-wide { grid-column: span 2; grid-row: span 2; min-height: 634px; }.bento-grid article > span { color: #75aaff; font-size: .58rem; font-weight: 850; letter-spacing: .1em; }.bento-grid h2 { margin: 14px 0; font-size: 2.25rem; }.bento-grid h3 { margin: 14px 0 10px; font-size: 1.3rem; }.bento-grid p { color: var(--muted); font-size: .8rem; }.bento-grid ul { color: var(--text-2); font-size: .76rem; line-height: 2; }.bento-grid dl { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 36px; }.bento-grid dl div { padding: 12px; border-left: 1px solid var(--line); }.bento-grid dl div:first-child { border-left: 0; }.bento-grid dt { color: var(--muted); font-size: .55rem; }.bento-grid dd { margin: 5px 0 0; font-size: 1.15rem; font-weight: 850; }.mini-table { margin-top: 30px; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }.mini-table > div { display: grid; grid-template-columns: 1.3fr .8fr .8fr .7fr; padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: .66rem; }.mini-table > div:last-child { border: 0; }.mini-table > div:first-child { color: #7d8b9e; background: rgba(255,255,255,.025); }.mini-table em { color: var(--green); font-style: normal; }

/* Support */
.support-board { overflow: hidden; border: 1px solid rgba(95,161,255,.23); border-radius: 17px; background: linear-gradient(145deg, rgba(18,29,45,.94), rgba(9,15,24,.98)); box-shadow: var(--shadow); }.support-board > header { min-height: 58px; display: flex; justify-content: space-between; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--line); }.support-board > header > div { display: grid; }.support-board > header b { font-size: .78rem; }.support-board > header small { color: var(--muted); font-size: .5rem; letter-spacing: .1em; }.support-board > header > span { display: inline-flex; align-items: center; gap: 7px; color: #8fa0b4; font-size: .6rem; }.support-board > header > span i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }.support-row { display: grid; grid-template-columns: 40px 1fr auto; gap: 13px; align-items: center; min-height: 92px; padding: 15px 18px; border-bottom: 1px solid var(--line); }.support-row > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: rgba(59,130,246,.11); color: #8fc3ff; font-size: .6rem; font-style: normal; font-weight: 900; }.support-row span { display: grid; }.support-row b { font-size: .73rem; }.support-row small { margin-top: 4px; color: var(--muted); font-size: .56rem; }.support-row em { padding: 6px 8px; border-radius: 999px; background: rgba(56,189,248,.08); color: #79dcff; font-size: .52rem; font-style: normal; font-weight: 800; }.support-board footer { min-height: 55px; display: flex; justify-content: space-between; align-items: center; padding: 0 18px; color: var(--muted); font-size: .62rem; }.support-board footer b { color: var(--text); }
.support-options { background: #080d15; }.support-option-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.support-option-grid article { min-height: 320px; display: flex; flex-direction: column; padding: 25px; border: 1px solid var(--line); border-radius: 15px; background: rgba(16,25,39,.78); }.support-option-grid article > span { color: #6ca5ff; font-size: .58rem; font-weight: 850; }.support-option-icon { width: 44px; height: 44px; display: grid; place-items: center; margin-top: 28px; border-radius: 12px; background: rgba(59,130,246,.12); color: #8fc3ff; font-size: .7rem; font-weight: 900; }.support-option-grid h3 { margin: 16px 0 8px; font-size: 1.3rem; }.support-option-grid p { color: var(--muted); font-size: .8rem; }.support-option-grid a, .support-option-grid button { margin-top: auto; align-self: start; padding: 0; border: 0; background: transparent; color: #8fc3ff; font-size: .76rem; font-weight: 850; cursor: pointer; }
.payment-section { background: #070b12; }.payment-grid { display: grid; grid-template-columns: .83fr 1.17fr; gap: 72px; align-items: center; }.payment-grid > div:first-child h2 { margin: 14px 0 18px; }.payment-grid > div:first-child p { color: var(--muted); }.payment-card { overflow: hidden; border: 1px solid rgba(59,130,246,.33); border-radius: 17px; background: linear-gradient(145deg, rgba(26,53,101,.23), rgba(10,16,25,.96)); }.payment-card > header { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid var(--line); }.payment-card > header span { color: #75aaff; font-size: .58rem; font-weight: 850; letter-spacing: .1em; }.payment-card > header b { font-size: .75rem; }.payment-summary { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }.payment-summary > span { padding: 20px; border-right: 1px solid var(--line); }.payment-summary > span:last-child { border: 0; }.payment-summary small { display: block; color: var(--muted); font-size: .52rem; letter-spacing: .09em; }.payment-summary b { display: block; margin-top: 5px; font-size: 1.5rem; }.payment-timeline { padding: 6px 20px; }.payment-timeline > div { display: grid; grid-template-columns: 36px 1fr auto; gap: 12px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }.payment-timeline > div:last-child { border: 0; }.payment-timeline > div > b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: rgba(255,255,255,.04); color: #718096; font-size: .58rem; }.payment-timeline > div.complete > b { background: rgba(49,209,124,.1); color: var(--green); }.payment-timeline > div.active > b { background: rgba(59,130,246,.12); color: #8fc3ff; }.payment-timeline span { display: grid; }.payment-timeline strong { font-size: .75rem; }.payment-timeline small { margin-top: 3px; color: var(--muted); font-size: .58rem; }.payment-timeline em { color: var(--green); font-size: .55rem; font-style: normal; }.payment-card footer { min-height: 44px; display: flex; align-items: center; gap: 7px; padding: 0 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: .56rem; }.payment-card footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); }
.faq-section { background: #080d15; border-top: 1px solid var(--line); }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { position: relative; padding: 22px 42px 22px 0; list-style: none; cursor: pointer; font-size: 1rem; font-weight: 750; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; position: absolute; right: 5px; top: 20px; color: #8fc3ff; font-size: 1.35rem; font-weight: 400; }.faq-list details[open] summary::after { content: "−"; }.faq-list details p { max-width: 800px; margin: -5px 0 22px; color: var(--muted); }

/* Footer */
.site-footer { border-top: 1px solid var(--line); background: #05080d; }
.footer-cta { min-height: 320px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: center; border-bottom: 1px solid var(--line); }
.footer-cta h2 { max-width: 790px; margin: 13px 0 0; font-size: clamp(2rem,4.2vw,3.8rem); }
.footer-actions { display: flex; align-items: center; justify-content: flex-end; gap: 20px; flex-wrap: wrap; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 52px; padding: 65px 0; }
.footer-brand p { max-width: 330px; margin: 24px 0; color: var(--muted); font-size: .78rem; }
.footer-location { display: inline-flex; align-items: center; gap: 8px; color: #8795a8; font-size: .67rem; }.footer-location i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 10px; }
.footer-grid h2 { margin: 4px 0 10px; color: #718096; font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; }
.footer-grid a, .footer-grid > div > span { color: #9ba8b8; font-size: .72rem; }
.footer-grid a:hover { color: #fff; }
.footer-bottom { min-height: 72px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--line); color: #647186; font-size: .62rem; }

/* Chat */
.chat-launcher { position: fixed; right: 20px; bottom: 20px; z-index: 110; min-height: 55px; display: flex; align-items: center; gap: 11px; padding: 7px 8px 7px 15px; border: 1px solid rgba(95,161,255,.3); border-radius: 999px; background: rgba(10,16,26,.95); box-shadow: 0 18px 55px rgba(0,0,0,.45); cursor: pointer; backdrop-filter: blur(18px); }
.chat-launcher > span { display: grid; text-align: left; line-height: 1.1; }.chat-launcher b { font-size: .7rem; }.chat-launcher small { margin-top: 3px; color: var(--muted); font-size: .52rem; }.chat-launcher img { width: 41px; height: 41px; object-fit: cover; object-position: center 12%; border-radius: 50%; background: #142034; }
.chat-panel { position: fixed; right: 20px; bottom: 86px; z-index: 120; width: min(410px, calc(100vw - 24px)); max-height: min(650px, calc(100vh - 110px)); display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(12px) scale(.98); overflow: hidden; border: 1px solid rgba(95,161,255,.28); border-radius: 18px; background: #0a1019; box-shadow: 0 35px 100px rgba(0,0,0,.58); transition: .18s ease; }
.chat-panel.open { opacity: 1; visibility: visible; transform: none; }
.chat-header { min-height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid var(--line); }.chat-header > div { display: flex; align-items: center; gap: 10px; }.chat-header img { width: 44px; height: 44px; object-fit: cover; object-position: center 12%; border-radius: 50%; background: #132037; }.chat-header span { display: grid; }.chat-header strong { font-size: .78rem; }.chat-header small { color: var(--muted); font-size: .54rem; }.chat-close { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); cursor: pointer; }
.chat-messages { flex: 1; min-height: 220px; overflow: auto; padding: 14px; }.chat-message { max-width: 88%; padding: 11px 13px; margin-bottom: 10px; border-radius: 12px; background: rgba(255,255,255,.04); color: var(--text-2); font-size: .74rem; }.chat-message p { margin: 0; }.chat-message.user { margin-left: auto; background: rgba(59,130,246,.16); color: #fff; }
.chat-quick { display: flex; gap: 7px; padding: 0 14px 12px; overflow-x: auto; }.chat-quick button { min-width: max-content; padding: 7px 9px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: #9eabba; font-size: .57rem; cursor: pointer; }
.chat-form { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--line); }.chat-form textarea { min-height: 44px; max-height: 110px; resize: none; padding: 12px; border: 1px solid var(--line); border-radius: 10px; outline: 0; background: #070b12; color: #fff; }.chat-form textarea:focus { border-color: rgba(59,130,246,.55); }.chat-form button { min-width: 62px; border: 0; border-radius: 9px; background: var(--blue-2); color: #fff; font-size: .68rem; font-weight: 850; cursor: pointer; }
.chat-disclaimer { margin: 0; padding: 0 14px 12px; color: #66748a; font-size: .52rem; }

/* Responsive */
@media (max-width: 1120px) {
  :root { --shell: min(100% - 36px, 1100px); }
  .hero-grid, .product-hero-grid, .email-hero-grid, .game-hero-grid, .vps-hero-grid, .dedicated-hero-grid, .support-hero-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .hero-grid { grid-template-columns: .9fr 1.1fr; }
  .ops-console-body { grid-template-columns: 78px 1fr; }
  .ops-console-body > aside span { font-size: 0; justify-content: center; }
  .service-card-web { grid-column: span 7; }.service-card-mail { grid-column: span 5; }
  .service-card-game, .service-card-vps { grid-column: span 6; }.service-card-dedicated { grid-column: span 12; }
  .system-map { grid-template-columns: repeat(5, 1fr); }.system-map > i { display: none; }.system-map > div { min-height: 120px; }
  .bento-grid { grid-template-columns: repeat(2,1fr); }
  .dedicated-head, .dedicated-table article { grid-template-columns: 1.2fr .8fr .8fr .9fr .9fr 110px; }
  .email-trust .shell { grid-template-columns: repeat(3,1fr); }.email-trust span:nth-child(3) { border-right: 0; }.email-trust span { min-height: 45px; display: grid; place-items: center; }
}

@media (max-width: 900px) {
  :root { --shell: min(100% - 28px, 760px); }
  .section-pad { padding: 82px 0; }
  .section-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 34px; }
  .site-header { background: rgba(7,11,18,.96); }
  .header-inner { min-height: 68px; }
  .nav-toggle { display: block; }
  #main-nav { position: absolute; top: calc(100% + 1px); left: 0; right: 0; display: none; align-items: stretch; max-height: calc(100vh - 70px); overflow: auto; padding: 14px; border-bottom: 1px solid var(--line); background: #080d15; }
  #main-nav.open { display: grid; }
  #main-nav > a, .nav-group-trigger { width: 100%; justify-content: space-between; min-height: 48px; }
  #main-nav .nav-portal { margin-left: 0; }
  .nav-menu { position: static; width: auto; display: none; opacity: 1; visibility: visible; transform: none; margin: 4px 0 8px; box-shadow: none; }
  .nav-group.open .nav-menu { display: grid; }
  .home-hero { min-height: auto; padding: 70px 0 58px; }
  .hero-grid, .product-hero-grid, .email-hero-grid, .game-hero-grid, .vps-hero-grid, .dedicated-hero-grid, .pricing-hero-grid, .support-hero-grid { grid-template-columns: 1fr; min-height: auto; gap: 48px; padding: 64px 0; }
  .hero-grid { grid-template-columns: 1fr; }
  h1 { font-size: clamp(3rem, 10vw, 4.7rem); }
  .product-copy h1, .email-hero-copy h1, .game-hero h1, .vps-hero h1, .dedicated-hero h1, .pricing-hero h1, .support-hero h1 { font-size: clamp(2.8rem, 9vw, 4.5rem); }
  .trust-strip .shell { grid-template-columns: 1fr 1fr; }.trust-strip span { min-height: 48px; display: grid; place-items: center; border-bottom: 1px solid var(--line); }.trust-strip span:nth-child(2n) { border-right: 0; }.trust-strip span:last-child { grid-column: 1/3; }
  .service-bento { grid-template-columns: 1fr; grid-auto-rows: auto; }.service-card-web, .service-card-mail, .service-card-game, .service-card-vps, .service-card-dedicated { grid-column: auto; grid-row: auto; min-height: 360px; }
  .platform-proof-grid, .email-callout-grid, .managed-proof-grid, .migration-grid, .dedicated-operations-grid, .payment-grid { grid-template-columns: 1fr; gap: 48px; }
  .mail-architecture-mini { grid-template-columns: 1fr; gap: 10px; }.mail-architecture-mini > i { transform: rotate(90deg); }.mail-architecture-mini article, .mail-architecture-mini article:first-child, .mail-architecture-mini article:last-child { min-height: 160px; border-radius: 14px; }
  .workflow-band .shell { grid-template-columns: 1fr 1fr; }.workflow-band .shell > div:first-child { border-left: 0; }.workflow-band .shell > div:nth-child(2) { border-right: 0; }.workflow-band .shell > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .plan-lines article { grid-template-columns: 1fr 1fr; }.line-price { grid-column: 1/3; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; }.line-price a { margin-top: 0; justify-self: end; }
  .inbox-preview { grid-template-columns: 90px 1fr; }.inbox-preview > header, .inbox-preview > footer { grid-column: 1/3; }.inbox-preview > article { display: none; }
  .architecture-flow { grid-template-columns: 1fr; gap: 10px; }.architecture-flow > i { transform: rotate(90deg); }.architecture-flow > div { min-height: 180px; }
  .email-plan-grid, .dark-plan-grid, .catalogue-grid, .support-option-grid, .content-columns { grid-template-columns: 1fr; }.email-plan-grid article.featured, .dark-plan-grid article.featured { transform: none; }
  .game-tabs { grid-template-columns: repeat(3,1fr); }.game-detail { grid-template-columns: 1fr; }.game-detail dl { grid-template-columns: repeat(4,1fr); }
  .builder-grid { grid-template-columns: 1fr; }.builder-controls, .builder-result { min-height: auto; }
  .comparison-table { overflow-x: auto; }.comparison-table > div { min-width: 700px; }
  .compact-plan-grid { grid-template-columns: 1fr 1fr; }
  .dedicated-table { overflow-x: auto; }.dedicated-head, .dedicated-table article { min-width: 900px; }
  .catalogue-toolbar { align-items: stretch; flex-direction: column; }.catalogue-toolbar .catalog-status { margin: 0; }
  .catalogue-context { grid-template-columns: 1fr; gap: 14px; }
  .platform-copy { text-align: left; }.platform-copy .eyebrow { justify-content: flex-start; }.platform-copy .hero-actions { justify-content: flex-start; }
  .system-map { grid-template-columns: 1fr 1fr; }
  .bento-grid { grid-template-columns: 1fr; min-width: 0; }.bento-grid article { min-width: 0; }.bento-grid article.bento-wide { grid-column: auto; grid-row: auto; min-height: auto; }
  .footer-cta { grid-template-columns: 1fr; min-height: auto; padding: 70px 0; }.footer-actions { justify-content: flex-start; }.footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  :root { --shell: calc(100% - 24px); }
  body { font-size: 15px; }
  .section-pad { padding: 68px 0; }
  .brand-wordmark small { font-size: .48rem; }
  .home-hero { padding-top: 52px; }
  h1 { font-size: clamp(2.8rem, 13vw, 4rem); }
  h2 { font-size: clamp(2.1rem, 10vw, 3.2rem); }
  .product-copy h1, .email-hero-copy h1, .game-hero h1, .vps-hero h1, .dedicated-hero h1, .pricing-hero h1, .support-hero h1 { font-size: clamp(2.65rem, 12vw, 3.9rem); }
  .hero-actions { flex-direction: column; align-items: stretch; }.hero-actions .button { width: 100%; }
  .hero-facts { display: grid; grid-template-columns: repeat(3,1fr); }.hero-facts div { min-width: 0; margin-right: 12px; padding-right: 12px; }.hero-facts dt { font-size: 1.25rem; }.hero-facts dd { font-size: .58rem; }
  .ops-console-body { grid-template-columns: 1fr; }.ops-console-body > aside { display: none; }.ops-main { padding: 12px; }.ops-kpis { grid-template-columns: 1fr 1fr; }.ops-kpis article:last-child { grid-column: 1/3; }.ops-service-grid { grid-template-columns: 1fr; }.ops-main > footer { align-items: flex-start; flex-direction: column; gap: 7px; }
  .trust-strip .shell { grid-template-columns: 1fr; }.trust-strip span, .trust-strip span:last-child { grid-column: auto; border-right: 0; }
  .service-card { padding: 22px; }.service-card-web, .service-card-mail, .service-card-game, .service-card-vps, .service-card-dedicated { min-height: 330px; }.browser-art { height: 180px; }.browser-art > div { height: 130px; padding: 18px; }
  .proof-screen img { aspect-ratio: auto; min-height: 250px; }
  .website-preview { grid-template-columns: 1fr; }.website-preview aside { border-left: 0; border-top: 1px solid var(--line); }.website-stats { grid-template-columns: 1fr; }
  .workflow-band .shell { grid-template-columns: 1fr; }.workflow-band .shell > div { border-right: 0; border-bottom: 1px solid var(--line); }.workflow-band .shell > div:last-child { border-bottom: 0; }
  .plan-lines article { grid-template-columns: 1fr; gap: 22px; padding: 24px 8px; }.plan-lines article.featured { padding: 24px 18px; }.plan-lines ul { grid-template-columns: 1fr; }.line-price { grid-column: auto; grid-template-columns: 1fr auto; }.line-price small { align-self: center; }.line-price a { grid-column: 1/3; justify-self: stretch; text-align: center; }
  .inbox-preview { grid-template-columns: 1fr; }.inbox-preview > header, .inbox-preview > footer { grid-column: 1; }.inbox-preview > aside { display: none; }.inbox-list { border-right: 0; }
  .email-trust .shell { grid-template-columns: 1fr 1fr; }.email-trust span:nth-child(3) { border-right: 1px solid var(--line); }.email-trust span:nth-child(2n) { border-right: 0; }
  .game-console footer { flex-direction: column; gap: 6px; }.game-metrics { grid-template-columns: 1fr; }.game-chart { height: 100px; }
  .game-tabs { grid-template-columns: 1fr 1fr; }.game-tabs button { min-height: 64px; }.game-detail dl { grid-template-columns: 1fr 1fr; gap: 14px; }.game-detail dl div { border-left: 0; padding: 0; }
  .terminal-layout { grid-template-columns: 1fr; }.terminal-layout aside { border-left: 0; border-top: 1px solid var(--line); }.terminal-card pre { padding: 20px; }.terminal-card code { font-size: .62rem; }
  .compact-plan-grid { grid-template-columns: 1fr; }
  .rack-unit { grid-template-columns: 14px 55px 1fr; }.rack-unit em { display: none; }.rack-visual footer { flex-direction: column; }
  .pricing-summary { grid-template-columns: 1fr 1fr; }.pricing-summary header, .pricing-summary footer { grid-column: 1/3; }.pricing-summary > div:nth-child(4) { grid-column: 1/3; border-top: 1px solid var(--line); }.plan-filters { display: grid; grid-template-columns: 1fr 1fr; }.plan-filters button { justify-content: flex-start; }
  .system-map { grid-template-columns: 1fr; }.bento-grid dl { grid-template-columns: 1fr; }.bento-grid dl div { border-left: 0; border-top: 1px solid var(--line); }.mini-table { overflow-x: auto; }.mini-table > div { min-width: 520px; }
  .support-row { grid-template-columns: 38px 1fr; }.support-row em { display: none; }.payment-summary { grid-template-columns: 1fr; }.payment-summary > span { border-right: 0; border-bottom: 1px solid var(--line); }.payment-summary > span:last-child { border-bottom: 0; }.payment-timeline > div { grid-template-columns: 32px 1fr; }.payment-timeline em { display: none; }
  .footer-grid { grid-template-columns: 1fr; gap: 34px; }.footer-bottom { flex-direction: column; align-items: flex-start; padding: 22px 0; }.chat-launcher { right: 10px; bottom: 10px; }.chat-launcher > span { display: none; }.chat-launcher { padding: 7px; }.chat-panel { right: 8px; bottom: 70px; width: calc(100vw - 16px); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ============================================================
   V1.8.1 — CLIENT-READY VISUAL POLISH
   Mature provider-grade hierarchy, denser heroes, restrained CTA
   treatment, clearer page identity and reduced visual repetition.
   ============================================================ */
:root {
  --bg: #060a10;
  --bg-deep: #04070b;
  --surface: #0a111b;
  --surface-2: #0e1724;
  --surface-3: #142033;
  --text: #f3f7fc;
  --text-2: #c5cfdd;
  --muted: #8795a8;
  --blue: #2f7df4;
  --blue-2: #1f63dd;
  --cyan: #4cc9f0;
  --radius: 16px;
  --radius-sm: 10px;
  --shell: min(1280px, calc(100% - 56px));
}
body {
  font-size: 15.5px;
  background:
    radial-gradient(circle at 12% 0%, rgba(47,125,244,.10), transparent 26rem),
    linear-gradient(180deg, #070c14 0%, #060a10 34%, #060a10 100%);
}
h1 {
  font-size: clamp(2.9rem, 4.5vw, 4.45rem);
  line-height: 1.015;
  letter-spacing: -0.047em;
  font-weight: 760;
}
h2 {
  font-size: clamp(2.05rem, 3.5vw, 3.25rem);
  line-height: 1.065;
  letter-spacing: -0.04em;
  font-weight: 740;
}
h3 { letter-spacing: -0.02em; }
.eyebrow {
  color: #77aefc;
  font-size: .68rem;
  letter-spacing: .135em;
  font-weight: 800;
}
.section-pad { padding: 92px 0; }
.section-heading { gap: 56px; margin-bottom: 38px; }
.section-heading > p { font-size: .98rem; line-height: 1.65; }
.button {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 9px;
  font-size: .86rem;
  font-weight: 760;
}
.button-primary {
  background: linear-gradient(135deg, #347ff2, #225fcf);
  box-shadow: 0 12px 32px rgba(37,99,235,.23);
}
.button-primary:hover { box-shadow: 0 16px 38px rgba(37,99,235,.31); }
.button-ghost { background: rgba(255,255,255,.018); }
.hero-actions { margin-top: 25px; }
.hero-capabilities { margin-top: 24px; gap: 8px 19px; font-size: .82rem; }

/* Header: stronger brand presence without becoming bulky. */
.site-header { background: rgba(5,9,15,.91); }
.header-inner { min-height: 70px; }
.brand-avatar { width: 38px; height: 38px; border-radius: 9px; }
.brand-wordmark strong { font-size: 1.12rem; font-weight: 790; }
.brand-wordmark small { margin-top: 4px; font-size: .53rem; letter-spacing: .12em; }
#main-nav > a, .nav-group-trigger { min-height: 39px; padding: 0 11px; font-size: .8rem; font-weight: 700; }
#main-nav .nav-portal {
  padding-inline: 14px;
  background: linear-gradient(135deg, rgba(47,125,244,.20), rgba(47,125,244,.09));
  border-color: rgba(94,157,255,.36);
}

/* Home: lower fold, shorter copy, less dashboard-template feeling. */
.home-hero { min-height: 690px; padding: 62px 0 58px; }
.hero-grid { grid-template-columns: minmax(0,.88fr) minmax(540px,1.12fr); gap: 58px; }
.hero-copy h1 { margin: 16px 0 18px; max-width: 620px; font-size: clamp(3rem,4.45vw,4.5rem); }
.hero-copy > p { max-width: 600px; font-size: 1.02rem; line-height: 1.68; }
.hero-facts { margin-top: 28px; }
.hero-facts div { min-width: 116px; padding-right: 20px; margin-right: 20px; }
.hero-facts dt { font-size: 1.42rem; }
.ops-console { border-radius: 15px; box-shadow: 0 28px 80px rgba(0,0,0,.44), 0 0 64px rgba(43,112,236,.07); }
.ops-console-body { min-height: 435px; }
.ops-service-grid article { min-height: 126px; }
.trust-strip .shell { min-height: 52px; }

/* Service bento: denser, more editorial, less oversized-card UI. */
.service-bento { grid-auto-rows: minmax(220px, auto); gap: 14px; }
.service-card { padding: 23px; border-radius: 14px; }
.service-card-web, .service-card-mail { min-height: 455px; }
.service-card-game, .service-card-vps, .service-card-dedicated { min-height: 270px; }
.service-card h3 { font-size: clamp(1.55rem,2.4vw,2.25rem); }
.browser-art { height: 185px; margin-top: 24px; }
.browser-art > div { height: 136px; }
.mail-art { margin-top: 24px; }

/* Product heroes: client-ready density and page-specific rhythm. */
.product-hero-grid, .email-hero-grid, .game-hero-grid, .vps-hero-grid, .dedicated-hero-grid, .pricing-hero-grid, .support-hero-grid {
  min-height: 610px;
  padding: 54px 0 58px;
  gap: 56px;
}
.product-copy h1, .email-hero-copy h1, .game-hero h1, .vps-hero h1, .dedicated-hero h1, .pricing-hero h1, .support-hero h1 {
  max-width: 650px;
  margin: 15px 0 18px;
  font-size: clamp(2.85rem,4.25vw,4.2rem);
  line-height: 1.015;
  letter-spacing: -0.047em;
  font-weight: 760;
}
.product-copy > p, .email-hero-copy > p, .game-hero-grid > div:first-child > p, .vps-hero-grid > div:first-child > p, .dedicated-hero-grid > div:first-child > p, .pricing-hero-grid > div:first-child > p, .support-hero-grid > div:first-child > p {
  max-width: 600px;
  font-size: .98rem;
  line-height: 1.68;
}
.page-hosting .product-hero-grid { grid-template-columns: minmax(0,.78fr) minmax(560px,1.22fr); }
.page-email .email-hero-grid { grid-template-columns: minmax(0,.93fr) minmax(530px,1.07fr); }
.page-vps .vps-hero-grid { grid-template-columns: minmax(0,.84fr) minmax(550px,1.16fr); }
.page-dedicated .dedicated-hero-grid { grid-template-columns: minmax(0,.9fr) minmax(540px,1.1fr); }
.page-support .support-hero-grid { grid-template-columns: minmax(540px,1.08fr) minmax(0,.92fr); }
.page-support .support-hero-grid > div:first-child { order: 2; }
.page-support .support-board { order: 1; }
.page-games .game-hero-grid { grid-template-columns: minmax(540px,1.08fr) minmax(0,.92fr); }
.page-games .game-hero-grid > div:first-child { order: 2; }
.page-games .game-console { order: 1; }

/* Each page gets a restrained technical tint instead of the same hero. */
.page-hosting .product-hero { background: radial-gradient(circle at 83% 18%,rgba(47,125,244,.13),transparent 30rem),linear-gradient(110deg,#07101d 0%,#060a10 65%); }
.page-email .email-hero { background: radial-gradient(circle at 82% 20%,rgba(76,201,240,.10),transparent 29rem),linear-gradient(110deg,#07101a 0%,#060a10 66%); }
.page-games .game-hero { background: radial-gradient(circle at 18% 25%,rgba(116,88,191,.12),transparent 30rem),linear-gradient(110deg,#090b16,#060a10 70%); }
.page-vps .vps-hero { background: radial-gradient(circle at 82% 22%,rgba(47,125,244,.10),transparent 28rem),linear-gradient(110deg,#06101a,#060a10 70%); }
.page-dedicated .dedicated-hero { background: radial-gradient(circle at 82% 22%,rgba(244,183,64,.055),transparent 28rem),linear-gradient(110deg,#0a0d12,#060a10 72%); }
.page-plans .pricing-hero { background: radial-gradient(circle at 78% 8%,rgba(47,125,244,.10),transparent 28rem),#060a10; }
.page-support .support-hero { background: radial-gradient(circle at 18% 15%,rgba(76,201,240,.08),transparent 30rem),#060a10; }

/* Product previews: crisp, believable, less toy-like. */
.website-browser, .inbox-preview, .game-console, .terminal-card, .rack-visual, .pricing-summary, .support-board {
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,.40);
}
.website-preview { min-height: 285px; }
.website-preview > div { padding: 34px 30px; }
.website-preview h3 { font-size: 1.78rem; }
.website-stats article { min-height: 86px; padding: 13px 14px; background: rgba(14,23,36,.86); }
.preview-label { margin-top: 10px; font-size: .68rem; }
.workflow-band .shell > div { min-height: 76px; }
.workflow-band strong { font-size: .72rem; }
.workflow-band small { font-size: .58rem; }

/* Pricing: no white buttons in a dark premium theme. */
.line-price a,
.email-plan-grid a,
.dark-plan-grid a,
.catalogue-plan > a,
.compact-plan-grid a {
  color: #f5f8ff !important;
  background: linear-gradient(135deg, rgba(47,125,244,.92), rgba(31,99,221,.92)) !important;
  border: 1px solid rgba(111,168,255,.28);
  box-shadow: 0 10px 24px rgba(31,99,221,.15);
}
.line-price a:hover,
.email-plan-grid a:hover,
.dark-plan-grid a:hover,
.catalogue-plan > a:hover,
.compact-plan-grid a:hover { filter: brightness(1.08); }
.plan-lines article { min-height: 180px; padding: 24px; gap: 30px; }
.plan-lines article.featured { background: linear-gradient(90deg,rgba(47,125,244,.10),rgba(14,23,36,.5)); }
.email-plan-grid article, .dark-plan-grid article { min-height: 450px; padding: 24px; border-radius: 14px; }
.email-plan-grid article.featured, .dark-plan-grid article.featured { transform: translateY(-4px); }
.catalogue-context { padding: 20px 22px; }
.catalogue-plan { border-radius: 14px; }
.plan-filters button { border-radius: 9px; }
.plan-filters button.active { background: rgba(47,125,244,.17); border-color: rgba(94,157,255,.38); color: #fff; }

/* Platform and support: prioritize real proof and context. */
.platform-hero { padding: 28px 0 38px; }
.platform-copy { max-width: 760px; }
.platform-copy h1 { max-width: 760px; font-size: clamp(2.85rem,3.8vw,3.85rem); }
.platform-shot { border-radius: 14px; }
.support-hero-grid { min-height: 590px; }
.support-option-grid article { min-height: 280px; }
.payment-card { border-radius: 14px; }

/* Footer: shorter and more purposeful. */
.footer-cta { min-height: 250px; gap: 48px; }
.footer-cta h2 { max-width: 720px; font-size: clamp(2rem,3.2vw,3rem); }
.footer-grid { padding: 54px 0; }
.footer-bottom { min-height: 62px; }

/* Chat should be available but not visually compete with the product. */
.chat-launcher { min-height: 50px; right: 16px; bottom: 16px; padding: 6px 7px 6px 13px; }
.chat-launcher img { width: 37px; height: 37px; }
.chat-launcher b { font-size: .66rem; }
.chat-launcher small { font-size: .49rem; }

@media (max-width: 1120px) {
  :root { --shell: min(100% - 40px, 1080px); }
  .product-hero-grid, .email-hero-grid, .game-hero-grid, .vps-hero-grid, .dedicated-hero-grid, .pricing-hero-grid, .support-hero-grid,
  .page-hosting .product-hero-grid, .page-email .email-hero-grid, .page-games .game-hero-grid, .page-vps .vps-hero-grid, .page-dedicated .dedicated-hero-grid, .page-support .support-hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: 38px;
  }
}

@media (max-width: 900px) {
  :root { --shell: min(100% - 28px, 760px); }
  .section-pad { padding: 72px 0; }
  .page-games .game-hero-grid > div:first-child,
  .page-support .support-hero-grid > div:first-child,
  .page-games .game-console,
  .page-support .support-board { order: initial; }
  .product-hero-grid, .email-hero-grid, .game-hero-grid, .vps-hero-grid, .dedicated-hero-grid, .pricing-hero-grid, .support-hero-grid,
  .page-hosting .product-hero-grid, .page-email .email-hero-grid, .page-games .game-hero-grid, .page-vps .vps-hero-grid, .page-dedicated .dedicated-hero-grid, .page-support .support-hero-grid {
    grid-template-columns: 1fr;
    gap: 38px;
    padding: 52px 0;
  }
  .home-hero { padding: 52px 0 48px; }
  .hero-grid { grid-template-columns: 1fr; gap: 38px; }
  .footer-cta { padding: 58px 0; }
}

@media (max-width: 620px) {
  body { font-size: 14.5px; }
  .home-hero { padding-top: 42px; }
  h1 { font-size: clamp(2.35rem,10.8vw,3.25rem); line-height: 1.03; letter-spacing: -.043em; }
  h2 { font-size: clamp(1.95rem,9vw,2.65rem); }
  .hero-copy h1,
  .product-copy h1, .email-hero-copy h1, .game-hero h1, .vps-hero h1, .dedicated-hero h1, .pricing-hero h1, .support-hero h1 {
    font-size: clamp(2.35rem,10.8vw,3.25rem);
    line-height: 1.03;
  }
  .hero-copy > p,
  .product-copy > p, .email-hero-copy > p, .game-hero-grid > div:first-child > p, .vps-hero-grid > div:first-child > p, .dedicated-hero-grid > div:first-child > p, .pricing-hero-grid > div:first-child > p, .support-hero-grid > div:first-child > p { font-size: .94rem; }
  .hero-actions { gap: 9px; }
  .button { min-height: 45px; }
  .hero-capabilities { gap: 7px 14px; }
  .hero-facts { margin-top: 24px; }
  .ops-console-body { min-height: auto; }
  .service-card-web, .service-card-mail, .service-card-game, .service-card-vps, .service-card-dedicated { min-height: 300px; }
  .footer-cta h2 { font-size: 2.15rem; }
}
.nav-group-trigger.active { color:#fff; background:rgba(255,255,255,.035); border-color:var(--line); }

/* =====================================================================
   V1.9.2 APPROVED MOCKUP EXPERIENCE
   Dark premium hosting-provider visual system approved by the client.
   ===================================================================== */
:root{
  --mock-bg:#020711;--mock-bg2:#040b18;--mock-panel:#07111f;--mock-panel2:#0a1525;
  --mock-line:#17263c;--mock-text:#f6f9ff;--mock-muted:#91a0b7;--mock-blue:#1488ff;
  --mock-blue2:#0957ff;--mock-violet:#8c36ff;--mock-green:#22d98b;--mock-cyan:#15d8ff;
  --mock-shadow:0 18px 60px rgba(0,0,0,.35);--mock-radius:14px;
}
html{background:var(--mock-bg)}
body{background:radial-gradient(circle at 58% 10%,rgba(20,92,255,.10),transparent 28%),linear-gradient(180deg,#020711 0%,#030916 62%,#020711 100%);color:var(--mock-text)}
body.page-mock-home,body.page-mock-pricing{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.page-mock-home main,body.page-mock-pricing main{background:transparent}
.shell{width:min(1420px,calc(100% - 48px));margin-inline:auto}

/* Header */
.site-header.mock-header{height:88px;background:rgba(1,6,14,.94);border-bottom:1px solid #111e31;backdrop-filter:blur(18px);position:sticky;top:0;z-index:80}
.mock-header-inner{height:100%;display:flex;align-items:center;gap:28px}
.mock-brand{width:205px;height:74px;display:flex;align-items:center;overflow:hidden;flex:0 0 auto}
.mock-brand .brand-logo-full{width:126px;height:88px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px rgba(0,112,255,.18))}
.mock-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;width:auto}
.mock-nav>a:not(.mock-portal){padding:12px 14px;border-radius:9px;color:#edf3ff;font-weight:700;font-size:14px;letter-spacing:-.01em;text-decoration:none;border:1px solid transparent}
.mock-nav>a:not(.mock-portal):hover,.mock-nav>a.active:not(.mock-portal){background:#081426;border-color:#172b49;color:#fff}
.mock-nav>a span{margin-left:6px;color:#8e9bb0}
.mock-portal{display:inline-flex!important;align-items:center;gap:10px!important;background:linear-gradient(135deg,#1188ff,#075bff)!important;border:1px solid #289cff!important;box-shadow:0 10px 26px rgba(10,103,255,.28)!important;color:#fff!important;padding:13px 18px!important;border-radius:8px!important;margin-left:12px!important}
.mock-portal i{font-style:normal}
.nav-toggle{display:none}

/* Mock homepage hero */
.mock-hero{position:relative;overflow:hidden;border-bottom:1px solid #132239;padding:48px 0 30px;min-height:560px;background:linear-gradient(180deg,rgba(2,8,18,.85),rgba(2,8,18,.98))}
.mock-aurora{position:absolute;border-radius:50%;filter:blur(55px);opacity:.45;pointer-events:none}
.mock-aurora-left{width:560px;height:320px;left:18%;top:100px;background:radial-gradient(circle,rgba(21,97,255,.46),rgba(21,97,255,0) 66%)}
.mock-aurora-right{width:540px;height:360px;right:-60px;top:120px;background:radial-gradient(circle,rgba(48,41,255,.36),rgba(115,42,255,.10) 40%,transparent 70%)}
.mock-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.93fr) minmax(600px,1.07fr);gap:54px;align-items:center}
.mock-hero-copy{padding:10px 0 6px;max-width:660px}
.mock-kicker{display:flex;align-items:center;gap:8px;color:#b88aff;font-size:12px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;margin-bottom:20px}.mock-kicker i{font-style:normal;color:#a94fff;text-shadow:0 0 14px rgba(140,54,255,.8)}
.mock-hero h1{font-size:clamp(54px,4.3vw,78px);line-height:.98;letter-spacing:-.055em;margin:0;color:#fff;font-weight:900}
.mock-hero h1 span,.mock-price-hero h1 span{background:linear-gradient(90deg,#2aa1ff 0%,#096dff 48%,#9d49ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mock-hero-copy>p{font-size:17px;line-height:1.58;color:#b8c2d1;margin:22px 0 24px;max-width:650px}
.mock-hero-actions{display:flex;gap:14px;align-items:center}
.mock-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-weight:800;border-radius:8px;min-height:50px;padding:0 25px;font-size:14px;transition:.2s transform,.2s box-shadow,.2s border-color}.mock-btn:hover{transform:translateY(-1px)}
.mock-btn-primary{background:linear-gradient(135deg,#1591ff 0%,#0767ff 68%,#3d36ff 100%);border:1px solid #249dff;color:white;box-shadow:0 10px 25px rgba(6,96,255,.26)}
.mock-btn-primary:hover{box-shadow:0 13px 34px rgba(6,96,255,.38)}
.mock-btn-secondary{background:#07101e;border:1px solid #29405f;color:#f6f9ff}.mock-btn.compact{min-height:42px;padding:0 18px;width:100%}
.mock-trust-row{display:flex;gap:10px;margin-top:20px}.mock-trust-row>div{min-width:145px;padding:10px 13px;border:1px solid #1a2b44;background:rgba(6,15,27,.86);border-radius:8px;display:flex;align-items:center;gap:9px}.mock-trust-row b{color:#f2f6fd;font-size:12px}.mock-trust-row span{color:#8fa0b8;font-size:11px}.mock-trust-row.compact{margin:0 0 14px}.mock-trust-row.compact>div{min-width:0;flex:1}
.mock-trust-line{display:flex;align-items:center;gap:9px;color:#8fa0b7;font-size:12px;margin-top:16px}.mock-trust-line span{color:#2498ff;font-size:17px}

/* Dashboard art */
.mock-dashboard-wrap{position:relative;padding:18px 0 38px}.mock-dashboard{min-height:360px;border:1px solid #253854;background:linear-gradient(180deg,rgba(7,16,29,.96),rgba(5,12,22,.96));border-radius:16px;box-shadow:0 26px 65px rgba(0,0,0,.4),0 0 60px rgba(23,102,255,.09);display:grid;grid-template-columns:168px 1fr;overflow:hidden}.dash-sidebar{border-right:1px solid #16263d;background:rgba(2,8,15,.64)}.dash-title{height:62px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #17263a;font-size:12px}.dash-title span{font-size:18px;color:#7e8ca1}.dash-sidebar nav{display:flex;flex-direction:column;padding:12px}.dash-sidebar nav span{padding:10px 12px;border-radius:6px;color:#8290a5;font-size:11px}.dash-sidebar nav .active{background:linear-gradient(90deg,#0b67ef,#10429b);color:#fff}.dash-main{padding:18px;position:relative}.dash-badge{position:absolute;top:14px;right:16px;color:#53e3a8;font-size:9px;font-weight:800;letter-spacing:.09em}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.dash-kpis article,.dash-middle>article{border:1px solid #14243a;background:#081321;border-radius:9px;padding:13px}.dash-kpis small,.dash-middle small{font-size:8px;color:#728198;letter-spacing:.08em}.dash-kpis b{display:block;font-size:21px;margin:6px 0 2px;color:#fff}.dash-kpis span{font-size:9px;color:#73839a}.dash-middle{display:grid;grid-template-columns:1.65fr 1fr;gap:10px;margin-top:10px}.dash-resource{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.dash-resource span{border:1px solid #15283e;border-radius:7px;padding:9px;font-size:9px;color:#77889e}.dash-resource b{display:block;font-size:16px;color:#fff;margin-top:4px}.dash-resource i{display:block;height:23px;margin-top:8px;border-bottom:2px solid #168bff;border-radius:50%;transform:skewY(-6deg);box-shadow:0 7px 16px rgba(18,119,255,.12)}.dash-resource span:nth-child(2) i{border-color:#a04aff}.dash-activity{display:flex;flex-direction:column;gap:8px}.dash-activity>span{font-size:9px;color:#a4b0c0;display:flex;align-items:center;gap:7px}.dash-activity>span i{width:8px;height:8px;border-radius:50%;background:#1cd889;box-shadow:0 0 8px rgba(28,216,137,.5)}
.rack-art{position:absolute;left:4%;right:7%;bottom:2px;height:76px;border:1px solid #17375e;border-radius:9px;background:linear-gradient(180deg,#0b1524,#030912);box-shadow:0 18px 55px rgba(14,105,255,.38),0 0 34px rgba(129,44,255,.2);display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 22px}.rack-art:after{content:"";position:absolute;left:10%;right:10%;bottom:-16px;height:25px;background:radial-gradient(ellipse,rgba(19,109,255,.75),rgba(107,35,255,.2) 48%,transparent 72%);filter:blur(7px)}.rack-art span{height:24px;border:1px solid #1b2f4b;border-radius:4px;background:linear-gradient(90deg,#06101d,#0a1726 60%,#050b13);box-shadow:inset 0 0 12px rgba(20,91,190,.06)}.rack-art span:before{content:"";display:block;width:7px;height:7px;background:#087cff;border-radius:2px;margin:8px;box-shadow:0 0 9px #087cff}.rack-art span:nth-child(4):before{background:#8e39ff;box-shadow:0 0 9px #8e39ff}.rack-art>i{display:none}

/* Service strip */
.mock-service-strip{background:#020811;border-bottom:1px solid #132239}.mock-service-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 0}.mock-service-card{min-height:102px;background:linear-gradient(180deg,#081321,#07101c);border:1px solid #16283f;border-radius:11px;padding:16px;display:flex;gap:14px;text-decoration:none;color:#fff;transition:.2s}.mock-service-card:hover{border-color:#245798;transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.24)}.mock-service-card h2{font-size:14px;margin:0 0 4px}.mock-service-card p{font-size:11px;color:#9aa8ba;line-height:1.45;margin:0 0 5px}.mock-service-card b{font-size:10px;color:#1f97ff}.mock-service-icon{width:48px;height:48px;flex:0 0 48px;border-radius:10px;border:1px solid #16457c;background:radial-gradient(circle at 50% 20%,rgba(35,138,255,.3),rgba(8,34,69,.88));display:flex;align-items:center;justify-content:center;color:#1595ff;font-size:27px;box-shadow:0 0 20px rgba(14,100,255,.14)}.icon-server{flex-direction:column;gap:3px}.icon-server i{display:block;width:27px;height:8px;border:1px solid #168dff;border-radius:2px;position:relative}.icon-server i:before{content:"";width:3px;height:3px;border-radius:50%;background:#178dff;position:absolute;left:4px;top:2px}.icon-stack{position:relative}.icon-stack i{position:absolute;width:27px;height:11px;background:linear-gradient(135deg,#8b45ff,#3b2acb);transform:rotate(0deg) skewY(-12deg);border-radius:3px;box-shadow:0 0 12px rgba(139,69,255,.22)}.icon-stack i:nth-child(1){top:12px}.icon-stack i:nth-child(2){top:20px}.icon-stack i:nth-child(3){top:28px}.icon-mail{font-size:24px}

/* Homepage lower panels */
.mock-lower{display:grid;grid-template-columns:1.02fr 1.45fr 1fr;gap:14px;padding:14px 0 22px}.mock-lower>article{border:1px solid #17283f;border-radius:12px;background:linear-gradient(180deg,#07111e,#050d18);padding:18px;min-height:214px}.mock-lower h2{font-size:18px;margin:0 0 4px}.mock-lower p{color:#94a1b4;font-size:11px;margin:0}.mock-price{margin:17px 0}.mock-price small{display:block;color:#77869b;font-size:10px}.mock-price b{display:block;font-size:34px;line-height:1;margin-top:3px}.mock-price b span{font-size:14px;font-weight:600}.mock-price em{font-style:normal;color:#2a9eff;font-size:10px}.mock-pricing-card ul{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.mock-pricing-card li{font-size:10px;color:#c2cad6}.mock-pricing-card li:before{content:"✓";color:#22d98b;margin-right:6px}.mock-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.mock-feature-grid>div{border:1px solid #14253b;background:#07101c;border-radius:8px;padding:11px;display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto;column-gap:9px}.mock-feature-grid span{grid-row:1/3;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#0b2e63;border:1px solid #1168d1;color:#1c9cff}.mock-feature-grid div:nth-child(even) span{color:#9950ff;border-color:#5b2daa;background:#211248}.mock-feature-grid b{font-size:10px}.mock-feature-grid small{font-size:8px;color:#7f8da2;margin-top:2px}.mock-status-card header{display:flex;justify-content:space-between;gap:12px}.mock-status-card header small{display:block;color:#73849a;font-size:9px}.mock-status-card header>span{color:#20d785;font-size:8px;font-weight:800}.mock-status-big{display:flex;align-items:end;gap:12px;margin:14px 0}.mock-status-big b{font-size:34px}.mock-status-big span{color:#8d9bb0;font-size:9px;max-width:110px}.mock-status-bars{display:flex;flex-direction:column;gap:7px}.mock-status-bars>div{display:grid;grid-template-columns:80px 1fr 45px;gap:8px;align-items:center;font-size:9px;color:#9daabd}.mock-status-bars i{height:4px;background:#0c1b2d;border-radius:10px;overflow:hidden}.mock-status-bars i b{display:block;height:100%;background:linear-gradient(90deg,#12d27f,#1bbd73)}.mock-status-bars em{font-style:normal;color:#25d98a}.mock-status-card>a{display:inline-block;margin-top:12px;color:#1d96ff;font-size:10px;text-decoration:none}

/* Footer */
.mock-footer{background:#020710;border-top:1px solid #132239;margin-top:0}.mock-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.85fr) 1.15fr;gap:42px;padding:34px 0 26px}.mock-footer h2{font-size:12px;color:#fff;margin:0 0 12px}.mock-footer a,.mock-footer span,.mock-footer p{font-size:10px;color:#8491a5;text-decoration:none;line-height:1.65}.mock-footer a:hover{color:#fff}.mock-footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.mock-footer-brand img{width:90px;height:74px;object-fit:contain;object-position:left center}.mock-footer-brand p{max-width:260px;margin:6px 0 12px}.mock-socials{display:flex;gap:8px}.mock-socials span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#0b1524;border:1px solid #1d2c43;color:#9ba8ba}.mock-footer-contact .footer-email{color:#1d96ff;margin-bottom:6px}.mock-footer-bottom{border-top:1px solid #111f32;padding:14px 0 18px;display:flex;justify-content:space-between;gap:20px;color:#6f7d91}.mock-footer-bottom span{font-size:9px}

/* Pricing page */
.page-mock-pricing .mock-footer{display:none}.mock-pricing-layout{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:780px;border-bottom:1px solid #122038}.mock-price-sidebar{background:linear-gradient(180deg,#030914,#030811);border-right:1px solid #13243a;padding:30px 22px;position:relative}.mock-side-title{color:#b676ff;font-size:10px;font-weight:900;letter-spacing:.05em;margin:0 0 14px 7px}.mock-side-title.tools{margin-top:30px}.mock-price-sidebar nav{display:flex;flex-direction:column;gap:4px}.mock-price-sidebar nav a{font-size:12px;text-decoration:none;color:#8998ac;border:1px solid transparent;border-radius:8px;padding:10px 12px}.mock-price-sidebar nav a:hover,.mock-price-sidebar nav a.active{background:linear-gradient(90deg,#0a376f,#082454);border-color:#123c76;color:#fff}.mock-side-card{margin-top:30px;border:1px solid #172944;border-radius:10px;background:linear-gradient(145deg,#071225,#0a1021);padding:16px}.mock-side-card h3{font-size:13px;margin:0 0 5px}.mock-side-card p{font-size:10px;color:#8795aa;line-height:1.45;margin:0 0 12px}.mock-side-card a{display:flex;justify-content:center;background:linear-gradient(90deg,#1171ef,#5a25d8);color:white!important;border-radius:6px!important;padding:10px!important;font-size:10px!important;width:100%}.mock-side-support{margin-top:14px;border:1px solid #172944;border-radius:10px;background:#06101c;padding:13px;display:flex;align-items:center;gap:10px}.mock-side-support>span{color:#1dd4ff;font-size:18px}.mock-side-support div{display:flex;flex-direction:column}.mock-side-support b{font-size:10px}.mock-side-support small{font-size:8px;color:#7c899d}.mock-side-support>i{width:8px;height:8px;background:#18dd8d;border-radius:50%;margin-left:auto;box-shadow:0 0 10px rgba(24,221,141,.45)}
.mock-price-main{padding:28px 30px 24px;min-width:0}.mock-price-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:start;min-height:250px}.mock-price-copy h1{font-size:46px;line-height:1.02;letter-spacing:-.045em;margin:8px 0 10px}.mock-price-copy h1 em{font-style:normal;background:linear-gradient(90deg,#456dff,#a948ff);-webkit-background-clip:text;background-clip:text;color:transparent}.mock-price-copy>p{font-size:12px;color:#96a3b5;line-height:1.55;max-width:600px}.mock-inline-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #13253b;margin-top:18px;padding-top:14px}.mock-inline-benefits>div{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px}.mock-inline-benefits span{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #19559c;color:#268dff;background:#081b35}.mock-inline-benefits b{font-size:10px}.mock-inline-benefits small{font-size:8px;color:#7f8da2}.mock-price-proof{position:relative}.mock-infra-visual{min-height:152px;border:1px solid #17304d;border-radius:11px;background:radial-gradient(circle at 86% 38%,rgba(20,90,255,.17),transparent 27%),linear-gradient(180deg,#07111f,#050c17);position:relative;overflow:hidden}.mock-infra-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:26px 180px 20px 22px}.mock-infra-kpis>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.mock-infra-kpis span{font-size:20px;color:#208fff}.mock-infra-kpis b{font-size:11px}.mock-infra-kpis small{font-size:8px;color:#74849a}.mini-racks{position:absolute;right:20px;bottom:-3px;width:150px;height:130px;display:flex;gap:8px;align-items:end;filter:drop-shadow(0 12px 24px rgba(0,85,255,.35))}.mini-racks i{display:block;width:43px;border:1px solid #1c4a84;border-radius:7px 7px 2px 2px;background:repeating-linear-gradient(180deg,#0a1930 0 12px,#124982 13px 15px,#07111f 16px 26px);box-shadow:0 0 20px rgba(25,104,255,.23)}.mini-racks i:nth-child(1){height:98px}.mini-racks i:nth-child(2){height:122px}.mini-racks i:nth-child(3){height:84px}
.mock-billing-toggle{display:flex;align-items:center;gap:5px;margin:12px 0 10px}.mock-billing-toggle button{border:1px solid #1a2d46;background:#06101c;color:#8f9db0;border-radius:6px;padding:7px 13px;font-size:10px}.mock-billing-toggle button.active{background:#0d1c30;color:white}.mock-billing-toggle span{font-size:9px;color:#22d990;background:#073324;border:1px solid #0d5c42;border-radius:5px;padding:6px 9px;margin-left:6px}
.mock-primary-plans{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mock-primary-plans article{border:1px solid #1a2d46;background:linear-gradient(180deg,#07121f,#06101b);border-radius:10px;padding:14px;min-height:196px;display:flex;flex-direction:column}.mock-primary-plans article>.mock-service-icon{margin-bottom:10px}.mock-primary-plans h2{font-size:14px;margin:0 0 5px}.mock-primary-plans p{font-size:9px;line-height:1.45;color:#8997aa;min-height:39px;margin:0 0 12px}.mock-primary-plans>article>small{font-size:8px;color:#758398}.mock-plan-price{font-size:24px;font-weight:900;margin:3px 0 11px}.mock-plan-price span{font-size:11px}.mock-primary-plans a{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:5px;background:linear-gradient(90deg,#0c60ec,#0738ca);color:white;text-decoration:none;font-size:10px;font-weight:800}.mock-primary-plans article.accent-purple a{background:linear-gradient(90deg,#6427d5,#8a2cdc)}
.mock-price-details{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:12px}.mock-price-details>article{border:1px solid #172a43;background:#06101c;border-radius:10px;padding:15px}.mock-price-details h2{font-size:14px;margin:0 0 10px}.compare-table{display:flex;flex-direction:column}.compare-table .row{display:grid;grid-template-columns:1.25fr repeat(5,1fr);border-bottom:1px solid #13243a;min-height:25px;align-items:center}.compare-table .row:last-child{border-bottom:0}.compare-table .row span,.compare-table .row b,.compare-table .row em{font-size:8px;color:#8e9bae;font-style:normal}.compare-table .row b{color:#d7dfeb}.compare-table .row em{color:#9ba9ba}.compare-table .row:not(.head) em:nth-child(n){color:#aab7c6}.mock-usecases>p{font-size:9px;color:#8390a3;margin:-5px 0 10px}.mock-usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mock-usecase-grid a{border:1px solid #172a43;border-radius:8px;padding:11px;text-decoration:none;color:#168eff;font-size:8px;display:flex;flex-direction:column;min-height:126px}.mock-usecase-grid span{font-size:22px;color:#198eff;margin-bottom:8px}.mock-usecase-grid a:nth-child(2) span{color:#9247ff}.mock-usecase-grid b{font-size:10px;color:#fff;margin-bottom:4px}.mock-usecase-grid small{color:#8492a6;font-size:8px;line-height:1.45;margin-bottom:9px}
.mock-enterprise-strip{background:linear-gradient(180deg,#04101f,#03101e);border-top:1px solid #153151;border-bottom:1px solid #153151}.mock-enterprise-strip>.shell{min-height:94px;display:grid;grid-template-columns:1.55fr 2.2fr auto;gap:22px;align-items:center}.mock-enterprise-intro{display:flex;gap:12px;align-items:center}.mock-enterprise-intro>span{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;border:1px solid #1d65b8;background:#08244a;color:#168fff;font-size:24px}.mock-enterprise-intro h2{font-size:14px;margin:0 0 4px}.mock-enterprise-intro p{font-size:8px;color:#8492a4;margin:0}.mock-enterprise-features{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mock-enterprise-features>div{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:7px}.mock-enterprise-features span{grid-row:1/3;color:#168fff;font-size:17px}.mock-enterprise-features b{font-size:8px}.mock-enterprise-features small{font-size:7px;color:#78869a}.mock-enterprise-strip .mock-btn{min-height:42px;padding:0 19px;font-size:10px}

/* Chat stays part of the product but visually quieter than sales content. */
.chat-launcher{background:#071322!important;border:1px solid #1b3d69!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important}.chat-launcher img{border-color:#1f73cc!important}

/* Keep V1.8 service pages coherent inside the V1.9 chrome. */
body:not(.page-mock-home):not(.page-mock-pricing) .site-footer{margin-top:0}

@media(max-width:1180px){
  .mock-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.mock-dashboard{grid-template-columns:130px 1fr}.dash-sidebar nav span{padding:8px;font-size:9px}.mock-service-row{grid-template-columns:repeat(3,1fr)}.mock-lower{grid-template-columns:1fr 1fr}.mock-status-card{grid-column:1/-1}.mock-primary-plans{grid-template-columns:repeat(3,1fr)}.mock-price-hero{grid-template-columns:1fr}.mock-price-sidebar{width:auto}.mock-enterprise-strip>.shell{grid-template-columns:1fr}.mock-enterprise-strip{padding:18px 0}.mock-footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.mock-footer-contact{grid-column:2/-1}
}
@media(max-width:900px){
  .site-header.mock-header{height:70px}.mock-header-inner{justify-content:space-between}.mock-brand{width:118px;height:64px}.mock-brand .brand-logo-full{width:88px;height:64px}.nav-toggle{display:flex!important}.mock-nav{position:absolute!important;top:70px;left:16px;right:16px;display:none!important;flex-direction:column!important;align-items:stretch!important;background:#050d18!important;border:1px solid #1a2d46!important;border-radius:12px!important;padding:12px!important;box-shadow:0 22px 50px rgba(0,0,0,.5)!important}.mock-nav.open{display:flex!important}.mock-nav>a{width:100%!important;margin:0!important}.mock-portal{margin-top:5px!important;justify-content:center!important}.mock-hero{padding:28px 0 22px}.mock-hero-grid{grid-template-columns:1fr}.mock-hero-copy{max-width:none}.mock-hero h1{font-size:52px}.mock-dashboard-wrap{max-width:700px;width:100%;margin:0 auto}.mock-service-row{grid-template-columns:1fr 1fr}.mock-lower{grid-template-columns:1fr}.mock-status-card{grid-column:auto}.mock-pricing-layout{grid-template-columns:1fr}.mock-price-sidebar{display:none}.mock-price-main{padding:24px}.mock-primary-plans{grid-template-columns:1fr 1fr}.mock-price-details{grid-template-columns:1fr}.mock-usecase-grid{grid-template-columns:1fr 1fr}.mock-footer-grid{grid-template-columns:1fr 1fr}.mock-footer-brand{grid-column:1/-1}.mock-footer-contact{grid-column:auto}.mock-footer-bottom{flex-direction:column;gap:5px}
}
@media(max-width:600px){
  .shell{width:min(100% - 28px,1420px)}.mock-hero h1{font-size:42px}.mock-hero-copy>p{font-size:15px}.mock-hero-actions{flex-direction:column;align-items:stretch}.mock-btn{width:100%}.mock-trust-row{display:grid;grid-template-columns:1fr}.mock-trust-row>div{min-width:0}.mock-dashboard{grid-template-columns:1fr;min-height:390px}.dash-sidebar{display:none}.dash-kpis{grid-template-columns:1fr 1fr}.dash-kpis article:last-child{grid-column:1/-1}.dash-middle{grid-template-columns:1fr}.rack-art{left:2%;right:2%;height:66px}.mock-service-row{grid-template-columns:1fr}.mock-lower{padding-inline:14px}.mock-feature-grid{grid-template-columns:1fr 1fr}.mock-pricing-card ul{grid-template-columns:1fr}.mock-primary-plans{grid-template-columns:1fr}.mock-price-main{padding:20px 14px}.mock-price-copy h1{font-size:40px}.mock-inline-benefits{grid-template-columns:1fr}.mock-infra-kpis{padding:18px;grid-template-columns:1fr 1fr}.mini-racks{display:none}.mock-usecase-grid{grid-template-columns:1fr}.compare-table{overflow:auto}.compare-table .row{min-width:640px}.mock-enterprise-features{grid-template-columns:1fr 1fr}.mock-footer-grid{grid-template-columns:1fr}.mock-footer-contact{grid-column:auto}.mock-footer-grid>div{padding-bottom:8px}.mock-footer-bottom{padding-bottom:24px}
}


/* V1.9.2 MOBILE COMPARISON REPAIR */
@media(max-width:600px){
  .mock-price-details,.mock-price-details>article,.mock-compare,.compare-table{min-width:0!important;width:100%!important;max-width:100%!important}
  .mock-price-details>article{overflow:hidden}
  .compare-table{overflow:visible!important}
  .compare-table .row{min-width:0!important;width:100%!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px;padding:10px 0;align-items:stretch}
  .compare-table .row.head{display:none!important}
  .compare-table .row:not(.head)>span{grid-column:1/-1;font-size:10px!important;font-weight:800;color:#edf5ff!important;padding:0 0 2px;min-width:0;overflow-wrap:anywhere}
  .compare-table .row:not(.head)>em{min-width:0!important;width:auto!important;border:1px solid #172a43;background:#07121f;border-radius:7px;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:8px!important;color:#b7c4d5!important;overflow-wrap:anywhere;word-break:break-word}
  .compare-table .row:not(.head)>em::before{flex:0 0 auto;color:#708198;font-size:7px;line-height:1;letter-spacing:.08em;text-transform:uppercase}
  .compare-table .row:not(.head)>em:nth-child(2)::before{content:"Web"}
  .compare-table .row:not(.head)>em:nth-child(3)::before{content:"VPS"}
  .compare-table .row:not(.head)>em:nth-child(4)::before{content:"Game"}
  .compare-table .row:not(.head)>em:nth-child(5)::before{content:"Dedicated"}
  .compare-table .row:not(.head)>em:nth-child(6)::before{content:"Email"}
  .compare-table .row:not(.head)>em:nth-child(6){grid-column:1/-1}
}


/* =====================================================================
   V1.9.2 — APPROVED MOCKUP FIDELITY + CUSTOMER-READY POLISH
   ===================================================================== */
:root{--mock-bg:#010610;--mock-bg2:#030a16;--mock-panel:#07111f;--mock-panel2:#0a1626;--mock-line:#172b45;--mock-line2:#21466f;--mock-text:#f7f9fd;--mock-muted:#98a7bb;--mock-blue:#0c8cff;--mock-blue2:#0a5eff;--mock-violet:#8439ff;--mock-green:#22df8c;--mock-shadow:0 22px 70px rgba(0,0,0,.48);--shell:min(1420px,calc(100% - 56px))}
body{background:radial-gradient(circle at 52% 12%,rgba(10,80,210,.13),transparent 33rem),linear-gradient(180deg,#010610 0%,#020713 58%,#010610 100%)}.shell{width:var(--shell)}
.site-header.mock-header{height:82px;background:rgba(1,5,13,.96);border-bottom:1px solid #122039;box-shadow:0 10px 34px rgba(0,0,0,.16)}.mock-header-inner{gap:24px}.mock-brand{width:220px;height:78px;overflow:visible}.mock-brand .brand-logo-full{width:166px;height:auto;max-height:72px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 22px rgba(0,119,255,.18))}.mock-nav{gap:3px}.mock-nav>a:not(.mock-portal){padding:11px 13px;font-size:13px;color:#dbe5f3;border-radius:7px}.mock-nav>a:not(.mock-portal):hover,.mock-nav>a.active:not(.mock-portal){background:#071323;border-color:#18304f}.mock-portal{min-height:44px;padding:0 19px!important;border-radius:7px!important;font-size:13px!important;margin-left:16px!important}
.mock-hero{padding:31px 0 24px;min-height:0;background:linear-gradient(180deg,rgba(2,8,18,.76),rgba(1,6,14,.98))}.mock-hero-grid{grid-template-columns:minmax(560px,.92fr) minmax(640px,1.08fr);gap:52px;align-items:center}.mock-hero-copy{padding:0;max-width:620px}.mock-kicker{font-size:11px;margin-bottom:15px;color:#a87cff}.mock-hero h1{font-size:clamp(56px,3.8vw,66px);line-height:1.02;letter-spacing:-.05em;font-weight:870;max-width:620px}.mock-hero h1 span{background:linear-gradient(90deg,#118cff 0%,#126fff 48%,#8d43ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.mock-hero-copy>p{font-size:15px;line-height:1.55;margin:17px 0 20px;max-width:600px;color:#aeb9c8}.mock-hero-actions{gap:12px}.mock-btn{min-height:46px;padding:0 22px;font-size:13px;border-radius:7px}
.mock-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;max-width:595px}.mock-proof-row>div{min-height:54px;border:1px solid #1a2e49;background:linear-gradient(180deg,rgba(8,19,33,.94),rgba(5,13,24,.94));border-radius:7px;padding:9px 10px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}.mock-proof-row .proof-icon{grid-row:1/3;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#082b59;border:1px solid #145fab;color:#2b9cff;font-weight:900;font-size:12px;box-shadow:0 0 18px rgba(11,121,255,.12)}.mock-proof-row b{font-size:10px;color:#f2f7ff;line-height:1.2}.mock-proof-row small{font-size:8px;color:#7f8ea4;line-height:1.2}.mock-trust-line{margin-top:12px;font-size:10px;color:#8797ac}.mock-trust-line span{font-size:14px}.mock-aurora-left{left:14%;top:35px;width:620px;height:300px;opacity:.42}.mock-aurora-right{top:45px;right:-90px;width:650px;height:350px;opacity:.42}
.mock-dashboard-wrap{padding:5px 0 31px}.mock-dashboard{min-height:323px;grid-template-columns:150px 1fr;border-color:#24405f;border-radius:13px;box-shadow:0 26px 70px rgba(0,0,0,.52),0 0 80px rgba(15,91,245,.10)}.dash-title{height:52px;padding:0 14px;font-size:10px}.dash-title span{font-size:16px}.dash-sidebar nav{padding:9px}.dash-sidebar nav span{padding:8px 9px;font-size:9px}.dash-sidebar nav .active{background:linear-gradient(90deg,#0d72fa,#0b4fba)}.dash-main{padding:14px}.dash-topline{height:17px;display:flex;align-items:center;justify-content:space-between;color:#61758f;font-size:7px;letter-spacing:.1em}.dash-topline em{font-style:normal;color:#2ce294;font-weight:900}.dash-kpis{margin-top:8px;gap:8px}.dash-kpis article,.dash-middle>article{border-color:#152a43;background:linear-gradient(180deg,#091626,#07111e);padding:10px;border-radius:8px}.dash-kpis small,.dash-middle small{font-size:7px}.dash-kpis b{font-size:18px;margin:5px 0 0}.dash-kpis span{font-size:7px}.dash-middle{grid-template-columns:1.7fr 1fr;gap:8px;margin-top:8px}.dash-resource{gap:6px;margin-top:8px}.dash-resource span{padding:7px;font-size:7px}.dash-resource b{font-size:14px}.dash-resource i{height:21px;margin-top:5px;border-bottom-width:2px}.dash-activity{gap:7px}.dash-activity>span{font-size:7px}.dash-activity>span i{width:6px;height:6px}
.rack-art{left:3%;right:7%;bottom:0;height:72px;padding:8px 11px;display:grid;grid-template-columns:1fr 1fr 118px;gap:7px;border-color:#215285;border-radius:8px;background:linear-gradient(180deg,#0b1728,#030812);box-shadow:0 18px 54px rgba(10,105,255,.35),0 0 34px rgba(113,43,255,.18)}.rack-bank{display:grid;grid-template-rows:1fr 1fr;gap:6px}.rack-bank span{position:relative;border:1px solid #1b324f;border-radius:3px;background:linear-gradient(90deg,#040b14,#0a1726 72%,#050b12)}.rack-bank span:before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;transform:translateY(-50%);border-radius:2px;background:#0b8cff;box-shadow:0 0 10px #0b8cff}.rack-bank span.violet:before{background:#9144ff;box-shadow:0 0 10px #9144ff}.rack-panel{border:1px solid #19314e;border-radius:4px;display:flex;align-items:center;gap:5px;padding:0 8px;background:#07101c}.rack-panel i{width:7px;height:7px;border-radius:50%;background:#0d85ff;box-shadow:0 0 8px #0d85ff}.rack-panel i:nth-child(4){background:#8b3fff;box-shadow:0 0 8px #8b3fff}.rack-art:after{bottom:-18px}
.mock-service-row{gap:10px;padding:12px 0}.mock-service-card{min-height:91px;padding:13px;border-radius:9px;background:linear-gradient(145deg,#081523,#06101c);border-color:#172b45}.mock-service-card:hover{border-color:#2565a5;box-shadow:0 14px 30px rgba(0,0,0,.26),0 0 26px rgba(17,110,255,.07)}.mock-service-card h2{font-size:13px}.mock-service-card p{font-size:9px;line-height:1.4}.mock-service-card b{font-size:9px}.mock-service-icon{width:43px;height:43px;flex-basis:43px;border-radius:8px}.mock-service-card.accent-violet .mock-service-icon{border-color:#5933a9;background:radial-gradient(circle at 50% 20%,rgba(136,65,255,.3),rgba(25,14,58,.92))}.icon-game{position:relative}.icon-game i:before{content:"";display:block;width:27px;height:18px;border:2px solid #168dff;border-radius:11px 11px 8px 8px;transform:rotate(-5deg);box-shadow:0 0 13px rgba(16,132,255,.17)}.icon-game i:after{content:"+  •";position:absolute;left:11px;top:11px;color:#168dff;font-size:10px;letter-spacing:4px}.icon-mail i{display:block;width:27px;height:19px;border:2px solid #168dff;border-radius:2px;position:relative}.icon-mail i:after{content:"";position:absolute;left:3px;right:3px;top:2px;height:9px;border-bottom:2px solid #168dff;transform:skewY(-25deg)}
.mock-lower{grid-template-columns:1.02fr 1.42fr 1fr;gap:11px;padding:11px 0 17px}.mock-lower>article{padding:15px;min-height:188px;border-radius:10px;border-color:#172b45;background:linear-gradient(180deg,#07121f,#050d18)}.mock-lower h2{font-size:16px}.mock-lower p{font-size:9px}.mock-price-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;align-items:center}.mock-price{margin:12px 0}.mock-price b{font-size:31px}.mock-price small,.mock-price em{font-size:8px}.mock-pricing-card ul{grid-template-columns:1fr;gap:4px;margin:5px 0}.mock-pricing-card li{font-size:8px}.mock-btn.compact{min-height:34px;font-size:9px}.mock-feature-grid{gap:7px;margin-top:10px}.mock-feature-grid>div{padding:8px;grid-template-columns:28px 1fr;column-gap:7px}.mock-feature-grid span{width:28px;height:28px}.mock-feature-grid b{font-size:8px}.mock-feature-grid small{font-size:7px}.mock-status-big{margin:9px 0}.mock-status-big b{font-size:30px}.mock-status-bars{gap:5px}.mock-status-bars>div{font-size:7px;grid-template-columns:70px 1fr 34px}.mock-status-card>a{margin-top:7px;font-size:8px}
.site-footer.mock-footer{background:#01050c;border-top:1px solid #14233a;padding-top:0}.mock-footer-grid{padding:17px 0 12px!important;gap:28px!important;grid-template-columns:1.45fr repeat(3,.82fr) 1.2fr!important}.mock-footer-brand img{width:128px!important;max-height:62px!important;object-fit:contain!important;object-position:left center}.mock-footer-brand p{font-size:9px!important;line-height:1.45!important;max-width:250px!important;margin:6px 0 8px!important}.mock-footer-grid h2{font-size:10px!important;margin:0 0 7px!important}.mock-footer-grid a,.mock-footer-grid span,.mock-footer-grid p{font-size:8px!important}.mock-socials{gap:6px!important}.mock-socials span{width:24px!important;height:24px!important}.mock-footer-bottom{min-height:40px!important;padding:8px 0!important;font-size:7px!important;border-top:1px solid #101c2d!important}.footer-email{color:#1e97ff!important;font-weight:800}
.mock-pricing-layout{min-height:0;background:#020711}.mock-price-sidebar{width:240px;padding:22px 18px;border-right:1px solid #17263c;background:linear-gradient(180deg,#030914,#020711)}.mock-price-main{padding:23px 28px 18px}.mock-price-hero{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:28px;min-height:235px}.mock-price-copy h1{font-size:44px;line-height:1.02;margin:6px 0 10px}.mock-price-copy>p{font-size:10px;line-height:1.5}.mock-inline-benefits{margin-top:11px}.mock-infra-visual{min-height:130px}.mock-primary-plans{gap:8px}.mock-primary-plans article{min-height:180px;padding:12px}.mock-plan-price{font-size:22px}.mock-price-details{margin-top:9px;gap:9px}.mock-price-details>article{padding:12px}.mock-enterprise-strip>.shell{min-height:82px}
body:not(.page-mock-home):not(.page-mock-pricing) main{background:linear-gradient(180deg,#020711,#030916 70%,#020711)}.product-hero,.email-hero,.game-hero,.vps-hero,.dedicated-hero,.platform-hero,.support-hero{background:radial-gradient(circle at 72% 30%,rgba(21,102,255,.13),transparent 32rem),linear-gradient(180deg,#030b18,#020711)!important;border-bottom:1px solid #14233a}.product-hero-grid,.email-hero-grid,.game-hero-grid,.vps-hero-grid,.dedicated-hero-grid,.support-hero-grid{min-height:500px;padding:40px 0 42px;gap:45px}.product-copy h1,.email-hero-copy h1,.game-hero h1,.vps-hero h1,.dedicated-hero h1,.support-hero h1{font-size:clamp(44px,3.6vw,58px);line-height:1.02;font-weight:850;letter-spacing:-.045em}.product-copy>p,.email-hero-copy>p,.game-hero-grid>div:first-child>p,.vps-hero-grid>div:first-child>p,.dedicated-hero-grid>div:first-child>p,.support-hero-grid>div:first-child>p{font-size:14px;line-height:1.6;color:#9dacbf}.eyebrow{color:#8fb7ff}.eyebrow::before{background:linear-gradient(90deg,#188eff,#8d41ff)}.button-primary{background:linear-gradient(135deg,#128cff,#095cff 70%,#4f39ff);border:1px solid #249dff;box-shadow:0 12px 32px rgba(8,100,255,.25)}.button-ghost{background:#07101d;border-color:#263c5a}.section-pad{padding:72px 0}.section-heading{margin-bottom:28px;gap:40px}.section-heading h2{font-size:clamp(30px,2.8vw,44px)}.website-browser,.inbox-preview,.game-console,.terminal-card,.rack-visual,.pricing-summary,.support-board,.platform-shot{background:linear-gradient(180deg,#071321,#050d18)!important;border-color:#1c3555!important;border-radius:12px!important;box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 48px rgba(15,91,245,.06)!important}.workflow-band,.email-trust{background:#020811!important;border-color:#14233a!important}.plan-lines article,.dark-plan-grid article,.compact-plan-grid article,.email-plan-grid article,.dedicated-table article,.support-option-grid article,.bento-grid article{background:linear-gradient(180deg,#07121f,#050d18)!important;border-color:#172b45!important;border-radius:10px!important;box-shadow:none!important}.plan-lines article.featured,.dark-plan-grid article.featured,.compact-plan-grid article.featured,.email-plan-grid article.featured{border-color:#155cb5!important;box-shadow:0 0 0 1px rgba(20,128,255,.08),0 18px 44px rgba(0,0,0,.18)!important}.plan-lines article:hover,.dark-plan-grid article:hover,.compact-plan-grid article:hover,.email-plan-grid article:hover{border-color:#245f9e!important}.catalog-status{color:#7e8da2}.catalog-status.synced{color:#2ed991}.platform-shot img{filter:saturate(.92) contrast(1.04)}.faq-list details{background:#07111e!important;border-color:#172b45!important}.chat-launcher{border-color:#245487!important;background:linear-gradient(180deg,#071629,#04101e)!important}
@media(max-width:1180px){.mock-brand{width:160px}.mock-brand .brand-logo-full{width:145px}.mock-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.mock-hero h1{font-size:52px}.mock-proof-row{grid-template-columns:1fr 1fr}.mock-proof-row>div:last-child{grid-column:1/-1}.mock-lower{grid-template-columns:1fr 1fr}.mock-status-card{grid-column:1/-1}.mock-footer-grid{grid-template-columns:1.4fr 1fr 1fr!important}.mock-footer-contact{grid-column:2/-1}.mock-price-hero{grid-template-columns:1fr}.mock-primary-plans{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.site-header.mock-header{height:68px}.mock-brand{width:150px;height:64px}.mock-brand .brand-logo-full{width:136px;max-height:58px}.mock-nav{top:68px!important}.mock-hero{padding:24px 0 20px}.mock-hero-grid{grid-template-columns:1fr}.mock-hero-copy{max-width:none}.mock-hero h1{font-size:50px;max-width:700px}.mock-proof-row{grid-template-columns:repeat(3,1fr);max-width:none}.mock-dashboard-wrap{max-width:760px;width:100%;margin:0 auto}.mock-service-row{grid-template-columns:1fr 1fr}.mock-lower{grid-template-columns:1fr}.mock-status-card{grid-column:auto}.mock-footer-grid{grid-template-columns:1fr 1fr!important}.mock-footer-brand{grid-column:1/-1}.mock-footer-contact{grid-column:auto}.mock-price-main{padding:20px}.mock-price-hero{grid-template-columns:1fr}.mock-primary-plans{grid-template-columns:1fr 1fr}.product-hero-grid,.email-hero-grid,.game-hero-grid,.vps-hero-grid,.dedicated-hero-grid,.support-hero-grid{min-height:0;padding:32px 0 35px;grid-template-columns:1fr!important}.page-games .game-console,.page-support .support-board,.page-games .game-hero-grid>div:first-child,.page-support .support-hero-grid>div:first-child{order:initial}.product-copy h1,.email-hero-copy h1,.game-hero h1,.vps-hero h1,.dedicated-hero h1,.support-hero h1{font-size:46px}}
@media(max-width:600px){.shell{width:min(100% - 24px,1420px)}.mock-brand{width:130px}.mock-brand .brand-logo-full{width:118px}.mock-hero h1{font-size:40px;line-height:1.03}.mock-hero-copy>p{font-size:14px}.mock-hero-actions{flex-direction:column;align-items:stretch}.mock-proof-row{grid-template-columns:1fr}.mock-proof-row>div:last-child{grid-column:auto}.mock-dashboard{grid-template-columns:1fr;min-height:360px}.dash-sidebar{display:none}.dash-kpis{grid-template-columns:1fr 1fr}.dash-kpis article:last-child{grid-column:1/-1}.dash-middle{grid-template-columns:1fr}.dash-activity{display:none}.rack-art{left:1%;right:1%;grid-template-columns:1fr 1fr 70px;height:62px}.mock-service-row{grid-template-columns:1fr}.mock-lower{padding:9px 0 15px}.mock-price-layout{grid-template-columns:1fr}.mock-feature-grid{grid-template-columns:1fr 1fr}.mock-footer-grid{grid-template-columns:1fr!important}.mock-footer-contact{grid-column:auto}.mock-primary-plans{grid-template-columns:1fr}.mock-price-main{padding:17px 12px}.mock-price-copy h1{font-size:38px}.mock-enterprise-features{grid-template-columns:1fr 1fr}.product-copy h1,.email-hero-copy h1,.game-hero h1,.vps-hero h1,.dedicated-hero h1,.support-hero h1{font-size:38px}.section-pad{padding:52px 0}.section-heading{grid-template-columns:1fr;gap:10px}.section-heading h2{font-size:32px}.chat-launcher{right:9px;bottom:9px}}