@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--paper:#f6f5f1;--ink:#222526;--orange:#f56a00;--muted:#626766;--rule:#d2d3ce}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}
.page{width:100%;max-width:824px;margin:0 auto;padding:16px 24px 24px}
.header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:16px;gap:16px}
.logo{display:block;width:112px;height:112px;object-fit:contain}
.section-label{font-size:10px;font-weight:600;color:var(--muted)}
.hero{padding:30px 0 24px}
h1{font-size:clamp(29px,9.15vw,44px);font-weight:800;line-height:1.13;letter-spacing:-.035em;margin:0}
h1 span{display:block}
.accent{width:40px;height:3px;background:var(--orange);margin:22px 0}
.services{font-size:13px;font-weight:600;line-height:1.65;margin:0}
.claim{font-size:11px;font-weight:800;line-height:1.5;margin:20px 0 0}
.contacts{display:flex;flex-direction:column;gap:12px}
.contact{display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:16px 20px;text-decoration:none;color:var(--ink);border:1px solid transparent}
.call{background:var(--orange)}
.email{background:var(--ink);color:var(--paper)}
.action{font-size:11px;font-weight:800;line-height:1.5;margin-bottom:4px}
.number{font-size:clamp(22px,6vw,29px);font-weight:800;line-height:1.35;white-space:nowrap}
.email-address{font-size:clamp(14px,4.1vw,20px);font-weight:600;line-height:1.5;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
a:active{border-color:currentColor}
.project{margin-top:36px;padding-top:24px;border-top:1px solid var(--rule)}
h2{font-size:19px;line-height:1.4;font-weight:800;letter-spacing:-.025em;margin:0 0 14px}
.project p{margin:0;font-size:15px;line-height:1.75}
.project .detail{color:var(--muted);font-size:13px;line-height:1.8;margin-top:18px;max-width:560px}
.company{margin-top:32px;padding-top:24px;border-top:1px solid var(--rule);font-size:12px;color:var(--muted);line-height:1.8}
.company h2{font-size:13px;letter-spacing:0;color:var(--ink);margin-bottom:12px;font-weight:800}
.company p{margin:0 0 10px}
address{font-style:normal}
footer{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding-top:16px;border-top:1px solid var(--rule);font-size:8px;line-height:1.5;font-weight:600;color:var(--muted)}
@media(min-width:640px){.page{padding:30px 48px}.logo{width:132px;height:132px}.header{padding-bottom:22px}.section-label{font-size:11px}.hero{padding:46px 0 34px}h1{font-size:62px}.accent{margin:28px 0}.services{font-size:16px}.claim{font-size:13px;margin-top:24px}.contact{min-height:104px;padding:20px 28px}.number{font-size:32px}.email-address{font-size:24px}.action{font-size:12px}.project{margin-top:44px;padding-top:30px}h2{font-size:24px}.project p{font-size:16px;max-width:580px}.project .detail{font-size:14px}.company{font-size:13px}.company h2{font-size:14px}footer{font-size:10px;margin-top:40px;padding-top:20px}}
@media(max-width:639px){.page{padding-top:12px}.header{padding-bottom:12px}.hero{padding:24px 0 20px}.accent{margin:18px 0}.claim{margin-top:16px}}
@media(prefers-contrast:more){:root{--muted:#424645;--rule:#777b76}}