/* Shared verbatim SpeedX color and typography tokens. */
:root{color-scheme:dark;--bg:#0b0c10;--surface:#101116;--surface-hover:#13141b;--text:#f2f2f6;--muted:#a0a1ad;--subtle:#7f818f;--border:#262730;--fine-border:#1c1d25;--header:rgba(11,12,16,.84);--accent:#b2a5ff;--hero-gradient:linear-gradient(115deg,#f1efff 8%,#b9adff 53%,#778bf2 100%);--button-bg:#eeedf7;--button-text:#17151f;--mock:#11131b;--paper:#222832;--paper-ink:#64717f;--drop:#8faeff;--ocr:#a8c8b2;--desk:#edbb82;--api:#c0a5ed;--shadow:0 18px 50px #0003}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){color-scheme:light;--bg:#f8f9fc;--surface:#fff;--surface-hover:#fdfdff;--text:#20212c;--muted:#626574;--subtle:#6f7282;--border:#dddfe9;--fine-border:#e9eaf1;--header:rgba(248,249,252,.9);--accent:#6551c7;--hero-gradient:linear-gradient(110deg,#37314b 5%,#7960d0 53%,#4964bc 100%);--button-bg:#242231;--button-text:#fff;--mock:#edf0f7;--paper:#fff;--paper-ink:#abb7c1;--drop:#3658a6;--ocr:#3c6c4c;--desk:#89572a;--api:#684695;--shadow:0 18px 50px #2426430a}}
:root[data-theme="light"]{color-scheme:light;--bg:#f8f9fc;--surface:#fff;--surface-hover:#fdfdff;--text:#20212c;--muted:#626574;--subtle:#6f7282;--border:#dddfe9;--fine-border:#e9eaf1;--header:rgba(248,249,252,.9);--accent:#6551c7;--hero-gradient:linear-gradient(110deg,#37314b 5%,#7960d0 53%,#4964bc 100%);--button-bg:#242231;--button-text:#fff;--mock:#edf0f7;--paper:#fff;--paper-ink:#abb7c1;--drop:#3658a6;--ocr:#3c6c4c;--desk:#89572a;--api:#684695;--shadow:0 18px 50px #2426430a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:5px}::selection{color:var(--text);background:#8974d74d}svg{display:inline-block;vertical-align:middle}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;background:var(--button-bg);color:var(--button-text);padding:14px 24px;z-index:1000;border-radius:8px}.skip-link:focus{top:12px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;line-height:1.6}.site-header{height:76px;position:sticky;top:0;z-index:50;background:var(--header);border-bottom:1px solid var(--fine-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:750;letter-spacing:-1px;min-height:44px}.brand-mark{width:27px;height:30px;color:var(--accent)}.brand-dot{color:var(--accent)}.desktop-nav{display:flex;gap:36px;margin-left:80px}.desktop-nav a{min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:13px;transition:color .2s}.desktop-nav a:hover{color:var(--text)}.header-actions{display:flex;gap:16px;align-items:center}.icon-button{background:transparent;display:grid;place-content:center;width:44px;height:44px;color:var(--muted);border-radius:9px}.icon-button:hover{background:var(--fine-border);color:var(--text)}.login{min-height:38px;display:flex;align-items:center;gap:16px;border:1px solid var(--border);border-radius:7px;font-size:12px;padding:0 15px;background:var(--surface)}.login:hover{border-color:var(--subtle)}.login .icon{width:14px;height:14px}.theme-toggle .moon{display:none}html[data-theme="light"] .theme-toggle .sun{display:none}html[data-theme="light"] .theme-toggle .moon{display:block}@media(prefers-color-scheme:light){html:not([data-theme="dark"]) .theme-toggle .sun{display:none}html:not([data-theme="dark"]) .theme-toggle .moon{display:block}}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{background:var(--bg);border-bottom:1px solid var(--border);padding:16px 24px 24px}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;min-height:52px}.mobile-nav a span{font-size:11px;color:var(--subtle)}