.se-careers-main{background:#fff;color:#183044}.se-careers-main .se-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.se-careers-hero{padding:48px 0 64px;background:linear-gradient(135deg,#eef8f7 0%,#f8fbfd 52%,#fff7ef 100%)}.se-careers-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.se-careers-eyebrow,.se-careers-section-heading>p,.se-careers-cta-shell>div>p{margin:0 0 10px;color:#0d7f7a;font-weight:800}.se-careers-hero h1{margin:0;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.15;color:#123047}.se-careers-lead{max-width:680px;margin:24px 0 0;font-size:1.12rem;line-height:2;color:#4b6475}.se-careers-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.se-careers-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid #bdd0d8;border-radius:12px;color:#17364a;font-weight:800;text-decoration:none;background:#fff;transition:.2s ease}.se-careers-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,48,70,.1)}.se-careers-button.is-primary{background:#ef7f2c;border-color:#ef7f2c;color:#fff}.se-careers-hero-visual{margin:0;position:relative}.se-careers-hero-visual:before{content:"";position:absolute;inset:7% -5% -5% 7%;border-radius:28px;background:#0d7f7a;opacity:.12}.se-careers-hero-visual img{position:relative;display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px;box-shadow:0 24px 60px rgba(18,48,71,.18)}.se-careers-section{padding:76px 0}.se-careers-section.is-soft{background:#f5f9fa}.se-careers-section-heading{display:grid;grid-template-columns:1fr auto;gap:6px 24px;align-items:end;margin-bottom:32px}.se-careers-section-heading>p{grid-column:1/-1}.se-careers-section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.7rem);color:#15354a}.se-careers-section-heading span{max-width:440px;color:#6a7d89;line-height:1.8}.se-careers-domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.se-careers-domain-card{display:flex;flex-direction:column;min-height:265px;padding:26px;border:1px solid #dce7eb;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(18,48,71,.05);transition:.2s ease}.se-careers-domain-card:hover{transform:translateY(-4px);border-color:#80bbb7;box-shadow:0 16px 34px rgba(18,48,71,.1)}.se-careers-domain-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e6f5f3;color:#0d7f7a;font-size:1.4rem}.se-careers-domain-card h3{margin:22px 0 10px;font-size:1.18rem;color:#17364a}.se-careers-domain-card p{margin:0;color:#607481;line-height:1.9}.se-careers-domain-card b{margin-top:auto;padding-top:18px;color:#0d7f7a}.se-careers-family-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.se-careers-family-card{display:grid;grid-template-columns:46px 1fr auto;gap:16px;align-items:center;padding:20px;border:1px solid #dbe7ea;border-radius:16px;background:#fff;color:inherit;text-decoration:none}.se-careers-family-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f5f4;color:#0d7f7a;font-weight:900}.se-careers-family-card h3{margin:0 0 6px;color:#17364a}.se-careers-family-card p{margin:0;color:#6b7e89;line-height:1.7}.se-careers-family-card b{color:#ef7f2c;font-size:1.3rem}.se-careers-section-action{text-align:center;margin-top:28px}.se-careers-environment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.se-careers-environment-card{overflow:hidden;border-radius:18px;background:#132f43;color:#fff;text-decoration:none;box-shadow:0 14px 34px rgba(18,48,71,.14)}.se-careers-environment-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.se-careers-environment-card div{padding:20px}.se-careers-environment-card h3{margin:0 0 8px}.se-careers-environment-card p{margin:0;color:#d5e1e7;line-height:1.75}.se-careers-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.se-careers-guide-card{overflow:hidden;border:1px solid #dce7eb;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(18,48,71,.06)}.se-careers-guide-card>a{display:block;color:inherit;text-decoration:none}.se-careers-guide-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.se-careers-guide-card div{padding:22px}.se-careers-guide-card h3{margin:0 0 10px;color:#17364a}.se-careers-guide-card p{margin:0;color:#6b7e89;line-height:1.8}.se-careers-guide-card b{display:block;margin-top:16px;color:#0d7f7a}.se-careers-cta{padding:30px 0 80px}.se-careers-cta-shell{position:relative;overflow:hidden;min-height:330px;border-radius:24px;background:#123047;color:#fff}.se-careers-cta-shell>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}.se-careers-cta-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,48,71,.18),rgba(18,48,71,.94) 62%)}.se-careers-cta-shell>div{position:relative;z-index:1;width:min(600px,80%);margin-right:auto;padding:56px}.se-careers-cta-shell h2{margin:0 0 14px;font-size:clamp(1.8rem,3vw,3rem)}.se-careers-cta-shell span{display:block;margin-bottom:24px;color:#d9e5ea;line-height:1.9}@media(max-width:980px){.se-careers-hero-grid{grid-template-columns:1fr}.se-careers-domain-grid,.se-careers-environment-grid{grid-template-columns:repeat(2,1fr)}.se-careers-guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.se-careers-section{padding:54px 0}.se-careers-section-heading{display:block}.se-careers-section-heading span{display:block;margin-top:12px}.se-careers-domain-grid,.se-careers-family-grid,.se-careers-environment-grid,.se-careers-guide-grid{grid-template-columns:1fr}.se-careers-cta-shell>div{width:auto;padding:36px 24px}.se-careers-hero{padding-top:30px}}

/* === SteelExperts Careers Visual Balance v2 START === */

/* ---------------------------------------------------------
   Global typography scale
--------------------------------------------------------- */

.se-careers-main {
    font-size: 16px;
    line-height: 1.75;
}

.se-careers-eyebrow,
.se-careers-section-heading > p,
.se-careers-cta-shell > div > p {
    font-size: 0.88rem;
    line-height: 1.7;
    letter-spacing: 0;
}

/* ---------------------------------------------------------
   Hero: full image with centered HTML content
--------------------------------------------------------- */

.se-careers-hero {
    padding: 28px 0 60px;
    background:
        linear-gradient(
            180deg,
            #f5f9fb 0%,
            #ffffff 100%
        );
}

.se-careers-hero .se-careers-hero-grid {
    position: relative;
    display: block;
}

.se-careers-hero-visual {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 500px;
    margin: 0;
    border-radius: 26px;
    background: #edf4f7;
    box-shadow:
        0 22px 54px rgba(18, 48, 71, 0.13);
}

.se-careers-hero-visual::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(
            90deg,
            rgba(233, 241, 245, 0.08) 0%,
            rgba(246, 249, 250, 0.62) 28%,
            rgba(255, 255, 255, 0.94) 43%,
            rgba(255, 255, 255, 0.95) 57%,
            rgba(247, 249, 250, 0.64) 72%,
            rgba(255, 247, 239, 0.08) 100%
        );
    pointer-events: none;
}

