:root{
      --brand:#0f4c5c;
      --brand-dark:#0b3440;
      --accent:#f4a261;
      --accent-2:#2a9d8f;
      --bg:#f7fafc;
      --text:#1f2937;
      --muted:#6b7280;
      --card:#ffffff;
      --border:rgba(15,76,92,.12);
      --shadow:0 18px 50px rgba(15, 76, 92, .12);
      --radius:20px;
    }
    html{scroll-behavior:smooth;}
    body{
      font-family:'Inter',sans-serif;
      color:var(--text);
      background:linear-gradient(180deg,#ffffff 0%, #f7fafc 100%);
    }
    .navbar{
      backdrop-filter: blur(10px);
      background: rgba(255,255,255,.92);
      border-bottom:1px solid rgba(15,76,92,.08);
    }
    .navbar-brand{
      font-weight:800;
      letter-spacing:-.03em;
      color:var(--brand) !important;
    }
    .nav-link{
      font-weight:600;
      color:#334155 !important;
    }
    .nav-link:hover,.nav-link:focus{color:var(--brand) !important;}
    .btn-brand{
      background:var(--brand);
      color:#fff;
      border:none;
      border-radius:999px;
      padding:.9rem 1.3rem;
      font-weight:700;
      box-shadow:0 10px 24px rgba(15,76,92,.18);
    }
    .btn-brand:hover{background:var(--brand-dark); color:#fff;}
    .btn-outline-brand{
      border:1.5px solid rgba(15,76,92,.2);
      color:var(--brand);
      border-radius:999px;
      padding:.9rem 1.3rem;
      font-weight:700;
      background:#fff;
    }
    .btn-outline-brand:hover{
      background:rgba(15,76,92,.05);
      color:var(--brand);
    }
    .hero{
      position:relative;
      min-height:92vh;
      display:flex;
      align-items:center;
      color:#fff;
      overflow:hidden;
      padding-top:88px;
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, rgba(40,28,16,.88) 0%, rgba(40,28,16,.68) 45%, rgba(40,28,16,.38) 100%);
      z-index:1;
    }
    .hero-bg{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      z-index:0;
    }
    .hero .container{position:relative; z-index:2;}
    .hero-badge{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      padding:.5rem .9rem;
      border-radius:999px;
      background:rgba(255,255,255,.14);
      border:1px solid rgba(255,255,255,.18);
      color:#fff;
      font-weight:600;
      margin-bottom:1rem;
    }
    .hero h1{
      font-size:clamp(2.5rem, 5vw, 4.7rem);
      line-height:1.02;
      letter-spacing:-.04em;
      font-weight:800;
      max-width:12ch;
    }
    .hero p{
      font-size:1.08rem;
      color:rgba(255,255,255,.9);
      max-width:58ch;
    }
    .section{
      padding:84px 0;
    }
    .section-title{
      font-weight:800;
      letter-spacing:-.03em;
      color:#0f172a;
      margin-bottom:.8rem;
    }
    .section-lead{
      color:var(--muted);
      max-width:60ch;
    }
    .service-card, .trust-card, .contact-card, .about-card{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .service-card{
      transition:transform .25s ease, box-shadow .25s ease;
      height:100%;
    }
    .service-card:hover{
      transform:translateY(-4px);
      box-shadow:0 22px 60px rgba(15,76,92,.16);
    }
    .icon-wrap{
      width:58px;
      height:58px;
      border-radius:16px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg, rgba(15,76,92,.12), rgba(42,157,143,.12));
      color:var(--brand);
      font-size:1.35rem;
      margin-bottom:1rem;
    }
    .about-img{
      width:100%;
      height:100%;
      min-height:320px;
      object-fit:cover;
      border-radius:var(--radius);
    }
    .stat{
      padding:1rem 1.1rem;
      border-radius:18px;
      background:#fff;
      border:1px solid var(--border);
      box-shadow:0 10px 30px rgba(15,76,92,.08);
    }
    .stat strong{
      display:block;
      font-size:1.35rem;
      color:var(--brand);
    }
    .trust-item{
      display:flex;
      gap:1rem;
      align-items:flex-start;
      padding:1rem 0;
      border-bottom:1px solid rgba(15,76,92,.08);
    }
    .trust-item:last-child{border-bottom:none;}
    .trust-item i{
      color:var(--accent-2);
      font-size:1.1rem;
      margin-top:.2rem;
    }
    .contact-list a{
      color:var(--text);
      text-decoration:none;
      font-weight:600;
    }
    .contact-list a:hover{color:var(--brand);}
    .form-control, .form-select{
      border-radius:14px;
      border:1px solid rgba(15,76,92,.16);
      padding:.9rem 1rem;
    }
    .form-control:focus, .form-select:focus{
      border-color:rgba(15,76,92,.45);
      box-shadow:0 0 0 .2rem rgba(15,76,92,.12);
    }
    footer{
      background:var(--brand-dark);
      color:rgba(255,255,255,.88);
    }
    footer a{color:#fff; text-decoration:none;}
    footer a:hover{color:#d6f0f4;}
    .small-note{color:rgba(255,255,255,.68);}
    .pill{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      padding:.55rem .85rem;
      border-radius:999px;
      background:rgba(15,76,92,.06);
      color:var(--brand);
      font-weight:700;
      font-size:.92rem;
    }
    .divider{
      height:1px;
      background:linear-gradient(90deg, rgba(15,76,92,.18), rgba(15,76,92,0));
      margin:1.25rem 0;
    }

/* ---- Layout/section styles ---- */
main>section{scroll-margin-top:4.75rem}main>section+section{border-top:1px solid var(--line,#dfe5ec)}html[data-template="business"] main>section:nth-child(even):not(.contact):not(.split):not(.gallery){background-color:#f7f9fc}html[data-template="local-service"] main>section:nth-child(even):not(.cta):not(.services):not(.work-split){background-color:#fbf8f1}html[data-template="portfolio"] main>section:nth-child(even):not(.contact):not(.about):not(.gallery){background-color:#fff}

/* ---- Footer styles ---- */
.ukc-contact-footer{text-align:center}

/* ---- Brand/typography overrides ---- */
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}h1,h2,h3,h4,h5,h6,.brand{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}a.button,button,.button{border-radius:999px!important}.ukc-brand-logo{display:block!important;width:auto!important;max-width:11rem!important;height:auto!important;max-height:3.5rem!important;object-fit:contain!important}