/*
Theme Name: RapidLinker V1
Theme URI: https://rapidlinker.pro/
Author: Rapid Linker
Author URI: https://rapidlinker.pro/
Description: A custom, performance-focused WordPress theme built for Rapid Linker.
Version: 1.0
Text Domain: rapidlinker
*/


/* =========================================================
   1. DESIGN SYSTEM
   ========================================================= */

:root {
    --rl-brand-950: #0b1418;
    --rl-brand-900: #101d21;
    --rl-brand-850: #15262b;
    --rl-brand-800: #1b3035;
    --rl-brand-700: #29464b;

    --rl-accent-700: #285f5a;
    --rl-accent-600: #34746d;
    --rl-accent-500: #478b83;
    --rl-accent-400: #6aa69f;
    --rl-accent-300: #8dbcb6;
    --rl-accent-200: #c7ddda;
    --rl-accent-100: #e6f0ee;
    --rl-accent-050: #f2f7f6;

    --rl-white: #ffffff;
    --rl-off-white: #fafaf8;
    --rl-surface: #f5f6f4;
    --rl-surface-dark: #eef0ed;

    --rl-text: #172126;
    --rl-text-soft: #566267;
    --rl-text-muted: #748086;

    --rl-border: #dde2df;
    --rl-border-strong: #c8cfcb;

    --rl-success: #286f53;
    --rl-danger: #a94747;

    --rl-container: 1240px;
    --rl-container-wide: 1400px;
    --rl-content-width: 820px;

    --rl-radius-xs: 6px;
    --rl-radius-sm: 10px;
    --rl-radius-md: 16px;
    --rl-radius-lg: 24px;
    --rl-radius-xl: 30px;

    --rl-shadow-xs: 0 1px 2px rgba(11, 20, 24, 0.04);
    --rl-shadow-sm: 0 8px 24px rgba(11, 20, 24, 0.06);
    --rl-shadow-md: 0 18px 44px rgba(11, 20, 24, 0.09);
    --rl-shadow-lg: 0 28px 70px rgba(11, 20, 24, 0.13);

    --rl-transition-fast: 160ms ease;
    --rl-transition: 220ms ease;

    --rl-font-sans:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
}


/* =========================================================
   2. RESET
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    background: var(--rl-white);
    color: var(--rl-text);
    font-family: var(--rl-font-sans);
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

main {
    display: block;
}

img,
picture,
video,
svg,
canvas {
    display: block;
    max-width: 100%;
}

img {
    height: auto;
}

iframe {
    max-width: 100%;
}

button,
input,
select,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
}

ul,
ol {
    margin-top: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}

table {
    width: 100%;
    border-collapse: collapse;
}

summary {
    list-style: none;
}

summary::-webkit-details-marker {
    display: none;
}


/* =========================================================
   3. ACCESSIBILITY
   ========================================================= */

:focus-visible {
    outline: 3px solid var(--rl-accent-500);
    outline-offset: 4px;
}

.screen-reader-text,
.rl-visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.rl-skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 99999;
    padding: 12px 18px;
    border-radius: var(--rl-radius-sm);
    background: var(--rl-white);
    color: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
    transform: translateY(-160%);
}

.rl-skip-link:focus {
    transform: translateY(0);
}


/* =========================================================
   4. TYPOGRAPHY
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 18px;
    color: var(--rl-brand-950);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.025em;
}

h1 {
    font-size: clamp(2.55rem, 4.6vw, 4.35rem);
}

h2 {
    font-size: clamp(2rem, 3.4vw, 3rem);
}

h3 {
    font-size: clamp(1.25rem, 2vw, 1.65rem);
}

h4 {
    font-size: 1.15rem;
}

p {
    margin-bottom: 1.3rem;
    color: var(--rl-text-soft);
}

strong {
    color: var(--rl-text);
}

.rl-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
    color: var(--rl-accent-700);
    font-size: 0.76rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rl-eyebrow::before {
    content: "";
    width: 24px;
    height: 1px;
    background: currentColor;
}

.rl-lead {
    max-width: 720px;
    color: var(--rl-text-soft);
    font-size: clamp(1.03rem, 1.3vw, 1.16rem);
    line-height: 1.75;
}


/* =========================================================
   5. GLOBAL LAYOUT
   ========================================================= */

.rl-container {
    width: min(calc(100% - 48px), var(--rl-container));
    margin-inline: auto;
}

.rl-container-wide {
    width: min(calc(100% - 48px), var(--rl-container-wide));
    margin-inline: auto;
}

.rl-section {
    position: relative;
    padding: 92px 0;
}

.rl-section--compact {
    padding: 68px 0;
}

.rl-section--soft {
    background: var(--rl-surface);
}

.rl-section--off-white {
    background: var(--rl-off-white);
}

.rl-section--dark {
    background: var(--rl-brand-950);
    color: var(--rl-white);
}

.rl-section--dark h1,
.rl-section--dark h2,
.rl-section--dark h3,
.rl-section--dark h4 {
    color: var(--rl-white);
}

.rl-section--dark p {
    color: rgba(255,255,255,0.72);
}

.rl-section--dark .rl-eyebrow {
    color: var(--rl-accent-400);
}

.rl-section-header {
    max-width: 790px;
    margin-bottom: 46px;
}

.rl-section-header--center {
    margin-inline: auto;
    text-align: center;
}

.rl-section-header--center .rl-lead {
    margin-inline: auto;
}


/* =========================================================
   6. GRID
   ========================================================= */

.rl-grid {
    display: grid;
    gap: 24px;
}

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

.rl-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rl-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rl-grid--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}


/* =========================================================
   7. BUTTONS
   ========================================================= */

.rl-btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 22px;
    border: 1px solid transparent;
    border-radius: var(--rl-radius-sm);
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.2;
    transition:
        transform var(--rl-transition-fast),
        background-color var(--rl-transition-fast),
        border-color var(--rl-transition-fast),
        box-shadow var(--rl-transition-fast);
}

.rl-btn:hover {
    transform: translateY(-2px);
}

.rl-btn--primary {
    background: var(--rl-accent-700);
    color: var(--rl-white);
    box-shadow: 0 10px 26px rgba(40,95,90,0.18);
}

.rl-btn--primary:hover {
    background: var(--rl-accent-600);
}

.rl-btn--dark {
    background: var(--rl-brand-950);
    color: var(--rl-white);
}

.rl-btn--dark:hover {
    background: var(--rl-brand-800);
}

.rl-btn--light {
    border-color: var(--rl-border);
    background: var(--rl-white);
    color: var(--rl-brand-950);
}

.rl-btn--light:hover {
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-btn--large {
    min-height: 54px;
    padding: 15px 26px;
}

.rl-hero-actions,
.rl-action-row,
.rl-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}


/* =========================================================
   8. TEXT LINKS
   ========================================================= */

.rl-text-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--rl-accent-700);
    font-weight: 700;
}

.rl-text-link:hover {
    color: var(--rl-accent-600);
}


/* =========================================================
   9. HEADER
   ========================================================= */

.rl-site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(11,20,24,0.08);
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(14px);
}

.admin-bar .rl-site-header {
    top: 32px;
}

.rl-header-inner {
    position: relative;
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.rl-site-branding {
    flex: 0 0 auto;
}

.rl-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.rl-logo-image {
    width: auto;
    max-width: 205px;
    height: 44px;
    object-fit: contain;
}

.rl-brand-mark {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--rl-brand-950);
    color: var(--rl-white);
    font-weight: 800;
}

.rl-brand-name {
    color: var(--rl-brand-950);
    font-size: 1.18rem;
    font-weight: 800;
}


/* =========================================================
   10. DESKTOP NAV
   ========================================================= */

.rl-desktop-nav {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
}

.rl-primary-menu {
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rl-menu-item {
    position: relative;
}

.rl-menu-item--services {
    position: static;
}

.rl-nav-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 10px 11px;
    border-radius: 8px;
    color: #334247;
    font-size: 0.89rem;
    font-weight: 650;
}

.rl-nav-link:hover {
    background: var(--rl-accent-050);
    color: var(--rl-brand-950);
}

.rl-header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rl-header-cta {
    min-height: 44px;
    padding: 11px 17px;
}


/* =========================================================
   11. MEGA MENU
   ========================================================= */

.rl-mega-menu {
    position: static;
}

.rl-mega-panel {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    z-index: 1100;
    display: grid;
    width: min(1120px, calc(100vw - 48px));
    grid-template-columns: 0.9fr 2.1fr;
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: 18px;
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-lg);
    transform: translateX(-50%);
}

.rl-mega-intro {
    padding: 34px;
    background: var(--rl-brand-950);
}

.rl-mega-eyebrow {
    display: block;
    margin-bottom: 14px;
    color: var(--rl-accent-400);
    font-size: 0.74rem;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.rl-mega-intro h2 {
    color: var(--rl-white);
    font-size: 1.5rem;
}

.rl-mega-intro p {
    margin-bottom: 0;
    color: rgba(255,255,255,0.68);
    font-size: 0.9rem;
}

.rl-mega-services {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
}

.rl-mega-group {
    padding: 27px 29px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-mega-group:nth-child(odd) {
    border-right: 1px solid var(--rl-border);
}

.rl-mega-group:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.rl-mega-group-title {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--rl-brand-950);
    font-weight: 750;
}

.rl-mega-group ul {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rl-mega-group li a,
.rl-mega-group li span {
    color: var(--rl-text-soft);
    font-size: 0.85rem;
}


/* =========================================================
   12. MOBILE MENU
   ========================================================= */

.rl-mobile-menu {
    position: relative;
    display: none;
}

.rl-mobile-menu-toggle {
    display: flex;
    width: 46px;
    height: 46px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--rl-border);
    border-radius: 10px;
    background: var(--rl-white);
}

.rl-mobile-menu-toggle span {
    width: 19px;
    height: 2px;
    background: var(--rl-brand-950);
}

.rl-mobile-menu-panel {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 1200;
    width: min(400px, calc(100vw - 32px));
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    border: 1px solid var(--rl-border);
    border-radius: 16px;
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-lg);
}

.rl-mobile-menu-panel nav {
    padding: 12px;
}

.rl-mobile-nav-list {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rl-mobile-nav-list > li > a,
.rl-mobile-submenu > summary {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    padding: 11px 12px;
    border-radius: 8px;
    color: var(--rl-brand-950);
    font-weight: 680;
}

.rl-mobile-submenu > summary::after {
    content: "+";
}

.rl-mobile-submenu[open] > summary::after {
    content: "−";
}

.rl-mobile-submenu ul {
    display: grid;
    gap: 2px;
    margin: 4px 0 8px;
    padding: 6px 0 6px 14px;
    border-left: 1px solid var(--rl-border);
    list-style: none;
}

.rl-mobile-submenu li a {
    display: flex;
    min-height: 42px;
    align-items: center;
    padding: 9px 12px;
    border-radius: 8px;
    color: var(--rl-text-soft);
    font-size: 0.88rem;
}


/* =========================================================
   13. HOMEPAGE HERO
   ========================================================= */

.rl-home-hero {
    position: relative;
    overflow: hidden;
    padding: 78px 0 76px;
    background:
        radial-gradient(
            circle at 80% 18%,
            rgba(71,139,131,0.12),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            var(--rl-off-white) 0%,
            var(--rl-white) 100%
        );
}

.rl-hero-grid {
    display: grid;
    grid-template-columns: minmax(0,1.08fr) minmax(420px,0.92fr);
    align-items: center;
    gap: 64px;
}

.rl-hero-content h1 {
    max-width: 760px;
    margin-bottom: 22px;
}

.rl-hero-content .rl-lead {
    max-width: 660px;
}

.rl-hero-visual {
    min-width: 0;
}


/* =========================================================
   14. HERO DASHBOARD
   ========================================================= */

.rl-dashboard,
.rl-monitor-console,
.rl-hero-panel,
.rl-interface,
.rl-workspace {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(11,20,24,0.1);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-lg);
}

.rl-dashboard::before,
.rl-monitor-console::before,
.rl-hero-panel::before,
.rl-interface::before,
.rl-workspace::before {
    content: "";
    display: block;
    height: 42px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(circle at 20px 21px, #9aa6a5 3px, transparent 4px),
        radial-gradient(circle at 34px 21px, #bac2c0 3px, transparent 4px),
        radial-gradient(circle at 48px 21px, #d3d8d6 3px, transparent 4px),
        var(--rl-surface);
}

.rl-dashboard__inner,
.rl-monitor-console__inner,
.rl-interface__inner,
.rl-workspace__inner {
    padding: 26px;
}

.rl-dashboard-row,
.rl-status-row {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.rl-dashboard-stat,
.rl-status-card,
.rl-mini-card {
    padding: 17px;
    border: 1px solid var(--rl-border);
    border-radius: 12px;
    background: var(--rl-off-white);
}

.rl-dashboard-stat span,
.rl-status-card span,
.rl-mini-card span {
    display: block;
    color: var(--rl-text-muted);
    font-size: 0.78rem;
}

.rl-dashboard-stat strong,
.rl-status-card strong,
.rl-mini-card strong {
    display: block;
    margin-top: 3px;
    color: var(--rl-brand-950);
}

.rl-mini-card + br {
    display: none;
}

.rl-mini-card {
    margin-top: 12px;
}

.rl-dashboard-line {
    height: 10px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: var(--rl-surface-dark);
}

.rl-dashboard-line:nth-child(2n) {
    width: 82%;
}

.rl-dashboard-line:nth-child(3n) {
    width: 65%;
}


/* =========================================================
   15. HOMEPAGE CAPABILITIES
   ========================================================= */

.rl-home-hero + .rl-section {
    border-top: 1px solid rgba(11,20,24,0.04);
}

.rl-grid--5 .rl-card {
    height: 100%;
}

.rl-grid--5 .rl-card__inner {
    height: 100%;
}

.rl-grid--5 .rl-card__title {
    font-size: 1.05rem;
}

.rl-grid--5 .rl-card__text {
    font-size: 0.88rem;
}


/* =========================================================
   16. CARDS
   ========================================================= */

.rl-card {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-card__inner {
    padding: 26px;
}

.rl-card__title {
    margin-bottom: 10px;
    font-size: 1.22rem;
}

.rl-card__text {
    margin-bottom: 0;
}


/* =========================================================
   17. SERVICES GRID
   ========================================================= */

.rl-services-grid {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 24px;
}

.rl-services-grid .rl-service-card {
    grid-column: span 2;
}

.rl-services-grid .rl-service-card:nth-child(4) {
    grid-column: 2 / span 2;
}

.rl-services-grid .rl-service-card:nth-child(5) {
    grid-column: 4 / span 2;
}

.rl-capabilities-grid,
.rl-feature-grid,
.rl-industry-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}

.rl-service-card,
.rl-capability-card,
.rl-feature-card,
.rl-industry-card {
    min-width: 0;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-capability-card,
.rl-feature-card,
.rl-industry-card {
    padding: 28px;
}

.rl-services-grid .rl-service-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

.rl-service-card:hover,
.rl-capability-card:hover,
.rl-feature-card:hover,
.rl-industry-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-service-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-bottom: 1px solid var(--rl-border);
    background: var(--rl-surface-dark);
}

.rl-service-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 420ms ease;
}

.rl-service-card:hover .rl-service-card__media img {
    transform: scale(1.025);
}

.rl-service-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 28px;
}

.rl-service-card__content p {
    margin-bottom: 22px;
}

.rl-service-card__content .rl-text-link {
    margin-top: auto;
}

.rl-service-card h3,
.rl-capability-card h3,
.rl-feature-card h3,
.rl-industry-card h3 {
    margin-bottom: 10px;
    font-size: 1.24rem;
}

.rl-card__icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 12px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 1.1rem;
    font-weight: 700;
}


/* =========================================================
   18. SPLIT SECTIONS
   ========================================================= */

.rl-feature-split,
.rl-split,
.rl-content-split,
.rl-about-split,
.rl-marketplace-split {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: center;
    gap: 58px;
}


/* =========================================================
   19. CHECK LIST
   ========================================================= */

.rl-check-list,
.rl-feature-list,
.rl-service-list,
.rl-detail-list {
    display: grid;
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.rl-check-list li,
.rl-feature-list li,
.rl-service-list li,
.rl-detail-list li {
    position: relative;
    padding-left: 28px;
    color: var(--rl-text-soft);
}

.rl-check-list li::before,
.rl-feature-list li::before,
.rl-service-list li::before,
.rl-detail-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--rl-accent-700);
    font-weight: 800;
}

.rl-section--dark .rl-check-list li {
    color: rgba(255,255,255,0.74);
}

.rl-section--dark .rl-check-list li::before {
    color: var(--rl-accent-400);
}


/* =========================================================
   20. VALUE / ABOUT / INDUSTRY CARDS
   ========================================================= */

.rl-value-grid,
.rl-about-grid,
.rl-industry-capabilities {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}

.rl-value-card,
.rl-about-card,
.rl-industry-capability {
    padding: 27px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
}

.rl-value-card h3,
.rl-about-card h3,
.rl-industry-capability h3 {
    font-size: 1.16rem;
}

.rl-value-card p:last-child,
.rl-about-card p:last-child,
.rl-industry-capability p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   21. STATS
   ========================================================= */

.rl-stats-grid,
.rl-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
}

.rl-stat-card,
.rl-metric-card {
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
}

.rl-stat-card strong,
.rl-metric-card strong {
    display: block;
    margin-bottom: 8px;
    color: var(--rl-brand-950);
    font-size: 1.45rem;
}

.rl-stat-card p,
.rl-metric-card p {
    margin-bottom: 0;
}


/* =========================================================
   22. PROCESS
   ========================================================= */

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

.rl-process-card,
.rl-step-card {
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
}

.rl-process-number,
.rl-step-number {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 50%;
    background: var(--rl-brand-950);
    color: var(--rl-white);
    font-size: 0.78rem;
    font-weight: 750;
}

.rl-process-card h3,
.rl-step-card h3 {
    font-size: 1.12rem;
}

.rl-process-card p:last-child,
.rl-step-card p:last-child {
    margin-bottom: 0;
}
/* =========================================================
   22A. SEO & DIGITAL GROWTH PAGE
   ========================================================= */
/* =========================================================
   22B. SEO SERVICES PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-seo-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.08),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-seo-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
    align-items: center;
    gap: 58px;
}

.rl-seo-hero__content {
    max-width: 700px;
}

.rl-seo-hero__content h1 {
    max-width: 690px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-seo-hero__intro {
    max-width: 640px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   HERO SEO CONSOLE
   --------------------------------------------------------- */

.rl-seo-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.11);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-md);
}

.rl-seo-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 19px;
    background: var(--rl-brand-950);
}

.rl-seo-console__top div > span,
.rl-seo-console__top strong {
    display: block;
}

.rl-seo-console__top div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-seo-console__top strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-seo-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.24);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-seo-console__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

.rl-seo-console__label {
    display: block;
    margin-bottom: 9px;
    color: var(--rl-text-muted);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-seo-console__item {
    min-height: 76px;
    margin-bottom: 9px;
    padding: 14px;
    border: 1px solid var(--rl-border);
    border-radius: 11px;
    background: var(--rl-off-white);
}

.rl-seo-console__item:last-child {
    margin-bottom: 0;
}

.rl-seo-console__item span,
.rl-seo-console__item small {
    display: block;
}

.rl-seo-console__item span {
    margin-bottom: 4px;
    color: var(--rl-brand-950);
    font-size: 0.84rem;
    font-weight: 750;
}

.rl-seo-console__item small {
    color: var(--rl-text-muted);
    font-size: 0.67rem;
    line-height: 1.45;
}

.rl-seo-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-seo-console__footer div {
    text-align: center;
}

.rl-seo-console__footer div span {
    color: var(--rl-text-soft);
    font-size: 0.68rem;
    font-weight: 700;
}

.rl-seo-console__footer > span {
    color: var(--rl-accent-600);
}


/* ---------------------------------------------------------
   SEO SERVICE CARDS
   --------------------------------------------------------- */

.rl-seo-services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-seo-service-card {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-seo-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-seo-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-seo-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-seo-service-card h3 {
    margin-bottom: 11px;
    font-size: 1.18rem;
}

.rl-seo-service-card p {
    margin-bottom: 0;
    color: var(--rl-text-soft);
    font-size: 0.91rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   TECHNICAL FOUNDATION
   --------------------------------------------------------- */

.rl-seo-foundation__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    align-items: center;
    gap: 64px;
}

.rl-seo-foundation__grid > div:first-child {
    max-width: 590px;
}

.rl-seo-foundation__grid p {
    line-height: 1.74;
}

.rl-seo-check-panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-seo-check-item {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-seo-check-item:last-child {
    border-bottom: 0;
}

.rl-seo-check-item strong,
.rl-seo-check-item span {
    display: block;
}

.rl-seo-check-item strong {
    margin-bottom: 5px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-seo-check-item span {
    color: var(--rl-text-soft);
    font-size: 0.86rem;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   SEARCH INTENT CONTENT
   --------------------------------------------------------- */

.rl-seo-content .rl-card {
    height: 100%;
}

.rl-seo-content .rl-card__inner {
    height: 100%;
}


/* ---------------------------------------------------------
   SEO + AEO
   --------------------------------------------------------- */

.rl-seo-aeo__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-seo-aeo__grid > div:first-child {
    max-width: 620px;
}

.rl-seo-aeo__grid p {
    line-height: 1.74;
}

.rl-seo-aeo__panel {
    display: grid;
    gap: 14px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-seo-aeo__panel > div:not(.rl-seo-aeo__connector) {
    padding: 22px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-seo-aeo__panel span,
.rl-seo-aeo__panel strong {
    display: block;
}

.rl-seo-aeo__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-seo-aeo__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.94rem;
    line-height: 1.55;
}

.rl-seo-aeo__connector {
    text-align: center;
    color: var(--rl-accent-600);
    font-size: 1.3rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   BUSINESS TYPE
   --------------------------------------------------------- */

.rl-seo-businesses .rl-card {
    height: 100%;
}

.rl-seo-businesses .rl-card__inner {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.rl-seo-businesses .rl-text-link {
    margin-top: auto;
    padding-top: 18px;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-seo-process .rl-process-card {
    min-height: 240px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-seo-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   EXPECTATIONS
   --------------------------------------------------------- */

.rl-seo-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 64px;
}

.rl-seo-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-seo-expectations__grid > div:last-child {
    max-width: 680px;
}

.rl-seo-expectations__grid p {
    line-height: 1.75;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-seo-faq .rl-section-header {
    max-width: 760px;
}

.rl-seo-faq .rl-faq-list {
    max-width: 920px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   OFFICIAL RESOURCES
   --------------------------------------------------------- */

.rl-seo-resources__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(500px, 1.12fr);
    align-items: start;
    gap: 60px;
}

.rl-seo-resources__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.rl-seo-resources__links > a {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-seo-resources__links > a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-seo-resources__links strong,
.rl-seo-resources__links span,
.rl-seo-resources__links small {
    display: block;
}

.rl-seo-resources__links strong {
    margin-bottom: 8px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-seo-resources__links span {
    color: var(--rl-text-soft);
    font-size: 0.83rem;
    line-height: 1.62;
}

.rl-seo-resources__links small {
    margin-top: auto;
    padding-top: 18px;
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-seo-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-seo-foundation__grid,
    .rl-seo-aeo__grid,
    .rl-seo-expectations__grid,
    .rl-seo-resources__grid {
        gap: 42px;
    }

    .rl-seo-resources__grid {
        grid-template-columns: minmax(0, 0.8fr) minmax(440px, 1.2fr);
    }
}


@media (max-width: 900px) {

    .rl-seo-hero {
        padding: 50px 0;
    }

    .rl-seo-hero__grid,
    .rl-seo-foundation__grid,
    .rl-seo-aeo__grid,
    .rl-seo-expectations__grid,
    .rl-seo-resources__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-seo-console {
        width: min(100%, 680px);
    }

    .rl-seo-resources__links {
        max-width: 720px;
    }
}


@media (max-width: 767px) {

    .rl-seo-hero {
        padding: 44px 0 48px;
    }

    .rl-seo-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-seo-console__body {
        grid-template-columns: 1fr;
    }

    .rl-seo-services__grid {
        grid-template-columns: 1fr;
    }

    .rl-seo-service-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-seo-service-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 21px;
    }

    .rl-seo-service-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .rl-seo-check-item {
        padding: 19px 20px;
    }

    .rl-seo-aeo__panel {
        padding: 18px;
    }

    .rl-seo-aeo__panel > div:not(.rl-seo-aeo__connector) {
        padding: 19px;
    }

    .rl-seo-resources__links {
        grid-template-columns: 1fr;
    }

    .rl-seo-resources__links > a {
        min-height: 0;
    }
}


@media (max-width: 390px) {

    .rl-seo-console__top {
        padding: 15px;
    }

    .rl-seo-console__body {
        padding: 12px;
    }

    .rl-seo-console__footer {
        padding: 12px;
    }

    .rl-seo-service-card {
        padding: 21px;
    }

    .rl-seo-check-item {
        padding: 18px;
    }

    .rl-seo-aeo__panel {
        padding: 15px;
    }
}

/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-growth-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(71, 139, 131, 0.09),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-growth-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
    align-items: center;
    gap: 58px;
}

.rl-growth-hero__content {
    max-width: 690px;
}

.rl-growth-hero__content h1 {
    max-width: 680px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-growth-hero__intro {
    max-width: 630px;
    margin-bottom: 0;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   HERO GROWTH CONSOLE
   --------------------------------------------------------- */

.rl-growth-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.11);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-md);
}

.rl-growth-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--rl-brand-950);
}

.rl-growth-console__top div > span,
.rl-growth-console__top strong {
    display: block;
}

.rl-growth-console__top div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-growth-console__top strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-growth-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.24);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-growth-console__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

.rl-growth-console__label {
    display: block;
    margin-bottom: 9px;
    color: var(--rl-text-muted);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-growth-console__item {
    min-height: 76px;
    margin-bottom: 9px;
    padding: 14px;
    border: 1px solid var(--rl-border);
    border-radius: 11px;
    background: var(--rl-off-white);
}

.rl-growth-console__item:last-child {
    margin-bottom: 0;
}

.rl-growth-console__item span,
.rl-growth-console__item small {
    display: block;
}

.rl-growth-console__item span {
    margin-bottom: 4px;
    color: var(--rl-brand-950);
    font-size: 0.84rem;
    font-weight: 750;
}

.rl-growth-console__item small {
    color: var(--rl-text-muted);
    font-size: 0.67rem;
    line-height: 1.45;
}

.rl-growth-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-growth-console__footer div {
    text-align: center;
}

.rl-growth-console__footer div span {
    color: var(--rl-text-soft);
    font-size: 0.68rem;
    font-weight: 700;
}

.rl-growth-console__footer > span {
    color: var(--rl-accent-600);
}


/* ---------------------------------------------------------
   GROWTH SERVICE CARDS
   --------------------------------------------------------- */

.rl-growth-services__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 22px;
}

.rl-growth-service-card {
    display: flex;
    min-width: 0;
    min-height: 300px;
    flex-direction: column;
    grid-column: span 2;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-growth-service-card:nth-child(4) {
    grid-column: 2 / span 2;
}

.rl-growth-service-card:nth-child(5) {
    grid-column: 4 / span 2;
}

.rl-growth-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-growth-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-growth-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-growth-service-card h3 {
    margin-bottom: 11px;
    font-size: 1.2rem;
}

.rl-growth-service-card p {
    margin-bottom: 24px;
    color: var(--rl-text-soft);
    font-size: 0.91rem;
    line-height: 1.65;
}

.rl-growth-service-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: 0.82rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   CONTENT CARD LINKS
   --------------------------------------------------------- */

.rl-card-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 18px;
}

.rl-card-links .rl-text-link {
    margin: 0;
}


/* ---------------------------------------------------------
   CONNECTED GROWTH
   --------------------------------------------------------- */

.rl-growth-strategy__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
    align-items: center;
    gap: 64px;
}

.rl-growth-strategy__grid > div:first-child {
    max-width: 590px;
}

.rl-growth-strategy__grid p {
    line-height: 1.75;
}

.rl-inline-link {
    color: var(--rl-accent-700);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.rl-inline-link:hover {
    color: var(--rl-accent-600);
}

.rl-growth-strategy__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-growth-strategy__item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 18px;
    padding: 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-growth-strategy__item:last-child {
    border-bottom: 0;
}

.rl-growth-strategy__item > span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: var(--rl-brand-950);
    color: var(--rl-white);
    font-size: 0.71rem;
    font-weight: 750;
}

.rl-growth-strategy__item h3 {
    margin-bottom: 7px;
    font-size: 1.08rem;
}

.rl-growth-strategy__item p {
    margin-bottom: 0;
    font-size: 0.88rem;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-growth-process .rl-process-card {
    min-height: 240px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-growth-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-growth-faq .rl-section-header {
    max-width: 760px;
}

.rl-faq-list {
    max-width: 920px;
    margin-top: 34px;
}

.rl-faq-item {
    overflow: hidden;
    margin-bottom: 14px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-faq-item:last-child {
    margin-bottom: 0;
}

.rl-faq-item:hover,
.rl-faq-item[open] {
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-faq-item summary {
    position: relative;
    display: flex;
    min-height: 72px;
    align-items: center;
    padding: 20px 58px 20px 24px;
    color: var(--rl-brand-950);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.45;
    cursor: pointer;
    list-style: none;
}

.rl-faq-item summary::-webkit-details-marker {
    display: none;
}

.rl-faq-item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 23px;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border: 1px solid var(--rl-accent-200);
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1;
}

.rl-faq-item[open] summary::after {
    content: "−";
}

.rl-faq-item summary:focus-visible {
    outline: 3px solid rgba(52, 116, 109, 0.24);
    outline-offset: -3px;
}

.rl-faq-item > div {
    padding: 0 24px 24px;
    border-top: 1px solid var(--rl-border);
}

.rl-faq-item > div p {
    max-width: 790px;
    margin: 20px 0 0;
    color: var(--rl-text-soft);
    font-size: 0.92rem;
    line-height: 1.72;
}

.rl-faq-item > div .rl-text-link {
    display: inline-flex;
    margin-top: 14px;
}


/* ---------------------------------------------------------
   OFFICIAL RESOURCES
   --------------------------------------------------------- */

.rl-growth-resources__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(520px, 1.18fr);
    align-items: start;
    gap: 60px;
}

.rl-growth-resources__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.rl-growth-resources__links > a {
    display: flex;
    min-height: 188px;
    flex-direction: column;
    padding: 23px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-growth-resources__links > a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-growth-resources__links strong,
.rl-growth-resources__links span,
.rl-growth-resources__links small {
    display: block;
}

.rl-growth-resources__links strong {
    margin-bottom: 8px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-growth-resources__links span {
    color: var(--rl-text-soft);
    font-size: 0.82rem;
    line-height: 1.6;
}

.rl-growth-resources__links small {
    margin-top: auto;
    padding-top: 18px;
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-growth-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-growth-service-card,
    .rl-growth-service-card:nth-child(4) {
        grid-column: auto;
    }

    .rl-growth-service-card:nth-child(5) {
        grid-column: 1 / -1;
        width: calc(50% - 11px);
        justify-self: center;
    }

    .rl-growth-resources__grid {
        grid-template-columns: minmax(0, 0.8fr) minmax(460px, 1.2fr);
        gap: 42px;
    }
}


@media (max-width: 900px) {

    .rl-growth-hero {
        padding: 50px 0;
    }

    .rl-growth-hero__grid,
    .rl-growth-strategy__grid,
    .rl-growth-resources__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-growth-console {
        width: min(100%, 680px);
    }

    .rl-growth-resources__links {
        max-width: 720px;
    }

    .rl-faq-list {
        max-width: 100%;
    }
}


@media (max-width: 767px) {

    .rl-growth-hero {
        padding: 44px 0 48px;
    }

    .rl-growth-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-growth-console__body {
        grid-template-columns: 1fr;
    }

    .rl-growth-services__grid {
        grid-template-columns: 1fr;
    }

    .rl-growth-service-card,
    .rl-growth-service-card:nth-child(4),
    .rl-growth-service-card:nth-child(5) {
        grid-column: auto;
        width: 100%;
        min-height: 0;
    }

    .rl-growth-service-card {
        padding: 24px;
    }

    .rl-growth-service-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 22px;
    }

    .rl-growth-service-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .rl-growth-strategy__item {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 14px;
        padding: 20px;
    }

    .rl-growth-strategy__item > span {
        width: 38px;
        height: 38px;
    }

    .rl-growth-resources__links {
        grid-template-columns: 1fr;
    }

    .rl-growth-resources__links > a {
        min-height: 0;
    }

    .rl-faq-item summary {
        min-height: 66px;
        padding: 18px 54px 18px 20px;
        font-size: 0.94rem;
    }

    .rl-faq-item summary::after {
        right: 18px;
        width: 28px;
        height: 28px;
    }

    .rl-faq-item > div {
        padding: 0 20px 20px;
    }

    .rl-faq-item > div p {
        margin-top: 18px;
        font-size: 0.89rem;
    }
}


@media (max-width: 390px) {

    .rl-growth-console__top {
        padding: 15px;
    }

    .rl-growth-console__body {
        padding: 12px;
    }

    .rl-growth-console__footer {
        padding: 12px;
    }

    .rl-growth-service-card {
        padding: 21px;
    }

    .rl-faq-item summary {
        padding-left: 17px;
        padding-right: 50px;
    }

    .rl-faq-item summary::after {
        right: 15px;
    }

    .rl-faq-item > div {
        padding: 0 17px 18px;
    }
}
/* ---------------------------------------------------------
   HERO GROWTH CONSOLE
   --------------------------------------------------------- */

.rl-growth-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.11);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-md);
}

.rl-growth-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--rl-brand-950);
}

.rl-growth-console__top div > span,
.rl-growth-console__top strong {
    display: block;
}

.rl-growth-console__top div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-growth-console__top strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-growth-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.24);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-growth-console__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

.rl-growth-console__label {
    display: block;
    margin-bottom: 9px;
    color: var(--rl-text-muted);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-growth-console__item {
    min-height: 76px;
    margin-bottom: 9px;
    padding: 14px;
    border: 1px solid var(--rl-border);
    border-radius: 11px;
    background: var(--rl-off-white);
}

.rl-growth-console__item:last-child {
    margin-bottom: 0;
}

.rl-growth-console__item span,
.rl-growth-console__item small {
    display: block;
}

.rl-growth-console__item span {
    margin-bottom: 4px;
    color: var(--rl-brand-950);
    font-size: 0.84rem;
    font-weight: 750;
}

.rl-growth-console__item small {
    color: var(--rl-text-muted);
    font-size: 0.67rem;
    line-height: 1.45;
}

.rl-growth-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-growth-console__footer div {
    text-align: center;
}

.rl-growth-console__footer div span {
    color: var(--rl-text-soft);
    font-size: 0.68rem;
    font-weight: 700;
}

.rl-growth-console__footer > span {
    color: var(--rl-accent-600);
}


/* ---------------------------------------------------------
   GROWTH SERVICE CARDS
   --------------------------------------------------------- */

.rl-growth-services__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 22px;
}

.rl-growth-service-card {
    display: flex;
    min-width: 0;
    min-height: 300px;
    flex-direction: column;
    grid-column: span 2;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-growth-service-card:nth-child(4) {
    grid-column: 2 / span 2;
}

.rl-growth-service-card:nth-child(5) {
    grid-column: 4 / span 2;
}

.rl-growth-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-growth-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-growth-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-growth-service-card h3 {
    margin-bottom: 11px;
    font-size: 1.2rem;
}

.rl-growth-service-card p {
    margin-bottom: 24px;
    color: var(--rl-text-soft);
    font-size: 0.91rem;
    line-height: 1.65;
}

.rl-growth-service-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: 0.82rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   CONNECTED GROWTH
   --------------------------------------------------------- */

.rl-growth-strategy__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
    align-items: center;
    gap: 64px;
}

.rl-growth-strategy__grid > div:first-child {
    max-width: 590px;
}

.rl-growth-strategy__grid p {
    line-height: 1.75;
}

.rl-inline-link {
    color: var(--rl-accent-700);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.rl-inline-link:hover {
    color: var(--rl-accent-600);
}

.rl-growth-strategy__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-growth-strategy__item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 18px;
    padding: 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-growth-strategy__item:last-child {
    border-bottom: 0;
}

.rl-growth-strategy__item > span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: var(--rl-brand-950);
    color: var(--rl-white);
    font-size: 0.71rem;
    font-weight: 750;
}

.rl-growth-strategy__item h3 {
    margin-bottom: 7px;
    font-size: 1.08rem;
}

.rl-growth-strategy__item p {
    margin-bottom: 0;
    font-size: 0.88rem;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-growth-process .rl-process-card {
    min-height: 240px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-growth-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   OFFICIAL RESOURCES
   --------------------------------------------------------- */

.rl-growth-resources__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(520px, 1.18fr);
    align-items: start;
    gap: 60px;
}

.rl-growth-resources__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.rl-growth-resources__links > a {
    display: flex;
    min-height: 188px;
    flex-direction: column;
    padding: 23px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-growth-resources__links > a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-growth-resources__links strong,
.rl-growth-resources__links span,
.rl-growth-resources__links small {
    display: block;
}

.rl-growth-resources__links strong {
    margin-bottom: 8px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-growth-resources__links span {
    color: var(--rl-text-soft);
    font-size: 0.82rem;
    line-height: 1.6;
}

.rl-growth-resources__links small {
    margin-top: auto;
    padding-top: 18px;
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-growth-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-growth-service-card,
    .rl-growth-service-card:nth-child(4) {
        grid-column: auto;
    }

    .rl-growth-service-card:nth-child(5) {
        grid-column: 1 / -1;
        width: calc(50% - 11px);
        justify-self: center;
    }

    .rl-growth-resources__grid {
        grid-template-columns: minmax(0, 0.8fr) minmax(460px, 1.2fr);
        gap: 42px;
    }
}


@media (max-width: 900px) {

    .rl-growth-hero {
        padding: 50px 0;
    }

    .rl-growth-hero__grid,
    .rl-growth-strategy__grid,
    .rl-growth-resources__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-growth-console {
        width: min(100%, 680px);
    }

    .rl-growth-resources__links {
        max-width: 720px;
    }
}


@media (max-width: 767px) {

    .rl-growth-hero {
        padding: 44px 0 48px;
    }

    .rl-growth-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-growth-console__body {
        grid-template-columns: 1fr;
    }

    .rl-growth-services__grid {
        grid-template-columns: 1fr;
    }

    .rl-growth-service-card,
    .rl-growth-service-card:nth-child(4),
    .rl-growth-service-card:nth-child(5) {
        grid-column: auto;
        width: 100%;
        min-height: 0;
    }

    .rl-growth-service-card {
        padding: 24px;
    }

    .rl-growth-service-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 22px;
    }

    .rl-growth-service-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .rl-growth-strategy__item {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 14px;
        padding: 20px;
    }

    .rl-growth-strategy__item > span {
        width: 38px;
        height: 38px;
    }

    .rl-growth-resources__links {
        grid-template-columns: 1fr;
    }

    .rl-growth-resources__links > a {
        min-height: 0;
    }
}


@media (max-width: 390px) {

    .rl-growth-console__top {
        padding: 15px;
    }

    .rl-growth-console__body {
        padding: 12px;
    }

    .rl-growth-console__footer {
        padding: 12px;
    }

    .rl-growth-service-card {
        padding: 21px;
    }
}
/* =========================================================
   23. PAGE HERO
   ========================================================= */

.rl-page-hero,
.rl-subservice-hero {
    position: relative;
    overflow: hidden;
    padding: 72px 0;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(71,139,131,0.1),
            transparent 32%
        ),
        var(--rl-off-white);
}

.rl-page-hero__grid,
.rl-subservice-hero__grid {
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(390px,0.95fr);
    align-items: center;
    gap: 58px;
}

.rl-page-hero__inner {
    max-width: 820px;
}

.rl-page-title {
    margin-bottom: 20px;
}

.rl-page-intro {
    max-width: 720px;
    font-size: 1.08rem;
}


/* =========================================================
   24. LOCAL SERVICES
   ========================================================= */

.rl-marketplace-paths,
.rl-local-paths {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px;
}

.rl-marketplace-path,
.rl-local-path,
.rl-path-card {
    display: flex;
    flex-direction: column;
    padding: 32px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    transition:
        transform var(--rl-transition),
        box-shadow var(--rl-transition),
        border-color var(--rl-transition);
}

.rl-marketplace-path:hover,
.rl-local-path:hover,
.rl-path-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-category-grid,
.rl-local-category-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
}

.rl-category-card {
    padding: 22px;
    border: 1px solid var(--rl-border);
    border-radius: 14px;
    background: var(--rl-white);
}

.rl-category-card h3 {
    font-size: 1.02rem;
}

.rl-category-card p:last-child {
    margin-bottom: 0;
    font-size: 0.88rem;
}


/* =========================================================
   25. FORMS
   ========================================================= */

.rl-form,
.rl-request-form,
.rl-provider-form {
    display: grid;
    gap: 22px;
}

.rl-form-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
}

.rl-form-card,
.rl-contact-form-card,
.rl-request-form-card,
.rl-provider-form-card {
    padding: 34px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-field {
    display: grid;
    gap: 8px;
}

.rl-field--full {
    grid-column: 1 / -1;
}

.rl-field label {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    font-weight: 700;
}

.rl-field input,
.rl-field select,
.rl-field textarea,
.rl-form input[type="text"],
.rl-form input[type="email"],
.rl-form input[type="tel"],
.rl-form select,
.rl-form textarea {
    width: 100%;
    min-height: 52px;
    padding: 12px 14px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-sm);
    outline: 0;
    background: var(--rl-white);
    color: var(--rl-text);
}

.rl-field textarea,
.rl-form textarea {
    min-height: 150px;
    resize: vertical;
}

.rl-field input:focus,
.rl-field select:focus,
.rl-field textarea:focus,
.rl-form input:focus,
.rl-form select:focus,
.rl-form textarea:focus {
    border-color: var(--rl-accent-500);
    box-shadow: 0 0 0 4px rgba(71,139,131,0.12);
}

.rl-form-message,
.rl-alert {
    padding: 14px 16px;
    border-radius: var(--rl-radius-sm);
    font-weight: 650;
}

.rl-form-message--success,
.rl-alert--success {
    background: #edf6f1;
    color: var(--rl-success);
}

.rl-form-message--error,
.rl-alert--error {
    background: #fbefef;
    color: var(--rl-danger);
}


/* =========================================================
   26. CONTACT
   ========================================================= */

.rl-contact-grid {
    display: grid;
    grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);
    align-items: start;
    gap: 48px;
}

.rl-contact-details {
    display: grid;
    gap: 14px;
}

.rl-contact-card,
.rl-contact-item {
    padding: 22px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}


/* =========================================================
   27. FINAL CTA
   ========================================================= */

.rl-final-cta {
    padding: 84px 0;
}

.rl-final-cta-box,
.rl-cta-box {
    position: relative;
    overflow: hidden;
    padding: 54px;
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    color: var(--rl-white);
    box-shadow: var(--rl-shadow-md);
}

.rl-final-cta-box h2,
.rl-cta-box h2 {
    max-width: 720px;
    color: var(--rl-white);
}

.rl-final-cta-box p,
.rl-cta-box p {
    max-width: 680px;
    color: rgba(255,255,255,0.72);
}

.rl-final-cta-box .rl-eyebrow,
.rl-cta-box .rl-eyebrow {
    color: var(--rl-accent-400);
}


/* =========================================================
   28. BLOG / ARCHIVE / SEARCH
   ========================================================= */

.rl-archive-header,
.rl-blog-header,
.rl-search-header {
    padding: 66px 0 44px;
    border-bottom: 1px solid var(--rl-border);
    background: var(--rl-off-white);
}

.rl-post-grid,
.rl-blog-grid,
.rl-archive-grid,
.rl-search-results {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 24px;
}

.rl-post-card,
.rl-blog-card,
.rl-search-card {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
}

.rl-post-card img,
.rl-blog-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.rl-post-card__content,
.rl-blog-card__content,
.rl-search-card__content {
    padding: 24px;
}

.rl-post-meta,
.rl-entry-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-bottom: 12px;
    color: var(--rl-text-muted);
    font-size: 0.82rem;
}


/* =========================================================
   29. CONTENT
   ========================================================= */

.rl-page-content,
.rl-single-content,
.rl-content {
    color: var(--rl-text-soft);
}

.rl-page-content {
    max-width: var(--rl-content-width);
}

.rl-content h2,
.rl-content h3,
.rl-content h4,
.rl-page-content h2,
.rl-page-content h3,
.rl-page-content h4 {
    margin-top: 1.8em;
}

.rl-content a,
.rl-page-content a {
    color: var(--rl-accent-700);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.rl-content ul,
.rl-content ol,
.rl-page-content ul,
.rl-page-content ol {
    padding-left: 1.3rem;
}


/* =========================================================
   30. SEARCH FORM
   ========================================================= */

.rl-search-form {
    display: flex;
    width: 100%;
    max-width: 620px;
    gap: 10px;
}

.rl-search-form__field {
    width: 100%;
    min-height: 50px;
    padding: 11px 14px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-sm);
}

.rl-search-form__submit {
    min-height: 50px;
    padding: 11px 20px;
    border: 1px solid var(--rl-accent-700);
    border-radius: var(--rl-radius-sm);
    background: var(--rl-accent-700);
    color: var(--rl-white);
    font-weight: 700;
}


/* =========================================================
   31. PAGINATION
   ========================================================= */

.rl-pagination {
    margin-top: 48px;
}

.rl-pagination .page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rl-pagination a.page-numbers,
.rl-pagination span.page-numbers {
    display: inline-flex;
    min-width: 42px;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid var(--rl-border);
    border-radius: 9px;
    background: var(--rl-white);
}

.rl-pagination span.current {
    border-color: var(--rl-brand-950);
    background: var(--rl-brand-950);
    color: var(--rl-white);
}


/* =========================================================
   32. 404
   ========================================================= */

.rl-404 {
    display: flex;
    min-height: 65vh;
    align-items: center;
    padding: 90px 0;
    text-align: center;
}

.rl-404__inner {
    max-width: 720px;
    margin-inline: auto;
}

.rl-404__code {
    display: block;
    margin-bottom: 12px;
    color: var(--rl-accent-700);
    font-size: clamp(4.5rem,12vw,8.5rem);
    font-weight: 800;
    line-height: 0.9;
}


/* =========================================================
   33. FOOTER
   ========================================================= */

.rl-site-footer {
    background: var(--rl-brand-950);
    color: var(--rl-white);
}

.rl-footer-main {
    padding: 70px 0 54px;
}

.rl-footer-grid {
    display: grid;
    grid-template-columns: 1.35fr repeat(3,minmax(0,0.72fr));
    gap: 44px;
}

.rl-footer-brand {
    max-width: 360px;
}

.rl-footer-brand p,
.rl-footer-description {
    color: rgba(255,255,255,0.64);
    font-size: 0.9rem;
}

.rl-footer-column h2,
.rl-footer-column h3,
.rl-footer-heading {
    margin-bottom: 17px;
    color: var(--rl-white);
    font-size: 0.92rem;
}

.rl-footer-column ul,
.rl-footer-links {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rl-footer-column a,
.rl-footer-link,
.rl-footer-links a {
    color: rgba(255,255,255,0.66);
    font-size: 0.88rem;
}

.rl-footer-column a:hover,
.rl-footer-link:hover,
.rl-footer-links a:hover {
    color: var(--rl-white);
}

.rl-footer-contact {
    display: grid;
    gap: 8px;
    margin-top: 18px;
}

.rl-footer-contact p {
    margin: 0;
    color: rgba(255,255,255,0.64);
    font-size: 0.87rem;
}

.rl-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.11);
}

.rl-footer-bottom-inner {
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.rl-footer-bottom p {
    margin: 0;
    color: rgba(255,255,255,0.5);
    font-size: 0.81rem;
}


/* =========================================================
   34. UTILITIES
   ========================================================= */

.rl-text-center {
    text-align: center;
}

.rl-text-left {
    text-align: left;
}

.rl-text-right {
    text-align: right;
}

.rl-mb-0 {
    margin-bottom: 0;
}

.rl-mt-0 {
    margin-top: 0;
}

.rl-hidden {
    display: none !important;
}


/* =========================================================
   35. RESPONSIVE - 1180
   ========================================================= */

@media (max-width: 1180px) {

    .rl-hero-grid,
    .rl-page-hero__grid,
    .rl-subservice-hero__grid {
        grid-template-columns: minmax(0,1fr) minmax(350px,0.85fr);
        gap: 44px;
    }

    .rl-nav-link {
        padding-inline: 8px;
        font-size: 0.84rem;
    }

    .rl-category-grid,
    .rl-local-category-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}


/* =========================================================
   36. RESPONSIVE - 1100
   ========================================================= */

@media (max-width: 1100px) {

    .rl-desktop-nav {
        display: none;
    }

    .rl-mobile-menu {
        display: block;
    }

    .rl-grid--5 {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .rl-grid--4,
    .rl-process-grid,
    .rl-steps-grid,
    .rl-stats-grid,
    .rl-metrics-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .rl-services-grid,
    .rl-capabilities-grid,
    .rl-feature-grid,
    .rl-industry-grid,
    .rl-value-grid,
    .rl-about-grid,
    .rl-industry-capabilities,
    .rl-post-grid,
    .rl-blog-grid,
    .rl-archive-grid,
    .rl-search-results {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .rl-services-grid .rl-service-card {
        grid-column: auto;
    }

    .rl-services-grid .rl-service-card:nth-child(4) {
        grid-column: auto;
    }

    .rl-services-grid .rl-service-card:nth-child(5) {
        grid-column: 1 / -1;
        width: calc(50% - 12px);
        justify-self: center;
    }

    .rl-footer-grid {
        grid-template-columns: 1.2fr repeat(2,minmax(0,1fr));
    }
}


/* =========================================================
   37. RESPONSIVE - 900
   ========================================================= */

@media (max-width: 900px) {

    .rl-section {
        padding: 74px 0;
    }

    .rl-home-hero,
    .rl-page-hero,
    .rl-subservice-hero {
        padding: 62px 0;
    }

    .rl-hero-grid,
    .rl-page-hero__grid,
    .rl-subservice-hero__grid,
    .rl-feature-split,
    .rl-split,
    .rl-content-split,
    .rl-about-split,
    .rl-marketplace-split,
    .rl-contact-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-hero-visual {
        width: min(100%,680px);
    }

    .rl-category-grid,
    .rl-local-category-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .rl-footer-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .rl-footer-brand {
        grid-column: 1 / -1;
        max-width: 520px;
    }
}


/* =========================================================
   38. RESPONSIVE - ADMIN BAR
   ========================================================= */

@media (max-width: 782px) {

    .admin-bar .rl-site-header {
        top: 46px;
    }
}


/* =========================================================
   39. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body {
        font-size: 15.5px;
    }

    .rl-container,
    .rl-container-wide {
        width: min(calc(100% - 28px), var(--rl-container));
    }

    h1 {
        font-size: clamp(2.15rem,10vw,3rem);
    }

    h2 {
        font-size: clamp(1.75rem,8vw,2.35rem);
    }

    .rl-section {
        padding: 58px 0;
    }

    .rl-section--compact {
        padding: 48px 0;
    }

    .rl-home-hero,
    .rl-page-hero,
    .rl-subservice-hero {
        padding: 50px 0 54px;
    }

    .rl-grid--2,
    .rl-grid--3,
    .rl-grid--4,
    .rl-grid--5,
    .rl-services-grid,
    .rl-capabilities-grid,
    .rl-feature-grid,
    .rl-industry-grid,
    .rl-value-grid,
    .rl-about-grid,
    .rl-industry-capabilities,
    .rl-post-grid,
    .rl-blog-grid,
    .rl-archive-grid,
    .rl-search-results,
    .rl-process-grid,
    .rl-steps-grid,
    .rl-stats-grid,
    .rl-metrics-grid,
    .rl-marketplace-paths,
    .rl-local-paths,
    .rl-category-grid,
    .rl-local-category-grid,
    .rl-form-grid {
        grid-template-columns: 1fr;
    }

    .rl-services-grid .rl-service-card,
    .rl-services-grid .rl-service-card:nth-child(4),
    .rl-services-grid .rl-service-card:nth-child(5) {
        grid-column: auto;
        width: 100%;
        justify-self: stretch;
    }

    .rl-header-inner {
        min-height: 68px;
    }

    .rl-logo-image {
        max-width: 175px;
        height: 39px;
    }

    .rl-header-cta {
        display: none;
    }

    .rl-mobile-menu-panel {
        width: min(390px,calc(100vw - 28px));
    }

    .rl-dashboard-row,
    .rl-status-row {
        grid-template-columns: 1fr;
    }

    .rl-card__inner,
    .rl-capability-card,
    .rl-feature-card,
    .rl-industry-card,
    .rl-marketplace-path,
    .rl-local-path {
        padding: 22px;
    }

    .rl-service-card__content {
        padding: 22px;
    }

    .rl-service-card__media {
        aspect-ratio: 3 / 2;
    }

    .rl-form-card,
    .rl-contact-form-card,
    .rl-request-form-card,
    .rl-provider-form-card {
        padding: 24px;
    }

    .rl-search-form {
        flex-direction: column;
    }

    .rl-search-form__submit {
        width: 100%;
    }

    .rl-final-cta {
        padding: 58px 0;
    }

    .rl-final-cta-box,
    .rl-cta-box {
        padding: 30px 24px;
    }

    .rl-footer-main {
        padding: 54px 0 42px;
    }

    .rl-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .rl-footer-brand {
        grid-column: auto;
    }

    .rl-footer-bottom-inner {
        min-height: 0;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 0;
    }
}


/* =========================================================
   40. SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    .rl-container,
    .rl-container-wide {
        width: calc(100% - 24px);
    }

    .rl-home-hero,
    .rl-page-hero,
    .rl-subservice-hero {
        padding: 44px 0 48px;
    }

    .rl-header-inner {
        min-height: 64px;
    }

    .rl-logo-image {
        max-width: 150px;
        height: 35px;
    }

    .rl-mobile-menu-panel {
        width: calc(100vw - 24px);
    }

    .rl-hero-actions .rl-btn,
    .rl-action-row .rl-btn,
    .rl-cta-actions .rl-btn {
        width: 100%;
    }

    .rl-service-card__content {
        padding: 20px;
    }

    .rl-form-card,
    .rl-contact-form-card,
    .rl-request-form-card,
    .rl-provider-form-card {
        padding: 20px 16px;
    }

    .rl-final-cta-box,
    .rl-cta-box {
        padding: 27px 20px;
    }
}


/* =========================================================
   41. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* =========================================================
   END
   RAPIDLINKER V1
   ========================================================= */
   /* =========================================================
   RAPIDLINKER V1
   HOMEPAGE FINAL POLISH
   ========================================================= */


/* =========================================================
   CCTV MONITORING
   ========================================================= */

.rl-home-monitoring .rl-feature-split {
    align-items: center;
}

.rl-home-monitoring .rl-feature-split__content {
    max-width: 570px;
}

.rl-cctv-dashboard {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.11);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-lg);
}

.rl-cctv-dashboard__top {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    background: var(--rl-brand-900);
}

.rl-cctv-dashboard__title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rl-cctv-dashboard__mark {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--rl-accent-400);
    box-shadow: 0 0 0 5px rgba(106, 166, 159, 0.10);
}

.rl-cctv-dashboard__title strong,
.rl-cctv-dashboard__title span {
    display: block;
}

.rl-cctv-dashboard__title strong {
    color: var(--rl-white);
    font-size: 0.94rem;
}

.rl-cctv-dashboard__title span {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 0.72rem;
}

.rl-cctv-dashboard__status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(106, 166, 159, 0.22);
    border-radius: 999px;
    background: rgba(106, 166, 159, 0.08);
    color: var(--rl-accent-300);
    font-size: 0.72rem;
    font-weight: 700;
}

.rl-cctv-dashboard__status > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--rl-accent-400);
}

.rl-cctv-feeds {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
}

.rl-cctv-feed {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 11px;
    background: var(--rl-brand-850);
}

.rl-cctv-feed__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-cctv-feed__bar span {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.72rem;
    font-weight: 650;
}

.rl-cctv-feed__bar small {
    color: rgba(255, 255, 255, 0.34);
    font-size: 0.62rem;
}

.rl-cctv-feed__scene {
    position: relative;
    min-height: 118px;
    overflow: hidden;
    background:
        linear-gradient(
            180deg,
            rgba(71, 139, 131, 0.08),
            rgba(11, 20, 24, 0.16)
        ),
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 39px,
            rgba(255, 255, 255, 0.025) 40px
        ),
        repeating-linear-gradient(
            0deg,
            transparent 0,
            transparent 39px,
            rgba(255, 255, 255, 0.025) 40px
        ),
        var(--rl-brand-800);
}

.rl-cctv-feed__scene::before {
    content: "";
    position: absolute;
    right: 10%;
    bottom: 15%;
    width: 32%;
    height: 42%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.025);
}

.rl-cctv-feed__focus {
    position: absolute;
    top: 29%;
    left: 28%;
    width: 30px;
    height: 42px;
    border: 1px solid rgba(106, 166, 159, 0.52);
    border-radius: 3px;
}

.rl-cctv-feed__focus--right {
    right: 27%;
    left: auto;
}

.rl-cctv-feed__focus--small {
    top: 39%;
    width: 24px;
    height: 30px;
}

.rl-cctv-feed__line {
    position: absolute;
    display: block;
    height: 1px;
    background: rgba(255, 255, 255, 0.11);
}

.rl-cctv-feed__line--one {
    bottom: 25%;
    left: 8%;
    width: 42%;
}

.rl-cctv-feed__line--two {
    right: 8%;
    bottom: 34%;
    width: 34%;
}

.rl-cctv-feed__line--three {
    bottom: 20%;
    left: 14%;
    width: 55%;
}

.rl-cctv-feed__line--four {
    right: 12%;
    bottom: 48%;
    width: 28%;
}

.rl-cctv-workflow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.08);
}

.rl-cctv-workflow__item {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    padding: 15px 13px;
    background: var(--rl-brand-900);
}

.rl-cctv-workflow__icon {
    display: inline-flex;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(106, 166, 159, 0.20);
    border-radius: 8px;
    background: rgba(106, 166, 159, 0.08);
    color: var(--rl-accent-300);
    font-size: 0.66rem;
    font-weight: 750;
}

.rl-cctv-workflow__item strong,
.rl-cctv-workflow__item span {
    display: block;
}

.rl-cctv-workflow__item strong {
    color: var(--rl-white);
    font-size: 0.75rem;
}

.rl-cctv-workflow__item div > span {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.40);
    font-size: 0.61rem;
    line-height: 1.35;
}


/* =========================================================
   WHY RAPID LINKER
   ========================================================= */

.rl-home-values .rl-section-header {
    max-width: 820px;
}

.rl-home-value-card {
    position: relative;
    min-height: 230px;
    overflow: hidden;
    padding: 30px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-home-value-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: var(--rl-accent-700);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform var(--rl-transition);
}

.rl-home-value-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-home-value-card:hover::after {
    transform: scaleX(1);
}

.rl-home-value-card__icon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 12px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.72rem;
    font-weight: 800;
}

.rl-home-value-card h3 {
    margin-bottom: 11px;
    font-size: 1.24rem;
}

.rl-home-value-card p {
    margin-bottom: 0;
}


/* =========================================================
   BUSINESS SUPPORT
   ========================================================= */

.rl-home-support .rl-section-header {
    max-width: 800px;
}

.rl-support-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.rl-support-card {
    display: flex;
    min-width: 0;
    min-height: 275px;
    flex-direction: column;
    padding: 30px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-support-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-support-card__icon {
    display: inline-flex;
    width: 56px;
    height: 56px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-support-card__icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-support-card h3 {
    margin-bottom: 11px;
    font-size: 1.24rem;
}

.rl-support-card p {
    margin-bottom: 26px;
    color: var(--rl-text-soft);
    font-size: 0.92rem;
    line-height: 1.65;
}

.rl-support-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: 0.82rem;
    font-weight: 700;
}

.rl-support-card:hover .rl-support-card__link {
    color: var(--rl-accent-600);
}

@media (max-width: 1100px) {

    .rl-support-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-support-card {
        min-height: 250px;
    }
}

@media (max-width: 767px) {

    .rl-support-grid {
        grid-template-columns: 1fr;
    }

    .rl-support-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-support-card__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 22px;
    }

    .rl-support-card__icon svg {
        width: 25px;
        height: 25px;
    }
}

@media (max-width: 390px) {

    .rl-support-card {
        padding: 21px;
    }
}

/* =========================================================
   HOW WE WORK
   ========================================================= */

.rl-home-process .rl-process-grid {
    position: relative;
    gap: 18px;
}

.rl-home-process .rl-process-grid::before {
    content: "";
    position: absolute;
    top: 43px;
    right: 9%;
    left: 9%;
    z-index: 0;
    height: 1px;
    background: var(--rl-border-strong);
}

.rl-home-process .rl-process-card {
    position: relative;
    z-index: 1;
    min-height: 235px;
    padding: 27px 25px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-home-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-home-process .rl-process-number {
    position: relative;
    z-index: 2;
    width: 42px;
    height: 42px;
    box-sizing: content-box;
    margin-bottom: 27px;
    border: 5px solid var(--rl-surface);
    box-shadow: 0 0 0 1px var(--rl-border);
}

.rl-home-process .rl-process-card h3 {
    margin-bottom: 10px;
    font-size: 1.2rem;
}


/* =========================================================
   INDUSTRIES
   ========================================================= */

.rl-home-industry-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.rl-home-industry-card {
    position: relative;
    min-height: 210px;
    overflow: hidden;
    padding: 30px;
}

.rl-home-industry-card::after {
    content: "→";
    position: absolute;
    right: 28px;
    bottom: 24px;
    color: var(--rl-border-strong);
    font-size: 1.25rem;
    transition:
        color var(--rl-transition),
        transform var(--rl-transition);
}

.rl-home-industry-card:hover::after {
    color: var(--rl-accent-700);
    transform: translateX(3px);
}

.rl-home-industry-card__label {
    display: inline-flex;
    margin-bottom: 27px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.69rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-home-industry-card h3 {
    margin-bottom: 10px;
    font-size: 1.28rem;
}

.rl-home-industry-card p {
    max-width: 470px;
    margin-bottom: 0;
    padding-right: 35px;
}

.rl-home-industries .rl-action-row {
    margin-top: 30px;
}


/* =========================================================
   ONE BUSINESS PARTNER
   ========================================================= */

.rl-home-partner {
    overflow: hidden;
}

.rl-home-partner .rl-feature-split {
    align-items: center;
    gap: 70px;
}

.rl-home-partner .rl-feature-split__content {
    max-width: 590px;
}

.rl-home-partner__link {
    margin-top: 9px;
    color: var(--rl-accent-300);
}

.rl-home-partner__link:hover {
    color: var(--rl-white);
}

.rl-home-partner__panel {
    padding: 34px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--rl-radius-lg);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.13);
}

.rl-home-partner__panel-label {
    display: block;
    margin-bottom: 22px;
    color: var(--rl-accent-300);
    font-size: 0.73rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rl-home-partner__panel .rl-check-list {
    gap: 0;
    margin-top: 0;
}

.rl-home-partner__panel .rl-check-list li {
    min-height: 54px;
    padding: 14px 10px 14px 34px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-home-partner__panel .rl-check-list li:last-child {
    border-bottom: 0;
}

.rl-home-partner__panel .rl-check-list li::before {
    top: 14px;
    left: 4px;
}


/* =========================================================
   HOMEPAGE RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    .rl-home-process .rl-process-grid::before {
        display: none;
    }
}

@media (max-width: 900px) {

    .rl-home-partner .rl-feature-split {
        gap: 38px;
    }

    .rl-cctv-dashboard {
        width: min(100%, 700px);
    }

    .rl-home-value-card,
    .rl-support-card,
    .rl-home-process .rl-process-card,
    .rl-home-industry-card {
        min-height: 0;
    }
}

@media (max-width: 767px) {

    .rl-cctv-dashboard__top {
        min-height: 64px;
        padding: 14px;
    }

    .rl-cctv-dashboard__status {
        padding: 6px 8px;
        font-size: 0.65rem;
    }

    .rl-cctv-feeds {
        grid-template-columns: 1fr;
        padding: 10px;
    }

    .rl-cctv-feed__scene {
        min-height: 145px;
    }

    .rl-cctv-workflow {
        grid-template-columns: 1fr;
    }

    .rl-cctv-workflow__item {
        padding: 13px 14px;
    }

    .rl-home-value-card,
    .rl-support-card,
    .rl-home-industry-card {
        padding: 24px;
    }

    .rl-home-value-card__icon,
    .rl-support-card__mark {
        margin-bottom: 21px;
    }

    .rl-home-industry-grid {
        grid-template-columns: 1fr;
    }

    .rl-home-industry-card::after {
        right: 22px;
        bottom: 20px;
    }

    .rl-home-partner__panel {
        padding: 24px;
    }
}

@media (max-width: 390px) {

    .rl-cctv-dashboard__title span {
        display: none;
    }

    .rl-cctv-dashboard__status {
        font-size: 0;
    }

    .rl-cctv-dashboard__status > span {
        width: 7px;
        height: 7px;
    }

    .rl-home-value-card,
    .rl-support-card,
    .rl-home-industry-card,
    .rl-home-partner__panel {
        padding: 21px;
    }
}
/* =========================================================
   AEO SERVICES PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-aeo-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.08),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-aeo-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
    align-items: center;
    gap: 58px;
}

.rl-aeo-hero__content {
    max-width: 700px;
}

.rl-aeo-hero__content h1 {
    max-width: 700px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-aeo-hero__intro {
    max-width: 640px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   HERO AEO CONSOLE
   --------------------------------------------------------- */

.rl-aeo-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.11);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-md);
}

.rl-aeo-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 19px;
    background: var(--rl-brand-950);
}

.rl-aeo-console__top div > span,
.rl-aeo-console__top strong {
    display: block;
}

.rl-aeo-console__top div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-aeo-console__top strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-aeo-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.24);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-aeo-console__question {
    padding: 18px;
    border-bottom: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-aeo-console__question span,
.rl-aeo-console__question strong {
    display: block;
}

.rl-aeo-console__question span {
    margin-bottom: 7px;
    color: var(--rl-text-muted);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-aeo-console__question strong {
    color: var(--rl-brand-950);
    font-size: 0.92rem;
    line-height: 1.5;
}

.rl-aeo-console__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 18px;
}

.rl-aeo-console__item {
    min-height: 82px;
    padding: 14px;
    border: 1px solid var(--rl-border);
    border-radius: 11px;
    background: var(--rl-off-white);
}

.rl-aeo-console__item span,
.rl-aeo-console__item small {
    display: block;
}

.rl-aeo-console__item span {
    margin-bottom: 4px;
    color: var(--rl-brand-950);
    font-size: 0.84rem;
    font-weight: 750;
}

.rl-aeo-console__item small {
    color: var(--rl-text-muted);
    font-size: 0.67rem;
    line-height: 1.45;
}

.rl-aeo-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-aeo-console__footer span {
    color: var(--rl-text-soft);
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
}

.rl-aeo-console__footer span:nth-child(2),
.rl-aeo-console__footer span:nth-child(4) {
    color: var(--rl-accent-600);
}


/* ---------------------------------------------------------
   AEO SERVICE CARDS
   --------------------------------------------------------- */

.rl-aeo-services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-aeo-service-card {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-aeo-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-aeo-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-aeo-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-aeo-service-card h3 {
    margin-bottom: 11px;
    font-size: 1.18rem;
}

.rl-aeo-service-card p {
    margin-bottom: 0;
    color: var(--rl-text-soft);
    font-size: 0.91rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   INFORMATION CLARITY
   --------------------------------------------------------- */

.rl-aeo-understanding__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    align-items: center;
    gap: 64px;
}

.rl-aeo-understanding__grid > div:first-child {
    max-width: 590px;
}

.rl-aeo-understanding__grid p {
    line-height: 1.74;
}

.rl-aeo-understanding__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-aeo-understanding__item {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-aeo-understanding__item:last-child {
    border-bottom: 0;
}

.rl-aeo-understanding__item strong,
.rl-aeo-understanding__item span {
    display: block;
}

.rl-aeo-understanding__item strong {
    margin-bottom: 5px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-aeo-understanding__item span {
    color: var(--rl-text-soft);
    font-size: 0.86rem;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   ANSWER-FOCUSED CONTENT
   --------------------------------------------------------- */

.rl-aeo-content .rl-card {
    height: 100%;
}

.rl-aeo-content .rl-card__inner {
    height: 100%;
}


/* ---------------------------------------------------------
   SEO + AEO
   --------------------------------------------------------- */

.rl-aeo-seo__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-aeo-seo__grid > div:first-child {
    max-width: 620px;
}

.rl-aeo-seo__grid p {
    line-height: 1.74;
}

.rl-aeo-seo__panel {
    display: grid;
    gap: 14px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-aeo-seo__panel > div:not(.rl-aeo-seo__connector) {
    padding: 22px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-aeo-seo__panel span,
.rl-aeo-seo__panel strong {
    display: block;
}

.rl-aeo-seo__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-aeo-seo__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.94rem;
    line-height: 1.55;
}

.rl-aeo-seo__connector {
    text-align: center;
    color: var(--rl-accent-600);
    font-size: 1.3rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   BUSINESS USE CASES
   --------------------------------------------------------- */

.rl-aeo-businesses .rl-card {
    height: 100%;
}

.rl-aeo-businesses .rl-card__inner {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.rl-aeo-businesses .rl-text-link {
    margin-top: auto;
    padding-top: 18px;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-aeo-process .rl-process-card {
    min-height: 240px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-aeo-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   EXPECTATIONS
   --------------------------------------------------------- */

.rl-aeo-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 64px;
}

.rl-aeo-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-aeo-expectations__grid > div:last-child {
    max-width: 680px;
}

.rl-aeo-expectations__grid p {
    line-height: 1.75;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-aeo-faq .rl-section-header {
    max-width: 760px;
}

.rl-aeo-faq .rl-faq-list {
    max-width: 920px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   OFFICIAL RESOURCES
   --------------------------------------------------------- */

.rl-aeo-resources__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(500px, 1.12fr);
    align-items: start;
    gap: 60px;
}

.rl-aeo-resources__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.rl-aeo-resources__links > a {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-aeo-resources__links > a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-aeo-resources__links strong,
.rl-aeo-resources__links span,
.rl-aeo-resources__links small {
    display: block;
}

.rl-aeo-resources__links strong {
    margin-bottom: 8px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-aeo-resources__links span {
    color: var(--rl-text-soft);
    font-size: 0.83rem;
    line-height: 1.62;
}

.rl-aeo-resources__links small {
    margin-top: auto;
    padding-top: 18px;
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-aeo-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-aeo-understanding__grid,
    .rl-aeo-seo__grid,
    .rl-aeo-expectations__grid,
    .rl-aeo-resources__grid {
        gap: 42px;
    }

    .rl-aeo-resources__grid {
        grid-template-columns: minmax(0, 0.8fr) minmax(440px, 1.2fr);
    }
}


@media (max-width: 900px) {

    .rl-aeo-hero {
        padding: 50px 0;
    }

    .rl-aeo-hero__grid,
    .rl-aeo-understanding__grid,
    .rl-aeo-seo__grid,
    .rl-aeo-expectations__grid,
    .rl-aeo-resources__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-aeo-console {
        width: min(100%, 680px);
    }

    .rl-aeo-resources__links {
        max-width: 720px;
    }
}


@media (max-width: 767px) {

    .rl-aeo-hero {
        padding: 44px 0 48px;
    }

    .rl-aeo-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-aeo-console__body {
        grid-template-columns: 1fr;
    }

    .rl-aeo-services__grid {
        grid-template-columns: 1fr;
    }

    .rl-aeo-service-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-aeo-service-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 21px;
    }

    .rl-aeo-service-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .rl-aeo-understanding__item {
        padding: 19px 20px;
    }

    .rl-aeo-seo__panel {
        padding: 18px;
    }

    .rl-aeo-seo__panel > div:not(.rl-aeo-seo__connector) {
        padding: 19px;
    }

    .rl-aeo-resources__links {
        grid-template-columns: 1fr;
    }

    .rl-aeo-resources__links > a {
        min-height: 0;
    }
}


@media (max-width: 390px) {

    .rl-aeo-console__top {
        padding: 15px;
    }

    .rl-aeo-console__question {
        padding: 15px;
    }

    .rl-aeo-console__body {
        padding: 12px;
    }

    .rl-aeo-console__footer {
        padding: 12px;
    }

    .rl-aeo-service-card {
        padding: 21px;
    }

    .rl-aeo-understanding__item {
        padding: 18px;
    }

    .rl-aeo-seo__panel {
        padding: 15px;
    }
}
/* =========================================================
   META ADS PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-meta-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.08),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-meta-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
    align-items: center;
    gap: 58px;
}

.rl-meta-hero__content {
    max-width: 700px;
}

.rl-meta-hero__content h1 {
    max-width: 700px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-meta-hero__intro {
    max-width: 640px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   META CAMPAIGN CONSOLE
   --------------------------------------------------------- */

.rl-meta-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.11);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-md);
}

.rl-meta-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 19px;
    background: var(--rl-brand-950);
}

.rl-meta-console__top div > span,
.rl-meta-console__top strong {
    display: block;
}

.rl-meta-console__top div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-meta-console__top strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-meta-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.24);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-meta-console__objective {
    padding: 18px;
    border-bottom: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-meta-console__objective span,
.rl-meta-console__objective strong {
    display: block;
}

.rl-meta-console__objective span {
    margin-bottom: 7px;
    color: var(--rl-text-muted);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-meta-console__objective strong {
    color: var(--rl-brand-950);
    font-size: 0.92rem;
    line-height: 1.5;
}

.rl-meta-console__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 18px;
}

.rl-meta-console__item {
    min-height: 82px;
    padding: 14px;
    border: 1px solid var(--rl-border);
    border-radius: 11px;
    background: var(--rl-off-white);
}

.rl-meta-console__item span,
.rl-meta-console__item small {
    display: block;
}

.rl-meta-console__item span {
    margin-bottom: 4px;
    color: var(--rl-brand-950);
    font-size: 0.84rem;
    font-weight: 750;
}

.rl-meta-console__item small {
    color: var(--rl-text-muted);
    font-size: 0.67rem;
    line-height: 1.45;
}

.rl-meta-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-meta-console__footer span {
    color: var(--rl-text-soft);
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
}

.rl-meta-console__footer span:nth-child(2),
.rl-meta-console__footer span:nth-child(4) {
    color: var(--rl-accent-600);
}


/* ---------------------------------------------------------
   META ADS SERVICE CARDS
   --------------------------------------------------------- */

.rl-meta-services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-meta-service-card {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-meta-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-meta-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-meta-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-meta-service-card h3 {
    margin-bottom: 11px;
    font-size: 1.18rem;
}

.rl-meta-service-card p {
    margin-bottom: 0;
    color: var(--rl-text-soft);
    font-size: 0.91rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   CAMPAIGN FOUNDATION
   --------------------------------------------------------- */

.rl-meta-foundation__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    align-items: center;
    gap: 64px;
}

.rl-meta-foundation__grid > div:first-child {
    max-width: 590px;
}

.rl-meta-foundation__grid p {
    line-height: 1.74;
}

.rl-meta-foundation__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-meta-foundation__item {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-meta-foundation__item:last-child {
    border-bottom: 0;
}

.rl-meta-foundation__item strong,
.rl-meta-foundation__item span {
    display: block;
}

.rl-meta-foundation__item strong {
    margin-bottom: 5px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-meta-foundation__item span {
    color: var(--rl-text-soft);
    font-size: 0.86rem;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   CREATIVE / MEASUREMENT / BUSINESS CARDS
   --------------------------------------------------------- */

.rl-meta-creative .rl-card,
.rl-meta-measurement .rl-card,
.rl-meta-businesses .rl-card {
    height: 100%;
}

.rl-meta-creative .rl-card__inner,
.rl-meta-measurement .rl-card__inner,
.rl-meta-businesses .rl-card__inner {
    height: 100%;
}

.rl-meta-businesses .rl-card__inner {
    display: flex;
    flex-direction: column;
}

.rl-meta-businesses .rl-text-link {
    margin-top: auto;
    padding-top: 18px;
}


/* ---------------------------------------------------------
   AUDIENCE STRATEGY
   --------------------------------------------------------- */

.rl-meta-audience__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-meta-audience__grid > div:first-child {
    max-width: 620px;
}

.rl-meta-audience__grid p {
    line-height: 1.74;
}

.rl-meta-audience__panel {
    display: grid;
    gap: 12px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-meta-audience__panel > div {
    padding: 21px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-meta-audience__panel span,
.rl-meta-audience__panel strong {
    display: block;
}

.rl-meta-audience__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-meta-audience__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.55;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-meta-process .rl-process-card {
    min-height: 240px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-meta-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   CONNECTED GROWTH
   --------------------------------------------------------- */

.rl-meta-growth__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-meta-growth__grid > div:first-child {
    max-width: 620px;
}

.rl-meta-growth__grid p {
    line-height: 1.74;
}

.rl-meta-growth__panel {
    display: grid;
    gap: 12px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-meta-growth__panel > div {
    padding: 21px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-meta-growth__panel span,
.rl-meta-growth__panel strong {
    display: block;
}

.rl-meta-growth__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-meta-growth__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.55;
}


/* ---------------------------------------------------------
   REALISTIC EXPECTATIONS
   --------------------------------------------------------- */

.rl-meta-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 64px;
}

.rl-meta-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-meta-expectations__grid > div:last-child {
    max-width: 680px;
}

.rl-meta-expectations__grid p {
    line-height: 1.75;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-meta-faq .rl-section-header {
    max-width: 760px;
}

.rl-meta-faq .rl-faq-list {
    max-width: 920px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   OFFICIAL RESOURCE
   --------------------------------------------------------- */

.rl-meta-resources__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(400px, 1.1fr);
    align-items: center;
    gap: 60px;
}

.rl-meta-resources__links {
    max-width: 540px;
}

.rl-meta-resources__links > a {
    display: flex;
    min-height: 175px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-meta-resources__links > a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-meta-resources__links strong,
.rl-meta-resources__links span,
.rl-meta-resources__links small {
    display: block;
}

.rl-meta-resources__links strong {
    margin-bottom: 8px;
    color: var(--rl-brand-950);
    font-size: 1rem;
}

.rl-meta-resources__links span {
    color: var(--rl-text-soft);
    font-size: 0.85rem;
    line-height: 1.62;
}

.rl-meta-resources__links small {
    margin-top: auto;
    padding-top: 18px;
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-meta-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-meta-foundation__grid,
    .rl-meta-audience__grid,
    .rl-meta-growth__grid,
    .rl-meta-expectations__grid,
    .rl-meta-resources__grid {
        gap: 42px;
    }
}


@media (max-width: 900px) {

    .rl-meta-hero {
        padding: 50px 0;
    }

    .rl-meta-hero__grid,
    .rl-meta-foundation__grid,
    .rl-meta-audience__grid,
    .rl-meta-growth__grid,
    .rl-meta-expectations__grid,
    .rl-meta-resources__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-meta-console {
        width: min(100%, 680px);
    }

    .rl-meta-resources__links {
        max-width: 680px;
    }
}


@media (max-width: 767px) {

    .rl-meta-hero {
        padding: 44px 0 48px;
    }

    .rl-meta-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-meta-console__body {
        grid-template-columns: 1fr;
    }

    .rl-meta-services__grid {
        grid-template-columns: 1fr;
    }

    .rl-meta-service-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-meta-service-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 21px;
    }

    .rl-meta-service-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .rl-meta-foundation__item {
        padding: 19px 20px;
    }

    .rl-meta-audience__panel,
    .rl-meta-growth__panel {
        padding: 18px;
    }

    .rl-meta-audience__panel > div,
    .rl-meta-growth__panel > div {
        padding: 19px;
    }

    .rl-meta-resources__links > a {
        min-height: 0;
        padding: 22px;
    }
}


@media (max-width: 390px) {

    .rl-meta-console__top,
    .rl-meta-console__objective {
        padding: 15px;
    }

    .rl-meta-console__body {
        padding: 12px;
    }

    .rl-meta-console__footer {
        padding: 12px;
    }

    .rl-meta-service-card {
        padding: 21px;
    }

    .rl-meta-foundation__item {
        padding: 18px;
    }

    .rl-meta-audience__panel,
    .rl-meta-growth__panel {
        padding: 15px;
    }
}
/* =========================================================
   TIKTOK ADS PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-tiktok-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.08),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-tiktok-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
    align-items: center;
    gap: 58px;
}

.rl-tiktok-hero__content {
    max-width: 700px;
}

.rl-tiktok-hero__content h1 {
    max-width: 720px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-tiktok-hero__intro {
    max-width: 640px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   TIKTOK CREATIVE CONSOLE
   --------------------------------------------------------- */

.rl-tiktok-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.11);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-md);
}

.rl-tiktok-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 19px;
    background: var(--rl-brand-950);
}

.rl-tiktok-console__top div > span,
.rl-tiktok-console__top strong {
    display: block;
}

.rl-tiktok-console__top div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-tiktok-console__top strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-tiktok-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.24);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-tiktok-console__creative {
    padding: 18px;
    border-bottom: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-tiktok-console__screen {
    position: relative;
    min-height: 148px;
    padding: 26px;
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            rgba(40, 95, 90, 0.08),
            rgba(255, 255, 255, 0.9)
        ),
        var(--rl-white);
}

.rl-tiktok-console__screen::after {
    content: "";
    position: absolute;
    right: -34px;
    bottom: -42px;
    width: 150px;
    height: 150px;
    border: 1px solid rgba(71, 139, 131, 0.13);
    border-radius: 50%;
}

.rl-tiktok-console__play {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 50%;
    background: var(--rl-brand-950);
    color: var(--rl-white);
}

.rl-tiktok-console__play svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-tiktok-console__screen span,
.rl-tiktok-console__screen strong {
    position: relative;
    z-index: 1;
    display: block;
}

.rl-tiktok-console__screen span {
    margin-bottom: 6px;
    color: var(--rl-text-muted);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-tiktok-console__screen strong {
    max-width: 310px;
    color: var(--rl-brand-950);
    font-size: 0.95rem;
    line-height: 1.5;
}

.rl-tiktok-console__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 18px;
}

.rl-tiktok-console__item {
    min-height: 82px;
    padding: 14px;
    border: 1px solid var(--rl-border);
    border-radius: 11px;
    background: var(--rl-off-white);
}

.rl-tiktok-console__item span,
.rl-tiktok-console__item small {
    display: block;
}

.rl-tiktok-console__item span {
    margin-bottom: 4px;
    color: var(--rl-brand-950);
    font-size: 0.84rem;
    font-weight: 750;
}

.rl-tiktok-console__item small {
    color: var(--rl-text-muted);
    font-size: 0.67rem;
    line-height: 1.45;
}

.rl-tiktok-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-tiktok-console__footer span {
    color: var(--rl-text-soft);
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
}

.rl-tiktok-console__footer span:nth-child(2),
.rl-tiktok-console__footer span:nth-child(4) {
    color: var(--rl-accent-600);
}


/* ---------------------------------------------------------
   SERVICES
   --------------------------------------------------------- */

.rl-tiktok-services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-tiktok-service-card {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-tiktok-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-tiktok-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-tiktok-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-tiktok-service-card h3 {
    margin-bottom: 11px;
    font-size: 1.18rem;
}

.rl-tiktok-service-card p {
    margin-bottom: 0;
    color: var(--rl-text-soft);
    font-size: 0.91rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   CREATIVE FIRST
   --------------------------------------------------------- */

.rl-tiktok-creative__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    align-items: center;
    gap: 64px;
}

.rl-tiktok-creative__grid > div:first-child {
    max-width: 590px;
}

.rl-tiktok-creative__grid p {
    line-height: 1.74;
}

.rl-tiktok-creative__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-tiktok-creative__item {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-tiktok-creative__item:last-child {
    border-bottom: 0;
}

.rl-tiktok-creative__item strong,
.rl-tiktok-creative__item span {
    display: block;
}

.rl-tiktok-creative__item strong {
    margin-bottom: 5px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-tiktok-creative__item span {
    color: var(--rl-text-soft);
    font-size: 0.86rem;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   GENERIC TIKTOK CARD SECTIONS
   --------------------------------------------------------- */

.rl-tiktok-testing .rl-card,
.rl-tiktok-measurement .rl-card,
.rl-tiktok-businesses .rl-card {
    height: 100%;
}

.rl-tiktok-testing .rl-card__inner,
.rl-tiktok-measurement .rl-card__inner,
.rl-tiktok-businesses .rl-card__inner {
    height: 100%;
}

.rl-tiktok-businesses .rl-card__inner {
    display: flex;
    flex-direction: column;
}

.rl-tiktok-businesses .rl-text-link {
    margin-top: auto;
    padding-top: 18px;
}


/* ---------------------------------------------------------
   AFTER THE CLICK
   --------------------------------------------------------- */

.rl-tiktok-journey__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-tiktok-journey__grid > div:first-child {
    max-width: 620px;
}

.rl-tiktok-journey__grid p {
    line-height: 1.74;
}

.rl-tiktok-journey__panel {
    display: grid;
    gap: 10px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-tiktok-journey__panel > div:not(.rl-tiktok-journey__connector) {
    padding: 21px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-tiktok-journey__panel span,
.rl-tiktok-journey__panel strong {
    display: block;
}

.rl-tiktok-journey__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-tiktok-journey__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.55;
}

.rl-tiktok-journey__connector {
    color: var(--rl-accent-600);
    font-size: 1.15rem;
    font-weight: 700;
    text-align: center;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-tiktok-process .rl-process-card {
    min-height: 240px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-tiktok-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   CONNECTED GROWTH
   --------------------------------------------------------- */

.rl-tiktok-growth__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-tiktok-growth__grid > div:first-child {
    max-width: 620px;
}

.rl-tiktok-growth__grid p {
    line-height: 1.74;
}

.rl-tiktok-growth__panel {
    display: grid;
    gap: 12px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-tiktok-growth__panel > div {
    padding: 21px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-tiktok-growth__panel span,
.rl-tiktok-growth__panel strong {
    display: block;
}

.rl-tiktok-growth__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-tiktok-growth__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.55;
}


/* ---------------------------------------------------------
   EXPECTATIONS
   --------------------------------------------------------- */

.rl-tiktok-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 64px;
}

.rl-tiktok-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-tiktok-expectations__grid > div:last-child {
    max-width: 680px;
}

.rl-tiktok-expectations__grid p {
    line-height: 1.75;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-tiktok-faq .rl-section-header {
    max-width: 760px;
}

.rl-tiktok-faq .rl-faq-list {
    max-width: 920px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   OFFICIAL RESOURCE
   --------------------------------------------------------- */

.rl-tiktok-resources__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(400px, 1.1fr);
    align-items: center;
    gap: 60px;
}

.rl-tiktok-resources__links {
    max-width: 540px;
}

.rl-tiktok-resources__links > a {
    display: flex;
    min-height: 175px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-tiktok-resources__links > a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-tiktok-resources__links strong,
.rl-tiktok-resources__links span,
.rl-tiktok-resources__links small {
    display: block;
}

.rl-tiktok-resources__links strong {
    margin-bottom: 8px;
    color: var(--rl-brand-950);
    font-size: 1rem;
}

.rl-tiktok-resources__links span {
    color: var(--rl-text-soft);
    font-size: 0.85rem;
    line-height: 1.62;
}

.rl-tiktok-resources__links small {
    margin-top: auto;
    padding-top: 18px;
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-tiktok-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-tiktok-creative__grid,
    .rl-tiktok-journey__grid,
    .rl-tiktok-growth__grid,
    .rl-tiktok-expectations__grid,
    .rl-tiktok-resources__grid {
        gap: 42px;
    }
}


@media (max-width: 900px) {

    .rl-tiktok-hero {
        padding: 50px 0;
    }

    .rl-tiktok-hero__grid,
    .rl-tiktok-creative__grid,
    .rl-tiktok-journey__grid,
    .rl-tiktok-growth__grid,
    .rl-tiktok-expectations__grid,
    .rl-tiktok-resources__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-tiktok-console {
        width: min(100%, 680px);
    }

    .rl-tiktok-resources__links {
        max-width: 680px;
    }
}


@media (max-width: 767px) {

    .rl-tiktok-hero {
        padding: 44px 0 48px;
    }

    .rl-tiktok-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-tiktok-console__screen {
        min-height: 135px;
        padding: 22px;
    }

    .rl-tiktok-console__body {
        grid-template-columns: 1fr;
    }

    .rl-tiktok-services__grid {
        grid-template-columns: 1fr;
    }

    .rl-tiktok-service-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-tiktok-service-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 21px;
    }

    .rl-tiktok-service-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .rl-tiktok-creative__item {
        padding: 19px 20px;
    }

    .rl-tiktok-journey__panel,
    .rl-tiktok-growth__panel {
        padding: 18px;
    }

    .rl-tiktok-journey__panel > div:not(.rl-tiktok-journey__connector),
    .rl-tiktok-growth__panel > div {
        padding: 19px;
    }

    .rl-tiktok-resources__links > a {
        min-height: 0;
        padding: 22px;
    }
}


@media (max-width: 390px) {

    .rl-tiktok-console__top {
        padding: 15px;
    }

    .rl-tiktok-console__creative {
        padding: 12px;
    }

    .rl-tiktok-console__screen {
        padding: 18px;
    }

    .rl-tiktok-console__body {
        padding: 12px;
    }

    .rl-tiktok-console__footer {
        padding: 12px;
    }

    .rl-tiktok-service-card {
        padding: 21px;
    }

    .rl-tiktok-creative__item {
        padding: 18px;
    }

    .rl-tiktok-journey__panel,
    .rl-tiktok-growth__panel {
        padding: 15px;
    }
}
/* =========================================================
   GOOGLE ADS PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-google-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.08),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-google-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
    align-items: center;
    gap: 58px;
}

.rl-google-hero__content {
    max-width: 700px;
}

.rl-google-hero__content h1 {
    max-width: 720px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-google-hero__intro {
    max-width: 640px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   SEARCH CAMPAIGN CONSOLE
   --------------------------------------------------------- */

.rl-google-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.11);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-md);
}

.rl-google-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 19px;
    background: var(--rl-brand-950);
}

.rl-google-console__top div > span,
.rl-google-console__top strong {
    display: block;
}

.rl-google-console__top div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-google-console__top strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-google-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.24);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-google-console__search {
    padding: 18px;
    border-bottom: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-google-console__search > span {
    display: block;
    margin-bottom: 8px;
    color: var(--rl-text-muted);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-google-console__search-box {
    display: flex;
    min-height: 52px;
    align-items: center;
    gap: 11px;
    padding: 0 16px;
    border: 1px solid var(--rl-border);
    border-radius: 999px;
    background: var(--rl-white);
}

.rl-google-console__search-box svg {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    fill: none;
    stroke: var(--rl-accent-700);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-google-console__search-box strong {
    min-width: 0;
    overflow: hidden;
    color: var(--rl-brand-950);
    font-size: 0.82rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rl-google-console__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 18px;
}

.rl-google-console__item {
    min-height: 82px;
    padding: 14px;
    border: 1px solid var(--rl-border);
    border-radius: 11px;
    background: var(--rl-off-white);
}

.rl-google-console__item span,
.rl-google-console__item small {
    display: block;
}

.rl-google-console__item span {
    margin-bottom: 4px;
    color: var(--rl-brand-950);
    font-size: 0.84rem;
    font-weight: 750;
}

.rl-google-console__item small {
    color: var(--rl-text-muted);
    font-size: 0.67rem;
    line-height: 1.45;
}

.rl-google-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid var(--rl-border);
    background: var(--rl-surface);
}

.rl-google-console__footer span {
    color: var(--rl-text-soft);
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
}

.rl-google-console__footer span:nth-child(2),
.rl-google-console__footer span:nth-child(4) {
    color: var(--rl-accent-600);
}


/* ---------------------------------------------------------
   GOOGLE ADS SERVICE CARDS
   --------------------------------------------------------- */

.rl-google-services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-google-service-card {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-google-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-google-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-google-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-google-service-card h3 {
    margin-bottom: 11px;
    font-size: 1.18rem;
}

.rl-google-service-card p {
    margin-bottom: 0;
    color: var(--rl-text-soft);
    font-size: 0.91rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   SEARCH INTENT
   --------------------------------------------------------- */

.rl-google-intent__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    align-items: center;
    gap: 64px;
}

.rl-google-intent__grid > div:first-child {
    max-width: 590px;
}

.rl-google-intent__grid p {
    line-height: 1.74;
}

.rl-google-intent__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-google-intent__item {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-google-intent__item:last-child {
    border-bottom: 0;
}

.rl-google-intent__item strong,
.rl-google-intent__item span {
    display: block;
}

.rl-google-intent__item strong {
    margin-bottom: 5px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-google-intent__item span {
    color: var(--rl-text-soft);
    font-size: 0.86rem;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   STANDARD CARD SECTIONS
   --------------------------------------------------------- */

.rl-google-keywords .rl-card,
.rl-google-measurement .rl-card,
.rl-google-businesses .rl-card {
    height: 100%;
}

.rl-google-keywords .rl-card__inner,
.rl-google-measurement .rl-card__inner,
.rl-google-businesses .rl-card__inner {
    height: 100%;
}

.rl-google-businesses .rl-card__inner {
    display: flex;
    flex-direction: column;
}

.rl-google-businesses .rl-text-link {
    margin-top: auto;
    padding-top: 18px;
}


/* ---------------------------------------------------------
   SEARCH → AD → LANDING PAGE
   --------------------------------------------------------- */

.rl-google-journey__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-google-journey__grid > div:first-child {
    max-width: 620px;
}

.rl-google-journey__grid p {
    line-height: 1.74;
}

.rl-google-journey__panel {
    display: grid;
    gap: 10px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-google-journey__panel > div:not(.rl-google-journey__connector) {
    padding: 21px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-google-journey__panel span,
.rl-google-journey__panel strong {
    display: block;
}

.rl-google-journey__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-google-journey__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.55;
}

.rl-google-journey__connector {
    color: var(--rl-accent-600);
    font-size: 1.15rem;
    font-weight: 700;
    text-align: center;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-google-process .rl-process-card {
    min-height: 240px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-google-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   CONNECTED GROWTH
   --------------------------------------------------------- */

.rl-google-growth__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-google-growth__grid > div:first-child {
    max-width: 620px;
}

.rl-google-growth__grid p {
    line-height: 1.74;
}

.rl-google-growth__panel {
    display: grid;
    gap: 12px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-google-growth__panel > div {
    padding: 21px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-google-growth__panel span,
.rl-google-growth__panel strong {
    display: block;
}

.rl-google-growth__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-google-growth__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.55;
}


/* ---------------------------------------------------------
   EXPECTATIONS
   --------------------------------------------------------- */

.rl-google-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 64px;
}

.rl-google-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-google-expectations__grid > div:last-child {
    max-width: 680px;
}

.rl-google-expectations__grid p {
    line-height: 1.75;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-google-faq .rl-section-header {
    max-width: 760px;
}

.rl-google-faq .rl-faq-list {
    max-width: 920px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   OFFICIAL RESOURCES
   --------------------------------------------------------- */

.rl-google-resources__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(500px, 1.12fr);
    align-items: start;
    gap: 60px;
}

.rl-google-resources__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.rl-google-resources__links > a {
    display: flex;
    min-height: 195px;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-google-resources__links > a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-google-resources__links strong,
.rl-google-resources__links span,
.rl-google-resources__links small {
    display: block;
}

.rl-google-resources__links strong {
    margin-bottom: 8px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-google-resources__links span {
    color: var(--rl-text-soft);
    font-size: 0.83rem;
    line-height: 1.62;
}

.rl-google-resources__links small {
    margin-top: auto;
    padding-top: 18px;
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-google-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-google-intent__grid,
    .rl-google-journey__grid,
    .rl-google-growth__grid,
    .rl-google-expectations__grid,
    .rl-google-resources__grid {
        gap: 42px;
    }

    .rl-google-resources__grid {
        grid-template-columns: minmax(0, 0.8fr) minmax(440px, 1.2fr);
    }
}


@media (max-width: 900px) {

    .rl-google-hero {
        padding: 50px 0;
    }

    .rl-google-hero__grid,
    .rl-google-intent__grid,
    .rl-google-journey__grid,
    .rl-google-growth__grid,
    .rl-google-expectations__grid,
    .rl-google-resources__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-google-console {
        width: min(100%, 680px);
    }

    .rl-google-resources__links {
        max-width: 720px;
    }
}


@media (max-width: 767px) {

    .rl-google-hero {
        padding: 44px 0 48px;
    }

    .rl-google-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-google-console__body {
        grid-template-columns: 1fr;
    }

    .rl-google-services__grid {
        grid-template-columns: 1fr;
    }

    .rl-google-service-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-google-service-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 21px;
    }

    .rl-google-service-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .rl-google-intent__item {
        padding: 19px 20px;
    }

    .rl-google-journey__panel,
    .rl-google-growth__panel {
        padding: 18px;
    }

    .rl-google-journey__panel > div:not(.rl-google-journey__connector),
    .rl-google-growth__panel > div {
        padding: 19px;
    }

    .rl-google-resources__links {
        grid-template-columns: 1fr;
    }

    .rl-google-resources__links > a {
        min-height: 0;
        padding: 22px;
    }
}


@media (max-width: 390px) {

    .rl-google-console__top,
    .rl-google-console__search {
        padding: 15px;
    }

    .rl-google-console__search-box {
        padding: 0 13px;
    }

    .rl-google-console__body {
        padding: 12px;
    }

    .rl-google-console__footer {
        padding: 12px;
    }

    .rl-google-service-card {
        padding: 21px;
    }

    .rl-google-intent__item {
        padding: 18px;
    }

    .rl-google-journey__panel,
    .rl-google-growth__panel {
        padding: 15px;
    }
}
/* =========================================================
   REMOTE CCTV MONITORING PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-cctv-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.09),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-cctv-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-cctv-hero__content {
    max-width: 720px;
}

.rl-cctv-hero__content h1 {
    max-width: 740px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-cctv-hero__intro {
    max-width: 660px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   MONITORING CONSOLE
   --------------------------------------------------------- */

.rl-cctv-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-cctv-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-cctv-console__top > div > span,
.rl-cctv-console__top > div > strong {
    display: block;
}

.rl-cctv-console__top > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-cctv-console__top > div > strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-cctv-console__status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-cctv-console__status > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--rl-accent-300);
}

.rl-cctv-console__cameras {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 13px;
}

.rl-cctv-camera {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 10px;
    background: var(--rl-brand-900);
}

.rl-cctv-camera__visual {
    display: flex;
    min-height: 112px;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background:
        linear-gradient(
            135deg,
            rgba(106, 166, 159, 0.05),
            rgba(255, 255, 255, 0.01)
        );
}

.rl-cctv-camera__visual svg {
    width: 100%;
    max-width: 125px;
    height: auto;
    fill: none;
    stroke: rgba(186, 212, 208, 0.46);
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-cctv-camera__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-cctv-camera__label span {
    color: var(--rl-accent-300);
    font-size: 0.59rem;
    font-weight: 750;
    letter-spacing: 0.06em;
}

.rl-cctv-camera__label strong {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.67rem;
    font-weight: 650;
}

.rl-cctv-console__event {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.025);
}

.rl-cctv-console__event > div > span,
.rl-cctv-console__event > div > strong {
    display: block;
}

.rl-cctv-console__event > div > span {
    margin-bottom: 3px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-cctv-console__event > div > strong {
    color: var(--rl-white);
    font-size: 0.76rem;
}

.rl-cctv-console__event-state {
    flex: 0 0 auto;
    padding: 6px 9px;
    border-radius: 7px;
    background: rgba(71, 139, 131, 0.15);
    color: var(--rl-accent-300);
    font-size: 0.62rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   CAPABILITIES
   --------------------------------------------------------- */

.rl-cctv-capabilities__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.rl-cctv-capability-card {
    display: flex;
    min-height: 310px;
    flex-direction: column;
    padding: 30px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-cctv-capability-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-cctv-capability-card__icon {
    display: inline-flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-cctv-capability-card__icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-cctv-capability-card h3 {
    margin-bottom: 11px;
    color: var(--rl-brand-950);
    font-size: 1.22rem;
}

.rl-cctv-capability-card p {
    margin-bottom: 20px;
    color: var(--rl-text-soft);
    font-size: 0.92rem;
    line-height: 1.7;
}

.rl-cctv-capability-card__link {
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: 0.82rem;
    font-weight: 700;
}


/* ---------------------------------------------------------
   OPERATIONAL MONITORING
   --------------------------------------------------------- */

.rl-cctv-operations__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    align-items: center;
    gap: 64px;
}

.rl-cctv-operations__grid > div:first-child {
    max-width: 600px;
}

.rl-cctv-operations__grid p {
    line-height: 1.75;
}

.rl-cctv-operations__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-cctv-operations__item {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 16px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-cctv-operations__item:last-child {
    border-bottom: 0;
}

.rl-cctv-operations__item > span {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rl-accent-200);
    border-radius: 9px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.68rem;
    font-weight: 750;
}

.rl-cctv-operations__item strong {
    display: block;
    margin-bottom: 5px;
    color: var(--rl-brand-950);
    font-size: 0.95rem;
}

.rl-cctv-operations__item p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.84rem;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   MONITORING SCOPE
   --------------------------------------------------------- */

.rl-cctv-scope__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.rl-cctv-scope-card {
    min-height: 205px;
    padding: 25px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-cctv-scope-card h3 {
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.rl-cctv-scope-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.87rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   INCIDENT PATH
   --------------------------------------------------------- */

.rl-cctv-incident-path__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(410px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-cctv-incident-path__grid > div:first-child {
    max-width: 620px;
}

.rl-cctv-incident-path__grid p {
    line-height: 1.75;
}

.rl-cctv-incident-path__panel {
    display: grid;
    gap: 9px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-cctv-incident-path__panel > div:not(.rl-cctv-incident-path__connector) {
    padding: 20px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-cctv-incident-path__panel span,
.rl-cctv-incident-path__panel strong {
    display: block;
}

.rl-cctv-incident-path__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-cctv-incident-path__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.55;
}

.rl-cctv-incident-path__connector {
    color: var(--rl-accent-600);
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
}


/* ---------------------------------------------------------
   BUSINESS ENVIRONMENTS
   --------------------------------------------------------- */

.rl-cctv-environments__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.rl-cctv-environment-card {
    min-height: 205px;
    padding: 25px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-cctv-environment-card:hover {
    transform: translateY(-3px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-sm);
}

.rl-cctv-environment-card h3 {
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.rl-cctv-environment-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.87rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-cctv-process .rl-process-card {
    min-height: 250px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-cctv-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   MONITORING READINESS
   --------------------------------------------------------- */

.rl-cctv-readiness__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.88fr);
    align-items: center;
    gap: 64px;
}

.rl-cctv-readiness__grid > div:first-child {
    max-width: 620px;
}

.rl-cctv-readiness__grid p {
    line-height: 1.75;
}

.rl-cctv-readiness__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-cctv-readiness__panel > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-cctv-readiness__panel > div:last-child {
    border-bottom: 0;
}

.rl-cctv-readiness__panel span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 800;
}

.rl-cctv-readiness__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   RESPONSIBLE MONITORING
   --------------------------------------------------------- */

.rl-cctv-responsibility__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-cctv-responsibility__grid > div:first-child {
    max-width: 560px;
}

.rl-cctv-responsibility__grid > div:last-child {
    max-width: 690px;
}

.rl-cctv-responsibility__grid p {
    line-height: 1.76;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-cctv-faq .rl-section-header {
    max-width: 790px;
}

.rl-cctv-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   RESPONSIVE - TABLET / MOBILE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-cctv-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
        gap: 42px;
    }

    .rl-cctv-operations__grid,
    .rl-cctv-incident-path__grid,
    .rl-cctv-readiness__grid,
    .rl-cctv-responsibility__grid {
        gap: 42px;
    }

    .rl-cctv-scope__grid,
    .rl-cctv-environments__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 900px) {

    .rl-cctv-hero {
        padding: 50px 0;
    }

    .rl-cctv-hero__grid,
    .rl-cctv-operations__grid,
    .rl-cctv-incident-path__grid,
    .rl-cctv-readiness__grid,
    .rl-cctv-responsibility__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-cctv-console {
        width: min(100%, 680px);
    }
}


@media (max-width: 767px) {

    .rl-cctv-hero {
        padding: 44px 0 48px;
    }

    .rl-cctv-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-cctv-capabilities__grid,
    .rl-cctv-scope__grid,
    .rl-cctv-environments__grid {
        grid-template-columns: 1fr;
    }

    .rl-cctv-capability-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-cctv-capability-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 21px;
    }

    .rl-cctv-capability-card__icon svg {
        width: 24px;
        height: 24px;
    }

    .rl-cctv-scope-card,
    .rl-cctv-environment-card {
        min-height: 0;
        padding: 22px;
    }

    .rl-cctv-operations__item {
        padding: 18px 20px;
    }

    .rl-cctv-incident-path__panel {
        padding: 18px;
    }

    .rl-cctv-incident-path__panel > div:not(.rl-cctv-incident-path__connector) {
        padding: 18px;
    }

    .rl-cctv-readiness__panel > div {
        padding: 17px 19px;
    }
}


@media (max-width: 520px) {

    .rl-cctv-console__cameras {
        grid-template-columns: 1fr;
    }

    .rl-cctv-camera__visual {
        min-height: 105px;
    }
}


@media (max-width: 390px) {

    .rl-cctv-console__top {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-cctv-console__status {
        padding: 5px 8px;
        font-size: 0.6rem;
    }

    .rl-cctv-console__cameras {
        padding: 10px;
    }

    .rl-cctv-console__event {
        align-items: flex-start;
        flex-direction: column;
        padding: 14px;
    }

    .rl-cctv-capability-card {
        padding: 21px;
    }

    .rl-cctv-operations__item {
        grid-template-columns: 32px 1fr;
        gap: 12px;
        padding: 17px;
    }

    .rl-cctv-operations__item > span {
        width: 30px;
        height: 30px;
    }

    .rl-cctv-scope-card,
    .rl-cctv-environment-card {
        padding: 20px;
    }

    .rl-cctv-incident-path__panel {
        padding: 14px;
    }

    .rl-cctv-readiness__panel > div {
        padding: 16px;
    }
}
/* =========================================================
   LIVE CCTV MONITORING PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-livecctv-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.09),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-livecctv-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-livecctv-hero__content {
    max-width: 720px;
}

.rl-livecctv-hero__content h1 {
    max-width: 740px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-livecctv-hero__intro {
    max-width: 660px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   LIVE MONITORING CONSOLE
   --------------------------------------------------------- */

.rl-livecctv-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-livecctv-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-livecctv-console__top > div > span,
.rl-livecctv-console__top > div > strong {
    display: block;
}

.rl-livecctv-console__top > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-livecctv-console__top > div > strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-livecctv-console__status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-livecctv-console__status > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--rl-accent-300);
}

.rl-livecctv-console__main {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(145px, 0.55fr);
    gap: 10px;
    padding: 13px;
}

.rl-livecctv-console__feed,
.rl-livecctv-console__side > div {
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 10px;
    background: var(--rl-brand-900);
}

.rl-livecctv-console__feed {
    overflow: hidden;
}

.rl-livecctv-console__feed-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-livecctv-console__feed-head span {
    color: var(--rl-accent-300);
    font-size: 0.59rem;
    font-weight: 750;
    letter-spacing: 0.06em;
}

.rl-livecctv-console__feed-head strong {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.67rem;
}

.rl-livecctv-console__scene {
    position: relative;
    display: flex;
    min-height: 212px;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(106, 166, 159, 0.05),
            rgba(255, 255, 255, 0.01)
        );
}

.rl-livecctv-console__scene svg {
    width: 100%;
    height: auto;
    fill: none;
    stroke: rgba(186, 212, 208, 0.45);
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-livecctv-console__focus {
    position: absolute;
    top: 31%;
    left: 58%;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(106, 166, 159, 0.5);
    border-radius: 8px;
}

.rl-livecctv-console__focus::before,
.rl-livecctv-console__focus::after {
    content: "";
    position: absolute;
    background: var(--rl-accent-300);
}

.rl-livecctv-console__focus::before {
    top: 50%;
    left: -5px;
    width: 10px;
    height: 1px;
}

.rl-livecctv-console__focus::after {
    top: -5px;
    left: 50%;
    width: 1px;
    height: 10px;
}

.rl-livecctv-console__side {
    display: grid;
    gap: 10px;
}

.rl-livecctv-console__side > div {
    display: flex;
    min-height: 78px;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
}

.rl-livecctv-console__side span,
.rl-livecctv-console__side strong {
    display: block;
}

.rl-livecctv-console__side span {
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.57rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-livecctv-console__side strong {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.68rem;
    line-height: 1.45;
}

.rl-livecctv-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1.5fr;
    align-items: center;
    gap: 7px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-livecctv-console__footer span {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.64rem;
    font-weight: 700;
    text-align: center;
}

.rl-livecctv-console__footer span:nth-child(2),
.rl-livecctv-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* ---------------------------------------------------------
   FOUNDATIONS
   --------------------------------------------------------- */

.rl-livecctv-foundations__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-livecctv-foundation-card {
    min-height: 290px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-livecctv-foundation-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-livecctv-foundation-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-livecctv-foundation-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-livecctv-foundation-card h3 {
    margin-bottom: 10px;
    font-size: 1.12rem;
}

.rl-livecctv-foundation-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.89rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   HUMAN OBSERVATION
   --------------------------------------------------------- */

.rl-livecctv-observation__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    align-items: center;
    gap: 64px;
}

.rl-livecctv-observation__grid > div:first-child {
    max-width: 600px;
}

.rl-livecctv-observation__grid p {
    line-height: 1.75;
}

.rl-livecctv-observation__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-livecctv-observation__panel > div {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-livecctv-observation__panel > div:last-child {
    border-bottom: 0;
}

.rl-livecctv-observation__panel span,
.rl-livecctv-observation__panel strong {
    display: block;
}

.rl-livecctv-observation__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-livecctv-observation__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.89rem;
    line-height: 1.55;
}


/* ---------------------------------------------------------
   CAMERA PRIORITIES
   --------------------------------------------------------- */

.rl-livecctv-priorities__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.rl-livecctv-priority-card {
    min-height: 230px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-livecctv-priority-card > span {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--rl-accent-700);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-livecctv-priority-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-livecctv-priority-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.88rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   WORKFLOW
   --------------------------------------------------------- */

.rl-livecctv-workflow .rl-process-card {
    min-height: 250px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-livecctv-workflow .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   INCIDENT HANDOFF
   --------------------------------------------------------- */

.rl-livecctv-handoff__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(410px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-livecctv-handoff__grid > div:first-child {
    max-width: 620px;
}

.rl-livecctv-handoff__grid p {
    line-height: 1.75;
}

.rl-livecctv-handoff__panel {
    display: grid;
    gap: 9px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-livecctv-handoff__panel > div:not(.rl-livecctv-handoff__connector) {
    padding: 20px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-livecctv-handoff__panel span,
.rl-livecctv-handoff__panel strong {
    display: block;
}

.rl-livecctv-handoff__panel span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-livecctv-handoff__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.55;
}

.rl-livecctv-handoff__connector {
    color: var(--rl-accent-600);
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
}


/* ---------------------------------------------------------
   ENVIRONMENTS
   --------------------------------------------------------- */

.rl-livecctv-environments__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.rl-livecctv-environment-card {
    min-height: 205px;
    padding: 25px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-livecctv-environment-card h3 {
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.rl-livecctv-environment-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.87rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   READINESS
   --------------------------------------------------------- */

.rl-livecctv-readiness__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.88fr);
    align-items: center;
    gap: 64px;
}

.rl-livecctv-readiness__grid > div:first-child {
    max-width: 620px;
}

.rl-livecctv-readiness__grid p {
    line-height: 1.75;
}

.rl-livecctv-readiness__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-livecctv-readiness__panel > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-livecctv-readiness__panel > div:last-child {
    border-bottom: 0;
}

.rl-livecctv-readiness__panel span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 800;
}

.rl-livecctv-readiness__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   SERVICE BOUNDARIES
   --------------------------------------------------------- */

.rl-livecctv-boundaries__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-livecctv-boundaries__grid > div:first-child {
    max-width: 560px;
}

.rl-livecctv-boundaries__grid > div:last-child {
    max-width: 690px;
}

.rl-livecctv-boundaries__grid p {
    line-height: 1.76;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-livecctv-faq .rl-section-header {
    max-width: 790px;
}

.rl-livecctv-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   PARENT SERVICE
   --------------------------------------------------------- */

.rl-livecctv-parent__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    padding: 38px 40px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-livecctv-parent__box > div {
    max-width: 720px;
}

.rl-livecctv-parent__box h2 {
    margin-bottom: 10px;
}

.rl-livecctv-parent__box p {
    margin-bottom: 0;
    color: var(--rl-text-soft);
    line-height: 1.7;
}

.rl-livecctv-parent__box > .rl-btn {
    flex: 0 0 auto;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-livecctv-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
        gap: 42px;
    }

    .rl-livecctv-foundations__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-livecctv-observation__grid,
    .rl-livecctv-handoff__grid,
    .rl-livecctv-readiness__grid,
    .rl-livecctv-boundaries__grid {
        gap: 42px;
    }

    .rl-livecctv-environments__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 900px) {

    .rl-livecctv-hero {
        padding: 50px 0;
    }

    .rl-livecctv-hero__grid,
    .rl-livecctv-observation__grid,
    .rl-livecctv-handoff__grid,
    .rl-livecctv-readiness__grid,
    .rl-livecctv-boundaries__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-livecctv-console {
        width: min(100%, 680px);
    }

    .rl-livecctv-parent__box {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }
}


@media (max-width: 767px) {

    .rl-livecctv-hero {
        padding: 44px 0 48px;
    }

    .rl-livecctv-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-livecctv-console__main {
        grid-template-columns: 1fr;
    }

    .rl-livecctv-console__side {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rl-livecctv-foundations__grid,
    .rl-livecctv-priorities__grid,
    .rl-livecctv-environments__grid {
        grid-template-columns: 1fr;
    }

    .rl-livecctv-foundation-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-livecctv-foundation-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
    }

    .rl-livecctv-priority-card,
    .rl-livecctv-environment-card {
        min-height: 0;
        padding: 22px;
    }

    .rl-livecctv-observation__panel > div {
        padding: 19px 20px;
    }

    .rl-livecctv-handoff__panel {
        padding: 18px;
    }

    .rl-livecctv-handoff__panel > div:not(.rl-livecctv-handoff__connector) {
        padding: 18px;
    }

    .rl-livecctv-readiness__panel > div {
        padding: 17px 19px;
    }

    .rl-livecctv-parent__box {
        padding: 28px;
    }
}


@media (max-width: 520px) {

    .rl-livecctv-console__side {
        grid-template-columns: 1fr;
    }

    .rl-livecctv-console__side > div {
        min-height: 0;
    }

    .rl-livecctv-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-livecctv-console__footer span:nth-child(2),
    .rl-livecctv-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }
}


@media (max-width: 390px) {

    .rl-livecctv-console__top {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-livecctv-console__status {
        padding: 5px 8px;
        font-size: 0.6rem;
    }

    .rl-livecctv-console__main {
        padding: 10px;
    }

    .rl-livecctv-console__scene {
        min-height: 175px;
        padding: 15px;
    }

    .rl-livecctv-foundation-card {
        padding: 21px;
    }

    .rl-livecctv-priority-card,
    .rl-livecctv-environment-card {
        padding: 20px;
    }

    .rl-livecctv-handoff__panel {
        padding: 14px;
    }

    .rl-livecctv-readiness__panel > div {
        padding: 16px;
    }

    .rl-livecctv-parent__box {
        padding: 23px;
    }
}
/* =========================================================
   INCIDENT DETECTION PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-incident-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.09),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-incident-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-incident-hero__content {
    max-width: 720px;
}

.rl-incident-hero__content h1 {
    max-width: 740px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-incident-hero__intro {
    max-width: 660px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   INCIDENT CONSOLE
   --------------------------------------------------------- */

.rl-incident-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-incident-console__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-incident-console__top > div > span,
.rl-incident-console__top > div > strong {
    display: block;
}

.rl-incident-console__top > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-incident-console__top > div > strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-incident-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-incident-console__feed {
    margin: 13px 13px 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 10px;
    background: var(--rl-brand-900);
}

.rl-incident-console__feed-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-incident-console__feed-head > div > span,
.rl-incident-console__feed-head > div > strong {
    display: block;
}

.rl-incident-console__feed-head > div > span {
    margin-bottom: 2px;
    color: var(--rl-accent-300);
    font-size: 0.58rem;
    font-weight: 750;
    letter-spacing: 0.06em;
}

.rl-incident-console__feed-head > div > strong {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.7rem;
}

.rl-incident-console__feed-head > span {
    color: rgba(255, 255, 255, 0.46);
    font-size: 0.61rem;
    font-weight: 650;
}

.rl-incident-console__scene {
    position: relative;
    display: flex;
    min-height: 195px;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(106, 166, 159, 0.05),
            rgba(255, 255, 255, 0.01)
        );
}

.rl-incident-console__scene svg {
    width: 100%;
    height: auto;
    fill: none;
    stroke: rgba(186, 212, 208, 0.44);
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-incident-console__marker {
    position: absolute;
    top: 29%;
    right: 23%;
    width: 52px;
    height: 62px;
    border: 1px solid rgba(106, 166, 159, 0.65);
    border-radius: 6px;
}

.rl-incident-console__marker::before,
.rl-incident-console__marker::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
}

.rl-incident-console__marker::before {
    top: -1px;
    left: -1px;
    border-top: 2px solid var(--rl-accent-300);
    border-left: 2px solid var(--rl-accent-300);
}

.rl-incident-console__marker::after {
    right: -1px;
    bottom: -1px;
    border-right: 2px solid var(--rl-accent-300);
    border-bottom: 2px solid var(--rl-accent-300);
}

.rl-incident-console__marker > span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--rl-accent-300);
}

.rl-incident-console__checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 9px 13px 13px;
}

.rl-incident-console__checks > div {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.025);
}

.rl-incident-console__checks span,
.rl-incident-console__checks strong {
    display: block;
}

.rl-incident-console__checks span {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 0.57rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-incident-console__checks strong {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.67rem;
    line-height: 1.4;
}

.rl-incident-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1.35fr;
    align-items: center;
    gap: 7px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-incident-console__footer span {
    color: rgba(255, 255, 255, 0.61);
    font-size: 0.64rem;
    font-weight: 700;
    text-align: center;
}

.rl-incident-console__footer span:nth-child(2),
.rl-incident-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* ---------------------------------------------------------
   FOUNDATIONS
   --------------------------------------------------------- */

.rl-incident-foundations__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-incident-foundation-card {
    min-height: 290px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-incident-foundation-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-incident-foundation-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-incident-foundation-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-incident-foundation-card h3 {
    margin-bottom: 10px;
    font-size: 1.12rem;
}

.rl-incident-foundation-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.89rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   SITE-SPECIFIC CRITERIA
   --------------------------------------------------------- */

.rl-incident-definition__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
    align-items: center;
    gap: 64px;
}

.rl-incident-definition__grid > div:first-child {
    max-width: 600px;
}

.rl-incident-definition__grid p {
    line-height: 1.75;
}

.rl-incident-definition__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-incident-definition__panel > div {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-incident-definition__panel > div:last-child {
    border-bottom: 0;
}

.rl-incident-definition__panel span,
.rl-incident-definition__panel strong {
    display: block;
}

.rl-incident-definition__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-incident-definition__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.55;
}


/* ---------------------------------------------------------
   EVENT CATEGORIES
   --------------------------------------------------------- */

.rl-incident-events__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.rl-incident-event-card {
    min-height: 230px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-incident-event-card > span {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--rl-accent-700);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-incident-event-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-incident-event-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.88rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   CONTEXT / EVENT REVIEW
   --------------------------------------------------------- */

.rl-incident-context__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(410px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-incident-context__grid > div:first-child {
    max-width: 620px;
}

.rl-incident-context__grid p {
    line-height: 1.75;
}

.rl-incident-context__panel {
    display: grid;
    gap: 9px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-incident-context__row {
    padding: 20px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-incident-context__row span,
.rl-incident-context__row strong,
.rl-incident-context__result span,
.rl-incident-context__result strong {
    display: block;
}

.rl-incident-context__row span,
.rl-incident-context__result span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-incident-context__row strong,
.rl-incident-context__result strong {
    color: var(--rl-brand-950);
    font-size: 0.87rem;
    line-height: 1.5;
}

.rl-incident-context__connector {
    color: var(--rl-accent-600);
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
}

.rl-incident-context__result {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.rl-incident-context__result > div {
    padding: 18px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}


/* ---------------------------------------------------------
   WORKFLOW
   --------------------------------------------------------- */

.rl-incident-workflow .rl-process-card {
    min-height: 250px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-incident-workflow .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   ESCALATION HANDOFF
   --------------------------------------------------------- */

.rl-incident-escalation__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(450px, 1.08fr);
    align-items: center;
    gap: 60px;
}

.rl-incident-escalation__grid > div:first-child {
    max-width: 600px;
}

.rl-incident-escalation__grid p {
    line-height: 1.75;
}

.rl-incident-escalation__panel {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: stretch;
    gap: 8px;
}

.rl-incident-escalation__panel > div:not(.rl-incident-escalation__connector) {
    display: flex;
    min-height: 155px;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-incident-escalation__panel span,
.rl-incident-escalation__panel strong {
    display: block;
}

.rl-incident-escalation__panel span {
    margin-bottom: 7px;
    color: var(--rl-accent-700);
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-incident-escalation__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.82rem;
    line-height: 1.5;
}

.rl-incident-escalation__connector {
    display: flex;
    align-items: center;
    color: var(--rl-accent-600);
    font-weight: 700;
}


/* ---------------------------------------------------------
   DETECTION CONDITIONS
   --------------------------------------------------------- */

.rl-incident-quality__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.88fr);
    align-items: center;
    gap: 64px;
}

.rl-incident-quality__grid > div:first-child {
    max-width: 620px;
}

.rl-incident-quality__grid p {
    line-height: 1.75;
}

.rl-incident-quality__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-incident-quality__panel > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-incident-quality__panel > div:last-child {
    border-bottom: 0;
}

.rl-incident-quality__panel span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 800;
}

.rl-incident-quality__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   SERVICE BOUNDARIES
   --------------------------------------------------------- */

.rl-incident-boundaries__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-incident-boundaries__grid > div:first-child {
    max-width: 560px;
}

.rl-incident-boundaries__grid > div:last-child {
    max-width: 690px;
}

.rl-incident-boundaries__grid p {
    line-height: 1.76;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-incident-faq .rl-section-header {
    max-width: 790px;
}

.rl-incident-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   RELATED SERVICES
   --------------------------------------------------------- */

.rl-incident-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.rl-incident-related-card {
    display: flex;
    min-height: 270px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-incident-related-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-border-strong);
    box-shadow: var(--rl-shadow-md);
}

.rl-incident-related-card > span {
    margin-bottom: 14px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-incident-related-card h3 {
    margin-bottom: 10px;
    color: var(--rl-brand-950);
    font-size: 1.08rem;
}

.rl-incident-related-card p {
    margin-bottom: 20px;
    color: var(--rl-text-soft);
    font-size: 0.87rem;
    line-height: 1.68;
}

.rl-incident-related-card > strong {
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: 0.8rem;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-incident-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
        gap: 42px;
    }

    .rl-incident-foundations__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-incident-definition__grid,
    .rl-incident-context__grid,
    .rl-incident-quality__grid,
    .rl-incident-boundaries__grid {
        gap: 42px;
    }

    .rl-incident-escalation__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }
}


@media (max-width: 900px) {

    .rl-incident-hero {
        padding: 50px 0;
    }

    .rl-incident-hero__grid,
    .rl-incident-definition__grid,
    .rl-incident-context__grid,
    .rl-incident-quality__grid,
    .rl-incident-boundaries__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-incident-console {
        width: min(100%, 680px);
    }

    .rl-incident-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 767px) {

    .rl-incident-hero {
        padding: 44px 0 48px;
    }

    .rl-incident-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-incident-foundations__grid,
    .rl-incident-events__grid,
    .rl-incident-related__grid {
        grid-template-columns: 1fr;
    }

    .rl-incident-foundation-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-incident-foundation-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
    }

    .rl-incident-event-card {
        min-height: 0;
        padding: 22px;
    }

    .rl-incident-definition__panel > div {
        padding: 19px 20px;
    }

    .rl-incident-context__panel {
        padding: 18px;
    }

    .rl-incident-escalation__panel {
        grid-template-columns: 1fr;
    }

    .rl-incident-escalation__panel > div:not(.rl-incident-escalation__connector) {
        min-height: 0;
    }

    .rl-incident-escalation__connector {
        justify-content: center;
        transform: rotate(90deg);
    }

    .rl-incident-quality__panel > div {
        padding: 17px 19px;
    }

    .rl-incident-related-card {
        min-height: 0;
        padding: 23px;
    }
}


@media (max-width: 520px) {

    .rl-incident-console__checks {
        grid-template-columns: 1fr;
    }

    .rl-incident-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-incident-console__footer span:nth-child(2),
    .rl-incident-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

    .rl-incident-context__result {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 390px) {

    .rl-incident-console__top {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-incident-console__status {
        padding: 5px 8px;
        font-size: 0.6rem;
    }

    .rl-incident-console__feed {
        margin: 10px 10px 0;
    }

    .rl-incident-console__scene {
        min-height: 170px;
        padding: 15px;
    }

    .rl-incident-console__checks {
        padding: 9px 10px 10px;
    }

    .rl-incident-foundation-card {
        padding: 21px;
    }

    .rl-incident-event-card {
        padding: 20px;
    }

    .rl-incident-context__panel {
        padding: 14px;
    }

    .rl-incident-quality__panel > div {
        padding: 16px;
    }

    .rl-incident-related-card {
        padding: 21px;
    }
}
/* =========================================================
   ALERTS & ESCALATION PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-alerts-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.09),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-alerts-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-alerts-hero__content {
    max-width: 720px;
}

.rl-alerts-hero__content h1 {
    max-width: 760px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-alerts-hero__intro {
    max-width: 660px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   ESCALATION CONSOLE
   --------------------------------------------------------- */

.rl-alerts-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-alerts-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-alerts-console__header > div > span,
.rl-alerts-console__header > div > strong {
    display: block;
}

.rl-alerts-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-alerts-console__header > div > strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-alerts-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-alerts-console__event {
    margin: 13px 13px 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

.rl-alerts-console__event-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-alerts-console__event-head > div > span,
.rl-alerts-console__event-head > div > strong {
    display: block;
}

.rl-alerts-console__event-head > div > span {
    margin-bottom: 3px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.57rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-alerts-console__event-head > div > strong {
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.72rem;
}

.rl-alerts-console__event-head > span {
    color: var(--rl-accent-300);
    font-size: 0.61rem;
    font-weight: 700;
}

.rl-alerts-console__event-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rl-alerts-console__event-grid > div {
    padding: 13px 14px;
}

.rl-alerts-console__event-grid > div + div {
    border-left: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-alerts-console__event-grid span,
.rl-alerts-console__event-grid strong {
    display: block;
}

.rl-alerts-console__event-grid span {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.38);
    font-size: 0.56rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-alerts-console__event-grid strong {
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.68rem;
}

.rl-alerts-console__route {
    padding: 17px 18px 18px;
}

.rl-alerts-console__route-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.02);
}

.rl-alerts-console__route-item > span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(106, 166, 159, 0.1);
    color: var(--rl-accent-300);
    font-size: 0.62rem;
    font-weight: 800;
}

.rl-alerts-console__route-item small,
.rl-alerts-console__route-item strong {
    display: block;
}

.rl-alerts-console__route-item small {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, 0.38);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-alerts-console__route-item strong {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.69rem;
}

.rl-alerts-console__route-item.is-current {
    border-color: rgba(106, 166, 159, 0.28);
    background: rgba(106, 166, 159, 0.06);
}

.rl-alerts-console__route-line {
    width: 1px;
    height: 11px;
    margin-left: 28px;
    background: rgba(106, 166, 159, 0.32);
}

.rl-alerts-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-alerts-console__footer span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.64rem;
    font-weight: 700;
    text-align: center;
}

.rl-alerts-console__footer span:nth-child(2),
.rl-alerts-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* ---------------------------------------------------------
   FOUNDATIONS
   --------------------------------------------------------- */

.rl-alerts-foundations__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-alerts-foundation-card {
    min-height: 290px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-alerts-foundation-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-alerts-foundation-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-alerts-foundation-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-alerts-foundation-card h3 {
    margin-bottom: 10px;
    font-size: 1.12rem;
}

.rl-alerts-foundation-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.89rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   ALERT INFORMATION
   --------------------------------------------------------- */

.rl-alerts-information__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.94fr) minmax(420px, 1.06fr);
    align-items: center;
    gap: 64px;
}

.rl-alerts-information__grid > div:first-child {
    max-width: 610px;
}

.rl-alerts-information__grid p {
    line-height: 1.75;
}

.rl-alerts-information__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-alerts-information__panel > div {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-alerts-information__panel > div:last-child {
    border-bottom: 0;
}

.rl-alerts-information__panel span,
.rl-alerts-information__panel strong {
    display: block;
}

.rl-alerts-information__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-alerts-information__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   CONTACT HIERARCHY
   --------------------------------------------------------- */

.rl-alerts-hierarchy__flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: stretch;
    gap: 12px;
}

.rl-alerts-hierarchy-card {
    min-height: 245px;
    padding: 25px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-alerts-hierarchy-card > span {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-alerts-hierarchy-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-alerts-hierarchy-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.88rem;
    line-height: 1.68;
}

.rl-alerts-hierarchy__connector {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rl-accent-600);
    font-weight: 800;
}


/* ---------------------------------------------------------
   WORKFLOW
   --------------------------------------------------------- */

.rl-alerts-workflow .rl-process-card {
    min-height: 265px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-alerts-workflow .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   FALLBACK PLANNING
   --------------------------------------------------------- */

.rl-alerts-fallback__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-alerts-fallback__grid > div:first-child {
    max-width: 620px;
}

.rl-alerts-fallback__grid p {
    line-height: 1.75;
}

.rl-alerts-fallback__panel {
    display: grid;
    gap: 9px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-alerts-fallback__item {
    padding: 19px 20px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-alerts-fallback__item span,
.rl-alerts-fallback__item strong {
    display: block;
}

.rl-alerts-fallback__item span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-alerts-fallback__item strong {
    color: var(--rl-brand-950);
    font-size: 0.87rem;
    line-height: 1.5;
}

.rl-alerts-fallback__arrow {
    color: var(--rl-accent-600);
    font-weight: 800;
    text-align: center;
}


/* ---------------------------------------------------------
   INCIDENT HANDOFF
   --------------------------------------------------------- */

.rl-alerts-handoff__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.94fr) minmax(430px, 1.06fr);
    align-items: center;
    gap: 60px;
}

.rl-alerts-handoff__grid > div:first-child {
    max-width: 610px;
}

.rl-alerts-handoff__grid p {
    line-height: 1.75;
}

.rl-alerts-handoff__panel {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: stretch;
    gap: 12px;
}

.rl-alerts-handoff__panel > div:not(.rl-alerts-handoff__connector) {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    justify-content: center;
    padding: 23px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-alerts-handoff__panel span,
.rl-alerts-handoff__panel strong {
    display: block;
}

.rl-alerts-handoff__panel span {
    margin-bottom: 8px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-alerts-handoff__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.55;
}

.rl-alerts-handoff__connector {
    display: flex;
    align-items: center;
    color: var(--rl-accent-600);
    font-weight: 800;
}


/* ---------------------------------------------------------
   PROCEDURE MAINTENANCE
   --------------------------------------------------------- */

.rl-alerts-maintenance__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.rl-alerts-maintenance__grid article {
    min-height: 190px;
    padding: 25px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-alerts-maintenance__grid h3 {
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.rl-alerts-maintenance__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.88rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   RESPONSIBILITY BOUNDARIES
   --------------------------------------------------------- */

.rl-alerts-boundaries__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-alerts-boundaries__grid > div:first-child {
    max-width: 560px;
}

.rl-alerts-boundaries__grid > div:last-child {
    max-width: 700px;
}

.rl-alerts-boundaries__grid p {
    line-height: 1.76;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-alerts-faq .rl-section-header {
    max-width: 790px;
}

.rl-alerts-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   RELATED SERVICES
   --------------------------------------------------------- */

.rl-alerts-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.rl-alerts-related-card {
    display: flex;
    min-height: 270px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-alerts-related-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-alerts-related-card > span {
    margin-bottom: 14px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-alerts-related-card h3 {
    margin-bottom: 10px;
    color: var(--rl-brand-950);
    font-size: 1.08rem;
}

.rl-alerts-related-card p {
    margin-bottom: 20px;
    color: var(--rl-text-soft);
    font-size: 0.87rem;
    line-height: 1.68;
}

.rl-alerts-related-card > strong {
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: 0.8rem;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-alerts-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
        gap: 42px;
    }

    .rl-alerts-foundations__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-alerts-information__grid,
    .rl-alerts-fallback__grid,
    .rl-alerts-handoff__grid,
    .rl-alerts-boundaries__grid {
        gap: 42px;
    }

}


@media (max-width: 900px) {

    .rl-alerts-hero {
        padding: 50px 0;
    }

    .rl-alerts-hero__grid,
    .rl-alerts-information__grid,
    .rl-alerts-fallback__grid,
    .rl-alerts-handoff__grid,
    .rl-alerts-boundaries__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-alerts-console {
        width: min(100%, 680px);
    }

    .rl-alerts-hierarchy__flow {
        grid-template-columns: 1fr;
    }

    .rl-alerts-hierarchy__connector {
        transform: rotate(90deg);
    }

    .rl-alerts-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 767px) {

    .rl-alerts-hero {
        padding: 44px 0 48px;
    }

    .rl-alerts-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-alerts-foundations__grid,
    .rl-alerts-maintenance__grid,
    .rl-alerts-related__grid {
        grid-template-columns: 1fr;
    }

    .rl-alerts-foundation-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-alerts-foundation-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
    }

    .rl-alerts-information__panel > div {
        padding: 19px 20px;
    }

    .rl-alerts-hierarchy-card {
        min-height: 0;
        padding: 23px;
    }

    .rl-alerts-fallback__panel {
        padding: 18px;
    }

    .rl-alerts-handoff__panel {
        grid-template-columns: 1fr;
    }

    .rl-alerts-handoff__panel > div:not(.rl-alerts-handoff__connector) {
        min-height: 0;
    }

    .rl-alerts-handoff__connector {
        justify-content: center;
        transform: rotate(90deg);
    }

    .rl-alerts-maintenance__grid article {
        min-height: 0;
        padding: 22px;
    }

    .rl-alerts-related-card {
        min-height: 0;
        padding: 23px;
    }

}


@media (max-width: 520px) {

    .rl-alerts-console__event-grid {
        grid-template-columns: 1fr;
    }

    .rl-alerts-console__event-grid > div + div {
        border-top: 1px solid rgba(255, 255, 255, 0.07);
        border-left: 0;
    }

    .rl-alerts-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-alerts-console__footer span:nth-child(2),
    .rl-alerts-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

}


@media (max-width: 390px) {

    .rl-alerts-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-alerts-console__status {
        padding: 5px 8px;
        font-size: 0.6rem;
    }

    .rl-alerts-console__event {
        margin: 10px 10px 0;
    }

    .rl-alerts-console__route {
        padding: 14px 12px;
    }

    .rl-alerts-foundation-card {
        padding: 21px;
    }

    .rl-alerts-fallback__panel {
        padding: 14px;
    }

    .rl-alerts-related-card {
        padding: 21px;
    }

}
/* =========================================================
   CCTV INSTALLATION & SETUP PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-install-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.09),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-install-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-install-hero__content {
    max-width: 720px;
}

.rl-install-hero__content h1 {
    max-width: 770px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-install-hero__intro {
    max-width: 670px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   INSTALLATION CONSOLE
   --------------------------------------------------------- */

.rl-install-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-install-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-install-console__header > div > span,
.rl-install-console__header > div > strong {
    display: block;
}

.rl-install-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-install-console__header > div > strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-install-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-install-console__plan {
    margin: 13px 13px 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

.rl-install-console__plan-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-install-console__plan-head > div > span,
.rl-install-console__plan-head > div > strong {
    display: block;
}

.rl-install-console__plan-head > div > span {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.57rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-install-console__plan-head > div > strong {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.7rem;
}

.rl-install-console__plan-head > span {
    color: var(--rl-accent-300);
    font-size: 0.61rem;
    font-weight: 700;
}

.rl-install-console__layout {
    position: relative;
    display: flex;
    min-height: 215px;
    align-items: center;
    justify-content: center;
    padding: 17px;
}

.rl-install-console__layout svg {
    width: 100%;
    max-width: 390px;
    height: auto;
    fill: none;
    stroke: rgba(186, 212, 208, 0.4);
    stroke-width: 1.3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-install-console__zone {
    position: absolute;
    padding: 4px 7px;
    border: 1px solid rgba(106, 166, 159, 0.25);
    border-radius: 5px;
    background: rgba(11, 20, 24, 0.82);
    color: var(--rl-accent-300);
    font-size: 0.52rem;
    font-weight: 700;
}

.rl-install-console__zone--one {
    top: 28%;
    left: 14%;
}

.rl-install-console__zone--two {
    top: 32%;
    right: 18%;
}

.rl-install-console__zone--three {
    bottom: 20%;
    left: 17%;
}

.rl-install-console__zone--four {
    right: 13%;
    bottom: 19%;
}

.rl-install-console__checks {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 9px 13px 13px;
}

.rl-install-console__checks > div {
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.02);
}

.rl-install-console__checks span,
.rl-install-console__checks strong {
    display: block;
}

.rl-install-console__checks span {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-install-console__checks strong {
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.63rem;
    line-height: 1.4;
}

.rl-install-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1.3fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-install-console__footer span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.64rem;
    font-weight: 700;
    text-align: center;
}

.rl-install-console__footer span:nth-child(2),
.rl-install-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* ---------------------------------------------------------
   FOUNDATIONS
   --------------------------------------------------------- */

.rl-install-foundations__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-install-foundation-card {
    min-height: 295px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-install-foundation-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-install-foundation-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-install-foundation-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-install-foundation-card h3 {
    margin-bottom: 10px;
    font-size: 1.12rem;
}

.rl-install-foundation-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.89rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   SITE ASSESSMENT
   --------------------------------------------------------- */

.rl-install-assessment__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.94fr) minmax(420px, 1.06fr);
    align-items: center;
    gap: 64px;
}

.rl-install-assessment__grid > div:first-child {
    max-width: 610px;
}

.rl-install-assessment__grid p {
    line-height: 1.75;
}

.rl-install-assessment__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-install-assessment__panel > div {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-install-assessment__panel > div:last-child {
    border-bottom: 0;
}

.rl-install-assessment__panel span,
.rl-install-assessment__panel strong {
    display: block;
}

.rl-install-assessment__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-install-assessment__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   CAMERA PLACEMENT
   --------------------------------------------------------- */

.rl-install-placement__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.rl-install-placement-card {
    min-height: 230px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-install-placement-card > span {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 10px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.68rem;
    font-weight: 800;
}

.rl-install-placement-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-install-placement-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.88rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   INFRASTRUCTURE
   --------------------------------------------------------- */

.rl-install-infrastructure__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-install-infrastructure__grid > div:first-child {
    max-width: 620px;
}

.rl-install-infrastructure__grid p {
    line-height: 1.75;
}

.rl-install-infrastructure__diagram {
    display: grid;
    gap: 8px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-install-infrastructure__diagram > div {
    padding: 17px 19px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-install-infrastructure__diagram span,
.rl-install-infrastructure__diagram strong {
    display: block;
}

.rl-install-infrastructure__diagram > div > span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-install-infrastructure__diagram strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.5;
}

.rl-install-infrastructure__connector {
    color: var(--rl-accent-600);
    font-weight: 800;
    text-align: center;
}


/* ---------------------------------------------------------
   IMAGE & VISIBILITY
   --------------------------------------------------------- */

.rl-install-visibility__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.rl-install-visibility__grid article {
    min-height: 220px;
    padding: 25px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-install-visibility__grid h3 {
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.rl-install-visibility__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.88rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-install-process .rl-process-card {
    min-height: 260px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-install-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   MONITORING READINESS
   --------------------------------------------------------- */

.rl-install-monitoring__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.88fr);
    align-items: center;
    gap: 64px;
}

.rl-install-monitoring__grid > div:first-child {
    max-width: 620px;
}

.rl-install-monitoring__grid p {
    line-height: 1.75;
}

.rl-install-monitoring__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-install-monitoring__panel > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-install-monitoring__panel > div:last-child {
    border-bottom: 0;
}

.rl-install-monitoring__panel span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 800;
}

.rl-install-monitoring__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   ENVIRONMENTS
   --------------------------------------------------------- */

.rl-install-environments__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.rl-install-environments__grid article {
    min-height: 220px;
    padding: 25px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-install-environments__grid h3 {
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.rl-install-environments__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.88rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   MARKETPLACE
   --------------------------------------------------------- */

.rl-install-marketplace__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-install-marketplace__grid > div:first-child {
    max-width: 630px;
}

.rl-install-marketplace__grid p {
    line-height: 1.75;
}

.rl-install-marketplace__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-install-marketplace__panel > div {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 19px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-install-marketplace__panel > div:last-child {
    border-bottom: 0;
}

.rl-install-marketplace__panel span {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.65rem;
    font-weight: 800;
}

.rl-install-marketplace__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-install-faq .rl-section-header {
    max-width: 800px;
}

.rl-install-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   RELATED SERVICES
   --------------------------------------------------------- */

.rl-install-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.rl-install-related-card {
    display: flex;
    min-height: 275px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-install-related-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-install-related-card > span {
    margin-bottom: 14px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-install-related-card h3 {
    margin-bottom: 10px;
    color: var(--rl-brand-950);
    font-size: 1.08rem;
}

.rl-install-related-card p {
    margin-bottom: 20px;
    color: var(--rl-text-soft);
    font-size: 0.87rem;
    line-height: 1.68;
}

.rl-install-related-card > strong {
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: 0.8rem;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-install-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
        gap: 42px;
    }

    .rl-install-foundations__grid,
    .rl-install-visibility__grid,
    .rl-install-environments__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-install-assessment__grid,
    .rl-install-infrastructure__grid,
    .rl-install-monitoring__grid,
    .rl-install-marketplace__grid {
        gap: 42px;
    }

}


@media (max-width: 900px) {

    .rl-install-hero {
        padding: 50px 0;
    }

    .rl-install-hero__grid,
    .rl-install-assessment__grid,
    .rl-install-infrastructure__grid,
    .rl-install-monitoring__grid,
    .rl-install-marketplace__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-install-console {
        width: min(100%, 680px);
    }

    .rl-install-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 767px) {

    .rl-install-hero {
        padding: 44px 0 48px;
    }

    .rl-install-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-install-foundations__grid,
    .rl-install-placement__grid,
    .rl-install-visibility__grid,
    .rl-install-environments__grid,
    .rl-install-related__grid {
        grid-template-columns: 1fr;
    }

    .rl-install-foundation-card,
    .rl-install-placement-card,
    .rl-install-visibility__grid article,
    .rl-install-environments__grid article,
    .rl-install-related-card {
        min-height: 0;
    }

    .rl-install-foundation-card {
        padding: 24px;
    }

    .rl-install-assessment__panel > div {
        padding: 19px 20px;
    }

    .rl-install-infrastructure__diagram {
        padding: 18px;
    }

    .rl-install-monitoring__panel > div {
        padding: 17px 19px;
    }

    .rl-install-marketplace__panel > div {
        padding: 17px 18px;
    }

    .rl-install-related-card {
        padding: 23px;
    }

}


@media (max-width: 520px) {

    .rl-install-console__checks {
        grid-template-columns: 1fr;
    }

    .rl-install-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-install-console__footer span:nth-child(2),
    .rl-install-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

    .rl-install-console__zone {
        font-size: 0.48rem;
    }

}


@media (max-width: 390px) {

    .rl-install-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-install-console__status {
        padding: 5px 8px;
        font-size: 0.6rem;
    }

    .rl-install-console__plan {
        margin: 10px 10px 0;
    }

    .rl-install-console__layout {
        min-height: 180px;
        padding: 10px;
    }

    .rl-install-console__checks {
        padding: 9px 10px 10px;
    }

    .rl-install-foundation-card,
    .rl-install-placement-card,
    .rl-install-visibility__grid article,
    .rl-install-environments__grid article,
    .rl-install-related-card {
        padding: 21px;
    }

    .rl-install-infrastructure__diagram {
        padding: 14px;
    }

}
/* =========================================================
   SHOPIFY & ECOMMERCE PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-commerce-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.09),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-commerce-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(410px, 0.95fr);
    align-items: center;
    gap: 58px;
}

.rl-commerce-hero__content {
    max-width: 730px;
}

.rl-commerce-hero__content h1 {
    max-width: 780px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-commerce-hero__intro {
    max-width: 675px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   COMMERCE CONSOLE
   --------------------------------------------------------- */

.rl-commerce-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-commerce-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-commerce-console__header > div > span,
.rl-commerce-console__header > div > strong {
    display: block;
}

.rl-commerce-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-commerce-console__header > div > strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-commerce-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-commerce-console__store {
    margin: 13px 13px 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

.rl-commerce-console__store-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-commerce-console__store-head > div > span,
.rl-commerce-console__store-head > div > strong {
    display: block;
}

.rl-commerce-console__store-head > div > span {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.57rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-commerce-console__store-head > div > strong {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.7rem;
}

.rl-commerce-console__store-head > span {
    color: var(--rl-accent-300);
    font-size: 0.61rem;
    font-weight: 700;
}

.rl-commerce-console__store-body {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    min-height: 208px;
}

.rl-commerce-console__sidebar {
    display: grid;
    align-content: start;
    gap: 11px;
    padding: 19px 14px;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-commerce-console__sidebar span {
    display: block;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
}

.rl-commerce-console__sidebar span:first-child {
    width: 82%;
    background: rgba(106, 166, 159, 0.5);
}

.rl-commerce-console__content {
    padding: 16px;
}

.rl-commerce-console__banner {
    height: 56px;
    margin-bottom: 13px;
    border: 1px solid rgba(106, 166, 159, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(
            120deg,
            rgba(106, 166, 159, 0.13),
            rgba(255, 255, 255, 0.025)
        );
}

.rl-commerce-console__products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.rl-commerce-console__products > div {
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.02);
}

.rl-commerce-console__products > div > span {
    display: block;
    height: 55px;
    margin-bottom: 8px;
    border-radius: 5px;
    background:
        linear-gradient(
            145deg,
            rgba(106, 166, 159, 0.11),
            rgba(255, 255, 255, 0.04)
        );
}

.rl-commerce-console__products small {
    display: block;
    height: 5px;
    margin-top: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
}

.rl-commerce-console__products small:last-child {
    width: 62%;
    background: rgba(106, 166, 159, 0.35);
}

.rl-commerce-console__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 9px 13px 13px;
}

.rl-commerce-console__metrics > div {
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.02);
}

.rl-commerce-console__metrics span,
.rl-commerce-console__metrics strong {
    display: block;
}

.rl-commerce-console__metrics span {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.39);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-commerce-console__metrics strong {
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.63rem;
    line-height: 1.4;
}

.rl-commerce-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-commerce-console__footer span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.64rem;
    font-weight: 700;
    text-align: center;
}

.rl-commerce-console__footer span:nth-child(2),
.rl-commerce-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


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

.rl-commerce-services__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.rl-commerce-service-card {
    display: flex;
    min-height: 320px;
    flex-direction: column;
    padding: 29px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-commerce-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-commerce-service-card__icon {
    display: inline-flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-commerce-service-card__icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-commerce-service-card h3 {
    margin-bottom: 11px;
    color: var(--rl-brand-950);
    font-size: 1.18rem;
}

.rl-commerce-service-card p {
    margin-bottom: 22px;
    color: var(--rl-text-soft);
    font-size: 0.9rem;
    line-height: 1.7;
}

.rl-commerce-service-card > strong {
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: 0.82rem;
}


/* ---------------------------------------------------------
   FOUNDATION
   --------------------------------------------------------- */

.rl-commerce-foundation__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
    align-items: center;
    gap: 64px;
}

.rl-commerce-foundation__grid > div:first-child {
    max-width: 620px;
}

.rl-commerce-foundation__grid p {
    line-height: 1.75;
}

.rl-commerce-foundation__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-commerce-foundation__panel > div {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-commerce-foundation__panel > div:last-child {
    border-bottom: 0;
}

.rl-commerce-foundation__panel span,
.rl-commerce-foundation__panel strong {
    display: block;
}

.rl-commerce-foundation__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-commerce-foundation__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.9rem;
    line-height: 1.52;
}


/* ---------------------------------------------------------
   STOREFRONT EXPERIENCE
   --------------------------------------------------------- */

.rl-commerce-experience__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.rl-commerce-experience-card {
    min-height: 220px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-commerce-experience-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-commerce-experience-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.89rem;
    line-height: 1.7;
}


/* ---------------------------------------------------------
   MERCHANDISING
   --------------------------------------------------------- */

.rl-commerce-merchandising__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(410px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-commerce-merchandising__grid > div:first-child {
    max-width: 620px;
}

.rl-commerce-merchandising__grid p {
    line-height: 1.75;
}

.rl-commerce-merchandising__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-commerce-merchandising__panel > div {
    padding: 20px 22px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-commerce-merchandising__panel > div:last-child {
    border-bottom: 0;
}

.rl-commerce-merchandising__panel span,
.rl-commerce-merchandising__panel strong {
    display: block;
}

.rl-commerce-merchandising__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-commerce-merchandising__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   CONVERSION READINESS
   --------------------------------------------------------- */

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

.rl-commerce-conversion__grid article {
    min-height: 270px;
    padding: 24px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-commerce-conversion__icon {
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 13px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-commerce-conversion__icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-commerce-conversion__grid h3 {
    margin-bottom: 9px;
    font-size: 1.02rem;
}

.rl-commerce-conversion__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.86rem;
    line-height: 1.67;
}

.rl-commerce-conversion__link {
    margin-top: 27px;
}


/* ---------------------------------------------------------
   OPERATIONS
   --------------------------------------------------------- */

.rl-commerce-operations__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(410px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-commerce-operations__grid > div:first-child {
    max-width: 630px;
}

.rl-commerce-operations__grid p {
    line-height: 1.75;
}

.rl-commerce-operations__list {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-commerce-operations__list > div {
    padding: 20px 22px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-commerce-operations__list > div:last-child {
    border-bottom: 0;
}

.rl-commerce-operations__list span,
.rl-commerce-operations__list strong {
    display: block;
}

.rl-commerce-operations__list span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-commerce-operations__list strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

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

.rl-commerce-process__grid article {
    min-height: 265px;
    padding: 25px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-commerce-process__grid article:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-commerce-process__grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--rl-accent-700);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-commerce-process__grid h3 {
    margin-bottom: 10px;
    font-size: 1.04rem;
}

.rl-commerce-process__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.86rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   CONNECTED GROWTH
   --------------------------------------------------------- */

.rl-commerce-growth__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(460px, 1.1fr);
    align-items: center;
    gap: 60px;
}

.rl-commerce-growth__grid > div:first-child {
    max-width: 590px;
}

.rl-commerce-growth__grid p {
    line-height: 1.75;
}

.rl-commerce-growth__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.rl-commerce-growth__links a {
    display: flex;
    min-height: 170px;
    flex-direction: column;
    padding: 20px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-commerce-growth__links a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-sm);
}

.rl-commerce-growth__links span,
.rl-commerce-growth__links strong,
.rl-commerce-growth__links small {
    display: block;
}

.rl-commerce-growth__links span {
    margin-bottom: 8px;
    color: var(--rl-accent-700);
    font-size: 0.64rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-commerce-growth__links strong {
    margin-bottom: 7px;
    color: var(--rl-brand-950);
    font-size: 0.98rem;
}

.rl-commerce-growth__links small {
    margin-top: auto;
    color: var(--rl-text-soft);
    font-size: 0.8rem;
    line-height: 1.55;
}


/* ---------------------------------------------------------
   EXPECTATIONS
   --------------------------------------------------------- */

.rl-commerce-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-commerce-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-commerce-expectations__grid > div:last-child {
    max-width: 700px;
}

.rl-commerce-expectations__grid p {
    line-height: 1.76;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-commerce-faq .rl-section-header {
    max-width: 790px;
}

.rl-commerce-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-commerce-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
        gap: 42px;
    }

    .rl-commerce-foundation__grid,
    .rl-commerce-merchandising__grid,
    .rl-commerce-operations__grid,
    .rl-commerce-growth__grid,
    .rl-commerce-expectations__grid {
        gap: 42px;
    }

    .rl-commerce-conversion__grid,
    .rl-commerce-process__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 900px) {

    .rl-commerce-hero {
        padding: 50px 0;
    }

    .rl-commerce-hero__grid,
    .rl-commerce-foundation__grid,
    .rl-commerce-merchandising__grid,
    .rl-commerce-operations__grid,
    .rl-commerce-growth__grid,
    .rl-commerce-expectations__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-commerce-console {
        width: min(100%, 680px);
    }

    .rl-commerce-growth__links {
        max-width: 700px;
    }

}


@media (max-width: 767px) {

    .rl-commerce-hero {
        padding: 44px 0 48px;
    }

    .rl-commerce-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-commerce-services__grid,
    .rl-commerce-experience__grid,
    .rl-commerce-conversion__grid,
    .rl-commerce-process__grid,
    .rl-commerce-growth__links {
        grid-template-columns: 1fr;
    }

    .rl-commerce-service-card {
        min-height: 0;
        padding: 24px;
    }

    .rl-commerce-experience-card,
    .rl-commerce-conversion__grid article,
    .rl-commerce-process__grid article {
        min-height: 0;
    }

    .rl-commerce-foundation__panel > div,
    .rl-commerce-merchandising__panel > div,
    .rl-commerce-operations__list > div {
        padding: 19px 20px;
    }

    .rl-commerce-growth__links a {
        min-height: 0;
    }

}


@media (max-width: 520px) {

    .rl-commerce-console__store-body {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .rl-commerce-console__products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-commerce-console__products > div:last-child {
        display: none;
    }

    .rl-commerce-console__metrics {
        grid-template-columns: 1fr;
    }

    .rl-commerce-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-commerce-console__footer span:nth-child(2),
    .rl-commerce-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

}


@media (max-width: 390px) {

    .rl-commerce-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-commerce-console__status {
        padding: 5px 8px;
        font-size: 0.6rem;
    }

    .rl-commerce-console__store {
        margin: 10px 10px 0;
    }

    .rl-commerce-console__content {
        padding: 12px;
    }

    .rl-commerce-console__sidebar {
        padding: 15px 11px;
    }

    .rl-commerce-console__metrics {
        padding: 9px 10px 10px;
    }

    .rl-commerce-service-card,
    .rl-commerce-experience-card,
    .rl-commerce-conversion__grid article,
    .rl-commerce-process__grid article {
        padding: 21px;
    }

}
/* =========================================================
   SHOPIFY STORE DEVELOPMENT PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-shopdev-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(71, 139, 131, 0.09),
            transparent 30%
        ),
        var(--rl-off-white);
}

.rl-shopdev-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-shopdev-hero__content {
    max-width: 730px;
}

.rl-shopdev-hero__content h1 {
    max-width: 780px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-shopdev-hero__intro {
    max-width: 670px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* ---------------------------------------------------------
   HERO CONSOLE
   --------------------------------------------------------- */

.rl-shopdev-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-shopdev-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-shopdev-console__header > div > span,
.rl-shopdev-console__header > div > strong {
    display: block;
}

.rl-shopdev-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.rl-shopdev-console__header > div > strong {
    color: var(--rl-white);
    font-size: 0.95rem;
}

.rl-shopdev-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106, 166, 159, 0.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: 0.67rem;
    font-weight: 700;
}

.rl-shopdev-console__preview {
    margin: 13px 13px 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

.rl-shopdev-console__preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.rl-shopdev-console__preview-head > div > span,
.rl-shopdev-console__preview-head > div > strong {
    display: block;
}

.rl-shopdev-console__preview-head > div > span {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.57rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-shopdev-console__preview-head > div > strong {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.7rem;
}

.rl-shopdev-console__preview-head > span {
    color: var(--rl-accent-300);
    font-size: 0.61rem;
    font-weight: 700;
}

.rl-shopdev-console__browser {
    margin: 15px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
}

.rl-shopdev-console__browser-bar {
    display: flex;
    gap: 5px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, 0.04);
}

.rl-shopdev-console__browser-bar span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.26);
}

.rl-shopdev-console__storefront {
    min-height: 183px;
    padding: 11px;
}

.rl-shopdev-console__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.rl-shopdev-console__nav > span {
    width: 42px;
    height: 7px;
    border-radius: 999px;
    background: rgba(106, 166, 159, 0.48);
}

.rl-shopdev-console__nav > div {
    display: flex;
    gap: 6px;
}

.rl-shopdev-console__nav i {
    display: block;
    width: 20px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
}

.rl-shopdev-console__hero-block {
    height: 47px;
    margin-bottom: 10px;
    border-radius: 6px;
    background:
        linear-gradient(
            120deg,
            rgba(106, 166, 159, 0.14),
            rgba(255, 255, 255, 0.025)
        );
}

.rl-shopdev-console__product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.rl-shopdev-console__product-grid > div {
    padding: 7px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 6px;
}

.rl-shopdev-console__product-grid > div > span {
    display: block;
    height: 43px;
    margin-bottom: 7px;
    border-radius: 4px;
    background: rgba(106, 166, 159, 0.09);
}

.rl-shopdev-console__product-grid small {
    display: block;
    height: 4px;
    margin-top: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
}

.rl-shopdev-console__product-grid small:last-child {
    width: 60%;
    background: rgba(106, 166, 159, 0.35);
}

.rl-shopdev-console__checks {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 9px 13px 13px;
}

.rl-shopdev-console__checks > div {
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.02);
}

.rl-shopdev-console__checks span,
.rl-shopdev-console__checks strong {
    display: block;
}

.rl-shopdev-console__checks span {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.39);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.rl-shopdev-console__checks strong {
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.63rem;
}

.rl-shopdev-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.rl-shopdev-console__footer span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.64rem;
    font-weight: 700;
    text-align: center;
}

.rl-shopdev-console__footer span:nth-child(2),
.rl-shopdev-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* ---------------------------------------------------------
   CAPABILITIES
   --------------------------------------------------------- */

.rl-shopdev-capabilities__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rl-shopdev-capability-card {
    min-height: 290px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-shopdev-capability-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-shopdev-capability-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-shopdev-capability-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-shopdev-capability-card h3 {
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.rl-shopdev-capability-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.89rem;
    line-height: 1.68;
}


/* ---------------------------------------------------------
   STRUCTURE
   --------------------------------------------------------- */

.rl-shopdev-structure__grid,
.rl-shopdev-mobile__grid,
.rl-shopdev-testing__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(410px, 0.9fr);
    align-items: center;
    gap: 64px;
}

.rl-shopdev-structure__grid > div:first-child,
.rl-shopdev-mobile__grid > div:first-child,
.rl-shopdev-testing__grid > div:first-child {
    max-width: 620px;
}

.rl-shopdev-structure__grid p,
.rl-shopdev-mobile__grid p,
.rl-shopdev-testing__grid p {
    line-height: 1.75;
}

.rl-shopdev-structure__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-shopdev-structure__panel > div {
    padding: 21px 24px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-shopdev-structure__panel > div:last-child {
    border-bottom: 0;
}

.rl-shopdev-structure__panel span,
.rl-shopdev-structure__panel strong {
    display: block;
}

.rl-shopdev-structure__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-shopdev-structure__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.89rem;
    line-height: 1.52;
}


/* ---------------------------------------------------------
   PRODUCTS
   --------------------------------------------------------- */

.rl-shopdev-products__grid,
.rl-shopdev-config__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.rl-shopdev-products__grid article,
.rl-shopdev-config__grid article {
    min-height: 220px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-shopdev-products__grid h3,
.rl-shopdev-config__grid h3 {
    margin-bottom: 10px;
    font-size: 1.06rem;
}

.rl-shopdev-products__grid p,
.rl-shopdev-config__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: 0.88rem;
    line-height: 1.68;
}

.rl-shopdev-config__grid article > span {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--rl-accent-700);
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}


/* ---------------------------------------------------------
   MOBILE DEVICE
   --------------------------------------------------------- */

.rl-shopdev-mobile__device {
    display: flex;
    justify-content: center;
}

.rl-shopdev-mobile__screen {
    width: 240px;
    padding: 14px;
    border: 8px solid var(--rl-brand-950);
    border-radius: 28px;
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-md);
}

.rl-shopdev-mobile__top {
    width: 55px;
    height: 5px;
    margin: 0 auto 15px;
    border-radius: 999px;
    background: var(--rl-brand-950);
}

.rl-shopdev-mobile__image {
    height: 150px;
    margin-bottom: 14px;
    border-radius: 10px;
    background:
        linear-gradient(
            145deg,
            var(--rl-accent-050),
            var(--rl-off-white)
        );
}

.rl-shopdev-mobile__lines {
    display: grid;
    gap: 7px;
}

.rl-shopdev-mobile__lines span {
    height: 7px;
    border-radius: 999px;
    background: var(--rl-border);
}

.rl-shopdev-mobile__lines span:nth-child(2) {
    width: 82%;
}

.rl-shopdev-mobile__lines span:nth-child(3) {
    width: 55%;
}

.rl-shopdev-mobile__options {
    display: flex;
    gap: 7px;
    margin: 14px 0;
}

.rl-shopdev-mobile__options span {
    width: 32px;
    height: 32px;
    border: 1px solid var(--rl-border);
    border-radius: 7px;
    background: var(--rl-off-white);
}

.rl-shopdev-mobile__button {
    height: 38px;
    border-radius: 8px;
    background: var(--rl-accent-700);
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-shopdev-process .rl-process-card {
    min-height: 255px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-shopdev-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}


/* ---------------------------------------------------------
   TESTING
   --------------------------------------------------------- */

.rl-shopdev-testing__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-shopdev-testing__panel > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-shopdev-testing__panel > div:last-child {
    border-bottom: 0;
}

.rl-shopdev-testing__panel span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: 0.75rem;
    font-weight: 800;
}

.rl-shopdev-testing__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.88rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   AFTER BUILD
   --------------------------------------------------------- */

.rl-shopdev-after__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(450px, 1.05fr);
    align-items: center;
    gap: 60px;
}

.rl-shopdev-after__grid > div:first-child {
    max-width: 590px;
}

.rl-shopdev-after__grid p {
    line-height: 1.75;
}

.rl-shopdev-after__panel {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: stretch;
    gap: 9px;
}

.rl-shopdev-after__panel > div:not(.rl-shopdev-after__connector) {
    display: flex;
    min-height: 155px;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-shopdev-after__panel span,
.rl-shopdev-after__panel strong {
    display: block;
}

.rl-shopdev-after__panel span {
    margin-bottom: 7px;
    color: var(--rl-accent-700);
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rl-shopdev-after__panel strong {
    color: var(--rl-brand-950);
    font-size: 0.82rem;
    line-height: 1.5;
}

.rl-shopdev-after__connector {
    display: flex;
    align-items: center;
    color: var(--rl-accent-600);
    font-weight: 800;
}


/* ---------------------------------------------------------
   EXPECTATIONS
   --------------------------------------------------------- */

.rl-shopdev-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-shopdev-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-shopdev-expectations__grid > div:last-child {
    max-width: 700px;
}

.rl-shopdev-expectations__grid p {
    line-height: 1.76;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-shopdev-faq .rl-section-header {
    max-width: 790px;
}

.rl-shopdev-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .rl-shopdev-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
        gap: 42px;
    }

    .rl-shopdev-capabilities__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-shopdev-structure__grid,
    .rl-shopdev-mobile__grid,
    .rl-shopdev-testing__grid,
    .rl-shopdev-after__grid,
    .rl-shopdev-expectations__grid {
        gap: 42px;
    }

}


@media (max-width: 900px) {

    .rl-shopdev-hero {
        padding: 50px 0;
    }

    .rl-shopdev-hero__grid,
    .rl-shopdev-structure__grid,
    .rl-shopdev-mobile__grid,
    .rl-shopdev-testing__grid,
    .rl-shopdev-after__grid,
    .rl-shopdev-expectations__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-shopdev-console {
        width: min(100%, 680px);
    }

    .rl-shopdev-mobile__device {
        justify-content: flex-start;
    }

    .rl-shopdev-after__panel {
        max-width: 700px;
    }

}


@media (max-width: 767px) {

    .rl-shopdev-hero {
        padding: 44px 0 48px;
    }

    .rl-shopdev-hero__content h1 {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rl-shopdev-capabilities__grid,
    .rl-shopdev-products__grid,
    .rl-shopdev-config__grid {
        grid-template-columns: 1fr;
    }

    .rl-shopdev-capability-card,
    .rl-shopdev-products__grid article,
    .rl-shopdev-config__grid article {
        min-height: 0;
    }

    .rl-shopdev-capability-card {
        padding: 24px;
    }

    .rl-shopdev-structure__panel > div {
        padding: 19px 20px;
    }

    .rl-shopdev-after__panel {
        grid-template-columns: 1fr;
    }

    .rl-shopdev-after__panel > div:not(.rl-shopdev-after__connector) {
        min-height: 0;
    }

    .rl-shopdev-after__connector {
        justify-content: center;
        transform: rotate(90deg);
    }

}


@media (max-width: 520px) {

    .rl-shopdev-console__checks {
        grid-template-columns: 1fr;
    }

    .rl-shopdev-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-shopdev-console__footer span:nth-child(2),
    .rl-shopdev-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

    .rl-shopdev-console__product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rl-shopdev-console__product-grid > div:last-child {
        display: none;
    }

    .rl-shopdev-mobile__device {
        justify-content: center;
    }

}


@media (max-width: 390px) {

    .rl-shopdev-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-shopdev-console__status {
        padding: 5px 8px;
        font-size: 0.6rem;
    }

    .rl-shopdev-console__preview {
        margin: 10px 10px 0;
    }

    .rl-shopdev-console__browser {
        margin: 11px;
    }

    .rl-shopdev-console__checks {
        padding: 9px 10px 10px;
    }

    .rl-shopdev-capability-card,
    .rl-shopdev-products__grid article,
    .rl-shopdev-config__grid article {
        padding: 21px;
    }

    .rl-shopdev-mobile__screen {
        width: min(100%, 230px);
    }

}
/* =========================================================
   STORE OPTIMIZATION PAGE
   ========================================================= */

.rl-storeopt-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(circle at 84% 18%, rgba(71, 139, 131, 0.09), transparent 30%),
        var(--rl-off-white);
}

.rl-storeopt-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-storeopt-hero__content {
    max-width: 730px;
}

.rl-storeopt-hero__content h1 {
    max-width: 780px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-storeopt-hero__intro {
    max-width: 670px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* CONSOLE */

.rl-storeopt-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-storeopt-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.rl-storeopt-console__header > div > span,
.rl-storeopt-console__header > div > strong {
    display: block;
}

.rl-storeopt-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-storeopt-console__header > div > strong {
    color: var(--rl-white);
    font-size: .95rem;
}

.rl-storeopt-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106,166,159,.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: .67rem;
    font-weight: 700;
}

.rl-storeopt-console__score {
    margin: 13px;
    padding: 17px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
}

.rl-storeopt-console__score-head span,
.rl-storeopt-console__score-head strong {
    display: block;
}

.rl-storeopt-console__score-head span {
    margin-bottom: 3px;
    color: rgba(255,255,255,.4);
    font-size: .57rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-storeopt-console__score-head strong {
    color: rgba(255,255,255,.82);
    font-size: .74rem;
}

.rl-storeopt-console__bars {
    display: grid;
    gap: 13px;
    margin-top: 18px;
}

.rl-storeopt-console__bars > div > span {
    display: block;
    margin-bottom: 6px;
    color: rgba(255,255,255,.57);
    font-size: .62rem;
    font-weight: 650;
}

.rl-storeopt-console__bars i {
    display: block;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}

.rl-storeopt-console__bars b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--rl-accent-300);
}

.rl-storeopt-console__checks {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
    padding: 0 13px 13px;
}

.rl-storeopt-console__checks > div {
    padding: 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.02);
}

.rl-storeopt-console__checks span,
.rl-storeopt-console__checks strong {
    display: block;
}

.rl-storeopt-console__checks span {
    margin-bottom: 4px;
    color: rgba(255,255,255,.38);
    font-size: .54rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-storeopt-console__checks strong {
    color: rgba(255,255,255,.74);
    font-size: .63rem;
}

.rl-storeopt-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.rl-storeopt-console__footer span {
    color: rgba(255,255,255,.6);
    font-size: .64rem;
    font-weight: 700;
    text-align: center;
}

.rl-storeopt-console__footer span:nth-child(2),
.rl-storeopt-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* AREA CARDS */

.rl-storeopt-areas__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 22px;
}

.rl-storeopt-area-card {
    min-height: 290px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-storeopt-area-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-storeopt-area-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-storeopt-area-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-storeopt-area-card h3 {
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.rl-storeopt-area-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .89rem;
    line-height: 1.68;
}


/* TWO COLUMN SECTIONS */

.rl-storeopt-journey__grid,
.rl-storeopt-mobile__grid,
.rl-storeopt-trust__grid,
.rl-storeopt-performance__grid,
.rl-storeopt-measurement__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
    align-items: center;
    gap: 64px;
}

.rl-storeopt-journey__grid > div:first-child,
.rl-storeopt-mobile__grid > div:first-child,
.rl-storeopt-trust__grid > div:first-child,
.rl-storeopt-performance__grid > div:first-child,
.rl-storeopt-measurement__grid > div:first-child {
    max-width: 620px;
}

.rl-storeopt-journey__grid p,
.rl-storeopt-mobile__grid p,
.rl-storeopt-trust__grid p,
.rl-storeopt-performance__grid p,
.rl-storeopt-measurement__grid p {
    line-height: 1.75;
}

.rl-storeopt-journey__panel,
.rl-storeopt-trust__panel,
.rl-storeopt-performance__list,
.rl-storeopt-measurement__panel,
.rl-storeopt-mobile__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-storeopt-journey__panel > div,
.rl-storeopt-trust__panel > div,
.rl-storeopt-performance__list > div,
.rl-storeopt-measurement__panel > div {
    padding: 20px 22px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-storeopt-journey__panel > div:last-child,
.rl-storeopt-trust__panel > div:last-child,
.rl-storeopt-performance__list > div:last-child,
.rl-storeopt-measurement__panel > div:last-child {
    border-bottom: 0;
}

.rl-storeopt-journey__panel span,
.rl-storeopt-trust__panel span,
.rl-storeopt-performance__list span,
.rl-storeopt-measurement__panel span,
.rl-storeopt-journey__panel strong,
.rl-storeopt-trust__panel strong,
.rl-storeopt-performance__list strong,
.rl-storeopt-measurement__panel strong {
    display: block;
}

.rl-storeopt-journey__panel span,
.rl-storeopt-trust__panel span,
.rl-storeopt-performance__list span,
.rl-storeopt-measurement__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-storeopt-journey__panel strong,
.rl-storeopt-trust__panel strong,
.rl-storeopt-performance__list strong,
.rl-storeopt-measurement__panel strong {
    color: var(--rl-brand-950);
    font-size: .89rem;
    line-height: 1.52;
}


/* PRODUCT OPTIMIZATION */

.rl-storeopt-product__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 20px;
}

.rl-storeopt-product__grid article {
    min-height: 220px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-storeopt-product__grid article > span {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-storeopt-product__grid h3 {
    margin-bottom: 10px;
    font-size: 1.06rem;
}

.rl-storeopt-product__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* MOBILE CHECKLIST */

.rl-storeopt-mobile__panel > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-storeopt-mobile__panel > div:last-child {
    border-bottom: 0;
}

.rl-storeopt-mobile__panel span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: .75rem;
    font-weight: 800;
}

.rl-storeopt-mobile__panel strong {
    color: var(--rl-brand-950);
    font-size: .88rem;
    line-height: 1.5;
}


/* PROCESS */

.rl-storeopt-process .rl-process-card {
    min-height: 255px;
    box-shadow: var(--rl-shadow-xs);
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-storeopt-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}


/* CONNECTED SERVICES */

.rl-storeopt-connected__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 20px;
}

.rl-storeopt-connected-card {
    display: flex;
    min-height: 270px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-storeopt-connected-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-storeopt-connected-card > span {
    margin-bottom: 14px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-storeopt-connected-card h3 {
    margin-bottom: 10px;
    color: var(--rl-brand-950);
    font-size: 1.08rem;
}

.rl-storeopt-connected-card p {
    margin-bottom: 20px;
    color: var(--rl-text-soft);
    font-size: .87rem;
    line-height: 1.68;
}

.rl-storeopt-connected-card > strong {
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: .8rem;
}


/* EXPECTATIONS */

.rl-storeopt-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-storeopt-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-storeopt-expectations__grid > div:last-child {
    max-width: 700px;
}

.rl-storeopt-expectations__grid p {
    line-height: 1.76;
}


/* FAQ */

.rl-storeopt-faq .rl-section-header {
    max-width: 790px;
}

.rl-storeopt-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .rl-storeopt-hero__grid {
        grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
        gap: 42px;
    }

    .rl-storeopt-areas__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .rl-storeopt-journey__grid,
    .rl-storeopt-mobile__grid,
    .rl-storeopt-trust__grid,
    .rl-storeopt-performance__grid,
    .rl-storeopt-measurement__grid,
    .rl-storeopt-expectations__grid {
        gap: 42px;
    }

}

@media (max-width: 900px) {

    .rl-storeopt-hero {
        padding: 50px 0;
    }

    .rl-storeopt-hero__grid,
    .rl-storeopt-journey__grid,
    .rl-storeopt-mobile__grid,
    .rl-storeopt-trust__grid,
    .rl-storeopt-performance__grid,
    .rl-storeopt-measurement__grid,
    .rl-storeopt-expectations__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-storeopt-console {
        width: min(100%,680px);
    }

    .rl-storeopt-connected__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

}

@media (max-width: 767px) {

    .rl-storeopt-hero {
        padding: 44px 0 48px;
    }

    .rl-storeopt-hero__content h1 {
        font-size: clamp(2rem,9vw,2.7rem);
    }

    .rl-storeopt-areas__grid,
    .rl-storeopt-product__grid,
    .rl-storeopt-connected__grid {
        grid-template-columns: 1fr;
    }

    .rl-storeopt-area-card,
    .rl-storeopt-product__grid article,
    .rl-storeopt-connected-card {
        min-height: 0;
        padding: 23px;
    }

    .rl-storeopt-journey__panel > div,
    .rl-storeopt-trust__panel > div,
    .rl-storeopt-performance__list > div,
    .rl-storeopt-measurement__panel > div {
        padding: 18px 19px;
    }

}

@media (max-width: 520px) {

    .rl-storeopt-console__checks {
        grid-template-columns: 1fr;
    }

    .rl-storeopt-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-storeopt-console__footer span:nth-child(2),
    .rl-storeopt-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

}

@media (max-width: 390px) {

    .rl-storeopt-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-storeopt-console__status {
        padding: 5px 8px;
        font-size: .6rem;
    }

    .rl-storeopt-console__score {
        margin: 10px;
        padding: 14px;
    }

    .rl-storeopt-console__checks {
        padding: 0 10px 10px;
    }

    .rl-storeopt-area-card,
    .rl-storeopt-product__grid article,
    .rl-storeopt-connected-card {
        padding: 21px;
    }

}
/* =========================================================
   AMAZON MARKETPLACE SERVICES PAGE
   ========================================================= */

.rl-amazon-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(circle at 84% 18%, rgba(71, 139, 131, 0.09), transparent 30%),
        var(--rl-off-white);
}

.rl-amazon-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-amazon-hero__content {
    max-width: 730px;
}

.rl-amazon-hero__content h1 {
    max-width: 790px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-amazon-hero__intro {
    max-width: 680px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* CONSOLE */

.rl-amazon-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-amazon-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-amazon-console__header > div > span,
.rl-amazon-console__header > div > strong {
    display: block;
}

.rl-amazon-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-amazon-console__header > div > strong {
    color: var(--rl-white);
    font-size: .95rem;
}

.rl-amazon-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106,166,159,.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: .67rem;
    font-weight: 700;
}

.rl-amazon-console__catalog {
    margin: 13px 13px 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
}

.rl-amazon-console__catalog-head {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.rl-amazon-console__catalog-head span,
.rl-amazon-console__catalog-head strong {
    display: block;
}

.rl-amazon-console__catalog-head span {
    margin-bottom: 3px;
    color: rgba(255,255,255,.4);
    font-size: .57rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-amazon-console__catalog-head strong {
    color: rgba(255,255,255,.8);
    font-size: .72rem;
}

.rl-amazon-console__rows {
    padding: 10px;
}

.rl-amazon-console__rows > div {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.rl-amazon-console__rows > div:last-child {
    border-bottom: 0;
}

.rl-amazon-console__rows > div > span {
    display: block;
    width: 42px;
    height: 34px;
    border-radius: 6px;
    background: linear-gradient(145deg, rgba(106,166,159,.15), rgba(255,255,255,.03));
}

.rl-amazon-console__rows strong {
    color: rgba(255,255,255,.7);
    font-size: .67rem;
}

.rl-amazon-console__rows small {
    color: var(--rl-accent-300);
    font-size: .58rem;
    font-weight: 700;
}

.rl-amazon-console__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
    padding: 9px 13px 13px;
}

.rl-amazon-console__metrics > div {
    padding: 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.02);
}

.rl-amazon-console__metrics span,
.rl-amazon-console__metrics strong {
    display: block;
}

.rl-amazon-console__metrics span {
    margin-bottom: 4px;
    color: rgba(255,255,255,.39);
    font-size: .54rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-amazon-console__metrics strong {
    color: rgba(255,255,255,.74);
    font-size: .63rem;
}

.rl-amazon-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.rl-amazon-console__footer span {
    color: rgba(255,255,255,.6);
    font-size: .64rem;
    font-weight: 700;
    text-align: center;
}

.rl-amazon-console__footer span:nth-child(2),
.rl-amazon-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* SERVICE CARDS */

.rl-amazon-services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 22px;
}

.rl-amazon-service-card {
    min-height: 290px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-amazon-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-amazon-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-amazon-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-amazon-service-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-amazon-service-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* TWO COLUMN SECTIONS */

.rl-amazon-listings__grid,
.rl-amazon-account__grid,
.rl-amazon-compliance__grid,
.rl-amazon-connected__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
    align-items: center;
    gap: 64px;
}

.rl-amazon-listings__grid > div:first-child,
.rl-amazon-account__grid > div:first-child,
.rl-amazon-compliance__grid > div:first-child,
.rl-amazon-connected__grid > div:first-child {
    max-width: 620px;
}

.rl-amazon-listings__grid p,
.rl-amazon-account__grid p,
.rl-amazon-compliance__grid p,
.rl-amazon-connected__grid p {
    line-height: 1.75;
}

.rl-amazon-listings__panel,
.rl-amazon-account__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-amazon-listings__panel > div,
.rl-amazon-account__panel > div {
    padding: 20px 22px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-amazon-listings__panel > div:last-child,
.rl-amazon-account__panel > div:last-child {
    border-bottom: 0;
}

.rl-amazon-listings__panel span,
.rl-amazon-account__panel span,
.rl-amazon-listings__panel strong,
.rl-amazon-account__panel strong {
    display: block;
}

.rl-amazon-listings__panel span,
.rl-amazon-account__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-amazon-listings__panel strong,
.rl-amazon-account__panel strong {
    color: var(--rl-brand-950);
    font-size: .89rem;
    line-height: 1.52;
}


/* CATALOG + OPERATIONS */

.rl-amazon-catalog__grid,
.rl-amazon-operations__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 20px;
}

.rl-amazon-catalog__grid article,
.rl-amazon-operations__grid article {
    min-height: 220px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-amazon-catalog__grid article > span {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-amazon-catalog__grid h3,
.rl-amazon-operations__grid h3 {
    margin-bottom: 10px;
    font-size: 1.06rem;
}

.rl-amazon-catalog__grid p,
.rl-amazon-operations__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* COMPLIANCE */

.rl-amazon-compliance__list {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-amazon-compliance__list > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-amazon-compliance__list > div:last-child {
    border-bottom: 0;
}

.rl-amazon-compliance__list span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: .75rem;
    font-weight: 800;
}

.rl-amazon-compliance__list strong {
    color: var(--rl-brand-950);
    font-size: .88rem;
    line-height: 1.5;
}


/* PROCESS */

.rl-amazon-process .rl-process-card {
    min-height: 255px;
    box-shadow: var(--rl-shadow-xs);
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-amazon-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}


/* CONNECTED */

.rl-amazon-connected__links {
    display: grid;
    gap: 13px;
}

.rl-amazon-connected__links a {
    display: block;
    padding: 20px 22px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-amazon-connected__links a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-sm);
}

.rl-amazon-connected__links span,
.rl-amazon-connected__links strong,
.rl-amazon-connected__links small {
    display: block;
}

.rl-amazon-connected__links span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: .64rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-amazon-connected__links strong {
    margin-bottom: 5px;
    color: var(--rl-brand-950);
    font-size: .96rem;
}

.rl-amazon-connected__links small {
    color: var(--rl-text-soft);
    font-size: .8rem;
    line-height: 1.55;
}


/* EXPECTATIONS */

.rl-amazon-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-amazon-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-amazon-expectations__grid > div:last-child {
    max-width: 700px;
}

.rl-amazon-expectations__grid p {
    line-height: 1.76;
}


/* FAQ */

.rl-amazon-faq .rl-section-header {
    max-width: 790px;
}

.rl-amazon-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .rl-amazon-hero__grid {
        grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
        gap: 42px;
    }

    .rl-amazon-services__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .rl-amazon-listings__grid,
    .rl-amazon-account__grid,
    .rl-amazon-compliance__grid,
    .rl-amazon-connected__grid,
    .rl-amazon-expectations__grid {
        gap: 42px;
    }

}

@media (max-width: 900px) {

    .rl-amazon-hero {
        padding: 50px 0;
    }

    .rl-amazon-hero__grid,
    .rl-amazon-listings__grid,
    .rl-amazon-account__grid,
    .rl-amazon-compliance__grid,
    .rl-amazon-connected__grid,
    .rl-amazon-expectations__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-amazon-console {
        width: min(100%,680px);
    }

}

@media (max-width: 767px) {

    .rl-amazon-hero {
        padding: 44px 0 48px;
    }

    .rl-amazon-hero__content h1 {
        font-size: clamp(2rem,9vw,2.7rem);
    }

    .rl-amazon-services__grid,
    .rl-amazon-catalog__grid,
    .rl-amazon-operations__grid {
        grid-template-columns: 1fr;
    }

    .rl-amazon-service-card,
    .rl-amazon-catalog__grid article,
    .rl-amazon-operations__grid article {
        min-height: 0;
        padding: 23px;
    }

    .rl-amazon-listings__panel > div,
    .rl-amazon-account__panel > div {
        padding: 18px 19px;
    }

}

@media (max-width: 520px) {

    .rl-amazon-console__metrics {
        grid-template-columns: 1fr;
    }

    .rl-amazon-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-amazon-console__footer span:nth-child(2),
    .rl-amazon-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

}

@media (max-width: 390px) {

    .rl-amazon-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-amazon-console__status {
        padding: 5px 8px;
        font-size: .6rem;
    }

    .rl-amazon-console__catalog {
        margin: 10px 10px 0;
    }

    .rl-amazon-console__rows > div {
        grid-template-columns: 34px 1fr;
    }

    .rl-amazon-console__rows > div > span {
        width: 34px;
        height: 30px;
    }

    .rl-amazon-console__rows small {
        grid-column: 2;
    }

    .rl-amazon-service-card,
    .rl-amazon-catalog__grid article,
    .rl-amazon-operations__grid article {
        padding: 21px;
    }

}
/* =========================================================
   AMAZON MARKETPLACE SERVICES PAGE
   ========================================================= */

.rl-amazon-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(circle at 84% 18%, rgba(71, 139, 131, 0.09), transparent 30%),
        var(--rl-off-white);
}

.rl-amazon-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-amazon-hero__content {
    max-width: 730px;
}

.rl-amazon-hero__content h1 {
    max-width: 790px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-amazon-hero__intro {
    max-width: 680px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* CONSOLE */

.rl-amazon-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-amazon-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-amazon-console__header > div > span,
.rl-amazon-console__header > div > strong {
    display: block;
}

.rl-amazon-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-amazon-console__header > div > strong {
    color: var(--rl-white);
    font-size: .95rem;
}

.rl-amazon-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106,166,159,.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: .67rem;
    font-weight: 700;
}

.rl-amazon-console__catalog {
    margin: 13px 13px 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
}

.rl-amazon-console__catalog-head {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.rl-amazon-console__catalog-head span,
.rl-amazon-console__catalog-head strong {
    display: block;
}

.rl-amazon-console__catalog-head span {
    margin-bottom: 3px;
    color: rgba(255,255,255,.4);
    font-size: .57rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-amazon-console__catalog-head strong {
    color: rgba(255,255,255,.8);
    font-size: .72rem;
}

.rl-amazon-console__rows {
    padding: 10px;
}

.rl-amazon-console__rows > div {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.rl-amazon-console__rows > div:last-child {
    border-bottom: 0;
}

.rl-amazon-console__rows > div > span {
    display: block;
    width: 42px;
    height: 34px;
    border-radius: 6px;
    background: linear-gradient(145deg, rgba(106,166,159,.15), rgba(255,255,255,.03));
}

.rl-amazon-console__rows strong {
    color: rgba(255,255,255,.7);
    font-size: .67rem;
}

.rl-amazon-console__rows small {
    color: var(--rl-accent-300);
    font-size: .58rem;
    font-weight: 700;
}

.rl-amazon-console__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
    padding: 9px 13px 13px;
}

.rl-amazon-console__metrics > div {
    padding: 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.02);
}

.rl-amazon-console__metrics span,
.rl-amazon-console__metrics strong {
    display: block;
}

.rl-amazon-console__metrics span {
    margin-bottom: 4px;
    color: rgba(255,255,255,.39);
    font-size: .54rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-amazon-console__metrics strong {
    color: rgba(255,255,255,.74);
    font-size: .63rem;
}

.rl-amazon-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.rl-amazon-console__footer span {
    color: rgba(255,255,255,.6);
    font-size: .64rem;
    font-weight: 700;
    text-align: center;
}

.rl-amazon-console__footer span:nth-child(2),
.rl-amazon-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* SERVICE CARDS */

.rl-amazon-services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 22px;
}

.rl-amazon-service-card {
    min-height: 290px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-amazon-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-amazon-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-amazon-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-amazon-service-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-amazon-service-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* TWO COLUMN SECTIONS */

.rl-amazon-listings__grid,
.rl-amazon-account__grid,
.rl-amazon-compliance__grid,
.rl-amazon-connected__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
    align-items: center;
    gap: 64px;
}

.rl-amazon-listings__grid > div:first-child,
.rl-amazon-account__grid > div:first-child,
.rl-amazon-compliance__grid > div:first-child,
.rl-amazon-connected__grid > div:first-child {
    max-width: 620px;
}

.rl-amazon-listings__grid p,
.rl-amazon-account__grid p,
.rl-amazon-compliance__grid p,
.rl-amazon-connected__grid p {
    line-height: 1.75;
}

.rl-amazon-listings__panel,
.rl-amazon-account__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-amazon-listings__panel > div,
.rl-amazon-account__panel > div {
    padding: 20px 22px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-amazon-listings__panel > div:last-child,
.rl-amazon-account__panel > div:last-child {
    border-bottom: 0;
}

.rl-amazon-listings__panel span,
.rl-amazon-account__panel span,
.rl-amazon-listings__panel strong,
.rl-amazon-account__panel strong {
    display: block;
}

.rl-amazon-listings__panel span,
.rl-amazon-account__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-amazon-listings__panel strong,
.rl-amazon-account__panel strong {
    color: var(--rl-brand-950);
    font-size: .89rem;
    line-height: 1.52;
}


/* CATALOG + OPERATIONS */

.rl-amazon-catalog__grid,
.rl-amazon-operations__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 20px;
}

.rl-amazon-catalog__grid article,
.rl-amazon-operations__grid article {
    min-height: 220px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-amazon-catalog__grid article > span {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-amazon-catalog__grid h3,
.rl-amazon-operations__grid h3 {
    margin-bottom: 10px;
    font-size: 1.06rem;
}

.rl-amazon-catalog__grid p,
.rl-amazon-operations__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* COMPLIANCE */

.rl-amazon-compliance__list {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-amazon-compliance__list > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-amazon-compliance__list > div:last-child {
    border-bottom: 0;
}

.rl-amazon-compliance__list span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: .75rem;
    font-weight: 800;
}

.rl-amazon-compliance__list strong {
    color: var(--rl-brand-950);
    font-size: .88rem;
    line-height: 1.5;
}


/* PROCESS */

.rl-amazon-process .rl-process-card {
    min-height: 255px;
    box-shadow: var(--rl-shadow-xs);
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-amazon-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}


/* CONNECTED */

.rl-amazon-connected__links {
    display: grid;
    gap: 13px;
}

.rl-amazon-connected__links a {
    display: block;
    padding: 20px 22px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-amazon-connected__links a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-sm);
}

.rl-amazon-connected__links span,
.rl-amazon-connected__links strong,
.rl-amazon-connected__links small {
    display: block;
}

.rl-amazon-connected__links span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: .64rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-amazon-connected__links strong {
    margin-bottom: 5px;
    color: var(--rl-brand-950);
    font-size: .96rem;
}

.rl-amazon-connected__links small {
    color: var(--rl-text-soft);
    font-size: .8rem;
    line-height: 1.55;
}


/* EXPECTATIONS */

.rl-amazon-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-amazon-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-amazon-expectations__grid > div:last-child {
    max-width: 700px;
}

.rl-amazon-expectations__grid p {
    line-height: 1.76;
}


/* FAQ */

.rl-amazon-faq .rl-section-header {
    max-width: 790px;
}

.rl-amazon-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .rl-amazon-hero__grid {
        grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
        gap: 42px;
    }

    .rl-amazon-services__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .rl-amazon-listings__grid,
    .rl-amazon-account__grid,
    .rl-amazon-compliance__grid,
    .rl-amazon-connected__grid,
    .rl-amazon-expectations__grid {
        gap: 42px;
    }

}

@media (max-width: 900px) {

    .rl-amazon-hero {
        padding: 50px 0;
    }

    .rl-amazon-hero__grid,
    .rl-amazon-listings__grid,
    .rl-amazon-account__grid,
    .rl-amazon-compliance__grid,
    .rl-amazon-connected__grid,
    .rl-amazon-expectations__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-amazon-console {
        width: min(100%,680px);
    }

}

@media (max-width: 767px) {

    .rl-amazon-hero {
        padding: 44px 0 48px;
    }

    .rl-amazon-hero__content h1 {
        font-size: clamp(2rem,9vw,2.7rem);
    }

    .rl-amazon-services__grid,
    .rl-amazon-catalog__grid,
    .rl-amazon-operations__grid {
        grid-template-columns: 1fr;
    }

    .rl-amazon-service-card,
    .rl-amazon-catalog__grid article,
    .rl-amazon-operations__grid article {
        min-height: 0;
        padding: 23px;
    }

    .rl-amazon-listings__panel > div,
    .rl-amazon-account__panel > div {
        padding: 18px 19px;
    }

}

@media (max-width: 520px) {

    .rl-amazon-console__metrics {
        grid-template-columns: 1fr;
    }

    .rl-amazon-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-amazon-console__footer span:nth-child(2),
    .rl-amazon-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

}

@media (max-width: 390px) {

    .rl-amazon-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-amazon-console__status {
        padding: 5px 8px;
        font-size: .6rem;
    }

    .rl-amazon-console__catalog {
        margin: 10px 10px 0;
    }

    .rl-amazon-console__rows > div {
        grid-template-columns: 34px 1fr;
    }

    .rl-amazon-console__rows > div > span {
        width: 34px;
        height: 30px;
    }

    .rl-amazon-console__rows small {
        grid-column: 2;
    }

    .rl-amazon-service-card,
    .rl-amazon-catalog__grid article,
    .rl-amazon-operations__grid article {
        padding: 21px;
    }

}
/* =========================================================
   EBAY MARKETPLACE SERVICES PAGE
   ========================================================= */

.rl-ebay-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(circle at 84% 18%, rgba(71, 139, 131, 0.09), transparent 30%),
        var(--rl-off-white);
}

.rl-ebay-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-ebay-hero__content {
    max-width: 730px;
}

.rl-ebay-hero__content h1 {
    max-width: 790px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-ebay-hero__intro {
    max-width: 680px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* CONSOLE */

.rl-ebay-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-ebay-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-ebay-console__header > div > span,
.rl-ebay-console__header > div > strong {
    display: block;
}

.rl-ebay-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-ebay-console__header > div > strong {
    color: var(--rl-white);
    font-size: .95rem;
}

.rl-ebay-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106,166,159,.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: .67rem;
    font-weight: 700;
}

.rl-ebay-console__listing {
    margin: 13px 13px 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
}

.rl-ebay-console__listing-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.rl-ebay-console__listing-head > div > span,
.rl-ebay-console__listing-head > div > strong {
    display: block;
}

.rl-ebay-console__listing-head > div > span {
    margin-bottom: 3px;
    color: rgba(255,255,255,.4);
    font-size: .57rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-ebay-console__listing-head > div > strong {
    color: rgba(255,255,255,.8);
    font-size: .72rem;
}

.rl-ebay-console__listing-head > span {
    color: var(--rl-accent-300);
    font-size: .6rem;
    font-weight: 700;
}

.rl-ebay-console__rows {
    padding: 10px;
}

.rl-ebay-console__rows > div {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.rl-ebay-console__rows > div:last-child {
    border-bottom: 0;
}

.rl-ebay-console__rows > div > span {
    display: block;
    width: 42px;
    height: 34px;
    border-radius: 6px;
    background: linear-gradient(145deg, rgba(106,166,159,.15), rgba(255,255,255,.03));
}

.rl-ebay-console__rows strong {
    color: rgba(255,255,255,.7);
    font-size: .67rem;
}

.rl-ebay-console__rows small {
    color: var(--rl-accent-300);
    font-size: .58rem;
    font-weight: 700;
}

.rl-ebay-console__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
    padding: 9px 13px 13px;
}

.rl-ebay-console__metrics > div {
    padding: 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.02);
}

.rl-ebay-console__metrics span,
.rl-ebay-console__metrics strong {
    display: block;
}

.rl-ebay-console__metrics span {
    margin-bottom: 4px;
    color: rgba(255,255,255,.39);
    font-size: .54rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-ebay-console__metrics strong {
    color: rgba(255,255,255,.74);
    font-size: .63rem;
}

.rl-ebay-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.rl-ebay-console__footer span {
    color: rgba(255,255,255,.6);
    font-size: .64rem;
    font-weight: 700;
    text-align: center;
}

.rl-ebay-console__footer span:nth-child(2),
.rl-ebay-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* SERVICES */

.rl-ebay-services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 22px;
}

.rl-ebay-service-card {
    min-height: 290px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-ebay-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-ebay-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-ebay-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-ebay-service-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-ebay-service-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* TWO-COLUMN SECTIONS */

.rl-ebay-listings__grid,
.rl-ebay-operations__grid,
.rl-ebay-account__grid,
.rl-ebay-responsibility__grid,
.rl-ebay-connected__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
    align-items: center;
    gap: 64px;
}

.rl-ebay-listings__grid > div:first-child,
.rl-ebay-operations__grid > div:first-child,
.rl-ebay-account__grid > div:first-child,
.rl-ebay-responsibility__grid > div:first-child,
.rl-ebay-connected__grid > div:first-child {
    max-width: 620px;
}

.rl-ebay-listings__grid p,
.rl-ebay-operations__grid p,
.rl-ebay-account__grid p,
.rl-ebay-responsibility__grid p,
.rl-ebay-connected__grid p {
    line-height: 1.75;
}

.rl-ebay-listings__panel,
.rl-ebay-operations__panel,
.rl-ebay-account__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-ebay-listings__panel > div,
.rl-ebay-operations__panel > div,
.rl-ebay-account__panel > div {
    padding: 20px 22px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-ebay-listings__panel > div:last-child,
.rl-ebay-operations__panel > div:last-child,
.rl-ebay-account__panel > div:last-child {
    border-bottom: 0;
}

.rl-ebay-listings__panel span,
.rl-ebay-operations__panel span,
.rl-ebay-account__panel span,
.rl-ebay-listings__panel strong,
.rl-ebay-operations__panel strong,
.rl-ebay-account__panel strong {
    display: block;
}

.rl-ebay-listings__panel span,
.rl-ebay-operations__panel span,
.rl-ebay-account__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-ebay-listings__panel strong,
.rl-ebay-operations__panel strong,
.rl-ebay-account__panel strong {
    color: var(--rl-brand-950);
    font-size: .89rem;
    line-height: 1.52;
}


/* STORE + ORDER CARDS */

.rl-ebay-store__grid,
.rl-ebay-orders__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 20px;
}

.rl-ebay-store__grid article,
.rl-ebay-orders__grid article {
    min-height: 220px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-ebay-store__grid article > span {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-ebay-store__grid h3,
.rl-ebay-orders__grid h3 {
    margin-bottom: 10px;
    font-size: 1.06rem;
}

.rl-ebay-store__grid p,
.rl-ebay-orders__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* RESPONSIBILITY */

.rl-ebay-responsibility__list {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-ebay-responsibility__list > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-ebay-responsibility__list > div:last-child {
    border-bottom: 0;
}

.rl-ebay-responsibility__list span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: .75rem;
    font-weight: 800;
}

.rl-ebay-responsibility__list strong {
    color: var(--rl-brand-950);
    font-size: .88rem;
    line-height: 1.5;
}


/* PROCESS */

.rl-ebay-process .rl-process-card {
    min-height: 255px;
    box-shadow: var(--rl-shadow-xs);
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-ebay-process .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}


/* CONNECTED */

.rl-ebay-connected__links {
    display: grid;
    gap: 13px;
}

.rl-ebay-connected__links a {
    display: block;
    padding: 20px 22px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition: transform var(--rl-transition), border-color var(--rl-transition), box-shadow var(--rl-transition);
}

.rl-ebay-connected__links a:hover {
    transform: translateY(-3px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-sm);
}

.rl-ebay-connected__links span,
.rl-ebay-connected__links strong,
.rl-ebay-connected__links small {
    display: block;
}

.rl-ebay-connected__links span {
    margin-bottom: 6px;
    color: var(--rl-accent-700);
    font-size: .64rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-ebay-connected__links strong {
    margin-bottom: 5px;
    color: var(--rl-brand-950);
    font-size: .96rem;
}

.rl-ebay-connected__links small {
    color: var(--rl-text-soft);
    font-size: .8rem;
    line-height: 1.55;
}


/* EXPECTATIONS */

.rl-ebay-expectations__grid {
    display: grid;
    grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-ebay-expectations__grid > div:first-child {
    max-width: 560px;
}

.rl-ebay-expectations__grid > div:last-child {
    max-width: 700px;
}

.rl-ebay-expectations__grid p {
    line-height: 1.76;
}


/* FAQ */

.rl-ebay-faq .rl-section-header {
    max-width: 790px;
}

.rl-ebay-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .rl-ebay-hero__grid {
        grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
        gap: 42px;
    }

    .rl-ebay-services__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .rl-ebay-listings__grid,
    .rl-ebay-operations__grid,
    .rl-ebay-account__grid,
    .rl-ebay-responsibility__grid,
    .rl-ebay-connected__grid,
    .rl-ebay-expectations__grid {
        gap: 42px;
    }

}

@media (max-width: 900px) {

    .rl-ebay-hero {
        padding: 50px 0;
    }

    .rl-ebay-hero__grid,
    .rl-ebay-listings__grid,
    .rl-ebay-operations__grid,
    .rl-ebay-account__grid,
    .rl-ebay-responsibility__grid,
    .rl-ebay-connected__grid,
    .rl-ebay-expectations__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-ebay-console {
        width: min(100%,680px);
    }

}

@media (max-width: 767px) {

    .rl-ebay-hero {
        padding: 44px 0 48px;
    }

    .rl-ebay-hero__content h1 {
        font-size: clamp(2rem,9vw,2.7rem);
    }

    .rl-ebay-services__grid,
    .rl-ebay-store__grid,
    .rl-ebay-orders__grid {
        grid-template-columns: 1fr;
    }

    .rl-ebay-service-card,
    .rl-ebay-store__grid article,
    .rl-ebay-orders__grid article {
        min-height: 0;
        padding: 23px;
    }

    .rl-ebay-listings__panel > div,
    .rl-ebay-operations__panel > div,
    .rl-ebay-account__panel > div {
        padding: 18px 19px;
    }

}

@media (max-width: 520px) {

    .rl-ebay-console__metrics {
        grid-template-columns: 1fr;
    }

    .rl-ebay-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-ebay-console__footer span:nth-child(2),
    .rl-ebay-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

}

@media (max-width: 390px) {

    .rl-ebay-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-ebay-console__status {
        padding: 5px 8px;
        font-size: .6rem;
    }

    .rl-ebay-console__listing {
        margin: 10px 10px 0;
    }

    .rl-ebay-console__rows > div {
        grid-template-columns: 34px 1fr;
    }

    .rl-ebay-console__rows > div > span {
        width: 34px;
        height: 30px;
    }

    .rl-ebay-console__rows small {
        grid-column: 2;
    }

    .rl-ebay-service-card,
    .rl-ebay-store__grid article,
    .rl-ebay-orders__grid article {
        padding: 21px;
    }

}
/* =========================================================
   LIVE CHAT & CUSTOMER SUPPORT PAGE
   ========================================================= */


/* HERO */

.rl-support-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(circle at 84% 18%, rgba(71, 139, 131, 0.09), transparent 30%),
        var(--rl-off-white);
}

.rl-support-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-support-hero__content {
    max-width: 730px;
}

.rl-support-hero__content h1 {
    max-width: 800px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-support-hero__intro {
    max-width: 680px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* SUPPORT CONSOLE */

.rl-supportdesk-console {
    overflow: hidden;
    border: 1px solid rgba(11, 20, 24, 0.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-supportdesk-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-supportdesk-console__header > div > span,
.rl-supportdesk-console__header > div > strong {
    display: block;
}

.rl-supportdesk-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-supportdesk-console__header > div > strong {
    color: var(--rl-white);
    font-size: .95rem;
}

.rl-supportdesk-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106,166,159,.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: .67rem;
    font-weight: 700;
}

.rl-supportdesk-console__workspace {
    display: grid;
    grid-template-columns: 62px minmax(0,1fr);
    margin: 13px 13px 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
}

.rl-supportdesk-console__sidebar {
    display: grid;
    align-content: start;
    justify-items: center;
    gap: 13px;
    padding: 16px 10px;
    border-right: 1px solid rgba(255,255,255,.07);
}

.rl-supportdesk-console__sidebar span {
    width: 28px;
    height: 28px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    background: rgba(255,255,255,.04);
}

.rl-supportdesk-console__sidebar span.is-active {
    border-color: rgba(106,166,159,.28);
    background: rgba(106,166,159,.16);
}

.rl-supportdesk-console__conversation {
    padding: 14px;
}

.rl-supportdesk-console__contact {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.rl-supportdesk-console__avatar {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    border-radius: 50%;
    background: rgba(106,166,159,.19);
}

.rl-supportdesk-console__contact span,
.rl-supportdesk-console__contact strong {
    display: block;
}

.rl-supportdesk-console__contact span {
    margin-bottom: 2px;
    color: rgba(255,255,255,.39);
    font-size: .55rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-supportdesk-console__contact strong {
    color: rgba(255,255,255,.76);
    font-size: .68rem;
}

.rl-supportdesk-console__messages {
    display: grid;
    gap: 10px;
    padding: 15px 0;
}

.rl-supportdesk-console__message {
    width: 68%;
    padding: 9px 10px;
    border-radius: 8px;
}

.rl-supportdesk-console__message--customer {
    justify-self: start;
    background: rgba(255,255,255,.05);
}

.rl-supportdesk-console__message--agent {
    justify-self: end;
    background: rgba(106,166,159,.12);
}

.rl-supportdesk-console__message span {
    display: block;
    height: 5px;
    margin-top: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
}

.rl-supportdesk-console__message span:first-child {
    margin-top: 0;
}

.rl-supportdesk-console__message span:nth-child(2) {
    width: 83%;
}

.rl-supportdesk-console__message span:nth-child(3) {
    width: 60%;
}

.rl-supportdesk-console__composer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    background: rgba(255,255,255,.025);
}

.rl-supportdesk-console__composer span {
    color: rgba(255,255,255,.34);
    font-size: .61rem;
}

.rl-supportdesk-console__composer i {
    display: inline-flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(106,166,159,.15);
    color: var(--rl-accent-300);
    font-size: .7rem;
    font-style: normal;
}

.rl-supportdesk-console__metrics {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
    padding: 9px 13px 13px;
}

.rl-supportdesk-console__metrics > div {
    padding: 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.02);
}

.rl-supportdesk-console__metrics span,
.rl-supportdesk-console__metrics strong {
    display: block;
}

.rl-supportdesk-console__metrics span {
    margin-bottom: 4px;
    color: rgba(255,255,255,.39);
    font-size: .54rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-supportdesk-console__metrics strong {
    color: rgba(255,255,255,.74);
    font-size: .63rem;
}

.rl-supportdesk-console__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1.3fr;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.rl-supportdesk-console__footer span {
    color: rgba(255,255,255,.6);
    font-size: .64rem;
    font-weight: 700;
    text-align: center;
}

.rl-supportdesk-console__footer span:nth-child(2),
.rl-supportdesk-console__footer span:nth-child(4) {
    color: var(--rl-accent-300);
}


/* SERVICE CARDS */

.rl-support-services__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}

.rl-support-service-card {
    min-height: 290px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-support-service-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-support-service-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-support-service-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-support-service-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-support-service-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* TWO COLUMN CONTENT */

.rl-support-framework__grid,
.rl-support-leads__grid,
.rl-support-knowledge__grid,
.rl-support-quality__grid,
.rl-support-boundaries__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
    align-items: center;
    gap: 64px;
}

.rl-support-framework__grid > div:first-child,
.rl-support-leads__grid > div:first-child,
.rl-support-knowledge__grid > div:first-child,
.rl-support-quality__grid > div:first-child {
    max-width: 620px;
}

.rl-support-framework__grid p,
.rl-support-leads__grid p,
.rl-support-knowledge__grid p,
.rl-support-quality__grid p,
.rl-support-boundaries__grid p {
    line-height: 1.75;
}

.rl-support-framework__panel,
.rl-support-leads__panel,
.rl-support-knowledge__list {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-support-framework__panel > div,
.rl-support-leads__panel > div,
.rl-support-knowledge__list > div {
    padding: 20px 22px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-support-framework__panel > div:last-child,
.rl-support-leads__panel > div:last-child,
.rl-support-knowledge__list > div:last-child {
    border-bottom: 0;
}

.rl-support-framework__panel span,
.rl-support-leads__panel span,
.rl-support-knowledge__list span,
.rl-support-framework__panel strong,
.rl-support-leads__panel strong,
.rl-support-knowledge__list strong {
    display: block;
}

.rl-support-framework__panel span,
.rl-support-leads__panel span,
.rl-support-knowledge__list span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-support-framework__panel strong,
.rl-support-leads__panel strong,
.rl-support-knowledge__list strong {
    color: var(--rl-brand-950);
    font-size: .89rem;
    line-height: 1.52;
}


/* WORKFLOW + ORDERS + USE CASES */

.rl-support-workflow__grid,
.rl-support-orders__grid,
.rl-support-usecases__grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
}

.rl-support-workflow__grid article,
.rl-support-orders__grid article,
.rl-support-usecases__grid article {
    min-height: 220px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-support-workflow__grid article > span {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-support-workflow__grid h3,
.rl-support-orders__grid h3,
.rl-support-usecases__grid h3 {
    margin-bottom: 10px;
    font-size: 1.06rem;
}

.rl-support-workflow__grid p,
.rl-support-orders__grid p,
.rl-support-usecases__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* QUALITY CHECKS */

.rl-support-quality__checks {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-support-quality__checks > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-support-quality__checks > div:last-child {
    border-bottom: 0;
}

.rl-support-quality__checks span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: .75rem;
    font-weight: 800;
}

.rl-support-quality__checks strong {
    color: var(--rl-brand-950);
    font-size: .88rem;
    line-height: 1.5;
}


/* PROCESS */

.rl-support-setup .rl-process-card {
    min-height: 255px;
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-support-setup .rl-process-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}


/* BOUNDARIES */

.rl-support-boundaries__grid {
    grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
    align-items: start;
}

.rl-support-boundaries__grid > div:first-child {
    max-width: 560px;
}

.rl-support-boundaries__grid > div:last-child {
    max-width: 700px;
}


/* FAQ */

.rl-support-faq .rl-section-header {
    max-width: 790px;
}

.rl-support-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .rl-support-hero__grid {
        grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
        gap: 42px;
    }

    .rl-support-services__grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .rl-support-framework__grid,
    .rl-support-leads__grid,
    .rl-support-knowledge__grid,
    .rl-support-quality__grid,
    .rl-support-boundaries__grid {
        gap: 42px;
    }

}


@media (max-width: 900px) {

    .rl-support-hero {
        padding: 50px 0;
    }

    .rl-support-hero__grid,
    .rl-support-framework__grid,
    .rl-support-leads__grid,
    .rl-support-knowledge__grid,
    .rl-support-quality__grid,
    .rl-support-boundaries__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-supportdesk-console {
        width: min(100%,680px);
    }

}


@media (max-width: 767px) {

    .rl-support-hero {
        padding: 44px 0 48px;
    }

    .rl-support-hero__content h1 {
        font-size: clamp(2rem,9vw,2.7rem);
    }

    .rl-support-services__grid,
    .rl-support-workflow__grid,
    .rl-support-orders__grid,
    .rl-support-usecases__grid {
        grid-template-columns: 1fr;
    }

    .rl-support-service-card,
    .rl-support-workflow__grid article,
    .rl-support-orders__grid article,
    .rl-support-usecases__grid article {
        min-height: 0;
        padding: 23px;
    }

    .rl-support-framework__panel > div,
    .rl-support-leads__panel > div,
    .rl-support-knowledge__list > div {
        padding: 18px 19px;
    }

}


@media (max-width: 520px) {

    .rl-supportdesk-console__workspace {
        grid-template-columns: 48px minmax(0,1fr);
    }

    .rl-supportdesk-console__sidebar {
        padding: 14px 7px;
    }

    .rl-supportdesk-console__sidebar span {
        width: 25px;
        height: 25px;
    }

    .rl-supportdesk-console__metrics {
        grid-template-columns: 1fr;
    }

    .rl-supportdesk-console__footer {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .rl-supportdesk-console__footer span:nth-child(2),
    .rl-supportdesk-console__footer span:nth-child(4) {
        transform: rotate(90deg);
    }

}


@media (max-width: 390px) {

    .rl-supportdesk-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-supportdesk-console__status {
        padding: 5px 8px;
        font-size: .6rem;
    }

    .rl-supportdesk-console__workspace {
        margin: 10px 10px 0;
    }

    .rl-supportdesk-console__conversation {
        padding: 11px;
    }

    .rl-supportdesk-console__message {
        width: 80%;
    }

    .rl-support-service-card,
    .rl-support-workflow__grid article,
    .rl-support-orders__grid article,
    .rl-support-usecases__grid article {
        padding: 21px;
    }

}
/* Order Support - supporting note */

.rl-support-orders__note {
    margin-top: 22px;
    padding: 24px 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-off-white);
}

.rl-support-orders__note strong {
    display: block;
    margin-bottom: 8px;
    color: var(--rl-brand-950);
    font-size: .96rem;
}

.rl-support-orders__note p {
    max-width: 900px;
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.7;
}

@media (max-width: 767px) {

    .rl-support-orders__note {
        padding: 21px;
    }

}
/* =========================================================
   WEBSITE LIVE CHAT PAGE
   ========================================================= */

.rl-wchat-hero {
    padding: 56px 0 60px;
    border-bottom: 1px solid var(--rl-border);
    background:
        radial-gradient(circle at 84% 18%, rgba(71, 139, 131, 0.09), transparent 30%),
        var(--rl-off-white);
}

.rl-wchat-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
    align-items: center;
    gap: 58px;
}

.rl-wchat-hero__content {
    max-width: 730px;
}

.rl-wchat-hero__content h1 {
    max-width: 790px;
    margin-bottom: 18px;
    font-size: clamp(2.3rem, 3.8vw, 3.45rem);
    line-height: 1.07;
}

.rl-wchat-hero__intro {
    max-width: 680px;
    color: var(--rl-text-soft);
    font-size: 1.04rem;
    line-height: 1.72;
}


/* CHAT CONSOLE */

.rl-wchat-console {
    overflow: hidden;
    border: 1px solid rgba(11,20,24,.12);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-brand-950);
    box-shadow: var(--rl-shadow-md);
}

.rl-wchat-console__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-wchat-console__header span,
.rl-wchat-console__header strong {
    display: block;
}

.rl-wchat-console__header > div > span {
    margin-bottom: 3px;
    color: var(--rl-accent-300);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-wchat-console__header strong {
    color: var(--rl-white);
    font-size: .95rem;
}

.rl-wchat-console__status {
    padding: 6px 10px;
    border: 1px solid rgba(106,166,159,.25);
    border-radius: 999px;
    color: var(--rl-accent-300);
    font-size: .67rem;
    font-weight: 700;
}

.rl-wchat-console__body {
    margin: 13px 13px 0;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
}

.rl-wchat-console__visitor {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.rl-wchat-console__avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    background: rgba(106,166,159,.18);
}

.rl-wchat-console__visitor small,
.rl-wchat-console__visitor strong {
    display: block;
}

.rl-wchat-console__visitor small {
    margin-bottom: 3px;
    color: rgba(255,255,255,.4);
    font-size: .57rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-wchat-console__visitor strong {
    color: rgba(255,255,255,.78);
    font-size: .7rem;
}

.rl-wchat-console__messages {
    display: grid;
    gap: 10px;
    padding: 17px 0;
}

.rl-wchat-console__bubble {
    width: 70%;
    padding: 10px;
    border-radius: 9px;
}

.rl-wchat-console__bubble--visitor {
    justify-self: start;
    background: rgba(255,255,255,.05);
}

.rl-wchat-console__bubble--support {
    justify-self: end;
    background: rgba(106,166,159,.13);
}

.rl-wchat-console__bubble span {
    display: block;
    height: 5px;
    margin-top: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
}

.rl-wchat-console__bubble span:first-child {
    margin-top: 0;
}

.rl-wchat-console__bubble span:nth-child(2) {
    width: 82%;
}

.rl-wchat-console__bubble span:nth-child(3) {
    width: 58%;
}

.rl-wchat-console__composer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
}

.rl-wchat-console__composer span {
    color: rgba(255,255,255,.34);
    font-size: .61rem;
}

.rl-wchat-console__composer i {
    display: inline-flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(106,166,159,.15);
    color: var(--rl-accent-300);
    font-size: .72rem;
    font-style: normal;
}

.rl-wchat-console__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
    padding: 9px 13px 13px;
}

.rl-wchat-console__summary > div {
    padding: 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
}

.rl-wchat-console__summary span,
.rl-wchat-console__summary strong {
    display: block;
}

.rl-wchat-console__summary span {
    margin-bottom: 4px;
    color: rgba(255,255,255,.39);
    font-size: .54rem;
    font-weight: 700;
    text-transform: uppercase;
}

.rl-wchat-console__summary strong {
    color: rgba(255,255,255,.74);
    font-size: .63rem;
}


/* CAPABILITY CARDS */

.rl-wchat-capabilities__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 22px;
}

.rl-wchat-card {
    min-height: 285px;
    padding: 28px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-wchat-card:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-wchat-card__icon {
    display: inline-flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    border: 1px solid var(--rl-accent-200);
    border-radius: 14px;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
}

.rl-wchat-card__icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rl-wchat-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.rl-wchat-card p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* TWO COLUMN SECTIONS */

.rl-wchat-foundation__grid,
.rl-wchat-leads__grid,
.rl-wchat-escalation__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
    align-items: center;
    gap: 64px;
}

.rl-wchat-foundation__grid > div:first-child,
.rl-wchat-leads__grid > div:first-child,
.rl-wchat-escalation__grid > div:first-child {
    max-width: 620px;
}

.rl-wchat-foundation__grid p,
.rl-wchat-leads__grid p,
.rl-wchat-escalation__grid p {
    line-height: 1.75;
}

.rl-wchat-foundation__panel,
.rl-wchat-leads__panel {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-wchat-foundation__panel > div,
.rl-wchat-leads__panel > div {
    padding: 20px 22px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-wchat-foundation__panel > div:last-child,
.rl-wchat-leads__panel > div:last-child {
    border-bottom: 0;
}

.rl-wchat-foundation__panel span,
.rl-wchat-leads__panel span,
.rl-wchat-foundation__panel strong,
.rl-wchat-leads__panel strong {
    display: block;
}

.rl-wchat-foundation__panel span,
.rl-wchat-leads__panel span {
    margin-bottom: 5px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-wchat-foundation__panel strong,
.rl-wchat-leads__panel strong {
    color: var(--rl-brand-950);
    font-size: .89rem;
    line-height: 1.52;
}


/* FLOW */

.rl-wchat-flow__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 20px;
}

.rl-wchat-flow__grid article {
    min-height: 220px;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
}

.rl-wchat-flow__grid article > span {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rl-wchat-flow__grid h3 {
    margin-bottom: 10px;
    font-size: 1.06rem;
}

.rl-wchat-flow__grid p {
    margin: 0;
    color: var(--rl-text-soft);
    font-size: .88rem;
    line-height: 1.68;
}


/* ESCALATION */

.rl-wchat-escalation__list {
    overflow: hidden;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-lg);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-sm);
}

.rl-wchat-escalation__list > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 21px;
    border-bottom: 1px solid var(--rl-border);
}

.rl-wchat-escalation__list > div:last-child {
    border-bottom: 0;
}

.rl-wchat-escalation__list span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--rl-accent-050);
    color: var(--rl-accent-700);
    font-size: .75rem;
    font-weight: 800;
}

.rl-wchat-escalation__list strong {
    color: var(--rl-brand-950);
    font-size: .88rem;
    line-height: 1.5;
}


/* AVAILABILITY */

.rl-wchat-availability__grid {
    display: grid;
    grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
    align-items: start;
    gap: 64px;
}

.rl-wchat-availability__grid > div:first-child {
    max-width: 560px;
}

.rl-wchat-availability__grid > div:last-child {
    max-width: 700px;
}

.rl-wchat-availability__grid p {
    line-height: 1.76;
}


/* RELATED SERVICES */

.rl-wchat-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 20px;
}

.rl-wchat-related__grid a {
    display: flex;
    min-height: 270px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--rl-border);
    border-radius: var(--rl-radius-md);
    background: var(--rl-white);
    box-shadow: var(--rl-shadow-xs);
    color: inherit;
    text-decoration: none;
    transition:
        transform var(--rl-transition),
        border-color var(--rl-transition),
        box-shadow var(--rl-transition);
}

.rl-wchat-related__grid a:hover {
    transform: translateY(-4px);
    border-color: var(--rl-accent-300);
    box-shadow: var(--rl-shadow-md);
}

.rl-wchat-related__grid a > span {
    margin-bottom: 14px;
    color: var(--rl-accent-700);
    font-size: .67rem;
    font-weight: 750;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-wchat-related__grid h3 {
    margin-bottom: 10px;
    color: var(--rl-brand-950);
    font-size: 1.08rem;
}

.rl-wchat-related__grid p {
    margin-bottom: 20px;
    color: var(--rl-text-soft);
    font-size: .87rem;
    line-height: 1.68;
}

.rl-wchat-related__grid strong {
    margin-top: auto;
    color: var(--rl-accent-700);
    font-size: .8rem;
}


/* FAQ */

.rl-wchat-faq .rl-section-header {
    max-width: 790px;
}

.rl-wchat-faq .rl-faq-list {
    max-width: 930px;
    margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .rl-wchat-hero__grid {
        grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
        gap: 42px;
    }

    .rl-wchat-capabilities__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .rl-wchat-foundation__grid,
    .rl-wchat-leads__grid,
    .rl-wchat-escalation__grid,
    .rl-wchat-availability__grid {
        gap: 42px;
    }

}

@media (max-width: 900px) {

    .rl-wchat-hero {
        padding: 50px 0;
    }

    .rl-wchat-hero__grid,
    .rl-wchat-foundation__grid,
    .rl-wchat-leads__grid,
    .rl-wchat-escalation__grid,
    .rl-wchat-availability__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .rl-wchat-console {
        width: min(100%,680px);
    }

    .rl-wchat-related__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

}

@media (max-width: 767px) {

    .rl-wchat-hero {
        padding: 44px 0 48px;
    }

    .rl-wchat-hero__content h1 {
        font-size: clamp(2rem,9vw,2.7rem);
    }

    .rl-wchat-capabilities__grid,
    .rl-wchat-flow__grid,
    .rl-wchat-related__grid {
        grid-template-columns: 1fr;
    }

    .rl-wchat-card,
    .rl-wchat-flow__grid article,
    .rl-wchat-related__grid a {
        min-height: 0;
        padding: 23px;
    }

    .rl-wchat-foundation__panel > div,
    .rl-wchat-leads__panel > div {
        padding: 18px 19px;
    }

}

@media (max-width: 520px) {

    .rl-wchat-console__summary {
        grid-template-columns: 1fr;
    }

    .rl-wchat-console__bubble {
        width: 82%;
    }

}

@media (max-width: 390px) {

    .rl-wchat-console__header {
        align-items: flex-start;
        padding: 15px;
    }

    .rl-wchat-console__status {
        padding: 5px 8px;
        font-size: .6rem;
    }

    .rl-wchat-console__body {
        margin: 10px 10px 0;
        padding: 12px;
    }

    .rl-wchat-card,
    .rl-wchat-flow__grid article,
    .rl-wchat-related__grid a {
        padding: 21px;
    }

}
/* =========================================================
   CUSTOMER ENQUIRIES PAGE
   ========================================================= */

.rl-enquiry-hero {
	padding: 56px 0 60px;
	border-bottom: 1px solid var(--rl-border);
	background:
		radial-gradient(circle at 84% 18%, rgba(71,139,131,.09), transparent 30%),
		var(--rl-off-white);
}

.rl-enquiry-hero__grid {
	display: grid;
	grid-template-columns: minmax(0,1.04fr) minmax(410px,.96fr);
	align-items: center;
	gap: 58px;
}

.rl-enquiry-hero__content {
	max-width: 730px;
}

.rl-enquiry-hero__content h1 {
	max-width: 800px;
	margin-bottom: 18px;
	font-size: clamp(2.3rem,3.8vw,3.45rem);
	line-height: 1.07;
}

.rl-enquiry-hero__intro {
	max-width: 680px;
	color: var(--rl-text-soft);
	font-size: 1.04rem;
	line-height: 1.72;
}


/* CONSOLE */

.rl-enquiry-console {
	overflow: hidden;
	border: 1px solid rgba(11,20,24,.12);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-brand-950);
	box-shadow: var(--rl-shadow-md);
}

.rl-enquiry-console__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 17px 19px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-enquiry-console__header span,
.rl-enquiry-console__header strong {
	display: block;
}

.rl-enquiry-console__header > div > span {
	margin-bottom: 3px;
	color: var(--rl-accent-300);
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-enquiry-console__header strong {
	color: var(--rl-white);
	font-size: .95rem;
}

.rl-enquiry-console__status {
	padding: 6px 10px;
	border: 1px solid rgba(106,166,159,.25);
	border-radius: 999px;
	color: var(--rl-accent-300);
	font-size: .67rem;
	font-weight: 700;
}

.rl-enquiry-console__body {
	padding: 15px;
}

.rl-enquiry-ticket {
	padding: 17px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 10px;
	background: rgba(255,255,255,.025);
}

.rl-enquiry-ticket__top span,
.rl-enquiry-ticket__top strong {
	display: block;
}

.rl-enquiry-ticket__top span {
	margin-bottom: 4px;
	color: rgba(255,255,255,.4);
	font-size: .57rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-enquiry-ticket__top strong {
	color: rgba(255,255,255,.8);
	font-size: .76rem;
}

.rl-enquiry-ticket__message {
	display: grid;
	gap: 7px;
	margin-top: 17px;
}

.rl-enquiry-ticket__message span {
	display: block;
	width: 94%;
	height: 6px;
	border-radius: 999px;
	background: rgba(255,255,255,.11);
}

.rl-enquiry-ticket__message span:nth-child(2) {
	width: 76%;
}

.rl-enquiry-ticket__message span:nth-child(3) {
	width: 52%;
}

.rl-enquiry-console__steps {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 8px;
	margin-top: 9px;
}

.rl-enquiry-console__steps > div {
	padding: 11px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 9px;
}

.rl-enquiry-console__steps span,
.rl-enquiry-console__steps strong {
	display: block;
}

.rl-enquiry-console__steps span {
	margin-bottom: 4px;
	color: rgba(255,255,255,.4);
	font-size: .54rem;
	font-weight: 700;
	text-transform: uppercase;
}

.rl-enquiry-console__steps strong {
	color: rgba(255,255,255,.74);
	font-size: .63rem;
	line-height: 1.4;
}

.rl-enquiry-console__footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 16px 16px;
	color: rgba(255,255,255,.5);
	font-size: .59rem;
	font-weight: 700;
}

.rl-enquiry-console__footer i {
	color: var(--rl-accent-300);
	font-style: normal;
}


/* ENQUIRY CARDS */

.rl-enquiry-types__grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 22px;
}

.rl-enquiry-card {
	min-height: 230px;
	padding: 28px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-enquiry-card:hover {
	transform: translateY(-4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-md);
}

.rl-enquiry-card h3 {
	margin-bottom: 11px;
	font-size: 1.08rem;
}

.rl-enquiry-card p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .88rem;
	line-height: 1.68;
}


/* TWO COLUMN */

.rl-enquiry-foundation__grid,
.rl-enquiry-escalation__grid,
.rl-enquiry-expectations__grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
	align-items: center;
	gap: 64px;
}

.rl-enquiry-foundation__grid > div:first-child,
.rl-enquiry-escalation__grid > div:first-child {
	max-width: 620px;
}

.rl-enquiry-foundation__grid p,
.rl-enquiry-escalation__grid p,
.rl-enquiry-expectations__grid p {
	line-height: 1.75;
}

.rl-enquiry-foundation__panel,
.rl-enquiry-escalation__list {
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-enquiry-foundation__panel > div {
	padding: 20px 22px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-enquiry-foundation__panel > div:last-child {
	border-bottom: 0;
}

.rl-enquiry-foundation__panel span,
.rl-enquiry-foundation__panel strong {
	display: block;
}

.rl-enquiry-foundation__panel span {
	margin-bottom: 5px;
	color: var(--rl-accent-700);
	font-size: .67rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-enquiry-foundation__panel strong {
	color: var(--rl-brand-950);
	font-size: .89rem;
	line-height: 1.52;
}


/* WORKFLOW */

.rl-enquiry-workflow__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px;
}

.rl-enquiry-workflow__grid article {
	min-height: 215px;
	padding: 26px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
}

.rl-enquiry-workflow__grid article > span {
	display: inline-block;
	margin-bottom: 15px;
	color: var(--rl-accent-700);
	font-size: .67rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-enquiry-workflow__grid h3 {
	margin-bottom: 10px;
	font-size: 1.06rem;
}

.rl-enquiry-workflow__grid p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .88rem;
	line-height: 1.68;
}


/* ESCALATION */

.rl-enquiry-escalation__list > div {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 18px 21px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-enquiry-escalation__list > div:last-child {
	border-bottom: 0;
}

.rl-enquiry-escalation__list span {
	display: inline-flex;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
	font-size: .75rem;
	font-weight: 800;
}

.rl-enquiry-escalation__list strong {
	color: var(--rl-brand-950);
	font-size: .88rem;
	line-height: 1.5;
}


/* RELATED CHANNELS */

.rl-enquiry-channels__grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 20px;
}

.rl-enquiry-channels__grid a {
	display: flex;
	min-height: 270px;
	flex-direction: column;
	padding: 26px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	color: inherit;
	text-decoration: none;
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-enquiry-channels__grid a:hover {
	transform: translateY(-4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-md);
}

.rl-enquiry-channels__grid a > span {
	margin-bottom: 14px;
	color: var(--rl-accent-700);
	font-size: .67rem;
	font-weight: 750;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-enquiry-channels__grid h3 {
	margin-bottom: 10px;
	color: var(--rl-brand-950);
	font-size: 1.08rem;
}

.rl-enquiry-channels__grid p {
	margin-bottom: 20px;
	color: var(--rl-text-soft);
	font-size: .87rem;
	line-height: 1.68;
}

.rl-enquiry-channels__grid strong {
	margin-top: auto;
	color: var(--rl-accent-700);
	font-size: .8rem;
}


/* EXPECTATIONS */

.rl-enquiry-expectations__grid {
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	align-items: start;
}

.rl-enquiry-expectations__grid > div:last-child {
	max-width: 700px;
}


/* FAQ */

.rl-enquiry-faq .rl-section-header {
	max-width: 790px;
}

.rl-enquiry-faq .rl-faq-list {
	max-width: 930px;
	margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

	.rl-enquiry-hero__grid {
		grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
		gap: 42px;
	}

	.rl-enquiry-types__grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.rl-enquiry-foundation__grid,
	.rl-enquiry-escalation__grid,
	.rl-enquiry-expectations__grid {
		gap: 42px;
	}

}

@media (max-width: 900px) {

	.rl-enquiry-hero {
		padding: 50px 0;
	}

	.rl-enquiry-hero__grid,
	.rl-enquiry-foundation__grid,
	.rl-enquiry-escalation__grid,
	.rl-enquiry-expectations__grid {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.rl-enquiry-console {
		width: min(100%,680px);
	}

	.rl-enquiry-channels__grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

}

@media (max-width: 767px) {

	.rl-enquiry-hero {
		padding: 44px 0 48px;
	}

	.rl-enquiry-hero__content h1 {
		font-size: clamp(2rem,9vw,2.7rem);
	}

	.rl-enquiry-types__grid,
	.rl-enquiry-workflow__grid,
	.rl-enquiry-channels__grid {
		grid-template-columns: 1fr;
	}

	.rl-enquiry-card,
	.rl-enquiry-workflow__grid article,
	.rl-enquiry-channels__grid a {
		min-height: 0;
		padding: 23px;
	}

	.rl-enquiry-console__steps {
		grid-template-columns: 1fr;
	}

	.rl-enquiry-console__footer {
		flex-wrap: wrap;
	}

}

@media (max-width: 520px) {

	.rl-enquiry-console__footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.rl-enquiry-console__footer i {
		transform: rotate(90deg);
	}

}

@media (max-width: 390px) {

	.rl-enquiry-console__header {
		align-items: flex-start;
		padding: 15px;
	}

	.rl-enquiry-console__status {
		padding: 5px 8px;
		font-size: .6rem;
	}

	.rl-enquiry-card,
	.rl-enquiry-workflow__grid article,
	.rl-enquiry-channels__grid a {
		padding: 21px;
	}

}
/* =========================================================
   ORDER SUPPORT PAGE
   ========================================================= */

.rl-order-hero {
	padding: 56px 0 60px;
	border-bottom: 1px solid var(--rl-border);
	background:
		radial-gradient(circle at 84% 18%, rgba(71,139,131,.09), transparent 30%),
		var(--rl-off-white);
}

.rl-order-hero__grid {
	display: grid;
	grid-template-columns: minmax(0,1.04fr) minmax(410px,.96fr);
	align-items: center;
	gap: 58px;
}

.rl-order-hero__content {
	max-width: 730px;
}

.rl-order-hero__content h1 {
	max-width: 810px;
	margin-bottom: 18px;
	font-size: clamp(2.3rem,3.8vw,3.45rem);
	line-height: 1.07;
}

.rl-order-hero__intro {
	max-width: 680px;
	color: var(--rl-text-soft);
	font-size: 1.04rem;
	line-height: 1.72;
}


/* ORDER CONSOLE */

.rl-order-console {
	overflow: hidden;
	border: 1px solid rgba(11,20,24,.12);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-brand-950);
	box-shadow: var(--rl-shadow-md);
}

.rl-order-console__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 17px 19px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-order-console__header span,
.rl-order-console__header strong {
	display: block;
}

.rl-order-console__header > div > span {
	margin-bottom: 3px;
	color: var(--rl-accent-300);
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-order-console__header strong {
	color: var(--rl-white);
	font-size: .95rem;
}

.rl-order-console__status {
	padding: 6px 10px;
	border: 1px solid rgba(106,166,159,.25);
	border-radius: 999px;
	color: var(--rl-accent-300);
	font-size: .67rem;
	font-weight: 700;
}

.rl-order-console__body {
	padding: 15px;
}

.rl-order-console__order {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 8px;
}

.rl-order-console__order > div,
.rl-order-console__checks > div {
	padding: 12px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
}

.rl-order-console__order span,
.rl-order-console__order strong,
.rl-order-console__checks span,
.rl-order-console__checks strong {
	display: block;
}

.rl-order-console__order span,
.rl-order-console__checks span {
	margin-bottom: 4px;
	color: rgba(255,255,255,.4);
	font-size: .55rem;
	font-weight: 700;
	text-transform: uppercase;
}

.rl-order-console__order strong,
.rl-order-console__checks strong {
	color: rgba(255,255,255,.76);
	font-size: .67rem;
}

.rl-order-console__timeline {
	margin: 9px 0;
	padding: 16px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
}

.rl-order-console__timeline > div {
	position: relative;
	display: flex;
	gap: 11px;
	padding-bottom: 17px;
}

.rl-order-console__timeline > div:last-child {
	padding-bottom: 0;
}

.rl-order-console__timeline > div:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 5px;
	width: 1px;
	height: calc(100% - 4px);
	background: rgba(255,255,255,.1);
}

.rl-order-console__timeline i {
	position: relative;
	z-index: 1;
	width: 11px;
	height: 11px;
	flex: 0 0 11px;
	margin-top: 3px;
	border: 2px solid rgba(255,255,255,.2);
	border-radius: 50%;
	background: var(--rl-brand-950);
}

.rl-order-console__timeline .is-complete i,
.rl-order-console__timeline .is-active i {
	border-color: var(--rl-accent-300);
	background: var(--rl-accent-300);
}

.rl-order-console__timeline small,
.rl-order-console__timeline strong {
	display: block;
}

.rl-order-console__timeline small {
	margin-bottom: 3px;
	color: rgba(255,255,255,.38);
	font-size: .54rem;
	font-weight: 700;
	text-transform: uppercase;
}

.rl-order-console__timeline strong {
	color: rgba(255,255,255,.72);
	font-size: .65rem;
}

.rl-order-console__checks {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 8px;
}

.rl-order-console__footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 15px 16px;
	color: rgba(255,255,255,.48);
	font-size: .59rem;
	font-weight: 700;
}

.rl-order-console__footer i {
	color: var(--rl-accent-300);
	font-style: normal;
}


/* SUPPORT CARDS */

.rl-order-services__grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 22px;
}

.rl-order-card {
	min-height: 275px;
	padding: 28px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-order-card:hover {
	transform: translateY(-4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-md);
}

.rl-order-card__icon {
	display: inline-flex;
	width: 54px;
	height: 54px;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
	border: 1px solid var(--rl-accent-200);
	border-radius: 14px;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
}

.rl-order-card__icon svg {
	width: 26px;
	height: 26px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.65;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rl-order-card h3 {
	margin-bottom: 10px;
	font-size: 1.08rem;
}

.rl-order-card p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .88rem;
	line-height: 1.68;
}


/* TWO COLUMN SECTIONS */

.rl-order-foundation__grid,
.rl-order-communication__grid,
.rl-order-escalation__grid,
.rl-order-commerce__grid,
.rl-order-expectations__grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
	align-items: center;
	gap: 64px;
}

.rl-order-foundation__grid > div:first-child,
.rl-order-communication__grid > div:first-child,
.rl-order-escalation__grid > div:first-child,
.rl-order-commerce__grid > div:first-child {
	max-width: 620px;
}

.rl-order-foundation__grid p,
.rl-order-communication__grid p,
.rl-order-escalation__grid p,
.rl-order-commerce__grid p,
.rl-order-expectations__grid p {
	line-height: 1.75;
}


/* PANELS */

.rl-order-foundation__panel,
.rl-order-commerce__panel,
.rl-order-escalation__list {
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-order-foundation__panel > div,
.rl-order-commerce__panel > div {
	padding: 20px 22px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-order-foundation__panel > div:last-child,
.rl-order-commerce__panel > div:last-child {
	border-bottom: 0;
}

.rl-order-foundation__panel span,
.rl-order-foundation__panel strong,
.rl-order-commerce__panel span,
.rl-order-commerce__panel strong {
	display: block;
}

.rl-order-foundation__panel span,
.rl-order-commerce__panel span {
	margin-bottom: 5px;
	color: var(--rl-accent-700);
	font-size: .67rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-order-foundation__panel strong,
.rl-order-commerce__panel strong {
	color: var(--rl-brand-950);
	font-size: .89rem;
	line-height: 1.52;
}


/* COMMUNICATION JOURNEY */

.rl-order-communication__journey {
	padding: 25px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-brand-950);
	box-shadow: var(--rl-shadow-md);
}

.rl-order-communication__journey > div {
	padding: 16px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
}

.rl-order-communication__journey span,
.rl-order-communication__journey strong {
	display: block;
}

.rl-order-communication__journey span {
	margin-bottom: 5px;
	color: var(--rl-accent-300);
	font-size: .61rem;
	font-weight: 700;
	text-transform: uppercase;
}

.rl-order-communication__journey strong {
	color: rgba(255,255,255,.78);
	font-size: .78rem;
}

.rl-order-communication__journey > i {
	display: block;
	padding: 7px 0;
	color: var(--rl-accent-300);
	text-align: center;
	font-style: normal;
}


/* ESCALATION */

.rl-order-escalation__list > div {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 18px 21px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-order-escalation__list > div:last-child {
	border-bottom: 0;
}

.rl-order-escalation__list span {
	display: inline-flex;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
	font-size: .75rem;
	font-weight: 800;
}

.rl-order-escalation__list strong {
	color: var(--rl-brand-950);
	font-size: .88rem;
	line-height: 1.5;
}


/* WORKFLOW */

.rl-order-workflow__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px;
}

.rl-order-workflow__grid article {
	min-height: 220px;
	padding: 26px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
}

.rl-order-workflow__grid article > span {
	display: inline-block;
	margin-bottom: 15px;
	color: var(--rl-accent-700);
	font-size: .67rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-order-workflow__grid h3 {
	margin-bottom: 10px;
	font-size: 1.06rem;
}

.rl-order-workflow__grid p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .88rem;
	line-height: 1.68;
}


/* RELATED SERVICES */

.rl-order-related__grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 20px;
}

.rl-order-related__grid a {
	display: flex;
	min-height: 270px;
	flex-direction: column;
	padding: 26px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	color: inherit;
	text-decoration: none;
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-order-related__grid a:hover {
	transform: translateY(-4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-md);
}

.rl-order-related__grid a > span {
	margin-bottom: 14px;
	color: var(--rl-accent-700);
	font-size: .67rem;
	font-weight: 750;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-order-related__grid h3 {
	margin-bottom: 10px;
	color: var(--rl-brand-950);
	font-size: 1.08rem;
}

.rl-order-related__grid p {
	margin-bottom: 20px;
	color: var(--rl-text-soft);
	font-size: .87rem;
	line-height: 1.68;
}

.rl-order-related__grid strong {
	margin-top: auto;
	color: var(--rl-accent-700);
	font-size: .8rem;
}


/* EXPECTATIONS */

.rl-order-expectations__grid {
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	align-items: start;
}

.rl-order-expectations__grid > div:last-child {
	max-width: 700px;
}


/* FAQ */

.rl-order-faq .rl-section-header {
	max-width: 790px;
}

.rl-order-faq .rl-faq-list {
	max-width: 930px;
	margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

	.rl-order-hero__grid {
		grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
		gap: 42px;
	}

	.rl-order-services__grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.rl-order-foundation__grid,
	.rl-order-communication__grid,
	.rl-order-escalation__grid,
	.rl-order-commerce__grid,
	.rl-order-expectations__grid {
		gap: 42px;
	}
}

@media (max-width: 900px) {

	.rl-order-hero {
		padding: 50px 0;
	}

	.rl-order-hero__grid,
	.rl-order-foundation__grid,
	.rl-order-communication__grid,
	.rl-order-escalation__grid,
	.rl-order-commerce__grid,
	.rl-order-expectations__grid {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.rl-order-console {
		width: min(100%,680px);
	}

	.rl-order-related__grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media (max-width: 767px) {

	.rl-order-hero {
		padding: 44px 0 48px;
	}

	.rl-order-hero__content h1 {
		font-size: clamp(2rem,9vw,2.7rem);
	}

	.rl-order-services__grid,
	.rl-order-workflow__grid,
	.rl-order-related__grid {
		grid-template-columns: 1fr;
	}

	.rl-order-card,
	.rl-order-workflow__grid article,
	.rl-order-related__grid a {
		min-height: 0;
		padding: 23px;
	}

	.rl-order-console__checks {
		grid-template-columns: 1fr;
	}

	.rl-order-console__footer {
		flex-wrap: wrap;
	}
}

@media (max-width: 520px) {

	.rl-order-console__order {
		grid-template-columns: 1fr;
	}

	.rl-order-console__footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.rl-order-console__footer i {
		transform: rotate(90deg);
	}
}

@media (max-width: 390px) {

	.rl-order-console__header {
		align-items: flex-start;
		padding: 15px;
	}

	.rl-order-console__status {
		padding: 5px 8px;
		font-size: .6rem;
	}

	.rl-order-card,
	.rl-order-workflow__grid article,
	.rl-order-related__grid a {
		padding: 21px;
	}
}
/* =========================================================
   LEAD HANDOVER PAGE
   ========================================================= */

.rl-leadho-hero {
	padding: 56px 0 60px;
	border-bottom: 1px solid var(--rl-border);
	background:
		radial-gradient(circle at 84% 18%, rgba(71,139,131,.09), transparent 30%),
		var(--rl-off-white);
}

.rl-leadho-hero__grid {
	display: grid;
	grid-template-columns: minmax(0,1.04fr) minmax(410px,.96fr);
	align-items: center;
	gap: 58px;
}

.rl-leadho-hero__content {
	max-width: 730px;
}

.rl-leadho-hero__content h1 {
	max-width: 810px;
	margin-bottom: 18px;
	font-size: clamp(2.3rem,3.8vw,3.45rem);
	line-height: 1.07;
}

.rl-leadho-hero__intro {
	max-width: 680px;
	color: var(--rl-text-soft);
	font-size: 1.04rem;
	line-height: 1.72;
}


/* HANDOVER CONSOLE */

.rl-leadho-console {
	overflow: hidden;
	border: 1px solid rgba(11,20,24,.12);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-brand-950);
	box-shadow: var(--rl-shadow-md);
}

.rl-leadho-console__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 17px 19px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-leadho-console__header span,
.rl-leadho-console__header strong {
	display: block;
}

.rl-leadho-console__header > div > span {
	margin-bottom: 3px;
	color: var(--rl-accent-300);
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-leadho-console__header strong {
	color: var(--rl-white);
	font-size: .95rem;
}

.rl-leadho-console__status {
	padding: 6px 10px;
	border: 1px solid rgba(106,166,159,.25);
	border-radius: 999px;
	color: var(--rl-accent-300);
	font-size: .67rem;
	font-weight: 700;
}

.rl-leadho-console__body {
	padding: 15px;
}

.rl-leadho-console__profile {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 14px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
}

.rl-leadho-console__avatar {
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	border-radius: 50%;
	background: rgba(106,166,159,.17);
}

.rl-leadho-console__profile span,
.rl-leadho-console__profile strong {
	display: block;
}

.rl-leadho-console__profile span {
	margin-bottom: 3px;
	color: rgba(255,255,255,.4);
	font-size: .55rem;
	font-weight: 700;
	text-transform: uppercase;
}

.rl-leadho-console__profile strong {
	color: rgba(255,255,255,.78);
	font-size: .7rem;
}

.rl-leadho-console__details {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 8px;
	margin-top: 9px;
}

.rl-leadho-console__details > div {
	padding: 11px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px;
	background: rgba(255,255,255,.02);
}

.rl-leadho-console__details span,
.rl-leadho-console__details strong {
	display: block;
}

.rl-leadho-console__details span {
	margin-bottom: 4px;
	color: rgba(255,255,255,.38);
	font-size: .53rem;
	font-weight: 700;
	text-transform: uppercase;
}

.rl-leadho-console__details strong {
	color: rgba(255,255,255,.72);
	font-size: .63rem;
}

.rl-leadho-console__route {
	display: grid;
	grid-template-columns: 1fr auto 1fr auto 1fr;
	align-items: center;
	gap: 6px;
	margin-top: 9px;
}

.rl-leadho-console__route > div {
	padding: 10px 7px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px;
	text-align: center;
}

.rl-leadho-console__route span {
	color: rgba(255,255,255,.61);
	font-size: .55rem;
	font-weight: 700;
}

.rl-leadho-console__route i {
	color: var(--rl-accent-300);
	font-size: .7rem;
	font-style: normal;
}


/* CAPTURE CARDS */

.rl-leadho-capture__grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 22px;
}

.rl-leadho-card {
	min-height: 275px;
	padding: 28px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-leadho-card:hover {
	transform: translateY(-4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-md);
}

.rl-leadho-card__icon {
	display: inline-flex;
	width: 54px;
	height: 54px;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
	border: 1px solid var(--rl-accent-200);
	border-radius: 14px;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
}

.rl-leadho-card__icon svg {
	width: 26px;
	height: 26px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.65;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rl-leadho-card h3 {
	margin-bottom: 10px;
	font-size: 1.08rem;
}

.rl-leadho-card p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .88rem;
	line-height: 1.68;
}


/* TWO COLUMN SECTIONS */

.rl-leadho-context__grid,
.rl-leadho-relevance__grid,
.rl-leadho-routing__grid,
.rl-leadho-support__grid,
.rl-leadho-boundaries__grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
	align-items: center;
	gap: 64px;
}

.rl-leadho-context__grid > div:first-child,
.rl-leadho-relevance__grid > div:first-child,
.rl-leadho-routing__grid > div:first-child,
.rl-leadho-support__grid > div:first-child {
	max-width: 620px;
}

.rl-leadho-context__grid p,
.rl-leadho-relevance__grid p,
.rl-leadho-routing__grid p,
.rl-leadho-support__grid p,
.rl-leadho-boundaries__grid p {
	line-height: 1.75;
}


/* CONTEXT PANEL */

.rl-leadho-context__panel,
.rl-leadho-routing__panel {
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-leadho-context__panel > div {
	padding: 20px 22px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-leadho-context__panel > div:last-child {
	border-bottom: 0;
}

.rl-leadho-context__panel span,
.rl-leadho-context__panel strong {
	display: block;
}

.rl-leadho-context__panel span {
	margin-bottom: 5px;
	color: var(--rl-accent-700);
	font-size: .67rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-leadho-context__panel strong {
	color: var(--rl-brand-950);
	font-size: .89rem;
	line-height: 1.52;
}


/* WORKFLOW */

.rl-leadho-workflow__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px;
}

.rl-leadho-workflow__grid article {
	min-height: 220px;
	padding: 26px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
}

.rl-leadho-workflow__grid article > span {
	display: inline-block;
	margin-bottom: 15px;
	color: var(--rl-accent-700);
	font-size: .67rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-leadho-workflow__grid h3 {
	margin-bottom: 10px;
	font-size: 1.06rem;
}

.rl-leadho-workflow__grid p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .88rem;
	line-height: 1.68;
}


/* RELEVANCE */

.rl-leadho-relevance__comparison {
	display: grid;
	gap: 12px;
}

.rl-leadho-relevance__comparison > div {
	padding: 22px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
}

.rl-leadho-relevance__comparison > div.is-highlighted {
	border-color: var(--rl-accent-200);
	background: var(--rl-accent-050);
}

.rl-leadho-relevance__comparison span,
.rl-leadho-relevance__comparison strong {
	display: block;
}

.rl-leadho-relevance__comparison span {
	margin-bottom: 7px;
	color: var(--rl-accent-700);
	font-size: .66rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-leadho-relevance__comparison strong {
	color: var(--rl-brand-950);
	font-size: .91rem;
	line-height: 1.55;
}


/* ROUTING */

.rl-leadho-routing__panel > div {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
	align-items: center;
	gap: 15px;
	padding: 18px 21px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-leadho-routing__panel > div:last-child {
	border-bottom: 0;
}

.rl-leadho-routing__panel span {
	color: var(--rl-text-soft);
	font-size: .82rem;
	font-weight: 650;
}

.rl-leadho-routing__panel i {
	color: var(--rl-accent-700);
	font-style: normal;
}

.rl-leadho-routing__panel strong {
	color: var(--rl-brand-950);
	font-size: .85rem;
}


/* CONNECTED SUPPORT */

.rl-leadho-support__links {
	display: grid;
	gap: 10px;
}

.rl-leadho-support__links a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 19px 21px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	color: inherit;
	text-decoration: none;
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-leadho-support__links a:hover {
	transform: translateX(4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-sm);
}

.rl-leadho-support__links span {
	color: var(--rl-text-soft);
	font-size: .78rem;
}

.rl-leadho-support__links strong {
	color: var(--rl-accent-700);
	font-size: .82rem;
}


/* BOUNDARIES */

.rl-leadho-boundaries__grid {
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	align-items: start;
}

.rl-leadho-boundaries__grid > div:last-child {
	max-width: 700px;
}


/* FAQ */

.rl-leadho-faq .rl-section-header {
	max-width: 790px;
}

.rl-leadho-faq .rl-faq-list {
	max-width: 930px;
	margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

	.rl-leadho-hero__grid {
		grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
		gap: 42px;
	}

	.rl-leadho-capture__grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.rl-leadho-context__grid,
	.rl-leadho-relevance__grid,
	.rl-leadho-routing__grid,
	.rl-leadho-support__grid,
	.rl-leadho-boundaries__grid {
		gap: 42px;
	}
}

@media (max-width: 900px) {

	.rl-leadho-hero {
		padding: 50px 0;
	}

	.rl-leadho-hero__grid,
	.rl-leadho-context__grid,
	.rl-leadho-relevance__grid,
	.rl-leadho-routing__grid,
	.rl-leadho-support__grid,
	.rl-leadho-boundaries__grid {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.rl-leadho-console {
		width: min(100%,680px);
	}
}

@media (max-width: 767px) {

	.rl-leadho-hero {
		padding: 44px 0 48px;
	}

	.rl-leadho-hero__content h1 {
		font-size: clamp(2rem,9vw,2.7rem);
	}

	.rl-leadho-capture__grid,
	.rl-leadho-workflow__grid {
		grid-template-columns: 1fr;
	}

	.rl-leadho-card,
	.rl-leadho-workflow__grid article {
		min-height: 0;
		padding: 23px;
	}

	.rl-leadho-console__route {
		grid-template-columns: 1fr;
	}

	.rl-leadho-console__route i {
		transform: rotate(90deg);
		text-align: center;
	}

	.rl-leadho-routing__panel > div {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.rl-leadho-routing__panel i {
		transform: rotate(90deg);
		width: fit-content;
	}

	.rl-leadho-support__links a {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}
}

@media (max-width: 520px) {

	.rl-leadho-console__details {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 390px) {

	.rl-leadho-console__header {
		align-items: flex-start;
		padding: 15px;
	}

	.rl-leadho-console__status {
		padding: 5px 8px;
		font-size: .6rem;
	}

	.rl-leadho-card,
	.rl-leadho-workflow__grid article {
		padding: 21px;
	}
}
/* =========================================================
   FINAL COMPREHENSIVE INDUSTRIES PAGE
   ========================================================= */

/* HERO */

.rl-industries-final-hero {
	padding: 58px 0 62px;
	border-bottom: 1px solid var(--rl-border);
	background:
		radial-gradient(circle at 86% 16%, rgba(71,139,131,.09), transparent 31%),
		var(--rl-off-white);
}

.rl-industries-final-hero__grid {
	display: grid;
	grid-template-columns: minmax(0,1.05fr) minmax(410px,.95fr);
	align-items: center;
	gap: 60px;
}

.rl-industries-final-hero__content {
	max-width: 760px;
}

.rl-industries-final-hero__content h1 {
	max-width: 850px;
	margin-bottom: 20px;
	font-size: clamp(2.35rem,3.8vw,3.55rem);
	line-height: 1.065;
	letter-spacing: -.025em;
}

.rl-industries-final-hero__intro {
	max-width: 700px;
	color: var(--rl-text-soft);
	font-size: 1.04rem;
	line-height: 1.74;
}


/* HERO CONSOLE */

.rl-industries-final-console {
	overflow: hidden;
	border: 1px solid rgba(11,20,24,.12);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-brand-950);
	box-shadow: var(--rl-shadow-md);
}

.rl-industries-final-console__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-industries-final-console__top span,
.rl-industries-final-console__top strong {
	display: block;
}

.rl-industries-final-console__top > div > span {
	margin-bottom: 3px;
	color: var(--rl-accent-300);
	font-size: .65rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-industries-final-console__top strong {
	color: var(--rl-white);
	font-size: .95rem;
}

.rl-industries-final-console__status {
	padding: 6px 10px;
	border: 1px solid rgba(106,166,159,.25);
	border-radius: 999px;
	color: var(--rl-accent-300);
	font-size: .65rem;
	font-weight: 700;
}

.rl-industries-final-console__body {
	padding: 15px;
}

.rl-industries-final-console__cards {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 9px;
}

.rl-industries-final-console__cards > div {
	min-height: 100px;
	padding: 14px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
}

.rl-industries-final-console__cards span,
.rl-industries-final-console__cards strong {
	display: block;
}

.rl-industries-final-console__cards span {
	margin-bottom: 7px;
	color: rgba(255,255,255,.4);
	font-size: .55rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.rl-industries-final-console__cards strong {
	color: rgba(255,255,255,.76);
	font-size: .7rem;
	line-height: 1.45;
}

.rl-industries-final-console__flow {
	display: grid;
	grid-template-columns: 1fr auto 1fr auto 1fr;
	align-items: center;
	gap: 6px;
	margin-top: 9px;
	padding: 12px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 9px;
	background: rgba(255,255,255,.018);
	text-align: center;
}

.rl-industries-final-console__flow span {
	color: rgba(255,255,255,.58);
	font-size: .54rem;
	font-weight: 700;
}

.rl-industries-final-console__flow i {
	color: var(--rl-accent-300);
	font-size: .68rem;
	font-style: normal;
}


/* INTRODUCTION */

.rl-industries-intro__grid {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	align-items: start;
	gap: 72px;
}

.rl-industries-intro__grid > div:first-child {
	max-width: 580px;
}

.rl-industries-intro__grid > div:last-child {
	max-width: 720px;
}

.rl-industries-intro__grid p {
	line-height: 1.76;
}


/* INDUSTRY CARDS */

.rl-industries-final-environments__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 24px;
}

.rl-industries-final-card {
	display: flex;
	min-height: 520px;
	flex-direction: column;
	padding: 30px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-industries-final-card:hover {
	transform: translateY(-4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-md);
}

.rl-industries-final-card__top {
	display: flex;
	align-items: center;
	gap: 17px;
	margin-bottom: 20px;
}

.rl-industries-final-card__icon {
	display: inline-flex;
	width: 58px;
	height: 58px;
	flex: 0 0 58px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--rl-accent-200);
	border-radius: 15px;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
}

.rl-industries-final-card__icon svg {
	width: 27px;
	height: 27px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rl-industries-final-card__label {
	display: block;
	margin-bottom: 4px;
	color: var(--rl-accent-700);
	font-size: .64rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-industries-final-card h3 {
	margin: 0;
	font-size: 1.18rem;
	line-height: 1.35;
}

.rl-industries-final-card > p {
	margin: 0 0 21px;
	color: var(--rl-text-soft);
	font-size: .9rem;
	line-height: 1.72;
}

.rl-industries-final-card__challenges {
	margin-bottom: 24px;
	padding: 20px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-off-white);
}

.rl-industries-final-card__challenges > strong {
	display: block;
	margin-bottom: 12px;
	color: var(--rl-brand-950);
	font-size: .8rem;
}

.rl-industries-final-card__challenges ul {
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rl-industries-final-card__challenges li {
	position: relative;
	padding-left: 19px;
	color: var(--rl-text-soft);
	font-size: .8rem;
	line-height: 1.55;
}

.rl-industries-final-card__challenges li::before {
	position: absolute;
	top: .63em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--rl-accent-700);
	content: "";
}

.rl-industries-final-card__links {
	display: flex;
	flex-wrap: wrap;
	gap: 9px 16px;
	margin-top: auto;
	padding-top: 20px;
	border-top: 1px solid var(--rl-border);
}

.rl-industries-final-card__links a {
	color: var(--rl-accent-700);
	font-size: .75rem;
	font-weight: 700;
	text-decoration: none;
}

.rl-industries-final-card__links a:hover {
	text-decoration: underline;
}


/* CAPABILITY MAPPING */

.rl-industries-final-capabilities__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px;
	max-width: 1080px;
	margin: 0 auto;
}

.rl-industries-final-capability {
	display: flex;
	min-height: 280px;
	flex-direction: column;
	padding: 29px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	color: inherit;
	text-decoration: none;
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-industries-final-capability:hover {
	transform: translateY(-4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-md);
}

.rl-industries-final-capability > span {
	display: inline-block;
	width: fit-content;
	margin-bottom: 18px;
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
	font-size: .61rem;
	font-weight: 750;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-industries-final-capability h3 {
	margin-bottom: 11px;
	font-size: 1.08rem;
}

.rl-industries-final-capability p {
	margin: 0 0 19px;
	color: var(--rl-text-soft);
	font-size: .87rem;
	line-height: 1.68;
}

.rl-industries-final-capability strong {
	margin-top: auto;
	color: var(--rl-accent-700);
	font-size: .78rem;
}


/* MULTICHANNEL */

.rl-industries-multichannel__grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(410px,.9fr);
	align-items: center;
	gap: 64px;
}

.rl-industries-multichannel__grid > div:first-child {
	max-width: 650px;
}

.rl-industries-multichannel__grid p {
	line-height: 1.75;
}

.rl-industries-multichannel__panel {
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-industries-multichannel__panel > div {
	padding: 21px 23px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-industries-multichannel__panel > div:last-child {
	border-bottom: 0;
}

.rl-industries-multichannel__panel span,
.rl-industries-multichannel__panel strong {
	display: block;
}

.rl-industries-multichannel__panel span {
	margin-bottom: 6px;
	color: var(--rl-accent-700);
	font-size: .64rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-industries-multichannel__panel strong {
	color: var(--rl-brand-950);
	font-size: .88rem;
	line-height: 1.5;
}


/* APPROACH */

.rl-industries-final-approach__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px;
}

.rl-industries-final-approach__grid article {
	min-height: 230px;
	padding: 27px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
}

.rl-industries-final-approach__grid article > span {
	display: inline-block;
	margin-bottom: 15px;
	color: var(--rl-accent-700);
	font-size: .66rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-industries-final-approach__grid h3 {
	margin-bottom: 10px;
	font-size: 1.05rem;
}

.rl-industries-final-approach__grid p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .88rem;
	line-height: 1.68;
}


/* MARKETPLACE */

.rl-industries-marketplace__grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(390px,.85fr);
	align-items: center;
	gap: 64px;
}

.rl-industries-marketplace__grid > div:first-child {
	max-width: 680px;
}

.rl-industries-marketplace__grid p {
	line-height: 1.74;
}

.rl-industries-marketplace__panel {
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-industries-marketplace__panel > div {
	padding: 22px 24px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-industries-marketplace__panel > div:last-child {
	border-bottom: 0;
}

.rl-industries-marketplace__panel span,
.rl-industries-marketplace__panel strong {
	display: block;
}

.rl-industries-marketplace__panel span {
	margin-bottom: 6px;
	color: var(--rl-accent-700);
	font-size: .64rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-industries-marketplace__panel strong {
	color: var(--rl-brand-950);
	font-size: .88rem;
	line-height: 1.52;
}


/* EXPECTATIONS */

.rl-industries-final-expectations__grid {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	align-items: start;
	gap: 68px;
}

.rl-industries-final-expectations__grid > div:last-child {
	max-width: 720px;
}

.rl-industries-final-expectations__grid p {
	line-height: 1.76;
}


/* FAQ */

.rl-industries-final-faq .rl-section-header {
	max-width: 810px;
}

.rl-industries-final-faq .rl-faq-list {
	max-width: 940px;
	margin-top: 35px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

	.rl-industries-final-hero__grid {
		grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
		gap: 42px;
	}

	.rl-industries-intro__grid,
	.rl-industries-multichannel__grid,
	.rl-industries-marketplace__grid,
	.rl-industries-final-expectations__grid {
		gap: 44px;
	}
}


@media (max-width: 900px) {

	.rl-industries-final-hero {
		padding: 50px 0;
	}

	.rl-industries-final-hero__grid,
	.rl-industries-intro__grid,
	.rl-industries-multichannel__grid,
	.rl-industries-marketplace__grid,
	.rl-industries-final-expectations__grid {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.rl-industries-final-console {
		width: min(100%,680px);
	}

	.rl-industries-final-card {
		min-height: 0;
	}

}


@media (max-width: 767px) {

	.rl-industries-final-hero {
		padding: 44px 0 48px;
	}

	.rl-industries-final-hero__content h1 {
		font-size: clamp(2rem,9vw,2.7rem);
	}

	.rl-industries-final-environments__grid,
	.rl-industries-final-capabilities__grid,
	.rl-industries-final-approach__grid {
		grid-template-columns: 1fr;
	}

	.rl-industries-final-card {
		padding: 24px;
	}

	.rl-industries-final-capability,
	.rl-industries-final-approach__grid article {
		min-height: 0;
		padding: 23px;
	}

	.rl-industries-final-console__flow {
		grid-template-columns: 1fr;
	}

	.rl-industries-final-console__flow i {
		transform: rotate(90deg);
	}

}


@media (max-width: 520px) {

	.rl-industries-final-console__cards {
		grid-template-columns: 1fr;
	}

	.rl-industries-final-card__top {
		align-items: flex-start;
	}

	.rl-industries-final-card__links {
		flex-direction: column;
	}

}


@media (max-width: 390px) {

	.rl-industries-final-console__top {
		align-items: flex-start;
		padding: 15px;
	}

	.rl-industries-final-console__status {
		padding: 5px 8px;
		font-size: .59rem;
	}

	.rl-industries-final-card,
	.rl-industries-final-capability,
	.rl-industries-final-approach__grid article {
		padding: 21px;
	}

	.rl-industries-final-card__challenges {
		padding: 17px;
	}

}
/* =========================================================
   FINAL COMPREHENSIVE ABOUT PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-about-final-hero {
	padding: 58px 0 62px;
	border-bottom: 1px solid var(--rl-border);
	background:
		radial-gradient(circle at 85% 15%, rgba(71,139,131,.09), transparent 31%),
		var(--rl-off-white);
}

.rl-about-final-hero__grid {
	display: grid;
	grid-template-columns: minmax(0,1.05fr) minmax(410px,.95fr);
	align-items: center;
	gap: 60px;
}

.rl-about-final-hero__content {
	max-width: 760px;
}

.rl-about-final-hero__content h1 {
	max-width: 850px;
	margin-bottom: 20px;
	font-size: clamp(2.35rem,3.8vw,3.55rem);
	line-height: 1.065;
	letter-spacing: -.025em;
}

.rl-about-final-hero__intro {
	max-width: 700px;
	color: var(--rl-text-soft);
	font-size: 1.04rem;
	line-height: 1.74;
}


/* ---------------------------------------------------------
   HERO OPERATIONS CONSOLE
   --------------------------------------------------------- */

.rl-about-final-console {
	overflow: hidden;
	border: 1px solid rgba(11,20,24,.12);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-brand-950);
	box-shadow: var(--rl-shadow-md);
}

.rl-about-final-console__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-about-final-console__top span,
.rl-about-final-console__top strong {
	display: block;
}

.rl-about-final-console__top > div > span {
	margin-bottom: 3px;
	color: var(--rl-accent-300);
	font-size: .64rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-about-final-console__top strong {
	color: var(--rl-white);
	font-size: .95rem;
}

.rl-about-final-console__status {
	padding: 6px 10px;
	border: 1px solid rgba(106,166,159,.25);
	border-radius: 999px;
	color: var(--rl-accent-300);
	font-size: .64rem;
	font-weight: 700;
	white-space: nowrap;
}

.rl-about-final-console__body {
	padding: 15px;
}

.rl-about-final-console__item {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 8px;
	padding: 13px 14px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
}

.rl-about-final-console__item:last-of-type {
	margin-bottom: 0;
}

.rl-about-final-console__icon {
	display: inline-flex;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(106,166,159,.18);
	border-radius: 9px;
	background: rgba(106,166,159,.07);
	color: var(--rl-accent-300);
}

.rl-about-final-console__icon svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rl-about-final-console__item div > span,
.rl-about-final-console__item div > strong {
	display: block;
}

.rl-about-final-console__item div > span {
	margin-bottom: 3px;
	color: rgba(255,255,255,.42);
	font-size: .57rem;
	font-weight: 700;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.rl-about-final-console__item div > strong {
	color: rgba(255,255,255,.78);
	font-size: .72rem;
	line-height: 1.45;
}

.rl-about-final-console__flow {
	display: grid;
	grid-template-columns: 1fr auto 1fr auto 1fr;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	padding: 12px 14px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 9px;
	background: rgba(255,255,255,.018);
	text-align: center;
}

.rl-about-final-console__flow span {
	color: rgba(255,255,255,.6);
	font-size: .57rem;
	font-weight: 700;
}

.rl-about-final-console__flow i {
	color: var(--rl-accent-300);
	font-size: .68rem;
	font-style: normal;
}


/* ---------------------------------------------------------
   WHO WE ARE
   --------------------------------------------------------- */

.rl-about-final-intro__grid {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	align-items: start;
	gap: 72px;
}

.rl-about-final-intro__grid > div:first-child {
	max-width: 580px;
}

.rl-about-final-intro__grid > div:last-child {
	max-width: 720px;
}

.rl-about-final-intro__grid p {
	line-height: 1.76;
}


/* ---------------------------------------------------------
   PURPOSE
   --------------------------------------------------------- */

.rl-about-purpose__grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(390px,.9fr);
	align-items: center;
	gap: 70px;
}

.rl-about-purpose__statement {
	max-width: 690px;
}

.rl-about-purpose__statement p {
	line-height: 1.75;
}

.rl-about-purpose__principles {
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-about-purpose__principles > div {
	padding: 21px 23px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-about-purpose__principles > div:last-child {
	border-bottom: 0;
}

.rl-about-purpose__principles span,
.rl-about-purpose__principles strong {
	display: block;
}

.rl-about-purpose__principles span {
	margin-bottom: 6px;
	color: var(--rl-accent-700);
	font-size: .63rem;
	font-weight: 750;
	letter-spacing: .065em;
	text-transform: uppercase;
}

.rl-about-purpose__principles strong {
	color: var(--rl-brand-950);
	font-size: .88rem;
	line-height: 1.52;
}


/* ---------------------------------------------------------
   OPERATIONS IMAGE SECTION
   --------------------------------------------------------- */

.rl-about-operations__grid {
	display: grid;
	grid-template-columns: minmax(0,1.03fr) minmax(0,.97fr);
	align-items: center;
	gap: 62px;
}

.rl-about-operations__image {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-off-white);
	box-shadow: var(--rl-shadow-md);
}

.rl-about-operations__image::after {
	position: absolute;
	inset: 0;
	border: 1px solid rgba(255,255,255,.15);
	border-radius: inherit;
	content: "";
	pointer-events: none;
}

.rl-about-operations__image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 8 / 5;
	object-fit: cover;
}

.rl-about-operations__content {
	max-width: 640px;
}

.rl-about-operations__content p {
	line-height: 1.74;
}

.rl-about-operations__content .rl-text-link {
	display: inline-flex;
	margin-top: 5px;
}


/* ---------------------------------------------------------
   CAPABILITIES
   --------------------------------------------------------- */

.rl-about-capabilities__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px;
}

.rl-about-capability {
	display: flex;
	min-height: 325px;
	flex-direction: column;
	padding: 30px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	color: inherit;
	text-decoration: none;
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-about-capability:hover {
	transform: translateY(-4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-md);
}

.rl-about-capability__icon {
	display: inline-flex;
	width: 54px;
	height: 54px;
	margin-bottom: 22px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--rl-accent-200);
	border-radius: 14px;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
}

.rl-about-capability__icon svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rl-about-capability__label {
	display: block;
	margin-bottom: 8px;
	color: var(--rl-accent-700);
	font-size: .64rem;
	font-weight: 750;
	letter-spacing: .065em;
	text-transform: uppercase;
}

.rl-about-capability h3 {
	margin: 0 0 12px;
	font-size: 1.16rem;
	line-height: 1.35;
}

.rl-about-capability p {
	margin: 0 0 20px;
	color: var(--rl-text-soft);
	font-size: .88rem;
	line-height: 1.7;
}

.rl-about-capability > strong {
	margin-top: auto;
	color: var(--rl-accent-700);
	font-size: .77rem;
}


/* ---------------------------------------------------------
   SERVICE FIT
   --------------------------------------------------------- */

.rl-about-fit__grid {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	align-items: start;
	gap: 70px;
}

.rl-about-fit__grid > div:first-child {
	max-width: 590px;
}

.rl-about-fit__grid > div:last-child {
	max-width: 720px;
}

.rl-about-fit__grid p {
	line-height: 1.76;
}


/* ---------------------------------------------------------
   APPROACH
   --------------------------------------------------------- */

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

.rl-about-approach__grid article {
	min-height: 265px;
	padding: 26px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
}

.rl-about-approach__grid article > span {
	display: inline-block;
	margin-bottom: 20px;
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
	font-size: .61rem;
	font-weight: 750;
	letter-spacing: .065em;
	text-transform: uppercase;
}

.rl-about-approach__grid h3 {
	margin-bottom: 11px;
	font-size: 1rem;
	line-height: 1.42;
}

.rl-about-approach__grid p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .83rem;
	line-height: 1.68;
}


/* ---------------------------------------------------------
   PRINCIPLES
   --------------------------------------------------------- */

.rl-about-principles__grid {
	display: grid;
	grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
	align-items: start;
	gap: 70px;
}

.rl-about-principles__heading {
	max-width: 550px;
}

.rl-about-principles__heading p {
	color: var(--rl-text-soft);
	line-height: 1.74;
}

.rl-about-principles__list {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 16px;
}

.rl-about-principles__list article {
	padding: 24px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
}

.rl-about-principles__list h3 {
	margin-bottom: 9px;
	font-size: .98rem;
}

.rl-about-principles__list p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .82rem;
	line-height: 1.65;
}


/* ---------------------------------------------------------
   INDUSTRIES
   --------------------------------------------------------- */

.rl-about-industries__grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(390px,.9fr);
	align-items: center;
	gap: 66px;
}

.rl-about-industries__grid > div:first-child {
	max-width: 650px;
}

.rl-about-industries__grid p {
	line-height: 1.74;
}

.rl-about-industries__list {
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-about-industries__list > div {
	padding: 18px 22px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-about-industries__list > div:last-child {
	border-bottom: 0;
}

.rl-about-industries__list span,
.rl-about-industries__list strong {
	display: block;
}

.rl-about-industries__list span {
	margin-bottom: 4px;
	color: var(--rl-accent-700);
	font-size: .61rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-about-industries__list strong {
	color: var(--rl-brand-950);
	font-size: .84rem;
	line-height: 1.48;
}


/* ---------------------------------------------------------
   LOCAL SERVICES MARKETPLACE
   --------------------------------------------------------- */

.rl-about-marketplace__box {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	align-items: center;
	gap: 50px;
	padding: 38px 40px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-brand-950);
	box-shadow: var(--rl-shadow-md);
}

.rl-about-marketplace__box > div {
	max-width: 780px;
}

.rl-about-marketplace__box .rl-eyebrow {
	color: var(--rl-accent-300);
}

.rl-about-marketplace__box h2 {
	color: var(--rl-white);
}

.rl-about-marketplace__box p {
	margin-bottom: 0;
	color: rgba(255,255,255,.68);
	line-height: 1.72;
}

.rl-about-marketplace__box .rl-btn--light {
	white-space: nowrap;
}


/* ---------------------------------------------------------
   COMPANY
   --------------------------------------------------------- */

.rl-about-company__grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(390px,.85fr);
	align-items: center;
	gap: 68px;
}

.rl-about-company__grid > div:first-child {
	max-width: 680px;
}

.rl-about-company__grid p {
	line-height: 1.74;
}

.rl-about-company__details {
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-about-company__details > div {
	padding: 20px 23px;
	border-bottom: 1px solid var(--rl-border);
}

.rl-about-company__details > div:last-child {
	border-bottom: 0;
}

.rl-about-company__details span,
.rl-about-company__details strong,
.rl-about-company__details address,
.rl-about-company__details a {
	display: block;
}

.rl-about-company__details span {
	margin-bottom: 6px;
	color: var(--rl-accent-700);
	font-size: .62rem;
	font-weight: 750;
	letter-spacing: .065em;
	text-transform: uppercase;
}

.rl-about-company__details strong,
.rl-about-company__details address,
.rl-about-company__details a {
	color: var(--rl-brand-950);
	font-size: .86rem;
	font-weight: 650;
	font-style: normal;
	line-height: 1.55;
	text-decoration: none;
}

.rl-about-company__details a:hover {
	color: var(--rl-accent-700);
	text-decoration: underline;
}


/* ---------------------------------------------------------
   EXPECTATIONS
   --------------------------------------------------------- */

.rl-about-expectations__grid {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	align-items: start;
	gap: 70px;
}

.rl-about-expectations__grid > div:first-child {
	max-width: 590px;
}

.rl-about-expectations__grid > div:last-child {
	max-width: 720px;
}

.rl-about-expectations__grid p {
	line-height: 1.76;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.rl-about-faq .rl-section-header {
	max-width: 800px;
}

.rl-about-faq .rl-faq-list {
	max-width: 940px;
	margin-top: 35px;
}


/* ---------------------------------------------------------
   FINAL CTA
   --------------------------------------------------------- */

.rl-about-final-cta {
	padding-top: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

	.rl-about-final-hero__grid {
		grid-template-columns: minmax(0,1fr) minmax(380px,.9fr);
		gap: 42px;
	}

	.rl-about-purpose__grid,
	.rl-about-operations__grid,
	.rl-about-fit__grid,
	.rl-about-principles__grid,
	.rl-about-industries__grid,
	.rl-about-company__grid,
	.rl-about-expectations__grid {
		gap: 44px;
	}

	.rl-about-approach__grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

}


@media (max-width: 900px) {

	.rl-about-final-hero {
		padding: 50px 0;
	}

	.rl-about-final-hero__grid,
	.rl-about-final-intro__grid,
	.rl-about-purpose__grid,
	.rl-about-operations__grid,
	.rl-about-fit__grid,
	.rl-about-principles__grid,
	.rl-about-industries__grid,
	.rl-about-company__grid,
	.rl-about-expectations__grid {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.rl-about-final-console {
		width: min(100%,680px);
	}

	.rl-about-operations__image {
		width: min(100%,760px);
	}

	.rl-about-purpose__principles,
	.rl-about-industries__list,
	.rl-about-company__details {
		width: min(100%,680px);
	}

}


@media (max-width: 767px) {

	.rl-about-final-hero {
		padding: 44px 0 48px;
	}

	.rl-about-final-hero__content h1 {
		font-size: clamp(2rem,9vw,2.7rem);
	}

	.rl-about-capabilities__grid,
	.rl-about-approach__grid,
	.rl-about-principles__list {
		grid-template-columns: 1fr;
	}

	.rl-about-capability,
	.rl-about-approach__grid article {
		min-height: 0;
		padding: 23px;
	}

	.rl-about-marketplace__box {
		grid-template-columns: 1fr;
		gap: 25px;
		padding: 30px;
	}

	.rl-about-marketplace__box .rl-btn {
		width: fit-content;
	}

}


@media (max-width: 520px) {

	.rl-about-final-console__top {
		align-items: flex-start;
	}

	.rl-about-final-console__flow {
		grid-template-columns: 1fr;
	}

	.rl-about-final-console__flow i {
		transform: rotate(90deg);
	}

	.rl-about-operations__image {
		border-radius: var(--rl-radius-md);
	}

	.rl-about-marketplace__box {
		padding: 25px;
	}

}


@media (max-width: 390px) {

	.rl-about-final-console__top {
		padding: 15px;
	}

	.rl-about-final-console__status {
		padding: 5px 8px;
		font-size: .58rem;
	}

	.rl-about-final-console__item {
		padding: 11px;
	}

	.rl-about-capability,
	.rl-about-approach__grid article,
	.rl-about-principles__list article {
		padding: 21px;
	}

	.rl-about-purpose__principles > div,
	.rl-about-industries__list > div,
	.rl-about-company__details > div {
		padding: 18px;
	}

	.rl-about-marketplace__box {
		padding: 22px;
	}

}
/* =========================================================
   FINAL INSIGHTS HUB + ARTICLE SYSTEM
   ========================================================= */


/* =========================================================
   INSIGHTS HERO
   ========================================================= */

.rl-insights-final-hero {
	padding: 58px 0 62px;
	border-bottom: 1px solid var(--rl-border);
	background:
		radial-gradient(circle at 85% 15%, rgba(71,139,131,.09), transparent 31%),
		var(--rl-off-white);
}

.rl-insights-final-hero__grid {
	display: grid;
	grid-template-columns: minmax(0,1.05fr) minmax(390px,.95fr);
	align-items: center;
	gap: 60px;
}

.rl-insights-final-hero__content {
	max-width: 730px;
}

.rl-insights-final-hero__content h1 {
	margin-bottom: 20px;
	font-size: clamp(2.45rem,4vw,3.7rem);
	line-height: 1.05;
	letter-spacing: -.03em;
}

.rl-insights-final-hero__content p {
	max-width: 680px;
	margin: 0;
	color: var(--rl-text-soft);
	font-size: 1.04rem;
	line-height: 1.74;
}


/* Hero knowledge panel */

.rl-insights-final-hero__panel {
	overflow: hidden;
	border: 1px solid rgba(11,20,24,.12);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-brand-950);
	box-shadow: var(--rl-shadow-md);
}

.rl-insights-final-hero__panel-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-insights-final-hero__panel-top > div > span,
.rl-insights-final-hero__panel-top > div > strong {
	display: block;
}

.rl-insights-final-hero__panel-top > div > span {
	margin-bottom: 3px;
	color: var(--rl-accent-300);
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-insights-final-hero__panel-top > div > strong {
	color: var(--rl-white);
	font-size: .95rem;
}

.rl-insights-final-hero__panel-label {
	padding: 6px 10px;
	border: 1px solid rgba(106,166,159,.25);
	border-radius: 999px;
	color: var(--rl-accent-300);
	font-size: .62rem;
	font-weight: 700;
}

.rl-insights-final-hero__topics {
	padding: 15px;
}

.rl-insights-final-hero__topics > div {
	display: flex;
	align-items: center;
	gap: 13px;
	margin-bottom: 8px;
	padding: 13px 14px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
}

.rl-insights-final-hero__topics > div:last-child {
	margin-bottom: 0;
}

.rl-insights-final-hero__topics > div > span {
	display: inline-flex;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(106,166,159,.18);
	border-radius: 9px;
	background: rgba(106,166,159,.07);
	color: var(--rl-accent-300);
}

.rl-insights-final-hero__topics svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rl-insights-final-hero__topics p {
	margin: 0;
}

.rl-insights-final-hero__topics strong,
.rl-insights-final-hero__topics small {
	display: block;
}

.rl-insights-final-hero__topics strong {
	margin-bottom: 2px;
	color: rgba(255,255,255,.83);
	font-size: .75rem;
}

.rl-insights-final-hero__topics small {
	color: rgba(255,255,255,.43);
	font-size: .63rem;
	line-height: 1.4;
}


/* =========================================================
   INSIGHTS TOOLS
   ========================================================= */

.rl-insights-final-tools {
	position: relative;
	z-index: 2;
	border-bottom: 1px solid var(--rl-border);
	background: var(--rl-white);
}

.rl-insights-final-tools__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	padding: 17px 0;
}

.rl-insights-final-categories {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 7px;
	overflow-x: auto;
	scrollbar-width: none;
}

.rl-insights-final-categories::-webkit-scrollbar {
	display: none;
}

.rl-insights-final-categories a {
	flex: 0 0 auto;
	padding: 8px 12px;
	border: 1px solid var(--rl-border);
	border-radius: 999px;
	color: var(--rl-text-soft);
	font-size: .7rem;
	font-weight: 650;
	text-decoration: none;
	white-space: nowrap;
	transition:
		border-color var(--rl-transition),
		background var(--rl-transition),
		color var(--rl-transition);
}

.rl-insights-final-categories a:hover,
.rl-insights-final-categories a.is-active {
	border-color: var(--rl-brand-950);
	background: var(--rl-brand-950);
	color: var(--rl-white);
}

.rl-insights-final-search {
	position: relative;
	width: 230px;
	flex: 0 0 230px;
}

.rl-insights-final-search input {
	width: 100%;
	height: 40px;
	padding: 0 42px 0 14px;
	border: 1px solid var(--rl-border);
	border-radius: 999px;
	background: var(--rl-off-white);
	color: var(--rl-brand-950);
	font: inherit;
	font-size: .75rem;
	outline: 0;
	transition:
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-insights-final-search input:focus {
	border-color: var(--rl-accent-300);
	box-shadow: 0 0 0 3px rgba(71,139,131,.1);
}

.rl-insights-final-search button {
	position: absolute;
	top: 50%;
	right: 5px;
	display: inline-flex;
	width: 31px;
	height: 31px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--rl-brand-950);
	color: var(--rl-white);
	cursor: pointer;
	transform: translateY(-50%);
}

.rl-insights-final-search button svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}


/* =========================================================
   INSIGHTS LISTING
   ========================================================= */

.rl-insights-final-heading {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(320px,.65fr);
	align-items: end;
	gap: 55px;
	margin-bottom: 38px;
}

.rl-insights-final-heading > div {
	max-width: 680px;
}

.rl-insights-final-heading > p {
	max-width: 510px;
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .9rem;
	line-height: 1.7;
}

.rl-insights-final-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 24px;
}

.rl-insights-final-card {
	display: flex;
	overflow: hidden;
	min-width: 0;
	flex-direction: column;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-insights-final-card:hover {
	transform: translateY(-4px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-md);
}

.rl-insights-final-card__media {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: var(--rl-brand-950);
}

.rl-insights-final-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.rl-insights-final-card:hover .rl-insights-final-card__media img {
	transform: scale(1.025);
}

.rl-insights-final-card__placeholder {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(circle at 80% 20%, rgba(71,139,131,.18), transparent 35%),
		var(--rl-brand-950);
	color: var(--rl-accent-300);
}

.rl-insights-final-card__placeholder svg {
	width: 45px;
	height: 45px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.25;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rl-insights-final-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 23px;
}

.rl-insights-final-card__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 13px;
	color: var(--rl-text-soft);
	font-size: .66rem;
}

.rl-insights-final-card__meta a {
	color: var(--rl-accent-700);
	font-weight: 750;
	text-decoration: none;
}

.rl-insights-final-card__meta span::before {
	margin-right: 10px;
	color: var(--rl-border);
	content: "•";
}

.rl-insights-final-card__title {
	margin: 0 0 11px;
	font-size: 1.08rem;
	line-height: 1.4;
	letter-spacing: -.01em;
}

.rl-insights-final-card__title a {
	color: var(--rl-brand-950);
	text-decoration: none;
}

.rl-insights-final-card__title a:hover {
	color: var(--rl-accent-700);
}

.rl-insights-final-card__excerpt {
	margin-bottom: 20px;
	color: var(--rl-text-soft);
	font-size: .82rem;
	line-height: 1.67;
}

.rl-insights-final-card__excerpt p {
	margin: 0;
}

.rl-insights-final-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--rl-border);
}

.rl-insights-final-card__footer > span {
	color: var(--rl-text-soft);
	font-size: .65rem;
}

.rl-insights-final-card__footer > a {
	color: var(--rl-accent-700);
	font-size: .72rem;
	font-weight: 750;
	text-decoration: none;
}

.rl-insights-final-card__footer > a:hover {
	text-decoration: underline;
}

.rl-insights-final-pagination {
	margin-top: 42px;
}


/* Empty state */

.rl-insights-final-empty {
	max-width: 720px;
	margin: 0 auto;
	padding: 65px 35px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-off-white);
	text-align: center;
}

.rl-insights-final-empty p {
	max-width: 560px;
	margin-right: auto;
	margin-left: auto;
	color: var(--rl-text-soft);
	line-height: 1.7;
}


/* =========================================================
   INSIGHTS PURPOSE
   ========================================================= */

.rl-insights-final-purpose__grid {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
	align-items: start;
	gap: 70px;
}

.rl-insights-final-purpose__grid > div:first-child {
	max-width: 580px;
}

.rl-insights-final-purpose__grid > div:last-child {
	max-width: 720px;
}

.rl-insights-final-purpose__grid p {
	line-height: 1.76;
}

.rl-insights-final-cta {
	padding-top: 0;
}


/* =========================================================
   SINGLE ARTICLE HERO
   ========================================================= */

.rl-article-final-hero {
	padding: 54px 0 56px;
	border-bottom: 1px solid var(--rl-border);
	background:
		radial-gradient(circle at 82% 15%, rgba(71,139,131,.08), transparent 30%),
		var(--rl-off-white);
}

.rl-article-final-hero__inner {
	max-width: 940px;
	margin: 0 auto;
	text-align: center;
}

.rl-article-final-breadcrumb {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 25px;
	color: var(--rl-text-soft);
	font-size: .69rem;
}

.rl-article-final-breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.rl-article-final-breadcrumb a:hover {
	color: var(--rl-accent-700);
}

.rl-article-final-category {
	display: inline-flex;
	margin-bottom: 15px;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
	font-size: .64rem;
	font-weight: 750;
	letter-spacing: .055em;
	text-decoration: none;
	text-transform: uppercase;
}

.rl-article-final-hero h1 {
	max-width: 900px;
	margin: 0 auto 18px;
	font-size: clamp(2.2rem,4vw,3.55rem);
	line-height: 1.08;
	letter-spacing: -.025em;
}

.rl-article-final-hero__excerpt {
	max-width: 760px;
	margin: 0 auto 24px;
	color: var(--rl-text-soft);
	font-size: 1.02rem;
	line-height: 1.72;
}

.rl-article-final-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 20px;
	color: var(--rl-text-soft);
	font-size: .69rem;
}

.rl-article-final-meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.rl-article-final-meta svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: var(--rl-accent-700);
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* =========================================================
   FEATURED IMAGE
   ========================================================= */

.rl-article-final-featured {
	padding: 40px 0 0;
	background: var(--rl-white);
}

.rl-article-final-featured figure {
	overflow: hidden;
	max-width: 1120px;
	margin: 0 auto;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-off-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-article-final-featured img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 650px;
	object-fit: cover;
}


/* =========================================================
   ARTICLE LAYOUT
   ========================================================= */

.rl-article-final-layout {
	display: grid;
	grid-template-columns: minmax(0,760px) minmax(260px,320px);
	align-items: start;
	justify-content: center;
	gap: 65px;
}


/* =========================================================
   ARTICLE TYPOGRAPHY
   ========================================================= */

.rl-article-final-content {
	min-width: 0;
	color: var(--rl-brand-950);
	font-size: 1rem;
	line-height: 1.82;
}

.rl-article-final-content > *:first-child {
	margin-top: 0;
}

.rl-article-final-content p {
	margin: 0 0 1.45em;
}

.rl-article-final-content h2 {
	margin: 2.1em 0 .7em;
	font-size: clamp(1.55rem,2.3vw,2rem);
	line-height: 1.25;
	letter-spacing: -.015em;
}

.rl-article-final-content h3 {
	margin: 1.8em 0 .65em;
	font-size: 1.3rem;
	line-height: 1.32;
}

.rl-article-final-content h4 {
	margin: 1.6em 0 .6em;
	font-size: 1.08rem;
	line-height: 1.4;
}

.rl-article-final-content ul,
.rl-article-final-content ol {
	margin: 0 0 1.5em;
	padding-left: 1.35em;
}

.rl-article-final-content li {
	margin-bottom: .55em;
}

.rl-article-final-content li::marker {
	color: var(--rl-accent-700);
}

.rl-article-final-content a {
	color: var(--rl-accent-700);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.rl-article-final-content a:hover {
	color: var(--rl-brand-950);
}

.rl-article-final-content blockquote {
	margin: 2em 0;
	padding: 20px 24px;
	border-left: 3px solid var(--rl-accent-700);
	border-radius: 0 var(--rl-radius-md) var(--rl-radius-md) 0;
	background: var(--rl-off-white);
	color: var(--rl-brand-950);
	font-size: 1.02rem;
	line-height: 1.72;
}

.rl-article-final-content blockquote p:last-child {
	margin-bottom: 0;
}

.rl-article-final-content img {
	height: auto;
	border-radius: var(--rl-radius-md);
}

.rl-article-final-content figure {
	margin: 2em 0;
}

.rl-article-final-content figcaption {
	margin-top: 8px;
	color: var(--rl-text-soft);
	font-size: .72rem;
	line-height: 1.5;
	text-align: center;
}

.rl-article-final-content table {
	width: 100%;
	margin: 2em 0;
	border-collapse: collapse;
	font-size: .86rem;
}

.rl-article-final-content th,
.rl-article-final-content td {
	padding: 12px 14px;
	border: 1px solid var(--rl-border);
	text-align: left;
	vertical-align: top;
}

.rl-article-final-content th {
	background: var(--rl-off-white);
	color: var(--rl-brand-950);
	font-weight: 750;
}

.rl-article-final-content code {
	padding: 2px 5px;
	border-radius: 4px;
	background: var(--rl-off-white);
	font-size: .88em;
}

.rl-article-final-content pre {
	overflow-x: auto;
	margin: 2em 0;
	padding: 20px;
	border-radius: var(--rl-radius-md);
	background: var(--rl-brand-950);
	color: var(--rl-white);
	font-size: .82rem;
	line-height: 1.65;
}


/* =========================================================
   TAGS
   ========================================================= */

.rl-article-final-tags {
	margin-top: 45px;
	padding-top: 25px;
	border-top: 1px solid var(--rl-border);
}

.rl-article-final-tags > strong {
	display: block;
	margin-bottom: 11px;
	color: var(--rl-brand-950);
	font-size: .76rem;
}

.rl-article-final-tags > div {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.rl-article-final-tags a {
	padding: 6px 10px;
	border: 1px solid var(--rl-border);
	border-radius: 999px;
	color: var(--rl-text-soft);
	font-size: .66rem;
	font-weight: 650;
	text-decoration: none;
}

.rl-article-final-tags a:hover {
	border-color: var(--rl-accent-300);
	color: var(--rl-accent-700);
}


/* =========================================================
   ARTICLE SIDEBAR
   ========================================================= */

.rl-article-final-sidebar {
	position: sticky;
	top: 110px;
	display: grid;
	gap: 16px;
}

.rl-article-final-sidebar__card {
	padding: 23px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-off-white);
	box-shadow: var(--rl-shadow-xs);
}

.rl-article-final-sidebar__eyebrow {
	display: block;
	margin-bottom: 10px;
	color: var(--rl-accent-700);
	font-size: .61rem;
	font-weight: 750;
	letter-spacing: .065em;
	text-transform: uppercase;
}

.rl-article-final-sidebar__card h2 {
	margin: 0 0 10px;
	font-size: .98rem;
	line-height: 1.4;
}

.rl-article-final-sidebar__card p {
	margin: 0 0 16px;
	color: var(--rl-text-soft);
	font-size: .78rem;
	line-height: 1.65;
}

.rl-article-final-sidebar__card--dark {
	border-color: var(--rl-brand-950);
	background: var(--rl-brand-950);
}

.rl-article-final-sidebar__card--dark .rl-article-final-sidebar__eyebrow {
	color: var(--rl-accent-300);
}

.rl-article-final-sidebar__card--dark h2 {
	color: var(--rl-white);
}

.rl-article-final-sidebar__card--dark p {
	color: rgba(255,255,255,.65);
}


/* =========================================================
   ARTICLE NAVIGATION
   ========================================================= */

.rl-article-final-navigation {
	padding: 0 0 55px;
}

.rl-article-final-navigation__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 18px;
	max-width: 1080px;
	margin: 0 auto;
	padding-top: 30px;
	border-top: 1px solid var(--rl-border);
}

.rl-article-final-navigation__item {
	min-height: 125px;
	padding: 21px 23px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-off-white);
}

.rl-article-final-navigation__item > span {
	display: block;
	margin-bottom: 8px;
	color: var(--rl-accent-700);
	font-size: .61rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-article-final-navigation__item > a {
	color: var(--rl-brand-950);
	font-size: .88rem;
	font-weight: 750;
	line-height: 1.5;
	text-decoration: none;
}

.rl-article-final-navigation__item > a:hover {
	color: var(--rl-accent-700);
}

.rl-article-final-navigation__item--next {
	text-align: right;
}

.rl-article-final-cta {
	padding-top: 0;
}


/* =========================================================
   RESPONSIVE — 1100
   ========================================================= */

@media (max-width: 1100px) {

	.rl-insights-final-hero__grid {
		grid-template-columns: minmax(0,1fr) minmax(360px,.85fr);
		gap: 42px;
	}

	.rl-insights-final-grid {
		gap: 18px;
	}

	.rl-article-final-layout {
		grid-template-columns: minmax(0,680px) minmax(250px,290px);
		gap: 42px;
	}

}


/* =========================================================
   RESPONSIVE — 900
   ========================================================= */

@media (max-width: 900px) {

	.rl-insights-final-hero__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.rl-insights-final-hero__panel {
		width: min(100%,680px);
	}

	.rl-insights-final-tools__inner {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
	}

	.rl-insights-final-search {
		width: min(100%,400px);
		flex-basis: auto;
	}

	.rl-insights-final-heading,
	.rl-insights-final-purpose__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.rl-insights-final-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.rl-article-final-layout {
		grid-template-columns: 1fr;
		max-width: 760px;
		margin: 0 auto;
	}

	.rl-article-final-sidebar {
		position: static;
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.rl-article-final-sidebar__card:last-child {
		grid-column: 1 / -1;
	}

}


/* =========================================================
   RESPONSIVE — 767
   ========================================================= */

@media (max-width: 767px) {

	.rl-insights-final-hero {
		padding: 44px 0 48px;
	}

	.rl-insights-final-hero__content h1 {
		font-size: clamp(2rem,10vw,2.8rem);
	}

	.rl-insights-final-tools__inner {
		padding: 14px 0;
	}

	.rl-insights-final-grid {
		grid-template-columns: 1fr;
	}

	.rl-insights-final-card {
		max-width: 580px;
	}

	.rl-article-final-hero {
		padding: 42px 0 44px;
	}

	.rl-article-final-hero h1 {
		font-size: clamp(1.95rem,9vw,2.65rem);
	}

	.rl-article-final-featured {
		padding-top: 25px;
	}

	.rl-article-final-featured figure {
		border-radius: var(--rl-radius-md);
	}

	.rl-article-final-content {
		font-size: .96rem;
		line-height: 1.78;
	}

	.rl-article-final-sidebar {
		grid-template-columns: 1fr;
	}

	.rl-article-final-sidebar__card:last-child {
		grid-column: auto;
	}

	.rl-article-final-navigation__grid {
		grid-template-columns: 1fr;
	}

	.rl-article-final-navigation__item--next {
		text-align: left;
	}

}


/* =========================================================
   RESPONSIVE — 520
   ========================================================= */

@media (max-width: 520px) {

	.rl-insights-final-hero__panel-top {
		align-items: flex-start;
	}

	.rl-insights-final-card__body {
		padding: 20px;
	}

	.rl-insights-final-card__footer {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}

	.rl-article-final-meta {
		align-items: flex-start;
		flex-direction: column;
		width: fit-content;
		margin-right: auto;
		margin-left: auto;
	}

	.rl-article-final-content blockquote {
		padding: 18px 19px;
	}

	.rl-article-final-content table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

}


/* =========================================================
   RESPONSIVE — 390
   ========================================================= */

@media (max-width: 390px) {

	.rl-insights-final-hero__panel-top {
		padding: 15px;
	}

	.rl-insights-final-hero__topics > div {
		padding: 11px;
	}

	.rl-insights-final-card__body {
		padding: 18px;
	}

	.rl-insights-final-empty {
		padding: 45px 20px;
	}

	.rl-article-final-sidebar__card,
	.rl-article-final-navigation__item {
		padding: 20px;
	}

}
/* =========================================================
   FINAL CONTACT PAGE
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.rl-contact-final-hero {
	padding: 58px 0 62px;
	border-bottom: 1px solid var(--rl-border);
	background:
		radial-gradient(circle at 85% 15%, rgba(71,139,131,.09), transparent 31%),
		var(--rl-off-white);
}

.rl-contact-final-hero__grid {
	display: grid;
	grid-template-columns: minmax(0,1.08fr) minmax(360px,.82fr);
	align-items: center;
	gap: 64px;
}

.rl-contact-final-hero__content {
	max-width: 720px;
}

.rl-contact-final-hero__content h1 {
	margin-bottom: 19px;
	font-size: clamp(2.45rem,4vw,3.65rem);
	line-height: 1.06;
	letter-spacing: -.03em;
}

.rl-contact-final-hero__content p {
	max-width: 660px;
	margin: 0;
	color: var(--rl-text-soft);
	font-size: 1.02rem;
	line-height: 1.74;
}


/* Hero panel */

.rl-contact-final-hero__panel {
	overflow: hidden;
	border: 1px solid rgba(11,20,24,.12);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-brand-950);
	box-shadow: var(--rl-shadow-md);
}

.rl-contact-final-hero__panel-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.rl-contact-final-hero__panel-top > div > span,
.rl-contact-final-hero__panel-top > div > strong {
	display: block;
}

.rl-contact-final-hero__panel-top > div > span {
	margin-bottom: 3px;
	color: var(--rl-accent-300);
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rl-contact-final-hero__panel-top > div > strong {
	color: var(--rl-white);
	font-size: .95rem;
}

.rl-contact-final-hero__status {
	padding: 6px 10px;
	border: 1px solid rgba(106,166,159,.24);
	border-radius: 999px;
	color: var(--rl-accent-300);
	font-size: .61rem;
	font-weight: 700;
	white-space: nowrap;
}

.rl-contact-final-hero__steps {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	padding: 16px;
	gap: 8px;
}

.rl-contact-final-hero__steps > div {
	min-width: 0;
	padding: 15px 14px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
}

.rl-contact-final-hero__steps span,
.rl-contact-final-hero__steps strong {
	display: block;
}

.rl-contact-final-hero__steps span {
	margin-bottom: 5px;
	color: rgba(255,255,255,.38);
	font-size: .57rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rl-contact-final-hero__steps strong {
	color: rgba(255,255,255,.78);
	font-size: .69rem;
	line-height: 1.45;
}


/* ---------------------------------------------------------
   MAIN LAYOUT
   --------------------------------------------------------- */

.rl-contact-final-grid {
	display: grid;
	grid-template-columns: minmax(0,1.06fr) minmax(380px,.94fr);
	align-items: start;
	gap: 58px;
}

.rl-contact-final-form {
	padding: 36px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-sm);
}

.rl-contact-final-form__heading {
	max-width: 680px;
	margin-bottom: 28px;
}

.rl-contact-final-form__heading h2 {
	margin-bottom: 11px;
}

.rl-contact-final-form__heading p {
	margin: 0;
	color: var(--rl-text-soft);
	line-height: 1.7;
}


/* ---------------------------------------------------------
   FORM
   --------------------------------------------------------- */

.rl-contact-final-form__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 18px;
	margin-bottom: 18px;
}

.rl-contact-final-form .rl-field {
	margin-bottom: 18px;
}

.rl-contact-final-form__grid .rl-field {
	margin-bottom: 0;
}

.rl-contact-final-form .rl-field label {
	display: block;
	margin-bottom: 7px;
	color: var(--rl-brand-950);
	font-size: .73rem;
	font-weight: 700;
}

.rl-contact-final-form .rl-field label span {
	color: var(--rl-accent-700);
}

.rl-contact-final-form input,
.rl-contact-final-form select,
.rl-contact-final-form textarea {
	width: 100%;
	border: 1px solid var(--rl-border);
	border-radius: 9px;
	background: var(--rl-off-white);
	color: var(--rl-brand-950);
	font: inherit;
	outline: 0;
	transition:
		border-color var(--rl-transition),
		background var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-contact-final-form input,
.rl-contact-final-form select {
	height: 48px;
	padding: 0 14px;
}

.rl-contact-final-form textarea {
	min-height: 175px;
	padding: 14px;
	resize: vertical;
	line-height: 1.65;
}

.rl-contact-final-form input:focus,
.rl-contact-final-form select:focus,
.rl-contact-final-form textarea:focus {
	border-color: var(--rl-accent-300);
	background: var(--rl-white);
	box-shadow: 0 0 0 3px rgba(71,139,131,.1);
}

.rl-contact-final-form textarea::placeholder {
	color: rgba(11,20,24,.42);
}

.rl-contact-final-form__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 22px;
}

.rl-contact-final-form__footer p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .68rem;
}


/* ---------------------------------------------------------
   CONTACT INFO PANEL
   --------------------------------------------------------- */

.rl-contact-final-info {
	display: grid;
	gap: 18px;
}

.rl-contact-final-info__panel {
	overflow: hidden;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-lg);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-md);
}

.rl-contact-final-info__head {
	padding: 30px 30px 24px;
	border-bottom: 1px solid var(--rl-border);
	background:
		radial-gradient(circle at 90% 15%, rgba(71,139,131,.08), transparent 35%),
		var(--rl-white);
}

.rl-contact-final-info__head h2 {
	margin: 0 0 9px;
	font-size: 1.45rem;
}

.rl-contact-final-info__head p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .82rem;
	line-height: 1.65;
}

.rl-contact-final-info__list {
	padding: 0 30px;
}

.rl-contact-final-info__row {
	display: grid;
	grid-template-columns: 46px minmax(0,1fr);
	gap: 15px;
	align-items: start;
	padding: 22px 0;
	border-bottom: 1px solid var(--rl-border);
}

.rl-contact-final-info__row:last-child {
	border-bottom: 0;
}

.rl-contact-final-info__icon {
	display: inline-flex;
	width: 46px;
	height: 46px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--rl-accent-200);
	border-radius: 12px;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
}

.rl-contact-final-info__icon svg {
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rl-contact-final-info__row > div > span,
.rl-contact-final-info__row > div > strong,
.rl-contact-final-info__row > div > a,
.rl-contact-final-info__row > div > small {
	display: block;
}

.rl-contact-final-info__row > div > span {
	margin-bottom: 5px;
	color: var(--rl-text-soft);
	font-size: .6rem;
	font-weight: 750;
	letter-spacing: .065em;
	text-transform: uppercase;
}

.rl-contact-final-info__row > div > strong,
.rl-contact-final-info__row > div > a {
	color: var(--rl-brand-950);
	font-size: .96rem;
	font-weight: 750;
	line-height: 1.45;
	text-decoration: none;
}

.rl-contact-final-info__row > div > a:hover {
	color: var(--rl-accent-700);
}

.rl-contact-final-info__row > div > small {
	margin-top: 4px;
	color: var(--rl-text-soft);
	font-size: .7rem;
	line-height: 1.45;
}

.rl-contact-final-info__row address {
	margin: 0;
	color: var(--rl-brand-950);
	font-size: .82rem;
	font-weight: 650;
	font-style: normal;
	line-height: 1.65;
}


/* Global note */

.rl-contact-final-info__note {
	display: grid;
	grid-template-columns: 42px minmax(0,1fr);
	gap: 14px;
	margin: 0 30px 30px;
	padding: 18px;
	border-radius: 12px;
	background: var(--rl-brand-950);
}

.rl-contact-final-info__note-icon {
	display: inline-flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(106,166,159,.18);
	border-radius: 10px;
	background: rgba(106,166,159,.07);
	color: var(--rl-accent-300);
}

.rl-contact-final-info__note-icon svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rl-contact-final-info__note strong {
	display: block;
	margin-bottom: 6px;
	color: var(--rl-white);
	font-size: .83rem;
}

.rl-contact-final-info__note p {
	margin: 0;
	color: rgba(255,255,255,.62);
	font-size: .72rem;
	line-height: 1.6;
}


/* Supporting expectation */

.rl-contact-final-info__expectation {
	padding: 24px 26px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-off-white);
}

.rl-contact-final-info__expectation h3 {
	margin: 0 0 8px;
	font-size: .98rem;
	line-height: 1.45;
}

.rl-contact-final-info__expectation p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .79rem;
	line-height: 1.65;
}


/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */

.rl-contact-final-process__grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 18px;
}

.rl-contact-final-process__grid article {
	padding: 27px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
}

.rl-contact-final-process__grid article > span {
	display: inline-flex;
	margin-bottom: 18px;
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--rl-accent-050);
	color: var(--rl-accent-700);
	font-size: .6rem;
	font-weight: 750;
	letter-spacing: .065em;
	text-transform: uppercase;
}

.rl-contact-final-process__grid h3 {
	margin: 0 0 10px;
	font-size: 1rem;
	line-height: 1.42;
}

.rl-contact-final-process__grid p {
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .82rem;
	line-height: 1.68;
}


/* ---------------------------------------------------------
   SERVICES
   --------------------------------------------------------- */

.rl-contact-final-services__heading {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(320px,.65fr);
	align-items: end;
	gap: 55px;
	margin-bottom: 32px;
}

.rl-contact-final-services__heading > div {
	max-width: 670px;
}

.rl-contact-final-services__heading > p {
	max-width: 500px;
	margin: 0;
	color: var(--rl-text-soft);
	font-size: .87rem;
	line-height: 1.7;
}

.rl-contact-final-services__grid {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 16px;
}

.rl-contact-final-services__grid > a {
	display: flex;
	min-height: 170px;
	flex-direction: column;
	padding: 23px;
	border: 1px solid var(--rl-border);
	border-radius: var(--rl-radius-md);
	background: var(--rl-white);
	box-shadow: var(--rl-shadow-xs);
	color: inherit;
	text-decoration: none;
	transition:
		transform var(--rl-transition),
		border-color var(--rl-transition),
		box-shadow var(--rl-transition);
}

.rl-contact-final-services__grid > a:hover {
	transform: translateY(-3px);
	border-color: var(--rl-accent-300);
	box-shadow: var(--rl-shadow-sm);
}

.rl-contact-final-services__grid span {
	display: block;
	margin-bottom: 9px;
	color: var(--rl-accent-700);
	font-size: .6rem;
	font-weight: 750;
	letter-spacing: .065em;
	text-transform: uppercase;
}

.rl-contact-final-services__grid h3 {
	margin: 0 0 18px;
	font-size: .96rem;
	line-height: 1.42;
}

.rl-contact-final-services__grid strong {
	margin-top: auto;
	color: var(--rl-accent-700);
	font-size: .71rem;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

	.rl-contact-final-hero__grid {
		grid-template-columns: minmax(0,1fr) minmax(340px,.82fr);
		gap: 44px;
	}

	.rl-contact-final-grid {
		grid-template-columns: minmax(0,1fr) minmax(350px,.9fr);
		gap: 38px;
	}

	.rl-contact-final-services__grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

}


@media (max-width: 900px) {

	.rl-contact-final-hero__grid,
	.rl-contact-final-grid,
	.rl-contact-final-services__heading {
		grid-template-columns: 1fr;
	}

	.rl-contact-final-hero__grid {
		gap: 36px;
	}

	.rl-contact-final-hero__panel,
	.rl-contact-final-info {
		width: min(100%,700px);
	}

	.rl-contact-final-grid {
		gap: 35px;
	}

}


@media (max-width: 767px) {

	.rl-contact-final-hero {
		padding: 44px 0 48px;
	}

	.rl-contact-final-hero__content h1 {
		font-size: clamp(2rem,10vw,2.8rem);
	}

	.rl-contact-final-hero__steps,
	.rl-contact-final-form__grid,
	.rl-contact-final-process__grid,
	.rl-contact-final-services__grid {
		grid-template-columns: 1fr;
	}

	.rl-contact-final-form {
		padding: 27px;
	}

	.rl-contact-final-form__footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.rl-contact-final-info__head {
		padding: 26px 24px 21px;
	}

	.rl-contact-final-info__list {
		padding: 0 24px;
	}

	.rl-contact-final-info__note {
		margin: 0 24px 24px;
	}

}


@media (max-width: 520px) {

	.rl-contact-final-hero__panel-top {
		align-items: flex-start;
	}

	.rl-contact-final-form {
		padding: 23px;
	}

	.rl-contact-final-info__row {
		grid-template-columns: 40px minmax(0,1fr);
	}

	.rl-contact-final-info__icon {
		width: 40px;
		height: 40px;
		border-radius: 10px;
	}

	.rl-contact-final-info__note {
		grid-template-columns: 1fr;
	}

}


@media (max-width: 390px) {

	.rl-contact-final-form {
		padding: 20px;
	}

	.rl-contact-final-info__head {
		padding: 22px 20px 18px;
	}

	.rl-contact-final-info__list {
		padding: 0 20px;
	}

	.rl-contact-final-info__note {
		margin: 0 20px 20px;
		padding: 16px;
	}

	.rl-contact-final-info__expectation,
	.rl-contact-final-process__grid article,
	.rl-contact-final-services__grid > a {
		padding: 20px;
	}

}
/* =========================================================
   RAPID LINKER PROFESSIONALS PAGE
   ========================================================= */

.rl-local-services-hero {
	padding: 78px 0 72px;
	background:
		linear-gradient(135deg, rgba(246, 250, 249, 0.98), rgba(238, 247, 245, 0.96));
	border-bottom: 1px solid #e7eeec;
}

.rl-local-services-hero .rl-page-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
	gap: 72px;
	align-items: center;
}

.rl-local-services-hero .rl-page-hero__content {
	max-width: 700px;
}

.rl-local-services-hero .rl-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #1d756b;
}

.rl-local-services-hero .rl-eyebrow::before {
	content: "";
	width: 22px;
	height: 2px;
	background: #78aaa3;
	display: inline-block;
}

.rl-local-services-hero h1 {
	max-width: 720px;
	margin: 0 0 20px;
	font-size: clamp(44px, 5vw, 68px);
	line-height: 1.02;
	letter-spacing: -0.045em;
	color: #101a1d;
}

.rl-local-services-hero .rl-page-intro {
	max-width: 650px;
	margin-bottom: 28px;
	font-size: 17px;
	line-height: 1.75;
	color: #667276;
}

.rl-page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}


/* Workflow Panel */

.rl-local-services-dashboard {
	background: #ffffff;
	border: 1px solid #dde8e5;
	border-radius: 22px;
	padding: 28px;
	box-shadow: 0 20px 50px rgba(15, 39, 36, 0.08);
}

.rl-local-services-dashboard__header {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e8efed;
}

.rl-local-services-dashboard__header span {
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #1d756b;
}

.rl-local-services-dashboard__header strong {
	display: block;
	font-size: 21px;
	line-height: 1.3;
	color: #101a1d;
}

.rl-local-services-dashboard__steps {
	display: grid;
	gap: 2px;
}

.rl-local-services-dashboard__steps > div {
	display: grid;
	grid-template-columns: 42px 1fr;
	gap: 14px;
	align-items: center;
	padding: 17px 4px;
	border-bottom: 1px solid #edf2f1;
}

.rl-local-services-dashboard__steps > div:last-child {
	border-bottom: 0;
}

.rl-local-services-dashboard__steps span {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #edf7f5;
	color: #1d756b;
	font-size: 12px;
	font-weight: 800;
}

.rl-local-services-dashboard__steps strong {
	font-size: 14px;
	font-weight: 700;
	color: #172326;
}


/* Customer / Professional Section */

.rl-local-path-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	margin-top: 44px;
}

.rl-local-path-card {
	position: relative;
	display: block;
	min-height: 320px;
	padding: 38px;
	background: #ffffff;
	border: 1px solid #e2e9e7;
	border-radius: 22px;
	text-decoration: none;
	overflow: hidden;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

.rl-local-path-card::after {
	content: "";
	position: absolute;
	right: -70px;
	bottom: -70px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #f0f8f6;
	z-index: 0;
}

.rl-local-path-card:hover {
	transform: translateY(-5px);
	border-color: #bad7d1;
	box-shadow: 0 18px 45px rgba(18, 43, 39, 0.09);
}

.rl-local-path-card__content {
	position: relative;
	z-index: 1;
}

.rl-local-path-card h3 {
	margin: 10px 0 15px;
	font-size: 27px;
	line-height: 1.22;
	letter-spacing: -0.025em;
	color: #101a1d;
}

.rl-local-path-card p {
	max-width: 590px;
	margin-bottom: 28px;
	font-size: 15px;
	line-height: 1.75;
	color: #687477;
}

.rl-local-path-card .rl-page-hero__actions {
	margin-top: 24px;
}


/* Categories */

.rl-local-category-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 42px;
}

.rl-local-category-card {
	padding: 28px 26px;
	background: #ffffff;
	border: 1px solid #e3ebe9;
	border-radius: 18px;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

.rl-local-category-card:hover {
	transform: translateY(-4px);
	border-color: #c5dcd7;
	box-shadow: 0 14px 34px rgba(16, 39, 36, 0.07);
}

.rl-local-category-card h3 {
	margin: 0 0 10px;
	font-size: 19px;
	line-height: 1.3;
	color: #111d20;
}

.rl-local-category-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: #687477;
}


/* Process */

.rl-process-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin-top: 40px;
}

.rl-process-card {
	padding: 28px 24px;
	background: #ffffff;
	border: 1px solid #e3ebe9;
	border-radius: 18px;
}

.rl-process-card > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-bottom: 22px;
	background: #edf7f5;
	border-radius: 11px;
	color: #1d756b;
	font-size: 12px;
	font-weight: 800;
}

.rl-process-card h3 {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 1.35;
	color: #111d20;
}

.rl-process-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: #687477;
}


/* Professional Section */

.rl-section--soft .rl-two-column {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 70px;
	align-items: center;
}

.rl-section--soft .rl-two-column h2 {
	max-width: 520px;
	font-size: clamp(34px, 4vw, 48px);
	line-height: 1.08;
	letter-spacing: -0.035em;
}

.rl-section--soft .rl-lead {
	margin-bottom: 26px;
}


/* Final CTA */

.rl-home-final-cta {
	padding-top: 36px;
}

.rl-home-final-cta .rl-final-cta-box {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 44px;
	align-items: center;
	padding: 48px 52px;
	background: #102728;
	border-radius: 24px;
}

.rl-home-final-cta .rl-final-cta-box h2 {
	max-width: 720px;
	margin: 8px 0 12px;
	font-size: clamp(32px, 4vw, 46px);
	line-height: 1.08;
	letter-spacing: -0.035em;
	color: #ffffff;
}

.rl-home-final-cta .rl-final-cta-box p {
	max-width: 720px;
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
}

.rl-home-final-cta .rl-final-cta-box .rl-eyebrow {
	color: #9bc7c0;
}


/* Responsive */

@media (max-width: 1100px) {

	.rl-local-services-hero .rl-page-hero__grid {
		grid-template-columns: 1fr 0.8fr;
		gap: 42px;
	}

	.rl-local-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rl-process-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


@media (max-width: 820px) {

	.rl-local-services-hero {
		padding: 58px 0 52px;
	}

	.rl-local-services-hero .rl-page-hero__grid {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.rl-local-services-hero h1 {
		font-size: clamp(38px, 9vw, 52px);
	}

	.rl-local-services-dashboard {
		padding: 22px;
	}

	.rl-local-path-grid {
		grid-template-columns: 1fr;
	}

	.rl-section--soft .rl-two-column {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.rl-home-final-cta .rl-final-cta-box {
		grid-template-columns: 1fr;
		padding: 38px 32px;
	}

	.rl-final-cta-box__action {
		justify-self: start;
	}
}


@media (max-width: 600px) {

	.rl-local-services-hero {
		padding: 46px 0;
	}

	.rl-local-services-hero h1 {
		font-size: 38px;
		line-height: 1.05;
	}

	.rl-local-services-hero .rl-page-intro {
		font-size: 15px;
	}

	.rl-page-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.rl-page-hero__actions .rl-btn {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.rl-local-services-dashboard {
		border-radius: 18px;
	}

	.rl-local-path-card {
		min-height: 0;
		padding: 28px 22px;
		border-radius: 18px;
	}

	.rl-local-path-card h3 {
		font-size: 23px;
	}

	.rl-local-category-grid,
	.rl-process-grid {
		grid-template-columns: 1fr;
	}

	.rl-local-category-card,
	.rl-process-card {
		padding: 24px 21px;
	}

	.rl-home-final-cta .rl-final-cta-box {
		padding: 30px 24px;
		border-radius: 18px;
	}
}
/* =========================================================
   RAPID LINKER PROFESSIONALS HEADER BUTTON
   ========================================================= */

.rl-header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.rl-btn--professionals {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #101c1f;
	border: 1px solid #101c1f;
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease;
}

.rl-btn--professionals:hover,
.rl-btn--professionals:focus {
	background: #1d756b;
	border-color: #1d756b;
	color: #ffffff;
	transform: translateY(-1px);
}

.rl-header-professionals {
	padding-left: 17px;
	padding-right: 17px;
}

.rl-mobile-professionals-cta {
	width: 100%;
	margin-top: 18px;
	text-align: center;
}

@media (max-width: 1100px) {

	.rl-header-professionals {
		display: none;
	}

}

@media (max-width: 700px) {

	.rl-header-cta {
		display: none;
	}

}