:root{
      --ap-primary:#24125f;
      --ap-accent:#ef2b2d;
      --ap-bg:#fffaf7;
      --ap-text:#1f1f1f;
      --ap-muted:#666;
      --ap-border:#e9e9ee;
    }

    body{
      font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      color:var(--ap-text);
      background:#fff;
    }

    .hero{
      background:linear-gradient(180deg, #eb7e05, #fff);
      padding:72px 0;
      overflow:hidden;
    }

    .hero-title{
      font-size:52px;
      line-height:1.05;
      font-weight:800;
      color:var(--ap-primary);
    }

    .hero-title .accent{
      color:var(--ap-accent);
      display:block;
    }

    .hero-sub{
      color:#3f3f46;
      font-size:1.06rem;
      max-width:520px;
      margin:1.25rem 0 1.75rem;
    }

    .hero-line{
      width:72px;
      height:4px;
      border-radius:999px;
      background:var(--ap-accent);
      margin:1.25rem 0;
    }

    .feature-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:1rem 1.25rem;
      max-width:520px;
    }

    .feature{
      display:flex;
      gap:.75rem;
      align-items:flex-start;
    }

    .feature i{
      font-size:1.4rem;
      color:var(--ap-primary);
      line-height:1;
      margin-top:.1rem;
    }

    .feature span{
      font-size:.95rem;
      font-weight:600;
      color:#222;
    }

    .btn-ap{
      background:var(--ap-primary);
      border:none;
      color:#fff;
      padding:.9rem 1.4rem;
      border-radius:14px;
      font-weight:600;
      display:inline-flex;
      align-items:center;
      gap:.6rem;
      transition:.2s ease;
      box-shadow:0 10px 24px rgba(36,18,95,.18);
    }

    .btn-ap:hover{
      background:#1c0f4b;
      color:#fff;
      transform:translateY(-1px);
    }

    .hero-art{
      position:relative;
      min-height:360px;
      border-radius:28px;
      background:#fff;
      border:1px solid var(--ap-border);
      box-shadow:0 24px 60px rgba(17,24,39,.08);
      overflow:hidden;
    }

    .hero-art::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,#f44336 0 20%,transparent 20% 24%),
        linear-gradient(90deg,#ff6f00 24% 44%,transparent 44% 48%),
        linear-gradient(90deg,#ffc107 48% 68%,transparent 68% 72%),
        linear-gradient(90deg,#2196f3 72% 100%,transparent 100%);
      opacity:.95;
    }

    .hero-art::after{
      content:"";
      position:absolute;
      inset:auto -18% -38% -18%;
      height:64%;
      background:#fff;
      border-radius:50%;
      box-shadow:0 -10px 40px rgba(0,0,0,.05);
    }

    .paint-can{
      position:absolute;
      bottom:22px;
      width:118px;
      height:132px;
      border-radius:16px;
      background:#fff;
      border:1px solid #ddd;
      box-shadow:0 16px 32px rgba(0,0,0,.12);
      z-index:2;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:.5rem;
    }

    .paint-can::before{
      content:"";
      position:absolute;
      top:-12px;
      left:10px;
      right:10px;
      height:18px;
      border-radius:999px;
      background:#f3f3f3;
      border:1px solid #ddd;
    }

    .paint-can small{
      font-size:.62rem;
      font-weight:700;
      color:#fff;
      padding:.18rem .45rem;
      border-radius:999px;
      margin-bottom:.4rem;
      text-transform:uppercase;
      letter-spacing:.3px;
    }

    .paint-can strong{
      font-size:.85rem;
      line-height:1.15;
      color:#111827;
    }

    .can-1{left:10%; bottom:28px;}
    .can-2{left:38%; width:132px; height:148px; bottom:14px;}
    .can-3{right:10%; bottom:30px;}

    .can-1 small{background:#5b21b6;}
    .can-2 small{background:#2563eb;}
    .can-3 small{background:#be185d;}

    .enquiry-card{
      background:#fff;
      border:1px solid var(--ap-border);
      border-radius:24px;
      padding:1.5rem;
      box-shadow:0 24px 60px rgba(17,24,39,.12);
      position:relative;
      z-index:3;
    }

    .enquiry-card h3{
      color:var(--ap-primary);
      font-weight:800;
      margin-bottom:.35rem;
    }

    .enquiry-card p{
      color:var(--ap-muted);
      font-size:.95rem;
      margin-bottom:1rem;
    }

    .form-control,.form-select{
      border:1px solid #dcdce5;
      border-radius:12px;
      padding:.85rem 1rem;
      min-height:48px;
    }

    .form-control:focus,.form-select:focus{
      border-color:#9b8cff;
      box-shadow:0 0 0 .18rem rgba(91,33,182,.12);
    }

    .btn-submit{
      background:var(--ap-accent);
      border:none;
      border-radius:12px;
      color:#fff;
      font-weight:700;
      padding:.95rem 1rem;
      width:100%;
      transition:.2s ease;
    }

    .btn-submit:hover{
      background:#d91f21;
      color:#fff;
    }

    .privacy{
      font-size:.82rem;
      color:#6b7280;
      display:flex;
      align-items:flex-start;
      gap:.5rem;
      margin-top:.9rem;
    }

    .top-call{
      background:var(--ap-primary);
      color:#fff;
      border-radius:14px;
      padding:.7rem 1rem;
      font-size:.92rem;
      font-weight:600;
      display:inline-flex;
      align-items:center;
      gap:.55rem;
      text-decoration:none;
    }

    .top-call:hover{color:#fff;}

	.partner-card{
  background:#fff;
  border:1px solid #ececf2;
  border-radius:18px;
  padding:28px 18px;
  transition:.2s ease;
  box-shadow:0 2px 10px rgba(0,0,0,.03);
}

.partner-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}

.icon-circle{
  width:72px;
  height:72px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
  color:#fff;
  font-size:30px;
}

.bg-purple{background:#5b2cc9;}
.bg-orange{background:#f59e0b;}
.bg-green{background:#65a30d;}
.bg-blue{background:#2563eb;}
.bg-indigo{background:#4f46e5;}
.bg-pink{background:#ec4899;}

.trusted-section{
  background:linear-gradient(135deg,#12042b 0%, #24125f 55%, #14062f 100%);
  border-radius:24px;
  overflow:hidden;
}

.trust-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:12px;
  color:rgba(255,255,255,.92);
  font-size:15px;
}

.trust-list i{
  color:#fff;
  font-size:18px;
  line-height:1.2;
}

.stat-card{
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:18px 10px;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(4px);
  color:#fff;
  height:100%;
}

.stat-card h4{
  margin:0;
  font-weight:800;
  font-size:24px;
}

.stat-card small{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.78);
  font-size:12px;
}

.process-line{
  width:70px;
  height:3px;
  background:#2c1b64;
  border-radius:10px;
  margin-top:12px;
}

.step-card{
  position:relative;
  padding:20px 18px 10px;
}

.step-icon{
  width:120px;
  height:120px;
  border:2px solid;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto;
  background:#fff;
  font-size:52px;
  position:relative;
  z-index:2;
}

.step-number{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:48px;
  height:48px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:700;
  font-size:14px;
  z-index:3;
  box-shadow:0 6px 14px rgba(0,0,0,.12);
}

.process-row .col-lg-3:not(:last-child)::after{
  content:"";
  position:absolute;
  top:82px;
  right:-8%;
  width:16%;
  border-top:2px dashed #d8d8e5;
}

.process-row .col-lg-3:not(:last-child)::before{
  content:"";
  position:absolute;
  top:74px;
  right:-10%;
  width:10px;
  height:10px;
  background:#2c1b64;
  border-radius:50%;
}

.bg-purple{background:#5b2cc9;}
.bg-orange{background:#f59e0b;}
.bg-green{background:#65a30d;}
.bg-red{background:#ef4444;}

.text-purple{color:#5b2cc9;}
.text-orange{color:#f59e0b;}
.text-green{color:#65a30d;}
.text-red{color:#ef4444;}

.border-purple{border-color:#cbb8ff;}
.border-orange{border-color:#ffd08a;}
.border-green{border-color:#cfe8a3;}
.border-red{border-color:#ffc1c1;}

.cta-banner{
  background:linear-gradient(90deg,#24125f 0%, #5b1f7a 35%, #c0173b 75%, #ef2b2d 100%);
  border:1px solid rgba(36,18,95,.08);
  box-shadow:0 12px 30px rgba(36,18,95,.12);
}

.cta-banner::after{
  content:"";
  position:absolute;
  top:0;
  right:-40px;
  width:240px;
  height:100%;
  background:#fff;
  clip-path:polygon(35% 0,100% 0,100% 100%,0 100%);
  opacity:.96;
}

.feature-box{
  position:relative;
  padding:0 10px;
}

.feature-box::after{
  content:"";
  position:absolute;
  top:0;
  right:-8px;
  width:1px;
  height:100%;
  background:rgba(255,255,255,.25);
}

.feature-box:last-child::after{
  display:none;
}

.roller-img{
  max-width:140px;
  position:relative;
  z-index:2;
}

.footer-section{
  background:linear-gradient(135deg,#12042b 0%, #24125f 60%, #14062f 100%);
}

.footer-title{
  font-weight:700;
  margin-bottom:18px;
  font-size:1.05rem;
}

.footer-text{
  color:rgba(255,255,255,.78);
  line-height:1.7;
  font-size:.95rem;
}

.footer-links li{
  margin-bottom:10px;
}

.footer-links a{
  color:rgba(255,255,255,.82);
  text-decoration:none;
  transition:.2s ease;
}

.footer-links a:hover{
  color:#fff;
  padding-left:4px;
}

.social-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  transition:.2s ease;
}

.social-icon:hover{
  background:#fff;
  color:#24125f;
}

.contact-list li{
  display:flex;
  gap:12px;
  margin-bottom:16px;
  color:rgba(255,255,255,.82);
}

.contact-list i{
  font-size:1rem;
  color:#fff;
}

.contact-list a{
  color:rgba(255,255,255,.82);
  text-decoration:none;
}

.contact-list a:hover{
  color:#fff;
}

.footer-bottom{
  background:rgba(255,255,255,.06);
  border-top:1px solid rgba(255,255,255,.08);
}

@media (max-width:991.98px){
  .cta-banner::after{
    display:none;
  }

  .feature-box::after{
    display:none;
  }
}

@media (max-width:991.98px){
  .process-row .col-lg-3::after,
  .process-row .col-lg-3::before{
    display:none;
  }

  .step-icon{
    width:105px;
    height:105px;
    font-size:46px;
  }
}


@media (max-width:991.98px){
  .trusted-section{
    border-radius:18px;
  }

  .stat-card h4{
    font-size:20px;
  }
}


    @media (max-width:991.98px){
      .hero{padding:56px 0;}
      .hero-art{min-height:300px;}
      .enquiry-card{margin-top:1.5rem;}
    }

    @media (max-width:575.98px){
      .feature-grid{grid-template-columns:1fr;}
      .paint-can{transform:scale(.92);}
    }