@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

.wcis-services-page,
.wcis-services-page *,
.wcis-booking-drawer,
.wcis-booking-drawer * {
    box-sizing: border-box;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wcis-services-page {
    --purple: #8b3dff;
    --purple2: #b166ff;
    --deep: #14162f;
    --muted: #68708b;
    --soft: #f7f3ff;
    --line: #ece8f6;
    color: var(--deep);
    background: #fff;
    overflow: hidden;
}

.wcis-hero {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    min-height: 650px;
    padding: 95px max(7vw, 48px) 145px;
    background:
        radial-gradient(circle at 18% 16%, rgba(139, 61, 255, .09), transparent 28%),
        linear-gradient(105deg, #fbfaff 0%, #fff 54%, #8b3dff 54%, #8b3dff 100%);
    position: relative;
}

.wcis-small-label {
    color: var(--purple);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 900;
    margin-bottom: 14px;
}

.wcis-hero h1 {
    margin: 0;
    max-width: 660px;
    font-size: clamp(42px, 5.4vw, 78px);
    line-height: 1;
    letter-spacing: -.065em;
}

.wcis-hero-copy p {
    max-width: 540px;
    margin: 24px 0 30px;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.75;
}

.wcis-hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
}

.wcis-btn,
.wcis-btn-soft,
.wcis-btn-light,
.wcis-purple-card button {
    border: 0;
    cursor: pointer;
    border-radius: 999px;
    padding: 14px 24px;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: transform .18s ease, box-shadow .18s ease;
}

.wcis-btn {
    background: linear-gradient(135deg, var(--purple), var(--purple2));
    color: #fff;
    box-shadow: 0 16px 34px rgba(139,61,255,.28);
}

.wcis-btn:hover,
.wcis-btn-soft:hover,
.wcis-btn-light:hover {
    transform: translateY(-2px);
}

.wcis-btn-soft {
    background: #fff;
    color: var(--purple);
    box-shadow: 0 12px 28px rgba(20,22,47,.07);
    border: 1px solid #efe8ff;
}

.wcis-hero-art {
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.wcis-hero-purple {
    position: absolute;
    inset: -95px -7vw -145px 0;
    background:
        linear-gradient(135deg, rgba(255,255,255,.10), transparent 45%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.08) 0 1px, transparent 1px 70px);
}

.wcis-hero-art img {
    position: relative;
    z-index: 2;
    max-height: 575px;
    max-width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 30px 55px rgba(20, 22, 47, .18));
}

.wcis-person-placeholder {
    position: relative;
    z-index: 2;
    width: min(430px, 100%);
    height: 480px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 24%, rgba(255,255,255,.92) 0 16%, transparent 16%),
        linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.10));
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.18);
}

.wcis-overlap-cards {
    width: min(1080px, calc(100% - 48px));
    margin: -84px auto 92px;
    position: relative;
    z-index: 5;
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 26px;
    align-items: stretch;
}

.wcis-purple-card,
.wcis-white-help-card {
    border-radius: 28px;
    box-shadow: 0 28px 65px rgba(20, 22, 47, .13);
}

.wcis-purple-card {
    padding: 34px;
    color: #fff;
    background: linear-gradient(135deg, var(--purple2), var(--purple));
}

.wcis-purple-card h3,
.wcis-white-help-card h3 {
    margin: 0 0 12px;
    font-size: 23px;
    letter-spacing: -.03em;
}

.wcis-purple-card p {
    color: rgba(255,255,255,.82);
    line-height: 1.7;
}

.wcis-purple-card button {
    background: #fff;
    color: var(--purple);
    margin-top: 10px;
}

.wcis-white-help-card {
    background: #fff;
    padding: 32px;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 32px;
}

.wcis-white-help-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wcis-white-help-card li {
    position: relative;
    padding-left: 24px;
    color: var(--muted);
    margin: 0 0 13px;
    font-size: 14px;
}

.wcis-white-help-card li:before {
    content: "✓";
    color: var(--purple);
    font-weight: 900;
    position: absolute;
    left: 0;
}

.wcis-white-help-card p,
.wcis-about-copy p,
.wcis-info-card p,
.wcis-benefit-left p,
.wcis-service-card p {
    color: var(--muted);
    line-height: 1.72;
}

.wcis-text-link {
    background: transparent;
    border: 0;
    padding: 0;
    color: var(--purple);
    font-weight: 850;
    cursor: pointer;
}

