:root {
  --bg:#050914; --surface:#0c1424; --ink:#f5f8ff; --muted:#8b9bb5;
  --line:#24324a; --line-strong:#3c4f70; --red:#ff2aa6; --red-dark:#d50782;
  --blue:#12cfff; --cyan:#6eeeff; --green:#c8ff24; --navy:#030711;
  --soft-blue:#0b3142; --soft-red:#39132f; --radius:3px;
  --shadow:0 24px 70px rgba(18,207,255,.12);
}
body {
  color:var(--ink);
  background:
    linear-gradient(90deg,transparent 49.6%,rgba(18,207,255,.05) 49.8%,rgba(18,207,255,.05) 50.2%,transparent 50.4%),
    var(--bg);
}
.site-header { background:rgba(3,7,17,.92); border-bottom:1px solid var(--line-strong); backdrop-filter:blur(18px); }
.logo { color:white; }
.logo-mark { border-radius:2px; color:var(--navy); background:var(--green); box-shadow:0 0 18px rgba(200,255,36,.4); }
.logo small { color:var(--blue); font-family:Consolas,monospace; }
.nav-links a { color:#9babc3; font:700 10px Consolas,monospace; }
.nav-links a:hover,.nav-links a[aria-current="page"] { color:var(--green); }
.nav-cta,.btn { border-radius:2px; color:var(--navy); background:var(--green); border-color:var(--green); clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,8px 50%); }
.btn:hover,.nav-cta:hover { color:white; background:var(--red); border-color:var(--red); box-shadow:0 0 28px rgba(255,42,166,.3); transform:translateX(3px); }
.btn-secondary { color:var(--cyan); background:transparent; border-color:var(--cyan); }

.hero { min-height:920px; color:white; background:radial-gradient(circle at 78% 35%,rgba(18,207,255,.15),transparent 27rem),var(--navy); overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(108deg,transparent 0 53%,rgba(200,255,36,.09) 53.2% 53.8%,transparent 54% 60%,rgba(18,207,255,.08) 60.2% 60.8%,transparent 61%); }
.hero::after { background:linear-gradient(180deg,transparent 55%,rgba(255,42,166,.08)); }
.hero-grid { padding-top:145px; gap:7%; }
.live-badge { border-radius:2px; color:var(--green); border-color:var(--line-strong); background:rgba(12,20,36,.76); font-family:Consolas,monospace; }
.live-dot { border-radius:0; background:var(--red); box-shadow:0 0 12px var(--red); }
h1,.title { font-family:"Arial Narrow",Impact,"Microsoft YaHei",sans-serif; font-weight:900; letter-spacing:-.045em; }
h1 span { color:var(--cyan); text-shadow:4px 0 rgba(255,42,166,.4); }
.hero-copy p { color:#9aa9c0; }
.trust-row { color:#71819b; font-family:Consolas,monospace; }
.trust-row span::before { background:var(--green); box-shadow:0 0 10px var(--green); }
.app-window { border-radius:3px; border:1px solid var(--cyan); background:#08101d; box-shadow:14px 14px 0 rgba(200,255,36,.18),0 0 50px rgba(18,207,255,.12); transform:perspective(1100px) rotateY(-3deg); }
.app-window img { border-radius:2px; }
.window-bar { background:#08101d; border-color:var(--line-strong); }
.window-dots span { border-radius:0; }
.presence-card { border-radius:2px; color:white; border:1px solid var(--green); background:rgba(7,12,23,.94); box-shadow:6px 6px 0 rgba(255,42,166,.25); }
.presence-card small { color:var(--muted); }
.presence-avatars span { border-radius:2px; background:var(--blue); border-color:var(--navy); }
.presence-avatars span:nth-child(2) { background:var(--red); }
.presence-avatars span:nth-child(3) { color:var(--navy); background:var(--green); }

.timezone-bar { margin:0; border-color:var(--line-strong); background:#080e1a; }
.procurement-flow { border:1px solid var(--line-strong); border-radius:2px; background:#0c1424; box-shadow:8px 8px 0 rgba(18,207,255,.12); 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); text-shadow:0 0 10px 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 #151f31; }
.section-white { background:#080d18; }
.section-dark { margin:0; border-radius:0; background:#070c16; }
.eyebrow { color:var(--green); font-family:Consolas,monospace; }
.eyebrow::before { border-radius:0; background:var(--red); box-shadow:0 0 12px var(--red); }
.title span,.section-dark .title span { color:var(--cyan); }
.intro { color:var(--muted); }
.feature-grid { gap:8px; }
.feature-card { border-radius:2px; border-color:var(--line); color:white; background:#0c1424; clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%); }
.feature-card:hover { transform:translateY(-5px); border-color:var(--green); background:#101b2e; box-shadow:inset 0 -3px var(--red),var(--shadow); }
.feature-card p { color:var(--muted); }
.feature-icon { border-radius:2px; 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(--red); font-family:Consolas,monospace; }
.collab-media { border:1px solid var(--cyan); background:var(--navy); box-shadow:12px 12px 0 rgba(200,255,36,.18); }
.collab-media img { border:0; border-radius:2px; box-shadow:none; }
.floating-note { border-radius:2px; color:white; border:1px solid var(--red); background:#0c1424; box-shadow:5px 5px 0 rgba(18,207,255,.2); }
.floating-note span { color:var(--green); }
.check-list li { color:var(--muted); }
.check-list li::before { border-radius:1px; 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:#0c1424; }
.download-card p { color:var(--muted); }
.platform { border-radius:2px; 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:2px; border-color:var(--line); color:white; background:#0c1424; }
.scene-card:not(:first-child) { background:#0c1424; }
.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:2px; border-color:var(--cyan); background:repeating-linear-gradient(135deg,#0c1424 0 16px,#111d31 16px 32px); }
.scene-graphic::before,.scene-graphic::after { border-radius:0; background:var(--red); box-shadow:0 0 10px var(--red); }
.avatar { border-radius:2px; background:var(--blue); }
.quote:nth-child(2) .avatar { background:var(--red); }
.quote:nth-child(3) .avatar { color:var(--navy); background:var(--green); }

.price-card.featured { color:var(--navy); background:var(--green); border-color:var(--green); box-shadow:10px 10px 0 rgba(255,42,166,.35); }
.price-card.featured p,.price-card.featured li { color:#27300d; }
.plan { border-radius:2px; 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:1px; color:var(--navy); background:var(--green); box-shadow:3px 3px 0 var(--red); }
.cta-panel { border-radius:3px; border:1px solid var(--cyan); background:#0c1424; box-shadow:14px 14px 0 rgba(200,255,36,.22); }

.page-hero { min-height:650px; color:white; background:radial-gradient(circle at 80% 30%,rgba(18,207,255,.14),transparent 25rem),var(--navy); border-bottom:1px solid var(--line-strong); }
.page-hero p { color:var(--muted); }
.page-media { border-radius:2px; border:1px solid var(--cyan); box-shadow:10px 10px 0 rgba(200,255,36,.22); }
.download-row .platform { color:var(--navy); background:var(--green); }
.help-nav a { border-radius:2px; color:var(--muted); }
.help-nav a:hover { color:var(--navy); background:var(--green); }
.help-card:hover { border-color:var(--green); background:#101b2e; box-shadow:inset 0 -3px var(--red); }
.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:#0c1424; 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; } }