body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-size:19px;line-height:1.7;color:#22302A;background:#EDF4EF;
    margin:0;padding:0;
  }
  .topbar{
    background:#1E3A2F;color:#fff;border-bottom:4px solid #8FCDAA;
    padding:14px 22px;display:flex;align-items:center;gap:12px;justify-content:center;
  }
  .topbar a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;}
  .topbar img{height:22px;width:auto;}
  .topbar span{font-size:22px;letter-spacing:.02em;font-weight:300;}
  .topbar b{font-weight:800;}
  .navbar{
    background:#2F5D46;text-align:center;padding:10px 8px;
    display:flex;justify-content:center;flex-wrap:wrap;gap:6px 26px;
  }
  .navbar a{color:#DCEFE3;text-decoration:none;font-weight:700;font-size:17px;}
  .navbar a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;}
  .navbar a.here{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8FCDAA;text-decoration-thickness:3px;}
  main{max-width:880px;margin:0 auto;padding:30px 18px 60px;}
  .box{
    background:#FFFFFF;border:2px solid #2F5D46;border-radius:12px;
    padding:26px 30px 30px;margin-bottom:28px;
  }
  .box.hero{background:#DCF3DE;text-align:center;}
  h1,h2{font-family:Georgia,serif;color:#1E3A2F;line-height:1.25;}
  h1{font-size:33px;margin:22px 0 6px;}
  h2{font-size:26px;margin:0 0 14px;border-bottom:3px solid #8FCDAA;padding-bottom:8px;}
  p{margin:14px 0;}
  ul{margin:14px 0 14px 4px;list-style:none;padding:0;}
  li{padding-left:30px;position:relative;margin-bottom:10px;}
  li::before{content:"\2713";position:absolute;left:0;color:#2F5D46;font-weight:700;}
  .logo{display:block;margin:0 auto;width:280px;max-width:82%;height:auto;}
  .slogan{font-family:Georgia,serif;font-style:italic;font-size:21px;color:#2F5D46;margin:4px 0 18px;}
  .phone{
    display:block;text-align:center;background:#2F5D46;color:#fff;text-decoration:none;
    font-size:22px;font-weight:700;padding:16px;border-radius:8px;margin:18px auto 8px;max-width:420px;
  }
  .phone:hover{background:#1E3A2F;}
  .center{text-align:center;}
  .small{font-size:16.5px;color:#55645C;}
  label{font-weight:700;display:block;margin:16px 0 4px;color:#1E3A2F;}
  input,select,textarea{
    width:100%;font:inherit;font-size:18px;padding:12px;border:2px solid #C9DCD1;
    border-radius:6px;box-sizing:border-box;background:#fff;
  }
  textarea{min-height:120px;}
  button{
    font:inherit;font-size:19px;font-weight:700;color:#fff;background:#2F5D46;
    border:none;border-radius:8px;padding:14px 30px;margin-top:18px;cursor:pointer;
  }
  button:hover{background:#1E3A2F;}
  footer{
    background:#1E3A2F;color:#DCEFE3;text-align:center;font-size:16px;
    padding:18px 22px;border-top:4px solid #8FCDAA;
  }

/* ---- Phone tuning: only activates on small screens ---- */
@media (max-width: 480px){
  body{font-size:17px;line-height:1.65;}
  main{padding:22px 12px 44px;}
  .box{padding:20px 16px 22px;margin-bottom:20px;border-radius:10px;}
  h1{font-size:27px;margin:16px 0 6px;}
  h2{font-size:22px;margin:0 0 12px;padding-bottom:6px;}
  .logo{width:210px;}
  .slogan{font-size:18px;margin:4px 0 14px;}
  .phone{font-size:19px;padding:14px;max-width:100%;}
  .topbar{padding:12px 16px;gap:10px;}
  .topbar span{font-size:19px;}
  .topbar img{height:19px;}
  .navbar{gap:4px 18px;padding:9px 6px;}
  .navbar a{font-size:15.5px;}
  p{margin:12px 0;}
  li{padding-left:26px;margin-bottom:8px;}
  .small{font-size:15px;}
  label{margin:14px 0 4px;}
  input,select,textarea{font-size:16px;padding:11px;}
  textarea{min-height:100px;}
  button{font-size:18px;padding:13px 26px;}
  footer{font-size:14.5px;padding:15px 16px;}
}