/* ============================================================
   SERVICE + CAREERS + OPEN POSITION PAGES — service-figma.css
   Fonts/variables inherit from home.css (:root block)
   ============================================================ */

/* ── Page wrapper ─────────────────────────────────────────── */
.svc-page-wrapper,
.careers-page-wrapper,
.open-pos-page-wrapper {
    font-family: 'Plus Jakarta Sans', 'Proxima Nova', sans-serif;
    overflow-x: hidden;
    background: #f3f2f8;
    padding: 20px 0 0;
}

body.page-template-page-service-figma #header-outer,
body.page-template-page-service-figma #header-space,
body.page-template-page-service-figma #footer-outer,
body.page-template-page-careers-figma #header-outer,
body.page-template-page-careers-figma #header-space,
body.page-template-page-careers-figma #footer-outer,
body.page-template-page-open-position-figma #header-outer,
body.page-template-page-open-position-figma #header-space,
body.page-template-page-open-position-figma #footer-outer {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════
   SHARED HERO
═══════════════════════════════════════════════════════════ */
.svc-hero,
.careers-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, #0a0308 0%, #2a0913 28%, #3e0e1e 55%, #1c0810 100%);
    max-width: 1240px;
    margin: 88px auto 0;
    border-radius: 22px;
}

.svc-hero-blob,
.careers-hero-blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.svc-hero-blob-1,
.careers-hero-blob-1 {
    width: 560px; height: 560px;
    background: radial-gradient(circle at 40% 40%, #8B1A34 0%, rgba(139,26,52,0) 70%);
    top: -140px; right: 8%;
    opacity: 0.65;
}
.svc-hero-blob-2,
.careers-hero-blob-2 {
    width: 400px; height: 400px;
    background: radial-gradient(circle at 50% 50%, #5C1020 0%, rgba(92,16,32,0) 70%);
    bottom: -80px; right: 25%;
    opacity: 0.5;
}
.svc-hero-blob-3,
.careers-hero-blob-3 {
    width: 280px; height: 280px;
    background: radial-gradient(circle at 50% 50%, #C0293C 0%, rgba(192,41,60,0) 70%);
    top: 20%; right: 22%;
    opacity: 0.4;
}

.svc-hero-inner,
.careers-hero-inner {
    position: relative;
    z-index: 10;
    max-width: 1240px;
    margin: 0 auto;
    padding: 58px 56px 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.svc-hero-content,
.careers-hero-content {
    flex: 1 1 auto;
    max-width: 560px;
}

.svc-hero-breadcrumb,
.careers-hero-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45);
}
.svc-hero-sep { opacity: 0.4; }

.svc-hero-heading,
.careers-hero-heading {
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #fff;
    margin: 0 0 18px;
}

.svc-hero-subtext,
.careers-hero-subtext {
    font-size: 17px;
    line-height: 1.65;
    color: rgba(255,255,255,0.70);
    margin: 0 0 34px;
    max-width: 460px;
}

.svc-hero-btn,
.careers-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #1B0C4F;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 50px;
    text-decoration: none;
    transition: background .2s, color .2s, transform .2s;
}
.svc-hero-btn:hover,
.careers-hero-btn:hover {
    background: #23B7B4;
    color: #fff;
    transform: translateY(-2px);
}

.svc-hero-photos {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    max-width: 380px;
}
.svc-hero-photo {
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 3/4;
}
.svc-hero-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.svc-hero-photo-b {
    margin-top: 32px;
}

.careers-hero-photo {
    flex: 0 0 auto;
    max-width: 400px;
    border-radius: 14px;
    overflow: hidden;
}
.careers-hero-photo img {
    width: 100%;
    display: block;
    border-radius: 14px;
}

/* ═══════════════════════════════════════════════════════════
   2. BUILT / FEATURES SECTION
═══════════════════════════════════════════════════════════ */
.svc-built-section {
    max-width: 1240px;
    margin: 28px auto;
    background: #fff;
    border-radius: 22px;
    padding: 56px 56px 60px;
}

.svc-built-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 48px;
}

.svc-built-heading {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #0F0B28;
    margin: 0;
    max-width: 440px;
}

.svc-built-desc {
    font-size: 16px;
    line-height: 1.65;
    color: #6B6B8A;
    max-width: 440px;
    margin: 0;
}

