/* ================================================================
   x2x Full Commerce Implementation — Conflict-Proof Scoped Styles
   Wrapper: .xfc-impl  (har rule is wrapper ke andar scoped + !important)
   Theme CSS ko override karne ke liye specificity + !important use hua hai.
   ================================================================ */
.xfc-impl{
  --xfc-o:#E67E22; --xfc-o2:#F39C3D; --xfc-od:#C0670F;
  --xfc-n:#031E50; --xfc-n2:#0A2C68; --xfc-n3:#0F3680;
  --xfc-nl:#1E3D74; --xfc-ni:#F3F5FB; --xfc-ni2:#AAB6D6;
  --xfc-ink:#0B1220; --xfc-ink2:#4B5568; --xfc-ink3:#7C8598;
  --xfc-line:#E7E9F0; --xfc-line2:#D3D7E4;
  --xfc-surf:#FFFFFF; --xfc-surf2:#F6F7FB; --xfc-warm:#FDF0E2;
  --xfc-good:#1F8A4C;
  --xfc-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  --xfc-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace !important;
  --xfc-r:18px; --xfc-rs:12px;
  --xfc-sh:0 1px 2px rgba(3,30,80,.05),0 18px 44px -20px rgba(3,30,80,.30);
  --xfc-sh2:0 3px 6px rgba(3,30,80,.07),0 30px 60px -22px rgba(3,30,80,.38);
  position:relative; background:var(--xfc-surf); color:var(--xfc-ink);
  font-family:var(--xfc-sans); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
.xfc-impl *,.xfc-impl *::before,.xfc-impl *::after{box-sizing:border-box !important;margin:0 !important;padding:0 !important;}
.xfc-impl img{max-width:100% !important;display:block !important;}
.xfc-impl h1,.xfc-impl h2,.xfc-impl h3,.xfc-impl h4{font-family:var(--xfc-sans) !important;color:var(--xfc-ink);line-height:1.12 !important;letter-spacing:-.025em !important;font-weight:800 !important;}
.xfc-impl h1{font-size:clamp(2.3rem,5vw,3.7rem) !important;font-weight:900 !important;}
.xfc-impl h2{font-size:clamp(1.7rem,3.2vw,2.5rem) !important;font-weight:800 !important;}
.xfc-impl h3{font-size:1.22rem !important;font-weight:700 !important;letter-spacing:-.015em !important;}
.xfc-impl p{font-family:var(--xfc-sans) !important;color:var(--xfc-ink2);line-height:1.7 !important;font-size:1rem !important;}
.xfc-impl a{color:var(--xfc-od);text-decoration:none !important;}
.xfc-impl ul{list-style:none !important;}
.xfc-impl .xfc-wrap{max-width:1140px !important;margin-left:auto !important;margin-right:auto !important;padding-left:24px !important;padding-right:24px !important;position:relative !important;z-index:2;}
.xfc-impl section{position:relative !important;}

/* ---------- shared atoms ---------- */
.xfc-impl .xfc-eyebrow{display:inline-flex !important;align-items:center !important;gap:10px !important;
  font-family:var(--xfc-mono) !important;font-size:.72rem !important;font-weight:600 !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--xfc-od) !important;margin-bottom:16px !important;}
.xfc-impl .xfc-eyebrow::before{content:"" !important;width:26px !important;height:2px !important;background:var(--xfc-o) !important;border-radius:2px !important;flex:none;}
.xfc-impl .xfc-lede{font-size:1.12rem !important;color:var(--xfc-ink2) !important;max-width:66ch;}
.xfc-impl .xfc-tag{display:inline-block !important;font-family:var(--xfc-mono) !important;font-size:.7rem !important;font-weight:600 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--xfc-od) !important;
  background:var(--xfc-warm) !important;padding:6px 12px !important;border-radius:999px !important;margin-bottom:14px !important;}
.xfc-impl .xfc-dtag{display:inline-block !important;font-family:var(--xfc-mono) !important;font-size:.7rem !important;font-weight:600 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--xfc-ni) !important;
  background:var(--xfc-n) !important;padding:6px 12px !important;border-radius:999px !important;margin-bottom:14px !important;}
