:root{
  --sm-ink:#090b0a;
  --sm-ink-2:#151715;
  --sm-ink-3:#181a19;
  --sm-paper:#f6f3ee;
  --sm-paper-2:#eeeae4;
  --sm-white:#faf7f2;
  --sm-muted-dark:#a8aaa6;
  --sm-muted-paper:#555b56;
  --sm-primary:#075f2b;
  --sm-primary-hover:#087438;
  --sm-accent:#399447;
  --sm-clay:#e7c7b8;
  --sm-clay-ink:#241b18;
  --sm-blue:#c9d7e5;
  --sm-blue-ink:#17202a;
  --sm-wheat:#e5d7a1;
  --sm-wheat-ink:#201d12;
  --sm-violet:#25212b;
  --sm-violet-ink:#f7f3ee;
  --sm-line-dark:rgba(255,255,255,.12);
  --sm-line-paper:rgba(9,11,10,.14);
  --sm-control-line:rgba(9,11,10,.3);
  --sm-shadow:0 24px 70px rgba(0,0,0,.28);
  --sm-space-1:.5rem;
  --sm-space-2:1rem;
  --sm-space-3:1.5rem;
  --sm-space-4:2.5rem;
  --sm-space-5:4rem;
  --sm-space-6:6rem;
  --sm-space-7:8rem;
  --sm-radius-sm:.875rem;
  --sm-radius-md:1.5rem;
  --sm-radius-lg:2.25rem;
  --sm-radius-pill:999px;
  --sm-text-xs:.75rem;
  --sm-text-sm:.875rem;
  --sm-text-md:1rem;
  --sm-text-lg:1.125rem;
  --sm-text-xl:1.5rem;
  --sm-text-2xl:2rem;
  --sm-text-display:clamp(3rem,5.4vw,4.25rem);
  --sm-leading-tight:1.16;
  --sm-leading-body:1.65;
  --sm-shell-narrow:46rem;
  --sm-shell-standard:74rem;
  --sm-shell-wide:83.125rem;
  --sm-gutter:clamp(1rem,3vw,2rem);
  --sm-header-size:4.25rem;
  --sm-hero-pad:7rem;
  --sm-hero-crumb-pad:2.5rem;
  --sm-font-heading:"Outfit",-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK TC","Hiragino Kaku Gothic ProN","Yu Gothic","Malgun Gothic",sans-serif;
  --sm-font-body:"Inter",-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK TC","Hiragino Kaku Gothic ProN","Yu Gothic","Malgun Gothic",sans-serif;
  --sm-font-mono:"SFMono-Regular","Cascadia Code","Roboto Mono",Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sm-ink);color:var(--sm-white);font-family:var(--sm-font-body);font-size:var(--sm-text-md);line-height:var(--sm-leading-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
main{overflow-x:clip}
img,svg,video{display:block;max-width:100%}
svg{width:1.25rem;height:1.25rem}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--sm-font-heading);font-weight:350;line-height:var(--sm-leading-tight);letter-spacing:-.035em}
h1{font-size:var(--sm-text-display)}
h2{font-size:clamp(2.25rem,4vw,3.55rem)}
h3{font-size:var(--sm-text-2xl)}
h4{font-size:var(--sm-text-xl)}
h5{font-size:var(--sm-text-lg)}
h6{font-size:var(--sm-text-md)}
p{margin:0;font-size:var(--sm-text-md);line-height:var(--sm-leading-body)}
ul,ol{font-size:var(--sm-text-md);line-height:var(--sm-leading-body)}
li{font-size:var(--sm-text-md);line-height:var(--sm-leading-body)}
small{font-size:var(--sm-text-xs);line-height:1.5}
figcaption{font-size:var(--sm-text-sm);line-height:1.5}
blockquote{margin:0;font-size:var(--sm-text-xl);line-height:1.45}
code{font-family:var(--sm-font-mono);font-size:var(--sm-text-sm);line-height:1.6}
pre{margin:0;max-width:100%;overflow-x:auto;font-family:var(--sm-font-mono);font-size:var(--sm-text-sm);line-height:1.65}
th,td{font-size:var(--sm-text-sm);line-height:1.5}
dt{font-size:var(--sm-text-sm);line-height:1.5;font-weight:700}
dd{margin:0;font-size:var(--sm-text-md);line-height:var(--sm-leading-body)}
label{font-size:var(--sm-text-sm);line-height:1.5}
.shell-narrow,.shell-standard,.shell-wide{width:calc(100% - 2 * var(--sm-gutter));margin-inline:auto}
.shell-narrow{max-width:var(--sm-shell-narrow)}
.shell-standard{max-width:var(--sm-shell-standard)}
.shell-wide{max-width:var(--sm-shell-wide)}
.grid{display:grid;min-width:0}
.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.gap-1{gap:var(--sm-space-1)}
.gap-2{gap:var(--sm-space-2)}
.gap-3{gap:var(--sm-space-3)}
.gap-4{gap:var(--sm-space-4)}
.stack>*+*{margin-top:var(--sm-space-3)}
.stack-tight>*+*{margin-top:var(--sm-space-2)}
.flow>*+*{margin-top:var(--sm-space-4)}
.section-space{padding-block:var(--sm-space-7)}
.section-space-sm{padding-block:var(--sm-space-6)}
.text-center{text-align:center}
.text-center .c-kicker{margin-inline:auto}
.text-center .c-actions{justify-content:center}
.mono{font-family:var(--sm-font-mono);font-variant-numeric:tabular-nums}
.muted{color:var(--sm-muted-dark)}
.paper-muted{color:var(--sm-muted-paper)}
.surface-paper{background:var(--sm-paper);color:var(--sm-ink)}
.surface-dark{background:var(--sm-ink);color:var(--sm-white)}
.surface-ink{background:var(--sm-ink-2);color:var(--sm-white)}
.surface-clay{background:var(--sm-clay);color:var(--sm-clay-ink)}
.surface-blue{background:var(--sm-blue);color:var(--sm-blue-ink)}
.surface-wheat{background:var(--sm-wheat);color:var(--sm-wheat-ink)}
.surface-violet{background:var(--sm-violet);color:var(--sm-violet-ink)}
.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}
[hidden]{display:none!important}
.reveal{opacity:0;transform:translateY(1rem);transition:opacity .55s ease,transform .55s ease}
.reveal.reveal-left{transform:translate(-1rem,1rem)}
.reveal.reveal-right{transform:translate(1rem,1rem)}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:64rem){
  .grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-space{padding-block:var(--sm-space-6)}
}
@media(max-width:42rem){
  :root{--sm-text-display:clamp(2.65rem,13vw,3.5rem);--sm-space-7:5rem;--sm-hero-pad:4.5rem}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .section-space,.section-space-sm{padding-block:var(--sm-space-5)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
}
