:root {--bg: #060914;--bg-deep: #03050d;--surface: #0d1220;--surface-2: #12182a;--surface-3: #171f34;--border: rgba(167, 180, 214, 0.16);--border-strong: rgba(167, 180, 214, 0.28);--text: #f5f7ff;--muted: #aab2c5;--muted-2: #79839b;--purple: #7047eb;--purple-bright: #8b5cf6;--purple-soft: rgba(112, 71, 235, 0.16);--teal: #42e8ce;--teal-soft: rgba(66, 232, 206, 0.14);--blue: #448cff;--danger: #ff5e6c;--warning: #ffb547;--success: #42e8ce;--shadow-lg: 0 34px 100px rgba(0, 0, 0, 0.46);--shadow-md: 0 18px 56px rgba(0, 0, 0, 0.32);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--container: 1240px;}* {box-sizing: border-box;}html {scroll-behavior: smooth;scroll-padding-top: 92px;}body.landing-body {margin: 0;min-width: 320px;color: var(--text);font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;line-height: 1.55;background:radial-gradient(circle at 12% 3%, rgba(112, 71, 235, 0.17), transparent 28rem),radial-gradient(circle at 90% 8%, rgba(66, 232, 206, 0.10), transparent 30rem),linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);overflow-x: hidden;}body.landing-body::before {content: "";position: fixed;inset: 0;pointer-events: none;opacity: 0.23;background-image:linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);background-size: 42px 42px;mask-image: linear-gradient(to bottom, black, transparent 80%);z-index: -1;}a {color: inherit;}button,a {-webkit-tap-highlight-color: transparent;}button,input,textarea,select {font: inherit;}img {max-width: 100%;}.container {width: min(calc(100% - 40px), var(--container));margin-inline: auto;}.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}.eyebrow {display: inline-flex;align-items: center;gap: 8px;color: var(--teal);text-transform: uppercase;letter-spacing: 0.18em;font-size: 0.72rem;font-weight: 900;}.eyebrow::before {content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--teal);box-shadow: 0 0 16px rgba(66, 232, 206, 0.8);}.button {min-height: 46px;padding: 0 20px;border: 1px solid var(--border);border-radius: 12px;display: inline-flex;align-items: center;justify-content: center;gap: 9px;color: var(--text);text-decoration: none;font-weight: 850;line-height: 1.15;cursor: pointer;transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;}.button:hover {transform: translateY(-2px);}.button-primary {border-color: rgba(139, 92, 246, 0.65);background: linear-gradient(135deg, var(--purple-bright), var(--purple));box-shadow: 0 15px 36px rgba(112, 71, 235, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);}.button-primary:hover {box-shadow: 0 20px 46px rgba(112, 71, 235, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.2);}.button-outline,.button-ghost {background: rgba(255, 255, 255, 0.025);border-color: var(--border-strong);}.button-outline:hover,.button-ghost:hover {border-color: rgba(139, 92, 246, 0.58);background: rgba(112, 71, 235, 0.09);}.button-large {min-height: 62px;padding-inline: 24px;}.button-compact {min-height: 42px;padding-inline: 18px;font-size: 0.88rem;}.button-stacked {flex-direction: column;align-items: flex-start;min-width: 190px;gap: 4px;}.button-stacked small {color: rgba(255, 255, 255, 0.72);font-size: 0.71rem;font-weight: 650;}.button-full {width: 100%;}.play-icon {display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;color: var(--purple-bright);background: rgba(139, 92, 246, 0.16);font-size: 0.62rem;}.site-header {position: sticky;top: 0;z-index: 100;border-bottom: 1px solid transparent;background: rgba(6, 9, 20, 0.68);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);transition: border-color 180ms ease, background 180ms ease;}.site-header.is-scrolled {border-color: var(--border);background: rgba(6, 9, 20, 0.91);}.header-inner {min-height: 76px;display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 26px;}.brand {display: inline-flex;align-items: center;gap: 12px;color: var(--text);text-decoration: none;flex-shrink: 0;}.brand-mark {width: 42px;height: 42px;border-radius: 12px;display: grid;place-items: center;color: white;font-size: 1.18rem;font-weight: 950;background: linear-gradient(145deg, var(--purple-bright), var(--purple));box-shadow: 0 0 28px rgba(112, 71, 235, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.25);}.brand-copy {display: flex;flex-direction: column;line-height: 1.05;}.brand-copy strong {font-size: 1rem;letter-spacing: -0.02em;}.brand-copy small {margin-top: 5px;color: var(--muted-2);font-size: 0.62rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.11em;}.main-nav {display: flex;justify-content: center;gap: 26px;}.main-nav a {color: var(--muted);text-decoration: none;font-size: 0.84rem;font-weight: 750;transition: color 160ms ease;}.main-nav a:hover {color: white;}.header-actions {display: flex;align-items: center;gap: 10px;}.nav-toggle {display: none;width: 44px;height: 42px;padding: 10px;border: 1px solid var(--border);border-radius: 11px;background: rgba(255, 255, 255, 0.03);cursor: pointer;}.nav-toggle span:not(.sr-only) {display: block;height: 2px;margin: 4px 0;border-radius: 999px;background: var(--text);}.hero-section {position: relative;padding: 86px 0 26px;isolation: isolate;}.hero-aurora {position: absolute;border-radius: 999px;filter: blur(90px);opacity: 0.34;z-index: -1;}.hero-aurora-one {width: 430px;height: 330px;top: 70px;left: -150px;background: rgba(112, 71, 235, 0.95);}.hero-aurora-two {width: 430px;height: 310px;top: 90px;right: -160px;background: rgba(66, 232, 206, 0.58);}.hero-grid {display: grid;grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);gap: 56px;align-items: center;}.hero-copy {position: relative;z-index: 2;}.hero-title {max-width: 520px;margin: 18px 0 22px;color: #f7f9ff;font-size: clamp(3.7rem, 6vw, 6.2rem);font-weight: 950;line-height: 0.92;letter-spacing: -0.075em;text-wrap: balance;}.hero-line {display: block;}.hero-line-accent {color: var(--teal);text-shadow:0 0 18px rgba(66, 232, 206, 0.18),0 0 36px rgba(66, 232, 206, 0.12);}.hero-lead {max-width: 600px;margin: 0;color: var(--muted);font-size: clamp(1rem, 1.42vw, 1.16rem);}.hero-actions {margin-top: 30px;display: flex;flex-wrap: wrap;gap: 12px;}.hero-highlights {margin-top: 34px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 16px;}.hero-highlights article {display: flex;align-items: flex-start;gap: 10px;}.hero-highlights .mini-icon {width: 31px;height: 31px;flex: 0 0 31px;display: grid;place-items: center;border: 1px solid rgba(66, 232, 206, 0.24);border-radius: 50%;color: var(--teal);background: rgba(66, 232, 206, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);font-size: 0.82rem;font-weight: 900;}.hero-highlights strong,.hero-highlights small {display: block;}.hero-highlights strong {font-size: 0.73rem;line-height: 1.35;}.hero-highlights small {margin-top: 4px;color: var(--muted-2);font-size: 0.67rem;line-height: 1.35;}.network-visual {padding: 18px;border: 1px solid rgba(167, 180, 214, 0.22);border-radius: 28px;background: linear-gradient(180deg, rgba(14, 19, 33, 0.96), rgba(7, 11, 24, 0.98));box-shadow:0 34px 100px rgba(0, 0, 0, 0.46),inset 0 1px 0 rgba(255, 255, 255, 0.05);}.visual-topline {min-height: 44px;display: flex;align-items: center;gap: 8px;}.status-pill {display: inline-flex;align-items: center;gap: 8px;padding: 7px 11px;border: 1px solid rgba(66, 232, 206, 0.24);border-radius: 999px;color: var(--text);background: rgba(66, 232, 206, 0.08);font-size: 0.68rem;font-weight: 850;}.status-pill i {width: 7px;height: 7px;border-radius: 50%;background: var(--teal);box-shadow: 0 0 12px rgba(66, 232, 206, 0.9);animation: pulse 1.8s infinite;}.status-pill-purple {border-color: rgba(139, 92, 246, 0.34);background: rgba(139, 92, 246, 0.11);}.network-stage {position: relative;min-height: 540px;overflow: hidden;border: 1px solid rgba(112, 142, 219, 0.18);border-radius: 22px;background:radial-gradient(circle at 50% 46%, rgba(112, 71, 235, 0.18), transparent 18%),radial-gradient(circle at 50% 50%, rgba(68, 140, 255, 0.11), transparent 43%),linear-gradient(160deg, #081127, #070c1c 54%, #060914);}.network-stage::before {content: "";position: absolute;inset: 0;pointer-events: none;background:radial-gradient(circle at 20% 20%, rgba(68, 140, 255, 0.11), transparent 18%),radial-gradient(circle at 83% 74%, rgba(66, 232, 206, 0.07), transparent 20%);}.network-grid {position: absolute;inset: 0;opacity: 0.12;background-image:linear-gradient(rgba(68, 140, 255, 0.18) 1px, transparent 1px),linear-gradient(90deg, rgba(68, 140, 255, 0.18) 1px, transparent 1px);background-size: 34px 34px;transform: perspective(700px) rotateX(64deg) scale(1.55) translateY(12%);transform-origin: center bottom;}.network-links {position: absolute;inset: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}.network-links path {fill: none;stroke-linecap: round;stroke-linejoin: round;}.network-links-glow path {stroke: rgba(112, 71, 235, 0.45);stroke-width: 8;opacity: 0.28;filter: blur(8px);}.network-links-main path {stroke: url(#heroLinkGradient);stroke-width: 2.6;stroke-dasharray: 10 10;opacity: 0.94;animation: dash 9s linear infinite;}.network-card {position: absolute;z-index: 3;width: 182px;min-height: 72px;padding: 14px;display: flex;align-items: center;gap: 12px;border: 1px solid rgba(66, 232, 206, 0.16);border-radius: 16px;background: linear-gradient(180deg, rgba(13, 26, 40, 0.92), rgba(9, 21, 34, 0.84));box-shadow:0 18px 36px rgba(0, 0, 0, 0.28),inset 0 1px 0 rgba(255, 255, 255, 0.04);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.network-card::after {content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);}.network-card-icon {width: 38px;height: 38px;flex: 0 0 38px;display: grid;place-items: center;border-radius: 11px;color: var(--teal);background: linear-gradient(145deg, rgba(66, 232, 206, 0.11), rgba(66, 232, 206, 0.05));box-shadow: inset 0 0 0 1px rgba(66, 232, 206, 0.1);}.network-card-icon svg {width: 18px;height: 18px;stroke: currentColor;fill: none;stroke-width: 1.9;stroke-linecap: round;stroke-linejoin: round;}.network-card strong,.network-card small {display: block;}.network-card strong {font-size: 0.82rem;line-height: 1.1;}.network-card small {margin-top: 4px;color: var(--muted);font-size: 0.66rem;line-height: 1.2;}.network-card-l1 { left: 24px; top: 54px; }.network-card-l2 { left: 24px; top: 232px; }.network-card-l3 { left: 24px; bottom: 54px; }.network-card-r1 { right: 24px; top: 54px; }.network-card-r2 { right: 24px; top: 232px; }.network-card-r3 { right: 24px; bottom: 54px; }.core-node {position: absolute;top: 50%;left: 50%;z-index: 4;width: 196px;height: 156px;transform: translate(-50%, -50%);display: grid;place-items: center;}.core-node-glow {position: absolute;inset: -44px;z-index: -1;border-radius: 48px;background: radial-gradient(circle, rgba(112, 71, 235, 0.36), transparent 60%);filter: blur(12px);}.core-node-shell {position: relative;width: 100%;height: 100%;padding: 22px 18px;display: flex;align-items: center;justify-content: center;gap: 14px;border: 1px solid rgba(139, 92, 246, 0.66);border-radius: 28px;background: linear-gradient(145deg, rgba(36, 28, 84, 0.96), rgba(19, 39, 66, 0.94));box-shadow:0 0 34px rgba(112, 71, 235, 0.42),0 0 84px rgba(68, 140, 255, 0.14),inset 0 1px 0 rgba(255, 255, 255, 0.16);}.core-node-shell::after {content: "";position: absolute;inset: 8px;border: 1px solid rgba(255, 255, 255, 0.06);border-radius: 20px;pointer-events: none;}.core-mark {width: 54px;height: 54px;flex: 0 0 54px;display: grid;place-items: center;border-radius: 15px;color: #fff;background: linear-gradient(145deg, var(--purple-bright), var(--purple));box-shadow: 0 0 24px rgba(139, 92, 246, 0.44);font-size: 1.6rem;font-weight: 950;}.core-node-copy strong,.core-node-copy small {display: block;}.core-node-copy strong {font-size: 0.88rem;line-height: 1.1;}.core-node-copy small {margin-top: 5px;color: rgba(255, 255, 255, 0.72);font-size: 0.61rem;letter-spacing: 0.14em;}.stats-section {padding: 38px 0 42px;}.stats-panel {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));border: 1px solid rgba(167, 180, 214, 0.24);border-radius: 24px;overflow: hidden;background:radial-gradient(circle at 15% 0%, rgba(112, 71, 235, 0.10), transparent 30%),radial-gradient(circle at 85% 100%, rgba(66, 232, 206, 0.07), transparent 30%),rgba(8, 13, 25, 0.92);box-shadow:0 24px 64px rgba(0, 0, 0, 0.34),inset 0 1px 0 rgba(255, 255, 255, 0.035);}.stat-item {position: relative;min-width: 0;min-height: 174px;padding: 25px 22px;display: flex;align-items: center;gap: 17px;border-right: 1px solid var(--border);transition:background 180ms ease,transform 180ms ease;}.stat-item::before {content: "";position: absolute;inset: 0;pointer-events: none;opacity: 0;background: linear-gradient(145deg, rgba(112, 71, 235, 0.08), rgba(66, 232, 206, 0.035));transition: opacity 180ms ease;}.stat-item:hover::before {opacity: 1;}.stat-item:last-child {border-right: 0;}.stat-icon {position: relative;width: 82px;height: 82px;flex: 0 0 82px;display: grid;place-items: center;overflow: visible;border: 1px solid rgba(139, 92, 246, 0.25);border-radius: 22px;background:radial-gradient(circle at 35% 28%, rgba(66, 232, 206, 0.10), transparent 44%),linear-gradient(145deg, rgba(112, 71, 235, 0.12), rgba(5, 10, 22, 0.72));box-shadow:0 16px 30px rgba(0, 0, 0, 0.28),inset 0 1px 0 rgba(255, 255, 255, 0.05);}.stat-icon::before {content: "";position: absolute;inset: 8px;border-radius: 16px;background: radial-gradient(circle, rgba(66, 232, 206, 0.09), transparent 70%);filter: blur(4px);}.stat-icon-image {position: relative;z-index: 1;display: block;width: 92px;height: 92px;max-width: none;object-fit: contain;pointer-events: none;filter:drop-shadow(0 0 8px rgba(66, 232, 206, 0.28))drop-shadow(0 0 16px rgba(112, 71, 235, 0.18));}.stat-icon-routers .stat-icon-image,.stat-icon-olts .stat-icon-image {width: 96px;height: 96px;}.stat-copy {position: relative;z-index: 1;min-width: 0;}.stat-number,.stat-item span,.stat-item small {display: block;}.stat-number {color: var(--teal);font-size: clamp(1.75rem, 2.3vw, 2.05rem);line-height: 1;font-weight: 950;letter-spacing: -0.05em;text-shadow: 0 0 22px rgba(66, 232, 206, 0.16);}.stat-item span:not(.stat-icon) {margin-top: 8px;color: var(--text);font-size: 0.84rem;font-weight: 850;line-height: 1.2;}.stat-item small {margin-top: 8px;color: var(--muted-2);font-size: 0.67rem;line-height: 1.4;}.section-block {padding: 92px 0;}.section-heading {max-width: 720px;margin-bottom: 40px;}.section-heading-center {margin-inline: auto;text-align: center;}.section-heading-center .eyebrow {justify-content: center;}.section-heading h2 {margin: 14px 0 14px;font-size: clamp(2rem, 4vw, 3.25rem);line-height: 1.06;letter-spacing: -0.045em;}.section-heading p {margin: 0;color: var(--muted);font-size: 1rem;}.product-section {padding-top: 72px;}.product-tabs {width: min(100%, 950px);margin: 0 auto 16px;padding: 8px;display: flex;justify-content: center;gap: 4px;border: 1px solid var(--border);border-radius: 14px;background: rgba(255, 255, 255, 0.025);overflow-x: auto;}.product-tabs button {min-width: 110px;padding: 11px 14px;border: 0;border-radius: 9px;color: var(--muted);background: transparent;font-size: 0.76rem;font-weight: 800;cursor: default;}.product-tabs button.is-active {color: white;background: rgba(112, 71, 235, 0.17);box-shadow: inset 0 -2px 0 var(--purple-bright);}.dashboard-shell {display: grid;grid-template-columns: 200px 1fr;min-height: 570px;overflow: hidden;border: 1px solid var(--border-strong);border-radius: 22px;background: #0a0e19;box-shadow: var(--shadow-lg);}.dashboard-sidebar {padding: 22px 14px;border-right: 1px solid var(--border);background: #080c16;}.dashboard-brand {padding: 2px 8px 24px;display: flex;align-items: center;gap: 10px;}.dashboard-brand span {width: 30px;height: 30px;display: grid;place-items: center;border-radius: 8px;background: linear-gradient(145deg, var(--purple-bright), var(--purple));font-weight: 950;}.dashboard-brand strong {font-size: 0.82rem;}.dashboard-sidebar nav {display: grid;gap: 5px;}.preview-nav-item {padding: 10px 12px;display: flex;align-items: center;gap: 10px;border-radius: 8px;color: var(--muted);text-decoration: none;font-style: normal;font-size: 0.69rem;font-weight: 700;}.preview-nav-item.active {color: white;background: rgba(112, 71, 235, 0.18);}.preview-nav-item i {color: var(--purple-bright);font-size: 0.82rem;}.dashboard-main {padding: 24px;background:radial-gradient(circle at 85% 0%, rgba(112, 71, 235, 0.08), transparent 22rem),#0d111d;}.dashboard-toolbar {display: flex;align-items: center;justify-content: space-between;gap: 20px;}.dashboard-toolbar h3 {margin: 0;font-size: 1rem;}.dashboard-toolbar p {margin: 4px 0 0;color: var(--muted-2);font-size: 0.68rem;}.operator-chip {display: flex;align-items: center;gap: 8px;}.operator-chip > span {width: 34px;height: 34px;display: grid;place-items: center;border-radius: 50%;color: #051014;background: linear-gradient(145deg, var(--teal), #7cf3df);font-size: 0.68rem;font-weight: 950;}.operator-chip strong,.operator-chip small {display: block;}.operator-chip strong {font-size: 0.66rem;}.operator-chip small {color: var(--muted-2);font-size: 0.56rem;}.dashboard-kpis {margin-top: 22px;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 12px;}.dashboard-kpis article,.widget-card {border: 1px solid rgba(167, 180, 214, 0.11);border-radius: 11px;background: linear-gradient(145deg, rgba(23, 31, 51, 0.78), rgba(16, 22, 37, 0.92));box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);}.dashboard-kpis article {min-height: 102px;padding: 15px;}.dashboard-kpis small,.dashboard-kpis strong,.dashboard-kpis span {display: block;}.dashboard-kpis small {color: var(--muted-2);font-size: 0.59rem;}.dashboard-kpis strong {margin-top: 10px;font-size: 1.26rem;letter-spacing: -0.045em;}.dashboard-kpis span {margin-top: 8px;color: var(--muted);font-size: 0.57rem;}.dashboard-kpis .positive {color: var(--teal);}.dashboard-kpis .danger {color: var(--danger);}.dashboard-widgets {margin-top: 12px;display: grid;grid-template-columns: 1fr 1.12fr 1fr;gap: 12px;}.widget-card {min-height: 300px;padding: 15px;}.widget-title {display: flex;align-items: center;justify-content: space-between;}.widget-title strong {font-size: 0.7rem;}.widget-title span {color: var(--muted-2);letter-spacing: 0.1em;}.donut-row {height: calc(100% - 28px);display: flex;align-items: center;justify-content: center;gap: 24px;}.donut-chart {width: 132px;height: 132px;flex: 0 0 132px;display: grid;place-items: center;border-radius: 50%;background: conic-gradient(var(--teal) 0 78%, var(--warning) 78% 92%, var(--danger) 92% 97%, var(--purple-bright) 97% 100%);position: relative;box-shadow: 0 0 22px rgba(66, 232, 206, 0.08);}.donut-chart::before {content: "";position: absolute;inset: 18px;border-radius: 50%;background: #121827;box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.35);}.donut-chart span {position: relative;z-index: 1;font-size: 1rem;font-weight: 900;text-align: center;}.donut-chart small {display: block;margin-top: 2px;color: var(--muted-2);font-size: 0.52rem;font-weight: 650;}.donut-router {background: conic-gradient(var(--teal) 0 82%, var(--warning) 82% 94%, var(--danger) 94% 100%);}.chart-legend {margin: 0;padding: 0;list-style: none;display: grid;gap: 10px;}.chart-legend li {min-width: 100px;display: grid;grid-template-columns: auto 1fr auto;gap: 6px;align-items: center;color: var(--muted);font-size: 0.55rem;}.chart-legend strong {color: var(--text);font-size: 0.55rem;}.dot {width: 6px;height: 6px;border-radius: 50%;}.dot-teal { background: var(--teal); }.dot-yellow { background: var(--warning); }.dot-red { background: var(--danger); }.dot-purple { background: var(--purple-bright); }.bar-chart {height: 238px;padding: 28px 10px 20px;display: flex;align-items: flex-end;justify-content: space-around;gap: 10px;background-image: linear-gradient(rgba(167, 180, 214, 0.07) 1px, transparent 1px);background-size: 100% 25%;}.bar-chart > span {position: relative;width: 30px;height: var(--bar);border-radius: 7px 7px 3px 3px;background: linear-gradient(180deg, #344469, #202a46);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);}.bar-chart > span.accent {background: linear-gradient(180deg, var(--purple-bright), var(--purple));box-shadow: 0 0 22px rgba(112, 71, 235, 0.22);}.bar-chart small {position: absolute;left: 50%;bottom: -22px;transform: translateX(-50%);color: var(--muted-2);font-size: 0.52rem;}.feature-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;}.feature-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;}.feature-card {position: relative;min-height: 242px;padding: 30px;border-radius: 18px;overflow: hidden;border: 1px solid var(--border);background: linear-gradient(145deg, rgba(17, 24, 41, 0.82), rgba(9, 13, 25, 0.94));box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;}.feature-card:hover {transform: translateY(-5px);border-color: rgba(139, 92, 246, 0.5);background: linear-gradient(145deg, rgba(28, 31, 62, 0.86), rgba(10, 18, 31, 0.95));}.feature-card::before {content: "";position: absolute;inset: 0;background:radial-gradient(circle at center, rgba(66, 232, 206, 0.05), transparent 52%),radial-gradient(circle at center, rgba(139, 92, 246, 0.05), transparent 66%);pointer-events: none;}.feature-bg-icon {position: absolute;top: 50%;left: 50%;width: 165px;height: 165px;object-fit: contain;transform: translate(-50%, -50%);opacity: 0.16;filter:drop-shadow(0 0 18px rgba(66, 232, 206, 0.20))drop-shadow(0 0 34px rgba(139, 92, 246, 0.14));pointer-events: none;user-select: none;}.feature-card-content {position: relative;z-index: 2;max-width: 92%;}.feature-card h3 {margin: 0 0 14px;font-size: 1.02rem;line-height: 1.25;}.feature-card p {margin: 0;color: var(--muted);font-size: 0.84rem;line-height: 1.6;}.modules-section,.resources-section {position: relative;}.modules-section::before,.resources-section::before {content: "";position: absolute;inset: 3% 0;z-index: -1;background: linear-gradient(180deg, transparent, rgba(112, 71, 235, 0.055), transparent);}.module-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 18px;}.module-card {min-height: 220px;padding: 26px;border-radius: 18px;overflow: hidden;position: relative;}.module-card-large {min-height: 300px;grid-column: span 2;display: grid;grid-template-columns: 0.9fr 1.1fr;gap: 20px;align-items: center;}.module-tag {display: inline-flex;padding: 6px 9px;border: 1px solid rgba(139, 92, 246, 0.26);border-radius: 999px;color: #c7b6ff;background: rgba(139, 92, 246, 0.11);font-size: 0.65rem;font-weight: 850;}.module-tag-teal {border-color: rgba(66, 232, 206, 0.25);color: var(--teal);background: rgba(66, 232, 206, 0.08);}.module-visual {min-height: 190px;border: 1px solid rgba(167, 180, 214, 0.12);border-radius: 16px;position: relative;overflow: hidden;background:radial-gradient(circle at 50% 50%, rgba(112, 71, 235, 0.16), transparent 45%),#090e1b;}.router-visual {display: grid;place-items: center;}.router-visual::before,.router-visual::after {content: "";position: absolute;width: 2px;height: 90px;top: 38px;background: linear-gradient(transparent, var(--teal));box-shadow: 0 0 16px rgba(66, 232, 206, 0.45);}.router-visual::before { left: 35%; transform: rotate(-14deg); }.router-visual::after { right: 35%; transform: rotate(14deg); }.router-visual strong {width: 138px;height: 64px;display: grid;place-items: center;border: 1px solid rgba(139, 92, 246, 0.48);border-radius: 13px;background: linear-gradient(145deg, #18203a, #101426);box-shadow: 0 0 28px rgba(112, 71, 235, 0.22);font-size: 0.75rem;}.router-visual span {position: absolute;width: 10px;height: 10px;border-radius: 50%;background: var(--teal);box-shadow: 0 0 14px rgba(66, 232, 206, 0.8);}.router-visual span:nth-child(1) { top: 32px; left: 27%; }.router-visual span:nth-child(2) { top: 32px; right: 27%; }.router-visual span:nth-child(3) { bottom: 30px; left: 27%; }.router-visual span:nth-child(4) { bottom: 30px; right: 27%; }.olt-visual {display: grid;place-items: center;}.fiber-line {position: absolute;left: 10%;right: 10%;top: 50%;height: 2px;background: linear-gradient(90deg, var(--purple), var(--blue), var(--teal));box-shadow: 0 0 18px rgba(68, 140, 255, 0.6);}.onu-dot {position: absolute;top: calc(50% - 7px);width: 14px;height: 14px;border-radius: 50%;border: 2px solid #07101f;background: var(--teal);box-shadow: 0 0 16px rgba(66, 232, 206, 0.8);}.onu-dot.d1 { left: 18%; }.onu-dot.d2 { left: 48%; }.onu-dot.d3 { right: 18%; }.olt-visual strong {position: absolute;bottom: 26px;padding: 7px 11px;border-radius: 999px;color: var(--teal);background: rgba(66, 232, 206, 0.09);font-size: 0.7rem;}.pricing-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 18px;}.price-card {min-height: 520px;padding: 26px;border: 1px solid var(--border-strong);border-radius: 22px;display: flex;flex-direction: column;position: relative;overflow: hidden;background: linear-gradient(180deg, rgba(15, 20, 35, 0.96), rgba(8, 12, 23, 0.98));box-shadow:0 18px 40px rgba(0, 0, 0, 0.28),inset 0 1px 0 rgba(255, 255, 255, 0.04);}.price-card::before {content: "";position: absolute;inset: 0 0 auto;height: 2px;background: linear-gradient(90deg, transparent, rgba(66, 232, 206, 0.62), transparent);opacity: 0.45;}.price-card-featured {border-color: rgba(139, 92, 246, 0.72);background: linear-gradient(160deg, rgba(39, 29, 79, 0.78), rgba(12, 17, 31, 0.97));box-shadow:0 24px 64px rgba(112, 71, 235, 0.22),inset 0 1px 0 rgba(255, 255, 255, 0.06);transform: translateY(-8px);}.price-card-featured::before {background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.9), rgba(66, 232, 206, 0.72), transparent);opacity: 1;}.recommended {position: absolute;top: 16px;right: 16px;padding: 5px 9px;border: 1px solid rgba(139, 92, 246, 0.28);border-radius: 999px;color: #e7dcff;background: rgba(139, 92, 246, 0.2);font-size: 0.58rem;font-weight: 900;text-transform: uppercase;letter-spacing: 0.08em;}.price-card-top {display: flex;flex-direction: column;gap: 10px;margin-bottom: 16px;}.price-name {color: var(--teal);font-size: 0.74rem;font-weight: 900;text-transform: uppercase;letter-spacing: 0.14em;}.price-badge {display: inline-flex;align-self: flex-start;padding: 6px 10px;border: 1px solid rgba(66, 232, 206, 0.14);border-radius: 999px;color: #d6fbf4;background: rgba(66, 232, 206, 0.08);font-size: 0.66rem;font-weight: 800;}.price-amount-row {display: flex;align-items: flex-end;gap: 10px;margin-bottom: 14px;}.price-card h3 {margin: 0;color: var(--text);font-size: 2.65rem;line-height: 0.95;letter-spacing: -0.055em;}.price-period {padding-bottom: 4px;color: var(--muted-2);font-size: 0.72rem;font-weight: 750;}.price-description {min-height: 74px;margin: 0;color: var(--muted);font-size: 0.82rem;line-height: 1.55;}.client-limit {margin: 18px 0;padding: 12px 13px;border: 1px solid rgba(66, 232, 206, 0.17);border-radius: 11px;color: var(--teal);background: rgba(66, 232, 206, 0.055);font-size: 0.78rem;font-weight: 800;}.price-card ul {margin: 0 0 24px;padding: 0;list-style: none;display: grid;gap: 11px;flex: 1;}.price-card li {position: relative;padding-left: 20px;color: var(--muted);font-size: 0.78rem;line-height: 1.45;}.price-card li::before {content: "✓";position: absolute;left: 0;color: var(--teal);font-weight: 900;}.pricing-note {max-width: 800px;margin: 24px auto 0;color: var(--muted-2);text-align: center;font-size: 0.73rem;line-height: 1.5;}.resource-layout {display: grid;grid-template-columns: 1.08fr 0.92fr;gap: 20px;}.steps-card,.faq-card {border-radius: 22px;padding: 28px;}.steps-card {display: grid;gap: 4px;}.steps-card article {position: relative;display: grid;grid-template-columns: 52px 1fr;gap: 16px;padding: 18px 0;}.steps-card article:not(:last-child)::after {content: "";position: absolute;left: 25px;top: 55px;bottom: -10px;width: 1px;background: linear-gradient(var(--purple), rgba(66, 232, 206, 0.14));}.steps-card article > span {width: 50px;height: 50px;display: grid;place-items: center;border: 1px solid rgba(139, 92, 246, 0.27);border-radius: 14px;color: var(--teal);background: rgba(112, 71, 235, 0.11);font-size: 0.7rem;font-weight: 900;}.steps-card h3,.faq-card h3 {margin: 2px 0 7px;font-size: 0.92rem;}.steps-card p,.faq-card p {margin: 0;color: var(--muted);font-size: 0.78rem;}.faq-card > .module-tag {margin-bottom: 14px;}.faq-card details {border-bottom: 1px solid var(--border);}.faq-card details:last-child {border-bottom: 0;}.faq-card summary {padding: 18px 0;display: flex;justify-content: space-between;gap: 18px;cursor: pointer;list-style: none;font-size: 0.82rem;font-weight: 850;}.faq-card summary::-webkit-details-marker {display: none;}.faq-card summary::after {content: "+";color: var(--teal);font-size: 1rem;}.faq-card details[open] summary::after {content: "−";}.faq-card details p {padding: 0 0 18px;}.trust-section {padding-top: 72px;}.logo-marquee {position: relative;overflow: hidden;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);padding: 18px 0;}.logo-marquee::before,.logo-marquee::after {content: "";position: absolute;top: 0;bottom: 0;width: 110px;z-index: 2;pointer-events: none;}.logo-marquee::before {left: 0;background: linear-gradient(90deg, var(--bg-deep), transparent);}.logo-marquee::after {right: 0;background: linear-gradient(270deg, var(--bg-deep), transparent);}.logo-track {width: max-content;display: flex;gap: 12px;animation: marquee 36s linear infinite;}.logo-card {width: 190px;height: 86px;padding: 10px;display: grid;place-items: center;border: 1px solid var(--border);border-radius: 14px;background: rgba(255, 255, 255, 0.025);}.logo-card img {width: 100%;height: 100%;object-fit: contain;border-radius: 8px;}.contact-section {padding-top: 64px;}.contact-panel {min-height: 310px;padding: 52px;display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 46px;border: 1px solid rgba(139, 92, 246, 0.42);border-radius: 26px;background:radial-gradient(circle at 12% 30%, rgba(112, 71, 235, 0.24), transparent 24rem),radial-gradient(circle at 85% 65%, rgba(66, 232, 206, 0.10), transparent 20rem),linear-gradient(145deg, rgba(20, 21, 47, 0.96), rgba(8, 15, 29, 0.96));box-shadow: var(--shadow-lg);}.contact-panel h2 {max-width: 720px;margin: 14px 0;font-size: clamp(2rem, 4vw, 3.4rem);line-height: 1.04;letter-spacing: -0.05em;}.contact-panel p {max-width: 700px;margin: 0;color: var(--muted);}.contact-actions {min-width: 230px;display: grid;gap: 12px;}.site-footer {margin-top: 24px;padding: 66px 0 26px;border-top: 1px solid var(--border);background: rgba(2, 4, 10, 0.55);}.footer-grid {display: grid;grid-template-columns: 1.6fr repeat(3, 0.7fr);gap: 54px;}.footer-brand p {max-width: 330px;margin: 18px 0 0;color: var(--muted);font-size: 0.79rem;}.footer-links {display: grid;align-content: start;gap: 10px;}.footer-links strong {margin-bottom: 4px;font-size: 0.78rem;}.footer-links a {color: var(--muted);text-decoration: none;font-size: 0.75rem;}.footer-links a:hover {color: var(--teal);}.footer-bottom {margin-top: 50px;padding-top: 22px;display: flex;justify-content: space-between;gap: 20px;border-top: 1px solid var(--border);color: var(--muted-2);font-size: 0.68rem;}.reveal {opacity: 0;transform: translateY(18px);transition: opacity 600ms ease, transform 600ms ease;}.reveal.is-visible {opacity: 1;transform: translateY(0);}@keyframes pulse {0%, 100% { opacity: 1; transform: scale(1); }50% { opacity: 0.55; transform: scale(0.82); }}@keyframes dash {to { stroke-dashoffset: -40; }}@keyframes marquee {to { transform: translateX(calc(-50% - 6px)); }}@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }*, *::before, *::after {animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important;}.reveal {opacity: 1;transform: none;}}@media (max-width: 1120px) {.header-inner {grid-template-columns: auto 1fr auto;gap: 16px;}.main-nav {gap: 16px;}.main-nav a {font-size: 0.76rem;}.hero-grid {grid-template-columns: 1fr;gap: 36px;}.hero-copy {max-width: 760px;margin-inline: auto;text-align: center;}.hero-copy .eyebrow,.hero-actions {justify-content: center;}.hero-title,.hero-lead {max-width: none;margin-inline: auto;}.hero-highlights {text-align: left;}.network-visual {width: min(100%, 880px);margin-inline: auto;}.stats-panel {grid-template-columns: repeat(2, minmax(0, 1fr));}.stat-item:nth-child(2) {border-right: 0;}.stat-item:nth-child(-n + 2) {border-bottom: 1px solid var(--border);}.pricing-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.price-card {min-height: 450px;}}@media (max-width: 920px) {.header-inner {grid-template-columns: auto auto;justify-content: space-between;}.nav-toggle {display: block;grid-column: 2;grid-row: 1;}.main-nav {display: none;grid-column: 1 / -1;flex-direction: column;gap: 4px;padding: 10px 0 18px;}.main-nav.is-open {display: flex;}.main-nav a {padding: 10px 4px;font-size: 0.88rem;}.header-actions {display: none;}.hero-section {padding-top: 58px;}.dashboard-shell {grid-template-columns: 1fr;}.dashboard-sidebar {display: none;}.dashboard-kpis {grid-template-columns: repeat(2, minmax(0, 1fr));}.dashboard-widgets {grid-template-columns: 1fr;}.widget-card {min-height: 270px;}.feature-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.module-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.resource-layout {grid-template-columns: 1fr;}.contact-panel {grid-template-columns: 1fr;padding: 38px;}.contact-actions {min-width: 0;grid-template-columns: repeat(2, minmax(0, 1fr));}.footer-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 700px) {.container {width: min(calc(100% - 28px), var(--container));}.hero-section {padding-top: 64px;}.hero-title {font-size: clamp(2.9rem, 14vw, 4.4rem);line-height: 0.94;}.hero-actions {display: grid;grid-template-columns: 1fr;}.button-stacked {width: 100%;align-items: center;}.hero-highlights {grid-template-columns: 1fr;}.network-stage {min-height: 580px;}.network-links {display: none;}.network-card {width: 154px;min-height: 64px;padding: 12px;}.network-card-l1 { left: 14px; top: 26px; }.network-card-r1 { right: 14px; top: 26px; }.network-card-l2 { left: 14px; top: 138px; }.network-card-r2 { right: 14px; top: 138px; }.network-card-l3 { left: 14px; bottom: 26px; }.network-card-r3 { right: 14px; bottom: 26px; }.core-node {width: 168px;height: 140px;}.core-node-shell {border-radius: 24px;}.core-mark {width: 48px;height: 48px;flex-basis: 48px;font-size: 1.45rem;}.stats-panel {grid-template-columns: 1fr;}.stat-item,.stat-item:nth-child(2) {border-right: 0;border-bottom: 1px solid var(--border);}.stat-item:last-child {border-bottom: 0;}.section-block {padding: 70px 0;}.product-tabs {justify-content: flex-start;}.dashboard-main {padding: 16px;}.dashboard-toolbar {align-items: flex-start;}.operator-chip {display: none;}.dashboard-kpis {grid-template-columns: 1fr;}.donut-row {flex-direction: column;gap: 18px;}.chart-legend {grid-template-columns: repeat(2, minmax(0, 1fr));}.feature-grid,.module-grid,.pricing-grid {grid-template-columns: 1fr;}.module-card-large {grid-column: auto;grid-template-columns: 1fr;}.price-card {min-height: auto;}.contact-actions {grid-template-columns: 1fr;}.footer-grid {grid-template-columns: 1fr;gap: 30px;}.footer-bottom {flex-direction: column;}}@media (max-width: 470px) {.brand-copy small {display: none;}.network-card {width: calc(50% - 20px);min-height: 62px;padding: 9px;gap: 8px;}.network-card-icon {width: 30px;height: 30px;flex-basis: 30px;border-radius: 9px;}.network-card-icon svg {width: 15px;height: 15px;}.network-card strong {font-size: 0.66rem;}.network-card small {font-size: 0.54rem;}.core-node {width: 152px;height: 124px;}.core-node-shell {padding: 16px 12px;gap: 10px;}.core-mark {width: 42px;height: 42px;flex-basis: 42px;font-size: 1.25rem;}.core-node-copy strong {font-size: 0.75rem;}.core-node-copy small {font-size: 0.5rem;letter-spacing: 0.09em;}.contact-panel {padding: 30px 22px;}}@media (max-width: 470px) {.stat-item {min-height: 150px;padding: 20px 18px;gap: 14px;}.stat-icon {width: 72px;height: 72px;flex-basis: 72px;border-radius: 19px;}.stat-icon-image,.stat-icon-routers .stat-icon-image,.stat-icon-olts .stat-icon-image {width: 82px;height: 82px;}}