:root{
--primary:#946A0B;--primary-hover:#7E5A08;--primary-active:#6B4C06;--primary-ink:#FFFFFF;--accent:#C9661A;--dark:#1F2A33;--light:#F5F8FA;--surface:#FFFFFF;--paper:#FFFFFF;
--s1:#E6F0F4;--i1:#1F3A47;--s2:#EDF1E4;--i2:#2F3D1E;--s3:#F3EBEE;--i3:#4A2A36;--s4:#ECEAF5;--i4:#2E2A4D;
--ink:#1F2A33;--body:#3D4B57;--muted:#566571;--faint:#657581;--price:#1F2A33;--line:#D3DCE2;--line-dark:#526572;--input-line:#8495A1;--focus:#946A0B;
--neutral:#E9EDF0;--neutral-ink:#2B3742;--chrome:#F2F5F7;--chrome-ink:#33424F;--footer-surface:#EAEFF2;--footer-ink:#3D4B57;
--plate-top:#2A3843;--plate-bottom:#1A242C;--on-dark:#F1F4F6;--on-dark-body:#D9E2E8;--on-dark-muted:#AABBC7;--plate-cell:rgba(255,255,255,.045);--plate-cell-alt:rgba(255,255,255,.065);
--fh:"Inter","Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK TC","Hiragino Kaku Gothic ProN","Yu Gothic","Malgun Gothic",sans-serif;
--fb:"Albert Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK TC","Hiragino Kaku Gothic ProN","Yu Gothic","Malgun Gothic",sans-serif;
--fm:"JetBrains Mono","SF Mono","Cascadia Mono",ui-monospace,Menlo,Consolas,"PingFang SC","Microsoft YaHei","Hiragino Kaku Gothic ProN","Malgun Gothic",monospace;
--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.125rem;--text-lg:1.3125rem;--text-xl:2.5rem;--text-display:clamp(2rem,3.89vw,3.5rem);
--lh-body:1.65;--lh-small:1.5;--lh-heading:1.15;--lh-card:1.3;--tracking-heading:-.03em;--tracking-card:-.02em;
--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:2.5rem;--space-7:3.5rem;--space-8:4rem;--space-9:5rem;--space-10:6rem;--space-section:7rem;--space-field:.5rem;--space-action:1.5rem;--space-kicker:1.25rem;
--gutter:1.5rem;--wrap:80rem;--wrap-standard:70rem;--wrap-narrow:48rem;
--r-btn:6px;--r-card:14px;--r-block:28px;--radius-sm:6px;--radius-pill:999px;--radius-window:20px;
--shadow:0 24px 60px -28px rgba(31,42,51,.26),0 2px 10px rgba(31,42,51,.05);--shadow-card:0 10px 30px -24px rgba(31,42,51,.4);--shadow-hover:0 18px 40px -22px rgba(31,42,51,.45);--shadow-button:0 6px 16px -8px rgba(148,106,11,.7);
--hero-bg:radial-gradient(900px 420px at 18% 30%,rgba(230,240,244,.9),rgba(245,248,250,0) 70%),radial-gradient(760px 420px at 86% 22%,rgba(236,234,245,.85),rgba(245,248,250,0) 70%),radial-gradient(700px 360px at 60% 70%,rgba(237,241,228,.6),rgba(245,248,250,0) 70%),#F5F8FA;
--hero-pad:6rem;--hero-crumb-pad:3rem;--crumb-gap:1.5rem;--header-height:4.5rem;--hero-stage-min:21rem;
--button-height:3rem;--button-pad:1.625rem;--card-pad:1.5rem;--transition:200ms;--ease:cubic-bezier(.2,.7,.2,1);--reveal-distance:1rem;
--icon-size:1.25rem;--icon-stroke:1.5;--z-header:50;--z-menu:60;--z-dialog:100;
}
*{box-sizing:border-box}
html{background:var(--light);scroll-padding-top:calc(var(--header-height) + var(--space-4));text-size-adjust:100%}
body{margin:0;background:var(--light);color:var(--body);font-family:var(--fb);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(--fh);color:var(--ink);font-weight:700;overflow-wrap:break-word}
h1{font-size:var(--text-display);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading)}
h2{font-size:var(--text-xl);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading)}
h3{font-size:var(--text-lg);line-height:var(--lh-card);letter-spacing:var(--tracking-card)}
h4{font-size:var(--text-md);line-height:var(--lh-card)}
h5{font-size:var(--text-base);line-height:var(--lh-card)}
h6{font-size:var(--text-sm);line-height:var(--lh-card)}
p,li,blockquote,th,td,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,kbd,samp{font-family:var(--fm);font-size:var(--text-sm);line-height:var(--lh-body);font-variant-numeric:tabular-nums}
code{overflow-wrap:anywhere}
pre{max-width:100%;overflow-x:auto;font-family:var(--fm);font-size:var(--text-sm);line-height:var(--lh-body)}
pre code{display:block;width:max-content;min-width:100%;overflow-wrap:normal;white-space:pre}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-family:var(--fb);font-size:var(--text-base);line-height:var(--lh-small)}
button{cursor:pointer}
img,svg{vertical-align:middle}
img{max-width:100%;display:block}
svg{flex-shrink:0}
button,a,input,select,textarea,summary{touch-action:manipulation}
:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
[hidden]{display:none!important}
ul,ol{padding-inline-start:var(--space-4)}
hr{border:0;height:1px;background:var(--line);margin-block:var(--space-4)}
::selection{background:var(--s1);color:var(--i1)}
.wrap,.container,.container-wide,.container-standard,.container-narrow{width:min(calc(100% - var(--gutter)*2),var(--wrap));margin-inline:auto}
.container-standard{max-width:var(--wrap-standard)}
.container-narrow{max-width:var(--wrap-narrow)}
.mono,.c-data{font-family:var(--fm);font-variant-numeric:tabular-nums}
.lead{font-size:var(--text-md);line-height:1.6;color:var(--muted)}
.c-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-4);align-items:stretch}
.c-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:stretch}
.c-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:stretch}
.c-grid>*,.c-grid-2>*,.c-grid-3>*,.c-flex>*{min-width:0}
.c-flex{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.c-stack{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.c-stack-sm{display:flex;flex-direction:column;gap:var(--space-field);min-width:0}
.c-mt-3{margin-top:var(--space-3)}
.c-mt-4{margin-top:var(--space-4)}
.c-mt-5{margin-top:var(--space-5)}
.c-mt-8{margin-top:var(--space-8)}
.c-p-4{padding:var(--space-4)}
.c-p-5{padding:var(--space-5)}
.c-muted{color:var(--muted);font-size:var(--text-base);line-height:var(--lh-body)}
.c-center{text-align:center}
.c-start{text-align:start}
.c-url{overflow-wrap:anywhere}
.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}
:where(.c-article){background:#FFFFFF;color:#3D4B57;padding:var(--space-5);border-radius:var(--r-card)}
:where(.c-article h2,.c-article h3){font-size:var(--text-lg);line-height:var(--lh-card);color:#1F2A33;letter-spacing:var(--tracking-card);margin-block:var(--space-5) var(--space-3)}
:where(.c-article p,.c-article ul,.c-article ol,.c-article blockquote,.c-article pre,.c-article .table-scroll){margin-block:var(--space-3)}
:where(.c-article a){text-decoration:underline;text-underline-offset:.2em}
.reveal{opacity:1;transform:none}
.reveal.c-reveal-pending{opacity:0;transform:translateY(var(--reveal-distance));transition:opacity 500ms var(--ease),transform 500ms var(--ease)}
.reveal.reveal-left.c-reveal-pending{transform:translateX(calc(var(--reveal-distance)*-1))}
.reveal.reveal-right.c-reveal-pending{transform:translateX(var(--reveal-distance))}
.reveal.c-reveal-visible{opacity:1;transform:none}
@media(max-width:64rem){
:root{--space-section:5rem;--gutter:1.5rem}
.c-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
:root{--gutter:1rem;--space-section:3.5rem;--hero-pad:3.5rem;--text-xl:2rem}
.c-grid-2,.c-grid-3{grid-template-columns:minmax(0,1fr)}
.c-article{padding:var(--space-4)}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
.reveal.c-reveal-pending{opacity:1;transform:none}
}