: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}

/* Purple resilient-cloud identity */
:root{--bg:#efedfa;--surface:#fbfaff;--ink:#211741;--muted:#675f7d;--line:#c6bde2;--line-strong:#6c45c8;--red:#ff6fa8;--red-dark:#d64a86;--blue:#754ee8;--cyan:#a7dcff;--green:#41bfaa;--navy:#1a103d;--soft-blue:#e4ddff;--soft-red:#ffe0ee;--shadow:0 24px 60px rgba(73,47,150,.18)}
body{background-color:#efedfa;background-image:radial-gradient(circle at 12% 18%,rgba(139,101,224,.08),transparent 22%),radial-gradient(circle at 86% 40%,rgba(176,113,231,.09),transparent 25%)}
.site-header{background:rgba(28,17,65,.95);border-bottom:1px solid #6f51bd}.logo-mark{background:linear-gradient(145deg,#8157eb,#b680f1);border-radius:50% 50% 44% 44%}.logo small{color:#e1b6ff}.nav-cta,.btn{background:linear-gradient(135deg,#754ee8,#a666e8);border-color:#b99cff;border-radius:999px}.btn:hover,.nav-cta:hover{background:linear-gradient(135deg,#6440d2,#9453d7)}.btn-secondary{color:#5836af;background:#faf7ff;border-color:#9d82e5}
.hero{background:#170d38;border-bottom:8px solid #9b68e8}.hero::before{background:radial-gradient(ellipse at 75% 48%,rgba(151,100,229,.48),transparent 32%),radial-gradient(circle at 66% 25%,rgba(207,177,255,.22),transparent 15%),radial-gradient(circle at 88% 30%,rgba(190,151,250,.17),transparent 18%)}.hero::after{content:"CLOUD / ALWAYS IN SYNC";color:rgba(206,179,255,.06)}
.live-badge{border-color:#9a78e4;color:#d6c5ff;background:#2b185c}.live-dot{background:#66e1c7;box-shadow:0 0 14px #66e1c7}h1 span{color:#c7a6ff}.hero-copy p{border-color:#ff78ad}.trust-row span::before{background:#66e1c7}
.app-window{border:1px solid #bc9dff;border-radius:42px;background:rgba(76,44,149,.46);box-shadow:0 0 0 12px rgba(157,112,237,.08),0 0 75px rgba(176,119,245,.25);transform:none}.app-window::before{inset:-18px 30px 30% -20px;border-radius:999px;background:rgba(177,130,241,.08);border-color:rgba(214,191,255,.3)}.app-window img{border-radius:40px}.window-bar{background:#2c1760;border-color:#754fb4}.window-status{color:#d9c6ff}.presence-card{border-color:#b196e8;border-radius:16px;background:rgba(250,247,255,.94);box-shadow:7px 7px 0 rgba(107,71,194,.25)}
.timezone-bar{background:#211249}.procurement-flow{border-color:#8f69d6;background:rgba(50,28,104,.86);border-radius:999px}.procurement-step{border-color:#694aa9}.procurement-step small{color:#d0b7ff}.procurement-step:not(:last-child)::after{content:"↻";color:#75e4ce}
.section-dark{background:#190e3c;border-radius:34px;margin-inline:2%}.section-dark::before{background:radial-gradient(circle at 20% 30%,rgba(150,101,222,.14),transparent 25%),radial-gradient(circle at 80% 60%,rgba(185,130,241,.12),transparent 30%)}.section-head{border-color:#754ee8}.section-dark .section-head{border-color:#c4a5ff}.eyebrow{color:#7047ca}.eyebrow::before{background:#ff6fa8}.title span{color:#754ee8}.section-dark .title span{color:#c7a6ff}
.feature-card{border-color:#b8a6df;border-radius:18px;background:rgba(252,250,255,.85);box-shadow:7px 7px 0 #dbd2ee}.feature-card::before{inset:auto 24px 18px auto;width:48px;height:22px;border:0;border-radius:999px;background:rgba(117,78,232,.08);box-shadow:-28px 5px 0 rgba(117,78,232,.08),18px 6px 0 rgba(117,78,232,.08)}.feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{border-radius:50% 50% 44% 44%;background:linear-gradient(145deg,#754ee8,#aa6ce8)}.card-presence{color:#d64a86}
.collab-media{border-color:#b392ef;border-radius:38px;background:#321d6c;box-shadow:14px 14px 0 rgba(108,70,197,.2)}.collab-media img{border-radius:37px}.floating-note{border-color:#b395e5;border-radius:14px}.floating-note span{color:#754ee8}.check-list li::before{border-radius:50%;background:#754ee8}
.download-card{border-color:#8e6ad8;border-radius:18px;background:rgba(47,26,98,.9)}.platform{border-radius:50%;background:linear-gradient(145deg,#754ee8,#a868e4)}.scene-card,.quote,.price-card{border-color:#b7a5dc;border-radius:18px;box-shadow:7px 7px 0 #d9d0e9}.scene-card:not(:first-child){background:#ece6fb}.avatar{border-radius:50%;background:#754ee8}.quote:nth-child(2) .avatar{background:#a866d8}.quote:nth-child(3) .avatar{background:#41bfaa}
.price-card.featured{border-color:#bb91f0;background:#2a175d;box-shadow:10px 12px 0 #8d5be0}.plan{background:#754ee8}.featured .plan{background:#c9a7ff}.faq-question b{border-radius:50%;background:#754ee8}.cta-panel{border-color:#b58eea;border-radius:24px;background:linear-gradient(135deg,#251354,#55309f);box-shadow:12px 12px 0 #8b5ad8}
.page-hero{background:#170d38;border-bottom-color:#9b68e8}.page-media{border-color:#c1a4f4;border-radius:36px;box-shadow:12px 12px 0 rgba(100,62,188,.3)}.download-row,.help-card,.help-nav,.search-box,.requirement{border-color:#b6a4da;border-radius:16px;background:rgba(252,250,255,.88);box-shadow:6px 6px 0 #d9d0e9}.download-row .platform{background:#754ee8}.help-nav a{border-radius:999px}.help-nav a:hover{background:#754ee8}.help-card:hover{border-color:#754ee8;box-shadow:9px 9px 0 #cbbde4}.article-num,.article>span:last-child{color:#754ee8}.site-footer{background:#140a31;border-top-color:#9b68e8}
.cloud-status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:4;margin-top:-34px}.cloud-status div{padding:18px;border:1px solid #b69ce9;border-radius:18px;color:#3c296f;background:rgba(251,248,255,.96);box-shadow:6px 6px 0 #d2c6e7}.cloud-status strong{display:block;color:#754ee8;font:900 10px Consolas,monospace}.cloud-status span{color:#716786;font-size:12px}
@media(max-width:680px){.cloud-status{grid-template-columns:1fr 1fr}.procurement-flow{border-radius:22px}}
/* 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}