@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');

:root{color-scheme:light;--bg:#f7f7f4;--surface:#fff;--navy:#0d203b;--line:#d9dce0;--orange:#f45116}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--navy);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page{max-width:1920px;margin:0 auto}
.masthead{min-height:116px;padding:22px clamp(24px,5vw,88px);display:flex;align-items:center;background:var(--surface);border-bottom:1px solid var(--line)}
.logo{display:block;max-width:min(250px,48vw);max-height:78px;width:auto;height:auto;object-fit:contain}
.hero{display:flex;justify-content:center;background:#fa4b0a;border-bottom:4px solid var(--navy)}
.hero-image{width:min(100%,922px);height:clamp(300px,35vw,400px);overflow:hidden;background:#fa4b0a}
.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;animation:hero-reveal .85s cubic-bezier(.32,.72,0,1) both}
.content{padding:clamp(44px,6vw,90px) clamp(24px,5vw,88px) clamp(72px,8vw,120px);display:flex;justify-content:center}
.content-main{width:min(100%,922px)}
.content h2{font-size:36px;line-height:40px;font-weight:500;letter-spacing:-.02em;text-wrap:balance;margin:0 0 24px}
.content p{font-size:20px;line-height:1.6;color:#334459;text-wrap:pretty;margin:0}
.content p a{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--orange)}
.content p a:hover{color:var(--orange)}
.contact{border-top:1px solid var(--line);background:#eef0f1;padding:clamp(64px,7vw,110px) clamp(24px,5vw,88px) clamp(80px,8vw,130px);display:flex;justify-content:center}
.contact-main{width:min(100%,922px)}
.contact h2{font-size:36px;line-height:40px;font-weight:500;letter-spacing:-.02em;text-wrap:balance;margin:0 0 40px}
.contact-links{display:flex;flex-direction:column;max-width:720px}
.contact-links a{border-top:1px solid #bcc4cc;padding:23px 0;display:flex;align-items:center;gap:20px;font-size:24px;line-height:32px;letter-spacing:-.01em;overflow-wrap:anywhere;transition:color .3s cubic-bezier(.32,.72,0,1),padding-left .3s cubic-bezier(.32,.72,0,1)}
.contact-links a:last-child{border-bottom:1px solid #bcc4cc}
.contact-links a:hover{color:var(--orange);padding-left:8px}
.contact-links svg{width:26px;height:26px;flex:none;color:var(--orange)}
.footer{background:var(--navy);color:#f4f6f8;padding:48px clamp(24px,5vw,88px) 54px;border-top:3px solid var(--orange)}
.footer-inner{width:min(100%,922px);margin:0 auto;display:flex;justify-content:space-between;gap:36px 70px}
.footer p{margin:0 0 9px;font-size:14px;line-height:1.6;color:#d6dfe8}
.footer p:last-child{margin-bottom:0}
.footer strong{color:#fff;font-weight:600}
.footer-contact{display:flex;flex-direction:column;gap:12px;flex:none;font-size:15px;font-weight:600}
.footer-contact a{display:inline-flex;align-items:center;gap:12px;transition:color .3s cubic-bezier(.32,.72,0,1)}
.footer-contact svg{width:18px;height:18px;flex:none;color:#fff}
.footer-contact a:hover{color:#ff8055}
.footer-contact a:focus-visible{outline-color:#fff}
@media(max-width:700px){.masthead{min-height:88px;padding-top:16px;padding-bottom:16px}.logo{max-height:58px}.hero-image{height:300px}.content{padding-top:42px}.content h2,.contact h2{font-size:30px;line-height:36px}.content p{font-size:18px;line-height:28px}.contact h2{margin-bottom:32px}.contact-links a{font-size:18px;line-height:28px}.footer-inner{flex-direction:column}.footer-contact{gap:10px}}
@media(max-width:400px){.hero-image{height:300px}.contact-links a{gap:14px}.contact-links svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact-links a{transition:none}}

.masthead{justify-content:space-between;gap:24px}
.header-contact{display:inline-flex;align-items:center;gap:18px;border:1px solid var(--navy);background:var(--navy);color:#fff;padding:12px 17px;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background .3s cubic-bezier(.32,.72,0,1),transform .3s cubic-bezier(.32,.72,0,1)}
.header-contact:hover{background:#1d3b5c;transform:translateY(-2px)}
.header-contact span{color:var(--orange);font-size:18px;line-height:1}
@media(max-width:700px){.header-contact{padding:10px 12px;gap:9px}}

@keyframes hero-reveal{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.motion-reveal{opacity:0;transform:translateY(16px);transition:opacity .85s cubic-bezier(.32,.72,0,1),transform .85s cubic-bezier(.32,.72,0,1)}
.motion-reveal.is-visible{opacity:1;transform:translateY(0)}
.contact-links a.motion-reveal:nth-child(2){transition-delay:.1s}
@media(prefers-reduced-motion:reduce){.header-contact,.footer-contact a,.motion-reveal{transition:none}.hero-image img{animation:none}.motion-reveal{opacity:1;transform:none}}
@media(max-width:700px){.masthead{gap:12px}}