:root {
  --bg:#0a1018; --surface:#111b27; --ink:#edf5fb; --muted:#8999a9;
  --line:#263647; --line-strong:#3a5168; --red:#18a9d5; --red-dark:#0c82aa;
  --blue:#27b5e2; --cyan:#65daf3; --green:#4bd18c; --navy:#060c12;
  --soft-blue:#143345; --soft-red:#153541; --radius:4px;
  --shadow:0 22px 65px rgba(13,126,166,.12);
}
body {
  color:var(--ink);
  background:
    linear-gradient(90deg,rgba(39,181,226,.025) 1px,transparent 1px),
    linear-gradient(rgba(39,181,226,.025) 1px,transparent 1px),var(--bg);
  background-size:32px 32px;
}
.site-header { background:rgba(6,12,18,.94); border-bottom:1px solid var(--line-strong); }
.logo { color:white; }
.logo-mark { border-radius:3px; color:var(--navy); background:var(--green); box-shadow:0 0 16px rgba(75,209,140,.3); }
.logo small { color:var(--cyan); font-family:Consolas,monospace; }
.nav-links a { color:#a4b3c1; font:700 10px Consolas,monospace; }
.nav-links a:hover,.nav-links a[aria-current="page"] { color:var(--green); }
.nav-cta,.btn { border-radius:3px; color:var(--navy); background:var(--green); border-color:var(--green); }
.btn:hover,.nav-cta:hover { color:white; background:var(--red); border-color:var(--red); box-shadow:0 0 24px rgba(24,169,213,.25); }
.btn-secondary { color:var(--cyan); background:transparent; border-color:var(--cyan); }

.hero { min-height:900px; color:white; background:radial-gradient(circle at 76% 34%,rgba(24,169,213,.14),transparent 28rem),var(--navy); overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; opacity:.2; background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(101,218,243,.08) 9.1% 9.3%,transparent 9.4% 10%); }
.hero::after { background:linear-gradient(180deg,transparent 58%,rgba(75,209,140,.05)); }
.hero-grid { padding-top:145px; gap:7%; }
.live-badge { border-radius:3px; color:var(--green); border-color:var(--line-strong); background:rgba(17,27,39,.8); font-family:Consolas,monospace; }
.live-dot { border-radius:1px; background:var(--green); box-shadow:0 0 10px var(--green); }
h1,.title { font-family:"Arial Narrow","Microsoft YaHei",sans-serif; letter-spacing:-.045em; }
h1 span { color:var(--cyan); }
.hero-copy p { color:#9aabba; }
.trust-row { color:#728498; font-family:Consolas,monospace; }
.trust-row span::before { background:var(--green); box-shadow:0 0 8px var(--green); }
.app-window { border-radius:4px; border:1px solid var(--cyan); background:#0b131d; box-shadow:12px 12px 0 rgba(75,209,140,.14),0 0 42px rgba(24,169,213,.1); }
.app-window img { border-radius:3px; }
.window-bar { background:#0b131d; border-color:var(--line-strong); }
.window-dots span { border-radius:1px; }
.presence-card { border-radius:4px; color:white; border:1px solid var(--green); background:rgba(10,17,26,.95); box-shadow:5px 5px 0 rgba(24,169,213,.16); }
.presence-card small { color:var(--muted); }
.presence-avatars span { border-radius:3px; background:var(--blue); border-color:var(--navy); }
.presence-avatars span:nth-child(2),.presence-avatars span:nth-child(3) { background:var(--green); }

.timezone-bar { margin:0; border-color:var(--line-strong); background:#0c141e; }
.procurement-flow { border:1px solid var(--line-strong); border-radius:4px; background:#111b27; box-shadow:8px 8px 0 rgba(24,169,213,.1); backdrop-filter:none; }
.procurement-step { border:0; border-right:1px solid var(--line-strong); background:transparent; }
.procurement-step:last-child { border:0; }
.procurement-step:not(:last-child)::after { content:"●"; color:var(--green); font-size:10px; text-shadow:0 0 8px var(--green); }
.procurement-step small { color:var(--cyan); font-family:Consolas,monospace; }
.procurement-step span { color:var(--muted); }

.section { padding-block:120px; border-bottom:1px solid #162332; }
.section-white { background:#0c131d; }
.section-dark { margin:0; border-radius:0; background:#071019; }
.eyebrow { color:var(--green); font-family:Consolas,monospace; }
.eyebrow::before { border-radius:1px; background:var(--green); box-shadow:0 0 10px var(--green); }
.title span,.section-dark .title span { color:var(--cyan); }
.intro { color:var(--muted); }
.feature-grid { gap:8px; }
.feature-card { border-radius:4px; border-color:var(--line); color:white; background:#111b27; }
.feature-card:hover { transform:translateY(-4px); border-color:var(--green); background:#142231; box-shadow:inset 0 -3px var(--green),var(--shadow); }
.feature-card p { color:var(--muted); }
.feature-icon { border-radius:3px; color:var(--navy); background:var(--cyan); }
.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon { color:var(--navy); background:var(--green); }
.card-presence { color:var(--green); font-family:Consolas,monospace; }
.collab-media { border:1px solid var(--cyan); background:var(--navy); box-shadow:10px 10px 0 rgba(75,209,140,.14); }
.collab-media img { border:0; border-radius:3px; box-shadow:none; }
.floating-note { border-radius:4px; color:white; border:1px solid var(--green); background:#111b27; box-shadow:5px 5px 0 rgba(24,169,213,.16); }
.floating-note span { color:var(--green); }
.check-list li { color:var(--muted); }
.check-list li::before { border-radius:2px; color:var(--navy); background:var(--green); }

.download-grid { gap:1px; border:1px solid var(--line-strong); background:var(--line-strong); }
.download-card { border:0; border-radius:0; background:#111b27; }
.download-card p { color:var(--muted); }
.platform { border-radius:3px; color:var(--navy); background:var(--green); }
.scene-grid,.quotes { gap:8px; }
.scene-card,.quote,.price-card,.help-card,.help-nav,.search-box,.requirement,.download-row { border-radius:4px; border-color:var(--line); color:white; background:#111b27; }
.scene-card:not(:first-child) { background:#111b27; }
.scene-card p,.quote p,.quote small,.price-card p,.price-card li,.help-card p,.requirement p,.download-row p { color:var(--muted); }
.scene-graphic { border-radius:3px; border-color:var(--cyan); background:repeating-linear-gradient(0deg,#111b27 0 12px,#162638 12px 14px); }
.scene-graphic::before,.scene-graphic::after { border-radius:1px; background:var(--green); box-shadow:0 0 8px var(--green); }
.avatar { border-radius:3px; background:var(--blue); }
.quote:nth-child(2) .avatar,.quote:nth-child(3) .avatar { background:var(--green); color:var(--navy); }
.price-card.featured { color:var(--navy); background:var(--green); border-color:var(--green); box-shadow:9px 9px 0 rgba(24,169,213,.2); }
.price-card.featured p,.price-card.featured li { color:#173227; }
.plan { border-radius:3px; color:var(--navy); background:var(--cyan); }
.featured .plan { color:white; background:var(--red); }
.faq-item { border-color:var(--line-strong); }
.faq-question { color:white; }
.faq-answer p { color:var(--muted); }
.faq-question b { border-radius:2px; color:var(--navy); background:var(--green); }
.cta-panel { border-radius:4px; border:1px solid var(--cyan); background:#111b27; box-shadow:12px 12px 0 rgba(75,209,140,.16); }
.page-hero { min-height:650px; color:white; background:radial-gradient(circle at 80% 30%,rgba(24,169,213,.13),transparent 25rem),var(--navy); border-bottom:1px solid var(--line-strong); }
.page-hero p { color:var(--muted); }
.page-media { border-radius:4px; border:1px solid var(--cyan); box-shadow:10px 10px 0 rgba(75,209,140,.16); }
.download-row .platform { color:var(--navy); background:var(--green); }
.help-nav a { border-radius:3px; color:var(--muted); }
.help-nav a:hover { color:var(--navy); background:var(--green); }
.help-card:hover { border-color:var(--green); background:#142231; box-shadow:inset 0 -3px var(--green); }
.article { color:white; }
.article-num,.article > span:last-child { color:var(--green); }
.site-footer { background:var(--navy); border-top:2px solid var(--green); }
@media (max-width:980px) { .site-header .nav-links { background:#111b27; border-color:var(--line-strong); } }
@media (max-width:680px) { .procurement-flow { grid-template-columns:1fr 1fr; } .procurement-step:nth-child(2) { border-right:0; } .procurement-step:not(:last-child)::after { display:none; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; } }