:root {
  --bg: #fff8f2;
  --surface: #fffdf9;
  --ink: #332638;
  --muted: #796a76;
  --line: #ead8d2;
  --line-strong: #d6b9b3;
  --red: #ef6548;
  --red-dark: #d94c34;
  --blue: #a05bb8;
  --cyan: #d287b7;
  --green: #5e9c7b;
  --navy: #38243f;
  --soft-blue: #f4e6f4;
  --soft-red: #ffe8de;
  --radius: 26px;
  --shadow: 0 28px 80px rgba(121,71,83,.14);
}

body { background: linear-gradient(180deg,#fff9f4 0,#fff5ee 55%,#f8ecf3 100%); }
.site-header { background: rgba(255,253,249,.88); border-bottom: 1px solid rgba(172,113,111,.2); backdrop-filter: blur(22px); }
.logo-mark { border-radius: 50%; background: linear-gradient(135deg,#ff8d54,#b75cae); box-shadow: 0 8px 22px rgba(239,101,72,.24); }
.logo small { color: var(--red); }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--red); }
.nav-cta, .btn { border-radius: 999px; background: var(--red); border-color: var(--red); box-shadow: 0 10px 24px rgba(239,101,72,.2); }
.btn:hover, .nav-cta:hover { background: var(--navy); border-color: var(--navy); transform: translateY(-2px); }
.btn-secondary { color: var(--navy); background: rgba(255,255,255,.72); border-color: rgba(85,50,74,.2); box-shadow: none; }

.hero { min-height: 900px; color: var(--ink); background: linear-gradient(145deg,#fff6ec 0%,#ffd8c5 42%,#dca6d4 100%); overflow: hidden; }
.hero::before { content: ""; position: absolute; width: 520px; height: 520px; right: 7%; top: 110px; border-radius: 50%; background: rgba(255,195,111,.42); filter: blur(2px); box-shadow: 0 0 0 70px rgba(255,255,255,.09),0 0 0 140px rgba(255,255,255,.05); }
.hero::after { background: linear-gradient(180deg,transparent 55%,rgba(91,48,87,.08)); }
.hero-grid { padding-top: 145px; gap: 7%; }
.live-badge { border: 0; border-radius: 999px; color: var(--red); background: rgba(255,255,255,.62); box-shadow: inset 0 0 0 1px rgba(121,71,83,.12); }
.live-dot { background: var(--red); box-shadow: 0 0 0 5px rgba(239,101,72,.12); }
h1, .title { font-family: "Arial Narrow","Microsoft YaHei",sans-serif; letter-spacing: -.05em; }
h1 span { color: #8c4f9e; }
.hero-copy p { color: #675566; }
.trust-row { color: #856f7a; }
.trust-row span::before { background: var(--red); }
.app-window { border-radius: 34px; border: 7px solid rgba(255,255,255,.75); background: rgba(255,255,255,.35); box-shadow: 0 42px 100px rgba(72,38,65,.24); transform: rotate(1.2deg); }
.app-window img { border-radius: 27px; }
.window-bar { display: none; }
.presence-card { border: 1px solid rgba(255,255,255,.75); border-radius: 20px; color: var(--ink); background: rgba(255,255,255,.82); box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.presence-card small { color: var(--muted); }
.presence-avatars span { border-radius: 50%; background: var(--red); border-color: white; }
.presence-avatars span:nth-child(2) { background: var(--blue); }
.presence-avatars span:nth-child(3) { background: #d79748; }

.timezone-bar { margin-top: -52px; border: 0; background: transparent; }
.procurement-flow { border: 1px solid rgba(255,255,255,.75); border-radius: 28px; background: rgba(255,253,249,.84); box-shadow: var(--shadow); backdrop-filter: blur(20px); }
.procurement-step { border: 0; background: transparent; }
.procurement-step:not(:last-child)::after { content: "→"; color: var(--red); }
.procurement-step small { color: var(--red); }
.procurement-step span { color: var(--muted); }

.section { padding-block: 120px; }
.section-white { background: rgba(255,253,249,.72); }
.section-dark { margin: 0 18px; border-radius: 50px; background: linear-gradient(135deg,#38243f,#784864); }
.eyebrow { color: var(--red); }
.eyebrow::before { background: var(--red); box-shadow: 0 0 0 7px rgba(239,101,72,.1); }
.title span { color: var(--red); }
.section-dark .title span { color: #ffc78d; }
.intro { color: var(--muted); }

.feature-grid { gap: 15px; }
.feature-card { border-radius: 24px; border-color: rgba(197,147,141,.25); background: rgba(255,253,249,.78); }
.feature-card:hover { transform: translateY(-6px); border-color: rgba(239,101,72,.38); box-shadow: var(--shadow); }
.feature-icon { border-radius: 16px; color: var(--red); background: var(--soft-red); }
.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon { color: var(--blue); background: var(--soft-blue); }
.card-presence { color: var(--green); }
.collab-media img { border-radius: 36px; border: 7px solid white; box-shadow: var(--shadow); }
.floating-note { border: 0; border-radius: 18px; box-shadow: var(--shadow); }
.floating-note span { color: var(--red); }
.check-list li::before { border-radius: 50%; color: white; background: var(--red); }

.download-grid { gap: 12px; border: 0; background: transparent; }
.download-card { border-radius: 22px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.07); }
.platform { border-radius: 14px; color: #ffd29c; background: rgba(255,210,156,.12); }
.scene-grid,.quotes { gap: 15px; }
.scene-card,.quote,.price-card,.help-card,.help-nav,.search-box,.requirement,.download-row { border-radius: 24px; border-color: rgba(197,147,141,.28); background: rgba(255,253,249,.8); }
.scene-card:not(:first-child) { background: rgba(255,253,249,.8); }
.scene-graphic { border-radius: 20px; border-color: var(--line); background: linear-gradient(145deg,#ffe2d2,#ead5ed); }
.scene-graphic::before,.scene-graphic::after { border-radius: 50%; background: var(--red); }
.avatar { border-radius: 50%; background: var(--red); }
.quote:nth-child(2) .avatar { background: var(--blue); }
.quote:nth-child(3) .avatar { background: #d79748; }

.price-card.featured { color: white; background: linear-gradient(145deg,#ef6548,#ad5aa1); border: 0; box-shadow: 0 30px 70px rgba(165,74,104,.25); }
.plan { border-radius: 999px; color: var(--red); background: var(--soft-red); }
.featured .plan { color: white; background: rgba(255,255,255,.18); }
.faq-item { border-color: var(--line); }
.faq-question b { border-radius: 50%; color: white; background: var(--red); }
.cta-panel { border-radius: 38px; background: linear-gradient(125deg,#ef6548,#a75da8); box-shadow: 0 32px 80px rgba(165,74,104,.2); }

.page-hero { min-height: 640px; color: var(--ink); background: linear-gradient(145deg,#fff6ec,#ffd8c5 55%,#dca6d4); border: 0; }
.page-hero p { color: #675566; }
.page-media { border-radius: 32px; border: 7px solid white; box-shadow: var(--shadow); }
.download-row .platform { color: white; background: var(--red); }
.help-nav a { border-radius: 999px; }
.help-nav a:hover { color: white; background: var(--red); }
.help-card:hover { border-color: rgba(239,101,72,.42); box-shadow: var(--shadow); }
.article-num,.article > span:last-child { color: var(--red); }
.site-footer { background: #38243f; }

@media (max-width: 980px) {
  .site-header .nav-links { background: var(--surface); }
}
@media (max-width: 680px) {
  .section-dark { margin-inline: 8px; border-radius: 32px; }
  .procurement-flow { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation: none !important; transition: none !important; }
}