/* =====================================================
   ROBOWELT – SERVICES PAGE STYLES
   ===================================================== */

/* ---------- HERO (same family as About / Contact) ---------- */

html,
body {
    scroll-behavior: smooth;
}

.rw-services-hero {
    position: relative;
    overflow: hidden;
    background: #020617;
}

.rw-services-hero img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* subtle readable gradient – NOT washed */
/* .rw-services-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
        rgba(2, 6, 23, 0.68) 0%,
        rgba(2, 6, 23, 0.48) 45%,
        rgba(2, 6, 23, 0.18) 100%);
} */

.rw-services-hero-inner {
    position: relative;
    z-index: 2;
    padding: 4.5rem 0 3.5rem;
    color: #fff;
}

/* ---------- SECTION BASE ---------- */

.rw-section {
    background: #f8fafc;
    padding: 4rem 0;
}

.rw-section-title {
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #020617;
    font-size: 30px;
}

/* ---------- GLASS SERVICE CARDS ---------- */

.rw-glass-card {
    position: relative;
    border-radius: 1.75rem;
    padding: 1.5rem;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: all .25s ease;
}

/* blue variant */
.rw-glass-blue {
    background: rgba(37, 99, 235, 0.10);
    border: 1px solid rgba(37, 99, 235, 0.25);
    box-shadow: 0 20px 60px rgba(2, 6, 23, .10);
}

.rw-glass-blue:hover {
    transform: translateY(-4px);
    background: rgba(37, 99, 235, 0.14);
    box-shadow: 0 30px 80px rgba(2, 6, 23, .16);
}

/* amber variant */
.rw-glass-amber {
    background: rgba(245, 158, 11, 0.18);
    border: 1px solid rgba(245, 158, 11, 0.35);
    box-shadow: 0 20px 60px rgba(2, 6, 23, .10);
}

.rw-glass-amber:hover {
    transform: translateY(-4px);
    background: rgba(245, 158, 11, 0.24);
    box-shadow: 0 30px 80px rgba(2, 6, 23, .16);
}

/* tag pill */
.rw-tag {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border-radius: 999px;
    padding: .35rem .8rem;
    font-size: .75rem;
    font-weight: 700;
    background: rgba(255, 255, 255, .7);
    border: 1px solid rgba(2, 6, 23, .08);
}

/* ---------- DETAILS / ACCORDION ---------- */

.rw-details {
    background: #f8fafc;
}

.rw-acc {
    border-radius: 1.75rem;
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(2, 6, 23, .08);
    box-shadow: 0 22px 60px rgba(2, 6, 23, .08);
    overflow: hidden;
}

.rw-acc summary {
    cursor: pointer;
    padding: 1.4rem 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

.rw-acc-title {
    font-weight: 800;
    color: #020617;
}

.rw-acc-sub {
    font-size: .9rem;
    color: rgba(2, 6, 23, .6);
}

.rw-acc-body {
    padding: 0 1.6rem 1.6rem;
    color: rgba(2, 6, 23, .75);
    font-size: .95rem;
    line-height: 1.6;
}

/* ---------- BRAND LOGOS ---------- */

.rw-brand-pill {
    height: 46px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(2, 6, 23, .08);
    display: flex;
    align-items: center;
    box-shadow: 0 10px 30px rgba(2, 6, 23, .06);
}

.rw-brand-pill img {
    height: 22px;
    width: auto;
}

/* ===== layout helpers ===== */
.rw-container {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
}

@media(min-width:640px) {
    .rw-container {
        padding: 0 1.5rem;
    }
}

@media(min-width:1024px) {
    .rw-container {
        padding: 0 2rem;
    }
}

/* ===== reveal (fix “blank sections” forever) ===== */
.reveal {
    opacity: 1;
    transform: none;
}

.rw-js .reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .7s ease, transform .7s ease;
}

.rw-js .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ===== typography ===== */
.rw-eyebrow {
    font-size: .75rem;
    letter-spacing: .18em;
    font-weight: 800;
    text-transform: uppercase;
    color: rgba(15, 23, 42, .55);
}

.rw-eyebrow.amber {
    color: rgba(245, 158, 11, .95);
}

.rw-h2 {
    margin-top: .5rem;
    font-size: clamp(1.6rem, 2.1vw, 2.2rem);
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #0b1220;
    line-height: 1.15;
}

.rw-p {
    margin-top: .6rem;
    max-width: 46rem;
    color: rgba(15, 23, 42, .62);
    font-weight: 500;
    line-height: 1.65;
}

.rw-h3 {
    margin-top: 1rem;
    font-size: 1.06rem;
    font-weight: 900;
    letter-spacing: -0.01em;
    color: #0b1220;
}

.rw-card-p {
    margin-top: .55rem;
    color: rgba(15, 23, 42, .65);
    font-weight: 550;
    line-height: 1.55;
    font-size: .95rem;
}

