:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132944;background:#f5f4ee;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 90% 0%,#dce8ed 0,transparent 50%),#f5f4ee}
main{width:min(840px,100%);padding:72px 40px}
a{color:inherit;text-decoration:none}
.brand{font-size:24px;font-weight:850;letter-spacing:.08em;display:inline-block}
.brand span{font-weight:450}
.rule{width:52px;height:4px;margin:58px 0 35px;background:#bc6d43}
.eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;line-height:1.8;color:#536980}
h1{font-size:clamp(45px,8vw,76px);line-height:1.1;letter-spacing:-.04em;margin:20px 0 28px;font-weight:700}
.intro{font-size:clamp(18px,3vw,23px);line-height:1.6;margin:0;max-width:570px}
.english{font-size:15px;color:#627183;line-height:1.7;margin:10px 0 38px}
nav{display:flex;flex-wrap:wrap;gap:12px}
nav a{font-size:14px;border:1px solid #c1cbd2;padding:13px 18px;border-radius:6px;transition:background .15s}
nav a:hover,nav a:focus-visible{background:#e3e9ed}
nav span{margin-left:18px}
a:focus-visible{outline:3px solid #bc6d43;outline-offset:5px}
footer{border-top:1px solid #d3d9dc;margin-top:78px;padding-top:22px;font-size:12px;color:#627183}
@media(max-width:480px){main{padding:48px 24px}.brand{font-size:21px}.rule{margin-top:46px}footer{margin-top:58px}}