.offer-symbols {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.offer-main {
  overflow: hidden;
}

.offer-progress {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 80;
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  transform-origin: left center;
  background: linear-gradient(90deg, #00b8d9, #1268ff 50%, #725cff 76%, #ff4d2e);
  box-shadow: 0 0 16px rgba(18, 104, 255, 0.5);
}

.offer-main svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.offer-nav {
  position: sticky;
  top: 0;
  z-index: 50;
}

.offer-hero {
  min-height: calc(100svh - 74px);
  display: grid;
  grid-template-columns: minmax(420px, 0.84fr) minmax(520px, 1.16fr);
  grid-template-areas:
    "kicker kicker"
    "title title"
    "intro visual"
    "actions visual"
    "proof visual";
  align-items: start;
  column-gap: clamp(44px, 5vw, 70px);
  row-gap: 0;
  padding-top: clamp(60px, 5vw, 78px);
  padding-bottom: clamp(66px, 6vw, 82px);
}

.offer-hero::before {
  content: "";
  position: absolute;
  inset: 0 47% 0 -20vw;
  z-index: -1;
  background: radial-gradient(circle at 48% 42%, rgba(0, 184, 217, 0.24), transparent 56%);
  filter: blur(14px);
}

.offer-hero-copy {
  display: contents;
}

.offer-kicker,
.offer-section-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #1163ea;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.offer-kicker span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #44d62c;
  box-shadow: 0 0 0 6px rgba(68, 214, 44, 0.13), 0 0 22px rgba(68, 214, 44, 0.48);
}

.offer-hero .offer-kicker {
  grid-area: kicker;
  margin-bottom: 24px;
}

.offer-hero h1 {
  grid-area: title;
  max-width: 1140px;
  margin: 0 0 clamp(36px, 3.5vw, 46px);
  font-size: clamp(64px, 7vw, 96px);
  line-height: 0.94;
  letter-spacing: -0.035em;
  overflow-wrap: break-word;
}

.offer-hero h1 em {
  display: inline-block;
  margin-top: 12px;
  padding: 0.02em 0.18em 0.09em;
  color: #fff;
  font-style: normal;
  background: linear-gradient(90deg, #00a8d6, #1268ff 46%, #725cff 72%, #ff4d2e);
  border-radius: 0.28em;
  box-shadow: 0 24px 70px rgba(18, 104, 255, 0.19);
}

.offer-hero-copy > p {
  grid-area: intro;
  max-width: 500px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(18px, 1.65vw, 21px);
  line-height: 1.62;
}

.offer-hero .offer-actions { grid-area: actions; }
.offer-hero .offer-proof { grid-area: proof; }

.offer-actions,
.offer-cta-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.offer-button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 0 21px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.offer-button svg {
  width: 19px;
  height: 19px;
}

.offer-button:hover,
.offer-button:focus-visible {
  transform: translateY(-2px);
  outline: none;
}

.offer-button-primary {
  border-color: rgba(18, 22, 33, 0.22);
  color: #fff;
  background: linear-gradient(135deg, #111827, #1d2d54);
  box-shadow: 0 20px 50px rgba(18, 104, 255, 0.23);
}

.offer-button-primary:hover {
  box-shadow: 0 24px 64px rgba(18, 104, 255, 0.32);
}

.offer-button-secondary {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(16px);
}

body[data-theme="dark"] .offer-button-primary {
  border-color: rgba(245, 247, 239, 0.28);
  color: #070807;
  background: #f5f7ef;
}

body[data-theme="dark"] .offer-button-secondary {
  color: var(--ink);
  background: rgba(245, 247, 239, 0.055);
  box-shadow: none;
}

.offer-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}

.offer-proof div {
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.58);
  backdrop-filter: blur(18px);
}

body[data-theme="dark"] .offer-proof div {
  background: rgba(245, 247, 239, 0.045);
}

.offer-proof strong {
  color: var(--ink);
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1;
}

.offer-proof span {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}

.offer-universe {
  grid-area: visual;
  position: relative;
  min-height: 520px;
  height: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(0, 184, 217, 0.19), transparent 24%),
    radial-gradient(circle at 22% 16%, rgba(114, 92, 255, 0.18), transparent 26%),
    radial-gradient(circle at 82% 82%, rgba(255, 77, 46, 0.13), transparent 28%),
    rgba(255, 255, 255, 0.58);
  box-shadow: 0 34px 110px rgba(35, 52, 70, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(22px);
}

body[data-theme="dark"] .offer-universe {
  background:
    radial-gradient(circle at 50% 50%, rgba(63, 246, 232, 0.13), transparent 25%),
    radial-gradient(circle at 22% 16%, rgba(114, 92, 255, 0.13), transparent 26%),
    radial-gradient(circle at 82% 82%, rgba(255, 122, 89, 0.09), transparent 28%),
    rgba(245, 247, 239, 0.035);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.22);
}