.svc-built-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.svc-built-item {
    background: #f8f7fc;
    border-radius: 14px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.svc-built-icon {
    width: 44px;
    height: 44px;
    background: rgba(75,35,176,0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.svc-built-icon svg { width: 22px; height: 22px; }

.svc-built-item-title {
    font-size: 16px;
    font-weight: 700;
    color: #0F0B28;
    line-height: 1.3;
}

.svc-built-item-desc {
    font-size: 14px;
    line-height: 1.6;
    color: #6B6B8A;
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════
   3. WHAT WE BUILD / CARDS SECTION
═══════════════════════════════════════════════════════════ */
.svc-cards-section {
    max-width: 1240px;
    margin: 28px auto;
    background: #fff;
    border-radius: 22px;
    padding: 56px 56px 60px;
}

.svc-cards-header {
    margin-bottom: 48px;
}

.svc-cards-eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #4B23B0;
    margin-bottom: 12px;
}

.svc-cards-heading {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #0F0B28;
    margin: 0 0 16px;
}

.svc-cards-desc {
    font-size: 16px;
    line-height: 1.65;
    color: #6B6B8A;
    max-width: 600px;
    margin: 0;
}

/* Grid layout */
.svc-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.svc-card {
    border-radius: 14px;
    overflow: hidden;
    background: #f8f7fc;
    display: flex;
    flex-direction: column;
    transition: transform .2s, box-shadow .2s;
}
.svc-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(75,35,176,0.12);
}

.svc-card-img {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: linear-gradient(135deg, #2A1878, #4B23B0);
}
.svc-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.svc-card-body {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.svc-card-tag {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #4B23B0;
}

.svc-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #0F0B28;
    line-height: 1.3;
    margin: 0;
}

.svc-card-desc {
    font-size: 14px;
    line-height: 1.6;
    color: #6B6B8A;
    margin: 0;
}

/* Alternating layout */
.svc-cards-alt {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.svc-card-alt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-radius: 18px;
    overflow: hidden;
    background: #f8f7fc;
    min-height: 320px;
    transition: transform .2s, box-shadow .2s;
}
.svc-card-alt:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 44px rgba(75,35,176,0.10);
}

.svc-card-alt:nth-child(even) {
    direction: rtl;
}
.svc-card-alt:nth-child(even) > * {
    direction: ltr;
}

.svc-card-alt-img {
    overflow: hidden;
    background: linear-gradient(135deg, #2A1878, #4B23B0);
}
.svc-card-alt-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.svc-card-alt-body {
    padding: 44px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
}

.svc-card-alt-tag {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #4B23B0;
}

.svc-card-alt-title {
    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 800;
    color: #0F0B28;
    line-height: 1.25;
    letter-spacing: -0.01em;
    margin: 0;
}

.svc-card-alt-desc {
    font-size: 15px;
    line-height: 1.65;
    color: #6B6B8A;
    margin: 0;
}

.svc-card-alt-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #4B23B0;
    text-decoration: none;
    margin-top: 4px;
}
.svc-card-alt-link:hover { color: #23B7B4; }

/* ═══════════════════════════════════════════════════════════
   4. CASE STUDIES SECTION
═══════════════════════════════════════════════════════════ */
.svc-cases-section {
    max-width: 1240px;
    margin: 28px auto;
    background: #fff;
    border-radius: 22px;
    padding: 56px 56px 60px;
    overflow: hidden;
}

.svc-cases-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px;
}

.svc-cases-heading {
    font-size: clamp(24px, 2.5vw, 34px);
    font-weight: 800;
    color: #0F0B28;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0;
}

.svc-cases-link {
    font-size: 14px;
    font-weight: 700;
    color: #4B23B0;
    text-decoration: none;
    white-space: nowrap;
}
.svc-cases-link:hover { color: #23B7B4; }

.svc-cases-scroll {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(75,35,176,0.2) transparent;
}



/* ═══════════════════════════════════════════════════════════
   5. BLOG SECTION (reuses .home-blog-* from home.css)
═══════════════════════════════════════════════════════════ */
.svc-blog-section {
    max-width: 1240px;
    margin: 28px auto;
    background: #fff;
    border-radius: 22px;
    padding: 56px 56px 60px;
}

/* ═══════════════════════════════════════════════════════════
   6. BOTTOM CTA (reuses con-cta-* from consulting.css)
      but scoped to .svc-cta-section
═══════════════════════════════════════════════════════════ */
.svc-cta-section {
    max-width: 1240px;
    margin: 28px auto 60px;
    background: linear-gradient(135deg, #2A1878 0%, #4B23B0 100%);
    border-radius: 22px;
    padding: 64px 56px;
    display: flex;
    align-items: center;
    gap: 48px;
    overflow: hidden;
}

.svc-cta-mascot {
    flex: 0 0 auto;
    width: 180px;
}
.svc-cta-mascot img {
    width: 100%;
    height: auto;
    display: block;
}

.svc-cta-card { flex: 1; }

.svc-cta-title {
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 14px;
}

.svc-cta-desc {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255,255,255,0.75);
    margin: 0 0 28px;
    max-width: 500px;
}

.svc-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #1B0C4F;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 32px;
    border-radius: 50px;
    text-decoration: none;
    transition: background .2s, color .2s, transform .2s;
}
.svc-cta-btn:hover {
    background: #23B7B4;
    color: #fff;
    transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════════════════
   CAREERS PAGE — WHAT IT'S LIKE
═══════════════════════════════════════════════════════════ */
.careers-wtl-section {
    max-width: 1240px;
    margin: 28px auto;
    background: #fff;
    border-radius: 22px;
    padding: 64px 56px;
    display: flex;
    align-items: center;
    gap: 60px;
}

.careers-wtl-content { flex: 1; }

.careers-wtl-heading {
    font-size: clamp(24px, 2.8vw, 36px);
    font-weight: 800;
    color: #0F0B28;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 20px;
}

.careers-wtl-text {
    font-size: 16px;
    line-height: 1.7;
    color: #6B6B8A;
}
.careers-wtl-text p { margin: 0 0 16px; }
.careers-wtl-text p:last-child { margin-bottom: 0; }

.careers-wtl-photo {
    flex: 0 0 420px;
    border-radius: 14px;
    overflow: hidden;
}
.careers-wtl-photo img {
    width: 100%;
    display: block;
    border-radius: 14px;
}

/* ═══════════════════════════════════════════════════════════
   CAREERS — PERKS & BENEFITS
═══════════════════════════════════════════════════════════ */
.careers-perks-section {
    max-width: 1240px;
    margin: 28px auto;
    background: #fff;
    border-radius: 22px;
    padding: 64px 56px;
    display: flex;
    align-items: stretch;
    gap: 60px;
}

.careers-perks-content { flex: 1 1 0; }

.careers-perks-heading {
    font-size: clamp(22px, 2.5vw, 32px);
    font-weight: 800;
    color: #0F0B28;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 32px;
}

.careers-perks-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.careers-perk {
    background: #f8f7fc;
    border-radius: 14px;
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.careers-perk-icon {
    width: 40px;
    height: 40px;
    background: rgba(75,35,176,0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.careers-perk-icon svg { width: 20px; height: 20px; }

.careers-perk-title {
    font-size: 15px;
    font-weight: 700;
    color: #0F0B28;
}

.careers-perk-desc {
    font-size: 13px;
    line-height: 1.55;
    color: #6B6B8A;
    margin: 0;
}

.careers-perks-photo {
    flex: 0 0 380px;
    border-radius: 14px;
    overflow: hidden;
}
.careers-perks-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 14px;
}

/* ═══════════════════════════════════════════════════════════
   CAREERS — OPEN ROLES
═══════════════════════════════════════════════════════════ */
.careers-roles-section {
    max-width: 1240px;
    margin: 28px auto;
    background: #fff;
    border-radius: 22px;
    padding: 64px 56px;
}

.careers-roles-heading {
    font-size: clamp(22px, 2.5vw, 34px);
    font-weight: 800;
    color: #0F0B28;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 32px;
}

.careers-role-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px;
    border-radius: 12px;
    border: 1px solid rgba(75,35,176,0.10);
    margin-bottom: 10px;
    text-decoration: none;
    transition: background .2s, border-color .2s, transform .2s;
}
.careers-role-item:hover {
    background: #f8f7fc;
    border-color: rgba(75,35,176,0.25);
    transform: translateX(4px);
}

.careers-role-left { display: flex; flex-direction: column; gap: 6px; }

.careers-role-title {
    font-size: 17px;
    font-weight: 700;
    color: #0F0B28;
}

.careers-role-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.careers-role-tag {
    font-size: 12px;
    font-weight: 600;
    color: #4B23B0;
    background: rgba(75,35,176,0.08);
    padding: 4px 10px;
    border-radius: 20px;
}

.careers-role-arrow {
    font-size: 20px;
    color: #4B23B0;
    font-weight: 700;
    line-height: 1;
}

/* ═══════════════════════════════════════════════════════════
   CAREERS / OPEN POSITION — "HIT US UP" FORM SECTION
═══════════════════════════════════════════════════════════ */
.svc-form-section,
.careers-form-section {
    max-width: 1240px;
    margin: 28px auto 60px;
    background: linear-gradient(145deg, #0d0630 0%, #1d0d58 40%, #0e051e 100%);
    border-radius: 22px;
    padding: 72px 56px;
    position: relative;
    overflow: hidden;
}

.svc-form-blob,
.careers-form-blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.3;
}
.svc-form-blob-1,
.careers-form-blob-1 {
    width: 400px; height: 400px;
    background: radial-gradient(circle, #4B23B0, transparent 70%);
    top: -100px; right: -80px;
}
.svc-form-blob-2,
.careers-form-blob-2 {
    width: 300px; height: 300px;
    background: radial-gradient(circle, #23B7B4, transparent 70%);
    bottom: -60px; left: 10%;
}

.svc-form-inner,
.careers-form-inner {
    position: relative;
    z-index: 5;
    max-width: 720px;
    margin: 0 auto;
}

.svc-form-heading,
.careers-form-heading {
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 0 0 12px;
}

.svc-form-subtext,
.careers-form-subtext {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255,255,255,0.65);
    text-align: center;
    margin: 0 0 40px;
}

.svc-form-body,
.careers-form-body {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 18px;
    padding: 36px 40px 40px;
    backdrop-filter: blur(8px);
}

.svc-form-row,
.careers-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.svc-form-field,
.careers-form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.svc-form-field.full-width,
.careers-form-field.full-width {
    grid-column: 1 / -1;
}

.svc-form-label,
.careers-form-label {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,0.7);
    letter-spacing: 0.3px;
}

.svc-form-input,
.careers-form-input,
.svc-form-textarea,
.careers-form-textarea,
.svc-form-select,
.careers-form-select {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 15px;
    color: #fff;
    font-family: inherit;
    outline: none;
    transition: border-color .2s, background .2s;
    width: 100%;
    box-sizing: border-box;
}
.svc-form-input::placeholder,
.careers-form-input::placeholder,
.svc-form-textarea::placeholder,
.careers-form-textarea::placeholder {
    color: rgba(255,255,255,0.35);
}
.svc-form-input:focus,
.careers-form-input:focus,
.svc-form-textarea:focus,
.careers-form-textarea:focus,
.svc-form-select:focus,
.careers-form-select:focus {
    border-color: #23B7B4;
    background: rgba(255,255,255,0.12);
}

.svc-form-select option,
.careers-form-select option {
    background: #1B0C4F;
    color: #fff;
}

.svc-form-textarea,
.careers-form-textarea {
    resize: vertical;
    min-height: 110px;
}

.svc-form-checkbox,
.careers-form-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 16px;
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    line-height: 1.5;
}
.svc-form-checkbox input,
.careers-form-checkbox input {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    accent-color: #23B7B4;
}
.svc-form-checkbox a,
.careers-form-checkbox a {
    color: #23B7B4;
    text-decoration: underline;
}

.svc-form-submit,
.careers-form-submit {
    display: block;
    width: 100%;
    margin-top: 24px;
    background: #23B7B4;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: inherit;
    padding: 16px 32px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: background .2s, transform .2s;
    letter-spacing: 0.3px;
}
.svc-form-submit:hover,
.careers-form-submit:hover {
    background: #1aa5a2;
    transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════════════════
   OPEN POSITION PAGE
═══════════════════════════════════════════════════════════ */
.open-pos-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, #0d0630 0%, #1d0d58 40%, #0e051e 100%);
    max-width: 1240px;
    margin: 88px auto 0;
    border-radius: 22px;
    padding: 52px 56px 56px;
}

.open-pos-hero-blob-1 {
    position: absolute;
    top: -80px; right: 0;
    width: 400px; height: 400px;
    background: radial-gradient(circle at 60% 40%, #4B23B0 0%, transparent 65%);
    opacity: 0.5;
    border-radius: 50%;
    pointer-events: none;
}

.open-pos-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    margin-bottom: 18px;
    position: relative;
    z-index: 2;
}
.open-pos-breadcrumb a {
    color: rgba(255,255,255,0.4);
    text-decoration: none;
}
.open-pos-breadcrumb a:hover { color: rgba(255,255,255,0.8); }
.open-pos-bc-sep { opacity: 0.4; }

.open-pos-job-title {
    font-size: clamp(28px, 4vw, 52px);
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0 0 18px;
    position: relative;
    z-index: 2;
}

.open-pos-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.open-pos-tag {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,0.8);
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.18);
    padding: 6px 14px;
    border-radius: 20px;
}

.open-pos-content {
    max-width: 1240px;
    margin: 28px auto;
    background: #fff;
    border-radius: 22px;
    padding: 56px 56px 60px;
}

.open-pos-body {
    max-width: 720px;
}

.open-pos-section-title {
    font-size: 22px;
    font-weight: 800;
    color: #0F0B28;
    line-height: 1.25;
    letter-spacing: -0.01em;
    margin: 40px 0 16px;
}
.open-pos-section-title:first-child { margin-top: 0; }

.open-pos-text {
    font-size: 16px;
    line-height: 1.7;
    color: #4A4A6A;
}
.open-pos-text p { margin: 0 0 16px; }
.open-pos-text p:last-child { margin-bottom: 0; }

.open-pos-list {
    list-style: none;
    padding: 0;
    margin: 0 0 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.open-pos-list li {
    padding-left: 22px;
    position: relative;
    font-size: 15px;
    line-height: 1.65;
    color: #4A4A6A;
}
.open-pos-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4B23B0;
}

/* ═══════════════════════════════════════════════════════════
   SHARED FOOTER (reuses existing .slingshot-redesign-footer)
   just ensure spacing
═══════════════════════════════════════════════════════════ */
.svc-page-wrapper .sl-redesign-footer-wrap,
.careers-page-wrapper .sl-redesign-footer-wrap,
.open-pos-page-wrapper .sl-redesign-footer-wrap {
    margin-top: 0;
}

/* ═══════════════════════════════════════════════════════════
   SPOTLIGHT SECTION (dark, testimonial + featured article)
═══════════════════════════════════════════════════════════ */
.svc-spotlight-section {
    max-width: 1240px;
    margin: 28px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    min-height: 360px;
}

/* Left: testimonial card */
.svc-spotlight-quote {
    background: linear-gradient(145deg, #0d0630 0%, #1d0d58 50%, #0e051e 100%);
    border-radius: 22px;
    padding: 48px 44px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    position: relative;
    overflow: hidden;
}
.svc-spotlight-quote-blob {
    position: absolute;
    width: 300px; height: 300px;
    background: radial-gradient(circle, #4B23B0 0%, transparent 70%);
    bottom: -80px; right: -60px;
    opacity: 0.4;
    border-radius: 50%;
    pointer-events: none;
}

.svc-spotlight-video {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 16/9;
    background: rgba(255,255,255,0.06);
    flex-shrink: 0;
}
.svc-spotlight-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.svc-spotlight-play {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 52px; height: 52px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.svc-spotlight-play::after {
    content: '';
    border-style: solid;
    border-width: 9px 0 9px 16px;
    border-color: transparent transparent transparent #1B0C4F;
    margin-left: 3px;
}

.svc-spotlight-quote-body { position: relative; z-index: 2; }

.svc-spotlight-quote-mark {
    font-size: 72px;
    line-height: 0.6;
    color: rgba(255,255,255,0.15);
    font-family: Georgia, serif;
    margin-bottom: 16px;
    display: block;
}

.svc-spotlight-quote-text {
    font-size: 18px;
    line-height: 1.55;
    color: rgba(255,255,255,0.88);
    font-weight: 500;
    font-style: italic;
    margin: 0 0 20px;
}

.svc-spotlight-person {
    display: flex;
    align-items: center;
    gap: 12px;
}
.svc-spotlight-avatar {
    width: 44px; height: 44px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: rgba(255,255,255,0.1);
}
.svc-spotlight-avatar img {
    width: 100%; height: 100%;
    object-fit: cover;
}
.svc-spotlight-person-name {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}
.svc-spotlight-person-role {
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    margin-top: 2px;
}

/* Right: featured article card */
.svc-spotlight-article {
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
}
.svc-spotlight-article:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 44px rgba(75,35,176,0.12);
}

.svc-spotlight-article-img {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: linear-gradient(135deg, #2A1878, #4B23B0);
    flex-shrink: 0;
}
.svc-spotlight-article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.svc-spotlight-article-body {
    padding: 32px 36px 36px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 12px;
}

.svc-spotlight-article-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #4B23B0;
}

.svc-spotlight-article-title {
    font-size: clamp(20px, 2vw, 26px);
    font-weight: 800;
    color: #0F0B28;
    line-height: 1.25;
    letter-spacing: -0.01em;
    margin: 0;
}

.svc-spotlight-article-desc {
    font-size: 15px;
    line-height: 1.65;
    color: #6B6B8A;
    margin: 0;
}

.svc-spotlight-article-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #4B23B0;
    margin-top: auto;
    padding-top: 8px;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — tablet
═══════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    .svc-hero-inner,
    .careers-hero-inner {
        padding: 44px 36px 44px;
        gap: 40px;
    }
    .svc-built-section,
    .svc-cards-section,
    .svc-cases-section,
    .svc-blog-section,
    .svc-cta-section,
    .svc-form-section,
    .careers-wtl-section,
    .careers-perks-section,
    .careers-roles-section,
    .careers-form-section,
    .open-pos-hero,
    .open-pos-content {
        padding-left: 36px;
        padding-right: 36px;
    }
    .svc-built-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .svc-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .svc-spotlight-section {
        margin: 20px 36px;
    }
    .svc-card-alt {
        grid-template-columns: 1fr 1fr;
        min-height: 280px;
    }
    .careers-wtl-photo {
        flex: 0 0 300px;
    }
    .careers-perks-photo {
        flex: 0 0 280px;
    }
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — mobile
═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .svc-hero,
    .careers-hero,
    .open-pos-hero {
        margin: 72px 12px 0;
        border-radius: 16px;
    }
    .svc-hero-inner,
    .careers-hero-inner {
        flex-direction: column;
        padding: 36px 24px 36px;
        gap: 32px;
    }
    .svc-hero-photos {
        max-width: 100%;
        width: 100%;
    }
    .careers-hero-photo {
        max-width: 100%;
        width: 100%;
    }
    .svc-built-section,
    .svc-cards-section,
    .svc-cases-section,
    .svc-blog-section,
    .svc-cta-section,
    .svc-form-section,
    .careers-wtl-section,
    .careers-perks-section,
    .careers-roles-section,
    .careers-form-section,
    .open-pos-content {
        margin: 12px 12px;
        border-radius: 16px;
        padding: 36px 24px;
    }
    .svc-cta-section {
        flex-direction: column;
        text-align: center;
    }
    .svc-cta-mascot { width: 120px; margin: 0 auto; }
    .svc-built-grid { grid-template-columns: 1fr; }
    .svc-cards-grid { grid-template-columns: 1fr; }
    .svc-card-alt,
    .svc-card-alt:nth-child(even) {
        grid-template-columns: 1fr;
        direction: ltr;
    }
    .svc-card-alt-img { aspect-ratio: 16/9; max-height: 220px; }
    .svc-card-alt-body { padding: 28px 24px; }
    .svc-built-header { flex-direction: column; gap: 16px; }
    .svc-form-row,
    .careers-form-row { grid-template-columns: 1fr; }
    .careers-wtl-section { flex-direction: column; }
    .careers-perks-section { flex-direction: column; }
    .careers-perks-grid { grid-template-columns: 1fr; }
    .careers-perks-photo { flex: none; max-height: 280px; overflow: hidden; }
    .open-pos-hero { margin: 72px 12px 0; padding: 36px 24px 36px; }
    .careers-form-section, .svc-form-section {
        margin: 12px 12px 40px;
    }
    .svc-form-body, .careers-form-body {
        padding: 24px 20px;
    }
    .svc-spotlight-section {
        grid-template-columns: 1fr;
        margin: 12px 12px;
    }
    .svc-spotlight-quote {
        padding: 36px 28px;
    }
}

/* ============================================================
   Service pages: Figma new look
   ============================================================ */
body.page-template-page-service-figma {
    background: #f6f4fb;
}

body.page-template-page-service-figma .svc-page-wrapper,
body.page-template-page-service-figma .svc-page-wrapper * {
    box-sizing: border-box;
}

body.page-template-page-service-figma .svc-page-wrapper {
    --svc-ink: #25222a;
    --svc-muted: #38343f;
    --svc-soft: #f0edf7;
    --svc-line: #dcd7e5;
    --svc-card: #ffffff;
    --svc-accent: #c64665;
    --svc-accent-dark: #6c1935;
    --svc-hero-a: #1a0711;
    --svc-hero-b: #6e1838;
    --svc-hero-c: #a72d4d;
    --svc-hero-text: #ffffff;
    background: #ffffff;
    padding: 0 0 1px;
}

body.page-template-page-service-figma .svc-theme-web {
    --svc-accent: #c64665;
    --svc-accent-dark: #6c1935;
    --svc-hero-a: #1a0711;
    --svc-hero-b: #6e1838;
    --svc-hero-c: #a72d4d;
    --svc-built-feature-columns: 3;
}

body.page-template-page-service-figma .svc-theme-design {
    --svc-accent: #c64665;
    --svc-accent-dark: #6c1935;
    --svc-hero-a: #1a0711;
    --svc-hero-b: #6e1838;
    --svc-hero-c: #a72d4d;
    --svc-built-feature-columns: 3;
}

body.page-template-page-service-figma .svc-theme-mobile {
    --svc-accent: #c64665;
    --svc-accent-dark: #6c1935;
    --svc-hero-a: #1a0711;
    --svc-hero-b: #6e1838;
    --svc-hero-c: #a72d4d;
    --svc-built-feature-columns: 4;
}

body.page-template-page-service-figma .svc-hero {
    max-width: none;
    min-height: 503px;
    margin: 88px 16px 0;
    border-radius: 20px;
    background:
        radial-gradient(circle at 82% 12%, rgba(255,255,255,0.12) 0 90px, transparent 92px),
        radial-gradient(circle at 76% 75%, rgba(255,255,255,0.08) 0 140px, transparent 142px),
        linear-gradient(132deg, var(--svc-hero-a) 0%, var(--svc-hero-b) 58%, var(--svc-hero-c) 100%);
}

body.page-template-page-service-figma .svc-hero::before,
body.page-template-page-service-figma .svc-hero::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 999px;
    pointer-events: none;
}

body.page-template-page-service-figma .svc-hero::before {
    width: 660px;
    height: 420px;
    right: -120px;
    top: -180px;
    transform: rotate(-18deg);
}

body.page-template-page-service-figma .svc-hero::after {
    width: 520px;
    height: 360px;
    right: 250px;
    bottom: -230px;
    transform: rotate(20deg);
}

body.page-template-page-service-figma .svc-hero-blob-1 {
    width: 420px;
    height: 420px;
    top: -88px;
    right: 29%;
    background: radial-gradient(circle, rgba(255,255,255,0.1), transparent 68%);
    opacity: 1;
}

body.page-template-page-service-figma .svc-hero-blob-2 {
    width: 560px;
    height: 560px;
    right: -120px;
    bottom: -210px;
    background: radial-gradient(circle, rgba(255,255,255,0.12), transparent 66%);
    opacity: 1;
}

body.page-template-page-service-figma .svc-hero-blob-3 {
    width: 280px;
    height: 280px;
    right: 18%;
    top: 26px;
    background: radial-gradient(circle, rgba(255,255,255,0.11), transparent 64%);
    opacity: 1;
}

body.page-template-page-service-figma .svc-hero-inner {
    max-width: 1240px;
    min-height: 503px;
    padding: 74px 0 64px;
    gap: 54px;
}

body.page-template-page-service-figma .svc-hero-content {
    max-width: 535px;
}

body.page-template-page-service-figma .svc-hero-breadcrumb {
    gap: 10px;
    margin-bottom: 26px;
    color: rgba(255,255,255,0.58);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

body.page-template-page-service-figma .svc-hero-heading {
    max-width: 500px;
    margin: 0 0 21px;
    color: var(--svc-hero-text);
    font-size: 56px;
    line-height: 1.04;
    letter-spacing: 0;
    font-weight: 500;
}

body.page-template-page-service-figma .svc-theme-web .svc-hero-content,
body.page-template-page-service-figma .svc-theme-web .svc-hero-heading {
    max-width: 620px;
}

body.page-template-page-service-figma .svc-theme-web .svc-hero-heading {
    font-size: 52px;
}

body.page-template-page-service-figma .svc-hero-subtext {
    max-width: 460px;
    margin: 0 0 33px;
    color: rgba(255,255,255,0.74);
    font-size: 16px;
    line-height: 1.62;
}

body.page-template-page-service-figma .svc-hero-btn,
body.page-template-page-service-figma .svc-cta-btn {
    min-height: 47px;
    padding: 0 24px;
    border-radius: 999px;
    background: #ffffff;
    color: var(--svc-accent-dark);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: none;
}

body.page-template-page-service-figma .svc-hero-btn:hover,
body.page-template-page-service-figma .svc-cta-btn:hover {
    background: #f6eef2;
    color: var(--svc-accent-dark);
    transform: translateY(-1px);
}

body.page-template-page-service-figma .svc-hero-photos {
    position: relative;
    z-index: 2;
    width: 610px;
    max-width: 50%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 295px));
    gap: 20px;
    align-items: start;
}

