<style>
    :root {
      --bg:#050505;
      --ink:#f8f3eb;
      --accent:#d4af37;
      --muted:rgba(248,243,235,0.68);
      --border:rgba(255,255,255,0.10);
    }

    body { background:var(--bg); color:var(--ink); overflow-x:hidden; }

    .hero {
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:12rem 2rem 6rem;
      background:
        radial-gradient(circle at 50% 45%, rgba(212,175,55,0.16), transparent 38%),
        linear-gradient(to bottom, rgba(0,0,0,0.28), rgba(0,0,0,0.94)),
        #050505;
    }

    .hero-inner { max-width:980px; margin:0 auto; }

    .section-tag,
    .hero-eyebrow {
      font-size:.78rem;
      font-weight:800;
      letter-spacing:.22em;
      text-transform:uppercase;
      color:var(--accent);
      margin-bottom:1.5rem;
    }

    .hero-title {
      font-size:clamp(3rem,7vw,7.5rem);
      font-weight:800;
      line-height:.95;
      letter-spacing:-.07em;
      margin-bottom:1.8rem;
    }

    .hero-title span { color:var(--accent); }

    .hero-body {
      max-width:720px;
      margin:0 auto 2.8rem;
      font-size:clamp(1rem,1.4vw,1.25rem);
      line-height:1.8;
      color:rgba(248,243,235,.78);
    }

    .hero-actions {
      display:flex;
      justify-content:center;
      gap:1rem;
      flex-wrap:wrap;
      margin-bottom:3rem;
    }

    .btn-primary,
    .form-submit,
    .btn-white {
      background:var(--accent);
      color:#050505;
      padding:.95rem 2.1rem;
      border-radius:999px;
      font-weight:800;
      border:none;
      text-decoration:none;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }

    .btn-primary:hover,
    .form-submit:hover,
    .btn-white:hover {
      background:#e2c05a;
      transform:translateY(-2px);
    }

    .btn-ghost {
      color:#f8f3eb;
      border:1px solid rgba(248,243,235,.35);
      padding:.95rem 2.1rem;
      border-radius:999px;
      font-weight:700;
      text-decoration:none;
    }

    .proof-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1rem;
      max-width:900px;
      margin:0 auto;
    }

    .proof-card,
    .umbrella-grid > div,
    .highlight-box,
    .enquiry-inner {
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.10);
      border-radius:1.35rem;
      padding:2rem;
      backdrop-filter:blur(18px);
    }

    .proof-card { text-align:center; }

    .proof-card strong {
      display:block;
      color:var(--accent);
      font-size:1.75rem;
      font-weight:800;
      margin-bottom:.5rem;
    }

    .proof-card span {
      color:rgba(248,243,235,.68);
      font-size:.9rem;
      line-height:1.5;
    }

    .product-detail {
      max-width:1200px;
      margin:0 auto;
      padding:7rem 4rem;
    }

    .product-hero {
      position:relative;
      width:100vw;
      margin-left:calc(50% - 50vw);
      height:70vh;
      min-height:500px;
      overflow:hidden;
      background:#050505;
      margin-bottom:5rem;
      border:none;
      border-radius:0;
      box-shadow:none;
    }

    .product-hero video {
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      filter:sepia(0.32) contrast(1.18) brightness(0.76) saturate(0.72);
      transform:scale(1.03);
    }

    .product-hero::before {
      content:"";
      position:absolute;
      inset:0;
      z-index:2;
      opacity:0.08;
      pointer-events:none;
      background-image:url("https://www.transparenttextures.com/patterns/asfalt-light.png");
    }

  .product-hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;

  background:
    radial-gradient(
      ellipse at center,
      transparent 20%,
      rgba(0,0,0,.25) 70%,
      rgba(0,0,0,.65) 100%
    ),
    linear-gradient(
      to bottom,
      #050505 0%,
      transparent 15%,
      transparent 85%,
      #050505 100%
    );
}

    .product-content {
      max-width:980px;
      margin:0 auto;
    }

    .product-content h2 {
      font-size:clamp(2rem,4vw,3rem);
      line-height:1.05;
      letter-spacing:-.04em;
      margin-bottom:1.5rem;
      color:#f8f3eb;
    }

    .product-content h3 {
      color:#f8f3eb;
      margin-bottom:.65rem;
      font-size:1.15rem;
    }

    .product-content p {
      color:rgba(248,243,235,.70);
      line-height:1.8;
      font-size:1.03rem;
      margin-bottom:1.5rem;
    }

    .umbrella-grid {
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:1.5rem;
      margin:2rem 0 3rem;
    }

    .product-content ul {
      columns:2;
      list-style:none;
      margin:1.5rem 0 3rem;
      padding:0;
    }

    .product-content li {
      position:relative;
      color:rgba(248,243,235,.72);
      padding:.45rem 0 .45rem 1.5rem;
      break-inside:avoid;
    }

    .product-content li::before {
      content:"→";
      position:absolute;
      left:0;
      color:var(--accent);
      font-weight:800;
    }

    .highlight-box {
      margin:3rem 0;
      border-color:rgba(212,175,55,.28);
      background:
        radial-gradient(circle at 20% 10%, rgba(212,175,55,.14), transparent 34%),
        rgba(255,255,255,.045);
    }

    .enquiry-section {
      background:#050505;
      padding:8rem 4rem;
    }

    .enquiry-inner {
      max-width:980px;
      margin:0 auto;
      padding:3rem;
      box-shadow:0 40px 120px rgba(0,0,0,.45);
    }

    .enquiry-header {
      text-align:center;
      margin-bottom:2.5rem;
    }

    .enquiry-header h2,
    .cta-title {
      font-size:clamp(2.3rem,5vw,4rem);
      line-height:1.05;
      letter-spacing:-.04em;
      margin-bottom:1rem;
    }

    .enquiry-header p,
    .cta-sub {
      color:rgba(248,243,235,.72);
      line-height:1.7;
      font-size:1.05rem;
    }

    .enquiry-form {
      display:flex;
      flex-direction:column;
      gap:1.25rem;
    }

    .form-row {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:1rem;
    }

    .form-group {
      display:flex;
      flex-direction:column;
      gap:.55rem;
    }

    .form-group label {
      color:rgba(248,243,235,.82);
      font-size:.8rem;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .form-group input,
    .form-group textarea {
      width:100%;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.14);
      color:#f8f3eb;
      padding:1rem;
      border-radius:12px;
      font-family:inherit;
      font-size:.95rem;
    }

    .form-group textarea {
      min-height:140px;
      resize:vertical;
    }

    .form-group input::placeholder,
    .form-group textarea::placeholder {
      color:rgba(248,243,235,.42);
    }

    .form-group input:focus,
    .form-group textarea:focus {
      outline:none;
      border-color:var(--accent);
    }

    .form-success {
      display:none;
      text-align:center;
      padding:2rem;
      color:#f8f3eb;
    }

    .form-success.visible { display:block; }

    .cta-section {
      background:#050505;
      color:#f8f3eb;
      padding:8rem 4rem;
      text-align:center;
      position:relative;
      overflow:hidden;
      border-top:1px solid rgba(255,255,255,.08);
    }

    .cta-bg {
      position:absolute;
      inset:0;
      background:radial-gradient(ellipse 60% 60% at 50% 50%, rgba(212,175,55,.16), transparent 65%);
      pointer-events:none;
    }

    .cta-inner {
      position:relative;
      max-width:820px;
      margin:0 auto;
    }

    .cta-title span { color:var(--accent); }

    .fade-up {
      opacity:0;
      transform:translateY(30px);
      transition:opacity .7s ease, transform .7s ease;
    }

    .fade-up.visible {
      opacity:1;
      transform:translateY(0);
    }

    @media(max-width:1024px) {
      .proof-grid,
      .umbrella-grid,
      .form-row {
        grid-template-columns:1fr;
      }

      .product-detail,
      .enquiry-section,
      .cta-section {
        padding:5rem 2rem;
      }

      .product-hero {
        height:60vh;
        min-height:420px;
      }
    }

    @media(max-width:600px) {
      .hero { padding:9rem 1.25rem 5rem; }

      .hero-title {
        font-size:clamp(2.7rem,12vw,4.2rem);
      }

      .hero-actions {
        flex-direction:column;
      }

      .btn-primary,
      .btn-ghost,
      .form-submit,
      .btn-white {
        width:100%;
      }

      .product-detail,
      .enquiry-section,
      .cta-section {
        padding:4rem 1rem;
      }

      .product-hero {
        height:50vh;
        min-height:320px;
        margin-bottom:3rem;
      }

      .product-content ul {
        columns:1;
      }

      .enquiry-inner {
        padding:1.5rem;
      }
    }
    .product-hero video {
  animation: slowZoom 30s ease-in-out infinite alternate;
}

@keyframes slowZoom {
  from { transform: scale(1.00); }
  to   { transform: scale(1.08); }
}

    .product-hero video {
  filter:
    sepia(0.22)
    contrast(1.15)
    brightness(0.82)
    saturate(0.78);
}

    
  </style>
