/* Public recruitment product pages. Scoped to keep the existing interview pages intact. */
.wc-marketing{
    --wc-ink:#12313b;
    --wc-teal:#009e95;
    --wc-mint:#e8f7f3;
    --wc-muted:#607980;
    font-family:Assistant,'Segoe UI',Arial,sans-serif;
    color:var(--wc-ink);
    text-align:start;
    background:#fff;
    line-height:1.6;
    overflow:clip
}
.wc-marketing *{
    box-sizing:border-box
}
.wc-marketing a{
    color:inherit;
    text-decoration:none
}
.wc-marketing button{
    font:inherit
}
.wc-marketing img{
    max-width:100%
}
.wc-marketing h1,.wc-marketing h2,.wc-marketing h3,.wc-marketing p{
    margin:0
}
.wc-marketing h1,.wc-marketing h2,.wc-marketing h3{
    width:auto
}
.wc-marketing a:focus-visible,.wc-marketing button:focus-visible{
    outline:3px solid #106e72;
    outline-offset:5px
}
.wc-topbar{
    max-width:1440px;
    margin:auto;
    padding:24px 78px;
    display:flex;
    gap:28px;
    align-items:center;
    justify-content:space-between;
    background:#fff
}
.wc-brand img{
    width:155px;
    height:auto;
    display:block
}
.wc-topnav{
    display:flex;
    align-items:center;
    gap:24px;
    font-size:16px
}
.wc-topnav a:hover{
    color:var(--wc-teal)
}
.wc-topnav .wc-login{
    font-size:15px;
    color:#667f85
}
/* Underlined language controls, with an inset arrow in both reading directions. */
.wc-language{
    max-width:105px;
    border:0;
    border-bottom:1px solid #ffffff99;
    border-radius:0;
    padding:5px 30px 5px 10px;
    background-color:transparent;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size:12px 8px;
    background-position:right 10px center;
    appearance:none;
    -webkit-appearance:none;
    color:#fff;
    text-align:start;
    font:400 14px Assistant,Arial,sans-serif;
}
[dir=rtl] .wc-language{
    padding:5px 10px 5px 30px;
    background-position:left 10px center;
}
.wc-language option{
    color:#194b43;
    background:#fff
}
.wc-wrap{
    max-width:1240px;
    margin:auto;
    padding:0 48px
}
.wc-hero{
    position:relative;
    padding:56px 0 0;
    text-align:center;
    background:radial-gradient(ellipse at 50% 85%,#d4f3ea 0,transparent 59%),linear-gradient(#fff,#f7fcfa)
}
.wc-eyebrow{
    font-size:13px;
    font-weight:700;
    letter-spacing:1.8px;
    color:#008b80;
    display:inline-flex;
    align-items:center;
    gap:9px;
    border:1px solid #d0e9e2;
    background:#f3fcf8;
    border-radius:30px;
    padding:6px 15px
}
.wc-eyebrow:before{
    content:'';
    width:6px;
    height:6px;
    background:#00b68d;
    border-radius:50%
}
.wc-hero h1{
    font-size:clamp(38px,5.2vw,74px);
    font-weight:700;
    line-height:1.08;
    letter-spacing:-1.7px;
    max-width:1100px;
    margin:26px auto 19px;
    text-wrap:balance
}
.wc-hero h1 span{
    display:block;
    color:#008f85;
    font-size:.66em;
    letter-spacing:-.6px;
    margin-top:12px
}
.wc-hero-copy{
    max-width:760px;
    margin:auto!important;
    font-size:21px;
    line-height:1.65;
    color:#607b80;
    text-wrap:balance
}
.wc-actions{
    display:flex;
    gap:13px;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    margin-top:28px
}
.wc-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:48px;
    padding:11px 24px;
    border-radius:8px;
    font-size:17px;
    font-weight:700;
    transition:transform .18s,box-shadow .18s
}
.wc-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 5px 15px #00635819
}
.wc-btn-primary{
    background:#009e95;
    color:white!important;
    border:1px solid #009e95
}
.wc-btn-secondary{
    background:#fff;
    border:1px solid #cbdfdb;
    color:#23554f!important
}
.wc-chips{
    display:flex;
    gap:26px;
    flex-wrap:wrap;
    justify-content:center;
    margin:25px auto 32px;
    color:#6c8689;
    font-size:14px
}
.wc-chips i{
    color:#00a08b;
    margin-inline-end:6px
}
.wc-screen-hero{
    position:relative;
    max-width:1110px;
    margin:34px auto 0;
    padding:13px 13px 0;
    border:1px solid #c7e1d9;
    border-bottom:0;
    border-radius:18px 18px 0 0;
    background:#eff8f5;
    box-shadow:0 25px 65px #174e4920
}
.wc-screen-hero:before{
    content:'';
    width:34%;
    height:5px;
    position:absolute;
    inset-inline-start:33%;
    top:-1px;
    background:#00b6a4;
    border-radius:0 0 8px 8px
}
.wc-screen-hero img{
    width:100%;
    height:auto;
    display:block;
    border-radius:8px 8px 0 0;
    border:1px solid #dfebe7
}
.wc-caption{
    font-size:12px;
    color:#8c9c9e;
    line-height:1.5;
    text-align:center;
    padding:12px 0
}
.wc-workflow{
    background:#113b40;
    color:#e7f6f1;
    padding:23px 20px;
    display:flex;
    gap:24px;
    justify-content:center;
    font-size:16px;
    align-items:center
}
.wc-workflow span{
    display:flex;
    gap:12px;
    align-items:center
}
.wc-workflow b{
    color:#62d8be;
    font-size:12px;
    border:1px solid #517774;
    border-radius:50%;
    width:25px;
    height:25px;
    display:grid;
    place-items:center
}
.wc-workflow>i{
    color:#65958c;
    font-size:12px
}
.wc-overview{
    padding:94px 0;
    background:#fff
}
.wc-section-head{
    text-align:center;
    max-width:780px;
    margin:0 auto 40px
}
.wc-section-head h2{
    font-size:clamp(29px,3.2vw,43px);
    line-height:1.18;
    letter-spacing:-.7px;
    text-wrap:balance
}
.wc-section-head p{
    font-size:19px;
    color:#73888d;
    margin-top:19px;
    line-height:1.65
}
.wc-benefits{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px
}
.wc-benefit{
    padding:27px;
    border:1px solid #dfebe7;
    border-radius:13px;
    background:#fbfdfc
}
.wc-benefit>i{
    font-size:24px;
    color:#009e95;
    background:#e4f6f0;
    border-radius:10px;
    padding:13px;
    margin-bottom:19px
}
.wc-benefit h3{
    font-size:23px;
    line-height:1.25;
    margin-bottom:13px
}
.wc-benefit p{
    font-size:17px;
    color:#788b90;
    line-height:1.7
}
.wc-text-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#008d83!important;
    font-weight:700;
    border-bottom:1px solid #8ed0c1;
    padding:8px 0;
    margin-top:30px
}
.wc-interview-intro{
    padding:76px 24px;
    text-align:center;
    background:#edf8f4
}
.wc-interview-intro .wc-eyebrow{
    margin-bottom:18px
}
.wc-interview-intro h2{
    font-size:clamp(30px,3.2vw,43px);
    line-height:1.2;
    max-width:850px;
    margin:auto
}
.wc-interview-intro p{
    max-width:740px;
    margin:20px auto 0;
    color:#6a8487;
    font-size:20px
}
.wc-has-recruitment #div-promo{
    position:relative
}
.wc-has-recruitment #div-promo #logo,.wc-has-recruitment #div-promo #mobile-logo,.wc-has-recruitment #div-promo #button-promo-start-top{
    display:none!important
}
.wc-section-nav{
    /* Allow room for the fixed 50px menu circle and its 20px top offset. */
    min-height:90px;
    align-items:center;
    position:sticky;
    top:0;
    background:#ffffffed;
    backdrop-filter:blur(12px);
    border-top:1px solid #e2eeea;
    border-bottom:1px solid #e2eeea;
    z-index:10;
    display:flex;
    justify-content:center;
    gap:24px;
    padding:17px 88px;
    flex-wrap:wrap;
    font-size:15px
}
.wc-section-nav a:hover{
    color:#00a094
}
.wc-feature{
    padding:94px 0;
    scroll-margin-top:var(--wc-section-offset,95px)
}
.wc-feature:nth-of-type(even){
    background:#f6faf8
}
.wc-feature-grid{
    display:grid;
    grid-template-columns:minmax(0,.73fr) minmax(0,1.5fr);
    gap:58px;
    align-items:center
}
.wc-feature:nth-of-type(even) .wc-feature-copy{
    order:2
}
.wc-feature:nth-of-type(even) .wc-feature-visual{
    order:1
}
.wc-feature-number{
    display:block;
    font-size:13px;
    letter-spacing:1.5px;
    color:#009d8f;
    margin-bottom:15px;
    font-weight:700
}
.wc-feature h2{
    font-size:clamp(26px,2.8vw,39px);
    line-height:1.17;
    letter-spacing:-.7px;
    text-wrap:balance
}
.wc-feature p{
    font-size:18px;
    color:#72878d;
    line-height:1.8;
    margin-top:22px
}
.wc-feature-visual{
    margin:0;
    min-width:0
}
.wc-screen-link{
    display:block;
    background:#e9f4f0;
    border:1px solid #d6e8e1;
    border-radius:14px;
    padding:8px;
    box-shadow:0 15px 35px #1a4d4310;
    transition:transform .2s
}
.wc-screen-link:hover{
    transform:translateY(-3px)
}
.wc-screen-link img{
    display:block;
    width:100%;
    height:auto;
    border-radius:8px
}
.wc-feature-visual figcaption{
    font-size:12px;
    color:#91a19f;
    text-align:center;
    line-height:1.5;
    padding-top:11px
}
.wc-feature-index{
    font-size:12px;
    color:#aac5bd
}
.wc-products{
    padding:90px 0;
    background:#eef7f3
}
.wc-product-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    max-width:960px;
    margin:auto
}
.wc-product{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:34px;
    border:1px solid #d8e8e0;
    border-radius:15px;
    background:white
}
/* Keep both product links on the same baseline regardless of copy or badges. */
.wc-product > .wc-text-link { margin-top:auto; padding-top:30px; }
.wc-product > br { display:none; }
.wc-product>i{
    font-size:27px;
    color:#009f96;
    margin-bottom:20px
}
.wc-product h3{
    font-size:27px;
    line-height:1.25
}
.wc-product p{
    margin-top:16px;
    font-size:18px;
    color:#72878d;
    line-height:1.7
}
.wc-product .wc-eyebrow{
    letter-spacing:.8px;
    margin-top:23px;
    font-size:11px
}
.wc-final{
    padding:95px 24px;
    background:#103b40;
    color:#fff;
    text-align:center
}
.wc-final h2{
    max-width:800px;
    margin:auto;
    font-size:clamp(31px,4vw,49px);
    line-height:1.16;
    text-wrap:balance
}
.wc-final p{
    margin:24px auto 0;
    font-size:20px;
    color:#a7c7c5;
    max-width:690px
}
.wc-final .wc-btn-secondary{
    background:transparent;
    color:#c6e4de!important;
    border-color:#54817a
}
.wc-footer{
    padding:25px 32px 45px;
    display:flex;
    justify-content:space-between;
    gap:20px;
    background:#0a2d32;
    color:#93b7b3;
    font-size:14px
}
.wc-footer nav{
    display:flex;
    gap:22px;
    flex-wrap:wrap
}
.wc-footer a:hover{
    color:white
}
.wc-marketing[dir=rtl] .fa-arrow-right,.wc-marketing[dir=rtl] .wc-workflow>i{
    transform:rotate(180deg)
}
.wc-marketing[dir=rtl] .wc-hero h1{
    letter-spacing:-1px
}

