@import url("./fonts.css");
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Mukta',system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-size:18px;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-weight:700;color:var(--ink);line-height:1.2}
h1{font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.01em}
h2{font-size:clamp(28px,3.5vw,40px)}
h3{font-size:clamp(22px,2.2vw,28px)}
h4{font-size:22px;font-weight:600}
p{color:var(--text)}
.eyebrow{display:inline-block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:16px}
.muted{color:var(--muted)}

section{padding:96px 0}
@media(max-width:880px){section{padding:72px 0}}
@media(max-width:600px){section{padding:56px 0}}
.section-head{text-align:center;max-width:780px;margin:0 auto 56px}
@media(max-width:600px){.section-head{margin-bottom:40px}}
.section-head .eyebrow{display:block}
.section-alt{background:var(--bg-alt)}