:root {
  --bg:#edf3ff; --surface:#fff; --ink:#0a1539; --muted:#536080; --line:#b5c8ff;
  --line-strong:#2155e8; --red:#ff5775; --red-dark:#e52d57; --blue:#275cff;
  --cyan:#49d9ff; --green:#19bf9b; --navy:#081b54; --soft-blue:#dae7ff;
  --soft-red:#ffe0e8; --radius:10px; --shadow:0 24px 60px rgba(27,69,182,.17);
}
body { color:var(--ink); background:#edf3ff; background-image:linear-gradient(rgba(39,92,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(39,92,255,.05) 1px,transparent 1px); background-size:48px 48px; }
.site-header { background:rgba(8,27,84,.94); border-bottom:1px solid rgba(102,175,255,.35); box-shadow:0 8px 28px rgba(4,18,60,.24); }
.logo,.nav-links a { color:#eff7ff; }.logo small { color:#6de4ff; font:700 8px Consolas,monospace; letter-spacing:.18em; }
.logo-mark { border-radius:7px; background:linear-gradient(135deg,#2f6cff,#8c55ff); box-shadow:inset -5px -5px 0 rgba(0,0,0,.18),0 0 20px rgba(74,183,255,.3); }
.nav-links a:hover,.nav-links a[aria-current="page"] { color:#6de4ff; }
.nav-cta,.btn { border:1px solid #5c89ff; border-radius:7px; color:#fff; background:linear-gradient(135deg,#275cff,#7a4df1); box-shadow:0 10px 24px rgba(39,92,255,.28); font-weight:800; }
.btn:hover,.nav-cta:hover { color:#fff; transform:translateY(-2px); box-shadow:0 16px 32px rgba(39,92,255,.38); }
.btn-secondary { color:#193572; background:rgba(255,255,255,.95); }
.hero { min-height:890px; color:#fff; background:#071743; overflow:hidden; border-bottom:8px solid #275cff; }
.hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 35%,rgba(91,64,246,.42),transparent 32%),linear-gradient(rgba(74,180,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(74,180,255,.09) 1px,transparent 1px); background-size:auto,64px 64px,64px 64px; transform:perspective(700px) rotateX(8deg) scale(1.1); }
.hero::after { content:"DATA / CAPACITY"; position:absolute; left:4vw; bottom:2vw; color:rgba(116,180,255,.08); font:900 clamp(60px,12vw,190px)/1 Arial,sans-serif; letter-spacing:-.07em; }
.hero-grid { padding-top:140px; gap:7%; }
.live-badge { border:1px solid #4ea9ff; border-radius:5px; color:#6de4ff; background:rgba(18,45,111,.72); font:700 10px Consolas,monospace; }
.live-dot { border-radius:2px; background:#ff6b85; box-shadow:0 0 14px #ff6b85; }
h1,.title { font-family:"Arial Narrow","Microsoft YaHei",sans-serif; font-weight:900; letter-spacing:-.055em; }
h1 { font-size:clamp(56px,6.3vw,106px); line-height:.94; }
h1 span { color:#67dfff; }
.hero-copy p { color:#bed2f5; border-left:4px solid #ff637f; padding-left:18px; }
.trust-row { color:#98b4e6; font-family:Consolas,monospace; }.trust-row span::before { border-radius:2px; background:#67dfff; }
.app-window { border:1px solid #60bfff; border-radius:12px; background:rgba(20,51,127,.74); box-shadow:18px 20px 0 rgba(39,92,255,.18),0 0 70px rgba(72,160,255,.23); transform:perspective(900px) rotateY(-3deg) rotateX(1deg); }
.app-window::before { content:""; position:absolute; inset:14px -18px -18px 14px; z-index:-1; border:1px solid rgba(108,219,255,.45); background:rgba(39,92,255,.08); }
.app-window img { border-radius:11px; }
.window-bar { background:#0b205d; border-color:#3574dc; }.window-status { color:#71e0ff; font-family:Consolas,monospace; }
.presence-card { border:1px solid #68bcff; border-radius:6px; color:#0d245c; background:rgba(236,247,255,.94); box-shadow:8px 8px 0 rgba(40,91,255,.25); backdrop-filter:blur(10px); }
.presence-card small { color:#526690; }.presence-avatars span { border-radius:4px; background:#275cff; }
.timezone-bar { margin:0; background:#0a205d; border:0; }
.procurement-flow { border:1px solid #4a91ff; border-radius:8px; background:rgba(14,43,111,.88); box-shadow:0 20px 40px rgba(0,0,0,.22); }
.procurement-step { border-right:1px solid #3564bd; color:#eff6ff; background:transparent; }.procurement-step:last-child{border:0}.procurement-step:not(:last-child)::after{color:#62dfff}
.procurement-step small,.eyebrow { color:#2161e9; font-family:Consolas,monospace; font-weight:800; }.procurement-step small{color:#67dfff}.procurement-step span{color:#9cb8eb}
.section { padding-block:116px; border-bottom:1px solid #b5c8ff; }.section-white{background:rgba(255,255,255,.78)}
.section-dark { margin:0; border-radius:0; background:#071743; }
.section-dark::before { content:""; position:absolute; inset:0; opacity:.55; background:linear-gradient(rgba(73,180,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,180,255,.08) 1px,transparent 1px); background-size:42px 42px; }
.section-head { border-bottom:3px solid #1d58e4; }.section-dark .section-head{border-color:#54d9ff}
.eyebrow::before { border-radius:2px; background:#ff5775; box-shadow:0 0 12px rgba(255,87,117,.45); }
.title span { color:#275cff; }.section-dark .title span{color:#67dfff}.intro{color:#58688c}.section-dark .intro{color:#a8c0ec}
.feature-grid { gap:14px; perspective:1200px; }
.feature-card { border:1px solid #8ab0ff; border-radius:7px; background:rgba(255,255,255,.82); box-shadow:7px 7px 0 #cfddff; backdrop-filter:blur(8px); }
.feature-card::before { content:""; position:absolute; inset:8px -8px -8px 8px; z-index:-1; border:1px solid rgba(39,92,255,.25); }
.feature-card:hover { transform:translateY(-8px) rotateX(2deg); border-color:#275cff; box-shadow:12px 14px 0 #bfcfff; }
.feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon { border-radius:5px; color:#fff; background:linear-gradient(135deg,#275cff,#8d54f2); box-shadow:inset -5px -5px 0 rgba(0,0,0,.15); }
.card-presence { color:#e52d57; font-family:Consolas,monospace; }
.collab-media { border:1px solid #6da1ff; border-radius:8px; background:#102a71; box-shadow:14px 14px 0 rgba(39,92,255,.19); }.collab-media img{border:0;border-radius:7px;box-shadow:none}
.floating-note { border:1px solid #598cff; border-radius:5px; box-shadow:6px 6px 0 rgba(39,92,255,.24); }.floating-note span{color:#275cff}
.check-list li::before { border-radius:3px; background:#275cff; }
.download-grid { gap:12px; }.download-card{border:1px solid #4c86ee;border-radius:7px;background:rgba(12,40,103,.88);box-shadow:8px 8px 0 #030e30}
.platform { border-radius:6px; color:#fff; background:linear-gradient(135deg,#275cff,#7b4cf1); box-shadow:inset -5px -5px 0 rgba(0,0,0,.16); }
.scene-grid,.quotes { gap:14px; }.scene-card,.quote{border:1px solid #8bb0fb;border-radius:7px;background:rgba(255,255,255,.83);box-shadow:7px 7px 0 #cfddff}
.scene-card:not(:first-child){background:#e5edff}.scene-graphic{border-radius:7px;background:linear-gradient(135deg,#275cff 0 50%,#75dbff 50%)}.scene-graphic::before,.scene-graphic::after{border-radius:5px;background:#fff;box-shadow:5px 5px 0 rgba(31,70,178,.25)}
.avatar { border-radius:5px; background:#275cff; }.quote:nth-child(2) .avatar{background:#8050ee}.quote:nth-child(3) .avatar{background:#ff5775}
.pricing { gap:14px; }.price-card{border:1px solid #8aaffd;border-radius:7px;background:rgba(255,255,255,.88);box-shadow:7px 7px 0 #cfddff}.price-card.featured{border-color:#60cfff;color:#fff;background:#0b266d;box-shadow:10px 12px 0 #275cff;transform:translateY(-10px)}
.plan{border-radius:4px;background:#275cff}.featured .plan{color:#0b266d;background:#67dfff}
.faq-item{border-color:#6d93ea}.faq-question b{border-radius:4px;background:#275cff}
.cta-panel{border:1px solid #74caff;border-radius:8px;color:#fff;background:linear-gradient(135deg,#09205c,#173a95);box-shadow:12px 12px 0 #275cff}
.page-hero { min-height:650px;color:#fff;background:#071743;border-bottom:8px solid #275cff}.page-hero p{color:#b8cdef}.page-media{border:1px solid #67c8ff;border-radius:9px;box-shadow:12px 12px 0 rgba(39,92,255,.3)}
.download-row,.help-card,.help-nav,.search-box,.requirement{border:1px solid #85aaf6;border-radius:7px;background:rgba(255,255,255,.86);box-shadow:6px 6px 0 #cfddff}.download-row .platform{background:#275cff}.help-nav a{border-radius:4px}.help-nav a:hover{color:#fff;background:#275cff}.help-card:hover{border-color:#275cff;box-shadow:9px 9px 0 #bfcfff}.article-num,.article>span:last-child{color:#275cff}
.site-footer{background:#06153e;border-top:8px solid #275cff}
@media(max-width:980px){.site-header .nav-links{background:#0a205d;border-color:#376fc8}.app-window{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Hero media integrity — final cascade guard */
.hero-grid{align-items:center}.hero-visual{align-self:center;height:auto;margin-block:0;padding:0;overflow:visible}.hero-visual .app-window{align-self:center;height:auto;margin-block:0;padding:0;overflow:visible}.hero-visual img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none}