/* Share the original Webcand green gradient across the public product introductions. */
.wc-gradient-intro {
    background: linear-gradient(135deg, #005845, #00ca9e);
    color: #fff;
}
.wc-gradient-intro .wc-topbar,
.wc-gradient-intro .wc-hero {
    background: transparent;
}
.wc-gradient-intro .wc-brand {
    background: transparent;
}
.wc-gradient-intro .wc-topnav .wc-login,
.wc-gradient-intro .wc-topnav a:hover,
.wc-gradient-intro .wc-hero-copy,
.wc-gradient-intro .wc-chips {
    color: #e6fff4;
}
.wc-gradient-intro .wc-topnav a[aria-current="page"] {
    border-bottom: 2px solid #65ffca;
}
.wc-gradient-intro .wc-hero h1 span {
    color: #82ffcf;
}
.wc-gradient-intro .wc-chips i {
    color: #79ffca;
}
.wc-gradient-intro .wc-eyebrow {
    color: #c2ffe5;
    border-color: #ffffff38;
    background: #ffffff12;
}
.wc-gradient-intro .wc-eyebrow:before {
    background: #7affc8;
}
.wc-gradient-intro .wc-btn-primary {
    background: #20ffb4;
    border-color: #20ffb4;
    color: #073d31 !important;
}
.wc-gradient-intro .wc-btn-secondary {
    background: #ffffff0d;
    border-color: #ffffff80;
    color: #fff !important;
}
.wc-gradient-intro .wc-screen-hero {
    background: #ffffff1a;
    border-color: #ffffff4d;
}
.wc-workflow,
.wc-final {
    background: linear-gradient(135deg, #005845, #00ca9e);
}
.wc-product-intro {
    padding: 32px 0 34px;
}
.wc-product-intro h1 {
    font-size: clamp(34px, 4vw, 52px);
    max-width: 900px;
}
.wc-product-intro .wc-hero-copy {
    max-width: 820px;
}
.wc-product-intro .wc-chips {
    margin-bottom: 0;
}

@media(min-width:1550px){
    .wc-feature-grid{
        gap:70px
    }
    .wc-wrap{
        max-width:1380px
    }
    .wc-feature-visual{
        min-width:0
    }
}
@media(max-width:1050px){
    .wc-topbar{
        padding:22px 76px;
        gap:20px
    }
    .wc-topnav{
        gap:15px
    }
    .wc-topnav .wc-login{
        display:none
    }
    .wc-topnav .wc-btn{
        font-size:14px;
        padding:9px 14px
    }
    .wc-feature-grid{
        gap:28px;
        grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)
    }
    .wc-feature h2{
        font-size:30px
    }
    .wc-feature p{
        font-size:17px
    }
    .wc-section-nav{
        gap:15px;
        font-size:13px
    }
    .wc-hero h1{
        font-size:58px
    }
}
@media(max-width:740px){
    .wc-wrap{
        padding:0 22px
    }
    .wc-topbar{
        padding:23px 22px 23px 75px;
        gap:12px
    }
    .wc-brand img{
        width:120px
    }
    .wc-topnav>a{
        display:none
    }
    .wc-topnav .wc-btn{
        font-size:13px;
        padding:8px 12px;
        min-height:37px
    }
    .wc-language{
        max-width:65px;
        font-size:12px
    }
    .wc-topnav{
        gap:8px
    }
    .wc-hero{
        padding-top:35px
    }
    .wc-hero h1{
        font-size:42px;
        letter-spacing:-1px;
        margin-top:22px
    }
    .wc-hero h1 span{
        font-size:.69em;
        line-height:1.25
    }
    .wc-hero-copy{
        font-size:18px
    }
    .wc-actions{
        gap:10px
    }
    .wc-btn{
        font-size:15px;
        padding:10px 17px
    }
    .wc-chips{
        gap:8px 15px;
        font-size:12px;
        margin:23px 0
    }
    .wc-screen-hero{
        padding:5px 5px 0;
        border-radius:9px 9px 0 0;
        margin-top:25px
    }
    .wc-caption{
        font-size:10px
    }
    .wc-workflow{
        gap:12px;
        padding:19px 10px;
        font-size:12px;
        align-items:flex-start
    }
    .wc-workflow span{
        flex-direction:column;
        gap:7px;
        max-width:105px;
        text-align:center
    }
    .wc-workflow>i{
        margin-top:8px
    }
    .wc-overview,.wc-feature,.wc-products{
        padding:60px 0
    }
    .wc-section-head{
        margin-bottom:28px
    }
    .wc-section-head p{
        font-size:17px
    }
    .wc-benefits{
        grid-template-columns:1fr;
        gap:14px
    }
    .wc-benefit{
        padding:24px
    }
    .wc-benefit h3{
        font-size:23px
    }
    .wc-benefit p{
        font-size:16px
    }
    .wc-feature-grid{
        grid-template-columns:1fr;
        gap:26px
    }
    .wc-feature:nth-of-type(even) .wc-feature-copy,.wc-feature:nth-of-type(even) .wc-feature-visual{
        order:initial
    }
    .wc-feature h2{
        font-size:33px;
        max-width:95%
    }
    .wc-feature p{
        font-size:18px;
        margin-top:16px
    }
    .wc-section-nav{
        position:static;
        display:grid;
        grid-template-columns:1fr 1fr;
        text-align:center;
        gap:8px;
        padding:16px;
        font-size:12px
    }
    .wc-product-grid{
        grid-template-columns:1fr
    }
    .wc-product{
        padding:27px
    }
    .wc-interview-intro{
        padding:55px 22px
    }
    .wc-interview-intro p{
        font-size:18px
    }
    .wc-final{
        padding:65px 22px
    }
    .wc-final p{
        font-size:18px
    }
    .wc-footer{
        flex-direction:column;
        text-align:center;
        align-items:center;
        padding-bottom:48px
    }
    .wc-footer nav{
        justify-content:center;
        gap:15px
    }
}
@media(prefers-reduced-motion:reduce){
    .wc-marketing *{
        scroll-behavior:auto!important;
        transition:none!important
    }
}

@media (max-width: 740px) {
    .wc-product-intro {
        padding: 25px 0 28px;
    }
    .wc-product-intro h1 {
        font-size: 34px;
    }
}

/* Clear product emphasis and contrasting actions on the green backgrounds. */
.wc-digital-product-intro {
    padding: 50px 24px 0;
    max-width: 850px;
    margin: auto;
    font-size: 20px;
    line-height: 1.7;
}
.wc-digital-product-intro > strong {
    display: block;
    color: #20ffb4;
    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.2;
}
.wc-digital-product-intro p {
    color: #fff;
}
.wc-digital-product-intro .link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    border: 1px solid #ffffff99;
    border-radius: 8px;
    background: #ffffff14;
    color: #fff;
    font-weight: bold;
}
.wc-digital-product-intro .link i {
    color: #fff;
}
.wc-final .wc-btn-primary {
    background: #20ffb4;
    border-color: #20ffb4;
    color: #073d31 !important;
}
.wc-final .wc-btn-secondary {
    background: #fff;
    border-color: #fff;
    color: #006453 !important;
}
.wc-final p {
    color: #e6fff4;
}
/* An accessible, closable screenshot preview shared by the localized product pages. */
.wc-image-preview {
    width: max-content;
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    padding: 0;
    border: 1px solid #ffffff26;
    border-radius: 16px;
    background: #102f36;
    color: #e8fff6;
    box-shadow: 0 24px 100px #001b2ed9;
}
.wc-image-preview[open] {
    animation: wc-preview-in .2s ease-out;
}
.wc-image-preview::backdrop {
    background: #061e2bdd;
    backdrop-filter: blur(8px);
}
.wc-image-preview figure {
    margin: 0;
    padding: 52px 14px 14px;
}
.wc-preview-image {
    display: block;
    width: auto;
    height: auto;
    max-width: calc(100vw - 56px);
    max-height: calc(100dvh - 138px);
    margin: auto;
    border-radius: 8px;
    object-fit: contain;
    background: #fff;
}
.wc-image-preview figcaption {
    padding-top: 12px;
    text-align: center;
    font-size: 16px;
}
.wc-preview-close {
    position: absolute;
    top: 8px;
    right: 10px;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #ffffff1f;
    color: #fff;
    cursor: pointer;
    font-size: 19px;
}
.wc-preview-close:hover,
.wc-preview-close:focus-visible {
    background: #20ffb4;
    color: #073d31;
}
a[data-wc-preview] {
    cursor: zoom-in;
}
@keyframes wc-preview-in {
    from { opacity: 0; transform: translateY(12px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
    .wc-image-preview[open] { animation: none; }
}

/* Product link and the localized AI question builder preview. */
.wc-digital-product-intro .link { flex-direction: row-reverse; text-decoration: none; transition: background-color .2s, color .2s; }
.wc-digital-product-intro .link:hover,
.wc-digital-product-intro .link:focus-visible { background: #20ffb4; color: #073d31; text-decoration: none; }
.wc-digital-product-intro .link:hover i,
.wc-digital-product-intro .link:focus-visible i { color: #073d31; }
.wc-personality-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; text-align: start; }
.wc-personality-feature h2 { font-size: clamp(30px, 3vw, 44px); }
.wc-personality-feature p { line-height: 1.6; }
.wc-personality-feature img { display: block; width: 100%; height: auto; border-radius: 18px; box-shadow: 0 18px 45px #003d3650; }
.wc-personality-feature a { min-width: 0; width: 100%; max-width: 500px; justify-self: center; }
@media (max-width: 800px) { .wc-personality-feature { grid-template-columns: 1fr; gap: 24px; width: 92%; padding: 35px 12px; } }

/* Keep company access in the same top-right position in every language and viewport.
   Reuse the original login button's key icon, light text and outlined hover. */
body > #button-login {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 12px;
    z-index: 10;
    white-space: nowrap;
    border: 2px solid #fff;
}
/* Center the brand independently of text length and keep navigation visible on mobile. */
.wc-gradient-intro .wc-topbar {
    padding: 24px 24px 24px;
    flex-direction: column;
    gap: 20px;
}
/* Align the centered logo with the two top buttons. */
.wc-gradient-intro .wc-brand { align-self: center; display: flex; align-items: center; min-height: 44px; }
.wc-gradient-intro .wc-topnav {
    flex-wrap: wrap;
    justify-content: center;
}
.wc-gradient-intro .wc-topnav > a { display: inline-flex; }
@media (max-width: 740px) {
    /* Keep the logo below the buttons where their text would overlap on mobile. */
    .wc-gradient-intro .wc-topbar { padding-top: 82px; }
    .wc-gradient-intro .wc-topnav { gap: 12px 16px; font-size: 15px; }
}

/* Match the interview signup action to the outlined product link. */
#button-promo-start {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    border: 1px solid #ffffff99;
    border-radius: 8px;
    background: #ffffff14;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.7;
    transition: background-color .2s, color .2s;
}
#button-promo-start:hover,
#button-promo-start:focus-visible { background: #20ffb4; color: #073d31; }

/* A moving mint highlight follows the visible capability section. */
.wc-section-nav > a {
    position: relative;
    z-index: 1;
    padding: 8px 12px;
    border-radius: 12px;
    font-weight: 600;
    transition: color .2s;
}
.wc-section-nav > a.wc-section-current { color: #064e43; }
.wc-section-highlight {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    background: #20ffb4;
    box-shadow: 0 4px 16px #00a58224;
    opacity: 0;
    pointer-events: none;
    transition: transform .3s cubic-bezier(.22,.68,.2,1), width .3s, height .3s, opacity .2s;
}
.wc-section-highlight-visible { opacity: 1; }
.wc-section-progress {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #00a196, #20ffb4);
    transform: scaleX(0);
    transform-origin: left;
    pointer-events: none;
}
.wc-marketing[dir=rtl] .wc-section-progress { transform-origin: right; }
@media (prefers-reduced-motion: reduce) {
    .wc-section-highlight, .wc-section-nav > a { transition: none; }
}

/* Keep the mobile header compact; product links and main hero actions remain visible. */
@media (max-width: 740px) {
    .wc-gradient-intro .wc-topnav .wc-language,
    .wc-gradient-intro .wc-topnav > .wc-btn,
    .wc-gradient-intro .wc-hero .wc-eyebrow { display: none; }
}

/* Shared film player for the home and recruitment introductions. */
.wc-promo-film {
    width: 100%;
    max-width: 980px;
    margin: 48px auto 56px;
    text-align: center;
}
.wc-promo-film figcaption { margin-bottom: 20px; }
.wc-marketing .wc-promo-film h2 {
    color: #fff;
    font-size: clamp(23px, 2.6vw, 34px);
    line-height: 1.25;
    font-weight: 700;
}
.wc-marketing .wc-promo-film figcaption p {
    margin-top: 8px;
    color: #c4eee2;
    font-size: 15px;
}
.wc-promo-film video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    background: #061f1c;
    border: 1px solid #ffffff45;
    border-radius: 22px;
    box-shadow: 0 24px 64px #00362a55;
    overflow: hidden;
}
.wc-promo-film video:focus-visible { outline: 3px solid #20ffb4; outline-offset: 5px; }
@media (max-width: 600px) {
    .wc-promo-film { margin: 34px auto 40px; }
    .wc-promo-film figcaption { margin-bottom: 15px; }
    .wc-promo-film video { border-radius: 12px; }
}