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

/* Connected smart-city identity */
:root{--bg:#eaf2f4;--surface:#f8fcfc;--ink:#10273b;--muted:#5c7180;--line:#aac6cf;--line-strong:#087e9e;--red:#ff7868;--red-dark:#d64e43;--blue:#009ac2;--cyan:#52e3f1;--green:#24b99a;--navy:#06253b;--soft-blue:#d5eef1;--soft-red:#ffe1dc;--shadow:0 24px 60px rgba(7,68,89,.17)}
body{background-color:#eaf2f4;background-image:linear-gradient(30deg,rgba(6,127,157,.045) 12%,transparent 12.5%,transparent 87%,rgba(6,127,157,.045) 87.5%),linear-gradient(150deg,rgba(6,127,157,.045) 12%,transparent 12.5%,transparent 87%,rgba(6,127,157,.045) 87.5%);background-size:72px 42px}
.site-header{background:rgba(5,31,50,.95);border-bottom:1px solid #1484a0}.logo-mark{border-radius:3px;background:linear-gradient(180deg,#11accb,#087494);box-shadow:inset 0 -8px 0 rgba(1,53,72,.25)}.logo small{color:#ffb66e}.nav-cta,.btn{border-color:#45c5d9;border-radius:5px;background:linear-gradient(135deg,#008eb5,#16b4bd)}.btn:hover,.nav-cta:hover{background:#00a8c5}.btn-secondary{color:#075d74;background:#f6fcfc;border-color:#46aaba}
.hero{background:#041f33;border-bottom:8px solid #ff7868}.hero::before{background:linear-gradient(to top,rgba(8,75,100,.38),transparent 48%),radial-gradient(circle at 75% 35%,rgba(22,190,221,.23),transparent 33%)}.hero::after{content:"CONNECTED CITY / ONE OFFICE";color:rgba(86,222,238,.055)}
.live-badge{border-color:#238da8;color:#77eaf3;background:#07344a}.live-dot{background:#ff9a5f;box-shadow:0 0 14px #ff9a5f}h1 span{color:#52e3f1}.hero-copy p{border-color:#ff7868}.trust-row span::before{background:#24c2a2}
.app-window{border:1px solid #47d4e7;border-radius:10px;background:#07344a;box-shadow:18px 20px 0 rgba(1,32,48,.5),0 0 65px rgba(29,184,211,.2);transform:none}.app-window::before{inset:12px;border-color:rgba(86,218,237,.25);background:transparent}.app-window img{border-radius:9px}.window-bar{background:#06283d;border-color:#18556b}.window-status{color:#64e3ee}.presence-card{border-color:#49adbe;border-radius:6px;background:rgba(243,252,252,.95);box-shadow:6px 6px 0 rgba(11,100,119,.3)}
.timezone-bar{background:#06283e}.procurement-flow{border-color:#20839b;background:#09364c}.procurement-step{border-color:#255c70}.procurement-step small{color:#63e3ed}.procurement-step:not(:last-child)::after{content:"⌁";color:#ff9b62}.procurement-step span{color:#9cbcc4}
.section-dark{background:#041f33}.section-dark::before{background:linear-gradient(rgba(36,179,198,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(36,179,198,.07) 1px,transparent 1px);background-size:40px 40px}.section-head{border-color:#0789a8}.section-dark .section-head{border-color:#52dbe9}.eyebrow{color:#087e9e}.eyebrow::before{background:#ff7868}.title span{color:#008eb5}.section-dark .title span{color:#52e3f1}
.feature-card{border-color:#8cb9c3;border-radius:8px;background:rgba(250,254,254,.88);box-shadow:7px 7px 0 #c8dbdf}.feature-card::before{inset:auto 18px 18px auto;width:48px;height:58px;border:0;background:repeating-linear-gradient(90deg,#d6ebed 0 8px,transparent 8px 12px)}.feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{border-radius:3px;background:linear-gradient(180deg,#12b2c8,#087899);box-shadow:inset 0 -8px 0 rgba(0,46,65,.2)}.card-presence{color:#d95c4f}
.collab-media{border-color:#43c6d6;border-radius:12px;background:#073147;box-shadow:13px 14px 0 rgba(7,95,112,.22)}.collab-media img{border-radius:11px}.floating-note{border-color:#4ea9b6;border-radius:5px}.floating-note span{color:#008eb5}.check-list li::before{border-radius:3px;background:#008eb5}
.download-card{border-color:#25879c;border-radius:8px;background:#073249}.platform{border-radius:3px;background:linear-gradient(180deg,#10b1c7,#087899)}.scene-card,.quote,.price-card{border-color:#8cb5bd;border-radius:8px;box-shadow:7px 7px 0 #cadadd}.scene-card:not(:first-child){background:#dfeff0}.scene-graphic{background:linear-gradient(135deg,#087e9e 0 35%,#61dce4 35% 42%,#ff8b69 42% 65%,#f0b759 65%)}.avatar{border-radius:3px;background:#008eb5}.quote:nth-child(2) .avatar{background:#24b99a}.quote:nth-child(3) .avatar{background:#ff7868}
.price-card.featured{border-color:#ff7868;background:#073249;box-shadow:10px 12px 0 #ff7868}.plan{background:#008eb5}.featured .plan{background:#ffd09b}.faq-question b{border-radius:3px;background:#008eb5}.cta-panel{border-color:#ff8b74;border-radius:12px;background:linear-gradient(135deg,#073047,#095771);box-shadow:11px 12px 0 #ff7868}
.page-hero{background:#041f33;border-bottom-color:#ff7868}.page-media{border-color:#48cbd9;border-radius:13px;box-shadow:12px 12px 0 rgba(4,78,95,.32)}.download-row,.help-card,.help-nav,.search-box,.requirement{border-color:#8ab3ba;border-radius:7px;background:rgba(250,254,254,.9);box-shadow:6px 6px 0 #cadadd}.download-row .platform{background:#008eb5}.help-nav a{border-radius:4px}.help-nav a:hover{background:#008eb5}.help-card:hover{border-color:#008eb5;box-shadow:9px 9px 0 #b8cfd3}.article-num,.article>span:last-child{color:#008eb5}.site-footer{background:#031a2b;border-top-color:#ff7868}
.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:4;margin-top:-34px}.city-grid div{position:relative;padding:18px;border:1px solid #4ca7b6;border-radius:7px;color:#123e50;background:rgba(246,253,253,.96);box-shadow:6px 6px 0 #bfd4d8}.city-grid div::before{content:"";position:absolute;right:16px;bottom:0;width:26px;height:44px;background:repeating-linear-gradient(0deg,#a8d6db 0 5px,transparent 5px 9px)}.city-grid strong{display:block;color:#008eb5;font:900 10px Consolas,monospace}.city-grid span{color:#647b83;font-size:12px}
@media(max-width:680px){.city-grid{grid-template-columns:1fr 1fr}}
/* 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}