.se-careers-hero-visual::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.02) 0%,
            rgba(255, 255, 255, 0.05) 65%,
            rgba(18, 48, 71, 0.08) 100%
        );
    pointer-events: none;
}

.se-careers-hero-visual img {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
    box-shadow: none;
}

.se-careers-hero-copy {
    position: absolute;
    z-index: 4;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(620px, 62%);
    min-height: 500px;
    margin: auto;
    padding: 44px 28px;
    text-align: center;
}

.se-careers-eyebrow {
    margin: 0 0 10px;
    color: #0d7f7a;
}

.se-careers-hero h1 {
    max-width: 570px;
    margin: 0;
    color: #102f4e;
    font-size: clamp(2.35rem, 4vw, 3.8rem);
    font-weight: 900;
    line-height: 1.15;
    text-wrap: balance;
}

.se-careers-lead {
    max-width: 590px;
    margin: 20px auto 0;
    color: #40596b;
    font-size: clamp(0.96rem, 1.12vw, 1.07rem);
    line-height: 1.95;
    text-wrap: balance;
}

.se-careers-hero-actions {
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.se-careers-button {
    min-height: 46px;
    padding: 0 20px;
    font-size: 0.94rem;
    line-height: 1.4;
}

.se-careers-hero .se-careers-button {
    min-width: 184px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
}

.se-careers-hero .se-careers-button.is-primary {
    background: #ef7f2c;
}

/* ---------------------------------------------------------
   Section heading alignment and typography
--------------------------------------------------------- */

.se-careers-section {
    padding: 68px 0;
}

.se-careers-section-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 30px;
    text-align: center;
}