body.page-template-page-service-figma .svc-hero-photo {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 18px;
    box-shadow: 0 24px 54px rgba(17,5,18,0.22);
}

body.page-template-page-service-figma .svc-hero-photo-a {
    margin-top: 70px;
    border-radius: 145px 14px 14px 14px;
}

body.page-template-page-service-figma .svc-hero-photo-b {
    margin-top: 0;
    border-radius: 14px 145px 145px 14px;
}

body.page-template-page-service-figma .svc-built-section,
body.page-template-page-service-figma .svc-cards-section,
body.page-template-page-service-figma .svc-cases-section,
body.page-template-page-service-figma .svc-blog-section,
body.page-template-page-service-figma .svc-spotlight-section {
    width: min(1240px, calc(100% - 32px));
    max-width: none;
}

body.page-template-page-service-figma .svc-built-section {
    margin: 124px auto 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

body.page-template-page-service-figma .svc-built-header,
body.page-template-page-service-figma .svc-cards-header {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);
    align-items: start;
    gap: 72px;
    margin-bottom: 46px;
}

body.page-template-page-service-figma .svc-built-heading,
body.page-template-page-service-figma .svc-cards-heading,
body.page-template-page-service-figma .svc-cases-heading,
body.page-template-page-service-figma .home-blog-title,
body.page-template-page-service-figma .svc-cta-title {
    color: var(--svc-ink);
    font-size: 40px;
    line-height: 1.08;
    letter-spacing: 0;
    font-weight: 500;
}

body.page-template-page-service-figma .svc-built-heading,
body.page-template-page-service-figma .svc-cards-heading {
    max-width: 520px;
    margin: 0;
}

body.page-template-page-service-figma .svc-built-desc,
body.page-template-page-service-figma .svc-cards-desc,
body.page-template-page-service-figma .home-blog-desc,
body.page-template-page-service-figma .svc-cta-desc {
    color: var(--svc-muted);
    font-size: 16px;
    line-height: 1.62;
    letter-spacing: 0;
}

body.page-template-page-service-figma .svc-built-desc,
body.page-template-page-service-figma .svc-cards-desc {
    max-width: 530px;
    margin: 4px 0 0;
}

body.page-template-page-service-figma .svc-built-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.page-template-page-service-figma .svc-built-item {
    min-height: 360px;
    padding: 32px 39px 31px;
    border: 1px solid var(--svc-line);
    border-radius: 12px;
    background: #ffffff;
    gap: 0;
}

body.page-template-page-service-figma .svc-built-item:nth-child(3n) {
    border-right: 1px solid var(--svc-line);
}

body.page-template-page-service-figma .svc-built-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 32px;
    border-radius: 16px;
    color: var(--svc-accent);
    background: #f8e8ee;
}

body.page-template-page-service-figma .svc-card-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 37px;
    border-radius: 0;
    color: var(--svc-accent);
    background: transparent;
}

body.page-template-page-service-figma .svc-theme-web .svc-built-icon,
body.page-template-page-service-figma .svc-theme-web .svc-card-icon {
    background: #e4f4f4;
}

body.page-template-page-service-figma .svc-theme-design .svc-built-icon,
body.page-template-page-service-figma .svc-theme-design .svc-card-icon {
    background: #eee8fb;
}

body.page-template-page-service-figma .svc-theme-mobile .svc-built-icon,
body.page-template-page-service-figma .svc-theme-mobile .svc-card-icon {
    background: #e3f5ee;
}

body.page-template-page-service-figma .svc-built-icon svg,
body.page-template-page-service-figma .svc-card-icon svg {
    width: 36px;
    height: 36px;
}

body.page-template-page-service-figma .svc-built-item-title {
    margin: 0 0 13px;
    color: var(--svc-ink);
    font-size: 24px;
    line-height: 1.18;
    letter-spacing: 0;
    font-weight: 500;
}

body.page-template-page-service-figma .svc-built-item-desc {
    margin: 0 0 28px;
    color: var(--svc-muted);
    font-size: 15px;
    line-height: 1.55;
}

body.page-template-page-service-figma .svc-built-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    align-self: flex-start;
    margin-top: auto;
    padding: 0 18px;
    border: 1px solid #25222a;
    border-radius: 999px;
    color: var(--svc-ink);
    background: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

body.page-template-page-service-figma .svc-built-cta:hover {
    border-color: var(--svc-accent);
    color: var(--svc-accent-dark);
}

body.page-template-page-service-figma .svc-cards-section {
    margin: 120px auto 0;
    padding: 76px 64px 70px;
    background: var(--svc-soft);
    border-radius: 14px;
}

body.page-template-page-service-figma .svc-cards-eyebrow {
    margin: 0 0 12px;
    color: var(--svc-accent);
    letter-spacing: 1.7px;
}

body.page-template-page-service-figma .svc-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--svc-line);
    border-radius: 12px;
    background: #ffffff;
}

body.page-template-page-service-figma .svc-card {
    min-height: 258px;
    border-radius: 0;
    border-right: 1px solid var(--svc-line);
    border-bottom: 1px solid var(--svc-line);
    background: #ffffff;
    box-shadow: none;
    overflow: visible;
}

body.page-template-page-service-figma .svc-card:nth-child(3n) {
    border-right: 0;
}

body.page-template-page-service-figma .svc-card:nth-last-child(-n+3) {
    border-bottom: 0;
}

body.page-template-page-service-figma .svc-card:hover {
    transform: none;
    box-shadow: none;
}

body.page-template-page-service-figma .svc-card-body {
    padding: 31px 31px 29px;
    gap: 0;
}

body.page-template-page-service-figma .svc-card-icon {
    margin-bottom: 37px;
}

body.page-template-page-service-figma .svc-card-title {
    margin: 0 0 11px;
    color: var(--svc-ink);
    font-size: 21px;
    line-height: 1.22;
    letter-spacing: 0;
    font-weight: 500;
}

body.page-template-page-service-figma .svc-card-desc {
    color: var(--svc-muted);
    font-size: 14px;
    line-height: 1.56;
}

