/* ████████████████████████████████████████████████████████████████████
   SHOPIFY vs WOOCOMMERCE — "scoreboard / rounds" page, no page wrapper
   wch hero · wcg glance · wcd what-is · wcp pricing · wce ease · wcx customization · wcs seo
   wcy security · wcm payments · wco scale/support/shipping · wcf which-fits · wcw switching · wcq faq · wcz cta
   ████████████████████████████████████████████████████████████████████ */
:root{
  --wc-brand:#fa294f;--wc-brand2:#ff3d63;--wc-ink:#0d0b14;--wc-black:#050608;--wc-ground:#f4f2ee;--wc-paper:#fbfafb;
  --wc-mute:#5c5866;--wc-soft:#8a8694;--wc-line:rgba(13,11,20,.09);--wc-green:#00a876;--wc-woo:#2b2735;--wc-ease:cubic-bezier(.16,1,.3,1);
  --wc-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.wch svg,.wcg svg,.wcd svg,.wcp svg,.wce svg,.wcx svg,.wcs svg,.wcy svg,.wcm svg,.wco svg,.wcf svg,.wcw svg,.wcq svg,.wcz svg{width:1em;height:1em;flex-shrink:0}
.wch-wrap,.wcg-wrap,.wcd-wrap,.wcp-wrap,.wce-wrap,.wcx-wrap,.wcs-wrap,.wcy-wrap,.wcm-wrap,.wco-wrap,.wcf-wrap,.wcw-wrap,.wcq-wrap,.wcz-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.wch-wrap,.wcg-wrap,.wcd-wrap,.wcp-wrap,.wce-wrap,.wcx-wrap,.wcs-wrap,.wcy-wrap,.wcm-wrap,.wco-wrap,.wcf-wrap,.wcw-wrap,.wcq-wrap,.wcz-wrap{padding:0 32px}}
.wcg-h2,.wcd-h2,.wcp-h2,.wce-h2,.wcx-h2,.wcs-h2,.wcy-h2,.wcm-h2,.wcf-h2,.wcw-h2,.wcq-h2,.wcz-h2{margin:0 0 14px;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
/* round chips (each section has its own class) */
.wcp-round,.wce-round,.wcx-round,.wcs-round,.wcy-round,.wcm-round,.wco-round{display:inline-flex;gap:6px;margin-bottom:14px;padding:6px 12px;border-radius:999px;background:var(--wc-ink);color:rgba(255,255,255,.7);font-family:var(--wc-mono);font-size:11.5px}
.wce-round b,.wcy-round b,.wco-r-s .wco-round b{color:#ff8fa3}
.wcx-round b,.wcs-round b,.wcm-round b{color:#fbd38d}
.wcx .wcx-round{background:#fff;color:var(--wc-mute)}
.wcx .wcx-round b{color:var(--wc-woo)}

/* ═══ 01 · HERO (wch) ═══ */
.wch{position:relative;overflow:hidden;padding:128px 0 80px;background:var(--wc-black);color:#fff}
@media(min-width:1024px){.wch{padding:150px 0 104px}}
.wch-sprite{position:absolute;width:0!important;height:0!important;overflow:hidden}
.wch-board{display:grid;gap:12px;padding:16px;border-radius:28px;background:#0f0e15;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 6px #08070b}
@media(min-width:1024px){.wch-board{grid-template-columns:1fr 1.5fr 1fr;padding:20px}}
.wch-board>*{min-width:0}
.wch-team{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:22px;border-radius:18px}
.wch-shop{background:linear-gradient(160deg,var(--wc-brand),#b3123a)}
.wch-woo{background:linear-gradient(160deg,var(--wc-woo),#0d0b14);text-align:right;align-items:flex-end}
.wch-tk{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.wch-tn{font-size:clamp(26px,3.2vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1}
.wch-tp{font-family:var(--wc-mono);font-size:13px;opacity:.85}
.wch-mid{display:flex;align-items:center;justify-content:center;padding:18px;border-radius:18px;background:#08070b;text-align:center}
@media(max-width:1023px){.wch-mid{order:-1}}
.wch-h1{margin:0;font-weight:700;font-size:clamp(36px,8vw,60px);line-height:.98;letter-spacing:-.055em}
.wch-h1 span{display:block}
.wch-h1 em{display:inline-block;margin:.08em 0;padding:4px 16px;border-radius:999px;background:#fff;color:var(--wc-ink);font-size:.38em;font-style:normal;letter-spacing:0;vertical-align:middle}
.wch-rounds{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
@media(min-width:700px){.wch-rounds{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1180px){.wch-rounds{grid-template-columns:repeat(8,1fr)}}
.wch-r a{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:background .2s,transform .2s}
.wch-r a:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.wch-rn{font-family:var(--wc-mono);font-size:10.5px;color:rgba(255,255,255,.4)}
.wch-rl{font-size:13px;font-weight:700}
.wch-rv{margin-top:4px;align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.wch-r-s .wch-rv{background:var(--wc-brand)}
.wch-r-w .wch-rv{background:var(--wc-woo)}
.wch-r-t .wch-rv{background:rgba(255,255,255,.18)}
.wch-copy{display:grid;gap:16px;margin-top:32px}
@media(min-width:1024px){.wch-copy{grid-template-columns:1.3fr 1fr;gap:48px}}
.wch-lead{margin:0;font-size:17px;line-height:1.75;color:rgba(255,255,255,.8)}
.wch-bias{margin:0;padding:16px 18px;border-radius:16px;border:1px dashed rgba(255,255,255,.25);font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.7)}
.wch-bias b{color:#fbd38d}

/* ═══ 02 · GLANCE (wcg) ═══ */
.wcg{background:var(--wc-paper);color:var(--wc-ink);padding:88px 0}
@media(min-width:768px){.wcg{padding:120px 0}}
.wcg-head{max-width:820px;margin:0 auto 32px;text-align:center}
.wcg-p{margin:0;font-size:16px;line-height:1.75;color:var(--wc-mute)}
.wcg-board{border-radius:24px;overflow:hidden;border:1px solid var(--wc-line);background:#fff}
.wcg-tr{display:grid;grid-template-columns:1fr;border-top:1px solid var(--wc-line)}
@media(min-width:820px){.wcg-tr{grid-template-columns:1fr 200px 1fr}}
.wcg-th{display:none}
@media(min-width:820px){.wcg-th{display:grid;border-top:0}.wcg-th span{padding:16px 20px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:center}.wcg-th span:first-child{background:var(--wc-brand);color:#fff}.wcg-th span:last-child{background:var(--wc-woo);color:#fff}.wcg-th span:nth-child(2){color:var(--wc-soft)}}
.wcg-s,.wcg-w{padding:12px 20px;font-size:14px;line-height:1.55}
.wcg-a{padding:14px 20px 4px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--wc-soft)}
@media(min-width:820px){
  .wcg-s{text-align:right;border-right:3px solid rgba(250,41,79,.25)}
  .wcg-w{border-left:3px solid rgba(13,11,20,.25)}
  .wcg-a{display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;background:var(--wc-ground);color:var(--wc-ink)}
  .wcg-tr:hover .wcg-s{background:rgba(250,41,79,.04)}
  .wcg-tr:hover .wcg-w{background:rgba(13,11,20,.05)}
}
@media(max-width:819px){
  .wcg-a{order:-1;background:var(--wc-ground)}
  .wcg-s::before{content:'Shopify · ';font-weight:800;color:var(--wc-brand)}
  .wcg-w::before{content:'WooCommerce · ';font-weight:800;color:var(--wc-woo)}
}
.wcg-note{margin:16px 0 0;font-size:13px;color:var(--wc-soft);text-align:center}

/* ═══ 03 · WHAT IS (wcd) ═══ */
.wcd{background:var(--wc-ground);color:var(--wc-ink);padding:88px 0}
@media(min-width:768px){.wcd{padding:112px 0}}
.wcd-wrap{display:grid;gap:16px}
@media(min-width:1024px){.wcd-wrap{grid-template-columns:1fr 1fr}}
.wcd-card{min-width:0;padding:26px;border-radius:20px;background:#fff;border:1px solid var(--wc-line);box-shadow:0 30px 60px -44px rgba(13,11,20,.4)}
@media(min-width:1024px){.wcd-card{padding:34px}}
.wcd-shop{border-top:8px solid var(--wc-brand)}
.wcd-woo{border-top:8px solid var(--wc-woo)}
.wcd-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.wcd-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--wc-ground);font-size:12px;font-weight:800}
.wcd-shop .wcd-badge{color:var(--wc-brand)}
.wcd-woo .wcd-badge{color:var(--wc-woo)}
.wcd-id{font-family:var(--wc-mono);font-size:11px;color:var(--wc-soft)}
.wcd-h2{font-size:clamp(24px,3vw,34px)}
.wcd-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 18px}
@media(max-width:560px){.wcd-facts{grid-template-columns:1fr 1fr}}
.wcd-facts div{padding:10px;border-radius:10px;background:var(--wc-ground)}
.wcd-facts dt{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wc-soft)}
.wcd-facts dd{margin:2px 0 0;font-size:13.5px;font-weight:700}
.wcd-card p{margin:0 0 12px;font-size:14.5px;line-height:1.78;color:var(--wc-mute)}

/* ═══ 04 · PRICING (wcp) ═══ */
.wcp{background:var(--wc-paper);color:var(--wc-ink);padding:88px 0}
@media(min-width:768px){.wcp{padding:120px 0}}
.wcp-head{max-width:860px;margin-bottom:32px}
.wcp-p{margin:0;font-size:16px;line-height:1.75;color:var(--wc-mute)}
.wcp-h3{margin:0 0 12px;font-weight:700;font-size:clamp(19px,2.1vw,24px);letter-spacing:-.02em}
.wcp-text{margin:0 0 14px;font-size:14.5px;line-height:1.78;color:var(--wc-mute)}
.wcp-text b{color:var(--wc-ink)}
.wcp-text a{color:var(--wc-brand);font-weight:700}
.wcp-grid{display:grid;gap:16px;margin-bottom:16px}
@media(min-width:1024px){.wcp-grid{grid-template-columns:1fr 1.15fr;align-items:start}}
.wcp-grid>*{min-width:0}
.wcp-shop,.wcp-woo{padding:26px;border-radius:24px}
.wcp-shop{background:rgba(250,41,79,.05);border:1.5px solid rgba(250,41,79,.25)}
.wcp-woo{background:rgba(13,11,20,.06);border:1.5px solid rgba(13,11,20,.25)}
.wcp-plans{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
.wcp-plans div{padding:14px;border-radius:14px;background:#fff}
.wcp-plans span{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--wc-soft)}
.wcp-plans b{display:block;margin:4px 0;font-size:22px;font-weight:800;letter-spacing:-.03em}
.wcp-plans small{font-size:11.5px;font-weight:600;color:var(--wc-soft)}
.wcp-plans em{font-style:normal;font-size:11.5px;color:var(--wc-mute)}
.wcp-plans .wcp-plus{background:var(--wc-ink);color:#fff}
.wcp-plus em,.wcp-plus small{color:rgba(255,255,255,.6)!important}
.wcp-stack{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:4px}
.wcp-stack li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:#fff;font-size:13px;border-left:4px solid rgba(13,11,20,calc(.25 + var(--wcp-i) * .1))}
.wcp-stack li span{color:var(--wc-mute)}
.wcp-stack li b{font-family:var(--wc-mono);font-size:12px;text-align:right}
.wcp-stack .wcp-tco{background:var(--wc-woo);color:#fff;border-left:0}
.wcp-stack .wcp-tco span{color:rgba(255,255,255,.85);font-weight:700}
.wcp-stack .wcp-tco b{font-size:13.5px}
@media(max-width:520px){.wcp-stack li{flex-direction:column;gap:2px}.wcp-stack li b{text-align:left}}
.wcp-fees{display:grid;gap:16px;padding:26px;border-radius:26px;background:var(--wc-ground);scroll-margin-top:100px}
@media(min-width:1024px){.wcp-fees{grid-template-columns:1fr 1fr;padding:36px;column-gap:40px}.wcp-india{grid-column:1/-1}}
.wcp-fees>*{min-width:0}
.wcp-verdict{display:inline-block;margin-bottom:12px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wcp-v-w{background:var(--wc-woo);color:#fff}
.wcp-ft{margin-bottom:14px;border-radius:14px;overflow:hidden;background:#fff}
.wcp-ftr{display:grid;gap:4px;padding:12px 14px;border-top:1px solid var(--wc-line);font-size:13px;line-height:1.55}
.wcp-ftr:first-child{border-top:0}
.wcp-ftr span{color:var(--wc-mute)}
.wcp-duel{margin:0;align-self:center;padding:22px;border-radius:20px;background:var(--wc-ink);color:#fff}
.wcp-duel-k{margin:0 0 16px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fbd38d}
.wcp-duel-row{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700}
@media(max-width:520px){.wcp-duel-row{grid-template-columns:1fr auto}.wcp-duel-row i{grid-column:1/-1;grid-row:2}}
.wcp-duel-row i{display:flex;width:var(--wcp-w);height:34px;border-radius:8px;overflow:hidden}
.wcp-duel-row em{flex:1;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10.5px;white-space:nowrap;background:#6b6578}
.wcp-duel-row em+em{background:var(--wc-brand)}
.wcp-duel-woo em{background:var(--wc-woo)}
.wcp-duel-row b{font-family:var(--wc-mono);font-size:14px}
.wcp-duel figcaption{font-size:11px;color:rgba(255,255,255,.4)}
.wcp-india p{margin:0 0 12px;font-size:14.5px;line-height:1.78;color:var(--wc-mute)}

/* ═══ 05 · EASE (wce) ═══ */
.wce{background:var(--wc-ground);color:var(--wc-ink);padding:88px 0}
@media(min-width:768px){.wce{padding:120px 0}}
.wce-head{max-width:820px;margin-bottom:32px}
.wce-p{margin:0;font-size:16px;line-height:1.75;color:var(--wc-mute)}
.wce-journeys{display:grid;gap:16px}
@media(min-width:1024px){.wce-journeys{grid-template-columns:1fr 1fr;align-items:start}}
.wce-j{min-width:0;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--wc-line)}
.wce-j-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.wce-h3{margin:0;font-weight:700;font-size:20px;letter-spacing:-.02em}
.wce-count{padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:#fff}
.wce-count b{font-size:16px}
.wce-j-s .wce-count{background:var(--wc-brand)}
.wce-j-w .wce-count{background:var(--wc-woo)}
.wce-steps{list-style:none;margin:0 0 18px;padding:0;counter-reset:wce;position:relative}
.wce-steps::before{content:'';position:absolute;left:13px;top:12px;bottom:12px;width:2px;background:var(--wc-line)}
.wce-steps li{counter-increment:wce;position:relative;display:flex;align-items:center;gap:12px;padding:6px 0;font-size:14px;font-weight:600}
.wce-steps li::before{content:counter(wce);position:relative;flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}
.wce-j-s .wce-steps li::before{background:var(--wc-brand)}
.wce-j-w .wce-steps li::before{background:var(--wc-woo)}
.wce-j p{margin:0 0 12px;font-size:14.5px;line-height:1.78;color:var(--wc-mute)}

/* ═══ 06 · CUSTOMIZATION (wcx) ═══ */
.wcx{background:var(--wc-black);color:#fff;padding:88px 0}
@media(min-width:768px){.wcx{padding:120px 0}}
.wcx-head{max-width:820px;margin-bottom:32px}
.wcx-p{margin:0;font-size:16px;line-height:1.75;color:rgba(255,255,255,.65)}
.wcx-face{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:28px}
@media(min-width:900px){.wcx-face{grid-template-columns:repeat(4,1fr)}}
.wcx-num{padding:20px;border-radius:18px;background:rgba(250,41,79,.1);border:1px solid rgba(250,41,79,.3)}
.wcx-num-w{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}
.wcx-num span{display:block;font-size:12px;font-weight:700;color:rgba(255,255,255,.6)}
.wcx-num b{display:block;margin:6px 0 4px;font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.04em;line-height:1}
.wcx-num em{font-style:normal;font-size:12px;color:rgba(255,255,255,.5)}
.wcx-cols{columns:1;column-gap:40px}
@media(min-width:900px){.wcx-cols{columns:2}}
.wcx-cols p{break-inside:avoid;margin:0 0 16px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.66)}
.wcx-cols a{color:#ff8fa3;font-weight:700}

/* ═══ 07 · SEO (wcs) ═══ */
.wcs{background:var(--wc-paper);color:var(--wc-ink);padding:88px 0}
@media(min-width:768px){.wcs{padding:120px 0}}
.wcs-head{max-width:860px;margin-bottom:28px}
.wcs-p{margin:0;font-size:16px;line-height:1.75;color:var(--wc-mute)}
.wcs-urls{display:grid;gap:8px;margin-bottom:20px}
@media(min-width:900px){.wcs-urls{grid-template-columns:1fr 1fr}}
.wcs-url{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;border-radius:14px;background:var(--wc-ink);color:#fff;min-width:0}
.wcs-url-k{padding:3px 9px;border-radius:6px;background:var(--wc-brand);font-size:11px;font-weight:800}
.wcs-url-w .wcs-url-k{background:#fff;color:var(--wc-ink)}
.wcs-url code{font-family:var(--wc-mono);font-size:13px;color:rgba(255,255,255,.75);overflow-wrap:anywhere}
.wcs-url mark{padding:1px 4px;border-radius:4px;background:rgba(250,41,79,.3);color:#fff}
.wcs-url-w mark{background:rgba(255,255,255,.18)}
.wcs-url em{margin-left:auto;font-style:normal;font-size:11.5px;color:rgba(255,255,255,.5)}
.wcs-blocks{display:grid;gap:12px;margin-bottom:20px}
@media(min-width:1024px){.wcs-blocks{grid-template-columns:repeat(3,1fr)}}
.wcs-b{min-width:0;padding:24px;border-radius:22px;background:var(--wc-ground)}
.wcs-b-w{background:rgba(13,11,20,.08);border:1.5px solid rgba(13,11,20,.3)}
.wcs-b-n{background:#fff;border:1.5px dashed rgba(13,11,20,.2)}
.wcs-h3{margin:0 0 10px;font-weight:700;font-size:18px}
.wcs-b p{margin:0;font-size:14.5px;line-height:1.75;color:var(--wc-mute)}
.wcs-verdict{max-width:960px;margin:0;font-size:15.5px;line-height:1.78;font-weight:600}
.wcs-verdict a{color:var(--wc-brand)}

/* ═══ 08 · SECURITY (wcy) ═══ */
.wcy{background:var(--wc-ground);color:var(--wc-ink);padding:88px 0}
@media(min-width:768px){.wcy{padding:120px 0}}
.wcy-head{max-width:820px;margin-bottom:28px}
.wcy-p{margin:0;font-size:16px;line-height:1.75;color:var(--wc-mute)}
.wcy-matrix{margin-bottom:24px;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--wc-line)}
.wcy-tr{display:grid;gap:4px 16px;padding:14px 18px;border-top:1px solid var(--wc-line);font-size:14px;line-height:1.5}
@media(min-width:760px){.wcy-tr{grid-template-columns:220px 1fr 1fr;align-items:center}}
.wcy-th{display:none}
@media(min-width:760px){.wcy-th{display:grid;border-top:0;background:var(--wc-ink);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.wcy-th span{display:flex;align-items:center;gap:6px}}
.wcy-s{display:flex;align-items:center;gap:8px;color:#007653;font-weight:700}
.wcy-s svg{padding:3px;border-radius:50%;background:rgba(0,168,118,.14);box-sizing:content-box}
.wcy-w{color:var(--wc-woo);font-weight:600}
.wcy-text{columns:1;column-gap:40px}
@media(min-width:900px){.wcy-text{columns:2}}
.wcy-text p{break-inside:avoid;margin:0 0 14px;font-size:15px;line-height:1.8;color:var(--wc-mute)}
.wcy-text a{color:var(--wc-brand);font-weight:700}

/* ═══ 09 · PAYMENTS (wcm) ═══ */
.wcm{background:var(--wc-paper);color:var(--wc-ink);padding:88px 0;scroll-margin-top:80px}
@media(min-width:768px){.wcm{padding:120px 0}}
.wcm-wrap{display:grid;gap:28px}
@media(min-width:1024px){.wcm-wrap{grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}}
.wcm-wrap>*{min-width:0}
.wcm-p{margin:0 0 14px;font-size:15px;line-height:1.8;color:var(--wc-mute)}
.wcm-gw{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wcm-gw li{padding:12px 16px;border-radius:12px;background:#fff;border:1.5px solid rgba(13,11,20,.3);font-size:14px;font-weight:800;color:var(--wc-woo)}
.wcm-india{padding:22px;border-radius:20px;background:var(--wc-ink);color:#fff}
.wcm-india-k{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fbd38d}
.wcm-india p:last-child{margin:0;font-size:14.5px;line-height:1.75;color:rgba(255,255,255,.75)}

/* ═══ 10 · SCALE / SUPPORT / SHIPPING (wco) ═══ */
.wco{background:var(--wc-ground);color:var(--wc-ink);padding:88px 0}
@media(min-width:768px){.wco{padding:120px 0}}
.wco-wrap{display:grid;gap:14px}
@media(min-width:1180px){.wco-wrap{grid-template-columns:1.1fr .8fr 1.1fr;align-items:start}}
.wco-r{min-width:0;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--wc-line);scroll-margin-top:100px}
.wco-r-t .wco-round b{color:#fbd38d}
.wco-h2{margin:0 0 12px;font-weight:700;font-size:clamp(22px,2.4vw,28px);line-height:1.15;letter-spacing:-.03em}
.wco-r p{margin:0 0 12px;font-size:14.5px;line-height:1.75;color:var(--wc-mute)}
.wco-r p b{color:var(--wc-ink)}
.wco-call{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding:16px;border-radius:16px;background:var(--wc-ink);color:#fff}
.wco-call b{font-size:20px;font-weight:800}
.wco-call span{font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.7)}
.wco-pos{padding:14px;border-radius:14px;background:rgba(245,165,36,.12)}

/* ═══ 11 · WHICH FITS (wcf) ═══ */
.wcf{background:var(--wc-paper);color:var(--wc-ink);padding:88px 0}
@media(min-width:768px){.wcf{padding:120px 0}}
.wcf-h2{text-align:center;margin-bottom:32px}
.wcf-cols{display:grid;gap:14px;margin-bottom:16px}
@media(min-width:1024px){.wcf-cols{grid-template-columns:1fr 1fr}}
.wcf-col{min-width:0;padding:28px;border-radius:26px;color:#fff}
.wcf-s{background:linear-gradient(160deg,var(--wc-brand),#a8102f)}
.wcf-w{background:linear-gradient(160deg,var(--wc-woo),#050608)}
.wcf-h3{margin:0 0 16px;font-weight:700;font-size:24px;letter-spacing:-.03em}
.wcf-col ol{margin:0;padding:0;list-style:none;counter-reset:wcf;display:grid;gap:8px}
.wcf-col li{counter-increment:wcf;display:flex;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.12);font-size:14.5px;line-height:1.55}
.wcf-col li::before{content:counter(wcf);flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--wc-ink);font-size:12px;font-weight:800}
.wcf-view{padding:26px;border-radius:24px;background:var(--wc-ground);border-left:6px solid var(--wc-ink)}
.wcf-view-k{display:inline-block;margin-bottom:10px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--wc-brand)}
.wcf-view p{margin:0 0 12px;font-size:15.5px;line-height:1.78;color:var(--wc-mute)}
.wcf-view p:first-of-type{color:var(--wc-ink);font-weight:600}
.wcf-view a{color:var(--wc-brand);font-weight:700}

/* ═══ 12 · SWITCHING (wcw) ═══ */
.wcw{background:var(--wc-black);color:#fff;padding:80px 0}
.wcw-wrap{display:grid;gap:28px}
@media(min-width:1024px){.wcw-wrap{grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}}
.wcw-wrap>*{min-width:0}
.wcw-l p{margin:0 0 12px;font-size:15px;line-height:1.78;color:rgba(255,255,255,.66)}
.wcw-l a{color:#ff8fa3;font-weight:700}
.wcw-path{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:wcw}
.wcw-path li{counter-increment:wcw;position:relative;display:flex;flex-direction:column;padding:16px 16px 16px 60px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-size:13.5px;color:rgba(255,255,255,.6)}
.wcw-path li::before{content:counter(wcw);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--wc-ink);font-size:13px;font-weight:800}
.wcw-path b{font-size:16px;color:#fff}
.wcw-hot{border-color:rgba(250,41,79,.5)!important;background:rgba(250,41,79,.1)!important}
.wcw-hot::before{background:var(--wc-brand)!important}

/* ═══ 13 · FAQ (wcq) ═══ */
.wcq{background:var(--wc-ground);color:var(--wc-ink);padding:88px 0}
@media(min-width:768px){.wcq{padding:120px 0}}
.wcq-wrap{display:grid;gap:28px}
@media(min-width:1024px){.wcq-wrap{grid-template-columns:.7fr 1.3fr;gap:56px;align-items:start}.wcq-side{position:sticky;top:110px}}
.wcq-wrap>*{min-width:0}
.wcq-p{margin:0;font-size:15.5px;color:var(--wc-mute)}
.wcq-list{display:grid;gap:10px}
.wcq-item{border-radius:20px;background:#fff;border:1px solid var(--wc-line);overflow:hidden;transition:box-shadow .3s}
.wcq-item[open]{box-shadow:0 24px 40px -30px rgba(13,11,20,.4)}
.wcq-q{display:flex;align-items:center;gap:12px;margin:10px;padding:12px 16px;border-radius:999px;background:var(--wc-paper);border:1.5px solid #e6e3df;cursor:pointer;list-style:none;font-size:15px;font-weight:700;transition:border-color .2s}
.wcq-q::-webkit-details-marker{display:none}
.wcq-q:hover,.wcq-item[open] .wcq-q{border-color:var(--wc-brand)}
.wcq-ic{color:var(--wc-soft)}
.wcq-q span{flex:1}
.wcq-pm{color:var(--wc-soft);transition:transform .3s var(--wc-ease)}
.wcq-item[open] .wcq-pm{transform:rotate(45deg);color:var(--wc-brand)}
.wcq-a{padding:4px 26px 22px}
.wcq-src{display:block;margin-bottom:4px;font-size:12px;color:#1a7f4b}
.wcq-a p{margin:0;font-size:14.5px;line-height:1.78;color:var(--wc-mute)}
.wcq-a a{color:#1a0dab;font-weight:700}

/* ═══ 14 · CTA (wcz) ═══ */
.wcz{background:var(--wc-paper);color:var(--wc-ink);padding:88px 0 104px}
@media(min-width:768px){.wcz{padding:112px 0}}
.wcz-h2{text-align:center;margin-bottom:28px}
.wcz-doors{display:grid;gap:14px}
@media(min-width:900px){.wcz-doors{grid-template-columns:1fr 1fr}}
.wcz-door{display:flex;flex-direction:column;gap:10px;min-height:220px;padding:30px;border-radius:28px;background:var(--wc-ground);border:1.5px solid var(--wc-line);transition:transform .35s var(--wc-ease),box-shadow .35s}
.wcz-door:hover{transform:translateY(-4px);box-shadow:0 30px 50px -34px rgba(13,11,20,.5)}
.wcz-door-dark{background:var(--wc-ink);color:#fff;border-color:var(--wc-ink)}
.wcz-k{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--wc-brand)}
.wcz-door-dark .wcz-k{color:#fbd38d}
.wcz-door b{flex:1;font-size:clamp(24px,2.8vw,34px);font-weight:700;line-height:1.1;letter-spacing:-.03em}
.wcz-go{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700}
@media(min-width:1024px){.wch-h1{font-size:clamp(36px,3.6vw,56px)}}



/* ═══ 01 · HERO (wcv) — headline + fight-card scorecard ═══
   Purane "01 · HERO (wch)" block ko is poore block se replace kar de.
   .wch-sprite wali line rakhna (icon sprite chhupati hai). */
.wcv{position:relative;overflow:hidden;padding:124px 0 72px;background:var(--wc-ground);color:var(--wc-ink)}
@media(min-width:1024px){.wcv{padding:150px 0 96px}}
.wcv svg{width:1em;height:1em;flex-shrink:0}
.wcv-wrap{position:relative;max-width:1120px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.wcv-wrap{padding:0 32px}}

/* ─── headline ─── */
.wcv-top{margin:0 auto 40px;text-align:center}
.wcv-h1{margin:0 0 22px;font-weight:700;line-height:1;letter-spacing:-.05em;font-size:clamp(38px,5.6vw,76px);text-wrap:balance}
.wcv-c-s{color:var(--wc-brand)}
.wcv-c-w{color:var(--wc-woo)}
.wcv-vs{display:inline-flex;align-items:center;justify-content:center;margin:0 .08em;padding:.12em .42em;border-radius:999px;background:var(--wc-ink);color:#fff;font-size:.36em;font-style:normal;letter-spacing:.02em;vertical-align:.32em}
.wcv-lead{max-width:760px;margin:0 auto;font-size:16.5px;line-height:1.78;color:var(--wc-mute)}

/* ─── fight card ─── */
.wcv-card{padding:12px;border-radius:30px;background:#fff;border:1px solid var(--wc-line);box-shadow:0 40px 80px -56px rgba(13,11,20,.45)}
@media(min-width:768px){.wcv-card{padding:14px}}

.wcv-corners{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wcv-corner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:22px 24px;border-radius:20px;color:#fff}
.wcv-corner--s{background:var(--wc-brand)}
.wcv-corner--w{background:var(--wc-woo)}
.wcv-corner--w>div{text-align:right}
@media(min-width:641px){.wcv-corner--s{padding-right:58px}.wcv-corner--w{padding-left:58px}}
.wcv-tk{display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.wcv-tn{display:block;margin:4px 0 6px;font-size:clamp(22px,2.8vw,34px);font-weight:700;line-height:1;letter-spacing:-.04em}
.wcv-tp{display:block;font-family:var(--wc-mono);font-size:13px;opacity:.85}
.wcv-pts{font-size:clamp(48px,6vw,80px);font-weight:800;line-height:.8;letter-spacing:-.06em;opacity:.95}
.wcv-medal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--wc-ink);font-size:13px;font-weight:800;letter-spacing:.04em;box-shadow:0 0 0 6px #fff,0 0 0 7px var(--wc-line)}
@media(max-width:640px){
  .wcv-corner{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px}
  .wcv-corner--w{flex-direction:column-reverse;align-items:flex-end}
  .wcv-tk{font-size:9.5px;letter-spacing:.06em}
  .wcv-tn{font-size:17px;letter-spacing:-.03em}
  .wcv-tp{font-size:11.5px}
  .wcv-pts{font-size:44px}
  .wcv-medal{display:none}
}

/* ─── rounds: thin rails that grow toward the side with the edge ─── */
.wcv-rounds{list-style:none;margin:6px 0 0;padding:6px 6px 4px;display:grid}
.wcv-r+.wcv-r{border-top:1px solid var(--wc-line)}
.wcv-r a{display:grid;grid-template-columns:1fr 270px 1fr;align-items:center;gap:16px;min-height:54px;padding:0 10px;border-radius:12px;color:inherit;text-decoration:none;transition:background .2s}
.wcv-r a:hover{background:var(--wc-paper)}
.wcv-r a:focus-visible{outline:2px solid var(--wc-brand);outline-offset:-2px}
.wcv-mid{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.wcv-mid small{font-family:var(--wc-mono);font-size:10.5px;color:var(--wc-soft)}
.wcv-mid b{font-size:14.5px;font-weight:700}
.wcv-rv{padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--wc-ground);color:var(--wc-mute)}
.wcv-r--s .wcv-rv{background:rgba(250,41,79,.12);color:#c8133a}
.wcv-r--w .wcv-rv{background:rgba(43,39,53,.1);color:var(--wc-woo)}
.wcv-rail{position:relative;display:block;height:8px;border-radius:999px;background:var(--wc-ground);overflow:hidden}
.wcv-rail i{position:absolute;inset:0;border-radius:inherit;transform:scaleX(0)}
.wcv-rail--s i{transform-origin:right;background:var(--wc-brand)}
.wcv-rail--w i{transform-origin:left;background:var(--wc-woo)}
.wcv-r--s .wcv-rail--s i,.wcv-r--w .wcv-rail--w i{animation:wcv-grow .9s var(--wc-ease) forwards;animation-delay:calc(var(--i) * 80ms + 250ms)}
.wcv-r--t .wcv-rail{background:repeating-linear-gradient(90deg,rgba(13,11,20,.14) 0 6px,transparent 6px 12px)}
@media(max-width:640px){
  .wcv-r a{grid-template-columns:1fr 1fr;gap:8px 10px;padding:12px 6px}
  .wcv-mid{grid-column:1/-1;grid-row:1}
  .wcv-rail--s{grid-row:2;grid-column:1}
  .wcv-rail--w{grid-row:2;grid-column:2}
}

/* ─── bias note ─── */
.wcv-bias{max-width:820px;margin:24px auto 0;padding:14px 18px;border-radius:14px;border:1px dashed rgba(13,11,20,.28);font-size:14px;line-height:1.7;color:var(--wc-mute);text-align:center}
.wcv-bias b{color:var(--wc-ink)}

@keyframes wcv-grow{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.wcv-r--s .wcv-rail--s i,.wcv-r--w .wcv-rail--w i{animation:none;transform:scaleX(1)}}
.internallink{color: black !important; text-decoration:none !important; font-weight:600 !important}
.internallink1{color: white !important; text-decoration:none !important; font-weight:600 !important}
.internallink2{color: #6b6878 !important; text-decoration:none !important; font-weight:600 !important}
.internallink3{color: #fa294f !important; text-decoration:none !important; font-weight:600 !important}