.se-careers-section-heading > p {
    margin: 0;
    color: #0d7f7a;
}

.se-careers-section-heading h2 {
    max-width: 820px;
    margin: 0;
    color: #15354a;
    font-size: clamp(1.75rem, 2.45vw, 2.4rem);
    font-weight: 900;
    line-height: 1.35;
    text-wrap: balance;
}

.se-careers-section-heading span {
    display: block;
    max-width: 700px;
    margin: 2px auto 0;
    color: #6a7d89;
    font-size: 0.96rem;
    line-height: 1.85;
    text-align: center;
}

/* ---------------------------------------------------------
   Card typography
--------------------------------------------------------- */

.se-careers-domain-card {
    min-height: 250px;
    padding: 24px;
}

.se-careers-domain-card h3 {
    margin: 20px 0 9px;
    font-size: 1.08rem;
    line-height: 1.55;
}

.se-careers-domain-card p {
    font-size: 0.91rem;
    line-height: 1.85;
}

.se-careers-domain-card b {
    font-size: 0.89rem;
}

.se-careers-family-card {
    padding: 18px 20px;
}

.se-careers-family-card h3 {
    margin: 0 0 5px;
    font-size: 1.02rem;
    line-height: 1.5;
}

.se-careers-family-card p {
    font-size: 0.88rem;
    line-height: 1.75;
}

.se-careers-environment-card div {
    padding: 18px;
}

.se-careers-environment-card h3 {
    margin: 0 0 7px;
    font-size: 1.04rem;
    line-height: 1.5;
}

.se-careers-environment-card p {
    font-size: 0.89rem;
    line-height: 1.75;
}

.se-careers-guide-card div {
    padding: 20px;
}

.se-careers-guide-card h3 {
    margin: 0 0 9px;
    font-size: 1.08rem;
    line-height: 1.55;
}

.se-careers-guide-card p {
    font-size: 0.91rem;
    line-height: 1.8;
}

.se-careers-guide-card b {
    margin-top: 14px;
    font-size: 0.89rem;
}

/* ---------------------------------------------------------
   CTA: illustration on left, real HTML content on right
--------------------------------------------------------- */

.se-careers-cta {
    padding: 28px 0 76px;
}

.se-careers-cta-shell {
    min-height: 310px;
    border-radius: 24px;
    background: #102f4e;
}

.se-careers-cta-shell > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.24;
    filter:
        saturate(0.86)
        contrast(1.05);
    transform:
        scaleX(-1)
        scale(1.06);
    transform-origin: center;
}

.se-careers-cta-shell::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(13, 45, 69, 0.48) 0%,
            rgba(13, 45, 69, 0.72) 38%,
            rgba(13, 45, 69, 0.92) 68%,
            rgba(13, 45, 69, 0.97) 100%
        );
}

.se-careers-cta-shell > div {
    position: relative;
    z-index: 2;
    width: min(560px, 56%);
    margin-right: 0;
    margin-left: auto;
    padding: 50px 56px;
    text-align: right;
}

.se-careers-cta-shell > div > p {
    margin: 0 0 9px;
    color: #42b9ae;
}

.se-careers-cta-shell h2 {
    max-width: 520px;
    margin: 0 0 13px;
    color: #ffffff;
    font-size: clamp(1.75rem, 2.55vw, 2.5rem);
    font-weight: 900;
    line-height: 1.4;
    text-wrap: balance;
}

.se-careers-cta-shell span {
    display: block;
    max-width: 520px;
    margin: 0 0 22px;
    color: #d9e5ea;
    font-size: 0.97rem;
    line-height: 1.9;
}

/* ---------------------------------------------------------
   Tablet
--------------------------------------------------------- */

