/* Ink blue from the supplied wordmark, porcelain surfaces, a small cinnabar seal. */
:root{--paper:oklch(98.4% .006 85);--ink:oklch(24% .025 245);--muted:oklch(46% .025 245);--green:oklch(40% .075 245);--mint:oklch(95% .013 240);--lime:oklch(88% .045 85);--line:oklch(86% .014 240);--white:oklch(99.7% .002 240);--seal:oklch(47% .14 30)}
.brand{letter-spacing:0;flex-shrink:0}.brand-logo{display:block;position:relative;width:190px;height:55px;overflow:hidden;background:var(--white);mix-blend-mode:multiply}.brand-logo img{position:absolute;width:240%;height:auto;max-width:none;left:-70%;top:50%;transform:translateY(-51.2%)}
.header{gap:24px}.header nav{margin-left:auto;gap:25px}.language-switch{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.language-switch a{padding:10px 2px;color:var(--muted)}.language-switch a[aria-current=page]{font-weight:800;color:var(--ink);text-decoration:underline;text-underline-offset:6px}.language-switch a:hover{color:var(--green)}.language-switch>span{color:var(--line)}
.cultural-note{display:flex;align-items:center;gap:14px;margin-bottom:27px;color:var(--muted);font-size:11px;letter-spacing:.15em}.seal{border:1px solid var(--seal);color:var(--seal);font-family:'Songti SC','Noto Serif CJK SC',SimSun,serif;font-size:18px;line-height:1;letter-spacing:.1em;padding:9px 6px;writing-mode:vertical-rl;border-radius:2px;transform:rotate(-3deg)}
.hero{padding-top:50px}.hero-visual{background-color:var(--mint);background-image:linear-gradient(oklch(72% .025 240 / .12) 1px,transparent 1px),linear-gradient(90deg,oklch(72% .025 240 / .12) 1px,transparent 1px);background-size:32px 32px}.forecast{border-color:var(--line)}.flow-word svg{stroke:var(--seal);stroke-width:3}.status-dot{background:var(--seal)}.primary:hover{background:oklch(46% .08 245)}:focus-visible{outline-color:var(--seal)}#chart-area{fill:oklch(88% .055 245 / .45)}.systems .eyebrow{color:oklch(84% .025 240)}.systems p:not(.eyebrow){color:oklch(86% .012 240)}.diagram-top span,.diagram-bottom span,.diagram-node{background:oklch(44% .067 245);border-color:oklch(70% .03 240 / .6)}.diagram-lines span,.connector{background:oklch(72% .035 240)}.diagram-brand{background:var(--white);padding:16px 12px;border-radius:4px}.diagram-brand .brand-logo{width:112px;height:33px}.contact-email:hover{color:var(--green)}.footer .brand-logo{width:132px;height:39px}
html[lang=zh-Hans]{font-family:Manrope,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif}html[lang=zh-Hans] h1,html[lang=zh-Hans] h2{font-family:'Songti SC','Noto Serif CJK SC','Source Han Serif SC',SimSun,serif;letter-spacing:.025em;line-height:1.3}html[lang=zh-Hans] h1{font-size:clamp(55px,5.5vw,78px);font-weight:600}html[lang=zh-Hans] h3{letter-spacing:.015em}html[lang=zh-Hans] p{line-height:1.95}html[lang=zh-Hans] .hero-description{max-width:27em}html[lang=zh-Hans] .eyebrow{font-size:12px;letter-spacing:.16em}html[lang=zh-Hans] .forecast h2{font-family:inherit;font-size:21px;letter-spacing:0}html[lang=zh-Hans] .hero-note{font-size:12px}html[lang=zh-Hans] .mini-label,html[lang=zh-Hans] .demo-badge,html[lang=zh-Hans] .projection-label,html[lang=zh-Hans] .tags span,html[lang=zh-Hans] .demo-disclaimer{font-size:10px}html[lang=zh-Hans] .scenario-buttons button,html[lang=zh-Hans] .scenario-description{font-size:11px}html[lang=zh-Hans] .chart-bottom,html[lang=zh-Hans] .forecast-summary>div>span{font-size:11px}html[lang=zh-Hans] .axis-label{font-family:inherit}html[lang=zh-Hans] .service p,html[lang=zh-Hans] .steps p,html[lang=zh-Hans] details p{font-size:14px}html[lang=zh-Hans] .section-intro>p:last-child{max-width:24em}html[lang=zh-Hans] .visual-topline{font-size:10px}html[lang=zh-Hans] .system-diagram>p{font-size:10px!important}html[lang=zh-Hans] .systems h2 br:nth-of-type(2){display:initial}
@media(max-width:1000px) and (min-width:541px){.header{flex-wrap:wrap;height:auto;min-height:112px;padding-block:18px;gap:12px 24px}.header .brand-logo{width:155px;height:46px}.header nav{gap:18px}.nav-cta{padding:10px 12px}.nav-cta span{margin-left:8px}.language-switch{margin-left:auto}}
@media(max-width:540px){.header{gap:10px;flex-wrap:wrap;height:auto;min-height:98px;padding-block:16px}.header .brand-logo{width:136px;height:40px}.menu-toggle{margin-left:auto;order:3;gap:8px}.language-switch{margin-left:auto;font-size:11px;gap:5px}.header nav{top:82px;margin-left:0}.hero{padding-top:28px}.cultural-note{margin-bottom:24px}.seal{font-size:16px;padding:7px 5px}.diagram-brand{padding:14px 9px}.diagram-brand .brand-logo{width:85px;height:25px}.footer .brand-logo{width:116px;height:34px}html[lang=zh-Hans] h1{font-size:clamp(47px,12vw,64px)}html[lang=zh-Hans] .systems h2{font-size:39px}html[lang=zh-Hans] .contact h2{font-size:49px}html[lang=zh-Hans] .forecast-summary strong{font-size:30px}.privacy-main h1{overflow-wrap:anywhere}}
@media(max-width:360px){.header{gap:6px}.header .brand-logo{width:114px;height:34px}.menu-toggle{padding:9px}.language-switch{font-size:10px}.wrap{padding-inline:18px}}
