:root{
    --grad-heading: linear-gradient(90deg,#21c8ca,#3299cd,#6e4bb2);
    --grad-cta: linear-gradient(90deg,#9f5cf6 0%,#3565ea 100%);
    --body-color: #6d6d6d;
    --ink: #12152b;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{
    font-family:'Open Sans',sans-serif;
    color:var(--body-color);
    line-height:1.7;
    background:#fff;
  }

#main-content .container:before {
    display:none;
}

body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0;
}

  h1{
      font-weight:800;
  }
  h1,h2,h3,h4{
    font-family:'Poppins',sans-serif;
    font-weight:700;
    color:var(--ink);

    line-height:1.25;
  }

  .accent {
    background: var(--grad-heading);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

  h1{font-size:clamp(28px,4vw,46px);}
  h2{font-size:clamp(24px,3vw,34px);}
  h3{font-size:clamp(19px,2.2vw,24px);}
  a{text-decoration:none;color:inherit;}
  .container{max-width:1180px;margin:0 auto;padding:0 24px;}
  img{max-width:100%;display:block;border-radius:12px;}

.hero-shape.circle-2 {
    display: none;
}
  /* Buttons */
  .btn{
    display:inline-block;
    background-image:var(--grad-cta);
    color:#fff !important;
    font-family:'Poppins',sans-serif;
    font-weight:600;
    padding:14px 30px;
    border-radius:50px;
    font-size:16px;
    border:none;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(86,79,233,0.25);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(86,79,233,0.35);}
  .btn-outline{
    display:inline-block;
    background:#fff;
    color:#3565ea !important;
    border:2px solid #3565ea;
    font-family:'Poppins',sans-serif;
    font-weight:600;
    padding:12px 28px;
    border-radius:50px;
    font-size:16px;
  }

  /* Hero */
  .hero{
    background:linear-gradient(180deg,#f7f9ff 0%,#ffffff 100%);
    padding:50px 0 56px;
    position:relative;
    overflow:hidden;
  }
  .hero .container{position:relative;z-index:1;}
  .hero-shape{
    position:absolute;
    pointer-events:none;
    z-index:0;
  }
  .hero-shape.circle-1{
    top:-60px;right:6%;
    width:160px;height:160px;
    border-radius:50%;
    background:linear-gradient(135deg,#21c8ca,#3299cd);
    opacity:.12;
  }
  .hero-shape.circle-2{
    bottom:-40px;right:22%;
    width:70px;height:70px;
    border-radius:50%;
    border:3px solid #6e4bb2;
    opacity:.18;
  }
  .hero-shape.circle-3{
    top:40%;left:2%;
    width:36px;height:36px;
    border-radius:50%;
    background:#9f5cf6;
    opacity:.15;
  }
  .hero-shape.triangle-1{
    top:18%;right:2%;
    width:0;height:0;
    border-left:34px solid transparent;
    border-right:34px solid transparent;
    border-bottom:58px solid #3299cd;
    opacity:.12;
    transform:rotate(12deg);
  }
  .hero-shape.triangle-2{
    bottom:8%;left:6%;
    width:0;height:0;
    border-left:22px solid transparent;
    border-right:22px solid transparent;
    border-bottom:38px solid #21c8ca;
    opacity:.16;
    transform:rotate(-20deg);
  }
  .hero-shape.square-1 {
    top: 8%;
    left: 33px;
    width: 40px;
    height: 40px;
    border: 3px solid #3565ea;
    border-radius: 6px;
    opacity: .14;
    transform: rotate(20deg);
}
  .hero-shape.dots{
    bottom:18%;right:8%;
    width:90px;height:90px;
    opacity:.25;
    background-image:radial-gradient(#6e4bb2 2px, transparent 2.5px);
    background-size:14px 14px;
  }

  /* Shape animations */
  @keyframes rotateShape{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
  }
  @keyframes rotateShapeReverse{
    from{transform:rotate(360deg);}
    to{transform:rotate(0deg);}
  }
  @keyframes floatShape{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-18px);}
  }
  @keyframes floatShapeSide{
    0%,100%{transform:translateX(0);}
    50%{transform:translateX(14px);}
  }
  @keyframes pulseShape{
    0%,100%{transform:scale(1);opacity:.12;}
    50%{transform:scale(1.15);opacity:.22;}
  }
  @keyframes spinTriangle{
    from{transform:rotate(12deg);}
    to{transform:rotate(372deg);}
  }
  @keyframes spinTriangle2{
    from{transform:rotate(-20deg);}
    to{transform:rotate(340deg);}
  }

  @keyframes orbitFloat{
    0%{transform:rotate(0deg) translateY(0);}
    50%{transform:rotate(180deg) translateY(-14px);}
    100%{transform:rotate(360deg) translateY(0);}
  }

  .hero-shape.circle-1{animation:pulseShape 8s ease-in-out infinite;}
  .hero-shape.circle-2{animation:orbitFloat 14s linear infinite;}
  .hero-shape.circle-3{animation:floatShape 5s ease-in-out infinite;}
  .hero-shape.triangle-1{animation:spinTriangle 24s linear infinite;}
  .hero-shape.triangle-2{animation:spinTriangle2 18s linear infinite reverse;}
  .hero-shape.square-1{animation:rotateShapeReverse 16s linear infinite;}
  .hero-shape.dots{animation:floatShapeSide 7s ease-in-out infinite;}

  @media (prefers-reduced-motion: reduce){
    .hero-shape{animation:none !important;}
  }
  .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
  .eyebrow-pill{
    display:inline-flex;align-items:center;gap:8px;
    background:#fff;border:1px solid #e7e7f5;border-radius:30px;
    padding:8px 16px;font-size:13px;font-weight:600;color:#3565ea;
    margin-bottom:18px;box-shadow:0 4px 12px rgba(0,0,0,.04);
  }
  .eyebrow-pill .dot{width:7px;height:7px;border-radius:50%;background-image:var(--grad-cta);}
  .hero p.lead{font-size:18px;margin:18px 0 28px;max-width:560px;}
  .hero .badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}
  .hero .badge{
    background:rgba(255,255,255,0.7);border:1px solid #eee;border-radius:10px;padding:10px 16px;
    font-size:13px;font-weight:600;color:#2b2b2b;box-shadow:0 4px 14px rgba(0,0,0,.04);
    backdrop-filter:blur(6px);
    display:flex;align-items:center;gap:8px;
  }
  .hero-img-wrap{position:relative;}
  .hero-img-wrap img{
    border-radius:20px;
    box-shadow:0 24px 60px rgba(50,79,180,.18);
    border:6px solid #fff;
  }
  .float-card{
    position:absolute;
    background:#fff;
    border-radius:14px;
    padding:14px 18px;
    box-shadow:0 16px 36px rgba(0,0,0,.12);
    display:flex;align-items:center;gap:12px;
    z-index:2;
    animation:floatShape 4.5s ease-in-out infinite;
  }
  .float-card.fc-1{bottom:-22px;left:-26px;}
  .float-card.fc-2{top:-22px;right:-18px;animation-delay:1.2s;}
  .float-card .fc-icon{
    width:38px;height:38px;border-radius:10px;
    background-image:var(--grad-cta);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .float-card .fc-icon svg{width:18px;height:18px;stroke:#fff;fill:none;}
  .float-card .fc-num{font-family:'Poppins',sans-serif;font-weight:800;font-size:16px;color:#1c1c28;line-height:1.1;}
  .float-card .fc-label{font-size:11.5px;color:var(--body-color);font-weight:600;}
  .cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;}
  .breadcrumb{font-size:13px;color:#999;margin-bottom:18px;}
  .breadcrumb a{color:#3565ea;font-weight:600;}

  /* Sections */
  section{padding:64px 0;}
  .section-intro{max-width:760px;margin:0 auto 40px;textign:center;}
  .section-intro p{font-size:17px;}
  .section-icon{
    width:64px;height:64px;
    margin:0 auto 18px;
    border-radius:18px;
    background-image:var(--grad-heading);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 24px rgba(50,153,205,.25);
  }
  .section-icon svg{width:30px;height:30px;stroke:#fff;fill:none;}
  .bg-tint{background:#f9fafc;}

  /* Stat bar */
  .stat-bar{
    background:#0d0e1f;
    border-radius:22px;
    padding:0;
    margin-:40px 0;
    position:relative;
    z-index:5;
    display:grid;grid-template-columns:repeat(4,1fr);
    box-shadow:0 24px 50px rgba(20,20,50,.18);
  }
  .stat-item{
    text-align:center;padding:34px 18px;
    border-right:1px solid rgba(255,255,255,.08);
  }
  .stat-item:last-child{border-right:none;}
  .stat-num{
    font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(26px,3vw,34px);
    background-image:var(--grad-heading);-webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .stat-label{color:#b9bad6;font-size:13px;font-weight:600;margin-top:6px;}

  .hidden-tips h3{
    text-align:center;
  }

  /* Fee list */
  .fee-card-wrap{
    background:#fff;border-radius:18px;padding:28px;
    box-shadow:0 16px 40px rgba(20,20,60,.07);border:1px solid #f0f0fa;
  }
  .fee-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px;
  }
  .fee-item{
    background:#f9fafc;border-radius:10px;padding:12px 14px;
    font-weight:600;color:#2b2b2b;font-size:13.5px;display:flex;align-items:center;gap:10px;
    transition:background .2s;
  }
  .fee-item:hover{background:#f1f3ff;}
  .fee-item .fee-check{
    width:20px;height:20px;border-radius:50%;flex-shrink:0;
    background-image:var(--grad-heading);
    display:flex;align-items:center;justify-content:center;
  }
  .fee-item .fee-check svg{width:11px;height:11px;stroke:#fff;stroke-width:3;fill:none;}

  /* Services grid */
  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px;}
  .service-card{
    background:#fff;border:1px solid #eee;border-radius:16px;padding:32px 26px;
    box-shadow:0 6px 18px rgba(0,0,0,.04);
    position:relative;overflow:hidden;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    text-align:center;
  }
  .service-card:before{
    content:"";position:absolute;top:0;left:0;right:0;height:4px;
    background-image:var(--grad-heading);
    transform:scaleX(0);transform-origin:left;
    transition:transform .3s ease;
  }
  .service-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(50,79,180,.14);
    border-color:transparent;
  }
  .service-card:hover:before{transform:scaleX(1);}
  .service-card .svc-icon{
    width:50px;height:50px;border-radius:13px;
    background-image:var(--grad-heading);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 18px auto;
    box-shadow:0 8px 18px rgba(50,153,205,.2);
  }
  .service-card .svc-icon svg{width:24px;height:24px;stroke:#fff;fill:none;}
  .service-card h3{margin-bottom:10px;}
  .service-card p{font-size:15px;}

  /* Features */
  .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px;}
 .feature {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0px 2px 70px 0px rgba(110,130,208,0.18);
    border-radius: 10px;
}
  .feature-icon{
    width:52px;height:52px;
    margin:0 auto 14px;
    border-radius:14px;
    background-image:var(--grad-heading);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 18px rgba(50,153,205,.2);
  }
  .feature-icon svg{width:24px;height:24px;stroke:#fff;fill:none;}
  .feature h4{margin-bottom:8px;font-size:16px;}
  .feature p{font-size:14px;}

  /* Why local */
  .two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
  .two-col ul{margin-top:18px;padding-left:0;list-style:none;}
  .two-col li{margin-bottom:12px;padding-left:28px;position:relative;font-weight:600;color:#2b2b2b;font-size:15px;}
  .two-col li:before{content:"★";position:absolute;left:0;color:#3299cd;}

  /* Industries */
  .chip-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
  .chip{
    background:#e9dfff;border:1px solid #e2e2f5;border-radius:30px;padding:10px 20px;
    font-size:14px;font-weight:600;color:#2b2b2b;
  }

  /* Steps */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px;position:relative;text-align:center;}
  .steps:before{
    content:"";position:absolute;top:24px;left:12%;right:12%;height:2px;
    background-image:var(--grad-heading);opacity:.25;z-index:0;
    display:none;
  }
  .step{position:relative;background:#fff;border-radius:16px;padding:34px 24px;border:1px solid #eee;
    box-shadow:0 10px 26px rgba(0,0,0,.05); z-index:1;
    transition:transform .25s ease, box-shadow .25s ease;}
  .step:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(50,79,180,.12);}
  .step .num{
    width:46px;height:46px;border-radius:50%;background-image:var(--grad-cta);
    color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;
    font-family:'Poppins',sans-serif;    margin: 0 auto 18px auto;font-size:18px;
    box-shadow:0 8px 18px rgba(86,79,233,.3);
  }

  /* FAQ accordion */
  .faq-item{
    border:1px solid #ececf7;border-radius:14px;padding:0;margin-bottom:14px;
    background:#fff;overflow:hidden;
    transition:box-shadow .2s ease, border-color .2s ease;
  }
  .faq-item:hover{box-shadow:0 8px 22px rgba(50,79,180,.08);border-color:#dadaf2;}
  .faq-item summary{
    list-style:none;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:20px 22px;font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;color:#1c1c28;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item .faq-plus{
    width:26px;height:26px;border-radius:50%;flex-shrink:0;
    background-image:var(--grad-heading);
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;
    transition:transform .25s ease;
  }
  .faq-item[open] .faq-plus{transform:rotate(45deg);}
  .faq-item p{font-size:15px;padding:0 22px 22px!important;margin:0;}

  /* CTA band */
  .cta-band{
    background:linear-gradient(120deg,#21c8ca,#3299cd,#6e4bb2);
    border-radius:24px;padding:60px 40px;textign:center;color:#fff;
    position:relative;overflow:hidden;
    box-shadow:0 30px 60px rgba(50,79,180,.25);
  }
  .cta-band:before{
    content:"";position:absolute;top:-80px;left:-60px;width:240px;height:240px;
    background:#fff;opacity:.08;border-radius:50%;
  }
  .cta-band:after{
    content:"";position:absolute;bottom:-100px;right:-60px;width:280px;height:280px;
    background:#fff;opacity:.08;border-radius:50%;
  }
  .cta-band > *{position:relative;z-index:1;}
  .cta-band h2{
    background-image:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;
  }
  .cta-band p{color:#eef6ff;max-width:600px;margin:14px auto 26px;font-size:16px;}
  .cta-band .btn{background-image:linear-gradient(90deg,#fff,#fff);color:#3565ea !important;box-shadow:0 10px 26px rgba(0,0,0,.18);}

  /* Cities We Served */
  .city-grid{
    display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;
  }
  .city-chip{
    background:#fff;border:1px solid #e2e2f5;border-radius:30px;
    padding:10px 20px 10px 16px;font-size:14px;font-weight:600;color:#2b2b2b;
    transition:transform .15s ease, box-shadow .15s ease, color .15s ease;
    box-shadow:0 2px 8px rgba(0,0,0,.03);
    display:inlineex;align-items:center;gap:6px;
  }
  .city-chip svg{width:13px;height:13px;stroke:#3299cd;fill:none;stroke-width:2;flex-shrink:0;}
  .city-chip:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(86,79,233,.18);
    color:#3565ea;
    border-color:#3565ea;
  }
  .city-chip:hover svg{stroke:#3565ea;}

  .section-intro,.cta-band,.feature{
    text-align:center;
  }


  @media(max-width:900px){
    .hero-grid,.two-col{grid-template-columns:1fr;}
    .fee-grid{grid-template-columns:repeat(2,1fr);}
    .services-grid{grid-template-columns:1fr;}
    .features-grid{grid-template-columns:repeat(2,1fr);}
    .steps{grid-template-columns:1fr;}
    .steps:before{display:none;}
    .stat-bar{grid-template-columns:repeat(2,1fr);border-radius:18px;}
    .stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);}
    .float-card{display:none;}
.container {
    width: 90%;
    padding: 0;
}
  }

 @media(max-width:767px){
   .container {
    width: 90%;
    padding: 0;
}

.hero-shape.circle-1 {
    top: -111px;
}

.hero-shape.triangle-1 {
    top: 34%;
    right: -9%;
    animation: none!important;
}

   .hero .badges,
.hero-img-wrap,
.hero-shape.square-1{
display:none;
}

body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0;
}
   .breadcrumb {
    padding-top: 20px;
    margin-bottom: 40px;
}

.section-intro {
    margin: 0;
}

.fee-grid {
    grid-template-columns: repeat(1,1fr);
    margin: 0;
    gap: 10px;
}

.fee-card-wrap {
    padding: 15px;
}

.section-intro p {
        font-size: 16px;
}

.feature {
    textign: center;
    padding: 0px;
}
   .hero p.lead {
    font-size: 16px;

}
}