@media (max-width: 980px) {
    .se-careers-hero-visual {
        min-height: 520px;
    }

    .se-careers-hero-copy {
        width: min(650px, 78%);
        min-height: 520px;
    }

    .se-careers-hero-visual::before {
        background:
            linear-gradient(
                90deg,
                rgba(244, 248, 250, 0.40) 0%,
                rgba(255, 255, 255, 0.91) 28%,
                rgba(255, 255, 255, 0.94) 72%,
                rgba(247, 249, 250, 0.40) 100%
            );
    }

    .se-careers-cta-shell > div {
        width: min(530px, 65%);
        padding: 44px 42px;
    }
}

/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media (max-width: 680px) {
    .se-careers-hero {
        padding: 18px 0 44px;
    }

    .se-careers-hero-visual {
        min-height: 590px;
        border-radius: 21px;
    }

    .se-careers-hero-copy {
        width: auto;
        min-height: 590px;
        padding: 40px 22px;
    }

    .se-careers-hero h1 {
        font-size: clamp(2.05rem, 10vw, 2.85rem);
    }

    .se-careers-lead {
        font-size: 0.96rem;
        line-height: 1.85;
    }

    .se-careers-hero-actions {
        width: 100%;
    }

    .se-careers-hero .se-careers-button {
        width: 100%;
        min-width: 0;
    }

    .se-careers-hero-visual::before {
        background:
            linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.85) 0%,
                rgba(255, 255, 255, 0.94) 45%,
                rgba(255, 255, 255, 0.77) 100%
            );
    }

    .se-careers-section {
        padding: 52px 0;
    }

    .se-careers-section-heading {
        margin-bottom: 25px;
    }

    .se-careers-section-heading h2 {
        font-size: clamp(1.55rem, 7vw, 1.95rem);
    }

    .se-careers-section-heading span {
        font-size: 0.91rem;
    }

    .se-careers-cta-shell {
        min-height: 390px;
    }

    .se-careers-cta-shell > img {
        opacity: 0.18;
        transform:
            scaleX(-1)
            scale(1.18);
    }

    .se-careers-cta-shell::after {
        background:
            linear-gradient(
                180deg,
                rgba(13, 45, 69, 0.82) 0%,
                rgba(13, 45, 69, 0.96) 100%
            );
    }

    .se-careers-cta-shell > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: auto;
        min-height: 390px;
        margin: 0;
        padding: 38px 24px;
        text-align: center;
    }

    .se-careers-cta-shell h2 {
        font-size: clamp(1.55rem, 7vw, 2rem);
    }

    .se-careers-cta-shell span {
        font-size: 0.92rem;
    }
}

/* === SteelExperts Careers Visual Balance v2 END === */

/* === SteelExperts Careers Environment Cards v3 START === */

.se-careers-environment-grid {
    gap: 20px;
    align-items: stretch;
}

.se-careers-environment-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #dfe8ee;
    border-radius: 19px;
    background: #ffffff;
    color: #17364a;
    text-decoration: none;
    box-shadow:
        0 10px 28px rgba(18, 48, 71, 0.08);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.se-careers-environment-card:hover {
    transform: translateY(-4px);
    border-color: #b7cedd;
    box-shadow:
        0 18px 38px rgba(18, 48, 71, 0.13);
}

.se-careers-environment-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: center;
    border: 0;
}

.se-careers-environment-card div {
    position: relative;
    z-index: 2;
    flex: 1;
    min-height: 158px;
    padding: 42px 21px 23px;
    background: #ffffff;
    text-align: center;
}

.se-careers-environment-card div::before {
    content: "";
    position: absolute;
    top: -29px;
    left: 50%;
    width: 58px;
    height: 58px;
    border: 1px solid #dce7ef;
    border-radius: 50%;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 26px;
    box-shadow:
        0 8px 20px rgba(18, 48, 71, 0.12);
    transform: translateX(-50%);
}

