/* ===== Design tokens: brand color #ff6d00 ===== */
:root{--o:#ff6d00;--o-d:#cc5700;--o-l:#fff1e6;--ink:#1c1410;--mut:#5f554e;--bg:#fff;--soft:#faf6f2;--line:#eadfd5;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;font-size:17px}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
section{padding:84px 0}
h1,h2,h3{line-height:1.2;letter-spacing:-.02em}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;margin-bottom:18px}
h3{font-size:1.1rem;font-weight:700}
p{color:var(--mut)}
.lead{max-width:760px;margin-bottom:14px}
/* buttons */
.btn{display:inline-block;padding:15px 28px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1rem;transition:.2s;border:2px solid var(--o)}
.btn-p{background:var(--o);color:#fff;box-shadow:0 10px 24px -8px rgba(255,109,0,.6)}
.btn-p:hover{background:var(--o-d);border-color:var(--o-d);transform:translateY(-2px)}
.btn-s{background:transparent;color:var(--o)}
.btn-s:hover{background:var(--o);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--o);outline-offset:3px}
.section-head{max-width:760px}
.icon-bubble{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--o-l);color:var(--o);font-size:1.25rem;margin-bottom:18px}
.service-card{padding:28px}
.service-card h3{margin-bottom:10px}
.pricing-intro{max-width:760px}
.price-card{position:relative;display:flex;flex-direction:column;padding:30px}
.price-card .price{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;color:var(--ink);margin:14px 0 4px}
.price-card .price small{font-size:.9rem;font-weight:500;letter-spacing:0;color:var(--mut)}
.price-card ul{list-style:none;margin:22px 0 28px;display:grid;gap:12px}
.price-card li{font-size:.95rem;color:var(--mut)}
.price-card li i{color:var(--o);margin-right:9px}
.price-card .btn{margin-top:auto;text-align:center}
.price-card.featured{border:2px solid var(--o);box-shadow:0 18px 40px -24px rgba(255,109,0,.6)}
.popular{position:absolute;top:16px;right:16px;background:var(--o-l);color:var(--o-d);font-size:.75rem;font-weight:800;padding:6px 10px;border-radius:999px}
.pricing-note{font-size:.9rem;margin-top:20px}

