/* ████████████████████████████████████████████████████████████████████
   SHOPIFY DEVELOPMENT COMPANY IN BANGALORE — v2, homepage style (pink on warm off-white, Comfortaa + DM Sans)
   No page wrapper. Prefixes: bnh hero · bnm marquee · bns services · bnn needs · bnp payment · bnf performance
   bnw how-we-work · bnl delhi-ncr · bnd hire · bnc work · bnq faq · bnz cta · bn-btn shared button
   ████████████████████████████████████████████████████████████████████ */
:root{
  --bn-pink:#fa294f;--bn-pink2:#ff6b8a;--bn-ink:#0d0b14;--bn-black:#050608;--bn-warm:#f4f2ee;--bn-white:#fff;
  --bn-mute:#6b6878;--bn-line:rgba(13,11,20,.1);--bn-ease:cubic-bezier(.4,0,.2,1);
  --bn-head:'Comfortaa',sans-serif;--bn-body:'DM Sans',sans-serif;
}
.bnh,.bnm,.bns,.bnn,.bnp,.bnf,.bnw,.bnl,.bnd,.bnc,.bnq,.bnz{font-family:var(--bn-body);color:var(--bn-ink)}
.bnh svg,.bns svg,.bnq svg,.bnz svg{width:1em;height:1em}
.bnh-wrap,.bns-wrap,.bnn-wrap,.bnp-wrap,.bnf-wrap,.bnw-wrap,.bnl-wrap,.bnd-wrap,.bnc-wrap,.bnq-wrap,.bnz-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.bnh-wrap,.bns-wrap,.bnn-wrap,.bnp-wrap,.bnf-wrap,.bnw-wrap,.bnl-wrap,.bnd-wrap,.bnc-wrap,.bnq-wrap,.bnz-wrap{padding:0 40px}}
.bnh-h1,.bns-h2,.bnn-h2,.bnw-h2,.bnd-h2,.bnc-h2,.bnq-h2,.bnz-h2,.bnp-h3,.bnf-h3,.bnw-h3,.bns-h3,.bnl-big,.bnn-big,.bnw-quote,.bnc-name,.bnc-rn{font-family:var(--bn-head);font-weight:700;letter-spacing:-.04em}
.bns-h2,.bnn-h2,.bnw-h2,.bnd-h2,.bnc-h2,.bnq-h2{margin:0 0 20px;font-size:clamp(30px,4.2vw,56px);line-height:1.04}
.bnp-h3,.bnf-h3,.bnw-h3{margin:0 0 16px;font-size:clamp(26px,3vw,40px);line-height:1.08}