.xfc-impl .xfc-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:16px !important;}
.xfc-impl .xfc-chips li{font-family:var(--xfc-mono) !important;font-size:.74rem !important;color:var(--xfc-n);
  background:var(--xfc-surf) !important;border:1px solid var(--xfc-line2) !important;border-radius:999px !important;
  padding:6px 12px !important;font-weight:500 !important;}
.xfc-impl .xfc-chips.xfc-chips--dark li{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.18) !important;color:var(--xfc-ni2) !important;}
.xfc-impl .xfc-check{display:flex !important;flex-direction:column !important;gap:10px !important;margin-top:22px !important;}
.xfc-impl .xfc-check li{display:flex !important;gap:10px !important;align-items:flex-start !important;
  font-size:.94rem !important;color:var(--xfc-ni2) !important;line-height:1.5 !important;}
.xfc-impl .xfc-check li svg{flex:none !important;margin-top:3px !important;}

/* ---------- buttons ---------- */
.xfc-impl .xfc-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;
  font-family:var(--xfc-sans) !important;font-weight:600 !important;font-size:.95rem !important;
  padding:15px 28px !important;border-radius:12px !important;cursor:pointer !important;border:0 !important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease !important;white-space:nowrap;}
.xfc-impl .xfc-btn--solid{background:linear-gradient(135deg,var(--xfc-o),var(--xfc-o2)) !important;color:#fff !important;
  box-shadow:0 12px 26px -8px rgba(230,126,34,.55) !important;}
.xfc-impl .xfc-btn--solid:hover{transform:translateY(-3px) !important;box-shadow:0 18px 34px -8px rgba(230,126,34,.6) !important;}
.xfc-impl .xfc-btn--ghost{background:transparent !important;color:var(--xfc-ni) !important;border:1px solid rgba(255,255,255,.35) !important;}
.xfc-impl .xfc-btn--ghost:hover{transform:translateY(-3px) !important;border-color:rgba(255,255,255,.7) !important;background:rgba(255,255,255,.06) !important;}
.xfc-impl .xfc-btn--outline{background:transparent !important;color:var(--xfc-n) !important;border:1px solid var(--xfc-line2) !important;}
.xfc-impl .xfc-btn--outline:hover{transform:translateY(-3px) !important;border-color:var(--xfc-n) !important;}

