:root{
--font-heading:"Outfit",-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Hiragino Kaku Gothic ProN","Yu Gothic","Malgun Gothic",sans-serif;
--font-body:"Inter",-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Hiragino Kaku Gothic ProN","Yu Gothic","Malgun Gothic",sans-serif;
--font-mono:"SFMono-Regular","SF Mono",Menlo,Consolas,"Liberation Mono",-apple-system,"PingFang SC","Microsoft YaHei",monospace;
--head:var(--font-heading);--body:var(--font-body);--mono:var(--font-mono);
--primary:#00687D;--primary-h:#00758A;--primary-active:#005568;--accent:#A8EFD2;
--dark:#0B1F2E;--deep:#16324A;--paper:#FFFFFF;--ink:#1F2933;--muted:#53616D;--line:#E3E7EB;
--s-gray:#F4F5F2;--s-gray-ink:#1F2933;--s-gray-mut:#56616A;
--s-mist:#E7EDF3;--s-mist-ink:#1B2A3A;--s-mist-mut:#465768;
--s-deep:#16324A;--s-deep-ink:#FFFFFF;--s-deep-mut:#B8C7D4;
--s-sand:#F3EEE5;--s-sand-ink:#2E2A24;--s-sand-mut:#645B50;
--on-dark:#FFFFFF;--muted-dark:#B8C7D4;--line-dark:rgba(255,255,255,.18);
--live:#2FB58B;--live-ink:#0B4D3A;--live-paper:#E3F6EE;
--input-line:#87949F;--input-bg:#FFFFFF;--focus:#00687D;--focus-dark:#A8EFD2;
--space-0:0;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:40px;--space-7:48px;--space-8:56px;--space-9:64px;--space-10:80px;--space-11:96px;--space-12:104px;
--space-field:8px;--space-action:24px;--space-close:96px;
--gutter:24px;--container-narrow:760px;--container-standard:1200px;--container-wide:1360px;
--hero-top:84px;--hero-crumb-top:64px;--hero-bottom:64px;--section-space:104px;--stage-min:440px;
--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:2.5rem;--text-display:4rem;
--lh-tight:1.15;--lh-heading:1.25;--lh-body:1.6;--lh-small:1.45;--weight-normal:400;--weight-medium:500;--weight-bold:700;--weight-heavy:800;
--r-sm:8px;--r-md:16px;--r-lg:28px;--r-pill:999px;--radius-sm:8px;
--shadow-card:0 18px 36px -24px rgba(11,31,46,.3);--shadow-stage:0 -28px 72px rgba(4,14,24,.38);--shadow-menu:0 16px 40px rgba(11,31,46,.18);
--border-none:0;--border-hair:1px;--border-control:2px;
--button-height:48px;--button-small:40px;--header-height:76px;--header-type:.75rem;
--ease:cubic-bezier(.2,.7,.2,1);--duration:200ms;--reveal-duration:600ms;--flow-duration:28s;
--z-header:100;--z-menu:110;--z-dialog:200
}
*,:before,:after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--header-height) + var(--space-4));text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
main{display:block;overflow-x:clip}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:var(--weight-heavy);overflow-wrap:break-word}
h1{font-size:var(--text-display);line-height:var(--lh-tight)}
h2{font-size:var(--text-xl);line-height:var(--lh-tight)}
h3{font-size:var(--text-lg);line-height:var(--lh-heading)}
h4{font-size:var(--text-base);line-height:var(--lh-heading)}
h5{font-size:var(--text-sm);line-height:var(--lh-heading)}
h6{font-size:var(--text-xs);line-height:var(--lh-heading)}
p{margin:0;font-size:var(--text-base);line-height:var(--lh-body)}
ul,ol{margin:0;padding-inline-start:var(--space-4)}
li{font-size:var(--text-base);line-height:var(--lh-body)}
small{font-size:var(--text-xs);line-height:var(--lh-small)}
figcaption{font-size:var(--text-sm);line-height:var(--lh-body)}
blockquote{margin:0;font-size:var(--text-base);line-height:var(--lh-body)}
code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--lh-body);overflow-wrap:anywhere}
pre{margin:0;max-width:100%;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--lh-body);tab-size:2}
pre code{display:block;overflow-x:auto;overflow-wrap:normal;white-space:pre;font-size:var(--text-sm);line-height:var(--lh-body)}
th,td{font-size:var(--text-sm);line-height:var(--lh-body)}
dt,dd{font-size:var(--text-base);line-height:var(--lh-body)}
dd{margin:0}
dl,figure{margin:0}
label{font-size:var(--text-sm);line-height:var(--lh-body)}
a{color:inherit;text-underline-offset:.2em}
button,input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-body)}
button{cursor:pointer}
button,input,select,textarea{max-width:100%}
img{display:block;max-width:100%;height:auto}
svg{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}
button,a,input,select,textarea,summary{touch-action:manipulation}
:focus-visible{outline:var(--border-control) solid var(--focus);outline-offset:var(--space-1)}
[hidden]{display:none!important}
[id]{scroll-margin-top:calc(var(--header-height) + var(--space-4))}
.container,.wrap,.container-narrow,.container-wide{width:min(calc(100% - var(--gutter)*2),var(--container-standard));margin-inline:auto}
.container-narrow{max-width:var(--container-narrow)}
.container-wide{max-width:var(--container-wide)}
.grid{display:grid;gap:var(--space-4);align-items:stretch}
.grid>*{min-width:0}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.stack{display:flex;flex-direction:column;gap:var(--space-4)}
.cluster{min-width:0}
.mono,.data{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.text-xs{font-size:var(--text-xs);line-height:var(--lh-small)}
.text-sm{font-size:var(--text-sm);line-height:var(--lh-body)}
.text-base{font-size:var(--text-base);line-height:var(--lh-body)}
.text-md{font-size:var(--text-md);line-height:var(--lh-body)}
.text-center{text-align:center}
.text-start{text-align:start}
.mt-2{margin-top:var(--space-2)}
.mt-3{margin-top:var(--space-3)}
.mt-4{margin-top:var(--space-4)}
.mt-5{margin-top:var(--space-5)}
.mt-9{margin-top:var(--space-9)}
.gap-2{gap:var(--space-2)}
.gap-3{gap:var(--space-3)}
.gap-4{gap:var(--space-4)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(.surface-white){background:#FFFFFF;color:#1F2933;--ink:#1F2933;--muted:#53616D;--line:#E3E7EB}
:where(.surface-gray){background:#F4F5F2;color:#1F2933;--ink:#1F2933;--muted:#56616A;--line:#DDE2DD}
:where(.surface-mist){background:#E7EDF3;color:#1B2A3A;--ink:#1B2A3A;--muted:#465768;--line:#D2DBE4}
:where(.surface-sand){background:#F3EEE5;color:#2E2A24;--ink:#2E2A24;--muted:#645B50;--line:#E0D7C7}
:where(.surface-deep){background:#16324A;color:#FFFFFF;--ink:#FFFFFF;--muted:#B8C7D4;--line:rgba(255,255,255,.18);--focus:#A8EFD2}
:where(.surface-dark){background:#0B1F2E;color:#FFFFFF;--ink:#FFFFFF;--muted:#B8C7D4;--line:rgba(255,255,255,.18);--focus:#A8EFD2}
:where(.surface-white,.surface-gray,.surface-mist,.surface-sand,.surface-deep,.surface-dark) :where(h1,h2,h3,h4,h5,h6){color:var(--ink)}
:where(.surface-white,.surface-gray,.surface-mist,.surface-sand,.surface-deep,.surface-dark) :where(.muted,.lead){color:var(--muted)}
@media(max-width:64rem){
:root{--gutter:24px;--hero-top:64px;--section-space:80px;--space-close:80px;--text-display:3rem}
.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
:root{--gutter:20px;--hero-top:48px;--hero-crumb-top:48px;--hero-bottom:48px;--section-space:64px;--space-close:64px;--text-xl:2rem;--text-display:2.25rem;--header-height:72px}
.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
