:root{
      --bg:#020a12; --panel:#071522; --panel2:#0b1d2d;
      --text:#f7fbff; --muted:#a8bac9; --blue:#10a8ff; --blue2:#006ee6;
      --line:rgba(16,168,255,.38); --max:1120px; --radius:18px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:radial-gradient(circle at 50% 0,#0b263a 0,#020a12 42%,#01060b 100%);
      color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    .wrap{width:min(calc(100% - 32px),var(--max));margin:auto}
    .topbar{position:sticky;top:0;z-index:50;background:rgba(1,8,14,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,168,255,.18)}
    .nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
    .brand img{width:175px;height:auto}
    .navlinks{display:none;gap:24px;font-size:.92rem;font-weight:700}
    .navlinks a:hover{color:var(--blue)}
    .phone{display:none;color:#fff;font-weight:800}
    .menu{border:1px solid var(--line);background:#061521;color:white;border-radius:12px;padding:10px 12px;font-size:1.2rem}
    .hero{padding:34px 0 24px;position:relative;overflow:hidden}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,104,185,.15),transparent 48%,rgba(0,0,0,.55));pointer-events:none}
    .hero-grid{display:grid;gap:18px;position:relative}
    .hero-copy{padding:8px 0 0}
    .eyebrow{display:inline-flex;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#8ed6ff;font-weight:800;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,110,230,.09)}
    h1{font-size:clamp(2.25rem,10vw,4.8rem);line-height:.96;margin:16px 0 14px;letter-spacing:-.045em}
    .accent{color:var(--blue)}
    .hero-copy p{font-size:1.03rem;color:var(--muted);max-width:620px;margin:0 0 20px}
    .opening{display:inline-block;margin:0 0 20px;padding:9px 13px;border-left:3px solid var(--blue);background:rgba(16,168,255,.08);font-weight:900}
    .actions{display:flex;flex-direction:column;gap:11px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 18px;border-radius:12px;font-weight:900;border:1px solid var(--blue);transition:.2s}
    .btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 8px 30px rgba(0,110,230,.28)}
    .btn.secondary{background:rgba(4,19,30,.8)}
    .btn:hover{transform:translateY(-1px)}
    .hero-media{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .hero-media figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);min-height:205px;background:#081724}
    .hero-media img{width:100%;height:100%;object-fit:cover}
    .hero-media figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-weight:900;font-size:.8rem}
    section{padding:58px 0}
    .section-head{margin-bottom:25px}
    .kicker{color:var(--blue);font-weight:900;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}
    h2{font-size:clamp(1.8rem,7vw,3rem);line-height:1.05;margin:7px 0}
    .sub{color:var(--muted);margin:0;max-width:700px}
    .services{display:grid;grid-template-columns:1fr;gap:12px}
    .card{background:linear-gradient(160deg,rgba(12,35,52,.92),rgba(4,14,23,.96));border:1px solid var(--line);border-radius:var(--radius);padding:22px}
    .icon{font-size:1.8rem;margin-bottom:9px}
    .card h3{margin:0 0 6px;font-size:1.05rem}
    .card p{margin:0;color:var(--muted);font-size:.92rem}
    .about{background:linear-gradient(90deg,rgba(2,10,18,.98),rgba(2,10,18,.78)),url("assets/about.jpg") center/cover;border-block:1px solid rgba(16,168,255,.2)}
    .about-box{max-width:720px}
    .facts{display:grid;grid-template-columns:1fr;gap:9px;margin-top:20px}
    .fact{border-left:2px solid var(--blue);padding:8px 0 8px 12px;color:#dbe9f4;font-weight:700}
    .gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
    .gallery img{width:100%;height:145px;object-fit:cover;border-radius:12px;border:1px solid rgba(16,168,255,.3)}
    .contact{background:linear-gradient(180deg,rgba(2,10,18,.8),rgba(3,19,30,.98)),url("assets/water.jpg") center/cover;border-top:1px solid var(--line)}
    .contact-grid{display:grid;gap:14px}
    .contact-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(2,12,20,.78);backdrop-filter:blur(7px)}
    .contact-card strong{display:block;margin-bottom:4px}
    .contact-card a{color:#9cddff}
    footer{padding:25px 0 35px;color:#8da0b0;font-size:.82rem;text-align:center}
    .small{font-size:.78rem;color:#8094a5}
    @media(min-width:650px){
      .wrap{width:min(calc(100% - 48px),var(--max))}
      .actions{flex-direction:row}
      .btn{min-width:190px}
      .services{grid-template-columns:repeat(2,1fr)}
      .facts{grid-template-columns:repeat(3,1fr)}
      .gallery{grid-template-columns:repeat(3,1fr)}
      .gallery img{height:170px}
      .contact-grid{grid-template-columns:repeat(3,1fr)}
    }
    @media(min-width:900px){
      .navlinks{display:flex}
      .phone{display:block}
      .menu{display:none}
      .hero{padding:72px 0 48px}
      .hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:42px}
      .hero-media{min-height:470px}
      .hero-media figure{min-height:470px}
      .services{grid-template-columns:repeat(5,1fr)}
      .gallery{grid-template-columns:repeat(6,1fr)}
      .gallery img{height:145px}
    }
  
.service-hero{display:grid;gap:24px;align-items:center}.service-photo{width:100%;height:260px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}
h1{font-size:clamp(2.4rem,8vw,4.3rem);line-height:1.08}.service-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.service-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:9px}.service-nav a[aria-current]{background:#006ee6}.details{display:grid;gap:16px}.details h3{font-size:1.25rem}li{margin:9px 0;color:var(--muted)}.card p+p{margin-top:14px}summary{cursor:pointer;font-weight:bold;padding:14px 0}details{border-bottom:1px solid var(--line);padding:8px 0}details p{color:var(--muted)}a:focus-visible,summary:focus-visible{outline:3px solid #8ed6ff;outline-offset:4px}.contact-card a{overflow-wrap:anywhere}.toplinks{display:flex;gap:16px;flex-wrap:wrap;font-weight:bold}@media(min-width:750px){.service-hero{grid-template-columns:1.1fr 1fr}.service-photo{height:420px}.details{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}