@import url('./fonts.css');
:root{--paper:#f7f6f2;--ink:#101416;--blue:#0868f9;--red:#ed3c36;--yellow:#f7c62b;--green:#31a368;--muted:#646a70;--line:#deded7;--heading:'Barlow Condensed',Impact,sans-serif;--body:Inter,Arial,sans-serif;--hand:Caveat,cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:800;line-height:.96}h2{font-size:clamp(38px,5.6vw,81px);letter-spacing:-1.8px}p{line-height:1.45}.container{width:calc(100% - 120px);max-width:1440px;margin:auto}.eyebrow{font-size:14px;font-weight:700;letter-spacing:2px;color:#4384c4;text-transform:uppercase}.blue{color:var(--blue)}.button{border:1px solid transparent;border-radius:99px;background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:18px 28px;font-size:14px;font-weight:700;min-width:178px;transition:transform .18s,background .18s}.button:hover{background:#0056d9;transform:translateY(-2px)}.button.outline{background:transparent;border-color:currentColor;color:var(--ink)}.button.outline:hover{background:#ffffff60}.button .arrow{font-size:23px;line-height:1}.tag{display:inline-block;padding:7px 14px;border-radius:30px;background:#fff;border:1px solid #e6e6e3;font-size:10px;font-weight:600}.note{font-family:var(--hand);font-size:24px;line-height:1.05;transform:rotate(-9deg)}.dark{background:#0e1317;color:#f7f6f2}.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}
@media(min-width:1600px){.container{width:calc(100% - 140px)}}
@media(max-width:800px){.container{width:calc(100% - 40px)}h2{font-size:48px;letter-spacing:-1px}.eyebrow{font-size:11px;letter-spacing:1.5px}.button{min-width:145px;padding:14px 20px;font-size:12px;gap:16px}.note{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}