:root {
    --charcoal: #1a1a1a;
    --charcoal-light: #262626;
    --orange: #f26522;
    --orange-dark: #d4551a;
    --white: #ffffff;
    --off-white: #eeebe6;
    --grey: #777;
    --light-grey: #e5e3e0;
    --text: #1a1a1a;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { font-family: 'Barlow', sans-serif; color: var(--text); overflow-x: hidden; background: var(--white); }

  /* ── TOP BAR ── */
  .topbar { background: var(--charcoal); padding: 8px 0; font-size: 0.74rem; font-weight: 500; color: #999; }
  .topbar-inner { max-width: 1240px; margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; }
  .tb-group { display: flex; align-items: center; gap: 18px; }
  .tb-item { display: flex; align-items: center; gap: 6px; }
  .tb-item svg { width: 12px; height: 12px; fill: var(--orange); flex-shrink: 0; }
  .topbar a { color: #999; text-decoration: none; transition: color 0.2s; }
  .topbar a:hover { color: var(--orange); }

  /* ── NAVBAR ── */
  nav { background: var(--white); border-bottom: 3px solid var(--orange); position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 16px rgba(0,0,0,0.07); }
  .nav-inner { max-width: 1240px; margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; height: 76px; }
  .logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }
  .logo-mark { width: 52px; height: 52px; background: var(--charcoal); display: flex; align-items: center; justify-content: center; clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%); flex-shrink: 0; }
  .logo-mark span { font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-size: 1.4rem; color: var(--orange); letter-spacing: -1px; }
  .logo-text-wrap { display: flex; flex-direction: column; line-height: 1; }
  .logo-name { font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-size: 2rem; color: var(--charcoal); text-transform: uppercase; letter-spacing: 0.06em; line-height: 0.95; }
  .logo-name em { color: var(--orange); font-style: normal; }
  .logo-sub { font-size: 0.6rem; color: #aaa; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; margin-top: 4px; }
  .nav-links { list-style: none; display: flex; align-items: center; gap: 2px; }
  .nav-links a { font-weight: 600; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--charcoal); text-decoration: none; padding: 8px 13px; transition: color 0.2s; position: relative; }
  .nav-links a::after { content: ''; position: absolute; bottom: 3px; left: 13px; right: 13px; height: 2px; background: var(--orange); transform: scaleX(0); transition: transform 0.2s; }
  .nav-links a:hover { color: var(--orange); }
  .nav-links a:hover::after { transform: scaleX(1); }
  .nav-cta { background: var(--orange) !important; color: white !important; border-radius: 4px !important; padding: 10px 20px !important; }
  .nav-cta:hover { background: var(--orange-dark) !important; }
  .nav-cta::after { display: none !important; }
  .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }
  .hamburger span { display: block; width: 24px; height: 2px; background: var(--charcoal); border-radius: 2px; }

  /* ── HERO ── */
  .hero {
    position: relative;
    min-height: 90vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--charcoal);
  }
  .hero-bg-img {
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDgxMCIgd2lkdGg9IjE0NDAiIGhlaWdodD0iODEwIj4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ic2t5IiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxYTFhMmUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTYyMTNlIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJncm91bmQiIHgxPSIwIiB5MT0iMCIgeDI9IjAiIHkyPSIxIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhMmEyYSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTFhMWEiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InN0ZWVsIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NDQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM2NjYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDQ0Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJjb25jcmV0ZSIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTU1Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxmaWx0ZXIgaWQ9Imdsb3ciPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImJsdXIiIG9wZXJhdG9yPSJvdmVyIi8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+CgogIDwhLS0gU2t5IC0tPgogIDxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjgxMCIgZmlsbD0idXJsKCNza3kpIi8+CgogIDwhLS0gU3RhcnMgLS0+CiAgPGNpcmNsZSBjeD0iMTAwIiBjeT0iNTAiIHI9IjEiIGZpbGw9IndoaXRlIiBvcGFjaXR5PSIwLjQiLz4KICA8Y2lyY2xlIGN4PSIzMDAiIGN5PSIzMCIgcj0iMS41IiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC4zIi8+CiAgPGNpcmNsZSBjeD0iNjAwIiBjeT0iNjAiIHI9IjEiIGZpbGw9IndoaXRlIiBvcGFjaXR5PSIwLjUiLz4KICA8Y2lyY2xlIGN4PSI5MDAiIGN5PSIyMCIgcj0iMSIgZmlsbD0id2hpdGUiIG9wYWNpdHk9IjAuMyIvPgogIDxjaXJjbGUgY3g9IjEyMDAiIGN5PSI0NSIgcj0iMS41IiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC40Ii8+CiAgPGNpcmNsZSBjeD0iMTM4MCIgY3k9IjcwIiByPSIxIiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC4zIi8+CgogIDwhLS0gQmFja2dyb3VuZCBidWlsZGluZyBzaWxob3VldHRlcyAtLT4KICA8cmVjdCB4PSI1MCIgeT0iMzAwIiB3aWR0aD0iODAiIGhlaWdodD0iNDAwIiBmaWxsPSIjMWUxZTJlIiBvcGFjaXR5PSIwLjYiLz4KICA8cmVjdCB4PSI2MCIgeT0iMjgwIiB3aWR0aD0iNjAiIGhlaWdodD0iMjAiIGZpbGw9IiMxZTFlMmUiIG9wYWNpdHk9IjAuNiIvPgogIDxyZWN0IHg9IjE2MCIgeT0iMzUwIiB3aWR0aD0iNjAiIGhlaWdodD0iMzUwIiBmaWxsPSIjMWUxZTJlIiBvcGFjaXR5PSIwLjUiLz4KICA8cmVjdCB4PSIxMjUwIiB5PSIzMjAiIHdpZHRoPSI5MCIgaGVpZ2h0PSIzODAiIGZpbGw9IiMxZTFlMmUiIG9wYWNpdHk9IjAuNiIvPgogIDxyZWN0IHg9IjEzNjAiIHk9IjM2MCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjM0MCIgZmlsbD0iIzFlMWUyZSIgb3BhY2l0eT0iMC41Ii8+CgogIDwhLS0gTWFpbiBidWlsZGluZyB1bmRlciBjb25zdHJ1Y3Rpb24gLSBsZWZ0IGJsb2NrIC0tPgogIDxyZWN0IHg9IjE4MCIgeT0iMjUwIiB3aWR0aD0iMzIwIiBoZWlnaHQ9IjUwMCIgZmlsbD0idXJsKCNjb25jcmV0ZSkiIG9wYWNpdHk9IjAuODUiLz4KICA8IS0tIEZsb29ycyAtLT4KICA8cmVjdCB4PSIxODAiIHk9IjMwMCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSI0IiBmaWxsPSIjNzc3IiBvcGFjaXR5PSIwLjYiLz4KICA8cmVjdCB4PSIxODAiIHk9IjM3MCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSI0IiBmaWxsPSIjNzc3IiBvcGFjaXR5PSIwLjYiLz4KICA8cmVjdCB4PSIxODAiIHk9IjQ0MCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSI0IiBmaWxsPSIjNzc3IiBvcGFjaXR5PSIwLjYiLz4KICA8cmVjdCB4PSIxODAiIHk9IjUxMCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSI0IiBmaWxsPSIjNzc3IiBvcGFjaXR5PSIwLjYiLz4KICA8cmVjdCB4PSIxODAiIHk9IjU4MCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSI0IiBmaWxsPSIjNzc3IiBvcGFjaXR5PSIwLjYiLz4KICA8IS0tIENvbHVtbnMgLS0+CiAgPHJlY3QgeD0iMjIwIiB5PSIyNTAiIHdpZHRoPSIyMCIgaGVpZ2h0PSI1MDAiIGZpbGw9IiM2NjYiIG9wYWNpdHk9IjAuNSIvPgogIDxyZWN0IHg9IjMwMCIgeT0iMjUwIiB3aWR0aD0iMjAiIGhlaWdodD0iNTAwIiBmaWxsPSIjNjY2IiBvcGFjaXR5PSIwLjUiLz4KICA8cmVjdCB4PSIzODAiIHk9IjI1MCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIgb3BhY2l0eT0iMC41Ii8+CiAgPHJlY3QgeD0iNDYwIiB5PSIyNTAiIHdpZHRoPSIyMCIgaGVpZ2h0PSI1MDAiIGZpbGw9IiM2NjYiIG9wYWNpdHk9IjAuNSIvPgogIDwhLS0gV2luZG93cyAtLT4KICA8cmVjdCB4PSIyNDAiIHk9IjMyMCIgd2lkdGg9IjM1IiBoZWlnaHQ9IjQwIiBmaWxsPSIjZjI2NTIyIiBvcGFjaXR5PSIwLjI1Ii8+CiAgPHJlY3QgeD0iMzEwIiB5PSIzMjAiIHdpZHRoPSIzNSIgaGVpZ2h0PSI0MCIgZmlsbD0iI2YyNjUyMiIgb3BhY2l0eT0iMC4xNSIvPgogIDxyZWN0IHg9IjM5MCIgeT0iMzIwIiB3aWR0aD0iMzUiIGhlaWdodD0iNDAiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuMiIvPgogIDxyZWN0IHg9IjI0MCIgeT0iMzkwIiB3aWR0aD0iMzUiIGhlaWdodD0iNDAiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuMiIvPgogIDxyZWN0IHg9IjMxMCIgeT0iMzkwIiB3aWR0aD0iMzUiIGhlaWdodD0iNDAiIGZpbGw9IiMzMzMiIG9wYWNpdHk9IjAuNSIvPgogIDxyZWN0IHg9IjM5MCIgeT0iMzkwIiB3aWR0aD0iMzUiIGhlaWdodD0iNDAiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuMTUiLz4KICA8cmVjdCB4PSIyNDAiIHk9IjQ2MCIgd2lkdGg9IjM1IiBoZWlnaHQ9IjQwIiBmaWxsPSIjMzMzIiBvcGFjaXR5PSIwLjUiLz4KICA8cmVjdCB4PSIzMTAiIHk9IjQ2MCIgd2lkdGg9IjM1IiBoZWlnaHQ9IjQwIiBmaWxsPSIjZjI2NTIyIiBvcGFjaXR5PSIwLjIiLz4KICA8cmVjdCB4PSIzOTAiIHk9IjQ2MCIgd2lkdGg9IjM1IiBoZWlnaHQ9IjQwIiBmaWxsPSIjMzMzIiBvcGFjaXR5PSIwLjUiLz4KCiAgPCEtLSBNYWluIGJ1aWxkaW5nIC0gcmlnaHQgYmxvY2sgKHRhbGxlciwgdW5kZXIgY29uc3RydWN0aW9uIHRvcCkgLS0+CiAgPHJlY3QgeD0iNzAwIiB5PSIxODAiIHdpZHRoPSIzODAiIGhlaWdodD0iNTcwIiBmaWxsPSJ1cmwoI2NvbmNyZXRlKSIgb3BhY2l0eT0iMC45Ii8+CiAgPCEtLSBGbG9vcnMgLS0+CiAgPHJlY3QgeD0iNzAwIiB5PSIyNDAiIHdpZHRoPSIzODAiIGhlaWdodD0iNSIgZmlsbD0iIzg4OCIgb3BhY2l0eT0iMC41Ii8+CiAgPHJlY3QgeD0iNzAwIiB5PSIzMTAiIHdpZHRoPSIzODAiIGhlaWdodD0iNSIgZmlsbD0iIzg4OCIgb3BhY2l0eT0iMC41Ii8+CiAgPHJlY3QgeD0iNzAwIiB5PSIzODAiIHdpZHRoPSIzODAiIGhlaWdodD0iNSIgZmlsbD0iIzg4OCIgb3BhY2l0eT0iMC41Ii8+CiAgPHJlY3QgeD0iNzAwIiB5PSI0NTAiIHdpZHRoPSIzODAiIGhlaWdodD0iNSIgZmlsbD0iIzg4OCIgb3BhY2l0eT0iMC41Ii8+CiAgPHJlY3QgeD0iNzAwIiB5PSI1MjAiIHdpZHRoPSIzODAiIGhlaWdodD0iNSIgZmlsbD0iIzg4OCIgb3BhY2l0eT0iMC41Ii8+CiAgPHJlY3QgeD0iNzAwIiB5PSI1OTAiIHdpZHRoPSIzODAiIGhlaWdodD0iNSIgZmlsbD0iIzg4OCIgb3BhY2l0eT0iMC41Ii8+CiAgPCEtLSBDb2x1bW5zIC0tPgogIDxyZWN0IHg9Ijc0MCIgeT0iMTgwIiB3aWR0aD0iMjIiIGhlaWdodD0iNTcwIiBmaWxsPSIjNzc3IiBvcGFjaXR5PSIwLjQiLz4KICA8cmVjdCB4PSI4MjAiIHk9IjE4MCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjU3MCIgZmlsbD0iIzc3NyIgb3BhY2l0eT0iMC40Ii8+CiAgPHJlY3QgeD0iOTAwIiB5PSIxODAiIHdpZHRoPSIyMiIgaGVpZ2h0PSI1NzAiIGZpbGw9IiM3NzciIG9wYWNpdHk9IjAuNCIvPgogIDxyZWN0IHg9Ijk4MCIgeT0iMTgwIiB3aWR0aD0iMjIiIGhlaWdodD0iNTcwIiBmaWxsPSIjNzc3IiBvcGFjaXR5PSIwLjQiLz4KICA8cmVjdCB4PSIxMDU4IiB5PSIxODAiIHdpZHRoPSIyMiIgaGVpZ2h0PSI1NzAiIGZpbGw9IiM3NzciIG9wYWNpdHk9IjAuNCIvPgogIDwhLS0gV2luZG93cyBsaXQgdXAgLS0+CiAgPHJlY3QgeD0iNzU1IiB5PSIyNjAiIHdpZHRoPSI0MiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2YyNjUyMiIgb3BhY2l0eT0iMC4zIi8+CiAgPHJlY3QgeD0iODM1IiB5PSIyNjAiIHdpZHRoPSI0MiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2YyNjUyMiIgb3BhY2l0eT0iMC4yIi8+CiAgPHJlY3QgeD0iOTE1IiB5PSIyNjAiIHdpZHRoPSI0MiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NCIgb3BhY2l0eT0iMC43Ii8+CiAgPHJlY3QgeD0iOTk1IiB5PSIyNjAiIHdpZHRoPSI0MiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2YyNjUyMiIgb3BhY2l0eT0iMC4yNSIvPgogIDxyZWN0IHg9Ijc1NSIgeT0iMzMwIiB3aWR0aD0iNDIiIGhlaWdodD0iMzIiIGZpbGw9IiM0NDQiIG9wYWNpdHk9IjAuNyIvPgogIDxyZWN0IHg9IjgzNSIgeT0iMzMwIiB3aWR0aD0iNDIiIGhlaWdodD0iMzIiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuMyIvPgogIDxyZWN0IHg9IjkxNSIgeT0iMzMwIiB3aWR0aD0iNDIiIGhlaWdodD0iMzIiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuMiIvPgogIDxyZWN0IHg9Ijk5NSIgeT0iMzMwIiB3aWR0aD0iNDIiIGhlaWdodD0iMzIiIGZpbGw9IiM0NDQiIG9wYWNpdHk9IjAuNyIvPgogIDxyZWN0IHg9Ijc1NSIgeT0iNDAwIiB3aWR0aD0iNDIiIGhlaWdodD0iMzIiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuMiIvPgogIDxyZWN0IHg9IjgzNSIgeT0iNDAwIiB3aWR0aD0iNDIiIGhlaWdodD0iMzIiIGZpbGw9IiM0NDQiIG9wYWNpdHk9IjAuNyIvPgogIDxyZWN0IHg9IjkxNSIgeT0iNDAwIiB3aWR0aD0iNDIiIGhlaWdodD0iMzIiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuMyIvPgogIDxyZWN0IHg9Ijk5NSIgeT0iNDAwIiB3aWR0aD0iNDIiIGhlaWdodD0iMzIiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuMTUiLz4KCiAgPCEtLSBTdGVlbCBmcmFtZSAvIHNjYWZmb2xkaW5nIG9uIHRvcCBvZiByaWdodCBidWlsZGluZyAtLT4KICA8IS0tIFZlcnRpY2FsIHN0ZWVsIG1lbWJlcnMgLS0+CiAgPHJlY3QgeD0iNzAwIiB5PSI4MCIgd2lkdGg9IjgiIGhlaWdodD0iMTEwIiBmaWxsPSIjZjI2NTIyIiBvcGFjaXR5PSIwLjciLz4KICA8cmVjdCB4PSI3NjIiIHk9IjYwIiB3aWR0aD0iOCIgaGVpZ2h0PSIxMzAiIGZpbGw9IiM4ODgiIG9wYWNpdHk9IjAuOSIvPgogIDxyZWN0IHg9Ijg0MCIgeT0iNzAiIHdpZHRoPSI4IiBoZWlnaHQ9IjEyMCIgZmlsbD0iIzg4OCIgb3BhY2l0eT0iMC45Ii8+CiAgPHJlY3QgeD0iOTE4IiB5PSI1MCIgd2lkdGg9IjgiIGhlaWdodD0iMTQwIiBmaWxsPSIjZjI2NTIyIiBvcGFjaXR5PSIwLjYiLz4KICA8cmVjdCB4PSI5OTYiIHk9IjY1IiB3aWR0aD0iOCIgaGVpZ2h0PSIxMjUiIGZpbGw9IiM4ODgiIG9wYWNpdHk9IjAuOSIvPgogIDxyZWN0IHg9IjEwNzQiIHk9Ijc1IiB3aWR0aD0iOCIgaGVpZ2h0PSIxMTUiIGZpbGw9IiM4ODgiIG9wYWNpdHk9IjAuOSIvPgogIDwhLS0gSG9yaXpvbnRhbCBzdGVlbCBtZW1iZXJzIC0tPgogIDxyZWN0IHg9IjcwMCIgeT0iODAiIHdpZHRoPSIzODIiIGhlaWdodD0iOCIgZmlsbD0iIzk5OSIgb3BhY2l0eT0iMC43Ii8+CiAgPHJlY3QgeD0iNzAwIiB5PSIxMzAiIHdpZHRoPSIzODIiIGhlaWdodD0iNiIgZmlsbD0iIzg4OCIgb3BhY2l0eT0iMC42Ii8+CiAgPHJlY3QgeD0iNzAwIiB5PSIxNzAiIHdpZHRoPSIzODIiIGhlaWdodD0iNSIgZmlsbD0iIzc3NyIgb3BhY2l0eT0iMC41Ii8+CiAgPCEtLSBEaWFnb25hbCBicmFjaW5nIC0tPgogIDxsaW5lIHgxPSI3MDAiIHkxPSI4MCIgeDI9Ijc2MiIgeTI9IjEzMCIgc3Ryb2tlPSIjYWFhIiBzdHJva2Utd2lkdGg9IjMiIG9wYWNpdHk9IjAuNSIvPgogIDxsaW5lIHgxPSI3NjIiIHkxPSI4MCIgeDI9Ijg0MCIgeTI9IjEzMCIgc3Ryb2tlPSIjYWFhIiBzdHJva2Utd2lkdGg9IjMiIG9wYWNpdHk9IjAuNSIvPgogIDxsaW5lIHgxPSI4NDAiIHkxPSI4MCIgeDI9IjkxOCIgeTI9IjEzMCIgc3Ryb2tlPSIjZjI2NTIyIiBzdHJva2Utd2lkdGg9IjMiIG9wYWNpdHk9IjAuNCIvPgogIDxsaW5lIHgxPSI5MTgiIHkxPSI4MCIgeDI9Ijk5NiIgeTI9IjEzMCIgc3Ryb2tlPSIjYWFhIiBzdHJva2Utd2lkdGg9IjMiIG9wYWNpdHk9IjAuNSIvPgogIDxsaW5lIHgxPSI5OTYiIHkxPSI4MCIgeDI9IjEwODIiIHkyPSIxMzAiIHN0cm9rZT0iI2FhYSIgc3Ryb2tlLXdpZHRoPSIzIiBvcGFjaXR5PSIwLjUiLz4KCiAgPCEtLSBUb3dlciBjcmFuZSAtLT4KICA8cmVjdCB4PSIxMTMwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iNzUwIiBmaWxsPSIjZjI2NTIyIiBvcGFjaXR5PSIwLjgiLz4KICA8cmVjdCB4PSIxMDcwIiB5PSI0MCIgd2lkdGg9IjIzMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2YyNjUyMiIgb3BhY2l0eT0iMC44Ii8+CiAgPHJlY3QgeD0iMTA3MCIgeT0iNDAiIHdpZHRoPSIxMCIgaGVpZ2h0PSI4MCIgZmlsbD0iI2YyNjUyMiIgb3BhY2l0eT0iMC42Ii8+CiAgPCEtLSBDcmFuZSBjYWJsZSAtLT4KICA8bGluZSB4MT0iMTIzMCIgeTE9IjUwIiB4Mj0iMTE5MCIgeTI9IjIyMCIgc3Ryb2tlPSIjY2NjIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNiIvPgogIDwhLS0gQ3JhbmUgaG9vayBsb2FkIC0tPgogIDxyZWN0IHg9IjExNzgiIHk9IjIxOCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjE2IiBmaWxsPSIjODg4IiBvcGFjaXR5PSIwLjciLz4KCiAgPCEtLSBDb25zdHJ1Y3Rpb24gZWxldmF0b3IvaG9pc3QgLS0+CiAgPHJlY3QgeD0iNTQ1IiB5PSIyMDAiIHdpZHRoPSIxNCIgaGVpZ2h0PSI1NTAiIGZpbGw9IiM1NTUiIG9wYWNpdHk9IjAuNyIvPgogIDxyZWN0IHg9IjU3MCIgeT0iMjAwIiB3aWR0aD0iMTQiIGhlaWdodD0iNTUwIiBmaWxsPSIjNTU1IiBvcGFjaXR5PSIwLjciLz4KICA8cmVjdCB4PSI1NDAiIHk9IjQwMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjYwIiBmaWxsPSIjNjY2IiBvcGFjaXR5PSIwLjgiLz4KICA8cmVjdCB4PSI1NDUiIHk9IjM5MCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjgiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuNSIvPgoKICA8IS0tIEdyb3VuZCAvIHNpdGUgYmFzZSAtLT4KICA8cmVjdCB4PSIwIiB5PSI3MjAiIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjkwIiBmaWxsPSJ1cmwoI2dyb3VuZCkiLz4KICA8IS0tIEdyb3VuZCBkZXRhaWxzIC0tPgogIDxyZWN0IHg9IjAiIHk9IjcxOCIgd2lkdGg9IjE0NDAiIGhlaWdodD0iNiIgZmlsbD0iIzMzMyIgb3BhY2l0eT0iMC44Ii8+CgogIDwhLS0gVE1UIGJhcnMgc3RhY2tlZCBvbiBncm91bmQgLS0+CiAgPHJlY3QgeD0iODAiIHk9IjcwMCIgd2lkdGg9IjE4MCIgaGVpZ2h0PSI4IiBmaWxsPSIjODg4IiBvcGFjaXR5PSIwLjgiLz4KICA8cmVjdCB4PSI4NSIgeT0iNjkyIiB3aWR0aD0iMTc1IiBoZWlnaHQ9IjgiIGZpbGw9IiM5OTkiIG9wYWNpdHk9IjAuOCIvPgogIDxyZWN0IHg9IjkwIiB5PSI2ODQiIHdpZHRoPSIxNzAiIGhlaWdodD0iOCIgZmlsbD0iIzg4OCIgb3BhY2l0eT0iMC44Ii8+CiAgPHJlY3QgeD0iODUiIHk9IjY3NiIgd2lkdGg9IjE3NSIgaGVpZ2h0PSI4IiBmaWxsPSIjOTk5IiBvcGFjaXR5PSIwLjciLz4KCiAgPCEtLSBDZW1lbnQgYmFncyAtLT4KICA8cmVjdCB4PSIzMTAiIHk9IjY5MCIgd2lkdGg9IjU1IiBoZWlnaHQ9IjMyIiByeD0iNCIgZmlsbD0iI2NjYyIgb3BhY2l0eT0iMC42Ii8+CiAgPHJlY3QgeD0iMzEwIiB5PSI2ODAiIHdpZHRoPSI1NSIgaGVpZ2h0PSIzMiIgcng9IjQiIGZpbGw9IiNkZGQiIG9wYWNpdHk9IjAuNSIvPgogIDxyZWN0IHg9IjMxMCIgeT0iNjcwIiB3aWR0aD0iNTUiIGhlaWdodD0iMzIiIHJ4PSI0IiBmaWxsPSIjY2NjIiBvcGFjaXR5PSIwLjUiLz4KICA8cmVjdCB4PSIzNzUiIHk9IjY5MCIgd2lkdGg9IjU1IiBoZWlnaHQ9IjMyIiByeD0iNCIgZmlsbD0iI2NjYyIgb3BhY2l0eT0iMC42Ii8+CiAgPHJlY3QgeD0iMzc1IiB5PSI2ODAiIHdpZHRoPSI1NSIgaGVpZ2h0PSIzMiIgcng9IjQiIGZpbGw9IiNkZGQiIG9wYWNpdHk9IjAuNSIvPgoKICA8IS0tIFNhZmV0eSBiYXJyaWVyIC8gY29uc3RydWN0aW9uIGZlbmNlIC0tPgogIDxyZWN0IHg9IjAiIHk9IjcxMCIgd2lkdGg9IjE0NDAiIGhlaWdodD0iMTAiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuMTUiLz4KICA8cmVjdCB4PSIxNDAiIHk9IjcwMCIgd2lkdGg9IjYiIGhlaWdodD0iMjUiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuNSIvPgogIDxyZWN0IHg9IjI4MCIgeT0iNzAwIiB3aWR0aD0iNiIgaGVpZ2h0PSIyNSIgZmlsbD0iI2YyNjUyMiIgb3BhY2l0eT0iMC41Ii8+CiAgPHJlY3QgeD0iNDIwIiB5PSI3MDAiIHdpZHRoPSI2IiBoZWlnaHQ9IjI1IiBmaWxsPSIjZjI2NTIyIiBvcGFjaXR5PSIwLjUiLz4KICA8cmVjdCB4PSI1NjAiIHk9IjcwMCIgd2lkdGg9IjYiIGhlaWdodD0iMjUiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuNSIvPgogIDxyZWN0IHg9IjcwMCIgeT0iNzAwIiB3aWR0aD0iNiIgaGVpZ2h0PSIyNSIgZmlsbD0iI2YyNjUyMiIgb3BhY2l0eT0iMC41Ii8+CiAgPHJlY3QgeD0iODQwIiB5PSI3MDAiIHdpZHRoPSI2IiBoZWlnaHQ9IjI1IiBmaWxsPSIjZjI2NTIyIiBvcGFjaXR5PSIwLjUiLz4KICA8cmVjdCB4PSI5ODAiIHk9IjcwMCIgd2lkdGg9IjYiIGhlaWdodD0iMjUiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuNSIvPgogIDxyZWN0IHg9IjExMjAiIHk9IjcwMCIgd2lkdGg9IjYiIGhlaWdodD0iMjUiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuNSIvPgogIDxyZWN0IHg9IjEyNjAiIHk9IjcwMCIgd2lkdGg9IjYiIGhlaWdodD0iMjUiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuNSIvPgogIDxyZWN0IHg9IjE0MDAiIHk9IjcwMCIgd2lkdGg9IjYiIGhlaWdodD0iMjUiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuNSIvPgogIDxyZWN0IHg9IjE0MCIgeT0iNzA2IiB3aWR0aD0iMTI2NiIgaGVpZ2h0PSI0IiBmaWxsPSIjZjI2NTIyIiBvcGFjaXR5PSIwLjQiLz4KCiAgPCEtLSBBbWJpZW50IGNvbnN0cnVjdGlvbiBsaWdodHMgLyBzcGFya3MgLS0+CiAgPGNpcmNsZSBjeD0iNzYyIiBjeT0iNjAiIHI9IjQiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuOSIgZmlsdGVyPSJ1cmwoI2dsb3cpIi8+CiAgPGNpcmNsZSBjeD0iODQwIiBjeT0iNTAiIHI9IjMiIGZpbGw9IiNmZmFhMDAiIG9wYWNpdHk9IjAuOCIgZmlsdGVyPSJ1cmwoI2dsb3cpIi8+CiAgPGNpcmNsZSBjeD0iOTE4IiBjeT0iNDUiIHI9IjUiIGZpbGw9IiNmMjY1MjIiIG9wYWNpdHk9IjAuOSIgZmlsdGVyPSJ1cmwoI2dsb3cpIi8+CiAgPGNpcmNsZSBjeD0iOTk2IiBjeT0iNTUiIHI9IjMiIGZpbGw9IiNmZmFhMDAiIG9wYWNpdHk9IjAuNyIgZmlsdGVyPSJ1cmwoI2dsb3cpIi8+CgogIDwhLS0gU3VidGxlIG9yYW5nZSBncmFkaWVudCBvdmVybGF5IGF0IGJvdHRvbSBmb3IgZGVwdGggLS0+CiAgPHJlY3QgeD0iMCIgeT0iNjAwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIyMTAiIGZpbGw9InVybCgjc2t5KSIgb3BhY2l0eT0iMC4zIi8+Cjwvc3ZnPg==');
    background-size: cover;
    background-position: center center;
    opacity: 0.85;
  }
  .hero-overlay { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(15,15,15,0.82) 40%, rgba(20,20,20,0.55) 100%); }
  .hero-accent-bar { position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--orange); }
  .hero-inner { max-width: 1240px; margin: 0 auto; padding: 80px 24px; width: 100%; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 60px; align-items: center; position: relative; z-index: 2; }
  .hero-pill { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(242,101,34,0.4); background: rgba(242,101,34,0.1); color: var(--orange); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; padding: 5px 13px; border-radius: 2px; margin-bottom: 20px; }
  .hero-pill::before { content: ''; width: 5px; height: 5px; background: var(--orange); border-radius: 50%; }
  .hero h1 { font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-size: clamp(3rem, 5vw, 4.8rem); color: white; text-transform: uppercase; line-height: 1.02; margin-bottom: 10px; letter-spacing: 0.01em; }
  .hero h1 em { color: var(--orange); font-style: normal; display: block; }
  .hero-tagline { font-family: 'Barlow Condensed', sans-serif; font-size: 1.2rem; font-weight: 700; color: rgba(255,255,255,0.7); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 20px; padding-left: 2px; border-left: 3px solid var(--orange); padding-left: 12px; }
  .hero-desc { color: #bbb; font-size: 1rem; line-height: 1.75; max-width: 500px; margin-bottom: 34px; }
  .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
  .btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; font-weight: 700; font-size: 0.84rem; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; border-radius: 3px; border: none; cursor: pointer; transition: all 0.22s; font-family: 'Barlow', sans-serif; }
  .btn-primary { background: var(--orange); color: white; }
  .btn-primary:hover { background: var(--orange-dark); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(242,101,34,0.35); }
  .btn-ghost { background: transparent; color: white; border: 2px solid rgba(255,255,255,0.25); }
  .btn-ghost:hover { border-color: var(--orange); color: var(--orange); transform: translateY(-2px); }
  .btn-white { background: white; color: var(--orange); }
  .btn-white:hover { background: var(--charcoal); color: white; transform: translateY(-2px); }

  .hero-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
  .hstat { background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.07); padding: 26px 20px; transition: all 0.25s; position: relative; backdrop-filter: blur(6px); }
  .hstat:hover { background: rgba(242,101,34,0.1); border-color: rgba(242,101,34,0.3); }
  .hstat::before { content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: var(--orange); opacity: 0; transition: opacity 0.25s; }
  .hstat:hover::before { opacity: 1; }
  .hstat-num { font-family: 'Barlow Condensed', sans-serif; font-size: 2.8rem; font-weight: 900; color: var(--orange); line-height: 1; margin-bottom: 4px; }
  .hstat-lbl { font-size: 0.68rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #aaa; line-height: 1.3; }

  /* ── SECTIONS ── */
  section { padding: 80px 0; }
  .container { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
  .sec-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--orange); margin-bottom: 10px; }
  .sec-eyebrow::before { content: ''; width: 22px; height: 2px; background: var(--orange); }
  .sec-title { font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-size: clamp(2rem, 3.5vw, 2.8rem); text-transform: uppercase; line-height: 1.08; color: var(--charcoal); margin-bottom: 14px; letter-spacing: 0.01em; }
  .sec-title em { color: var(--orange); font-style: normal; }
  .sec-title.light { color: white; }
  .sec-desc { font-size: 0.97rem; color: var(--grey); line-height: 1.75; max-width: 560px; }
  .sec-head { margin-bottom: 50px; }

  /* ── WHY US ── */
  .why { background: var(--off-white); }
  .why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2px; }
  .why-card { background: white; padding: 36px 28px; position: relative; overflow: hidden; transition: all 0.25s; }
  .why-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(0,0,0,0.09); }
  .why-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform 0.25s; }
  .why-card:hover::after { transform: scaleX(1); }
  .why-icon { width: 50px; height: 50px; background: rgba(242,101,34,0.1); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
  .why-icon svg { width: 24px; height: 24px; fill: var(--orange); }
  .why-card h3 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 1.15rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--charcoal); margin-bottom: 10px; }
  .why-card p { font-size: 0.87rem; color: var(--grey); line-height: 1.65; }

  /* ── PRODUCTS ── */
  .products { background: white; }
  .prod-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 2px; }
  .prod-card { background: var(--charcoal); position: relative; overflow: hidden; transition: all 0.25s; cursor: pointer; display: flex; flex-direction: column; }
  .prod-card:hover { background: #252525; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.2); }
  .prod-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform 0.25s; z-index: 2; }
  .prod-card:hover::before { transform: scaleX(1); }
  .prod-img-wrap { width: 100%; height: 155px; overflow: hidden; position: relative; background: #333; }
  .prod-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; display: block; }
  .prod-card:hover .prod-img-wrap img { transform: scale(1.06); }
  .prod-body { padding: 18px 16px 16px; flex: 1; display: flex; flex-direction: column; }
  .prod-num { position: absolute; top: 6px; right: 10px; font-family: 'Barlow Condensed', sans-serif; font-size: 2.2rem; font-weight: 900; color: rgba(255,255,255,0.05); line-height: 1; z-index: 1; }
  .prod-card h3 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 1.08rem; text-transform: uppercase; letter-spacing: 0.04em; color: white; margin-bottom: 6px; }
  .prod-card p { font-size: 0.76rem; color: #999; line-height: 1.5; flex: 1; }
  .prod-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
  .prod-tag { display: inline-block; background: rgba(242,101,34,0.18); color: var(--orange); font-size: 0.6rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 8px; border-radius: 2px; }
  .prod-more { font-size: 0.68rem; color: #666; display: flex; align-items: center; gap: 3px; transition: color 0.2s; }
  .prod-card:hover .prod-more { color: var(--orange); }
  .prod-more::after { content: '→'; }

  /* ── MODAL ── */
  .modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.88); z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; visibility: hidden; transition: all 0.3s; backdrop-filter: blur(4px); }
  .modal-overlay.active { opacity: 1; visibility: visible; }
  .modal-box { background: white; width: 100%; max-width: 600px; border-radius: 4px; overflow: hidden; position: relative; transform: translateY(24px); transition: transform 0.3s; box-shadow: 0 24px 60px rgba(0,0,0,0.4); }
  .modal-overlay.active .modal-box { transform: translateY(0); }
  .modal-head { background: var(--charcoal); padding: 20px 26px; display: flex; justify-content: space-between; align-items: center; border-bottom: 3px solid var(--orange); }
  .modal-title { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 1.7rem; color: white; text-transform: uppercase; margin: 0; }
  .modal-close { background: none; border: none; color: #888; font-size: 1.8rem; cursor: pointer; line-height: 1; transition: color 0.2s; padding: 0 4px; }
  .modal-close:hover { color: var(--orange); }
  .modal-body { max-height: 70vh; overflow-y: auto; }
  .modal-img { width: 100%; height: 220px; object-fit: cover; display: block; }
  .modal-content { padding: 24px 26px; }
  .modal-desc { font-size: 0.97rem; color: #444; line-height: 1.72; margin-bottom: 18px; }
  .modal-label { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--orange); margin-bottom: 7px; padding-bottom: 5px; border-bottom: 1px dashed var(--light-grey); }
  .modal-detail { background: var(--off-white); padding: 12px 14px; border-left: 3px solid var(--charcoal); font-size: 0.88rem; line-height: 1.6; color: var(--text); margin-bottom: 14px; }
  .modal-foot { padding: 16px 26px; background: var(--off-white); border-top: 1px solid var(--light-grey); display: flex; gap: 10px; justify-content: flex-end; }

  /* ── BRANDS ── */
  .brands { background: var(--off-white); }
  .brands-top { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 44px; flex-wrap: wrap; gap: 18px; }
  .brands-note { font-size: 0.78rem; color: var(--grey); background: white; border-left: 3px solid var(--orange); padding: 12px 20px; max-width: 100%; width: 100%; line-height: 1.55; margin-top: 24px; text-align: center; }
  .brands-note strong { color: var(--charcoal); }
  .brand-section-label { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--grey); margin-bottom: 12px; display: flex; align-items: center; gap: 10px; }
  .brand-section-label::after { content: ''; flex: 1; height: 1px; background: var(--light-grey); }
  .brand-section + .brand-section { margin-top: 28px; }
  .brand-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(195px, 1fr)); gap: 2px; }
  .brand-card { background: white; overflow: hidden; transition: all 0.25s; display: flex; flex-direction: column; }
  .brand-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,0.1); }
  .brand-bar { height: 5px; }
  .brand-logo-wrap { width: 100%; height: 110px; background: white; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #f0ede8; overflow: hidden; }
  .brand-logo-wrap img { width: 100%; height: 110px; object-fit: contain; padding: 12px; display: block; }
  .brand-body { padding: 14px 16px 14px; display: flex; flex-direction: column; flex: 1; }
  .brand-mono { width: 46px; height: 46px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 1.05rem; margin-bottom: 12px; }
  .brand-name { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 1.1rem; text-transform: uppercase; color: var(--charcoal); margin-bottom: 3px; }
  .brand-type { font-size: 0.72rem; color: var(--grey); font-weight: 500; margin-bottom: 12px; line-height: 1.4; }
  .brand-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--orange); border: 1px solid rgba(242,101,34,0.3); padding: 3px 8px; border-radius: 2px; margin-top: auto; align-self: flex-start; }
  .brand-badge::before { content: '✓'; }

  /* ── ABOUT ── */
  .about { background: var(--charcoal); }
  .about-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
  .about-points { display: flex; flex-direction: column; gap: 18px; margin-top: 28px; }
  .apoint { display: flex; gap: 14px; }
  .apoint-icon { width: 34px; height: 34px; background: var(--orange); border-radius: 3px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
  .apoint-icon svg { width: 16px; height: 16px; fill: white; }
  .apoint h4 { font-weight: 700; font-size: 0.9rem; color: white; margin-bottom: 4px; }
  .apoint p { font-size: 0.83rem; color: #888; line-height: 1.6; }
  .about-visual { display: flex; flex-direction: column; gap: 2px; }
  .astat-big { background: var(--orange); padding: 36px 30px; position: relative; overflow: hidden; }
  .astat-big::after { content: ''; position: absolute; top: -24px; right: -24px; width: 90px; height: 90px; border: 18px solid rgba(255,255,255,0.12); border-radius: 50%; }
  .astat-big .n { font-family: 'Barlow Condensed', sans-serif; font-size: 3.8rem; font-weight: 900; color: white; line-height: 1; }
  .astat-big .l { font-weight: 600; font-size: 0.88rem; color: rgba(255,255,255,0.82); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 5px; }
  .astat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
  .astat-sm { background: var(--charcoal-light); padding: 22px 24px; }
  .astat-sm .n { font-family: 'Barlow Condensed', sans-serif; font-size: 2rem; font-weight: 900; color: var(--orange); line-height: 1; }
  .astat-sm .l { font-size: 0.66rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: #777; margin-top: 4px; }

  /* ── TESTIMONIALS ── */
  .testimonials { background: var(--off-white); padding: 80px 0; }
  .testimonial-slider { position: relative; overflow: hidden; }
  .testimonial-track { display: flex; transition: transform 0.5s ease; }
  .testimonial-slide { min-width: 100%; padding: 0 4px; }
  .testimonial-inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2px; }
  .tcard { background: white; padding: 32px 28px; position: relative; border-bottom: 3px solid transparent; transition: all 0.25s; }
  .tcard:hover { border-bottom-color: var(--orange); box-shadow: 0 8px 24px rgba(0,0,0,0.07); }
  .tcard-quote { font-size: 3rem; color: var(--orange); line-height: 0.8; margin-bottom: 14px; font-family: Georgia, serif; opacity: 0.5; }
  .tcard-text { font-size: 0.92rem; color: #555; line-height: 1.72; margin-bottom: 20px; font-style: italic; }
  .tcard-author { display: flex; align-items: center; gap: 12px; }
  .tcard-avatar { width: 42px; height: 42px; background: var(--charcoal); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 1.1rem; color: var(--orange); flex-shrink: 0; }
  .tcard-name { font-weight: 700; font-size: 0.88rem; color: var(--charcoal); }
  .tcard-role { font-size: 0.72rem; color: var(--grey); margin-top: 2px; }
  .tcard-stars { color: #f59e0b; font-size: 0.8rem; margin-bottom: 2px; }
  .slider-controls { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 28px; }
  .slider-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--light-grey); border: none; cursor: pointer; transition: all 0.2s; padding: 0; }
  .slider-dot.active { background: var(--orange); transform: scale(1.3); }
  .slider-arrow { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--light-grey); background: white; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; color: var(--charcoal); font-size: 1rem; }
  .slider-arrow:hover { border-color: var(--orange); color: var(--orange); }
  .coming-soon-note { text-align: center; color: var(--grey); font-size: 0.85rem; font-style: italic; padding: 40px 20px; background: white; border: 2px dashed var(--light-grey); }

  /* ── CTA STRIP ── */
  .cta-strip { background: var(--orange); padding: 56px 0; position: relative; overflow: hidden; }
  .cta-strip::before { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(-45deg, transparent, transparent 18px, rgba(0,0,0,0.04) 18px, rgba(0,0,0,0.04) 19px); }
  .cta-strip-inner { max-width: 1240px; margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; position: relative; z-index: 1; }
  .cta-strip h2 { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 2rem; text-transform: uppercase; color: white; line-height: 1.1; }
  .cta-strip p { color: rgba(255,255,255,0.82); font-size: 0.95rem; margin-top: 5px; }

  /* ── ENQUIRY ── */
  .enquiry { background: white; }
  .enquiry-inner { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: start; }
  .form-group { margin-bottom: 14px; }
  .form-group label { display: block; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--charcoal); margin-bottom: 6px; }
  .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 12px 14px; border: 2px solid var(--light-grey); border-radius: 3px; font-family: 'Barlow', sans-serif; font-size: 0.92rem; color: var(--text); background: var(--off-white); transition: border-color 0.2s; outline: none; -webkit-appearance: none; }
  .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--orange); background: white; }
  .form-group textarea { resize: vertical; min-height: 108px; }
  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .form-submit { width: 100%; justify-content: center; padding: 15px; margin-top: 4px; }

  /* ── CONTACT ── */
  .contact-cards { display: flex; flex-direction: column; gap: 2px; margin-bottom: 2px; }
  .ccard { display: flex; gap: 14px; align-items: flex-start; background: var(--off-white); padding: 18px 20px; border-left: 3px solid var(--orange); }
  .ccard-icon { width: 36px; height: 36px; background: var(--charcoal); border-radius: 3px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .ccard-icon svg { width: 16px; height: 16px; fill: var(--orange); }
  .ccard-label { font-size: 0.67rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--grey); margin-bottom: 3px; }
  .ccard-value { font-size: 0.88rem; color: var(--charcoal); font-weight: 600; line-height: 1.5; }
  .ccard-value a { color: var(--charcoal); text-decoration: none; }
  .ccard-value a:hover { color: var(--orange); }
  .hours-box { background: var(--charcoal); padding: 22px 20px; }
  .hours-box h4 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--orange); margin-bottom: 14px; }
  .hours-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
  .hours-row:last-child { border-bottom: none; }
  .hours-day { font-size: 0.82rem; color: #aaa; }
  .hours-time { font-size: 0.82rem; color: white; font-weight: 600; display: flex; align-items: center; gap: 6px; }
  .dot-open { width: 6px; height: 6px; background: #4caf50; border-radius: 50%; display: inline-block; }
  .hours-closed { color: #555 !important; font-weight: 400 !important; }

  /* ── MAP ── */
  .map-section { background: var(--off-white); }
  .map-embed { width: 100%; height: 360px; border: none; display: block; filter: grayscale(15%); }

  /* ── FOOTER ── */
  footer { background: #111; }
  .footer-main { max-width: 1240px; margin: 0 auto; padding: 56px 24px 46px; display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 44px; }
  .footer-brand-name { font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-size: 1.8rem; text-transform: uppercase; color: white; letter-spacing: 0.04em; }
  .footer-brand-name em { color: var(--orange); font-style: normal; }
  .footer-tagline { font-size: 0.67rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--orange); margin-bottom: 14px; }
  .footer-desc { font-size: 0.82rem; color: #555; line-height: 1.72; }
  .footer-col h4 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.1em; color: white; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid var(--orange); display: inline-block; }
  .flinks { list-style: none; display: flex; flex-direction: column; gap: 8px; }
  .flinks a { font-size: 0.82rem; color: #555; text-decoration: none; display: flex; align-items: center; gap: 6px; transition: color 0.2s; }
  .flinks a::before { content: '›'; color: var(--orange); font-size: 1rem; line-height: 1; }
  .flinks a:hover { color: var(--orange); }
  .fcontact { display: flex; flex-direction: column; gap: 12px; }
  .fci { display: flex; gap: 10px; align-items: flex-start; }
  .fci svg { width: 13px; height: 13px; fill: var(--orange); flex-shrink: 0; margin-top: 3px; }
  .fci span, .fci a { font-size: 0.81rem; color: #555; line-height: 1.55; text-decoration: none; }
  .fci a:hover { color: var(--orange); }
  .footer-bottom { border-top: 1px solid #1e1e1e; }
  .footer-bottom-inner { max-width: 1240px; margin: 0 auto; padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
  .footer-bottom p { font-size: 0.75rem; color: #444; }
  .footer-bottom em { color: var(--orange); font-style: normal; }

  /* ── WHATSAPP ── */
  .wa-btn { position: fixed; bottom: 26px; right: 26px; width: 54px; height: 54px; background: #25d366; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 18px rgba(37,211,102,0.4); z-index: 999; transition: all 0.3s; }
  .wa-btn:hover { transform: scale(1.1); box-shadow: 0 8px 28px rgba(37,211,102,0.5); }
  .wa-btn svg { width: 27px; height: 27px; fill: white; }

  /* ── RESPONSIVE ── */
  @media (max-width: 960px) {
    .hero-inner, .about-inner, .enquiry-inner { grid-template-columns: 1fr; gap: 44px; }
    .footer-main { grid-template-columns: 1fr 1fr; gap: 36px; }
    .brands-top { flex-direction: column; align-items: flex-start; }
  }
  @media (max-width: 768px) {
    .hamburger { display: flex; }
    .nav-links { display: none; position: absolute; top: 76px; left: 0; right: 0; background: white; flex-direction: column; padding: 14px; border-top: 3px solid var(--orange); box-shadow: 0 10px 24px rgba(0,0,0,0.1); gap: 2px; z-index: 100; }
    .nav-links.open { display: flex; }
    .hero-stats { grid-template-columns: 1fr 1fr; }
    .cta-strip-inner { flex-direction: column; text-align: center; }
    .tb-group:last-child { display: none; }
    .form-row { grid-template-columns: 1fr; }
    .testimonial-inner { grid-template-columns: 1fr; }
  }
  @media (max-width: 520px) {
    .footer-main { grid-template-columns: 1fr; }
    section { padding: 60px 0; }
    .hero-inner { padding: 60px 24px; }
    .logo-name { font-size: 1.6rem; }
  }