.se-careers-environment-card:nth-child(1) div::before {
    background-image: url("data:image/svg+xml,%0A%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20%20%20%20%20%20width%3D%2224%22%20height%3D%2224%22%0A%20%20%20%20%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20stroke%3D%22%23173b63%22%0A%20%20%20%20%20%20%20%20%20stroke-width%3D%221.8%22%0A%20%20%20%20%20%20%20%20%20stroke-linecap%3D%22round%22%0A%20%20%20%20%20%20%20%20%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2020V9l5%203V9l5%203V5h5v15H4z%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M7%2017h2M12%2017h2M17%2017h2%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20");
}

.se-careers-environment-card:nth-child(2) div::before {
    background-image: url("data:image/svg+xml,%0A%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20%20%20%20%20%20width%3D%2224%22%20height%3D%2224%22%0A%20%20%20%20%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20stroke%3D%22%23173b63%22%0A%20%20%20%20%20%20%20%20%20stroke-width%3D%221.8%22%0A%20%20%20%20%20%20%20%20%20stroke-linecap%3D%22round%22%0A%20%20%20%20%20%20%20%20%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M14.5%206.5a4%204%200%200%200-5%205L4%2017l3%203%205.5-5.5a4%204%200%200%200%205-5L15%2012l-3-.7-.7-3%203.2-1.8z%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20");
}

.se-careers-environment-card:nth-child(3) div::before {
    background-image: url("data:image/svg+xml,%0A%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20%20%20%20%20%20width%3D%2224%22%20height%3D%2224%22%0A%20%20%20%20%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20stroke%3D%22%23173b63%22%0A%20%20%20%20%20%20%20%20%20stroke-width%3D%221.8%22%0A%20%20%20%20%20%20%20%20%20stroke-linecap%3D%22round%22%0A%20%20%20%20%20%20%20%20%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2019V5M4%2019h16%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22m7%2015%204-4%203%202%205-6%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%227%22%20cy%3D%2215%22%20r%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2214%22%20cy%3D%2213%22%20r%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2219%22%20cy%3D%227%22%20r%3D%221%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20");
}

.se-careers-environment-card:nth-child(4) div::before {
    background-image: url("data:image/svg+xml,%0A%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20%20%20%20%20%20width%3D%2224%22%20height%3D%2224%22%0A%20%20%20%20%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20stroke%3D%22%23173b63%22%0A%20%20%20%20%20%20%20%20%20stroke-width%3D%221.8%22%0A%20%20%20%20%20%20%20%20%20stroke-linecap%3D%22round%22%0A%20%20%20%20%20%20%20%20%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M5%2020V9h6v11M11%2020V4h8v16M3%2020h18%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M8%2012h1M8%2015h1M14%208h1M14%2011h1M14%2014h1M18%208h1M18%2011h1M18%2014h1%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20");
}

.se-careers-environment-card h3 {
    margin: 0 0 9px;
    color: #15354a;
    font-size: 1.04rem;
    font-weight: 900;
    line-height: 1.55;
}

.se-careers-environment-card p {
    margin: 0 auto;
    max-width: 245px;
    color: #657985;
    font-size: 0.89rem;
    font-weight: 500;
    line-height: 1.8;
}

@media (max-width: 980px) {
    .se-careers-environment-card div {
        min-height: 150px;
    }
}

@media (max-width: 680px) {
    .se-careers-environment-grid {
        gap: 18px;
    }

    .se-careers-environment-card {
        max-width: 440px;
        margin-inline: auto;
    }

    .se-careers-environment-card div {
        min-height: 145px;
        padding:
            41px
            20px
            22px;
    }
}

/* === SteelExperts Careers Environment Cards v3 END === */

/* === SteelExperts Careers Wide Layout v4 START === */

/*
 * صفحه Careers مانند Investor تقریباً تمام عرض است،
 * اما حاشیه امن دو طرف حفظ می‌شود.
 */

.se-careers-main .se-container {
    width: min(
        1920px,
        calc(100% - 48px)
    );
    max-width: none;
    margin-inline: auto;
}

/*
 * بخش‌های متنی بیش از اندازه کشیده نشوند.
 */

