@charset "UTF-8";

:root {
  color-scheme: dark;
  --bg: #050913;
  --bg-soft: #08101e;
  --surface: rgba(13, 23, 42, .72);
  --surface-solid: #0c1628;
  --surface-2: #101d34;
  --surface-light: rgba(255, 255, 255, .055);
  --text: #f4f8ff;
  --muted: #8f9db8;
  --muted-2: #65738e;
  --line: rgba(139, 169, 218, .16);
  --line-strong: rgba(126, 174, 255, .28);
  --accent: #2878ff;
  --accent-2: #47d7ff;
  --accent-rgb: 40, 120, 255;
  --accent-2-rgb: 71, 215, 255;
  --success: #47e6ad;
  --warning: #ffc966;
  --danger: #ff6f68;
  --shadow-sm: 0 12px 30px rgba(0, 0, 0, .18);
  --shadow: 0 24px 70px rgba(0, 0, 0, .34);
  --shadow-glow: 0 0 60px rgba(var(--accent-rgb), .18);
  --radius-xs: 8px;
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 32px;
  --radius-xl: 44px;
  --container: 1240px;
  --header-h: 78px;
  --ease: cubic-bezier(.2, .75, .25, 1);
  --font: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

html[data-accent="cyan"] { --accent:#22c7f3; --accent-2:#2878ff; --accent-rgb:34,199,243; --accent-2-rgb:40,120,255; }
html[data-accent="blue"] { --accent:#2878ff; --accent-2:#47d7ff; --accent-rgb:40,120,255; --accent-2-rgb:71,215,255; }
html[data-accent="violet"] { --accent:#a778ff; --accent-2:#5b7cff; --accent-rgb:167,120,255; --accent-2-rgb:91,124,255; }
html[data-accent="coral"] { --accent:#ff796f; --accent-2:#ffb65c; --accent-rgb:255,121,111; --accent-2-rgb:255,182,92; }
html[data-accent="green"] { --accent:#45e5a5; --accent-2:#39b6ff; --accent-rgb:69,229,165; --accent-2-rgb:57,182,255; }

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f8fd;
  --bg-soft: #edf3fb;
  --surface: rgba(255, 255, 255, .82);
  --surface-solid: #fff;
  --surface-2: #f0f5fb;
  --surface-light: rgba(13, 34, 68, .045);
  --text: #162138;
  --muted: #63718a;
  --muted-2: #8995a9;
  --line: rgba(23, 64, 116, .11);
  --line-strong: rgba(41, 103, 188, .2);
  --shadow-sm: 0 12px 30px rgba(29, 61, 105, .08);
  --shadow: 0 28px 80px rgba(29, 61, 105, .14);
  --shadow-glow: 0 16px 50px rgba(var(--accent-rgb), .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-color: rgba(var(--accent-rgb), .45) transparent; scrollbar-width: thin; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  transition: background-color .35s ease, color .35s ease;
}
body.modal-open { overflow: hidden; }
body.menu-open { overflow: hidden; }
::selection { color: #00131a; background: var(--accent); }
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-thumb { background: rgba(var(--accent-rgb), .38); border-radius: 20px; }
::-webkit-scrollbar-track { background: transparent; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { color: inherit; font: inherit; }
button { border: 0; cursor: pointer; }
img, svg { display: block; max-width: 100%; }
ul, ol { padding: 0; margin: 0; list-style: none; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { line-height: 1.16; letter-spacing: -.03em; }
h1 { font-size: clamp(44px, 6vw, 82px); font-weight: 700; }
h2 { font-size: clamp(32px, 4vw, 54px); font-weight: 680; }
h3 { font-size: 22px; font-weight: 650; }
input, select { outline: none; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.container { width: min(var(--container), calc(100% - 48px)); margin-inline: auto; }
.section { position: relative; padding: 132px 0; }
.eyebrow { margin: 0 0 12px; color: var(--accent); font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.text-gradient { background: linear-gradient(110deg, var(--accent), #91a7ff 48%, var(--accent-2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.icon { display: inline-flex; width: 1em; height: 1em; flex: 0 0 auto; align-items: center; justify-content: center; }
.icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px rgba(71, 230, 173, .12), 0 0 18px rgba(71, 230, 173, .8); }

.ambient { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
.ambient__grid { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.ambient__glow { position: absolute; width: 680px; height: 680px; border-radius: 50%; filter: blur(100px); opacity: .13; }
.ambient__glow--one { top: -280px; right: -180px; background: var(--accent); }
.ambient__glow--two { bottom: 5%; left: -380px; background: var(--accent-2); }
.cursor-glow { position: fixed; z-index: 20; left: var(--cursor-x, -100px); top: var(--cursor-y, -100px); width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--accent-rgb), .07), transparent 68%); transform: translate(-50%, -50%); pointer-events: none; mix-blend-mode: screen; }

.scroll-progress { position: fixed; z-index: 1000; inset: 0 0 auto; height: 2px; background: transparent; }
.scroll-progress i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-2)); box-shadow: 0 0 14px var(--accent); transform: scaleX(0); transform-origin: left; }
.loader { position: fixed; z-index: 9999; inset: 0; display: grid; place-content: center; justify-items: center; gap: 22px; background: var(--bg); color: var(--muted); transition: opacity .55s ease, visibility .55s; }
.loader.is-hidden { opacity: 0; visibility: hidden; }
.loader p { margin: 0; font-size: 12px; letter-spacing: .18em; }
.loader__mark { position: relative; width: 62px; height: 62px; transform: rotate(30deg); }
.loader__mark i { position: absolute; width: 24px; height: 24px; border: 1px solid rgba(var(--accent-rgb), .55); background: rgba(var(--accent-rgb), .06); animation: loaderCube 1.8s var(--ease) infinite; }
.loader__mark i:nth-child(1) { left: 0; top: 0; }
.loader__mark i:nth-child(2) { right: 0; top: 0; animation-delay: -.45s; }
.loader__mark i:nth-child(3) { left: 0; bottom: 0; animation-delay: -.9s; }
.loader__mark span { position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; background: var(--accent); box-shadow: 0 0 38px rgba(var(--accent-rgb), .8); animation: loaderCube 1.8s var(--ease) infinite -.2s; }
@keyframes loaderCube { 0%,70%,100% { opacity:.55; transform:scale(.78); } 35% { opacity:1; transform:scale(1); } }

.system-strip { position: relative; z-index: 80; height: 31px; border-bottom: 1px solid var(--line); color: var(--muted-2); background: rgba(3, 8, 17, .72); font-size: 11px; backdrop-filter: blur(14px); }
html[data-theme="light"] .system-strip { background: rgba(248, 251, 255, .82); }
.system-strip__inner { display: flex; height: 100%; align-items: center; gap: 26px; }
.system-strip__inner span { display: flex; align-items: center; }
.system-strip__inner b { margin-left: 6px; color: var(--text); font-weight: 600; }
.system-strip__right { margin-left: auto; }
.site-header { position: sticky; z-index: 90; top: 0; height: var(--header-h); border-bottom: 1px solid transparent; transition: background .3s ease, border-color .3s ease, height .3s ease, box-shadow .3s ease; }
.site-header.is-scrolled { height: 68px; border-color: var(--line); background: rgba(5, 9, 19, .82); box-shadow: 0 12px 40px rgba(0,0,0,.13); backdrop-filter: blur(24px) saturate(140%); }
html[data-theme="light"] .site-header.is-scrolled { background: rgba(248,251,255,.88); }
.nav-shell { display: flex; height: 100%; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand__mark { position: relative; display: grid; width: 36px; height: 36px; grid-template-columns: 1fr 1fr; gap: 4px; transform: rotate(30deg); }
.brand__mark i, .brand__mark b { display: block; border: 1px solid rgba(var(--accent-rgb), .5); background: rgba(var(--accent-rgb), .06); border-radius: 4px; }
.brand__mark b { background: linear-gradient(135deg, var(--accent), var(--accent-2)); border-color: transparent; box-shadow: 0 0 18px rgba(var(--accent-rgb), .45); }
.brand__type { display: flex; flex-direction: column; line-height: 1; }
.brand__type strong { font-size: 17px; letter-spacing: .05em; }
.brand__type small { margin-top: 6px; color: var(--muted-2); font-family: var(--mono); font-size: 8px; letter-spacing: .14em; }
.main-nav { display: flex; height: 100%; align-items: center; margin: 0 auto; gap: 3px; }
.main-nav a { position: relative; display: flex; height: 100%; align-items: center; padding: 0 16px; color: var(--muted); font-size: 14px; transition: color .2s ease; }
.main-nav a::after { position: absolute; right: 18px; bottom: 14px; left: 18px; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); content: ""; transform: scaleX(0); transition: transform .3s var(--ease); }
.main-nav a:hover, .main-nav a.is-active { color: var(--text); }
.main-nav a.is-active::after, .main-nav a:hover::after { transform: scaleX(1); }
.nav-actions { display: flex; align-items: center; gap: 9px; }
.icon-btn { position: relative; display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-light); transition: border-color .2s, background .2s, transform .2s; }
.icon-btn:hover { border-color: var(--line-strong); background: rgba(var(--accent-rgb), .08); transform: translateY(-1px); }
.icon-btn > svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.icon-btn kbd { position: absolute; right: 1px; bottom: -14px; color: var(--muted-2); font-size: 8px; opacity: 0; }
.menu-toggle { display: none; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-light); }
.menu-toggle span { display: block; width: 17px; height: 1px; margin: 5px auto; background: var(--text); transition: transform .3s, opacity .3s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }

.btn { position: relative; display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; overflow: hidden; border: 1px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 600; white-space: nowrap; transition: transform .25s var(--ease), box-shadow .25s ease, background .25s ease, border-color .25s ease; }
.btn::before { position: absolute; inset: 0; background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.25), transparent 80%); content: ""; transform: translateX(-120%); transition: transform .7s var(--ease); }
.btn:hover::before { transform: translateX(120%); }
.btn:hover { transform: translateY(-2px); }
.btn > .icon { width: 16px; height: 16px; transition: transform .2s ease; }
.btn:hover > .icon { transform: translateX(3px); }
.btn--primary { color: #021017; background: linear-gradient(120deg, var(--accent), #7cb3ff 48%, var(--accent-2)); box-shadow: 0 12px 34px rgba(var(--accent-rgb), .22); }
.btn--primary:hover { box-shadow: 0 16px 42px rgba(var(--accent-rgb), .34); }
.btn--light { color: #10203b; background: #fff; }
.btn--glass, .btn--ghost { border-color: var(--line-strong); background: var(--surface-light); backdrop-filter: blur(14px); }
.btn--ghost { min-height: 38px; padding-inline: 16px; color: var(--muted); background: transparent; }
.btn--ghost:hover { color: var(--text); background: rgba(var(--accent-rgb), .07); }
.btn--outline-light { border-color: rgba(255,255,255,.42); color: #fff; background: rgba(255,255,255,.07); }
.btn--lg { min-height: 54px; padding-inline: 25px; border-radius: 14px; }
.btn--sm { min-height: 38px; padding-inline: 14px; font-size: 12px; border-radius: 10px; }
.btn--block { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--text); font-size: 14px; font-weight: 600; }
.text-link > .icon { width: 16px; height: 16px; transition: transform .2s ease; }
.text-link:hover > .icon { transform: translateX(4px); }
.text-link--sm { color: var(--muted); font-size: 12px; }
.round-arrow { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid var(--line-strong); border-radius: 50%; background: rgba(var(--accent-rgb), .06); }
.round-arrow svg { width: 16px; height: 16px; fill: none; stroke: currentColor; }

.hero { min-height: 780px; padding-top: 90px; padding-bottom: 0; overflow: hidden; }
.hero::before { position: absolute; inset: 0; background: radial-gradient(circle at 76% 45%, rgba(var(--accent-rgb), .11), transparent 32%), linear-gradient(180deg, transparent 70%, var(--bg-soft)); content: ""; pointer-events: none; }
.hero__grid { position: relative; display: grid; min-height: 570px; grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr); align-items: center; gap: 46px; }
.hero__content { position: relative; z-index: 2; }
.hero__badge { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 26px; padding: 7px 12px 7px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 11px; font-weight: 600; letter-spacing: .04em; }
.hero__badge b { padding: 2px 6px; border-radius: 20px; color: var(--accent); background: rgba(var(--accent-rgb), .1); font-family: var(--mono); font-size: 9px; }
.pulse-ring { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent); }
.pulse-ring::after { position: absolute; inset: -4px; border: 1px solid var(--accent); border-radius: inherit; content: ""; animation: pulse 2s ease-out infinite; }
@keyframes pulse { 0% { opacity:.8; transform:scale(.6); } 100% { opacity:0; transform:scale(1.8); } }
.hero h1 { max-width: 760px; margin-bottom: 26px; font-size: clamp(46px, 5.5vw, 76px); letter-spacing: -.055em; }
.hero__lead { max-width: 570px; margin-bottom: 34px; color: var(--muted); font-size: 17px; line-height: 1.9; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 13px; }
.hero__trust { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 34px; color: var(--muted-2); font-size: 11px; }
.hero__trust b { color: var(--muted); font-weight: 500; }
.hero__trust i { width: 3px; height: 3px; border-radius: 50%; background: var(--muted-2); }
.hero__visual { position: relative; min-width: 0; perspective: 1100px; }
.scene-shell { position: relative; width: 100%; aspect-ratio: 1.02; border: 1px solid var(--line); border-radius: 50%; background: radial-gradient(circle at 50% 48%, rgba(var(--accent-rgb), .12), rgba(4,10,21,.2) 35%, transparent 68%); box-shadow: inset 0 0 120px rgba(var(--accent-rgb), .05); transform: rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .4s var(--ease); }
.scene-shell::before, .scene-shell::after { position: absolute; inset: 8%; border: 1px solid rgba(var(--accent-rgb), .11); border-radius: 50%; content: ""; }
.scene-shell::after { inset: 21%; border-style: dashed; animation: rotate 35s linear infinite reverse; }
@keyframes rotate { to { transform: rotate(360deg); } }
.network-canvas { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; }
.scene-grid { position: absolute; inset: 0; border-radius: 50%; opacity: .3; background-image: linear-gradient(rgba(var(--accent-rgb), .08) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb), .08) 1px, transparent 1px); background-size: 34px 34px; mask-image: radial-gradient(circle, #000 20%, transparent 71%); }
.scene-core { position: absolute; z-index: 4; left: 50%; top: 50%; display: grid; width: 82px; height: 82px; place-items: center; border: 1px solid rgba(var(--accent-rgb), .55); border-radius: 24px; background: rgba(4,12,26,.68); box-shadow: 0 0 80px rgba(var(--accent-rgb), .28), inset 0 0 30px rgba(var(--accent-rgb), .1); transform: translate(-50%,-50%) rotate(30deg); backdrop-filter: blur(12px); }
.scene-core span { font-family: var(--mono); font-size: 30px; font-weight: 700; color: var(--accent); text-shadow: 0 0 20px var(--accent); transform: rotate(-30deg); }
.scene-core i { position: absolute; right: -4px; top: -4px; width: 9px; height: 9px; border-radius: 50%; background: var(--success); box-shadow: 0 0 15px var(--success); }
.scene-ring { position: absolute; z-index: 2; left: 50%; top: 50%; width: 64%; height: 34%; border: 1px solid rgba(var(--accent-rgb), .27); border-radius: 50%; transform: translate(-50%,-50%) rotate(18deg); }
.scene-ring--b { width: 48%; height: 78%; transform: translate(-50%,-50%) rotate(72deg); border-color: rgba(122,155,255,.23); }
.float-chip { position: absolute; z-index: 5; display: grid; min-width: 132px; grid-template-columns: 9px 1fr; align-items: center; gap: 2px 9px; padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(7,15,29,.74); box-shadow: var(--shadow-sm); backdrop-filter: blur(18px); animation: float 5s ease-in-out infinite; }
html[data-theme="light"] .float-chip { background: rgba(255,255,255,.82); }
.float-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent); }
.float-chip span { color: var(--muted-2); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.float-chip b { grid-column: 2; font-family: var(--mono); font-size: 12px; font-weight: 600; }
.float-chip--a { top: 9%; left: 0; animation-delay: -.7s; }
.float-chip--b { right: -2%; top: 28%; animation-delay: -2.1s; }
.float-chip--c { right: 5%; bottom: 8%; grid-template-columns: 28px 1fr; }
.float-chip--c .icon { grid-row: span 2; width: 24px; height: 24px; color: var(--accent); }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.hero-metrics { position: relative; z-index: 4; display: grid; margin-top: 14px; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); backdrop-filter: blur(22px); }
.metric { padding: 24px 28px; border-right: 1px solid var(--line); }
.metric:last-child { border-right: 0; }
.metric strong { display: block; margin-bottom: 4px; font-family: var(--mono); font-size: 25px; font-weight: 600; letter-spacing: -.04em; }
.metric span { color: var(--muted-2); font-size: 11px; }

.section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 54px; }
.section-head > div { max-width: 760px; }
.section-head h2 { margin-bottom: 14px; }
.section-head p:not(.eyebrow) { max-width: 650px; margin-bottom: 0; color: var(--muted); }
.section-head--center { display: block; max-width: 760px; margin: 0 auto 58px; text-align: center; }
.section-head--center p { margin-inline: auto; }
.section-head--center .eyebrow { margin-bottom: 14px; }
.reveal-ready { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease) var(--reveal-delay,0ms), transform .8s var(--ease) var(--reveal-delay,0ms); }
.reveal-ready.is-visible { opacity: 1; transform: translateY(0); }
.page-enter { animation: pageEnter .55s var(--ease) both; }
@keyframes pageEnter { from { opacity: 0; transform: translateY(10px); } to { opacity:1; transform:none; } }
.section--products { background: linear-gradient(180deg, var(--bg-soft), transparent 72%); }
.product-tabs, .filter-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 30px; }
.product-tabs button, .filter-tabs button { padding: 10px 16px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: transparent; font-size: 12px; transition: all .25s ease; }
.product-tabs button:hover, .product-tabs button.is-active, .filter-tabs button:hover, .filter-tabs button.is-active { border-color: rgba(var(--accent-rgb), .35); color: var(--text); background: rgba(var(--accent-rgb), .1); box-shadow: inset 0 0 20px rgba(var(--accent-rgb), .04); }
.filter-tabs button b { margin-left: 5px; color: var(--accent); }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.product-card { position: relative; isolation: isolate; display: flex; min-height: 500px; flex-direction: column; overflow: hidden; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012)); box-shadow: var(--shadow-sm); transform: perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition: border-color .35s, transform .45s var(--ease), box-shadow .35s; }
.product-card::before { position: absolute; z-index: -1; inset: 0; opacity: 0; background: radial-gradient(440px circle at var(--spot-x,50%) var(--spot-y,50%), rgba(var(--accent-rgb), .12), transparent 44%); content: ""; transition: opacity .3s; }
.product-card:hover { border-color: rgba(var(--accent-rgb), .35); box-shadow: var(--shadow), var(--shadow-glow); transform: perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px); }
.product-card:hover::before { opacity: 1; }
.product-card--featured { background: linear-gradient(150deg, rgba(var(--accent-rgb), .14), rgba(var(--accent-2-rgb), .09) 48%, rgba(255,255,255,.018)); }
.product-card__glow { position: absolute; z-index: -1; right: -90px; top: -90px; width: 210px; height: 210px; border-radius: 50%; background: rgba(var(--accent-rgb), .16); filter: blur(55px); }
.product-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.product-card__icon { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border: 1px solid rgba(var(--accent-rgb), .24); border-radius: 16px; color: var(--accent); background: rgba(var(--accent-rgb), .08); }
.product-card__icon .icon { width: 27px; height: 27px; }
.accent-violet { color:#a778ff; border-color:rgba(167,120,255,.25); background:rgba(167,120,255,.08); }
.accent-green, .accent-mint { color:#45e5a5; border-color:rgba(69,229,165,.25); background:rgba(69,229,165,.08); }
.accent-amber { color:#ffc966; border-color:rgba(255,201,102,.25); background:rgba(255,201,102,.08); }
.accent-coral { color:#ff796f; border-color:rgba(255,121,111,.25); background:rgba(255,121,111,.08); }
.accent-blue, .accent-indigo { color:#78a4ff; border-color:rgba(120,164,255,.25); background:rgba(120,164,255,.08); }
.stock-pill { padding: 5px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted-2); font-family: var(--mono); font-size: 9px; }
.product-card .eyebrow { margin-bottom: 7px; font-size: 9px; }
.product-card h3 { margin-bottom: 13px; font-size: 24px; }
.product-card__desc { display: -webkit-box; min-height: 72px; overflow: hidden; margin-bottom: 24px; color: var(--muted); font-size: 13px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.product-card__specs { display: grid; margin-bottom: 26px; grid-template-columns: repeat(2,1fr); border: 1px solid var(--line); border-radius: 14px; background: rgba(0,0,0,.06); }
.product-card__specs span { padding: 11px 13px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.product-card__specs span:nth-child(2n) { border-right: 0; }
.product-card__specs span:nth-last-child(-n+2) { border-bottom: 0; }
.product-card__specs small { display: block; color: var(--muted-2); font-size: 9px; }
.product-card__specs b { font-size: 12px; font-weight: 600; }
.product-card__foot { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-top: auto; }
.price { display: flex; align-items: baseline; color: var(--text); }
.price strong { font-family: var(--mono); font-size: 22px; font-weight: 600; letter-spacing: -.05em; }
.price small { margin-left: 3px; color: var(--muted-2); font-size: 10px; }
.product-card__actions { display: flex; gap: 7px; }
.product-card__actions .btn { padding-inline: 13px; }
.product-card__actions .btn--ghost { display: inline-flex; }
.section--capabilities { overflow: hidden; }
.bento-grid { display: grid; grid-template-columns: repeat(12,1fr); grid-auto-rows: 250px; gap: 18px; }
.bento-card { position: relative; isolation: isolate; overflow: hidden; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-light); transform: perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition: transform .4s var(--ease), border-color .3s; }
.bento-card:hover { border-color: var(--line-strong); }
.bento-card h3 { margin-bottom: 12px; font-size: 25px; }
.bento-card p { max-width: 520px; margin-bottom: 0; color: var(--muted); font-size: 13px; }
.mini-label { display: block; margin-bottom: 20px; color: var(--accent); font-family: var(--mono); font-size: 9px; letter-spacing: .16em; }
.bento-card--large { display: grid; grid-column: span 7; grid-row: span 2; grid-template-columns: 1fr 1fr; align-items: center; background: linear-gradient(140deg, rgba(var(--accent-rgb), .09), rgba(255,255,255,.015)); }
.bento-card--large .bento-card__copy { position: relative; z-index: 2; }
.inline-stats { display: flex; gap: 28px; margin-top: 30px; color: var(--muted-2); font-size: 10px; }
.inline-stats span { display: flex; flex-direction: column; }
.inline-stats b { color: var(--text); font-family: var(--mono); font-size: 23px; font-weight: 500; }
.deploy-visual { position: relative; width: 240px; height: 240px; justify-self: end; }
.deploy-ring { position: absolute; inset: 0; border: 1px solid rgba(var(--accent-rgb), .2); border-radius: 50%; }
.deploy-ring::before, .deploy-ring::after { position: absolute; border: 1px dashed rgba(var(--accent-rgb), .18); border-radius: 50%; content: ""; }
.deploy-ring::before { inset: 23px; }
.deploy-ring::after { inset: 48px; }
.deploy-stack { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; transform: translate(-50%,-50%) rotate(30deg); }
.deploy-stack i { position: absolute; inset: 0; border: 1px solid rgba(var(--accent-rgb), .24); border-radius: 18px; background: rgba(var(--accent-rgb), .04); animation: stackSpin 6s ease-in-out infinite; }
.deploy-stack i:nth-child(2) { transform: translate(20px,-20px); animation-delay: -2s; }
.deploy-stack i:nth-child(3) { transform: translate(-20px,20px); animation-delay: -4s; }
.deploy-stack span { position: absolute; z-index: 2; inset: 15px; display: grid; place-items: center; border-radius: 14px; color: #031018; background: var(--accent); box-shadow: 0 0 38px rgba(var(--accent-rgb), .35); }
.deploy-stack span .icon { width: 28px; height: 28px; }
@keyframes stackSpin { 50% { transform: translate(0,-20px) scale(.9); } }
.deploy-pulse { position: absolute; inset: 0; border: 1px solid rgba(var(--accent-rgb), .25); border-radius: 50%; animation: pulse 3s ease-out infinite; }

.bento-card--blue { grid-column: span 5; color: #fff; background: linear-gradient(140deg, #097ab9, #344dd7); }
.bento-card--blue p { color: rgba(255,255,255,.68); }.bento-card--blue .mini-label { color: rgba(255,255,255,.75); }
.mini-globe { position: absolute; right: -30px; bottom: -70px; width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; }
.mini-globe::before, .mini-globe::after { position: absolute; inset: 15%; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; content: ""; }.mini-globe::after { inset: 10% 38%; }
.mini-globe i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 16px #fff; }
.mini-globe i:nth-child(1) { left: 25%; top: 30%; }.mini-globe i:nth-child(2) { right: 23%; top: 48%; }.mini-globe i:nth-child(3) { left: 48%; bottom: 20%; }
.mini-globe span { position: absolute; left: 25%; top: 30%; width: 52%; height: 42%; border-top: 1px solid rgba(255,255,255,.32); border-radius: 50%; transform: rotate(20deg); }
.bento-card--light { grid-column: span 5; background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018)); }
.security-bars { position: absolute; right: 30px; bottom: 0; left: 30px; display: flex; height: 105px; align-items: end; gap: 9px; }
.security-bars i { width: 100%; height: var(--h); border-radius: 4px 4px 0 0; background: linear-gradient(to top, rgba(var(--accent-rgb), .18), var(--accent)); box-shadow: 0 0 18px rgba(var(--accent-rgb), .17); animation: bars 3.5s ease-in-out infinite alternate; transform-origin: bottom; }
.security-bars i:nth-child(even) { animation-delay: -.7s; } @keyframes bars { to { transform: scaleY(.72); opacity:.62; } }
.bento-card--wide { display: grid; grid-column: 1 / -1; grid-row: span 2; grid-template-columns: .75fr 1.25fr; align-items: center; padding: 38px; background: linear-gradient(110deg, rgba(8,22,46,.8), rgba(10,17,34,.65)); }
.monitor-line { position: relative; height: 200px; color: var(--accent); }.monitor-line svg { width: 100%; height: 100%; overflow: visible; }
.monitor-stroke { fill: none; stroke: currentColor; stroke-width: 2; filter: drop-shadow(0 0 7px currentColor); stroke-dasharray: 800; animation: drawLine 4s ease-in-out infinite alternate; }.monitor-area { fill: url(#lineFill); }
@keyframes drawLine { from { stroke-dashoffset: 800; } to { stroke-dashoffset: 0; } }
.live-tag { display: inline-flex; align-items: center; gap: 7px; color: var(--success); font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: .1em; }.live-tag i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px var(--success); animation: blink 1.7s ease-in-out infinite; }
@keyframes blink { 50% { opacity:.35; } }.monitor-line .live-tag { position: absolute; right: 0; top: 0; }
.section--solutions { background: linear-gradient(180deg, transparent, var(--bg-soft) 50%, transparent); }.solution-stage { display: grid; grid-template-columns: 330px 1fr; gap: 18px; }
.solution-tabs { display: flex; flex-direction: column; gap: 8px; }
.solution-tabs button { display: grid; min-height: 82px; grid-template-columns: 42px 1fr; grid-template-rows: auto auto; align-content: center; align-items: center; column-gap: 12px; padding: 12px 17px; border: 1px solid var(--line); border-radius: 15px; color: var(--muted); background: transparent; text-align: left; transition: all .28s var(--ease); }
.solution-tabs button > span { grid-row: span 2; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: var(--surface-light); }.solution-tabs button .icon { width: 20px; height: 20px; }
.solution-tabs button b { color: inherit; font-size: 14px; }.solution-tabs button small { color: var(--muted-2); font-family: var(--mono); font-size: 8px; letter-spacing: .12em; }
.solution-tabs button:hover, .solution-tabs button.is-active { border-color: rgba(var(--accent-rgb), .35); color: var(--text); background: rgba(var(--accent-rgb), .07); transform: translateX(5px); }.solution-tabs button.is-active > span { color: #041017; background: var(--accent); box-shadow: 0 0 26px rgba(var(--accent-rgb), .25); }
.solution-panel { position: relative; display: grid; min-height: 530px; overflow: hidden; grid-template-columns: 1fr 220px; padding: 48px; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(var(--accent-rgb), .1), rgba(10,18,34,.62) 48%, rgba(var(--accent-2-rgb), .08)); transform: perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); }
.solution-panel__glow { position: absolute; right: -100px; top: -100px; width: 340px; height: 340px; border-radius: 50%; background: rgba(var(--accent-rgb), .16); filter: blur(80px); }
.solution-panel__copy { position: relative; z-index: 2; align-self: center; max-width: 510px; }.solution-icon { display: grid; width: 60px; height: 60px; margin-bottom: 26px; place-items: center; border: 1px solid rgba(var(--accent-rgb), .3); border-radius: 18px; color: var(--accent); background: rgba(var(--accent-rgb), .08); }.solution-icon .icon { width: 29px; height: 29px; }
.solution-panel h3 { margin-bottom: 15px; font-size: 38px; }.solution-panel p:not(.eyebrow) { color: var(--muted); }.solution-panel ul { display: grid; gap: 9px; margin: 24px 0 30px; }.solution-panel li { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px; }.solution-panel li .icon { width: 15px; height: 15px; color: var(--accent); }
.solution-panel__metrics { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: end; gap: 10px; }.solution-panel__metrics div { padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.035); backdrop-filter: blur(10px); }.solution-panel__metrics strong { display: block; font-family: var(--mono); font-size: 24px; font-weight: 500; color: var(--accent); }.solution-panel__metrics span { color: var(--muted); font-size: 10px; }
.solution-architecture { position: absolute; right: 40px; bottom: 26px; width: 420px; height: 215px; opacity: .46; }.arch-core { position: absolute; left: 50%; top: 50%; display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid rgba(var(--accent-rgb), .42); border-radius: 18px; color: var(--accent); background: rgba(3,10,22,.65); transform: translate(-50%,-50%) rotate(30deg); }.arch-core .icon { width: 28px; height: 28px; }.arch-node { position: absolute; padding: 7px 11px; border: 1px solid var(--line-strong); border-radius: 9px; color: var(--muted); background: rgba(4,11,23,.68); font-size: 9px; }
.arch-node--top { left: 50%; top: 0; transform: translateX(-50%); }.arch-node--a { left: 0; bottom: 30px; }.arch-node--b { left: 50%; bottom: 0; transform: translateX(-50%); }.arch-node--c { right: 0; bottom: 30px; }.arch-line { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .6), transparent); transform-origin: left; }
.arch-line--a { left: 15%; top: 36px; width: 42%; transform: rotate(25deg); }.arch-line--b { right: 3%; top: 42px; width: 44%; transform: rotate(132deg); transform-origin: right; }.arch-line--c { left: 50%; top: 55%; width: 43%; transform: rotate(90deg); }

.section--config { padding-top: 80px; }.config-shell { display: grid; grid-template-columns: .85fr 1.15fr; gap: 52px; align-items: center; padding: 56px; border: 1px solid var(--line); border-radius: var(--radius-xl); background: radial-gradient(circle at 0 0, rgba(var(--accent-rgb), .11), transparent 32%), linear-gradient(130deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); }
.config-copy h2 { margin-bottom: 18px; }.config-copy > p:not(.eyebrow) { color: var(--muted); }.config-copy ul { display: grid; gap: 10px; margin-top: 26px; }.config-copy li { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; }.config-copy li .icon { width: 17px; height: 17px; color: var(--accent); }
.config-card { padding: 28px; border: 1px solid var(--line-strong); border-radius: 24px; background: rgba(5,11,23,.5); box-shadow: var(--shadow); backdrop-filter: blur(16px); }html[data-theme="light"] .config-card { background: rgba(255,255,255,.78); }.config-card__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }.config-card__head > b { color: var(--muted-2); font-family: var(--mono); font-size: 9px; font-weight: 500; }
.config-card label { display: block; margin-bottom: 13px; color: var(--muted); font-size: 10px; }.config-card select { width: 100%; height: 48px; margin-top: 5px; padding: 0 42px 0 14px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: var(--surface-2); appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-repeat: no-repeat; background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px; background-size: 5px 5px, 5px 5px; }
.config-summary { margin: 19px 0; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(0,0,0,.08); }.config-summary > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 7px 0; }.config-summary span { color: var(--muted-2); font-size: 10px; }.config-summary b { max-width: 68%; overflow: hidden; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }.config-total { margin-top: 8px; padding-top: 14px !important; border-top: 1px solid var(--line); }.config-total strong { font-family: var(--mono); font-size: 25px; color: var(--accent); }.config-total small { grid-column: 2; color: var(--muted-2); font-size: 9px; text-align: right; }.config-note { margin: 12px 0 0; color: var(--muted-2); font-size: 9px; text-align: center; }
.infra-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; }.infra-copy h2 { margin-bottom: 18px; }.infra-copy > p:not(.eyebrow) { max-width: 500px; color: var(--muted); }.infra-stats { display: flex; flex-wrap: wrap; gap: 27px; margin: 30px 0; }.infra-stats span { display: flex; flex-direction: column; color: var(--muted-2); font-size: 9px; }.infra-stats b { color: var(--text); font-family: var(--mono); font-size: 24px; font-weight: 500; }
.world-visual { position: relative; min-height: 480px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .08), transparent 52%), rgba(4,10,22,.38); }.world-dots { position: absolute; inset: 0; opacity: .35; background-image: radial-gradient(circle, rgba(129,167,230,.42) .8px, transparent .9px); background-size: 10px 10px; mask-image: radial-gradient(circle, #000 20%, transparent 72%); }.world-globe { position: absolute; left: 50%; top: 50%; width: 390px; height: 390px; border: 1px solid rgba(var(--accent-rgb), .16); border-radius: 50%; background: radial-gradient(circle at 38% 30%, rgba(var(--accent-rgb), .18), transparent 38%), rgba(5,16,34,.72); box-shadow: inset -40px -20px 80px rgba(0,0,0,.36), 0 0 80px rgba(var(--accent-rgb), .08); transform: translate(-50%,-50%); }
.world-globe::before, .world-globe::after { position: absolute; inset: 9% 28%; border: 1px solid rgba(var(--accent-rgb), .18); border-radius: 50%; content: ""; }.world-globe::after { inset: 28% 9%; }.world-globe i { position: absolute; left: 10%; right: 10%; height: 1px; border-top: 1px solid rgba(var(--accent-rgb), .14); border-radius: 50%; }.world-globe i:nth-child(1) { top: 30%; }.world-globe i:nth-child(2) { top: 50%; }.world-globe i:nth-child(3) { top: 70%; }
.world-globe .node { position: absolute; width: 8px; height: 8px; border: 2px solid var(--accent); border-radius: 50%; background: #fff; box-shadow: 0 0 16px var(--accent); }.world-globe .node::after { position: absolute; inset: -7px; border: 1px solid var(--accent); border-radius: 50%; content: ""; animation: pulse 2.4s infinite; }.world-globe .n1 { left: 24%; top: 30%; }.world-globe .n2 { right: 19%; top: 26%; }.world-globe .n3 { right: 31%; bottom: 28%; }.world-globe .n4 { left: 29%; bottom: 20%; }.world-globe .n5 { left: 49%; top: 46%; }
.route { position: absolute; height: 1px; border-top: 1px dashed rgba(var(--accent-rgb), .45); transform-origin: left; }.route--a { left: 27%; top: 38%; width: 42%; transform: rotate(-8deg); }.route--b { left: 45%; top: 52%; width: 35%; transform: rotate(42deg); }.route--c { left: 38%; top: 68%; width: 38%; transform: rotate(-25deg); }
.latency-card { position: absolute; right: 22px; bottom: 22px; width: 180px; padding: 15px 16px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(5,12,24,.78); backdrop-filter: blur(16px); }.latency-card span { display: block; color: var(--muted-2); font-size: 9px; }.latency-card b { font-family: var(--mono); font-size: 18px; font-weight: 500; }.latency-card i { display: block; height: 3px; margin-top: 9px; overflow: hidden; border-radius: 6px; background: rgba(255,255,255,.08); }.latency-card em { display: block; width: 35%; height: 100%; border-radius: inherit; background: var(--accent); box-shadow: 0 0 8px var(--accent); animation: latency 2.2s ease-in-out infinite alternate; }@keyframes latency { to { width: 88%; } }

.section--news { background: linear-gradient(180deg, transparent, rgba(var(--accent-2-rgb), .04), transparent); }.news-grid { display: grid; grid-template-columns: 1.35fr 1fr; grid-template-rows: repeat(2,1fr); gap: 18px; }.news-card { display: grid; min-height: 240px; overflow: hidden; grid-template-columns: 220px 1fr; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-light); transition: transform .35s var(--ease), border-color .3s; }.news-card:hover { border-color: var(--line-strong); transform: translateY(-4px); }.news-card--lead { grid-row: span 2; grid-template-columns: 1fr; }
.news-card__visual { position: relative; overflow: hidden; background: linear-gradient(145deg, #0c4a7e, #25367e); }.news-card__visual::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: 28px 28px; content:""; transform: perspective(400px) rotateX(45deg) scale(1.5); }.visual-2 { background: linear-gradient(145deg, #143b39, #145d72); }.visual-3 { background: linear-gradient(145deg, #563663, #4a2f68); }
.news-card__visual > span { position: absolute; z-index: 2; left: 18px; top: 18px; padding: 5px 9px; border: 1px solid rgba(255,255,255,.22); border-radius: 99px; color: #fff; background: rgba(0,0,0,.16); font-size: 9px; backdrop-filter: blur(8px); }.news-card__visual > b { position: absolute; right: 14px; bottom: 4px; color: rgba(255,255,255,.13); font-family: var(--mono); font-size: 74px; font-weight: 700; }.news-card__visual > i { position: absolute; left: 50%; top: 50%; width: 120px; height: 120px; border: 1px solid rgba(255,255,255,.24); transform: translate(-50%,-50%) rotate(30deg); }.news-card--lead .news-card__visual { min-height: 290px; }
.news-card__body { display: flex; flex-direction: column; justify-content: center; padding: 25px; }.news-card--lead .news-card__body { padding: 32px; }.news-meta { display: flex; align-items: center; gap: 15px; margin-bottom: 14px; color: var(--muted-2); font-size: 9px; }.news-meta span { display: inline-flex; align-items: center; gap: 5px; }.news-meta .icon { width: 13px; height: 13px; }.news-card h3 { margin-bottom: 12px; font-size: 19px; line-height: 1.42; }.news-card--lead h3 { font-size: 28px; }.news-card h3 a:hover { color: var(--accent); }.news-card__body > p { display: -webkit-box; overflow: hidden; margin-bottom: 20px; color: var(--muted); font-size: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.news-card .text-link { margin-top: auto; }
.section--cta { padding-top: 70px; }.cta-shell { position: relative; min-height: 390px; overflow: hidden; padding: 75px 50px; border-radius: var(--radius-xl); color: #fff; background: linear-gradient(120deg, #0877b8, #3550d5 62%, #6b48ca); text-align: center; box-shadow: 0 35px 100px rgba(28,78,176,.24); }.cta-shell::before { position: absolute; inset: 0; opacity: .4; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(circle, #000, transparent 74%); content:""; }.cta-shell > * { position: relative; z-index: 2; }.cta-shell .eyebrow { color: rgba(255,255,255,.68); }.cta-shell h2 { margin-bottom: 16px; font-size: clamp(36px,5vw,62px); }.cta-shell h2 span { color: #c9f5ff; }.cta-shell > p:not(.eyebrow) { max-width: 640px; margin: 0 auto 30px; color: rgba(255,255,255,.72); }.cta-actions { display: flex; justify-content: center; gap: 12px; }.cta-shell > small { display: block; margin-top: 20px; color: rgba(255,255,255,.58); }
.cta-orbit { position: absolute; z-index: 1; left: 50%; top: 50%; width: 570px; height: 570px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; transform: translate(-50%,-50%); }.cta-orbit i { position: absolute; inset: 14%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }.cta-orbit i:nth-child(2) { inset: 28%; border-style: dashed; animation: rotate 25s linear infinite; }.cta-orbit i:nth-child(3) { inset: 42%; }.cta-orbit span { position: absolute; left: 50%; top: 50%; display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 15px; color: #fff; background: rgba(255,255,255,.1); transform: translate(-50%,-50%) rotate(30deg); backdrop-filter: blur(10px); }
.site-footer { position: relative; padding: 80px 0 28px; border-top: 1px solid var(--line); background: rgba(4,8,17,.54); }html[data-theme="light"] .site-footer { background: rgba(235,241,249,.72); }.footer-main { display: grid; grid-template-columns: 1.6fr repeat(3,.7fr) 1fr; gap: 38px; }.footer-brand > p { max-width: 330px; margin: 23px 0 20px; color: var(--muted); font-size: 12px; }.footer-status { display: inline-flex; align-items: center; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted-2); font-size: 9px; }.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }.footer-column h3 { margin-bottom: 10px; font-size: 13px; }.footer-column a, .footer-column p { margin: 0; color: var(--muted); font-size: 11px; transition: color .2s; }.footer-column a:hover { color: var(--accent); }.footer-contact p { display: flex; align-items: flex-start; gap: 8px; }.footer-contact .icon { width: 14px; height: 14px; margin-top: 4px; color: var(--accent); }.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 58px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 9px; }.data-source { display: flex; align-items: center; }.data-source i { width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px var(--success); }
.back-top { position: fixed; z-index: 70; right: 24px; bottom: 24px; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line-strong); border-radius: 13px; color: var(--text); background: var(--surface); opacity: 0; box-shadow: var(--shadow-sm); pointer-events: none; transform: translateY(12px); backdrop-filter: blur(14px); transition: all .3s; }.back-top.is-visible { opacity: 1; pointer-events: auto; transform: none; }.back-top svg { width: 18px; height: 18px; fill:none; stroke:currentColor; stroke-width:1.8; }

.page-hero { position: relative; min-height: 520px; padding: 100px 0 76px; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 42%, rgba(var(--accent-rgb), .1), transparent 31%), linear-gradient(180deg, var(--bg-soft), transparent); }.page-hero__grid { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 60px; }.page-hero h1 { margin-bottom: 22px; font-size: clamp(46px,6vw,72px); }.page-hero__grid > div:first-child > p:last-of-type { max-width: 630px; color: var(--muted); font-size: 16px; }.page-hero__crumbs { display: flex; align-items: center; gap: 10px; margin-top: 34px; color: var(--muted-2); font-size: 10px; }.page-hero__crumbs a:hover { color: var(--accent); }.page-hero__crumbs i { width: 4px; height: 4px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); }.page-hero__visual { display: grid; min-height: 330px; place-items: center; }
.hero-cube, .product-hero-visual, .strategy-visual, .news-hero-visual, .help-hero-visual, .about-hero-visual { position: relative; width: 360px; height: 360px; }.hero-cube i { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; border: 1px solid rgba(var(--accent-rgb), .25); transform: translate(-50%,-50%) rotate(30deg); }.hero-cube i:nth-child(2) { transform: translate(-50%,-50%) rotate(75deg) scale(.8); }.hero-cube i:nth-child(3) { transform: translate(-50%,-50%) rotate(120deg) scale(.6); }.hero-cube span { position: absolute; inset: 31%; border-radius: 24px; background: linear-gradient(145deg,var(--accent),var(--accent-2)); box-shadow: 0 0 80px rgba(var(--accent-rgb),.35); transform: rotate(30deg); }
.product-hero-visual .phv-core, .strategy-core { position: absolute; left: 50%; top: 50%; display: grid; width: 80px; height: 80px; place-items: center; border: 1px solid rgba(var(--accent-rgb), .4); border-radius: 24px; color: var(--accent); background: rgba(5,12,25,.72); box-shadow: 0 0 60px rgba(var(--accent-rgb),.2); transform: translate(-50%,-50%) rotate(30deg); }.phv-core .icon, .strategy-core .icon { width: 34px; height: 34px; }.phv-card { position: absolute; display: grid; width: 140px; grid-template-columns: 34px 1fr; align-items: center; gap: 3px 10px; padding: 14px; border: 1px solid var(--line-strong); border-radius: 15px; background: rgba(6,14,28,.72); box-shadow: var(--shadow-sm); backdrop-filter: blur(12px); }.phv-card .icon { grid-row:span 2; width:28px; height:28px; color:var(--accent); }.phv-card b { font-size: 11px; }.phv-card i { color: var(--success); font-style: normal; font-size: 8px; }.phv-card--a { left: 2%; top: 20%; }.phv-card--b { right: 0; bottom: 20%; }.phv-ring, .strategy-visual > i { position: absolute; inset: 4%; border: 1px dashed rgba(var(--accent-rgb),.2); border-radius: 50%; animation: rotate 28s linear infinite; }
.catalog { padding-top: 70px; }.catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; }.catalog-toolbar .filter-tabs { margin-bottom: 0; }.search-field { display: flex; width: 330px; height: 46px; align-items: center; gap: 9px; padding: 0 13px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-light); }.search-field:focus-within { border-color: var(--line-strong); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.06); }.search-field svg { width: 17px; height: 17px; fill:none; stroke:var(--muted); stroke-width:1.7; }.search-field input { min-width: 0; flex:1; border:0; outline:0; color:var(--text); background:transparent; font-size:12px; }.search-field input::placeholder { color:var(--muted-2); }.search-field kbd { padding:2px 5px; border:1px solid var(--line); border-radius:5px; color:var(--muted-2); font-size:8px; }.catalog-summary { display:flex; justify-content:space-between; margin-bottom:14px; color:var(--muted-2); font-size:10px; }.catalog-summary p { margin:0; }.catalog-summary b { color:var(--text); }.catalog-summary span { display:flex; align-items:center; }.product-grid--catalog .product-card:nth-child(3n+2) { transform: perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(18px); }
.guarantee-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }.guarantee-grid article { position:relative; padding:31px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:var(--surface-light); }.guarantee-grid article > span { position:absolute; right:18px; top:13px; color:var(--muted-2); font-family:var(--mono); font-size:11px; opacity:.45; }.guarantee-grid article > .icon { width:36px; height:36px; margin-bottom:36px; color:var(--accent); }.guarantee-grid h3 { margin-bottom:10px; }.guarantee-grid p { margin:0; color:var(--muted); font-size:12px; }
.solution-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.solution-card { position:relative; min-height:400px; padding:34px; border:1px solid var(--line); border-radius:26px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)); cursor:pointer; transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .4s,border-color .3s; }.solution-card:hover,.solution-card.is-selected { border-color:rgba(var(--accent-rgb),.36); transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px); }.solution-card.is-selected { background:linear-gradient(145deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-2-rgb),.06)); }.solution-card__head { display:flex; justify-content:space-between; margin-bottom:30px; }.solution-card__head > span { display:grid; width:54px; height:54px; place-items:center; border:1px solid var(--line-strong); border-radius:16px; color:var(--accent); background:rgba(var(--accent-rgb),.06); }.solution-card__head .icon { width:26px; height:26px; }.solution-card__head small { color:var(--muted-2); font-family:var(--mono); }.solution-card h2 { margin-bottom:14px; font-size:34px; }.solution-card > p:not(.eyebrow) { max-width:540px; color:var(--muted); font-size:13px; }.solution-card ul { display:flex; flex-wrap:wrap; gap:8px 16px; margin:24px 0; }.solution-card li { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:11px; }.solution-card li .icon { width:13px; height:13px; color:var(--accent); }.solution-card__foot { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-top:auto; }.solution-card__foot > div { display:flex; gap:28px; }.solution-card__foot span { display:flex; flex-direction:column; }.solution-card__foot b { font-family:var(--mono); font-size:19px; font-weight:500; }.solution-card__foot small { color:var(--muted-2); font-size:9px; }
.migration-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; }.migration-grid > div:first-child > p:not(.eyebrow) { color:var(--muted); }.migration-grid .btn { margin-top:18px; }.step-list { display:grid; gap:10px; }.step-list article { display:grid; grid-template-columns:70px 1fr; align-items:center; padding:21px 25px; border:1px solid var(--line); border-radius:17px; background:var(--surface-light); transition:transform .25s,border-color .25s; }.step-list article:hover { border-color:var(--line-strong); transform:translateX(5px); }.step-list article > b { color:var(--accent); font-family:var(--mono); font-size:21px; font-weight:500; }.step-list h3 { margin:0 0 4px; font-size:16px; }.step-list p { margin:0; color:var(--muted); font-size:11px; }

