/* Virtual cards landing (/cards). Builds on crypto-payments.css (cp-*) for the shared v3 look. */
.vc-marks{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vc-marks li{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:700}
.vc-mark-visa{font-style:italic;font-weight:900!important;letter-spacing:.06em;font-size:15px!important}
.vc-mark-mc{gap:0;padding:0 14px!important}
.vc-mark-mc i{width:18px;height:18px;border-radius:50%;background:#EB001B;display:block}
.vc-mark-mc i+i{background:#F79E1B;margin-inline-start:-7px;mix-blend-mode:screen}

/* Hero art: three stacked ScarabPay cards (real card art: .lv2s-rcard from scarabpay-landing-v2-body.css) */
.vc-art{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}
.vc-card{position:absolute;width:min(80%,340px);filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.vc-card .lv2s-rcard{width:100%;max-width:none}
.vc-c1{z-index:3;transform:translate(-6%,12%) rotate(-6deg);animation:vc-f1 7s ease-in-out infinite}
.vc-c2{z-index:2;transform:translate(9%,-6%) rotate(5deg);animation:vc-f2 7s ease-in-out infinite}
.vc-c3{z-index:1;transform:translate(-3%,-28%) rotate(-13deg) scale(.9);animation:vc-f3 7s ease-in-out infinite}
@keyframes vc-f1{0%,100%{transform:translate(-6%,12%) rotate(-6deg)}50%{transform:translate(-6%,8%) rotate(-4deg)}}
@keyframes vc-f2{0%,100%{transform:translate(9%,-6%) rotate(5deg)}50%{transform:translate(10%,-10%) rotate(7deg)}}
@keyframes vc-f3{0%,100%{transform:translate(-3%,-28%) rotate(-13deg) scale(.9)}50%{transform:translate(-4%,-32%) rotate(-11deg) scale(.9)}}
.vc-toast{bottom:20px}
.vc-toast2>span{background:#FEF5DA;color:#8A5A00}

/* Card types */
.vc-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vc-type{background:var(--cp-surf);border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:transform .25s ease,box-shadow .25s ease}
.vc-type:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(18,19,22,.35)}
.vc-type-art{position:relative;margin-bottom:8px;padding:6px 4px 10px}
.vc-type-art .lv2s-rcard{width:100%;max-width:none;box-shadow:0 18px 32px -18px rgba(17,35,60,.45)!important}
.vc-tag{align-self:flex-start;font-size:12px;font-weight:800;padding:5px 10px;border-radius:99px;background:#fff;color:#8A5A00;box-shadow:inset 0 0 0 1px var(--cp-line)}
.vc-type>p{color:#374151;font-size:15.5px;line-height:1.7}
.vc-type ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.vc-type li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px}
.vc-type li svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--cp-ink);color:var(--cp-gold);stroke-width:3;flex:none}

/* Use cases */
.vc-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vc-use{background:var(--cp-surf);border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:10px;transition:background .2s,transform .2s}
.vc-use:hover{background:#FEF5DA;transform:translateY(-3px)}
.vc-use p{color:#4B5563;font-size:15px;line-height:1.65}
.vc-chips{list-style:none;margin:auto 0 0;padding:6px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.vc-chips li{font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--cp-line)}
html[dir=rtl] .vc-chips{justify-content:flex-end}

/* Business + related links */
.vc-biz-links{display:flex;flex-direction:column;gap:14px}
.vc-biz-links a{display:flex;align-items:center;gap:14px;background:var(--cp-surf);border-radius:22px;padding:20px 22px;text-decoration:none;color:var(--cp-ink)!important;transition:background .2s,transform .2s}
.vc-biz-links a:hover{background:#FEF5DA;transform:translateY(-3px)}
.vc-biz-links a>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.vc-biz-links b{font-size:17px}.vc-biz-links small{color:var(--cp-muted);font-size:14.5px;line-height:1.5}
html[dir=rtl] .vc-biz-links a>svg{transform:scaleX(-1)}

.vc-legal{color:var(--cp-muted);font-size:12.5px!important;line-height:1.6!important;max-width:900px;margin:8px auto 0!important;text-align:center}

/* Win over shared public-page typography */
body .sp-public-page .vc-type h3{font-size:22px}
body .sp-public-page .vc-use h3{font-size:18px}
body .sp-public-page .vc-type>p{font-size:15.5px}
body .sp-public-page .vc-use p{font-size:15px;line-height:1.65}

@media (max-width:1060px){.vc-types,.vc-uses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.vc-art{min-height:340px}}
@media (max-width:560px){
  .vc-types,.vc-uses{grid-template-columns:1fr}
  .vc-art{min-height:290px}.vc-card{width:min(84%,300px)}
  .vc-type,.vc-use{padding:22px;border-radius:24px}
}
@media (prefers-reduced-motion:reduce){.vc-c1,.vc-c2,.vc-c3{animation:none}}

/* Marquee rows of circles (AI tools, platforms) */
.vc-mq-sec{gap:22px}
.vc-mq{position:relative;overflow:hidden;padding:10px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.vc-mq-track{list-style:none;margin:0;padding:0;display:flex;gap:18px;width:max-content}
.vc-mq-ltr{animation:vc-mq-ltr 45s linear infinite}
.vc-mq-rtl{animation:vc-mq-rtl 50s linear infinite}
.vc-mq:hover .vc-mq-track{animation-play-state:paused}
@keyframes vc-mq-ltr{from{transform:translateX(calc(-50% - 9px))}to{transform:translateX(0)}}
@keyframes vc-mq-rtl{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
.vc-bub{flex:none;width:118px;height:118px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--cp-line),0 14px 30px -20px rgba(18,19,22,.35);display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;transition:transform .25s,box-shadow .25s}
.vc-bub:hover{transform:translateY(-4px) scale(1.04);box-shadow:inset 0 0 0 2px var(--cp-gold),0 18px 34px -18px rgba(18,19,22,.4)}
.vc-bub b{font-size:14.5px;font-weight:800;line-height:1.2;color:var(--cp-ink);word-break:break-word}
.vc-bub img{width:64px;height:64px;object-fit:cover;border-radius:16px;box-shadow:0 6px 14px -8px rgba(18,19,22,.35)}
.vc-mq-sec:nth-of-type(odd) .vc-bub{background:var(--cp-surf)}
@media (max-width:560px){.vc-bub{width:92px;height:92px;padding:10px}.vc-bub b{font-size:12.5px}.vc-bub img{width:50px;height:50px;border-radius:13px}.vc-mq-track{gap:12px}}
@media (prefers-reduced-motion:reduce){.vc-mq-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.vc-mq-track li[aria-hidden]{display:none}.vc-mq{-webkit-mask-image:none;mask-image:none}}

/* Use pages (/cards/{key}) */
.vu-art{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center}
.vu-card{width:min(80%,330px);transform:rotate(-7deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));animation:vc-f1 7s ease-in-out infinite}
.vu-card .lv2s-rcard{width:100%;max-width:none}
.vu-logo{position:absolute;top:22px;inset-inline-end:8%;width:104px;height:104px;border-radius:28px;background:#fff;padding:8px;box-shadow:0 24px 44px -18px rgba(0,0,0,.7);animation:cp-float 7s ease-in-out infinite}
.vu-logo img{width:100%;height:100%;border-radius:22px;object-fit:cover;display:block}
.vu-decline{position:relative}
.vu-fix{display:flex;gap:8px;align-items:flex-start;margin-top:auto!important;padding-top:6px;color:#05603A!important;font-weight:700;font-size:14.5px!important}
.vu-fix svg{width:20px;height:20px;padding:3px;border-radius:50%;background:#DDF5EA;color:#05603A;stroke-width:3;flex:none}
.vu-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}
.vu-steps li:nth-child(3n)::after{display:none}
.vu-which{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vu-pick{background:var(--cp-surf);border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:10px}
.vu-pick-yes{background:#FEF5DA;box-shadow:inset 0 0 0 2px var(--cp-gold)}
.vu-pick-card{max-width:300px;margin-bottom:6px}
.vu-pick-card .lv2s-rcard{width:100%;max-width:none}
.vu-pick-no .vu-pick-card{opacity:.6;filter:grayscale(.3)}
.vu-pick p{color:#374151;font-size:15.5px;line-height:1.7}
.vu-tag-no{color:#B42318!important}
.vu-tips{display:flex;gap:20px;align-items:flex-start;background:#121316;color:#fff;border-radius:28px;padding:32px}
.vu-tips-ic{flex:none;width:52px;height:52px;border-radius:16px;background:var(--cp-gold);color:#121316;display:flex;align-items:center;justify-content:center}
.vu-tips-ic svg{width:26px;height:26px}
.vu-tips h2{font-size:clamp(22px,2.4vw,30px)!important;color:#fff!important;margin-bottom:14px!important}
.vu-tips ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.vu-tips li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.6;color:rgba(255,255,255,.86)}
.vu-tips li svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--cp-gold);color:#121316;stroke-width:3;flex:none;margin-top:1px}
.vu-related .cp-feat-ic img{width:28px;height:28px;border-radius:8px}
.vc-bub a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%}
body .sp-public-page .vu-pick h3{font-size:21px}
body .sp-public-page .vu-decline h3{font-size:18px}
@media (max-width:1060px){.vu-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.vu-which{grid-template-columns:1fr}.vu-art{min-height:320px}}
@media (max-width:560px){.vu-steps{grid-template-columns:1fr}.vu-logo{width:80px;height:80px;border-radius:22px;top:10px}.vu-tips{flex-direction:column;padding:24px}}
@media (prefers-reduced-motion:reduce){.vu-card,.vu-logo{animation:none}}
/* layout b (/cards/{key} with 'view' => 'cards.use-b') */
.vb-hero{position:relative;overflow:hidden;border-radius:32px;padding:60px 48px 0;display:flex;flex-direction:column;align-items:center;gap:44px;text-align:center;color:#fff;background:radial-gradient(70% 60% at 50% 0%,rgba(16,163,127,.28),transparent 70%),radial-gradient(50% 70% at 100% 100%,rgba(240,180,63,.18),transparent 70%),#0E1013}
.vb-hero-txt{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:820px;position:relative;z-index:1}
.vb-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:13.5px;font-weight:800;letter-spacing:.06em;color:#fff}
[dir=rtl] .vb-badge{padding:6px 6px 6px 16px}
.vb-badge img{width:28px;height:28px;border-radius:50%;background:#fff;object-fit:cover}
.vb-hero h1{color:#fff;font-size:clamp(34px,4.6vw,58px);line-height:1.12}
.vb-hero p{color:rgba(255,255,255,.76);font-size:17.5px;line-height:1.7;max-width:680px}
.vb-hero .cp-actions{justify-content:center}
.vb-flow{width:100%;max-width:980px;display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;padding:6px 0 0;margin-bottom:-24px}
.vb-flow-card{transform:rotate(-5deg) translateY(-10px);filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));animation:vc-f1 7s ease-in-out infinite}
.vb-flow-card .lv2s-rcard{max-width:360px}
.vb-flow-line{display:flex;justify-content:center;gap:8px}
.vb-flow-line span{width:9px;height:9px;border-radius:50%;background:#F0B43F;opacity:.25;animation:vb-dot 1.4s ease-in-out infinite}
.vb-flow-line span:nth-child(2){animation-delay:.2s}.vb-flow-line span:nth-child(3){animation-delay:.4s}
@keyframes vb-dot{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.vb-pay{background:#fff;color:#121316;border-radius:24px 24px 0 0;padding:22px 22px 46px;text-align:left;display:flex;flex-direction:column;gap:12px;box-shadow:0 -20px 60px -20px rgba(0,0,0,.6)}
.vb-pay-top{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #EEF0F3}
.vb-pay-top img{width:40px;height:40px;border-radius:12px;object-fit:cover;box-shadow:0 0 0 1px #E6E8EC}
.vb-pay-top div{display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0}
.vb-pay-top b{font-size:15px}.vb-pay-top small{font-size:12.5px;color:#5B6270;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-pay-top svg{color:#10A37F}
.vb-field{display:flex;flex-direction:column;gap:5px}
.vb-field small{font-size:11.5px;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.06em}
.vb-field span{display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 12px;border-radius:10px;background:#F6F7F9;box-shadow:inset 0 0 0 1px #E3E6EA;font-size:14.5px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.vb-visa{font-style:normal;font-weight:900;font-size:13px;color:#1A1F71;letter-spacing:.02em}
.vb-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vb-pay-ok{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;background:#10A37F;color:#fff;font-weight:800;font-size:14.5px;margin-top:2px}
.vb-pay-ok svg{width:18px;height:18px;stroke-width:3}
.vb-errs{display:flex;flex-direction:column;gap:14px}
.vb-err{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1fr);gap:26px;align-items:center;padding:24px 26px;border-radius:24px;background:var(--cp-surf)}
.vb-err small{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6B7280;margin-bottom:8px}
.vb-err-msg code{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 14px;border-radius:12px;background:#FEE4E2;color:#B42318;font:700 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.vb-err-msg code svg{width:18px;height:18px}
.vb-err-why h3{font-size:18px;margin-bottom:6px!important}.vb-err-why p{color:#4B5563;font-size:15px;line-height:1.65}
.vb-err-fix{padding-inline-start:22px;border-inline-start:2px dashed #C9CED6}
.vb-err-fix p{display:flex;gap:8px;align-items:flex-start;color:#05603A;font-weight:700;font-size:15px;line-height:1.55}
.vb-err-fix svg{width:20px;height:20px;padding:3px;border-radius:50%;background:#DDF5EA;stroke-width:3;flex:none;margin-top:1px}
.vb-compare{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}
.vb-cmp{border-radius:28px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--cp-surf)}
.vb-cmp-yes{background:#FEF5DA;box-shadow:inset 0 0 0 2px var(--cp-gold)}
.vb-cmp h3{font-size:21px}
.vb-cmp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vb-cmp li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.6;color:#374151}
.vb-cmp li svg{width:22px;height:22px;padding:4px;border-radius:50%;stroke-width:3;flex:none;margin-top:1px}
.vb-cmp-yes li svg{background:#DDF5EA;color:#05603A}.vb-cmp-no li svg{background:#FEE4E2;color:#B42318}
.vb-browser{align-self:stretch;display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:0 1px 0 #EADBB0}
.vb-browser i{width:10px;height:10px;border-radius:50%;background:#E5E7EB}.vb-browser i:first-child{background:#F87171}.vb-browser i:nth-child(2){background:#FBBF24}.vb-browser i:nth-child(3){background:#34D399}
.vb-browser span{flex:1;display:flex;align-items:center;gap:6px;margin-left:8px;padding:6px 12px;border-radius:9px;background:#F3F4F6;font-size:13.5px;font-weight:600;color:#374151}
.vb-browser span svg{width:14px;height:14px;color:#10A37F}
.vb-phone{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#fff;color:#6B7280;font-size:13.5px;font-weight:700;box-shadow:inset 0 0 0 1px var(--cp-line)}
.vb-phases{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vb-phase{border-radius:28px;padding:26px;background:#fff;box-shadow:inset 0 0 0 1px var(--cp-line)}
.vb-phase+.vb-phase{background:#121316;color:#fff;box-shadow:none}
.vb-phase-h{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:15px}
.vb-phase-h img{width:30px;height:30px;border-radius:9px;object-fit:cover;background:#fff}
.vb-phase-h .vb-sp{object-fit:contain;padding:4px;background:#121316}
.vb-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.vb-tl li{position:relative;display:flex;gap:16px;padding-bottom:24px}
.vb-tl li:last-child{padding-bottom:0}
.vb-tl li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:21px;top:46px;bottom:4px;width:2px;background:repeating-linear-gradient(to bottom,#D1D5DB 0 6px,transparent 6px 12px)}
.vb-tl em{flex:none;width:44px;height:44px;border-radius:14px;background:#F0B43F;color:#121316;font-style:normal;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center}
.vb-tl h3{font-size:18px;margin-bottom:4px!important}.vb-tl p{color:#5B6270;font-size:15px;line-height:1.65}
.vb-phase+.vb-phase .vb-tl p{color:rgba(255,255,255,.7)}
.vb-phase+.vb-phase .vb-tl em{background:#fff}
.vb-phase+.vb-phase .vb-tl li:not(:last-child)::before{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.25) 0 6px,transparent 6px 12px)}
.vb-picks{display:flex;flex-direction:column;gap:12px}
.vb-pick{display:flex;align-items:center;gap:22px;padding:18px 22px;border-radius:22px;background:var(--cp-surf)}
.vb-pick-card{flex:none;width:150px}.vb-pick-card .lv2s-rcard{max-width:none}
.vb-pick-no .vb-pick-card{opacity:.6;filter:grayscale(.3)}
.vb-pick p{color:#374151;font-size:15.5px;line-height:1.65;margin-top:6px!important}
.vb-ok,.vb-no{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:15px}
.vb-ok{color:#05603A}.vb-no{color:#B42318}.vb-ok svg,.vb-no svg{width:18px;height:18px;stroke-width:3}
.vb-qa{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start}
.vb-faq{max-width:none;margin:0}
.vb-tips{position:sticky;top:96px;background:#121316;color:#fff;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:14px}
.vb-tips h2{font-size:24px!important;color:#fff!important}
.vb-tips ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:vbt}
.vb-tips li{counter-increment:vbt;display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.86)}
.vb-tips li::before{content:counter(vbt);flex:none;width:26px;height:26px;border-radius:8px;background:rgba(240,180,63,.16);color:#F0B43F;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.vb-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.vb-rel a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border-radius:22px;background:var(--cp-surf);color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.vb-rel a:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(0,0,0,.35)}
.vb-rel img{width:56px;height:56px;border-radius:16px;object-fit:cover;margin-bottom:4px}
.vb-rel b{font-size:17px}.vb-rel small{color:#5B6270;font-size:14px;line-height:1.5}
.vb-rel-all span{width:56px;height:56px;border-radius:16px;background:#121316;color:#F0B43F;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.vb-rel-all span svg{width:26px;height:26px}
@media (max-width:900px){.vb-hero{padding:44px 22px 0}.vb-flow{grid-template-columns:1fr;gap:18px;max-width:420px}.vb-flow-line{transform:rotate(90deg)}.vb-err{grid-template-columns:1fr;gap:14px}.vb-err-fix{padding-inline-start:0;border-inline-start:0;padding-top:14px;border-top:2px dashed #C9CED6}.vb-compare,.vb-phases,.vb-qa{grid-template-columns:1fr}.vb-tips{position:static}}
@media (max-width:560px){.vb-hero{padding:36px 16px 0;border-radius:26px}.vb-flow-card{padding:0 18px;transform:rotate(-4deg)}.vb-pick{flex-direction:column;align-items:flex-start}.vb-pick-card{width:140px}}
.cp.vb .vb-hero h1{color:#fff!important}
.cp.vb .vb-hero p{color:rgba(255,255,255,.8)!important}
.cp.vb .vb-hero .vb-badge{color:#fff!important}
.cp.vb .vb-pay,.cp.vb .vb-pay b{color:#121316!important}
.cp.vb .vb-pay small{color:#5B6270!important}
.cp.vb .vb-pay-ok{color:#fff!important}
.cp.vb .vb-phase+.vb-phase h3,.cp.vb .vb-phase+.vb-phase .vb-phase-h b{color:#fff!important}
.cp.vb .vb-tips h2{color:#fff!important}
/* layout c (/cards/{key} with 'view' => 'cards.use-c') */
.vx-hero{position:relative;overflow:hidden;border-radius:32px;padding:56px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;background:linear-gradient(135deg,#EEF4FF 0%,#F6F0FF 55%,#FFF6E3 100%);box-shadow:inset 0 0 0 1px #E3E8F4}
.vx-hero::before{content:"";position:absolute;width:520px;height:520px;inset-inline-end:-160px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(24,119,242,.18),transparent 65%);pointer-events:none}
.vx-hero-txt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.vx-logos{display:flex}
.vx-logos img{width:44px;height:44px;border-radius:14px;object-fit:cover;background:#fff;box-shadow:0 0 0 3px #fff,0 8px 18px -8px rgba(0,0,0,.3)}
.vx-logos img+img{margin-inline-start:-10px}
.vx-eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1877F2}
.cp.vx .vx-hero h1{color:#0F172A!important;font-size:clamp(34px,4.4vw,54px);line-height:1.12}
.cp.vx .vx-hero p{color:#475569!important;font-size:17.5px;line-height:1.7;max-width:600px}
.vx-btn-line{background:#fff;color:#0F172A!important;box-shadow:inset 0 0 0 1.5px #CBD5E1}
.vx-dash{position:relative;z-index:1;display:flex;justify-content:center;padding:20px 0}
.vx-panel{width:100%;max-width:420px;background:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:16px;text-align:left;box-shadow:0 30px 60px -28px rgba(15,23,42,.45),0 0 0 1px #E2E8F0;animation:cp-float 8s ease-in-out infinite}
.vx-panel-top{display:flex;align-items:center;gap:12px}
.vx-panel-top img{width:38px;height:38px;border-radius:11px;object-fit:cover}
.vx-panel-top div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.vx-panel small{font-size:11.5px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.06em}
.vx-panel-top b{font-size:15px;color:#0F172A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vx-live{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#DCFCE7;color:#166534;font-size:12.5px;font-weight:800}
.vx-live i{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.25);animation:vb-dot 1.6s ease-in-out infinite}
.vx-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vx-kpis div{background:#F8FAFC;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:inset 0 0 0 1px #EEF2F7}
.vx-kpis b{font-size:22px;color:#0F172A;font-variant-numeric:tabular-nums}
.vx-bar{height:10px;border-radius:999px;background:#E2E8F0;overflow:hidden}
.vx-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1877F2,#7C3AED)}
.vx-method{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid #EEF2F7}
.vx-method small{padding-top:12px}
.vx-method-row{display:flex;align-items:center;gap:12px}
.vx-method-row>span{flex:1;font-weight:700;font-size:14.5px;color:#0F172A}
.vx-method-row em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:12.5px;font-weight:800;color:#166534}
.vx-method-row em svg{width:15px;height:15px;stroke-width:3}
.vx-mini{flex:none;width:64px}.vx-mini .lv2s-rcard{max-width:none;border-radius:7px}
.vx-float{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#0F172A;color:#fff;font-weight:800;font-size:13.5px;box-shadow:0 18px 30px -16px rgba(0,0,0,.6)}
.vx-float-1{top:4px;left:0}.vx-float-1 svg{color:#F0B43F;width:18px;height:18px}
.vx-float-2{bottom:0;right:4px;background:#F0B43F;color:#121316}.vx-float-2 span{font-weight:700;opacity:.8}
.vx-modes{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px}
.vx-mode{border-radius:24px;padding:26px;background:var(--cp-surf);display:flex;flex-direction:column;gap:10px}
.vx-mode h3{font-size:19px}.vx-mode p{color:#4B5563;font-size:15px;line-height:1.65}
.vx-mode-ic{width:48px;height:48px;border-radius:14px;background:#E8F0FE;color:#1877F2;display:flex;align-items:center;justify-content:center;flex:none}
.vx-mode-ic svg{width:24px;height:24px}
.vx-mode-sp{background:#121316;justify-content:center}
.cp.vx .vx-mode-sp p{color:rgba(255,255,255,.82)!important;font-weight:600}
.vx-mode-card{max-width:250px;transform:rotate(-4deg);margin-bottom:8px}
.vx-errs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vx-err{border-radius:24px;padding:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--cp-line);display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,transform .2s}
.vx-err:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #FCA5A5,0 16px 30px -22px rgba(180,35,24,.5)}
.vx-err-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vx-err-head em{font-style:normal;font-weight:900;font-size:28px;color:#E2E8F0}
.vx-err-head code{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;background:#FEE4E2;color:#B42318;font:700 13px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.vx-err-head code svg{width:16px;height:16px}
.vx-err h3{font-size:18px}.vx-err>p{color:#4B5563;font-size:15px;line-height:1.65}
.vx-err .vx-err-fix{display:flex;gap:8px;align-items:flex-start;margin-top:auto!important;padding:12px 14px;border-radius:14px;background:#ECFDF3;color:#05603A!important;font-weight:700}
.vx-err-fix svg{width:20px;height:20px;padding:3px;border-radius:50%;background:#C6F6DA;stroke-width:3;flex:none}
.vx-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center;padding:40px;border-radius:30px;background:#0F172A;color:#fff}
.vx-calc-txt{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.vx-calc .vx-mode-ic{background:rgba(240,180,63,.16);color:#F0B43F}
.cp.vx .vx-calc h2{color:#fff!important;font-size:clamp(26px,3vw,36px)}
.cp.vx .vx-calc-txt p{color:rgba(255,255,255,.72)!important;font-size:16px;line-height:1.7}
.vx-calc-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;border-radius:22px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.vx-calc-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:rgba(255,255,255,.7)}
.vx-calc-form input{height:52px;border-radius:14px;border:0;padding:0 16px;background:#fff;color:#0F172A;font-size:18px;font-weight:800;width:100%}
.vx-calc-out{grid-column:1/-1;display:flex;flex-direction:column;gap:2px;padding:14px 4px}
.vx-calc-out small{font-size:13px;font-weight:700;color:rgba(255,255,255,.7)}
.vx-calc-out b{font-size:44px;line-height:1.1;color:#F0B43F;font-variant-numeric:tabular-nums}
.vx-calc-out span{font-size:13px;color:rgba(255,255,255,.55)}
.vx-calc-form .lv3-btn{grid-column:1/-1}
.vx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:vx}
.vx-steps li{position:relative;overflow:hidden;border-radius:24px;padding:26px;background:var(--cp-surf);display:flex;flex-direction:column;gap:8px;min-height:190px}
.vx-steps em{position:absolute;inset-inline-end:14px;bottom:-22px;font-style:normal;font-weight:900;font-size:110px;line-height:1;color:rgba(24,119,242,.09)}
.vx-steps h3{font-size:18.5px;position:relative}.vx-steps p{color:#4B5563;font-size:15px;line-height:1.65;position:relative}
.vx-steps li:nth-child(-n+3){background:#EEF4FF}
.vx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.vx-choose{border-radius:28px;padding:28px;background:var(--cp-surf);display:flex;flex-direction:column;gap:14px}
.cp.vx .vx-choose h2,.cp.vx .vx-health h2{font-size:clamp(22px,2.4vw,28px)}
.vx-opt{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:18px;background:#fff}
.vx-opt .vx-mini{width:96px;margin-top:4px}
.vx-opt p{color:#4B5563;font-size:15px;line-height:1.6;margin-top:4px!important}
.vx-opt-no .vx-mini{opacity:.6;filter:grayscale(.3)}
.vx-health{border-radius:28px;padding:28px;background:#ECFDF3;box-shadow:inset 0 0 0 1px #ABEFC6;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.vx-health .vx-mode-ic{background:#fff;color:#05603A}
.vx-health ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.vx-health li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.6;color:#1F2937}
.vx-health li svg{width:22px;height:22px;padding:4px;border-radius:50%;background:#05603A;color:#fff;stroke-width:3;flex:none;margin-top:1px}
@media (max-width:1000px){.vx-modes{grid-template-columns:1fr 1fr}.vx-mode-sp{grid-column:1/-1}}
@media (max-width:900px){.vx-hero{grid-template-columns:minmax(0,1fr);padding:40px 22px}.vx-hero-txt,.vx-dash{min-width:0}.vx-errs,.vx-calc,.vx-split{grid-template-columns:1fr}.vx-calc{padding:28px 20px}.vx-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vx-hero{padding:32px 16px;border-radius:26px}.vx-modes,.vx-steps{grid-template-columns:1fr}.vx-calc-form{grid-template-columns:1fr}.vx-float{display:none}.vx-steps li{min-height:0}}