:root{
--primary:#9C2A8C;--primary-hover:#86207A;--accent:#D9468F;--dark:#1A1418;--light:#FCFBF9;--paper:#FCFBF9;--surface:#FFFFFF;--ink:#262126;--muted:#625D66;--faint:#716A74;--hair:#ECE7E2;--line:#ECE7E2;--line-dark:#554A52;--control-line:#948B94;--sand:#F2EFE7;--sand-ink:#2B2820;--sand-muted:#6A6455;--fog:#E5EDF0;--fog-ink:#1F3036;--fog-muted:#53666D;--sage:#E9EFE3;--sage-ink:#26331C;--sage-muted:#5A6650;--apricot:#F4ECE1;--apricot-ink:#3A2A1A;--apricot-muted:#75604A;--price:#1E4D57;--dark-muted:#B8AEB5;--dark-card:#352C33;--dark-card-ink:#F4EEF2;--focus:#9C2A8C;
--f-head:"Inter","Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","PingFang SC","PingFang TC","Hiragino Sans","Hiragino Sans GB","Microsoft YaHei","Malgun Gothic",sans-serif;
--f-body:"Albert Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","PingFang SC","PingFang TC","Hiragino Sans","Hiragino Sans GB","Microsoft YaHei","Malgun Gothic",sans-serif;
--f-mono:"JetBrains Mono","SF Mono","IBM Plex Mono",ui-monospace,Menlo,Consolas,"PingFang SC","Microsoft YaHei",sans-serif;
--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-read:1.5rem;--text-section:clamp(2rem,3.1vw,2.75rem);--text-display:clamp(2.25rem,4.45vw,4rem);
--lh-body:1.6;--lh-small:1.5;--lh-heading:1.15;--lh-tight:1.25;--weight-body:400;--weight-label:600;--weight-heading:800;
--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:6rem;--space-section:8.75rem;--space-hero:8.5rem;--space-hero-crumb:6rem;--space-action:1.5rem;--field-gap:.5rem;--gutter:1.5rem;
--w-narrow:45rem;--w:68rem;--w-wide:77.5rem;--w-chrome:87rem;--header-height:4.5rem;
--r-lg:1.5rem;--r-md:1rem;--r-sm:.625rem;--r-island:2rem;--r-pill:999px;
--shadow-window:0 2px 4px rgba(40,25,35,.04),0 34px 64px -34px rgba(40,25,35,.30);--shadow-card:0 1px 2px rgba(40,25,35,.05),0 28px 56px -40px rgba(40,25,35,.3);--shadow-button:0 10px 24px -12px rgba(156,42,140,.55);
--duration:200ms;--ease:cubic-bezier(.2,.7,.2,1);--z-header:40;--z-menu:50;--icon:1.25rem;--stage-gap:3rem;--stage-height:32rem;
}
*{box-sizing:border-box}
html{background:var(--light);scroll-padding-top:calc(var(--header-height) + var(--space-3))}
body{margin:0;font-family:var(--f-body);color:var(--ink);background:var(--light);font-size:var(--text-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
main{overflow-x:clip}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote,pre{margin:0}
h1,h2,h3,h4,h5,h6{font-family:var(--f-head);font-weight:var(--weight-heading);overflow-wrap:break-word}
h1{font-size:var(--text-display);line-height:var(--lh-heading);letter-spacing:-.04em}
h2{font-size:var(--text-section);line-height:var(--lh-heading);letter-spacing:-.036em}
h3{font-size:var(--text-lg);line-height:var(--lh-tight);letter-spacing:-.02em}
h4{font-size:var(--text-base);line-height:var(--lh-tight)}
h5,h6{font-size:var(--text-xs);line-height:var(--lh-small)}
p,li,blockquote,dt,dd,label{font-size:var(--text-base);line-height:var(--lh-body)}
small,figcaption{font-size:var(--text-sm);line-height:var(--lh-small)}
code{font-family:var(--f-mono);font-size:var(--text-sm);line-height:var(--lh-body)}
th,td{font-size:var(--text-sm);line-height:var(--lh-small)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button:disabled{cursor:not-allowed;opacity:.55}
img{display:block;max-width:100%;height:auto}
svg{display:block;width:var(--icon);height:var(--icon);flex:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
[hidden]{display:none!important}
.container,.wrap{width:min(var(--w),calc(100% - var(--gutter)*2));margin-inline:auto}
.container--narrow{width:min(var(--w-narrow),calc(100% - var(--gutter)*2));margin-inline:auto}
.container--wide{width:min(var(--w-wide),calc(100% - var(--gutter)*2));margin-inline:auto}
.container--chrome{width:min(var(--w-chrome),calc(100% - var(--gutter)*2));margin-inline:auto}
.grid{display:grid;gap:var(--space-3)}
.grid>*{min-width:0}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
.stack{display:flex;flex-direction:column;gap:var(--space-3)}
.cluster{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}
.mono,.price,code,pre{font-family:var(--f-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-small)}
.text-base{font-size:var(--text-base);line-height:var(--lh-body)}
.text-lg{font-size:var(--text-lg);line-height:var(--lh-body)}
.muted{color:var(--muted)}
.text-center{text-align:center}
.mt-1{margin-top:var(--space-1)}
.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)}
.gap-1{gap:var(--space-1)}
.gap-3{gap:var(--space-3)}
.gap-4{gap:var(--space-4)}
.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}
pre{max-width:100%;overflow-x:auto;padding:var(--space-3);border-radius:var(--r-md);background:var(--sand);color:var(--sand-ink);font-size:var(--text-sm);line-height:var(--lh-body)}
code{max-width:100%;overflow-x:auto}
pre code{display:block;width:max-content;min-width:100%;max-width:none}
.c-reading{font-size:var(--text-base);line-height:var(--lh-body)}
.c-reading h2,.c-reading h3{font-size:var(--text-read);line-height:var(--lh-tight);margin-top:var(--space-4);margin-bottom:var(--space-3)}
.c-reading p+p{margin-top:var(--space-3)}
.c-reading a{text-decoration:underline;text-underline-offset:.2em}
.c-reading ul,.c-reading ol{padding-inline-start:var(--space-3);margin-block:var(--space-3)}
.c-reading blockquote{padding:var(--space-3);background:var(--sand);color:var(--sand-ink);border-radius:var(--r-md)}
.reveal{opacity:1;transform:none}
.reveal.is-reveal-pending{opacity:0;transform:translateY(16px);transition:opacity 600ms var(--ease),transform 600ms var(--ease)}
.reveal.reveal-left.is-reveal-pending{transform:translateX(-16px)}
.reveal.reveal-right.is-reveal-pending{transform:translateX(16px)}
.reveal.is-revealed{opacity:1;transform:none}
@media(max-width:64rem){:root{--space-section:6rem;--space-hero:6rem;--stage-gap:1.5rem}
}
@media(max-width:42rem){:root{--gutter:1.25rem;--space-section:4rem;--space-hero:4rem;--space-hero-crumb:3rem}
.grid--2{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
.reveal.is-reveal-pending{opacity:1;transform:none}
}