.se-careers-domain-grid,
.se-careers-family-grid {
    width: min(1540px, 100%);
    margin-inline: auto;
}

.se-careers-section-heading {
    width: min(940px, 100%);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

/*
 * Hero تمام‌عرض و متناسب با نمونه اولیه.
 */

.se-careers-hero {
    padding-top: 26px;
}

.se-careers-hero-visual {
    min-height: clamp(
        500px,
        34vw,
        650px
    );
}

.se-careers-hero-copy {
    width: min(650px, 48%);
    min-height: clamp(
        500px,
        34vw,
        650px
    );
}

/*
 * تصاویر محیط کار عرض بیشتری داشته باشند.
 */

.se-careers-environment-grid {
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.se-careers-environment-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/*
 * راهنماهای تصویری تمام عرض سکشن را پر کنند.
 */

.se-careers-guide-grid {
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.se-careers-guide-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/*
 * CTA نیز با عرض Hero و تصاویر هماهنگ باشد.
 */

.se-careers-cta-shell {
    width: 100%;
    min-height: 330px;
}

/*
 * دسکتاپ متوسط
 */

@media (max-width: 1280px) {
    .se-careers-main .se-container {
        width: calc(100% - 36px);
    }

    .se-careers-hero-copy {
        width: min(620px, 58%);
    }

    .se-careers-environment-grid {
        gap: 18px;
    }
}

/*
 * تبلت
 */

@media (max-width: 980px) {
    .se-careers-main .se-container {
        width: calc(100% - 32px);
    }

    .se-careers-hero-copy {
        width: min(650px, 78%);
    }

    .se-careers-environment-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .se-careers-guide-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

/*
 * موبایل
 */

@media (max-width: 680px) {
    .se-careers-main .se-container {
        width: calc(100% - 24px);
    }

    .se-careers-section-heading {
        width: 100%;
    }

    .se-careers-hero-copy {
        width: auto;
    }

    .se-careers-domain-grid,
    .se-careers-family-grid,
    .se-careers-environment-grid,
    .se-careers-guide-grid {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .se-careers-environment-card,
    .se-careers-guide-card {
        width: 100%;
        max-width: none;
    }
}

/* === SteelExperts Careers Wide Layout v4 END === */

/* === SteelExperts Careers Hero Slider v6 START === */

.se-careers-hero .se-careers-hero-slider {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: clamp(520px, 35vw, 660px);
    border-radius: 28px;
    background: #15354a;
    box-shadow:
        0 24px 58px rgba(18, 48, 71, 0.16);
}

.se-careers-hero .se-careers-hero-track {
    position: relative;
    min-height: inherit;
}

.se-careers-hero .se-careers-hero-slide {
    position: absolute;
    inset: 0;
    min-height: inherit;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.55s ease,
        visibility 0.55s ease;
}

.se-careers-hero .se-careers-hero-slide.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.se-careers-hero .se-careers-hero-slide > img {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.se-careers-hero-slider-shade {
    position: absolute;
    z-index: 2;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(8, 28, 46, 0.62) 0%,
            rgba(244, 248, 250, 0.76) 30%,
            rgba(255, 255, 255, 0.94) 43%,
            rgba(255, 255, 255, 0.94) 57%,
            rgba(244, 248, 250, 0.76) 70%,
            rgba(8, 28, 46, 0.54) 100%
        );
}

.se-careers-hero .se-careers-hero-copy {
    position: relative;
    z-index: 3;
    inset: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(700px, 58%);
    min-height: clamp(520px, 35vw, 660px);
    margin: 0 auto;
    padding: 52px 28px 86px;
    text-align: center;
}

.se-careers-hero .se-careers-hero-copy h1,
.se-careers-hero .se-careers-hero-copy h2 {
    max-width: 680px;
    margin: 0;
    color: #102f4e;
    font-size: clamp(2.3rem, 4vw, 3.9rem);
    font-weight: 900;
    line-height: 1.18;
    text-wrap: balance;
}

.se-careers-hero .se-careers-lead {
    max-width: 620px;
    margin: 18px auto 0;
    color: #3f5868;
    font-size: clamp(0.96rem, 1.15vw, 1.08rem);
    line-height: 1.95;
    text-wrap: balance;
}

.se-careers-hero-meta {
    display: block;
    margin-top: 13px;
    color: #e66f1d;
    font-size: 0.91rem;
    font-weight: 900;
    line-height: 1.7;
}

.se-careers-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 6;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.88);
    color: #15354a;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
    box-shadow:
        0 9px 24px rgba(18, 48, 71, 0.2);
    backdrop-filter: blur(8px);
}

.se-careers-slider-arrow.is-previous {
    right: 22px;
}

.se-careers-slider-arrow.is-next {
    left: 22px;
}

.se-careers-slider-dots {
    position: absolute;
    z-index: 7;
    right: 50%;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    transform: translateX(50%);
}

.se-careers-slider-dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(21, 53, 74, 0.28);
    cursor: pointer;
    transition:
        width 0.2s ease,
        background-color 0.2s ease;
}

.se-careers-slider-dot.is-active {
    width: 30px;
    background: #ef7f2c;
}

.se-careers-hero-slider.is-ready
.se-careers-hero-slide {
    will-change: opacity;
}

@media (max-width: 980px) {
    .se-careers-hero .se-careers-hero-slider {
        min-height: 580px;
    }

    .se-careers-hero .se-careers-hero-copy {
        width: min(680px, 78%);
        min-height: 580px;
    }

    .se-careers-hero-slider-shade {
        background:
            linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.72) 0%,
                rgba(255, 255, 255, 0.91) 43%,
                rgba(255, 255, 255, 0.75) 100%
            );
    }
}

