:root {
  --bg:#f4f6f8; --surface:#ffffff; --ink:#16202c; --muted:#6b7786;
  --line:#d7dde4; --line-strong:#aeb9c6; --red:#e73535; --red-dark:#bf232b;
  --blue:#1266d4; --cyan:#4ca6ff; --green:#16876a; --navy:#101b2c;
  --soft-blue:#e7f0ff; --soft-red:#ffebea; --radius:8px;
  --shadow:0 22px 60px rgba(30,55,86,.13);
}
body { background:linear-gradient(90deg,#fff8f7 0 50%,#f3f8ff 50%); }
.site-header { background:rgba(255,255,255,.94); border-bottom:3px solid; border-image:linear-gradient(90deg,var(--red) 0 50%,var(--blue) 50%) 1; }
.logo-mark { border-radius:4px; background:linear-gradient(135deg,var(--red) 0 50%,var(--blue) 50%); }
.logo small { color:var(--blue); font-family:Consolas,monospace; }
.nav-links a:hover,.nav-links a[aria-current="page"] { color:var(--red); }
.nav-cta,.btn { border-radius:4px; background:var(--red); border-color:var(--red); box-shadow:4px 4px 0 var(--blue); }
.btn:hover,.nav-cta:hover { background:var(--blue); border-color:var(--blue); box-shadow:4px 4px 0 var(--red); }
.btn-secondary { color:var(--blue); background:white; border-color:var(--blue); box-shadow:none; }

.hero { min-height:900px; color:white; background:linear-gradient(90deg,#40191d 0 50%,#102b54 50%); overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(231,53,53,.22),transparent 45%,transparent 55%,rgba(18,102,212,.22)); }
.hero::after { background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.09),transparent 20rem); }
.hero-grid { padding-top:145px; gap:7%; }
.live-badge { border-radius:4px; color:white; border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.08); font-family:Consolas,monospace; }
.live-dot { border-radius:2px; background:white; box-shadow:0 0 0 5px rgba(255,255,255,.1); }
h1,.title { font-family:"Arial Narrow","Microsoft YaHei",sans-serif; letter-spacing:-.045em; }
h1 span { color:white; text-decoration:underline; text-decoration-color:var(--cyan); text-decoration-thickness:5px; }
.hero-copy p { color:#d8dee8; }
.trust-row { color:#b4bfcc; font-family:Consolas,monospace; }
.app-window { border-radius:8px; border:1px solid white; background:#111a27; box-shadow:12px 12px 0 var(--red),-12px -12px 0 rgba(18,102,212,.6); }
.app-window img { border-radius:7px; }
.window-bar { background:#111a27; border-color:#4a5665; }
.presence-card { border-radius:6px; color:white; border:1px solid white; background:rgba(16,27,44,.94); box-shadow:5px 5px 0 var(--red); }
.presence-two { box-shadow:5px 5px 0 var(--blue); }
.presence-card small { color:#aeb9c8; }
.presence-avatars span { border-radius:4px; background:var(--red); border-color:var(--navy); }
.presence-avatars span:nth-child(2),.presence-avatars span:nth-child(3) { background:var(--blue); }

.timezone-bar { margin:0; border:0; background:var(--navy); }
.procurement-flow { border:1px solid #43536a; border-radius:6px; background:#172439; box-shadow:7px 7px 0 rgba(231,53,53,.32); backdrop-filter:none; }
.procurement-step { color:white; border:0; border-right:1px solid #43536a; background:transparent; }
.procurement-step:last-child { border:0; }
.procurement-step:nth-child(odd) small { color:#ff7979; }
.procurement-step:nth-child(even) small { color:#63a9ff; }
.procurement-step:not(:last-child)::after { content:"◆"; color:white; font-size:10px; }
.procurement-step span { color:#9eabba; }

.section { padding-block:120px; }
.section-white { background:rgba(255,255,255,.82); }
.section-dark { margin:0 18px; border-radius:24px; background:linear-gradient(90deg,#411b20 0 50%,#112d59 50%); }
.eyebrow { color:var(--red); font-family:Consolas,monospace; }
.eyebrow::before { border-radius:2px; background:linear-gradient(180deg,var(--red) 0 50%,var(--blue) 50%); box-shadow:none; }
.title span { color:var(--blue); }
.section-dark .title span { color:#77b7ff; }
.intro { color:var(--muted); }
.feature-grid { gap:10px; }
.feature-card { border-radius:8px; border-color:var(--line); background:white; }
.feature-card:nth-child(odd) { border-top:4px solid var(--red); }
.feature-card:nth-child(even) { border-top:4px solid var(--blue); }
.feature-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
.feature-icon { border-radius:5px; color:var(--red); background:var(--soft-red); }
.feature-card:nth-child(even) .feature-icon { color:var(--blue); background:var(--soft-blue); }
.card-presence { color:var(--green); }
.collab-media img { border-radius:12px; border:5px solid white; box-shadow:10px 10px 0 var(--red),-10px -10px 0 var(--blue); }
.floating-note { border-radius:6px; border-left:4px solid var(--red); border-right:4px solid var(--blue); box-shadow:var(--shadow); }
.floating-note span { color:var(--blue); }
.check-list li::before { border-radius:3px; color:white; background:linear-gradient(135deg,var(--red),var(--blue)); }

.download-grid { gap:8px; border:0; background:transparent; }
.download-card { border-radius:7px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.07); }
.download-card:nth-child(odd) { box-shadow:inset 0 -4px var(--red); }
.download-card:nth-child(even) { box-shadow:inset 0 -4px var(--cyan); }
.platform { border-radius:4px; color:white; background:var(--red); }
.download-card:nth-child(even) .platform { background:var(--blue); }
.scene-grid,.quotes { gap:10px; }
.scene-card,.quote,.price-card,.help-card,.help-nav,.search-box,.requirement,.download-row { border-radius:8px; border-color:var(--line); background:white; }
.scene-card:not(:first-child) { background:white; }
.scene-card:nth-child(odd),.quote:nth-child(odd) { border-top:4px solid var(--red); }
.scene-card:nth-child(even),.quote:nth-child(even) { border-top:4px solid var(--blue); }
.scene-graphic { border-radius:6px; border-color:var(--line-strong); background:linear-gradient(90deg,#ffe8e7 0 50%,#e7f0ff 50%); }
.scene-graphic::before { background:var(--red); }
.scene-graphic::after { background:var(--blue); }
.avatar { border-radius:4px; background:var(--red); }
.quote:nth-child(2) .avatar { background:var(--blue); }
.quote:nth-child(3) .avatar { background:linear-gradient(135deg,var(--red),var(--blue)); }
.price-card.featured { color:white; background:linear-gradient(135deg,var(--red),var(--blue)); border:0; box-shadow:0 26px 65px rgba(43,77,130,.22); }
.plan { border-radius:4px; color:var(--red); background:var(--soft-red); }
.featured .plan { color:white; background:rgba(255,255,255,.2); }
.faq-item { border-color:var(--line-strong); }
.faq-question b { border-radius:4px; color:white; background:linear-gradient(135deg,var(--red),var(--blue)); }
.cta-panel { border-radius:14px; background:linear-gradient(90deg,var(--red),var(--blue)); box-shadow:0 28px 70px rgba(42,73,117,.2); }
.page-hero { min-height:640px; color:white; background:linear-gradient(90deg,#40191d 0 50%,#102b54 50%); border:0; }
.page-hero p { color:#d8dee8; }
.page-media { border-radius:8px; border:4px solid white; box-shadow:9px 9px 0 var(--red),-9px -9px 0 var(--blue); }
.download-row:nth-child(odd) { border-left:4px solid var(--red); }
.download-row:nth-child(even) { border-left:4px solid var(--blue); }
.download-row .platform { color:white; background:var(--red); }
.help-nav a { border-radius:4px; }
.help-nav a:hover { color:white; background:linear-gradient(90deg,var(--red),var(--blue)); }
.help-card:hover { border-color:var(--blue); box-shadow:inset 4px 0 var(--red),inset -4px 0 var(--blue); }
.article-num { color:var(--red); }
.article > span:last-child { color:var(--blue); }
.site-footer { background:linear-gradient(90deg,#271014 0 50%,#0b203e 50%); }
@media (max-width:980px) { .site-header .nav-links { background:white; border-color:var(--line-strong); } }
@media (max-width:680px) { .section-dark { margin-inline:8px; } .procurement-flow { grid-template-columns:1fr 1fr; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; } }