/* ===== buttons ===== */
.rw-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .85rem 1.15rem;
    border-radius: 1rem;
    font-weight: 800;
    font-size: .9rem;
    text-decoration: none;
    transition: .2s ease;
    white-space: nowrap;
}

.rw-btn-amber {
    background: rgb(245, 158, 11);
    color: #0b1220;
    border: 1px solid rgba(245, 158, 11, .55);
    box-shadow: 0 18px 55px rgba(245, 158, 11, .25);
}

.rw-btn-amber:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

.rw-btn-ghost {
    background: rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(14px);
}

.rw-btn-ghost:hover {
    background: rgba(255, 255, 255, .14);
}

.rw-btn-outline {
    background: transparent;
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .20);
}

.rw-btn-outline:hover {
    background: rgba(255, 255, 255, .08);
}

.rw-btn-soft {
    background: rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .16);
}

.rw-btn-outline-dark {
    background: rgba(255, 255, 255, .85);
    border: 1px solid rgba(15, 23, 42, .10);
    color: #0b1220;
}

.rw-btn-outline-dark:hover {
    background: #fff;
    transform: translateY(-1px);
}

/* ===== HERO ===== */
.rw-sub-hero {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(15, 23, 42, .06);
    background: #0b1220;
}

.rw-sub-hero-media {
    position: absolute;
    inset: 0;
}

.rw-sub-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    filter: saturate(1.02);
}

/* Light, readable overlay (NOT washed) */
.rw-sub-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(2, 6, 23, .75) 0%, rgba(2, 6, 23, .55) 40%, rgba(2, 6, 23, .35) 100%),
        linear-gradient(180deg, rgba(2, 6, 23, .10) 0%, rgba(2, 6, 23, .55) 100%);
}

.rw-sub-hero-glow {
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 999px;
    filter: blur(70px);
    opacity: .55;
    pointer-events: none;
}

.rw-glow-blue {
    background: rgba(33, 82, 145, .55);
    right: -140px;
    top: -160px;
}

.rw-glow-amber {
    background: rgba(236, 148, 38, .50);
    left: -170px;
    top: -110px;
}

.rw-sub-hero-inner {
    position: relative;
    padding: 3.1rem 0 2.6rem;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr;
}

@media(min-width:1024px) {
    .rw-sub-hero-inner {
        grid-template-columns: 1.15fr .85fr;
        align-items: center;
        padding: 3.5rem 0 3.1rem;
    }
}

.rw-breadcrumb {
    display: inline-flex;
    gap: .55rem;
    align-items: center;
    padding: .45rem .8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .75);
    font-size: .78rem;
    font-weight: 700;
    backdrop-filter: blur(14px);
}

.rw-breadcrumb a {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
}

.rw-breadcrumb a:hover {
    color: #fff;
}

.rw-breadcrumb .active {
    color: rgba(255, 255, 255, .92);
}

.rw-sub-hero-left .rw-eyebrow {
    margin-top: .9rem;
    color: rgba(236, 148, 38, .95);
}

.rw-sub-hero-title {
    margin-top: .65rem;
    font-weight: 950;
    letter-spacing: -0.03em;
    line-height: 1.05;
    color: #fff;
    font-size: clamp(2.2rem, 4vw, 3.15rem);
}

.rw-sub-hero-title .accent {
    color: rgba(236, 148, 38, 1);
}

.rw-sub-hero-desc {
    margin-top: .85rem;
    max-width: 40rem;
    color: rgba(255, 255, 255, .72);
    line-height: 1.75;
    font-weight: 520;
}

.rw-sub-hero-actions {
    margin-top: 1.35rem;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.rw-sub-kpis {
    margin-top: 1.4rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    max-width: 38rem;
}

.rw-kpi {
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(14px);
    padding: .85rem .95rem;
}

.rw-kpi .kpi-title {
    color: #fff;
    font-weight: 900;
    font-size: .98rem;
}

.rw-kpi .kpi-sub {
    margin-top: .2rem;
    color: rgba(255, 255, 255, .65);
    font-size: .78rem;
    font-weight: 650;
}

.rw-hero-glass-card {
    border-radius: 1.75rem;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .10);
    backdrop-filter: blur(18px);
    box-shadow: 0 28px 90px rgba(2, 6, 23, .22);
    padding: 1.2rem 1.2rem;
}

.rw-hero-glass-card .top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.rw-hero-glass-card .title {
    color: #fff;
    font-weight: 950;
    letter-spacing: -0.01em;
    font-size: 1.05rem;
}

.rw-hero-glass-card .sub {
    margin-top: .25rem;
    color: rgba(255, 255, 255, .65);
    font-weight: 600;
    font-size: .82rem;
}

.rw-hero-glass-card .pill {
    padding: .25rem .6rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .8);
    font-weight: 800;
    font-size: .72rem;
}

.rw-hero-glass-card .list {
    margin: .9rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: .55rem;
    color: rgba(255, 255, 255, .74);
    font-weight: 650;
    font-size: .9rem;
}