/* ---------- HERO ---------- */
.xfc-impl .xfc-hero{background:linear-gradient(155deg,#031E50 0%,#0A2C68 52%,#0F3680 100%) !important;
  padding:88px 0 96px !important;overflow:hidden !important;}
.xfc-impl .xfc-hero::before{content:"" !important;position:absolute !important;inset:0 !important;pointer-events:none !important;
  background:radial-gradient(900px 420px at 85% -10%,rgba(230,126,34,.4),transparent 60%),
             radial-gradient(600px 300px at -10% 110%,rgba(230,126,34,.18),transparent 60%) !important;}
.xfc-impl .xfc-hero::after{content:"" !important;position:absolute !important;inset:0 !important;pointer-events:none !important;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px) !important;background-size:26px 26px !important;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 88%) !important;mask-image:linear-gradient(180deg,#000,transparent 88%) !important;}
.xfc-impl .xfc-hero-grid{display:grid !important;grid-template-columns:1.15fr .85fr !important;gap:56px !important;align-items:center !important;}
.xfc-impl .xfc-hero .xfc-eyebrow{color:#FDBE85 !important;}
.xfc-impl .xfc-hero .xfc-eyebrow::before{background:var(--xfc-o) !important;}
.xfc-impl .xfc-hero h1{color:#fff !important;margin-bottom:20px !important;}
.xfc-impl .xfc-hero h1 em{font-style:normal !important;background:linear-gradient(90deg,#FDBE85,var(--xfc-o)) !important;
  -webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;}
.xfc-impl .xfc-hero .xfc-lede{color:var(--xfc-ni2) !important;font-size:1.13rem !important;margin-bottom:30px !important;}
.xfc-impl .xfc-hero-cta{display:flex !important;flex-wrap:wrap !important;gap:14px !important;margin-bottom:8px !important;}

/* hero glass spec panel */
.xfc-impl .xfc-panel{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.16) !important;
  border-radius:var(--xfc-r) !important;backdrop-filter:blur(8px) !important;overflow:hidden !important;
  box-shadow:0 30px 60px -25px rgba(0,0,0,.5) !important;position:relative !important;}
.xfc-impl .xfc-panel::before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:3px !important;
  background:linear-gradient(90deg,var(--xfc-o),transparent 70%) !important;}
.xfc-impl .xfc-panel-head{display:flex !important;justify-content:space-between !important;gap:12px !important;
  padding:15px 22px !important;border-bottom:1px solid rgba(255,255,255,.14) !important;background:rgba(255,255,255,.05) !important;
  font-family:var(--xfc-mono) !important;font-size:.7rem !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--xfc-ni2) !important;}
.xfc-impl .xfc-prow{display:flex !important;justify-content:space-between !important;align-items:baseline !important;gap:14px !important;
  padding:13px 22px !important;border-bottom:1px solid rgba(255,255,255,.1) !important;}
.xfc-impl .xfc-prow:last-child{border-bottom:0 !important;}
.xfc-impl .xfc-prow dt{font-size:.9rem !important;color:var(--xfc-ni2) !important;}
.xfc-impl .xfc-prow dd{font-family:var(--xfc-mono) !important;font-size:.85rem !important;font-weight:600 !important;color:#fff !important;font-variant-numeric:tabular-nums !important;text-align:right;}
.xfc-impl .xfc-prow dd.xfc-hl{color:var(--xfc-o2) !important;font-weight:700 !important;font-size:1.05rem !important;}

/* ---------- trust strip ---------- */
.xfc-impl .xfc-strip{background:var(--xfc-n) !important;border-top:1px solid var(--xfc-nl) !important;padding:16px 0 !important;}
.xfc-impl .xfc-strip .xfc-wrap{display:flex !important;flex-wrap:wrap !important;gap:10px 34px !important;justify-content:center !important;}
.xfc-impl .xfc-strip span{display:inline-flex !important;align-items:center !important;gap:9px !important;
  font-family:var(--xfc-mono) !important;font-size:.76rem !important;letter-spacing:.06em !important;color:var(--xfc-ni2) !important;}
.xfc-impl .xfc-strip span i{width:6px !important;height:6px !important;border-radius:50% !important;background:var(--xfc-o) !important;flex:none !important;font-style:normal !important;}

/* ---------- sections ---------- */
.xfc-impl .xfc-sec{padding:92px 0 !important;}
.xfc-impl .xfc-sec--warm{background:var(--xfc-surf2) !important;}
.xfc-impl .xfc-sec-head{max-width:720px !important;margin-bottom:48px !important;}
.xfc-impl .xfc-sec-head h2{margin-bottom:16px !important;}
.xfc-impl .xfc-2col{display:grid !important;grid-template-columns:1fr 1fr !important;gap:44px !important;align-items:start !important;}
.xfc-impl .xfc-2col p+p{margin-top:16px !important;}

/* stat mini-cards inside why section */
.xfc-impl .xfc-stats{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:14px !important;margin-top:28px !important;}
.xfc-impl .xfc-stat{background:var(--xfc-surf) !important;border:1px solid var(--xfc-line) !important;border-radius:var(--xfc-rs) !important;
  padding:18px !important;text-align:center !important;box-shadow:var(--xfc-sh) !important;}
.xfc-impl .xfc-stat b{display:block !important;font-size:1.35rem !important;font-weight:800 !important;letter-spacing:-.02em !important;
  background:linear-gradient(90deg,var(--xfc-n),var(--xfc-n3)) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;}
.xfc-impl .xfc-stat span{font-family:var(--xfc-mono) !important;font-size:.68rem !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--xfc-ink3) !important;}

/* ---------- cards ---------- */
.xfc-impl .xfc-grid3{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:22px !important;}
.xfc-impl .xfc-grid2{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:22px !important;}
.xfc-impl .xfc-card{background:var(--xfc-surf) !important;border:1px solid var(--xfc-line) !important;border-radius:var(--xfc-r) !important;
  padding:30px !important;box-shadow:var(--xfc-sh) !important;position:relative !important;overflow:hidden !important;height:100%;
  transition:transform .2s ease,box-shadow .2s ease !important;}
.xfc-impl .xfc-card::before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:3px !important;
  background:linear-gradient(90deg,var(--xfc-o),var(--xfc-o2)) !important;opacity:0 !important;transition:opacity .2s !important;}