.universe-grid {
  position: absolute;
  inset: 0;
  opacity: 0.43;
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle, #000 28%, transparent 78%);
}

.universe-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px dashed rgba(18, 104, 255, 0.26);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: offer-spin 28s linear infinite;
}

.universe-ring-one {
  width: 430px;
  height: 430px;
}

.universe-ring-two {
  width: 570px;
  height: 570px;
  border-color: rgba(114, 92, 255, 0.22);
  animation-direction: reverse;
  animation-duration: 38s;
}

.universe-ring::before,
.universe-ring::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #1268ff;
  box-shadow: 0 0 20px rgba(18, 104, 255, 0.8);
}

.universe-ring::before { left: 12%; top: 12%; }
.universe-ring::after { right: 8%; bottom: 18%; background: #ff4d2e; }

.universe-hub {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 210px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  padding: 34px 22px;
  border: 1px solid rgba(18, 104, 255, 0.24);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 28px 72px rgba(18, 104, 255, 0.2), 0 0 0 16px rgba(18, 104, 255, 0.055);
  transform: translate(-50%, -50%);
  text-align: center;
}

body[data-theme="dark"] .universe-hub {
  background: rgba(7, 8, 7, 0.88);
}

.universe-hub img {
  width: 160px;
  height: auto;
}

body[data-theme="dark"] .universe-hub img {
  filter: brightness(0) invert(1);
}

.universe-hub span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.universe-node {
  position: absolute;
  z-index: 4;
  width: 138px;
  min-height: 106px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.79);
  box-shadow: 0 18px 42px rgba(35, 52, 70, 0.13);
  backdrop-filter: blur(18px);
  animation: offer-float 5s ease-in-out infinite;
}

body[data-theme="dark"] .universe-node {
  background: rgba(15, 18, 17, 0.84);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.universe-node svg {
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
  color: #1268ff;
}

.universe-node strong { color: var(--ink); font-size: 15px; }
.universe-node span { margin-top: 3px; color: var(--muted); font-size: 11px; font-weight: 720; }
.node-mobile { left: 5%; top: 13%; }
.node-desktop { right: 5%; top: 12%; animation-delay: -1.8s; }
.node-erp { right: 2%; top: 43%; animation-delay: -3.2s; }
.node-crm { right: 12%; bottom: 7%; animation-delay: -0.8s; }
.node-lms { left: 11%; bottom: 7%; animation-delay: -2.4s; }
.node-ai { left: 2%; top: 46%; animation-delay: -4.1s; }

.universe-pulse {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(0, 184, 217, 0.35);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: offer-pulse 3.4s ease-out infinite;
}

.pulse-two { animation-delay: 1.7s; }

.offer-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.65fr);
  align-items: end;
  gap: clamp(28px, 7vw, 90px);
  padding-top: clamp(76px, 8vw, 116px);
  padding-bottom: 36px;
}

.offer-intro h2,
.systems-copy h2,
.delivery-heading h2,
.offer-partnership h2,
.offer-cta h2 {
  margin: 15px 0 0;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1;
  letter-spacing: 0;
}

.offer-intro p,
.systems-copy > p,
.offer-partnership p,
.offer-cta p {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.72;
}

