:root{color-scheme:light;--pine:#004b51;--mint:#8ddba5;--paper:#efefe7}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--pine);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--pine);outline-offset:5px}
.page{min-height:100vh;min-height:100svh;max-width:1080px;padding:clamp(12px,3svh,40px) 40px 16px;margin:auto;display:flex;flex-direction:column}
.main{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 20px}
.brand{display:block;width:clamp(80px,calc(100svh - 280px),440px);max-width:100%;height:auto;object-fit:contain;flex-shrink:0}
h1{margin:0 0 clamp(12px,3svh,28px);font-size:18px;line-height:1.5;font-weight:400;letter-spacing:.01em;text-align:center}
.services{width:100%;max-width:900px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:88px;padding:20px 24px;background:var(--pine);color:#fff;border:1px solid var(--pine);border-radius:10px;box-shadow:0 3px 0 #003b4012;font-size:17px;font-weight:600;line-height:1.35;transition:background-color .15s ease,box-shadow .15s ease}
.service-description{display:block;margin-top:3px;font-size:12px;font-weight:400;color:#d3e2d8}
.arrow{flex:none;font-size:25px;line-height:1;color:var(--mint)}
.service:hover{background:#003a3f;box-shadow:0 5px 12px #004b511a}
.service:active{background:#002e32}
.footer{border-top:1px solid #004b5126;padding-top:16px}
.footer address{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:4px 28px;font-size:12px;font-style:normal;line-height:1.6;text-align:center}
.footer a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.footer a:hover{text-decoration:underline;text-underline-offset:4px}
.skip-link{position:fixed;top:8px;left:8px;padding:12px 20px;background:var(--mint);z-index:2;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
@media(max-width:760px){
  .page{padding:12px 18px}
  .main{padding:0 0 16px}
  .brand{width:clamp(80px,calc(100svh - 400px),320px)}
  h1{font-size:16px;margin:0 0 16px}
  .services{max-width:420px;grid-template-columns:1fr;gap:8px}
  .service{min-height:60px;padding:10px 16px}
  .footer address{gap:0 22px}
  .footer address>span{flex-basis:100%;margin-top:2px}
}
@media(max-height:500px) and (min-width:480px){
  .page{padding:8px 18px}
  .main{padding-bottom:12px}
  .brand{width:clamp(64px,calc(100svh - 220px),240px)}
  h1{font-size:16px;margin-bottom:12px}
  .services{max-width:900px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .service{min-height:60px;padding:8px 12px;font-size:14px;gap:8px}
  .footer{padding-top:4px}
  .footer address>span{flex-basis:auto;margin-top:0}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}