@media (max-width: 680px) {
    .se-careers-hero .se-careers-hero-slider {
        min-height: 650px;
        border-radius: 21px;
    }

    .se-careers-hero .se-careers-hero-copy {
        width: auto;
        min-height: 650px;
        padding: 42px 22px 92px;
    }

    .se-careers-hero .se-careers-hero-copy h1,
    .se-careers-hero .se-careers-hero-copy h2 {
        font-size: clamp(2rem, 9.7vw, 2.9rem);
    }

    .se-careers-slider-arrow {
        display: none;
    }
}

/* === SteelExperts Careers Hero Slider v6 END === */

/* === SteelExperts Careers Slider Overlay v7 START === */

/*
 * کاهش سفیدی مرکزی و حفظ جزئیات تصاویر صنعتی
 */

.se-careers-hero-slider-shade {
    background:
        radial-gradient(
            ellipse 43% 88% at 50% 50%,
            rgba(255, 255, 255, 0.70) 0%,
            rgba(255, 255, 255, 0.58) 30%,
            rgba(255, 255, 255, 0.35) 52%,
            rgba(255, 255, 255, 0.10) 76%,
            rgba(255, 255, 255, 0) 100%
        ),
        linear-gradient(
            90deg,
            rgba(7, 24, 39, 0.34) 0%,
            rgba(7, 24, 39, 0.08) 25%,
            rgba(7, 24, 39, 0) 40%,
            rgba(7, 24, 39, 0) 60%,
            rgba(7, 24, 39, 0.08) 75%,
            rgba(7, 24, 39, 0.30) 100%
        );
}

/*
 * هاله بسیار محدود فقط پشت محتوای متنی
 */

.se-careers-hero .se-careers-hero-copy::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 12%;
    right: 4%;
    bottom: 14%;
    left: 4%;
    border-radius: 32px;
    background:
        radial-gradient(
            ellipse at center,
            rgba(255, 255, 255, 0.30) 0%,
            rgba(255, 255, 255, 0.17) 53%,
            rgba(255, 255, 255, 0) 78%
        );
    pointer-events: none;
}

/*
 * حفظ خوانایی بدون سفیدکردن تصویر
 */

.se-careers-hero .se-careers-hero-copy h1,
.se-careers-hero .se-careers-hero-copy h2 {
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.72),
        0 4px 18px rgba(255, 255, 255, 0.28);
}