/* services */
.soft{background:var(--soft)}
.grid{display:grid;gap:20px;margin-top:36px}
.g4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.25s}
.card:hover{border-color:var(--o);transform:translateY(-4px);box-shadow:0 18px 34px -18px rgba(255,109,0,.45)}
.card h3{margin-bottom:10px}
.card p{font-size:.97rem}
.card h3::first-letter{color:var(--o)}
/* chips */
.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;list-style:none;margin:32px 0 22px}
.chips li{background:var(--o-l);border-left:4px solid var(--o);padding:13px 18px;border-radius:8px;font-weight:500;color:var(--ink);font-size:.98rem}
/* process */
.steps{margin-top:40px;position:relative;padding-left:34px;border-left:3px solid var(--o-l)}
.step{position:relative;margin-bottom:30px}
.step::before{content:"";position:absolute;left:-44px;top:6px;width:17px;height:17px;border-radius:50%;background:var(--o);box-shadow:0 0 0 6px var(--o-l)}
.step h3{margin-bottom:6px}
/* list */
.tick{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin:32px 0 26px}
.tick li{padding-left:34px;position:relative;color:var(--ink);font-weight:500}
.tick li::before{content:"✓";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--o);color:#fff;font-size:.8rem;display:grid;place-items:center}
/* report band */
.band{border:1px solid #ff6f007c;box-shadow: 0 0 5px #00000040;color:#555;border-radius:24px;padding:56px 44px}
.band h2,.band p{color:#1c1410}
.band p{opacity:.95;max-width:780px;margin-bottom:14px}
.band strong{color:#555}
.band .btn {
    background: #ff6d00;
    color: #fff;
    margin-top: 14px;
}
/* faq */
.faq{max-width:860px;margin-top:34px}
details{border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;background:#fff;overflow:hidden}
summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-weight:700;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--o-l);color:var(--o);display:grid;place-items:center;font-size:1.2rem;transition:.2s}
details[open]{border-color:var(--o)}
details[open] summary::after{content:"–";background:var(--o);}
details p{padding:0 24px 22px}
/* final cta */
.final{background:var(--ink);color:#fff;text-align:center}
.final h2{max-width:820px;margin:0 auto 18px}
.final p{color:#878686;max-width:720px;margin:0 auto 14px}
.final .btns{justify-content:center}
.final .btn-s{color:#fff;border-color:#fff}
.final .btn-s:hover{background:#fff;color:var(--ink)}
.final em{display:block;margin-top:30px;color:#bfb2a8}
/* editorial details inspired by the reference landing page */
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--o);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:16px}
.eyebrow:before{content:"";width:28px;height:2px;background:currentColor;display:inline-block}
.feature-strip{padding:26px 0;background:#fff;border-bottom:1px solid var(--line)}
.feature-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feature-point{display:flex;align-items:center;gap:13px;padding:8px 0}
.feature-point .mini-icon{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--o-l);color:var(--o);font-size:1.05rem}
.feature-point strong{display:block;font-size:.92rem;line-height:1.35}
.feature-point span{display:block;color:var(--mut);font-size:.8rem;margin-top:3px;line-height:1.45}
.section-kicker{color:var(--o);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:start;text-align:left;margin-top:38px}
.contact-info{padding:32px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.04)}
.contact-info h3{font-size:1.3rem;margin-bottom:12px}
.contact-info p{margin-bottom:20px}
.contact-item{display:flex;gap:13px;align-items:flex-start;margin-top:20px;color:#fff}
.contact-item i{color:var(--o);margin-top:5px;width:18px}
.contact-form{background:#fff;color:var(--ink);padding:32px;border-radius:22px;text-align:left}
.contact-form h3{font-size:1.35rem;margin-bottom:8px}
.contact-form>p{margin-bottom:22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.form-field label{font-size:.84rem;font-weight:700;color:var(--ink)}
.form-field input,.form-field select,.form-field textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:.92rem;color:var(--ink)}
.form-field textarea{min-height:120px;resize:vertical}
.contact-form .btn{width:100%;cursor:pointer}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
/* reveal (page-load only) */
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr}.hero-visual{max-width:620px}.hero-visual .visual-tag{left:12px}.g3{grid-template-columns:1fr}.feature-strip-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}}
@media(max-width:640px){section{padding:60px 0}.hero{padding:72px 0 64px}.band{padding:40px 24px}.chips,.tick{grid-template-columns:1fr}.g4{grid-template-columns:1fr}.price-card{padding:24px}.feature-strip-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-point{align-items:flex-start;gap:9px}.feature-point .mini-icon{width:38px;height:38px;flex-basis:38px}.form-grid{grid-template-columns:1fr}.contact-info,.contact-form{padding:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== PATCH: centered layout + FAQ icon fix + conversion polish ===== */
/* 1) Narrow blocks ab center mai: headings, intro text, FAQ, steps, chips, ticks */
section .wrap>h2,section .wrap>.section-kicker,.pricing-intro,.pricing-note,section .wrap>p{text-align:center}
.section-kicker{display:flex;align-items:center;justify-content:center;gap:12px}
.section-kicker::before,.section-kicker::after{content:"";width:28px;height:2px;background:var(--o);opacity:.5}
.final .section-kicker{justify-content:center}
.lead,.pricing-intro,.section-head{margin-left:auto;margin-right:auto;text-align:center}
.wrap>p:not(.lead){max-width:760px;margin-left:auto;margin-right:auto}
.pricing-note{max-width:760px;margin:26px auto 0}
.chips,.tick{max-width:960px;margin-left:auto;margin-right:auto}
.steps{max-width:820px;margin-left:auto;margin-right:auto}
.band{text-align:center;position:relative;overflow:hidden}
.band p{margin-left:auto;margin-right:auto}
.band .btn{padding:17px 34px;font-size:1.05rem}
#services .wrap>h3{text-align:center}
/* 2) FAQ: +/– ab CSS se draw hote hai (text glyph nahi), isliye perfectly centered */
.faq{max-width:860px;margin:36px auto 0}
summary{padding:22px 68px 22px 26px;transition:background .2s}
summary:hover{background:var(--o-l)}
summary::after{content:"";width:32px;height:32px;right:22px;display:block;
  background:linear-gradient(var(--o),var(--o)) center/12px 2px no-repeat,
             linear-gradient(var(--o),var(--o)) center/2px 12px no-repeat,var(--o-l);
  transition:transform .25s,background-color .2s}
details[open] summary::after{
  background:linear-gradient(#fff,#fff) center/12px 2px no-repeat,var(--o);
  transform:translateY(-50%) rotate(180deg)}
details[open] summary{color:var(--o-d)}
details{transition:box-shadow .25s}
details[open]{box-shadow:0 16px 34px -22px rgba(255,109,0,.55)}
/* 3) Conversion: hero trust row, FAQ CTA, pricing emphasis, sticky mobile CTA */
.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;color:#d9cdc4;font-size:.9rem;font-weight:500}
.trust-row i{color:var(--o);margin-right:7px}
.faq-cta{max-width:860px;margin:34px auto 0;text-align:center;background:#fff;border:1px dashed var(--o);border-radius:20px;padding:32px 24px}
.faq-cta h3{font-size:1.35rem;margin-bottom:6px}
.faq-cta .btns{justify-content:center;margin-top:18px}
.price-card{text-align:center;align-items:stretch}
.price-card .icon-bubble{margin-left:auto;margin-right:auto}
.price-card ul{text-align:left;max-width:290px;margin-left:auto;margin-right:auto}
.price-card.featured{transform:translateY(-8px)}
.price-card .btn{display:block;width:100%}
.price-card.featured .btn-s{background:var(--o);color:#fff}
.service-card{text-align:center}
.service-card .icon-bubble{margin-left:auto;margin-right:auto}
.sticky-cta{display:none}
@media(max-width:640px){
  .price-card.featured{transform:none}
  body{padding-bottom:122px}
  .sticky-cta{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:50;text-align:center;background:var(--o);color:#fff;font-weight:800;text-decoration:none;padding:16px;border-radius:999px;box-shadow:0 14px 30px -8px rgba(255,109,0,.7)}
  .trust-row{flex-direction:column;gap:8px}
}

/* ===== NEW: dark tokens ===== */
:root{--night:#0b1220;--night2:#111b2e}

/* ===== NEW HERO (reference: dark overlay + centered text + stat pills + marquee strip) ===== */
.hero2{position:relative;color:#fff;overflow:hidden;
  /* image ke upar dark gradient overlay taaki text clearly padhne mai aaye */
  background:linear-gradient(180deg,rgba(11,18,32,.78) 0%,rgba(11,18,32,.88) 60%,var(--night) 100%),
  url("https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat}
.hero2::after{content:"";position:absolute;left:50%;top:-180px;width:700px;height:700px;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(255,109,0,.28) 0,rgba(255,109,0,0) 65%);pointer-events:none}
.nav{position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.12)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;color:#fff;text-decoration:none}
.logo i{color:var(--o)}
.nav-actions{display:flex;gap:12px;align-items:center}
.nav-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:8px;font-size:.92rem;font-weight:700;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.35);transition:.2s}
.nav-btn:hover{background:rgba(255,255,255,.1)}
.nav-btn.fill{background:var(--o);border-color:var(--o)}
.nav-btn.fill:hover{background:var(--o-d);border-color:var(--o-d)}
.hero2-body{position:relative;z-index:1;text-align:center;padding:84px 0 70px}
.hero2 .eyebrow{color:#fff;font-size:.74rem;margin-bottom:26px}
.hero2 .eyebrow:before{background:var(--o)}
.hero2 h1{font-size:clamp(2.3rem,6vw,4.4rem);font-weight:800;line-height:1.08;max-width:900px;margin:0 auto}
.hero2 h1 span{color:var(--o)}
.hero2 .tagline{font-size:clamp(1.05rem,2vw,1.3rem);font-weight:700;color:#fff;max-width:760px;margin:24px auto 0}
.hero2 .sub{color:#c5cede;max-width:720px;margin:14px auto 0;font-size:1.02rem}
.hero2 .btns{justify-content:center;align-items:center;margin-top:34px}
.hero2 .btn{border-radius:8px}
.link-u{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:3px}
.link-u:hover{color:var(--o);border-color:var(--o)}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:56px auto 0}
.stat{padding:20px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(11,18,32,.55);backdrop-filter:blur(6px)}
.stat b{display:block;font-size:1.9rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.stat span{display:block;margin-top:4px;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#c5cede;font-weight:600}
/* orange marquee strip (hero ke neeche) */
.strip{position:relative;z-index:1;background:var(--o);color:#1c1410;overflow:hidden;padding:16px 0;white-space:nowrap}
.strip-track{display:inline-flex;animation:strip 38s linear infinite;}
.strip-track span{font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:0 22px}
.strip-track span::after{content:"\2726";margin-left:44px}
@keyframes strip{to{transform:translateX(-50%)}}

/* ===== NEW PROCESS: timeline ki jagah numbered cards (reference ke "stage 01-04" jaisa) ===== */
.steps{max-width:none;padding-left:0;border-left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{counter-increment:s;margin:0;padding:30px 26px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s}
.step:hover{border-color:var(--o);transform:translateY(-4px);box-shadow:0 18px 34px -18px rgba(255,109,0,.45)}
.step::before{content:"0" counter(s);left:auto;right:20px;top:8px;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;font:800 3.2rem/1 'Plus Jakarta Sans',sans-serif;color:var(--o-l)}
.step h3{position:relative;padding-right:46px;margin-bottom:10px}
.step p{position:relative;font-size:.97rem}

/* ===== NEW TESTIMONIALS: 2 rows, opposite direction, slow continuous marquee ===== */
.t-sec{background:var(--night);color:#fff;position:relative;overflow:hidden;padding:96px 0}
.t-sec::before{content:"";position:absolute;left:-200px;bottom:-250px;width:700px;height:700px;background:radial-gradient(circle,rgba(255,109,0,.16) 0,rgba(255,109,0,0) 65%);pointer-events:none}
.t-head{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;margin-bottom:54px;position:relative}
.t-sec .section-kicker{justify-content:flex-start}
.t-sec .section-kicker::after{display:none}
.t-sec h2{color:#fff;text-align:left;margin:0}
.t-sec h2 span{color:var(--o)}
.t-head p{color:#aab4c6;text-align:left;margin:0;max-width:none}
.t-rows{display:grid;gap:22px;position:relative}
/* left/right edge pe fade */
.t-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.t-track{display:flex;gap:22px;padding-right:22px;width:max-content;animation:tleft 70s linear infinite}
.t-row.rev .t-track{animation-name:tright;animation-duration:80s}   /* doosri row ulti direction mai */
.t-row:hover .t-track{animation-play-state:paused}                  /* hover pe ruk jayega */
@keyframes tleft{to{transform:translateX(-50%)}}
@keyframes tright{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.t-card{position:relative;flex:0 0 400px;display:flex;flex-direction:column;text-align:left;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px 26px 22px;transition:border-color .25s,background .25s}
.t-card:hover{border-color:rgba(255,109,0,.6);background:rgba(255,255,255,.07)}
.t-card::before{content:"\201C";position:absolute;top:8px;right:22px;font:800 4.5rem/1 Georgia,serif;color:rgba(255,255,255,.12);pointer-events:none}
.t-stars{color:var(--o);font-size:.8rem;display:flex;gap:4px;margin-bottom:16px}
.t-quote{color:#e6ebf4;font-size:.98rem;line-height:1.7;font-weight:500;margin-bottom:22px}
.t-person{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.t-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--o),#ff9a3d);color:#fff;font-weight:800;font-size:.85rem}
.t-person strong{display:block;font-size:.92rem;line-height:1.3;color:#fff}
.t-person span{display:block;font-size:.78rem;color:#9aa6bb}
.t-cta{text-align:center;margin-top:52px;position:relative}
.t-cta p{color:#aab4c6;max-width:none;margin-bottom:6px}
.t-cta .btns{justify-content:center;margin-top:16px}
@media(max-width:960px){.steps{grid-template-columns:repeat(2,1fr)}.t-head{grid-template-columns:1fr}}
@media(max-width:640px){
  .nav .wrap{height:64px}.nav-btn.ghost{display:none}
  .hero2-body{padding:60px 0 54px}
  .hero-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat{border-radius:22px}
  .steps{grid-template-columns:1fr}
  .t-sec{padding:64px 0}.t-card{flex-basis:300px}
}

/* ===== NEW: floating WhatsApp button ===== */
.wa{position:fixed;right:22px;bottom:22px;z-index:60;width:56px;height:56px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:1.7rem;text-decoration:none;box-shadow:0 12px 28px -6px rgba(22,163,74,.7);transition:.2s}
.wa:hover{transform:scale(1.08)}
@media(max-width:640px){.wa{bottom:86px;right:16px}}

/* reduced-motion walo ke liye marquee band, manual scroll chalega */
@media(prefers-reduced-motion:reduce){.t-track,.strip-track{animation:none!important}.t-row{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}

/* ===== PATCH A: Services -> row mai 3 cards + left corner mai bada soft number ===== */
.svc-grid{grid-template-columns:repeat(6,1fr);counter-reset:sv}                /* 6 columns, har card 2 span = row mai 3 */
.svc-grid .service-card{grid-column:span 2;counter-increment:sv;position:relative;padding:36px 28px 28px;overflow:hidden}
.svc-grid .service-card:nth-child(7){grid-column:2 / span 2}                   /* last row ke 2 cards beech mai center */
.svc-grid .service-card:nth-child(8){grid-column:4 / span 2}
.svc-grid .service-card::before{                                               /* number CSS counter se aata hai: 01, 02, 03... */
  content:counter(sv,decimal-leading-zero);position:absolute;top:10px;left:20px;
  font-size:3.6rem;font-weight:800;line-height:1;letter-spacing:-.04em;pointer-events:none;transition:.25s;
  background:linear-gradient(180deg,rgba(255,109,0,.30),rgba(255,109,0,.04)); /* soft fade-out orange */
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.svc-grid .service-card:hover::before{background:linear-gradient(180deg,rgba(255,109,0,.5),rgba(255,109,0,.08));-webkit-background-clip:text;background-clip:text}
.svc-grid .service-card h3::first-letter{color:inherit}                        /* purana orange first-letter hata diya (ab number card ke corner mai hai) */
@media(max-width:960px){
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .svc-grid .service-card,.svc-grid .service-card:nth-child(7),.svc-grid .service-card:nth-child(8){grid-column:auto}
}
@media(max-width:640px){.svc-grid{grid-template-columns:1fr}}

/* ===== PATCH B: Process -> soft but alag alag background har box ka ===== */
.steps .step{background:var(--sb);border-color:var(--sd)}   /* --sb bg, --sd border, --sn big number, --sa hover accent */
.steps .step::before{color:var(--sn)}
.steps .step h3{padding-right:72px}   /* heading number ke upar na chadhe */
.steps .step:hover{border-color:var(--sa)}
.steps .step:nth-child(1){--sb:#fff3e8;--sd:#ffe0c7;--sn:#ffe6d0;--sa:#ff6d00}  /* peach  */
.steps .step:nth-child(2){--sb:#eaf3ff;--sd:#cfe3fb;--sn:#d6e6fa;--sa:#3b82f6}  /* blue   */
.steps .step:nth-child(3){--sb:#e9f7ef;--sd:#cdebd9;--sn:#cdeadb;--sa:#22a05a}  /* green  */
.steps .step:nth-child(4){--sb:#f3edff;--sd:#e0d4fb;--sn:#e3d8fb;--sa:#8b5cf6}  /* purple */
.steps .step:nth-child(5){--sb:#fff8da;--sd:#f5e8a8;--sn:#f6ebb4;--sa:#d9a400}  /* yellow */
.steps .step:nth-child(6){--sb:#ffeef3;--sd:#fbd3df;--sn:#fad3df;--sa:#ec4899}  /* pink   */

/* ===== PATCH C: Contact -> light split layout (reference jaisa) ===== */
#contact.final{--cf-a:#ff6d00;--cf-a-d:#cc5700;background:#ecf0f4;color:var(--ink);text-align:left} /* accent badalna ho (e.g. blue #0052d4) to sirf --cf-a / --cf-a-d change karo */
.cf-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.cf-kicker{display:flex;align-items:center;gap:12px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5b6676;margin-bottom:26px}
.cf-kicker b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cdd5df;border-radius:50%;background:#fff;font-size:.68rem;letter-spacing:0}
#contact .cf-left h2{font-size:clamp(2.3rem,4.8vw,3.8rem);line-height:1.08;letter-spacing:-.03em;max-width:none;margin:0 0 22px;color:var(--ink);text-align:left}
#contact .cf-left>p{color:var(--mut);max-width:480px;margin:0 0 34px;text-align:left}
.cf-rows{border-top:1.5px solid var(--ink)}
.cf-row{display:flex;align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid #d3dae3;text-decoration:none;color:var(--ink);transition:padding .2s}
.cf-row:hover{padding-left:12px}
.cf-ico{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid #d3dae3;background:#f6f8fa;display:grid;place-items:center;color:var(--cf-a)}
.cf-txt small{display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7686;line-height:1.4}
.cf-txt b{font-size:1rem;font-weight:700;word-break:break-word}
.cf-row::after{content:"\2197";margin-left:auto;color:#6b7686;font-size:1.1rem;transition:.2s}   /* ↗ arrow */
.cf-row:hover::after{color:var(--cf-a);transform:translate(2px,-2px)}
.cf-focus{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}
.cf-focus small{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6b7686;margin-right:4px}
.cf-focus span{background:#fff;border:1px solid #d3dae3;padding:6px 14px;font-size:.78rem;font-weight:700}
/* right card */
.cf-card{background:#fff;border:1px solid #d6dde6;border-top:3px solid var(--cf-a);padding:42px 40px 40px;box-shadow:0 24px 50px -34px rgba(15,26,43,.35)}
.cf-card h3{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.cf-card .cf-sub{font-size:.88rem;color:var(--mut);margin:0 0 26px;text-align:left;max-width:none}
.cf-label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5b6676;margin-bottom:10px}
/* service chips = radio buttons (JS ki zarurat nahi, form ke saath submit hote hai) */
.cf-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.cf-chips label{position:relative;cursor:pointer}
.cf-chips input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.cf-chips span{display:block;padding:10px 16px;border:1px solid #d3dae3;background:#fff;font-size:.82rem;font-weight:700;transition:.2s}
.cf-chips label:hover span{border-color:var(--cf-a);color:var(--cf-a-d)}
.cf-chips input:checked+span{background:var(--cf-a);border-color:var(--cf-a);color:#fff}
.cf-chips input:focus-visible+span{outline:3px solid var(--cf-a);outline-offset:2px}
/* underline style fields */
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.cf-field{margin-bottom:24px}
.cf-field input,.cf-field textarea{width:100%;border:0;border-bottom:1px solid #cdd5df;border-radius:0;background:transparent;padding:8px 0 10px;font:inherit;font-size:.95rem;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}
.cf-field textarea{min-height:110px;resize:vertical}
.cf-field input:focus,.cf-field textarea:focus{border-bottom-color:var(--cf-a);box-shadow:0 1px 0 var(--cf-a)}
.cf-field input::placeholder,.cf-field textarea::placeholder{color:#a3acb9}
.cf-submit{display:inline-flex;align-items:center;gap:12px;background:var(--cf-a);color:#fff;border:0;padding:16px 26px;font:inherit;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .2s}
.cf-submit:hover{background:var(--cf-a-d)}
.cf-submit i{transition:transform .2s}
.cf-submit:hover i{transform:translateX(4px)}
#contact em{display:block;margin-top:34px;color:#6b7686;font-size:.85rem;text-align:center;}
@media(max-width:900px){.cf-layout{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){.cf-grid{grid-template-columns:1fr}.cf-card{padding:30px 22px}}

/* ===== PATCH D: Common Vulnerabilities -> icon cards grid ===== */
.vx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:44px 0 0;list-style:none}   /* desktop: row mai 4 */
.vx-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:22px 22px 24px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}
.vx-card::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--o),#ff9a3d);transition:width .35s}  /* hover pe neeche orange line */
.vx-card:hover{border-color:var(--o);transform:translateY(-5px);box-shadow:0 20px 36px -20px rgba(255,109,0,.5)}
.vx-card:hover::after{width:100%}
.vx-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vx-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--o-l);color:var(--o);font-size:1.1rem;transition:.25s}
.vx-card:hover .vx-ico{background:var(--o);color:#fff;transform:rotate(-6deg)}                              /* hover pe icon orange fill */
.vx-tag{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--o-d);background:var(--soft);border:1px solid var(--line);padding:4px 10px;border-radius:999px}
.vx-card h3{font-size:1rem;line-height:1.4;letter-spacing:-.01em;text-align:left}
.vx-note{display:flex;align-items:center;justify-content:center;gap:12px;max-width:760px;margin:38px auto 0;padding:16px 22px;border:1px dashed var(--o);border-radius:16px;background:#fff;color:var(--mut);font-size:.95rem;text-align:left}
.vx-note i{flex:0 0 auto;color:var(--o);font-size:1.15rem}
.copyright_text {
    padding: 20px 15px;
    background: #0b1220;
}
.wrap_copy p {
    color: #fff;
    text-align: center;
    font-size: 14px;
}

@media(max-width:1000px){.vx-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.vx-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:520px){.vx-grid{grid-template-columns:1fr}}

/* Desktop and tablet */
@media (min-width: 768px) {
    .logo .logo-desktop {
        display: block;
        width: 310px;
    }
    .logo .logo-mobile {
        display: none;
    }
}
/* Mobile */
@media (max-width: 767px) {
    .logo .logo-desktop {
        display: none;
    }
    .logo .logo-mobile {
        display: block;
        width: 70px;
    }
}

/* ===== PATCH E: "Start with the issue" cards ===== */
.issue-grid{grid-template-columns:repeat(3,1fr)}
.issue-card{position:relative;padding:32px 28px;border-top:3px solid var(--o)}
.issue-card .icon-bubble{margin-bottom:20px}
.issue-card h3{font-size:1.15rem}
.intro-copy{max-width:760px;margin:0 auto;text-align:center}
.intro-copy p{margin-bottom:14px}
@media(max-width:960px){.issue-grid{grid-template-columns:1fr}}

/* ===== PATCH F: CTA row after "What we fix" ===== */
.inline-cta{display:flex;justify-content:center;margin-top:40px}

/* ===== PATCH G: 4-step process (2 x 2) + handover checklist ===== */
.steps.steps-4{grid-template-columns:repeat(2,1fr)}
.step-list{position:relative;list-style:none;margin:14px 0 12px;display:grid;gap:8px}
.step-list li{position:relative;padding-left:26px;font-size:.94rem;color:var(--ink)}
.step-list li::before{content:"\2713";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--sa,var(--o));color:#fff;font-size:.65rem;display:grid;place-items:center}
.step .step-foot{font-size:.9rem;font-style:italic}
@media(max-width:760px){.steps.steps-4{grid-template-columns:1fr}}

/* ===== PATCH H: "Why choose" intro ===== */
.why-intro{max-width:820px;margin:0 auto;text-align:center}
.why-intro p{margin-bottom:14px}

/* ===== PATCH I: Contact form extras + status message ===== */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cf-submit[disabled]{opacity:.65;cursor:wait}
.form-status{display:none;margin-top:18px;padding:14px 16px;font-size:.9rem;font-weight:600;border-left:4px solid}
.form-status.is-success{display:block;background:#e9f7ef;border-color:#22a05a;color:#14663a}
.form-status.is-error{display:block;background:#ffeef0;border-color:#d93848;color:#9b1c2a}
.cf-privacy{display:flex;gap:10px;align-items:flex-start;margin:0 0 22px;padding:12px 14px;background:var(--o-l);font-size:.82rem;color:var(--ink);line-height:1.5}
.cf-privacy i{color:var(--o);margin-top:3px}