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

:root{
  --mw-primary:#A83EB5;
  --mw-primary-hover:#92339E;
  --mw-primary-soft:#F2E2F4;
  --mw-accent:#6550A6;
  --mw-ink:#211728;
  --mw-ink-soft:#443A48;
  --mw-muted:#716A73;
  --mw-paper:#FBF8F2;
  --mw-white:#FFFFFF;
  --mw-surface:#F2EDEA;
  --mw-surface-deep:#E9E1DF;
  --mw-line:#DED7D7;
  --mw-line-strong:#BEB5BF;
  --mw-apricot:#F6D99D;
  --mw-coral:#E99B8B;
  --mw-teal:#89BDB5;
  --mw-lavender:#DCCDE8;
  --mw-success:#397662;
  --mw-success-bg:#E1F0EA;
  --mw-danger:#9A413F;
  --mw-danger-bg:#F7E4DF;
  --mw-heading:"Space Grotesk",-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;
  --mw-body:"Chivo",-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;
  --mw-mono:"SFMono-Regular","Cascadia Code","Roboto Mono",Consolas,monospace;
  --mw-size-xs:.75rem;
  --mw-size-sm:.875rem;
  --mw-size-base:1rem;
  --mw-size-lg:1.125rem;
  --mw-size-xl:1.5rem;
  --mw-size-2xl:2.25rem;
  --mw-size-3xl:3.25rem;
  --mw-size-hero:6rem;
  --mw-leading-tight:1.04;
  --mw-leading-heading:1.12;
  --mw-leading-body:1.68;
  --mw-space-1:.5rem;
  --mw-space-2:1rem;
  --mw-space-3:1.5rem;
  --mw-space-4:2.5rem;
  --mw-space-5:4rem;
  --mw-space-6:6rem;
  --mw-space-7:8rem;
  --mw-radius-sm:.5rem;
  --mw-radius-md:.75rem;
  --mw-radius-lg:1rem;
  --mw-shadow:12px 14px 0 rgba(101,80,166,.1);
  --mw-container-narrow:780px;
  --mw-container:1160px;
  --mw-container-wide:1280px;
  --mw-header-height:72px;
  --mw-ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:auto;text-size-adjust:100%}
body{
  margin:0;
  min-width:0;
  color:var(--mw-ink);
  background:var(--mw-white);
  font-family:var(--mw-body);
  font-size:var(--mw-size-base);
  line-height:var(--mw-leading-body);
  -webkit-font-smoothing:antialiased;
  overflow-wrap:anywhere
}
body.is-menu-open{overflow:hidden}
main{display:block;min-height:60vh}
h1,h2,h3,h4,h5,h6{
  margin:0;
  color:var(--mw-ink);
  font-family:var(--mw-heading);
  font-weight:600;
  line-height:var(--mw-leading-heading)
}
h1{font-size:var(--mw-size-hero);letter-spacing:-.048em}
h2{font-size:var(--mw-size-3xl);letter-spacing:-.04em}
h3{font-size:var(--mw-size-xl);letter-spacing:-.025em}
h4{font-size:var(--mw-size-lg)}
p{margin:0 0 var(--mw-space-2)}
a{color:inherit;text-decoration:none}
img,svg,video{display:block;max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit}
button{color:inherit}
table{border-collapse:collapse}
ul,ol{margin:0;padding:0}
li{list-style:none}
blockquote,figure{margin:0}
code,kbd,pre,samp,.u-mono{
  font-family:var(--mw-mono);
  font-variant-numeric:tabular-nums lining-nums
}
pre{
  max-width:100%;
  margin:0;
  padding:var(--mw-space-3);
  overflow-x:auto;
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-md);
  background:var(--mw-ink);
  color:var(--mw-paper)
}
code{overflow-wrap:normal}
::selection{background:var(--mw-primary-soft);color:var(--mw-ink)}
:focus-visible{outline:3px solid rgba(168,62,181,.28);outline-offset:3px}
[hidden]{display:none!important}
.mw-container,.mw-container-narrow,.mw-container-wide{
  width:calc(100% - 40px);
  margin-inline:auto
}
.mw-container{max-width:var(--mw-container)}
.mw-container-narrow{max-width:var(--mw-container-narrow)}
.mw-container-wide{max-width:var(--mw-container-wide)}
.mw-grid{display:grid;gap:var(--mw-space-3)}
.mw-grid>*{min-width:0}
.mw-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mw-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mw-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mw-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:var(--mw-space-4)}
.mw-stack{display:grid;gap:var(--mw-space-2)}
.mw-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mw-space-2)}
.mw-section{padding-block:var(--mw-space-7)}
.mw-section-compact{padding-block:var(--mw-space-6)}
.mw-section-warm{
  background:var(--mw-surface);
  border-block:1px solid var(--mw-line)
}
.mw-section-paper{
  background:var(--mw-paper);
  border-block:1px solid var(--mw-line)
}
.mw-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--mw-space-5);
  margin-bottom:var(--mw-space-4)
}
.mw-section-title{max-width:720px}
.mw-section-lead{
  max-width:390px;
  margin:0;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}
.mw-kicker{
  display:flex;
  align-items:center;
  gap:.625rem;
  margin-bottom:var(--mw-space-2);
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase
}
.mw-kicker::before{width:22px;height:1px;background:currentColor;content:""}
.mw-muted{color:var(--mw-muted)}
.mw-center{text-align:center}
.mw-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
}
.u-mt-1{margin-top:var(--mw-space-1)}
.u-mt-2{margin-top:var(--mw-space-2)}
.u-mt-3{margin-top:var(--mw-space-3)}
.u-mt-4{margin-top:var(--mw-space-4)}
.u-mb-0{margin-bottom:0}
.u-gap-1{gap:var(--mw-space-1)}
.u-gap-2{gap:var(--mw-space-2)}
.u-gap-3{gap:var(--mw-space-3)}
.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s var(--mw-ease),transform .55s var(--mw-ease)
}
.reveal.reveal-left{transform:translateX(-18px)}
.reveal.reveal-scale{transform:scale(.975)}
.reveal.is-visible{opacity:1;transform:none}
@media (max-width:980px){
  :root{--mw-size-hero:4.5rem;--mw-size-3xl:2.75rem;--mw-space-7:6rem}
  .mw-grid-3,.mw-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mw-split{grid-template-columns:1fr}
  .mw-section-head{align-items:flex-start;flex-direction:column;gap:var(--mw-space-2)}
  .mw-section-lead{max-width:680px}
}
@media (max-width:640px){
  :root{--mw-size-hero:3.25rem;--mw-size-3xl:2.25rem;--mw-size-2xl:1.875rem;--mw-space-6:4rem;--mw-space-7:4.5rem}
  .mw-container,.mw-container-narrow,.mw-container-wide{width:calc(100% - 32px)}
  .mw-grid-2,.mw-grid-3,.mw-grid-4{grid-template-columns:1fr}
  .mw-section{padding-block:var(--mw-space-6)}
  h1{letter-spacing:-.042em}
}
@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{opacity:1;transform:none}
}
main{overflow-x:clip}