.rw-hero-glass-card .list .dot {
    width: .45rem;
    height: .45rem;
    border-radius: 999px;
    background: rgba(236, 148, 38, 1);
    display: inline-block;
    margin-right: .6rem;
    transform: translateY(-1px);
}

.rw-hero-glass-card .actions {
    margin-top: 1.05rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
}

.rw-hero-glass-card .w-full {
    width: 100%;
}

.rw-sub-hero-bottom {
    height: 22px;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, rgba(248, 250, 252, 1) 100%);
}

/* ===== sections ===== */
.rw-section {
    position: relative;
}

.rw-section-light {
    background: #f8fafc;
}

.rw-section-light-2 {
    background: #f6f8fb;
}

.rw-section {
    padding: 3.2rem 0;
}

@media(min-width:640px) {
    .rw-section {
        padding: 3.8rem 0;
    }
}

.rw-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
}

/* ===== service cards (blue/amber glass like home) ===== */
.rw-service-grid {
    display: grid;
    gap: 1.1rem;
    grid-template-columns: 1fr;
    margin-top: 1.1rem;
}

@media(min-width:768px) {
    .rw-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media(min-width:1024px) {
    .rw-service-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.rw-glass-card {
    display: block;
    padding: 1.25rem 1.25rem;
    border-radius: 1.6rem;
    text-decoration: none;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
    box-shadow: 0 20px 60px rgba(2, 6, 23, .08);
}

.rw-glass-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.rw-tag {
    display: inline-flex;
    padding: .28rem .7rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
    color: rgba(15, 23, 42, .88);
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(15, 23, 42, .08);
    backdrop-filter: blur(10px);
}

.rw-pin {
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: rgba(236, 148, 38, 1);
}

.rw-glass-bottom {
    margin-top: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0b1220;
    font-weight: 900;
    font-size: .9rem;
}

.rw-arrow {
    color: rgba(236, 148, 38, 1);
    transition: transform .2s ease;
}

.rw-glass-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 28px 85px rgba(2, 6, 23, .12);
}

.rw-glass-card:hover .rw-arrow {
    transform: translateX(4px);
}

.rw-glass-blue {
    background: rgba(33, 82, 145, .12);
    border: 1px solid rgba(33, 82, 145, .22);
    backdrop-filter: blur(16px);
}

.rw-glass-amber {
    background: rgba(236, 148, 38, .18);
    border: 1px solid rgba(236, 148, 38, .30);
    backdrop-filter: blur(16px);
}

/* ===== details glows ===== */
.rw-bg-glows {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.rw-bg-glows .rw-glow {
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 999px;
    filter: blur(80px);
    opacity: .35;
}

.rw-bg-glows .rw-glow-blue {
    left: -180px;
    top: -220px;
    background: rgba(33, 82, 145, .55);
}

.rw-bg-glows .rw-glow-amber {
    right: -180px;
    top: -220px;
    background: rgba(236, 148, 38, .50);
}

/* ===== brand pills ===== */
.rw-brand-row {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start;
}

.rw-brand-pill {
    height: 44px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, .10);
    background: rgba(255, 255, 255, .75);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(2, 6, 23, .06);
    gap: .6rem;
}

.rw-brand-img {
    height: 22px;
    width: auto;
    opacity: .92;
}

.rw-brand-fallback {
    height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 .7rem;
    border-radius: 999px;
    background: rgba(33, 82, 145, .10);
    border: 1px solid rgba(33, 82, 145, .18);
    font-weight: 900;
    font-size: .72rem;
    color: #0b1220;
    letter-spacing: .06em;
}

/* ===== accordion (clean + strong) ===== */
.rw-acc-grid {
    margin-top: 1.5rem;
    display: grid;
    gap: 1rem;
    position: relative;
    z-index: 1;
}

.rw-acc {
    border-radius: 1.6rem;
    border: 1px solid rgba(15, 23, 42, .10);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 55px rgba(2, 6, 23, .08);
    overflow: hidden;
}

.rw-acc-amber {
    border-color: rgba(236, 148, 38, .30);
}

.rw-acc-blue {
    border-color: rgba(33, 82, 145, .22);
}

.rw-acc-sum {
    list-style: none;
    cursor: pointer;
    padding: 1.05rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    user-select: none;
    background: rgba(255, 255, 255, .70);
}

.rw-acc-title {
    font-weight: 950;
    letter-spacing: -0.01em;
    font-size: 1.02rem;
    color: #0b1220;
}

.rw-acc-sub {
    margin-top: .2rem;
    font-size: .88rem;
    color: rgba(15, 23, 42, .60);
    font-weight: 650;
}

.rw-acc-chevron {
    font-size: 18px;
    opacity: .7;
    transition: transform .2s ease;
}

details[open] .rw-acc-chevron {
    transform: rotate(180deg);
}

.rw-acc-body {
    padding: .2rem 1.2rem 1.15rem;
}

.rw-body {
    color: rgba(15, 23, 42, .72);
    font-weight: 600;
    line-height: 1.7;
}

.rw-mini-grid {
    margin-top: 1rem;
    display: grid;
    gap: .9rem;
    grid-template-columns: 1fr;
}

@media(min-width:768px) {
    .rw-mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.rw-mini {
    border-radius: 1.3rem;
    border: 1px solid rgba(15, 23, 42, .10);
    background: rgba(255, 255, 255, .95);
    padding: 1rem 1rem;
    box-shadow: 0 14px 40px rgba(2, 6, 23, .06);
}

.rw-mini-amber {
    border-color: rgba(236, 148, 38, .26);
    background: rgba(236, 148, 38, .10);
}

.rw-mini-blue {
    border-color: rgba(33, 82, 145, .20);
    background: rgba(33, 82, 145, .08);
}

.rw-mini-title {
    font-weight: 950;
    color: #0b1220;
    margin-bottom: .55rem;
}

.rw-list {
    margin: 0;
    padding-left: 1.15rem;
    color: rgba(15, 23, 42, .72);
    font-weight: 650;
    line-height: 1.65;
    font-size: .95rem;
}

/* ===== CTA ===== */
.rw-cta-dark {
    margin-top: 1.6rem;
    border-radius: 1.8rem;
    background: #0b1220;
    color: #fff;
    padding: 1.25rem 1.25rem;
    box-shadow: 0 30px 90px rgba(2, 6, 23, .16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.rw-cta-dark .small {
    color: rgba(255, 255, 255, .65);
    font-weight: 700;
    font-size: .85rem;
}

.rw-cta-dark .big {
    margin-top: .25rem;
    font-weight: 950;
    font-size: 1.2rem;
}

.rw-cta-dark .cta-actions {
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
}

/* =========================================================
   SERVICES HERO (CONTACT-STYLE BUT LIGHT)
   ========================================================= */

.rw-services-hero {
    position: relative;
    overflow: hidden;
    padding: 84px 0 54px;
    background:
        radial-gradient(1100px 560px at 18% 20%, rgba(33, 82, 145, .22), transparent 70%),
        radial-gradient(900px 520px at 78% 18%, rgba(236, 148, 38, .18), transparent 70%),
        linear-gradient(180deg, #f8fbff 0%, #f3f7ff 60%, #f8fafc 100%);
}

.rw-services-hero-media {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.rw-services-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .14;
    /* keeps image present but not washed */
    filter: contrast(1.05) saturate(1.08);
}

.rw-services-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            rgba(248, 251, 255, .92) 0%,
            rgba(248, 251, 255, .70) 55%,
            rgba(248, 251, 255, .92) 100%);
}

.rw-services-hero-glow {
    position: absolute;
    width: 520px;
    height: 520px;
    filter: blur(70px);
    opacity: .55;
    pointer-events: none;
}

.rw-glow-blue {
    left: -170px;
    top: -170px;
    background: rgba(33, 82, 145, .42);
}

.rw-glow-amber {
    right: -210px;
    top: -180px;
    background: rgba(236, 148, 38, .30);
}

.rw-services-hero-inner {
    position: relative;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 28px;
    align-items: start;
}

@media (max-width: 980px) {
    .rw-services-hero-inner {
        grid-template-columns: 1fr;
    }
}

/* badges + typography (same vibe as contact) */
.rw-badge-light {
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(15, 23, 42, .10);
    color: rgba(2, 6, 23, .80);
}

.rw-hero-title-dark {
    color: #0b1220;
    margin: 12px 0 8px;
    font-size: 46px;
    line-height: 1.08;
    letter-spacing: -0.02em;
}

@media (max-width: 540px) {
    .rw-hero-title-dark {
        font-size: 36px;
    }
}

.rw-hero-subtitle-dark {
    color: rgba(15, 23, 42, .68);
    font-size: 15.5px;
    line-height: 1.75;
    max-width: 60ch;
}

.rw-services-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 18px;
}

.rw-btn-outline-dark {
    background: rgba(255, 255, 255, .70);
    border: 1px solid rgba(15, 23, 42, .12);
    color: rgba(2, 6, 23, .80);
    backdrop-filter: blur(10px);
}

/* metrics light */
.rw-services-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

@media (max-width: 720px) {
    .rw-services-metrics {
        grid-template-columns: 1fr;
    }
}

.rw-metric-light {
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, .10);
    background: rgba(255, 255, 255, .65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 14px 14px;
    box-shadow: 0 16px 40px rgba(2, 6, 23, .06);
}

/* hero right card (light glass) */
.rw-hero-glass-light {
    background: rgba(255, 255, 255, .70);
    border: 1px solid rgba(15, 23, 42, .10);
    box-shadow: 0 18px 55px rgba(2, 6, 23, .10);
}

.rw-checklist-dark {
    color: rgba(2, 6, 23, .70);
}

/* separator curve */
.rw-hero-sep {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 44px;
    background: #f8fafc;
    border-top-left-radius: 38px;
    border-top-right-radius: 38px;
}

/* =========================================================
   WHAT WE DO – STRONG GLASS CARDS
   ========================================================= */

.rw-container {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
}

@media(min-width:640px) {
    .rw-container {
        padding: 0 1.5rem;
    }
}

@media(min-width:1024px) {
    .rw-container {
        padding: 0 2rem;
    }
}

.rw-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 26px;
}

@media(max-width:840px) {
    .rw-section-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

.rw-eyebrow {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    color: rgba(236, 148, 38, 1);
}

.rw-section-sub {
    color: rgba(15, 23, 42, .65);
    max-width: 60ch;
}

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

@media(max-width:1024px) {
    .rw-cards-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:640px) {
    .rw-cards-4 {
        grid-template-columns: 1fr;
    }
}

.rw-service-card {
    position: relative;
    text-decoration: none;
    border-radius: 24px;
    padding: 20px 20px 22px;
    display: block;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    box-shadow:
        0 22px 60px rgba(2, 6, 23, .14),
        inset 0 1px 0 rgba(255,255,255,.45);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.rw-card-blue {
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(59,130,246,.35), transparent 60%),
        linear-gradient(180deg, rgba(33,82,145,.42), rgba(33,82,145,.18));

    border: 1px solid rgba(59,130,246,.45);
}

.rw-card-blue:hover {
    transform: translateY(-6px);
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(59,130,246,.45), transparent 55%),
        linear-gradient(180deg, rgba(33,82,145,.55), rgba(33,82,145,.24));

    box-shadow:
        0 34px 95px rgba(2,6,23,.20),
        0 0 0 1px rgba(59,130,246,.35);
}

.rw-card-amber {
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(251,191,36,.45), transparent 60%),
        linear-gradient(180deg, rgba(236,148,38,.55), rgba(236,148,38,.22));

    border: 1px solid rgba(251,191,36,.5);
}