.news-hero-visual > span, .help-hero-visual > span { position:absolute; left:50%; top:50%; display:grid; width:88px; height:88px; place-items:center; border:1px solid rgba(var(--accent-rgb),.35); border-radius:26px; color:var(--accent); background:rgba(5,12,25,.72); box-shadow:0 0 60px rgba(var(--accent-rgb),.18); transform:translate(-50%,-50%) rotate(30deg); }.news-hero-visual > span .icon,.help-hero-visual > span .icon { width:38px;height:38px; }.news-hero-visual > i { position:absolute;left:50%;top:50%;width:260px;height:140px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:50%;transform:translate(-50%,-50%) rotate(25deg); }.news-hero-visual > i:nth-of-type(2) { width:170px;height:280px;transform:translate(-50%,-50%) rotate(70deg); }.news-hero-visual > i:nth-of-type(3) { inset:20%;border-style:dashed;animation:rotate 22s linear infinite; }.news-hero-visual > b { position:absolute;right:0;bottom:35px;color:var(--muted-2);font-family:var(--mono);font-size:10px;letter-spacing:.2em; }
.news-center { padding-top:70px; }.news-center__layout { display:grid; grid-template-columns:1fr 330px; gap:52px; }.news-main > .filter-tabs { margin-bottom:18px; }.search-field--wide { width:100%; margin-bottom:20px; }.news-list { display:grid; }.news-row { position:relative; display:grid; grid-template-columns:90px 1fr 45px; gap:24px; padding:31px 0; border-bottom:1px solid var(--line); }.news-row:first-child { padding-top:10px; }.news-row__date { display:flex; flex-direction:column; }.news-row__date strong { font-family:var(--mono);font-size:31px;font-weight:500;line-height:1; }.news-row__date span { margin-top:7px;color:var(--muted-2);font-size:9px; }.news-row__body h3 { margin-bottom:10px;font-size:22px; }.news-row__body h3 a:hover { color:var(--accent); }.news-row__body > p { max-width:640px;margin-bottom:16px;color:var(--muted);font-size:12px; }.news-row__index { color:var(--line-strong);font-family:var(--mono);font-size:12px;text-align:right; }.news-sidebar { display:flex;flex-direction:column;gap:18px; }.sidebar-card { padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--surface-light); }.sidebar-card__head { display:flex;justify-content:space-between;align-items:center;margin-bottom:20px; }.sidebar-card__head h3,.sidebar-card > h3 { margin:0;font-size:15px; }.sidebar-card__head span { color:var(--accent);font-family:var(--mono);font-size:8px; }.sidebar-card ol { display:grid;gap:15px; }.sidebar-card li { display:grid;grid-template-columns:26px 1fr;gap:9px; }.sidebar-card li b { color:var(--accent);font-family:var(--mono);font-size:11px; }.sidebar-card li a { color:var(--muted);font-size:11px;line-height:1.6;transition:color .2s; }.sidebar-card li a:hover { color:var(--text); }.sidebar-card--subscribe { position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-2-rgb),.07)); }.sidebar-card--subscribe > span,.sidebar-card--help > span { display:grid;width:43px;height:43px;margin-bottom:20px;place-items:center;border-radius:13px;color:var(--accent);background:rgba(var(--accent-rgb),.1); }.sidebar-card--subscribe p,.sidebar-card--help p { margin:9px 0 17px;color:var(--muted);font-size:11px; }.sidebar-card--subscribe::after { position:absolute;right:-60px;bottom:-60px;width:170px;height:170px;border:1px solid rgba(var(--accent-rgb),.12);border-radius:50%;content:""; }
.help-search-hero { max-width:880px;margin:0 auto 65px;text-align:center; }.search-field--hero { width:100%;height:62px;padding:0 10px 0 21px;border-radius:18px;box-shadow:var(--shadow); }.search-field--hero svg { width:20px;height:20px; }.search-field--hero input { font-size:14px; }.search-field--hero button { height:44px;padding:0 23px;border-radius:12px;color:#021017;background:linear-gradient(120deg,var(--accent),var(--accent-2));font-weight:600; }.hot-searches { display:flex;align-items:center;justify-content:center;gap:9px;margin-top:13px;color:var(--muted-2);font-size:10px; }.hot-searches button { color:var(--muted);font-size:10px; }.hot-searches button:hover { color:var(--accent); }.help-categories { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:80px; }.help-categories article { position:relative;padding:27px;border:1px solid var(--line);border-radius:22px;background:var(--surface-light);cursor:pointer;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s,border-color .3s; }.help-categories article:hover { border-color:var(--line-strong);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px); }.help-categories article > span { display:grid;width:48px;height:48px;margin-bottom:30px;place-items:center;border-radius:15px;color:var(--accent);background:rgba(var(--accent-rgb),.08); }.help-categories article > span .icon { width:23px;height:23px; }.help-categories article > small { position:absolute;right:20px;top:18px;color:var(--muted-2);font-family:var(--mono); }.help-categories h3 { margin-bottom:9px;font-size:17px; }.help-categories p { margin:0 0 20px;color:var(--muted);font-size:10px; }
.help-results__head { display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px; }.help-results__head h2 { margin:0;font-size:30px; }.help-results__head .filter-tabs { margin:0;justify-content:flex-end; }.help-list { border-top:1px solid var(--line); }.help-row { display:grid;grid-template-columns:52px 1fr 40px;align-items:center;gap:22px;padding:23px 5px;border-bottom:1px solid var(--line); }.help-row__icon { display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--accent);background:var(--surface-light); }.help-row__icon .icon { width:21px;height:21px; }.help-row small { color:var(--accent);font-size:9px; }.help-row h3 { margin:3px 0 4px;font-size:16px; }.help-row h3 a:hover { color:var(--accent); }.help-row p { margin:0;color:var(--muted);font-size:10px; }.help-row .round-arrow { width:34px;height:34px;justify-self:end;transition:background .2s,transform .2s; }.help-row:hover .round-arrow { color:#031018;background:var(--accent);transform:translateX(4px); }
.empty-state { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 25px;text-align:center; }.empty-state > .icon { width:46px;height:46px;margin-bottom:20px;color:var(--muted-2); }.empty-state h3 { margin-bottom:8px; }.empty-state p { margin-bottom:20px;color:var(--muted); }.empty-state--inline { padding:50px 20px;border:1px dashed var(--line);border-radius:18px; }

.article-loading { display:grid;min-height:620px;place-content:center;justify-items:center;gap:18px;color:var(--muted); }.article-container { padding-top:80px;padding-bottom:100px; }.article-breadcrumb { display:flex;align-items:center;gap:10px;margin-bottom:38px;color:var(--muted-2);font-size:10px; }.article-breadcrumb i { width:4px;height:4px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg); }.article-breadcrumb a:hover { color:var(--accent); }.article-header { max-width:900px;margin-bottom:48px; }.article-header__meta { display:flex;flex-wrap:wrap;gap:18px;margin-bottom:21px;color:var(--muted-2);font-size:10px; }.article-header__meta span { display:inline-flex;align-items:center;gap:6px; }.article-header__meta span:first-child { color:var(--accent); }.article-header__meta .icon { width:14px;height:14px; }.article-header h1 { margin-bottom:20px;font-size:clamp(38px,5vw,62px); }.article-header > p { max-width:780px;margin:0;color:var(--muted);font-size:15px; }.article-layout { display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:55px;align-items:start; }.article-body { min-width:0;padding:42px;border:1px solid var(--line);border-radius:26px;background:var(--surface-light); }.rich-content { color:#b5c0d3;font-size:14px;line-height:2; }.rich-content h2,.rich-content h3,.rich-content h4 { margin:35px 0 14px;color:var(--text); }.rich-content h2 { font-size:26px; }.rich-content h3 { font-size:20px; }.rich-content p { margin:0 0 18px; }.rich-content ul,.rich-content ol { display:grid;gap:8px;margin:18px 0 24px;padding-left:24px; }.rich-content ul { list-style:disc; }.rich-content ol { list-style:decimal; }.rich-content a { color:var(--accent);text-decoration:underline;text-underline-offset:3px; }.rich-content img { height:auto;margin:24px auto;border-radius:16px; }.rich-content blockquote { margin:24px 0;padding:18px 22px;border-left:2px solid var(--accent);color:var(--muted);background:rgba(var(--accent-rgb),.05); }.rich-content pre { overflow:auto;padding:18px;border:1px solid var(--line);border-radius:14px;background:#050a14; }.rich-content code { color:var(--accent);font-family:var(--mono); }.rich-content hr { margin:36px 0;border:0;border-top:1px solid var(--line); }.rich-content table { display:block;width:100%;overflow:auto;border-collapse:collapse; }.rich-content th,.rich-content td { padding:11px 14px;border:1px solid var(--line); }.article-aside { display:flex;flex-direction:column;gap:18px;position:sticky;top:100px; }.article-aside .sidebar-card > h3 { margin-bottom:18px; }.article-aside .sidebar-card > a { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px; }.article-aside .sidebar-card > a:last-child { border-bottom:0; }.article-aside .sidebar-card > a:hover { color:var(--accent); }.article-aside .sidebar-card > a .icon { width:14px;height:14px;flex:0 0 auto; }.article-nav { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px; }.article-nav a { padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--surface-light);transition:border-color .25s,transform .25s; }.article-nav a:hover { border-color:var(--line-strong);transform:translateY(-3px); }.article-nav small { display:block;margin-bottom:6px;color:var(--muted-2);font-size:9px; }.article-nav b { font-size:13px; }.article-nav--next { text-align:right; }
.about-grid { display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px; }.about-image { position:relative;display:grid;min-height:520px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-2-rgb),.08)),#07101f; }.about-image__grid { position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:36px 36px;transform:perspective(500px) rotateX(47deg) scale(1.6); }.about-image > span { position:relative;z-index:2;display:grid;width:150px;height:150px;place-items:center;border:1px solid rgba(var(--accent-rgb),.4);border-radius:42px;color:var(--accent);background:rgba(4,12,25,.55);box-shadow:0 0 90px rgba(var(--accent-rgb),.22);transform:rotate(30deg); }.about-image > span .icon { width:70px;height:70px; }.about-image > b { position:absolute;left:35px;bottom:35px;font-size:15px;letter-spacing:.08em; }.about-image > i { position:absolute;right:35px;bottom:35px;color:var(--muted-2);font-family:var(--mono);font-size:9px;font-style:normal;letter-spacing:.15em; }.about-copy h2 { margin-bottom:20px; }.about-copy > p:not(.eyebrow) { color:var(--muted); }.about-values { display:flex;flex-wrap:wrap;gap:17px;margin-top:28px; }.about-values span { display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px; }.about-values .icon { width:15px;height:15px;color:var(--accent); }
.company-metrics { padding-top:55px;padding-bottom:55px;border-block:1px solid var(--line);background:var(--surface-light); }.company-metrics__grid { display:grid;grid-template-columns:repeat(4,1fr); }.company-metrics__grid > div { display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line); }.company-metrics__grid > div:last-child { border-right:0; }.company-metrics__grid strong { font-family:var(--mono);font-size:39px;font-weight:500; }.company-metrics__grid span { color:var(--muted-2);font-size:10px; }.value-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px; }.value-grid article { position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--surface-light); }.value-grid article > .icon { width:34px;height:34px;margin-bottom:40px;color:var(--accent); }.value-grid article > span { position:absolute;right:21px;top:18px;color:var(--muted-2);font-family:var(--mono);font-size:9px; }.value-grid h3 { margin-bottom:9px; }.value-grid p { margin:0;color:var(--muted);font-size:11px; }.contact-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px; }.contact-grid h2 { margin-bottom:16px; }.contact-grid > div:first-child > p:not(.eyebrow) { color:var(--muted); }.contact-cards { display:grid;gap:12px; }.contact-cards > a,.contact-cards > div { display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:14px;padding:19px;border:1px solid var(--line);border-radius:16px;background:var(--surface-light); }.contact-cards > * > .icon:first-child { width:24px;height:24px;color:var(--accent); }.contact-cards > * > .icon:last-child { width:16px;height:16px; }.contact-cards span { display:flex;flex-direction:column; }.contact-cards small { color:var(--muted-2);font-size:9px; }.contact-cards b { font-size:12px;font-weight:500; }

