:root {
  --bg:#FFFFFF;
  --bg-panel:#F6F6F9;
  --bg-panel-2:#EEEDF3;
  --border:#E4E3EB;
  --accent:#4B1FFF;
  --accent-dark:#24098F;
  --text:#120B2E;
  --text-muted:#5D5A70;
  --success:#16A36A;
  --warn:#D98A0B;
  --error:#E0353B;
  --cta-lime:#C6F24E;
  --field-0:#0E0630;
  --field-1:#2A0FA8;
  --field-2:#6B4BFF;
  --field-3:#E3DDFF;
  --lavender-2:#D9D0FF;
  --lavender-deep:#B9A8FF;
  --on-dark:#FFFFFF;
  --on-dark-soft:rgba(255,255,255,.80);
  --on-dark-faint:rgba(255,255,255,.46);
  --on-dark-line:rgba(255,255,255,.72);
  --line-dark:rgba(255,255,255,.12);
  --line-dark-2:rgba(255,255,255,.24);
  --veil-1:rgba(255,255,255,.08);
  --veil-2:rgba(255,255,255,.16);
  --dot-halo:rgba(227,221,255,.16);
  --ring:rgba(227,221,255,.52);
  --ring-hi:rgba(255,255,255,.55);
  --plate-1:rgba(227,221,255,.62);
  --plate-2:rgba(217,208,255,.36);
  --dash:rgba(255,255,255,.58);
  --glow-core:rgba(190,174,255,.62);
  --glow-ultra:rgba(42,15,168,.40);
  --glow-none:rgba(42,15,168,0);
  --shadow-1:rgba(36,9,143,.10);
  --shadow-2:rgba(36,9,143,.26);
  --shadow-3:rgba(42,15,168,.34);
  --shadow-dark:rgba(14,6,48,.55);
  --accent-shadow:rgba(75,31,255,.55);
  --lime-edge:rgba(255,255,255,.50);
  --accent-soft:rgba(75,31,255,.10);
  --clear:transparent;
  --radius-card:24px;
  --radius-tray:32px;
  --radius-float:20px;
  --radius-field:14px;
  --radius-pill:999px;
  --radius-tile:9px;
  --radius-small:4px;
  --radius-circle:50%;
  --radius-ring:34px;
  --radius-guide:44px;
  --font-display:'Inter','Noto Sans SC','PingFang SC','Microsoft YaHei',system-ui,sans-serif;
  --font-body:'Inter','Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --weight-body:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-brand:800;
  --weight-display:900;
  --size-body:16px;
  --size-small:14px;
  --size-eyebrow:13px;
  --size-h1:clamp(34px,3.4vw,48px);
  --size-h2:clamp(26px,3vw,36px);
  --size-h3:22px;
  --gutter:40px;
  --header-height:64px;
  --space-section:96px;
  --space-grid:24px;
  --duration-fast:.2s;
  --duration-reveal:.65s;
  --ease-entry:cubic-bezier(.2,.7,.2,1);
  --shadow-card:0 2px 4px var(--shadow-1),0 22px 44px -14px var(--shadow-2);
  --shadow-window:0 4px 8px var(--shadow-1),0 26px 54px -12px var(--shadow-3);
}