body.page-template-page-service-figma .svc-card-img {
    background: var(--svc-soft);
}

body.page-template-page-service-figma .svc-cards-alt .svc-card-alt--icon-only {
    grid-template-columns: 1fr;
}

body.page-template-page-service-figma .svc-cases-section {
    margin: 154px auto 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    overflow: visible;
}

body.page-template-page-service-figma .svc-cases-header {
    margin-bottom: 43px;
}

body.page-template-page-service-figma .svc-cases-heading {
    max-width: 460px;
    margin: 0;
}

body.page-template-page-service-figma .svc-cases-link,
body.page-template-page-service-figma .home-section-link {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 19px;
    border: 1px solid var(--svc-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--svc-ink);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

body.page-template-page-service-figma .svc-cases-link:hover,
body.page-template-page-service-figma .home-section-link:hover {
    color: var(--svc-accent-dark);
    border-color: var(--svc-accent);
}

body.page-template-page-service-figma .svc-cases-scroll {
    gap: 22px;
    padding-bottom: 12px;
    scrollbar-width: none;
    overflow-x: visible;
}

body.page-template-page-service-figma .svc-cases-scroll::-webkit-scrollbar {
    display: none;
}

body.page-template-page-service-figma .svc-case-card {
    flex: 0 0 400px;
    border-radius: 12px;
    background: #ffffff;
    color: inherit;
    box-shadow: none;
}

body.page-template-page-service-figma .svc-case-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(45,31,65,0.08);
}

body.page-template-page-service-figma .svc-case-img {
    aspect-ratio: 1.31;
    background: var(--svc-soft);
}

body.page-template-page-service-figma .svc-case-body {
    min-height: 250px;
    padding: 29px 32px 30px;
    background: var(--svc-soft);
}

body.page-template-page-service-figma .svc-case-client,
body.page-template-page-service-figma .svc-card-tag,
body.page-template-page-service-figma .svc-card-alt-tag,
body.page-template-page-service-figma .svc-spotlight-article-eyebrow {
    color: var(--svc-accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

body.page-template-page-service-figma .svc-case-title {
    max-width: 320px;
    color: var(--svc-ink);
    font-size: 25px;
    line-height: 1.32;
    font-weight: 500;
}

body.page-template-page-service-figma .svc-case-desc {
    margin: 12px 0 20px;
    max-width: 320px;
    color: var(--svc-muted);
    font-size: 15px;
    line-height: 1.5;
}

body.page-template-page-service-figma .svc-case-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

body.page-template-page-service-figma .svc-case-tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 13px;
    border-radius: 999px;
    color: #4a4454;
    background: #e5e1ec;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

body.page-template-page-service-figma .svc-case-arrow {
    color: var(--svc-ink);
}

body.page-template-page-service-figma .svc-spotlight-section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin: 70px auto 0;
}

body.page-template-page-service-figma .svc-spotlight-quote,
body.page-template-page-service-figma .svc-spotlight-article {
    min-height: 482px;
    border-radius: 14px;
}

body.page-template-page-service-figma .svc-spotlight-quote {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: 38px;
    background: #1b0a14;
}

body.page-template-page-service-figma .svc-spotlight-quote-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.66;
}

body.page-template-page-service-figma .svc-spotlight-quote::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15,5,12,0.08), rgba(15,5,12,0.82));
}

body.page-template-page-service-figma .svc-spotlight-quote-body,
body.page-template-page-service-figma .svc-spotlight-person {
    position: relative;
    z-index: 2;
}

body.page-template-page-service-figma .svc-spotlight-quote-blob {
    display: none;
}

body.page-template-page-service-figma .svc-spotlight-quote-mark {
    color: rgba(255,255,255,0.82);
}

body.page-template-page-service-figma .svc-spotlight-quote-text {
    max-width: 430px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
    font-weight: 600;
}

body.page-template-page-service-figma .svc-spotlight-article {
    background: var(--svc-soft);
    box-shadow: none;
}

body.page-template-page-service-figma .svc-spotlight-article:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(45,31,65,0.08);
}

body.page-template-page-service-figma .svc-spotlight-article-img {
    aspect-ratio: 2.05;
    background: #ffffff;
}

body.page-template-page-service-figma .svc-spotlight-article-body {
    padding: 34px 40px 38px;
}

body.page-template-page-service-figma .svc-spotlight-article--text-only .svc-spotlight-article-body {
    min-height: 100%;
    justify-content: flex-start;
    padding: 64px 58px 58px;
}

body.page-template-page-service-figma .svc-spotlight-article-title {
    max-width: 520px;
    color: var(--svc-ink);
    font-size: 28px;
    line-height: 1.16;
    letter-spacing: 0;
    font-weight: 500;
}

body.page-template-page-service-figma .svc-spotlight-article-desc {
    max-width: 530px;
    color: var(--svc-muted);
    font-size: 15px;
    line-height: 1.6;
}

body.page-template-page-service-figma .svc-spotlight-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    margin-top: 45px;
    border-radius: 14px;
    background: #ffffff;
}

body.page-template-page-service-figma .svc-spotlight-detail-col {
    padding: 27px 30px;
}

body.page-template-page-service-figma .svc-spotlight-detail-col + .svc-spotlight-detail-col {
    border-left: 1px solid var(--svc-line);
}

body.page-template-page-service-figma .svc-spotlight-detail-title {
    margin-bottom: 13px;
    color: var(--svc-ink);
    font-size: 16px;
    font-weight: 600;
}

body.page-template-page-service-figma .svc-spotlight-detail-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 18px;
    color: var(--svc-ink);
    font-size: 13px;
    line-height: 1.42;
}

body.page-template-page-service-figma .svc-spotlight-details + .svc-spotlight-article-link {
    display: none;
}

body.page-template-page-service-figma .svc-spotlight-article-link {
    color: var(--svc-ink);
}

body.page-template-page-service-figma .svc-blog-section {
    margin: 108px auto 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

body.page-template-page-service-figma .svc-blog-section .home-blog-inner {
    width: 100%;
    max-width: none;
    padding: 0;
}

body.page-template-page-service-figma .svc-blog-section .home-blog-header {
    margin-bottom: 42px;
}

body.page-template-page-service-figma .svc-blog-section .home-blog-title {
    margin: 0;
}

body.page-template-page-service-figma .svc-blog-section .home-blog-cards {
    gap: 22px;
}

body.page-template-page-service-figma .svc-blog-section .blog-card {
    border-radius: 12px;
    background: #ffffff;
    box-shadow: none;
}

body.page-template-page-service-figma .svc-blog-section .blog-card-image {
    background: var(--svc-soft);
}

body.page-template-page-service-figma .svc-blog-section .blog-card-title {
    color: var(--svc-ink);
    letter-spacing: 0;
}

body.page-template-page-service-figma .svc-cta-section {
    width: 100%;
    max-width: none;
    margin: 112px 0 0;
    padding: 76px max(16px, calc((100vw - 1240px) / 2)) 86px;
    border-radius: 0;
    background: var(--svc-soft);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 48px;
    overflow: hidden;
}

body.page-template-page-service-figma .svc-cta-mascot {
    width: min(610px, 100%);
    justify-self: center;
    align-self: end;
}

body.page-template-page-service-figma .svc-cta-card {
    min-height: 338px;
    padding: 60px 66px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 94% 16%, rgba(255,255,255,0.16), transparent 22%),
        linear-gradient(135deg, var(--svc-hero-a), var(--svc-hero-b));
}

body.page-template-page-service-figma .svc-cta-title {
    max-width: 520px;
    margin: 0 0 18px;
    color: #ffffff;
}

body.page-template-page-service-figma .svc-cta-desc {
    max-width: 560px;
    margin: 0 0 30px;
    color: rgba(255,255,255,0.74);
}

body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-grid-label {
    margin: 0 0 24px;
    color: var(--svc-ink);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0;
}

body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-grid {
    grid-template-columns: repeat(var(--svc-built-feature-columns, 3), minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--svc-line);
    border-radius: 14px;
    background: var(--svc-line);
}

body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-item {
    min-height: 286px;
    padding: 40px 32px 36px;
    border: 0;
    border-radius: 0;
    background: var(--svc-soft);
}

body.page-template-page-service-figma .svc-theme-mobile .svc-built-item {
    min-height: 320px;
}

body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 26px;
    border-radius: 0;
    color: var(--svc-accent);
    background: transparent;
}

body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-icon svg {
    width: 46px;
    height: 46px;
}

body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-item-title {
    max-width: 260px;
    margin-bottom: 14px;
    font-size: 24px;
    line-height: 1.16;
}

body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-item-desc {
    max-width: 270px;
    margin: 0;
    font-size: 14px;
    line-height: 1.52;
}

body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-cta {
    display: none;
}

body.page-template-page-service-figma .svc-cards-section--alternating {
    margin-top: 98px;
    padding: 102px 0 0;
    background: transparent;
    border-top: 1px solid var(--svc-line);
    border-radius: 0;
}

body.page-template-page-service-figma .svc-cards-section--alternating .svc-cards-header {
    margin-bottom: 50px;
}

body.page-template-page-service-figma .svc-cards-section--alternating .svc-cards-heading {
    max-width: 470px;
}

body.page-template-page-service-figma .svc-cards-section--alternating .svc-cards-desc {
    max-width: 560px;
}

body.page-template-page-service-figma .svc-cards-alt {
    display: grid;
    gap: 40px;
}

body.page-template-page-service-figma .svc-card-alt,
body.page-template-page-service-figma .svc-cards-alt .svc-card-alt--icon-only {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    min-height: 502px;
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    background: var(--svc-soft);
    box-shadow: none;
    direction: ltr;
}

body.page-template-page-service-figma .svc-card-alt:hover {
    transform: none;
    box-shadow: none;
}

body.page-template-page-service-figma .svc-card-alt:nth-child(even) .svc-card-alt-img {
    order: 2;
}

body.page-template-page-service-figma .svc-card-alt:nth-child(even) .svc-card-alt-body {
    order: 1;
}

body.page-template-page-service-figma .svc-card-alt-img {
    width: 100%;
    height: 100%;
    min-height: 502px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 46px 34px 0;
    background: transparent;
}

body.page-template-page-service-figma .svc-card-alt-img img {
    width: 100%;
    max-width: 610px;
    max-height: 430px;
    height: auto;
    object-fit: contain;
    object-position: center bottom;
}

body.page-template-page-service-figma .svc-card-alt-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 502px;
    padding: 66px 78px;
}

body.page-template-page-service-figma .svc-card-alt .svc-card-icon {
    width: 80px;
    height: 80px;
    flex: 0 0 auto;
    margin: 0 0 34px;
    border-radius: 16px;
    color: var(--svc-accent);
    background: #f8e8ee;
}

body.page-template-page-service-figma .svc-card-alt .svc-card-icon svg {
    width: 42px;
    height: 42px;
}

body.page-template-page-service-figma .svc-card-alt-title {
    max-width: 440px;
    margin: 0 0 19px;
    color: var(--svc-ink);
    font-size: 40px;
    line-height: 1.08;
    font-weight: 500;
    letter-spacing: 0;
}

body.page-template-page-service-figma .svc-card-alt-desc {
    max-width: 545px;
    margin: 0;
    color: var(--svc-muted);
    font-size: 16px;
    line-height: 1.6;
}

body.page-template-page-service-figma .svc-card-alt-tag,
body.page-template-page-service-figma .svc-card-alt-link {
    display: none;
}

