:root {
    --shc-ink: #17243a;
    --shc-muted: #68768b;
    --shc-line: #e4e8f1;
    --shc-paper: #ffffff;
    --shc-soft: #f5f7fb;
    --shc-violet: #6657df;
    --shc-violet-dark: #5042c9;
    --shc-coral: #f34f62;
}

.skillhub-custom {
    overflow: hidden;
    color: var(--shc-ink);
    background: var(--shc-soft);
}

.skillhub-custom * { box-sizing: border-box; }
.skillhub-custom svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.skillhub-custom-hero {
    position: relative;
    overflow: hidden;
    padding: 32px 0 86px;
    border-bottom: 1px solid rgba(101, 87, 222, .12);
    background:
        radial-gradient(circle at 84% 17%, rgba(119, 96, 240, .19), transparent 28%),
        radial-gradient(circle at 7% 92%, rgba(56, 190, 238, .11), transparent 24%),
        linear-gradient(145deg, #ffffff 0%, #f8f6ff 54%, #edf7ff 100%);
}

.skillhub-custom-hero::before,
.skillhub-custom-hero::after {
    position: absolute;
    border: 1px solid rgba(96, 78, 211, .075);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}
.skillhub-custom-hero::before { top: -300px; right: -190px; width: 650px; height: 650px; box-shadow: 0 0 0 80px rgba(97, 78, 214, .018), 0 0 0 160px rgba(97, 78, 214, .012); }
.skillhub-custom-hero::after { bottom: -310px; left: -250px; width: 560px; height: 560px; box-shadow: 0 0 0 70px rgba(40, 169, 225, .018); }

.skillhub-custom-breadcrumb {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 9px;
    align-items: center;
    margin-bottom: 55px;
    color: #8590a2;
    font-size: 13px;
}
.skillhub-custom-breadcrumb a { color: #6f7c90; text-decoration: none !important; }
.skillhub-custom-breadcrumb a:hover { color: var(--shc-violet); }

.skillhub-custom-hero__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(500px, .98fr);
    gap: 74px;
    align-items: center;
}
.skillhub-custom-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: #6556d8;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
}
.skillhub-custom-kicker > span { width: 9px; height: 9px; border-radius: 50%; background: linear-gradient(135deg, #6657df, #34b8ee); box-shadow: 0 0 0 5px rgba(102, 87, 223, .1); }
.skillhub-custom-hero__copy h1 {
    max-width: 700px;
    margin: 0 0 22px;
    color: #152138;
    font-size: clamp(42px, 3.45vw, 54px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.17;
}
.skillhub-custom-hero__copy h1 em {
    display: block;
    white-space: nowrap;
    color: transparent;
    background: linear-gradient(105deg, #5f50d8 3%, #4c81e9 54%, #ec546d 105%);
    -webkit-background-clip: text;
    background-clip: text;
    font-style: normal;
}
.skillhub-custom-hero__copy > p { max-width: 660px; margin: 0; color: #5f6e84; font-size: 17px; line-height: 1.9; }
.skillhub-custom-actions { display: flex; gap: 13px; margin-top: 31px; flex-wrap: wrap; }
.skillhub-custom-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 21px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none !important;
    transition: .22s ease;
}
.skillhub-custom-button--primary { color: #fff !important; background: linear-gradient(105deg, #6052db, #7664eb); box-shadow: 0 12px 26px rgba(91, 74, 212, .23); }
.skillhub-custom-button--primary:hover { color: #fff !important; transform: translateY(-2px); box-shadow: 0 16px 30px rgba(91, 74, 212, .3); }
.skillhub-custom-button--secondary { border-color: #d9ddea; color: #3c4960 !important; background: rgba(255,255,255,.82); }
.skillhub-custom-button--secondary:hover { border-color: #bbb4ef; color: #5749cf !important; background: #fff; }
.skillhub-custom-trustline { display: flex; gap: 22px; margin-top: 24px; color: #7d899c; font-size: 12px; flex-wrap: wrap; }
.skillhub-custom-trustline span { display: inline-flex; align-items: center; gap: 7px; }
.skillhub-custom-trustline svg { width: 17px; height: 17px; color: #6759dd; }

.skillhub-custom-hero__visual {
    position: relative;
    display: grid;
    min-height: 395px;
    grid-template-columns: minmax(105px, .78fr) 32px minmax(170px, 1.12fr) 32px minmax(105px, .82fr);
    align-items: center;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 30px;
    background: rgba(255,255,255,.59);
    box-shadow: 0 30px 72px rgba(51, 54, 106, .13);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}
.skillhub-custom-visual__glow { position: absolute; inset: 12% 20%; border-radius: 50%; background: rgba(105, 86, 223, .13); filter: blur(44px); }
.skillhub-custom-visual__source,
.skillhub-custom-visual__output,
.skillhub-custom-visual__core { position: relative; z-index: 1; }
.skillhub-custom-visual__source > span,
.skillhub-custom-visual__output > span { display: block; margin-bottom: 10px; color: #8994a6; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.skillhub-custom-visual__source > div,
.skillhub-custom-visual__output > div { display: flex; align-items: center; gap: 7px; margin-top: 8px; padding: 9px 10px; border: 1px solid #e8eaf1; border-radius: 10px; color: #46536a; background: rgba(255,255,255,.84); font-size: 11px; font-weight: 700; box-shadow: 0 6px 15px rgba(35, 45, 72, .045); }
.skillhub-custom-visual__source i { width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, #6b5ce4, #43b9ed); }
.skillhub-custom-visual__output svg { width: 16px; height: 16px; color: #6759dd; }
.skillhub-custom-visual__core { display: grid; min-height: 210px; place-items: center; align-content: center; padding: 22px 14px; border: 1px solid rgba(100, 83, 215, .18); border-radius: 24px; text-align: center; background: linear-gradient(145deg, #fff, #f0edff); box-shadow: 0 20px 42px rgba(73, 59, 169, .15); }
.skillhub-custom-visual__core-icon { display: grid; width: 66px; height: 66px; margin-bottom: 13px; place-items: center; border-radius: 20px; color: #fff; background: linear-gradient(145deg, #6554dc, #7968ed); box-shadow: 0 12px 24px rgba(91, 73, 206, .26); }
.skillhub-custom-visual__core-icon svg { width: 32px; height: 32px; }
.skillhub-custom-visual__core small { color: #7a6fce; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.skillhub-custom-visual__core strong { margin: 5px 0 8px; color: #202b43; font-size: 19px; }
.skillhub-custom-visual__core p { margin: 0; color: #7a8497; font-size: 10px; line-height: 1.6; }
.skillhub-custom-visual__flow { position: relative; z-index: 1; color: #8d83d9; text-align: center; }
.skillhub-custom-visual__flow::before { position: absolute; top: 50%; right: 7px; left: 1px; height: 1px; background: linear-gradient(90deg, rgba(108,92,213,.08), rgba(108,92,213,.5)); content: ""; }
.skillhub-custom-visual__flow span { position: relative; padding-left: 12px; background: rgba(249,248,255,.8); font-size: 16px; }
.skillhub-custom-visual__note { position: absolute; right: 28px; bottom: 22px; left: 28px; display: flex; align-items: center; justify-content: center; gap: 7px; color: #818b9c; font-size: 10px; }
.skillhub-custom-visual__note span { width: 7px; height: 7px; border-radius: 50%; background: #46b990; box-shadow: 0 0 0 4px rgba(70,185,144,.1); }

.skillhub-custom-section { padding: 86px 0; }
.skillhub-custom-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 35px; }
.skillhub-custom-section-head > div > span,
.skillhub-custom-faq__intro > span { display: block; margin-bottom: 9px; color: #6657d9; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.skillhub-custom-section-head h2,
.skillhub-custom-faq__intro h2 { max-width: 760px; margin: 0; color: #1b2940; font-size: clamp(29px, 3vw, 40px); font-weight: 800; letter-spacing: -.035em; line-height: 1.25; }
.skillhub-custom-section-head > p { max-width: 500px; margin: 0; color: #748196; line-height: 1.8; }
.skillhub-custom-section-head--center { align-items: center; flex-direction: column; gap: 13px; text-align: center; }
.skillhub-custom-section-head--center > p { max-width: 720px; }
.skillhub-custom-section-head--stacked { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 28px; }

.skillhub-custom-services { background: #f5f7fb; }
.skillhub-custom-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.skillhub-custom-service-card { position: relative; overflow: hidden; min-height: 420px; padding: 30px; border: 1px solid #e3e7ef; border-radius: 23px; background: #fff; box-shadow: 0 13px 38px rgba(30, 42, 72, .045); transition: .24s ease; }
.skillhub-custom-service-card::after { position: absolute; right: -55px; bottom: -60px; width: 160px; height: 160px; border: 1px solid rgba(81, 94, 131, .07); border-radius: 50%; box-shadow: 0 0 0 30px rgba(85,92,130,.018); content: ""; }
.skillhub-custom-service-card:hover { transform: translateY(-5px); border-color: #d2cdf2; box-shadow: 0 20px 44px rgba(38, 48, 78, .09); }
.skillhub-custom-service-card.is-featured { border-color: rgba(103, 86, 222, .32); background: linear-gradient(155deg, #fff 15%, #f7f4ff 100%); box-shadow: 0 20px 50px rgba(82, 68, 190, .12); }
.skillhub-custom-service-card__flag { position: absolute; top: 0; right: 25px; padding: 7px 12px; border-radius: 0 0 9px 9px; color: #fff; background: linear-gradient(110deg, #6657de, #7b69ec); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.skillhub-custom-service-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; }
.skillhub-custom-service-card__top > small { color: #ccd1db; font-size: 28px; font-weight: 800; letter-spacing: -.04em; }
.skillhub-custom-service-card__icon { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 17px; color: #5971df; background: #edf2ff; }
.skillhub-custom-service-card__icon svg { width: 27px; height: 27px; }
.skillhub-custom-service-card--violet .skillhub-custom-service-card__icon { color: #6655da; background: #eeeaff; }
.skillhub-custom-service-card--rose .skillhub-custom-service-card__icon { color: #db5d79; background: #ffedf2; }
.skillhub-custom-service-card__fit { display: block; margin-bottom: 8px; color: #7d8899; font-size: 12px; }
.skillhub-custom-service-card h3 { margin: 0 0 13px; color: #1e2b43; font-size: 23px; }
.skillhub-custom-service-card > p { min-height: 86px; margin: 0 0 20px; color: #68768a; line-height: 1.8; }
.skillhub-custom-service-card ul { position: relative; z-index: 1; display: grid; gap: 10px; margin: 0; padding: 18px 0 0; border-top: 1px solid #eceef3; list-style: none; }
.skillhub-custom-service-card li { display: flex; align-items: center; gap: 9px; color: #4c596d; font-size: 13px; }
.skillhub-custom-service-card li svg { width: 16px; height: 16px; color: #6557db; stroke-width: 2.2; }

.skillhub-custom-journey { background: #fff; }
.skillhub-custom-journey-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
.skillhub-custom-journey-item { position: relative; display: flex; min-height: 190px; flex-direction: column; align-items: flex-start; padding: 20px 16px; border: 1px solid #e7eaf1; border-radius: 18px; color: #243249 !important; background: #fff; text-decoration: none !important; transition: .22s ease; }
.skillhub-custom-journey-item:hover { transform: translateY(-4px); border-color: #d1cbf0; box-shadow: 0 14px 30px rgba(39, 49, 75, .08); }
.skillhub-custom-journey-item > span { display: grid; width: 42px; height: 42px; margin-bottom: 19px; place-items: center; border-radius: 14px; color: #5574df; background: #edf2ff; }
.skillhub-custom-journey-item--indigo > span { color: #575bcf; background: #efefff; }
.skillhub-custom-journey-item--amber > span { color: #bf8128; background: #fff3df; }
.skillhub-custom-journey-item--cyan > span { color: #268cac; background: #e7f8fb; }
.skillhub-custom-journey-item--green > span { color: #29916f; background: #e8f8f1; }
.skillhub-custom-journey-item--violet > span { color: #7654d4; background: #f1ebff; }
.skillhub-custom-journey-item--rose > span { color: #d95674; background: #ffedf2; }
.skillhub-custom-journey-item svg { width: 23px; height: 23px; }
.skillhub-custom-journey-item strong { margin-bottom: 6px; font-size: 15px; }
.skillhub-custom-journey-item small { color: #7c889a; font-size: 11px; line-height: 1.6; }
.skillhub-custom-journey-item > i { margin-top: auto; color: #a3aabb; font-style: normal; transition: .2s ease; }
.skillhub-custom-journey-item:hover > i { color: #6658db; transform: translateX(4px); }

.skillhub-custom-scenarios { background: #f5f7fb; }
.skillhub-custom-scenario-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; }
.skillhub-custom-scenario-card { overflow: hidden; border: 1px solid #e3e7ef; border-radius: 22px; background: #fff; box-shadow: 0 12px 34px rgba(31, 41, 70, .045); }
.skillhub-custom-scenario-card__head { position: relative; overflow: hidden; padding: 25px 27px 23px; border-bottom: 1px solid #e7eaf1; background: linear-gradient(140deg, #eef3ff, #f7f8ff); }
.skillhub-custom-scenario-card__head::after { position: absolute; top: -52px; right: -34px; width: 130px; height: 130px; border: 1px solid rgba(77,95,156,.09); border-radius: 50%; box-shadow: 0 0 0 24px rgba(255,255,255,.22); content: ""; }
.skillhub-custom-scenario-card--violet .skillhub-custom-scenario-card__head { background: linear-gradient(140deg, #f2edff, #f7f6ff); }
.skillhub-custom-scenario-card--amber .skillhub-custom-scenario-card__head { background: linear-gradient(140deg, #fff1d8, #fff9ee); }
.skillhub-custom-scenario-card__head span { color: #6475cf; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.skillhub-custom-scenario-card--violet .skillhub-custom-scenario-card__head span { color: #7059cf; }
.skillhub-custom-scenario-card--amber .skillhub-custom-scenario-card__head span { color: #ae7221; }
.skillhub-custom-scenario-card h3 { position: relative; z-index: 1; margin: 6px 0 0; color: #1d2b42; font-size: 21px; }
.skillhub-custom-scenario-card dl { display: grid; margin: 0; padding: 8px 27px 23px; }
.skillhub-custom-scenario-card dl > div { display: grid; grid-template-columns: 60px 1fr; gap: 13px; padding: 15px 0; border-bottom: 1px solid #edf0f4; }
.skillhub-custom-scenario-card dl > div:last-child { border-bottom: 0; }
.skillhub-custom-scenario-card dt { color: #8a95a5; font-size: 11px; font-weight: 800; }
.skillhub-custom-scenario-card dd { margin: 0; color: #4d5a6e; font-size: 13px; line-height: 1.65; }
.skillhub-custom-scenario-card .is-review dt { color: #d45269; }

.skillhub-custom-process { position: relative; overflow: hidden; color: #fff; background: linear-gradient(132deg, #171f35, #24244a 58%, #342467); }
.skillhub-custom-process::before { position: absolute; top: -220px; right: -140px; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255,255,255,.018), 0 0 0 120px rgba(255,255,255,.012); content: ""; }
.skillhub-custom-section-head--light { position: relative; z-index: 1; }
.skillhub-custom-section-head--light > div > span { color: #aaa0ff; }
.skillhub-custom-section-head--light h2 { color: #fff; }
.skillhub-custom-section-head--light > p { color: #b9c1d2; }
.skillhub-custom-process-list { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.skillhub-custom-process-list::before { position: absolute; top: 26px; right: 10%; left: 10%; height: 1px; background: linear-gradient(90deg, rgba(151,139,255,.15), rgba(151,139,255,.7), rgba(151,139,255,.15)); content: ""; }
.skillhub-custom-process-list li { position: relative; padding: 0 20px; text-align: center; }
.skillhub-custom-process-list li > span { position: relative; z-index: 1; display: inline-grid; width: 53px; height: 53px; place-items: center; border: 1px solid rgba(183,173,255,.35); border-radius: 50%; color: #d7d2ff; background: #252446; box-shadow: 0 0 0 9px rgba(143,128,244,.055); font-size: 11px; font-weight: 800; }
.skillhub-custom-process-list h3 { margin: 22px 0 9px; color: #fff; font-size: 16px; }
.skillhub-custom-process-list p { margin: 0; color: #adb6c8; font-size: 12px; line-height: 1.75; }

.skillhub-custom-delivery { background: #fff; }
.skillhub-custom-delivery-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(310px, .7fr); gap: 30px; align-items: start; }
.skillhub-custom-deliverable-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.skillhub-custom-deliverable-grid article { display: flex; min-height: 112px; align-items: flex-start; gap: 14px; padding: 19px; border: 1px solid #e6e9f0; border-radius: 16px; background: #fff; transition: .2s ease; }
.skillhub-custom-deliverable-grid article:hover { border-color: #d4cff0; box-shadow: 0 12px 26px rgba(40, 49, 76, .06); }
.skillhub-custom-deliverable-grid article > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 12px; color: #6658da; background: #f0edff; }
.skillhub-custom-deliverable-grid svg { width: 20px; height: 20px; }
.skillhub-custom-deliverable-grid h3 { margin: 1px 0 6px; color: #233047; font-size: 14px; }
.skillhub-custom-deliverable-grid p { margin: 0; color: #7a8697; font-size: 11px; line-height: 1.6; }
.skillhub-custom-prepare { position: sticky; top: 102px; padding: 28px; border: 1px solid rgba(102,87,220,.21); border-radius: 23px; background: linear-gradient(150deg, #f5f2ff, #eef6ff); box-shadow: 0 18px 46px rgba(49, 49, 105, .09); }
.skillhub-custom-prepare__eyebrow { display: block; margin-bottom: 8px; color: #6759da; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.skillhub-custom-prepare h2 { margin: 0 0 22px; color: #1e2b42; font-size: 23px; line-height: 1.4; }
.skillhub-custom-prepare ol { display: grid; gap: 13px; margin: 0 0 22px; padding: 0; list-style: none; }
.skillhub-custom-prepare li { display: flex; align-items: center; gap: 12px; }
.skillhub-custom-prepare li > span { display: grid; width: 31px; height: 31px; flex: 0 0 31px; place-items: center; border-radius: 10px; color: #6658d7; background: rgba(255,255,255,.85); font-size: 10px; font-weight: 800; box-shadow: 0 5px 12px rgba(66,56,149,.06); }
.skillhub-custom-prepare li div { display: grid; gap: 2px; }
.skillhub-custom-prepare li strong { color: #3b4860; font-size: 12px; }
.skillhub-custom-prepare li small { color: #7f8a9d; font-size: 10px; }
.skillhub-custom-prepare > a { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border-radius: 11px; color: #fff !important; background: linear-gradient(105deg, #6253da, #7563e8); font-size: 12px; font-weight: 800; text-decoration: none !important; box-shadow: 0 10px 22px rgba(88,72,199,.18); }

.skillhub-custom-boundaries { background: #f5f7fb; }
.skillhub-custom-boundary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: 1020px; margin: 0 auto; }
.skillhub-custom-boundary-grid article { display: grid; grid-template-columns: 54px 1fr; gap: 0 17px; padding: 29px; border: 1px solid #e2e6ed; border-radius: 22px; background: #fff; }
.skillhub-custom-boundary-grid .skillhub-custom-boundary-icon { display: grid; width: 54px; height: 54px; grid-row: span 2; place-items: center; border-radius: 17px; }
.skillhub-custom-boundary-grid .is-fit .skillhub-custom-boundary-icon { color: #238b6a; background: #e7f8f1; }
.skillhub-custom-boundary-grid .is-not-fit .skillhub-custom-boundary-icon { color: #d44e69; background: #ffedf1; }
.skillhub-custom-boundary-icon svg { width: 27px; height: 27px; stroke-width: 2.2; }
.skillhub-custom-boundary-grid article > div > span { color: #8490a2; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.skillhub-custom-boundary-grid h3 { margin: 5px 0 0; color: #233047; font-size: 18px; line-height: 1.5; }
.skillhub-custom-boundary-grid ul { grid-column: 1 / -1; display: grid; gap: 11px; margin: 25px 0 0; padding: 20px 0 0 20px; border-top: 1px solid #eceef3; color: #657287; line-height: 1.65; }
.skillhub-custom-boundary-grid li { padding-left: 3px; font-size: 13px; }
.skillhub-custom-boundary-grid .is-fit li::marker { color: #42a985; }
.skillhub-custom-boundary-grid .is-not-fit li::marker { color: #e1667e; }

.skillhub-custom-faq { background: #fff; }
.skillhub-custom-faq__layout { display: grid; grid-template-columns: minmax(280px, .68fr) minmax(0, 1.32fr); gap: 70px; align-items: start; }
.skillhub-custom-faq__intro { position: sticky; top: 105px; grid-column: 1; grid-row: 1; }
.skillhub-custom-faq__intro h2 { font-size: clamp(29px, 3vw, 38px); }
.skillhub-custom-faq__intro p { margin: 17px 0 22px; color: #748196; line-height: 1.8; }
.skillhub-custom-faq__intro a { display: inline-flex; align-items: center; gap: 8px; color: #5d50d3 !important; font-size: 13px; font-weight: 800; text-decoration: none !important; }
.skillhub-custom-faq__list { grid-column: 2; grid-row: 1; border-top: 1px solid #e3e7ef; }
.skillhub-custom-faq__list details { border-bottom: 1px solid #e3e7ef; }
.skillhub-custom-faq__list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 4px; color: #28354a; font-size: 15px; font-weight: 750; cursor: pointer; list-style: none; }
.skillhub-custom-faq__list summary::-webkit-details-marker { display: none; }
.skillhub-custom-faq__list summary i { position: relative; width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: #f0edff; }
.skillhub-custom-faq__list summary i::before,
.skillhub-custom-faq__list summary i::after { position: absolute; top: 10px; right: 6px; left: 6px; height: 1.5px; border-radius: 2px; background: #6657d8; content: ""; transition: .2s ease; }
.skillhub-custom-faq__list summary i::after { transform: rotate(90deg); }
.skillhub-custom-faq__list details[open] summary i::after { transform: rotate(0); }
.skillhub-custom-faq__list details[open] summary { color: #5a4dd1; }
.skillhub-custom-faq__list details > p { max-width: 760px; margin: -6px 42px 0 4px; padding-bottom: 22px; color: #6d7a8e; font-size: 13px; line-height: 1.85; }

.skillhub-custom-final-cta { padding: 0 0 86px; background: #fff; }
.skillhub-custom-final-cta__inner { position: relative; display: flex; overflow: hidden; align-items: center; justify-content: space-between; gap: 45px; padding: 43px 48px; border-radius: 25px; color: #fff; background: linear-gradient(118deg, #5646c9 0%, #705be2 55%, #5045b6 100%); box-shadow: 0 24px 55px rgba(76,60,174,.21); }
.skillhub-custom-final-cta__inner::after { position: absolute; top: -125px; right: -65px; width: 300px; height: 300px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.035), 0 0 0 90px rgba(255,255,255,.022); content: ""; }
.skillhub-custom-final-cta__inner > div { position: relative; z-index: 1; }
.skillhub-custom-final-cta__inner > div:first-child > span { color: #d5d0ff; font-size: 11px; font-weight: 800; letter-spacing: .09em; }
.skillhub-custom-final-cta h2 { max-width: 760px; margin: 8px 0; color: #fff; font-size: clamp(27px, 3vw, 37px); line-height: 1.3; }
.skillhub-custom-final-cta p { margin: 0; color: #d9d7ee; }
.skillhub-custom-final-cta__actions { display: grid; min-width: 210px; gap: 9px; text-align: center; }
.skillhub-custom-final-cta__actions a { display: flex; min-height: 49px; align-items: center; justify-content: center; gap: 9px; padding: 12px 18px; border-radius: 12px; color: #5547c6 !important; background: #fff; font-size: 13px; font-weight: 800; text-decoration: none !important; box-shadow: 0 10px 22px rgba(30,22,91,.16); }
.skillhub-custom-final-cta__actions small { color: #c8c4eb; font-size: 10px; }
.skillhub-custom-compliance { margin: 16px 8px 0 !important; color: #8c96a7 !important; font-size: 10px; text-align: center; }

.io-black-mode .skillhub-custom { color: #d5d9e1; background: #1b1d1f; }
.io-black-mode .skillhub-custom-hero { border-color: rgba(143,128,240,.15); background: radial-gradient(circle at 84% 17%, rgba(105,84,220,.17), transparent 29%), linear-gradient(145deg, #24262a, #262530 58%, #202930); }
.io-black-mode .skillhub-custom-hero__copy h1,
.io-black-mode .skillhub-custom-section-head h2,
.io-black-mode .skillhub-custom-faq__intro h2,
.io-black-mode .skillhub-custom-service-card h3,
.io-black-mode .skillhub-custom-scenario-card h3,
.io-black-mode .skillhub-custom-prepare h2,
.io-black-mode .skillhub-custom-boundary-grid h3 { color: #e5e8ef; }
.io-black-mode .skillhub-custom-hero__copy > p,
.io-black-mode .skillhub-custom-section-head > p,
.io-black-mode .skillhub-custom-faq__intro p { color: #a3aab7; }
.io-black-mode .skillhub-custom-services,
.io-black-mode .skillhub-custom-scenarios,
.io-black-mode .skillhub-custom-boundaries { background: #1b1d1f; }
.io-black-mode .skillhub-custom-journey,
.io-black-mode .skillhub-custom-delivery,
.io-black-mode .skillhub-custom-faq,
.io-black-mode .skillhub-custom-final-cta { background: #202224; }
.io-black-mode .skillhub-custom-service-card,
.io-black-mode .skillhub-custom-journey-item,
.io-black-mode .skillhub-custom-scenario-card,
.io-black-mode .skillhub-custom-deliverable-grid article,
.io-black-mode .skillhub-custom-boundary-grid article { border-color: rgba(255,255,255,.08); background: #2d2e2f; }
.io-black-mode .skillhub-custom-service-card.is-featured { background: linear-gradient(155deg, #302f36, #302b42); }
.io-black-mode .skillhub-custom-hero__visual { border-color: rgba(255,255,255,.08); background: rgba(39,40,47,.7); }
.io-black-mode .skillhub-custom-visual__source > div,
.io-black-mode .skillhub-custom-visual__output > div { border-color: rgba(255,255,255,.08); color: #c7cbd4; background: rgba(50,51,57,.82); }
.io-black-mode .skillhub-custom-visual__core { border-color: rgba(142,126,239,.2); background: linear-gradient(145deg, #34313f, #302b49); }
.io-black-mode .skillhub-custom-visual__core strong { color: #eceef4; }
.io-black-mode .skillhub-custom-journey-item { color: #dfe2e9 !important; }
.io-black-mode .skillhub-custom-prepare { border-color: rgba(142,126,239,.18); background: linear-gradient(150deg, #302d42, #26313b); }
.io-black-mode .skillhub-custom-faq__list,
.io-black-mode .skillhub-custom-faq__list details { border-color: rgba(255,255,255,.09); }
.io-black-mode .skillhub-custom-faq__list summary { color: #d7dbe3; }

@media (max-width: 1199px) {
    .skillhub-custom-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(430px, .9fr); gap: 42px; }
    .skillhub-custom-hero__visual { grid-template-columns: 1fr 25px 1.35fr 25px 1fr; padding: 22px; }
    .skillhub-custom-journey-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .skillhub-custom-journey-item { min-height: 165px; }
}

@media (max-width: 991px) {
    .skillhub-custom-hero { padding-bottom: 65px; }
    .skillhub-custom-breadcrumb { margin-bottom: 36px; }
    .skillhub-custom-hero__grid { grid-template-columns: 1fr; }
    .skillhub-custom-hero__copy { max-width: 760px; }
    .skillhub-custom-hero__visual { max-width: 720px; min-height: 360px; }
    .skillhub-custom-section { padding: 68px 0; }
    .skillhub-custom-service-grid,
    .skillhub-custom-scenario-grid { grid-template-columns: 1fr; }
    .skillhub-custom-service-card { min-height: auto; }
    .skillhub-custom-service-card > p { min-height: auto; }
    .skillhub-custom-process-list { grid-template-columns: 1fr; gap: 20px; }
    .skillhub-custom-process-list::before { top: 18px; bottom: 18px; left: 25px; width: 1px; height: auto; }
    .skillhub-custom-process-list li { display: grid; grid-template-columns: 52px 1fr; gap: 0 18px; padding: 0; text-align: left; }
    .skillhub-custom-process-list li > span { grid-row: span 2; }
    .skillhub-custom-process-list h3 { margin: 5px 0 5px; }
    .skillhub-custom-delivery-layout { grid-template-columns: 1fr; }
    .skillhub-custom-prepare { position: relative; top: auto; }
    .skillhub-custom-faq__layout { grid-template-columns: 1fr; gap: 38px; }
    .skillhub-custom-faq__intro { position: relative; top: auto; grid-column: 1; grid-row: 1; max-width: 720px; }
    .skillhub-custom-faq__list { grid-column: 1; grid-row: 2; }
}

@media (max-width: 767px) {
    .skillhub-custom-hero { padding: 22px 0 49px; }
    .skillhub-custom-breadcrumb { margin-bottom: 27px; }
    .skillhub-custom-hero__copy h1 { font-size: 36px; }
    .skillhub-custom-hero__copy h1 em { white-space: normal; }
    .skillhub-custom-hero__copy > p { font-size: 15px; line-height: 1.8; }
    .skillhub-custom-actions { display: grid; grid-template-columns: 1fr; }
    .skillhub-custom-button { width: 100%; }
    .skillhub-custom-trustline { gap: 10px; flex-direction: column; }
    .skillhub-custom-hero__visual { min-height: 535px; grid-template-columns: 1fr; gap: 14px; padding: 21px; border-radius: 22px; }
    .skillhub-custom-visual__source,
    .skillhub-custom-visual__output { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
    .skillhub-custom-visual__source > span,
    .skillhub-custom-visual__output > span { grid-column: 1 / -1; margin: 0; }
    .skillhub-custom-visual__source > div,
    .skillhub-custom-visual__output > div { justify-content: center; margin: 0; padding: 8px 5px; font-size: 10px; }
    .skillhub-custom-visual__core { min-height: 190px; }
    .skillhub-custom-visual__flow { height: 15px; transform: rotate(90deg); }
    .skillhub-custom-visual__flow::before { right: 44%; left: 44%; }
    .skillhub-custom-visual__flow span { display: none; }
    .skillhub-custom-visual__note { right: 12px; bottom: 12px; left: 12px; }
    .skillhub-custom-section { padding: 54px 0; }
    .skillhub-custom-section-head { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 25px; }
    .skillhub-custom-section-head h2,
    .skillhub-custom-faq__intro h2 { font-size: 29px; }
    .skillhub-custom-section-head--center { align-items: flex-start; text-align: left; }
    .skillhub-custom-service-card { padding: 24px 21px; border-radius: 18px; }
    .skillhub-custom-service-card__flag { right: 20px; }
    .skillhub-custom-service-card h3 { font-size: 21px; }
    .skillhub-custom-journey-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .skillhub-custom-journey-item { min-height: 166px; padding: 17px 14px; }
    .skillhub-custom-scenario-card__head { padding: 22px 21px 20px; }
    .skillhub-custom-scenario-card dl { padding: 7px 21px 19px; }
    .skillhub-custom-scenario-card dl > div { grid-template-columns: 55px 1fr; }
    .skillhub-custom-process-list li { grid-template-columns: 46px 1fr; gap: 0 14px; }
    .skillhub-custom-process-list li > span { width: 46px; height: 46px; }
    .skillhub-custom-process-list::before { left: 22px; }
    .skillhub-custom-deliverable-grid { grid-template-columns: 1fr; }
    .skillhub-custom-prepare { padding: 23px 20px; }
    .skillhub-custom-boundary-grid { grid-template-columns: 1fr; }
    .skillhub-custom-boundary-grid article { grid-template-columns: 45px 1fr; padding: 23px 20px; }
    .skillhub-custom-boundary-grid .skillhub-custom-boundary-icon { width: 45px; height: 45px; border-radius: 14px; }
    .skillhub-custom-boundary-icon svg { width: 23px; height: 23px; }
    .skillhub-custom-faq__list summary { padding: 20px 1px; font-size: 14px; }
    .skillhub-custom-faq__list details > p { margin-right: 28px; margin-left: 1px; }
    .skillhub-custom-final-cta { padding-bottom: 54px; }
    .skillhub-custom-final-cta__inner { align-items: flex-start; flex-direction: column; padding: 30px 23px; border-radius: 20px; }
    .skillhub-custom-final-cta h2 { font-size: 28px; }
    .skillhub-custom-final-cta__actions { width: 100%; }
}

@media (max-width: 420px) {
    .skillhub-custom-hero__copy h1 { font-size: 32px; }
    .skillhub-custom-journey-grid { grid-template-columns: 1fr; }
    .skillhub-custom-journey-item { min-height: 135px; }
}