.rw-card-amber:hover {
    transform: translateY(-6px);
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(251,191,36,.6), transparent 55%),
        linear-gradient(180deg, rgba(236,148,38,.68), rgba(236,148,38,.28));

    box-shadow:
        0 34px 95px rgba(2,6,23,.20),
        0 0 0 1px rgba(251,191,36,.4);
}

.rw-tag {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(255,255,255,.55);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.6);
}

.rw-card-blue .rw-tag {
    color: rgb(29,78,216);
}

.rw-card-amber .rw-tag {
    color: rgb(180,83,9);
}

.rw-dot {
    height: 10px;
    width: 10px;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(255,255,255,.4);
}

.rw-card-blue .rw-dot {
    background: rgb(59,130,246);
}

.rw-card-amber .rw-dot {
    background: rgb(251,191,36);
}

.rw-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.rw-dot {
    height: 10px;
    width: 10px;
    border-radius: 999px;
    background: rgba(236, 148, 38, 1);
}

.rw-service-card h3 {
    margin: 8px 0 8px;
    font-size: 18px;
    font-weight: 600;
    color: #0b1220;
}

.rw-service-card p {
    margin: 0;
    color: rgba(15, 23, 42, .78);
    font-size: 14.5px;
    line-height: 1.65;
}

.rw-card-link {
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    color: rgba(2, 6, 23, .82);
    font-size: 14px;
}

