:root {
  --bg:#ffffff;
  --bg-alt:#f5f5f1;
  --surface:#ffffff;
  --surface-2:#f0f0ec;
  --ink:#0b0b0b;
  --muted:#5f625f;
  --line:rgba(11,11,11,.12);
  --line-strong:rgba(11,11,11,.22);
  --accent:#e8ff4f;
  --accent-2:#f0ff86;
  --accent-soft:rgba(216,242,48,.2);
  --accent-ink:#0a0a0a;
  --nav-height:110px;
  --shadow:0 34px 90px rgba(0,0,0,.15);
  --section-pad:clamp(94px,8vw,138px);
  color-scheme:light;
}
html { scroll-snap-type:y proximity; }

body {
  color:var(--ink);
  background:#fff;
  font-family:"Helvetica Neue","Noto Sans SC","PingFang SC","Arial Nova",Arial,sans-serif;
  font-weight:400;
  font-size:16px;
  letter-spacing:-.025em;
}
.container { width:min(100% - 72px,1390px); }

/* Ramp-like announcement and navigation */
.navbar { border-bottom:1px solid #deded8;background:rgba(255,255,255,.95);box-shadow:none;backdrop-filter:blur(18px); }
.navbar::before { display:flex;height:34px;align-items:center;justify-content:center;color:#fff;background:#171717;content:"MSTATA · 医学科研从数据到论文的一体化专业工作流  →";font-size:.75rem;font-weight:600;letter-spacing:.02em; }
.navbar > .container { min-height:76px; }
.logo-img { width:136px;filter:grayscale(1) contrast(1.8) brightness(.2); }
.logo-ver { border:1px solid #d7d7d2;border-radius:4px;color:#272727;background:#f3f3ef;font-size:.7rem; }
.nav-links { gap:25px; }
.nav-links a { color:#222;font-size:.86rem;font-weight:560;letter-spacing:-.01em; }
.nav-links a:hover,.nav-links a.active { color:#000; }
.nav-links a::after { bottom:-12px;height:3px;background:#0b0b0b; }

/* Precision operating-system hero */
.hero { overflow:hidden;padding:0;background:#fff; }
.hero::before {
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.13) 1px,transparent 1.25px);
  background-size:20px 20px;
  content:"";
  opacity:.36;
}
.hero::after { position:absolute;right:0;bottom:0;width:43%;height:21%;background:#e8ff4f;content:"";clip-path:polygon(26% 0,100% 0,100% 100%,0 100%); }
.hero-grid { position:relative;z-index:2;display:grid;min-height:calc(100svh - var(--nav-height));align-items:center;padding:clamp(66px,7vh,94px) 0 130px;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:62px; }
.hero-content { position:relative;z-index:3;max-width:780px; }
.hero-badge { margin-bottom:24px;padding:8px 11px;border:1px solid #cfcfca;border-radius:4px;color:#333;background:#fff;font-size:.74rem;font-weight:650;letter-spacing:.09em; }
.hero-badge::before { width:7px;height:7px;border-radius:50%;background:#0b0b0b; }
.hero h1 {
  margin:0;
  color:#0b0b0b;
  font-family:"Helvetica Neue","Noto Sans SC","PingFang SC",Arial,sans-serif;
  font-size:clamp(3.6rem,3.7vw,5.25rem);
  font-weight:520;
  line-height:1.02;
  letter-spacing:-.065em;
  word-break:keep-all;
}
.text-accent { position:relative;display:inline;color:#0b0b0b;background:linear-gradient(transparent 72%,#e8ff4f 72%);white-space:nowrap; }
.hero-features { margin:32px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px; }
.hero-features li { padding:0 0 0 17px;color:#575a56;font-size:.9rem;line-height:1.58; }
.hero-features li::before { top:.56em;width:6px;height:6px;border:0;border-radius:0;background:#0b0b0b;box-shadow:none; }
.btn-container { flex-wrap:nowrap;margin-top:32px;gap:8px; }
.btn-primary,.btn-secondary { min-height:50px;padding:12px 22px;border-radius:5px;font-size:.94rem;font-weight:700;box-shadow:none; }
.hero .btn-primary { border-color:#0b0b0b;color:#fff;background:#0b0b0b; }
.hero .btn-primary:hover { color:#0b0b0b;background:#e8ff4f; }
.hero .btn-secondary { border-color:#c9cac5;color:#0b0b0b;background:#fff; }
.hero .btn-secondary:hover { border-color:#0b0b0b;background:#f5f5f1; }

.hero-visual {
  position:relative;
  z-index:2;
  min-height:470px;
  margin:0;
  padding:58px 22px 22px;
  border:1px solid #c9cac5;
  border-radius:7px;
  background:#f5f5f1;
  box-shadow:14px 14px 0 #0b0b0b;
  overflow:hidden;
}
.hero-visual::before { position:absolute;top:0;right:0;left:0;height:38px;border-bottom:1px solid #c9cac5;background:linear-gradient(90deg,#fff 0 15%,#e8ff4f 15% 30%,#fff 30%);content:""; }
.hero-visual::after { position:absolute;top:13px;left:14px;width:8px;height:8px;border-radius:50%;background:#0b0b0b;content:"";box-shadow:15px 0 0 #9b9b96,30px 0 0 #c8c8c2; }
.hero-visual > img { position:absolute;inset:38px 0 0;width:100%;height:calc(100% - 38px);object-fit:cover;opacity:.075;filter:grayscale(1) contrast(1.25); }
.hero-visual-index { position:absolute;z-index:2;top:55px;left:22px;color:#555751;font-size:.7rem;font-weight:700;letter-spacing:.13em; }
.hero-stats { position:relative;z-index:3;display:grid;margin-top:26px;grid-template-columns:1fr;gap:10px; }
.stat-card { min-height:102px;padding:18px 20px;border:1px solid #d1d2cc;border-radius:5px;background:rgba(255,255,255,.91);box-shadow:none; }
.stat-card:nth-child(2) { margin-left:38px; }
.stat-card:nth-child(3) { margin-left:76px;background:#e8ff4f; }
.stat-icon { width:38px;height:38px;flex-basis:38px;border-radius:4px;color:#0b0b0b;background:#eef0e9; }
.stat-card:nth-child(3) .stat-icon { background:#fff; }
.stat-number { color:#0b0b0b;font-size:1.72rem;font-weight:650; }
.stat-label { margin-top:5px;color:#686a66;font-size:.8rem; }

/* Separate software chapter */
.workspace-preview { --accent:#95a900;--accent-soft:rgba(232,255,79,.3);display:flex;align-items:center;overflow:hidden;background:#f0f0ec; }
.workspace-preview::before { position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:32px 32px;content:""; }
.workspace-preview .hero-product-preview { width:min(100% - 76px,1410px); }
.workspace-preview .preview-window { border:1px solid #9c9e98;border-radius:7px;box-shadow:18px 18px 0 rgba(0,0,0,.12);transform:none; }
.workspace-preview .preview-status { color:#0b0b0b; }
.workspace-preview .preview-status > span,.workspace-preview .preview-sidebar-foot > span { background:#0b0b0b;box-shadow:0 0 0 6px rgba(232,255,79,.52); }
.workspace-preview .preview-pvalue { border-color:#a9bc1c;color:#0b0b0b;background:#e8ff4f; }

/* Refined clinical evidence panels */
.workspace-preview .preview-report { background:#f7f8f5; }
.workspace-preview .preview-pro-grid { gap:18px; }
.workspace-preview .preview-pro-panel {
  position:relative;
  overflow:hidden;
  padding:21px 22px;
  border:1px solid #d9ddd4;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 30px rgba(25,33,24,.06);
}
.workspace-preview .preview-pro-panel::before { position:absolute;top:0;right:0;left:0;height:3px;background:#171a18;content:""; }
.workspace-preview .preview-survival-panel::before,.workspace-preview .preview-writing-panel::before { background:#d9ed35; }
.workspace-preview .preview-panel-head { align-items:flex-start;margin-bottom:2px; }
.workspace-preview .preview-panel-head small { color:#7a8178;font-size:.64rem;letter-spacing:.11em; }
.workspace-preview .preview-panel-head h3 { margin-top:8px;color:#111512;font-size:1.04rem;font-weight:720;letter-spacing:-.025em; }
.workspace-preview .preview-panel-chip,.workspace-preview .preview-writing-progress {
  border-color:#d9ddd4;
  color:#4f574f;
  background:#f7f8f5;
}

.workspace-preview .preview-journal-table { margin-top:18px;color:#5d655e;font-size:.68rem; }
.workspace-preview .preview-journal-table th { border-top:2px solid #202622;border-bottom:1px solid #cfd5cd;color:#1a201c;font-weight:750; }
.workspace-preview .preview-journal-table td { border-bottom:1px solid #e6e9e3; }
.workspace-preview .preview-journal-table tbody tr:nth-child(2) { background:#f6f9dd; }
.workspace-preview .preview-journal-table tbody tr:nth-child(2) td { color:#1d241f;font-weight:700; }
.workspace-preview .preview-diagnostic-row span,.workspace-preview .preview-output-row span {
  border:1px solid #e0e5d6;
  border-radius:6px;
  color:#596258;
  background:#f7f9ec;
  font-size:.6rem;
}
.workspace-preview .preview-diagnostic-row i,.workspace-preview .preview-output-row i { color:#839600; }

.workspace-preview .preview-km-chart {
  height:158px;
  overflow:hidden;
  border-color:#d8ddd5;
  border-radius:0 0 8px 0;
  background:linear-gradient(180deg,#fcfdf9,#f7f9f4);
}
.workspace-preview .preview-km-grid {
  background-image:linear-gradient(#e7ebe5 1px,transparent 1px),linear-gradient(90deg,#e7ebe5 1px,transparent 1px);
  opacity:1;
}
.workspace-preview .preview-km-curve i { background:#8b9f00; }
.workspace-preview .preview-km-curve.curve-b i { background:#26312a; }
.workspace-preview .preview-km-curve i.h { height:3px; }
.workspace-preview .preview-km-curve i.v { width:3px; }
.workspace-preview .preview-km-legend {
  border:1px solid #dfe4dc;
  color:#535d55;
  background:rgba(255,255,255,.94);
  box-shadow:0 5px 14px rgba(20,29,22,.06);
}
.workspace-preview .preview-km-legend i { background:#8b9f00; }
.workspace-preview .preview-km-legend span:last-child i { background:#26312a; }
.workspace-preview .preview-risk-row { color:#6b736c;font-size:.57rem; }
.workspace-preview .preview-risk-row strong { color:#202622; }

.workspace-preview .preview-forest-columns,.workspace-preview .preview-forest-row {
  grid-template-columns:84px minmax(120px,1fr) 116px 78px;
  gap:8px;
}
.workspace-preview .preview-forest-columns {
  margin-top:16px;
  padding:8px;
  border:1px solid #e1e5de;
  border-radius:7px;
  color:#6b736c;
  background:#f7f8f5;
  font-size:.58rem;
  font-weight:650;
}
.workspace-preview .preview-forest-columns span:nth-child(2),.workspace-preview .preview-forest-columns span:last-child { text-align:center; }
.workspace-preview .preview-forest-body { padding-top:4px; }
.workspace-preview .preview-forest-reference { display:none; }
.workspace-preview .preview-forest-row {
  min-height:36px;
  padding:0 8px;
  border-bottom:1px solid #edf0eb;
  color:#4f5851;
  font-size:.63rem;
}
.workspace-preview .preview-forest-row:first-of-type { border-radius:6px;background:#f7f9df;color:#1c231e;font-weight:700; }
.workspace-preview .preview-forest-row:nth-of-type(2) { border-radius:6px;background:#f7f9df;color:#1c231e;font-weight:700; }
.workspace-preview .preview-forest-row strong { color:#202722;font-size:.63rem;font-weight:700;text-align:right; }
.workspace-preview .preview-forest-row em { color:#59625b;font-size:.61rem;font-weight:650;text-align:center; }
.workspace-preview .preview-forest-track {
  height:22px;
  border-radius:4px;
  background:linear-gradient(90deg,transparent 49.65%,#a3b30e 49.65% 50.35%,transparent 50.35%);
}
.workspace-preview .preview-forest-track > i {
  top:10px;
  height:3px;
  border-radius:999px;
  background:#3d4941;
  box-shadow:0 0 0 1px rgba(61,73,65,.06);
}
.workspace-preview .preview-forest-track > i::before,.workspace-preview .preview-forest-track > i::after {
  position:absolute;
  top:-3px;
  width:1px;
  height:9px;
  background:#3d4941;
  content:"";
}
.workspace-preview .preview-forest-track > i::before { left:0; }
.workspace-preview .preview-forest-track > i::after { right:0; }
.workspace-preview .preview-forest-track b {
  top:-4px;
  width:11px;
  height:11px;
  border:2px solid #fff;
  border-radius:2px;
  background:#151a17;
  box-shadow:0 0 0 1px #151a17,0 2px 5px rgba(0,0,0,.18);
  transform:translateX(-50%);
}
.workspace-preview .preview-forest-row:first-of-type .preview-forest-track > i { background:#879900; }
.workspace-preview .preview-forest-row:first-of-type .preview-forest-track > i::before,.workspace-preview .preview-forest-row:first-of-type .preview-forest-track > i::after { background:#879900; }
.workspace-preview .preview-forest-row:first-of-type .preview-forest-track b { background:#dff531;box-shadow:0 0 0 1px #677400,0 2px 5px rgba(0,0,0,.14); }
.workspace-preview .preview-forest-row:nth-of-type(2) .preview-forest-track > i { background:#879900; }
.workspace-preview .preview-forest-row:nth-of-type(2) .preview-forest-track > i::before,.workspace-preview .preview-forest-row:nth-of-type(2) .preview-forest-track > i::after { background:#879900; }
.workspace-preview .preview-forest-row:nth-of-type(2) .preview-forest-track b { background:#dff531;box-shadow:0 0 0 1px #677400,0 2px 5px rgba(0,0,0,.14); }
.workspace-preview .preview-forest-axis {
  display:grid;
  margin:7px calc(116px + 78px + 24px) 0 calc(84px + 16px);
  padding:0;
  grid-template-columns:repeat(3,1fr);
  color:#777e78;
  font-size:.55rem;
  text-align:center;
}

/* Publication-style forest plot: a quiet plotting field, centered estimates,
   and restrained CI marks that read like a journal figure rather than a UI
   decoration. */
.workspace-preview .preview-forest-columns,
.workspace-preview .preview-forest-row {
  grid-template-columns:84px minmax(136px,1fr) 128px 82px;
  align-items:center;
}
.workspace-preview .preview-forest-columns span:nth-child(2),
.workspace-preview .preview-forest-columns span:nth-child(3),
.workspace-preview .preview-forest-columns span:last-child {
  text-align:center;
}
.workspace-preview .preview-forest-row strong,
.workspace-preview .preview-forest-row em {
  display:block;
  text-align:center;
  white-space:nowrap;
}
.workspace-preview .preview-forest-track {
  height:24px;
  border-radius:0;
  background-image:
    linear-gradient(90deg,transparent 24.6%,#e9ede8 24.6% 25.4%,transparent 25.4% 49.6%,#a5b72a 49.6% 50.4%,transparent 50.4% 74.6%,#e9ede8 74.6% 75.4%,transparent 75.4%),
    linear-gradient(0deg,transparent 48%,#f0f2ed 48% 52%,transparent 52%);
}
.workspace-preview .preview-forest-track > i {
  top:11px;
  height:2px;
  border-radius:0;
  background:#26342d;
  box-shadow:none;
}
.workspace-preview .preview-forest-track > i::before,
.workspace-preview .preview-forest-track > i::after {
  top:-4px;
  width:1px;
  height:10px;
  background:#26342d;
}
.workspace-preview .preview-forest-track b {
  top:-5px;
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:1px;
  background:#26342d;
  box-shadow:0 0 0 1px #26342d;
  transform:translateX(-50%);
}
.workspace-preview .preview-forest-row:nth-of-type(2) .preview-forest-track > i,
.workspace-preview .preview-forest-row:nth-of-type(2) .preview-forest-track > i::before,
.workspace-preview .preview-forest-row:nth-of-type(2) .preview-forest-track > i::after {
  background:#748600;
}
.workspace-preview .preview-forest-row:nth-of-type(2) .preview-forest-track b {
  width:13px;
  height:13px;
  background:#d9ec37;
  box-shadow:0 0 0 1px #657500;
  transform:translateX(-50%) rotate(45deg);
}
.workspace-preview .preview-forest-axis {
  margin:8px calc(128px + 82px + 24px) 0 calc(84px + 16px);
  padding-top:6px;
  border-top:1px solid #dfe4dd;
  font-size:.56rem;
  font-variant-numeric:tabular-nums;
}

.workspace-preview .preview-manuscript-tabs { color:#6e766f;font-size:.58rem; }
.workspace-preview .preview-manuscript-tabs .active { color:#222a24;background:#e9f3a7; }
.workspace-preview .preview-manuscript-copy {
  border-color:#dce1d9;
  color:#59615a;
  background:linear-gradient(145deg,#fbfcf8,#f6f8f2);
  box-shadow:inset 3px 0 0 #d8eb3a;
}
.workspace-preview .preview-manuscript-copy strong { color:#1c221e; }

/* Ramp-style conversion grid */
.products { color:#0b0b0b;background:#fff; }
.products .section-title { max-width:1100px;margin:0 auto;color:#0b0b0b;font-size:clamp(3.4rem,4.4vw,5.6rem);font-weight:520;line-height:1;letter-spacing:-.065em;text-align:center; }
.products .section-title::before { display:block;width:max-content;height:auto;margin:0 auto 24px;padding:8px 11px;border:1px solid #cacbc6;border-radius:4px;color:#3e403c;background:#fff;content:"ONE PLATFORM / EVERY WORKFLOW";font-size:.7rem;font-weight:650;letter-spacing:.11em; }
.products .section-description { max-width:920px;margin:22px auto 0;color:#5c5f5b;font-size:.94rem;line-height:1.72;text-align:center; }
.products .section-description + .section-description { margin-top:6px; }
.product-cards { display:grid;margin-top:54px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.product-card {
  min-height:490px;
  padding:26px;
  border:1px solid #d1d2cd;
  border-radius:6px;
  color:#0b0b0b;
  background:#f6f6f2;
  box-shadow:none;
}
.product-card:hover { border-color:#0b0b0b;transform:translateY(-4px);box-shadow:9px 9px 0 #e8ff4f; }
.product-card::before { display:block;margin-bottom:24px;color:#72746f;content:"WORKFLOW 0" attr(data-order);font-size:.68rem;font-weight:650;letter-spacing:.12em; }
.product-icon { display:grid;width:44px;height:44px;border:1px solid #d0d1cc;border-radius:4px;color:#0b0b0b;background:#fff; }
.product-card h3 { min-height:76px;margin:24px 0 14px;color:#0b0b0b;font-size:1.38rem;font-weight:620;line-height:1.36;letter-spacing:-.04em; }
.product-card > p { color:#626560;font-size:.86rem;line-height:1.68; }
.product-features { grid-template-columns:1fr;gap:7px; }
.product-features li { color:#555853;font-size:.8rem; }
.product-features i { color:#0b0b0b; }
.product-card > .btn-primary { border:1px solid #0b0b0b;border-radius:5px;color:#0b0b0b;background:#e8ff4f;box-shadow:none; }
.product-card.featured { border-color:#0b0b0b;color:#fff;background:#0b0b0b; }
.product-card.featured::before,.product-card.featured h3 { color:#fff; }
.product-card.featured > p,.product-card.featured .product-features li { color:#bfc0bb; }
.product-card.featured .product-icon { color:#0b0b0b;background:#e8ff4f; }
.product-card.featured .product-features i { color:#e8ff4f; }
.product-card.featured > .btn-primary { border-color:#e8ff4f;color:#0b0b0b;background:#e8ff4f; }
.product-badge { border:1px solid #e8ff4f;border-radius:4px;color:#0b0b0b;background:#e8ff4f; }

.software-intro { color:#0b0b0b;background:#f5f5f1; }
.software-intro .section-title { max-width:1050px;color:#0b0b0b;font-size:clamp(3.3rem,4.4vw,5.5rem);font-weight:520;line-height:1;letter-spacing:-.064em;text-align:left; }
.software-intro .section-title::before { display:block;width:auto;height:auto;margin:0 0 22px;color:#555853;background:none;content:"HOW IT WORKS / 03";font-size:.7rem;font-weight:650;letter-spacing:.13em; }
.title-container h3 { color:#0b0b0b;text-decoration:underline;text-decoration-color:#e8ff4f;text-decoration-thickness:8px;text-underline-offset:-4px; }
.software-intro-content > h4 { color:#0b0b0b;font-size:1.4rem; }
.highlight-box,.features-table-container,.advantages-table-container { border:1px solid #cecfca;border-radius:6px;background:#fff;box-shadow:none; }
.highlight-box p { color:#5f625e; }
.features-table th,.advantages-table th { color:#0b0b0b;background:#e8ff4f; }
.features-table td,.advantages-table td { border-color:#d8d9d4;color:#5d605c; }
.features-table td:first-child,.advantages-table td:first-child { color:#0b0b0b; }

.users { color:#fff;background:#111; }
.users .section-title { color:#fff;font-size:clamp(3.3rem,4.4vw,5.5rem);font-weight:520;line-height:1;letter-spacing:-.064em; }
.users .section-description { color:#a9aaa6; }
.video-item { border:1px solid #383838;border-radius:6px;background:#1a1a1a;box-shadow:none; }
.video-item h3 { color:#fff; }
.papers { background:#fff; }
.papers .section-title,.faq-section .section-title { color:#0b0b0b;font-size:clamp(3.2rem,4.2vw,5.3rem);font-weight:520;line-height:1;letter-spacing:-.062em; }
.papers-container { border:1px solid #d4d5d0;border-radius:6px;background:#fff;box-shadow:10px 10px 0 #e8ff4f; }
.cta { color:#0b0b0b;background:#e8ff4f; }
.cta-text h2 { color:#0b0b0b;font-size:clamp(3.4rem,4.6vw,5.7rem);font-weight:520;line-height:1;letter-spacing:-.065em; }
.cta-text p { color:#454743; }
.qrcode-container { color:#fff;background:#0b0b0b;box-shadow:12px 12px 0 rgba(0,0,0,.14); }
.faq-section { background:#f5f5f1; }
.faq-item { border:0;border-top:1px solid #cacbc6;border-radius:0;background:transparent;box-shadow:none; }
.faq-item:last-child { border-bottom:1px solid #cacbc6; }
.faq-item summary { color:#0b0b0b;font-weight:620; }
.faq-item summary::after { color:#0b0b0b; }
.faq-answer { color:#5f625e; }
.footer { color:#fff;background:#111; }
.footer .footer-links a,.footer .footer-logo p,.footer .footer-bottom { color:#92938f; }
.footer .logo-m { color:#e8ff4f; }
.modal-content { color:#0b0b0b;background:#f5f5f1; }.pricing-card,.info-card{background:#fff}.current-price,.vip-title i{color:#0b0b0b}
.demo-switcher { border:1px solid #c9cac5;border-radius:7px;color:#0b0b0b;background:rgba(255,255,255,.96);box-shadow:0 16px 40px rgba(0,0,0,.14); }
.demo-switcher a { color:#656762; }.demo-switcher a.active{border-radius:4px;color:#0b0b0b;background:#e8ff4f}

@media(max-width:1120px){
  .hero-grid{grid-template-columns:1fr;padding-bottom:80px}.hero-content{max-width:920px}.hero h1{max-width:850px}.hero-visual{min-height:360px}.hero-stats{grid-template-columns:repeat(3,1fr)}.stat-card:nth-child(n){margin-left:0}.product-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .container{width:min(100% - 32px,680px)}.navbar::before{height:30px;padding:0 12px;text-align:center;font-size:.68rem}.hero-grid{padding:58px 0 72px}.hero h1{font-size:clamp(3rem,12vw,4.35rem);line-height:1.05;word-break:normal}.hero-features{grid-template-columns:1fr}.btn-container{flex-wrap:wrap}.hero-visual{min-height:410px;box-shadow:8px 8px 0 #0b0b0b}.hero-stats{grid-template-columns:1fr}.stat-card{min-height:72px}.product-cards{grid-template-columns:1fr}.product-card{min-height:0}.workspace-preview .hero-product-preview{width:calc(100% - 32px)}
}
@media(min-width:1060px) and (max-height:950px){
  .products{padding:30px 0}.products .section-title{font-size:3.35rem}.products .section-title::before{margin-bottom:9px}.products .section-description{margin-top:8px;font-size:.84rem;line-height:1.48}.product-cards{margin-top:18px}.product-card{min-height:390px;padding:18px}.product-card::before{margin-bottom:10px}.product-icon{width:38px;height:38px}.product-card h3{min-height:54px;margin:12px 0 8px;font-size:1.1rem}.product-card>p{font-size:.8rem;line-height:1.5}.product-features{margin:12px 0 14px;gap:5px}.product-features li{font-size:.78rem}.product-card>.btn-primary{min-height:44px;padding:10px 13px;font-size:.86rem}
}

/* Commercial typography system: a calm, widely available sans-serif stack
   with enough leading for Chinese copy to breathe in every browser. */
:root {
  --font-sans:"Avenir Next","Inter","PingFang SC","Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif;
  --font-display:"Avenir Next","Inter","PingFang SC","Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif;
}
body,
button,
input,
textarea,
select {
  font-family:var(--font-sans);
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.logo,
.logo-ver,
.preview-brand,
.preview-project-id,
.preview-report-kicker,
.preview-panel-head small,
.preview-head-tags span,
.preview-panel-chip,
.preview-pvalue,
.preview-writing-progress {
  font-family:var(--font-display);
}
.hero h1 {
  max-width:660px;
  font-family:var(--font-display);
  font-size:clamp(3.5rem,4.1vw,5.25rem);
  font-weight:650;
  line-height:1.14;
  letter-spacing:-.02em;
  font-feature-settings:"kern","liga","clig";
}
.hero h1 .hero-wordmark-line {
  display:block;
  white-space:nowrap;
}
.hero h1 .text-accent {
  display:inline;
  margin-top:0;
  letter-spacing:.012em;
}
.hero-features li {
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#565b55;
  font-size:.94rem;
  font-weight:450;
  line-height:1.72;
  letter-spacing:.005em;
}
.hero-badge,
.nav-links a,
.btn-primary,
.btn-secondary,
.section-description,
.product-card,
.software-intro,
.users,
.papers,
.faq-section,
.footer {
  font-family:var(--font-sans);
}
.section-title,
.software-intro .section-title,
.users .section-title,
.papers .section-title,
.faq-section .section-title,
.cta-text h2 {
  font-family:var(--font-display);
  font-weight:680;
  line-height:1.12;
  letter-spacing:-.035em;
}
.preview-manuscript-copy {
  font-family:var(--font-sans);
}
@media(max-width:820px){
  .hero h1 {
    font-size:clamp(3rem,12vw,4.35rem);
    line-height:1.12;
    letter-spacing:-.025em;
  }
}

/* VIP modal: high-contrast actions and dimensional plan cards. */
.modal-content .vip-title {
  color:#111512;
}
.modal-content .vip-tag {
  border:1px solid #839500;
  background:#e8ff4f;
  color:#263000;
  box-shadow:0 3px 0 rgba(131,149,0,.18);
}
.modal-content .vip-btn.large {
  border:1px solid #111512;
  border-radius:6px;
  color:#111512;
  background:#e8ff4f;
  box-shadow:0 5px 0 #111512,0 14px 24px rgba(34,42,20,.14);
  font-weight:760;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.modal-content .vip-btn.large:hover,
.modal-content .vip-btn.large:focus-visible {
  border-color:#111512;
  color:#111512;
  background:#d8ed35;
  box-shadow:0 8px 0 #111512,0 18px 30px rgba(34,42,20,.2);
  outline:3px solid rgba(216,237,53,.42);
  outline-offset:3px;
  transform:translateY(-3px);
}
.modal-content .vip-btn.large:active {
  box-shadow:0 2px 0 #111512,0 8px 14px rgba(34,42,20,.14);
  transform:translateY(2px);
}
.modal-content .pricing-card {
  border:1px solid #c7cdc3;
  border-radius:14px;
  background:linear-gradient(145deg,#fff 0%,#f0f2ed 100%);
  box-shadow:0 5px 0 #d8ddd4,0 15px 28px rgba(27,35,27,.09),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.modal-content .pricing-card:hover,
.modal-content .pricing-card:focus-visible {
  border-color:#879900;
  background:linear-gradient(145deg,#fff 0%,#e8f0c9 100%);
  box-shadow:0 10px 0 #c8d2bc,0 22px 38px rgba(55,73,25,.16),inset 0 1px 0 rgba(255,255,255,.96);
  outline:none;
  transform:translateY(-6px);
}
.modal-content .pricing-card.popular {
  border-color:#879900;
  background:linear-gradient(145deg,#f7fbdc 0%,#e5eea5 100%);
  box-shadow:0 7px 0 #c8d28b,0 18px 34px rgba(55,73,25,.16),inset 0 1px 0 rgba(255,255,255,.96);
}
.modal-content .pricing-card.popular:hover,
.modal-content .pricing-card.popular:focus-visible {
  box-shadow:0 11px 0 #b7c374,0 24px 40px rgba(55,73,25,.22),inset 0 1px 0 rgba(255,255,255,.96);
}
.modal-content .popular-tag {
  border:1px solid #111512;
  background:#e8ff4f;
  color:#111512;
  box-shadow:0 3px 0 rgba(17,21,18,.22);
}