*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:24px}
html,body {margin:0;min-width:0}
html.nav-open {overflow:hidden}
body {
  font-family:var(--font-body);
  font-size:var(--size-body);
  font-weight:var(--weight-body);
  line-height:1.7;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
main,section,article,aside,nav,header,footer,div {min-width:0}
a {color:var(--accent);text-decoration:none}
a:hover {text-decoration:underline;text-underline-offset:4px}
button,input,select,textarea {font:inherit}
button {cursor:pointer}
button:disabled {cursor:not-allowed}
button,a,input,summary {touch-action:manipulation}
button {color:var(--text)}
img,svg,video {max-width:100%;vertical-align:middle}
img {height:auto}
svg {display:block;flex-shrink:0}
img,button,.badge__dot,.mini-dot {flex-shrink:0}
h1,h2,h3,h4,p,ul,ol,figure,blockquote {margin-top:0}
h1,h2,h3 {
  font-family:var(--font-display);
  font-weight:var(--weight-display);
  line-height:1.2;
  letter-spacing:-.02em;
  text-wrap:balance;
}
h1 {font-size:var(--size-h1)}
h2 {font-size:var(--size-h2)}
h3 {font-size:var(--size-h3)}
p {margin-bottom:1.2em}
code,kbd,pre {font-family:var(--font-mono)}
code {overflow-wrap:anywhere}
pre {
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  padding:20px;
  border:1px solid var(--border);
  border-radius:var(--radius-field);
  background:var(--bg-panel);
  color:var(--text);
  font-size:13px;
  line-height:1.8;
  tab-size:2;
}
pre code {overflow-wrap:normal;word-break:normal;white-space:pre}
:focus-visible {outline:2px solid var(--accent);outline-offset:4px}
[hidden] {display:none!important}
.wrap {width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--gutter)}
.reading {width:100%;max-width:880px;margin-inline:auto;padding-inline:var(--gutter)}
.section {padding-top:var(--space-section);padding-bottom:var(--space-section)}
.section--compact {padding-top:48px;padding-bottom:48px}
.section-head {max-width:720px;margin-bottom:48px}
.section-head h2 {margin:14px 0 20px}
.eyebrow {
  margin:0;
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:var(--size-eyebrow);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.muted,.prose .caption {color:var(--text-muted)}
.keep {white-space:nowrap}
.sr-only {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}
.grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-grid)}
.grid>* {min-width:0}
.stack {display:grid;gap:var(--space-grid)}
.actions {display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.card,.panel {
  padding:28px;
  border:1px solid var(--border);
  border-radius:var(--radius-card);
  background:var(--bg);
  color:var(--text);
}
.panel {background:var(--bg-panel);color:var(--text)}
.card--raised {box-shadow:var(--shadow-card)}
.card h3 {margin-bottom:14px}
.card p:last-child,.panel p:last-child {margin-bottom:0}
.btn {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:10px 26px;
  border:1px solid var(--clear);
  border-radius:var(--radius-pill);
  font-family:var(--font-body);font-size:16px;font-weight:var(--weight-bold);
  line-height:1.4;letter-spacing:-.005em;text-align:center;
  background:var(--accent);color:var(--on-dark);
  transition:transform var(--duration-fast) ease,background-color var(--duration-fast) ease;
}
.btn svg {width:18px;height:18px}
.btn:hover {transform:translateY(-1px);text-decoration:none;background:var(--accent-dark);color:var(--on-dark)}
.btn:active,.btn.is-active {transform:translateY(1px)}
.btn--lime {
  background:var(--cta-lime);color:var(--text);
  box-shadow:inset 0 1px 0 var(--lime-edge),0 14px 30px -12px var(--shadow-dark);
}
.btn--lime:hover {background:var(--cta-lime);color:var(--text)}
.btn--ghost {background:var(--field-1);color:var(--on-dark);border:1.5px solid var(--on-dark-line)}
.btn--ghost:hover {background:var(--field-0);color:var(--on-dark)}
.btn--outline {background:var(--bg);color:var(--accent);border-color:var(--accent)}
.btn--outline:hover {background:var(--accent-soft);color:var(--accent-dark)}
.btn--small {min-height:44px;padding:9px 20px;font-size:14px}
.btn:disabled,.btn[aria-disabled="true"] {
  background:var(--bg-panel-2);color:var(--text-muted);
  border-color:var(--border);box-shadow:none;transform:none;pointer-events:none;
}
.btn.is-focus {outline:2px solid var(--accent);outline-offset:4px}
.topbar {
  position:relative;z-index:50;
  background:var(--field-0);color:var(--on-dark);
  border-bottom:1px solid var(--line-dark);
}
.topbar__inner {
  position:relative;
  max-width:min(100%,calc(1280px + var(--gutter) * 2));
  height:var(--header-height);margin-inline:auto;padding-inline:var(--gutter);
  display:flex;align-items:center;gap:32px;
}
.brand {
  display:inline-flex;align-items:center;gap:11px;flex-shrink:0;
  color:var(--on-dark);font-family:var(--font-display);
  font-weight:var(--weight-brand);font-size:17px;letter-spacing:-.01em;
  line-height:1.4;
}
.brand:hover {text-decoration:none;color:var(--on-dark)}
.brand__mark {width:30px;height:30px}
.desktop-nav {margin-left:auto;min-width:0}
.trail {
  display:flex;align-items:center;list-style:none;margin:0;padding:0;
  gap:0;
}
.trail li {display:flex;align-items:center;font-size:14.5px;white-space:nowrap}
.trail li+li::before {content:"·";color:var(--on-dark-faint);padding-inline:13px;font-weight:var(--weight-bold)}
.trail a {display:block;color:var(--on-dark-soft);padding:6px 1px;transition:color var(--duration-fast)}
.trail a:hover {color:var(--on-dark);text-decoration:none}
.trail a[aria-current="page"] {color:var(--on-dark);font-weight:var(--weight-bold);box-shadow:inset 0 -2px 0 var(--field-2)}
.header-tools {display:flex;align-items:center;gap:10px;flex-shrink:0}
.language {position:relative}
.lang {
  display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:5px 14px;
  border-radius:var(--radius-pill);border:1px solid var(--line-dark-2);
  background:var(--veil-1);color:var(--on-dark-soft);font-size:13.5px;white-space:nowrap;
}
.lang svg {width:15px;height:15px}
.lang__caret {font-size:10px;color:var(--on-dark-soft)}
.language-list {
  position:absolute;right:0;top:calc(100% + 12px);width:180px;
  padding:8px;margin:0;list-style:none;
  border:1px solid var(--border);border-radius:var(--radius-field);
  background:var(--bg);color:var(--text);box-shadow:var(--shadow-card);
}
.language-list a {display:block;min-height:44px;padding:9px 12px;color:var(--text);border-radius:var(--radius-tile)}
.language-list a:hover,.language-list a[aria-current="true"] {background:var(--bg-panel);color:var(--accent);text-decoration:none}
.menu-toggle {
  display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;
  padding:10px;border:1px solid var(--line-dark-2);border-radius:var(--radius-tile);
  background:var(--field-0);color:var(--on-dark);
}
.menu-toggle svg {width:22px;height:22px}
.mobile-nav,.nav-veil {display:none}
.topbar :focus-visible {outline-color:var(--field-3)}
.site-footer {
  padding-top:72px;padding-bottom:28px;
  background:var(--field-0);color:var(--on-dark-soft);
}
.footer-grid {display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:48px}
.footer-brand p {max-width:340px;font-size:14px;margin-top:20px}
.footer-heading {margin:0 0 18px;font-size:15px;font-weight:var(--weight-bold);color:var(--on-dark)}
.footer-links {list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.site-footer a {color:var(--on-dark-soft)}
.site-footer a:hover {color:var(--on-dark)}
.footer-languages {display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:40px;font-size:14px}
.footer-bottom {display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line-dark);font-size:13px}
.footer-bottom p {margin:0}
.prose {min-width:0}
.prose h2 {margin-top:2.2em;margin-bottom:.8em}
.prose h3 {margin-top:1.8em}
.prose li {margin-bottom:.5em}
.prose :not(pre)>code {background:var(--bg-panel);color:var(--accent-dark);padding:2px 5px;border-radius:var(--radius-small);font-size:.88em}
.prose img {max-width:100%}
.prose a {text-decoration:underline;text-underline-offset:3px}
.decorated,.hero,.feature-tray,.trust-band {overflow-x:clip}
.reveal {opacity:1;transform:none}
.reveal-ready .reveal {opacity:0;transform:translateY(18px);transition:opacity var(--duration-reveal) ease,transform var(--duration-reveal) var(--ease-entry)}
.reveal-ready .reveal.shown {opacity:1;transform:none}
@media(max-width:1024px) {
  .desktop-nav {display:none}
  .header-tools {margin-left:auto}
  .menu-toggle {display:inline-flex}
  .mobile-nav {
    position:absolute;z-index:3;left:0;right:0;top:var(--header-height);
    max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;
    padding:18px var(--gutter) 24px;
    background:var(--field-0);color:var(--on-dark);
    border-bottom:1px solid var(--line-dark-2);
  }
  .mobile-nav:not([hidden]) {display:block}
  .mobile-nav ul {list-style:none;margin:0;padding:0}
  .mobile-nav a {display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px;color:var(--on-dark-soft)}
  .mobile-nav a[aria-current] {color:var(--on-dark);background:var(--accent-dark);border-radius:var(--radius-tile)}
  .mobile-nav__languages {margin-top:16px!important;padding-top:16px!important;border-top:1px solid var(--line-dark-2)}
  .nav-veil:not([hidden]) {
    display:block;position:fixed;z-index:1;inset:var(--header-height) 0 0;
    width:100%;height:calc(100dvh - var(--header-height));
    border:0;background:var(--shadow-dark);color:var(--on-dark);
  }
  .topbar__inner>.brand,.header-tools {position:relative;z-index:4}
}
@media(max-width:768px) {
  :root {--gutter:24px;--size-h1:30px;--space-section:64px}
  .grid {grid-template-columns:minmax(0,1fr)}
  .footer-grid {grid-template-columns:minmax(0,1fr);gap:32px}
  .section-head {margin-bottom:32px}
}
@media(max-width:640px) {
  :root {--gutter:18px;--size-h1:28px}
  .topbar__inner {gap:12px}
  .brand {font-size:15px;gap:8px}
  .brand__mark {width:28px;height:28px}
  .header-tools {margin-left:auto;gap:6px}
  .lang {gap:5px;padding-inline:10px;font-size:12px}
  .lang svg {display:none}
  .card,.panel {padding:22px}
  .tilt,[class*="tilt-"],.float {transform:none!important}
  .actions {gap:12px}
}
@media(max-width:360px) {
  :root {--size-h1:24px}
  .brand {font-size:14px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation:none!important;transition:none!important}
  .reveal-ready .reveal {opacity:1;transform:none}
}