.rw-card-link span {
    transition: transform .2s ease;
}

.rw-service-card:hover .rw-card-link span {
    transform: translateX(4px);
}

/* =========================================================
   SERVICE BLOCKS (INDEPENDENT SECTIONS)
   ========================================================= */

.rw-details-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

@media(max-width:980px) {
    .rw-details-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

.rw-brands-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.rw-service-block {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 18px;
    padding: 18px 0;
    margin-top: 14px;
    scroll-margin-top: 110px;
    /* accounts for sticky header */
}

@media(max-width:980px) {
    .rw-service-block {
        grid-template-columns: 1fr;
    }
}

.rw-service-block-left h3 {
    margin: 10px 0 8px;
    font-size: 22px;
    font-weight: 600;
    color: #0b1220;
    letter-spacing: -0.02em;
}

.rw-service-block-left p {
    color: rgba(15, 23, 42, .70);
    line-height: 1.75;
}

.rw-pill {
    display: inline-flex;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid rgba(2, 6, 23, .08);
    background: rgba(255, 255, 255, .72);
}

.rw-pill-amber {
    border-color: rgba(236, 148, 38, .35);
}

.rw-pill-blue {
    border-color: rgba(33, 82, 145, .25);
}

.rw-two {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

@media(max-width:640px) {
    .rw-two {
        grid-template-columns: 1fr;
    }
}

.rw-mini {
    border-radius: 18px;
    padding: 14px 14px;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(2, 6, 23, .08);
    box-shadow: 0 16px 44px rgba(2, 6, 23, .06);
}

.rw-mini-title {
    font-weight: 600;
    margin-bottom: 8px;
    color: #0b1220;
}

.rw-mini ul {
    margin: 0;
    padding-left: 18px;
    color: rgba(15, 23, 42, .72);
    line-height: 1.65;
    font-size: 14px;
}

.rw-mini-amber {
    background: rgba(236, 148, 38, .12);
    border-color: rgba(236, 148, 38, .25);
}

.rw-mini-blue {
    background: rgba(33, 82, 145, .10);
    border-color: rgba(33, 82, 145, .20);
}

.rw-service-block-right {
    border-radius: 22px;
    padding: 18px 18px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 22px 60px rgba(2, 6, 23, .10);
    border: 1px solid rgba(2, 6, 23, .08);
}

.rw-block-glass-amber {
    background: linear-gradient(180deg, rgba(236, 148, 38, .26), rgba(236, 148, 38, .10));
    border-color: rgba(236, 148, 38, .28);
}

.rw-block-glass-blue {
    background: linear-gradient(180deg, rgba(33, 82, 145, .22), rgba(33, 82, 145, .10));
    border-color: rgba(33, 82, 145, .22);
}

.rw-block-title {
    font-weight: 600;
    margin-bottom: 10px;
    color: #0b1220;
}

.rw-check {
    margin: 0 0 14px;
    padding-left: 18px;
    color: rgba(15, 23, 42, .72);
    line-height: 1.65;
}

.rw-focus {
    outline: 2px solid rgba(236, 148, 38, .45);
    outline-offset: 6px;
    border-radius: 18px;
    transition: outline .2s ease;
}

/* make image visible */
.rw-services-hero-img{
  opacity: .30;              /* was .14 */
  filter: contrast(1.08) saturate(1.12);
}

/* make overlay lighter (not a grey sheet) */
.rw-services-hero-overlay{
  background: linear-gradient(90deg,
    rgba(248,251,255,.70) 0%,
    rgba(248,251,255,.45) 55%,
    rgba(248,251,255,.70) 100%);
}

/* reduce fog from glows */
.rw-services-hero-glow{
  opacity: .32;              /* was ~.55 */
  filter: blur(85px);        /* slightly more blur, less visible blob */
}

.rw-glow-blue{ background: rgba(33,82,145,.30); }
.rw-glow-amber{ background: rgba(236,148,38,.22); }



:root{
  --rw-blue-900:#071827;
  --rw-blue-800:#0a2238;
  --rw-blue-700:#0e2d4a;

  --rw-glass: rgba(18, 78, 146, .14);
  --rw-glass-2: rgba(18, 78, 146, .10);
  --rw-border: rgba(120, 190, 255, .22);

  --rw-text:#eaf3ff;
  --rw-muted: rgb(234, 243, 255);

  --rw-amber:#f59e0b;
  --rw-amber-2:#ffb02e;
}

/* container */
.rw-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 18px;
}

/* HERO */
.rw-contact-hero{
  position: relative;
  overflow: hidden;
  background: radial-gradient(1200px 600px at 18% 22%, rgba(27,120,210,.28), transparent 90%),
              radial-gradient(900px 500px at 78% 20%, rgba(245,158,11,.16), transparent 90%),
              linear-gradient(180deg, #061522 0%, #071a2b 60%, #071827 100%);
  padding: 84px 0 56px;
}

.rw-contact-hero-media{
  position:absolute; inset:0;
  opacity:.65;
  pointer-events:none;
}
.rw-contact-hero-img{
  width:100%; height:100%;
  object-fit:cover;
  filter: contrast(1.05) saturate(1.05);
}

/* .rw-contact-hero-overlay{
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(7,24,39,.82) 0%, rgba(7,24,39,.55) 55%, rgba(7,24,39,.82) 100%);
} */

.rw-contact-hero-glow{
  position:absolute;
  width:520px; height:520px;
  filter: blur(60px);
  opacity:.55;
  pointer-events:none;
}
.rw-glow-blue{ left:-160px; top:-160px; background: rgba(64,160,255,.45); }
.rw-glow-amber{ right:-200px; top:-160px; background: rgba(255,176,46,.30); }

.rw-contact-hero-inner{
  position: relative;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 28px;
  align-items: start;
}

@media (max-width: 980px){
  .rw-contact-hero-inner{ grid-template-columns: 1fr; }
}

.rw-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  color: var(--rw-text);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  font-weight: 600;
  font-size: 13px;
}

.rw-hero-title{
  margin: 12px 0 8px;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.08;
  color: var(--rw-text);
  letter-spacing: -0.02em;
}
@media (max-width: 540px){
  .rw-hero-title{ font-size: 36px; }
}

.rw-hero-subtitle{
  margin: 0 0 18px;
  color: var(--rw-muted);
  max-width: 58ch;
  font-weight: 500;
  font-size: 15.5px;
  line-height: 1.7;
}

/* buttons */
.rw-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  text-decoration:none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  user-select:none;
}