.xfc-impl .xfc-card:hover{transform:translateY(-5px) !important;box-shadow:var(--xfc-sh2) !important;}
.xfc-impl .xfc-card:hover::before{opacity:1 !important;}
.xfc-impl .xfc-card h3{margin-bottom:12px !important;}
.xfc-impl .xfc-card p{font-size:.94rem !important;}

/* ---------- timeline ---------- */
.xfc-impl .xfc-timeline{position:relative !important;margin-top:10px !important;}
.xfc-impl .xfc-timeline::before{content:"" !important;position:absolute !important;left:23px !important;top:10px !important;bottom:10px !important;
  width:2px !important;background:linear-gradient(180deg,var(--xfc-o),var(--xfc-line2)) !important;}
.xfc-impl .xfc-step{display:grid !important;grid-template-columns:48px 1fr !important;gap:22px !important;padding:22px 0 !important;position:relative !important;}
.xfc-impl .xfc-step-num{width:48px !important;height:48px !important;border-radius:14px !important;flex:none;
  display:flex !important;align-items:center !important;justify-content:center !important;
  font-family:var(--xfc-mono) !important;font-weight:600 !important;font-size:.9rem !important;
  background:var(--xfc-n) !important;color:#fff !important;box-shadow:0 8px 18px -6px rgba(3,30,80,.5) !important;position:relative !important;z-index:2;}
.xfc-impl .xfc-step:first-child .xfc-step-num{background:linear-gradient(135deg,var(--xfc-o),var(--xfc-o2)) !important;color:#fff !important;box-shadow:0 8px 18px -6px rgba(230,126,34,.55) !important;}
.xfc-impl .xfc-step h3{margin-bottom:8px !important;}
.xfc-impl .xfc-step p{font-size:.95rem !important;max-width:72ch;}
.xfc-impl .xfc-step .xfc-chips{margin-top:12px !important;}
.xfc-impl .xfc-step .xfc-chips li{border-style:dashed !important;}

/* ---------- pricing ---------- */
.xfc-impl .xfc-bignum{font-size:clamp(2.8rem,5vw,4rem) !important;font-weight:900 !important;letter-spacing:-.04em !important;line-height:1 !important;
  background:linear-gradient(90deg,var(--xfc-n),var(--xfc-n3)) !important;-webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:transparent !important;}
.xfc-impl .xfc-bignum-sub{font-family:var(--xfc-mono) !important;font-size:.8rem !important;color:var(--xfc-ink3) !important;margin:8px 0 22px !important;letter-spacing:.04em;}
.xfc-impl .xfc-mkt{background:var(--xfc-surf) !important;border:1px solid var(--xfc-line) !important;border-radius:var(--xfc-r) !important;
  padding:28px !important;box-shadow:var(--xfc-sh) !important;}
.xfc-impl .xfc-mkt h4{font-family:var(--xfc-mono) !important;font-size:.72rem !important;letter-spacing:.12em !important;text-transform:uppercase !important;
  color:var(--xfc-ink3) !important;margin-bottom:16px !important;font-weight:600 !important;}
.xfc-impl .xfc-mkt li{display:flex !important;justify-content:space-between !important;gap:16px !important;
  padding:11px 0 !important;border-bottom:1px dashed var(--xfc-line) !important;font-size:.9rem !important;color:var(--xfc-ink2) !important;font-variant-numeric:tabular-nums;}
.xfc-impl .xfc-mkt li:last-child{border-bottom:0 !important;}
.xfc-impl .xfc-mkt li b{font-family:var(--xfc-mono) !important;font-size:.83rem !important;color:var(--xfc-n) !important;font-weight:600 !important;white-space:nowrap;}
.xfc-impl .xfc-mkt li.xfc-total{border-top:2px solid var(--xfc-n) !important;margin-top:6px !important;padding-top:14px !important;font-weight:700 !important;color:var(--xfc-ink) !important;}
.xfc-impl .xfc-mkt li.xfc-total b{color:var(--xfc-od) !important;}
.xfc-impl .xfc-note{margin-top:26px !important;font-size:.88rem !important;color:var(--xfc-ink3) !important;border-left:3px solid var(--xfc-o) !important;padding-left:16px !important;}

/* ---------- FAQ ---------- */
.xfc-impl .xfc-faq{max-width:820px !important;}
.xfc-impl .xfc-faq details{border-bottom:1px solid var(--xfc-line) !important;background:transparent !important;}
.xfc-impl .xfc-faq summary{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:16px !important;
  padding:20px 4px !important;cursor:pointer !important;list-style:none !important;font-weight:700 !important;font-size:1.02rem !important;color:var(--xfc-ink) !important;font-family:var(--xfc-sans) !important;transition:color .15s;}
.xfc-impl .xfc-faq summary::-webkit-details-marker{display:none !important;}
.xfc-impl .xfc-faq summary:hover{color:var(--xfc-od) !important;}
.xfc-impl .xfc-faq summary .xfc-plus{flex:none !important;width:26px !important;height:26px !important;border-radius:8px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  background:var(--xfc-warm) !important;color:var(--xfc-od) !important;font-weight:700 !important;font-size:1rem !important;transition:transform .2s,background .2s;}
.xfc-impl .xfc-faq details[open] summary .xfc-plus{transform:rotate(45deg) !important;background:var(--xfc-o) !important;color:#fff !important;}
.xfc-impl .xfc-faq details[open] summary{color:var(--xfc-od) !important;}
.xfc-impl .xfc-faq .xfc-a{padding:0 40px 22px 4px !important;font-size:.95rem !important;color:var(--xfc-ink2) !important;max-width:70ch;line-height:1.7;}

/* ---------- option cards ---------- */
.xfc-impl .xfc-opt{display:flex !important;flex-direction:column !important;gap:6px !important;}
.xfc-impl .xfc-opt .xfc-btn{margin-top:auto !important;padding:12px 22px !important;font-size:.88rem !important;width:fit-content;}
.xfc-impl .xfc-price-hint{font-family:var(--xfc-mono) !important;font-size:.8rem !important;color:var(--xfc-n) !important;font-weight:600 !important;}

/* ---------- final CTA band ---------- */
.xfc-impl .xfc-band{background:linear-gradient(150deg,#031E50,#0A2C68) !important;border-radius:28px !important;
  padding:64px !important;position:relative !important;overflow:hidden !important;margin:0 24px 90px !important;}
.xfc-impl .xfc-band::before{content:"" !important;position:absolute !important;inset:0 !important;
  background:radial-gradient(600px 300px at 90% 0%,rgba(230,126,34,.35),transparent 60%),
             radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px) !important;background-size:auto,24px 24px !important;pointer-events:none;}
.xfc-impl .xfc-band-grid{display:grid !important;grid-template-columns:1.3fr .7fr !important;gap:40px !important;align-items:center !important;position:relative !important;z-index:2;}
.xfc-impl .xfc-band .xfc-eyebrow{color:#FDBE85 !important;}
.xfc-impl .xfc-band h2{color:#fff !important;margin-bottom:14px !important;}
.xfc-impl .xfc-band p{color:var(--xfc-ni2) !important;font-size:1.08rem !important;max-width:52ch;}
.xfc-impl .xfc-band .xfc-btn{width:100% !important;max-width:320px;}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .xfc-impl .xfc-hero-grid,.xfc-impl .xfc-2col,.xfc-impl .xfc-grid2,.xfc-impl .xfc-band-grid{grid-template-columns:1fr !important;}
  .xfc-impl .xfc-grid3{grid-template-columns:1fr 1fr !important;}
  .xfc-impl .xfc-sec{padding:64px 0 !important;}
}
@media (max-width:640px){
  .xfc-impl .xfc-grid3,.xfc-impl .xfc-stats{grid-template-columns:1fr !important;}
  .xfc-impl .xfc-band{padding:40px 26px !important;margin:0 16px 64px !important;border-radius:20px !important;}
  .xfc-impl .xfc-hero{padding:64px 0 72px !important;}
  .xfc-impl .xfc-hero-cta .xfc-btn{width:100%;}
}

/* ---------- Elementor integration (added for widget version) ----------
   Each section is now its own Elementor widget. Elementor normally puts
   ~20px of spacing between stacked widgets; the original single HTML
   widget had none, so remove it to keep sections flush exactly as before. */
.elementor-widget[class*="elementor-widget-xfc_"]:not(:last-child){margin-bottom:0 !important;margin-block-end:0 !important;}
.elementor-widget[class*="elementor-widget-xfc_"] > .elementor-widget-container{margin:0 !important;padding:0 !important;}