@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@800&display=swap');

:root {
  --ink: #f7f7fc;
  --muted: #a4a6b7;
  --dim: #696b7b;
  --bg: #08080d;
  --panel: #101017;
  --panel-2: #14141e;
  --line: rgba(255, 255, 255, 0.1);
  --purple: #8a70ff;
  --blue: #5e9dff;
  --lime: #b9ff63;
  --radius: 18px;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  /* The header is fixed, so reserve its desktop height in the document flow. */
  padding-top: 84px;
  background: var(--bg);
  color: var(--ink);
  font-family: Manrope, Arial, sans-serif;
  font-size: 16px;
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
p {
  color: var(--muted);
  line-height: 1.65;
}
.container {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}
.site-glow {
  position: fixed;
  pointer-events: none;
  z-index: -1;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.13;
}
.glow-one {
  background: #744bff;
  top: -280px;
  right: -210px;
}
.glow-two {
  background: #1462ff;
  top: 38%;
  left: -470px;
}
.site-header {
  height: 84px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  align-items: center;
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  background: rgba(8, 8, 13, 0.76);
  backdrop-filter: blur(15px);
}
.nav-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.logo {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.7px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}
.logo > span:last-child {
  font-family: Tektur, Manrope, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: 0.35px;
  line-height: 1;
}
.logo > span:last-child span {
  color: #8d74ff;
}
.logo-mark {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  width: 20px;
  height: 20px;
  padding: 3px 0;
}
.logo-mark i {
  display: block;
  width: 4px;
  background: var(--purple);
  border-radius: 4px;
}
.logo-mark i:nth-child(1) {
  height: 8px;
}
.logo-mark i:nth-child(2) {
  height: 13px;
}
.logo-mark i:nth-child(3) {
  height: 18px;
}
.nav-links {
  display: flex;
  gap: 28px;
  margin-left: auto;
}
.nav-links a,
.login-link,
.language {
  font-size: 13px;
  color: #c7c8d1;
  transition: color 0.2s;
}
.nav-links a:hover,
.login-link:hover,
.language:hover {
  color: #fff;
}
.nav-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
.language {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  border-left: 1px solid var(--line);
  padding-left: 18px;
}
.btn {
  border: 0;
  border-radius: 9px;
  padding: 14px 19px;
  display: inline-flex;
  gap: 14px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #9c83ff, #7153f3);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 8px 28px rgba(109, 80, 244, 0.25);
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 35px rgba(109, 80, 244, 0.4);
}
.btn span {
  font-size: 18px;
  line-height: 10px;
}
.btn-small {
  padding: 10px 14px;
  font-size: 12px;
}
.nav-toggle {
  display: none;
  background: none;
  border: 0;
  width: 35px;
  padding: 6px;
}
.nav-toggle span {
  display: block;
  height: 1px;
  background: #fff;
  margin: 5px;
}
.hero {
  position: relative;
  padding: 96px 0 0;
  isolation: isolate;
}
.hero-layout {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  align-items: center;
  gap: 64px;
  min-height: 502px;
}
.eyebrow,
.card-label {
  font:
    500 10px "DM Mono",
    monospace;
  letter-spacing: 1.15px;
  color: #a998ff;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 0 4px rgba(185, 255, 99, 0.1);
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
.hero h1 {
  font-size: clamp(46px, 5.25vw, 75px);
  line-height: 1.04;
  letter-spacing: -3.8px;
  margin: 20px 0 23px;
  font-weight: 700;
}
.hero h1 em,
h2 em {
  font-style: normal;
  color: #a38cff;
}
.hero-text {
  font-size: 16px;
  max-width: 530px;
  margin-bottom: 29px;
}
.hero-actions {
  display: flex;
  align-items: center;
  gap: 25px;
}
.text-link {
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  gap: 13px;
  align-items: center;
}
.text-link b {
  font-size: 18px;
  font-weight: 400;
  color: #a38cff;
}
.proof-row {
  display: flex;
  gap: 31px;
  margin-top: 55px;
}
.proof-row div {
  display: grid;
  gap: 4px;
}
.proof-row strong {
  font-size: 20px;
  letter-spacing: -1px;
}
.proof-row span {
  font:
    10px "DM Mono",
    monospace;
  color: var(--dim);
  letter-spacing: 0.2px;
}
.network-panel {
  border: 1px solid rgba(178, 157, 255, 0.22);
  border-radius: 18px;
  background: linear-gradient(
    140deg,
    rgba(28, 25, 47, 0.92),
    rgba(14, 14, 23, 0.94)
  );
  box-shadow:
    0 32px 90px rgba(0, 0, 0, 0.35),
    inset 0 1px rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
.panel-top,
.panel-bottom {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 19px;
  border-bottom: 1px solid var(--line);
  font:
    10px "DM Mono",
    monospace;
  letter-spacing: 0.8px;
  color: #b6b4c6;
}
.panel-top .dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #8e74ff;
  border-radius: 50%;
  margin-right: 8px;
}
.live {
  color: var(--lime);
  font-size: 9px;
}
.map-surface {
  height: 305px;
  position: relative;
  overflow: hidden;
  background: radial-gradient(
    circle at 52% 48%,
    rgba(115, 80, 255, 0.16),
    transparent 42%
  );
}
.map-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 28px 28px;
}
.network-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.network-lines path {
  fill: none;
  stroke: #8067ff;
  stroke-width: 1.2;
  stroke-dasharray: 3 5;
  opacity: 0.75;
}
.node {
  position: absolute;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%);
  background: #9b83ff;
  border-radius: 50%;
  box-shadow:
    0 0 0 5px rgba(155, 131, 255, 0.1),
    0 0 18px #9b83ff;
}
.node.active {
  width: 11px;
  height: 11px;
  background: var(--lime);
  box-shadow:
    0 0 0 7px rgba(185, 255, 99, 0.12),
    0 0 22px var(--lime);
}
.node-a {
  left: 11.3%;
  top: 70.5%;
}
.node-b {
  /* West-coast route origin (M54 125 in the SVG). */
  left: 8.7%;
  top: 32.9%;
}
.node-c {
  left: 49.3%;
  top: 38.2%;
}
.node-d {
  /* India / western Asia — moved out from behind the status card. */
  left: 59.7%;
  top: 59.2%;
}
.node-e {
  /* Indonesia — keep the endpoint on land rather than the open ocean. */
  left: 79.5%;
  top: 62.1%;
}
.node-f {
  /* East Asia — keep the endpoint over the map contours. */
  left: 78.5%;
  top: 37.9%;
}
.map-label {
  position: absolute;
  font:
    9px/1.55 "DM Mono",
    monospace;
  color: #a6a7b5;
}
.map-label b {
  color: #e9e9f1;
  font-weight: 400;
}
.label-a {
  left: 4%;
  top: 72%;
}
.label-b {
  left: 9.5%;
  top: 18%;
}
.label-c {
  left: 52%;
  top: 22%;
}
.connection-card {
  position: absolute;
  right: 16px;
  bottom: 15px;
  width: 155px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(10, 10, 16, 0.86);
  border-radius: 8px;
  padding: 11px;
}
.connection-card span {
  font:
    8px "DM Mono",
    monospace;
  color: #858695;
}
.connection-card strong {
  display: block;
  font-size: 17px;
  margin: 5px 0 7px;
}
.mini-bars {
  display: flex;
  height: 16px;
  gap: 3px;
  align-items: flex-end;
}
.mini-bars i {
  display: block;
  width: 7px;
  background: #846bff;
}
.mini-bars i:nth-child(1) {
  height: 35%;
}
.mini-bars i:nth-child(2) {
  height: 65%;
}
.mini-bars i:nth-child(3) {
  height: 49%;
}
.mini-bars i:nth-child(4) {
  height: 80%;
}
.mini-bars i:nth-child(5) {
  height: 58%;
}
.mini-bars i:nth-child(6) {
  height: 92%;
}
.mini-bars i:nth-child(7) {
  height: 68%;
}
.mini-bars i:nth-child(8) {
  height: 100%;
}
.mini-bars i:nth-child(9) {
  height: 78%;
}
.panel-bottom {
  height: 47px;
  border: 0;
  justify-content: flex-start;
  gap: 19px;
  font-size: 9px;
}
.check {
  color: var(--lime);
  font-style: normal;
}
.trust-line {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  margin-top: 92px;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  color: #9293a1;
  font:
    10px "DM Mono",
    monospace;
  letter-spacing: 0.45px;
}
.trust-line > span {
  color: #5c5c6a;
  font-size: 9px;
}
.section {
  padding: 132px 0;
}
.access-section {
  padding-top: 143px;
}
.section-kicker {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 46px;
}
.section-kicker > span {
  font:
    10px "DM Mono",
    monospace;
  color: #777789;
}
.section-kicker p {
  font-size: 20px;
  line-height: 1.32;
  color: #e6e6ec;
  margin: 0;
  letter-spacing: -0.8px;
}
.access-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
}
.access-card {
  position: relative;
  min-height: 415px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 37px;
  background: linear-gradient(145deg, #151520, #0e0e15);
  isolation: isolate;
}
.access-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(
    circle at 88% 12%,
    rgba(131, 97, 255, 0.24),
    transparent 45%
  );
}
.unlimited-card:before {
  background: radial-gradient(
    circle at 70% 80%,
    rgba(77, 122, 255, 0.19),
    transparent 45%
  );
}
.card-number {
  position: absolute;
  right: 30px;
  top: 29px;
  font:
    11px "DM Mono",
    monospace;
  color: #737381;
}
.access-card h2 {
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -1.9px;
  margin: 13px 0 15px;
}
.access-card h2 em {
  color: #b5a2ff;
}
.access-card p {
  font-size: 14px;
  max-width: 360px;
  margin-bottom: 22px;
}
.access-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 27px;
  display: grid;
  gap: 8px;
  color: #dedee6;
  font-size: 12px;
}
.access-card li:before {
  content: "✓";
  color: var(--lime);
  margin-right: 9px;
}
.card-link {
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid #555565;
  padding-bottom: 5px;
  display: inline-flex;
  gap: 20px;
}
.card-link span {
  color: #a18aff;
}
.card-orbit {
  position: absolute;
  border: 1px solid rgba(169, 148, 255, 0.24);
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
}
.orbit-one {
  width: 250px;
  height: 250px;
  right: -110px;
  bottom: -116px;
}
.orbit-two {
  width: 164px;
  height: 164px;
  right: -24px;
  bottom: -73px;
}
.infinite-mark {
  position: absolute;
  right: 25px;
  bottom: -54px;
  font-size: 250px;
  line-height: 1;
  color: rgba(145, 118, 255, 0.1);
  font-family: Arial;
}
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 45px;
  margin-bottom: 49px;
}
.section-head h2,
.control-copy h2,
.faq-intro h2 {
  font-size: clamp(33px, 4vw, 51px);
  line-height: 1.1;
  letter-spacing: -2.6px;
  margin: 14px 0 0;
}
.section-head p {
  max-width: 375px;
  font-size: 14px;
  margin: 0;
}
.products-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 15px;
}
.product-card {
  min-height: 342px;
  border: 1px solid var(--line);
  background: rgba(20, 20, 29, 0.63);
  border-radius: 14px;
  padding: 28px;
  position: relative;
  overflow: hidden;
}
.product-card:hover {
  border-color: rgba(155, 131, 255, 0.44);
}
.product-featured {
  background: linear-gradient(145deg, #201c38, #12121a);
}
.product-icon {
  margin-bottom: 31px;
  height: 38px;
  color: #b69eff;
}
.mobile-icon {
  display: flex;
  align-items: flex-end;
  gap: 4px;
}
.mobile-icon span {
  width: 8px;
  background: #af97ff;
  border-radius: 3px;
}
.mobile-icon span:nth-child(1) {
  height: 13px;
}
.mobile-icon span:nth-child(2) {
  height: 22px;
}
.mobile-icon span:nth-child(3) {
  height: 33px;
}
.home-icon {
  font-size: 36px;
  line-height: 35px;
}
.server-icon {
  display: grid;
  width: 39px;
  gap: 5px;
  padding: 4px 5px;
  border: 1px solid #9e86ff;
  border-radius: 4px;
  height: 35px;
}
.server-icon i {
  background: #9e86ff;
  width: 4px;
  border-radius: 5px;
}
.product-card h3 {
  font-size: 23px;
  line-height: 1.13;
  letter-spacing: -1.25px;
  margin: 12px 0;
}
.product-card p {
  font-size: 13px;
  max-width: 280px;
}
.product-card a {
  position: absolute;
  bottom: 27px;
  left: 28px;
  font-size: 12px;
  font-weight: 700;
}
.product-card a span {
  color: #a58dff;
  margin-left: 11px;
}
.signal-bars {
  position: absolute;
  right: 20px;
  bottom: -8px;
  height: 105px;
  display: flex;
  gap: 6px;
  align-items: flex-end;
  opacity: 0.3;
}
.signal-bars i {
  width: 19px;
  background: linear-gradient(#a68fff, transparent);
  border-radius: 6px;
}
.signal-bars i:nth-child(1) {
  height: 35%;
}
.signal-bars i:nth-child(2) {
  height: 55%;
}
.signal-bars i:nth-child(3) {
  height: 75%;
}
.signal-bars i:nth-child(4) {
  height: 100%;
}
.capabilities {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
  margin-top: 19px;
}
.capabilities > div {
  padding: 26px 22px 0 0;
}
.capabilities > div + div {
  padding-left: 22px;
  border-left: 1px solid var(--line);
}
.capabilities span {
  display: block;
  font:
    10px "DM Mono",
    monospace;
  color: #876eff;
  margin-bottom: 17px;
}
.capabilities b {
  font-size: 13px;
}
.capabilities p {
  font-size: 12px;
  margin: 8px 0;
}
.control-section {
  background: linear-gradient(105deg, #10111d, #16122b 50%, #0f101b);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.control-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 77px;
  align-items: center;
}
.control-copy p {
  font-size: 14px;
  margin: 22px 0 28px;
}
.dashboard {
  border: 1px solid rgba(216, 208, 255, 0.22);
  border-radius: 12px;
  overflow: hidden;
  background: #0c0d13;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
  display: grid;
  grid-template-columns: 48px 1fr;
  min-height: 344px;
}
.dashboard-sidebar {
  padding: 15px 0;
  background: #11121a;
  border-right: 1px solid var(--line);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 19px;
}
.dashboard-logo {
  font:
    700 10px "DM Mono",
    monospace;
  color: #b09aff;
  background: #6f51ec;
  border-radius: 4px;
  padding: 4px;
  margin-bottom: 15px;
}
.dashboard-sidebar i {
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #67697a;
  border-radius: 4px;
}
.dashboard-sidebar .selected {
  border-color: #9f86ff;
  background: rgba(148, 120, 255, 0.45);
}
.dashboard-main {
  padding: 22px;
}
.dash-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.dash-top small,
.dash-stats span,
.chart-head {
  font:
    9px "DM Mono",
    monospace;
  color: #858695;
  letter-spacing: 0.6px;
}
.dash-top h3 {
  font-size: 20px;
  letter-spacing: -1px;
  margin: 6px 0 20px;
}
.avatar {
  background: #a48dff;
  color: #271b55;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
}
.dash-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.dash-stats > div {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 12px;
}
.dash-stats span,
.dash-stats small {
  display: block;
}
.dash-stats b {
  display: block;
  margin: 5px 0;
  font-size: 19px;
}
.dash-stats small {
  font-size: 9px;
  color: #a3eb74;
}
.dash-chart {
  border: 1px solid var(--line);
  border-radius: 6px;
  margin-top: 10px;
  padding: 12px 12px 0;
  height: 127px;
}
.chart-head {
  display: flex;
  justify-content: space-between;
}
.chart-head b {
  font-weight: 400;
  color: #b2b3bd;
}
.dash-chart svg {
  width: 100%;
  height: 87px;
}
.dash-chart .area {
  fill: url(#area);
}
.dash-chart .line {
  fill: none;
  stroke: #987fff;
  stroke-width: 2;
}
.endpoint-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  font-size: 10px;
}
.endpoint-row div {
  display: grid;
  gap: 2px;
}
.endpoint-row small {
  color: #858695;
}
.endpoint-status {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--lime);
}
.endpoint-tag {
  margin-left: auto;
  color: #a4e874;
  background: rgba(185, 255, 99, 0.09);
  padding: 5px 7px;
  border-radius: 4px;
  font-size: 9px;
}
.cases-section {
  padding-bottom: 113px;
}
.cases-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.case-card {
  min-height: 215px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 25px;
  transition: background 0.2s;
}
.case-card:hover {
  background: #12121a;
}
.case-card > span {
  font:
    10px "DM Mono",
    monospace;
  color: #7760e2;
}
.case-card h3 {
  font-size: 22px;
  line-height: 1.14;
  letter-spacing: -1px;
  margin: 29px 0 8px;
}
.case-card p {
  font-size: 12px;
  margin: 0;
}
.workflow-section {
  padding-top: 114px;
  background: #0e0e15;
}
.workflow-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 53px;
}
.workflow-title h2 {
  font-size: clamp(37px, 4.4vw, 57px);
  line-height: 1.05;
  letter-spacing: -2.7px;
  margin: 15px 0 0;
}
.workflow-steps {
  border-top: 1px solid var(--line);
}
.step {
  display: grid;
  grid-template-columns: 18% 1fr;
  border-bottom: 1px solid var(--line);
  padding: 29px 0;
}
.step > span {
  font:
    12px "DM Mono",
    monospace;
  color: #957dff;
}
.step h3 {
  font-size: 20px;
  letter-spacing: -0.85px;
  margin: 0 0 6px;
}
.step p {
  font-size: 13px;
  margin: 0;
  max-width: 480px;
}
.faq-section {
  padding: 124px 0;
}
.faq-layout {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 120px;
}
.faq-intro p {
  font-size: 14px;
  margin: 19px 0 26px;
}
.faq-list {
  border-top: 1px solid var(--line);
}
details {
  border-bottom: 1px solid var(--line);
  padding: 0;
}
summary {
  padding: 23px 0;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}
summary::-webkit-details-marker {
  display: none;
}
summary span {
  color: #a68fff;
  font-size: 19px;
  font-weight: 400;
}
details[open] summary span {
  transform: rotate(45deg);
}
details p {
  font-size: 13px;
  margin: 0 0 22px;
  max-width: 510px;
}
.final-cta {
  padding: 91px 0;
  background: linear-gradient(111deg, #6540e2, #885cf3 51%, #4f7df1);
  position: relative;
  overflow: hidden;
}
.final-cta:before {
  content: "";
  position: absolute;
  width: 550px;
  height: 550px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  right: -180px;
  top: -360px;
  box-shadow:
    0 0 0 65px rgba(255, 255, 255, 0.05),
    0 0 0 130px rgba(255, 255, 255, 0.04);
}
.cta-inner {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 60px;
}
.final-cta .eyebrow {
  color: #dfd6ff;
}
.final-cta h2 {
  font-size: clamp(39px, 4.6vw, 59px);
  line-height: 1.05;
  letter-spacing: -3px;
  margin: 17px 0 0;
}
.final-cta h2 em {
  color: #fff;
  font-style: normal;
}
.final-cta p {
  color: #ece8ff;
  font-size: 14px;
  max-width: 330px;
  margin: 0 0 22px;
}
.btn-light {
  background: #fff;
  color: #322163;
  box-shadow: none;
}
.footer {
  background: #08080d;
  padding: 61px 0 18px;
}
.footer-top {
  display: grid;
  grid-template-columns: 1.15fr 1.25fr 2fr;
  gap: 30px;
  padding-bottom: 55px;
}
.footer-top > p {
  font-size: 13px;
  max-width: 215px;
  margin: 0;
}
.footer-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.footer-links div {
  display: grid;
  align-content: start;
  gap: 10px;
}
.footer-links b {
  font:
    10px "DM Mono",
    monospace;
  color: #7e7e8b;
  letter-spacing: 0.8px;
  margin-bottom: 4px;
}
.footer-links a {
  font-size: 12px;
  color: #b8b8c3;
}
.footer-bottom {
  border-top: 1px solid var(--line);
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  color: #6c6c79;
  font:
    10px "DM Mono",
    monospace;
}
.reveal {
  opacity: 0;
  transform: translateY(17px);
  transition:
    opacity 0.65s ease,
    transform 0.65s ease;
}
.reveal.in-view {
  opacity: 1;
  transform: none;
}
@media (max-width: 900px) {
  .nav-links {
    gap: 16px;
  }
  .hero-layout,
  .control-layout {
    grid-template-columns: 1fr;
    gap: 46px;
  }
  .hero {
    padding-top: 75px;
  }
  .hero-copy {
    max-width: 650px;
  }
  .network-panel {
    max-width: 640px;
  }
  .trust-line {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 18px 24px;
    gap: 20px 28px;
  }
  .access-grid {
    grid-template-columns: 1fr;
  }
  .section {
    padding: 92px 0;
  }
  .faq-layout {
    gap: 55px;
  }
  .footer-top {
    grid-template-columns: 1fr 1.1fr;
  }
  .footer-top > p {
    display: none;
  }
}
@media (max-width: 680px) {
  body {
    padding-top: 70px;
  }
  .container {
    width: min(100% - 32px, 1180px);
  }
  .site-header {
    height: 70px;
  }
  .nav-links {
    display: none;
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    background: #11111a;
    border-bottom: 1px solid var(--line);
    padding: 18px 24px;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
  .nav-links.is-open {
    display: grid;
  }
  .nav-toggle {
    display: block;
  }
  .login-link {
    display: none;
  }
  .language {
    border: 0;
    padding: 0;
  }
  .nav-actions {
    gap: 12px;
  }
  .nav-actions .btn {
    display: none;
  }
  .hero {
    padding-top: 64px;
  }
  .hero h1 {
    letter-spacing: -2.8px;
  }
  .hero-text {
    font-size: 14px;
  }
  .proof-row {
    gap: 20px;
    margin-top: 38px;
  }
  .proof-row strong {
    font-size: 18px;
  }
  .map-surface {
    height: 260px;
  }
  .panel-bottom {
    gap: 10px;
    padding: 0 12px;
    font-size: 8px;
  }
  .connection-card {
    transform: scale(0.86);
    transform-origin: right bottom;
  }
  .trust-line {
    margin-top: 58px;
  }
  .trust-line div {
    font-size: 9px;
  }
  .section-kicker,
  .section-head,
  .workflow-title,
  .cta-inner {
    display: block;
  }
  .section-kicker p,
  .section-head p {
    margin-top: 18px;
  }
  .access-card {
    min-height: 390px;
    padding: 28px;
  }
  .products-grid,
  .cases-grid {
    grid-template-columns: 1fr;
  }
  .product-card {
    min-height: 278px;
  }
  .capabilities {
    grid-template-columns: 1fr 1fr;
  }
  .capabilities > div:nth-child(3) {
    border-left: 0;
    padding-left: 0;
  }
  .capabilities > div {
    padding-top: 22px;
  }
  .control-layout {
    gap: 45px;
  }
  .dashboard {
    grid-template-columns: 35px 1fr;
  }
  .dashboard-main {
    padding: 15px;
  }
  .dashboard-sidebar {
    gap: 13px;
  }
  .dashboard-sidebar i {
    width: 13px;
    height: 13px;
  }
  .dash-top h3 {
    font-size: 17px;
  }
  .faq-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .footer-top {
    grid-template-columns: 1fr;
  }
  .footer-links {
    gap: 15px;
  }
  .footer-bottom {
    font-size: 8px;
  }
  .final-cta {
    padding: 65px 0;
  }
  .final-cta p {
    margin-top: 25px;
  }
  .step {
    grid-template-columns: 46px 1fr;
  }
  .network-lines {
    width: 100%;
    left: 0;
  }
  .label-b {
    left: 9.5%;
  }
  .label-c {
    left: 53%;
  }
}

/* Content atlas: the CMS pages use the same atmospheric language as the
   landing, while keeping the reading surface and cards comfortably legible. */
.resource-page { position:relative; isolation:isolate; }
.resource-page main,
.resource-page .footer { position:relative; z-index:1; }
.resource-atmosphere { position:fixed; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.resource-splash,
.resource-orbit { position:absolute; display:block; border-radius:50%; }
.resource-splash { filter:blur(52px); mix-blend-mode:screen; }
.splash-one { width:34rem; height:34rem; top:3rem; left:-17rem; background:rgba(32,213,185,.20); }
.splash-two { width:31rem; height:31rem; top:27rem; right:-15rem; background:rgba(255,111,62,.18); }
.splash-three { width:27rem; height:27rem; bottom:-10rem; left:34%; background:rgba(255,153,74,.13); }
.resource-orbit { border:1px solid rgba(32,213,185,.17); }
.orbit-one { width:min(53vw,700px); aspect-ratio:1; top:12.5rem; right:-26vw; box-shadow:0 0 0 38px rgba(32,213,185,.018),0 0 0 92px rgba(255,153,74,.012); }
.orbit-two { width:18rem; height:18rem; bottom:9rem; left:-11rem; border-color:rgba(255,153,74,.18); box-shadow:0 0 0 25px rgba(255,153,74,.016); }
.resource-page .page-hero { position:relative; isolation:isolate; overflow:hidden; padding:100px 0 58px; border-bottom-color:rgba(245,242,236,.13); background:linear-gradient(110deg,rgba(17,18,18,.34),rgba(17,18,18,.06)); }
.resource-page .page-hero:after { content:""; position:absolute; z-index:-1; width:21rem; height:21rem; top:-12rem; right:13%; border:1px solid rgba(255,153,74,.24); border-radius:50%; box-shadow:0 0 0 28px rgba(255,153,74,.024),0 0 0 70px rgba(32,213,185,.014); }
.resource-page .page-hero .container { position:relative; z-index:1; }
.resource-partners .page-hero:after { right:auto; left:12%; border-color:rgba(32,213,185,.24); box-shadow:0 0 0 28px rgba(32,213,185,.024),0 0 0 70px rgba(255,153,74,.014); }
.resource-index main > .section { position:relative; overflow:hidden; padding-bottom:112px; }
.resource-index main > .section:before { content:""; position:absolute; z-index:-1; width:36rem; height:36rem; right:-24rem; bottom:-22rem; border:1px solid rgba(255,153,74,.13); border-radius:50%; box-shadow:0 0 0 48px rgba(255,153,74,.012); }
.resource-index .card { position:relative; isolation:isolate; overflow:hidden; border-color:rgba(245,242,236,.17); background:linear-gradient(145deg,rgba(53,57,57,.82),rgba(21,22,22,.94)); box-shadow:inset 0 1px rgba(255,255,255,.075),0 18px 38px rgba(0,0,0,.18); }
.resource-index .card:before { content:""; position:absolute; z-index:-1; width:170px; height:170px; right:-80px; bottom:-86px; border:1px solid rgba(32,213,185,.21); border-radius:50%; box-shadow:0 0 0 25px rgba(32,213,185,.018),0 0 38px rgba(32,213,185,.09); transition:transform .32s ease,box-shadow .32s ease; }
.resource-index .card:nth-child(2n):before { top:-84px; right:-72px; bottom:auto; border-color:rgba(255,153,74,.25); box-shadow:0 0 0 25px rgba(255,153,74,.017),0 0 38px rgba(255,153,74,.08); }
.resource-index .card:nth-child(3n):before { border-color:rgba(255,111,62,.27); box-shadow:0 0 0 25px rgba(255,111,62,.017),0 0 38px rgba(255,111,62,.08); }
.resource-index .card:hover { transform:translateY(-6px); border-color:rgba(255,153,74,.58); box-shadow:inset 0 1px rgba(255,255,255,.10),0 28px 48px rgba(0,0,0,.30); }
.resource-index .card:hover:before { transform:scale(1.1); }
.resource-detail .content-article { position:relative; max-width:850px; padding:48px 54px 60px; border:1px solid rgba(245,242,236,.14); border-radius:18px; background:linear-gradient(145deg,rgba(53,57,57,.63),rgba(19,20,20,.72)); box-shadow:inset 0 1px rgba(255,255,255,.055),0 24px 52px rgba(0,0,0,.16); }
.resource-detail .article-figure { margin:38px 0; overflow:hidden; border:1px solid rgba(245,242,236,.15); border-radius:14px; background:#141515; box-shadow:0 18px 36px rgba(0,0,0,.18); }
.resource-detail .article-figure img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; }
.resource-detail .article-figure figcaption { padding:11px 14px; border-top:1px solid rgba(245,242,236,.10); color:rgba(245,242,236,.55); font:500 10px "DM Mono",monospace; line-height:1.5; }
.resource-detail .article-figure-cover { margin-top:0; }
.resource-detail .content-article:before { content:""; position:absolute; top:0; left:52px; width:72px; height:1px; background:linear-gradient(90deg,var(--orange),transparent); box-shadow:0 0 12px rgba(255,153,74,.35); }
@media (max-width:680px) { .resource-page .page-hero { padding:72px 0 42px; }.resource-page .page-hero:after { width:15rem; height:15rem; right:-3rem; top:-9rem; }.resource-partners .page-hero:after { left:-3rem; }.splash-one { width:22rem; height:22rem; left:-14rem; }.splash-two { width:21rem; height:21rem; right:-14rem; }.splash-three { display:none; }.orbit-one { width:25rem; top:18rem; right:-18rem; }.orbit-two { width:14rem; height:14rem; left:-10rem; }.resource-index main > .section { padding-bottom:78px; }.resource-detail .content-article { padding:32px 23px 42px; border-radius:14px; }.resource-detail .content-article:before { left:23px; } }
@media (prefers-reduced-motion:reduce) { .resource-index .card,.resource-index .card:before { transition:none; } }

/* Shared treatment for the existing resources, partner and legal pages. */
.pricing-module { position:relative; isolation:isolate; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:linear-gradient(145deg,#12121b,#0d0d14); box-shadow:0 24px 65px rgba(0,0,0,.22); }
.pricing-ambience { position:absolute; inset:0; z-index:-1; overflow:hidden; opacity:.58; pointer-events:none; }.pricing-ambience:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 82% 13%,rgba(115,77,255,.16),transparent 24%),radial-gradient(circle at 11% 80%,rgba(58,76,199,.12),transparent 24%); }.pricing-ambience svg { position:absolute; width:100%; height:100%; top:13%; left:0; fill:none; stroke:rgba(152,127,255,.14); stroke-width:1; stroke-dasharray:4 10; }.pricing-ambience i { position:absolute; width:5px; height:5px; border-radius:50%; background:#a990ff; box-shadow:0 0 16px 5px rgba(132,99,255,.24); animation:pricing-pulse 3.6s infinite ease-in-out; }.pricing-ambience i:nth-child(1){top:17%;left:17%}.pricing-ambience i:nth-child(2){top:41%;right:18%;animation-delay:1.1s}.pricing-ambience i:nth-child(3){bottom:12%;left:45%;animation-delay:2.1s}@keyframes pricing-pulse{50%{transform:scale(1.8);opacity:.42}}
.pricing-tabs { display:flex; align-items:center; padding:8px; gap:7px; border-bottom:1px solid var(--line); background:rgba(8,8,14,.55); }
.pricing-tab { appearance:none; cursor:pointer; border:0; flex:1; padding:16px 20px; border-radius:10px; background:transparent; color:#8e8f9d; text-align:left; font:700 14px Manrope,sans-serif; transition:background .22s,color .22s; }
.pricing-tab span { display:inline-block; margin-right:11px; color:#706d7d; font:10px "DM Mono",monospace; }
.pricing-tab.is-active { color:#fff; background:#252236; box-shadow:inset 0 0 0 1px rgba(164,142,255,.33),0 6px 18px rgba(0,0,0,.17); }
.pricing-tab.is-active span { color:#ab92ff; }
.pricing-live { display:flex; align-items:center; gap:6px; padding:0 13px 0 7px; white-space:nowrap; color:#8e8f9e; font:9px "DM Mono",monospace; letter-spacing:.55px; }.pricing-live i,.offer-live i { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px rgba(169,255,77,.08),0 0 12px rgba(169,255,77,.7); animation:live-blink 2.1s infinite; }@keyframes live-blink{50%{opacity:.45;box-shadow:0 0 0 8px rgba(169,255,77,0)}}
.pricing-panel { position:relative; padding:42px; }
.bundle-picker { width:100%; cursor:pointer; appearance:none; padding:9px 31px 9px 11px; border:1px solid rgba(180,163,255,.35); border-radius:6px; outline:0; background-color:#1a1826; background-image:linear-gradient(45deg,transparent 50%,#b7a2ff 50%),linear-gradient(135deg,#b7a2ff 50%,transparent 50%),linear-gradient(135deg,rgba(130,97,245,.2),rgba(18,18,28,.9)); background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%,0 0; background-size:5px 5px,5px 5px,100% 100%; background-repeat:no-repeat; color:#f1edff; font:500 10px "DM Mono",monospace; letter-spacing:.15px; }.bundle-picker:focus { border-color:#aa91ff; box-shadow:0 0 0 3px rgba(143,113,255,.14); }.bundle-picker option { background:#1b1927; color:#fff; }
.pricing-intro { display:flex; align-items:end; justify-content:space-between; gap:40px; padding-bottom:34px; border-bottom:1px solid var(--line); }
.pricing-intro h2 { margin:10px 0 0; font-size:38px; line-height:1.08; letter-spacing:-2px; }
.pricing-intro p { max-width:350px; margin:0; font-size:14px; }
.traffic-calculator { position:relative; z-index:1; margin-top:20px; overflow:hidden; border:1px solid rgba(166,145,255,.22); border-radius:12px; background:linear-gradient(120deg,rgba(89,66,180,.16),rgba(17,17,26,.96) 46%,rgba(22,21,33,.94)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.calculator-head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:13px 17px; border-bottom:1px solid rgba(166,145,255,.14); background:rgba(13,13,21,.4); }.calculator-head > div { display:flex; align-items:center; gap:12px; }.calculator-label { color:#a993ff; font:9px "DM Mono",monospace; letter-spacing:.8px; }.calculator-head b { color:#dedbe9; font-size:11px; }.calculator-note { display:flex; align-items:center; gap:6px; color:#9994a8; font:8px "DM Mono",monospace; letter-spacing:.55px; white-space:nowrap; }.calculator-note i { width:5px; height:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px rgba(169,255,77,.65); }
.calculator-body { display:grid; grid-template-columns:1fr 220px; align-items:stretch; }.calc-controls { padding:16px 17px; border-right:1px solid rgba(166,145,255,.13); }.calc-products { display:flex; gap:6px; }.calc-product { flex:1; cursor:pointer; padding:9px 8px; border:1px solid rgba(180,163,255,.15); border-radius:6px; background:rgba(255,255,255,.025); color:#9995a7; font:600 9px "DM Mono",monospace; letter-spacing:.35px; transition:.2s; }.calc-product:hover,.calc-product.is-selected { border-color:rgba(179,155,255,.65); background:rgba(127,96,244,.22); color:#eeeaff; box-shadow:inset 0 0 0 1px rgba(187,166,255,.08); }.volume-control { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; margin-top:15px; color:#918c9f; font:9px "DM Mono",monospace; letter-spacing:.55px; }.volume-control output { min-width:53px; color:#ded8ed; text-align:right; font:500 10px "DM Mono",monospace; letter-spacing:0; }.volume-control input { width:100%; accent-color:#a88dff; cursor:pointer; }.calc-result { display:flex; flex-direction:column; justify-content:center; padding:16px 19px; background:radial-gradient(circle at 72% 50%,rgba(133,97,255,.18),transparent 52%); }.calc-result > span { color:#9b95a9; font:8px "DM Mono",monospace; letter-spacing:.55px; }.calc-result strong { display:flex; align-items:baseline; gap:5px; margin:4px 0 5px; }.calc-result strong b { color:#fff; font-size:27px; letter-spacing:-1.2px; }.calc-result strong small { color:#aaa5b8; font-size:10px; font-weight:500; }.calc-result em { color:#bbb6ca; font:9px "DM Mono",monospace; font-style:normal; }.traffic-prices article.is-calculated { border-color:rgba(183,160,255,.85); box-shadow:inset 0 0 0 1px rgba(181,156,255,.08),0 16px 30px rgba(0,0,0,.16); }
.traffic-prices { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:25px 0 21px; }
.traffic-prices article { position:relative; min-height:282px; padding:25px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:linear-gradient(145deg,rgba(28,28,40,.9),rgba(16,16,25,.82)); transition:transform .25s,border-color .25s,box-shadow .25s; }.traffic-prices article:hover { transform:translateY(-4px); border-color:rgba(163,139,255,.63); box-shadow:0 18px 30px rgba(0,0,0,.23); }
.traffic-prices article.popular { border-color:rgba(165,141,255,.57); background:linear-gradient(150deg,rgba(103,73,214,.24),rgba(21,20,32,.88)); }
.popular-label { position:absolute; top:-10px; left:18px; padding:4px 7px; border-radius:4px; background:#9a81ff; color:#241952; font:700 8px "DM Mono",monospace; letter-spacing:.5px; }
.plan-visual { position:absolute; top:20px; right:21px; width:72px; height:41px; display:flex; align-items:end; justify-content:flex-end; gap:4px; opacity:.85; }.plan-visual:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(139,109,255,.12)); border-bottom:1px solid rgba(150,124,255,.25); }.plan-visual i { z-index:1; width:6px; border-radius:4px 4px 0 0; background:linear-gradient(#b59cff,#7357ec); box-shadow:0 0 12px rgba(126,91,255,.42); }.visual-mobile i:nth-child(1){height:14px}.visual-mobile i:nth-child(2){height:25px}.visual-mobile i:nth-child(3){height:19px}.visual-mobile i:nth-child(4){height:34px}.visual-residential i:nth-child(1){height:13px}.visual-residential i:nth-child(2){height:21px}.visual-residential i:nth-child(3){height:32px}.visual-residential i:nth-child(4){height:25px}.visual-residential i:nth-child(5){height:38px}.visual-datacenter i{width:11px}.visual-datacenter i:nth-child(1){height:18px}.visual-datacenter i:nth-child(2){height:30px}.visual-datacenter i:nth-child(3){height:39px}
.traffic-prices h3 { margin:13px 0 16px; font-size:19px; letter-spacing:-.8px; }
.traffic-prices strong { display:block; font-size:14px; font-weight:500; color:#c5c5d0; }
.traffic-prices strong b { color:#fff; font-size:32px; letter-spacing:-1.4px; }
.traffic-prices strong small { color:#9899a7; font-size:12px; }
.traffic-prices p { min-height:42px; margin:15px 0 13px; font-size:12px; }.plan-tags { display:flex; gap:5px; margin:0 0 17px; }.plan-tags span { padding:4px 5px; border:1px solid rgba(166,145,255,.17); border-radius:4px; background:rgba(158,132,255,.07); color:#aaa5bb; font:8px "DM Mono",monospace; letter-spacing:.35px; }
.traffic-prices a { font-size:12px; font-weight:700; }
.traffic-prices a span { margin-left:10px; color:#a68fff; }
.pricing-foot { border-top:1px solid var(--line); padding-top:19px; display:flex; flex-wrap:wrap; gap:22px; color:#b5b5c1; font:10px "DM Mono",monospace; }
.traffic-prices { padding-top:32px; }.traffic-prices article { min-height:345px; padding:31px; }.traffic-prices strong { margin-top:25px; }.traffic-prices strong b { font-size:44px; letter-spacing:-2px; }.traffic-prices strong small { font-size:13px; }
.pricing-foot i { color:var(--lime); font-style:normal; margin-right:6px; }
.unlimited-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:16px; padding-top:25px; }
.country-picker,.country-offer { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:12px; padding:25px; background:rgba(255,255,255,.018); }.country-picker > :not(.geo-surface) { position:relative; z-index:1; }
.geo-surface { position:absolute; inset:0; opacity:.65; pointer-events:none; background:radial-gradient(circle at 17% 66%,rgba(117,80,255,.14),transparent 23%),radial-gradient(circle at 78% 26%,rgba(103,128,255,.09),transparent 20%); }.geo-surface svg { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:rgba(162,140,255,.2); stroke-width:1.2; stroke-dasharray:3 7; }.geo-dot { position:absolute; width:7px; height:7px; border-radius:50%; background:#a990ff; box-shadow:0 0 0 4px rgba(151,117,255,.11),0 0 17px rgba(136,97,255,.5); animation:geo-float 4s infinite ease-in-out; }.geo-dot-a{left:14%;top:66%}.geo-dot-b{left:37%;top:38%;animation-delay:1.1s}.geo-dot-c{left:67%;top:48%;animation-delay:2s}.geo-dot-d{right:16%;top:24%;animation-delay:2.7s}@keyframes geo-float{50%{transform:translateY(-6px);opacity:.6}}
.picker-label { color:#8e8f9e; font:10px "DM Mono",monospace; letter-spacing:.8px; }
.country-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:19px; }
.country { display:grid; grid-template-columns:27px 1fr 14px; align-items:center; gap:9px; cursor:pointer; min-height:59px; padding:10px; border:1px solid var(--line); border-radius:8px; background:#15151e; color:#d4d4dc; text-align:left; font:11px Manrope,sans-serif; transition:border-color .2s,background .2s; }
.country:hover,.country.is-selected { border-color:#9c84ff; background:rgba(130,101,245,.17); }
.country b { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#29243f; color:#b8a4ff; font:9px "DM Mono",monospace; }
.country i { color:var(--lime); font-style:normal; opacity:0; }.country.is-selected i { opacity:1; }
.country-offer { background:linear-gradient(145deg,#2a2154,#171526 70%); }.country-offer:after { content:""; position:absolute; right:-18%; bottom:-39%; width:185px; height:185px; border:1px solid rgba(172,150,255,.18); border-radius:50%; box-shadow:0 0 0 27px rgba(172,150,255,.025),0 0 0 55px rgba(172,150,255,.018); }.offer-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }.offer-live { display:flex; align-items:center; gap:6px; color:#c5bdde; font:8px "DM Mono",monospace; letter-spacing:.45px; white-space:nowrap; }.country-offer h3 { position:relative; z-index:1; margin:12px 0 11px; font-size:22px; line-height:1.14; letter-spacing:-1px; }.country-offer p { position:relative; z-index:1; margin:0; font-size:12px; }.capacity-panel { position:relative; z-index:1; margin-top:16px; padding:11px; border:1px solid rgba(180,163,255,.2); border-radius:8px; background:rgba(10,9,20,.26); }.capacity-panel > div:first-child { display:flex; justify-content:space-between; gap:12px; color:#a9a3b9; font:8px "DM Mono",monospace; }.capacity-panel > div:first-child b { color:#d9d5e7; font-weight:500; }.capacity-meter { display:flex; gap:3px; margin:10px 0 11px; }.capacity-meter i { display:block; flex:1; height:4px; border-radius:4px; background:linear-gradient(90deg,#7356e6,#b49bff); box-shadow:0 0 7px rgba(129,92,255,.32); }.capacity-meter i:nth-last-child(-n+2){background:rgba(214,204,255,.22);box-shadow:none}.offer-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; }.offer-metrics span { display:grid; gap:3px; }.offer-metrics b { color:#f2f0fa; font:600 9px "DM Mono",monospace; }.offer-metrics small { color:#9690aa; font:7px "DM Mono",monospace; letter-spacing:.35px; }.country-offer .btn { position:relative; z-index:1; margin-top:18px; width:100%; padding:12px; font-size:11px; }.country-offer .card-label b { color:#d3c8ff; font-weight:500; }.offer-points { position:relative; z-index:1; display:grid; gap:7px; margin-top:13px; color:#dad8e5; font-size:11px; }.offer-points span:before { content:"✓"; color:var(--lime); margin-right:8px; }
@media(max-width:680px) { .pricing-panel { padding:23px 16px; }.pricing-tab { padding:13px 11px; font-size:12px; }.pricing-live { display:none; }.pricing-intro { display:block; padding-bottom:24px; }.pricing-intro p { margin-top:16px; }.pricing-intro h2 { font-size:31px; }.calculator-head { padding:12px; }.calculator-head > div { display:block; }.calculator-head b { display:block; margin-top:4px; }.calculator-note { display:none; }.calculator-body { grid-template-columns:1fr; }.calc-controls { border-right:0; border-bottom:1px solid rgba(166,145,255,.13); padding:14px 12px; }.calc-result { padding:14px 12px; }.traffic-prices { grid-template-columns:1fr; }.traffic-prices article { min-height:0; }.traffic-prices p { min-height:0; }.unlimited-layout { grid-template-columns:1fr; }.country-grid { grid-template-columns:repeat(2,1fr); }.pricing-foot { gap:11px; }.plan-visual { top:17px; } }

.page .logo-mark { display:grid; place-items:center; padding:0; width:22px; height:22px; background:linear-gradient(135deg,#9c83ff,#7153f3); font:700 8px "DM Mono",monospace; color:#fff; }
.page .nav-actions .theme-toggle { display:none; }
.page .nav-actions .btn.ghost { background:transparent; box-shadow:none; border:1px solid var(--line); padding:9px 12px; font-size:12px; }
.page .nav-actions .btn.ghost:hover { border-color:#9d87ff; background:rgba(140,113,255,.12); }
.page .page-hero { padding:92px 0 48px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 75% 0,rgba(116,82,255,.15),transparent 36%); }
.page .page-hero h1 { font-size:clamp(38px,5vw,62px); line-height:1.08; letter-spacing:-2.8px; margin:13px 0; }
.page .page-hero p { font-size:15px; max-width:610px; }
.page .mono { font-family:"DM Mono",monospace; }
.page .grid { display:grid; gap:17px; }
.page .grid.three { grid-template-columns:repeat(3,1fr); }
.page .grid.two { grid-template-columns:repeat(2,1fr); }
.page .grid.four { grid-template-columns:repeat(4,1fr); }
.page .card { border:1px solid var(--line); border-radius:14px; padding:27px; background:linear-gradient(145deg,#151520,#0e0e15); min-height:220px; transition:transform .2s,border-color .2s; }
.page a.card:hover { transform:translateY(-4px); border-color:rgba(151,127,255,.55); }
.page .card h3 { font-size:21px; line-height:1.18; letter-spacing:-1px; margin:15px 0 10px; }
.page .card p { font-size:13px; max-width:280px; }
.page .tag,.page .badge { display:inline-flex; padding:6px 8px; border:1px solid rgba(155,131,255,.35); border-radius:4px; color:#a891ff; font-size:9px; letter-spacing:.7px; }
.page .article { width:min(760px,calc(100% - 48px)); margin:0 auto; padding:48px 0 100px; }
.page .article h1 { font-size:clamp(35px,4vw,54px); letter-spacing:-2.5px; line-height:1.08; margin:12px 0 24px; }
.page .article h2 { font-size:25px; line-height:1.2; letter-spacing:-1px; margin:38px 0 13px; }
.page .article h3 { font-size:18px; margin:25px 0 9px; }
.page .article p,.page .article li { font-size:15px; line-height:1.8; color:#b8b9c7; }
.page .article a { color:#a58dff; text-decoration:underline; text-underline-offset:3px; }
.page .article ul,.page .article ol { padding-left:21px; }
.page .section.soft { background:#0e0e15; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.page .section-head { align-items:end; }
.page .cta { padding:42px; border:1px solid rgba(155,131,255,.34); border-radius:16px; background:linear-gradient(120deg,#271b50,#18234d); }
.page .cta h2 { font-size:32px; letter-spacing:-1.6px; }
.page .cta .btn.primary,.page .hero-actions .btn.primary { margin-top:10px; background:linear-gradient(135deg,#9c83ff,#7153f3); }
.page .list { display:grid; gap:9px; }
.page .list a { font-size:12px; color:#b8b8c3; }
.page .footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:44px; padding-bottom:34px; }
.page .footer-grid h4 { font-size:13px; margin:0 0 13px; }
.page .footer-grid p { font-size:13px; max-width:260px; }
.page .footer { padding-top:52px; border-top:1px solid var(--line); }
@media (max-width:680px) { .page .nav-actions .btn.ghost { display:none; } .page .page-hero { padding:64px 0 34px; } .page .grid.three,.page .grid.two,.page .grid.four { grid-template-columns:1fr; } .page .article { width:min(100% - 32px,760px); padding:36px 0 70px; } .page .footer-grid { grid-template-columns:1fr; gap:23px; } .page .section-head { display:block; } .page .section-head p { margin-top:15px; } }

/* LTEBoost palette — dark slate is the foundation, sand is the primary action
   color, and coral is reserved for emphasis. No violet/blue brand layer. */
:root {
  --ink: #fffaf0;
  --muted: #d3cbb8;
  --dim: #aaa396;
  --bg: #272838;
  --panel: #303143;
  --panel-2: #36374b;
  --line: rgba(243, 222, 138, 0.17);
  --orange: #f3de8a;
  --coral: #eb9486;
  --purple: #f3de8a;
  --blue: #eb9486;
  --lime: #f3de8a;
}

body {
  background:
    radial-gradient(circle at 86% -8%, rgba(235, 148, 134, 0.18), transparent 29%),
    radial-gradient(circle at -3% 35%, rgba(243, 222, 138, 0.10), transparent 27%),
    var(--bg);
}
.glow-one { background: var(--coral); opacity: 0.15; }
.glow-two { background: var(--orange); opacity: 0.11; }
.logo > span:last-child span,
.hero h1 em,
h2 em,
.text-link b { color: var(--orange); }
.logo-mark,
.page .logo-mark {
  background: linear-gradient(135deg, var(--orange), var(--coral));
  box-shadow: 0 7px 20px rgba(235, 148, 134, 0.2);
}
.btn,
.page .cta .btn.primary,
.page .hero-actions .btn.primary {
  color: #272838;
  background: linear-gradient(120deg, var(--orange), #f4c17d 52%, var(--coral));
  box-shadow: 0 10px 28px rgba(235, 148, 134, 0.2);
}
.btn:hover {
  box-shadow: 0 13px 34px rgba(243, 222, 138, 0.26);
  filter: saturate(1.06) brightness(1.03);
}
.eyebrow,
.section-kicker > span { color: var(--orange); }
.panel-top .dot { background: var(--orange); }
.network-panel {
  border-color: rgba(243, 222, 138, 0.34);
  background: linear-gradient(145deg, rgba(54, 55, 75, 0.96), rgba(39, 40, 56, 0.98));
  box-shadow: 0 24px 55px rgba(13, 13, 22, 0.28), inset 0 1px rgba(249, 248, 248, 0.05);
}
.network-lines path { stroke: var(--orange); }
.node {
  background: var(--coral);
  box-shadow: 0 0 0 5px rgba(235, 148, 134, 0.12), 0 0 18px var(--coral);
}
.node.active {
  background: var(--orange);
  box-shadow: 0 0 0 7px rgba(243, 222, 138, 0.13), 0 0 24px var(--orange);
}
.connection-card { border-color: rgba(243, 222, 138, 0.22); }
.connection-card strong { color: var(--orange); }
.mini-bars i { background: linear-gradient(to top, var(--coral), var(--orange)); }

/* Pricing module: warmer rather than a purple clone, keeping hierarchy intact. */
.pricing-module {
  border-color: rgba(243, 222, 138, 0.25);
  background: linear-gradient(145deg, #303143, #272838 68%);
  box-shadow: 0 25px 65px rgba(13, 13, 22, 0.3);
}
.pricing-ambience:before {
  background: radial-gradient(circle at 82% 13%, rgba(235, 148, 134, 0.20), transparent 24%), radial-gradient(circle at 11% 80%, rgba(243, 222, 138, 0.12), transparent 24%);
}
.pricing-ambience svg { stroke: rgba(243, 222, 138, 0.24); }
.pricing-ambience i { background: var(--orange); box-shadow: 0 0 16px 5px rgba(243, 222, 138, 0.2); }
.pricing-tabs { background: rgba(39, 40, 56, 0.72); }
.pricing-tab.is-active {
  color: var(--ink);
  background: linear-gradient(125deg, rgba(243, 222, 138, 0.17), rgba(235, 148, 134, 0.13));
  box-shadow: inset 0 0 0 1px rgba(243, 222, 138, 0.43), 0 6px 18px rgba(13, 13, 22, 0.2);
}
.pricing-tab.is-active span,
.calculator-label,
.traffic-prices a span { color: var(--orange); }
.pricing-live i,.offer-live i,.calculator-note i { background: var(--orange); box-shadow: 0 0 0 4px rgba(243, 222, 138, 0.09), 0 0 12px rgba(243, 222, 138, 0.7); }
.traffic-prices article {
  background: linear-gradient(145deg, rgba(54, 55, 75, 0.92), rgba(39, 40, 56, 0.94));
}
.traffic-prices article:hover,
.traffic-prices article.is-calculated { border-color: rgba(243, 222, 138, 0.67); }
.traffic-prices article.popular {
  border-color: rgba(235, 148, 134, 0.72);
  background: linear-gradient(145deg, rgba(235, 148, 134, 0.21), rgba(54, 55, 75, 0.92) 58%, rgba(39, 40, 56, 0.94));
}
.popular-label { background: var(--coral); color: #272838; }
.plan-visual:before { background: linear-gradient(90deg, transparent, rgba(243, 222, 138, 0.17)); border-bottom-color: rgba(243, 222, 138, 0.35); }
.plan-visual i { background: linear-gradient(var(--orange), var(--coral)); box-shadow: 0 0 12px rgba(235, 148, 134, 0.34); }
.plan-tags span { border-color: rgba(243, 222, 138, 0.23); background: rgba(243, 222, 138, 0.07); color: #ded8c0; }
.pricing-foot i,.country i,.offer-points span:before { color: var(--orange); }
.geo-surface { background: radial-gradient(circle at 17% 66%, rgba(243, 222, 138, 0.14), transparent 23%), radial-gradient(circle at 78% 26%, rgba(235, 148, 134, 0.12), transparent 20%); }
.geo-surface svg { stroke: rgba(243, 222, 138, 0.28); }
.geo-dot { background: var(--coral); box-shadow: 0 0 0 4px rgba(235, 148, 134, 0.12), 0 0 17px rgba(243, 222, 138, 0.48); }
.country { background: rgba(39, 40, 56, 0.85); }
.country:hover,.country.is-selected { border-color: var(--orange); background: rgba(243, 222, 138, 0.12); }
.country b { background: rgba(243, 222, 138, 0.14); color: var(--orange); }
.country-offer { background: linear-gradient(145deg, #554151, #303143 70%); }
.country-offer:after { border-color: rgba(243, 222, 138, 0.23); box-shadow: 0 0 0 27px rgba(243, 222, 138, 0.035), 0 0 0 55px rgba(235, 148, 134, 0.025); }
.capacity-panel { border-color: rgba(243, 222, 138, 0.26); background: rgba(39, 40, 56, 0.37); }
.capacity-meter i { background: linear-gradient(90deg, var(--coral), var(--orange)); box-shadow: 0 0 7px rgba(243, 222, 138, 0.25); }

.product-featured,
.final-cta {
  background: linear-gradient(125deg, #554151, #303143 45%, #272838);
}
.product-featured { border-color: rgba(235, 148, 134, 0.4); }
.dashboard { border-color: rgba(243, 222, 138, 0.25); }
.dashboard-sidebar .selected,
.endpoint-tag { background: rgba(243, 222, 138, 0.18); color: var(--orange); }
.dash-chart .line { stroke: var(--orange); }
.final-cta:before { background: radial-gradient(circle, rgba(243, 222, 138, 0.23), transparent 67%); }
.final-cta h2 em { color: var(--orange); }
.btn-light { background: var(--ink); color: #272838; }

/* Palette consolidation. Older components were written for a violet/blue
   theme; these overrides keep every state in the supplied slate/sand/coral
   system without changing the content or interaction model. */
.site-header { background: rgba(39, 40, 56, .88); border-bottom-color: rgba(243, 222, 138, .15); }
.nav-links a, .login-link, .language { color: #ded7c5; }
.nav-links a:hover, .login-link:hover, .language:hover { color: var(--orange); }
.nav-toggle span { background: var(--orange); }
.hero h1 em, h2 em, .access-card h2 em, .text-link b, .card-link span, .product-card a span, .faq-kicker, summary span, .page .article a { color: var(--orange); }
.hero-copy .eyebrow, .card-label, .section-kicker > span { color: var(--orange); }
.hero-stats b, .stat-card b, .product-card h3, .traffic-prices strong b { color: var(--ink); }
.panel-top .dot, .network-dot, .node, .endpoint-status, .dashboard-sidebar i { background: var(--coral); }
.network-lines path, .dash-chart .line { stroke: var(--orange); }
.network-lines .network-line-muted { stroke: rgba(243, 222, 138, .28); }
.node, .geo-dot { box-shadow: 0 0 0 5px rgba(235, 148, 134, .12), 0 0 18px rgba(235, 148, 134, .72); }
.node.active { background: var(--orange); box-shadow: 0 0 0 7px rgba(243, 222, 138, .14), 0 0 24px rgba(243, 222, 138, .7); }
.connection-card, .access-card, .product-card, .faq-item, .dashboard, .page .card { border-color: rgba(243, 222, 138, .19); background: linear-gradient(145deg, #36374b, #303143); }
.connection-card strong, .server-card strong, .server-icon, .endpoint-tag, .dashboard-sidebar .selected { color: var(--orange); }
.server-icon, .dashboard-sidebar .selected { border-color: rgba(243, 222, 138, .5); background-color: rgba(243, 222, 138, .14); }
.server-icon i, .mini-bars i, .product-visual i, .plan-visual i { background: linear-gradient(to top, var(--coral), var(--orange)); }
.product-featured, .country-offer, .final-cta, .page .cta { border-color: rgba(235, 148, 134, .5); background: linear-gradient(125deg, #554151, #303143 48%, #272838); }
.product-featured:before, .final-cta:before { background: radial-gradient(circle, rgba(243, 222, 138, .2), transparent 68%); }
.product-featured .product-label, .final-cta .eyebrow { color: var(--orange); }
.dashboard-sidebar { background: #272838; border-right-color: rgba(243, 222, 138, .15); }
.dashboard-logo, .avatar { color: #272838; background: linear-gradient(135deg, var(--orange), var(--coral)); }
.dash-chart .area { fill: rgba(243, 222, 138, .24); }
.endpoint-row { border-top-color: rgba(243, 222, 138, .15); }
.endpoint-tag { background: rgba(243, 222, 138, .15); }
.faq-item[open], .faq-item:hover { border-color: rgba(243, 222, 138, .45); background: rgba(243, 222, 138, .05); }
.faq-item summary:after { color: var(--coral); }
.final-cta p, .final-cta .eyebrow { color: #fff1d7; }
.final-cta .btn-light { background: var(--orange); color: #272838; }
.page .tag, .page .badge { border-color: rgba(243, 222, 138, .4); color: var(--orange); }
.page .section.soft { background: #303143; border-color: rgba(243, 222, 138, .15); }
.page .article p, .page .article li { color: #ded7c5; }
.page .cta .btn.primary, .page .hero-actions .btn.primary { background: linear-gradient(120deg, var(--orange), #f4c17d 52%, var(--coral)); }

.access-card:before { background: radial-gradient(circle at 88% 12%, rgba(235, 148, 134, .2), transparent 45%); }
.unlimited-card:before { background: radial-gradient(circle at 70% 80%, rgba(243, 222, 138, .16), transparent 45%); }
.card-orbit { border-color: rgba(243, 222, 138, .26); }
.infinite-mark { color: rgba(243, 222, 138, .1); }
.product-card:hover { border-color: rgba(243, 222, 138, .52); }
.product-icon, .home-icon { color: var(--coral); }
.mobile-icon span { background: var(--coral); }
.signal-bars i { background: linear-gradient(var(--coral), transparent); }
.capabilities span, .case-card > span, .step > span { color: var(--orange); }
.control-section { background: linear-gradient(105deg, #272838, #303143 50%, #272838); }
.case-card:hover { background: rgba(243, 222, 138, .06); }
.workflow-section { background: #303143; }
.pricing-tab:not(.is-active):hover, .calc-product:hover { color: var(--orange); background: rgba(243, 222, 138, .07); }
.bundle-picker { border-color: rgba(243, 222, 138, .42); background-color: #303143; background-image: linear-gradient(45deg, transparent 50%, var(--orange) 50%), linear-gradient(135deg, var(--orange) 50%, transparent 50%), linear-gradient(135deg, rgba(235, 148, 134, .14), rgba(48, 49, 67, .92)); color: var(--ink); }
.bundle-picker:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(243, 222, 138, .14); }
.calculator-head { border-bottom-color: rgba(243, 222, 138, .16); background: rgba(39, 40, 56, .42); }
.calc-controls { border-right-color: rgba(243, 222, 138, .16); }
.calc-product { border-color: rgba(243, 222, 138, .2); color: #d3cbb8; }
.calc-product:hover, .calc-product.is-selected { border-color: rgba(243, 222, 138, .7); background: rgba(243, 222, 138, .13); color: var(--ink); }
.volume-control input { accent-color: var(--orange); }
.calc-result { background: radial-gradient(circle at 72% 50%, rgba(235, 148, 134, .17), transparent 52%); }
.traffic-prices article.is-calculated { border-color: rgba(243, 222, 138, .85); box-shadow: inset 0 0 0 1px rgba(243, 222, 138, .12), 0 16px 30px rgba(0, 0, 0, .16); }

/* LTEBoost palette v2 — supplied blue/aqua/rose set.
   Deliberately flat: color gradients were removed from the visual hierarchy. */
:root {
  --ink: #aef3e7;
  --muted: rgba(174, 243, 231, .78);
  --dim: rgba(174, 243, 231, .60);
  --bg: #254e70;
  --panel: #37718e;
  --panel-2: #37718e;
  --line: rgba(174, 243, 231, .23);
  --orange: #8ee3ef;
  --coral: #c33c54;
  --purple: #8ee3ef;
  --blue: #8ee3ef;
  --lime: #aef3e7;
}

body { background: var(--bg); }
.site-header { background: rgba(37, 78, 112, .94); border-bottom-color: var(--line); }
.nav-links a, .login-link, .language { color: var(--muted); }
.nav-links a:hover, .login-link:hover, .language:hover { color: var(--ink); }
.nav-toggle span { background: var(--ink); }
.map-grid { background-image: linear-gradient(rgba(174, 243, 231, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(174, 243, 231, .07) 1px, transparent 1px); }
.logo-mark, .page .logo-mark, .dashboard-logo, .avatar { background: var(--coral); color: var(--ink); box-shadow: none; }
.btn, .page .cta .btn.primary, .page .hero-actions .btn.primary { background: var(--coral); color: var(--ink); box-shadow: 0 10px 22px rgba(23, 47, 67, .24); }
.btn:hover { background: #a93249; box-shadow: 0 13px 28px rgba(23, 47, 67, .30); filter: none; }
.eyebrow, .card-label, .section-kicker > span, .hero h1 em, h2 em, .text-link b, .card-link span, .product-card a span, .faq-kicker, summary span, .page .article a { color: var(--orange); }
.glow-one, .glow-two { display: none; }

.network-panel, .connection-card, .access-card, .product-card, .faq-item, .dashboard, .page .card, .traffic-prices article { background: var(--panel); border-color: var(--line); box-shadow: 0 18px 38px rgba(23, 47, 67, .18); }
.network-panel { box-shadow: 0 28px 58px rgba(23, 47, 67, .24); }
.map-surface, .access-card:before, .unlimited-card:before, .pricing-ambience:before, .geo-surface, .calc-result, .product-featured:before, .final-cta:before { background: none; }
.network-lines path, .dash-chart .line { stroke: var(--orange); }
.network-lines .network-line-muted { stroke: rgba(174, 243, 231, .34); }
.panel-top .dot, .network-dot, .node, .endpoint-status, .dashboard-sidebar i, .geo-dot { background: var(--coral); box-shadow: 0 0 0 4px rgba(195, 60, 84, .13); }
.node.active { background: var(--orange); box-shadow: 0 0 0 5px rgba(142, 227, 239, .16); }
.connection-card strong, .server-card strong, .server-icon, .endpoint-tag, .dashboard-sidebar .selected, .pricing-tab.is-active span, .calculator-label, .traffic-prices a span, .pricing-foot i, .country i, .offer-points span:before { color: var(--orange); }
.server-icon, .dashboard-sidebar .selected, .endpoint-tag { border-color: rgba(142, 227, 239, .48); background: rgba(142, 227, 239, .12); }
.server-icon i, .mini-bars i, .product-visual i, .plan-visual i { background: var(--orange); box-shadow: none; }
.signal-bars i { background: var(--orange); opacity: .38; }

.pricing-module { background: var(--bg); border-color: var(--line); box-shadow: 0 25px 55px rgba(23, 47, 67, .25); }
.pricing-ambience svg, .geo-surface svg { stroke: rgba(142, 227, 239, .30); }
.pricing-ambience i { background: var(--orange); box-shadow: none; }
.pricing-tabs { background: rgba(37, 78, 112, .74); }
.pricing-tab.is-active { color: var(--ink); background: rgba(142, 227, 239, .14); box-shadow: inset 0 0 0 1px rgba(142, 227, 239, .48); }
.pricing-live i, .offer-live i, .calculator-note i { background: var(--orange); box-shadow: 0 0 0 4px rgba(142, 227, 239, .10); }
.traffic-prices article:hover, .traffic-prices article.is-calculated { border-color: rgba(142, 227, 239, .75); }
.traffic-prices article.popular, .product-featured { background: #37718e; border-color: rgba(195, 60, 84, .78); }
.popular-label { background: var(--coral); color: var(--ink); }
.plan-visual:before { background: none; border-bottom-color: rgba(142, 227, 239, .40); }
.plan-tags span { border-color: rgba(142, 227, 239, .30); background: rgba(142, 227, 239, .08); color: var(--ink); }
.country { background: #37718e; }
.country:hover, .country.is-selected { border-color: var(--orange); background: rgba(142, 227, 239, .13); }
.country b { background: rgba(142, 227, 239, .16); color: var(--orange); }
.country-offer, .product-featured, .final-cta, .page .cta { background: var(--panel); border-color: rgba(195, 60, 84, .65); }
.country-offer:after { border-color: rgba(142, 227, 239, .26); box-shadow: 0 0 0 27px rgba(142, 227, 239, .035); }
.capacity-panel { border-color: rgba(142, 227, 239, .28); background: rgba(37, 78, 112, .36); }
.capacity-meter i { background: var(--orange); box-shadow: none; }
.capacity-meter i:nth-last-child(-n+2) { background: rgba(174, 243, 231, .24); }
.final-cta { background: var(--coral); }
.final-cta p, .final-cta .eyebrow { color: #aef3e7; }
.final-cta .btn-light { background: #aef3e7; color: #254e70; }

.dashboard-sidebar, .control-section, .page .section.soft { background: var(--bg); border-color: var(--line); }
.page .page-hero { background: var(--bg); border-bottom-color: var(--line); }
.dashboard-sidebar { border-right-color: var(--line); }
.dash-chart .area { fill: rgba(142, 227, 239, .22); }
.endpoint-row { border-top-color: var(--line); }
.faq-item[open], .faq-item:hover { border-color: rgba(142, 227, 239, .52); background: #37718e; }
.faq-item summary:after { color: var(--coral); }
.access-card h2 em, .product-icon, .home-icon, .capabilities span, .case-card > span, .step > span { color: var(--orange); }
.mobile-icon span { background: var(--coral); }
.case-card:hover { background: rgba(142, 227, 239, .08); }
.workflow-section { background: #37718e; }
.bundle-picker { border-color: rgba(142, 227, 239, .48); background-color: #37718e; background-image: linear-gradient(45deg, transparent 50%, var(--orange) 50%), linear-gradient(135deg, var(--orange) 50%, transparent 50%); color: var(--ink); }
.bundle-picker:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(142, 227, 239, .15); }
.bundle-picker option { background: #254e70; color: #aef3e7; }
.calculator-head { border-bottom-color: var(--line); background: rgba(37, 78, 112, .42); }
.traffic-calculator { background: #37718e; border-color: rgba(142, 227, 239, .25); }
.calc-controls { border-right-color: var(--line); }
.calc-product { border-color: rgba(142, 227, 239, .25); color: var(--muted); background: rgba(37, 78, 112, .18); }
.pricing-tab:not(.is-active):hover, .calc-product:hover, .calc-product.is-selected { color: var(--ink); border-color: rgba(142, 227, 239, .72); background: rgba(142, 227, 239, .15); }
.volume-control input { accent-color: var(--orange); }

/* LTEBoost palette v3 — deep teal, persimmon and a soft mint counterpoint.
   The colour is now carried by layered ambient light, rather than flat panels. */
:root {
  --ink: #f4f9ed;
  --muted: rgba(217, 244, 199, .72);
  --dim: rgba(217, 244, 199, .50);
  --bg: #1f363d;
  --panel: #25434b;
  --panel-2: #2e5965;
  --line: rgba(217, 244, 199, .17);
  --orange: #eb5e28;
  --coral: #c83e4d;
  --purple: #40798c;
  --blue: #40798c;
  --lime: #d9f4c7;
}

body {
  min-height: 100vh;
  background:
    radial-gradient(70rem 44rem at 102% -7%, rgba(235, 94, 40, .22), transparent 58%),
    radial-gradient(55rem 42rem at -14% 34%, rgba(64, 121, 140, .42), transparent 63%),
    radial-gradient(46rem 34rem at 48% 103%, rgba(200, 62, 77, .16), transparent 63%),
    #1f363d;
}
body:before,
body:after {
  content: "";
  position: fixed;
  z-index: -2;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(72px);
  opacity: .65;
}
body:before { width: 29rem; height: 29rem; right: -13rem; top: 35%; background: rgba(235, 94, 40, .18); }
body:after { width: 34rem; height: 34rem; left: -19rem; bottom: 1%; background: rgba(64, 121, 140, .34); }

.site-glow { display: block; z-index: -1; opacity: .22; filter: blur(100px); }
.glow-one { width: 45rem; height: 45rem; top: -27rem; right: -18rem; background: #eb5e28; }
.glow-two { width: 39rem; height: 39rem; top: 47%; left: -27rem; background: #40798c; }
.site-header {
  background: rgba(31, 54, 61, .70);
  border-bottom-color: rgba(217, 244, 199, .13);
  backdrop-filter: blur(22px) saturate(135%);
}
.nav-links a, .login-link, .language { color: rgba(217, 244, 199, .76); }
.nav-links a:hover, .login-link:hover, .language:hover { color: #d9f4c7; }
.logo > span:last-child span, .hero h1 em, h2 em, .text-link b { color: #eb5e28; }
.logo-mark, .page .logo-mark, .dashboard-logo, .avatar {
  background: linear-gradient(135deg, #eb5e28, #c83e4d 70%);
  color: #f4f9ed;
  box-shadow: 0 8px 24px rgba(200, 62, 77, .30);
}
.btn, .page .cta .btn.primary, .page .hero-actions .btn.primary {
  background: linear-gradient(118deg, #eb5e28 0%, #e75130 47%, #c83e4d 100%);
  color: #fff8ec;
  box-shadow: 0 14px 32px rgba(200, 62, 77, .26), inset 0 1px rgba(255,255,255,.18);
}
.btn:hover { background: linear-gradient(118deg, #f26b32, #eb5e28 48%, #d44957); box-shadow: 0 18px 38px rgba(200, 62, 77, .38); }

.hero:before, .hero:after { content: ""; position: absolute; z-index: -1; pointer-events: none; border-radius: 999px; filter: blur(2px); }
.hero:before { width: 30rem; height: 30rem; right: 4%; top: -13rem; background: radial-gradient(circle, rgba(64,121,140,.42), rgba(64,121,140,0) 68%); }
.hero:after { width: 18rem; height: 18rem; left: 27%; top: 18rem; background: radial-gradient(circle, rgba(235,94,40,.12), transparent 68%); }
.map-grid {
  background-image:
    linear-gradient(rgba(217, 244, 199, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217, 244, 199, .055) 1px, transparent 1px);
}
.eyebrow, .card-label, .section-kicker > span { color: #d9f4c7; }
.pulse { background: #eb5e28; box-shadow: 0 0 0 5px rgba(235, 94, 40, .13), 0 0 17px rgba(235, 94, 40, .54); }

.network-panel {
  border-color: rgba(217, 244, 199, .22);
  background: linear-gradient(145deg, rgba(64,121,140,.65), rgba(31,54,61,.88) 48%, rgba(24,43,49,.95));
  box-shadow: 0 32px 75px rgba(6,17,20,.38), inset 0 1px rgba(217,244,199,.12);
  backdrop-filter: blur(18px);
}
.map-surface {
  background:
    radial-gradient(circle at 76% 19%, rgba(235,94,40,.17), transparent 25%),
    radial-gradient(circle at 18% 86%, rgba(64,121,140,.50), transparent 36%),
    rgba(19, 41, 47, .38);
}
.network-lines path { stroke: #d9f4c7; }
.node { background: #c83e4d; box-shadow: 0 0 0 5px rgba(200,62,77,.13), 0 0 20px rgba(200,62,77,.66); }
.node.active { background: #eb5e28; box-shadow: 0 0 0 7px rgba(235,94,40,.15), 0 0 28px rgba(235,94,40,.76); }
.connection-card { background: rgba(20, 45, 51, .72); border-color: rgba(217,244,199,.19); backdrop-filter: blur(12px); }
.connection-card strong { color: #d9f4c7; }
.mini-bars i, .plan-visual i, .server-icon i, .product-visual i { background: linear-gradient(to top, #c83e4d, #eb5e28 58%, #d9f4c7); }

.pricing-module {
  border-color: rgba(217,244,199,.20);
  background:
    linear-gradient(135deg, rgba(64,121,140,.28), transparent 42%),
    linear-gradient(150deg, rgba(34,65,74,.96), rgba(25,48,55,.96));
  box-shadow: 0 30px 76px rgba(7,20,23,.32), inset 0 1px rgba(217,244,199,.08);
}
.pricing-ambience { opacity: .9; }
.pricing-ambience:before {
  background:
    radial-gradient(circle at 84% 13%, rgba(235,94,40,.23), transparent 25%),
    radial-gradient(circle at 12% 80%, rgba(64,121,140,.38), transparent 29%),
    radial-gradient(circle at 48% 48%, rgba(200,62,77,.10), transparent 31%);
}
.pricing-ambience svg { stroke: rgba(217,244,199,.24); }
.pricing-ambience i { background: #d9f4c7; box-shadow: 0 0 18px 6px rgba(217,244,199,.20); }
.pricing-tabs { background: rgba(17,42,48,.58); backdrop-filter: blur(15px); }
.pricing-tab.is-active { background: linear-gradient(120deg, rgba(235,94,40,.19), rgba(200,62,77,.13)); box-shadow: inset 0 0 0 1px rgba(235,94,40,.48), 0 7px 20px rgba(8,25,29,.23); }
.pricing-tab.is-active span, .calculator-label, .traffic-prices a span { color: #eb5e28; }
.pricing-live i, .offer-live i, .calculator-note i { background: #d9f4c7; box-shadow: 0 0 0 4px rgba(217,244,199,.10), 0 0 13px rgba(217,244,199,.62); }
.traffic-calculator { border-color: rgba(217,244,199,.20); background: linear-gradient(115deg, rgba(64,121,140,.35), rgba(24,49,56,.74) 50%, rgba(200,62,77,.13)); backdrop-filter: blur(14px); }
.calculator-head { background: rgba(19,43,49,.42); border-bottom-color: rgba(217,244,199,.14); }
.calc-product { border-color: rgba(217,244,199,.18); background: rgba(217,244,199,.035); color: rgba(217,244,199,.67); }
.calc-product:hover, .calc-product.is-selected { border-color: rgba(235,94,40,.70); background: rgba(235,94,40,.13); color: #f4f9ed; }
.volume-control input { accent-color: #eb5e28; }
.calc-result { background: radial-gradient(circle at 73% 50%, rgba(235,94,40,.23), transparent 56%); }
.traffic-prices article { background: linear-gradient(145deg, rgba(64,121,140,.34), rgba(25,49,56,.86)); border-color: rgba(217,244,199,.17); backdrop-filter: blur(10px); }
.traffic-prices article:hover, .traffic-prices article.is-calculated { border-color: rgba(235,94,40,.76); box-shadow: 0 20px 37px rgba(6,19,23,.28), inset 0 1px rgba(217,244,199,.08); }
.traffic-prices article.popular { background: linear-gradient(145deg, rgba(200,62,77,.32), rgba(64,121,140,.30) 48%, rgba(25,49,56,.90)); border-color: rgba(235,94,40,.64); }
.popular-label { background: linear-gradient(100deg, #eb5e28, #c83e4d); color: #fff8ec; }
.plan-tags span { border-color: rgba(217,244,199,.18); background: rgba(217,244,199,.06); color: #d9f4c7; }

.country-picker, .country-offer { border-color: rgba(217,244,199,.19); background: rgba(28,57,65,.58); backdrop-filter: blur(12px); }
.geo-surface { background: radial-gradient(circle at 17% 66%, rgba(64,121,140,.42), transparent 25%), radial-gradient(circle at 78% 26%, rgba(235,94,40,.17), transparent 22%); }
.geo-surface svg { stroke: rgba(217,244,199,.26); }
.geo-dot { background: #eb5e28; box-shadow: 0 0 0 4px rgba(235,94,40,.12), 0 0 19px rgba(235,94,40,.60); }
.country { background: rgba(23,50,57,.60); border-color: rgba(217,244,199,.14); }
.country:hover, .country.is-selected { border-color: #eb5e28; background: rgba(235,94,40,.12); }
.country b { background: rgba(217,244,199,.12); color: #d9f4c7; }
.country-offer, .product-featured, .page .cta { background: linear-gradient(145deg, rgba(200,62,77,.36), rgba(64,121,140,.43) 48%, rgba(26,52,59,.94)); border-color: rgba(235,94,40,.45); }
.country-offer:after { border-color: rgba(217,244,199,.20); box-shadow: 0 0 0 27px rgba(217,244,199,.028), 0 0 0 55px rgba(235,94,40,.022); }
.capacity-panel { background: rgba(15,39,45,.34); border-color: rgba(217,244,199,.18); }
.capacity-meter i { background: linear-gradient(90deg, #c83e4d, #eb5e28, #d9f4c7); box-shadow: 0 0 8px rgba(235,94,40,.31); }

.product-card, .access-card, .faq-item, .dashboard, .page .card {
  background: linear-gradient(145deg, rgba(64,121,140,.28), rgba(27,55,63,.80));
  border-color: rgba(217,244,199,.16);
  box-shadow: 0 17px 38px rgba(7,21,25,.17), inset 0 1px rgba(217,244,199,.05);
}
.product-card:hover { border-color: rgba(235,94,40,.62); background: linear-gradient(145deg, rgba(64,121,140,.40), rgba(27,55,63,.86)); }
.control-section { background: linear-gradient(100deg, rgba(31,54,61,.88), rgba(64,121,140,.34) 49%, rgba(31,54,61,.88)); }
.dashboard-sidebar { background: rgba(22,48,55,.74); border-right-color: rgba(217,244,199,.13); }
.dash-chart .area { fill: rgba(235,94,40,.22); }.dash-chart .line { stroke: #eb5e28; }
.workflow-section { background: linear-gradient(105deg, rgba(64,121,140,.46), rgba(30,61,69,.80), rgba(200,62,77,.15)); }
.faq-item[open], .faq-item:hover { border-color: rgba(235,94,40,.52); background: rgba(64,121,140,.28); }
.final-cta { background: linear-gradient(118deg, #c83e4d, #cf444b 44%, #eb5e28); border-color: rgba(255,248,236,.24); box-shadow: 0 30px 65px rgba(200,62,77,.25); }
.final-cta:before { background: radial-gradient(circle, rgba(217,244,199,.26), transparent 68%); }
.final-cta h2 em { color: #d9f4c7; }.final-cta p, .final-cta .eyebrow { color: rgba(255,248,236,.84); }
.final-cta .btn-light { background: #d9f4c7; color: #1f363d; box-shadow: 0 12px 28px rgba(22,43,48,.18); }
.page .section.soft, .page .page-hero { background: linear-gradient(145deg, rgba(64,121,140,.27), rgba(31,54,61,.94)); border-color: rgba(217,244,199,.13); }
.page .tag, .page .badge { border-color: rgba(235,94,40,.45); color: #d9f4c7; }
@media (max-width: 680px) { body:before { right: -18rem; } .hero:before { right: -13rem; } }

/* LTEBoost palette v4 — depth comes from a hierarchy of surfaces, not from
   painting every component with a new colour. */
body {
  background:
    radial-gradient(58rem 38rem at 92% 8%, rgba(235, 94, 40, .20), transparent 58%),
    radial-gradient(48rem 40rem at -6% 47%, rgba(64, 121, 140, .52), transparent 64%),
    radial-gradient(46rem 28rem at 52% 104%, rgba(200, 62, 77, .15), transparent 66%),
    #1f363d;
}
body:after {
  width: 42rem;
  height: 42rem;
  left: -25rem;
  bottom: -8rem;
  opacity: .78;
}
.hero { padding-top: 108px; }
.hero:before {
  width: 38rem;
  height: 38rem;
  right: -5rem;
  top: -18rem;
  background: radial-gradient(circle, rgba(217, 244, 199, .13), rgba(64, 121, 140, 0) 67%);
}
.hero-layout { min-height: 552px; gap: 54px; }
.hero-copy { position: relative; z-index: 1; }
.hero-copy:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 12rem;
  height: 12rem;
  left: -5.5rem;
  top: 3rem;
  border: 1px solid rgba(217, 244, 199, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 2.3rem rgba(217, 244, 199, .018), 0 0 0 5.1rem rgba(217, 244, 199, .012);
}
.hero h1 { text-wrap: balance; }
.proof-row {
  position: relative;
  gap: 0;
  margin-top: 49px;
  padding: 13px 0;
  border-top: 1px solid rgba(217, 244, 199, .16);
  border-bottom: 1px solid rgba(217, 244, 199, .10);
}
.proof-row div { min-width: 31%; padding-right: 17px; }
.proof-row div + div { padding-left: 18px; border-left: 1px solid rgba(217, 244, 199, .13); }
.proof-row strong { font-size: 22px; }

.network-panel {
  position: relative;
  border-radius: 22px;
  transform: perspective(1500px) rotateY(-2deg) rotateX(1deg);
  transform-origin: 50% 52%;
  background:
    linear-gradient(145deg, rgba(95, 151, 163, .50), transparent 31%),
    linear-gradient(155deg, rgba(31, 54, 61, .80), rgba(15, 33, 39, .98));
  box-shadow:
    0 44px 84px rgba(5, 16, 19, .48),
    0 18px 0 -11px rgba(217, 244, 199, .07),
    inset 0 1px rgba(255, 255, 255, .15);
  transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease;
}
.network-panel:hover {
  transform: perspective(1500px) rotateY(0) rotateX(0) translateY(-7px);
  box-shadow: 0 52px 94px rgba(5, 16, 19, .54), 0 20px 0 -11px rgba(217, 244, 199, .10), inset 0 1px rgba(255,255,255,.17);
}
.network-panel:before {
  content: "";
  position: absolute;
  z-index: 3;
  width: 9rem;
  height: 9rem;
  right: -4.3rem;
  top: 4.2rem;
  border: 1px solid rgba(217, 244, 199, .15);
  border-radius: 50%;
  box-shadow: 0 0 0 1.6rem rgba(217, 244, 199, .022), 0 0 0 3.7rem rgba(235, 94, 40, .018);
  pointer-events: none;
}
.network-panel:after {
  content: "ROUTE / 01";
  position: absolute;
  z-index: 4;
  top: 70px;
  right: 16px;
  padding: 7px 10px;
  border: 1px solid rgba(217, 244, 199, .22);
  border-radius: 999px;
  background: rgba(20, 46, 52, .76);
  color: #d9f4c7;
  box-shadow: 0 11px 26px rgba(4, 18, 21, .24);
  backdrop-filter: blur(12px);
  font: 8px "DM Mono", monospace;
  letter-spacing: 1px;
}
.panel-top { background: rgba(8, 28, 33, .25); }
.map-surface {
  height: 323px;
  background:
    radial-gradient(circle at 76% 18%, rgba(235, 94, 40, .21), transparent 23%),
    radial-gradient(circle at 20% 84%, rgba(64, 121, 140, .60), transparent 37%),
    rgba(14, 35, 41, .58);
}
.map-surface:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, rgba(217, 244, 199, .05), transparent 25% 73%, rgba(235, 94, 40, .07));
  mix-blend-mode: screen;
}
.connection-card {
  z-index: 2;
  border-radius: 10px;
  background: rgba(17, 43, 49, .74);
  box-shadow: 0 15px 30px rgba(2, 16, 20, .25), inset 0 1px rgba(255,255,255,.08);
}
.node { animation: node-breathe 3.7s ease-in-out infinite; }
.node.active { animation-delay: -1.3s; }
@keyframes node-breathe { 50% { transform: translate(-50%, -50%) scale(1.28); filter: brightness(1.18); } }

.trust-line {
  margin-top: 103px;
  /* Keep the edge labels clear of the frame; the central items retain their rhythm. */
  padding-inline: 28px;
  background: linear-gradient(90deg, rgba(217,244,199,.055), transparent 20% 80%, rgba(235,94,40,.07));
  border-radius: 2px;
}
.section-kicker { position: relative; }
.section-kicker:after {
  content: "";
  height: 1px;
  flex: 1;
  max-width: 230px;
  margin: 0 32px 9px auto;
  background: linear-gradient(90deg, transparent, rgba(217,244,199,.32));
}
.section-kicker p {
  position: relative;
  z-index: 1;
  /* Keep the pricing label and the explanatory copy from reading as one line. */
  margin-left: clamp(48px, 7vw, 112px);
}

.pricing-module {
  overflow: visible;
  border-radius: 24px;
  background:
    radial-gradient(circle at 86% 5%, rgba(235,94,40,.24), transparent 22%),
    linear-gradient(132deg, rgba(64,121,140,.34), transparent 43%),
    linear-gradient(155deg, rgba(37,71,80,.97), rgba(18,42,48,.98));
  box-shadow: 0 40px 92px rgba(5, 19, 23, .37), inset 0 1px rgba(217,244,199,.13);
}
.pricing-module:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 44%;
  height: 58%;
  right: -3%;
  bottom: -9%;
  border: 1px solid rgba(235,94,40,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 2.5rem rgba(235,94,40,.016), 0 0 0 5.8rem rgba(217,244,199,.012);
}
.pricing-tabs {
  border-radius: 17px 17px 0 0;
  background: rgba(10, 32, 37, .58);
}
.traffic-prices { align-items: stretch; }
.traffic-prices article {
  border-radius: 14px;
  background: linear-gradient(155deg, rgba(92,150,161,.34), rgba(20,47,54,.91));
  box-shadow: inset 0 1px rgba(255,255,255,.07);
}
.traffic-prices article.popular {
  z-index: 2;
  transform: translateY(-13px);
  background:
    radial-gradient(circle at 77% 8%, rgba(235,94,40,.27), transparent 32%),
    linear-gradient(150deg, rgba(200,62,77,.36), rgba(42,82,92,.78) 60%, rgba(19,46,53,.95));
  box-shadow: 0 25px 44px rgba(5,18,22,.30), inset 0 1px rgba(255,255,255,.12);
}
.traffic-prices article.popular:hover { transform: translateY(-19px); }
.pricing-foot { padding-top: 5px; }

.products-grid { align-items: stretch; }
.product-card {
  border-radius: 18px;
  min-height: 355px;
  background:
    linear-gradient(150deg, rgba(90,149,160,.29), transparent 44%),
    rgba(23, 51, 58, .82);
  box-shadow: 0 20px 42px rgba(6,22,26,.18), inset 0 1px rgba(255,255,255,.06);
}
.product-card:nth-child(2) { margin-top: 23px; min-height: 332px; }
.product-card:nth-child(3) { margin-top: 46px; min-height: 309px; }
.product-featured {
  background:
    radial-gradient(circle at 78% 14%, rgba(235,94,40,.27), transparent 28%),
    linear-gradient(145deg, rgba(200,62,77,.35), rgba(35,76,86,.86) 57%, rgba(20,48,55,.98));
}
.product-card:after {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  right: -56px;
  top: -55px;
  border: 1px solid rgba(217,244,199,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 23px rgba(217,244,199,.018);
}
.capabilities { margin-top: 42px; }

.control-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(34rem 21rem at 82% 35%, rgba(235,94,40,.13), transparent 68%),
    linear-gradient(100deg, rgba(22,49,56,.95), rgba(64,121,140,.38) 49%, rgba(22,49,56,.95));
}
.dashboard {
  position: relative;
  border-radius: 17px;
  transform: rotate(-1deg);
  background: rgba(16, 41, 47, .84);
  box-shadow: 0 32px 70px rgba(5,17,20,.40), inset 0 1px rgba(217,244,199,.11);
}
.dashboard:after {
  content: "";
  position: absolute;
  inset: 9px -10px -10px 9px;
  z-index: -1;
  border: 1px solid rgba(217,244,199,.11);
  border-radius: 17px;
}
.dashboard-main { background: linear-gradient(145deg, rgba(64,121,140,.18), transparent 35%); }
.dash-stats > div, .dash-chart { background: rgba(11,33,38,.20); }

.cases-grid {
  gap: 12px;
  border: 0;
}
.case-card {
  position: relative;
  overflow: hidden;
  min-height: 225px;
  border: 1px solid rgba(217,244,199,.15);
  border-radius: 15px;
  background: rgba(28, 59, 67, .56);
  box-shadow: inset 0 1px rgba(255,255,255,.045);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.case-card:after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -62px;
  bottom: -73px;
  border: 1px solid rgba(217,244,199,.12);
  border-radius: 50%;
}
.case-card:nth-child(1), .case-card:nth-child(5) { grid-column: span 2; }
.case-card:nth-child(1) { background: linear-gradient(130deg, rgba(64,121,140,.54), rgba(25,54,61,.72)); }
.case-card:nth-child(5) { background: linear-gradient(135deg, rgba(200,62,77,.24), rgba(38,75,84,.72)); }
.case-card:hover { transform: translateY(-6px); border-color: rgba(235,94,40,.58); background: rgba(64,121,140,.48); }

.workflow-section {
  position: relative;
  background:
    radial-gradient(31rem 22rem at 84% 35%, rgba(235,94,40,.17), transparent 66%),
    linear-gradient(105deg, rgba(53,103,116,.56), rgba(25,57,65,.88), rgba(200,62,77,.15));
}
.step { position: relative; }
.step:after { content: ""; position: absolute; width: 8px; height: 8px; left: calc(18% - 4px); top: -4px; border-radius: 50%; background: #eb5e28; box-shadow: 0 0 0 5px rgba(235,94,40,.12), 0 0 16px rgba(235,94,40,.52); }
.final-cta {
  background:
    radial-gradient(circle at 85% 12%, rgba(217,244,199,.27), transparent 21%),
    linear-gradient(118deg, #bd3e50, #d94b3e 46%, #eb5e28);
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 28px 62px rgba(88,22,28,.23);
}
.final-cta:after {
  content: "";
  position: absolute;
  width: 58%;
  height: 180%;
  right: -14%;
  top: -40%;
  background: repeating-radial-gradient(circle at 50% 50%, transparent 0 34px, rgba(255,248,236,.11) 35px 36px, transparent 37px 68px);
  opacity: .55;
  pointer-events: none;
}

@media (min-width: 681px) and (max-width: 900px) {
  .hero { padding-top: 82px; }
  .hero-layout { grid-template-columns: minmax(0, .9fr) minmax(330px, 1.1fr); gap: 28px; min-height: 465px; }
  .hero h1 { font-size: clamp(38px, 5.4vw, 52px); letter-spacing: -2.7px; }
  .hero-text { font-size: 14px; }
  .network-panel { max-width: none; }
  .map-surface { height: 250px; }
  .network-panel:after { right: -14px; }
  .proof-row { margin-top: 34px; }
}
@media (max-width: 900px) {
  .product-card:nth-child(2), .product-card:nth-child(3) { margin-top: 0; min-height: 320px; }
  .traffic-prices article.popular { transform: none; }
  .traffic-prices article.popular:hover { transform: translateY(-5px); }
}
@media (max-width: 680px) {
  .hero { padding-top: 76px; }
  .hero-layout { min-height: 0; }
  .hero-copy:after, .network-panel:before, .network-panel:after { display: none; }
  .network-panel { transform: none; border-radius: 17px; }
  .map-surface { height: 268px; }
  .proof-row { margin-top: 37px; }
  .proof-row div { min-width: 0; flex: 1; padding-right: 8px; }
  .proof-row div + div { padding-left: 9px; }
  .section-kicker:after { display: none; }
  .pricing-module { border-radius: 17px; }
  .pricing-module:after { display: none; }
  .traffic-prices article.popular { transform: none; }
  .cases-grid { grid-template-columns: 1fr; }
  .case-card:nth-child(1), .case-card:nth-child(5) { grid-column: auto; }
  .dashboard { transform: none; }
  .step:after { left: 0; }

  .section-kicker p {
    margin: 28px 0 0;
  }
}

/* LTEBoost palette v5 — colours sampled from the existing LTEBoost identity:
   graphite surfaces, warm orange actions, and turquoise network status.  This
   layer intentionally changes colour only; the v4 depth, layout and motion
   above remain untouched. */
:root {
  --ink: #f5f2ec;
  --muted: rgba(218, 216, 209, .72);
  --dim: rgba(218, 216, 209, .50);
  --bg: #151515;
  --panel: #1c1d20;
  --panel-2: #26272a;
  --line: rgba(245, 242, 236, .13);
  --orange: #ff994a;
  --coral: #ff6f3e;
  --purple: #18bdb0;
  --blue: #18bdb0;
  --lime: #20d5b9;
}

body {
  background:
    radial-gradient(58rem 38rem at 92% 8%, rgba(255, 153, 74, .18), transparent 58%),
    radial-gradient(48rem 40rem at -6% 47%, rgba(24, 189, 176, .25), transparent 64%),
    radial-gradient(46rem 28rem at 52% 104%, rgba(255, 111, 62, .12), transparent 66%),
    var(--bg);
}
body:before { background: rgba(255, 153, 74, .14); }
body:after { background: rgba(24, 189, 176, .20); }
.glow-one { background: var(--orange); }
.glow-two { background: var(--purple); }
.site-header { background: rgba(21, 21, 21, .78); border-bottom-color: rgba(245, 242, 236, .10); }
.nav-links a, .login-link, .language { color: rgba(218, 216, 209, .78); }
.nav-links a:hover, .login-link:hover, .language:hover { color: var(--orange); }
.logo > span:last-child span, .hero h1 em, h2 em, .text-link b { color: var(--orange); }
.logo-mark, .page .logo-mark, .dashboard-logo, .avatar {
  background: linear-gradient(135deg, var(--coral), var(--orange) 72%);
  color: #181818;
  box-shadow: 0 8px 24px rgba(255, 111, 62, .27);
}
.btn, .page .cta .btn.primary, .page .hero-actions .btn.primary {
  background: linear-gradient(118deg, #ffae5c 0%, var(--orange) 48%, var(--coral) 100%);
  color: #1b1a19;
  box-shadow: 0 14px 32px rgba(255, 111, 62, .23), inset 0 1px rgba(255,255,255,.20);
}
.btn:hover {
  background: linear-gradient(118deg, #ffc073, #ff994a 48%, #ff6f3e);
  box-shadow: 0 18px 38px rgba(255, 111, 62, .34);
}
.hero:before { background: radial-gradient(circle, rgba(24,189,176,.24), rgba(24,189,176,0) 67%); }
.hero:after { background: radial-gradient(circle, rgba(255,153,74,.11), transparent 68%); }

/* Brand mark supplied by LTEBoost: shared by landing, CMS pages and legacy pages. */
.logo-mark,
.page .logo-mark {
  display: block;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  padding: 0;
  overflow: hidden;
  background: url("/assets/logo.svg") center / contain no-repeat !important;
  box-shadow: none !important;
  font-size: 0;
  line-height: 0;
}
.logo-mark i { display: none; }
.map-grid {
  background-image:
    linear-gradient(rgba(245, 242, 236, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245, 242, 236, .045) 1px, transparent 1px);
}
.eyebrow, .card-label, .section-kicker > span { color: var(--lime); }
.pulse { background: var(--orange); box-shadow: 0 0 0 5px rgba(255,153,74,.12), 0 0 17px rgba(255,153,74,.5); }

.network-panel {
  background:
    linear-gradient(145deg, rgba(45, 50, 52, .74), transparent 31%),
    linear-gradient(155deg, rgba(30, 31, 33, .92), rgba(12, 12, 12, .98));
  border-color: rgba(245,242,236,.17);
  box-shadow: 0 44px 84px rgba(0,0,0,.52), 0 18px 0 -11px rgba(32,213,185,.07), inset 0 1px rgba(255,255,255,.14);
}
.network-panel:hover { box-shadow: 0 52px 94px rgba(0,0,0,.58), 0 20px 0 -11px rgba(32,213,185,.10), inset 0 1px rgba(255,255,255,.16); }
.network-panel:before { border-color: rgba(32,213,185,.16); box-shadow: 0 0 0 1.6rem rgba(32,213,185,.022), 0 0 0 3.7rem rgba(255,153,74,.018); }
.network-panel:after { border-color: rgba(32,213,185,.22); background: rgba(22,22,22,.82); color: var(--lime); }
.panel-top { background: rgba(0,0,0,.18); }
.map-surface {
  background:
    radial-gradient(circle at 76% 18%, rgba(255,153,74,.18), transparent 23%),
    radial-gradient(circle at 20% 84%, rgba(24,189,176,.30), transparent 37%),
    rgba(15,16,17,.60);
}
.map-surface:after { background: linear-gradient(105deg, rgba(245,242,236,.045), transparent 25% 73%, rgba(255,153,74,.06)); }
.network-lines path { stroke: var(--lime); }
.node { background: var(--coral); box-shadow: 0 0 0 5px rgba(255,111,62,.13), 0 0 20px rgba(255,111,62,.62); }
.node.active { background: var(--lime); box-shadow: 0 0 0 7px rgba(32,213,185,.15), 0 0 28px rgba(32,213,185,.72); }
.connection-card { background: rgba(25,26,27,.78); border-color: rgba(245,242,236,.16); }
.connection-card strong { color: var(--lime); }
.mini-bars i, .plan-visual i, .server-icon i, .product-visual i { background: linear-gradient(to top, var(--coral), var(--orange) 58%, var(--lime)); }
.trust-line { background: linear-gradient(90deg, rgba(32,213,185,.05), transparent 20% 80%, rgba(255,153,74,.06)); }
.section-kicker:after { background: linear-gradient(90deg, transparent, rgba(32,213,185,.32)); }

/* Hero network telemetry — deliberately quiet movement that makes the panel
   read as a live system while preserving its current composition. */
.network-panel .live {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  animation: network-live-flicker 2.6s ease-in-out infinite;
}
.panel-top .dot {
  animation: network-alert-pulse 2.8s ease-in-out infinite;
}
.map-surface { isolation: isolate; }
.map-surface::before {
  content: "";
  position: absolute;
  inset: 7% 3% 6%;
  z-index: 0;
  pointer-events: none;
  background: url("assets/world-map.png") center / 94% auto no-repeat;
  opacity: .25;
  filter: drop-shadow(0 0 18px rgba(32,213,185,.10));
}
.map-grid { z-index: 1; }
.network-lines { z-index: 2; }
.map-label, .connection-card { z-index: 3; }
.map-grid {
  animation: network-grid-drift 24s linear infinite;
  will-change: background-position;
}
.network-lines path {
  stroke-dasharray: 2.5 8;
  animation: network-route-flow 2.8s linear infinite;
}
.network-lines path:nth-child(2) { animation-duration: 3.9s; animation-direction: reverse; }
.network-lines path:nth-child(3) { animation-duration: 3.35s; animation-delay: -1.4s; }
.network-packet {
  fill: var(--orange);
  filter: drop-shadow(0 0 4px rgba(255, 153, 74, .95));
  opacity: .98;
}
.network-packet-2 { fill: var(--lime); filter: drop-shadow(0 0 5px rgba(32, 213, 185, .95)); }
.network-packet-3 { fill: var(--coral); filter: drop-shadow(0 0 4px rgba(255, 111, 62, .95)); }
.node { z-index: 2; }
.node::after {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid var(--coral);
  border-radius: inherit;
  opacity: 0;
  animation: network-node-ripple 3.7s cubic-bezier(.18,.7,.25,1) infinite;
}
.node-a::after { animation-delay: -.1s; }
.node-b::after { animation-delay: -1.2s; }
.node-c::after { animation-delay: -2.35s; }
.node-d::after { animation-delay: -3.15s; }
.node-e::after { animation-delay: -1.85s; }
.node-f::after { animation-delay: -2.85s; }
.node.active::after { animation-duration: 2.7s; border-color: var(--lime); }
.connection-card strong { transition: color .35s ease, text-shadow .35s ease; }
.connection-card:hover strong { text-shadow: 0 0 14px rgba(32, 213, 185, .42); }
.mini-bars i {
  transform-origin: bottom;
  animation: network-bar-pulse 1.85s ease-in-out infinite alternate;
}
.mini-bars i:nth-child(2n) { animation-delay: -.55s; }
.mini-bars i:nth-child(3n) { animation-delay: -1.15s; }
@keyframes network-route-flow { to { stroke-dashoffset: -42; } }
@keyframes network-grid-drift { to { background-position: 28px 28px, 28px 28px; } }
@keyframes network-live-flicker { 50% { opacity: .55; text-shadow: 0 0 10px rgba(32,213,185,.7); } }
@keyframes network-alert-pulse { 50% { box-shadow: 0 0 0 5px rgba(255,111,62,0), 0 0 12px rgba(255,111,62,.85); } }
@keyframes network-node-ripple { 0%, 18% { transform: scale(.48); opacity: .75; } 68%, 100% { transform: scale(2.25); opacity: 0; } }
@keyframes network-bar-pulse { to { transform: scaleY(.58); opacity: .42; } }
@media (prefers-reduced-motion: reduce) {
  .network-panel .live, .panel-top .dot, .map-grid, .network-lines path, .node::after, .mini-bars i { animation: none; }
  .network-packet { display: none; }
}

.pricing-module {
  background:
    radial-gradient(circle at 86% 5%, rgba(255,153,74,.19), transparent 22%),
    linear-gradient(132deg, rgba(24,189,176,.14), transparent 43%),
    linear-gradient(155deg, rgba(31,32,34,.98), rgba(18,18,18,.98));
  border-color: rgba(245,242,236,.16);
  box-shadow: 0 40px 92px rgba(0,0,0,.40), inset 0 1px rgba(245,242,236,.10);
}
.pricing-module:after { border-color: rgba(255,153,74,.15); box-shadow: 0 0 0 2.5rem rgba(255,153,74,.016), 0 0 0 5.8rem rgba(32,213,185,.012); }
.pricing-tabs { background: rgba(10,10,10,.63); }
.pricing-tab.is-active { background: linear-gradient(120deg, rgba(255,153,74,.17), rgba(255,111,62,.12)); box-shadow: inset 0 0 0 1px rgba(255,153,74,.46), 0 7px 20px rgba(0,0,0,.26); }
.pricing-tab.is-active span, .calculator-label, .traffic-prices a span { color: var(--orange); }
.pricing-ambience:before {
  background:
    radial-gradient(circle at 84% 13%, rgba(255,153,74,.20), transparent 25%),
    radial-gradient(circle at 12% 80%, rgba(24,189,176,.19), transparent 29%),
    radial-gradient(circle at 48% 48%, rgba(255,111,62,.08), transparent 31%);
}
.pricing-ambience svg, .geo-surface svg { stroke: rgba(32,213,185,.25); }
.pricing-ambience i, .pricing-live i, .offer-live i, .calculator-note i { background: var(--lime); box-shadow: 0 0 0 4px rgba(32,213,185,.10), 0 0 13px rgba(32,213,185,.56); }

/* Keep the decorative status light clear of the unlimited-access label. */
.pricing-ambience i:nth-child(1) { top: 37%; left: 1%; }
.unlimited-intro .card-label { position: relative; z-index: 1; }
.traffic-calculator { border-color: rgba(245,242,236,.16); background: linear-gradient(115deg, rgba(24,189,176,.15), rgba(25,26,27,.78) 50%, rgba(255,111,62,.10)); }
.calculator-head { background: rgba(0,0,0,.17); border-bottom-color: rgba(245,242,236,.11); }
.calc-product { border-color: rgba(245,242,236,.14); background: rgba(245,242,236,.025); color: rgba(218,216,209,.67); }
.calc-product:hover, .calc-product.is-selected { border-color: rgba(255,153,74,.68); background: rgba(255,153,74,.12); color: var(--ink); }
.volume-control input { accent-color: var(--orange); }
.calc-result { background: radial-gradient(circle at 73% 50%, rgba(255,153,74,.19), transparent 56%); }
.traffic-prices article { background: linear-gradient(155deg, rgba(54,57,58,.52), rgba(24,25,26,.94)); border-color: rgba(245,242,236,.13); }
.traffic-prices article:hover, .traffic-prices article.is-calculated { border-color: rgba(255,153,74,.72); box-shadow: 0 20px 37px rgba(0,0,0,.32), inset 0 1px rgba(245,242,236,.07); }
.traffic-prices article.popular {
  background: radial-gradient(circle at 77% 8%, rgba(255,153,74,.23), transparent 32%), linear-gradient(150deg, rgba(255,111,62,.25), rgba(43,47,48,.72) 60%, rgba(18,19,19,.96));
  border-color: rgba(255,153,74,.61);
  overflow: visible;
}
.popular-label {
  top: -12px;
  left: 20px;
  z-index: 3;
  padding: 7px 11px;
  border: 1px solid rgba(255,248,236,.34);
  border-radius: 5px;
  background: linear-gradient(100deg, var(--orange), var(--coral));
  color: #1a1918;
  box-shadow: 0 7px 15px rgba(0,0,0,.27), inset 0 1px rgba(255,255,255,.32);
}
.plan-tags span { border-color: rgba(32,213,185,.18); background: rgba(32,213,185,.055); color: var(--lime); }

.country-picker, .country-offer { border-color: rgba(245,242,236,.15); background: rgba(29,30,31,.70); }
.geo-surface { background: radial-gradient(circle at 17% 66%, rgba(24,189,176,.24), transparent 25%), radial-gradient(circle at 78% 26%, rgba(255,153,74,.14), transparent 22%); }
.geo-dot { background: var(--orange); box-shadow: 0 0 0 4px rgba(255,153,74,.12), 0 0 19px rgba(255,153,74,.58); }
.country { background: rgba(18,19,19,.68); border-color: rgba(245,242,236,.12); }
.country:hover, .country.is-selected { border-color: var(--orange); background: rgba(255,153,74,.10); }
.country b { background: rgba(32,213,185,.11); color: var(--lime); }
.country-offer, .product-featured, .page .cta { background: linear-gradient(145deg, rgba(255,111,62,.25), rgba(45,49,50,.76) 48%, rgba(19,20,20,.96)); border-color: rgba(255,153,74,.43); }
.country-offer:after { border-color: rgba(32,213,185,.18); box-shadow: 0 0 0 27px rgba(32,213,185,.026), 0 0 0 55px rgba(255,153,74,.02); }
.capacity-panel { background: rgba(0,0,0,.20); border-color: rgba(245,242,236,.15); }
.capacity-meter i { background: linear-gradient(90deg, var(--coral), var(--orange), var(--lime)); box-shadow: 0 0 8px rgba(255,153,74,.28); }

.product-card, .access-card, .faq-item, .dashboard, .page .card { background: linear-gradient(145deg, rgba(54,57,58,.35), rgba(24,25,26,.88)); border-color: rgba(245,242,236,.13); box-shadow: 0 17px 38px rgba(0,0,0,.22), inset 0 1px rgba(245,242,236,.05); }
.product-card:hover { border-color: rgba(255,153,74,.58); background: linear-gradient(145deg, rgba(59,62,63,.48), rgba(24,25,26,.93)); }
.control-section { background: radial-gradient(34rem 21rem at 82% 35%, rgba(255,153,74,.11), transparent 68%), linear-gradient(100deg, rgba(19,20,20,.96), rgba(24,189,176,.13) 49%, rgba(19,20,20,.96)); }
.dashboard-sidebar { background: rgba(18,19,19,.78); border-right-color: rgba(245,242,236,.10); }
.dash-chart .area { fill: rgba(255,153,74,.20); }.dash-chart .line { stroke: var(--orange); }
.workflow-section { background: radial-gradient(31rem 22rem at 84% 35%, rgba(255,153,74,.14), transparent 66%), linear-gradient(105deg, rgba(32,35,35,.92), rgba(23,25,25,.94), rgba(255,111,62,.11)); }
.step:after { background: var(--orange); box-shadow: 0 0 0 5px rgba(255,153,74,.12), 0 0 16px rgba(255,153,74,.48); }
.case-card { background: rgba(29,31,31,.70); border-color: rgba(245,242,236,.12); }
.case-card:after { border-color: rgba(32,213,185,.12); }
.case-card:nth-child(1) { background: linear-gradient(130deg, rgba(24,189,176,.20), rgba(24,26,26,.86)); }
.case-card:nth-child(5) { background: linear-gradient(135deg, rgba(255,111,62,.17), rgba(28,30,30,.86)); }
.case-card:hover { border-color: rgba(255,153,74,.55); background: rgba(39,42,42,.85); }
.faq-item[open], .faq-item:hover { border-color: rgba(255,153,74,.50); background: rgba(255,153,74,.07); }
.final-cta {
  background: radial-gradient(circle at 85% 12%, rgba(32,213,185,.24), transparent 21%), linear-gradient(118deg, #f05f37, #ff7b3e 46%, #ffad55);
  box-shadow: inset 0 1px rgba(255,255,255,.20), 0 28px 62px rgba(109,39,19,.26);
}
.final-cta:before { background: radial-gradient(circle, rgba(245,242,236,.23), transparent 68%); }
.final-cta h2 em { color: #1a4a45; }.final-cta p, .final-cta .eyebrow { color: rgba(29,26,22,.84); }
.final-cta .btn-light { background: #1c1d20; color: #f7f4ee; box-shadow: 0 12px 28px rgba(44,22,13,.20); }
.page .section.soft, .page .page-hero { background: linear-gradient(145deg, rgba(24,189,176,.10), rgba(21,21,21,.96)); border-color: rgba(245,242,236,.10); }
.page .tag, .page .badge { border-color: rgba(255,153,74,.42); color: var(--lime); }

/* v6: a denser, calmer editorial layer. These additions keep the approved
   layout intact but give the entry screen more hierarchy and visual depth. */
.hero { isolation: isolate; overflow: clip; }
.hero-signal-field { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.hero-signal-field:before, .hero-signal-field:after { content: ""; position: absolute; border: 1px solid rgba(32,213,185,.13); border-radius: 50%; transform: translate(-50%,-50%); }
.hero-signal-field:before { width: 40rem; height: 40rem; left: 77%; top: 44%; box-shadow: 0 0 0 4.5rem rgba(32,213,185,.018), 0 0 0 10rem rgba(255,153,74,.012); }
.hero-signal-field:after { width: 20rem; height: 20rem; left: 77%; top: 44%; border-color: rgba(255,153,74,.18); }
.hero-signal-field i { position: absolute; width: 1px; height: 11rem; background: linear-gradient(transparent, rgba(245,242,236,.25), transparent); transform-origin: bottom; left: 77%; top: 44%; }
.hero-signal-field i:nth-child(1) { transform: rotate(28deg); }.hero-signal-field i:nth-child(2) { transform: rotate(113deg); height: 14rem; }.hero-signal-field i:nth-child(3) { transform: rotate(216deg); height: 9rem; }
.hero-signal-field b { position: absolute; left: calc(77% - 4px); top: calc(44% - 4px); width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 7px rgba(255,153,74,.10), 0 0 26px rgba(255,153,74,.58); animation: hero-signal-pulse 3.8s ease-in-out infinite; }
.hero-copy { max-width: 610px; }
.hero h1 { max-width: 630px; letter-spacing: clamp(-3.8px,-.25vw,-2.6px); }
.hero-text { max-width: 535px; }
.proof-row { position: relative; gap: 0; margin-top: 38px; padding: 13px 0; border-top: 1px solid rgba(245,242,236,.15); border-bottom: 1px solid rgba(245,242,236,.08); background: linear-gradient(90deg, rgba(255,153,74,.07), transparent 48%, rgba(32,213,185,.045)); }
.proof-row:before { content: none; }
.proof-row > div { flex: 1; min-width: 0; padding: 0 18px; border-left: 1px solid rgba(245,242,236,.12); }
.proof-row > div:first-child { padding-left: 0; border-left: 0; }
.proof-row strong { color: var(--ink); font-size: clamp(22px,2.25vw,31px); line-height: 1; letter-spacing: -.07em; text-shadow: 0 8px 26px rgba(0,0,0,.32); }
.proof-row > div:last-child strong { color: var(--lime); }
.proof-row span { margin-top: 7px; color: var(--dim); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.network-panel { transform: perspective(1000px) rotateY(-1.5deg) rotateX(.75deg); }
.network-panel:hover { transform: perspective(1000px) rotateY(0) rotateX(0) translateY(-4px); }
.product-card { overflow: hidden; transition: transform .36s cubic-bezier(.2,.8,.2,1), border-color .36s ease, background .36s ease, box-shadow .36s ease; }
.product-card:after { content: ""; position: absolute; inset: auto -12% -42% 38%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(32,213,185,.12), transparent 66%); pointer-events: none; transition: transform .5s ease, opacity .5s ease; }
.product-card:hover { transform: translateY(-8px); box-shadow: 0 28px 54px rgba(0,0,0,.32), inset 0 1px rgba(245,242,236,.08); }
.product-card:hover:after { transform: scale(1.24); opacity: .85; }
.case-card { transition: transform .32s ease, background .32s ease, border-color .32s ease; }
.case-card:hover { transform: translateY(-5px); }
.reveal { transition-duration: .75s; transition-timing-function: cubic-bezier(.2,.7,.2,1); }
.products-grid .reveal:nth-child(2), .cases-grid .reveal:nth-child(2), .workflow-steps .reveal:nth-child(2) { transition-delay: .08s; }
.products-grid .reveal:nth-child(3), .cases-grid .reveal:nth-child(3), .workflow-steps .reveal:nth-child(3) { transition-delay: .16s; }
.cases-grid .reveal:nth-child(4) { transition-delay: .24s; }.cases-grid .reveal:nth-child(5) { transition-delay: .32s; }.cases-grid .reveal:nth-child(6) { transition-delay: .40s; }
@keyframes hero-signal-pulse { 50% { transform: scale(1.45); box-shadow: 0 0 0 16px rgba(255,153,74,0), 0 0 31px rgba(255,153,74,.82); } }
@media (max-width: 720px) { .hero-signal-field { opacity: .45; }.hero-signal-field:before { left: 104%; top: 27%; }.hero-signal-field:after { left: 104%; top: 27%; }.hero-signal-field i, .hero-signal-field b { display: none; }.proof-row { margin-top: 31px; }.proof-row:before { right: auto; left: 0; }.proof-row > div { padding: 0 10px; }.proof-row strong { font-size: 21px; }.proof-row span { font-size: 8px; letter-spacing: .04em; }.network-panel, .network-panel:hover { transform: none; }.product-card:hover { transform: none; } }
@media (prefers-reduced-motion: reduce) { .hero-signal-field b { animation: none; }.product-card, .case-card { transition: none; } }

/* v7: workflow and FAQ — visual-only overhaul */
.workflow-section {
  isolation: isolate;
  overflow: hidden;
  padding: 128px 0 118px;
  background:
    radial-gradient(38rem 28rem at 100% 15%, rgba(255, 153, 74, .16), transparent 67%),
    radial-gradient(29rem 25rem at 3% 93%, rgba(24, 189, 176, .13), transparent 71%),
    linear-gradient(125deg, #171919 0%, #202525 48%, #1b1f1f 100%);
}
.workflow-section:after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: min(58vw, 770px);
  aspect-ratio: 1;
  right: -22vw;
  top: -40%;
  border: 1px solid rgba(255, 153, 74, .18);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(255, 153, 74, .025), 0 0 0 110px rgba(24, 189, 176, .018);
}
.workflow-title { position: relative; margin-bottom: 46px; }
.workflow-title:after {
  content: "PROVISIONING / ROUTING / READY";
  align-self: flex-end;
  margin-bottom: 8px;
  color: rgba(245, 242, 236, .45);
  font: 10px "DM Mono", monospace;
  letter-spacing: .1em;
}
.workflow-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  border: 0;
  padding-top: 22px;
}
.workflow-steps:before {
  content: "";
  position: absolute;
  top: 0;
  left: 3.5%;
  right: 3.5%;
  height: 1px;
  background: linear-gradient(90deg, rgba(24,189,176,.2), rgba(255,153,74,.82) 47%, rgba(245,242,236,.14));
}
.step {
  position: relative;
  display: block;
  min-height: 215px;
  padding: 29px 28px 27px;
  overflow: hidden;
  border: 1px solid rgba(245, 242, 236, .13);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(56,61,61,.58), rgba(21,23,23,.90));
  box-shadow: inset 0 1px rgba(245,242,236,.055), 0 18px 38px rgba(0,0,0,.16);
  transition: transform .3s ease, border-color .3s ease, background .3s ease;
}
.step:after {
  width: 10px;
  height: 10px;
  left: 28px;
  top: -28px;
  border: 3px solid #1d2020;
  background: var(--orange);
  box-shadow: 0 0 0 6px rgba(255,153,74,.12), 0 0 18px rgba(255,153,74,.55);
}
.step:before {
  content: "";
  position: absolute;
  width: 178px;
  height: 178px;
  right: -82px;
  bottom: -98px;
  border: 1px solid rgba(24,189,176,.17);
  border-radius: 50%;
  box-shadow: 0 0 0 25px rgba(24,189,176,.025), 0 0 0 50px rgba(255,153,74,.018);
  transition: transform .4s ease;
}
.step:nth-child(2) { background: linear-gradient(145deg, rgba(29,81,77,.45), rgba(20,25,25,.91)); }
.step:nth-child(3) { background: linear-gradient(145deg, rgba(86,53,37,.38), rgba(23,24,23,.91)); }
.step > span { display: block; margin-bottom: 38px; color: var(--orange); font-size: 11px; letter-spacing: .12em; }
.step h3 { position: relative; z-index: 1; font-size: 22px; letter-spacing: -1px; }
.step p { position: relative; z-index: 1; max-width: 285px; color: rgba(218,216,209,.72); line-height: 1.55; }
.step:hover { transform: translateY(-6px); border-color: rgba(255,153,74,.62); background-color: rgba(45,50,49,.92); }
.step:hover:before { transform: scale(1.18); }

.faq-section {
  position: relative;
  overflow: hidden;
  padding: 130px 0;
  background:
    radial-gradient(29rem 22rem at 10% 49%, rgba(24,189,176,.11), transparent 67%),
    #171919;
}
.faq-layout { position: relative; align-items: start; gap: clamp(50px, 8vw, 128px); }
.faq-intro { position: sticky; top: 106px; }
.faq-intro:after {
  content: "SUPPORT / 24H";
  display: inline-flex;
  align-items: center;
  margin-top: 26px;
  padding: 8px 10px;
  border: 1px solid rgba(24,189,176,.28);
  border-radius: 4px;
  color: var(--lime);
  font: 10px "DM Mono", monospace;
  letter-spacing: .09em;
  background: rgba(24,189,176,.055);
}
.faq-list {
  overflow: hidden;
  border: 1px solid rgba(245,242,236,.13);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(55,59,59,.40), rgba(20,22,22,.92));
  box-shadow: inset 0 1px rgba(245,242,236,.055), 0 20px 52px rgba(0,0,0,.20);
}
.faq-list details {
  position: relative;
  border: 0;
  border-top: 1px solid rgba(245,242,236,.11);
  padding: 0 27px;
  transition: background .24s ease;
}
.faq-list details:first-child { border-top: 0; }
.faq-list details:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  opacity: 0;
  background: linear-gradient(var(--lime), var(--orange));
  transition: opacity .24s ease;
}
.faq-list details[open] { background: linear-gradient(90deg, rgba(24,189,176,.12), rgba(255,153,74,.045)); }
.faq-list details[open]:before { opacity: 1; }
.faq-list summary { align-items: center; gap: 22px; padding: 24px 0; font-size: 16px; letter-spacing: -.25px; }
.faq-list summary:before { content: "Q" counter(faq-counter, decimal-leading-zero); counter-increment: faq-counter; color: rgba(245,242,236,.37); font: 10px "DM Mono", monospace; letter-spacing: .08em; }
.faq-list { counter-reset: faq-counter; }
.faq-list summary span {
  display: grid;
  width: 26px;
  height: 26px;
  margin-left: auto;
  place-items: center;
  border: 1px solid rgba(255,153,74,.38);
  border-radius: 50%;
  color: var(--orange);
  font-size: 20px;
  line-height: 1;
  background: rgba(255,153,74,.055);
  transition: transform .24s ease, background .24s ease;
}
.faq-list details[open] summary span { transform: rotate(45deg); background: rgba(255,153,74,.17); }
.faq-list details p { max-width: 520px; margin: 3px 0 0 42px; padding-bottom: 34px; color: rgba(218,216,209,.73); line-height: 1.6; }

@media (max-width: 720px) {
  .workflow-section { padding: 94px 0 86px; }
  .workflow-title:after { display: none; }
  .workflow-steps { grid-template-columns: 1fr; gap: 12px; padding: 0 0 0 20px; }
  .workflow-steps:before { top: 21px; bottom: 21px; left: 0; right: auto; width: 1px; height: auto; background: linear-gradient(rgba(24,189,176,.35), rgba(255,153,74,.75), rgba(245,242,236,.12)); }
  .step { min-height: 0; padding: 25px 23px; }
  .step:after { left: -26px; top: 22px; }
  .step > span { margin-bottom: 24px; }
  .faq-section { padding: 95px 0; }
  .faq-intro { position: static; }
  .faq-list details { padding: 0 18px; }
  .faq-list summary { gap: 13px; padding: 21px 0; font-size: 15px; }
  .faq-list details p { margin-left: 35px; }
}

/* Pricing-first hero: the first viewport now exposes real buying choices,
   while the network panel remains the proof layer rather than a decorative card. */
.hero-pricing-first .hero-layout { grid-template-columns: minmax(0, 1.22fr) minmax(360px, .9fr); align-items: start; min-height: 0; gap: 46px; }
.hero-pricing-first .hero-copy { max-width: none; }
.hero-pricing-first .hero-text { max-width: 650px; margin-bottom: 24px; font-size: 14px; line-height: 1.6; }
.hero-pricing-first h1 { font-size: clamp(40px, 4.3vw, 62px); margin: 13px 0 14px; }
.hero-pricing-first .network-panel { margin-top: 48px; }
.hero-pricing { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.hero-price-card { position: relative; min-height: 176px; padding: 15px 14px 13px; overflow: hidden; border: 1px solid rgba(245,242,236,.16); border-radius: 13px; background: linear-gradient(145deg, rgba(53,57,57,.84), rgba(19,20,20,.95)); box-shadow: inset 0 1px rgba(255,255,255,.07), 0 13px 30px rgba(0,0,0,.18); transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.hero-price-card:before { content: ""; position: absolute; width: 110px; height: 110px; top: -65px; right: -50px; border: 1px solid rgba(32,213,185,.18); border-radius: 50%; box-shadow: 0 0 0 16px rgba(32,213,185,.018); }
.hero-price-card:hover { transform: translateY(-5px); border-color: rgba(32,213,185,.44); background: linear-gradient(145deg, rgba(62,70,68,.9), rgba(18,21,21,.98)); }
.hero-price-card > span { position: relative; display: block; color: var(--lime); font: 500 9px "DM Mono", monospace; letter-spacing: .1em; }
.hero-price-card > b { position: relative; display: flex; align-items: baseline; gap: 8px; margin-top: 18px; color: var(--ink); font-size: clamp(21px, 2.35vw, 30px); line-height: 1; letter-spacing: -.075em; white-space: nowrap; }
.hero-price-card > b strong { font: inherit; }
.hero-price-card > b small { color: var(--dim); font: 400 9px "DM Mono", monospace; letter-spacing: 0; }
.hero-price-card > b .price-prefix { color: var(--muted); }
.hero-price-card p { position: relative; margin: 9px 0 13px; color: var(--muted); font: 9px "DM Mono", monospace; letter-spacing: .03em; white-space: nowrap; }
.hero-price-card a { position: relative; display: flex; align-items: center; justify-content: space-between; padding-top: 10px; border-top: 1px solid rgba(245,242,236,.12); color: var(--ink); font-size: 11px; font-weight: 700; }
.hero-price-card a i { color: var(--orange); font-size: 15px; font-style: normal; }
.hero-price-card > em { position: absolute; top: 0; right: 0; padding: 5px 8px; border-radius: 0 12px 0 8px; background: var(--orange); color: #151515; font: 600 7px "DM Mono", monospace; letter-spacing: .08em; font-style: normal; }
.hero-price-card.featured { border-color: rgba(255,153,74,.58); background: linear-gradient(145deg, rgba(72,52,41,.9), rgba(27,24,21,.98)); }
.hero-price-card.featured:before { border-color: rgba(255,153,74,.26); box-shadow: 0 0 0 16px rgba(255,153,74,.025); }
.hero-pricing-first .hero-actions { margin-top: 18px; }
.hero-pricing-first .proof-row { display: none; }
/* One calm, full-width credibility strip replaces the technical telemetry
   band: it gives the network visual a clean finish without competing with it. */
.hero-pricing-first .trust-line { margin-top: 32px; }
@media (max-width: 900px) and (min-width: 681px) { .hero-pricing-first .hero-layout { grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr); gap: 27px; min-height: 550px; }.hero-pricing-first .network-panel { margin-top: 76px; }.hero-price-card { padding: 13px 10px; min-height: 164px; }.hero-price-card > b { font-size: 22px; }.hero-price-card p { font-size: 8px; }.hero-price-card a { font-size: 10px; } }
@media (max-width: 680px) { .hero-pricing-first .hero-layout { display: flex; flex-direction: column; gap: 38px; min-height: 0; }.hero-pricing-first .network-panel { margin-top: 0; width: 100%; }.hero-pricing-first .hero-text { font-size: 13px; }.hero-pricing { gap: 8px; width: 100%; }.hero-price-card { min-height: 153px; padding: 12px 10px; border-radius: 11px; }.hero-price-card:before { display: none; }.hero-price-card > span { font-size: 8px; }.hero-price-card > b { gap: 5px; margin-top: 15px; font-size: clamp(18px, 6.5vw, 25px); }.hero-price-card p { margin: 8px 0 10px; overflow: hidden; font-size: 7px; text-overflow: clip; }.hero-price-card a { padding-top: 9px; font-size: 10px; }.hero-price-card > em { padding: 4px 5px; border-radius: 0 10px 0 7px; font-size: 6px; }.hero-pricing-first .proof-row { margin-top: 33px; }.hero-pricing-first .proof-row:before, .hero-pricing-first .proof-row:after { display: none; } }

/* The expanded unlimited-country list stays legible: real flags make the
   geographic choice scannable while compact rows fit the full catalogue. */
.country-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:22px; }
.country { grid-template-columns:30px minmax(0,1fr); min-height:74px; padding:12px 13px; font-size:12px; }
.country > span { min-width:0; }
.country > i { grid-column:2; grid-row:1; justify-self:end; }
.country .country-flag { width:30px; height:20px; display:block; border-radius:3px; background-color:rgba(32,213,185,.1); background-image:var(--country-flag); background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:0 1px 5px rgba(0,0,0,.35), 0 0 0 1px rgba(245,242,236,.15); color:transparent; font-size:0; line-height:0; transition:transform .2s ease, box-shadow .2s ease; }
.country:hover .country-flag, .country.is-selected .country-flag { transform:scale(1.1); box-shadow:0 2px 9px rgba(0,0,0,.4), 0 0 0 1px rgba(255,153,74,.72); }
.country[data-country="United States"], .country[data-country="США"] { --country-flag:url("/image/flags/us.svg"); }
.country[data-country="Russia"], .country[data-country="Россия"] { --country-flag:url("/image/flags/ru.svg"); }
.country[data-country="Ukraine"], .country[data-country="Украина"] { --country-flag:url("/image/flags/ua.svg"); }
.country[data-country="Indonesia"], .country[data-country="Индонезия"] { --country-flag:url("/image/flags/id.svg"); }
.country[data-country="Georgia"], .country[data-country="Грузия"] { --country-flag:url("/image/flags/ge.svg"); }
.country[data-country="Czechia"], .country[data-country="Чехия"] { --country-flag:url("/image/flags/cz.svg"); }
.country[data-country="Montenegro"], .country[data-country="Черногория"] { --country-flag:url("/image/flags/me.svg"); }
.country[data-country="Slovenia"], .country[data-country="Словения"] { --country-flag:url("/image/flags/si.svg"); }
.country[data-country="India"], .country[data-country="Индия"] { --country-flag:url("/image/flags/in.svg"); }
.country[data-country="Thailand"], .country[data-country="Таиланд"] { --country-flag:url("/image/flags/th.svg"); }
.country[data-country="Spain"], .country[data-country="Испания"] { --country-flag:url("/image/flags/es.svg"); }
.country[data-country="Romania"], .country[data-country="Румыния"] { --country-flag:url("/image/flags/ro.svg"); }
.country[data-country="Moldova"], .country[data-country="Молдова"] { --country-flag:url("/image/flags/md.svg"); }
.country[data-country="Netherlands"], .country[data-country="Нидерланды"] { --country-flag:url("/image/flags/nl.svg"); }
.country[data-country="France"], .country[data-country="Франция"] { --country-flag:url("/image/flags/fr.svg"); }
.country[data-country="Kazakhstan"], .country[data-country="Казахстан"] { --country-flag:url("/image/flags/kz.svg"); }
@media (max-width:680px) { .country-grid { gap:8px; margin-top:19px; }.country { min-height:56px; padding:8px 9px; gap:7px; font-size:11px; }.country .country-flag { width:24px; height:16px; } }

/* Countries with 5G show the capability directly at the point of selection. */
.country:is([data-country="United States"],[data-country="США"],[data-country="Romania"],[data-country="Румыния"],[data-country="Georgia"],[data-country="Грузия"]) { grid-template-columns:30px minmax(0,1fr); min-height:88px; }
.country-5g { display:flex; grid-column:1 / -1; grid-row:2; justify-self:center; align-items:center; gap:4px; margin-top:-4px; padding:4px 5px; border:1px solid rgba(32,213,185,.42); border-radius:999px; background:rgba(32,213,185,.08); color:var(--lime); font:600 7px "DM Mono",monospace; letter-spacing:.045em; line-height:1; white-space:nowrap; text-shadow:0 0 9px rgba(32,213,185,.58); box-shadow:inset 0 0 9px rgba(32,213,185,.05),0 0 12px rgba(32,213,185,.10); animation:country-5g-glow 2.4s ease-in-out infinite; }
.country-5g i { display:block; width:4px; height:4px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 3px rgba(32,213,185,.10),0 0 8px rgba(32,213,185,.9); }
@keyframes country-5g-glow { 50% { border-color:rgba(32,213,185,.82); background:rgba(32,213,185,.15); box-shadow:inset 0 0 10px rgba(32,213,185,.10),0 0 18px rgba(32,213,185,.22); } }
@media(max-width:680px) { .country { grid-template-columns:24px minmax(0,1fr); }.country:is([data-country="United States"],[data-country="США"],[data-country="Romania"],[data-country="Румыния"],[data-country="Georgia"],[data-country="Грузия"]) { grid-template-columns:24px minmax(0,1fr); min-height:68px; }.country-5g { padding:3px 4px; gap:3px; font-size:6px; } }
@media(prefers-reduced-motion:reduce) { .country-5g { animation:none; } }

/* SEO landing pages and the expanded footer. These pages are deliberately
   content-first: every footer link resolves to a useful, indexable page. */
.seo-page .site-header { position:relative; }
.seo-page .nav-links { display:flex; }
.seo-hero { position:relative; overflow:hidden; padding:54px 0 84px; background:radial-gradient(circle at 82% 4%,rgba(255,153,74,.16),transparent 30%),linear-gradient(140deg,#1f363d,#111c22 65%,#0b1115); }
.seo-hero .container,.seo-final .container { position:relative; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; color:rgba(255,248,236,.48); font:10px "DM Mono",monospace; }
.breadcrumbs a { color:rgba(217,244,199,.8); }
.seo-hero-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr); gap:70px; align-items:end; margin-top:58px; }
.seo-hero h1 { max-width:700px; margin:17px 0; font-size:clamp(46px,6.2vw,78px); letter-spacing:-.07em; line-height:.96; }
.seo-hero h1:after { display:none; }.seo-hero p { max-width:580px; margin:0; color:rgba(255,248,236,.76); font-size:17px; line-height:1.55; }
.seo-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:30px; }.seo-hero-actions .text-link { color:#d9f4c7; }
.seo-hero-note { position:relative; min-height:275px; padding:27px; overflow:hidden; border:1px solid rgba(217,244,199,.21); border-radius:15px; background:linear-gradient(145deg,rgba(26,61,72,.75),rgba(11,17,21,.82)); box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 46px rgba(0,0,0,.2); }
.seo-hero-note:after { content:""; position:absolute; right:-70px; bottom:-80px; width:210px; height:210px; border:1px solid rgba(217,244,199,.24); border-radius:50%; box-shadow:0 0 0 28px rgba(217,244,199,.035),0 0 0 58px rgba(217,244,199,.02); }.seo-hero-note > * { position:relative; z-index:1; }
.seo-hero-note > span { color:var(--orange); font:9px "DM Mono",monospace; letter-spacing:.12em; }.seo-hero-note strong { display:block; margin:31px 0 15px; font-size:29px; line-height:1.04; letter-spacing:-.065em; }.seo-hero-note p { font-size:12px; }.seo-hero-note div { display:flex; align-items:center; gap:8px; margin-top:24px; color:#d9f4c7; font:9px "DM Mono",monospace; }.seo-hero-note i { width:7px; height:7px; border-radius:50%; background:#20d5b9; box-shadow:0 0 0 5px rgba(32,213,185,.1),0 0 13px #20d5b9; }
.seo-content { padding:102px 0; background:#111c22; }.seo-copy { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }.seo-copy h2,.seo-pricing h2,.seo-how h2,.seo-faq h2 { margin:14px 0 0; font-size:clamp(34px,4.2vw,56px); letter-spacing:-.065em; line-height:.98; }.seo-copy h2 em,.seo-faq h2 em,.seo-final h2 em { color:var(--orange); font-style:normal; }.seo-copy > div:last-child { display:grid; gap:17px; align-content:center; }.seo-copy p { max-width:660px; margin:0; color:rgba(255,248,236,.76); font-size:16px; line-height:1.75; }
.seo-pricing { padding:100px 0; background:#162a31; }.seo-section-heading { max-width:690px; }.seo-section-heading p { color:rgba(255,248,236,.68); line-height:1.55; }.seo-price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:38px; }.seo-price-card { position:relative; min-height:243px; padding:24px; overflow:hidden; border:1px solid rgba(255,248,236,.13); border-radius:12px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,0,0,.1)); }.seo-price-card:nth-child(2) { border-color:rgba(255,153,74,.55); background:linear-gradient(145deg,rgba(235,94,40,.19),rgba(0,0,0,.1)); }.seo-price-card span { color:rgba(217,244,199,.76); font:9px "DM Mono",monospace; letter-spacing:.11em; }.seo-price-card strong { display:block; margin:25px 0 10px; font-size:37px; letter-spacing:-.07em; }.seo-price-card strong small { color:rgba(255,248,236,.58); font-size:11px; letter-spacing:0; }.seo-price-card p { min-height:36px; color:rgba(255,248,236,.64); font-size:12px; }.seo-price-card a { position:absolute; bottom:24px; color:#d9f4c7; font:600 11px "DM Mono",monospace; }.seo-price-card a i { color:var(--orange); font-style:normal; }
.seo-how { padding:105px 0; background:#111c22; }.seo-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin:42px 0 0; padding:0; list-style:none; counter-reset:steps; }.seo-steps li { min-height:172px; padding:21px; border-top:1px solid rgba(217,244,199,.25); background:linear-gradient(180deg,rgba(217,244,199,.05),transparent); }.seo-steps span { color:var(--orange); font:10px "DM Mono",monospace; }.seo-steps p { margin:43px 0 0; color:rgba(255,248,236,.78); font-size:14px; line-height:1.5; }
.seo-faq { padding:108px 0; background:#162a31; }.seo-faq-layout { display:grid; grid-template-columns:.74fr 1.26fr; gap:95px; }.seo-faq-layout > div:first-child > p { max-width:360px; color:rgba(255,248,236,.7); line-height:1.65; }.seo-faq-layout .text-link { color:#d9f4c7; }.seo-page .faq-list { margin:0; }.seo-page .faq-list details { border-color:rgba(217,244,199,.17); }.seo-page .faq-list summary { color:#fffaf0; }.seo-page .faq-list details p { color:rgba(255,248,236,.68); }.seo-page .faq-list details[open] summary span { color:#111c22; background:#d9f4c7; }
.seo-final { position:relative; overflow:hidden; padding:102px 0; background:linear-gradient(120deg,#eb5e28,#e87342 55%,#f0956b); color:#1f363d; }.seo-final:after { content:""; position:absolute; right:-7rem; top:-14rem; width:34rem; height:34rem; border:1px solid rgba(31,54,61,.23); border-radius:50%; box-shadow:0 0 0 35px rgba(31,54,61,.07),0 0 0 73px rgba(31,54,61,.06); }.seo-final .eyebrow { color:rgba(31,54,61,.8); }.seo-final h2 { margin:15px 0 28px; max-width:620px; font-size:clamp(43px,5.4vw,70px); color:#1f363d; }.seo-final h2 em { color:#fffaf0; }.seo-final .btn-light { background:#1f363d; color:#fffaf0; }
.seo-footer { padding:59px 0 0; background:#080e11; }.seo-footer-grid { display:grid; grid-template-columns:1.35fr repeat(3,1fr); gap:33px; padding-bottom:46px; }.seo-footer-grid > div { display:grid; align-content:start; gap:10px; }.seo-footer-grid > div:first-child { gap:17px; }.seo-footer-grid p { max-width:265px; margin:0; color:rgba(255,248,236,.56); font-size:12px; line-height:1.6; }.seo-footer-grid b { margin-bottom:6px; color:rgba(217,244,199,.6); font:9px "DM Mono",monospace; letter-spacing:.1em; }.seo-footer-grid a { color:rgba(255,248,236,.74); font-size:12px; transition:color .2s ease; }.seo-footer-grid a:hover { color:var(--orange); }.social-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }.social-links a { display:inline-flex; align-items:center; gap:6px; padding:7px 8px; border:1px solid rgba(217,244,199,.22); border-radius:7px; color:#d9f4c7; font:9px "DM Mono",monospace; }.social-links a:hover { border-color:var(--orange); color:var(--orange); }.social-links svg { width:13px; height:13px; fill:currentColor; }.seo-footer-bottom { display:flex; justify-content:space-between; gap:20px; padding:17px 0 19px; border-top:1px solid rgba(217,244,199,.12); color:rgba(255,248,236,.38); font:9px "DM Mono",monospace; }
@media(max-width:900px) { .seo-hero-grid,.seo-faq-layout { grid-template-columns:1fr; gap:40px; }.seo-hero-note { max-width:430px; }.seo-copy { gap:45px; }.seo-price-grid { grid-template-columns:1fr 1fr; }.seo-price-card:last-child { grid-column:1 / -1; }.seo-steps { grid-template-columns:1fr 1fr; }.seo-footer-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:680px) { .seo-page .nav-links { display:none; }.seo-hero { padding:33px 0 59px; }.seo-hero-grid { margin-top:38px; }.seo-hero h1 { font-size:44px; }.seo-hero p { font-size:15px; }.seo-hero-note { min-height:215px; padding:22px; }.seo-hero-note strong { margin-top:23px; font-size:26px; }.seo-content,.seo-pricing,.seo-how,.seo-faq { padding:76px 0; }.seo-copy,.seo-faq-layout { grid-template-columns:1fr; gap:31px; }.seo-copy p { font-size:14px; }.seo-price-grid,.seo-steps,.seo-footer-grid { grid-template-columns:1fr; }.seo-price-card:last-child { grid-column:auto; }.seo-price-card { min-height:218px; }.seo-steps { gap:0; }.seo-steps li { min-height:120px; }.seo-steps p { margin-top:25px; }.seo-final { padding:76px 0; }.seo-final h2 { font-size:44px; }.seo-footer-grid { gap:30px; padding-bottom:35px; }.seo-footer-bottom { display:grid; font-size:8px; }.breadcrumbs { font-size:8px; } }

/* Unlimited purchase prototype: price and rental length sit directly before
   the technical details, so a country choice now leads visibly to checkout. */
.unlimited-purchase { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:end; margin-top:16px; padding:13px; border:1px solid rgba(255,153,74,.32); border-radius:10px; background:linear-gradient(120deg,rgba(255,153,74,.13),rgba(245,242,236,.035)); box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.13); }
.purchase-price { display:grid; gap:3px; }.purchase-price > span { color:rgba(245,242,236,.58); font:8px "DM Mono",monospace; letter-spacing:.09em; }.purchase-price strong { color:var(--ink); font:700 31px/1 "DM Sans",sans-serif; letter-spacing:-1.6px; }.purchase-price small { color:var(--orange); font:9px "DM Mono",monospace; letter-spacing:.02em; }
.duration-picker { display:flex; gap:4px; }.duration-picker button { min-width:46px; padding:8px 5px; border:1px solid rgba(245,242,236,.16); border-radius:6px; background:rgba(0,0,0,.14); color:rgba(245,242,236,.62); font:600 8px "DM Mono",monospace; letter-spacing:.03em; cursor:pointer; transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease; }.duration-picker button:hover { border-color:rgba(255,153,74,.55); color:var(--ink); transform:translateY(-1px); }.duration-picker button.is-selected { border-color:var(--orange); background:var(--orange); color:#171717; box-shadow:0 0 16px rgba(255,153,74,.22); }
@media(max-width:680px) { .unlimited-purchase { grid-template-columns:1fr; gap:11px; padding:12px; }.purchase-price strong { font-size:29px; }.duration-picker { width:100%; }.duration-picker button { flex:1; min-width:0; } }

/* Country selector: every location is a single, scannable horizontal row.
   The capability label lives in the same line, so it reads as part of the
   chosen country rather than as a detached second row. */
.country-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.country {
  grid-template-columns:42px minmax(0,1fr) auto;
  min-height:68px;
  padding:11px 14px;
  gap:11px;
  border-radius:10px;
}
.country > span { align-self:center; color:#f5f2ec; font-size:13px; font-weight:750; letter-spacing:-.01em; }
.country .country-flag { width:38px; height:25px; border-radius:4px; }
.country > i { display:none; }
.country-5g {
  grid-column:3;
  grid-row:1;
  justify-self:end;
  align-self:center;
  margin:0;
  padding:4px 6px;
  font-size:7px;
}
.country-5g i { opacity:1; }
.country:is([data-country="United States"],[data-country="США"],[data-country="Romania"],[data-country="Румыния"],[data-country="Georgia"],[data-country="Грузия"]) {
  grid-template-columns:42px minmax(0,1fr) auto;
  min-height:68px;
}
@media(max-width:680px) {
  .country-grid { grid-template-columns:1fr; gap:9px; }
  .country,
  .country:is([data-country="United States"],[data-country="США"],[data-country="Romania"],[data-country="Румыния"],[data-country="Georgia"],[data-country="Грузия"]) {
    grid-template-columns:34px minmax(0,1fr) auto;
    min-height:60px;
    padding:9px 11px;
  }
  .country .country-flag { width:32px; height:21px; }
  .country > span { font-size:12px; }
  .country-5g { padding:4px 5px; font-size:6.5px; }
}

/* Product deck: each proxy type has a role in one composed interface instead
   of reading as three interchangeable marketing tiles. */
.product-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(46rem 34rem at -7% 48%, rgba(32,213,185,.09), transparent 67%),
    radial-gradient(42rem 29rem at 106% 38%, rgba(255,111,62,.10), transparent 68%),
    linear-gradient(180deg, rgba(16,18,18,.16), rgba(16,18,18,0));
}
.product-section:after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: min(52vw, 700px);
  height: min(52vw, 700px);
  top: 17%;
  right: -27vw;
  border: 1px solid rgba(255,153,74,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(255,153,74,.022), 0 0 0 108px rgba(32,213,185,.014);
}
.product-section > .container { position: relative; z-index: 1; }
.products-deck {
  grid-template-columns: minmax(280px, .92fr) minmax(0, 1.08fr) minmax(0, 1.08fr);
  grid-template-rows: repeat(2, minmax(194px, 1fr));
  gap: 13px;
}
.products-deck .product-card {
  display: flex;
  min-height: 0;
  margin: 0 !important;
  padding: 24px 26px;
  border-radius: 17px;
  isolation: isolate;
}
.products-deck .product-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .72;
  pointer-events: none;
}
.products-deck .product-card:after { display: none; }
.product-mobile { grid-row: 1 / span 2; flex-direction: column; min-height: 401px !important; }
.product-residential, .product-datacenter { grid-column: 2 / span 2; flex-direction: column; }
.product-mobile:before {
  background:
    radial-gradient(circle at 69% 22%, rgba(32,213,185,.24) 0 2px, transparent 2.8px),
    radial-gradient(circle at 77% 36%, rgba(255,153,74,.18) 0 2px, transparent 2.8px),
    linear-gradient(139deg, transparent 0 58%, rgba(32,213,185,.13) 58.15% 58.45%, transparent 58.6%),
    linear-gradient(157deg, transparent 0 65%, rgba(255,153,74,.11) 65.15% 65.4%, transparent 65.55%);
}
.product-residential { background: linear-gradient(125deg, rgba(25,189,176,.18), rgba(27,28,28,.94) 56%) !important; }
.product-residential:before {
  background:
    radial-gradient(circle at 80% 48%, rgba(32,213,185,.30) 0 2px, transparent 2.8px),
    radial-gradient(circle at 91% 28%, rgba(32,213,185,.2) 0 2px, transparent 2.8px),
    linear-gradient(145deg, transparent 0 62%, rgba(32,213,185,.16) 62.15% 62.45%, transparent 62.6%),
    linear-gradient(90deg, transparent 52%, rgba(32,213,185,.055));
}
.product-datacenter { background: linear-gradient(125deg, rgba(255,153,74,.16), rgba(27,28,28,.94) 57%) !important; }
.product-datacenter:before {
  background-image:
    linear-gradient(90deg, transparent 50%, rgba(255,153,74,.075)),
    linear-gradient(rgba(255,153,74,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,153,74,.10) 1px, transparent 1px);
  background-size: auto, 25px 25px, 25px 25px;
  background-position: 0, 2px 0, 2px 0;
}
.product-card-top { display: flex; align-items: start; justify-content: space-between; min-height: 42px; }
.products-deck .product-icon { margin: 0; position: relative; z-index: 2; }
.products-deck .mobile-icon { margin: 5px 0 0 2px; }
.products-deck .home-icon { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(32,213,185,.56); border-radius: 8px; background: rgba(32,213,185,.08); color: var(--lime); font-size: 27px; line-height: 1; }
.products-deck .server-icon { width: 36px; height: 32px; margin-top: 1px; border-color: rgba(255,153,74,.56); background: rgba(255,153,74,.07); }
.product-number { color: rgba(245,242,236,.36); font: 500 10px "DM Mono", monospace; letter-spacing: .1em; }
.products-deck .card-label { position: relative; z-index: 2; margin-top: 12px; color: var(--lime); font-size: 8px; letter-spacing: .12em; }
.product-copy { position: relative; z-index: 2; }
.products-deck .product-copy h3 { margin: 11px 0 9px; font-size: clamp(24px, 2vw, 31px); line-height: 1.04; letter-spacing: -1.85px; }
.product-mobile .product-copy h3 { font-size: clamp(27px, 2.35vw, 35px); }
.products-deck .product-copy p { max-width: 304px; margin: 0; color: rgba(245,242,236,.63); font-size: 12px; line-height: 1.6; }
.products-deck .product-card > a { z-index: 3; bottom: 21px; left: 26px; display: inline-flex; align-items: center; gap: 5px; color: var(--ink); font-size: 11px; }
.products-deck .product-card > a span { margin-left: 4px; transition: transform .25s ease; }
.products-deck .product-card:hover > a span { transform: translateX(4px); }
.products-deck .signal-bars { right: 26px; bottom: 27px; height: 146px; gap: 7px; opacity: .82; z-index: 1; }
.products-deck .signal-bars i { width: 21px; background: linear-gradient(to top, rgba(255,111,62,.96), rgba(255,153,74,.45), transparent); box-shadow: 0 -9px 18px rgba(255,153,74,.06); }
.mobile-rings { position: absolute; z-index: 0; width: 220px; height: 220px; right: -105px; top: 28px; border: 1px solid rgba(32,213,185,.17); border-radius: 50%; box-shadow: 0 0 0 25px rgba(32,213,185,.018), 0 0 0 61px rgba(255,153,74,.012); }
.mobile-rings:before, .mobile-rings:after { content: ""; position: absolute; border: 1px solid rgba(255,153,74,.16); border-radius: 50%; }
.mobile-rings:before { inset: 34px; }.mobile-rings:after { inset: 72px; }
.mobile-rings i { position: absolute; width: 7px; height: 7px; top: 36px; left: 57px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(32,213,185,.11), 0 0 18px rgba(32,213,185,.7); }
.residential-orbit { position: absolute; right: 40px; top: 24px; width: 148px; height: 148px; border: 1px solid rgba(32,213,185,.17); border-radius: 50%; }
.residential-orbit:before, .residential-orbit:after { content: ""; position: absolute; border-radius: 50%; }
.residential-orbit:before { inset: 22px; border: 1px dashed rgba(32,213,185,.3); }.residential-orbit:after { inset: 54px; background: rgba(32,213,185,.12); box-shadow: 0 0 0 18px rgba(32,213,185,.025), 0 0 31px rgba(32,213,185,.10); }
.residential-orbit i { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(32,213,185,.85); }.residential-orbit i:nth-child(1) { top: 20px; left: 40px; }.residential-orbit i:nth-child(2) { right: 17px; bottom: 44px; background: var(--orange); box-shadow: 0 0 12px rgba(255,153,74,.8); }.residential-orbit b { position: absolute; left: 62px; top: 62px; width: 23px; height: 23px; border: 1px solid rgba(245,242,236,.36); border-radius: 7px; transform: rotate(45deg); }
.server-stack { position: absolute; right: 43px; top: 26px; display: grid; gap: 8px; width: 148px; opacity: .82; }
.server-stack i { position: relative; display: block; height: 20px; border: 1px solid rgba(255,153,74,.34); border-radius: 5px; background: linear-gradient(90deg, rgba(255,153,74,.12), rgba(0,0,0,.04)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.server-stack i:before, .server-stack i:after { content: ""; position: absolute; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: var(--orange); box-shadow: 7px 0 0 rgba(255,153,74,.45); }.server-stack i:before { left: 10px; }.server-stack i:after { right: 10px; width: 30px; border-radius: 3px; background: rgba(245,242,236,.16); box-shadow: none; }
.product-residential .product-copy, .product-datacenter .product-copy, .product-residential .card-label, .product-datacenter .card-label { max-width: 62%; }
.products-deck .product-card:hover { transform: translateY(-6px); }

@media (min-width: 901px) {
  /* The two horizontal cards reserve their lower-left area for copy; the CTA
     sits in the quiet part of the illustrated background instead of colliding
     with Russian multi-line descriptions. */
  .product-residential > a,
  .product-datacenter > a { left: auto !important; right: 26px; }
}

@media (max-width: 900px) {
  .products-deck { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto; }
  .product-mobile { grid-column: 1 / span 2; grid-row: auto; min-height: 350px !important; }
  .product-residential, .product-datacenter { grid-column: auto; min-height: 300px !important; flex-direction: column; }
  .product-residential .product-copy, .product-datacenter .product-copy, .product-residential .card-label, .product-datacenter .card-label { max-width: 78%; }
  .residential-orbit, .server-stack { right: 22px; }
}
@media (max-width: 680px) {
  .products-deck { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .products-deck .product-card, .product-mobile, .product-residential, .product-datacenter { grid-column: auto; min-height: 294px !important; padding: 20px; }
  .products-deck .product-copy h3, .product-mobile .product-copy h3 { max-width: 82%; font-size: 26px; letter-spacing: -1.45px; }
  .products-deck .product-copy p { max-width: 76%; font-size: 11px; }
  .products-deck .product-card > a { bottom: 18px; left: 20px; }
  .products-deck .signal-bars { right: 18px; bottom: 23px; height: 115px; transform: scale(.82); transform-origin: bottom right; }
  .mobile-rings { top: 19px; right: -135px; transform: scale(.8); }
  .residential-orbit { top: 25px; right: -22px; transform: scale(.82); transform-origin: top right; }
  .server-stack { top: 31px; right: 15px; width: 116px; transform: scale(.85); transform-origin: top right; }
  .product-residential .product-copy, .product-datacenter .product-copy, .product-residential .card-label, .product-datacenter .card-label { max-width: 74%; }
}
@media (prefers-reduced-motion: reduce) { .products-deck .product-card > a span { transition: none; } }

/* Control deck: give the dashboard its own operational space without adding
   another layer of copy. The field stays deliberately quiet on the left so
   the existing message remains the first thing the eye reads. */
.control-section {
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(39rem 30rem at 82% 43%, rgba(255,153,74,.16), transparent 65%),
    radial-gradient(31rem 25rem at 9% 84%, rgba(32,213,185,.12), transparent 70%),
    linear-gradient(116deg, #171716 0%, #1c2020 48%, #141515 100%);
}
.control-section:after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: min(58vw, 780px);
  aspect-ratio: 1;
  right: -25vw;
  top: 50%;
  border: 1px solid rgba(32,213,185,.18);
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow:
    0 0 0 36px rgba(32,213,185,.018),
    0 0 0 92px rgba(255,153,74,.014),
    0 0 72px rgba(32,213,185,.08);
}
.control-layout { position: relative; z-index: 1; }
.control-copy { position: relative; }
.control-copy:before {
  content: "";
  display: block;
  width: 54px;
  height: 1px;
  margin-bottom: 22px;
  background: linear-gradient(90deg, var(--orange), rgba(255,153,74,0));
  box-shadow: 0 0 15px rgba(255,153,74,.38);
}
.control-copy:after {
  content: "";
  position: absolute;
  left: -38px;
  bottom: -58px;
  width: 120px;
  height: 120px;
  border-left: 1px solid rgba(32,213,185,.18);
  border-bottom: 1px solid rgba(32,213,185,.18);
  border-radius: 0 0 0 20px;
  opacity: .75;
}
.dashboard {
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(245,242,236,.18);
  border-radius: 19px;
  background:
    radial-gradient(circle at 86% 7%, rgba(255,153,74,.14), transparent 23%),
    linear-gradient(145deg, rgba(48,53,53,.72), rgba(17,18,18,.98) 62%);
  box-shadow:
    0 34px 78px rgba(0,0,0,.46),
    19px 20px 0 -17px rgba(32,213,185,.17),
    inset 0 1px rgba(255,255,255,.11);
  transition: transform .32s ease, box-shadow .32s ease;
}
.dashboard:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .48;
  background-image:
    linear-gradient(rgba(32,213,185,.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(32,213,185,.065) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: linear-gradient(130deg, #000, transparent 54%);
}
.dashboard:after {
  inset: 11px -13px -13px 11px;
  border-color: rgba(255,153,74,.20);
  border-radius: 20px;
  box-shadow: 0 0 0 24px rgba(255,153,74,.018);
}
.dashboard:hover {
  transform: rotate(0deg) translateY(-5px);
  box-shadow: 0 42px 86px rgba(0,0,0,.53), 19px 20px 0 -17px rgba(32,213,185,.22), inset 0 1px rgba(255,255,255,.13);
}
.dashboard-sidebar {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, rgba(12,13,13,.93), rgba(27,31,30,.72));
  border-right-color: rgba(245,242,236,.11);
}
.dashboard-sidebar:after {
  content: "";
  width: 16px;
  height: 1px;
  margin-top: auto;
  background: var(--orange);
  box-shadow: 0 0 10px rgba(255,153,74,.55);
}
.dashboard-sidebar i {
  border-color: rgba(245,242,236,.26);
  background: linear-gradient(135deg, rgba(245,242,236,.08), transparent);
  box-shadow: inset 0 1px rgba(255,255,255,.05);
}
.dashboard-sidebar .selected {
  border-color: rgba(255,153,74,.85);
  background: linear-gradient(135deg, rgba(255,153,74,.76), rgba(255,111,62,.32));
  box-shadow: 0 0 0 4px rgba(255,153,74,.09), 0 0 14px rgba(255,153,74,.28);
}
.dashboard-main { position: relative; z-index: 1; }
.dash-stats > div,
.dash-chart {
  border-color: rgba(245,242,236,.13);
  background: linear-gradient(140deg, rgba(245,242,236,.055), rgba(0,0,0,.10));
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}
.dash-stats > div:first-child { border-color: rgba(32,213,185,.26); }
.dash-chart {
  position: relative;
  overflow: hidden;
}
.dash-chart:after {
  content: "";
  position: absolute;
  inset: 33px 12px 12px;
  pointer-events: none;
  opacity: .55;
  background-image: linear-gradient(rgba(245,242,236,.08) 1px, transparent 1px);
  background-size: 100% 22px;
}
.dash-chart svg { position: relative; z-index: 1; }
.dash-chart .line { filter: drop-shadow(0 0 5px rgba(255,153,74,.42)); }
.endpoint-row {
  position: relative;
  padding-top: 11px;
  border-top: 1px solid rgba(245,242,236,.10);
}
.endpoint-status { box-shadow: 0 0 0 4px rgba(32,213,185,.10), 0 0 11px rgba(32,213,185,.67); }
.endpoint-tag { border: 1px solid rgba(32,213,185,.26); background: rgba(32,213,185,.08); }

@media (max-width: 680px) {
  .control-section:after { width: 460px; right: -300px; top: 67%; }
  .control-copy:after { left: -16px; bottom: -43px; width: 86px; height: 86px; }
  .dashboard { border-radius: 15px; }
  .dashboard:after { inset: 7px -7px -7px 7px; border-radius: 15px; }
  .dashboard:hover { transform: none; }
}

/* Workload matrix: turn the use-cases into one composed field rather than a
   uniform set of tiles. No content changes — the visual patterns only hint at
   the kind of workload each card represents. */
.cases-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-bottom: 126px;
  background:
    radial-gradient(43rem 28rem at -8% 56%, rgba(32,213,185,.10), transparent 67%),
    radial-gradient(40rem 27rem at 105% 84%, rgba(255,111,62,.09), transparent 66%);
}
.cases-section:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(52vw, 710px);
  aspect-ratio: 1;
  right: -27vw;
  top: 19%;
  border: 1px solid rgba(255,153,74,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(255,153,74,.018), 0 0 0 104px rgba(32,213,185,.012);
}
.cases-section > .container { position: relative; z-index: 1; }
.cases-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
  border: 0;
}
.case-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 230px;
  padding: 27px;
  border: 1px solid rgba(245,242,236,.14);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(54,57,58,.49), rgba(23,24,24,.91));
  box-shadow: 0 18px 36px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.055);
  transition: transform .32s cubic-bezier(.2,.8,.2,1), border-color .32s ease, box-shadow .32s ease, background .32s ease;
}
.case-card:before,
.case-card:after { content: ""; position: absolute; z-index: -1; pointer-events: none; }
.case-card:before { inset: 0; opacity: .75; }
.case-card:after {
  width: 164px;
  height: 164px;
  right: -68px;
  bottom: -76px;
  border: 1px solid rgba(245,242,236,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 23px rgba(245,242,236,.012);
}
.case-card > span { color: var(--lime); font-size: 9px; letter-spacing: .12em; }
.case-card h3 { position: relative; margin: 31px 0 9px; font-size: clamp(22px, 2vw, 29px); line-height: 1.05; letter-spacing: -1.5px; }
.case-card p { position: relative; max-width: 255px; color: rgba(218,216,209,.65); line-height: 1.58; }
.case-card:nth-child(1) { grid-column: span 5; background: linear-gradient(132deg, rgba(24,189,176,.20), rgba(25,27,27,.95) 58%); }
.case-card:nth-child(2) { grid-column: span 3; }
.case-card:nth-child(3) { grid-column: span 4; background: linear-gradient(135deg, rgba(255,153,74,.12), rgba(25,26,26,.94) 59%); }
.case-card:nth-child(4) { grid-column: span 4; background: linear-gradient(145deg, rgba(32,213,185,.10), rgba(25,26,26,.94) 62%); }
.case-card:nth-child(5) { grid-column: span 5; background: linear-gradient(135deg, rgba(255,111,62,.19), rgba(28,29,29,.95) 58%); }
.case-card:nth-child(6) { grid-column: span 3; }
.case-card:nth-child(1):before {
  background:
    radial-gradient(circle at 77% 28%, rgba(32,213,185,.48) 0 2px, transparent 3px),
    radial-gradient(circle at 87% 45%, rgba(32,213,185,.30) 0 2px, transparent 3px),
    linear-gradient(145deg, transparent 0 57%, rgba(32,213,185,.18) 57.2% 57.55%, transparent 57.7%),
    linear-gradient(162deg, transparent 0 65%, rgba(245,242,236,.09) 65.15% 65.3%, transparent 65.45%);
}
.case-card:nth-child(2):before {
  background-image:
    linear-gradient(rgba(245,242,236,.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,242,236,.065) 1px, transparent 1px);
  background-size: 21px 21px;
  mask-image: linear-gradient(135deg, transparent 25%, #000 70%);
}
.case-card:nth-child(3):before {
  background:
    linear-gradient(90deg, transparent 52%, rgba(255,153,74,.10)),
    repeating-linear-gradient(0deg, transparent 0 14px, rgba(255,153,74,.10) 14px 15px);
}
.case-card:nth-child(4):before {
  background:
    radial-gradient(circle at 74% 37%, rgba(32,213,185,.24) 0 3px, transparent 4px),
    radial-gradient(circle at 83% 57%, rgba(32,213,185,.18) 0 3px, transparent 4px),
    linear-gradient(132deg, transparent 0 57%, rgba(32,213,185,.14) 57.15% 57.45%, transparent 57.6%);
}
.case-card:nth-child(5):before {
  background:
    radial-gradient(circle at 75% 38%, rgba(255,111,62,.23), transparent 34%),
    linear-gradient(47deg, transparent 0 60%, rgba(255,153,74,.13) 60.2% 60.45%, transparent 60.65%);
}
.case-card:nth-child(6):before {
  background-image:
    linear-gradient(135deg, transparent 0 48%, rgba(32,213,185,.12) 48.2% 48.55%, transparent 48.7%),
    linear-gradient(45deg, transparent 0 66%, rgba(255,153,74,.10) 66.2% 66.5%, transparent 66.7%);
}
.case-card:nth-child(3):after, .case-card:nth-child(5):after { border-color: rgba(255,153,74,.20); }
.case-card:nth-child(1):after, .case-card:nth-child(4):after { border-color: rgba(32,213,185,.20); }
.case-card:hover {
  transform: translateY(-7px);
  border-color: rgba(255,153,74,.58);
  background-color: rgba(45,48,48,.96);
  box-shadow: 0 27px 48px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.075);
}
.case-card:hover:after { box-shadow: 0 0 0 27px rgba(255,153,74,.025), 0 0 31px rgba(255,153,74,.10); }

@media (max-width: 900px) {
  .cases-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .case-card:nth-child(n) { grid-column: auto; }
  .case-card:nth-child(1), .case-card:nth-child(5) { grid-column: span 2; }
}
@media (max-width: 680px) {
  .cases-section { padding-bottom: 98px; }
  .cases-section:before { width: 420px; right: -285px; top: 34%; }
  .cases-grid { grid-template-columns: 1fr; gap: 10px; }
  .case-card, .case-card:nth-child(1), .case-card:nth-child(5) { grid-column: auto; min-height: 216px; padding: 22px; }
  .case-card h3 { margin-top: 28px; font-size: 25px; }
  .case-card:hover { transform: none; }
}

/* Keep the CMS atmosphere above the legacy shared-page fallbacks. */
.resource-page .page-hero { position:relative; isolation:isolate; overflow:hidden; padding:100px 0 58px; border-bottom-color:rgba(245,242,236,.13); background:linear-gradient(110deg,rgba(17,18,18,.34),rgba(17,18,18,.06)); }
.resource-page .page-hero:after { content:""; position:absolute; z-index:-1; width:21rem; height:21rem; top:-12rem; right:13%; border:1px solid rgba(255,153,74,.24); border-radius:50%; box-shadow:0 0 0 28px rgba(255,153,74,.024),0 0 0 70px rgba(32,213,185,.014); }
.resource-partners .page-hero:after { right:auto; left:12%; border-color:rgba(32,213,185,.24); box-shadow:0 0 0 28px rgba(32,213,185,.024),0 0 0 70px rgba(255,153,74,.014); }
.resource-index main > .section { position:relative; overflow:hidden; padding-bottom:112px; }
.resource-index .card { position:relative; isolation:isolate; overflow:hidden; border-color:rgba(245,242,236,.17); background:linear-gradient(145deg,rgba(53,57,57,.82),rgba(21,22,22,.94)); box-shadow:inset 0 1px rgba(255,255,255,.075),0 18px 38px rgba(0,0,0,.18); }
.resource-index .card:hover { transform:translateY(-6px); border-color:rgba(255,153,74,.58); box-shadow:inset 0 1px rgba(255,255,255,.10),0 28px 48px rgba(0,0,0,.30); }
.resource-detail .content-article { position:relative; max-width:850px; padding:48px 54px 60px; border:1px solid rgba(245,242,236,.14); border-radius:18px; background:linear-gradient(145deg,rgba(53,57,57,.63),rgba(19,20,20,.72)); box-shadow:inset 0 1px rgba(255,255,255,.055),0 24px 52px rgba(0,0,0,.16); }
@media (max-width:680px) { .resource-page .page-hero { padding:72px 0 42px; }.resource-page .page-hero:after { width:15rem; height:15rem; right:-3rem; top:-9rem; }.resource-partners .page-hero:after { left:-3rem; }.resource-index main > .section { padding-bottom:78px; }.resource-detail .content-article { padding:32px 23px 42px; border-radius:14px; } }

.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;max-width:620px;margin:46px auto 0;padding:10px 12px;border:1px solid rgba(245,242,236,.14);border-radius:14px;background:rgba(26,28,28,.58);box-shadow:inset 0 1px rgba(255,255,255,.06)}.pagination a,.pagination span{min-width:34px;padding:8px 10px;border-radius:8px;color:var(--text);font:500 12px/1 var(--mono);text-align:center}.pagination a:hover{background:rgba(255,153,74,.16);color:#ffb070}.pagination-pages{display:flex;gap:4px;justify-content:center}.pagination-pages span{background:#ff994a;color:#181818;font-weight:700}.pagination-prev{justify-self:start}.pagination-next{justify-self:end}@media(max-width:680px){.pagination{grid-template-columns:1fr auto 1fr;gap:6px;padding:8px}.pagination a,.pagination span{min-width:28px;padding:8px 7px}.pagination-prev,.pagination-next{font-size:0}.pagination-prev:before{content:'←';font-size:16px}.pagination-next:after{content:'→';font-size:16px}}
.partner-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.partner-tab{border:1px solid rgba(245,242,236,.17);border-radius:999px;background:rgba(23,24,24,.58);color:var(--text);padding:10px 15px;font:500 11px/1 var(--mono);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.partner-tab:hover{border-color:rgba(255,153,74,.55);color:#ffb070}.partner-tab.is-active{border-color:#ff994a;background:#ff994a;color:#181818;font-weight:700}.partner-card[hidden]{display:none!important}@media(max-width:680px){.partner-tabs{margin-bottom:19px;gap:7px}.partner-tab{padding:9px 12px;font-size:10px}}
.partner-directory{display:grid;grid-template-columns:1fr minmax(260px,360px);align-items:center;gap:18px;margin-bottom:26px}.partner-directory .partner-tabs{order:1;justify-content:flex-start;margin:0}.partner-search{order:2;display:flex;align-items:center;gap:10px;border:1px solid rgba(245,242,236,.17);border-radius:11px;background:rgba(23,24,24,.58);padding:0 13px}.partner-search span{color:#ffb070;font-size:18px}.partner-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:13px 0;font:500 12px var(--mono)}.partner-search input::placeholder{color:rgba(245,242,236,.45)}.partner-search:focus-within{border-color:rgba(255,153,74,.6);box-shadow:0 0 0 3px rgba(255,153,74,.08)}.partner-empty{margin:24px 0 0;padding:18px;border:1px dashed rgba(245,242,236,.2);border-radius:12px;color:rgba(245,242,236,.68);text-align:center}.partner-empty[hidden]{display:none}@media(max-width:820px){.partner-directory{grid-template-columns:1fr;gap:12px}.partner-directory .partner-tabs{justify-content:flex-start}}

/* AI / LLM reference landing. It reuses the product-page rhythm, but adds a
   compact technical card and a facts grid for quick reading. */
.ai-hero { background:radial-gradient(circle at 82% 8%,rgba(32,213,185,.15),transparent 29%),radial-gradient(circle at 12% 92%,rgba(255,153,74,.12),transparent 26%),linear-gradient(140deg,#142e32,#111c22 63%,#0b1115); }
.ai-hero h1 em { color:#d9f4c7; font-style:normal; }
.ai-hero-card { position:relative; min-height:300px; padding:27px; overflow:hidden; border:1px solid rgba(32,213,185,.3); border-radius:15px; background:linear-gradient(145deg,rgba(18,57,59,.84),rgba(9,19,22,.92)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 20px 46px rgba(0,0,0,.22); }
.ai-hero-card:after { content:""; position:absolute; z-index:0; right:-68px; bottom:-80px; width:225px; height:225px; border:1px solid rgba(32,213,185,.27); border-radius:50%; box-shadow:0 0 0 27px rgba(32,213,185,.035),0 0 0 58px rgba(255,153,74,.02); }
.ai-hero-card > * { position:relative; z-index:1; }.ai-hero-card > span { color:var(--orange); font:9px var(--mono); letter-spacing:.11em; }.ai-hero-card strong { display:block; margin:27px 0 21px; font-size:28px; line-height:1.04; letter-spacing:-.065em; }.ai-hero-card ul { display:grid; gap:9px; margin:0; padding:0; list-style:none; color:rgba(255,248,236,.8); font:10px var(--mono); }.ai-hero-card li { display:flex; align-items:center; gap:10px; }.ai-hero-card li i { display:inline-grid; width:19px; height:19px; place-items:center; border:1px solid rgba(32,213,185,.36); border-radius:50%; color:#7de7d5; font-style:normal; font-size:7px; }.ai-hero-card p { display:flex; align-items:center; gap:8px; margin:19px 0 0; color:#d9f4c7; font:9px var(--mono); }.ai-hero-card p b { width:7px; height:7px; border-radius:50%; background:#20d5b9; box-shadow:0 0 0 5px rgba(32,213,185,.1),0 0 13px #20d5b9; }
.ai-intro { background:#111c22; }.ai-use-cases { padding:102px 0; background:#162a31; }.ai-use-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:41px; }.ai-use-grid article { min-height:235px; padding:22px; border:1px solid rgba(217,244,199,.14); border-radius:12px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.1)); }.ai-use-grid article:nth-child(even) { border-color:rgba(255,153,74,.26); }.ai-use-grid span { color:#d9f4c7; font:9px var(--mono); letter-spacing:.1em; }.ai-use-grid h3 { margin:45px 0 12px; font-size:20px; letter-spacing:-.045em; line-height:1.06; }.ai-use-grid p { margin:0; color:rgba(255,248,236,.69); font-size:13px; line-height:1.6; }
.ai-products { padding:102px 0; background:#111c22; }.ai-product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:39px; }.ai-product-grid article { position:relative; min-height:282px; padding:25px; overflow:hidden; border:1px solid rgba(255,248,236,.14); border-radius:13px; background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(0,0,0,.12)); }.ai-product-grid article:after { content:""; position:absolute; width:138px; height:138px; right:-70px; top:-71px; border:1px solid rgba(32,213,185,.2); border-radius:50%; }.ai-product-grid article.is-featured { border-color:rgba(255,153,74,.55); background:linear-gradient(145deg,rgba(235,94,40,.2),rgba(0,0,0,.12)); }.ai-product-grid article.is-featured:after { border-color:rgba(255,153,74,.28); }.ai-product-grid span { position:relative; z-index:1; color:#d9f4c7; font:9px var(--mono); letter-spacing:.1em; }.ai-product-grid strong { position:relative; z-index:1; display:block; margin:22px 0 13px; font-size:38px; letter-spacing:-.07em; }.ai-product-grid strong small { color:rgba(255,248,236,.58); font-size:11px; letter-spacing:0; }.ai-product-grid h3 { position:relative; z-index:1; margin:0 0 10px; font-size:19px; }.ai-product-grid p { position:relative; z-index:1; max-width:260px; margin:0; color:rgba(255,248,236,.68); font-size:13px; line-height:1.58; }.ai-product-grid a { position:absolute; z-index:1; bottom:24px; left:25px; color:#d9f4c7; font:600 11px var(--mono); }.ai-product-grid a i { color:var(--orange); font-style:normal; }
.ai-reference { padding:104px 0; background:#162a31; }.ai-reference .seo-copy { margin-bottom:39px; }.ai-reference-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0; }.ai-reference-grid > div { min-height:140px; padding:20px; border:1px solid rgba(217,244,199,.16); border-radius:10px; background:rgba(5,16,18,.18); }.ai-reference-grid dt { margin-bottom:31px; color:var(--orange); font:9px var(--mono); letter-spacing:.1em; text-transform:uppercase; }.ai-reference-grid dd { margin:0; color:rgba(255,248,236,.81); font-size:14px; line-height:1.5; }.ai-how { background:#111c22; }
@media(max-width:900px){.ai-use-grid{grid-template-columns:repeat(2,1fr)}.ai-product-grid{grid-template-columns:1fr 1fr}.ai-product-grid article:last-child{grid-column:1/-1}.ai-reference-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ai-hero-card{min-height:264px;padding:22px}.ai-hero-card strong{margin:23px 0 18px;font-size:25px}.ai-intro,.ai-use-cases,.ai-products,.ai-reference{padding:76px 0}.ai-use-grid,.ai-product-grid,.ai-reference-grid{grid-template-columns:1fr;gap:10px}.ai-use-grid article{min-height:198px}.ai-use-grid h3{margin-top:34px}.ai-product-grid article:last-child{grid-column:auto}.ai-product-grid article{min-height:255px;padding:22px}.ai-product-grid strong{font-size:34px}.ai-product-grid a{left:22px;bottom:22px}.ai-reference .seo-copy{margin-bottom:28px}.ai-reference-grid>div{min-height:0;padding:19px}.ai-reference-grid dt{margin-bottom:17px}}