.wcis-about {
    width: min(1080px, calc(100% - 48px));
    margin: 0 auto 96px;
    display: grid;
    grid-template-columns: .96fr 1.04fr;
    gap: 84px;
    align-items: center;
}

.wcis-about-media {
    height: 460px;
    position: relative;
}

.wcis-main-photo,
.wcis-small-photo {
    position: absolute;
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(139,61,255,.18), rgba(177,102,255,.06)),
        linear-gradient(135deg, #eef2ff, #ffffff);
    box-shadow: 0 28px 60px rgba(20,22,47,.14);
}

.wcis-main-photo {
    inset: 24px 56px 0 0;
}

.wcis-main-photo:after {
    content: "";
    position: absolute;
    inset: 58px 55px;
    border-radius: 26px;
    border: 3px solid rgba(139,61,255,.14);
}

.wcis-small-photo {
    width: 230px;
    height: 210px;
    left: 0;
    bottom: 42px;
    border: 8px solid #fff;
}

.wcis-badge {
    position: absolute;
    left: 176px;
    bottom: 0;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--purple2), var(--purple));
    color: #fff;
    display: grid;
    place-items: center;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    box-shadow: 0 24px 45px rgba(139,61,255,.34);
}

.wcis-about-copy h2,
.wcis-section-heading h2,
.wcis-benefit-left h2,
.wcis-final-cta h2 {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -.045em;
}

.wcis-about-list {
    margin-top: 32px;
    display: grid;
    gap: 22px;
}

.wcis-about-list > div {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.wcis-about-list span,
.wcis-icon-circle {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #efe7ff;
    color: var(--purple);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.wcis-about-list svg,
.wcis-icon-circle svg,
.wcis-benefit-image svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.wcis-about-list h4 {
    margin: 0 0 5px;
    font-size: 18px;
}

.wcis-about-list p {
    margin: 0;
    font-size: 14px;
}

.wcis-gains {
    background: #f7f3ff;
    padding: 78px max(7vw, 48px);
}

.wcis-section-heading {
    max-width: 720px;
    text-align: center;
    margin: 0 auto 48px;
}

.wcis-gain-grid {
    width: min(1080px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 24px;
}

.wcis-info-card,
.wcis-service-card,
.wcis-benefit-cards article {
    background: #fff;
    border-radius: 25px;
    border: 1px solid #efeaf8;
    box-shadow: 0 20px 42px rgba(20,22,47,.07);
}

.wcis-info-card {
    padding: 32px 26px;
    text-align: center;
}

.wcis-info-card .wcis-icon-circle {
    margin: -58px auto 22px;
    background: linear-gradient(135deg, var(--purple2), var(--purple));
    color: #fff;
    box-shadow: 0 18px 36px rgba(139,61,255,.26);
}

.wcis-info-card h3,
.wcis-service-card h3 {
    margin: 0 0 10px;
    font-size: 19px;
    letter-spacing: -.025em;
}

.wcis-info-card p {
    font-size: 14px;
    margin: 0;
}

.wcis-student-benefits {
    width: min(1080px, calc(100% - 48px));
    margin: 92px auto;
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 48px;
    align-items: center;
}

.wcis-benefit-left ul {
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.wcis-benefit-left li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    color: #30364e;
    font-weight: 700;
}

.wcis-benefit-left li:before {
    content: "✓";
    color: var(--purple);
    position: absolute;
    left: 0;
    font-weight: 900;
}

.wcis-benefit-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;
}

.wcis-benefit-cards article {
    overflow: hidden;
}

.wcis-benefit-image {
    height: 148px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #efe7ff, #fff);
    color: var(--purple);
}

.wcis-benefit-image svg {
    width: 48px;
    height: 48px;
}

.wcis-benefit-cards h3,
.wcis-benefit-cards p {
    padding: 0 18px;
}

.wcis-benefit-cards h3 {
    margin: 20px 0 7px;
    font-size: 18px;
}

.wcis-benefit-cards p {
    margin: 0 0 22px;
    font-size: 14px;
    color: var(--muted);
    line-height: 1.65;
}

.wcis-service-area {
    padding: 80px max(7vw, 48px);
    background: #fff;
}

.wcis-service-grid {
    width: min(1080px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 22px;
}

.wcis-service-card {
    padding: 28px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.wcis-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 26px 58px rgba(20,22,47,.11);
}

.wcis-service-card .wcis-icon-circle {
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
}

.wcis-service-card p {
    min-height: 102px;
    font-size: 14px;
}

.wcis-final-cta {
    width: min(1080px, calc(100% - 48px));
    margin: 0 auto 100px;
    padding: 42px 52px;
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.12), transparent 42%),
        linear-gradient(135deg, var(--purple), var(--purple2));
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.wcis-final-cta h2 {
    font-size: clamp(26px, 3.4vw, 42px);
    margin-bottom: 10px;
}

.wcis-final-cta p {
    margin: 0;
    color: rgba(255,255,255,.82);
}

.wcis-btn-light {
    background: #fff;
    color: var(--purple);
    white-space: nowrap;
}

.wcis-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(20,22,47,.52);
    opacity: 0;
    visibility: hidden;
    z-index: 99998;
    transition: all .25s ease;
}

.wcis-drawer-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.wcis-booking-drawer {
    position: fixed;
    top: 0;
    right: -480px;
    width: min(480px, 100%);
    height: 100vh;
    background: #fff;
    z-index: 99999;
    padding: 46px;
    overflow-y: auto;
    box-shadow: -30px 0 70px rgba(20,22,47,.22);
    transition: right .3s ease;
}

.wcis-booking-drawer.is-open {
    right: 0;
}

.wcis-drawer-close {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #f3ecff;
    color: var(--purple);
    font-size: 24px;
    cursor: pointer;
}

.wcis-booking-drawer h2 {
    margin: 20px 0 8px;
    font-size: 32px;
    letter-spacing: -.04em;
}

.wcis-booking-drawer > p {
    color: var(--muted);
    line-height: 1.65;
    margin-bottom: 28px;
}

#wcisBookingForm {
    display: grid;
    gap: 13px;
}