.rw-btn:hover{ transform: translateY(-1px); }

.rw-btn-primary-hero{
  background: linear-gradient(180deg, var(--rw-amber-2), var(--rw-amber));
  color: #121212;
  box-shadow: 0 10px 24px rgba(245,158,11,.22);
  border: 1px solid rgba(255,255,255,.22);
}

.rw-btn-outline{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.18);
  color: var(--rw-text);
  backdrop-filter: blur(10px);
}

.rw-btn-dark{
  background: rgba(10,22,35,.55);
  border: 1px solid rgba(120,190,255,.18);
  color: var(--rw-text);
  backdrop-filter: blur(10px);
}

.rw-btn-wide{ width: 100%; }

/* hero actions */
.rw-contact-hero-actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 18px;
}

/* metrics */
.rw-contact-metrics{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}
@media (max-width: 720px){
  .rw-contact-metrics{ grid-template-columns: 1fr; }
}

.rw-metric{
  padding: 14px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
}
.rw-metric-top{
  color: var(--rw-text);
  font-weight: 700;
}
.rw-metric-bottom{
  margin-top: 4px;
  color: rgba(234,243,255,.72);
  font-size: 13px;
}

/* glass cards */
.rw-glass-card{
  border-radius: 22px;
  /* background: linear-gradient(180deg, var(--rw-glass), var(--rw-glass-2)); */
  border: 1px solid var(--rw-border);
  box-shadow: 0 14px 40px rgba(0,0,0,.12);
  backdrop-filter: blur(14px);
  padding: 18px;
  color: #0c1622;
}