@media (max-width: 1180px) {
    body.page-template-page-service-figma .svc-hero-inner {
        padding: 64px 36px 56px;
        gap: 34px;
    }

    body.page-template-page-service-figma .svc-hero-heading {
        font-size: 48px;
    }

    body.page-template-page-service-figma .svc-hero-photos {
        width: 520px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-template-page-service-figma .svc-built-section,
    body.page-template-page-service-figma .svc-cards-section,
    body.page-template-page-service-figma .svc-cases-section,
    body.page-template-page-service-figma .svc-blog-section,
    body.page-template-page-service-figma .svc-spotlight-section {
        width: min(1000px, calc(100% - 32px));
    }

    body.page-template-page-service-figma .svc-cards-section {
        padding: 58px 42px 54px;
    }

    body.page-template-page-service-figma .svc-cards-section--alternating {
        padding: 82px 0 0;
    }

    body.page-template-page-service-figma .svc-card-alt-body {
        padding: 56px 50px;
    }
}

@media (max-width: 900px) {
    body.page-template-page-service-figma .svc-hero {
        min-height: auto;
        margin: 76px 12px 0;
    }

    body.page-template-page-service-figma .svc-hero-inner {
        min-height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 50px 28px 34px;
    }

    body.page-template-page-service-figma .svc-hero-heading {
        font-size: 42px;
    }

    body.page-template-page-service-figma .svc-hero-photos {
        width: 100%;
        max-width: 620px;
    }

    body.page-template-page-service-figma .svc-hero-photo-a {
        margin-top: 34px;
    }

    body.page-template-page-service-figma .svc-built-header,
    body.page-template-page-service-figma .svc-cards-header,
    body.page-template-page-service-figma .home-blog-header {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    body.page-template-page-service-figma .svc-built-heading,
    body.page-template-page-service-figma .svc-cards-heading,
    body.page-template-page-service-figma .svc-cases-heading,
    body.page-template-page-service-figma .home-blog-title,
    body.page-template-page-service-figma .svc-cta-title {
        font-size: 36px;
    }

    body.page-template-page-service-figma .svc-built-grid,
    body.page-template-page-service-figma .svc-cards-grid {
        grid-template-columns: 1fr;
    }

    body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-template-page-service-figma .svc-built-item,
    body.page-template-page-service-figma .svc-card {
        min-height: 0;
        border-right: 0;
    }

    body.page-template-page-service-figma .svc-built-item {
        border-bottom: 1px solid var(--svc-line);
    }

    body.page-template-page-service-figma .svc-built-item:last-child,
    body.page-template-page-service-figma .svc-card:last-child {
        border-bottom: 0;
    }

    body.page-template-page-service-figma .svc-card:nth-last-child(-n+3) {
        border-bottom: 1px solid var(--svc-line);
    }

    body.page-template-page-service-figma .svc-card:last-child {
        border-bottom: 0;
    }

    body.page-template-page-service-figma .svc-spotlight-section,
    body.page-template-page-service-figma .svc-cta-section {
        grid-template-columns: 1fr;
    }

    body.page-template-page-service-figma .svc-cases-scroll {
        overflow-x: auto;
    }

    body.page-template-page-service-figma .svc-spotlight-details {
        grid-template-columns: 1fr;
    }

    body.page-template-page-service-figma .svc-spotlight-detail-col + .svc-spotlight-detail-col {
        border-left: 0;
        border-top: 1px solid var(--svc-line);
    }

    body.page-template-page-service-figma .svc-cta-section {
        padding-top: 52px;
    }

    body.page-template-page-service-figma .svc-cta-card {
        padding: 46px 34px;
    }

    body.page-template-page-service-figma .svc-cards-section--alternating {
        padding-top: 72px;
    }

    body.page-template-page-service-figma .svc-card-alt,
    body.page-template-page-service-figma .svc-cards-alt .svc-card-alt--icon-only {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    body.page-template-page-service-figma .svc-card-alt:nth-child(even) .svc-card-alt-img,
    body.page-template-page-service-figma .svc-card-alt:nth-child(even) .svc-card-alt-body {
        order: initial;
    }

    body.page-template-page-service-figma .svc-card-alt-img {
        min-height: 320px;
        padding: 32px 24px 0;
    }

    body.page-template-page-service-figma .svc-card-alt-img img {
        max-height: 310px;
    }

    body.page-template-page-service-figma .svc-card-alt-body {
        min-height: 0;
        padding: 42px 34px 48px;
    }

    body.page-template-page-service-figma .svc-card-alt-title {
        font-size: 36px;
    }
}

@media (max-width: 560px) {
    body.page-template-page-service-figma,
    body.page-template-page-service-figma #ajax-content-wrap,
    body.page-template-page-service-figma .svc-page-wrapper {
        width: 100vw;
        max-width: 100vw;
        overflow-x: hidden;
    }

    body.page-template-page-service-figma .svc-hero,
    body.page-template-page-service-figma .svc-built-section,
    body.page-template-page-service-figma .svc-cards-section,
    body.page-template-page-service-figma .svc-cases-section,
    body.page-template-page-service-figma .svc-blog-section,
    body.page-template-page-service-figma .svc-spotlight-section {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        margin-left: 16px;
        margin-right: 16px;
        overflow: hidden;
    }

    body.page-template-page-service-figma .svc-hero-inner,
    body.page-template-page-service-figma .svc-hero-content,
    body.page-template-page-service-figma .svc-built-grid,
    body.page-template-page-service-figma .svc-cards-grid,
    body.page-template-page-service-figma .svc-built-item,
    body.page-template-page-service-figma .svc-card,
    body.page-template-page-service-figma .svc-card-body {
        width: 100%;
        max-width: 100%;
    }

    body.page-template-page-service-figma .svc-cases-scroll {
        overflow-x: auto;
    }

    body.page-template-page-service-figma .svc-hero-heading {
        font-size: 36px;
    }

    body.page-template-page-service-figma .svc-hero-subtext,
    body.page-template-page-service-figma .svc-built-desc,
    body.page-template-page-service-figma .svc-cards-desc,
    body.page-template-page-service-figma .home-blog-desc,
    body.page-template-page-service-figma .svc-cta-desc {
        font-size: 15px;
    }

    body.page-template-page-service-figma .svc-hero-photos {
        gap: 12px;
    }

    body.page-template-page-service-figma .svc-hero-photo-a {
        margin-top: 20px;
        border-radius: 70px 12px 12px 12px;
    }

    body.page-template-page-service-figma .svc-hero-photo-b {
        border-radius: 12px 70px 70px 12px;
    }

    body.page-template-page-service-figma .svc-built-section {
        margin-top: 58px;
    }

    body.page-template-page-service-figma .svc-cards-section,
    body.page-template-page-service-figma .svc-cases-section,
    body.page-template-page-service-figma .svc-blog-section,
    body.page-template-page-service-figma .svc-cta-section {
        margin-top: 70px;
    }

    body.page-template-page-service-figma .svc-cards-section {
        padding: 38px 20px 34px;
    }

    body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-grid {
        grid-template-columns: 1fr;
    }

    body.page-template-page-service-figma .svc-page-wrapper:not(.svc-theme-product) .svc-built-item {
        min-height: 0;
        padding: 32px 24px;
    }

    body.page-template-page-service-figma .svc-cards-section--alternating {
        padding: 60px 0 0;
        background: transparent;
    }

    body.page-template-page-service-figma .svc-cards-alt {
        gap: 24px;
    }

    body.page-template-page-service-figma .svc-card-alt-img {
        min-height: 270px;
        padding: 24px 18px 0;
    }

    body.page-template-page-service-figma .svc-card-alt-img img {
        max-height: 260px;
    }

    body.page-template-page-service-figma .svc-card-alt-body {
        padding: 32px 24px 38px;
    }

    body.page-template-page-service-figma .svc-card-alt .svc-card-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 24px;
        border-radius: 14px;
    }

    body.page-template-page-service-figma .svc-card-alt-title {
        font-size: 32px;
    }

    body.page-template-page-service-figma .svc-built-item,
    body.page-template-page-service-figma .svc-card-body {
        padding: 28px 22px;
    }

    body.page-template-page-service-figma .svc-case-card {
        flex-basis: 82vw;
    }

    body.page-template-page-service-figma .svc-spotlight-quote,
    body.page-template-page-service-figma .svc-spotlight-article {
        min-height: 420px;
    }

    body.page-template-page-service-figma .svc-spotlight-quote-text {
        font-size: 21px;
    }

    body.page-template-page-service-figma .svc-cta-section {
        padding-bottom: 60px;
    }
}

/* ============================================================
   Careers page: Figma new look
   ============================================================ */
body.page-template-page-careers-figma,
body.page-template-page-careers-figma #ajax-content-wrap {
    background: #f3f2f8;
}

body.page-template-page-careers-figma .careers-page-wrapper,
body.page-template-page-careers-figma .careers-page-wrapper * {
    box-sizing: border-box;
}

body.page-template-page-careers-figma .careers-page-wrapper {
    --car-text: #242329;
    --car-muted: #66636f;
    --car-soft: #f1eff7;
    --car-line: #dedbe4;
    --car-purple: #7b19cf;
    --car-blue: #115791;
    width: 100%;
    max-width: 100%;
    padding: 0 0 16px;
    overflow-x: hidden;
    background: linear-gradient(to bottom, #f3f2f8 0, #f3f2f8 640px, #fff 640px, #fff 100%);
    font-family: 'Plus Jakarta Sans', 'Proxima Nova', sans-serif;
}

body.page-template-page-careers-figma .careers-page-wrapper h1,
body.page-template-page-careers-figma .careers-page-wrapper h2,
body.page-template-page-careers-figma .careers-page-wrapper h3,
body.page-template-page-careers-figma .careers-page-wrapper p {
    letter-spacing: 0;
    padding-bottom: 0;
}

body.page-template-page-careers-figma .careers-hero,
body.page-template-page-careers-figma .careers-form-section {
    max-width: none;
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 20px;
    background:
        radial-gradient(ellipse 720px 680px at -6% -14%, rgba(133, 24, 209, .82) 0 46%, rgba(133, 24, 209, .44) 62%, rgba(133, 24, 209, 0) 74%),
        radial-gradient(ellipse 680px 680px at 50% 114%, rgba(25, 19, 142, .48) 0 42%, rgba(25, 19, 142, .24) 62%, rgba(25, 19, 142, 0) 76%),
        radial-gradient(ellipse 420px 420px at 55% 1%, rgba(255, 255, 255, .12) 0 44%, rgba(255, 255, 255, .06) 62%, rgba(255, 255, 255, 0) 76%),
        radial-gradient(ellipse 320px 320px at 78% 32%, rgba(255, 255, 255, .13) 0 44%, rgba(255, 255, 255, .06) 61%, rgba(255, 255, 255, 0) 74%),
        radial-gradient(ellipse 520px 520px at 96% 110%, rgba(255, 255, 255, .10) 0 44%, rgba(255, 255, 255, .05) 62%, rgba(255, 255, 255, 0) 76%),
        linear-gradient(112deg, #8119d2 0%, #4328bd 47%, #12598f 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

body.page-template-page-careers-figma .careers-hero {
    min-height: 502px;
    margin-top: 96px;
}

body.page-template-page-careers-figma .careers-hero-blob,
body.page-template-page-careers-figma .careers-form-blob {
    display: none;
}

body.page-template-page-careers-figma .careers-hero-inner {
    max-width: none;
    min-height: 502px;
    padding: 60px 88px 74px;
    display: grid;
    grid-template-columns: minmax(430px, 1fr) 610px;
    align-items: center;
    gap: 44px;
}

body.page-template-page-careers-figma .careers-hero-content {
    max-width: 590px;
}

body.page-template-page-careers-figma .careers-hero-breadcrumb {
    display: none;
}

body.page-template-page-careers-figma .careers-hero-heading {
    margin: 0 0 20px;
    color: #fff;
    font-size: 58px;
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: 0;
}

body.page-template-page-careers-figma .careers-hero-subtext {
    max-width: 548px;
    margin: 0 0 34px;
    color: #fff;
    font-size: 19px;
    line-height: 1.36;
    font-weight: 400;
}

body.page-template-page-careers-figma .careers-hero-btn {
    min-height: 48px;
    padding: 0 24px;
    border-radius: 999px;
    background: #fff;
    color: #1f1d24;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    gap: 12px;
}

body.page-template-page-careers-figma .careers-hero-btn:hover {
    background: #171717;
    color: #fff;
    transform: none;
}

body.page-template-page-careers-figma .careers-hero-photos {
    position: relative;
    width: 610px;
    height: 356px;
}

body.page-template-page-careers-figma .careers-hero-photo {
    position: absolute;
    max-width: none;
    border-radius: 0;
    overflow: visible;
}

body.page-template-page-careers-figma .careers-hero-photo-a {
    left: 0;
    bottom: 0;
    width: 296px;
    height: 296px;
}

body.page-template-page-careers-figma .careers-hero-photo-b {
    right: 0;
    top: 0;
    width: 296px;
    height: 296px;
}

body.page-template-page-careers-figma .careers-hero-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    border-radius: 0;
}

body.page-template-page-careers-figma .careers-wtl-section {
    max-width: 1240px;
    margin: 100px auto 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    display: grid;
    grid-template-columns: 440px 1fr;
    gap: 190px;
    align-items: start;
}

body.page-template-page-careers-figma .careers-wtl-content {
    display: contents;
}

body.page-template-page-careers-figma .careers-wtl-heading {
    margin: 0;
    max-width: 390px;
    color: var(--car-text);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
}

body.page-template-page-careers-figma .careers-wtl-text {
    max-width: 620px;
    color: var(--car-text);
    font-size: 16px;
    line-height: 1.42;
    font-weight: 400;
}

body.page-template-page-careers-figma .careers-wtl-text p {
    margin: 0 0 20px;
}

body.page-template-page-careers-figma .careers-perks-section {
    max-width: 1240px;
    min-height: 696px;
    margin: 100px auto 0;
    padding: 68px 68px 72px;
    border-radius: 12px;
    background: var(--car-soft);
    display: grid;
    grid-template-columns: 1fr 506px;
    gap: 92px;
    align-items: stretch;
}

body.page-template-page-careers-figma .careers-perks-heading {
    margin: 0 0 44px;
    color: #050505;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: 0;
}

body.page-template-page-careers-figma .careers-perks-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 58px;
}

body.page-template-page-careers-figma .careers-perk {
    min-height: 208px;
    padding: 0;
    background: transparent;
    border-radius: 0;
    gap: 0;
}

body.page-template-page-careers-figma .careers-perk-icon {
    width: 64px;
    height: 64px;
    margin: 0 0 20px;
    border-radius: 16px;
    background: #fff;
    color: #8c52df;
}

body.page-template-page-careers-figma .careers-perk:nth-child(2) .careers-perk-icon {
    color: #17aaa2;
}

body.page-template-page-careers-figma .careers-perk:nth-child(3) .careers-perk-icon {
    color: #ee4c67;
}

body.page-template-page-careers-figma .careers-perk:nth-child(4) .careers-perk-icon {
    color: #2e74f4;
}

body.page-template-page-careers-figma .careers-perk-icon svg {
    width: 34px;
    height: 34px;
}

body.page-template-page-careers-figma .careers-perk-title {
    margin: 0 0 12px;
    color: #050505;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: 0;
}

body.page-template-page-careers-figma .careers-perk-desc {
    margin: 0;
    color: #050505;
    font-size: 15px;
    line-height: 1.42;
    font-weight: 400;
}

body.page-template-page-careers-figma .careers-perks-photo {
    width: 506px;
    height: 548px;
    flex: none;
    border-radius: 12px;
    overflow: hidden;
    align-self: center;
}

body.page-template-page-careers-figma .careers-perks-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

body.page-template-page-careers-figma .careers-roles-section {
    max-width: 1240px;
    margin: 102px auto 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

body.page-template-page-careers-figma .careers-roles-heading {
    margin: 0 0 36px;
    color: var(--car-text);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
}

body.page-template-page-careers-figma .careers-role-item {
    min-height: 146px;
    margin: 0 0 20px;
    padding: 36px 40px;
    border: 1px solid var(--car-line);
    border-radius: 16px;
    background: #fff;
    color: var(--car-text);
    text-decoration: none;
    transform: none;
}

body.page-template-page-careers-figma .careers-role-item:hover {
    background: #fbfaff;
    border-color: #c8c3d8;
    transform: none;
}

body.page-template-page-careers-figma .careers-role-left {
    gap: 10px;
}

body.page-template-page-careers-figma .careers-role-title {
    color: #050505;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: 0;
}

body.page-template-page-careers-figma .careers-role-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    color: #9a979f;
    font-size: 14px;
    line-height: 1.2;
}

body.page-template-page-careers-figma .careers-role-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 18px;
}

body.page-template-page-careers-figma .careers-role-meta-item + .careers-role-meta-item {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid #d9d6df;
}

body.page-template-page-careers-figma .careers-role-type {
    color: #050505;
}

body.page-template-page-careers-figma .careers-role-meta svg {
    width: 17px;
    height: 17px;
}

body.page-template-page-careers-figma .careers-role-arrow {
    flex: 0 0 auto;
    min-width: 114px;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid #151515;
    border-radius: 999px;
    color: #151515;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
}

body.page-template-page-careers-figma .careers-role-arrow:hover {
    color: #151515;
    text-decoration: none;
}

body.page-template-page-careers-figma .careers-form-section {
    min-height: 1073px;
    margin-top: 45px;
    margin-bottom: 0;
    padding: 49px 0 104px;
}

body.page-template-page-careers-figma .careers-form-inner {
    position: relative;
    z-index: 5;
    max-width: 800px;
    min-height: 656px;
    margin: 0 auto;
    padding: 88px 64px 64px;
    border-radius: 20px;
    background: #fff;
}

body.page-template-page-careers-figma .careers-form-heading {
    margin: 0 0 68px;
    color: #050505;
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
}

body.page-template-page-careers-figma .careers-form-subtext {
    display: none;
}

body.page-template-page-careers-figma .careers-form-body {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
}

body.page-template-page-careers-figma .careers-form-body .gform_wrapper,
body.page-template-page-careers-figma .careers-form-html {
    margin: 0;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-html {
    display: none;
}

body.page-template-page-careers-figma .careers-form-body .gform_fields,
body.page-template-page-careers-figma .careers-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px 64px;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.page-template-page-careers-figma .careers-form-row {
    margin: 0 0 46px;
}

body.page-template-page-careers-figma .careers-form-body .gfield,
body.page-template-page-careers-figma .careers-form-field {
    margin: 0;
    float: none;
    clear: none;
    width: auto;
    max-width: none;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-slider,
body.page-template-page-careers-figma .careers-form-body .gfield--type-select,
body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload,
body.page-template-page-careers-figma .careers-form-body .gfield--type-hidden,
body.page-template-page-careers-figma .careers-form-slider,
body.page-template-page-careers-figma .careers-form-field.full-width {
    grid-column: 1 / -1;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-slider {
    margin-bottom: 10px;
}

body.page-template-page-careers-figma .careers-form-body #field_3_3,
body.page-template-page-careers-figma .careers-form-body #field_3_14 {
    grid-column: 1;
    width: auto !important;
}

body.page-template-page-careers-figma .careers-form-body #field_3_4,
body.page-template-page-careers-figma .careers-form-body #field_3_6 {
    grid-column: 2;
    width: auto !important;
}

body.page-template-page-careers-figma .careers-form-body #field_3_10 {
    grid-column: 1 / -1;
    width: 100% !important;
}

body.page-template-page-careers-figma .careers-form-body #field_3_10 .ginput_container,
body.page-template-page-careers-figma .careers-form-body #field_3_10 .ginput_container.ginput_container_text {
    width: 100%;
    max-width: none;
}