/* shared pill button — pink, white arrow circle */
.bn-btn{display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 26px;border-radius:999px;background:var(--bn-pink);color:#fff;font-family:var(--bn-body);font-size:15.5px;font-weight:600;text-decoration:none;transition:transform .3s var(--bn-ease),background .3s}
.bn-btn i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--bn-pink);transition:transform .35s var(--bn-ease)}
.bn-btn i svg{width:18px;height:18px}
.bn-btn:hover{transform:translateY(-2px);background:var(--bn-ink)}
.bn-btn:hover i{transform:rotate(45deg)}
.bn-btn-w{background:#fff;color:var(--bn-ink)}
.bn-btn-w i{background:var(--bn-pink);color:#fff}
.bn-btn-w:hover{background:var(--bn-ink);color:#fff}

/* ============ Shopify Development Company in Bangalore ============ */
/* 01 · HERO (bgh-) */
.bgh{--bgh-pink:#fa294f;--bgh-ink:#0d0b14;--bgh-mute:#3b3946;--bgh-blush:#fff0f3;position:relative;background:#fff;padding:150px 0 0;text-align:center;overflow:hidden;font-family:'DM Sans',sans-serif;color:var(--bgh-ink)}
.bgh *{box-sizing:border-box}
.bgh-top{max-width:900px;margin:0 auto;padding:0 20px}
.bgh-eye{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 16px 8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(13,11,20,.08);font-size:13.5px;font-weight:600;line-height:1.4;color:var(--bgh-mute)}
.bgh-eye i{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--bgh-pink);box-shadow:0 0 0 4px rgba(250,41,79,.18);animation:bghPulse 2.4s ease-in-out infinite}
@keyframes bghPulse{50%{box-shadow:0 0 0 7px rgba(250,41,79,.06)}}
.bgh-h1{margin:0 0 24px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(38px,5.6vw,80px);line-height:1.02;letter-spacing:-.045em;color:var(--bgh-ink)}
.bgh-h1 span{color:var(--bgh-pink)}
.bgh-lead{margin:0 auto 34px;max-width:640px;font-size:18px;line-height:1.65;color:var(--bgh-mute)}
.bgh-act{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 28px}
.bgh-btn{display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 26px;border-radius:999px;background:var(--bgh-pink);color:#fff;font-size:15.5px;font-weight:600;text-decoration:none;box-shadow:0 16px 30px -14px rgba(250,41,79,.7);transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s}
.bgh-btn i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--bgh-pink);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.bgh-btn svg{width:18px;height:18px}
.bgh-btn:hover{transform:translateY(-2px);background:var(--bgh-ink);color:#fff}
.bgh-btn:hover i{transform:rotate(45deg)}
.bgh-more summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--bgh-ink);border-bottom:1.5px solid rgba(13,11,20,.25);padding-bottom:3px}
.bgh-more summary::-webkit-details-marker{display:none}
.bgh-more summary b{color:var(--bgh-pink);font-weight:700;transition:transform .3s}
.bgh-more[open]{flex-basis:100%}
.bgh-more[open] summary b{transform:rotate(45deg)}
.bgh-more p{max-width:620px;margin:16px auto 0;font-size:15px;line-height:1.75;color:#6b6878}
/* store row */
.bgh-row{display:flex;justify-content:center;align-items:flex-end;gap:18px;height:380px;margin:70px 0 0;background:linear-gradient(180deg,transparent 45%,var(--bgh-blush) 45%)}
.bgh-shot{flex:0 0 190px;height:340px;border-radius:26px;border:5px solid #fff;overflow:hidden;background:#fff;box-shadow:0 40px 70px -40px rgba(13,11,20,.55);transition:transform .45s cubic-bezier(.4,0,.2,1)}
.bgh-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.bgh-shot:hover{transform:translateY(-10px)}
.bgh-s1,.bgh-s7{height:220px;opacity:.6}
.bgh-s2,.bgh-s6{height:280px}
.bgh-s3,.bgh-s5{height:320px}
.bgh-s4{flex-basis:205px;height:370px;border-color:var(--bgh-ink)}
.bgh-foot{background:var(--bgh-blush);padding:26px 20px 40px}
.bgh-note{max-width:640px;margin:0 auto;font-size:11.5px;line-height:1.6;color:rgba(107,104,120,.75)}
@media(max-width:900px){
  .bgh{padding-top:110px}
  .bgh-lead{font-size:16.5px}
  .bgh-row{height:280px;gap:10px;margin-top:50px}
  .bgh-shot{flex-basis:120px;border-width:3px;border-radius:18px}
  .bgh-s1,.bgh-s7{display:none}
  .bgh-s2,.bgh-s6{height:180px}
  .bgh-s3,.bgh-s5{height:220px}
  .bgh-s4{flex-basis:130px;height:260px}
}
@media(max-width:600px){.bgh-eye{font-size:12px;padding:7px 12px 7px 10px;text-align:left}}
@media(prefers-reduced-motion:reduce){.bgh-eye i{animation:none}.bgh-shot,.bgh-btn,.bgh-btn i{transition:none}}

/* 02 · SERVICES (bgs-) — tabs + image (desktop), accordion (mobile) */
.bgs{--bgs-pink:#fa294f;--bgs-ink:#0d0b14;--bgs-mute:#3b3946;--bgs-warm:#f4f2ee;background:#fff;padding:120px 0;font-family:'DM Sans',sans-serif;color:var(--bgs-ink)}
.bgs *{box-sizing:border-box}
.bgs-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.bgs-head{display:grid;gap:18px;max-width:760px;margin-bottom:48px}
.bgs-h2{margin:0;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(30px,3.8vw,52px);line-height:1.06;letter-spacing:-.045em;color:var(--bgs-ink)}
.bgs-more summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--bgs-ink);border-bottom:1.5px solid rgba(13,11,20,.25);padding-bottom:3px}
.bgs-more summary::-webkit-details-marker{display:none}
.bgs-more summary b{color:var(--bgs-pink);font-weight:700;transition:transform .3s}
.bgs-more[open] summary b{transform:rotate(45deg)}
.bgs-more p{margin:14px 0 0;font-size:15px;line-height:1.75;color:#6b6878}
.bgs-box{display:grid;grid-template-columns:.72fr 1.28fr;gap:16px;padding:14px;border-radius:34px;background:var(--bgs-warm)}
.bgs-box>*{min-width:0}
.bgs-tabs{display:grid;gap:6px;align-content:start;padding:10px}
.bgs-tab{display:flex;gap:14px;align-items:center;width:100%;padding:20px 18px;border:0;border-radius:20px;background:transparent;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:16px;line-height:1.3;letter-spacing:-.03em;text-align:left;color:#6b6878;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.bgs-tab span{flex-shrink:0;font-size:12px;color:var(--bgs-pink)}
.bgs-tab:hover{color:var(--bgs-ink)}
.bgs-tab.bgs-on{background:#fff;color:var(--bgs-ink);box-shadow:0 14px 30px -20px rgba(13,11,20,.35)}
.bgs-tab:focus-visible,.bgs-acc:focus-visible{outline:2px solid var(--bgs-pink);outline-offset:2px}
.bgs-panels{display:grid;gap:16px}
.bgs-panel{border-radius:26px;background:#fff}
.bgs-acc{display:none}
.bgs-body{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding:32px}
.bgs-body>*{min-width:0}
.bgs-js .bgs-panel{display:none}
.bgs-js .bgs-panel.bgs-on{display:block;animation:bgsIn .45s cubic-bezier(.4,0,.2,1)}
@keyframes bgsIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bgs-no{display:block;margin-bottom:8px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:14px;color:var(--bgs-pink)}
.bgs-h3{margin:0 0 12px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.035em;color:var(--bgs-ink)}
.bgs-lead{margin:0 0 18px;font-size:15.5px;line-height:1.65;color:var(--bgs-mute)}
.bgs-tags{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.bgs-tags li{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:var(--bgs-warm);font-size:13px;font-weight:600}
.bgs-tags li::before{content:"";width:6px;height:6px;border-radius:50%;background:#00a876}
.bgs-pic{margin:0;aspect-ratio:4/5;max-height:440px;width:100%;border-radius:22px;overflow:hidden;background:var(--bgs-warm)}
.bgs-pic img{display:block;width:100%;height:100%;object-fit:cover}
/* tablet */
@media(max-width:1100px){.bgs-box{grid-template-columns:1fr 1.6fr}.bgs-body{gap:24px;padding:24px}.bgs-h3{font-size:24px}}
/* mobile: accordion */
@media(max-width:900px){
  .bgs{padding:72px 0}
  .bgs-wrap{padding:0 16px}
  .bgs-head{gap:14px;margin-bottom:28px}
  .bgs-box{display:block;padding:0;background:none;border-radius:0}
  .bgs-tabs{display:none}
  .bgs-panels{gap:10px}
  .bgs-panel,.bgs-js .bgs-panel{display:block;border-radius:22px;background:var(--bgs-warm);transition:background .3s}
  .bgs-js .bgs-panel.bgs-on{background:#fff;box-shadow:0 0 0 1.5px rgba(13,11,20,.08),0 24px 40px -30px rgba(13,11,20,.35);animation:none}
  .bgs-acc{display:grid;grid-template-columns:30px 1fr 34px;gap:10px;align-items:center;width:100%;padding:18px 16px;border:0;background:none;text-align:left;cursor:pointer;color:var(--bgs-ink)}
  .bgs-acc span{font-family:'Comfortaa',sans-serif;font-weight:700;font-size:13px;color:var(--bgs-pink)}
  .bgs-acc b{font-family:'Comfortaa',sans-serif;font-weight:700;font-size:17px;line-height:1.3;letter-spacing:-.03em}
  .bgs-acc i{position:relative;width:34px;height:34px;border-radius:50%;background:#fff;transition:background .3s,transform .35s}
  .bgs-acc i::before,.bgs-acc i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:currentColor}
  .bgs-acc i::after{transform:rotate(90deg)}
  .bgs-on .bgs-acc i{background:var(--bgs-pink);color:#fff;transform:rotate(45deg)}
  .bgs-body{display:flex;flex-direction:column;gap:18px;padding:0 14px 22px}
  .bgs-js .bgs-panel:not(.bgs-on) .bgs-body{display:none}
  .bgs-js .bgs-on .bgs-body{animation:bgsIn .4s cubic-bezier(.4,0,.2,1)}
  .bgs-pic{order:-1;aspect-ratio:16/10;max-height:none;border-radius:16px}
  .bgs-pic img{object-position:center 30%}
  .bgs-txt{padding:0 4px}
  .bgs-js .bgs-no,.bgs-js .bgs-h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bgs-lead{font-size:15px;margin-bottom:14px}
  .bgs-tags li{font-size:12.5px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){.bgs-js .bgs-panel.bgs-on,.bgs-js .bgs-on .bgs-body{animation:none}}

/* 03 · BANGALORE D2C NEEDS (bgn-) — big image + stacked cards */
.bgn{--bgn-pink:#fa294f;--bgn-ink:#0d0b14;--bgn-warm:#f4f2ee;background:#fff;padding:120px 0;font-family:'DM Sans',sans-serif;color:var(--bgn-ink)}
.bgn *{box-sizing:border-box}
.bgn-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.bgn-h2{max-width:820px;margin:0 0 48px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(30px,3.8vw,52px);line-height:1.06;letter-spacing:-.045em;color:var(--bgn-ink)}
.bgn-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.bgn-grid>*{min-width:0}
.bgn-pic{margin:0;aspect-ratio:4/5;border-radius:30px;overflow:hidden;background:var(--bgn-warm)}
.bgn-pic img{display:block;width:100%;height:100%;object-fit:cover}
.bgn-stack{position:relative;display:grid;gap:14px;margin-left:-60px}
.bgn-card{padding:28px 30px;border-radius:26px;background:#fff;border:1px solid rgba(13,11,20,.08);box-shadow:0 30px 60px -40px rgba(13,11,20,.35);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s}
.bgn-card:hover{transform:translateX(-6px);box-shadow:0 34px 60px -36px rgba(13,11,20,.4)}
.bgn-no{display:block;margin-bottom:10px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:14px;color:var(--bgn-pink)}
.bgn-h3{margin:0 0 16px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:21px;line-height:1.25;letter-spacing:-.035em;color:var(--bgn-ink)}
.bgn-tags{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.bgn-tags li{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:var(--bgn-warm);font-size:13px;font-weight:600}
.bgn-tags li::before{content:"";width:6px;height:6px;border-radius:50%;background:#00a876}
.bgn-more{margin-top:16px}
.bgn-more summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--bgn-ink);border-bottom:1.5px solid rgba(13,11,20,.25);padding-bottom:3px}
.bgn-more summary::-webkit-details-marker{display:none}
.bgn-more summary b{color:var(--bgn-pink);font-weight:700;transition:transform .3s}
.bgn-more[open] summary b{transform:rotate(45deg)}
.bgn-more p{margin:14px 0 0;font-size:15px;line-height:1.75;color:#6b6878}
@media(max-width:1100px) and (min-width:901px){.bgn-grid{grid-template-columns:.9fr 1.1fr;align-items:start}.bgn-pic{position:sticky;top:100px}.bgn-stack{margin-left:-40px}.bgn-card{padding:24px}}
@media(max-width:900px){
  .bgn{padding:72px 0}
  .bgn-wrap{padding:0 16px}
  .bgn-h2{margin-bottom:28px}
  .bgn-grid{grid-template-columns:1fr}
  .bgn-pic{aspect-ratio:16/11;border-radius:22px}
  .bgn-stack{margin:-40px 10px 0;gap:10px}
  .bgn-card{padding:22px 20px}
  .bgn-card:hover{transform:none}
  .bgn-h3{font-size:19px}
  .bgn-tags li{font-size:12.5px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){.bgn-card{transition:none}}

/* 04 · PAYMENT & SHIPPING (bgp-) — image + floating receipt */
.bgp{--bgp-pink:#fa294f;--bgp-ink:#0d0b14;--bgp-mute:#3b3946;--bgp-warm:#f4f2ee;background:#fff;padding:110px 0;font-family:'DM Sans',sans-serif;color:var(--bgp-ink)}
.bgp *{box-sizing:border-box}
.bgp-wrap{max-width:1240px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.bgp-wrap>*{min-width:0}
.bgp-vis{position:relative;padding-bottom:50px}
.bgp-pic{margin:0;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:var(--bgp-warm)}
.bgp-pic img{display:block;width:100%;height:100%;object-fit:cover}
.bgp-rc{position:absolute;left:-30px;bottom:0;width:300px;padding:20px 22px 22px;border-radius:22px;background:#fff;box-shadow:0 30px 60px -30px rgba(13,11,20,.45);font-size:13.5px}
.bgp-rc p{display:flex;justify-content:space-between;align-items:center;margin:0;padding:10px 0;border-bottom:1px dashed rgba(13,11,20,.12);color:var(--bgp-mute)}
.bgp-rc b{font-family:'Comfortaa',sans-serif;font-weight:700;color:var(--bgp-ink)}
.bgp-rc .bgp-rc-top{padding-top:0;border-bottom-style:solid}
.bgp-rc .bgp-rc-top b{font-size:24px;letter-spacing:-.05em}
.bgp-rc .bgp-rc-top span{font-size:12px;font-weight:600;color:#6b6878}
.bgp-rc .bgp-rc-tot{border:0;padding-bottom:0;font-weight:700}
.bgp-rc .bgp-rc-tot b{font-size:26px;letter-spacing:-.05em;color:var(--bgp-pink)}
.bgp-h{margin:0 0 22px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.045em;color:var(--bgp-ink)}
.bgp-b{padding:22px 0;border-top:1px solid rgba(13,11,20,.08)}
.bgp-lead{margin:0 0 14px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:21px;line-height:1.3;letter-spacing:-.035em;color:var(--bgp-ink)}
.bgp-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.bgp-chips+.bgp-chips{margin-top:8px}
.bgp-chips li{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:var(--bgp-warm);font-size:13px;font-weight:600}
.bgp-chips li::before{content:"";width:6px;height:6px;border-radius:50%;background:#00a876}
.bgp-ship li::before{background:var(--bgp-pink)}
.bgp-plans{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.bgp-plans li{display:grid;grid-template-columns:100px 1fr 48px;gap:12px;align-items:center;font-size:13.5px;font-weight:600;color:var(--bgp-mute)}
.bgp-plans i{position:relative;height:10px;border-radius:999px;background:var(--bgp-warm);overflow:hidden}
.bgp-plans i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--bgp-w);border-radius:999px;background:var(--bgp-pink)}
.bgp-plans b{font-family:'Comfortaa',sans-serif;text-align:right;color:var(--bgp-ink)}
.bgp-more{margin-top:14px}
.bgp-more summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--bgp-ink);border-bottom:1.5px solid rgba(13,11,20,.25);padding-bottom:3px}
.bgp-more summary::-webkit-details-marker{display:none}
.bgp-more summary b{color:var(--bgp-pink);font-weight:700;transition:transform .3s}
.bgp-more[open] summary b{transform:rotate(45deg)}
.bgp-more p{margin:14px 0 0;font-size:15px;line-height:1.75;color:#6b6878}
@media(max-width:1100px) and (min-width:901px){.bgp-wrap{gap:50px;align-items:start}.bgp-vis{position:sticky;top:100px}.bgp-rc{left:-16px;width:270px}}
@media(max-width:900px){
  .bgp{padding:72px 0}
  .bgp-wrap{grid-template-columns:1fr;gap:28px;padding:0 16px}
  .bgp-txt{order:-1}
  .bgp-vis{padding-bottom:0}
  .bgp-pic{aspect-ratio:1/1;border-radius:22px}
  .bgp-pic img{object-position:center 38%}
  .bgp-rc{position:relative;left:auto;bottom:auto;width:auto;max-width:92%;margin:-36px auto 0}
  .bgp-lead{font-size:19px}
  .bgp-plans li{grid-template-columns:92px 1fr 44px;font-size:13px}
  .bgp-chips li{font-size:12.5px;padding:7px 12px}
}

/* 05 · MOBILE FIRST PERFORMANCE (bgm-) — phone center + 2 cards */
.bgm{--bgm-pink:#fa294f;--bgm-ink:#0d0b14;--bgm-green:#00a876;--bgm-warm:#f4f2ee;position:relative;background:#fff;padding:80px 0;overflow:hidden;font-family:'DM Sans',sans-serif;color:var(--bgm-ink)}
.bgm *{box-sizing:border-box}
.bgm-wrap{position:relative;max-width:1240px;margin:0 auto;padding:0 40px}
.bgm-h{max-width:820px;margin:0 auto 50px;text-align:center;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.045em;color:var(--bgm-ink)}
.bgm-h span{color:var(--bgm-pink)}
.bgm-stage{display:grid;grid-template-columns:1fr 380px 1fr;gap:44px;align-items:center}
.bgm-stage>*{min-width:0}
.bgm-k{position:relative;z-index:2;padding:32px 30px 30px;border-radius:30px;box-shadow:0 40px 70px -50px rgba(13,11,20,.4)}
.bgm-l{background:linear-gradient(165deg,#fff0f3 0%,#fff 55%);border:1px solid rgba(250,41,79,.12)}
.bgm-r{background:linear-gradient(165deg,#e9f8f2 0%,#fff 55%);border:1px solid rgba(0,168,118,.14)}
.bgm-k::after{content:"";position:absolute;top:50%;width:44px;border-top:2px dashed rgba(13,11,20,.18)}
.bgm-l::after{right:-46px}.bgm-r::after{left:-46px}
.bgm-k::before{content:"";position:absolute;top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--bgm-pink)}
.bgm-l::before{right:-6px}.bgm-r::before{left:-6px;border-color:var(--bgm-green)}
.bgm-no{position:absolute;right:24px;top:22px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:13px;color:rgba(13,11,20,.25)}
.bgm-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.bgm-donut{position:relative;width:96px;height:96px;flex-shrink:0}
.bgm-donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.bgm-donut circle{fill:none;stroke-width:12}
.bgm-d-bg{stroke:#ffe3e9}.bgm-d-fg{stroke:var(--bgm-pink);stroke-linecap:round;stroke-dasharray:251.3;stroke-dashoffset:55.3}
.bgm-donut b{position:absolute;inset:0;display:grid;place-items:center;font-family:'Comfortaa',sans-serif;font-size:24px;letter-spacing:-.05em}
.bgm-pill{padding:7px 13px;border-radius:999px;background:var(--bgm-pink);color:#fff;font-size:12.5px;font-weight:700}
.bgm-lead{margin:0 0 14px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:20px;line-height:1.3;letter-spacing:-.035em;color:var(--bgm-ink)}
.bgm-race{display:grid;gap:10px;margin:2px 0 4px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(13,11,20,.06)}
.bgm-race p{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;margin:0;font-size:13px;font-weight:700}
.bgm-race i{position:relative;height:10px;border-radius:999px;background:var(--bgm-warm);overflow:hidden}
.bgm-race i::after{content:"";position:absolute;inset:0;border-radius:999px;transform-origin:left}
.bgm-fast::after{background:var(--bgm-green);transform:scaleX(.25);animation:bgmFast 4s ease-in-out infinite}
.bgm-slow::after{background:var(--bgm-pink);animation:bgmSlow 4s ease-in-out infinite}
@keyframes bgmFast{0%{transform:scaleX(0)}20%,100%{transform:scaleX(.25)}}
@keyframes bgmSlow{0%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}
.bgm-lab{display:inline-flex;margin-bottom:14px;padding:7px 13px;border-radius:999px;background:var(--bgm-green);color:#fff;font-size:12.5px;font-weight:700}
.bgm-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px;padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(13,11,20,.06)}
.bgm-ga{position:relative;aspect-ratio:1}
.bgm-ga svg{width:100%;height:100%;transform:rotate(-90deg)}
.bgm-ga circle{fill:none;stroke-width:8}
.bgm-ga-bg{stroke:#e7f7f1}
.bgm-ga-fg{stroke:var(--bgm-green);stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:calc(264 * (1 - var(--bgm-p)))}
.bgm-ga-t{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.bgm-ga-t b{font-family:'Comfortaa',sans-serif;font-size:19px;letter-spacing:-.04em;line-height:1}
.bgm-ga-t b small{font-size:10px;margin-left:1px}
.bgm-ga-t span{margin-top:4px;font-size:10.5px;font-weight:700;color:#00895f}
.bgm-more{margin-top:16px}
.bgm-more summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--bgm-ink);border-bottom:1.5px solid rgba(13,11,20,.25);padding-bottom:3px}
.bgm-more summary::-webkit-details-marker{display:none}
.bgm-more summary b{color:var(--bgm-pink);font-weight:700;transition:transform .3s}
.bgm-more[open] summary b{transform:rotate(45deg)}
.bgm-more p{margin:14px 0 0;font-size:15px;line-height:1.75;color:#6b6878}
.bgm-mid{position:relative;height:580px;display:grid;place-items:center}
.bgm-glow{position:absolute;left:50%;top:50%;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;background:radial-gradient(circle,#ffd6df 0%,#fff0f3 42%,rgba(255,255,255,0) 70%)}
.bgm-ring{position:absolute;left:50%;top:50%;border-radius:50%}
.bgm-r1{width:350px;height:350px;margin:-175px 0 0 -175px;border:1.5px dashed rgba(250,41,79,.3);animation:bgmSpin 50s linear infinite}
.bgm-r2{width:490px;height:490px;margin:-245px 0 0 -245px;border:1px solid rgba(13,11,20,.06)}
@keyframes bgmSpin{to{transform:rotate(360deg)}}
.bgm-ph{position:relative;z-index:2;width:240px;height:490px;padding:10px;border-radius:42px;background:var(--bgm-ink);box-shadow:0 70px 100px -45px rgba(13,11,20,.65),inset 0 0 0 2px #2a2733}
.bgm-ph::before{content:"";position:absolute;left:50%;top:18px;width:74px;height:20px;margin-left:-37px;border-radius:999px;background:var(--bgm-ink);z-index:3}
.bgm-scr{position:relative;width:100%;height:100%;border-radius:33px;overflow:hidden;background:#fff}
.bgm-scr img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.bgm-load{position:absolute;left:0;top:0;z-index:2;height:4px;width:100%;background:var(--bgm-green);transform-origin:left;animation:bgmLoad 4s ease-in-out infinite}
@keyframes bgmLoad{0%{transform:scaleX(0)}22%,100%{transform:scaleX(1)}}
.bgm-tg{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 18px 34px -16px rgba(13,11,20,.45);animation:bgmFloat 6s ease-in-out infinite}
.bgm-tg i{width:8px;height:8px;border-radius:50%;background:var(--bgm-green);box-shadow:0 0 0 4px rgba(0,168,118,.15)}
.bgm-t1{left:-8px;top:120px}
.bgm-t2{right:-16px;top:236px;background:var(--bgm-pink)!important;color:#fff;animation-delay:-2s}
.bgm-t2 i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.bgm-t3{left:0;top:372px;animation-delay:-4s}
@keyframes bgmFloat{50%{transform:translateY(-8px)}}
.bgm-speed{position:absolute;z-index:3;right:6px;top:56px;display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border-radius:16px;background:var(--bgm-ink);color:#fff;font-size:13px;font-weight:700;box-shadow:0 18px 34px -16px rgba(13,11,20,.6)}
.bgm-speed svg{width:14px;height:14px;color:#7ee0b8}
.bgm-w{position:absolute;z-index:3;left:50%;bottom:14px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid rgba(13,11,20,.1);font-size:12.5px;font-weight:700;box-shadow:0 14px 28px -18px rgba(13,11,20,.4)}
.bgm-w svg{width:14px;height:14px;color:var(--bgm-pink)}
@media(max-width:1100px){.bgm-stage{grid-template-columns:1fr 310px 1fr;gap:26px}.bgm-ph{width:205px;height:420px}.bgm-k{padding:26px 22px}.bgm-k::after,.bgm-k::before{display:none}.bgm-donut{width:80px;height:80px}.bgm-lead{font-size:18px}}
@media(max-width:900px){
  .bgm{padding:72px 0}
  .bgm::before{top:8%;height:40%}
  .bgm-wrap{padding:0 16px}
  .bgm-h{text-align:left;margin:0 0 10px}
  .bgm-stage{grid-template-columns:1fr;gap:14px}
  .bgm-mid{order:-1;height:500px}
  .bgm-ph{width:200px;height:410px}
  .bgm-glow{width:360px;height:360px;margin:-180px 0 0 -180px}
  .bgm-r1{width:300px;height:300px;margin:-150px 0 0 -150px}
  .bgm-r2{width:380px;height:380px;margin:-190px 0 0 -190px}
  .bgm-tg{font-size:12px;padding:8px 12px}
  .bgm-t1{left:0;top:100px}.bgm-t2{right:0;top:212px}.bgm-t3{left:4px;top:330px}
  .bgm-speed{right:4px;top:44px}
  .bgm-k{padding:24px 20px}
  .bgm-lead{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.bgm-r1,.bgm-tg,.bgm-load,.bgm-race i::after{animation:none!important}}

/* 06 · HOW WE WORK (bgw-) — tags + rising steps */
.bgw{--bgw-pink:#fa294f;--bgw-ink:#0d0b14;background:#fff;padding:110px 0;font-family:'DM Sans',sans-serif;color:var(--bgw-ink)}
.bgw *{box-sizing:border-box}
.bgw-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.bgw-head{text-align:center;max-width:860px;margin:0 auto 56px}
.bgw-h2{margin:0 0 18px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(32px,4vw,54px);line-height:1.06;letter-spacing:-.045em;color:var(--bgw-ink)}
.bgw-h2 span{color:var(--bgw-pink)}
.bgw-q{margin:0 auto 26px;max-width:720px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,28px);line-height:1.3;letter-spacing:-.035em;color:#3b3946}
.bgw-tags{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.bgw-tags li{display:inline-flex;align-items:center;gap:9px;padding:10px 16px 10px 10px;border-radius:999px;background:#fff;border:1px solid rgba(13,11,20,.1);font-size:14px;font-weight:700;box-shadow:0 14px 26px -22px rgba(13,11,20,.5)}
.bgw-tags svg{width:30px;height:30px;padding:6px;border-radius:50%;background:#fff0f3;color:var(--bgw-pink);flex-shrink:0}
.bgw-more{display:inline-block;margin-top:16px}
.bgw-more summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--bgw-ink);border-bottom:1.5px solid rgba(13,11,20,.25);padding-bottom:3px}
.bgw-more summary::-webkit-details-marker{display:none}
.bgw-more summary b{color:var(--bgw-pink);font-weight:700;transition:transform .3s}
.bgw-more[open] summary b{transform:rotate(45deg)}
.bgw-more p{margin:14px auto 0;max-width:720px;font-size:15px;line-height:1.75;color:#6b6878;text-align:left}
.bgw-proc{position:relative;padding:46px 44px 0;border-radius:36px;background:linear-gradient(180deg,#fff7f8 0%,#fff0f3 100%);overflow:hidden}
.bgw-ph{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 30px;margin-bottom:10px}
.bgw-h3{margin:0;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.035em;color:var(--bgw-ink)}
.bgw-ph p{margin:0;font-size:15px;color:#6b6878}
.bgw-road{position:relative;padding-top:120px}
.bgw-path{position:absolute;left:0;right:0;top:40px;width:100%;height:200px;pointer-events:none}
.bgw-steps{position:relative;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:end}
.bgw-steps li{display:flex;flex-direction:column;min-width:0}
.bgw-card{position:relative;z-index:2;padding:22px 20px 24px;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -10px 40px -30px rgba(13,11,20,.35);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.bgw-steps li:hover .bgw-card{transform:translateY(-6px)}
.bgw-pillar{display:block;height:calc(20px + var(--bgw-k) * 34px);background:linear-gradient(180deg,#ffd9e1,#ffc2cf)}
.bgw-steps li:last-child .bgw-card{background:var(--bgw-ink)}
.bgw-steps li:last-child .bgw-pillar{background:linear-gradient(180deg,#fa294f,#e01d43)}
.bgw-steps li:last-child .bgw-h4{color:#fff}
.bgw-steps li:last-child p{color:rgba(255,255,255,.72)}
.bgw-ic{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:14px;background:#fff0f3;color:var(--bgw-pink)}
.bgw-ic svg{width:22px;height:22px}
.bgw-steps li:last-child .bgw-ic{background:var(--bgw-pink);color:#fff}
.bgw-n{position:absolute;right:18px;top:20px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.05em;color:rgba(250,41,79,.25)}
.bgw-steps li:last-child .bgw-n{color:rgba(255,255,255,.25)}
.bgw-h4{margin:0 0 8px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:17px;line-height:1.25;letter-spacing:-.03em;color:var(--bgw-ink)}
.bgw-steps p{margin:0;font-size:13.5px;line-height:1.6;color:#6b6878}
@media(max-width:1100px){.bgw-proc{padding:36px 24px 0}.bgw-steps{gap:10px}.bgw-card{padding:18px 14px 20px}.bgw-h4{font-size:15.5px}.bgw-steps p{font-size:12.5px}}
@media(max-width:900px){
  .bgw{padding:72px 0}
  .bgw-wrap{padding:0 16px}
  .bgw-head{text-align:left;margin-bottom:34px}
  .bgw-tags{justify-content:flex-start}
  .bgw-tags li{font-size:13px;padding:8px 13px 8px 8px}
  .bgw-tags svg{width:26px;height:26px}
  .bgw-proc{padding:26px 16px;border-radius:26px}
  .bgw-road{padding-top:20px}
  .bgw-path,.bgw-pillar{display:none}
  .bgw-steps{grid-template-columns:1fr;gap:14px}
  .bgw-steps::before{content:"";position:absolute;left:37px;top:30px;bottom:30px;border-left:2px dashed rgba(250,41,79,.4)}
  .bgw-card{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:16px;border-radius:20px;box-shadow:0 20px 30px -26px rgba(13,11,20,.35)}
  .bgw-steps li:hover .bgw-card{transform:none}
  .bgw-ic{grid-row:1/3;margin:0}
  .bgw-h4{margin-top:2px;padding-right:34px}
  .bgw-n{top:14px;right:14px;font-size:20px}
}
@media(prefers-reduced-motion:reduce){.bgw-card{transition:none}}

/* 07 · HIRE A DEDICATED DEVELOPER (bgd-) — image banner + price cards */
.bgd{--bgd-pink:#fa294f;--bgd-ink:#0d0b14;background:#fff;padding:110px 0;font-family:'DM Sans',sans-serif;color:var(--bgd-ink)}
.bgd *{box-sizing:border-box}
.bgd-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.bgd-ban{position:relative;min-height:500px;border-radius:34px;overflow:hidden;display:flex;align-items:flex-start}
.bgd-ban>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:70% center}
.bgd-box{position:relative;max-width:600px;margin:30px 30px 110px;padding:34px;border-radius:26px;background:rgba(13,11,20,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}
.bgd-h2{margin:0 0 16px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.045em;color:#fff}
.bgd-h2 span{color:var(--bgd-pink)}
.bgd-box p{margin:0 0 24px;font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.82)}
.bgd-btn{display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 24px;border-radius:999px;background:var(--bgd-pink);color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 16px 30px -14px rgba(250,41,79,.7);transition:transform .3s,background .3s}
.bgd-btn i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--bgd-pink);transition:transform .35s}
.bgd-btn svg{width:17px;height:17px}
.bgd-btn:hover{transform:translateY(-2px);background:#fff;color:var(--bgd-ink)}.bgd-btn:hover i{transform:rotate(45deg);background:var(--bgd-pink);color:#fff}
.bgd-plans{position:relative;margin:-80px 30px 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bgd-plans li{display:flex;flex-direction:column;min-width:0;padding:26px 22px;border-radius:24px;background:#fff;border:1px solid rgba(13,11,20,.06);box-shadow:0 30px 50px -36px rgba(13,11,20,.45);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.bgd-plans li:hover{transform:translateY(-6px)}
.bgd-h3{margin:0 0 8px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.03em;color:inherit}
.bgd-get{flex:1;margin:0 0 14px;font-size:13.5px;line-height:1.6;color:#6b6878}
.bgd-pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0}
.bgd-pr b{font-family:'Comfortaa',sans-serif;font-size:28px;letter-spacing:-.05em;line-height:1.1}
.bgd-pr small{font-size:13px;font-weight:600;color:#6b6878}
.bgd-plans li.bgd-hl{background:var(--bgd-pink);color:#fff;border-color:transparent;box-shadow:0 34px 56px -30px rgba(250,41,79,.6)}
.bgd-hl .bgd-get,.bgd-hl .bgd-pr small{color:rgba(255,255,255,.88)}
.bgd-fx{display:grid;grid-template-columns:1fr 1fr;margin-top:56px;border-top:1px solid rgba(13,11,20,.1)}
.bgd-fx>*{min-width:0}
.bgd-fb{padding:30px 34px 6px 0}
.bgd-fb+.bgd-fb{padding-left:34px;padding-right:0;border-left:1px solid rgba(13,11,20,.1)}
.bgd-lead{margin:0 0 14px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:20px;line-height:1.3;letter-spacing:-.035em}
.bgd-t{margin:0;font-weight:700;font-size:15px;color:#3b3946}
.bgd-t i{font-style:normal;margin:0 10px;color:var(--bgd-pink)}
.bgd-more{margin-top:14px}
.bgd-more summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--bgd-ink);border-bottom:1.5px solid rgba(13,11,20,.25);padding-bottom:3px}
.bgd-more summary::-webkit-details-marker{display:none}
.bgd-more summary b{color:var(--bgd-pink);font-weight:700;transition:transform .3s}
.bgd-more[open] summary b{transform:rotate(45deg)}
.bgd-more p{margin:14px 0 0;font-size:15px;line-height:1.75;color:#6b6878}
@media(max-width:1000px){.bgd-plans{grid-template-columns:1fr 1fr;margin:-60px 14px 0}}
@media(max-width:900px){
  .bgd{padding:72px 0}
  .bgd-wrap{padding:0 16px}
  .bgd-fx{grid-template-columns:1fr;margin-top:40px}
  .bgd-fb{padding:24px 0 6px}
  .bgd-fb+.bgd-fb{padding-left:0;border-left:0;border-top:1px solid rgba(13,11,20,.1)}
}
@media(max-width:600px){
  .bgd-ban{display:block;min-height:0;border-radius:0;overflow:visible}
  .bgd-ban>img{position:relative;inset:auto;aspect-ratio:4/3;height:auto;border-radius:24px;object-position:72% center}
  .bgd-box{margin:-50px 10px 0;padding:24px 22px}
  .bgd-plans{grid-template-columns:1fr;margin:14px 0 0}
  .bgd-plans li:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.bgd-plans li,.bgd-btn,.bgd-btn i{transition:none}}


/* 08 · FAQ (bgq-) — 2-column cards */
.bgq{--bgq-pink:#fa294f;--bgq-ink:#0d0b14;background:#fff;padding:110px 0;font-family:'DM Sans',sans-serif;color:var(--bgq-ink)}
.bgq *{box-sizing:border-box}
.bgq-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.bgq-h2{margin:0 0 40px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(32px,4vw,54px);line-height:1.06;letter-spacing:-.045em;color:var(--bgq-ink)}
.bgq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;align-items:start}
.bgq-col{display:grid;gap:12px;min-width:0}
.bgq-item{padding:0 22px;border-radius:22px;border:1px solid rgba(13,11,20,.1);background:#fff;transition:background .3s,border-color .3s}
.bgq-item[open]{background:#fff7f8;border-color:rgba(250,41,79,.3)}
.bgq-item>summary{display:grid;grid-template-columns:44px 1fr 38px;gap:10px;align-items:center;padding:22px 0;list-style:none;cursor:pointer}
.bgq-item>summary::-webkit-details-marker{display:none}
.bgq-item>summary:focus-visible{outline:2px solid var(--bgq-pink);outline-offset:4px;border-radius:10px}
.bgq-n{font-family:'Comfortaa',sans-serif;font-weight:700;font-size:13px;color:var(--bgq-pink)}
.bgq-q{margin:0;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:17px;line-height:1.3;letter-spacing:-.03em;color:var(--bgq-ink)}
.bgq-item>summary i{position:relative;width:38px;height:38px;border-radius:50%;background:#f4f2ee;transition:background .3s,transform .35s}
.bgq-item>summary i::before,.bgq-item>summary i::after{content:"";position:absolute;left:12px;top:18px;width:14px;height:2px;border-radius:2px;background:var(--bgq-ink)}
.bgq-item>summary i::after{transform:rotate(90deg)}
.bgq-item[open]>summary i{background:var(--bgq-pink);transform:rotate(45deg)}
.bgq-item[open]>summary i::before,.bgq-item[open]>summary i::after{background:#fff}
.bgq-item>p{margin:0;padding:0 10px 24px 54px;font-size:14.5px;line-height:1.8;color:#6b6878}
@media(max-width:900px){
  .bgq{padding:72px 0}
  .bgq-wrap{padding:0 16px}
  .bgq-h2{margin-bottom:28px}
  .bgq-grid{grid-template-columns:1fr}
  .bgq-item{padding:0 16px}
  .bgq-item>summary{grid-template-columns:30px 1fr 34px;padding:18px 0}
  .bgq-q{font-size:16px}
  .bgq-item>summary i{width:34px;height:34px}
  .bgq-item>summary i::before,.bgq-item>summary i::after{left:10px;top:16px}
  .bgq-item>p{padding:0 0 20px 40px;font-size:14.5px}
}
@media(prefers-reduced-motion:reduce){.bgq-item,.bgq-item>summary i{transition:none}}

/* 09 · CTA (bgz-) — light box + store phones + brief card */
.bgz{--bgz-pink:#fa294f;--bgz-ink:#0d0b14;background:#fff;padding:100px 0 120px;font-family:'DM Sans',sans-serif;color:var(--bgz-ink);scroll-margin-top:80px}
.bgz *{box-sizing:border-box}
.bgz-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.bgz-box{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:70px 60px;border-radius:44px;background:linear-gradient(135deg,#fff0f3 0%,#fff 55%,#f7f4ef 100%);border:1px solid rgba(250,41,79,.12);overflow:hidden;box-shadow:0 50px 90px -70px rgba(250,41,79,.5)}
.bgz-box>*{min-width:0}
.bgz-box::before{content:"";position:absolute;right:-120px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#ffd3dd 0%,rgba(255,211,221,0) 65%);pointer-events:none}
.bgz-box::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(250,41,79,.13) 1.2px,transparent 1.3px);background-size:22px 22px;-webkit-mask:linear-gradient(90deg,transparent 45%,#000);mask:linear-gradient(90deg,transparent 45%,#000);pointer-events:none}
.bgz-t{position:relative;z-index:2}
.bgz-h2{margin:0 0 20px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.045em;color:var(--bgz-ink)}
.bgz-h2 span{color:var(--bgz-pink)}
.bgz-t p{max-width:520px;margin:0 0 32px;font-size:17px;line-height:1.75;color:#3b3946}
.bgz-btn{display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 26px;border-radius:999px;background:var(--bgz-pink);color:#fff;font-size:15.5px;font-weight:600;text-decoration:none;box-shadow:0 16px 30px -14px rgba(250,41,79,.7);transition:transform .3s,background .3s}
.bgz-btn i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--bgz-pink);transition:transform .35s}
.bgz-btn svg{width:18px;height:18px}
.bgz-btn:hover{transform:translateY(-2px);background:var(--bgz-ink);color:#fff}.bgz-btn:hover i{transform:rotate(45deg)}
.bgz-vis{position:relative;z-index:2;height:460px}
.bgz-ring{position:absolute;left:50%;top:50%;width:400px;height:400px;margin:-200px 0 0 -200px;border-radius:50%;border:1.5px dashed rgba(250,41,79,.3);animation:bgzSpin 60s linear infinite}
@keyframes bgzSpin{to{transform:rotate(360deg)}}
.bgz-shot{position:absolute;top:30px;left:50%;width:170px;height:330px;border:6px solid #fff;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 40px 70px -36px rgba(13,11,20,.45)}
.bgz-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.bgz-s1{margin-left:-205px;top:70px;transform:rotate(-9deg);opacity:.9}
.bgz-s3{margin-left:40px;top:70px;transform:rotate(9deg);opacity:.9}
.bgz-s2{margin-left:-95px;z-index:2;width:190px;height:370px;border-color:var(--bgz-ink)}
.bgz-card{position:absolute;z-index:3;left:-10px;bottom:10px;width:250px;padding:18px;border-radius:22px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 30px 60px -28px rgba(13,11,20,.4);animation:bgzFloat 7s ease-in-out infinite}
.bgz-ct{margin:0 0 12px;font-family:'Comfortaa',sans-serif;font-weight:700;font-size:15px;letter-spacing:-.02em}
.bgz-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.bgz-card li{display:grid;grid-template-columns:26px 1fr 20px;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;background:#f7f4ef;font-size:13.5px;font-weight:700}
.bgz-card li span{font-size:11px;color:var(--bgz-pink)}
.bgz-card li i{position:relative;width:20px;height:20px;border-radius:50%;background:#00a876}
.bgz-card li i::after{content:"";position:absolute;left:6px;top:5px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.bgz-rep{position:absolute;z-index:3;right:-6px;top:40px;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 12px;border-radius:20px 20px 6px 20px;background:var(--bgz-pink);color:#fff;font-weight:700;font-size:14px;box-shadow:0 24px 40px -18px rgba(250,41,79,.6);animation:bgzFloat 7s ease-in-out infinite;animation-delay:-3s}
.bgz-rep svg{width:34px;height:34px;padding:7px;border-radius:50%;background:rgba(255,255,255,.2)}
.bgz-rep b{font-family:'Comfortaa',sans-serif;font-size:22px;letter-spacing:-.04em}
@keyframes bgzFloat{50%{transform:translateY(-8px)}}
@media(max-width:1100px){.bgz-box{padding:50px 34px;gap:20px}.bgz-card{left:-20px;width:220px}}
@media(max-width:900px){
  .bgz{padding:64px 0 80px}
  .bgz-wrap{padding:0 16px}
  .bgz-box{grid-template-columns:1fr;padding:38px 22px 24px;border-radius:30px}
  .bgz-vis{height:420px}
  .bgz-ring{width:300px;height:300px;margin:-150px 0 0 -150px}
  .bgz-shot{width:120px;height:235px;border-width:4px;border-radius:22px}
  .bgz-s2{width:140px;height:275px;margin-left:-70px}
  .bgz-s1{margin-left:-160px;top:55px}
  .bgz-s3{margin-left:40px;top:55px}
  .bgz-card{left:0;bottom:0;width:215px;padding:14px}
  .bgz-card li{font-size:12.5px;padding:8px 10px}
  .bgz-rep{right:0;top:10px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.bgz-ring,.bgz-card,.bgz-rep{animation:none}.bgz-btn,.bgz-btn i{transition:none}}

/* ================= Medilab India case study · KW07-C (mlc) ================= */
.mlc{--mlc-pink:#fa294f;--mlc-ink:#0d0b14;--mlc-text:#3b3946;--mlc-blush:#fff0f3;
  background:var(--mlc-blush);color:var(--mlc-ink);padding:110px 0;text-align:center;overflow:hidden;font-family:"DM Sans",sans-serif}
.mlc *{box-sizing:border-box}
.mlc-wrap{max-width:1240px;margin:0 auto;padding:0 32px}

.mlc-hd{max-width:900px;margin:0 auto}
.mlc-title{margin:0;font-family:Comfortaa,sans-serif;font-weight:700;font-size:clamp(32px,4.4vw,58px);line-height:1.05;letter-spacing:-.045em}
.mlc-title span{display:block;color:var(--mlc-pink)}

.mlc-meta{list-style:none;display:inline-flex;flex-wrap:wrap;justify-content:center;margin:26px 0 0;padding:6px;border-radius:18px;background:#fff;box-shadow:0 14px 30px -24px rgba(13,11,20,.4)}
.mlc-meta li{display:flex;flex-direction:column;gap:2px;padding:8px 20px;text-align:left}
.mlc-meta li+li{border-left:1px solid rgba(13,11,20,.1)}
.mlc-meta span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8794;font-weight:600}
.mlc-meta b{font-size:14.5px}
.mlc-meta a{color:var(--mlc-pink);text-decoration:none}
.mlc-meta a:hover{text-decoration:underline;text-underline-offset:3px}
.mlc-meta svg{width:11px;height:11px;vertical-align:middle}

.mlc-about{max-width:760px;margin:30px auto 0}
.mlc-about p{margin:0 0 12px;color:var(--mlc-text);font-size:17px;line-height:1.65}
.mlc-about p:first-of-type{font-family:Comfortaa,sans-serif;font-weight:700;color:var(--mlc-ink);font-size:20px;line-height:1.45}
.mlc-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.mlc-h{margin:44px 0 18px;font-family:Comfortaa,sans-serif;font-weight:700;font-size:24px;letter-spacing:-.03em}

.mlc-grid{display:grid;grid-template-columns:1fr 460px 1fr;gap:20px;align-items:center;margin-top:10px}
.mlc-grid>*{min-width:0}

.mlc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mlc-list li{display:flex;gap:12px;align-items:center;padding:13px 16px;border-radius:14px;background:#fff;font-weight:700;font-size:14px;line-height:1.4}
.mlc-list span{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--mlc-pink);color:#fff;font-family:Comfortaa,sans-serif;font-size:11px}
.mlc-list--l{text-align:right}
.mlc-list--l li{flex-direction:row-reverse}
.mlc-list--r{text-align:left}
.mlc-list--r span{background:var(--mlc-ink)}

.mlc-stage{position:relative;display:flex;justify-content:center;align-items:flex-end;height:480px}
.mlc-stage::before{content:"";position:absolute;left:50%;bottom:0;width:460px;height:320px;margin-left:-230px;border-radius:50% 50% 30px 30px;background:radial-gradient(closest-side,#ffd3dd,rgba(255,211,221,0))}
.mlc-ph{position:relative;flex:none;width:150px;height:310px;margin-bottom:20px;border:6px solid var(--mlc-ink);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 40px 60px -30px rgba(13,11,20,.5)}
.mlc-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.mlc-ph--l{transform:rotate(-8deg) translateX(40px)}
.mlc-ph--r{transform:rotate(8deg) translateX(-40px)}
.mlc-ph--c{z-index:2;width:190px;height:400px;margin-bottom:0}

.mlc-res{position:relative;max-width:900px;margin:54px auto 0;padding:40px 44px;border-radius:32px;background:var(--mlc-ink);color:#fff;overflow:hidden}
.mlc-res::before{content:"";position:absolute;left:50%;top:0;width:80px;height:4px;margin-left:-40px;border-radius:0 0 4px 4px;background:var(--mlc-pink)}
.mlc-res__k{margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--mlc-pink)}
.mlc-res__t{margin:0}
.mlc-res__t p{margin:0;font-family:Comfortaa,sans-serif;font-weight:700;font-size:clamp(22px,2.8vw,34px);line-height:1.3}
.mlc-res__by{margin:16px 0 0;font-size:14px;color:rgba(255,255,255,.55)}

@media (max-width:1100px){
  .mlc-grid{grid-template-columns:1fr 380px 1fr}
  .mlc-ph{width:130px;height:270px}.mlc-ph--c{width:165px;height:350px}
}
@media (max-width:900px){
  .mlc{padding:72px 0}
  .mlc-wrap{padding:0 16px}
  .mlc-meta{display:flex;flex-direction:column;align-items:stretch}
  .mlc-meta li+li{border-left:0;border-top:1px solid rgba(13,11,20,.08)}
  .mlc-about p:first-of-type{font-size:17px}
  .mlc-about p{font-size:15.5px}
  .mlc-grid{grid-template-columns:1fr;gap:10px}
  .mlc-stage{order:-1;height:340px;margin-bottom:10px}
  .mlc-stage::before{width:340px;height:220px;margin-left:-170px}
  .mlc-ph{width:118px;height:250px;border-width:4px;border-radius:20px}
  .mlc-ph--l{transform:rotate(-8deg) translateX(26px)}
  .mlc-ph--r{transform:rotate(8deg) translateX(-26px)}
  .mlc-ph--c{width:140px;height:300px}
  .mlc-list--l,.mlc-list--r{text-align:left}
  .mlc-list--l li{flex-direction:row}
  .mlc-res{padding:28px 22px}
}