@import url("../fonts/fonts.css");

:root{
  --md-orange:#EE5A29;
  --md-amber:#F8AD40;
  --md-lilac:#BEA1F5;
  --md-lilac-soft:#E8DDFB;
  --md-ink:#292827;
  --md-muted:#73716D;
  --md-cream:#FCFAF7;
  --md-peach:#FFE3C4;
  --md-white:#FFFFFF;
  --md-green:#2D7D58;
  --md-red:#C8472C;
  --md-line:rgba(41,40,39,.1);
  --md-line-strong:rgba(41,40,39,.22);
  --md-shadow:0 8px 24px rgba(41,40,39,.06);
  --md-space-1:.25rem;
  --md-space-2:.5rem;
  --md-space-3:.75rem;
  --md-space-4:1rem;
  --md-space-5:1.5rem;
  --md-space-6:2rem;
  --md-space-7:2.5rem;
  --md-space-8:4rem;
  --md-space-9:6rem;
  --md-space-10:8rem;
  --md-radius-sm:8px;
  --md-radius-md:12px;
  --md-radius-lg:16px;
  --md-fs-xs:.75rem;
  --md-fs-sm:.875rem;
  --md-fs-base:1rem;
  --md-fs-lg:1.25rem;
  --md-fs-xl:1.5rem;
  --md-fs-2xl:2.5rem;
  --md-fs-3xl:4.5rem;
  --md-leading-tight:1;
  --md-leading-heading:1.02;
  --md-leading-body:1.65;
  --md-container-narrow:760px;
  --md-container:1240px;
  --md-container-wide:1440px;
  --md-header-height:64px;
  --md-ease:cubic-bezier(.2,.75,.25,1);
}
*,
*::before,
*::after{box-sizing:border-box}
html{scroll-behavior:auto}
body{
  margin:0;
  min-width:0;
  color:var(--md-ink);
  background:var(--md-cream);
  font-family:"Albert Sans",-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans CJK TC","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;
  font-size:var(--md-fs-base);
  line-height:var(--md-leading-body);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
main{overflow-x:clip}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,h4,h5,h6,figure,blockquote,pre{margin:0}
ul,ol{margin:0;padding:0}
li{list-style:none}
table{border-collapse:collapse}
h1,h2,h3,h4,h5,h6,.md-display{
  font-family:"Albert Sans",-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans CJK TC","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  line-height:var(--md-leading-heading);
}
h1{font-size:clamp(2.6rem,5.2vw,var(--md-fs-3xl));letter-spacing:-.045em}
h2{font-size:clamp(1.85rem,3.4vw,var(--md-fs-2xl));letter-spacing:-.035em}
h3{font-size:var(--md-fs-xl);letter-spacing:-.02em}
p{color:var(--md-muted)}
:focus-visible{outline:3px solid var(--md-amber);outline-offset:3px}
::selection{color:var(--md-ink);background:var(--md-lilac)}
.md-container,.md-container-narrow,.md-container-wide{
  width:calc(100% - 2rem);
  margin-inline:auto;
}
.md-container{max-width:var(--md-container)}
.md-container-narrow{max-width:var(--md-container-narrow)}
.md-container-wide{max-width:var(--md-container-wide)}
.md-grid{display:grid;gap:var(--md-space-5);align-items:start}
.md-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md-grid>*{min-width:0}
.md-stack{display:flex;flex-direction:column;gap:var(--md-space-4);min-width:0}
.md-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--md-space-3)}
.md-split{display:flex;align-items:center;justify-content:space-between;gap:var(--md-space-4)}
.md-mono{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-variant-numeric:tabular-nums;
}
.md-muted{color:var(--md-muted)}
.md-ink{color:var(--md-ink)}
.md-center{text-align:center}
.md-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;
}
.md-mt-2{margin-top:var(--md-space-2)}
.md-mt-4{margin-top:var(--md-space-4)}
.md-mt-5{margin-top:var(--md-space-5)}
.md-mt-6{margin-top:var(--md-space-6)}
.md-mt-8{margin-top:var(--md-space-8)}
.md-mb-4{margin-bottom:var(--md-space-4)}
.md-mb-6{margin-bottom:var(--md-space-6)}
.md-py-8{padding-block:var(--md-space-8)}
.md-py-9{padding-block:var(--md-space-9)}
.md-rule{height:1px;background:var(--md-line)}
.reveal,.reveal-left,.reveal-right{
  opacity:0;
  transition:opacity .55s var(--md-ease),transform .55s var(--md-ease);
}
.reveal{transform:translateY(24px)}
.reveal-left{transform:translateX(-28px)}
.reveal-right{transform:translateX(28px)}
.reveal.is-visible,.reveal-left.is-visible,.reveal-right.is-visible{opacity:1;transform:none}
@media(max-width:900px){
  :root{--md-fs-3xl:3.25rem;--md-space-9:4.5rem;--md-space-10:6rem}
  .md-grid-3,.md-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  :root{--md-fs-3xl:2.6rem;--md-fs-2xl:1.85rem;--md-space-8:3rem;--md-space-9:3.75rem}
  .md-container,.md-container-narrow,.md-container-wide{width:calc(100% - 1.5rem)}
  .md-grid-2,.md-grid-3,.md-grid-4{grid-template-columns:1fr}
  .md-split{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal,.reveal-left,.reveal-right{opacity:1;transform:none}
}