.page-login { position:relative;display:grid;min-height:calc(100vh - 109px);align-items:center;overflow:hidden;background:linear-gradient(120deg,#061126,#050913 58%,#0e1730); }.login-backdrop { position:absolute;inset:0;opacity:.65; }.login-backdrop::after { position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(var(--accent-rgb),.12),transparent 34%),linear-gradient(90deg,var(--bg),transparent 58%);content:""; }.login-layout { position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;padding-top:70px;padding-bottom:70px; }.login-copy { color:#f4f8ff; }.login-copy .brand { margin-bottom:48px; }.login-copy h1 { margin-bottom:22px;font-size:clamp(42px,5vw,66px); }.login-copy > p:not(.eyebrow) { max-width:540px;color:#8897b2;font-size:15px; }.login-points { display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;color:#9ba9c0;font-size:10px; }.login-points span { display:flex;align-items:center;gap:7px; }.login-points .icon { width:15px;height:15px;color:var(--accent); }.login-card { padding:36px;border:1px solid rgba(136,168,220,.2);border-radius:28px;background:rgba(9,17,32,.78);box-shadow:0 35px 100px rgba(0,0,0,.42);backdrop-filter:blur(24px); }.login-card__head { display:flex;align-items:center;gap:15px;margin-bottom:31px; }.login-card__head > span { display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(var(--accent-rgb),.28);border-radius:15px;color:var(--accent);background:rgba(var(--accent-rgb),.08); }.login-card__head h2 { margin:0 0 3px;font-size:23px; }.login-card__head p { margin:0;color:#6f7d95;font-size:10px; }.login-card > label { display:block;margin-bottom:15px;color:#78869e;font-size:10px; }.login-card > label input { width:100%;height:50px;margin-top:6px;padding:0 15px;border:1px solid rgba(136,168,220,.17);border-radius:12px;color:#f4f8ff;background:rgba(255,255,255,.035); }.login-card > label input:focus { border-color:rgba(var(--accent-rgb),.45); }.login-options { display:flex;align-items:center;justify-content:space-between;margin:3px 0 20px;color:#76849c;font-size:10px; }.login-options label { display:flex;align-items:center;gap:6px; }.login-options a { color:var(--accent); }.login-note { display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 0;color:#64728a;font-size:9px; }.login-note .icon { width:13px;height:13px; }.demo-tip { margin-top:18px;padding:15px;border:1px solid rgba(var(--accent-rgb),.16);border-radius:12px;color:#7f8da5;background:rgba(var(--accent-rgb),.045); }.demo-tip b { color:#b9c6d9;font-size:10px; }.demo-tip p { margin:5px 0 0;font-size:9px; }
.page-404 { display:grid;min-height:calc(100vh - 109px);place-items:center;text-align:center; }.page-404 .container { display:flex;flex-direction:column;align-items:center; }.error-code { position:relative;color:rgba(var(--accent-rgb),.09);font-family:var(--mono);font-size:clamp(130px,24vw,280px);font-weight:700;line-height:.9;letter-spacing:-.1em; }.error-code i { position:absolute;left:50%;top:50%;width:100px;height:100px;border:1px solid rgba(var(--accent-rgb),.32);border-radius:28px;box-shadow:0 0 70px rgba(var(--accent-rgb),.14);transform:translate(-50%,-50%) rotate(30deg); }.page-404 h1 { margin-bottom:14px;font-size:42px; }.page-404 > .container > p:not(.eyebrow) { max-width:550px;margin-bottom:28px;color:var(--muted); }.page-404 .container > div:last-child { display:flex;gap:12px; }
.modal { position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s; }.modal.is-open { opacity:1;visibility:visible; }.modal__backdrop { position:absolute;inset:0;background:rgba(1,5,12,.72);backdrop-filter:blur(12px); }.modal__panel { position:relative;z-index:2;width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--line-strong);border-radius:28px;background:linear-gradient(145deg,rgba(14,25,45,.98),rgba(7,14,28,.98));box-shadow:0 40px 120px rgba(0,0,0,.55);transform:translateY(18px) scale(.98);transition:transform .35s var(--ease); }.modal.is-open .modal__panel { transform:none; }.modal--wide .modal__panel { width:min(960px,100%); }.modal__close { position:absolute;z-index:5;right:17px;top:17px;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:rgba(255,255,255,.04);font-size:22px;line-height:1; }.modal__close:hover { color:var(--text);border-color:var(--line-strong); }.modal__body { min-height:150px; }
.command-panel { position:relative;z-index:2;width:min(720px,100%);overflow:hidden;border:1px solid var(--line-strong);border-radius:23px;background:rgba(8,15,29,.97);box-shadow:0 40px 120px rgba(0,0,0,.58);transform:translateY(-15px) scale(.98);transition:transform .3s var(--ease); }.command-palette.is-open .command-panel { transform:none; }.command-search { display:flex;height:67px;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line); }.command-search svg { width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:1.7; }.command-search input { min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:15px; }.command-search kbd,.command-hint kbd { padding:3px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted-2);background:rgba(255,255,255,.03);font-family:var(--mono);font-size:8px; }.command-results { max-height:440px;overflow:auto;padding:9px; }.command-item { display:grid;grid-template-columns:42px 1fr 52px 16px;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--muted); }.command-item:hover,.command-item.is-active { color:var(--text);background:rgba(var(--accent-rgb),.08); }.command-item > span { display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--accent);background:var(--surface-light); }.command-item > span .icon { width:19px;height:19px; }.command-item > div { min-width:0;display:flex;flex-direction:column; }.command-item b { overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap; }.command-item small { overflow:hidden;color:var(--muted-2);font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.command-item em { color:var(--muted-2);font-size:9px;font-style:normal;text-align:center; }.command-item > .icon { width:15px;height:15px; }.command-empty { display:grid;min-height:260px;place-content:center;justify-items:center;color:var(--muted-2); }.command-empty .icon { width:38px;height:38px;margin-bottom:13px; }.command-empty p { margin:0 0 4px;color:var(--muted); }.command-empty small { font-size:9px; }.command-hint { display:flex;justify-content:space-between;padding:11px 18px;border-top:1px solid var(--line);color:var(--muted-2);font-size:8px; }.command-hint span { display:flex;align-items:center;gap:5px; }

.product-modal { padding:38px; }.product-modal__top { display:grid;grid-template-columns:64px 1fr;gap:20px;padding-right:30px; }.product-modal__top .product-card__icon { width:62px;height:62px; }.product-modal__top h2 { margin:2px 0 8px;font-size:32px; }.product-modal__top p:last-child { margin:0;color:var(--muted);font-size:12px; }.product-modal__content { display:grid;grid-template-columns:1fr 270px;gap:30px;margin-top:34px; }.product-modal__content h3 { margin:0 0 14px;font-size:14px; }.modal-specs { display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:27px;border:1px solid var(--line);border-radius:14px; }.modal-specs div { padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line); }.modal-specs div:nth-child(2n) { border-right:0; }.modal-specs div:nth-last-child(-n+2) { border-bottom:0; }.modal-specs small { display:block;color:var(--muted-2);font-size:9px; }.modal-specs b { font-size:12px; }.modal-features { display:grid;gap:9px; }.modal-features li { display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px; }.modal-features .icon { width:14px;height:14px;color:var(--accent); }.modal-price-card { align-self:start;padding:23px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:19px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-2-rgb),.05)); }.modal-price-card > span { color:var(--muted-2);font-size:10px; }.modal-price-card > strong { display:block;margin:3px 0;font-family:var(--mono);font-size:35px;font-weight:500; }.modal-price-card > strong small { margin-right:3px;color:var(--accent);font-size:15px; }.modal-price-card > p { margin:0 0 16px;color:var(--muted-2);font-size:9px; }.modal-price-card ul { display:grid;gap:8px;margin-bottom:20px; }.modal-price-card li { display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px; }.modal-price-card li .icon { width:13px;height:13px;color:var(--accent); }.modal-price-card .btn + .btn { margin-top:8px; }
.solution-modal { display:grid;grid-template-columns:1fr 1fr;min-height:530px; }.solution-modal__visual { position:relative;overflow:hidden;border-right:1px solid var(--line); }.solution-modal__visual .solution-panel { height:100%;min-height:530px;grid-template-columns:1fr;padding:34px;border:0;border-radius:0;transform:none; }.solution-modal__visual .solution-panel__metrics { flex-direction:row;position:absolute;left:34px;right:34px;bottom:30px; }.solution-modal__visual .solution-panel__metrics div { flex:1; }.solution-modal__visual .solution-panel__copy { align-self:start;margin-top:80px; }.solution-modal__visual .solution-panel h3 { font-size:30px; }.solution-modal__visual .solution-architecture { opacity:.25; }.solution-modal__copy { padding:48px 40px; }.solution-modal__copy h2 { margin-bottom:13px;font-size:36px; }.solution-modal__copy > p:not(.eyebrow) { color:var(--muted);font-size:13px; }.solution-modal__copy h3 { margin:28px 0 13px;font-size:14px; }.solution-modal__copy ul { display:grid;gap:9px; }.solution-modal__copy li { display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px; }.solution-modal__copy li .icon { width:14px;height:14px;color:var(--accent); }.solution-modal__actions { display:flex;gap:9px;margin-top:26px; }
.contact-modal { display:grid;grid-template-columns:.8fr 1.2fr; }.contact-modal__visual { position:relative;min-height:430px;overflow:hidden;background:linear-gradient(145deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-2-rgb),.08)); }.contact-modal__visual > span { position:absolute;left:50%;top:50%;display:grid;width:100px;height:100px;place-items:center;border:1px solid rgba(var(--accent-rgb),.36);border-radius:30px;color:var(--accent);background:rgba(4,11,22,.5);box-shadow:0 0 70px rgba(var(--accent-rgb),.2);transform:translate(-50%,-50%) rotate(30deg); }.contact-modal__visual > span .icon { width:48px;height:48px; }.contact-modal__visual i { position:absolute;left:50%;top:50%;width:220px;height:130px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:50%;transform:translate(-50%,-50%) rotate(20deg); }.contact-modal__visual i:nth-of-type(2) { width:140px;height:240px;transform:translate(-50%,-50%) rotate(68deg); }.contact-modal__copy { padding:44px; }.contact-modal__copy h2 { margin-bottom:12px;font-size:32px; }.contact-modal__copy > p:not(.eyebrow) { color:var(--muted);font-size:12px; }.contact-list { display:grid;gap:9px;margin-top:24px; }.contact-list a { display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface-light); }.contact-list > a > .icon { width:20px;height:20px;color:var(--accent); }.contact-list span { display:flex;flex-direction:column; }.contact-list small { color:var(--muted-2);font-size:8px; }.contact-list b { font-size:11px; }.contact-hours { display:flex;align-items:center;margin:18px 0 0;color:var(--muted-2);font-size:9px; }
.settings-panel { padding:40px; }.settings-panel__head { display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-right:35px; }.settings-panel__head h2 { margin:0 0 6px;font-size:30px; }.settings-panel__head p:not(.eyebrow) { margin:0;color:var(--muted);font-size:11px; }.settings-preview { display:grid;width:55px;height:55px;place-items:center;border:1px solid rgba(var(--accent-rgb),.28);border-radius:17px;color:var(--accent);background:rgba(var(--accent-rgb),.08); }.settings-preview .icon { width:26px;height:26px; }.settings-panel section { margin-top:25px; }.settings-panel section h3 { margin-bottom:11px;font-size:12px; }.setting-options { display:grid;grid-template-columns:1fr 1fr;gap:10px; }.setting-options button { display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 11px;padding:13px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:var(--surface-light);text-align:left; }.setting-options button.is-active { border-color:rgba(var(--accent-rgb),.42);color:var(--text);background:rgba(var(--accent-rgb),.07); }.setting-options button > i { grid-row:span 2;display:block;width:38px;height:38px;border:1px solid var(--line);border-radius:11px; }.theme-dark { background:linear-gradient(145deg,#07101f,#152444); }.theme-light { background:linear-gradient(145deg,#fff,#dfeaf7); }.setting-options button b { font-size:11px; }.setting-options button small { color:var(--muted-2);font-size:8px; }.accent-options { display:flex;gap:13px; }.accent-dot { width:34px;height:34px;border:4px solid var(--surface-solid);border-radius:50%;box-shadow:0 0 0 1px var(--line);transition:transform .2s,box-shadow .2s; }.accent-dot.is-active { transform:scale(1.12);box-shadow:0 0 0 2px var(--accent),0 0 20px rgba(var(--accent-rgb),.35); }.accent-dot--cyan { background:#46e5ff; }.accent-dot--violet { background:#a778ff; }.accent-dot--coral { background:#ff796f; }.accent-dot--green { background:#45e5a5; }.settings-source { display:flex;align-items:center;gap:8px;margin-top:28px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;color:var(--muted-2);font-size:9px; }.settings-source b { color:var(--text);font-weight:500; }.settings-source button { margin-left:auto;color:var(--accent);background:transparent;font-size:9px; }
.toast-wrap { position:fixed;z-index:900;right:23px;bottom:82px;display:grid;gap:9px;pointer-events:none; }.toast { display:flex;width:max-content;max-width:360px;align-items:center;gap:10px;padding:13px 17px;border:1px solid var(--line-strong);border-radius:13px;background:rgba(9,17,31,.94);box-shadow:var(--shadow);opacity:0;transform:translateX(18px);backdrop-filter:blur(18px);transition:opacity .3s,transform .3s; }.toast.is-show { opacity:1;transform:none; }.toast > span { display:grid;width:25px;height:25px;place-items:center;border-radius:8px;color:var(--accent);background:rgba(var(--accent-rgb),.1); }.toast > span .icon { width:14px;height:14px; }.toast p { margin:0;font-size:10px; }.toast--success > span { color:var(--success);background:rgba(71,230,173,.1); }
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }.reduce-motion .cursor-glow { display:none; }.reduce-motion .reveal-ready { opacity:1;transform:none; }

html[data-theme="light"] .scene-core, html[data-theme="light"] .latency-card, html[data-theme="light"] .phv-card, html[data-theme="light"] .strategy-core, html[data-theme="light"] .login-card { background:rgba(255,255,255,.82); }html[data-theme="light"] .bento-card--wide { background:linear-gradient(110deg,rgba(255,255,255,.9),rgba(238,245,252,.9)); }html[data-theme="light"] .rich-content { color:#536078; }html[data-theme="light"] .about-image { background:linear-gradient(145deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-2-rgb),.09)),#eaf1fb; }html[data-theme="light"] .page-login { background:linear-gradient(120deg,#eef5fc,#f9fbff 58%,#e8effc); }html[data-theme="light"] .login-copy, html[data-theme="light"] .login-copy h1 { color:var(--text); }html[data-theme="light"] .login-copy > p:not(.eyebrow), html[data-theme="light"] .login-points { color:var(--muted); }html[data-theme="light"] .login-backdrop::after { background:radial-gradient(circle at 70% 40%,rgba(var(--accent-rgb),.14),transparent 34%),linear-gradient(90deg,var(--bg),transparent 58%); }html[data-theme="light"] .login-card { border-color:var(--line); box-shadow:var(--shadow); }html[data-theme="light"] .login-card__head h2 { color:var(--text); }html[data-theme="light"] .login-card > label input { color:var(--text);border-color:var(--line);background:rgba(0,0,0,.025); }html[data-theme="light"] .modal__panel, html[data-theme="light"] .command-panel { color:var(--text);background:rgba(250,252,255,.98); }html[data-theme="light"] .toast { background:rgba(255,255,255,.95); }
@media (max-width:1200px) { .container{width:min(var(--container),calc(100% - 40px));}.main-nav a{padding-inline:10px;}.hero__grid{grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:28px;}.scene-shell{max-width:600px;margin-left:auto;}.footer-main{grid-template-columns:1.5fr repeat(3,.7fr);}.footer-contact{grid-column:2/5;display:grid;grid-template-columns:repeat(3,1fr);}.footer-contact h3{grid-column:1/-1;}.product-card{padding:23px;}.product-card__actions .btn--ghost{display:none!important;}.solution-panel{padding:38px;}.solution-stage{grid-template-columns:290px 1fr;}.help-categories{grid-template-columns:repeat(2,1fr);}.solution-modal{grid-template-columns:1fr;}.solution-modal__visual{display:none;}.solution-modal__copy{padding:42px;} }
@media (max-width:1024px) { .system-strip{display:none;}.site-header{height:72px;}.main-nav{position:fixed;left:20px;right:20px;top:82px;display:flex;height:auto;max-height:calc(100vh - 105px);flex-direction:column;align-items:stretch;gap:2px;padding:13px;border:1px solid var(--line-strong);border-radius:20px;background:rgba(7,14,28,.97);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px);overflow:auto;backdrop-filter:blur(24px);transition:all .3s var(--ease);}.main-nav.is-open{opacity:1;visibility:visible;transform:none;}.main-nav a{height:48px;padding:0 15px;border-radius:10px;}.main-nav a::after{display:none;}.main-nav a.is-active{background:rgba(var(--accent-rgb),.08);color:var(--accent);}.menu-toggle{display:block;order:5;}.nav-login{display:none;}.nav-actions .icon-btn.settings-trigger{display:none;}.nav-shell{gap:16px;}.brand{margin-right:auto;}.hero{min-height:auto;padding-top:70px;}.hero__grid{grid-template-columns:1fr;}.hero__content{text-align:center;}.hero__badge,.hero__lead{margin-inline:auto;}.hero__actions,.hero__trust{justify-content:center;}.hero__visual{max-width:680px;margin:10px auto 0;width:100%;}.hero-metrics{margin-top:42px;}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px;}.bento-card--large{grid-column:span 1;grid-row:span 2;grid-template-columns:1fr;}.bento-card--large .deploy-visual{justify-self:center;width:210px;height:210px;}.bento-card--blue,.bento-card--light{grid-column:span 1;}.bento-card--wide{grid-column:span 2;grid-row:span 2;grid-template-columns:1fr;align-items:start;}.solution-stage{grid-template-columns:1fr;}.solution-tabs{display:grid;grid-template-columns:repeat(3,1fr);}.solution-tabs button{min-height:76px;}.solution-tabs button:hover,.solution-tabs button.is-active{transform:translateY(-3px);}.config-shell{grid-template-columns:1fr;gap:35px;padding:42px;}.infra-grid{grid-template-columns:1fr;gap:35px;}.infra-copy{text-align:center;}.infra-copy>p:not(.eyebrow){margin-inline:auto;}.infra-stats{justify-content:center;}.news-grid{grid-template-columns:1fr;grid-template-rows:auto;}.news-card--lead{grid-row:auto;}.news-center__layout{grid-template-columns:1fr;}.news-sidebar{display:grid;grid-template-columns:1fr 1fr;}.page-hero{min-height:440px;padding-top:70px;}.page-hero__grid{grid-template-columns:1fr;}.page-hero__visual{position:absolute;right:-100px;top:50px;opacity:.45;}.page-hero__grid>div:first-child{position:relative;z-index:2;}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.product-grid--catalog .product-card:nth-child(3n+2){transform:none;}.guarantee-grid{grid-template-columns:repeat(2,1fr);}.solution-cards{grid-template-columns:1fr;}.migration-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px;}.company-metrics__grid{grid-template-columns:repeat(2,1fr);gap:25px;}.company-metrics__grid>div:nth-child(2){border-right:0;}.value-grid{grid-template-columns:repeat(2,1fr);}.article-layout{grid-template-columns:1fr;}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;}.login-layout{grid-template-columns:1fr;gap:40px;}.login-copy{text-align:center;}.login-copy .brand,.login-points{justify-content:center;}.login-copy>p:not(.eyebrow){margin-inline:auto;}.login-copy .brand{display:flex;}.login-card{max-width:540px;width:100%;margin:auto;}.contact-modal{grid-template-columns:1fr;}.contact-modal__visual{display:none;} }
@media (max-width:760px) { .container{width:calc(100% - 30px);}.section{padding:88px 0;}.hero{padding-top:54px;}.hero h1{font-size:clamp(39px,12vw,58px);}.hero__lead{font-size:14px;}.hero__badge{margin-bottom:22px;}.hero__actions{flex-direction:column;align-items:stretch;}.hero__actions .btn{width:100%;}.hero__trust{display:none;}.scene-shell{max-width:470px;}.float-chip{transform:scale(.85);}.float-chip--a{left:-2%;}.float-chip--b{right:-2%;}.float-chip--c{right:1%;}.hero-metrics{grid-template-columns:repeat(2,1fr);}.metric:nth-child(2){border-right:0;}.metric:nth-child(-n+2){border-bottom:1px solid var(--line);}.section-head{display:block;margin-bottom:38px;}.section-head .text-link{margin-top:18px;}.section-head h2{font-size:34px;}.product-grid{grid-template-columns:1fr;}.product-card{min-height:0;padding:23px;}.product-card__desc{min-height:auto;}.product-card__actions .btn--ghost{display:inline-flex!important;}.product-card__foot{align-items:center;}.bento-grid{grid-template-columns:1fr;grid-auto-rows:280px;}.bento-card--large,.bento-card--blue,.bento-card--light,.bento-card--wide{grid-column:span 1;grid-row:span 1;}.bento-card--large{grid-template-columns:1fr;}.bento-card--large .deploy-visual{position:absolute;right:-20px;bottom:-30px;opacity:.62;}.bento-card--wide{grid-template-rows:auto 1fr;}.monitor-line{height:110px;}.solution-tabs{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;}.solution-tabs button{min-width:170px;scroll-snap-align:start;}.solution-panel{min-height:570px;grid-template-columns:1fr;padding:30px;}.solution-panel__metrics{flex-direction:row;margin-top:25px;}.solution-panel__metrics div{flex:1;padding:14px;}.solution-architecture{right:-10px;opacity:.22;}.config-shell{padding:28px;border-radius:29px;}.config-card{padding:20px;}.infra-stats{gap:20px;}.world-visual{min-height:400px;}.world-globe{width:310px;height:310px;}.latency-card{right:12px;bottom:12px;}.news-card{grid-template-columns:1fr;}.news-card__visual{min-height:180px;}.news-card--lead .news-card__visual{min-height:220px;}.cta-shell{padding:60px 24px;border-radius:29px;}.cta-actions{flex-direction:column;}.footer-main{grid-template-columns:1fr 1fr;}.footer-brand{grid-column:1/-1;}.footer-contact{grid-column:1/-1;grid-template-columns:1fr;}.footer-column:last-of-type{border-top:1px solid var(--line);padding-top:20px;}.footer-bottom{flex-direction:column;align-items:flex-start;}.page-hero{min-height:390px;padding:55px 0;}.page-hero h1{font-size:44px;}.page-hero__visual{right:-160px;opacity:.24;}.catalog-toolbar{align-items:stretch;flex-direction:column;}.catalog-toolbar .filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;}.catalog-toolbar .filter-tabs button{white-space:nowrap;}.search-field{width:100%;}.guarantee-grid{grid-template-columns:1fr;}.solution-card{padding:27px;}.solution-card h2{font-size:29px;}.migration-grid{gap:30px;}.news-center__layout{gap:34px;}.news-row{grid-template-columns:64px 1fr;gap:16px;}.news-row__index{display:none;}.news-row__body h3{font-size:18px;}.news-sidebar{grid-template-columns:1fr;}.help-categories{grid-template-columns:1fr;gap:12px;}.help-results__head{align-items:flex-start;flex-direction:column;}.help-results__head .filter-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;width:100%;}.help-row{grid-template-columns:45px 1fr;gap:15px;}.help-row .round-arrow{display:none;}.article-container{padding-top:50px;}.article-body{padding:25px 20px;}.article-aside{grid-template-columns:1fr;}.article-nav{grid-template-columns:1fr;}.article-nav--next{text-align:left;}.about-image{min-height:390px;}.value-grid{grid-template-columns:1fr;}.contact-grid{gap:35px;}.company-metrics__grid strong{font-size:31px;}.product-modal{padding:27px 20px;}.product-modal__top{grid-template-columns:1fr;padding-right:20px;}.product-modal__content{grid-template-columns:1fr;}.modal-specs{grid-template-columns:1fr;}.modal-specs div{border-right:0;}.modal-specs div:nth-last-child(-n+2){border-bottom:1px solid var(--line);}.modal-specs div:last-child{border-bottom:0;}.solution-modal__copy{padding:35px 25px;}.contact-modal__copy{padding:34px 24px;}.settings-panel{padding:31px 22px;}.setting-options{grid-template-columns:1fr;}.settings-panel__head{padding-right:20px;}.command-item{grid-template-columns:40px 1fr 16px;}.command-item em{display:none;}.command-hint span:last-child{display:none;}.toast-wrap{right:14px;bottom:70px;left:14px;}.toast{width:100%;max-width:none;} }
@media (max-width:480px) { .brand__type small{display:none;}.icon-btn{width:36px;height:36px;}.nav-shell .search-trigger{display:none;}.hero__badge{font-size:9px;}.scene-shell{aspect-ratio:1/1.08;}.float-chip--a{top:4%;}.float-chip--c{bottom:2%;}.metric{padding:18px;}.metric strong{font-size:20px;}.solution-tabs button{min-width:150px;}.solution-panel{padding:24px;}.solution-panel h3{font-size:30px;}.solution-panel__metrics{flex-direction:column;}.config-shell{padding:22px;}.config-summary b{max-width:55%;}.world-globe{width:260px;height:260px;}.infra-stats{display:grid;grid-template-columns:1fr 1fr;}.cta-orbit{width:420px;height:420px;}.footer-main{grid-template-columns:1fr 1fr;gap:26px;}.footer-column:nth-child(4){grid-column:1/-1;}.page-hero h1{font-size:38px;}.page-hero__grid>div:first-child>p:last-of-type{font-size:13px;}.guarantee-grid article{padding:24px;}.filter-tabs--news{overflow-x:auto;flex-wrap:nowrap;}.filter-tabs--news button{white-space:nowrap;}.news-row{grid-template-columns:1fr;}.news-row__date{flex-direction:row;align-items:end;gap:8px;}.news-row__date strong{font-size:20px;}.news-row__date span{margin:0 0 2px;}.help-categories article{padding:22px;}.login-card{padding:25px 20px;}.page-404 .container>div:last-child{flex-direction:column;width:100%;}.product-card__foot{align-items:flex-start;flex-direction:column;}.product-card__actions{width:100%;}.product-card__actions .btn{flex:1;}.modal{padding:10px;}.modal__panel{max-height:calc(100vh - 20px);border-radius:21px;}.solution-modal__copy h2{font-size:29px;}.contact-modal__copy h2{font-size:27px;} }

