:root{--bg:#f2f3f4;--surface:#fff;--ink:#15253a;--muted:#627080;--line:#c7cdd3;--line-strong:#123d72;--red:#df3e3a;--red-dark:#b72428;--blue:#146bc4;--cyan:#39a4dc;--green:#199b68;--navy:#092c55;--soft-blue:#dceafa;--soft-red:#f8d9d7;--radius:12px;--shadow:0 18px 45px rgba(17,54,91,.14)}
body{color:var(--ink);background:#f2f3f4;background-image:linear-gradient(rgba(14,59,107,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(14,59,107,.035) 1px,transparent 1px);background-size:32px 32px;font-family:Arial,"Microsoft YaHei",sans-serif}
.site-header{background:rgba(255,255,255,.96);border-top:7px solid #123d72;border-bottom:1px solid #b7c0ca;box-shadow:0 7px 25px rgba(17,47,78,.1)}
.logo-mark{border-radius:50%;background:#146bc4;box-shadow:inset 0 0 0 5px #fff,0 0 0 2px #146bc4}.logo small{color:#df3e3a;font:800 8px Consolas,monospace;letter-spacing:.15em}.nav-links a{color:#283b50;font:800 10px Consolas,monospace}.nav-links a:hover,.nav-links a[aria-current=page]{color:#146bc4}
.nav-cta,.btn{border:0;border-radius:6px;color:#fff;background:#146bc4;box-shadow:0 8px 20px rgba(20,107,196,.24);font-weight:900}.btn:hover,.nav-cta:hover{color:#fff;background:#0b559f;transform:translateY(-2px)}.btn-secondary{color:#16395f;background:#fff;border:2px solid #16395f}
.hero{min-height:880px;color:#fff;background:#082c55;border-bottom:12px solid #df3e3a;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;opacity:.38;background:linear-gradient(90deg,transparent 0 10%,#146bc4 10% 10.6%,transparent 10.6% 35%,#df3e3a 35% 35.7%,transparent 35.7%),linear-gradient(0deg,transparent 0 26%,#e9b927 26% 26.7%,transparent 26.7% 72%,#199b68 72% 72.7%,transparent 72.7%)}.hero::after{content:"NEXT STOP / SMART OFFICE";position:absolute;left:4vw;bottom:1vw;color:rgba(255,255,255,.055);font:900 clamp(55px,10vw,160px)/1 "Arial Narrow",sans-serif;letter-spacing:-.06em}
.hero-grid{padding-top:140px;gap:7%}.live-badge{border:1px solid #5e8ab8;border-radius:5px;color:#d8eaff;background:#123b68;font:800 10px Consolas,monospace}.live-dot{border:4px solid #fff;border-radius:50%;background:#df3e3a;box-shadow:0 0 0 3px #df3e3a}
h1,.title{font-family:"Arial Narrow","Microsoft YaHei",sans-serif;font-weight:900;letter-spacing:-.055em}h1{font-size:clamp(58px,6.5vw,110px);line-height:.94}h1 span{color:#f0c52c}.hero-copy p{color:#c5d6e9;border-left:7px solid #df3e3a;padding-left:18px}.trust-row{color:#9eb8d2;font-family:Consolas,monospace}.trust-row span::before{border-radius:50%;background:#f0c52c}
.app-window{border:10px solid #f7f8f8;border-radius:24px;background:#0c315a;box-shadow:17px 19px 0 rgba(0,14,31,.45);transform:none}.app-window img{border-radius:15px}.window-bar{background:#f7f8f8;border-color:#c4cbd2}.window-status{color:#146bc4;font-family:Consolas,monospace}.presence-card{border:1px solid #aeb8c2;border-radius:8px;color:#1c344c;background:#fff;box-shadow:6px 6px 0 #aab4be}.presence-card small{color:#687584}.presence-avatars span{border-radius:50%;background:#146bc4}
.timezone-bar{margin:0;background:#fff;border:0;border-bottom:1px solid #aeb8c2}.procurement-flow{border:1px solid #aab4be;border-radius:10px;background:#fff;box-shadow:0 15px 35px rgba(18,58,97,.12);overflow:visible}.procurement-step{border-right:1px solid #bdc5cc;color:#23384c;background:transparent}.procurement-step::before{content:"";display:block;width:20px;height:20px;margin-bottom:11px;border:5px solid #146bc4;border-radius:50%;background:#fff}.procurement-step:nth-child(2)::before{border-color:#199b68}.procurement-step:nth-child(3)::before{border-color:#e5b522}.procurement-step:nth-child(4)::before{border-color:#df3e3a}.procurement-step:last-child{border:0}.procurement-step:not(:last-child)::after{content:"→";color:#146bc4}.procurement-step small,.eyebrow{color:#146bc4;font-family:Consolas,monospace;font-weight:900}.procurement-step span{color:#697685}
.section{padding-block:112px;border-bottom:1px solid #c7cdd3}.section-white{background:#fff}.section-dark{margin:0;border-radius:0;background:#092c55;border-top:10px solid #146bc4;border-bottom:10px solid #199b68}.section-dark::before{content:"";position:absolute;inset:0;opacity:.17;background:linear-gradient(90deg,transparent 0 20%,#df3e3a 20% 20.5%,transparent 20.5% 70%,#e6b722 70% 70.5%,transparent 70.5%)}
.section-head{border-bottom:5px solid #123d72}.section-dark .section-head{border-color:#fff}.eyebrow::before{border:5px solid #146bc4;border-radius:50%;background:#fff;box-shadow:none}.title span{color:#146bc4}.section-dark .title span{color:#f0c52c}.intro{color:#667483}.section-dark .intro{color:#afc3d8}
.feature-grid{gap:0;border:1px solid #abb5bf;border-radius:13px;overflow:hidden}.feature-card{border:0;border-right:1px solid #abb5bf;border-bottom:1px solid #abb5bf;border-radius:0;background:#fff}.feature-card:nth-child(3n){border-right:0}.feature-card:hover{z-index:2;transform:none;color:#fff;background:#123d72;box-shadow:inset 0 8px #146bc4}.feature-card:hover p{color:#c4d4e4}.feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{border:6px solid #146bc4;border-radius:50%;color:#123d72;background:#fff}.feature-card:nth-child(2) .feature-icon{border-color:#199b68}.feature-card:nth-child(3) .feature-icon{border-color:#e6b722}.feature-card:nth-child(4) .feature-icon{border-color:#df3e3a}.card-presence{color:#df3e3a;font-family:Consolas,monospace}
.collab-media{border:10px solid #fff;border-radius:18px;background:#17385d;box-shadow:12px 13px 0 #9faab4}.collab-media img{border:0;border-radius:9px;box-shadow:none}.floating-note{border:1px solid #9aa6b0;border-radius:7px;box-shadow:5px 5px 0 #aab4be}.floating-note span{color:#146bc4}.check-list li::before{border-radius:50%;background:#146bc4}
.download-grid{gap:12px}.download-card{border:1px solid #6e89a6;border-radius:9px;background:#12365f;box-shadow:7px 8px 0 #031a35}.download-card:nth-child(2){border-top:6px solid #199b68}.download-card:nth-child(3){border-top:6px solid #e6b722}.download-card:nth-child(4){border-top:6px solid #df3e3a}.platform{border:6px solid #146bc4;border-radius:50%;color:#fff;background:#12365f}
.scene-grid,.quotes{gap:14px}.scene-card,.quote{border:1px solid #aeb8c2;border-radius:10px;background:#fff;box-shadow:6px 7px 0 #c7cdd3}.scene-card:not(:first-child){background:#eef2f5}.scene-graphic{border-radius:8px;background:linear-gradient(90deg,#146bc4 0 25%,#fff 25% 30%,#199b68 30% 55%,#fff 55% 60%,#e6b722 60% 75%,#fff 75% 80%,#df3e3a 80%)}.scene-graphic::before,.scene-graphic::after{border:6px solid #123d72;border-radius:50%;background:#fff}
.avatar{border-radius:50%;background:#146bc4}.quote:nth-child(2) .avatar{background:#199b68}.quote:nth-child(3) .avatar{background:#df3e3a}.pricing{gap:14px}.price-card{border:1px solid #aeb8c2;border-radius:10px;background:#fff;box-shadow:6px 7px 0 #c7cdd3}.price-card.featured{border-color:#df3e3a;color:#fff;background:#123d72;box-shadow:9px 10px 0 #df3e3a;transform:translateY(-10px)}.plan{border-radius:999px;background:#146bc4}.featured .plan{color:#123d72;background:#f0c52c}
.faq-item{border-color:#aab4be}.faq-question b{border-radius:50%;background:#146bc4}.cta-panel{border:1px solid #7189a0;border-radius:12px;color:#fff;background:#123d72;box-shadow:10px 11px 0 #df3e3a}
.page-hero{min-height:640px;color:#fff;background:#082c55;border-bottom:11px solid #df3e3a}.page-hero p{color:#bed0e2}.page-media{border:10px solid #fff;border-radius:20px;box-shadow:12px 13px 0 rgba(0,17,36,.45)}
.download-row,.help-card,.help-nav,.search-box,.requirement{border:1px solid #aab4be;border-radius:9px;background:#fff;box-shadow:5px 6px 0 #c6cdd3}.download-row .platform{background:#123d72}.help-nav a{border-radius:5px}.help-nav a:hover{color:#fff;background:#146bc4}.help-card:hover{border-color:#146bc4;box-shadow:8px 9px 0 #aebac5}.article-num,.article>span:last-child{color:#146bc4}
.line-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:-1px;border:1px solid #aab4be;background:#fff}.line-legend span{padding:13px 18px;border-right:1px solid #aab4be;font:800 10px Consolas,monospace}.line-legend span:last-child{border:0}.line-legend i{display:inline-block;width:28px;height:6px;margin-right:9px;border-radius:99px;background:#146bc4}.line-legend span:nth-child(2) i{background:#199b68}.line-legend span:nth-child(3) i{background:#e6b722}.line-legend span:nth-child(4) i{background:#df3e3a}
.site-footer{background:#071f3b;border-top:10px solid #146bc4}
@media(max-width:980px){.site-header .nav-links{background:#fff;border-color:#aab4be}}@media(max-width:680px){.line-legend{grid-template-columns:1fr 1fr}}
@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}