/* CareerByteCode Consulting hub, scoped .cbcc- classes. Uses global tokens from cbc-site.css */
.cbcc-wrap{max-width:var(--maxw);margin-inline:auto;padding:0 20px}
.cbcc-hero{text-align:center;padding:54px 20px 8px}
.cbcc-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:500;margin:0 0 10px}
.cbcc-hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,5vw,44px);line-height:1.08;color:var(--navy);margin:0 0 14px}
.cbcc-hero h1 .hl{color:var(--sky)}
.cbcc-hero .sub{font-size:clamp(15px,2.2vw,18px);color:var(--muted);max-width:640px;margin:0 auto 18px;line-height:1.55}
.cbcc-hero .wa-lead{display:inline-flex;align-items:center;gap:8px;background:var(--wa);color:#fff;font-family:var(--font-display);font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;text-decoration:none;box-shadow:var(--shadow)}
.cbcc-hero .wa-lead:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.cbcc-hero .wa-lead svg{width:18px;height:18px;fill:#fff}
.cbcc-trust{text-align:center;color:var(--muted);font-size:13.5px;padding:8px 20px 4px}
.cbcc-trust b{color:var(--navy);font-weight:600}

/* Segmented tab control */
.cbcc-tabsbar{position:sticky;top:64px;z-index:30;display:flex;justify-content:center;padding:16px 0 6px;background:linear-gradient(var(--bg),var(--bg) 70%,rgba(250,250,250,0))}
.cbcc-tabs{display:inline-flex;background:#E9F2FC;border:1px solid var(--line);border-radius:999px;padding:5px;gap:4px;box-shadow:var(--shadow)}
.cbcc-tab{border:0;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:14px;padding:9px 20px;border-radius:999px;background:transparent;color:var(--navy);transition:.18s}
.cbcc-tab:hover{background:#dcebfa}
.cbcc-tab.is-on{background:var(--blue);color:#fff;box-shadow:0 6px 18px -6px rgba(30,136,229,.6)}
.cbcc-tab.is-on:hover{background:var(--blue)}

.cbcc-panel{display:none;padding:10px 0 6px}
.cbcc-panel.is-on{display:block;animation:cbccfade .3s ease}
@keyframes cbccfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cbcc-lead{text-align:center;color:var(--muted);font-size:15px;max-width:620px;margin:2px auto 22px;line-height:1.5}

/* Category chips (domain tab) */
.cbcc-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 26px;max-width:900px}
.cbcc-chip{font-size:13px;background:#fff;border:1px solid var(--line);color:var(--navy);padding:7px 14px;border-radius:999px;text-decoration:none;font-weight:500;transition:.15s;display:inline-flex;gap:7px;align-items:center}
.cbcc-chip:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.cbcc-chip .n{font-family:var(--font-mono);font-size:11px;opacity:.7}

.cbcc-cat{margin:0 0 34px;scroll-margin-top:130px}
.cbcc-cat__h{display:flex;align-items:center;gap:12px;margin:0 0 4px}
.cbcc-cat__h h2{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--navy);margin:0}
.cbcc-cat__h .badge{font-family:var(--font-mono);font-size:11px;background:#E9F2FC;color:var(--blue);padding:3px 9px;border-radius:999px}
.cbcc-cat__d{color:var(--muted);font-size:14px;margin:0 0 16px}

.cbcc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px}
.cbcc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.2s}
.cbcc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:#bcdcfa}
.cbcc-ic{width:42px;height:42px;border-radius:12px;background:#E9F2FC;color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.cbcc-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cbcc-card h3{font-family:var(--font-display);font-weight:600;font-size:15.5px;color:var(--ink);margin:0 0 6px;line-height:1.25}
.cbcc-card p{color:var(--muted);font-size:13.5px;line-height:1.5;margin:0 0 16px;flex:1}
.cbcc-price{font-size:13px;color:var(--navy);font-weight:600;margin:0 0 12px}
.cbcc-price span{color:var(--muted);font-weight:400}
.cbcc-wa{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--wa);color:#fff;font-family:var(--font-display);font-weight:600;font-size:13px;padding:10px 12px;border-radius:999px;text-decoration:none;transition:.15s;margin-top:auto}
.cbcc-wa:hover{filter:brightness(.95)}
.cbcc-wa svg{width:15px;height:15px;fill:#fff}

/* Enterprise premium panel */
.cbcc-ent{background:linear-gradient(160deg,var(--navy),var(--navy-deep));border-radius:26px;padding:34px 26px;margin-top:6px}
.cbcc-ent .cbcc-lead{color:#BBDEFB}
.cbcc-ent .cbcc-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);box-shadow:none}
.cbcc-ent .cbcc-card:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.3);transform:translateY(-6px)}
.cbcc-ent .cbcc-ic{background:rgba(100,181,246,.22);color:#fff}
.cbcc-ent .cbcc-card h3{color:#fff}
.cbcc-ent .cbcc-card p{color:#BBDEFB}

/* Digital products */
.cbcc-section{padding:44px 0 6px}
.cbcc-section__h{text-align:center;margin:0 auto 8px}
.cbcc-section__h h2{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,3.4vw,30px);color:var(--navy);margin:0 0 8px}
.cbcc-section__h p{color:var(--muted);font-size:15px;max-width:560px;margin:0 auto 24px;line-height:1.5}

/* Experts strip */
.cbcc-experts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.cbcc-exp{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none;transition:.15s}
.cbcc-exp:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#bcdcfa}
.cbcc-exp__av{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:14px;flex:none}
.cbcc-exp__n{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink)}
.cbcc-exp__t{font-size:12px;color:var(--muted)}

/* How it works */
.cbcc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:820px;margin:0 auto}
.cbcc-step{text-align:center;padding:8px}
.cbcc-step .num{width:40px;height:40px;border-radius:50%;background:#E9F2FC;color:var(--navy);font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.cbcc-step h3{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--navy);margin:0 0 6px}
.cbcc-step p{color:var(--muted);font-size:13.5px;line-height:1.5;margin:0}

/* FAQ */
.cbcc-faq{max-width:760px;margin:0 auto}
.cbcc-q{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px}
.cbcc-q h3{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--navy);margin:0 0 7px}
.cbcc-q p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}
.cbcc-q a{color:var(--blue);text-decoration:none;font-weight:600}

/* Cross-link */
.cbcc-xlink{max-width:var(--maxw);margin:44px auto 0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-align:center}
.cbcc-xlink h3{font-family:var(--font-display);font-weight:600;color:var(--navy);margin:0 0 14px;font-size:18px}
.cbcc-xlink .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cbcc-xlink .row a{background:#E9F2FC;color:var(--navy);text-decoration:none;font-weight:600;font-size:13.5px;padding:9px 16px;border-radius:999px;transition:.15s}
.cbcc-xlink .row a:hover{background:var(--navy);color:#fff}

/* Floating WhatsApp */
.cbcc-fab{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:9px;background:var(--wa);color:#fff;font-family:var(--font-display);font-weight:600;font-size:14px;padding:13px 18px;border-radius:999px;text-decoration:none;box-shadow:0 12px 30px -8px rgba(37,211,102,.6)}
.cbcc-fab:hover{transform:translateY(-2px)}
.cbcc-fab svg{width:20px;height:20px;fill:#fff}
.cbcc-fab .lbl{display:inline}
@media(max-width:600px){.cbcc-fab .lbl{display:none}.cbcc-fab{padding:14px;border-radius:50%}.cbcc-steps{grid-template-columns:1fr}.cbcc-tabsbar{top:56px}}