.rw-hero-glass{
  color: var(--rw-text);
}
.rw-glass-header h3{
  margin: 0;
  font-size: 18px;
  color: var(--rw-text);
  font-weight: 600;
}
.rw-glass-header p{
  margin: 6px 0 12px;
  color: rgba(234,243,255,.78);
  font-size: 13.5px;
  line-height: 1.6;
}

.rw-checklist{
  margin: 0;
  padding-left: 18px;
  color: rgba(234,243,255,.86);
  line-height: 1.85;
  font-size: 14px;
}
.rw-glass-cta{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* ============ SERVICE DETAILS (PLC / Robot / Sim / Integration) ============ */

.rw-details{
  position: relative;
  background: #f8fafc;
  overflow: hidden;
}

.rw-details::before{
  content:"";
  position:absolute;
  inset:-200px -200px auto -200px;
  height: 520px;
  background:
    radial-gradient(380px 220px at 18% 30%, rgba(33,82,145,.14), transparent 70%),
    radial-gradient(320px 240px at 82% 22%, rgba(236,148,38,.12), transparent 70%);
  pointer-events:none;
}

.rw-service-block{
  position: relative;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: start;

  border-radius: 28px;
  padding: 26px;
  margin: 0 0 18px;

  background: rgba(255,255,255,.72);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 18px 60px rgba(2,6,23,.08);

  overflow:hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.rw-service-block:hover{
  transform: translateY(-3px);
  box-shadow: 0 26px 80px rgba(2,6,23,.12);
  border-color: rgba(15,23,42,.12);
}

/* left color accent bar (auto by pills) */
.rw-service-block::after{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width: 10px;
  background: linear-gradient(180deg, rgba(33,82,145,.9), rgba(236,148,38,.85));
  opacity:.0; /* default off */
}
#svc-plc.rw-service-block::after,
#svc-sim.rw-service-block::after{
  opacity:1;
  background: linear-gradient(180deg, rgba(236,148,38,.95), rgba(236,148,38,.35));
}
#svc-robot.rw-service-block::after,
#svc-integration.rw-service-block::after{
  opacity:1;
  background: linear-gradient(180deg, rgba(33,82,145,.95), rgba(33,82,145,.35));
}

/* layout for mobile */
@media (max-width: 980px){
  .rw-service-block{
    grid-template-columns: 1fr;
    padding: 20px;
  }
}

/* left content */
.rw-service-block-left h3{
  margin: 10px 0 10px;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #0b1220;
}
@media (max-width: 640px){
  .rw-service-block-left h3{ font-size: 20px; }
}

.rw-service-block-left p{
  color: rgba(15,23,42,.72);
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 16px;
  max-width: 68ch;
}

/* pills */
.rw-pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .02em;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(10px);
}

.rw-pill-amber{
  border-color: rgba(236,148,38,.25);
  background: linear-gradient(180deg, rgba(236,148,38,.22), rgba(255,255,255,.70));
}
.rw-pill-blue{
  border-color: rgba(33,82,145,.22);
  background: linear-gradient(180deg, rgba(33,82,145,.18), rgba(255,255,255,.70));
}

/* two minis */
.rw-two{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 720px){
  .rw-two{ grid-template-columns: 1fr; }
}

.rw-mini{
  border-radius: 18px;
  padding: 16px 16px 14px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.72);
  box-shadow: 0 12px 40px rgba(2,6,23,.06);
}