.offer-intro > p { max-width: 520px; }
.systems-copy > p,
.offer-partnership p { max-width: 620px; margin-top: 20px; }

.offer-capabilities {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  padding-top: 12px;
}

.capability-card {
  position: relative;
  grid-column: span 4;
  min-height: 410px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.66);
  box-shadow: 0 20px 60px rgba(35, 52, 70, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(18px);
  transition: transform 220ms ease, box-shadow 220ms ease;
}

.capability-card:nth-child(1),
.capability-card:nth-child(2) {
  grid-column: span 6;
}

body[data-theme="dark"] .capability-card {
  background: rgba(245, 247, 239, 0.04);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.capability-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 78px rgba(35, 52, 70, 0.16);
}

.capability-card::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -110px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--card-glow, rgba(0, 184, 217, 0.22)), transparent 68%);
  pointer-events: none;
}

.capability-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: radial-gradient(240px circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(255, 255, 255, 0.72), transparent 68%);
  transition: opacity 180ms ease;
  pointer-events: none;
}

body[data-theme="dark"] .capability-card::before {
  background: radial-gradient(240px circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(63, 246, 232, 0.08), transparent 68%);
}

.capability-card:hover::before {
  opacity: 0.6;
}

.capability-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.capability-icon {
  width: 48px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(18, 104, 255, 0.15);
  border-radius: 8px;
  color: #1268ff;
  background: rgba(18, 104, 255, 0.08);
}

.capability-icon svg { width: 25px; height: 25px; }
.capability-number { color: rgba(83, 98, 113, 0.45); font-size: 13px; font-weight: 900; letter-spacing: 0.12em; }
.capability-card h3 { margin: 24px 0 12px; font-size: clamp(25px, 2.05vw, 30px); line-height: 1.08; letter-spacing: 0; }
.capability-card > p { margin: 0; color: var(--muted); line-height: 1.62; }
.capability-tags { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
.capability-tags span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255, 255, 255, 0.46); font-size: 11px; font-weight: 820; }
body[data-theme="dark"] .capability-tags span { background: rgba(245, 247, 239, 0.045); }
.capability-mobile { --card-glow: rgba(0, 184, 217, 0.27); }
.capability-desktop { --card-glow: rgba(114, 92, 255, 0.24); }
.capability-web { --card-glow: rgba(68, 214, 44, 0.24); }
.capability-erp { --card-glow: rgba(246, 166, 0, 0.24); }
.capability-crm { --card-glow: rgba(255, 77, 46, 0.22); }
.capability-lms { --card-glow: rgba(0, 184, 217, 0.24); }
.capability-ai { --card-glow: rgba(114, 92, 255, 0.3); }
.capability-cloud { --card-glow: rgba(68, 214, 44, 0.24); }

.phone-stack {
  position: absolute;
  right: 34px;
  bottom: -46px;
  width: 210px;
  height: 180px;
}

.phone-stack i {
  position: absolute;
  bottom: 0;
  width: 82px;
  height: 160px;
  border: 5px solid var(--ink);
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(0, 184, 217, 0.3), rgba(18, 104, 255, 0.08) 54%, rgba(114, 92, 255, 0.28));
  box-shadow: 0 20px 45px rgba(18, 104, 255, 0.2);
}

.phone-stack i:nth-child(1) { left: 12px; transform: rotate(-9deg); }
.phone-stack i:nth-child(2) { left: 70px; z-index: 2; height: 176px; }
.phone-stack i:nth-child(3) { right: 0; transform: rotate(9deg); }

.desktop-window {
  position: absolute;
  right: 30px;
  bottom: -12px;
  width: 260px;
  height: 150px;
  border: 5px solid var(--ink);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(114, 92, 255, 0.22), rgba(18, 104, 255, 0.08));
  box-shadow: 0 26px 54px rgba(114, 92, 255, 0.18);
}

