:root{
--dark:#0B0E11;--light:#14181D;--surface:#1C2127;--primary:#1B7F79;--primary-hi:#207F79;--primary-pressed:#14645F;--accent:#BEE8EE;--ink:#E7EBEE;--muted:#A0A9B1;--faint:#929CA5;--white:#FFFFFF;
--line:rgba(255,255,255,.18);--line-soft:rgba(255,255,255,.08);--paper-line:rgba(20,24,29,.14);--control-line:#77828D;
--s1:#1E2230;--s1-ink:#E6E9F2;--s1-muted:#A7ADC2;--s2:#2A231C;--s2-ink:#F1E6DA;--s2-muted:#C3B4A2;--s3:#241F27;--s3-ink:#ECE4EE;--s3-muted:#B8ACBB;--paper:#EEF0F2;--paper-ink:#14181D;--paper-muted:#545D67;
--fh:"Manrope",-apple-system,"Avenir Next","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Hiragino Kaku Gothic ProN","Yu Gothic","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
--fb:"Inter",-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Hiragino Kaku Gothic ProN","Yu Gothic","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
--fm:"SF Mono","JetBrains Mono","IBM Plex Mono",Menlo,Consolas,monospace;
--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.3125rem;--text-section:2.125rem;--text-display:clamp(2rem,3.34vw,3rem);
--lh-body:1.65;--lh-heading:1.25;--lh-display:1.18;--weight-body:400;--weight-medium:500;--weight-strong:600;--tracking-heading:-.01em;--tracking-display:-.015em;
--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:2.5rem;--space-7:3rem;--space-8:4rem;--space-9:5rem;--space-10:6rem;--space-section:8rem;--space-close:2.5rem;--field-gap:.5rem;--kicker-gap:1.25rem;--action-gap:1.5rem;--crumb-gap:1.5rem;
--hero-pad:11rem;--hero-crumb-pad:3rem;--header-height:5rem;--stage-height:30rem;
--gutter:1.5rem;--chrome-gutter:2.5rem;--width-reading:48rem;--width-standard:75rem;--width-wide:85rem;
--r-pill:999px;--r-card:1.25rem;--r-inner:.75rem;--radius-sm:.75rem;
--card-pad:2rem;--border-width:1px;--shadow-card:0 36px 70px -36px rgba(0,0,0,.8);--shadow-float:0 44px 90px -34px rgba(4,6,10,.75);--shadow-menu:0 20px 50px -20px rgba(4,6,10,.7);
--ease:cubic-bezier(.2,.7,.2,1);--duration:200ms;--focus-ring:0 0 0 3px rgba(190,232,238,.55);
--hero-gradient:linear-gradient(180deg,#0E3A3E 0%,#173450 20%,#252A55 38%,#47344F 53%,#94604C 64%,#C9875A 69%,#5A3933 78%,#18161B 89%,#0B0E11 100%);
--hero-light-one:radial-gradient(38% 28% at 28% 26%,rgba(27,127,121,.6),transparent 70%),radial-gradient(34% 24% at 74% 20%,rgba(84,90,170,.5),transparent 70%);
--hero-light-two:radial-gradient(46% 16% at 52% 68%,rgba(238,154,98,.5),transparent 70%),radial-gradient(26% 12% at 18% 66%,rgba(196,108,92,.35),transparent 70%),radial-gradient(22% 12% at 86% 64%,rgba(190,232,238,.14),transparent 70%);
--close-gradient:radial-gradient(60% 50% at 50% 100%,rgba(214,138,92,.55),transparent 70%),radial-gradient(50% 60% at 18% 20%,rgba(27,127,121,.45),transparent 70%),radial-gradient(40% 50% at 84% 24%,rgba(70,76,150,.45),transparent 70%),linear-gradient(180deg,#0B0E11 0%,#1A2340 40%,#3B2D44 72%,#5E3C36 100%);
--glass:rgba(255,255,255,.13);--glass-line:rgba(255,255,255,.24);--glass-hover:rgba(255,255,255,.2);--kicker-fill:rgba(255,255,255,.05);--header-glass:rgba(11,14,17,.94);--menu-fill:rgba(20,24,29,.97);
--code-bg:#12151E;--code-ink:#D8DDEA;--code-muted:#A7ADC2;--code-key:#9FD3DA;--code-string:#E8C9A8;--code-dim:#939CB5;
--paper-bright:#F7F8F9;--paper-inset:#E7EAED;--paper-track:#DDE1E5;--status:#2FB3A8;--status-ink:#CFEFF2;--icon-well:#343D49;--icon-well-paper:#D7DDE2;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;scroll-padding-top:calc(var(--header-height) + var(--space-4));text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{margin:0}
body{background:var(--dark);color:var(--ink);font:var(--weight-body) var(--text-base)/var(--lh-body) var(--fb);-webkit-font-smoothing:antialiased}
main{overflow-x:clip}
[hidden]{display:none!important}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}
h1{font:var(--weight-medium) var(--text-display)/var(--lh-display) var(--fh);letter-spacing:var(--tracking-display)}
h2{font:var(--weight-medium) var(--text-section)/var(--lh-heading) var(--fh);letter-spacing:var(--tracking-heading)}
h3{font:var(--weight-medium) var(--text-lg)/1.35 var(--fh)}
h4{font:var(--weight-medium) var(--text-md)/1.5 var(--fh)}
h5,h6{font:var(--weight-strong) var(--text-base)/1.5 var(--fh)}
p,li,blockquote{font-size:var(--text-base);line-height:var(--lh-body)}
small{font-size:var(--text-xs);line-height:1.5}
figcaption{font-size:var(--text-sm);line-height:1.6}
code,pre,kbd,samp{font-family:var(--fm);font-size:var(--text-sm);line-height:1.7;font-variant-numeric:tabular-nums}
th,td{font-size:var(--text-sm);line-height:1.6}
dt,dd{font-size:var(--text-sm);line-height:1.6}
label{font-size:var(--text-base);line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:var(--weight-body) var(--text-base)/1.5 var(--fb)}
button{cursor:pointer}
button,input,select,textarea{max-width:100%}
button{color:inherit}
img,svg,video{vertical-align:middle;max-width:100%}
img{height:auto}
button svg,a svg{flex:none}
a,button,input,textarea,select,summary{touch-action:manipulation}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
::selection{background:var(--accent);color:var(--paper-ink)}
table{border-collapse:collapse}
pre{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
code{overflow-wrap:anywhere}
pre code{overflow-wrap:normal;white-space:pre}
hr{border:0;border-top:var(--border-width) solid var(--line);margin-block:var(--space-5)}
.container,.wrap{width:min(var(--width-standard),calc(100% - var(--gutter)*2));margin-inline:auto}
.container-narrow{width:min(var(--width-reading),calc(100% - var(--gutter)*2));margin-inline:auto}
.container-wide{width:min(var(--width-wide),calc(100% - var(--gutter)*2));margin-inline:auto}
.mono,.c-data{font-family:var(--fm);font-variant-numeric:tabular-nums}
.h2{font:var(--weight-medium) var(--text-section)/var(--lh-heading) var(--fh);letter-spacing:var(--tracking-heading)}
.lead{font-size:var(--text-md);line-height:1.7;color:var(--muted);max-width:38.75rem}
.text-xs{font-size:var(--text-xs);line-height:1.5}
.text-sm{font-size:var(--text-sm);line-height:1.6}
.text-base{font-size:var(--text-base);line-height:var(--lh-body)}
.text-md{font-size:var(--text-md);line-height:1.7}
.text-muted{color:var(--muted)}
.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%,18rem),1fr))}
.stack{display:flex;flex-direction:column;gap:var(--space-4)}
.stack-sm{display:flex;flex-direction:column;gap:var(--field-gap)}
.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.mt-3{margin-top:var(--space-3)}
.mt-4{margin-top:var(--space-4)}
.mt-5{margin-top:var(--space-5)}
.mt-8{margin-top:var(--space-8)}
.gap-3{gap:var(--space-3)}
.gap-4{gap:var(--space-4)}
.gap-8{gap:var(--space-8)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reveal{opacity:1;transform:none}
.reveal.is-pending{opacity:0;transform:translateY(16px);transition:opacity 600ms var(--ease),transform 600ms var(--ease)}
.reveal.reveal-left.is-pending{transform:translate(-16px,0)}
.reveal.reveal-right.is-pending{transform:translate(16px,0)}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:64rem){
:root{--space-section:6rem;--chrome-gutter:1.5rem}
.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
:root{--gutter:1.25rem;--chrome-gutter:1.25rem;--space-section:4.5rem;--text-section:1.75rem;--hero-pad:8.5rem;--header-height:4.5rem}
.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}
.reveal.is-pending,.reveal.reveal-left.is-pending,.reveal.reveal-right.is-pending{opacity:1;transform:none}
}