@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
  *{ margin:0; padding:0; box-sizing:border-box; }
body{
    font-family:'Inter',sans-serif; color:#141A18;
    -webkit-font-smoothing:antialiased;
    background-image:
      linear-gradient(180deg, rgba(255,255,255,0.68), rgba(255,255,255,0.8)),
      url('../assets/images/image_044_d3250ab710.jpg');
    background-size:cover; background-position:center top; background-repeat:no-repeat; background-attachment:fixed;
  }
  a{ text-decoration:none; color:inherit; }
  img{ max-width:100%; display:block; }

  header{
    position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.9);
    backdrop-filter:blur(10px); border-bottom:1px solid #EFEFEF;
  }
  .nav{
    max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;
    padding:16px 24px;
  }
  .logo{ display:flex; align-items:center; gap:10px; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:18px; color:#0B4F8F; }
  .logo img{ width:32px; height:32px; object-fit:contain; }
  .back-link{
    display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:14px; color:#454E52;
    transition:color .25s ease; cursor:pointer;
  }
  .back-link:hover{ color:#12C4D6; }
  .back-link svg{ width:16px; height:16px; transition:transform .25s ease; }
  .back-link:hover svg{ transform:translateX(-3px); }

  .product-hero{
    max-width:1200px; margin:0 auto; padding:64px 24px 40px;
    display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
  }
  @media(max-width:900px){ .product-hero{ grid-template-columns:1fr; padding-top:40px; gap:36px; } }

  .hero-photo-wrap{
    position:relative; overflow:hidden; border-radius:20px;
    opacity:0; transform:translateY(30px);
    animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) .1s forwards;
  }
  .hero-photo-wrap::before{
    content:""; position:absolute; inset:-30px; z-index:0; border-radius:26px;
    background:radial-gradient(circle,rgba(18,196,214,0.16) 0%,rgba(78,124,255,0.08) 45%,transparent 72%);
  }
  .hero-photo-wrap img{
    position:relative; z-index:1; border-radius:20px; width:100%;
    box-shadow:0 30px 60px rgba(10,30,35,0.15);
    transition:transform .5s cubic-bezier(.2,.8,.2,1);
  }
  .hero-photo-wrap:hover img{ transform:scale(1.04); }
  .hero-photo-caption{
    position:relative; z-index:1; margin-top:14px; font-size:12.5px; font-style:italic; color:#8A9490; text-align:center;
  }

  .hero-info{ opacity:0; transform:translateY(30px); animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) .3s forwards; }
  .hero-tag{
    display:inline-flex; align-items:center; background:rgba(18,196,214,0.12); color:#0A0A0A;
    font-weight:800; font-size:11px; letter-spacing:1.2px; text-transform:uppercase;
    padding:7px 16px; border-radius:999px; margin-bottom:20px;
  }
  .hero-info h1{
    font-family:'Baloo 2',sans-serif; font-weight:800; font-size:34px; line-height:1.2; color:#0A0A0A; margin-bottom:12px;
  }
  @media(max-width:600px){ .hero-info h1{ font-size:26px; } }
  .hero-info .tagline{
    font-style:italic; font-size:16px; color:#5C6569; margin-bottom:26px; line-height:1.5;
  }

  .feature-list{ list-style:none; display:flex; flex-direction:column; gap:16px; margin-bottom:32px; }
  .feature-list li{
    display:flex; gap:14px; align-items:flex-start;
    opacity:0; transform:translateX(-14px);
    animation:fadeRight .6s cubic-bezier(.2,.7,.2,1) forwards;
  }
  .feature-list li:nth-child(1){ animation-delay:.45s; }
  .feature-list li:nth-child(2){ animation-delay:.55s; }
  .feature-list li:nth-child(3){ animation-delay:.65s; }
  .feature-list li:nth-child(4){ animation-delay:.75s; }
  .feature-list .dot{
    flex:0 0 auto; width:26px; height:26px; border-radius:50%; margin-top:2px;
    background:linear-gradient(135deg,#12C4D6,#4E7CFF);
    display:flex; align-items:center; justify-content:center;
  }
  .feature-list .dot svg{ width:13px; height:13px; stroke:#fff; }
  .feature-list b{ font-family:'Baloo 2',sans-serif; font-weight:700; font-size:15.5px; color:#0A0A0A; }
  .feature-list span{ display:block; font-size:14px; color:#5C6569; line-height:1.55; margin-top:2px; }

  .cta-btn{
    display:inline-flex; align-items:center; gap:10px; background:#0A0A0A; color:#fff;
    font-weight:700; font-size:15px; padding:15px 32px; border-radius:999px;
    transition:background .25s ease, transform .25s ease;
  }
  .cta-btn:hover{ background:#12C4D6; transform:translateY(-2px); }
  .cta-btn svg{ width:16px; height:16px; transition:transform .3s ease; }
  .cta-btn:hover svg{ transform:translate(3px,-3px); }

  @keyframes fadeUp{ 0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);} }
  @keyframes fadeRight{ 0%{opacity:0; transform:translateX(-14px);} 100%{opacity:1; transform:translateX(0);} }

  .about-section{ padding:20px 24px 80px; max-width:900px; margin:0 auto; }
  .about-section p{ font-size:15.5px; color:#454E52; line-height:1.75; }

  .uses-section{ background:#F7FAFA; padding:80px 24px; }
  .section-inner{ max-width:1200px; margin:0 auto; }
  .section-head{
    text-align:center; max-width:640px; margin:0 auto 48px;
    opacity:0; transform:translateY(24px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .uses-section.in-view .section-head{ opacity:1; transform:translateY(0); }
  .section-head h2{ font-family:'Baloo 2',sans-serif; font-weight:800; font-size:32px; color:#0A0A0A; }
  .section-head h2 .accent{ color:#0A0A0A; font-style:italic; }

  .uses-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:22px; }
  .use-card{
    background:#fff; border:1px solid #ECECEC; border-radius:16px; padding:26px 22px;
    opacity:0; transform:translateY(40px);
    transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .3s ease;
  }
  .uses-section.in-view .use-card{ opacity:1; transform:translateY(0); }
  .uses-section.in-view .use-card:nth-child(1){ transition-delay:.05s; }
  .uses-section.in-view .use-card:nth-child(2){ transition-delay:.15s; }
  .uses-section.in-view .use-card:nth-child(3){ transition-delay:.25s; }
  .uses-section.in-view .use-card:nth-child(4){ transition-delay:.35s; }
  .uses-section.in-view .use-card:nth-child(5){ transition-delay:.45s; }
  .use-card:hover{ border-color:#BFF0F4; box-shadow:0 16px 32px rgba(18,196,214,0.14); transform:translateY(-4px) !important; }
  .use-card h3{ font-family:'Baloo 2',sans-serif; font-weight:700; font-size:15.5px; color:#0A0A0A; margin-bottom:8px; }
  .use-card p{ font-size:13.5px; color:#767B81; line-height:1.6; }

  .specs-section{ padding:80px 24px; background:#ffffff; }
  .specs-table{
    max-width:900px; margin:0 auto; border-collapse:collapse; width:100%;
    opacity:0; transform:translateY(24px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .specs-section.in-view .specs-table{ opacity:1; transform:translateY(0); }
  .specs-table tr{ border-bottom:1px solid #EFEFEF; }
  .specs-table tr:hover{ background:#F7FCFD; }
  .specs-table td{ padding:18px 16px; font-size:14.5px; transition:background .2s ease; }
  .specs-table td:first-child{ font-weight:700; color:#0A0A0A; width:34%; font-family:'Baloo 2',sans-serif; }
  .specs-table td:last-child{ color:#5C6569; }

  footer{ padding:32px 24px; text-align:center; font-size:13px; color:#9AA3A0; }

/* ===== ENQUIRY MODAL ===== */
.enquiry-overlay{
  position:fixed; inset:0; background:rgba(4,10,9,0.72); backdrop-filter:blur(4px);
  display:none; align-items:center; justify-content:center; z-index:9999; padding:20px;
  opacity:0; transition:opacity .25s ease;
}
.enquiry-overlay.show{ display:flex; }
.enquiry-overlay.open{ opacity:1; }
.enquiry-modal{
  position:relative; width:100%; max-width:460px; background:#141E1A;
  border:1px solid rgba(255,255,255,0.08); border-radius:20px; padding:34px 32px 30px;
  box-shadow:0 30px 70px rgba(0,0,0,0.45); transform:translateY(24px) scale(.97); opacity:0;
  transition:transform .3s cubic-bezier(.2,.7,.2,1), opacity .3s ease;
}
.enquiry-overlay.open .enquiry-modal{ transform:translateY(0) scale(1); opacity:1; }
.enquiry-modal-close{
  position:absolute; top:16px; right:16px; width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); color:#B7C4C0;
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .2s ease;
}
.enquiry-modal-close:hover{ background:rgba(13,199,217,0.15); color:#0DC7D9; }
.enquiry-modal-close svg{ width:16px; height:16px; stroke:currentColor; stroke-width:2; fill:none; }
.enquiry-modal h3{
  font-family:'Baloo 2',sans-serif; font-weight:800; font-size:26px; color:#fff; margin:0 0 6px;
}
.enquiry-modal p.sub{
  font-family:'Inter',sans-serif; font-size:14px; color:#9AA9A5; margin:0 0 22px;
}
.enquiry-modal .contact-form-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
.enquiry-modal label{
  display:block; font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:#B7C4C0; margin-bottom:7px;
}
.enquiry-modal input, .enquiry-modal textarea{
  width:100%; box-sizing:border-box; background:#0E1613; border:1px solid rgba(255,255,255,0.12);
  border-radius:10px; padding:13px 14px; color:#fff; font-family:'Inter',sans-serif; font-size:14px;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.enquiry-modal input::placeholder, .enquiry-modal textarea::placeholder{ color:#5C6864; }
.enquiry-modal input:focus, .enquiry-modal textarea:focus{
  outline:none; border-color:#0DC7D9; box-shadow:0 0 0 3px rgba(13,199,217,0.18);
}
.enquiry-modal textarea{ min-height:90px; resize:vertical; }
.enquiry-submit-btn{
  margin-top:20px; width:100%; padding:15px; border:none; border-radius:999px;
  background:#0DC7D9; color:#04252A; font-family:'Inter',sans-serif; font-weight:700; font-size:15px;
  cursor:pointer; transition:all .3s ease;
}
.enquiry-submit-btn:hover{ background:#11e0f4; transform:translateY(-2px); box-shadow:0 10px 24px rgba(13,199,217,0.35); }
.enquiry-submit-btn:disabled{ opacity:.6; cursor:default; transform:none; box-shadow:none; }
.enquiry-modal-note{
  margin-top:14px; font-family:'Inter',sans-serif; font-size:13px; color:#0DC7D9; display:none; text-align:center;
}
.enquiry-modal-note.show{ display:block; }
@media(max-width:560px){ .enquiry-modal{ padding:28px 22px 24px; } }