.desktop-window::before { content: ""; position: absolute; left: -5px; right: -5px; top: 27px; height: 4px; background: var(--ink); }
.desktop-window b { position: relative; z-index: 2; display: inline-block; width: 7px; height: 7px; margin: 9px 0 0 6px; border-radius: 50%; background: #ff4d2e; }
.desktop-window b:nth-child(2) { background: #f6a600; }.desktop-window b:nth-child(3) { background: #44d62c; }
.desktop-window span { position: absolute; left: 22px; right: 22px; top: 53px; height: 68px; border-radius: 8px; background: repeating-linear-gradient(180deg, rgba(18, 104, 255, 0.4) 0 5px, transparent 5px 15px); }

.web-chart { position: absolute; left: 26px; right: 26px; bottom: 24px; height: 74px; display: flex; align-items: end; gap: 9px; }
.web-chart i { flex: 1; border-radius: 5px 5px 0 0; background: linear-gradient(#44d62c, #00b8d9); }
.web-chart i:nth-child(1){height:32%}.web-chart i:nth-child(2){height:48%}.web-chart i:nth-child(3){height:43%}.web-chart i:nth-child(4){height:76%}.web-chart i:nth-child(5){height:100%}
.erp-flow { position: absolute; left: 25px; right: 25px; bottom: 28px; display: flex; align-items: center; gap: 8px; }
.erp-flow span { flex: 1; padding: 12px 7px; border: 1px solid rgba(246,166,0,.24); border-radius: 8px; color: var(--ink); background: rgba(246,166,0,.09); text-align: center; font-size: 12px; font-weight: 850; }
.erp-flow i { width: 16px; height: 1px; background: #f6a600; }
.crm-pipeline { position: absolute; left: 26px; right: 26px; bottom: 26px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }
.crm-pipeline i { height: 62px; border-radius: 8px; background: rgba(255,77,46,.08); border: 1px solid rgba(255,77,46,.18); }
.crm-pipeline i::before { content:""; display:block; width:70%; height:7px; margin:11px auto; border-radius:8px; background:rgba(255,77,46,.34); box-shadow:0 17px 0 rgba(255,77,46,.16),0 34px 0 rgba(255,77,46,.1); }
.learning-progress { position: absolute; left: 26px; right: 26px; bottom: 28px; }
.learning-progress > span { display:block; height:12px; overflow:hidden; border-radius:999px; background:rgba(0,184,217,.1); }
.learning-progress i { display:block; width:78%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#00b8d9,#1268ff); }
.learning-progress strong { display:block; margin-top:9px; color:var(--muted); font-size:12px; }
.ai-network { position:absolute; right:26px; bottom:20px; width:150px; height:100px; }
.ai-network i,.ai-network b { position:absolute; width:17px; height:17px; border-radius:50%; background:#725cff; box-shadow:0 0 0 7px rgba(114,92,255,.1); }
.ai-network i:nth-child(1){left:0;top:20px}.ai-network i:nth-child(2){right:0;top:9px}.ai-network i:nth-child(3){left:22px;bottom:0}.ai-network i:nth-child(4){right:14px;bottom:3px}.ai-network b{left:64px;top:37px;width:28px;height:28px;background:#1268ff}
.ai-network::before,.ai-network::after { content:""; position:absolute; left:14px; right:14px; top:50px; height:1px; background:rgba(114,92,255,.38); transform:rotate(-7deg); }.ai-network::after{transform:rotate(22deg)}
.cloud-status { position:absolute; left:26px; right:26px; bottom:28px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:13px; border:1px solid rgba(68,214,44,.2); border-radius:8px; background:rgba(68,214,44,.07); }
.cloud-status i { width:10px; height:10px; border-radius:50%; background:#44d62c; box-shadow:0 0 0 6px rgba(68,214,44,.12); }.cloud-status span{font-size:11px;font-weight:760;color:var(--muted)}.cloud-status strong{font-size:12px;color:#239919}

.systems-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(420px, 0.9fr) minmax(540px, 1.1fr);
  align-items: center;
  gap: clamp(34px, 4vw, 58px);
  margin-top: clamp(82px, 9vw, 124px);
  padding: clamp(34px, 4vw, 58px);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(18,104,255,.08), rgba(0,184,217,.04) 45%, rgba(114,92,255,.08));
}

.systems-list { display:grid; gap:10px; margin:28px 0 0; padding:0; list-style:none; }
.systems-list li { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:14px; font-weight:700; }
.systems-list span { min-width:56px; padding:7px 8px; border:1px solid rgba(18,104,255,.17); border-radius:7px; color:#1268ff; background:rgba(18,104,255,.07); text-align:center; font-size:11px; font-weight:900; }

.systems-console { overflow:hidden; border:1px solid rgba(18,22,33,.16); border-radius:8px; background:#0c1322; color:#eef5ff; box-shadow:0 34px 90px rgba(12,19,34,.26); transform:perspective(1200px) rotateY(-3deg) rotateX(2deg); }
.console-bar { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.09); color:#aebbd0; font-size:11px; font-weight:750; }
.console-bar div{display:flex;gap:6px}.console-bar i{width:8px;height:8px;border-radius:50%;background:#ff6b5a}.console-bar i:nth-child(2){background:#f5b942}.console-bar i:nth-child(3){background:#44d62c}.console-bar b{padding:6px 8px;border-radius:6px;color:#91f49c;background:rgba(68,214,44,.1);font-size:10px}
.console-layout { display:grid; grid-template-columns:125px 1fr; min-height:390px; }
.console-layout aside { display:flex; flex-direction:column; gap:5px; padding:20px 12px; border-right:1px solid rgba(255,255,255,.08); color:#78869d; font-size:11px; font-weight:720; }
.console-layout aside strong { margin:0 8px 12px;color:#edf3ff;font-size:12px }.console-layout aside span{padding:9px 8px;border-radius:6px}.console-layout aside .active{color:#fff;background:rgba(18,104,255,.28)}
.console-main{padding:20px}.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.console-metrics article{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.035)}.console-metrics small{display:block;color:#7f8da4;font-size:10px}.console-metrics strong{display:block;margin-top:8px;color:#fff;font-size:22px}.console-metrics span{display:block;margin-top:6px;color:#71da88;font-size:9px;font-weight:800;text-transform:uppercase}
.console-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:10px}.console-panels>article{min-height:218px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.035)}.chart-title{display:flex;justify-content:space-between;gap:10px;font-size:11px}.chart-title span{color:#718096}.chart-bars{height:150px;display:flex;align-items:end;gap:8px;padding-top:20px}.chart-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#00b8d9,#1268ff)}.chart-bars i:nth-child(1){height:30%}.chart-bars i:nth-child(2){height:47%}.chart-bars i:nth-child(3){height:39%}.chart-bars i:nth-child(4){height:61%}.chart-bars i:nth-child(5){height:56%}.chart-bars i:nth-child(6){height:76%}.chart-bars i:nth-child(7){height:68%}.chart-bars i:nth-child(8){height:94%}
.console-activity>strong{font-size:11px}.console-activity div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);font-size:10px}.console-activity i{width:8px;height:8px;border-radius:50%;background:#44d62c}.console-activity small{color:#8290a7}

.platform-stage { padding-top: 0; }
.platform-stage .offer-intro { padding-top: clamp(78px, 8vw, 112px); }
.platform-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:clamp(86px,9vw,116px); }
.platform-grid article { min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:25px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.57);text-align:center; }
body[data-theme="dark"] .platform-grid article{background:rgba(245,247,239,.035)}
.platform-grid strong{margin-top:22px;color:var(--ink);font-size:20px}.platform-grid span{margin-top:6px;color:var(--muted);font-size:12px}.device{position:relative;display:grid;place-items:center;color:var(--ink)}.phone-device{width:82px;height:154px;border:5px solid currentColor;border-radius:20px}.phone-device::before{content:"";position:absolute;top:7px;width:27px;height:5px;border-radius:5px;background:currentColor}.phone-device i{width:54px;height:91px;border-radius:9px;background:linear-gradient(150deg,rgba(0,184,217,.35),rgba(18,104,255,.08),rgba(114,92,255,.3))}.ios-device i{background:linear-gradient(150deg,rgba(255,77,46,.28),rgba(114,92,255,.14),rgba(18,104,255,.28))}.laptop-device{width:190px;height:112px;border:6px solid currentColor;border-radius:12px}.laptop-device::after{content:"";position:absolute;left:-18px;right:-18px;bottom:-15px;height:11px;border-radius:0 0 12px 12px;background:currentColor}.laptop-device i,.desktop-device i{width:150px;height:75px;border-radius:6px;background:linear-gradient(145deg,rgba(68,214,44,.22),rgba(0,184,217,.24))}.desktop-device{width:184px;height:116px;border:6px solid currentColor;border-radius:10px}.desktop-device::before{content:"";position:absolute;bottom:-28px;width:9px;height:24px;background:currentColor}.desktop-device::after{content:"";position:absolute;bottom:-32px;width:70px;height:7px;border-radius:7px;background:currentColor}

.delivery-stage { padding:clamp(44px,5vw,64px);border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.62); }
body[data-theme="dark"] .delivery-stage{background:rgba(245,247,239,.035)}
.delivery-heading{max-width:760px}.delivery-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:13px;margin-top:40px}.delivery-flow article{min-height:220px;padding:22px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.58)}body[data-theme="dark"] .delivery-flow article{background:rgba(245,247,239,.035)}.delivery-flow article>span{color:#1268ff;font-size:11px;font-weight:900;letter-spacing:.12em}.delivery-flow svg{width:34px;height:34px;margin-top:26px;color:#1268ff}.delivery-flow h3{margin:15px 0 9px;font-size:22px}.delivery-flow p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.delivery-flow>i{width:28px;height:1px;background:linear-gradient(90deg,#1268ff,#00b8d9);position:relative}.delivery-flow>i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #00b8d9;border-right:1px solid #00b8d9;transform:rotate(45deg)}

.offer-partnership { display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(40px,7vw,96px);padding-block:clamp(82px,9vw,124px); }
.partnership-art{position:relative;min-height:380px;display:grid;place-items:center}.partnership-art::before,.partnership-art::after{content:"";position:absolute;border:1px dashed rgba(18,104,255,.28);border-radius:50%}.partnership-art::before{width:290px;height:290px;animation:offer-spin 24s linear infinite}.partnership-art::after{width:370px;height:370px;animation:offer-spin 34s linear infinite reverse}.partnership-orb{position:relative;z-index:2;width:180px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#1268ff;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(210,238,255,.7));box-shadow:0 30px 80px rgba(18,104,255,.2)}body[data-theme="dark"] .partnership-orb{background:rgba(245,247,239,.07)}.partnership-orb svg{width:70px;height:70px}.partnership-art>i{position:absolute;z-index:3;width:18px;height:18px;border-radius:50%;background:#44d62c;box-shadow:0 0 0 9px rgba(68,214,44,.12)}.partnership-art>i:nth-of-type(1){left:13%;top:22%}.partnership-art>i:nth-of-type(2){right:12%;top:35%;background:#ff4d2e}.partnership-art>i:nth-of-type(3){left:25%;bottom:12%;background:#725cff}
.partnership-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.partnership-tags span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:820}

.offer-cta { display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:40px;margin-bottom:clamp(64px,8vw,96px);padding:clamp(36px,5vw,64px);border:1px solid rgba(18,104,255,.2);border-radius:8px;background:linear-gradient(135deg,rgba(0,184,217,.15),rgba(18,104,255,.08) 45%,rgba(114,92,255,.13));box-shadow:0 35px 100px rgba(35,52,70,.14)}.offer-cta h2{max-width:760px}.offer-cta p{max-width:660px;margin-top:20px}.offer-cta-actions{justify-content:flex-end;margin-top:0}.offer-cta-actions .offer-button{width:100%}
.offer-footer{margin-top:0}

@keyframes offer-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes offer-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} }
@keyframes offer-pulse { 0%{opacity:.7;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)} }

@media (max-width: 1120px) {
  .offer-hero {
    grid-template-columns: 1fr;
    grid-template-areas:
      "kicker"
      "title"
      "intro"
      "actions"
      "proof"
      "visual";
  }
  .offer-hero h1 { max-width: 1000px; }
  .offer-hero-copy > p { max-width: 680px; }
  .offer-proof { max-width: 680px; }
  .offer-universe { min-height: 620px; margin-top: 48px; }
  .capability-card { grid-column: span 6; }
  .systems-stage { grid-template-columns: 1fr; }
  .systems-console { transform: none; }
  .delivery-flow { grid-template-columns: repeat(2, 1fr); }
  .delivery-flow > i { display:none; }
}

@media (max-width: 820px) {
  .offer-intro,
  .offer-partnership,
  .offer-cta { grid-template-columns: 1fr; }
  .offer-intro { align-items:start; }
  .platform-grid { grid-template-columns: repeat(2,1fr); }
  .offer-cta-actions { justify-content:flex-start; }
  .offer-cta-actions .offer-button { width:auto; }
}

@media (max-width: 680px) {
  .offer-nav .brand-logo { width: 116px; }
  .offer-nav .nav-cta { font-size: 12px; padding-inline: 11px; }
  .offer-nav .theme-toggle { width: 66px; }
  .offer-hero { min-height:auto;gap:0;padding-top:40px;padding-bottom:80px; }
  .offer-hero .offer-kicker { margin-bottom:18px; }
  .offer-hero h1 { margin-bottom:28px;font-size:clamp(42px,13vw,58px);line-height:.94;letter-spacing:-.025em; }
  .offer-hero h1 br { display:none; }
  .offer-hero h1 em { margin-top:8px;padding:.04em .15em .1em;border-radius:.25em; }
  .offer-hero-copy > p { font-size:18px;line-height:1.6; }
  .offer-hero .offer-actions { margin-top:26px; }
  .offer-hero .offer-proof { margin-top:28px; }
  .offer-proof { grid-template-columns:1fr; }
  .offer-universe { min-height:auto;height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:42px;padding:18px; }
  .universe-grid,.universe-ring,.universe-pulse{display:none}.universe-hub{position:relative;left:auto;top:auto;grid-column:1/-1;width:100%;aspect-ratio:auto;min-height:150px;border-radius:8px;transform:none}.universe-hub img{width:180px}.universe-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:108px;animation:none}.offer-intro{padding-top:80px}.platform-stage .offer-intro{padding-top:80px}.offer-capabilities{grid-template-columns:1fr}.capability-card,.capability-card:nth-child(1),.capability-card:nth-child(2){grid-column:auto;min-height:400px}.phone-stack{right:16px;transform:scale(.82);transform-origin:right bottom}.desktop-window{right:15px;width:230px}.systems-stage{margin-top:80px;padding:26px 18px}.console-layout{grid-template-columns:1fr}.console-layout aside{display:none}.console-main{padding:12px}.console-metrics{grid-template-columns:1fr}.console-metrics article:nth-child(3){display:none}.console-panels{grid-template-columns:1fr}.console-activity{display:none}.systems-console{margin-inline:-5px}.platform-grid{grid-template-columns:1fr}.platform-grid article{min-height:270px}.delivery-stage{padding:32px 18px}.delivery-flow{grid-template-columns:1fr}.delivery-flow article{min-height:auto}.partnership-art{min-height:320px}.offer-partnership{padding-block:80px}.offer-cta{padding:32px 20px}.offer-cta-actions .offer-button{width:100%}.offer-actions .offer-button{width:100%}.offer-intro h2,.systems-copy h2,.delivery-heading h2,.offer-partnership h2,.offer-cta h2{font-size:clamp(34px,10.5vw,46px);line-height:1;letter-spacing:0}
}

@media (prefers-reduced-motion: reduce) {
  .universe-ring,
  .universe-node,
  .universe-pulse,
  .partnership-art::before,
  .partnership-art::after { animation:none !important; }
}