body.page-template-page-careers-figma .careers-form-body #field_3_11,
body.page-template-page-careers-figma .careers-form-body #field_3_15,
body.page-template-page-careers-figma .careers-form-body #field_3_9 {
    grid-column: 1 / -1;
    width: auto !important;
}

body.page-template-page-careers-figma .careers-form-label,
body.page-template-page-careers-figma .careers-form-body .gfield_label {
    display: block;
    margin: 0 0 6px !important;
    color: #69666f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25 !important;
    letter-spacing: 0;
}

body.page-template-page-careers-figma .careers-form-label span,
body.page-template-page-careers-figma .careers-form-body .gfield_required {
    color: #ff4a5f;
}

body.page-template-page-careers-figma .careers-form-input,
body.page-template-page-careers-figma .careers-form-select,
body.page-template-page-careers-figma .careers-form-textarea,
body.page-template-page-careers-figma .careers-form-body input[type="text"],
body.page-template-page-careers-figma .careers-form-body input[type="email"],
body.page-template-page-careers-figma .careers-form-body input[type="tel"],
body.page-template-page-careers-figma .careers-form-body input[type="url"],
body.page-template-page-careers-figma .careers-form-body select,
body.page-template-page-careers-figma .careers-form-body textarea {
    width: 100%;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 0 6px !important;
    border: 0;
    border-bottom: 1px solid #d8d5dd;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #050505;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.35;
}

body.page-template-page-careers-figma .careers-form-body .ginput_container {
    margin: 0 !important;
}

body.page-template-page-careers-figma .careers-form-body select,
body.page-template-page-careers-figma .careers-form-select {
    appearance: auto;
}

body.page-template-page-careers-figma .careers-form-body input:focus,
body.page-template-page-careers-figma .careers-form-body select:focus,
body.page-template-page-careers-figma .careers-form-input:focus,
body.page-template-page-careers-figma .careers-form-select:focus {
    border-bottom-color: #171717;
    outline: none;
}

body.page-template-page-careers-figma .careers-form-slider {
    margin: 0 0 44px;
}

body.page-template-page-careers-figma .careers-form-slider-track {
    position: relative;
    height: 28px;
    margin-top: 18px;
    border-bottom: 1px solid #d8d5dd;
}

body.page-template-page-careers-figma .careers-form-slider-track span {
    position: absolute;
    left: 50%;
    bottom: -13px;
    min-width: 44px;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #050505;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    transform: translateX(-50%);
}

body.page-template-page-careers-figma .careers-form-slider-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    color: #a09da5;
    font-size: 15px;
    line-height: 1;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-slider .gfield_description,
