:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#17212a;background:#fff}
*{box-sizing:border-box}
body{margin:0}
.page{width:min(100% - 64px,1000px);min-height:100svh;margin:auto;display:flex;flex-direction:column}
header{padding:44px 0 32px}header img{display:block;object-fit:contain;object-position:left}
main{flex:1;padding:clamp(36px,9vh,100px) 0 72px;max-width:750px}
h1{font-size:clamp(42px,6.5vw,76px);line-height:1.06;letter-spacing:-.045em;margin:0 0 28px;font-weight:700}
.intro{max-width:510px;font-size:20px;line-height:1.6;color:#53606a;margin:0}
.contact{border-left:3px solid #ff2910;padding-left:22px;margin-top:42px}
h2{font-size:14px;line-height:1.5;margin:0 0 12px;color:#53606a;font-weight:400}
.contact a{display:block;width:fit-content;color:#17212a;font-size:22px;line-height:1.7;text-decoration-thickness:1px;text-underline-offset:5px}
.contact a:hover{color:#c7210d}
a:focus-visible{outline:2px solid #17212a;outline-offset:5px}
footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e3e6e8;padding:24px 0;font-size:13px;line-height:1.5;color:#53606a}
@media(max-width:500px){.page{width:calc(100% - 40px)}header{padding-top:28px}header img{width:142px;height:40px}main{padding-top:46px;padding-bottom:60px}.intro{font-size:18px}.contact a{font-size:20px}footer{flex-direction:column;gap:4px}}