.se-careers-hero .se-careers-lead {
    color: #29475d;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.70);
}

.se-careers-hero .se-careers-eyebrow {
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.65);
}

/*
 * اسلایدهای خشن کمی تیره‌تر و سینمایی‌تر باقی بمانند
 */

.se-careers-hero-slide:nth-child(2)
.se-careers-hero-slider-shade,
.se-careers-hero-slide:nth-child(3)
.se-careers-hero-slider-shade,
.se-careers-hero-slide:nth-child(4)
.se-careers-hero-slider-shade {
    background:
        radial-gradient(
            ellipse 42% 86% at 50% 50%,
            rgba(255, 255, 255, 0.66) 0%,
            rgba(255, 255, 255, 0.52) 31%,
            rgba(255, 255, 255, 0.28) 53%,
            rgba(255, 255, 255, 0.06) 75%,
            rgba(255, 255, 255, 0) 100%
        ),
        linear-gradient(
            90deg,
            rgba(6, 20, 33, 0.42) 0%,
            rgba(6, 20, 33, 0.09) 26%,
            rgba(6, 20, 33, 0) 42%,
            rgba(6, 20, 33, 0) 58%,
            rgba(6, 20, 33, 0.09) 74%,
            rgba(6, 20, 33, 0.38) 100%
        );
}

@media (max-width: 980px) {
    .se-careers-hero-slider-shade,
    .se-careers-hero-slide:nth-child(2)
    .se-careers-hero-slider-shade,
    .se-careers-hero-slide:nth-child(3)
    .se-careers-hero-slider-shade,
    .se-careers-hero-slide:nth-child(4)
    .se-careers-hero-slider-shade {
        background:
            radial-gradient(
                ellipse 75% 72% at 50% 48%,
                rgba(255, 255, 255, 0.70) 0%,
                rgba(255, 255, 255, 0.52) 48%,
                rgba(255, 255, 255, 0.14) 78%,
                rgba(255, 255, 255, 0) 100%
            ),
            linear-gradient(
                180deg,
                rgba(8, 26, 42, 0.13) 0%,
                rgba(8, 26, 42, 0) 44%,
                rgba(8, 26, 42, 0.16) 100%
            );
    }
}

@media (max-width: 680px) {
    .se-careers-hero-slider-shade,
    .se-careers-hero-slide:nth-child(2)
    .se-careers-hero-slider-shade,
    .se-careers-hero-slide:nth-child(3)
    .se-careers-hero-slider-shade,
    .se-careers-hero-slide:nth-child(4)
    .se-careers-hero-slider-shade {
        background:
            linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.56) 0%,
                rgba(255, 255, 255, 0.72) 39%,
                rgba(255, 255, 255, 0.61) 72%,
                rgba(10, 31, 49, 0.16) 100%
            );
    }

    .se-careers-hero .se-careers-hero-copy::before {
        top: 8%;
        right: 0;
        bottom: 11%;
        left: 0;
        background:
            radial-gradient(
                ellipse at center,
                rgba(255, 255, 255, 0.23) 0%,
                rgba(255, 255, 255, 0.08) 62%,
                rgba(255, 255, 255, 0) 82%
            );
    }
}

/* === SteelExperts Careers Slider Overlay v7 END === */

/* === SteelExperts Related Majors Button START === */

.se-careers-main
#career-families
.se-careers-section-action
.se-careers-button.is-related-majors {
    width: auto;
    min-width: 440px;
    max-width: 100%;
    min-height: 68px;
    padding: 14px 36px;
    border-radius: 16px;
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1.65;
    text-align: center;
    white-space: normal;
}

@media (max-width: 680px) {
    .se-careers-main
    #career-families
    .se-careers-section-action
    .se-careers-button.is-related-majors {
        width: 100%;
        min-width: 0;
        min-height: 62px;
        padding: 13px 20px;
        font-size: 1rem;
    }
}

/* === SteelExperts Related Majors Button END === */