* { box-sizing: border-box; margin: 0; padding: 0; }
  :root { --blue:#1f5c99; --blue-dark:#184a7d; --ink:#2a2f36; --grey:#5b6470; --line:#e2e6ea; --bg:#f6f8fa; }
  html { scroll-behavior: smooth; }
  body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: var(--ink); line-height: 1.6; background: #fff; }
  a { color: inherit; text-decoration: none; }
  .wrap { max-width: 1040px; margin: 0 auto; padding: 0 20px; }
  h1,h2,h3 { color: #1c2530; line-height: 1.25; }
  h1 { font-size: 32px; } h2 { font-size: 25px; } h3 { font-size: 18px; }
  p { color: var(--grey); }
  section { padding: 48px 0; }
  .btn { display: inline-block; background: var(--blue); color: #fff; padding: 12px 22px; border-radius: 4px; font-weight: bold; font-size: 15px; border: none; cursor: pointer; }
  .btn:hover { background: var(--blue-dark); }
  .btn-line { display:inline-block; border: 2px solid var(--blue); color: var(--blue); padding: 10px 20px; border-radius: 4px; font-weight: bold; font-size: 15px; }

  /* Header */
  header { border-bottom: 1px solid var(--line); background:#fff; position: sticky; top:0; z-index: 10; }
  .nav { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; }
  .logo { font-size: 20px; font-weight: bold; color: var(--blue); }
  .nav ul { display: flex; gap: 22px; list-style: none; align-items: center; }
  .nav ul a { font-size: 15px; color: #333; }
  .nav ul a:hover { color: var(--blue); }
  .menu-btn { display:none; background:none; border:none; font-size:24px; cursor:pointer; color: var(--blue); }

  /* Hero */
  .hero { background: var(--bg); padding: 56px 0; }
  .hero h1 { margin-bottom: 14px; }
  .hero p { font-size: 17px; max-width: 560px; margin-bottom: 22px; }
  .hero .btn { margin-right: 10px; }

  /* Simple trust line */
  .trust { background:#fff; border-bottom:1px solid var(--line); text-align:center; padding: 16px 0; font-size:14px; color: var(--grey); }
  .trust strong { color:#1c2530; }

  /* Services */
  .cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 26px; }
  .card { border: 1px solid var(--line); border-radius: 5px; padding: 22px; background:#fff; }
  .card h3 { margin-bottom: 8px; }
  .card p { font-size: 15px; }
  .center { text-align:center; max-width: 620px; margin: 0 auto; }

  /* About */
  .about { background: var(--bg); }
  .about .grid { display:grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items:center; }
  .about ul { margin-top: 14px; padding-left: 20px; color: var(--grey); }
  .about li { margin-bottom: 8px; }

  /* Why */
  .why-list { display:grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 26px; }
  .why-item { padding: 18px; border-left: 3px solid var(--blue); background: var(--bg); }
  .why-item h3 { font-size: 16px; margin-bottom: 6px; }
  .why-item p { font-size: 14px; }

  /* Testimonial */
  .quote { text-align:center; max-width: 680px; margin: 0 auto; }
  .quote p { font-size: 19px; color:#2a2f36; font-style: italic; margin-bottom: 12px; }
  .quote span { font-size: 14px; color: var(--grey); }

  /* Contact */
  .contact { background: var(--bg); }
  .contact .grid { display:grid; grid-template-columns: 1fr 1fr; gap: 36px; }
  .contact label { display:block; font-size: 14px; font-weight: bold; margin-bottom: 5px; color:#1c2530; }
  .contact input, .contact textarea { width: 100%; padding: 10px; border: 1px solid #cfd6dd; border-radius: 4px; margin-bottom: 14px; font-family: inherit; font-size: 15px; }
  .contact .info p { margin-bottom: 12px; font-size: 15px; }
  .contact .info strong { color:#1c2530; }
  #done { display:none; background:#e5f0e5; border:1px solid #9ac49a; color:#2f6b2f; padding:12px; border-radius:4px; margin-top:10px; font-size:14px; }

  /* Footer */
  footer { background: #1c2530; color: #c3cad2; padding: 30px 0; font-size: 14px; }
  footer .grid { display:flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  footer a { color:#c3cad2; } footer a:hover { color:#fff; }
  footer .legal { font-size: 12px; color:#8b95a1; margin-top: 14px; line-height:1.7; }

  @media (max-width: 760px) {
    .nav ul { display:none; position:absolute; top:56px; left:0; right:0; background:#fff; flex-direction:column; gap:0; border-bottom:1px solid var(--line); padding:8px 20px; }
    .nav ul.open { display:flex; }
    .nav ul li { width:100%; } .nav ul a { display:block; padding:12px 0; border-bottom:1px solid var(--line); }
    .menu-btn { display:block; }
    .cards, .why-list, .about .grid, .contact .grid { grid-template-columns: 1fr; }
    h1 { font-size: 27px; }
  }
/* ---- inner / legal / cookie ---- */
.page-hero{background:var(--blue);color:#fff;padding:44px 0;text-align:center}
.page-hero h1{color:#fff;font-size:28px}
.crumb{font-size:13px;color:rgba(255,255,255,.8);margin-bottom:8px}.crumb a{color:#fff;text-decoration:underline}
.legal{max-width:760px;margin:0 auto}
.legal h2{font-size:20px;margin:26px 0 10px;color:#1c2530}
.legal p,.legal li{color:var(--grey);margin-bottom:10px;font-size:15px}
.legal ul{padding-left:20px;margin-bottom:10px}
.legal .upd{font-size:13px;color:#8b95a1;margin-bottom:16px}
.cookie{position:fixed;bottom:0;left:0;right:0;background:#1c2530;color:#dfe4ea;padding:16px 20px;z-index:900;display:none}
.cookie.show{display:block}
.cookie .cin{max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cookie p{font-size:13px;margin:0;color:#c3cad2}.cookie a{color:#9ec2e8;text-decoration:underline}
.cookie .cbtns{display:flex;gap:8px}
.cookie button{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:bold;cursor:pointer;border:none;font-family:inherit}
.cookie .acc{background:var(--blue);color:#fff}.cookie .rej{background:#3a4656;color:#fff}

/* ---- tidy-up additions ---- */
.statrow{background:#fff;border-bottom:1px solid var(--line);padding:26px 0}
.statrow .wrap{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px;text-align:center}
.statrow .st strong{display:block;font-size:24px;color:var(--blue);font-weight:bold}
.statrow .st span{font-size:13px;color:var(--grey)}
.sec-head{text-align:center;max-width:600px;margin:0 auto 28px}
.footcols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding-bottom:22px;border-bottom:1px solid #33404f}
.footcols h4{color:#fff;font-size:14px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}
.footcols ul{list-style:none}.footcols li{margin-bottom:8px}
.footcols a{font-size:14px;color:#c3cad2}.footcols a:hover{color:#fff}
.footcols p{font-size:14px;color:#aeb6c0}
@media(max-width:760px){.footcols{grid-template-columns:1fr}}
