body{margin:0}
:root{--ink:#15171C;--mut:#5F6673;--line:#E8EAEF;--soft:#F5F6F9;--acc:#3347E5;--ok:#2FA36B}
.pg{font-family:'Instrument Sans',system-ui,sans-serif;background:#FFFFFF;color:var(--ink);line-height:1.65;font-size:17px}
.pg h1,.pg h2,.pg h3{font-weight:500;letter-spacing:-0.03em;line-height:1.08;margin:0}
.wrap{max-width:1120px;margin:0 auto;padding:0 6vw;box-sizing:border-box}
.btn{display:inline-block;background:var(--ink);color:#FFFFFF;text-decoration:none;font-weight:500;padding:14px 26px;border-radius:999px;font-size:16px}
.btn:hover{background:var(--acc);color:#FFFFFF}
.btn2{display:inline-block;color:var(--ink);text-decoration:none;font-weight:500;padding:13px 26px;border-radius:999px;border:1px solid var(--line);font-size:16px}
.btn2:hover{border-color:var(--ink);color:var(--ink)}
.navlink{color:var(--mut);text-decoration:none;font-weight:500;font-size:16px}
.navlink:hover{color:var(--ink)}
.card{background:#FFFFFF;border:1px solid var(--line);border-radius:20px}
.pg a:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
a{color:var(--acc)}
html{scroll-behavior:smooth}
::selection{background:#DDE1FF}
.pg{-webkit-font-smoothing:antialiased}
.pg h1,.pg h2,.pg h3{text-wrap:balance}
.btn,.btn2{transition:background .15s,border-color .15s}