:root{
      --bg:#05080c;
      --bg2:#0b1118;
      --panel:#101720;
      --panel2:#131c27;
      --text:#f5f7fb;
      --muted:#b7c1cd;
      --line:#273445;
      --blue:#5ca9ff;
      --blue2:#2077d6;
      --max:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Arial,Helvetica,sans-serif;
      color:var(--text);
      background:var(--bg);
      line-height:1.6;
    }
    img{display:block;max-width:100%}
    a{color:inherit}
    .container{width:min(var(--max),calc(100% - 32px));margin:auto}
    header{
      position:sticky;top:0;z-index:50;
      background:rgba(5,8,12,.92);
      border-bottom:1px solid rgba(255,255,255,.08);
      backdrop-filter:blur(12px);
    }
    .nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .brand{
      width:118px;height:58px;padding:4px 8px;
      border-radius:9px;background:#fff;overflow:hidden;
      display:flex;align-items:center;justify-content:center;
      text-decoration:none;
    }
    .brand img{width:100%;height:100%;object-fit:contain}
    nav{display:flex;gap:22px;align-items:center}
    nav a{text-decoration:none;font-size:13px;font-weight:800;text-transform:uppercase}
    nav a:hover{color:var(--blue)}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      border:1px solid var(--blue);border-radius:10px;
      padding:13px 19px;text-decoration:none;font-weight:800;
      transition:.2s ease;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff}
    .hero{
      min-height:690px;display:grid;align-items:center;
      background:
        linear-gradient(90deg,rgba(5,8,12,.98) 0%,rgba(5,8,12,.88) 40%,rgba(5,8,12,.18) 78%),
        url("assets/hero.JPG") center right/cover no-repeat;
      border-bottom:1px solid var(--line);
    }
    .hero-inner{padding:96px 0;width:min(var(--max),calc(100% - 32px));margin:auto}
    .eyebrow{color:var(--blue);text-transform:uppercase;font-weight:900;letter-spacing:.12em}
    h1,h2,h3{line-height:1.08;margin-top:0}
    h1{font-size:clamp(44px,7vw,80px);max-width:760px;margin:15px 0 24px}
    h2{font-size:clamp(32px,4.7vw,52px)}
    .hero p{max-width:670px;font-size:clamp(18px,2.1vw,22px);color:#e4eaf0}
    .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
    section{padding:88px 0}
    .section-head{text-align:center;max-width:800px;margin:0 auto 44px}
    .section-head p{color:var(--muted);font-size:18px}
    .services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{
      background:linear-gradient(180deg,var(--panel2),var(--panel));
      border:1px solid var(--line);
      border-radius:18px;padding:28px;
    }
    .service{min-height:240px}
    .icon{font-size:32px;margin-bottom:14px}
    .service h3{font-size:22px;margin-bottom:10px}
    .service p,.equipment p,.copy{color:var(--muted)}
    .equipment-section{background:var(--bg2);border-block:1px solid var(--line)}
    .equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .equipment{
      padding:0;overflow:hidden;background:var(--panel);
      border:1px solid var(--line);border-radius:16px;
    }
    .equipment img{width:100%;height:205px;object-fit:cover}
    .equipment .content{padding:21px}
    .equipment h3{font-size:20px;margin-bottom:8px;color:var(--blue)}
    .gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
    figure{
      margin:0;position:relative;overflow:hidden;
      border:1px solid var(--line);border-radius:14px;background:var(--panel);
    }
    figure img{width:100%;height:210px;object-fit:cover;transition:.3s}
    figure:hover img{transform:scale(1.04)}
    figcaption{
      position:absolute;left:0;right:0;bottom:0;
      padding:34px 14px 13px;
      background:linear-gradient(transparent,rgba(0,0,0,.9));
      font-weight:800;font-size:14px;
    }
    .formats{
      display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:70px
    }
    .formats .card{padding:34px}
    .formats ul{color:var(--muted);padding-left:20px}
    .cta{
      margin-top:42px;padding:35px;
      display:flex;justify-content:space-between;align-items:center;gap:24px;
      background:linear-gradient(135deg,#101b29,#0d131c);
      border:1px solid var(--line);border-radius:18px;
    }
    footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted)}
    .footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
    @media(max-width:950px){
      nav{display:none}
      .equipment-grid{grid-template-columns:1fr 1fr}
      .gallery{grid-template-columns:1fr 1fr}
      .services{grid-template-columns:1fr 1fr}
    }
    @media(max-width:640px){
      .brand{width:102px;height:52px}
      .nav>.btn{font-size:12px;padding:10px 12px}
      .hero{
        min-height:700px;
        background:
          linear-gradient(180deg,rgba(5,8,12,.55),rgba(5,8,12,.98) 68%),
          url("assets/hero.JPG") center/cover no-repeat;
      }
      h1{font-size:46px}
      section{padding:68px 0}
      .services,.equipment-grid,.gallery,.formats{grid-template-columns:1fr}
      .equipment img,figure img{height:235px}
      .cta,.footer-inner{flex-direction:column;align-items:flex-start}
    }