@font-face{font-family:"Bricolage Grotesque";src:url("fonts/BricolageGrotesque-800.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Figtree";src:url("fonts/Figtree-400.woff2") format("woff2");font-weight:400;font-display:swap}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:#F2F3F0;color:#262624;font-family:"Figtree",system-ui,sans-serif;-webkit-font-smoothing:antialiased;display:grid;place-items:center;padding:24px}
main{max-width:640px;width:100%}
.logo{display:flex;align-items:center;gap:12px;margin:0 0 40px}
.logo img{width:44px;height:44px;border-radius:12px}
.logo span{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:34px;letter-spacing:-.04em}
b{color:#E8731C}
h1{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:clamp(52px,11vw,104px);line-height:.95;letter-spacing:-.045em;margin:0 0 24px}
.sub{font-size:clamp(18px,2.2vw,21px);line-height:1.5;color:#575B56;margin:0 0 8px;max-width:30em}
.sub.en{font-size:16px}
::selection{background:#E8731C;color:#1D1F21}