:root{
    --ink: #10202b;
    --paper: #f4f7f6;
    --card: #ffffff;
    --safety: #d97b1f;
    --steel: #2c5f6e;
    --line: #dde4e2;
    --muted: #5a6b6a;
  }
  *{box-sizing:border-box;}
  body{margin:0; font-family:'Segoe UI', Arial, sans-serif; background:var(--paper); color:var(--ink); line-height:1.6;}
  h1,h2,h3{font-family:Georgia,'Times New Roman',serif; font-weight:700; margin:0 0 .5em; color:var(--ink);}
  a{color:var(--steel); text-decoration:none;}
  a:hover{text-decoration:underline;}
  .wrap{max-width:1100px; margin:0 auto; padding:0 24px;}
  img{max-width:100%; display:block;}

  header{background:var(--ink); color:#fff; position:sticky; top:0; z-index:50;}
  .nav{display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:1100px; margin:0 auto;}
  .brand{display:flex; align-items:center; gap:10px; font-family:Georgia,serif; font-size:1.4rem; font-weight:700; color:#fff !important; letter-spacing:.5px;}
  .brand:hover{text-decoration:none;}
  .brand img{height:34px; width:auto; border-radius:4px;}
  .brand span{color:var(--safety);}
  nav ul{list-style:none; display:flex; gap:22px; margin:0; padding:0; flex-wrap:wrap; align-items:center;}
  nav ul a, nav ul span{color:#dfe7e6; font-size:.95rem; cursor:pointer;}
  nav ul a:hover{color:var(--safety); text-decoration:none;}
  .cta-btn{background:var(--safety); color:#fff !important; padding:10px 20px; border-radius:4px; font-weight:600; white-space:nowrap;}
  .cta-btn:hover{background:#c06b16; text-decoration:none;}

  .has-dropdown{position:relative;}
  .dropdown-toggle{display:flex; align-items:center; gap:5px;}
  .dropdown-toggle::after{content:"\25BE"; font-size:.7rem; margin-top:1px;}
  .dropdown-menu{display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); background:#fff; color:var(--ink); border-radius:8px; box-shadow:0 12px 30px rgba(0,0,0,.18); padding:10px; margin-top:14px; min-width:240px; grid-template-columns:1fr 1fr; gap:2px;}
  .has-dropdown:hover .dropdown-menu, .has-dropdown:focus-within .dropdown-menu{display:grid;}
  .dropdown-menu a{color:var(--ink) !important; font-size:.88rem; padding:9px 10px; border-radius:5px; white-space:nowrap;}
  .dropdown-menu a:hover{background:var(--paper); color:var(--steel) !important; text-decoration:none;}

  .hero{position:relative; background:linear-gradient(135deg, rgba(16,32,43,.92) 0%, rgba(44,95,110,.88) 100%); background-size:cover; background-position:center; color:#fff; padding:70px 24px 60px; text-align:center;}
  .hero h1{color:#fff; font-size:2rem; max-width:820px; margin:0 auto 18px;}
  .hero .tagline{color:var(--safety); font-size:1.02rem; font-weight:600; letter-spacing:1px; text-transform:uppercase; margin-bottom:14px;}
  .hero .cta-btn{display:inline-block; margin-top:16px;}
  .hero p.lead{max-width:750px; margin:0 auto 10px; color:#dfe7e6; font-size:1.05rem;}

  section{padding:56px 24px;}
  .section-title{text-align:center; font-size:1.75rem; margin-bottom:8px;}
  .section-sub{text-align:center; color:var(--muted); max-width:680px; margin:0 auto 36px;}

  .card{background:var(--card); border:1px solid var(--line); border-radius:8px; padding:32px;}
  .card ul{margin:0; padding-left:20px;}
  .card li{margin-bottom:10px;}

  .services-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(230px,1fr)); gap:20px; margin-top:30px;}
  .service-card{background:var(--card); border:1px solid var(--line); border-left:4px solid var(--safety); border-radius:6px; padding:22px; transition:transform .15s ease, box-shadow .15s ease;}
  .service-card:hover{transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08);}
  .service-card h3{font-size:1.05rem; margin-bottom:6px;}
  .service-card h3 a{color:var(--ink);}
  .service-card p{margin:0; font-size:.88rem; color:var(--muted);}

  .checklist{list-style:none; margin:0; padding:0;}
  .checklist li{padding:10px 0 10px 30px; position:relative; border-bottom:1px solid var(--line);}
  .checklist li:last-child{border-bottom:none;}
  .checklist li::before{content:"\2714"; position:absolute; left:0; color:var(--safety); font-weight:700;}
  .checklist strong{display:block; color:var(--ink);}

  .stat-row{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:18px; margin-top:30px;}
  .stat-box{background:var(--card); border:1px solid var(--line); border-radius:8px; padding:20px; text-align:center;}

  .two-col{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start;}
  .two-col img{border-radius:8px;}

  .gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:20px;}
  .gallery img{border-radius:8px; width:100%; height:200px; object-fit:cover;}

  .cta-band{background:var(--steel); color:#fff; text-align:center; padding:50px 24px;}
  .cta-band h2{color:#fff;}
  .cta-band .cta-btn{background:var(--safety); display:inline-block; margin-top:10px;}

  .breadcrumb{background:var(--card); border-bottom:1px solid var(--line); padding:14px 24px; font-size:.88rem; color:var(--muted);}
  .breadcrumb a{color:var(--steel);}

  .enquiry-form{display:flex; flex-direction:column; gap:16px;}
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
  .form-group{display:flex; flex-direction:column; gap:6px;}
  .form-group label{font-size:.88rem; font-weight:600; color:var(--ink);}
  .form-group input,
  .form-group select,
  .form-group textarea{
    font-family:inherit; font-size:.95rem; padding:11px 12px;
    border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink);
    width:100%;
  }
  .form-group input:focus,
  .form-group select:focus,
  .form-group textarea:focus{outline:2px solid var(--safety); outline-offset:1px; border-color:var(--safety);}
  .form-group textarea{resize:vertical; min-height:110px;}
  .form-submit{
    background:var(--safety); color:#fff; border:none; padding:13px 26px;
    border-radius:6px; font-weight:600; font-size:1rem; cursor:pointer; align-self:flex-start;
  }
  .form-submit:hover{background:#c06b16;}
  .form-note{font-size:.82rem; color:var(--muted); margin-top:-6px;}

  .status-banner{
    padding:14px 18px; border-radius:6px; margin-bottom:20px; font-size:.92rem; display:none;
  }
  .status-banner.error{background:#fdecea; color:#8a2c22; border:1px solid #f3c6c0;}
  .status-banner.success{background:#e9f7ee; color:#1e6b3c; border:1px solid #b9e4c9;}

  .whatsapp-float{
    position:fixed; bottom:22px; right:22px; z-index:100;
    width:56px; height:56px; border-radius:50%;
    background:#25D366; display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 16px rgba(0,0,0,.25);
    transition:transform .15s ease;
  }
  .whatsapp-float:hover{transform:scale(1.08);}
  .whatsapp-float svg{width:30px; height:30px;}

  @media (max-width:600px){
    .whatsapp-float{width:50px; height:50px; bottom:16px; right:16px;}
    .whatsapp-float svg{width:26px; height:26px;}
    .form-row{grid-template-columns:1fr;}
  }

  footer{background:var(--ink); color:#c7d2d1; padding:50px 24px 30px; font-size:.92rem;}
  footer .foot-grid{display:grid; grid-template-columns:1.3fr 1fr; gap:40px; max-width:1100px; margin:0 auto 30px;}
  footer h4{color:#fff; font-family:Georgia,serif; margin-bottom:12px;}
  footer a{color:#c7d2d1;}
  footer a:hover{color:var(--safety);}
  .foot-links{list-style:none; padding:0; margin:0; display:flex; gap:16px; flex-wrap:wrap;}
  .social{display:flex; gap:14px; margin-top:14px;}
  .social a{width:34px; height:34px; border:1px solid #3a4a4c; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.8rem;}
  .foot-bottom{border-top:1px solid #2a3a3c; padding-top:20px; text-align:center; max-width:1100px; margin:0 auto; color:#8fa19f;}

  @media (max-width:800px){
    .two-col{grid-template-columns:1fr;}
    .gallery{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:700px){
    .nav{flex-direction:column; gap:14px;}
    nav ul{justify-content:center;}
    footer .foot-grid{grid-template-columns:1fr;}
    .dropdown-menu{grid-template-columns:1fr; position:static; transform:none; box-shadow:none; margin-top:6px; display:none;}
  }