body.page-template-page-careers-figma .careers-form-body .gfield--type-slider .ginput_container_slider {
    color: #a09da5;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-slider .ginput_container_slider {
    position: relative;
    min-height: 42px;
    margin-top: 14px;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-slider input.slider {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.page-template-page-careers-figma .careers-form-body .slider-display {
    height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-template-page-careers-figma .careers-form-body .slider-display .noUi-base {
    height: 1px;
    top: 8px;
    background: #d8d5dd;
}

body.page-template-page-careers-figma .careers-form-body .slider-display .noUi-connects {
    display: none;
}

body.page-template-page-careers-figma .careers-form-body .slider-display .noUi-handle {
    width: 44px !important;
    height: 24px !important;
    right: -22px !important;
    top: -12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #050505 !important;
    box-shadow: none !important;
}

body.page-template-page-careers-figma .careers-form-body .slider-display .noUi-handle::before {
    content: "‹ ›";
    position: static;
    display: block;
    width: 44px;
    height: 24px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}

body.page-template-page-careers-figma .careers-form-body .slider-display .noUi-handle::after {
    display: none;
}

body.page-template-page-careers-figma .careers-form-body .slider-display .min-val-relation,
body.page-template-page-careers-figma .careers-form-body .slider-display .max-val-relation {
    position: absolute;
    top: 28px;
    color: #a09da5;
    font-size: 15px;
    line-height: 1;
}

body.page-template-page-careers-figma .careers-form-body .slider-display .min-val-relation {
    left: 0;
}

body.page-template-page-careers-figma .careers-form-body .slider-display .max-val-relation {
    right: 0;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 44px;
    cursor: pointer;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload .gfield_label,
body.page-template-page-careers-figma .careers-form-upload strong {
    color: #4e4c54;
    font-size: 15px;
    font-weight: 400;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload .ginput_container,
body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload .gfield_description {
    margin: 0;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload .gfield_label {
    margin: 0;
    pointer-events: none;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload .gfield_required {
    display: none;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload .gfield_label::after {
    content: "Max. file size: 512 MB, Max. files: 3.";
    display: block;
    margin-top: 3px;
    color: #69666f;
    font-size: 11px;
    line-height: 1.2;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload .ginput_container_fileupload {
    position: absolute;
    inset: 0;
    z-index: 4;
    opacity: 0;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload .gfield_description {
    display: none;
}

body.page-template-page-careers-figma .careers-form-body .gfield--type-fileupload::before,
body.page-template-page-careers-figma .careers-form-upload-icon {
    content: "⌕";
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #f1eafc;
    color: #7c20d2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 20px;
}

body.page-template-page-careers-figma .careers-form-upload {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 34px;
    color: #4e4c54;
}

body.page-template-page-careers-figma .careers-form-upload small {
    display: block;
    margin-top: 2px;
    color: #69666f;
    font-size: 11px;
}

body.page-template-page-careers-figma .careers-form-body .gform_footer,
body.page-template-page-careers-figma .careers-form-body .gform_page_footer {
    display: flex;
    justify-content: flex-end;
    margin: 24px 0 0;
    padding: 0;
}

body.page-template-page-careers-figma .careers-form-submit,
body.page-template-page-careers-figma .careers-form-body .gform_button,
body.page-template-page-careers-figma .careers-form-body button,
body.page-template-page-careers-figma .careers-form-body input[type="submit"] {
    width: auto;
    min-width: 142px;
    min-height: 56px;
    margin: 0;
    padding: 0 26px;
    border: 0;
    border-radius: 999px !important;
    background: #171717;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

body.page-template-page-careers-figma .careers-form-submit:hover,
body.page-template-page-careers-figma .careers-form-body .gform_button:hover {
    background: #2a2a2a;
    transform: none;
}

body.page-template-page-careers-figma .sl-redesign-footer-wrap {
    margin: 0 16px;
}

@media (max-width: 1200px) {
    body.page-template-page-careers-figma .careers-hero-inner {
        padding-left: 56px;
        padding-right: 56px;
        grid-template-columns: minmax(360px, 1fr) 520px;
    }

    body.page-template-page-careers-figma .careers-hero-photos {
        width: 520px;
    }

    body.page-template-page-careers-figma .careers-hero-photo-a,
    body.page-template-page-careers-figma .careers-hero-photo-b {
        width: 252px;
        height: 252px;
    }

    body.page-template-page-careers-figma .careers-wtl-section,
    body.page-template-page-careers-figma .careers-perks-section,
    body.page-template-page-careers-figma .careers-roles-section {
        width: calc(100% - 64px);
    }

    body.page-template-page-careers-figma .careers-wtl-section {
        gap: 90px;
    }

    body.page-template-page-careers-figma .careers-perks-section {
        grid-template-columns: 1fr 430px;
        gap: 54px;
    }

    body.page-template-page-careers-figma .careers-perks-photo {
        width: 430px;
        height: auto;
    }
}

@media (max-width: 980px) {
    body.page-template-page-careers-figma .careers-hero {
        margin-top: 88px;
    }

    body.page-template-page-careers-figma .careers-hero-inner {
        grid-template-columns: 1fr;
        padding: 72px 40px 48px;
        gap: 44px;
    }

    body.page-template-page-careers-figma .careers-hero-heading {
        font-size: 48px;
    }

    body.page-template-page-careers-figma .careers-hero-photos {
        width: 100%;
        max-width: 610px;
        height: 330px;
        margin: 0 auto;
    }

    body.page-template-page-careers-figma .careers-hero-photo-a,
    body.page-template-page-careers-figma .careers-hero-photo-b {
        width: 280px;
        height: 280px;
    }

    body.page-template-page-careers-figma .careers-wtl-section {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    body.page-template-page-careers-figma .careers-perks-section {
        grid-template-columns: 1fr;
        padding: 52px 40px;
    }

    body.page-template-page-careers-figma .careers-perks-photo {
        width: 100%;
        max-width: 506px;
        height: auto;
        margin: 0 auto;
    }

    body.page-template-page-careers-figma .careers-form-section {
        min-height: 0;
        margin-top: 160px;
        padding: 48px 24px;
    }
}

@media (max-width: 680px) {
    body.page-template-page-careers-figma .careers-page-wrapper {
        background: linear-gradient(to bottom, #f3f2f8 0, #f3f2f8 600px, #fff 600px, #fff 100%);
    }

    body.page-template-page-careers-figma .careers-hero,
    body.page-template-page-careers-figma .careers-form-section {
        width: calc(100% - 24px);
        margin-left: 12px;
        margin-right: 12px;
        border-radius: 18px;
    }

    body.page-template-page-careers-figma .careers-hero-inner {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        min-height: 0;
        padding: 24px 24px 34px;
        gap: 0;
    }

    body.page-template-page-careers-figma .careers-hero-content {
        grid-row: 2;
        max-width: none;
    }

    body.page-template-page-careers-figma .careers-hero-heading {
        margin-bottom: 18px;
        font-size: 40px;
        line-height: 1.16;
    }

    body.page-template-page-careers-figma .careers-hero-subtext {
        margin-bottom: 30px;
        font-size: 16px;
    }

    body.page-template-page-careers-figma .careers-hero-photos {
        grid-row: 1;
        order: initial;
        width: 100%;
        max-width: 295px;
        height: 174px;
        margin: 0 auto 24px;
    }

    body.page-template-page-careers-figma .careers-hero-photo {
        overflow: hidden;
    }

    body.page-template-page-careers-figma .careers-hero-photo-a {
        left: 0;
        top: 23px;
        bottom: auto;
        width: 138px;
        height: 151px;
        border-radius: 80px 8px 8px 8px;
    }

    body.page-template-page-careers-figma .careers-hero-photo-b {
        right: 0;
        top: 0;
        width: 138px;
        height: 151px;
        border-radius: 8px 8px 80px 8px;
    }

    body.page-template-page-careers-figma .careers-hero-photo img {
        height: 100%;
        object-fit: cover;
        border-radius: inherit;
    }

    body.page-template-page-careers-figma .careers-hero-btn {
        width: 100%;
        max-width: 100%;
        min-height: 49px;
        justify-content: center;
    }

    body.page-template-page-careers-figma .careers-wtl-section,
    body.page-template-page-careers-figma .careers-perks-section,
    body.page-template-page-careers-figma .careers-roles-section {
        width: calc(100% - 32px);
        margin-top: 72px;
    }

    body.page-template-page-careers-figma .careers-wtl-heading,
    body.page-template-page-careers-figma .careers-perks-heading,
    body.page-template-page-careers-figma .careers-roles-heading,
    body.page-template-page-careers-figma .careers-form-heading {
        font-size: 34px;
    }

    body.page-template-page-careers-figma .careers-perks-section {
        padding: 38px 24px;
    }

    body.page-template-page-careers-figma .careers-perks-grid,
    body.page-template-page-careers-figma .careers-form-body .gform_fields,
    body.page-template-page-careers-figma .careers-form-row {
        grid-template-columns: 1fr;
    }

    body.page-template-page-careers-figma .careers-perk {
        min-height: 0;
    }

    body.page-template-page-careers-figma .careers-role-item {
        min-height: 0;
        padding: 28px 24px;
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    body.page-template-page-careers-figma .careers-role-title {
        font-size: 26px;
    }

    body.page-template-page-careers-figma .careers-role-meta-item + .careers-role-meta-item {
        margin-left: 14px;
        padding-left: 14px;
    }

    body.page-template-page-careers-figma .careers-form-section {
        margin-top: 110px;
        padding: 28px 16px;
    }

    body.page-template-page-careers-figma .careers-form-inner {
        min-height: 0;
        padding: 42px 24px 36px;
    }

    body.page-template-page-careers-figma .careers-form-heading {
        margin-bottom: 42px;
    }

    body.page-template-page-careers-figma .careers-form-body .gform_fields,
    body.page-template-page-careers-figma .careers-form-row {
        gap: 34px;
    }
}

@media (max-width: 430px) {
    body.page-template-page-careers-figma .careers-hero-heading {
        font-size: 36px;
    }

    body.page-template-page-careers-figma .careers-hero-photos {
        height: 174px;
    }

    body.page-template-page-careers-figma .careers-hero-photo-a,
    body.page-template-page-careers-figma .careers-hero-photo-b {
        width: 138px;
        height: 151px;
    }

    body.page-template-page-careers-figma .careers-hero-photo-a {
        left: 0;
        top: 23px;
        bottom: auto;
        border-radius: 80px 8px 8px 8px;
    }

    body.page-template-page-careers-figma .careers-hero-photo-b {
        right: 0;
        top: 0;
        border-radius: 8px 8px 80px 8px;
    }

    body.page-template-page-careers-figma .careers-role-meta {
        display: grid;
        gap: 8px;
    }

    body.page-template-page-careers-figma .careers-role-meta-item + .careers-role-meta-item {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }
}

/* ============================================================
   Open position page: Figma new look
   ============================================================ */
body.page-template-page-open-position-figma,
body.page-template-page-open-position-figma #ajax-content-wrap {
    background: #ebe9f8;
}

body.page-template-page-open-position-figma .open-pos-page-wrapper,
body.page-template-page-open-position-figma .open-pos-page-wrapper * {
    box-sizing: border-box;
}

body.page-template-page-open-position-figma .open-pos-page-wrapper {
    --op-text: #050505;
    --op-muted: #5f5c66;
    --op-line: #d8d5dd;
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow-x: hidden;
    background: linear-gradient(#ebe9f8 0 96px, #fff 96px);
    font-family: 'Plus Jakarta Sans', 'Proxima Nova', sans-serif;
}

body.page-template-page-open-position-figma .open-pos-page-wrapper h1,
body.page-template-page-open-position-figma .open-pos-page-wrapper h2,
body.page-template-page-open-position-figma .open-pos-page-wrapper p {
    letter-spacing: 0;
    padding-bottom: 0;
}

body.page-template-page-open-position-figma .open-pos-hero,
body.page-template-page-open-position-figma .open-pos-form-section {
    max-width: none;
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 20px;
    background:
        radial-gradient(circle 590px at 3% 0%, rgba(167,81,232,.48) 0 55%, rgba(167,81,232,0) 56%),
        radial-gradient(circle 305px at 59% 5%, rgba(255,255,255,.12) 0 68%, rgba(255,255,255,0) 69%),
        radial-gradient(circle 340px at 78% 59%, rgba(112,143,214,.28) 0 58%, rgba(112,143,214,0) 60%),
        radial-gradient(circle 360px at 51% 116%, rgba(117,98,230,.3) 0 58%, rgba(117,98,230,0) 60%),
        linear-gradient(112deg, #7a18cf 0%, #2d1eb5 48%, #10588d 100%);
}

body.page-template-page-open-position-figma .open-pos-hero {
    min-height: 328px;
    margin-top: 96px;
    padding: 68px 68px 56px;
}

body.page-template-page-open-position-figma .open-pos-hero-blob-1,
body.page-template-page-open-position-figma .open-pos-breadcrumb,
body.page-template-page-open-position-figma .open-pos-tags {
    display: none;
}

body.page-template-page-open-position-figma .open-pos-back-pill {
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

body.page-template-page-open-position-figma .open-pos-back-pill:hover {
    background: rgba(255,255,255,.2);
    color: #fff;
}

body.page-template-page-open-position-figma .open-pos-back-pill span {
    font-size: 22px;
    line-height: 0;
    transform: translateY(-1px);
}

body.page-template-page-open-position-figma .open-pos-job-title {
    margin: 42px 0 22px;
    color: #fff;
    font-size: 58px;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: 0;
}

body.page-template-page-open-position-figma .open-pos-meta {
    display: flex;
    align-items: center;
    gap: 24px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

body.page-template-page-open-position-figma .open-pos-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

body.page-template-page-open-position-figma .open-pos-meta-item + .open-pos-meta-item {
    padding-left: 24px;
    border-left: 1px solid rgba(255,255,255,.35);
}

body.page-template-page-open-position-figma .open-pos-meta svg {
    width: 18px;
    height: 18px;
}

body.page-template-page-open-position-figma .open-pos-content {
    max-width: 1028px;
    margin: 100px auto 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

body.page-template-page-open-position-figma .open-pos-body {
    max-width: none;
}

body.page-template-page-open-position-figma .open-pos-section-title {
    margin: 51px 0 17px;
    color: var(--op-text);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: 0;
}

body.page-template-page-open-position-figma .open-pos-section-title:first-child {
    margin-top: 0;
}

body.page-template-page-open-position-figma .open-pos-text,
body.page-template-page-open-position-figma .open-pos-list {
    color: var(--op-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
}

body.page-template-page-open-position-figma .open-pos-text p {
    margin: 0 0 22px;
}

body.page-template-page-open-position-figma .open-pos-text p:last-child {
    margin-bottom: 0;
}

body.page-template-page-open-position-figma .open-pos-list {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 22px;
    display: block;
}

body.page-template-page-open-position-figma .open-pos-list li {
    padding-left: 0;
    margin: 0;
    color: var(--op-text);
    font-size: 15px;
    line-height: 1.46;
}

body.page-template-page-open-position-figma .open-pos-list li::before {
    display: none;
}

body.page-template-page-open-position-figma .open-pos-form-section {
    min-height: 1060px;
    margin-top: 112px;
    margin-bottom: 0;
    padding: 49px 0 64px;
    position: relative;
    overflow: hidden;
}

body.page-template-page-open-position-figma .open-pos-form-inner {
    position: relative;
    z-index: 5;
    max-width: 800px;
    min-height: 891px;
    margin: 0 auto;
    padding: 88px 64px 64px;
    border-radius: 20px;
    background: #fff;
}

body.page-template-page-open-position-figma .open-pos-form-heading {
    margin: 0 0 68px;
    color: #050505;
    text-align: left;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
}

body.page-template-page-open-position-figma .open-pos-form-subtext {
    display: none;
}

body.page-template-page-open-position-figma .open-pos-form-body {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.page-template-page-open-position-figma .open-pos-form-body .gform_wrapper,
body.page-template-page-open-position-figma .open-pos-form-html {
    margin: 0;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-html {
    display: none;
}

body.page-template-page-open-position-figma .open-pos-form-body .gform_fields,
body.page-template-page-open-position-figma .open-pos-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px 64px;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.page-template-page-open-position-figma .open-pos-form-row {
    margin: 0 0 34px;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield,
body.page-template-page-open-position-figma .open-pos-form-field {
    margin: 0;
    float: none;
    clear: none;
    width: auto;
    max-width: none;
}

body.page-template-page-open-position-figma .open-pos-form-body #field_3_3,
body.page-template-page-open-position-figma .open-pos-form-body #field_3_14 {
    grid-column: 1;
    width: auto !important;
}

body.page-template-page-open-position-figma .open-pos-form-body #field_3_4,
body.page-template-page-open-position-figma .open-pos-form-body #field_3_6 {
    grid-column: 2;
    width: auto !important;
}

body.page-template-page-open-position-figma .open-pos-form-body #field_3_10 {
    grid-column: 1;
    width: auto !important;
}

body.page-template-page-open-position-figma .open-pos-form-body #field_3_11,
body.page-template-page-open-position-figma .open-pos-form-body #field_3_15,
body.page-template-page-open-position-figma .open-pos-form-body #field_3_9,
body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-hidden,
body.page-template-page-open-position-figma .open-pos-form-slider,
body.page-template-page-open-position-figma .open-pos-form-field.full-width {
    grid-column: 1 / -1;
    width: auto !important;
}

body.page-template-page-open-position-figma .open-pos-form-body #field_3_15 {
    min-height: 57px;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-slider {
    margin-bottom: 10px;
}

body.page-template-page-open-position-figma .open-pos-form-label,
body.page-template-page-open-position-figma .open-pos-form-body .gfield_label {
    display: block;
    margin: 0 0 6px !important;
    color: #69666f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25 !important;
}

body.page-template-page-open-position-figma .open-pos-form-label span,
body.page-template-page-open-position-figma .open-pos-form-body .gfield_required {
    color: #ff4a5f;
}

body.page-template-page-open-position-figma .open-pos-form-input,
body.page-template-page-open-position-figma .open-pos-form-select,
body.page-template-page-open-position-figma .open-pos-form-body input[type="text"],
body.page-template-page-open-position-figma .open-pos-form-body input[type="email"],
body.page-template-page-open-position-figma .open-pos-form-body input[type="tel"],
body.page-template-page-open-position-figma .open-pos-form-body input[type="url"],
body.page-template-page-open-position-figma .open-pos-form-body select {
    width: 100%;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 0 6px !important;
    border: 0;
    border-bottom: 1px solid var(--op-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #050505;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.35;
}

body.page-template-page-open-position-figma .open-pos-form-body .ginput_container {
    margin: 0 !important;
}

body.page-template-page-open-position-figma .open-pos-form-body #field_3_15 > .gfield_label {
    display: none;
}

body.page-template-page-open-position-figma .open-pos-form-body .fancy-select-wrap {
    padding: 0 !important;
}

body.page-template-page-open-position-figma .open-pos-form-body .select2-container {
    display: block;
    width: 100% !important;
    height: 28px !important;
    border-bottom: 1px solid var(--op-line);
    font-family: inherit;
}

body.page-template-page-open-position-figma .open-pos-form-body .select2-container .select2-selection--single {
    height: 28px !important;
    min-height: 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-template-page-open-position-figma .open-pos-form-body .select2-container .select2-selection__rendered {
    padding: 0 28px 6px 0 !important;
    color: #050505 !important;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.35 !important;
}

body.page-template-page-open-position-figma .open-pos-form-body .select2-container .select2-selection__placeholder {
    color: #69666f !important;
}

body.page-template-page-open-position-figma .open-pos-form-body .select2-container .select2-selection__arrow {
    top: 0 !important;
    right: 0 !important;
    height: 28px !important;
}

body.page-template-page-open-position-figma .open-pos-form-body input:focus,
body.page-template-page-open-position-figma .open-pos-form-body select:focus,
body.page-template-page-open-position-figma .open-pos-form-input:focus,
body.page-template-page-open-position-figma .open-pos-form-select:focus {
    border-bottom-color: #171717;
    outline: none;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-slider .ginput_container_slider,
body.page-template-page-open-position-figma .open-pos-form-slider {
    position: relative;
    min-height: 42px;
    margin: 14px 0 44px;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-slider input.slider {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display {
    height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .noUi-base,
body.page-template-page-open-position-figma .open-pos-form-slider-track {
    height: 1px;
    top: 8px;
    background: var(--op-line);
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .noUi-connects {
    display: none;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .noUi-handle,
body.page-template-page-open-position-figma .open-pos-form-slider-track span {
    width: 44px !important;
    height: 24px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #050505 !important;
    box-shadow: none !important;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .noUi-handle {
    right: -22px !important;
    top: -12px !important;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .noUi-handle::before {
    content: "‹ ›";
    position: static;
    display: block;
    width: 44px;
    height: 24px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .noUi-handle::after {
    display: none;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .min-val-relation,
body.page-template-page-open-position-figma .open-pos-form-body .slider-display .max-val-relation,
body.page-template-page-open-position-figma .open-pos-form-slider-labels {
    color: #a09da5;
    font-size: 15px;
    line-height: 1;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .min-val-relation,
body.page-template-page-open-position-figma .open-pos-form-body .slider-display .max-val-relation {
    position: absolute;
    top: 28px;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .min-val-relation {
    left: 0;
}

body.page-template-page-open-position-figma .open-pos-form-body .slider-display .max-val-relation {
    right: 0;
}

body.page-template-page-open-position-figma .open-pos-form-slider-track {
    position: relative;
    margin: 18px 0 16px;
}

body.page-template-page-open-position-figma .open-pos-form-slider-track span {
    position: absolute;
    left: 50%;
    top: -12px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    transform: translateX(-50%);
}

body.page-template-page-open-position-figma .open-pos-form-slider-labels {
    display: flex;
    justify-content: space-between;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-fileupload {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 44px;
    cursor: pointer;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-fileupload .gfield_label,
body.page-template-page-open-position-figma .open-pos-form-upload strong {
    color: #4e4c54;
    font-size: 15px;
    font-weight: 400;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-fileupload .gfield_label {
    margin: 0 !important;
    pointer-events: none;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-fileupload .gfield_required {
    display: none;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-fileupload .gfield_label::after {
    content: "Max. file size: 512 MB, Max. files: 3.";
    display: block;
    margin-top: 3px;
    color: #69666f;
    font-size: 11px;
    line-height: 1.2;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-fileupload .ginput_container_fileupload {
    position: absolute;
    inset: 0;
    z-index: 4;
    opacity: 0;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-fileupload .gfield_description {
    display: none;
}

body.page-template-page-open-position-figma .open-pos-form-body .gfield--type-fileupload::before,
body.page-template-page-open-position-figma .open-pos-form-upload-icon {
    content: "⌕";
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #f1eafc;
    color: #7c20d2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 20px;
}

body.page-template-page-open-position-figma .open-pos-form-upload {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 24px;
    color: #4e4c54;
}

body.page-template-page-open-position-figma .open-pos-form-upload small {
    display: block;
    margin-top: 2px;
    color: #69666f;
    font-size: 11px;
}

body.page-template-page-open-position-figma .open-pos-form-body .gform_footer,
body.page-template-page-open-position-figma .open-pos-form-body .gform_page_footer {
    display: flex;
    justify-content: flex-end;
    margin: 88px 0 0;
    padding: 0;
}

body.page-template-page-open-position-figma .open-pos-form-submit,
body.page-template-page-open-position-figma .open-pos-form-body .gform_button,
body.page-template-page-open-position-figma .open-pos-form-body button,
body.page-template-page-open-position-figma .open-pos-form-body input[type="submit"] {
    width: auto;
    min-width: 142px;
    min-height: 56px;
    margin: 0;
    padding: 0 26px;
    border: 0;
    border-radius: 999px;
    background: #171717;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: none !important;
}

body.page-template-page-open-position-figma .open-pos-form-submit:hover,
body.page-template-page-open-position-figma .open-pos-form-body .gform_button:hover {
    background: #2a2a2a;
    transform: none;
}

@media (max-width: 1200px) {
    body.page-template-page-open-position-figma .open-pos-content {
        width: calc(100% - 64px);
    }
}

@media (max-width: 980px) {
    body.page-template-page-open-position-figma .open-pos-hero {
        padding: 56px 40px;
    }

    body.page-template-page-open-position-figma .open-pos-job-title {
        font-size: 48px;
    }

    body.page-template-page-open-position-figma .open-pos-form-section {
        min-height: 0;
        padding: 48px 24px;
    }
}

@media (max-width: 680px) {
    body.page-template-page-open-position-figma .open-pos-hero,
    body.page-template-page-open-position-figma .open-pos-form-section {
        width: calc(100% - 24px);
        margin-left: 12px;
        margin-right: 12px;
        border-radius: 18px;
    }

    body.page-template-page-open-position-figma .open-pos-hero {
        margin-top: 88px;
        min-height: 360px;
        padding: 44px 24px 36px;
    }

    body.page-template-page-open-position-figma .open-pos-job-title {
        margin-top: 38px;
        font-size: 40px;
        line-height: 1.16;
    }

    body.page-template-page-open-position-figma .open-pos-meta {
        display: grid;
        gap: 10px;
    }

    body.page-template-page-open-position-figma .open-pos-meta-item + .open-pos-meta-item {
        padding-left: 0;
        border-left: 0;
    }

    body.page-template-page-open-position-figma .open-pos-content {
        width: calc(100% - 32px);
        margin-top: 72px;
    }

    body.page-template-page-open-position-figma .open-pos-section-title,
    body.page-template-page-open-position-figma .open-pos-form-heading {
        font-size: 30px;
    }

    body.page-template-page-open-position-figma .open-pos-text,
    body.page-template-page-open-position-figma .open-pos-list,
    body.page-template-page-open-position-figma .open-pos-list li {
        font-size: 15px;
    }

    body.page-template-page-open-position-figma .open-pos-form-section {
        margin-top: 80px;
        padding: 28px 16px;
    }

    body.page-template-page-open-position-figma .open-pos-form-inner {
        min-height: 0;
        padding: 42px 24px 36px;
    }

    body.page-template-page-open-position-figma .open-pos-form-heading {
        margin-bottom: 42px;
    }

    body.page-template-page-open-position-figma .open-pos-form-body .gform_fields,
    body.page-template-page-open-position-figma .open-pos-form-row {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    body.page-template-page-open-position-figma .open-pos-form-body #field_3_3,
    body.page-template-page-open-position-figma .open-pos-form-body #field_3_4,
    body.page-template-page-open-position-figma .open-pos-form-body #field_3_14,
    body.page-template-page-open-position-figma .open-pos-form-body #field_3_6,
    body.page-template-page-open-position-figma .open-pos-form-body #field_3_10 {
        grid-column: 1 / -1;
    }
}

@media (max-width: 430px) {
    body.page-template-page-open-position-figma .open-pos-job-title {
        font-size: 36px;
    }
}