.rw-mini-title{
  font-weight: 900;
  color: #0b1220;
  font-size: 13px;
  letter-spacing: .01em;
  margin-bottom: 10px;
}

/* more “color” in minis */
.rw-mini-amber{
  border-color: rgba(236,148,38,.26);
  background:
    radial-gradient(240px 120px at 15% 20%, rgba(236,148,38,.22), transparent 70%),
    rgba(255,255,255,.72);
}
.rw-mini-blue{
  border-color: rgba(33,82,145,.22);
  background:
    radial-gradient(240px 120px at 15% 20%, rgba(33,82,145,.20), transparent 70%),
    rgba(255,255,255,.72);
}

/* list styling inside minis */
.rw-mini ul{
  margin:0;
  padding-left: 18px;
  color: rgba(15,23,42,.70);
  font-size: 14px;
  line-height: 1.65;
}
.rw-mini li{ margin: 4px 0; }

/* right glass blocks */
.rw-service-block-right{
  border-radius: 22px;
  padding: 18px 18px 16px;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 18px 60px rgba(2,6,23,.10);
}

/* stronger colored glass */
.rw-block-glass-amber{
  background:
    radial-gradient(320px 220px at 20% 15%, rgba(236,148,38,.28), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62));
  border-color: rgba(236,148,38,.26);
}
.rw-block-glass-blue{
  background:
    radial-gradient(320px 220px at 20% 15%, rgba(33,82,145,.26), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62));
  border-color: rgba(33,82,145,.22);
}

/* make right card “feel” premium */
.rw-block-title{
  font-weight: 900;
  letter-spacing: -0.01em;
  font-size: 14px;
  color: #0b1220;
  margin-bottom: 10px;
}

/* check list */
.rw-check{
  list-style:none;
  margin: 0 0 14px;
  padding: 0;
  display:grid;
  gap: 10px;
}
.rw-check li{
  position: relative;
  padding-left: 28px;
  color: rgba(15,23,42,.72);
  font-size: 14px;
  line-height: 1.5;
}
.rw-check li::before{
  content:"✓";
  position:absolute;
  left:0; top:0;
  width: 20px; height: 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  color: #0b1220;
  background: rgba(236,148,38,.28);
  border: 1px solid rgba(236,148,38,.26);
}
#svc-robot .rw-check li::before,
#svc-integration .rw-check li::before{
  background: rgba(33,82,145,.22);
  border-color: rgba(33,82,145,.22);
}

/* CTA button inside right card */
.rw-service-block-right .rw-btn-wide{
  width: 100%;
  border-radius: 14px; /* more “card-like” on desktop */
}

/* Sticky right card on desktop (looks pro) */
@media (min-width: 981px){
  .rw-service-block-right{
    position: sticky;
    top: 96px; /* below your sticky header */
  }
}

/* ===== SERVICE BLOCK BASE ===== */
.rw-service-block{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 32px;

  padding: 48px 48px;
  margin-bottom: 72px;

  border-radius: 28px;
  min-height: 80vh;                 /* KEY: screen presence */
  align-items: center;

  box-shadow: 0 28px 80px rgba(2,6,23,.14);
}
@media (max-width: 980px){
  .rw-service-block{
    grid-template-columns: 1fr;
    padding: 28px 22px;
    min-height: auto;
  }
}

#svc-plc{
  background: rgba(245,158,11,.92); /* bright amber */
}

#svc-robot,
#svc-integration{
  background: rgba(37,99,235,.92); /* strong blue */
}

#svc-sim{
  background: rgba(251,191,36,.9);
}

.rw-service-block h3{
  font-size: 26px;
  font-weight: 600;
  color: #0b1220;
}
.rw-service-block p{
  font-size: 15.5px;
  line-height: 1.7;
  color: rgba(11,18,32,.85);
}

/* ===== GLASS MINIS ===== */
.rw-mini{
  background: rgba(255,255,255,.38);
  border: 1px solid rgba(255,255,255,.45);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  border-radius: 20px;
  padding: 18px 18px;

  box-shadow: 0 18px 50px rgba(0,0,0,.14);
}

.rw-mini-title{
  font-weight: 650;
  margin-bottom: 10px;
  color: #0b1220;
}

.rw-mini ul{
  color: rgba(11,18,32,.82);
  font-size: 14.5px;
}

/* ===== RIGHT SIDE GLASS ===== */
.rw-service-block-right{
  background: rgba(255,255,255,.42);
  border: 1px solid rgba(255,255,255,.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  border-radius: 24px;
  padding: 28px;

  box-shadow: 0 22px 65px rgba(0,0,0,.18);
}

.rw-block-title{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
}

.rw-btn-primary{
  background: #0b1220;
  color: #fff;
  border-radius: 999px;
  padding: 14px 18px;
  font-weight: 700;
  box-shadow: 0 14px 40px rgba(0,0,0,.25);
}
.rw-btn-primary:hover{
  transform: translateY(-1px);
}