@font-face{font-family:Onest;src:url('/landing/assets/fonts/onest-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#fff;color:#171719;font-family:Onest,sans-serif;letter-spacing:0}a{color:inherit}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}header>a:last-child{font-size:14px;text-decoration:none;color:#62646b}.brand{display:flex;gap:9px;align-items:center;font-size:22px;font-weight:650;text-decoration:none}.intro{padding:48px 0 30px;max-width:700px}.eyebrow{font-size:14px;color:#6c6e77}h1{font-size:48px;line-height:1.12;font-weight:600;margin:18px 0}p{font-size:18px;line-height:1.65}.intro>p:last-child{color:#62646b;max-width:570px}.categories{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:30px}.categories a{padding:12px 18px;border-radius:12px;background:#eef0f2;text-decoration:none;font-size:15px}section{padding:24px 0}h2{font-size:27px;font-weight:550;margin:0 0 24px}article{position:relative;padding:26px 0;border-top:1px solid #e8e9ec;max-width:780px}h3{font-size:15px;font-weight:550;color:#686b73;margin:0 0 12px}.sample{margin:0 0 18px}button{border:0;background:#eef0f2;color:#525660;border-radius:12px;padding:12px 18px;font:500 14px Onest,sans-serif;min-height:44px;cursor:pointer}li{font-size:16px;line-height:1.6;margin:12px 0}.notes ul{padding-left:22px}.next{border-top:1px solid #e8e9ec;padding:36px 0}.next p{color:#62646b}.next a{display:inline-flex;align-items:center;min-height:48px;background:#171719;color:white;padding:14px 24px;border-radius:12px;text-decoration:none;font-size:16px}footer{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #eee;font-size:14px;color:#62646b}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#171719;color:#fff;border-radius:12px;padding:12px 20px;font-size:14px;max-width:calc(100% - 32px);display:none}.toast:not(:empty){display:block}@media(max-width:600px){header,main,footer{padding:20px 16px}.intro{padding-top:24px}h1{font-size:34px}h2{font-size:24px}.sample{font-size:17px}.categories{gap:8px}.categories a{padding:10px 13px}section{padding:20px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}