:root {
  --ink: #eef7fc;
  --ink-dark: #0a1822;
  --muted: #9fb5c2;
  --muted-dark: #526b79;
  --night: #06111c;
  --night-2: #081b2b;
  --night-3: #0d2940;
  --mint: #00a2ea;
  --mint-dark: #006ead;
  --mint-soft: #dceffa;
  --sand: #e7f0f5;
  --line: rgba(211, 235, 248, .16);
  --line-dark: rgba(0, 51, 95, .15);
  --shadow: 0 30px 90px rgba(0, 0, 0, .28);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink-dark); background: #edf4f8; font-family: Manrope, Aptos, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img { max-width: 100%; display: block; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 100; padding: 10px 16px; background: var(--mint); color: var(--night); border-radius: 8px; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid var(--mint-dark); outline-offset: 4px; }

.site-header { position: absolute; inset: 0 0 auto; z-index: 40; padding: 18px 22px; }
.site-header.is-scrolled { position: fixed; animation: header-in .28s ease both; }
@keyframes header-in { from { transform: translateY(-100%); } }
.nav-shell { max-width: 1240px; min-height: 72px; margin: auto; padding: 7px 10px; position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; gap: 28px; border: 1px solid rgba(53,190,246,.34); border-radius: 24px; background: linear-gradient(118deg, rgba(10,57,84,.97) 0%, rgba(2,12,21,.98) 100%); box-shadow: 0 20px 54px rgba(0,8,18,.5), inset 0 1px 0 rgba(182,236,255,.08), inset 0 0 30px rgba(0,116,180,.08); backdrop-filter: blur(18px); }
.nav-shell::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(97,204,244,.055) 1px, transparent 1px), linear-gradient(rgba(97,204,244,.045) 1px, transparent 1px), radial-gradient(circle at 19% 35%, rgba(0,162,234,.13), transparent 24%); background-size: 34px 34px, 34px 34px, 100% 100%; mask-image: linear-gradient(90deg, black, rgba(0,0,0,.55) 70%, transparent); }
.nav-shell > * { position: relative; z-index: 1; }
.brand { min-width: 76px; padding: 3px 9px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; flex: 0 0 auto; border: 1px solid rgba(185,231,250,.42); border-radius: 17px; background: linear-gradient(145deg, rgba(248,252,254,.98), rgba(220,237,245,.94)); box-shadow: 0 0 0 1px rgba(0,162,234,.08), 0 8px 22px rgba(0,0,0,.3), 0 0 20px rgba(0,162,234,.1); }
.brand > span:last-child { display: grid; line-height: 1.05; }
.brand strong { color: #00335f; font-size: 1.15rem; letter-spacing: -.03em; }
.brand small { margin-top: 5px; color: #527087; font-size: .67rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.brand-logo { width: 58px; height: 62px; display: block; object-fit: contain; }
.menu-panel { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.menu-links { display: flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid rgba(79,187,235,.22); border-radius: 14px; background: linear-gradient(135deg, rgba(15,60,86,.64), rgba(4,22,35,.72)); box-shadow: inset 0 1px 0 rgba(220,248,255,.04); }
.menu-links a, .language-link { padding: 8px 13px; color: #bed7e4; font-size: .88rem; font-weight: 700; border: 1px solid transparent; border-radius: 10px; text-shadow: 0 1px 8px rgba(0,0,0,.34); transition: color .2s, border-color .2s, background .2s, box-shadow .2s, transform .2s; }
.menu-links a { font-size: 18px; }
.menu-links a:hover, .menu-links a[aria-current="page"], .language-link:hover { color: #f1fbff; border-color: rgba(86,207,255,.28); background: linear-gradient(135deg, rgba(0,162,234,.25), rgba(0,83,132,.22)); box-shadow: inset 0 0 16px rgba(0,162,234,.1), 0 0 14px rgba(0,162,234,.08); }
.menu-links a[aria-current="page"] { color: #fff; box-shadow: inset 0 -2px 0 #00a2ea, inset 0 0 18px rgba(0,162,234,.12); }
.nav-actions { display: flex; align-items: center; gap: 8px; }
.menu-toggle { display: none; min-height: 42px; margin-left: auto; padding: 0 13px; align-items: center; gap: 10px; border: 1px solid rgba(75,191,239,.25); border-radius: 11px; color: #d8f5ff; background: rgba(0,110,173,.12); cursor: pointer; }
.menu-toggle i, .menu-toggle i::before, .menu-toggle i::after { width: 22px; height: 2px; display: block; position: relative; background: currentColor; transition: .2s; }
.menu-toggle i::before, .menu-toggle i::after { content: ""; position: absolute; left: 0; }
.menu-toggle i::before { top: -7px; }.menu-toggle i::after { top: 7px; }

.button { min-height: 50px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; border: 1px solid var(--mint); border-radius: 13px; color: #002b50; background: var(--mint); font-weight: 800; box-shadow: 0 12px 34px rgba(0,162,234,.18); transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(0,162,234,.28); }
.button-small { min-height: 42px; padding-inline: 15px; font-size: .85rem; }
.nav-actions .button-small { border-color: #26bdf7; color: #001c31; background: linear-gradient(135deg, #00a2ea, #3dccff); box-shadow: 0 10px 28px rgba(0,162,234,.25), inset 0 1px 0 rgba(255,255,255,.34); }
.nav-actions .button-small:hover { background: linear-gradient(135deg, #20baf5, #6bd8ff); box-shadow: 0 14px 34px rgba(0,162,234,.38), 0 0 18px rgba(0,162,234,.18); }
.nav-actions .button-helpdesk { color: #cceefa; border-color: rgba(97,204,244,.32); background: rgba(0,110,173,.14); box-shadow: inset 0 1px 0 rgba(214,247,255,.06); }
.nav-actions .button-helpdesk:hover { color: #f2fcff; background: rgba(0,162,234,.24); box-shadow: inset 0 1px 0 rgba(214,247,255,.1), 0 0 18px rgba(0,162,234,.13); }
.button-ghost { color: var(--ink); border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.04); box-shadow: none; }
.button-light { color: var(--night); border-color: #fff; background: #fff; }
.button-outline-light { color: #fff; border-color: rgba(255,255,255,.35); background: transparent; box-shadow: none; }
.button-row { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }

.hero { min-height: 820px; padding: 160px max(24px, calc((100vw - var(--container))/2)) 88px; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr); align-items: center; gap: clamp(44px, 7vw, 90px); color: var(--ink); background: linear-gradient(108deg, #14243e 0%, #071b22 100%); }
.hero::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(132,210,229,.065) 1px, transparent 1px), linear-gradient(rgba(132,210,229,.055) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,.92) 76%, transparent 100%); }
.hero::after { content: ""; position: absolute; inset: -22%; z-index: 0; pointer-events: none; background: radial-gradient(circle at 19% 34%, rgba(43,91,153,.22), transparent 31%), radial-gradient(circle at 82% 48%, rgba(13,64,70,.2), transparent 34%); background-size: 115% 115%; filter: blur(28px); animation: hero-aurora 13s ease-in-out infinite alternate; }
@keyframes hero-aurora { 0% { opacity: .7; transform: translate3d(-2%,0,0) scale(1); } 50% { opacity: 1; transform: translate3d(2%,-1%,0) scale(1.04); } 100% { opacity: .76; transform: translate3d(0,2%,0) scale(1.01); } }
.hero > * { position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #006ca6; font-size: .76rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(0,162,234,.12); }
.hero .eyebrow { color: #84d8ff; }
.hero h1 { max-width: 720px; margin: 24px 0 22px; font-size: clamp(2.7rem, 4.5vw, 5rem); line-height: 1; letter-spacing: -.055em; }
.hero h1 em { color: var(--mint); font-family: Georgia, serif; font-weight: 400; }
.hero-copy > p { max-width: 650px; margin: 0; color: #b7cbd7; font-size: clamp(1.05rem, 1.45vw, 1.22rem); }
.proof-list { margin: 28px 0 0; padding: 22px 0 0; display: flex; flex-wrap: wrap; gap: 10px 24px; border-top: 1px solid var(--line); list-style: none; color: #c8d8e1; font-size: .85rem; font-weight: 700; }
.proof-list li::before { content: "✓"; margin-right: 8px; color: var(--mint); }

.ops-card { min-height: 560px; padding: 20px; position: relative; overflow: hidden; border: 1px solid rgba(76,182,238,.24); border-radius: var(--radius-lg); background: linear-gradient(122deg, rgba(12,61,92,.94) 0%, rgba(5,28,46,.98) 56%, rgba(1,9,17,.99) 100%); box-shadow: 0 36px 110px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.05); }
.ops-card::before { content: ""; position: absolute; inset: -24%; background: radial-gradient(circle at 36% 42%, rgba(0,162,234,.24), transparent 27%), radial-gradient(circle at 68% 66%, rgba(0,86,145,.12), transparent 34%); background-size: 130% 130%; filter: blur(12px); animation: ops-glow-shift 9s ease-in-out infinite alternate; }
.ops-card::after { content: ""; position: absolute; inset: 1px; pointer-events: none; border-radius: calc(var(--radius-lg) - 1px); box-shadow: inset 0 0 60px rgba(0,7,14,.32); }
@keyframes ops-glow-shift { from { opacity: .72; transform: translate3d(-3%,0,0); } to { opacity: 1; transform: translate3d(4%,2%,0); } }
.ops-topline { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; color: #9eb7c5; font-size: .78rem; font-weight: 800; letter-spacing: .05em; }
.status { display: inline-flex; align-items: center; gap: 8px; color: #e2f6ff; }
.status i { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 15px var(--mint); }
.network-stage { height: 380px; position: relative; isolation: isolate; perspective: 620px; }
.network-stage::before { content: ""; position: absolute; inset: 44px -10% -36px; z-index: -2; background: linear-gradient(rgba(0,146,221,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(0,146,221,.13) 1px, transparent 1px); background-size: 25px 25px; transform: rotateX(62deg) translateY(32px) scale(1.12); transform-origin: center bottom; mask-image: radial-gradient(ellipse at center, black 10%, transparent 72%); opacity: .76; }
.network-stage::after { content: ""; position: absolute; width: 320px; height: 112px; left: 50%; top: 59%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, rgba(0,162,234,.38), rgba(0,75,126,.12) 42%, transparent 72%); filter: blur(14px); transform: translate(-50%,-50%); animation: platform-breathe 4.4s ease-in-out infinite; }

.route { width: 190px; height: 14px; position: absolute; left: 50%; top: 57%; z-index: 2; transform-origin: left center; }
.route::before { content: ""; position: absolute; inset: 6px 0 auto; height: 1px; background: linear-gradient(90deg, rgba(219,247,255,.82), rgba(0,162,234,.8) 34%, rgba(0,162,234,.18)); box-shadow: 0 0 8px rgba(0,162,234,.62); }
.route::after { content: ""; width: 7px; height: 7px; position: absolute; right: -2px; top: 3px; border: 1px solid rgba(182,238,255,.9); border-radius: 50%; background: #00a2ea; box-shadow: 0 0 13px rgba(0,162,234,.95); }
.route i { width: 7px; height: 7px; position: absolute; left: 0; top: 3px; border-radius: 50%; background: #effcff; box-shadow: 0 0 6px #fff, 0 0 17px 5px rgba(0,162,234,.92); opacity: 0; animation: route-signal 3.1s cubic-bezier(.35,.05,.25,1) infinite; }
.route-laptop { transform: rotate(216deg); }.route-monitor { transform: rotate(325deg); }.route-phone { transform: rotate(150deg); }.route-cloud { transform: rotate(28deg); }
.route-monitor i { animation-delay: -.8s; }.route-phone i { animation-delay: -1.6s; }.route-cloud i { animation-delay: -2.35s; }
@keyframes route-signal { 0%,8% { opacity: 0; transform: translateX(8px) scale(.45); } 18% { opacity: 1; } 84% { opacity: 1; transform: translateX(176px) scale(1); } 100% { opacity: 0; transform: translateX(188px) scale(.35); } }

.device { position: absolute; z-index: 5; display: block; filter: drop-shadow(0 15px 18px rgba(0,0,0,.56)); }
.device::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; background: rgba(0,162,234,.18); filter: blur(10px); }
.device-laptop { width: 112px; height: 76px; left: 1%; top: 11%; }
.device-laptop::after { width: 100px; height: 20px; left: 8px; bottom: -5px; }
.device-screen { position: absolute; display: block; overflow: hidden; border: 1px solid rgba(112,208,255,.66); background: linear-gradient(145deg,#102c40,#03101d 70%); box-shadow: inset 0 0 18px rgba(0,162,234,.16); }
.laptop-screen { width: 90px; height: 55px; left: 9px; top: 0; border-radius: 5px; transform: skewY(-3deg); }
.laptop-screen::before { content: ""; position: absolute; inset: 7px; background: linear-gradient(90deg, transparent 47%, rgba(0,162,234,.09) 48% 51%, transparent 52%), linear-gradient(transparent 47%, rgba(0,162,234,.09) 48% 51%, transparent 52%); background-size: 10px 10px; }
.laptop-screen b { width: 22px; height: 25px; position: absolute; left: 12px; top: 13px; display: grid; place-items: center; border: 1px solid #00a2ea; border-radius: 10px 10px 13px 13px; color: #bceeff; font-size: .7rem; text-shadow: 0 0 8px #00a2ea; }
.laptop-screen i { width: 34px; height: 2px; position: absolute; left: 45px; top: 18px; background: linear-gradient(90deg,#00a2ea,transparent); box-shadow: 0 8px 0 rgba(0,162,234,.54), 0 16px 0 rgba(0,162,234,.28); }
.laptop-screen i:last-child { width: 20px; top: 42px; }
.laptop-base { width: 112px; height: 22px; position: absolute; left: 0; bottom: 0; clip-path: polygon(8% 0,88% 0,100% 64%,92% 100%,7% 100%,0 64%); background: linear-gradient(180deg,#17384c,#071724 70%); border-bottom: 1px solid rgba(116,200,240,.45); transform: skewX(-7deg); }

.device-monitor { width: 118px; height: 80px; right: 0; top: 10%; }
.device-monitor::after { width: 105px; height: 22px; right: 2px; bottom: -4px; }
.monitor-screen { width: 108px; height: 57px; position: absolute; left: 0; top: 0; overflow: hidden; border: 1px solid rgba(112,208,255,.7); border-radius: 5px; background: linear-gradient(140deg,#102f45,#020c16 72%); box-shadow: inset 0 0 18px rgba(0,162,234,.14); transform: skewY(2deg); }
.monitor-screen::before { content: ""; position: absolute; inset: 7px; background: linear-gradient(135deg, transparent 46%, rgba(0,162,234,.16) 48%, transparent 50%); background-size: 17px 17px; opacity: .6; }
.monitor-screen b { position: absolute; right: 8px; top: 7px; color: #aee9ff; font-size: .58rem; letter-spacing: .08em; text-shadow: 0 0 8px #00a2ea; }
.chart-bars { position: absolute; left: 10px; right: 10px; bottom: 8px; display: flex; align-items: flex-end; gap: 5px; height: 34px; border-bottom: 1px solid rgba(0,162,234,.5); }
.chart-bars i { width: 9px; height: 35%; display: block; border-radius: 2px 2px 0 0; background: linear-gradient(#75dcff,#007abd); box-shadow: 0 0 8px rgba(0,162,234,.4); transform-origin: bottom; animation: chart-rise 2.4s ease-in-out infinite alternate; }
.chart-bars i:nth-child(2) { height: 62%; animation-delay: -.7s; }.chart-bars i:nth-child(3) { height: 48%; animation-delay: -1.4s; }.chart-bars i:nth-child(4) { height: 86%; animation-delay: -2s; }
.monitor-stand { width: 54px; height: 24px; position: absolute; left: 28px; bottom: 0; border-bottom: 7px solid #102a3a; clip-path: polygon(38% 0,62% 0,70% 68%,100% 75%,100% 100%,0 100%,0 75%,30% 68%); background: linear-gradient(90deg,#091925,#1b3b4e,#07141f); }
@keyframes chart-rise { from { transform: scaleY(.66); opacity: .62; } to { transform: scaleY(1.08); opacity: 1; } }

.device-phone { width: 48px; height: 82px; left: 9%; bottom: 2%; padding: 4px; border: 1px solid rgba(112,208,255,.5); border-radius: 9px; background: linear-gradient(145deg,#18384b,#030d17 72%); transform: rotate(-7deg); }
.device-phone::after { width: 58px; height: 24px; left: -5px; bottom: -10px; }
.phone-screen { height: 100%; position: relative; display: block; overflow: hidden; border-radius: 6px; background: radial-gradient(circle at 50% 28%,rgba(0,162,234,.26),transparent 35%),#061421; }
.phone-screen::before { content: ""; width: 16px; height: 3px; position: absolute; left: 50%; top: 4px; border-radius: 4px; background: #315164; transform: translateX(-50%); }
.phone-screen b { width: 20px; height: 20px; position: absolute; left: 10px; top: 19px; border: 1px solid #00a2ea; border-radius: 50%; box-shadow: 0 0 12px rgba(0,162,234,.4); }
.phone-screen b::before { content: ""; width: 7px; height: 4px; position: absolute; left: 6px; top: 6px; border-left: 2px solid #d9f7ff; border-bottom: 2px solid #d9f7ff; transform: rotate(-45deg); }
.phone-screen i { width: 26px; height: 2px; position: absolute; left: 7px; top: 49px; background: linear-gradient(90deg,#00a2ea,transparent); box-shadow: 0 8px 0 rgba(0,162,234,.34); }

.device-cloud { width: 104px; height: 68px; right: 6%; bottom: 3%; display: grid; place-items: center; border: 1px solid rgba(82,192,243,.38); border-radius: 16px; background: linear-gradient(145deg,rgba(14,49,70,.92),rgba(3,16,27,.94)); }
.device-cloud::after { width: 100px; height: 26px; left: 2px; bottom: -9px; }
.cloud-shape { width: 56px; height: 22px; position: absolute; left: 24px; top: 16px; border: 1px solid rgba(159,228,255,.94); border-radius: 16px; background: linear-gradient(180deg,rgba(90,204,250,.42),rgba(0,100,162,.24)); box-shadow: 0 0 16px rgba(0,162,234,.46); }
.cloud-shape::before,.cloud-shape::after { content: ""; position: absolute; bottom: -1px; border: inherit; border-bottom-color: transparent; border-radius: 50% 50% 0 0; background: #0b4262; }
.cloud-shape::before { width: 25px; height: 25px; left: 8px; }.cloud-shape::after { width: 19px; height: 19px; right: 7px; }
.device-cloud b { margin-top: 34px; color: #b9eaff; font-size: .58rem; letter-spacing: .12em; text-transform: uppercase; text-shadow: 0 0 9px #00a2ea; }

.core-platform { width: 246px; height: 112px; position: absolute; left: 50%; top: 57%; z-index: 3; display: block; transform: translate(-50%,-50%); filter: drop-shadow(0 22px 28px rgba(0,0,0,.72)); }
.platform-base { position: absolute; inset: 16px 0 0; border: 1px solid rgba(57,155,205,.58); border-radius: 50%; background: linear-gradient(180deg,#0c3d59 0%,#051723 48%,#01070d 76%); box-shadow: inset 0 -15px 20px rgba(0,0,0,.8), 0 9px 0 #020a10, 0 11px 0 rgba(43,154,208,.35), 0 0 35px rgba(0,162,234,.3); }
.platform-base::after { content: ""; position: absolute; inset: 11px 10px 6px; border-radius: 50%; border-bottom: 2px solid rgba(0,162,234,.55); box-shadow: 0 11px 13px rgba(0,162,234,.16); }
.platform-disc { position: absolute; inset: 2px 8px 26px; overflow: hidden; border: 1px solid rgba(121,219,255,.78); border-radius: 50%; background: radial-gradient(ellipse at 50% 38%,rgba(0,162,234,.3),rgba(4,44,67,.96) 45%,#020e18 78%); box-shadow: inset 0 0 28px rgba(0,162,234,.32),0 0 9px rgba(0,162,234,.72),0 0 0 5px rgba(0,162,234,.07); }
.platform-disc::after { content: ""; position: absolute; inset: -3px; padding: 3px; border-radius: 50%; background: linear-gradient(90deg,transparent 2%,#00a2ea 28%,#e9fbff 44%,#00a2ea 58%,transparent 79%); background-size: 230% 100%; filter: drop-shadow(0 0 6px #00a2ea); -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: ring-flow 3.2s linear infinite; }
.platform-grid { position: absolute; inset: 11px 22px 38px; z-index: 1; overflow: hidden; border-radius: 50%; background: linear-gradient(rgba(0,162,234,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(0,162,234,.17) 1px,transparent 1px); background-size: 15px 15px; opacity: .56; }
.platform-ring { position: absolute; inset: -5px -8px 17px; border: 1px solid rgba(0,162,234,.25); border-radius: 50%; box-shadow: 0 0 0 7px rgba(0,162,234,.035),0 0 25px rgba(0,162,234,.2); animation: platform-pulse 3.8s ease-out infinite; }
.core-mark { width: 152px; height: 120px; position: absolute; left: 50%; top: 48%; z-index: 7; display: grid; place-items: center; transform: translate(-50%,-50%); animation: mark-float 4.8s ease-in-out infinite; }
.core-mark::after { content: ""; width: 112px; height: 22px; position: absolute; left: 50%; bottom: 2px; z-index: -1; border-radius: 50%; background: rgba(0,8,15,.78); filter: blur(8px); transform: translateX(-50%); }
.node-logo-crop { width: 152px; height: 118px; position: relative; z-index: 3; display: block; overflow: hidden; filter: brightness(1.12) drop-shadow(0 0 14px rgba(0,162,234,.52)); animation: logo-highlight 5.2s ease-in-out infinite; }
.node-logo-crop img { width: 374px; max-width: none; height: 374px; position: absolute; left: 50%; top: -82px; display: block; object-fit: contain; transform: translateX(-50%); }
.core-scan { width: 74%; height: 2px; position: absolute; left: 13%; top: 20%; z-index: 6; border-radius: 50%; background: linear-gradient(90deg,transparent,rgba(219,247,255,.96),transparent); box-shadow: 0 0 18px 5px rgba(0,162,234,.44); opacity: 0; animation: scan-drop 3.2s ease-in-out infinite; }
.light-drop { width: 2px; height: 39px; position: absolute; left: 50%; top: 43%; z-index: 8; border-radius: 50%; background: linear-gradient(to bottom,transparent,rgba(219,247,255,.98),#00a2ea,transparent); box-shadow: 0 0 14px 3px rgba(0,162,234,.54); opacity: 0; animation: light-fall 3.6s cubic-bezier(.2,.55,.35,1) infinite; }
.drop-b { left: 45%; animation-delay: -1.2s; animation-duration: 4.1s; }.drop-c { left: 56%; animation-delay: -2.45s; animation-duration: 3.2s; }
@keyframes platform-breathe { 0%,100% { opacity: .55; transform: translate(-50%,-50%) scale(.94); } 50% { opacity: 1; transform: translate(-50%,-50%) scale(1.07); } }
@keyframes ring-flow { to { background-position: -230% 0; } }
@keyframes platform-pulse { 0% { opacity: .72; transform: scale(.94); } 75%,100% { opacity: 0; transform: scale(1.18); } }
@keyframes mark-float { 0%,100% { transform: translate(-50%,-50%) translateY(0); } 50% { transform: translate(-50%,-50%) translateY(-7px); } }
@keyframes scan-drop { 0%,12% { opacity: 0; transform: translateY(-22px) scaleX(.58); } 24% { opacity: 1; } 70% { opacity: .85; } 88%,100% { opacity: 0; transform: translateY(92px) scaleX(1); } }
@keyframes logo-highlight { 0%,100% { filter: brightness(1.06) drop-shadow(0 0 12px rgba(0,162,234,.38)); transform: scale(1); } 50% { filter: brightness(1.24) drop-shadow(0 0 22px rgba(0,162,234,.72)); transform: scale(1.045); } }
@keyframes light-fall { 0%,15% { opacity: 0; transform: translateY(-54px) scaleY(.35); } 27% { opacity: 1; } 70% { opacity: .9; } 100% { opacity: 0; transform: translateY(92px) scaleY(1.1); } }
.metric-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.metric-grid article { min-height: 116px; padding: 15px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(255,255,255,.04); }
.metric-grid span, .metric-grid small { color: #8ba9ba; font-size: .68rem; }.metric-grid strong { margin: 5px 0 0; font-size: 1.25rem; }

.trust-strip { padding: 0 max(24px, calc((100vw - var(--container))/2)); min-height: 92px; display: grid; grid-template-columns: repeat(4,1fr); align-items: stretch; color: var(--ink-dark); background: var(--mint); }
.trust-strip div { padding: 24px; display: flex; align-items: center; gap: 12px; border-left: 1px solid rgba(0,51,95,.18); font-weight: 850; }.trust-strip div:last-child { border-right: 1px solid rgba(0,51,95,.18); }.trust-strip span { color: #004d7a; font-size: .7rem; }

.content-section { padding: 70px max(24px, calc((100vw - var(--container))/2)); }
.section-heading { max-width: 850px; margin-bottom: 48px; }
.section-heading h2, .outcome-panel h2, .plan-copy h2, .cta-card h2 { margin: 18px 0; font-size: clamp(2.35rem, 4.6vw, 4.7rem); line-height: 1.02; letter-spacing: -.052em; }
.section-heading p, .plan-copy p { max-width: 680px; color: var(--muted-dark); font-size: 1.05rem; }
.service-preview { background: #edf4f8; }
.service-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.service-grid .service-card:last-child:nth-child(3n+1) { min-height: 0; grid-column: 1 / -1; }
.service-card { min-height: 0; padding: 28px; position: relative; overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--line-dark); border-radius: var(--radius-md); background: rgba(255,255,255,.48); transition: transform .25s, background .25s, box-shadow .25s; }
.service-card::before { content: ""; width: 160px; height: 160px; position: absolute; right: -90px; top: -90px; border: 1px solid rgba(0,110,173,.2); border-radius: 50%; transition: transform .3s; }
.service-card:hover { transform: translateY(-6px); background: #fff; box-shadow: 0 24px 60px rgba(0,51,95,.12); }.service-card:hover::before { transform: scale(1.35); }
.card-index { color: var(--mint-dark); font-size: .72rem; font-weight: 900; }.service-card h3 { margin: 0 0 8px; font-size: 1.55rem; letter-spacing: -.035em; }.service-card p { margin: 0 0 16px; color: var(--muted-dark); }.service-card b { margin-top: 0; color: #00669e; font-size: .85rem; }.service-card b i { margin-left: 7px; font-style: normal; }

.outcome-section { color: var(--ink); background: #d8e4eb; }
.outcome-panel { padding: clamp(36px, 6vw, 72px); display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; border-radius: var(--radius-lg); background: var(--night-2); box-shadow: var(--shadow); }
.eyebrow-dark { color: #83d8ff; }.outcome-list { display: grid; }.outcome-list article { padding: 25px 0; display: grid; grid-template-columns: 100px 1fr; gap: 20px; border-bottom: 1px solid var(--line); }.outcome-list article:first-child { padding-top: 0; }.outcome-list span { color: var(--mint); font-weight: 900; }.outcome-list p { margin: 0; color: #b4c8d4; }

.process-section { background: #edf4f8; }
.process-grid { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4,1fr); list-style: none; counter-reset: steps; }
.process-grid li { min-height: 0; padding: 26px; border-top: 1px solid var(--line-dark); border-right: 1px solid var(--line-dark); }.process-grid li:first-child { border-left: 1px solid var(--line-dark); }.process-grid span { color: var(--mint-dark); font-size: .72rem; font-weight: 900; }.process-grid h3 { margin: 0 0 8px; font-size: 1.35rem; }.process-grid p { margin: 0; color: var(--muted-dark); font-size: .93rem; }

.plan-callout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: center; background: var(--sand); }
.text-link { display: inline-flex; gap: 12px; margin-top: 16px; color: #006fae; border-bottom: 1px solid #6bb7df; font-weight: 900; }
.plan-stack { display: grid; gap: 11px; }
.plan-stack article { padding: 26px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid var(--line-dark); border-radius: 17px; background: rgba(255,255,255,.52); }.plan-stack article.featured { color: var(--ink); border-color: #0a3655; background: var(--night-3); box-shadow: 0 18px 46px rgba(0,51,95,.2); transform: translateX(-24px); }.plan-stack span { font-size: 1.13rem; font-weight: 900; }.plan-stack small { color: var(--muted-dark); }.plan-stack .featured small { color: #a9bdca; }.plan-stack b { margin-left: 10px; padding: 5px 8px; color: #002b50; border-radius: 7px; background: var(--mint); font-size: .58rem; letter-spacing: .07em; text-transform: uppercase; }

.testimonial-section { padding-top: 60px; padding-bottom: 60px; color: var(--ink); background: var(--night); }
.testimonial-carousel { max-width: 1080px; margin: 0 auto; text-align: center; }.testimonial { margin: 0; }.testimonial-body { display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; gap: clamp(28px, 5vw, 64px); text-align: left; }.testimonial-logo { width: 100%; max-height: 128px; padding: 12px; object-fit: contain; border-radius: 18px; background: #fff; }.testimonial blockquote { margin: 0 0 30px; font-family: Georgia, serif; font-size: clamp(2rem, 4vw, 3.7rem); line-height: 1.15; }.testimonial figcaption { display: grid; color: #a9bdca; }.testimonial figcaption strong { color: var(--mint); }.testimonial-controls { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 34px; }.testimonial-arrow,.testimonial-dots button { border: 0; cursor: pointer; }.testimonial-arrow { width: 36px; height: 36px; color: var(--mint); border: 1px solid rgba(126,220,255,.35); border-radius: 50%; background: transparent; font-size: 1.1rem; transition: background .2s, color .2s; }.testimonial-arrow:hover,.testimonial-arrow:focus-visible { color: var(--night); background: var(--mint); }.testimonial-dots { display: flex; gap: 10px; }.testimonial-dots button { width: 9px; height: 9px; padding: 0; border-radius: 50%; background: rgba(169,189,202,.45); transition: transform .2s, background .2s; }.testimonial-dots button[aria-selected="true"] { background: var(--mint); transform: scale(1.25); }.testimonial-arrow:focus-visible,.testimonial-dots button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.final-cta { padding-top: 72px; color: var(--ink); background: #d8e4eb; }.cta-card { padding: clamp(42px, 7vw, 90px); overflow: hidden; position: relative; border-radius: var(--radius-lg); background: #00335f; }.cta-card::after { content: ""; position: absolute; width: 380px; height: 380px; right: -80px; bottom: -200px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.03), 0 0 0 110px rgba(255,255,255,.025); }.cta-card h2, .cta-card p, .cta-card .button-row { position: relative; z-index: 1; }.cta-card h2 { max-width: 900px; }.cta-card p { max-width: 680px; color: #c0d5df; }
.service-area-section { padding-bottom: 0; }.service-area-card { width: 100%; padding: clamp(34px, 5vw, 58px); border: 1px solid rgba(94,194,232,.22); border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(13,64,91,.92), rgba(3,25,39,.96)); box-shadow: inset 0 1px 0 rgba(232,250,255,.05), 0 18px 52px rgba(0,7,14,.2); }.service-area-card h2 { max-width: 820px; margin: 18px 0; font-size: clamp(2.2rem, 4.2vw, 4.2rem); line-height: 1.02; letter-spacing: -.052em; }.service-area-card p { max-width: 760px; margin: 0 0 14px; color: #b7ced9; }.service-area-card .service-area-locations { margin: 0; color: #e7f8ff; font-weight: 800; }
.trial-offer { padding-bottom: 0; }.trial-offer-card { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: clamp(28px, 5vw, 76px); padding: clamp(34px, 5vw, 58px); position: relative; overflow: hidden; border: 1px solid rgba(56,193,244,.34); border-radius: var(--radius-lg); background: linear-gradient(120deg, #0a4b6d 0%, #062c42 56%, #031523 100%); box-shadow: 0 28px 80px rgba(0,5,12,.3), inset 0 1px 0 rgba(198,241,255,.07); }.trial-offer-card::after { content: ""; width: 360px; height: 360px; position: absolute; right: -132px; bottom: -210px; pointer-events: none; border: 1px solid rgba(155,225,255,.18); border-radius: 50%; box-shadow: 0 0 0 52px rgba(89,202,246,.035), 0 0 0 104px rgba(89,202,246,.02); }.trial-offer-copy,.trial-includes { position: relative; z-index: 1; }.trial-offer-copy h2 { max-width: 760px; margin: 18px 0; font-size: clamp(2.2rem, 4.3vw, 4.5rem); line-height: 1.02; letter-spacing: -.052em; }.trial-offer-copy p { max-width: 720px; margin: 0; color: #c5dce7; }.trial-offer-copy .trial-outcome { margin-top: 18px; color: #e5f8ff; font-weight: 800; }.trial-includes { align-self: center; padding: 28px; border: 1px solid rgba(141,219,250,.2); border-radius: 20px; background: rgba(1,16,27,.48); }.trial-includes h3 { margin: 0 0 16px; color: #ecfaff; font-size: 1.25rem; }.trial-includes .check-list { margin: 0; }

/* Inner pages */
.inner-header { position: absolute; }
.page-hero { min-height: 650px; padding: 180px max(24px, calc((100vw - var(--container))/2)) 100px; position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr 360px; align-items: center; gap: 70px; color: var(--ink); background: var(--night); }
.page-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 80% 50%, rgba(0,162,234,.18), transparent 29%), linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px); background-size: auto, 44px 44px, 44px 44px; mask-image: linear-gradient(black, transparent); }
.page-hero > * { position: relative; z-index: 1; }
.page-hero .eyebrow { color: #84d8ff; }
.page-hero h1 { max-width: 720px; margin: 22px 0; font-size: clamp(2.7rem, 4.5vw, 5rem); line-height: 1; letter-spacing: -.055em; }
.service-detail-page .page-hero h1 { margin-bottom: 10px; }
.page-hero p { max-width: 720px; margin: 0; color: #afc3cf; font-size: 1.14rem; }
.page-visual { width: min(100%, 460px); margin: 0; justify-self: end; overflow: hidden; border: 1px solid rgba(57,190,244,.34); border-radius: var(--radius-md); background: #020912; box-shadow: 0 28px 82px rgba(0,4,10,.42), inset 0 1px 0 rgba(207,244,255,.05); }
.page-visual.ops-card { padding: 20px; border-color: rgba(76,182,238,.24); border-radius: var(--radius-lg); background: linear-gradient(122deg, rgba(12,61,92,.94) 0%, rgba(5,28,46,.98) 56%, rgba(1,9,17,.99) 100%); box-shadow: 0 36px 110px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.05); }
body[data-page="faq"] .page-visual { justify-self: end; align-self: center; }
.page-visual .network-stage--isometric { margin: 0; border-radius: inherit; }
.page-signal { width: 320px; height: 320px; position: relative; justify-self: end; border: 1px solid rgba(0,162,234,.16); border-radius: 50%; box-shadow: inset 0 0 90px rgba(0,162,234,.08), 0 0 0 42px rgba(255,255,255,.018), 0 0 0 84px rgba(255,255,255,.012); }
.page-signal:not(.page-signal-active)::before, .page-signal:not(.page-signal-active)::after { content: ""; position: absolute; inset: 50%; width: 1px; height: 100%; background: rgba(0,162,234,.22); transform: translate(-50%,-50%) rotate(45deg); }.page-signal:not(.page-signal-active)::after { transform: translate(-50%,-50%) rotate(-45deg); }
.page-signal:not(.page-signal-active) b { width: 104px; height: 104px; position: absolute; left: 50%; top: 50%; display: grid; place-items: center; border: 1px solid rgba(0,162,234,.34); border-radius: 50%; color: #002b50; background: #f7fbfd; box-shadow: 0 0 50px rgba(0,162,234,.42); transform: translate(-50%,-50%); font-size: 1.7rem; }
.page-signal:not(.page-signal-active) b img { width: 64px; height: 70px; display: block; object-fit: contain; }
.page-signal:not(.page-signal-active) > span { width: 15px; height: 15px; position: absolute; z-index: 2; border-radius: 50%; background: var(--mint); box-shadow: 0 0 18px rgba(0,162,234,.58); }.page-signal:not(.page-signal-active) > span:nth-child(1) { left: 15%; top: 28%; }.page-signal:not(.page-signal-active) > span:nth-child(2) { right: 12%; top: 42%; }.page-signal:not(.page-signal-active) > span:nth-child(3) { left: 40%; bottom: 4%; }
.page-section { padding: 70px max(24px, calc((100vw - var(--container))/2)); background: #edf4f8; }
.inner-trust { margin: 0; }
.summary-band { margin-bottom: 60px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line-dark); border-radius: 18px; background: rgba(255,255,255,.48); }
.summary-band article { padding: 24px 28px; display: grid; border-right: 1px solid var(--line-dark); }.summary-band article:last-child { border-right: 0; }.summary-band strong { font-size: 1.2rem; }.summary-band span { color: var(--muted-dark); font-size: .86rem; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.detail-grid .detail-card:last-child:nth-child(odd) { min-height: 380px; grid-column: 1 / -1; }
.detail-card { min-height: 440px; padding: 38px; display: flex; flex-direction: column; border: 1px solid var(--line-dark); border-radius: 24px; background: rgba(255,255,255,.55); scroll-margin-top: 120px; }
.detail-card:nth-child(3n+2), .detail-card:nth-child(3n+3) { background: #e3edf2; }
.detail-index { color: var(--mint-dark); font-size: .75rem; font-weight: 900; }.detail-card h2 { margin: 0 0 10px; font-size: clamp(1.8rem, 3vw, 2.8rem); letter-spacing: -.045em; }.detail-card > p { margin: 0 0 20px; color: var(--muted-dark); }.detail-card .text-link { margin-top: auto; align-self: flex-start; }
.service-detail { min-height: 0; max-width: 960px; margin: 0 auto; }.service-detail .eyebrow { margin-bottom: 18px; }.service-detail .button { align-self: flex-start; margin-top: 6px; }
.service-detail-extra { margin: 4px 0 18px; }.service-detail-extra p { margin: 0 0 14px; color: #9db8c7; }.service-detail-extra p:last-child { margin-bottom: 0; }
.cloud-platform-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.cloud-platform-card { position: relative; overflow: hidden; padding: 34px; color: #edf8fc; border: 1px solid rgba(94,194,232,.2); border-radius: 24px; background: linear-gradient(145deg, rgba(14,58,82,.88), rgba(3,20,32,.92)); box-shadow: inset 0 1px 0 rgba(232,250,255,.035), 0 16px 46px rgba(0,7,14,.18); }.cloud-platform-card h3 { margin: 0 0 10px; font-size: clamp(1.5rem, 2.4vw, 2.1rem); letter-spacing: -.04em; }.cloud-platform-card > p { margin: 0 0 20px; color: #9db8c7; }.cloud-platform-card .check-list { margin-bottom: 0; }.cloud-platform-card:hover { border-color: rgba(72,201,251,.38); background: linear-gradient(145deg, rgba(15,76,105,.94), rgba(3,25,39,.96)); transform: translateY(-5px); }
.check-list { margin: 0 0 30px; padding: 0; display: grid; gap: 10px; list-style: none; }.check-list li { padding-left: 25px; position: relative; color: var(--muted-dark); }.check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--mint-dark); font-weight: 900; }
.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; align-items: stretch; }
.pricing-card { min-height: 560px; padding: 34px; position: relative; display: flex; flex-direction: column; border: 1px solid var(--line-dark); border-radius: 24px; background: rgba(255,255,255,.55); }.pricing-card.featured { color: var(--ink); border-color: rgba(0,162,234,.44); background: var(--night-3); box-shadow: 0 24px 70px rgba(0,51,95,.22); transform: translateY(-18px); }.pricing-card h2 { margin: 40px 0 10px; font-size: 2.5rem; letter-spacing: -.045em; }.pricing-card > p { min-height: 78px; margin: 0 0 22px; color: var(--muted-dark); }.pricing-card.featured > p, .pricing-card.featured .check-list li { color: #b3c8d3; }.pricing-card .button { width: 100%; margin-top: auto; }.plan-badge { position: absolute; top: 24px; right: 24px; padding: 5px 8px; color: #002b50; border-radius: 7px; background: var(--mint); font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.button-dark-outline { color: var(--ink-dark); border-color: var(--line-dark); background: transparent; box-shadow: none; }.plan-note { max-width: 900px; margin: 26px auto 0; color: var(--muted-dark); font-size: .79rem; text-align: center; }
.pricing-card > .plan-audience { min-height: 0; margin: 0 0 24px; padding: 13px 14px; border: 1px solid rgba(94,194,232,.2); border-radius: 12px; color: #b9d1dc; background: rgba(0,162,234,.08); font-size: .88rem; line-height: 1.45; }.plan-audience strong { color: #78d8ff; }
.soft-section { background: var(--sand); }.mini-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.mini-card-grid article { padding: 28px; border: 1px solid var(--line-dark); border-radius: 18px; background: rgba(255,255,255,.42); }.mini-card-grid h3 { margin: 0 0 8px; }.mini-card-grid p { margin: 0; color: var(--muted-dark); }
.faq-tabs { margin: 0 0 48px; display: flex; flex-wrap: wrap; gap: 8px; }.faq-tabs a { padding: 9px 13px; border: 1px solid rgba(94,194,232,.22); border-radius: 999px; color: #b9dce9; background: rgba(0,162,234,.08); font-size: .86rem; font-weight: 800; transition: color .2s, background .2s, border-color .2s; }.faq-tabs a:hover { color: #f2fcff; border-color: rgba(69,202,255,.48); background: rgba(0,162,234,.2); }.faq-groups { display: grid; gap: 58px; }.faq-group { scroll-margin-top: 118px; }.faq-group > header { max-width: 720px; margin-bottom: 20px; }.faq-group h2 { margin: 9px 0; font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -.05em; }.faq-group > header p { margin: 0; color: #9db8c7; }.faq-list { display: grid; gap: 12px; }.faq-item { padding: 0 26px; border: 1px solid rgba(94,194,232,.2); border-radius: 18px; background: linear-gradient(145deg, rgba(14,58,82,.88), rgba(3,20,32,.92)); box-shadow: inset 0 1px 0 rgba(232,250,255,.035), 0 16px 46px rgba(0,7,14,.18); }.faq-item summary { padding: 21px 32px 21px 0; position: relative; color: #eef9fd; cursor: pointer; font-weight: 800; list-style: none; }.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary::after { content: '+'; position: absolute; right: 0; color: #72d7ff; font-size: 1.5rem; font-weight: 400; line-height: 1; }.faq-item[open] summary::after { content: '−'; }.faq-item p { max-width: 740px; margin: 0 0 22px; color: #9db8c7; }
.audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.audience-panel { padding: 44px; border: 1px solid var(--line-dark); border-radius: 28px; background: rgba(255,255,255,.5); }.audience-panel h2 { margin: 0 0 14px; font-size: clamp(2rem, 3.8vw, 3.6rem); line-height: 1.02; letter-spacing: -.05em; }.audience-panel > p { color: var(--muted-dark); }.benefit-list { margin-top: 38px; display: grid; }.benefit-list > div { padding: 22px 0; border-top: 1px solid var(--line-dark); }.benefit-list h3 { margin: 0 0 6px; font-size: 1.04rem; }.benefit-list p { margin: 0; color: var(--muted-dark); font-size: .9rem; }
.audience-panel-wide { grid-column: 1 / -1; }
.dark-section { padding-top: clamp(80px, 10vw, 130px) !important; color: var(--ink); background: var(--night) !important; }.wide-statement { max-width: 980px; }.wide-statement h2 { margin: 22px 0; font-size: clamp(2.7rem, 5.5vw, 5.5rem); line-height: 1; letter-spacing: -.06em; }.wide-statement p { max-width: 720px; color: #afc5d1; font-size: 1.1rem; }.wide-statement .button { margin-top: 20px; }
.story-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 80px; align-items: center; }.story-copy h2 { margin: 22px 0; font-size: clamp(2.5rem, 5vw, 5rem); line-height: 1; letter-spacing: -.055em; }.story-copy p { max-width: 750px; color: var(--muted-dark); font-size: 1.05rem; }.local-card { min-height: 420px; padding: 34px; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 28px; color: var(--ink); background: var(--night-3); box-shadow: var(--shadow); }.local-card span { color: var(--mint); font-size: .75rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.local-card strong { margin: 12px 0; font-size: 2rem; }.local-card p { color: #acc1cd; }
.value-grid { display: grid; grid-template-columns: repeat(4,1fr); }.value-grid article { min-height: 270px; padding: 26px; border-top: 1px solid var(--line-dark); border-right: 1px solid var(--line-dark); }.value-grid article:first-child { border-left: 1px solid var(--line-dark); }.value-grid span { color: var(--mint-dark); font-size: .75rem; font-weight: 900; }.value-grid h3 { margin: 0 0 8px; }.value-grid p { margin: 0; color: var(--muted-dark); font-size: .9rem; }
.contact-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: start; }.contact-details { position: sticky; top: 120px; }.contact-details h2 { margin: 0 0 30px; font-size: 2.2rem; letter-spacing: -.04em; }.contact-details > a, .contact-details > div { padding: 20px 0; display: grid; border-top: 1px solid var(--line-dark); }.contact-details span { color: var(--muted-dark); font-size: .75rem; font-weight: 800; text-transform: uppercase; }.contact-details strong { margin-top: 4px; }.contact-details > p { color: var(--muted-dark); }.contact-details .service-area-note { padding-top: 18px; border-top: 1px solid var(--line-dark); font-size: .92rem; }
.contact-form { padding: 38px; display: grid; gap: 20px; border: 1px solid var(--line-dark); border-radius: 28px; background: rgba(255,255,255,.56); }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.contact-form label { display: grid; gap: 7px; font-size: .85rem; font-weight: 800; }.contact-form input, .contact-form textarea { width: 100%; padding: 13px 14px; border: 1px solid rgba(0,51,95,.24); border-radius: 10px; color: var(--ink-dark); background: rgba(255,255,255,.8); }.contact-form input:focus, .contact-form textarea:focus { border-color: var(--mint-dark); outline: 3px solid rgba(0,110,173,.13); }.contact-form .button { justify-self: start; cursor: pointer; }.form-note { margin: 0; color: var(--muted-dark); font-size: .78rem; }

.site-footer { padding: 76px max(24px, calc((100vw - var(--container))/2)) 28px; color: var(--ink); background: var(--night); }
.footer-grid { display: grid; grid-template-columns: 1.6fr .7fr .7fr; gap: 60px; padding-bottom: 60px; }.brand-footer { width: max-content; margin-bottom: 18px; padding: 8px 13px; border-radius: 14px; background: #f7fbfd; }.brand-footer .brand-logo { width: 68px; height: 74px; }.footer-grid p { max-width: 430px; color: #90a8b6; }.footer-grid nav, .footer-grid > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; color: #9bb1bd; }.footer-grid nav strong, .footer-grid > div:last-child strong { margin-bottom: 8px; color: var(--ink); }.footer-grid a:hover { color: var(--mint); }.footer-bottom { padding-top: 22px; display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); color: #829cab; font-size: .85rem; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }.reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; } }

@media (max-width: 1040px) {
  .site-header { padding: 14px; }.nav-shell { flex-wrap: wrap; }.menu-toggle { display: inline-flex; }.menu-panel { width: 100%; flex: 0 0 100%; max-height: 0; overflow: hidden; flex-direction: column; align-items: stretch; opacity: 0; transition: max-height .3s, opacity .2s; }.menu-panel[data-open="true"] { max-height: 520px; padding: 12px 0 4px; opacity: 1; }.menu-links { flex-direction: column; align-items: stretch; background: transparent; border: 0; }.menu-links a { padding: 13px; }.nav-actions { padding: 8px; justify-content: space-between; }.hero { grid-template-columns: 1fr; padding-top: 180px; }.ops-card { max-width: 720px; width: 100%; margin: auto; }.service-grid { grid-template-columns: repeat(2,1fr); }.outcome-panel, .plan-callout { grid-template-columns: 1fr; }.plan-stack .featured { transform: none; }.process-grid { grid-template-columns: repeat(2,1fr); }.process-grid li:nth-child(3) { border-left: 1px solid var(--line-dark); }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-grid > div:first-child { grid-column: 1/-1; }.page-hero { grid-template-columns: 1fr; }.page-visual { justify-self: start; }.page-signal { display: none; }.pricing-grid { grid-template-columns: 1fr; }.pricing-card { min-height: auto; }.pricing-card.featured { transform: none; }.story-grid { grid-template-columns: 1fr; }.local-card { min-height: 300px; }.value-grid { grid-template-columns: repeat(2,1fr); }.value-grid article:nth-child(3) { border-left: 1px solid var(--line-dark); }.contact-layout { grid-template-columns: 1fr; }.contact-details { position: static; }
}

@media (max-width: 680px) {
  .site-header { padding: 10px; }.nav-shell { border-radius: 17px; }.menu-toggle span { display: none; }.hero { min-height: auto; padding: 146px 20px 68px; }.hero h1 { font-size: clamp(2.7rem, 13vw, 4.1rem); }.button-row .button { width: 100%; }.proof-list { display: grid; }.ops-card { min-height: 490px; padding: 15px; }.network-stage { height: 320px; }.orbit-two { width: 250px; height: 250px; }.metric-grid { grid-template-columns: 1fr 1fr; }.metric-grid article:last-child { display: none; }.trust-strip { grid-template-columns: 1fr 1fr; padding: 0 18px; }.trust-strip div { border-bottom: 1px solid rgba(0,51,95,.18); }.content-section { padding-left: 20px; padding-right: 20px; }.service-grid, .process-grid { grid-template-columns: 1fr; }.service-grid .service-card:last-child:nth-child(3n+1), .detail-grid .detail-card:last-child:nth-child(odd) { grid-column: auto; }.process-grid li, .process-grid li:nth-child(3) { border-left: 1px solid var(--line-dark); }.outcome-panel { padding: 30px 22px; }.outcome-list article { grid-template-columns: 1fr; gap: 5px; }.plan-stack article { align-items: flex-start; flex-direction: column; gap: 4px; }.testimonial blockquote { font-size: 2rem; }.footer-grid { grid-template-columns: 1fr; }.footer-grid > div:first-child { grid-column: auto; }.footer-bottom { flex-direction: column; }.page-hero { min-height: 580px; padding: 150px 20px 70px; }.page-hero h1 { font-size: clamp(2.7rem, 13vw, 4.1rem); }.page-section { padding-left: 20px; padding-right: 20px; }.summary-band, .detail-grid, .audience-grid, .mini-card-grid, .value-grid { grid-template-columns: 1fr; }.summary-band article { border-right: 0; border-bottom: 1px solid var(--line-dark); }.summary-band article:last-child { border-bottom: 0; }.detail-card, .audience-panel { padding: 28px 22px; }.value-grid article, .value-grid article:nth-child(3) { border-left: 1px solid var(--line-dark); }.form-row { grid-template-columns: 1fr; }.contact-form { padding: 26px 20px; }.contact-form .button { width: 100%; }
}

.network-stage--isometric { width: 100%; height: auto; aspect-ratio: 1549 / 1015; margin: 10px 0 18px; overflow: hidden; border-radius: 22px; perspective: none; background: #020912; }
.network-stage--isometric::before,.network-stage--isometric::after { display: none; }
.network-scene { width: 100%; height: 100%; position: absolute; inset: 0; z-index: 1; display: block; object-fit: contain; border-radius: inherit; filter: saturate(1.05) contrast(1.02); }
.network-stage--isometric .route { height: 12px; left: 50.7%; top: 50.9%; z-index: 3; transform-origin: left center; }
.network-stage--isometric .route::before { content: ""; position: absolute; inset: 5px 0 auto 7%; height: 1px; background: linear-gradient(90deg,rgba(230,250,255,.96),rgba(0,162,234,.86) 35%,rgba(0,162,234,.52) 80%,transparent); box-shadow: 0 0 8px rgba(0,162,234,.88); }
.network-stage--isometric .route::after { width: 6px; height: 6px; right: 0; top: 2px; border: 1px solid rgba(210,246,255,.9); background: #00a2ea; box-shadow: 0 0 5px #fff,0 0 15px rgba(0,162,234,.95); }
.network-stage--isometric .route i { width: 7px; height: 7px; left: 5%; top: 2px; z-index: 2; background: #f2fcff; box-shadow: 0 0 6px #fff,0 0 17px 5px rgba(0,162,234,.94); animation: scene-route-signal 3.25s cubic-bezier(.35,.05,.25,1) infinite; }
.network-stage--isometric .route-engineering { width: 24%; transform: rotate(202deg); }
.network-stage--isometric .route-security { width: 29%; transform: rotate(341deg); }
.network-stage--isometric .route-ai { width: 25.5%; transform: rotate(166deg); }
.network-stage--isometric .route-cloud { width: 27%; transform: rotate(22deg); }
.network-stage--isometric .route-security i { animation-delay: -.8s; }.network-stage--isometric .route-ai i { animation-delay: -1.6s; }.network-stage--isometric .route-cloud i { animation-delay: -2.4s; }
@keyframes scene-route-signal { 0%,8% { left: 5%; opacity: 0; transform: scale(.4); } 18% { opacity: 1; } 84% { left: calc(100% - 10px); opacity: 1; transform: scale(1); } 100% { left: calc(100% - 5px); opacity: 0; transform: scale(.3); } }
.network-stage--isometric .core-mark { width: clamp(78px,18.5%,118px); height: auto; aspect-ratio: 152 / 118; left: 50.7%; top: 49.2%; z-index: 5; }
.network-stage--isometric .core-mark::after { width: 78%; height: 20%; bottom: -4%; background: rgba(0,8,15,.76); filter: blur(7px); }
.network-stage--isometric .node-logo-crop { width: 100%; height: 100%; }
.network-stage--isometric .node-logo-crop img { width: 246%; height: auto; top: -69.5%; }
.network-stage--isometric .core-scan { width: 74%; left: 13%; top: 16%; }
.network-stage--isometric .light-drop { top: 43%; z-index: 6; }
.ai-monitor-feed { width: 26.5%; height: 20%; position: absolute; left: 5.4%; top: 48.8%; z-index: 4; overflow: hidden; clip-path: inset(0 0 0 0 round 2px); color: #aeeeff; mix-blend-mode: screen; transform: skewY(12deg); transform-origin: left top; opacity: .86; }
.ai-monitor-feed::before { content: ""; width: 28%; position: absolute; inset: 0 auto 0 -30%; z-index: 2; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(105,221,255,.18), rgba(226,250,255,.28), transparent); filter: blur(1px); animation: ai-monitor-scan 3.4s ease-in-out infinite; }
.feed-row { min-width: 210%; position: absolute; left: -4%; display: block; white-space: nowrap; color: rgba(155,232,255,.82); font-family: Consolas, "Courier New", monospace; font-size: clamp(3px, .58vw, 6px); font-weight: 700; line-height: 1; letter-spacing: .05em; text-shadow: 0 0 4px rgba(0,162,234,.9); animation: ai-feed-scroll 6.4s linear infinite; }
.feed-row-one { top: 7%; }.feed-row-two { top: 21%; animation-duration: 7.8s; animation-direction: reverse; }.feed-row-three { top: 75%; animation-duration: 6.9s; }.feed-row-four { top: 89%; animation-duration: 8.2s; animation-direction: reverse; }
@keyframes ai-feed-scroll { from { transform: translateX(0); } to { transform: translateX(-46%); } }
@keyframes ai-monitor-scan { 0%,12% { left: -30%; opacity: 0; } 24% { opacity: 1; } 82% { opacity: .85; } 100% { left: 108%; opacity: 0; } }

@media (max-width: 680px) {
  .network-stage--isometric { height: auto; margin: 8px 0 16px; border-radius: 16px; }
  .network-stage--isometric .core-mark { width: clamp(70px,21%,88px); }
  .network-stage--isometric .route i { width: 6px; height: 6px; }
  .network-stage--isometric .core-scan { animation-duration: 3.8s; }
}

/* Unified operations theme */
body { color: #edf8fc; background: #06151f; }
main { position: relative; isolation: isolate; background-color: #071821; background-image: linear-gradient(90deg, rgba(115,207,234,.04) 1px, transparent 1px), linear-gradient(rgba(115,207,234,.035) 1px, transparent 1px), linear-gradient(112deg, #14243e 0%, #071b22 100%); background-size: 72px 72px, 72px 72px, 100% 100%; }
.content-section,.page-section,.service-preview,.outcome-section,.process-section,.plan-callout,.final-cta,.soft-section { color: #edf8fc; background: transparent; }
.content-section + .content-section,.page-section + .page-section { border-top: 1px solid rgba(94,194,232,.08); }
.section-heading p,.plan-copy p,.service-card p,.process-grid p,.plan-stack small,.detail-card > p,.check-list li,.pricing-card > p,.plan-note,.mini-card-grid p,.audience-panel > p,.benefit-list p,.story-copy p,.value-grid p,.contact-details > p,.form-note { color: #9db8c7; }
.eyebrow,.detail-index,.card-index,.value-grid span { color: #78d8ff; }
.text-link { color: #72d7ff; border-bottom-color: rgba(114,215,255,.46); }

.page-hero { height: 820px; min-height: 820px; padding: 160px max(24px, calc((100vw - var(--container))/2)) 88px; grid-template-columns: minmax(0, .95fr) minmax(460px, 1.05fr); gap: clamp(44px, 7vw, 90px); border-bottom: 1px solid rgba(65,188,238,.14); background: linear-gradient(108deg, #14243e 0%, #071b22 100%); }
.page-hero::before { background: radial-gradient(circle at 81% 47%, rgba(0,162,234,.2), transparent 30%), linear-gradient(90deg, rgba(132,210,229,.06) 1px, transparent 1px), linear-gradient(rgba(132,210,229,.05) 1px, transparent 1px); background-size: auto, 72px 72px, 72px 72px; mask-image: linear-gradient(black 0%, rgba(0,0,0,.92) 78%, transparent 100%); }
.page-hero::after { content: ""; width: 62%; height: 58%; position: absolute; left: -18%; bottom: -30%; border-radius: 50%; background: rgba(24,74,127,.17); filter: blur(80px); pointer-events: none; }
.page-hero h1 { text-shadow: 0 18px 54px rgba(0,0,0,.28); }
.page-hero p { color: #b7ced9; }
.page-signal { border-color: rgba(57,190,244,.34); background: radial-gradient(circle at 50% 44%, rgba(0,162,234,.15), rgba(3,28,44,.66) 54%, rgba(1,9,16,.8)); box-shadow: inset 0 0 90px rgba(0,162,234,.12), 0 0 0 42px rgba(0,162,234,.025), 0 0 0 84px rgba(0,162,234,.016), 0 24px 70px rgba(0,0,0,.3); }

.trust-strip { width: min(calc(100% - 40px), var(--container)); min-height: 0; margin: -34px auto 0; padding: 14px; position: relative; z-index: 8; gap: 10px; border: 1px solid rgba(55,185,238,.32); border-radius: 26px; color: #edf8fc; background: linear-gradient(118deg, rgba(10,57,84,.98), rgba(2,12,21,.99)); box-shadow: 0 28px 70px rgba(0,5,12,.42), inset 0 1px 0 rgba(198,241,255,.06); }
.trust-strip::before { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(90deg, rgba(105,211,244,.045) 1px, transparent 1px), linear-gradient(rgba(105,211,244,.04) 1px, transparent 1px), radial-gradient(circle at 14% 50%, rgba(0,162,234,.13), transparent 24%); background-size: 34px 34px, 34px 34px, 100% 100%; }
.trust-strip div { min-height: 96px; padding: 20px 22px; position: relative; z-index: 1; align-items: flex-start; justify-content: flex-end; flex-direction: column; gap: 7px; border: 1px solid rgba(107,200,239,.15); border-radius: 17px; color: #eef9fd; background: linear-gradient(145deg, rgba(20,68,94,.7), rgba(5,24,37,.78)); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); transition: transform .22s, border-color .22s, background .22s; }
.trust-strip div:last-child { border-right: 1px solid rgba(107,200,239,.15); }
.trust-strip div:hover { transform: translateY(-3px); border-color: rgba(67,199,251,.34); background: linear-gradient(145deg, rgba(17,83,116,.78), rgba(4,28,43,.84)); }
.trust-strip span { padding: 4px 7px; border: 1px solid rgba(55,199,255,.22); border-radius: 7px; color: #62d3ff; background: rgba(0,162,234,.1); font-size: .65rem; letter-spacing: .08em; }

.service-card,.detail-card,.pricing-card,.mini-card-grid article,.audience-panel,.value-grid article,.contact-form { position: relative; overflow: hidden; color: #edf8fc; border-color: rgba(94,194,232,.2); background: linear-gradient(145deg, rgba(14,58,82,.88), rgba(3,20,32,.92)); box-shadow: inset 0 1px 0 rgba(232,250,255,.035), 0 16px 46px rgba(0,7,14,.18); }
.service-card::after,.detail-card::after,.pricing-card::after,.mini-card-grid article::after,.audience-panel::after,.value-grid article::after { content: ""; width: 180px; height: 180px; position: absolute; right: -115px; top: -120px; pointer-events: none; border: 1px solid rgba(0,162,234,.16); border-radius: 50%; box-shadow: 0 0 0 28px rgba(0,162,234,.025); transition: transform .3s, opacity .3s; }
.service-card:hover,.detail-card:hover,.pricing-card:hover,.mini-card-grid article:hover,.audience-panel:hover,.value-grid article:hover { border-color: rgba(72,201,251,.38); background: linear-gradient(145deg, rgba(15,76,105,.94), rgba(3,25,39,.96)); box-shadow: 0 24px 64px rgba(0,4,10,.34), inset 0 1px 0 rgba(157,229,255,.06); transform: translateY(-5px); }
.service-card:hover::after,.detail-card:hover::after,.pricing-card:hover::after,.mini-card-grid article:hover::after,.audience-panel:hover::after,.value-grid article:hover::after { transform: scale(1.25); }
.service-card::before { border-color: rgba(0,162,234,.16); }
.service-card b { color: #67d6ff; }
.detail-card:nth-child(3n+2),.detail-card:nth-child(3n+3) { background: linear-gradient(145deg, rgba(11,50,73,.9), rgba(3,17,29,.94)); }
.summary-band { overflow: hidden; border-color: rgba(91,194,234,.22); background: linear-gradient(120deg, rgba(13,62,87,.84), rgba(3,20,32,.9)); box-shadow: 0 18px 48px rgba(0,6,12,.22); }
.summary-band article { border-color: rgba(91,194,234,.17); }
.summary-band span { color: #91adbc; }
.check-list li::before { color: #26c3ff; text-shadow: 0 0 10px rgba(0,162,234,.4); }
.pricing-card.featured { border-color: rgba(54,204,255,.52); background: linear-gradient(145deg, rgba(10,81,113,.98), rgba(2,20,34,.98)); box-shadow: 0 28px 80px rgba(0,4,10,.42), 0 0 30px rgba(0,162,234,.1); }
.pricing-card.featured:hover { transform: translateY(-23px); }
.pricing-card.featured > p,.pricing-card.featured .check-list li { color: #bad0db; }
.button-dark-outline { color: #dff5fd; border-color: rgba(127,207,239,.28); background: rgba(3,23,36,.5); }
.button-dark-outline:hover { border-color: rgba(72,201,251,.5); background: rgba(0,113,173,.18); }
.audience-panel,.detail-card,.pricing-card,.mini-card-grid article,.value-grid article { transition: transform .25s, border-color .25s, background .25s, box-shadow .25s; }
.benefit-list > div { border-color: rgba(95,190,226,.17); }
.value-grid { gap: 12px; }
.value-grid article { min-height: 270px; border: 1px solid rgba(94,194,232,.2); border-radius: 20px; }
.value-grid article:first-child { border-left-color: rgba(94,194,232,.2); }
.local-card { border: 1px solid rgba(63,192,242,.3); background: linear-gradient(145deg, rgba(10,72,100,.95), rgba(2,18,30,.98)); box-shadow: 0 26px 72px rgba(0,4,10,.38); }

.process-grid { gap: 12px; }
.process-grid li { min-height: 0; border: 1px solid rgba(94,194,232,.18); border-radius: 19px; background: linear-gradient(145deg, rgba(13,57,81,.76), rgba(3,20,32,.84)); }
.process-grid li:first-child { border-left-color: rgba(94,194,232,.18); }
.process-grid p { color: #9db8c7; }
.plan-stack article { color: #edf8fc; border-color: rgba(94,194,232,.18); background: linear-gradient(145deg, rgba(13,57,81,.78), rgba(3,20,32,.88)); }
.plan-stack article.featured { border-color: rgba(45,201,255,.42); background: linear-gradient(145deg, rgba(9,77,108,.96), rgba(2,18,31,.98)); }
.outcome-section,.testimonial-section,.dark-section { border-top: 1px solid rgba(93,194,233,.1); border-bottom: 1px solid rgba(93,194,233,.1); background: linear-gradient(115deg, rgba(7,39,57,.92), rgba(2,12,21,.96)) !important; }
.outcome-panel { border: 1px solid rgba(60,190,241,.22); background: linear-gradient(135deg, rgba(9,60,86,.95), rgba(2,16,27,.98)); box-shadow: 0 28px 82px rgba(0,5,12,.38); }

.cta-card { border: 1px solid rgba(56,193,244,.3); background: linear-gradient(120deg, #0a4b6d 0%, #031523 66%, #020b13 100%); box-shadow: 0 28px 80px rgba(0,5,12,.38), inset 0 1px 0 rgba(198,241,255,.06); }
.cta-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(119,213,242,.04) 1px, transparent 1px), linear-gradient(rgba(119,213,242,.035) 1px, transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(90deg, black, transparent 82%); }

.contact-details { color: #edf8fc; }
.contact-details > a,.contact-details > div { border-color: rgba(94,194,232,.18); }
.contact-details span { color: #8eabba; }
.contact-form label { color: #cae0e9; }
.contact-form input,.contact-form textarea { color: #edf8fc; border-color: rgba(91,193,232,.24); background: rgba(1,15,25,.68); }
.contact-form input:focus,.contact-form textarea:focus { border-color: #27bdf8; outline-color: rgba(0,162,234,.17); }

.site-footer { position: relative; isolation: isolate; overflow: hidden; padding-top: 68px; border-top: 1px solid rgba(64,190,239,.3); background: linear-gradient(118deg, #0a3853 0%, #03111d 58%, #01070d 100%); }
.site-footer::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(105,204,239,.045) 1px, transparent 1px), linear-gradient(rgba(105,204,239,.035) 1px, transparent 1px), radial-gradient(circle at 16% 32%, rgba(0,162,234,.14), transparent 26%); background-size: 52px 52px, 52px 52px, 100% 100%; }
.footer-grid { gap: 14px; padding-bottom: 42px; }
.footer-grid > div,.footer-grid > nav { min-height: 220px; padding: 30px; border: 1px solid rgba(91,190,230,.17); border-radius: 22px; background: linear-gradient(145deg, rgba(14,57,81,.72), rgba(3,18,29,.8)); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.footer-grid p { color: #9cb6c4; }
.footer-grid nav,.footer-grid > div:last-child { gap: 11px; color: #a9c0cb; }
.footer-grid nav strong,.footer-grid > div:last-child strong { color: #e8f7fc; }
.footer-bottom { padding: 22px 25px; align-items: center; border: 1px solid rgba(91,190,230,.15); border-radius: 18px; color: #8da8b6; background: rgba(2,15,24,.5); }

@media (max-width: 1040px) {
  .page-hero { height: auto; min-height: 0; padding: 180px max(24px, calc((100vw - var(--container))/2)) 100px; grid-template-columns: 1fr; gap: 70px; }
  .trial-offer-card { grid-template-columns: 1fr; }
  .trust-strip { margin-top: -24px; }
  .footer-grid > div,.footer-grid > nav { min-height: 0; }
}

@media (min-width: 1041px) {
  .hero .ops-card, .page-visual.ops-card { width: 460px; justify-self: end; align-self: center; }
}

@media (max-width: 680px) {
  main { background-size: 48px 48px, 48px 48px, 100% 100%; }
  .page-hero { min-height: 610px; }
  .page-hero::before { background-size: auto, 48px 48px, 48px 48px; }
  .trust-strip { width: calc(100% - 28px); margin-top: -18px; padding: 9px; grid-template-columns: 1fr 1fr; gap: 8px; border-radius: 20px; }
  .trust-strip div { min-height: 88px; padding: 16px; border-bottom: 1px solid rgba(107,200,239,.15); }
  .trust-strip div:last-child { border-right-color: rgba(107,200,239,.15); }
  .service-card:hover,.detail-card:hover,.pricing-card:hover,.mini-card-grid article:hover,.audience-panel:hover,.value-grid article:hover { transform: none; }
  .pricing-card.featured:hover { transform: none; }
  .value-grid { gap: 10px; }
  .footer-grid > div,.footer-grid > nav { padding: 24px 22px; border-radius: 18px; }
  .footer-bottom { padding: 20px; }
}

/* Animated signal visual for the four primary secondary pages */
.page-signal.page-signal-active { width: 360px; height: 390px; overflow: hidden; isolation: isolate; border: 1px solid rgba(55,191,244,.33); border-radius: 32px; background: linear-gradient(145deg, rgba(9,59,85,.94), rgba(2,14,24,.99) 72%); box-shadow: inset 0 1px 0 rgba(207,244,255,.05), inset 0 0 70px rgba(0,126,190,.08), 0 28px 82px rgba(0,4,10,.42); }
.page-signal-active::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(112,210,241,.045) 1px, transparent 1px), linear-gradient(rgba(112,210,241,.04) 1px, transparent 1px), radial-gradient(circle at 50% 52%, rgba(0,162,234,.18), transparent 43%); background-size: 30px 30px, 30px 30px, 100% 100%; }
.page-signal-active::after { content: ""; width: 280px; height: 110px; position: absolute; left: 50%; top: 58%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, rgba(0,162,234,.28), rgba(0,73,115,.08) 48%, transparent 72%); filter: blur(14px); transform: translate(-50%,-50%); animation: active-signal-breathe 4.2s ease-in-out infinite; }
.signal-title,.signal-state { position: absolute; top: 23px; z-index: 8; color: #9db7c5; font-size: .7rem; font-weight: 850; letter-spacing: .04em; }
.signal-title { left: 24px; }.signal-state { right: 24px; display: inline-flex; align-items: center; gap: 7px; color: #e1f5fc; }
.signal-state i { width: 7px; height: 7px; display: block; border-radius: 50%; background: #00a2ea; box-shadow: 0 0 13px rgba(0,162,234,.9); animation: active-node-twinkle 2.2s ease-in-out infinite; }
.page-signal-active > .signal-orbit { position: absolute; left: 50%; top: 53%; z-index: 1; display: block; border: 1px dashed rgba(0,162,234,.22); border-radius: 50%; background: transparent; box-shadow: none; transform: translate(-50%,-50%); }
.page-signal-active > .signal-orbit-one { width: 230px; height: 230px; animation: active-orbit-spin 19s linear infinite; }
.page-signal-active > .signal-orbit-two { width: 286px; height: 286px; border-color: rgba(0,162,234,.13); animation: active-orbit-spin-reverse 29s linear infinite; }
.page-signal-active > .signal-ray { width: 146px; height: 12px; position: absolute; left: 50%; top: 53%; z-index: 3; display: block; background: transparent; box-shadow: none; transform-origin: left center; }
.page-signal-active > .signal-ray::before { content: ""; position: absolute; inset: 5px 0 auto; height: 1px; background: linear-gradient(90deg, rgba(225,249,255,.9), rgba(0,162,234,.78) 36%, rgba(0,162,234,.12)); box-shadow: 0 0 7px rgba(0,162,234,.68); }
.page-signal-active > .signal-ray::after { content: ""; width: 6px; height: 6px; position: absolute; right: -2px; top: 2px; border: 1px solid rgba(203,243,255,.85); border-radius: 50%; background: #00a2ea; box-shadow: 0 0 13px rgba(0,162,234,.92); }
.signal-ray > i { width: 7px; height: 7px; position: absolute; left: 2%; top: 2px; border-radius: 50%; background: #effcff; box-shadow: 0 0 6px #fff, 0 0 16px 5px rgba(0,162,234,.9); opacity: 0; animation: active-ray-spark 3.15s cubic-bezier(.35,.05,.25,1) infinite; }
.signal-ray-a { transform: rotate(215deg); }.signal-ray-b { transform: rotate(335deg); }.signal-ray-c { transform: rotate(145deg); }.signal-ray-d { transform: rotate(35deg); }
.signal-ray-b > i { animation-delay: -.78s; }.signal-ray-c > i { animation-delay: -1.56s; }.signal-ray-d > i { animation-delay: -2.34s; }
.page-signal-active > .signal-node { width: 13px; height: 13px; position: absolute; z-index: 4; display: block; border: 3px solid #08283b; border-radius: 50%; background: #00a2ea; box-shadow: 0 0 19px rgba(0,162,234,.7); animation: active-node-twinkle 2.7s ease-in-out infinite; }
.signal-node-a { left: 15%; top: 31%; }.signal-node-b { right: 10%; top: 38%; animation-delay: -.7s !important; }.signal-node-c { left: 21%; bottom: 13%; animation-delay: -1.4s !important; }.signal-node-d { right: 20%; bottom: 12%; animation-delay: -2.1s !important; }
.page-signal-active > .signal-core { width: 184px; height: 184px; position: absolute; left: 50%; top: 53%; z-index: 5; display: grid; place-items: center; border: 1px solid rgba(0,162,234,.7); border-radius: 50%; background: radial-gradient(circle at 50% 38%, rgba(0,162,234,.24), rgba(3,39,61,.98) 48%, rgba(1,12,21,.99) 76%); box-shadow: inset 0 0 34px rgba(0,162,234,.18), 0 0 0 10px rgba(0,162,234,.045), 0 20px 58px rgba(0,0,0,.45), 0 0 40px rgba(0,162,234,.22); transform: translate(-50%,-50%); animation: active-core-float 5s ease-in-out infinite; }
.signal-core::before { content: ""; position: absolute; inset: -7px; z-index: 0; padding: 3px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 20%, #00a2ea 29%, #dff8ff 33%, #00a2ea 37%, transparent 48% 100%); filter: drop-shadow(0 0 9px rgba(0,162,234,.82)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: active-halo-sweep 3.4s linear infinite; }
.signal-core::after { content: ""; position: absolute; inset: -3px; z-index: -1; border: 1px solid rgba(0,162,234,.5); border-radius: 50%; animation: active-core-pulse 3.8s ease-out infinite; }
.signal-logo-crop { width: 126px; height: 98px; position: relative; z-index: 3; display: block; overflow: hidden; filter: brightness(1.12) drop-shadow(0 0 15px rgba(0,162,234,.5)); animation: active-logo-glow 4.8s ease-in-out infinite; }
.signal-logo-crop img { width: 310px; max-width: none; height: 310px; position: absolute; left: 50%; top: -68px; display: block; object-fit: contain; transform: translateX(-50%); }
.signal-scan { width: 72%; height: 2px; position: absolute; left: 14%; top: 20%; z-index: 6; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(224,249,255,.96), transparent); box-shadow: 0 0 17px 5px rgba(0,162,234,.4); opacity: 0; animation: active-scan-drop 3.3s ease-in-out infinite; }
.page-signal-active > .signal-streak { width: 2px; height: 42px; position: absolute; left: 50%; top: 48%; z-index: 7; display: block; border-radius: 50%; background: linear-gradient(to bottom, transparent, rgba(222,248,255,.98), #00a2ea, transparent); box-shadow: 0 0 14px 3px rgba(0,162,234,.5); opacity: 0; animation: active-light-fall 3.6s cubic-bezier(.2,.55,.35,1) infinite; }
.page-signal-active > .signal-streak-b { left: 43%; animation-delay: -1.2s; animation-duration: 4.1s; }.page-signal-active > .signal-streak-c { left: 57%; animation-delay: -2.45s; animation-duration: 3.2s; }
@keyframes active-orbit-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes active-orbit-spin-reverse { to { transform: translate(-50%,-50%) rotate(-360deg); } }
@keyframes active-ray-spark { 0%,8% { left: 2%; opacity: 0; transform: scale(.4); } 18% { opacity: 1; } 84% { left: calc(100% - 10px); opacity: 1; transform: scale(1); } 100% { left: calc(100% - 5px); opacity: 0; transform: scale(.3); } }
@keyframes active-node-twinkle { 0%,100% { opacity: .58; transform: scale(.78); } 50% { opacity: 1; transform: scale(1.14); } }
@keyframes active-core-float { 0%,100% { transform: translate(-50%,-50%) translateY(0); } 50% { transform: translate(-50%,-50%) translateY(-6px); } }
@keyframes active-halo-sweep { to { transform: rotate(360deg); } }
@keyframes active-core-pulse { 0% { opacity: .65; transform: scale(.94); } 78%,100% { opacity: 0; transform: scale(1.5); } }
@keyframes active-logo-glow { 0%,100% { filter: brightness(1.06) drop-shadow(0 0 12px rgba(0,162,234,.36)); transform: scale(1); } 50% { filter: brightness(1.23) drop-shadow(0 0 22px rgba(0,162,234,.7)); transform: scale(1.04); } }
@keyframes active-scan-drop { 0%,12% { opacity: 0; transform: translateY(-20px) scaleX(.58); } 24% { opacity: 1; } 70% { opacity: .85; } 88%,100% { opacity: 0; transform: translateY(110px) scaleX(1); } }
@keyframes active-light-fall { 0%,15% { opacity: 0; transform: translateY(-62px) scaleY(.35); } 27% { opacity: 1; } 70% { opacity: .88; } 100% { opacity: 0; transform: translateY(112px) scaleY(1.1); } }
@keyframes active-signal-breathe { 0%,100% { opacity: .55; transform: translate(-50%,-50%) scale(.94); } 50% { opacity: 1; transform: translate(-50%,-50%) scale(1.06); } }

@media (max-width: 1040px) {
  .page-signal.page-signal-active { display: block; justify-self: center; margin-top: 16px; }
}

@media (max-width: 680px) {
  .testimonial-body { grid-template-columns: 1fr; gap: 22px; text-align: center; }
  .cloud-platform-grid { grid-template-columns: 1fr; }
  .cloud-platform-card { padding: 28px 22px; }
  .testimonial-logo { width: min(180px, 58vw); margin: 0 auto; }
  .page-signal.page-signal-active { width: min(320px, calc(100vw - 40px)); height: 350px; border-radius: 26px; }
  .page-signal-active > .signal-orbit-one { width: 206px; height: 206px; }
  .page-signal-active > .signal-orbit-two { width: 254px; height: 254px; }
  .page-signal-active > .signal-ray { width: 128px; }
  .page-signal-active > .signal-core { width: 166px; height: 166px; }
  .signal-logo-crop { width: 112px; height: 87px; }
  .signal-logo-crop img { width: 276px; height: 276px; top: -60px; }
}