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

/* Developer collaboration console */
:root{--red:#ff4f9a;--red-dark:#d8327d;--blue:#00cfe8;--cyan:#55f3ff;--green:#9ae84d;--line-strong:#00a8bd}
.logo-mark{border-radius:4px;background:#08151e;box-shadow:inset 0 0 0 2px #00cfe8}.logo small{color:#9ae84d}.nav-cta,.btn{border-radius:3px;background:#00a3b8;border-color:#00cfe8;font-family:Consolas,monospace}.btn:hover,.nav-cta:hover{background:#00cfe8;color:#061116}.btn-secondary{color:#55f3ff}
.hero{border-bottom-color:#ff4f9a}.hero::after{content:"COLLAB.LOG / STREAMING";font-family:Consolas,monospace}.live-badge{border-radius:3px;font-family:Consolas,monospace}.live-dot{border-radius:2px;background:#9ae84d;box-shadow:0 0 12px #9ae84d}h1,.title{font-family:Consolas,"Microsoft YaHei",monospace;letter-spacing:-.05em}h1 span{color:#55f3ff}.hero-copy p{border-color:#ff4f9a}
.app-window{border-radius:6px;border-color:#00cfe8}.app-window img{border-radius:5px}.window-bar{display:flex;background:#07131b}.window-status{color:#9ae84d}.presence-card{border-radius:3px}.presence-avatars span{border-radius:3px;background:#00a8bd}
.timezone-bar{border-bottom:1px solid #174357}.procurement-flow{border-radius:4px}.procurement-step small,.eyebrow{font-family:Consolas,monospace}.procurement-step:not(:last-child)::after{content:"git ›";font:800 9px Consolas,monospace;color:#9ae84d}
.section-dark{border-radius:0}.section-head{border-bottom-style:dashed}.eyebrow::before{border-radius:1px;background:#ff4f9a}.title span{color:#55f3ff}
.feature-card{border-radius:3px}.feature-card::before{content:"{ }";inset:auto 18px 14px auto;width:auto;height:auto;border:0;color:rgba(85,243,255,.13);font:900 34px Consolas,monospace}.feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{border-radius:3px;box-shadow:inset 0 0 0 2px #00cfe8}.card-presence{color:#9ae84d}
.collab-media,.collab-media img{border-radius:5px}.floating-note{border-radius:3px}.floating-note span{color:#9ae84d}.check-list li::before{border-radius:2px;background:#00a8bd}
.download-card,.scene-card,.quote,.price-card{border-radius:3px}.platform,.avatar,.faq-question b{border-radius:3px}.platform{box-shadow:inset 0 0 0 3px #00cfe8}.avatar{background:#00a8bd}.quote:nth-child(2) .avatar{background:#9ae84d;color:#061116}.quote:nth-child(3) .avatar{background:#ff4f9a}
.price-card.featured{border-color:#ff4f9a;box-shadow:10px 12px 0 #7d204e}.plan{border-radius:2px}.featured .plan{background:#9ae84d}.cta-panel{border-radius:4px;border-color:#ff4f9a;box-shadow:11px 12px 0 #7d204e}
.page-media,.download-row,.help-card,.help-nav,.search-box,.requirement{border-radius:4px}.help-nav a{border-radius:2px}.help-nav a:hover{background:#00a8bd}.article-num,.article>span:last-child{color:#9ae84d}.site-footer{border-top-color:#ff4f9a}
.collab-log{position:relative;z-index:4;margin-top:-34px;border:1px solid #1d6177;border-radius:4px;background:#06131b;box-shadow:8px 8px 0 #010508;overflow:hidden}.collab-log header{padding:10px 16px;border-bottom:1px solid #1d5264;color:#55f3ff;font:800 10px Consolas,monospace}.collab-log ul{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.collab-log li{padding:15px 16px;border-right:1px solid #183f4d;color:#8fa7b2;font:11px/1.5 Consolas,monospace}.collab-log li:last-child{border:0}.collab-log time{display:block;color:#9ae84d}.collab-log code{color:#ff73b2}
@media(max-width:680px){.collab-log ul{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}

/* Night cockpit identity */
:root{--bg:#07111b;--surface:#0c1925;--ink:#e4f1f8;--muted:#8199aa;--line:#20384b;--line-strong:#087fb9;--red:#e65036;--red-dark:#b83224;--blue:#00a8e8;--cyan:#48d8ff;--green:#38c89c;--navy:#030a11;--soft-blue:#10283a;--soft-red:#351c1d;--shadow:0 24px 60px rgba(0,0,0,.36)}
body{color:#dbeaf2;background:#07111b;background-image:linear-gradient(rgba(29,99,133,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(29,99,133,.08) 1px,transparent 1px);background-size:36px 36px}
.site-header{background:rgba(3,10,17,.96);border-bottom:1px solid #164a67}.logo-mark{border-radius:50%;background:#071724;box-shadow:inset 0 0 0 4px #00a8e8,0 0 18px rgba(0,168,232,.3)}.logo small{color:#ef9d36}.nav-cta,.btn{border-color:#148ab9;border-radius:5px;background:#087cae;box-shadow:0 0 22px rgba(0,168,232,.2)}.btn:hover,.nav-cta:hover{background:#00a8e8}.btn-secondary{color:#5ee1ff;background:#081923;border-color:#1f789b}
.hero{background:#02070c;border-bottom:8px solid #e47f27}.hero::before{background:radial-gradient(circle at 76% 43%,rgba(0,135,190,.25),transparent 31%),linear-gradient(rgba(0,151,210,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,151,210,.07) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}.hero::after{content:"LIVE STATUS / NIGHT OPS";color:rgba(59,201,255,.055)}
.live-badge{border-color:#1b789e;color:#58dcff;background:#071923}.live-dot{background:#38c89c;box-shadow:0 0 12px #38c89c}h1 span{color:#48d8ff}.hero-copy p{border-color:#ef8f2d}.trust-row span::before{background:#38c89c}
.app-window{border:1px solid #178fc2;border-radius:18px;background:#06141f;box-shadow:0 0 0 8px rgba(0,145,203,.07),0 0 65px rgba(0,145,203,.18);transform:none}.app-window::before{inset:12px;border-color:rgba(44,180,232,.2);background:transparent}.app-window img{border-radius:17px;filter:brightness(.9) contrast(1.08)}.window-bar{background:#06121b;border-color:#15435a}.window-status{color:#48d8ff}.presence-card{border-color:#1a7195;border-radius:6px;color:#cce7f2;background:rgba(6,23,34,.93);box-shadow:6px 6px 0 #02070c}.presence-card small{color:#829cab}
.timezone-bar{background:#030b12}.procurement-flow{border-color:#1b5b78;background:#071722}.procurement-step{border-color:#183d50}.procurement-step small{color:#48d8ff}.procurement-step:not(:last-child)::after{content:"›";color:#ef8f2d}.procurement-step span{color:#7f9cac}
.section{border-color:#1c3343}.section-white{background:#0a1721}.section-dark{background:#02080d}.section-dark::before{background:linear-gradient(rgba(0,151,210,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(0,151,210,.065) 1px,transparent 1px);background-size:36px 36px}.section-head{border-color:#087fb9}.eyebrow{color:#44cdf1}.eyebrow::before{background:#ef8f2d}.title{color:#e6f2f7}.title span{color:#48d8ff}.intro{color:#8198a7}
.feature-card{border-color:#1c5873;border-radius:7px;background:#0a1b27;box-shadow:7px 7px 0 #030b12}.feature-card::before{border-color:rgba(0,168,232,.15)}.feature-card:hover{border-color:#00a8e8;box-shadow:10px 10px 0 #02070c}.feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{border-radius:50%;background:#07141e;box-shadow:inset 0 0 0 5px #00a8e8}.card-presence{color:#ef9a35}
.collab-media{border-color:#1384ae;border-radius:12px;background:#06131d;box-shadow:12px 12px 0 #02070c}.collab-media img{border-radius:11px;filter:brightness(.82) contrast(1.08)}.floating-note{border-color:#1e708f;border-radius:5px;color:#d9edf5;background:#081b28;box-shadow:5px 5px 0 #02070c}.floating-note span{color:#48d8ff}.check-list li::before{border-radius:50%;background:#087fac}
.download-card{border-color:#1a6686;border-radius:7px;background:#06141f;box-shadow:7px 7px 0 #02070c}.platform{border-radius:50%;background:#06131c;box-shadow:inset 0 0 0 5px #00a8e8}
.scene-card,.quote,.price-card{border-color:#20485e;border-radius:7px;background:#0b1a25;box-shadow:7px 7px 0 #030b12}.scene-card:not(:first-child){background:#0c1d29}.scene-graphic{background:conic-gradient(#00a8e8 0 32%,#0a2231 32% 38%,#ef8f2d 38% 63%,#0a2231 63% 69%,#38c89c 69%)}.avatar{border-radius:50%;background:#00a8e8}.quote:nth-child(2) .avatar{background:#38c89c}.quote:nth-child(3) .avatar{background:#ef8f2d}
.price-card.featured{border-color:#e9832a;background:#071b27;box-shadow:10px 12px 0 #8f471a}.plan{background:#087fac}.featured .plan{color:#251506;background:#ef9a35}.faq-item{border-color:#24546c}.faq-question b{border-radius:50%;background:#087fac}.cta-panel{border-color:#1689b6;border-radius:12px;background:#061b29;box-shadow:11px 12px 0 #8d461a}
.page-hero{background:#02070c;border-bottom-color:#e47f27}.page-media{border-color:#1289b9;border-radius:14px;box-shadow:12px 12px 0 #010407}.download-row,.help-card,.help-nav,.search-box,.requirement{border-color:#1d526b;border-radius:7px;color:#dcecf4;background:#0a1a25;box-shadow:6px 6px 0 #030b12}.download-row .platform{background:#07151f}.help-nav a{border-radius:4px;color:#a9c2ce}.help-nav a:hover{background:#087fac}.help-card:hover{border-color:#00a8e8;box-shadow:9px 9px 0 #02070c}.article-num,.article>span:last-child{color:#48d8ff}.site-footer{background:#01060a;border-top-color:#e47f27}
.cockpit-status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:4;margin-top:-34px}.cockpit-status div{position:relative;padding:18px;border:1px solid #1b6685;border-radius:8px;color:#d6eaf2;background:#071823;box-shadow:6px 6px 0 #02070c}.cockpit-status div::after{content:"";position:absolute;right:16px;top:16px;width:10px;height:10px;border-radius:50%;background:#38c89c;box-shadow:0 0 10px #38c89c}.cockpit-status strong{display:block;color:#48d8ff;font:900 10px Consolas,monospace}.cockpit-status span{color:#819aa7;font-size:12px}
@media(max-width:680px){.cockpit-status{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}