#wcisBookingForm label {
    font-size: 13px;
    font-weight: 850;
    color: #2e3249;
}

#wcisBookingForm input,
#wcisBookingForm select,
#wcisBookingForm textarea {
    width: 100%;
    border: 1px solid #e6e1f0;
    border-radius: 14px;
    padding: 14px 15px;
    outline: none;
    font-size: 15px;
}

#wcisBookingForm input:focus,
#wcisBookingForm select:focus,
#wcisBookingForm textarea:focus {
    border-color: var(--purple);
    box-shadow: 0 0 0 4px rgba(139,61,255,.10);
}

#wcisBookingForm textarea {
    min-height: 132px;
    resize: vertical;
}

.wcis-submit-btn {
    margin-top: 8px;
    width: 100%;
}

.wcis-form-message {
    min-height: 20px;
    color: var(--purple);
    font-weight: 800;
}

@media (max-width: 1100px) {
    .wcis-gain-grid,
    .wcis-service-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 900px) {
    .wcis-hero {
        grid-template-columns: 1fr;
        background: linear-gradient(180deg, #fbfaff, #fff);
        padding-bottom: 70px;
    }
    .wcis-hero-purple {
        inset: 25px 0 0;
        border-radius: 36px;
    }
    .wcis-overlap-cards,
    .wcis-about,
    .wcis-student-benefits {
        grid-template-columns: 1fr;
    }
    .wcis-white-help-card {
        grid-template-columns: 1fr;
    }
    .wcis-benefit-cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .wcis-hero {
        padding: 54px 22px 80px;
    }
    .wcis-overlap-cards,
    .wcis-about,
    .wcis-student-benefits,
    .wcis-final-cta {
        width: calc(100% - 28px);
    }
    .wcis-gain-grid,
    .wcis-service-grid {
        grid-template-columns: 1fr;
    }
    .wcis-final-cta {
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 26px;
    }
    .wcis-booking-drawer {
        padding: 34px 22px;
    }
}



/* WCIS Services safe full-width breakout: scoped only to shortcode wrapper */
.wcis-full-bleed {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    clear: both;
}

.wcis-full-bleed .wcis-services-page {
    width: 100%;
    max-width: 100vw;
}

/* Prevent horizontal scroll caused by full-bleed rounding on some browsers */
body:has(.wcis-full-bleed) {
    overflow-x: hidden;
}






/* About image upload support: 2 image layered layout */
.wcis-about-main-image {
    position: absolute;
    inset: 24px 56px 0 0;
    width: calc(100% - 56px);
    height: calc(100% - 24px);
    object-fit: cover;
    border-radius: 34px;
    box-shadow: 0 28px 60px rgba(20,22,47,.14);
    display: block;
}

.wcis-about-small-image {
    position: absolute;
    width: 230px;
    height: 210px;
    left: 0;
    bottom: 42px;
    object-fit: cover;
    border-radius: 34px;
    border: 8px solid #fff;
    box-shadow: 0 28px 60px rgba(20,22,47,.14);
    display: block;
    z-index: 2;
}

.wcis-about-main-image + .wcis-about-small-image,
.wcis-about-media .wcis-small-photo {
    z-index: 2;
}

.wcis-badge {
    z-index: 3;
}


/* WCIS About + Contact pages v4.5 */
.wcis-about-page,.wcis-contact-page{font-family:Inter,system-ui,sans-serif;color:#12152d;background:#fff}.wcis-about-hero{width:min(1160px,calc(100% - 48px));min-height:430px;margin:40px auto 58px;border-radius:18px;background:linear-gradient(90deg,rgba(4,120,87,.9),rgba(4,120,87,.55)),linear-gradient(135deg,#0f8f74,#0b6f5b);background-size:cover;background-position:center;padding:70px;display:flex;align-items:center;color:#fff;overflow:hidden}.wcis-about-hero div{max-width:620px}.wcis-about-hero span{font-weight:700;opacity:.9}.wcis-about-hero h1{font-size:clamp(42px,5vw,72px);line-height:.95;margin:18px 0}.wcis-about-hero p{max-width:430px;line-height:1.7}.wcis-about-btn,.wcis-black-btn{display:inline-flex;padding:14px 24px;border-radius:999px;background:#fff;color:#111;text-decoration:none;font-weight:800;margin-top:18px}.wcis-black-btn{background:#050505;color:#fff}.wcis-about-main{width:min(1160px,calc(100% - 48px));margin:0 auto 55px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.wcis-about-main h2{font-size:clamp(42px,6vw,78px);line-height:.95;margin:0}.wcis-about-main p{line-height:1.8;color:#4d556b}.wcis-about-image-grid{width:min(1080px,calc(100% - 48px));margin:0 auto 80px;display:grid;grid-template-columns:.85fr 1fr 1fr;gap:18px}.wcis-about-feature-card,.wcis-about-wide-card{background:#f5f7fb;border-radius:18px;padding:28px}.wcis-about-wide-card{grid-column:1 / span 2;background:#5177b5;color:#fff}.wcis-about-wide-card p{color:rgba(255,255,255,.84)}.wcis-about-img-card{min-height:230px;border-radius:18px;overflow:hidden;background:#eee}.wcis-about-img-card.tall{grid-row:1 / span 2;grid-column:3}.wcis-about-img-card img{width:100%;height:100%;object-fit:cover;display:block}.wcis-blue-icon{width:48px;height:48px;border-radius:16px;background:#5677c8;color:#fff;display:grid;place-items:center;margin-bottom:20px}.wcis-about-image-grid a{font-weight:800;text-decoration:none;color:inherit}.wcis-about-cta{width:min(1080px,calc(100% - 48px));margin:0 auto 90px;padding:70px;border:1px solid #eee;border-radius:20px;background:#fff}.wcis-about-cta h2{font-size:clamp(32px,4vw,56px);max-width:560px}.wcis-about-cta p{max-width:620px;color:#667}.wcis-about-cta a{display:inline-flex;background:#111;color:#fff;border-radius:999px;padding:14px 24px;text-decoration:none;font-weight:800}.wcis-contact-hero{min-height:360px;background:linear-gradient(rgba(13,52,96,.72),rgba(13,52,96,.72)),linear-gradient(135deg,#113e73,#0f5da8);background-size:cover;background-position:center;display:grid;place-items:center;text-align:center;color:#fff;padding:80px 24px}.wcis-contact-hero h1{font-size:48px;margin:0 0 14px}.wcis-contact-hero p{max-width:560px;line-height:1.7}.wcis-contact-card{width:min(1100px,calc(100% - 48px));margin:-90px auto 80px;background:#fff;border-radius:14px;box-shadow:0 28px 70px rgba(10,25,60,.16);display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden}.wcis-contact-info{background:#f8f8fd;padding:55px}.wcis-contact-info h2,.wcis-contact-form-wrap h2{font-size:34px;margin:0 0 14px}.wcis-contact-info>p{color:#667;line-height:1.7}.wcis-contact-line{display:flex;gap:16px;margin:25px 0}.wcis-contact-line span{width:48px;height:48px;border-radius:50%;background:#1673e6;color:#fff;display:grid;place-items:center;flex:0 0 auto}.wcis-contact-line strong{display:block;margin-bottom:5px}.wcis-contact-line p{margin:0;color:#667}.wcis-socials{display:flex;gap:8px;margin-top:25px}.wcis-socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1673e6;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.wcis-contact-form-wrap{padding:55px}.wcis-contact-form-wrap form{display:grid;gap:14px}.wcis-contact-form-wrap .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wcis-contact-form-wrap input,.wcis-contact-form-wrap textarea{width:100%;border:0;background:#f6f6fb;border-radius:12px;padding:15px;outline:none}.wcis-contact-form-wrap textarea{min-height:130px}.wcis-contact-form-wrap button{border:0;background:#1673e6;color:#fff;border-radius:999px;padding:14px;font-weight:800;cursor:pointer}#wcisContactMessage{font-weight:800;color:#1673e6}.wcis-contact-bottom{background:#fafafa;padding:75px 24px;text-align:center}.wcis-contact-bottom>span{display:inline-flex;background:#fff;border-radius:999px;padding:8px 14px;color:#ef4b36;text-transform:uppercase;font-size:12px;font-weight:900}.wcis-contact-bottom h2{font-size:42px;margin:20px 0 10px}.wcis-contact-bottom>p{color:#667;max-width:580px;margin:0 auto 38px}.wcis-contact-mini-grid{width:min(1000px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.wcis-contact-mini-grid div{background:#fff;border-radius:18px;padding:28px;box-shadow:0 18px 40px rgba(20,22,47,.07)}.wcis-contact-mini-grid p{color:#667;margin-bottom:0}@media(max-width:900px){.wcis-about-main,.wcis-contact-card{grid-template-columns:1fr}.wcis-about-image-grid{grid-template-columns:1fr}.wcis-about-wide-card,.wcis-about-img-card.tall{grid-column:auto;grid-row:auto}.wcis-contact-mini-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.wcis-about-hero,.wcis-about-main,.wcis-about-image-grid,.wcis-about-cta,.wcis-contact-card{width:calc(100% - 28px)}.wcis-about-hero{padding:36px}.wcis-contact-form-wrap .two,.wcis-contact-mini-grid{grid-template-columns:1fr}.wcis-contact-info,.wcis-contact-form-wrap{padding:32px}}



/* About page v4.7 reference layout - full width */
.wcis-full-bleed {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    clear: both;
}

.wcis-about-page-v2,
.wcis-about-page-v2 * {
    box-sizing: border-box;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wcis-about-page-v2 {
    width: 100%;
    max-width: 100vw;
    background: #fff;
    color: #111225;
    padding: 30px 0 90px;
}

.wcis-about-ref-hero {
    width: min(1280px, calc(100% - 56px));
    margin: 0 auto 68px;
    min-height: 440px;
    border-radius: 16px;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(0, 126, 103, .92), rgba(0, 126, 103, .45)),
        linear-gradient(135deg, #078b73, #0b705f);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    padding: 72px;
}

.wcis-about-ref-hero-copy {
    max-width: 620px;
    color: #fff;
}

.wcis-about-ref-hero-copy span {
    display: block;
    font-family: Georgia, serif;
    font-size: 28px;
    margin-bottom: 16px;
    opacity: .9;
}

.wcis-about-ref-hero-copy h1 {
    margin: 0;
    font-family: Georgia, serif;
    font-size: clamp(46px, 6vw, 82px);
    line-height: .95;
    letter-spacing: -.04em;
    max-width: 720px;
}

.wcis-about-ref-hero-copy p {
    max-width: 460px;
    line-height: 1.65;
    margin: 24px 0 28px;
    color: rgba(255,255,255,.92);
}

.wcis-about-ref-hero-copy a,
.wcis-about-ref-black,
.wcis-about-ref-value-copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 14px 26px;
    background: #fff;
    color: #111;
    text-decoration: none;
    font-weight: 850;
}

.wcis-about-ref-intro {
    width: min(1280px, calc(100% - 56px));
    margin: 0 auto 54px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
}

.wcis-about-ref-intro h2 {
    font-family: Georgia, serif;
    font-size: clamp(48px, 7vw, 92px);
    line-height: .93;
    margin: 0 0 24px;
    letter-spacing: -.045em;
}

.wcis-about-ref-small {
    color: #333;
    font-weight: 700;
}

.wcis-about-ref-intro p {
    color: #2f3445;
    line-height: 1.8;
    font-size: 17px;
    max-width: 580px;
}

.wcis-about-ref-black {
    background: #050505;
    color: #fff;
    margin-top: 18px;
}

.wcis-about-ref-grid {
    width: min(1180px, calc(100% - 56px));
    margin: 0 auto 86px;
    display: grid;
    grid-template-columns: .9fr 1fr 1.15fr;
    grid-template-rows: 230px 230px;
    gap: 18px;
}

.wcis-about-ref-card,
.wcis-about-ref-image {
    border-radius: 18px;
    overflow: hidden;
}

.wcis-about-ref-card {
    padding: 30px;
}

.wcis-about-ref-card.light {
    background: #f3f5fa;
}

.wcis-about-ref-card.blue {
    grid-column: 1 / span 2;
    background: #557bb8;
    color: #fff;
    position: relative;
}

.wcis-about-ref-card.blue:after {
    content: "";
    position: absolute;
    inset: auto -40px -80px auto;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    border: 38px solid rgba(255,255,255,.08);
}

.wcis-about-ref-card h3 {
    margin: 16px 0 10px;
    font-size: 21px;
}

.wcis-about-ref-card p {
    color: #606a80;
    line-height: 1.65;
}

.wcis-about-ref-card.blue p {
    color: rgba(255,255,255,.82);
}

.wcis-about-ref-card a {
    color: inherit;
    font-weight: 850;
    text-decoration: none;
}

.wcis-about-ref-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: #557bb8;
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 900;
}

.wcis-about-ref-image {
    background: #eef1f7;
}

.wcis-about-ref-image.tall {
    grid-row: 1 / span 2;
    grid-column: 3;
}

.wcis-about-ref-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.wcis-about-ref-value {
    width: min(1180px, calc(100% - 56px));
    margin: 0 auto;
    border: 1px solid #e8e8ef;
    padding: 70px;
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 80px;
    align-items: center;
}

.wcis-about-ref-value-copy span {
    color: #ef5c4b;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px;
    font-weight: 900;
}

.wcis-about-ref-value-copy h2 {
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.02;
    margin: 16px 0 28px;
    max-width: 520px;
}

.wcis-about-ref-value-copy p {
    color: #61687d;
    line-height: 1.8;
    max-width: 500px;
}

.wcis-about-ref-value-copy a {
    background: #050505;
    color: #fff;
    margin-top: 18px;
}

.wcis-about-ref-value-ui {
    min-height: 360px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 65% 60%, rgba(239,92,75,.12), transparent 20%),
        linear-gradient(135deg, #fafafa, #ffffff);
    border: 1px solid #eeeef5;
    position: relative;
    padding: 38px;
}

.wcis-ui-search {
    position: absolute;
    top: 50px;
    right: 52px;
    width: 240px;
    height: 54px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(17,20,40,.08);
    display: grid;
    place-items: center;
    color: #98a0b4;
    font-weight: 800;
}

.wcis-ui-card {
    position: absolute;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(17,20,40,.09);
    padding: 24px;
    font-weight: 900;
}

.wcis-ui-card.dark {
    top: 130px;
    right: 40px;
    width: 220px;
}

.wcis-ui-card.map {
    bottom: 45px;
    left: 55px;
    width: 310px;
    min-height: 130px;
}

@media (max-width: 900px) {
    .wcis-about-ref-intro,
    .wcis-about-ref-value {
        grid-template-columns: 1fr;
    }

    .wcis-about-ref-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .wcis-about-ref-card.blue,
    .wcis-about-ref-image.tall {
        grid-column: auto;
        grid-row: auto;
        min-height: 250px;
    }

    .wcis-about-ref-image {
        min-height: 250px;
    }
}

@media (max-width: 640px) {
    .wcis-about-ref-hero,
    .wcis-about-ref-intro,
    .wcis-about-ref-grid,
    .wcis-about-ref-value {
        width: calc(100% - 28px);
    }

    .wcis-about-ref-hero {
        padding: 38px;
    }

    .wcis-about-ref-value {
        padding: 34px;
    }
}



/* v4.8 Clean blue About page */
.wcis-full-bleed {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    clear: both;
}

.wcis-about-blue-page,
.wcis-about-blue-page * {
    box-sizing: border-box;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wcis-about-blue-page {
    --blue: #0b63f6;
    --blue-dark: #063a9b;
    --deep: #091335;
    --muted: #4f5b78;
    --soft: #f3f7ff;
    width: 100%;
    max-width: 100vw;
    background: #fff;
    color: var(--deep);
    padding: 28px 0 82px;
}

.wcis-about-blue-hero {
    width: min(1280px, calc(100% - 56px));
    min-height: 430px;
    margin: 0 auto 22px;
    border-radius: 18px;
    padding: 64px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(90deg, rgba(4,54,154,.94), rgba(4,88,204,.72), rgba(4,88,204,.1)),
        linear-gradient(135deg, #053b9d, #0b63f6);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.wcis-about-blue-hero-copy {
    width: min(560px, 100%);
    color: #fff;
}

.wcis-about-blue-hero-copy span {
    display: inline-block;
    color: #7db5ff;
    font-weight: 900;
    margin-bottom: 14px;
    font-size: 18px;
}

.wcis-about-blue-hero-copy h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(44px, 5vw, 72px);
    line-height: .98;
    letter-spacing: -.055em;
    max-width: 620px;
}

.wcis-about-blue-hero-copy p {
    margin: 24px 0 28px;
    max-width: 520px;
    color: rgba(255,255,255,.92);
    line-height: 1.65;
    font-size: 17px;
}

.wcis-about-blue-hero-copy a,
.wcis-about-blue-cta a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 26px;
    border-radius: 999px;
    background: #fff;
    color: var(--blue-dark);
    text-decoration: none;
    font-weight: 900;
    box-shadow: 0 16px 34px rgba(0,0,0,.12);
}

.wcis-about-blue-mission {
    width: min(1180px, calc(100% - 56px));
    margin: 0 auto 34px;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 56px;
    align-items: center;
    padding: 38px 0 16px;
}

.wcis-about-blue-copy span {
    color: var(--blue);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 13px;
}

.wcis-about-blue-copy h2 {
    margin: 14px 0 22px;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.02;
    letter-spacing: -.04em;
}

.wcis-about-blue-copy h2:after {
    content: "";
    display: block;
    width: 58px;
    height: 4px;
    background: var(--blue);
    border-radius: 999px;
    margin-top: 16px;
}

.wcis-about-blue-copy p {
    color: var(--muted);
    line-height: 1.78;
    font-size: 16px;
}

.wcis-about-blue-screen {
    border-radius: 22px;
    min-height: 280px;
    overflow: hidden;
    background: linear-gradient(135deg, #eef5ff, #fff);
    box-shadow: 0 22px 50px rgba(9,19,53,.09);
    display: grid;
    place-items: center;
}

.wcis-about-blue-screen img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.wcis-about-laptop-placeholder {
    width: 82%;
    min-height: 210px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #dce8ff;
    display: grid;
    place-items: center;
    text-align: center;
    color: var(--blue);
}

.wcis-about-laptop-placeholder strong {
    font-size: 42px;
}

.wcis-about-laptop-placeholder span {
    display: block;
    color: var(--muted);
}

.wcis-about-blue-cards {
    width: min(1180px, calc(100% - 56px));
    margin: 0 auto 36px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 20px;
}

.wcis-about-blue-cards article {
    background: linear-gradient(135deg, #f8fbff, #eef5ff);
    border: 1px solid #e3edff;
    border-radius: 22px;
    padding: 32px;
    box-shadow: 0 18px 42px rgba(9,19,53,.06);
}

.wcis-about-blue-icon {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    background: linear-gradient(135deg, #0b63f6, #0643b4);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 24px;
    margin-bottom: 22px;
}

.wcis-about-blue-cards h3 {
    margin: 0 0 14px;
    font-size: 22px;
    letter-spacing: -.02em;
}

.wcis-about-blue-cards p {
    color: #293653;
    line-height: 1.7;
    margin: 0;
}

.wcis-about-blue-cards ul {
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.wcis-about-blue-cards li {
    margin: 11px 0;
    padding-left: 28px;
    position: relative;
    color: #293653;
    font-weight: 650;
}

.wcis-about-blue-cards li:before {
    content: "✓";
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 900;
}

.wcis-founder-blue {
    width: min(1240px, calc(100% - 56px));
    margin: 0 auto 34px;
    border: 1px solid #dfe8f8;
    border-radius: 22px;
    padding: 36px;
    display: grid;
    grid-template-columns: 320px 1fr 260px;
    gap: 34px;
    align-items: center;
    box-shadow: 0 20px 45px rgba(9,19,53,.06);
}

.wcis-founder-photo {
    position: relative;
    border-radius: 18px;
    min-height: 360px;
    overflow: hidden;
    background: linear-gradient(135deg, #dbeafe, #f8fbff);
}

.wcis-founder-photo img,
.wcis-founder-placeholder {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    display: grid;
    place-items: center;
    color: var(--blue);
    font-weight: 900;
}

.wcis-founder-name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #0643b4, #0b63f6);
    color: #fff;
    padding: 22px 24px;
}

.wcis-founder-name strong,
.wcis-founder-name span {
    display: block;
}

.wcis-founder-name strong {
    font-size: 20px;
    margin-bottom: 6px;
}

.wcis-founder-content h2 {
    margin: 0 0 10px;
    font-size: 36px;
    letter-spacing: -.035em;
}

.wcis-founder-content h2:after {
    content: "";
    display: block;
    width: 54px;
    height: 4px;
    border-radius: 999px;
    background: var(--blue);
    margin-top: 12px;
}

.wcis-founder-badge-line {
    color: var(--blue);
    font-weight: 850;
    margin: 18px 0;
}

.wcis-founder-content p {
    color: #26324f;
    line-height: 1.72;
    margin: 0 0 14px;
    font-size: 14px;
}

.wcis-cdi-panel {
    position: relative;
    display: grid;
    place-items: center;
}

.wcis-cdi-box {
    width: 220px;
    min-height: 220px;
    background: #08256b;
    color: #fff;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 24px;
}

.wcis-cdi-box strong {
    font-size: 80px;
    font-family: Georgia, serif;
    line-height: .85;
}

.wcis-cdi-box span {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 15px;
}

.wcis-cdi-ribbon {
    position: absolute;
    bottom: 24px;
    right: -12px;
    background: linear-gradient(135deg, #0b63f6, #0a8bff);
    color: #fff;
    padding: 12px 18px;
    font-weight: 900;
    white-space: nowrap;
}

.wcis-about-blue-cta {
    width: min(1240px, calc(100% - 56px));
    margin: 0 auto;
    border-radius: 22px;
    padding: 36px 46px;
    background:
        radial-gradient(circle at 6% 30%, rgba(255,255,255,.13), transparent 18%),
        linear-gradient(135deg, #0643b4, #0b63f6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.wcis-about-blue-cta h2 {
    margin: 0 0 8px;
    font-size: clamp(26px, 3vw, 38px);
    letter-spacing: -.035em;
}

.wcis-about-blue-cta p {
    margin: 0;
    color: rgba(255,255,255,.82);
}

.wcis-about-blue-cta a {
    box-shadow: none;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .wcis-founder-blue {
        grid-template-columns: 280px 1fr;
    }
    .wcis-cdi-panel {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .wcis-about-blue-mission,
    .wcis-founder-blue {
        grid-template-columns: 1fr;
    }
    .wcis-about-blue-cards {
        grid-template-columns: 1fr;
    }
    .wcis-about-blue-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .wcis-about-blue-hero,
    .wcis-about-blue-mission,
    .wcis-about-blue-cards,
    .wcis-founder-blue,
    .wcis-about-blue-cta {
        width: calc(100% - 28px);
    }
    .wcis-about-blue-hero {
        padding: 36px;
    }
    .wcis-founder-blue {
        padding: 22px;
    }
    .wcis-cdi-ribbon {
        position: static;
        margin-top: -18px;
    }
}

.wcis-section-disabled {
    width: min(900px, calc(100% - 48px));
    margin: 90px auto;
    padding: 56px;
    border-radius: 24px;
    background: #f8fafc;
    text-align: center;
    font-family: Inter, system-ui, sans-serif;
}
.wcis-section-disabled h1 {
    margin: 0;
    color: #111827;
    font-size: 30px;
}