/* Reference alignment: enterprise cloud UI inspired by idcsmart.com and cloud.tinxin.cn */
html[data-accent="blue"] { --accent:#1769ff; --accent-2:#159cff; --accent-rgb:23,105,255; --accent-2-rgb:21,156,255; }
html[data-theme="light"] {
  --bg:#ffffff;
  --bg-soft:#f5f8fc;
  --surface:rgba(255,255,255,.96);
  --surface-solid:#ffffff;
  --surface-2:#f7f9fd;
  --surface-light:#f7f9fd;
  --text:#1f2937;
  --muted:#697386;
  --muted-2:#9aa5b5;
  --line:#e7ebf2;
  --line-strong:#d7e1ef;
  --shadow-sm:0 6px 22px rgba(29,52,88,.055);
  --shadow:0 18px 55px rgba(29,52,88,.11);
  --shadow-glow:0 18px 50px rgba(23,105,255,.13);
  --radius-xs:3px;
  --radius-sm:5px;
  --radius:10px;
  --radius-lg:12px;
  --radius-xl:14px;
}
html[data-theme="light"] body { color:#3c4962; background:#fff; }
html[data-theme="light"] .ambient { display:none; }
html[data-theme="light"] .system-strip { height:32px; color:#8793a5; background:#fff; border-color:#edf0f5; }
html[data-theme="light"] .system-strip__inner b { color:#1769ff; }
html[data-theme="light"] .site-header { height:72px; background:rgba(255,255,255,.98); box-shadow:0 1px 0 #f0f2f6,0 6px 22px rgba(20,42,77,.035); }
html[data-theme="light"] .site-header.is-scrolled { height:64px; background:rgba(255,255,255,.96); box-shadow:0 1px 8px rgba(20,42,77,.07); }
html[data-theme="light"] .brand__mark i { border-color:#cfe0ff; background:#f1f6ff; border-radius:2px; }
html[data-theme="light"] .brand__mark b { border-radius:2px; background:linear-gradient(135deg,#1769ff,#2a9bff); box-shadow:0 4px 14px rgba(23,105,255,.25); }
html[data-theme="light"] .brand__type strong { color:#151b2b; }
html[data-theme="light"] .brand__type small { color:#a0aaba; }
html[data-theme="light"] .main-nav a { color:#3c4962; font-size:13px; }
html[data-theme="light"] .main-nav a.is-active { color:#1769ff; }
html[data-theme="light"] .main-nav a::after { bottom:13px; background:#ff6f68; height:2px; }
html[data-theme="light"] .icon-btn { border-color:#e6ebf2; border-radius:4px; background:#fff; }
html[data-theme="light"] .icon-btn:hover { border-color:#cad8eb; background:#f6f9fe; }
html[data-theme="light"] .btn { border-radius:4px; font-size:13px; }
html[data-theme="light"] .btn--primary { color:#fff; background:#1769ff; box-shadow:0 8px 22px rgba(23,105,255,.18); }
html[data-theme="light"] .btn--primary:hover { background:#0f5fe9; box-shadow:0 12px 28px rgba(23,105,255,.27); }
html[data-theme="light"] .btn--glass { color:#1769ff; border-color:#cfe0ff; background:#f0f6ff; }
html[data-theme="light"] .btn--ghost { border-color:#dce5f2; background:#fff; }
html[data-theme="light"] .nav-login { color:#fff; background:#ff6f68; box-shadow:0 8px 22px rgba(255,111,104,.18); }
html[data-theme="light"] .nav-login:hover { background:#f45d57; }
html[data-theme="light"] .pulse-ring { box-shadow:0 0 10px rgba(23,105,255,.5); }
html[data-theme="light"] .hero { min-height:720px; padding-top:76px; background:#fff; }
html[data-theme="light"] .hero::before { background:radial-gradient(circle at 79% 43%,rgba(23,105,255,.075),transparent 31%),radial-gradient(circle at 96% 76%,rgba(21,156,255,.05),transparent 20%); }
html[data-theme="light"] .hero__grid { min-height:510px; grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr); gap:52px; }
html[data-theme="light"] .hero__badge { border-color:#e0e8f4; border-radius:3px; color:#697386; background:#f8fbff; }
html[data-theme="light"] .hero__badge b { color:#1769ff; background:#eaf2ff; }
html[data-theme="light"] .hero h1 { color:#1f2937; font-size:clamp(42px,4.7vw,62px); font-weight:700; letter-spacing:-.045em; }
html[data-theme="light"] .hero h1 .text-gradient { color:#1769ff; background:none; -webkit-text-fill-color:#1769ff; }
html[data-theme="light"] .hero__lead { color:#697386; font-size:16px; }
html[data-theme="light"] .hero__trust { color:#9aa5b5; }
html[data-theme="light"] .hero__trust b { color:#536078; }
html[data-theme="light"] .scene-shell { max-width:620px; border-color:#e2e9f3; border-radius:14px; background:radial-gradient(circle at 50% 45%,rgba(23,105,255,.13),rgba(245,249,255,.92) 38%,#fff 72%); box-shadow:inset 0 0 90px rgba(23,105,255,.045),0 18px 55px rgba(29,52,88,.08); }
html[data-theme="light"] .scene-shell::before,html[data-theme="light"] .scene-shell::after { border-color:rgba(23,105,255,.14); }
html[data-theme="light"] .scene-grid { background-image:linear-gradient(rgba(23,105,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,255,.06) 1px,transparent 1px); }
html[data-theme="light"] .scene-core { border-radius:10px; background:rgba(17,26,45,.94); box-shadow:0 18px 50px rgba(23,105,255,.2),inset 0 0 28px rgba(23,105,255,.12); }
html[data-theme="light"] .float-chip { color:#3c4962; border-color:#e0e8f3; border-radius:5px; background:rgba(255,255,255,.94); box-shadow:0 8px 24px rgba(29,52,88,.09); }
html[data-theme="light"] .float-chip span { color:#8d99aa; }
html[data-theme="light"] .float-chip b { color:#2f3d54; }
html[data-theme="light"] .hero-metrics { margin-top:0; border-color:#e7ebf2; border-radius:6px; background:#fff; box-shadow:0 12px 38px rgba(29,52,88,.07); }
html[data-theme="light"] .metric { padding:22px 27px; }
html[data-theme="light"] .metric strong { color:#1769ff; font-size:24px; }
html[data-theme="light"] .section { padding:112px 0; }
html[data-theme="light"] .section-head h2 { color:#1f2937; font-size:clamp(30px,3.5vw,44px); }
html[data-theme="light"] .section-head p:not(.eyebrow) { color:#697386; }
html[data-theme="light"] .eyebrow { color:#1769ff; font-weight:700; }
html[data-theme="light"] .section--products { background:#f5f7fc; }
html[data-theme="light"] .product-tabs button,html[data-theme="light"] .filter-tabs button { color:#697386; border-color:#dde5f0; border-radius:3px; background:#fff; }
html[data-theme="light"] .product-tabs button.is-active,html[data-theme="light"] .filter-tabs button.is-active,html[data-theme="light"] .product-tabs button:hover,html[data-theme="light"] .filter-tabs button:hover { color:#1769ff; border-color:#9fc2ff; background:#eef5ff; box-shadow:none; }
html[data-theme="light"] .product-card { border-color:#e5eaf2; border-radius:8px; background:#fff; box-shadow:0 7px 28px rgba(29,52,88,.06); }
html[data-theme="light"] .product-card--featured { background:linear-gradient(145deg,#fff,#f8fbff); }
html[data-theme="light"] .product-card:hover { border-color:#b9d2fa; box-shadow:0 18px 48px rgba(29,52,88,.12); }
html[data-theme="light"] .product-card__glow { opacity:.35; }
html[data-theme="light"] .product-card__icon { border-radius:5px; }
html[data-theme="light"] .stock-pill { color:#7e8b9f; background:#f8fafc; }
html[data-theme="light"] .product-card__specs { border-color:#e8edf4; border-radius:5px; background:#f8fafd; }
html[data-theme="light"] .product-card__specs span { border-color:#e8edf4; }
html[data-theme="light"] .product-card__specs small { color:#909caf; }
html[data-theme="light"] .price strong { color:#ff6f68; }
html[data-theme="light"] .price small { color:#8e9aad; }
html[data-theme="light"] .bento-card { border-color:#e5eaf2; border-radius:8px; background:#f8faff; }
html[data-theme="light"] .bento-card--large { background:linear-gradient(140deg,#eef5ff,#fff 70%); }
html[data-theme="light"] .bento-card--light { background:linear-gradient(145deg,#f8fbff,#edf4ff); }
html[data-theme="light"] .bento-card--wide { color:#fff; border-color:#172640; background:linear-gradient(115deg,#142238,#1a3255); }
html[data-theme="light"] .bento-card--wide h3 { color:#fff; }
html[data-theme="light"] .bento-card--wide p { color:#aebbd0; }
html[data-theme="light"] .mini-label { color:#1769ff; }

html[data-theme="light"] .section--solutions { color:#fff; background:#111a2d; }
html[data-theme="light"] .section--solutions .section-head h2 { color:#fff; }
html[data-theme="light"] .section--solutions .section-head p:not(.eyebrow) { color:#9daac0; }
html[data-theme="light"] .section--solutions .eyebrow { color:#5ea2ff; }
html[data-theme="light"] .section--solutions .text-link { color:#dbe9ff; }
html[data-theme="light"] .solution-tabs button { color:#9daac0; border-color:rgba(255,255,255,.1); border-radius:4px; background:rgba(255,255,255,.025); }
html[data-theme="light"] .solution-tabs button b { color:#d7e1ef; }
html[data-theme="light"] .solution-tabs button:hover,html[data-theme="light"] .solution-tabs button.is-active { color:#fff; border-color:rgba(73,143,255,.55); background:rgba(23,105,255,.18); }
html[data-theme="light"] .solution-tabs button.is-active > span { color:#fff; background:#1769ff; }
html[data-theme="light"] .solution-panel { color:#fff; border-color:rgba(80,145,255,.28); background:linear-gradient(145deg,rgba(30,72,144,.55),rgba(12,22,40,.9) 55%,rgba(20,43,83,.72)); }
html[data-theme="light"] .solution-panel h3 { color:#fff; }
html[data-theme="light"] .solution-panel p:not(.eyebrow) { color:#9eabc0; }
html[data-theme="light"] .solution-panel li { color:#b3bfd1; }
html[data-theme="light"] .solution-panel__metrics div { border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.055); }
html[data-theme="light"] .section--config { background:#fff; }
html[data-theme="light"] .config-shell { border-color:#dfe8f4; border-radius:8px; background:radial-gradient(circle at 0 0,rgba(23,105,255,.08),transparent 32%),linear-gradient(130deg,#f7faff,#eef5ff); }
html[data-theme="light"] .config-card { border-color:#dbe6f5; border-radius:7px; background:#fff; box-shadow:0 14px 40px rgba(29,52,88,.08); }
html[data-theme="light"] .config-card select { border-color:#dfe6f0; border-radius:3px; color:#3c4962; background-color:#f8fafd; }
html[data-theme="light"] .config-summary { border-color:#e5ebf3; border-radius:4px; background:#f8fafd; }
html[data-theme="light"] .config-total strong { color:#ff6f68; }
html[data-theme="light"] .world-visual { border-color:#e3eaf4; border-radius:8px; background:radial-gradient(circle at 50% 50%,rgba(23,105,255,.08),transparent 52%),#f7faff; }
html[data-theme="light"] .world-dots { opacity:.5; background-image:radial-gradient(circle,rgba(23,105,255,.22) .8px,transparent .9px); }
html[data-theme="light"] .latency-card { color:#fff; border-color:rgba(23,105,255,.22); background:rgba(17,26,45,.92); }
html[data-theme="light"] .latency-card span { color:#9eabc0; }
html[data-theme="light"] .section--news { background:#f5f7fc; }
html[data-theme="light"] .news-card { border-color:#e5eaf2; border-radius:8px; background:#fff; }
html[data-theme="light"] .news-card h3 { color:#1f2937; }
html[data-theme="light"] .section--cta { padding-top:60px; }
html[data-theme="light"] .cta-shell { min-height:330px; border-radius:8px; background:#ff6f68; box-shadow:0 24px 70px rgba(255,111,104,.22); }
html[data-theme="light"] .cta-shell::before { opacity:.25; background-image:radial-gradient(circle,rgba(255,255,255,.28) 1px,transparent 1px); background-size:22px 22px; }
html[data-theme="light"] .cta-shell h2 span { color:#fff2ef; }
html[data-theme="light"] .cta-orbit { border-color:rgba(255,255,255,.16); }
html[data-theme="light"] .cta-shell .btn--light { color:#ff6f68; }
html[data-theme="light"] .site-footer { color:#c2ccdb; border-color:#253148; background:#172033; }
html[data-theme="light"] .site-footer .brand__type strong { color:#fff; }
html[data-theme="light"] .site-footer .brand__type small { color:#7f8ca2; }
html[data-theme="light"] .site-footer .brand__mark i { border-color:rgba(89,150,255,.38); background:rgba(23,105,255,.1); }
html[data-theme="light"] .site-footer .brand__mark b { background:linear-gradient(135deg,#1769ff,#37a1ff); }
html[data-theme="light"] .footer-brand > p,html[data-theme="light"] .footer-column a,html[data-theme="light"] .footer-column p { color:#8f9caf; }
html[data-theme="light"] .footer-column h3 { color:#fff; }
html[data-theme="light"] .footer-column a:hover { color:#72a8ff; }
html[data-theme="light"] .footer-status { color:#8f9caf; border-color:#334159; }
html[data-theme="light"] .footer-bottom { color:#718096; border-color:#2a374e; }
html[data-theme="light"] .back-top { border-radius:4px; background:#fff; }
html[data-theme="light"] .page-hero { min-height:440px; padding:78px 0 68px; background:radial-gradient(circle at 80% 40%,rgba(23,105,255,.08),transparent 30%),#f7faff; }
html[data-theme="light"] .page-hero h1 { color:#1f2937; font-size:clamp(42px,4.6vw,58px); }
html[data-theme="light"] .page-hero h1 .text-gradient { color:#1769ff; -webkit-text-fill-color:#1769ff; background:none; }
html[data-theme="light"] .product-grid--catalog .product-card:nth-child(3n+2) { transform:none; }
html[data-theme="light"] .guarantee-grid article,html[data-theme="light"] .solution-card,html[data-theme="light"] .step-list article,html[data-theme="light"] .sidebar-card,html[data-theme="light"] .help-categories article,html[data-theme="light"] .help-row__icon { border-color:#e5eaf2; border-radius:8px; background:#fff; box-shadow:0 6px 24px rgba(29,52,88,.045); }
html[data-theme="light"] .solution-card.is-selected,html[data-theme="light"] .solution-card:hover { border-color:#b7d1fa; background:linear-gradient(145deg,#fff,#f1f6ff); }
html[data-theme="light"] .news-center { background:#fff; }
html[data-theme="light"] .news-row { border-color:#e8edf4; }
html[data-theme="light"] .help-search-hero .search-field { border-color:#dce5f0; border-radius:5px; }
html[data-theme="light"] .search-field { border-radius:3px; background:#fff; }
html[data-theme="light"] .search-field--hero button { border-radius:3px; background:#1769ff; }
html[data-theme="light"] .page-about .company-metrics { background:#f5f7fc; }
html[data-theme="light"] .value-grid article,html[data-theme="light"] .contact-cards > a,html[data-theme="light"] .contact-cards > div { border-color:#e5eaf2; border-radius:8px; background:#fff; box-shadow:0 6px 24px rgba(29,52,88,.045); }
html[data-theme="light"] .article-body { border-color:#e5eaf2; border-radius:8px; background:#fff; box-shadow:0 8px 30px rgba(29,52,88,.05); }
html[data-theme="light"] .rich-content { color:#536078; }
html[data-theme="light"] .article-nav a { border-color:#e5eaf2; border-radius:6px; background:#fff; }
html[data-theme="light"] .modal__panel { color:#3c4962; border-color:#dce5f0; border-radius:8px; background:#fff; }
html[data-theme="light"] .settings-panel .setting-options button,html[data-theme="light"] .settings-source { border-color:#e3e9f1; border-radius:4px; background:#f8fafd; }
html[data-theme="light"] .settings-panel .setting-options button.is-active { color:#1769ff; border-color:#a8c8ff; background:#eef5ff; }
html[data-theme="light"] .accent-dot--blue { background:#1769ff; }
html[data-theme="light"] .toast { color:#3c4962; border-color:#dce5f0; background:rgba(255,255,255,.97); }
html[data-theme="light"] .reduce-motion .ambient { display:none; }

/* Mercury Cloud brand treatment */
html[data-theme] .brand__mark {
  position: relative;
  display: grid;
  place-items: center;
  transform: none;
}
html[data-theme] .brand__mark i {
  position: absolute;
  width: 34px;
  height: 14px;
  border: 1px solid rgba(23,105,255,.45);
  border-radius: 50%;
  background: transparent;
  transform: rotate(30deg);
}
html[data-theme] .brand__mark i:nth-child(2) { transform: rotate(-30deg); }
html[data-theme] .brand__mark i:nth-child(3),
html[data-theme] .brand__mark i:nth-child(4) { display: none; }
html[data-theme] .brand__mark b {
  position: relative;
  z-index: 2;
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(135deg,#1769ff,#4bd6ff);
  box-shadow: 0 0 18px rgba(23,105,255,.5);
}
html[data-theme="light"] .hero::after {
  position: absolute;
  right: -120px;
  top: 58px;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(23,105,255,.07),rgba(75,214,255,.035) 36%,transparent 68%);
  content: "";
  pointer-events: none;
}
.brand__type strong { letter-spacing: .08em; }
.hero__badge b::after { content: " CLOUD"; }
html[data-theme] .accent-dot--blue { background:#1769ff; }

/* Reference-style homepage hero */
html[data-theme="light"] .hero {
  min-height: 650px;
  padding: 72px 0 44px;
  background: linear-gradient(135deg, #eef3f9 0%, #e8eef8 50%, #f7f9fc 100%);
}
html[data-theme="light"] .hero::before {
  background: radial-gradient(circle at 79% 38%, rgba(23,105,255,.08), transparent 30%), radial-gradient(circle at 55% 92%, rgba(21,156,255,.05), transparent 24%);
}
html[data-theme="light"] .hero::after { display:none; }
html[data-theme="light"] .hero__grid { min-height: 440px; grid-template-columns: minmax(0,.92fr) minmax(480px,1.08fr); gap: 42px; }
html[data-theme="light"] .hero__content { max-width: 620px; }
html[data-theme="light"] .hero__badge { margin-bottom: 20px; color:#536078; border-color:#dbe5f2; background:rgba(255,255,255,.72); }
html[data-theme="light"] .hero h1 { margin-bottom: 20px; font-size: clamp(42px,4.8vw,61px); line-height:1.18; }
.hero-status { display:inline-flex; align-items:center; margin-left:10px; padding:5px 10px; border-radius:999px; color:#fff; background:#1769ff; font-size:14px; font-weight:600; vertical-align:middle; box-shadow:0 8px 20px rgba(23,105,255,.18); }
html[data-theme="light"] .hero__lead { max-width:610px; margin-bottom:26px; color:#657287; font-size:15px; line-height:1.85; }
html[data-theme="light"] .hero__actions { gap:10px; }
html[data-theme="light"] .hero__trust { margin-top:27px; }
.hero-illustration-card { position:relative; width:min(100%,650px); height:430px; margin-left:auto; }
.hero-illustration-card::before { position:absolute; inset:8% 4% 2%; border-radius:50%; background:radial-gradient(circle,rgba(23,105,255,.09),rgba(23,105,255,0) 68%); content:""; }
.hero-illustration-card img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; }
.hero-illustration-label { position:absolute; z-index:3; display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #d9e4f2; border-radius:6px; color:#536078; background:rgba(255,255,255,.92); box-shadow:0 10px 28px rgba(29,52,88,.09); font-size:10px; backdrop-filter:blur(8px); }
.hero-illustration-label i { width:7px; height:7px; border-radius:50%; background:#19c881; box-shadow:0 0 10px rgba(25,200,129,.7); }
.hero-illustration-label--a { left:1%; bottom:17%; }
.hero-illustration-label--b { right:1%; top:14%; }
html[data-theme="light"] .hero-metrics { margin-top:22px; border-radius:8px; background:rgba(255,255,255,.92); box-shadow:0 12px 36px rgba(29,52,88,.08); }
html[data-theme="light"] .metric { padding:18px 24px; }
html[data-theme="light"] .metric strong { color:#1769ff; font-size:22px; }
@media (max-width:1024px) {
  html[data-theme="light"] .hero__grid { grid-template-columns:1fr; }
  html[data-theme="light"] .hero__content { max-width:720px; margin:0 auto; text-align:center; }
  html[data-theme="light"] .hero__lead { margin-inline:auto; }
  html[data-theme="light"] .hero__actions,html[data-theme="light"] .hero__trust { justify-content:center; }
  .hero-illustration-card { max-width:620px; margin:0 auto; }
}
@media (max-width:760px) {
  html[data-theme="light"] .hero { min-height:auto; padding:52px 0 34px; }
  html[data-theme="light"] .hero h1 { font-size:36px; }
  .hero-status { display:block; width:max-content; margin:10px auto 0; font-size:12px; }
  .hero-illustration-card { height:300px; }
  .hero-illustration-label { display:none; }
  html[data-theme="light"] .hero-metrics { margin-top:14px; }
}
html[data-theme] .brand__mark.has-logo { background-position:center; background-repeat:no-repeat; background-size:contain; }
html[data-theme] .brand__mark.has-logo > * { display:none !important; }
.login-backdrop__orb { position:absolute; border:1px solid rgba(23,105,255,.12); border-radius:50%; background:radial-gradient(circle at 40% 35%,rgba(23,105,255,.16),rgba(23,105,255,.02) 66%); }
.login-backdrop__orb--a { right:8%; top:12%; width:420px; height:420px; }
.login-backdrop__orb--b { right:28%; bottom:-18%; width:560px; height:560px; opacity:.55; }
@media (max-width:1024px) { .login-backdrop__orb { opacity:.4; } }@media (max-width:1024px) {
  html[data-theme="light"] .hero__grid { min-height:auto; gap:10px; }
  .hero-illustration-card { width:min(100%,560px); height:340px; }
}
@media (max-width:900px) {
  html[data-theme="light"] .hero-metrics { grid-template-columns:repeat(2,1fr); }
  html[data-theme="light"] .metric:nth-child(2) { border-right:0; }
  html[data-theme="light"] .metric:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media (max-width:760px) {
  .hero-illustration-card { height:270px; }
}
/* Product advantages inspired by idcsmart.com */
.product-advantages-section { background: #fff; }
.product-advantages-section .section-head { margin-bottom: 42px; }
.advantages-layout { display: grid; grid-template-columns: minmax(390px,.82fr) minmax(520px,1.18fr); gap: 34px; align-items: stretch; }
.advantages-list { border-top: 1px solid #e7ebf2; }
.advantage-item { border-bottom: 1px solid #e7ebf2; transition: background .25s ease, padding .25s ease; }
.advantage-item > button { display: grid; width: 100%; min-height: 74px; grid-template-columns: 42px 1fr 18px; align-items: center; gap: 15px; padding: 13px 16px; color: #536078; text-align: left; background: transparent; }
.advantage-item__icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #e1e8f2; border-radius: 8px; color: #1769ff; background: #f6f9fe; }
.advantage-item__icon .icon { width: 20px; height: 20px; }
.advantage-summary { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.advantage-summary strong { color: #1f2937; font-size: 15px; }
.advantage-summary span { overflow: hidden; color: #8995a9; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.advantage-item__arrow { display: grid; width: 17px; height: 17px; place-items: center; color: #9aa5b5; }
.advantage-item__arrow .icon { width: 15px; height: 15px; transform: rotate(45deg); }
.advantage-detail { max-height: 0; overflow: hidden; padding: 0 72px; opacity: 0; transition: max-height .35s var(--ease), padding .35s var(--ease), opacity .25s ease; }
.advantage-detail p { margin: 0 0 12px; color: #697386; font-size: 12px; line-height: 1.75; }
.advantage-detail span { display: inline-flex; margin-bottom: 19px; padding: 4px 9px; border-radius: 3px; color: #1769ff; background: #edf4ff; font-size: 9px; }
.advantage-item.is-active { background: #f7f8fa; }
.advantage-item.is-active > button { padding-top: 20px; }
.advantage-item.is-active .advantage-item__icon { color: #fff; border-color: #1769ff; background: #1769ff; box-shadow: 0 8px 20px rgba(23,105,255,.18); }
.advantage-item.is-active .advantage-summary span { color: #536078; }
.advantage-item.is-active .advantage-item__arrow { color: #1769ff; }
.advantage-item.is-active .advantage-item__arrow .icon { transform: rotate(0deg); }
.advantage-item.is-active .advantage-detail { max-height: 180px; opacity: 1; }
.advantages-stage { position: relative; min-height: 620px; overflow: hidden; border: 1px solid #e7ebf2; border-radius: 8px; background: linear-gradient(145deg,#f7f9fd,#eef4fc); }
.advantage-stage__grid { position: absolute; inset: 0; opacity: .7; background-image: linear-gradient(rgba(23,105,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,255,.055) 1px,transparent 1px); background-size: 34px 34px; mask-image: radial-gradient(circle,#000 20%,transparent 76%); }
.advantage-stage__glow { position: absolute; right: -80px; top: -100px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle,rgba(23,105,255,.14),transparent 66%); }
.advantage-stack { position: absolute; right: 7%; top: 8%; width: 52%; height: 65%; }
.advantage-layer { position: absolute; right: 0; bottom: 0; display: flex; width: 260px; height: 350px; flex-direction: column; justify-content: flex-end; padding: 24px; border: 1px solid #dfe7f2; border-radius: 7px; color: #9aa5b5; background: rgba(255,255,255,.92); box-shadow: 0 18px 45px rgba(29,52,88,.09); transition: transform .4s var(--ease), background .3s ease, color .3s ease, opacity .3s ease; }
.advantage-layer--0 { right: 100px; bottom: 70px; z-index: 1; opacity:.54; }.advantage-layer--1 { right: 76px; bottom: 55px; z-index: 2; opacity:.64; }.advantage-layer--2 { right: 52px; bottom: 40px; z-index: 3; opacity:.74; }.advantage-layer--3 { right: 28px; bottom: 25px; z-index: 4; opacity:.84; }.advantage-layer--4 { right: 4px; bottom: 10px; z-index: 5; opacity:.92; }.advantage-layer--5 { right: -20px; bottom: -5px; z-index: 6; }
.advantage-layer.is-active { z-index: 10; color:#fff; border-color:#1769ff; background:linear-gradient(145deg,#1769ff,#2d8cff); box-shadow:0 24px 60px rgba(23,105,255,.25); transform:translate(-42px,-18px); }
.advantage-layer__icon { display:grid; width:46px; height:46px; margin-bottom:auto; place-items:center; border:1px solid #dce5f0; border-radius:8px; color:#1769ff; background:#f4f8ff; }
.advantage-layer.is-active .advantage-layer__icon { color:#fff; border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.12); }
.advantage-layer__icon .icon { width:23px; height:23px; }.advantage-layer small { margin-bottom:6px; color:inherit; opacity:.6; font-family:var(--mono); font-size:9px; }.advantage-layer b { font-size:17px; }
.advantage-stage__content { position:absolute; left:34px; bottom:34px; z-index:12; width:48%; padding:25px; border:1px solid #dfe7f2; border-radius:7px; background:rgba(255,255,255,.95); box-shadow:0 18px 50px rgba(29,52,88,.11); }
.advantage-stage__content .eyebrow { margin-bottom:8px; font-size:9px; }.advantage-stage__content h3 { margin-bottom:10px; color:#1f2937; font-size:20px; line-height:1.5; }.advantage-stage__content > p:not(.eyebrow) { margin-bottom:20px; color:#697386; font-size:11px; line-height:1.75; }.advantage-stage__metric { display:flex; flex-direction:column; padding-top:15px; border-top:1px solid #e8edf4; }.advantage-stage__metric strong { color:#1769ff; font-family:var(--mono); font-size:17px; }.advantage-stage__metric span { color:#9aa5b5; font-size:9px; }
@media (max-width:1024px) { .advantages-layout { grid-template-columns:1fr; }.advantages-stage { min-height:560px; } }
@media (max-width:760px) { .advantages-stage { min-height:620px; }.advantage-stack { left:8%; right:auto; width:84%; }.advantage-layer { width:220px; height:300px; }.advantage-layer--0 { right:88px; }.advantage-layer--1 { right:70px; }.advantage-layer--2 { right:52px; }.advantage-layer--3 { right:34px; }.advantage-layer--4 { right:16px; }.advantage-layer--5 { right:-2px; }.advantage-layer.is-active { transform:translate(-28px,-14px); }.advantage-stage__content { right:18px; left:18px; bottom:20px; width:auto; } }
/* Smooth product-advantage transition, adapted from the saved reference site. */
.advantages-layout { grid-template-columns: minmax(420px,.82fr) minmax(520px,1.18fr); gap:0; }
.advantages-list { height:650px; padding:28px 0; border-top:0; gap:8px; }
.advantage-item { position:relative; overflow:hidden; border-bottom:0; border-radius:10px; background:transparent; transition:background .38s ease, border-radius .38s var(--ease); }
.advantage-item.is-active { width:calc(100% + 1px); overflow:visible; background:#f7f8fa; }
.advantage-item.is-active::before,.advantage-item.is-active::after { position:absolute; z-index:0; right:0; width:24px; height:24px; pointer-events:none; content:""; }
.advantage-item.is-active::before { top:-24px; background:radial-gradient(circle at 0 0,#fff 0 23px,#f7f8fa 24px); }
.advantage-item.is-active::after { bottom:-24px; background:radial-gradient(circle at 0 100%,#fff 0 23px,#f7f8fa 24px); }
.advantage-trigger { position:relative; z-index:1; min-height:88px; grid-template-columns:56px minmax(0,1fr) 18px; gap:20px; padding:16px 22px; }
.advantage-item.is-active .advantage-trigger { padding:26px 22px 6px; align-items:start; }
.advantage-icon { position:relative; display:block; width:56px; height:56px; }
.advantage-icon img { position:absolute; inset:0; width:56px; height:56px; transition:opacity .3s ease,transform .55s cubic-bezier(.22,1,.36,1); }
.advantage-icon-active { opacity:0; transform:scale(.82) rotate(-7deg); }
.advantage-item.is-active .advantage-icon-default { opacity:0; transform:scale(.88) rotate(5deg); }
.advantage-item.is-active .advantage-icon-active { opacity:1; transform:scale(1) rotate(0); }
.advantage-item:not(.is-active):hover .advantage-icon { transform:translate3d(2px,-2px,0) rotate(-2deg) scale(1.035); }
.advantage-item:not(.is-active):hover .advantage-icon-default { opacity:0; transform:scale(.88) rotate(5deg); }
.advantage-item:not(.is-active):hover .advantage-icon-active { opacity:1; transform:scale(1) rotate(0); }
.advantage-summary strong { margin-bottom:8px; font-size:20px; transition:color .3s ease,transform .48s cubic-bezier(.22,1,.36,1); }
.advantage-summary > span { max-height:24px; overflow:hidden; transition:max-height .35s ease,opacity .3s ease,transform .45s var(--ease),color .3s; }
.advantage-item.is-active .advantage-summary strong { color:#333e54; transform:translateX(2px); }
.advantage-item.is-active .advantage-summary > span { max-height:0; opacity:0; transform:translateY(-5px); }
.advantage-detail { height:0; margin-top:0; padding:0; opacity:0; transition:height .5s cubic-bezier(.22,1,.36,1),margin-top .5s cubic-bezier(.22,1,.36,1),opacity .3s ease; }
.advantage-item.is-active .advantage-detail { height:120px; margin-top:-28px; opacity:1; }
.advantage-detail > div { height:120px; overflow:hidden; }
.advantage-detail p { margin:0; padding:0 34px 0 100px; color:#8f97a5; font-size:14px; line-height:1.7; transform:translateY(12px); transition:transform .55s cubic-bezier(.22,1,.36,1); }
.advantage-item.is-active .advantage-detail p { transform:translateY(0); }
.advantage-detail span { display:none; }
.advantages-stage { min-height:650px; height:650px; border:0; border-radius:7px; background:#f7f8fa; }
.advantage-stage__grid { opacity:.42; background-size:28px 28px; }
.advantage-stack { position:absolute; right:7%; top:7%; width:52%; height:72%; }
.advantage-layer { display:flex; width:250px; height:340px; justify-content:flex-end; padding:22px; border:1px solid #dfe7f2; border-radius:6px; color:#9aa5b5; background:#fff; box-shadow:0 12px 36px rgba(29,52,88,.08); opacity:.74; transform:translate3d(0,0,0); transition:transform .72s cubic-bezier(.22,1,.36,1),background .42s ease,color .42s ease,border-color .42s ease,box-shadow .42s ease,opacity .42s ease; will-change:transform; }
.advantage-layer--0 { right:105px; bottom:72px; z-index:1; }.advantage-layer--1 { right:80px; bottom:56px; z-index:2; }.advantage-layer--2 { right:55px; bottom:40px; z-index:3; }.advantage-layer--3 { right:30px; bottom:24px; z-index:4; }.advantage-layer--4 { right:5px; bottom:8px; z-index:5; }.advantage-layer--5 { right:-20px; bottom:-8px; z-index:6; }
.advantage-layer.is-active { z-index:10; color:#fff; border-color:#1769ff; background:linear-gradient(145deg,#1769ff,#2f8dff); box-shadow:0 24px 60px rgba(23,105,255,.25); opacity:1; transform:translate3d(-46px,-72px,0); }
.advantage-layer__art { position:relative; display:grid; height:170px; margin-bottom:auto; place-items:center; overflow:hidden; border:1px solid #e4ebf4; border-radius:6px; background:#f5f9ff; }
.advantage-layer.is-active .advantage-layer__art { border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.1); }
.advantage-layer__art img { position:absolute; width:78px; height:78px; transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1); }
.advantage-layer__active { opacity:0; transform:scale(.8) rotate(-6deg); }
.advantage-layer.is-active .advantage-layer__default { opacity:0; transform:scale(.86) rotate(5deg); }
.advantage-layer.is-active .advantage-layer__active { opacity:1; transform:scale(1) rotate(0); }
.advantage-layer__art i { position:absolute; inset:0; opacity:.5; background-image:linear-gradient(rgba(23,105,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,255,.09) 1px,transparent 1px); background-size:18px 18px; mask-image:radial-gradient(circle,#000,transparent 72%); }
.advantage-layer.is-active .advantage-layer__art i { background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px); }
.advantage-layer__num { margin-bottom:6px; color:inherit; opacity:.6; font-family:var(--mono); font-size:9px; }
.advantage-layer b { font-size:17px; }.advantage-layer small { margin-top:3px; color:inherit; opacity:.68; font-size:9px; }
.advantage-stage__content { position:absolute; inset:0; z-index:12; width:auto; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; pointer-events:none; }
.advantage-stage__copy { position:absolute; left:34px; bottom:34px; width:48%; padding:25px; border:1px solid #dfe7f2; border-radius:7px; background:rgba(255,255,255,.96); box-shadow:0 18px 45px rgba(29,52,88,.1); opacity:0; transform:translateY(16px); transition:opacity .38s ease,transform .62s cubic-bezier(.22,1,.36,1); }
.advantage-stage__copy.is-active { opacity:1; transform:translateY(0); }
.advantage-stage__copy:not(.is-active) { visibility:hidden; transition:opacity .24s ease,transform .42s ease,visibility 0s linear .3s; }
.advantage-stage__copy.is-active { visibility:visible; transition-delay:70ms; }
.advantage-stage__copy h3 { margin-bottom:10px; color:#1f2937; font-size:19px; line-height:1.5; }
.advantage-stage__copy > p:not(.eyebrow) { margin-bottom:18px; color:#697386; font-size:11px; line-height:1.75; }
@media (max-width:1024px) { .advantages-list { height:auto; }.advantages-stage { height:600px; min-height:600px; }.advantage-stack { right:8%; }.advantage-layer { width:230px; height:320px; } }
@media (max-width:760px) { .advantages-stage { height:640px; min-height:640px; }.advantage-stack { left:7%; right:auto; width:86%; }.advantage-layer { width:205px; height:286px; }.advantage-layer.is-active { transform:translate3d(-26px,-58px,0); }.advantage-stage__copy { right:18px; left:18px; bottom:18px; width:auto; }.advantage-detail p { padding:0 24px 0 86px; } }@media (max-width:1024px) {
  .advantages-layout { grid-template-columns: 1fr; }
  .advantages-list { height:auto; padding-right:0; }
}
/* Hero illustration mouse interaction */
.hero-illustration-card { --pointer-x:72%; --pointer-y:42%; --parallax-x:0px; --parallax-y:0px; isolation:isolate; }
.hero-illustration-card::after { position:absolute; z-index:2; left:var(--pointer-x); top:var(--pointer-y); width:180px; height:180px; border-radius:50%; background:radial-gradient(circle,rgba(23,105,255,.18),rgba(23,105,255,0) 70%); content:""; pointer-events:none; opacity:0; transform:translate(-50%,-50%); transition:opacity .3s ease; }
.hero-illustration-card img { position:relative; z-index:1; transform:translate3d(var(--parallax-x),var(--parallax-y),0); transition:transform .45s cubic-bezier(.22,1,.36,1); will-change:transform; }
.hero-illustration-card.is-interacting::after { opacity:1; }
.hero-pointer-glow { position:absolute; z-index:3; left:var(--pointer-x); top:var(--pointer-y); width:110px; height:110px; border:1px solid rgba(23,105,255,.18); border-radius:50%; pointer-events:none; opacity:0; transform:translate(-50%,-50%); transition:left .12s ease,top .12s ease,opacity .25s ease; }
.hero-pointer-glow::before,.hero-pointer-glow::after { position:absolute; inset:18px; border:1px dashed rgba(23,105,255,.2); border-radius:50%; content:""; }
.hero-pointer-glow::after { inset:37px; border-style:solid; background:rgba(23,105,255,.06); }
.hero-illustration-card.is-interacting .hero-pointer-glow { opacity:1; }
.hero-scan-line { position:absolute; z-index:3; left:4%; right:4%; top:var(--pointer-y); height:1px; background:linear-gradient(90deg,transparent,rgba(23,105,255,.42),transparent); box-shadow:0 0 12px rgba(23,105,255,.3); pointer-events:none; opacity:0; transition:top .15s ease,opacity .25s ease; }
.hero-illustration-card.is-interacting .hero-scan-line { opacity:1; }
.hero-hotspot { position:absolute; z-index:5; display:grid; grid-template-columns:10px minmax(0,1fr); align-items:center; gap:8px; padding:9px 11px; border:1px solid #dce6f3; border-radius:5px; color:#536078; background:rgba(255,255,255,.94); box-shadow:0 8px 24px rgba(29,52,88,.09); text-align:left; transform:translateY(0); transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease,background .28s ease; }
.hero-hotspot:hover,.hero-hotspot.is-active { border-color:#a9c9ff; background:#fff; box-shadow:0 12px 32px rgba(23,105,255,.15); transform:translateY(-3px); }
.hero-hotspot > i { width:8px; height:8px; border-radius:50%; background:#21cb8a; box-shadow:0 0 10px rgba(33,203,138,.8); }
.hero-hotspot > span { display:flex; flex-direction:column; }
.hero-hotspot b { color:#25324a; font-size:11px; }
.hero-hotspot small { color:#8a96aa; font-size:8px; white-space:nowrap; }
.hero-hotspot--a { left:3%; bottom:27%; }.hero-hotspot--b { right:1%; top:19%; }.hero-hotspot--c { right:5%; bottom:23%; }
.hero-interaction-panel { position:absolute; z-index:6; left:24px; bottom:18px; max-width:250px; padding:14px 16px; border:1px solid rgba(23,105,255,.18); border-radius:6px; background:rgba(255,255,255,.94); box-shadow:0 12px 34px rgba(29,52,88,.1); pointer-events:none; }
.hero-interaction-panel > span { display:block; margin-bottom:2px; color:#1769ff; font-family:var(--mono); font-size:8px; letter-spacing:.12em; text-transform:uppercase; }
.hero-interaction-panel b { display:block; color:#1f2937; font-size:13px; }
.hero-interaction-panel p { margin:3px 0 0; color:#8290a6; font-size:9px; line-height:1.55; }
.hero-interaction-panel.is-updating { animation:hero-panel-update .45s var(--ease) both; }
@keyframes hero-panel-update { 0%{opacity:.35;transform:translateY(5px)} 100%{opacity:1;transform:none} }
@media (max-width:760px) { .hero-hotspot { padding:7px 9px; }.hero-hotspot small { display:none; }.hero-hotspot--a { left:1%; }.hero-hotspot--b { right:0; }.hero-hotspot--c { right:2%; }.hero-interaction-panel { left:12px; bottom:10px; max-width:210px; padding:10px 12px; }.hero-interaction-panel p { display:none; } }
/* Requested refinements */
.advantage-layer { pointer-events:auto; cursor:pointer; font:inherit; text-align:left; }
.advantage-layer:hover:not(.is-active) { transform:translate3d(-12px,-12px,0); background:#f9fbff; border-color:#bdd4f3; box-shadow:0 18px 40px rgba(23,105,255,.13); }
.advantage-layer:focus-visible { outline:2px solid #1769ff; outline-offset:3px; }
.world-visual--image { display:grid; place-items:center; min-height:500px; padding:12px; }
.world-visual--image > img { width:100%; height:100%; max-height:500px; object-fit:contain; }
.news-card__visual > .news-card__category { z-index:3; }
.news-card__visual > .news-card__icon { position:absolute; z-index:3; left:50%; top:50%; display:grid; width:64px; height:64px; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:16px; color:#fff; background:rgba(255,255,255,.14); box-shadow:0 12px 35px rgba(0,0,0,.12); transform:translate(-50%,-50%); backdrop-filter:blur(8px); }
.news-card__visual > .news-card__icon .icon { width:30px; height:30px; }
html[data-theme] .hero-illustration-card img { animation:none !important; }
@media (max-width:1024px) { .world-visual--image { min-height:430px; } }
@media (max-width:760px) { .world-visual--image { min-height:330px; padding:4px; }.news-card__visual > .news-card__icon { width:54px; height:54px; }.news-card__visual > .news-card__icon .icon { width:25px; height:25px; } }
/* Accurate reference map with Hong Kong to Singapore route */
.world-visual--map { position:relative; min-height:0; aspect-ratio:895 / 479; padding:0; overflow:hidden; border:1px solid #e3eaf4; border-radius:8px; background:#f7faff; }
.world-visual--map > img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.world-route { position:absolute; z-index:3; inset:0; pointer-events:none; }
.world-route > svg { width:100%; height:100%; overflow:visible; }
.world-route > svg path { fill:none; stroke:#ff4049; stroke-width:5; stroke-linecap:round; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 6px rgba(255,64,73,.5)); }
.world-route > svg circle { fill:#ff4049; stroke:#fff; stroke-width:3; vector-effect:non-scaling-stroke; }
.world-node-label { position:absolute; padding:4px 8px; border:1px solid rgba(255,64,73,.28); border-radius:4px; color:#e9333d; background:rgba(255,255,255,.96); box-shadow:0 5px 16px rgba(29,52,88,.1); font-size:10px; font-weight:700; white-space:nowrap; }
.world-node-label--hk { left:82%; top:31%; }
.world-node-label--sg { left:72%; top:51%; }
.world-route-label { position:absolute; left:63%; top:15%; padding:5px 9px; border-radius:4px; color:#fff; background:#ff4049; box-shadow:0 6px 18px rgba(255,64,73,.2); font-size:9px; white-space:nowrap; }
.world-visual--map .latency-card { right:16px; bottom:16px; }
@media (max-width:760px) { .world-node-label { padding:3px 6px; font-size:8px; }.world-route-label { display:none; }.world-visual--map { min-height:0; } }
/* Redesigned hero control console */
.hero-illustration-card { height:500px; overflow:hidden; border:1px solid #dfe7f2; border-radius:12px; background:linear-gradient(145deg,#f8fbff,#eef5ff); box-shadow:0 24px 70px rgba(29,52,88,.11); }
.hero-console-head { position:absolute; z-index:8; inset:0 0 auto; display:flex; height:46px; align-items:center; justify-content:space-between; padding:0 17px; border-bottom:1px solid #e4ebf4; background:rgba(255,255,255,.94); }
.hero-console-head > span { display:flex; align-items:center; gap:8px; color:#63728a; font-family:var(--mono); font-size:9px; font-weight:700; letter-spacing:.1em; }
.hero-console-head > span i { width:7px; height:7px; border-radius:50%; background:#23c983; box-shadow:0 0 10px rgba(35,201,131,.75); }
.hero-console-head > b { padding:3px 7px; border-radius:3px; color:#1769ff; background:#eaf2ff; font-family:var(--mono); font-size:8px; letter-spacing:.08em; }
.hero-visual-canvas { position:absolute; z-index:1; inset:46px 0 0; overflow:hidden; }
.hero-visual-canvas > img { width:100%; height:100%; object-fit:contain; }
.hero-illustration-card .hero-interaction-panel { left:20px; bottom:18px; width:290px; padding:15px 16px; border-color:#d8e5f5; border-radius:8px; background:rgba(255,255,255,.96); box-shadow:0 16px 40px rgba(29,52,88,.13); }
.hero-panel-title { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:9px; }
.hero-panel-title > span { display:grid; width:34px; height:34px; place-items:center; border-radius:7px; color:#1769ff; background:#edf4ff; }
.hero-panel-title > span .icon { width:17px; height:17px; }
.hero-panel-title > div { display:flex; flex-direction:column; }
.hero-panel-title small { color:#97a3b6; font-family:var(--mono); font-size:7px; letter-spacing:.1em; }
.hero-panel-title b { color:#1f2937; font-size:14px; }
.hero-interaction-panel > p { margin:8px 0 11px; color:#738198; font-size:9px; line-height:1.6; }
.hero-live-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.hero-live-metrics span { min-width:0; padding:7px; border-radius:5px; background:#f5f8fd; }
.hero-live-metrics small { display:block; overflow:hidden; color:#9aa5b5; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.hero-live-metrics b { display:block; overflow:hidden; margin-top:2px; color:#1769ff; font-family:var(--mono); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.hero-panel-link { display:flex; align-items:center; gap:5px; margin-top:10px; color:#1769ff; font-size:9px; font-weight:700; }
.hero-panel-link .icon { width:13px; height:13px; transition:transform .2s ease; }
.hero-panel-link:hover .icon { transform:translateX(3px); }
.hero-hotspot { grid-template-columns:9px minmax(0,1fr); padding:8px 10px; border-radius:6px; }
.hero-hotspot > i { position:relative; }
.hero-hotspot > i::after { position:absolute; inset:-4px; border:1px solid currentColor; border-radius:50%; content:""; opacity:.28; }
.hero-hotspot.is-active { color:#1769ff; border-color:#9fbeff; background:#f4f8ff; }
.hero-hotspot.is-active > i { color:#1769ff; background:#1769ff; }
@media (max-width:1024px) { .hero-illustration-card { height:440px; }.hero-illustration-card .hero-interaction-panel { width:270px; } }
@media (max-width:760px) { .hero-illustration-card { height:390px; }.hero-illustration-card .hero-interaction-panel { right:12px; left:12px; bottom:10px; width:auto; padding:11px 12px; }.hero-interaction-panel > p { display:none; }.hero-live-metrics { margin-top:8px; }.hero-hotspot { padding:6px 8px; }.hero-hotspot small { display:none; } }

/* Homepage / isometric exploded cloud architecture */
.hero-illustration-card.architecture-card { --tilt-x:0deg; --tilt-y:0deg; height:auto; aspect-ratio:1.13; width:100%; max-width:680px; border:1px solid #edf0f3; border-radius:16px; background:#fff; box-shadow:0 18px 65px -30px rgba(67,91,118,.18); overflow:hidden; }
.architecture-card::before,.architecture-card::after { display:none; }
.architecture-heading { position:absolute; z-index:2; top:24px; left:25px; right:25px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#98a1ae; font-size:10px; letter-spacing:.03em; pointer-events:none; }
.architecture-heading > span:first-child { display:flex; align-items:center; gap:8px; font:9px var(--mono); letter-spacing:.13em; color:#68788a; }
.architecture-heading i { width:6px; height:6px; background:#f58d7d; border-radius:2px; }
.architecture-stage { position:absolute; inset:44px 0 35px; perspective:1000px; }
.architecture-svg { display:block; width:100%; height:100%; overflow:visible; stroke:#c5cdd5; stroke-width:1; stroke-linejoin:round; transform:translate(var(--parallax-x,0px),var(--parallax-y,0px)) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)); transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.arch-floor { stroke:#edf0f3; stroke-width:.8; }
.arch-guides { stroke:#d5dce3; stroke-dasharray:3 6; }
.arch-layer { animation:arch-separate 12s ease-in-out infinite; }
.arch-float { animation:arch-breathe 7s ease-in-out infinite; }
.arch-link-tracks { stroke:#e0edf7; stroke-width:1.3; }
.arch-links { stroke:#76b6e8; stroke-width:2; stroke-linecap:round; }
.arch-link { stroke-dasharray:100; stroke-dashoffset:100; animation:arch-connect 12s ease-in-out infinite; }
.arch-link--0 { animation-name:arch-connect-0; }
.arch-link--1 { animation-name:arch-connect-1; }
.arch-link--2 { animation-name:arch-connect-2; }
.arch-link--3 { animation-name:arch-connect-3; }
.arch-link--4 { animation-name:arch-connect-4; }
.arch-cloud-face { animation:arch-cloud-glow 12s ease-in-out infinite; }
.arch-cloud-light { fill:#d7e2eb; stroke:none; animation:arch-light 12s ease-in-out infinite; }
.arch-cloud-light--1 { animation-name:arch-light-1; }
.arch-cloud-light--2 { animation-name:arch-light-2; }
.arch-callout path { fill:none; stroke:#d6dce3; stroke-width:.8; }
.arch-callout text { fill:#748191; stroke:none; font-size:12px; font-weight:500; }
.arch-callout .arch-callout-sub { fill:#a1abb8; font-family:var(--mono); font-size:8px; letter-spacing:.65px; font-weight:400; }
.arch-part-text { fill:#bc906b; stroke:none; font-family:var(--mono); font-size:11px; }
.arch-cpu-text { fill:#fff; stroke:none; font-family:var(--mono); font-size:16px; letter-spacing:2px; font-weight:600; }
.architecture-footer { position:absolute; z-index:2; left:25px; right:25px; bottom:17px; display:flex; justify-content:space-between; align-items:center; gap:8px; color:#8994a3; font-size:10px; }
.architecture-footer > span { display:flex; gap:7px; align-items:center; }
.architecture-footer i { width:5px; height:5px; border-radius:50%; background:#8ebbdc; }
.architecture-footer small { padding-left:8px; margin-left:3px; border-left:1px solid #e5e9ef; font-size:9px; color:#a9b1bd; }
.architecture-motion { display:flex; align-items:center; gap:5px; min-height:32px; padding:5px 8px; border:1px solid #e9edf2; border-radius:6px; background:#fff; color:#8c97a5; font-size:10px; cursor:pointer; }
.architecture-motion:hover { background:#f6faff; border-color:#b9d6eb; color:#5186af; }
.architecture-motion:focus-visible { outline:2px solid #75b2e0; outline-offset:3px; }
.architecture-card.is-paused * { animation-play-state:paused !important; }
.architecture-card.is-paused .architecture-svg { transform:none; }
@keyframes arch-separate { 0%,100% { transform:translateY(5px); } 28%,72% { transform:translateY(var(--lift)); } }
@keyframes arch-breathe { 0%,100% { transform:translateY(2px); } 50% { transform:translateY(-3px); } }
@keyframes arch-connect-0 { 0%,15% { stroke-dashoffset:100; opacity:0; } 16% { opacity:1; } 26%,80% { stroke-dashoffset:0; opacity:1; } 94%,100% { stroke-dashoffset:0; opacity:0; } }
@keyframes arch-connect-1 { 0%,26% { stroke-dashoffset:100; opacity:0; } 27% { opacity:1; } 37%,80% { stroke-dashoffset:0; opacity:1; } 94%,100% { stroke-dashoffset:0; opacity:0; } }
@keyframes arch-connect-2 { 0%,37% { stroke-dashoffset:100; opacity:0; } 38% { opacity:1; } 48%,80% { stroke-dashoffset:0; opacity:1; } 94%,100% { stroke-dashoffset:0; opacity:0; } }
@keyframes arch-connect-3 { 0%,48% { stroke-dashoffset:100; opacity:0; } 49% { opacity:1; } 59%,80% { stroke-dashoffset:0; opacity:1; } 94%,100% { stroke-dashoffset:0; opacity:0; } }
@keyframes arch-connect-4 { 0%,59% { stroke-dashoffset:100; opacity:0; } 60% { opacity:1; } 70%,80% { stroke-dashoffset:0; opacity:1; } 94%,100% { stroke-dashoffset:0; opacity:0; } }
@keyframes arch-cloud-glow { 0%,100% { filter:none; } 20%,78% { filter:drop-shadow(0 0 9px #bbddf777); } }
@keyframes arch-light { 0%,100% { fill:#d7e2eb; } 8%,80% { fill:#f49680; } }
@keyframes arch-light-1 { 0%,6%,100% { fill:#d7e2eb; } 15%,80% { fill:#f5b56f; } }
@keyframes arch-light-2 { 0%,13%,100% { fill:#d7e2eb; } 22%,80% { fill:#79b9e9; } }
@media (max-width:760px) {
  .hero-illustration-card.architecture-card { aspect-ratio:1.03; height:auto; min-height:300px; border-radius:12px; }
  .architecture-stage { inset:37px -14px 30px; }
  .architecture-heading { top:18px; left:16px; right:16px; }
  .architecture-heading > span:first-child { font-size:8px; letter-spacing:.04em; }
  .architecture-heading > span:last-child { font-size:9px; }
  .architecture-footer { left:16px; right:16px; bottom:10px; font-size:9px; }
  .architecture-footer small { display:none; }
  .arch-callout text { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  .architecture-card *, .architecture-card.is-paused * { animation:none !important; transition:none !important; }
  .architecture-card .architecture-svg { transform:none; }
  .architecture-card .arch-link { stroke-dashoffset:0; opacity:1; }
  .architecture-card .arch-cloud-light { fill:#8dc1e8; }
  .architecture-motion { display:none; }
}
html.reduce-motion .architecture-card * { animation:none !important; transition:none !important; }
html.reduce-motion .architecture-card .architecture-svg { transform:none; }
html.reduce-motion .architecture-card .arch-link { stroke-dashoffset:0; opacity:1; }
html.reduce-motion .architecture-motion { display:none; }

/* Finance-provided artwork must not inherit the decorative cube rotation. */
html[data-theme] .brand__mark.has-logo { width:100px; min-width:64px; height:38px; transform:none; background-color:transparent; border:0; box-shadow:none; border-radius:0; }
.hero__lead:empty { display:none; }
.news-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:28px; }
.news-pagination small { color:var(--muted); }
.news-grid > .empty-state { grid-column:1/-1; }
@media (max-width:760px) { html[data-theme] .brand__mark.has-logo { width:70px; min-width:48px; height:32px; } }