/*
 * OLAF MOTION // TERMINAL INTERFACE
 * Cyber-terminal redesign layered over the existing WordPress theme.
 */

:root {
    --om-black: #020503;
    --om-black-soft: #070c09;
    --om-panel: #0a100c;
    --om-panel-raised: #0d1610;
    --om-grid: rgba(66, 255, 118, 0.08);
    --om-green: #5dff82;
    --om-green-bright: #b1ffc1;
    --om-green-muted: #71a77d;
    --om-line: rgba(93, 255, 130, 0.22);
    --om-red: #ff3154;
    --om-blue: #3c7dff;
    --om-white: #ecfff0;
    --om-muted: #829488;
    --om-mono: "IBM Plex Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    --om-sans: Inter, Arial, sans-serif;
    --om-cut: 18px;
}

html {
    scroll-behavior: smooth;
    background: var(--om-black);
}

body {
    background:
        linear-gradient(rgba(40, 120, 60, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(40, 120, 60, 0.035) 1px, transparent 1px),
        var(--om-black);
    background-size: 56px 56px;
    color: var(--om-white);
    font-family: var(--om-sans);
    overflow-x: hidden;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9998;
    pointer-events: none;
    opacity: 0.16;
    background: repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent 3px,
        rgba(123, 255, 151, 0.08) 4px
    );
    mix-blend-mode: screen;
}

::selection {
    color: #001905;
    background: var(--om-green);
}

:where(a, button, input, textarea, select):focus-visible {
    outline: 2px solid var(--om-green) !important;
    outline-offset: 4px;
}

.container {
    width: min(100%, 1380px);
}

/* Header */
.header {
    position: sticky;
    top: 0;
    z-index: 9000;
    padding: 0 !important;
    background: rgba(2, 5, 3, 0.86) !important;
    border-bottom: 1px solid var(--om-line) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(18px) saturate(130%);
}

.home .header {
    position: fixed;
    width: 100%;
    background: linear-gradient(to bottom, rgba(2, 5, 3, 0.9), rgba(2, 5, 3, 0.1)) !important;
    border-bottom-color: rgba(93, 255, 130, 0.12) !important;
    box-shadow: none;
}

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

.header-content {
    min-height: 72px;
}

.logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--om-white) !important;
    font-family: var(--om-mono) !important;
    letter-spacing: 0.04em;
}

.logo-mark {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    color: #021507;
    background: var(--om-green);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    font-size: 10px;
    font-weight: 900;
    box-shadow: 0 0 24px rgba(93, 255, 130, 0.38);
}

.logo-wordmark {
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.logo-wordmark > span,
.mobile-menu-logo-text > span {
    color: var(--om-green) !important;
}

.logo-status {
    color: var(--om-green-muted);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.12em;
    transform: translateY(1px);
}

.logo-status::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    border-radius: 50%;
    background: var(--om-green);
    box-shadow: 0 0 8px var(--om-green);
    animation: omPulse 1.8s ease-in-out infinite;
}

.nav {
    gap: 0.3rem !important;
}

.nav a:not(.nav-dropdown-trigger) {
    padding: 8px 11px 7px !important;
    color: var(--om-muted) !important;
    font-family: var(--om-mono);
    font-size: 11px !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.nav a:not(.nav-dropdown-trigger)::before {
    content: "/";
    margin-right: 5px;
    color: rgba(93, 255, 130, 0.35);
}

.nav a:not(.nav-dropdown-trigger)::after {
    bottom: 1px !important;
    height: 1px !important;
    border-radius: 0 !important;
    background: var(--om-green) !important;
    box-shadow: 0 0 8px var(--om-green);
}

.nav a:not(.nav-dropdown-trigger):hover,
.nav a.nav-current {
    color: var(--om-green-bright) !important;
}

.nav-presets-highlight {
    color: var(--om-green) !important;
    background: rgba(93, 255, 130, 0.07) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px));
    font-family: var(--om-mono);
    text-transform: uppercase;
}

.nav-dropdown-menu {
    background: rgba(5, 12, 7, 0.98) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 25px rgba(93, 255, 130, 0.08) !important;
}

.nav-dropdown-item,
.nav-dropdown-item-title {
    color: var(--om-white) !important;
}

.nav-dropdown-item:hover {
    background: rgba(93, 255, 130, 0.08) !important;
}

.nav-dropdown-item-icon,
.nav-dropdown-new {
    color: var(--om-green) !important;
    background: rgba(93, 255, 130, 0.12) !important;
    border-radius: 0 !important;
}

.nav-dropdown-item-desc {
    color: var(--om-muted) !important;
}

.header-actions .btn-primary {
    min-height: 36px;
    padding-inline: 17px !important;
    color: #021507 !important;
    background: var(--om-green) !important;
    border: 1px solid var(--om-green) !important;
    border-radius: 0 !important;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 0 0 24px rgba(93, 255, 130, 0.16) !important;
    font-family: var(--om-mono);
    font-size: 11px;
    text-transform: uppercase;
}

/* The homepage is a standalone routing experience. Header/footer markup stays
   in the document so wp_head() and wp_footer() integrations keep working. */
.olaf-gateway-page .header,
.olaf-gateway-page .footer,
.olaf-gateway-page .mobile-menu-overlay,
.olaf-gateway-page .sticky-cta-corner,
.olaf-gateway-page #regPopupOverlay {
    display: none !important;
}

.olaf-gateway-page .olaf-home-experience {
    min-height: 100svh;
}

.olaf-gateway-page .gateway-system-bar {
    top: 24px;
}

.olaf-gateway-page .gateway-intro {
    top: clamp(92px, 14vh, 145px);
}

/* Full-screen choice portal */
.matrix-gateway {
    position: relative;
    display: flex;
    min-height: 100svh;
    align-items: stretch;
    overflow: hidden;
    isolation: isolate;
    color: var(--om-white);
    background: #010302;
}

.matrix-rain,
.matrix-grid,
.gateway-noise {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.matrix-rain {
    z-index: -4;
    opacity: 0.56;
}

.matrix-grid {
    z-index: -3;
    opacity: 0.7;
    background:
        linear-gradient(to bottom, transparent 49.8%, rgba(93, 255, 130, 0.22) 50%, transparent 50.2%),
        linear-gradient(to right, transparent 49.9%, rgba(93, 255, 130, 0.14) 50%, transparent 50.1%),
        linear-gradient(rgba(93, 255, 130, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93, 255, 130, 0.04) 1px, transparent 1px),
        radial-gradient(circle at 50% 40%, rgba(10, 57, 22, 0.1), rgba(1, 3, 2, 0.88) 68%);
    background-size: 100% 100%, 100% 100%, 56px 56px, 56px 56px, 100% 100%;
}

.gateway-noise {
    z-index: 8;
    opacity: 0.12;
    mix-blend-mode: screen;
    background-image:
        repeating-radial-gradient(circle at 20% 30%, transparent 0, rgba(255,255,255,0.08) 1px, transparent 2px, transparent 8px);
    background-size: 11px 13px;
}

.gateway-system-bar,
.gateway-prompt {
    position: absolute;
    z-index: 12;
    left: clamp(18px, 3vw, 52px);
    right: clamp(18px, 3vw, 52px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(177, 255, 193, 0.68);
    font-family: var(--om-mono);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.14em;
}

.gateway-system-bar {
    top: 90px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(93, 255, 130, 0.16);
}

.gateway-system-status {
    color: var(--om-green);
}

.gateway-system-status i,
.contact-terminal-live i {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 7px 1px 0;
    border-radius: 50%;
    background: var(--om-green);
    box-shadow: 0 0 9px var(--om-green);
}

.gateway-intro {
    position: absolute;
    z-index: 10;
    top: clamp(140px, 18vh, 195px);
    left: 50%;
    width: min(92%, 900px);
    text-align: center;
    transform: translateX(-50%);
    pointer-events: none;
}

.gateway-kicker {
    margin-bottom: 12px;
    color: var(--om-green-muted);
    font-family: var(--om-mono);
    font-size: clamp(8px, 0.7vw, 11px);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.gateway-kicker span {
    color: var(--om-green);
}

.gateway-intro h1 {
    position: relative;
    margin: 0;
    color: var(--om-white);
    font-family: var(--om-mono);
    font-size: clamp(2rem, 5.6vw, 6.4rem);
    font-weight: 900;
    line-height: 0.92;
    letter-spacing: -0.075em;
    text-shadow: 0 0 32px rgba(93, 255, 130, 0.18);
}

.gateway-intro h1::before,
.gateway-intro h1::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    opacity: 0;
    overflow: hidden;
}

.gateway-intro h1::before {
    color: var(--om-red);
    transform: translateX(2px);
}

.gateway-intro h1::after {
    color: var(--om-blue);
    transform: translateX(-2px);
}

.matrix-gateway.is-active .gateway-intro h1::before {
    animation: omGlitch 4.8s steps(1) infinite;
}

.matrix-gateway.is-active .gateway-intro h1::after {
    animation: omGlitch 4.8s 0.06s steps(1) infinite reverse;
}

.gateway-intro > p:last-child {
    margin-top: 14px;
    color: rgba(177, 255, 193, 0.58);
    font-family: var(--om-mono);
    font-size: clamp(9px, 0.85vw, 12px);
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.gateway-paths {
    position: relative;
    z-index: 2;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gateway-path {
    position: relative;
    display: flex;
    min-width: 0;
    padding: clamp(130px, 16vh, 180px) clamp(24px, 5vw, 92px) clamp(56px, 7vh, 78px);
    flex-direction: column;
    justify-content: flex-end;
    color: var(--om-white);
    isolation: isolate;
    overflow: hidden;
    transition: background 0.45s ease, color 0.25s ease;
}

.gateway-path::before,
.gateway-path::after {
    content: "";
    position: absolute;
    pointer-events: none;
    transition: opacity 0.5s ease, transform 0.65s cubic-bezier(.18,.8,.2,1);
}

.gateway-path::before {
    z-index: -1;
    inset: 0;
    opacity: 0;
}

.gateway-path-client::before {
    background: radial-gradient(circle at 45% 56%, rgba(255, 49, 84, 0.23), transparent 23%), linear-gradient(90deg, rgba(90, 0, 13, 0.28), transparent 80%);
}

.gateway-path-creator::before {
    background: radial-gradient(circle at 55% 56%, rgba(60, 125, 255, 0.25), transparent 23%), linear-gradient(-90deg, rgba(0, 35, 105, 0.3), transparent 80%);
}

.gateway-path::after {
    z-index: -1;
    top: 0;
    bottom: 0;
    width: 1px;
    opacity: 0.35;
    background: linear-gradient(transparent 8%, var(--path-color) 50%, transparent 92%);
    box-shadow: 0 0 20px var(--path-color);
}

.gateway-path-client::after {
    right: 0;
}

.gateway-path-creator::after {
    left: 0;
}

.gateway-path-client { --path-color: var(--om-red); }
.gateway-path-creator { --path-color: var(--om-blue); }

.gateway-path:hover::before,
.gateway-path:focus-visible::before {
    opacity: 1;
}

.gateway-path:hover::after,
.gateway-path:focus-visible::after {
    width: 2px;
    opacity: 1;
}

.path-index {
    position: absolute;
    top: clamp(135px, 17vh, 188px);
    color: rgba(236, 255, 240, 0.42);
    font-family: var(--om-mono);
    font-size: 9px;
    letter-spacing: 0.16em;
}

.gateway-path-creator .path-index {
    right: clamp(24px, 5vw, 92px);
}

.path-pill {
    position: absolute;
    z-index: 4;
    top: 48%;
    display: block;
    width: clamp(78px, 7.8vw, 122px);
    height: clamp(31px, 3vw, 46px);
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    transform: translateY(-50%) rotate(-17deg);
    transition: transform 0.55s cubic-bezier(.18,.8,.2,1), filter 0.4s, box-shadow 0.4s;
}

.gateway-path-client .path-pill {
    right: clamp(48px, 9vw, 170px);
}

.gateway-path-creator .path-pill {
    left: clamp(48px, 9vw, 170px);
    transform: translateY(-50%) rotate(17deg);
}

.path-pill::before {
    content: "";
    position: absolute;
    inset: 9% 48% 9% 3%;
    border-radius: 999px 0 0 999px;
    background: rgba(255, 255, 255, 0.23);
    filter: blur(2px);
}

.path-pill::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(155deg, rgba(255,255,255,0.55), transparent 28%, transparent 62%, rgba(0,0,0,0.48));
}

.path-pill i {
    position: absolute;
    top: 9%;
    bottom: 9%;
    left: 50%;
    width: 1px;
    background: rgba(255,255,255,0.25);
}

.path-pill-red {
    background: linear-gradient(90deg, #7b0017, #ff1f49 46%, #8c001a);
    box-shadow: 0 0 14px rgba(255, 49, 84, 0.7), 0 0 55px rgba(255, 49, 84, 0.26), inset 0 0 12px rgba(255,255,255,0.28);
}

.path-pill-blue {
    background: linear-gradient(90deg, #002a88, #397cff 48%, #00226f);
    box-shadow: 0 0 14px rgba(60, 125, 255, 0.78), 0 0 55px rgba(60, 125, 255, 0.28), inset 0 0 12px rgba(255,255,255,0.28);
}

.gateway-path:hover .path-pill-red,
.gateway-path:focus-visible .path-pill-red {
    transform: translateY(-56%) rotate(-9deg) scale(1.13);
    filter: brightness(1.18);
    box-shadow: 0 0 22px rgba(255, 49, 84, 0.9), 0 0 90px rgba(255, 49, 84, 0.44), inset 0 0 14px rgba(255,255,255,0.36);
}

.gateway-path:hover .path-pill-blue,
.gateway-path:focus-visible .path-pill-blue {
    transform: translateY(-56%) rotate(9deg) scale(1.13);
    filter: brightness(1.18);
    box-shadow: 0 0 22px rgba(60, 125, 255, 0.95), 0 0 90px rgba(60, 125, 255, 0.46), inset 0 0 14px rgba(255,255,255,0.36);
}

.path-copy {
    display: flex;
    max-width: 510px;
    flex-direction: column;
    align-items: flex-start;
}

.gateway-path-creator .path-copy {
    margin-left: auto;
    align-items: flex-end;
    text-align: right;
}

.path-eyebrow,
.path-action,
.path-code {
    font-family: var(--om-mono);
    text-transform: uppercase;
}

.path-eyebrow {
    margin-bottom: 9px;
    color: var(--path-color);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-shadow: 0 0 14px var(--path-color);
}

.path-copy h2 {
    margin: 0;
    color: inherit;
    font-family: inherit;
    font-size: clamp(2.45rem, 5.1vw, 6.1rem);
    font-weight: 800;
    line-height: 0.82;
    letter-spacing: -0.075em;
    text-wrap: balance;
    transition: transform 0.5s cubic-bezier(.18,.8,.2,1), text-shadow 0.4s;
}

.gateway-path-client:hover .path-copy h2 {
    transform: translateX(8px);
    text-shadow: -8px 0 30px rgba(255, 49, 84, 0.18);
}

.gateway-path-creator:hover .path-copy h2 {
    transform: translateX(-8px);
    text-shadow: 8px 0 30px rgba(60, 125, 255, 0.2);
}

.path-description {
    max-width: 430px;
    margin-top: 20px;
    color: rgba(236, 255, 240, 0.62);
    font-size: clamp(0.76rem, 1vw, 0.94rem);
    line-height: 1.55;
}

.path-action {
    display: inline-flex;
    margin-top: 20px;
    padding: 11px 0 8px;
    align-items: center;
    gap: 10px;
    color: var(--om-white);
    border-bottom: 1px solid var(--path-color);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.15em;
    transition: color 0.25s, gap 0.25s, text-shadow 0.25s;
}

.path-action b {
    color: var(--path-color);
    font-size: 17px;
    font-weight: 400;
}

.gateway-path:hover .path-action {
    gap: 18px;
    color: var(--path-color);
    text-shadow: 0 0 12px var(--path-color);
}

.path-code {
    position: absolute;
    bottom: clamp(54px, 7vh, 76px);
    color: rgba(236, 255, 240, 0.23);
    font-size: 8px;
    line-height: 1.7;
    letter-spacing: 0.08em;
}

.gateway-path-client .path-code {
    right: 22px;
    text-align: right;
}

.gateway-path-creator .path-code {
    left: 22px;
}

.gateway-prompt {
    bottom: 20px;
    justify-content: center;
    gap: 12px;
    color: rgba(177, 255, 193, 0.42);
}

.gateway-prompt i {
    width: 7px;
    height: 12px;
    background: var(--om-green);
    box-shadow: 0 0 10px var(--om-green);
    animation: omBlink 1s steps(1) infinite;
}

.gateway-transition {
    position: absolute;
    z-index: 30;
    inset: 0;
    display: grid;
    place-items: center;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 7, 2, 0.96);
    transition: opacity 0.22s, visibility 0.22s;
}

.gateway-transition span {
    color: var(--om-green);
    font-family: var(--om-mono);
    font-size: clamp(1rem, 3vw, 3rem);
    font-weight: 800;
    letter-spacing: 0.2em;
    text-shadow: 0 0 18px var(--om-green);
}

.matrix-gateway.is-routing .gateway-transition {
    visibility: visible;
    opacity: 1;
}

/* Creator storefront */
#creator-system {
    position: relative;
    padding-bottom: 0;
    scroll-margin-top: 70px;
    background: var(--om-black);
}

#creator-system::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 49.95%, rgba(93, 255, 130, 0.035) 50%, transparent 50.05%);
}

.hero-section {
    min-height: min(860px, calc(100svh - 70px));
    padding: clamp(7rem, 15vh, 10.5rem) 1.5rem 7rem !important;
    display: flex;
    align-items: center;
    background: #020503;
    border-bottom: 1px solid var(--om-line);
}

.hero-section::before {
    content: "SYSTEM_01 // ASSET ENGINE";
    position: absolute;
    z-index: 10;
    top: 28px;
    left: clamp(24px, 5vw, 80px);
    color: var(--om-green);
    font-family: var(--om-mono);
    font-size: 9px;
    letter-spacing: 0.18em;
}

.hero-section::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(2,5,3,0.98) 0%, rgba(2,5,3,0.78) 48%, rgba(2,5,3,0.56) 100%),
        linear-gradient(0deg, var(--om-black) 0%, transparent 35%);
}

.hero-video-bg {
    opacity: 0.45 !important;
    filter: grayscale(1) contrast(1.2) brightness(0.72) sepia(0.4) hue-rotate(72deg) saturate(1.6);
}

.hero-content {
    max-width: 1160px !important;
    margin-inline: auto;
    text-align: left !important;
}

.hero-badge {
    margin-bottom: 1.7rem !important;
    padding: 8px 12px !important;
    color: var(--om-green) !important;
    background: rgba(4, 20, 8, 0.72) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 25px rgba(93, 255, 130, 0.08) !important;
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);
}

.hero-badge span {
    font-family: var(--om-mono);
    font-size: 9px !important;
}

.hero-title {
    max-width: 1000px;
    margin-bottom: 1.8rem !important;
    color: var(--om-white) !important;
    font-family: var(--om-sans) !important;
    font-size: clamp(4rem, 9vw, 8.5rem) !important;
    font-weight: 800 !important;
    line-height: 0.82 !important;
    letter-spacing: -0.085em;
}

.hero-title-accent {
    color: var(--om-green) !important;
    font-style: normal !important;
    text-shadow: 0 0 35px rgba(93, 255, 130, 0.25);
}

.hero-description {
    max-width: 640px !important;
    margin: 0 0 2.3rem !important;
    color: rgba(236, 255, 240, 0.65) !important;
    font-size: clamp(1rem, 1.6vw, 1.25rem) !important;
}

.hero-buttons {
    margin-bottom: 2.5rem !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.btn,
.plan-button,
.form-button,
.video-card-btn {
    border-radius: 0 !important;
    font-family: var(--om-mono) !important;
    letter-spacing: 0.04em;
}

.btn-primary,
.plan-button.popular-button,
.form-button {
    color: #021507 !important;
    background: var(--om-green) !important;
    border: 1px solid var(--om-green) !important;
    clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px));
    box-shadow: 0 0 28px rgba(93, 255, 130, 0.16) !important;
}

.btn-primary:hover,
.plan-button.popular-button:hover,
.form-button:hover {
    color: #000 !important;
    background: var(--om-green-bright) !important;
    box-shadow: 0 0 40px rgba(93, 255, 130, 0.34) !important;
}

.btn-secondary,
.video-card-btn,
.plan-button:not(.popular-button) {
    color: var(--om-green-bright) !important;
    background: rgba(7, 16, 9, 0.76) !important;
    border: 1px solid var(--om-line) !important;
}

.btn-secondary:hover,
.video-card-btn:hover,
.plan-button:not(.popular-button):hover {
    color: var(--om-green) !important;
    background: rgba(93, 255, 130, 0.09) !important;
    border-color: var(--om-green) !important;
}

.hero-social-links {
    max-width: none !important;
    margin: 0 !important;
    padding-top: 0 !important;
    justify-content: flex-start !important;
    border: 0 !important;
}

.social-link {
    color: var(--om-green-muted) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.social-link:hover {
    color: var(--om-green) !important;
    border-color: var(--om-green) !important;
    box-shadow: 0 0 20px rgba(93, 255, 130, 0.15) !important;
}

.social-proof-bar {
    max-width: 670px;
    margin-top: 2rem;
    padding: 14px 0 !important;
    justify-content: flex-start !important;
    gap: clamp(20px, 4vw, 50px) !important;
    color: var(--om-muted);
    border-top: 1px solid var(--om-line);
    border-bottom: 1px solid var(--om-line);
    background: transparent !important;
}

.social-proof-item {
    font-family: var(--om-mono);
    font-size: 10px !important;
    text-transform: uppercase;
}

.social-proof-item .sp-number {
    color: var(--om-green) !important;
}

.social-proof-item .sp-icon {
    display: none;
}

/* Section language */
.why-section,
.library-section,
.home-pricing-section,
.testimonials-section,
.final-cta-section {
    position: relative;
    padding: clamp(5.5rem, 10vw, 9rem) 0 !important;
    background: transparent !important;
    border-color: var(--om-line) !important;
}

.why-section,
.home-pricing-section,
.final-cta-section {
    background: rgba(5, 10, 7, 0.72) !important;
}

.section-header-center,
.pricing-header {
    margin-bottom: 4rem !important;
}

.section-header-center::before,
.library-header::before,
.pricing-header::before,
.testimonials-header::before {
    display: block;
    margin-bottom: 12px;
    color: var(--om-green);
    font-family: var(--om-mono);
    font-size: 9px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.section-header-center::before { content: "[ MODULE_02 // ADVANTAGE ]"; }
.library-header::before { content: "[ MODULE_03 // LATEST_ASSETS ]"; }
.pricing-header::before { content: "[ MODULE_04 // ACCESS_LEVEL ]"; }
.testimonials-header::before { content: "[ MODULE_05 // USER_LOGS ]"; }

.section-title-italic,
.library-title,
.pricing-title,
.testimonials-title,
.final-cta-title {
    color: var(--om-white) !important;
    font-family: var(--om-sans) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: -0.055em;
}

.section-title-italic,
.library-title,
.pricing-title,
.testimonials-title {
    font-size: clamp(2.6rem, 5.8vw, 5.5rem) !important;
    line-height: 0.95 !important;
}

.section-subtitle,
.library-subtitle,
.pricing-description,
.testimonials-subtitle,
.final-cta-text {
    color: var(--om-muted) !important;
}

.why-grid,
.pricing-grid,
.testimonials-grid {
    gap: 1px !important;
    background: var(--om-line);
    border: 1px solid var(--om-line);
}

.why-card,
.pricing-card,
.testimonial-card {
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.why-card {
    position: relative;
}

.why-card::before {
    position: absolute;
    z-index: 5;
    top: 15px;
    left: 15px;
    color: var(--om-green);
    font-family: var(--om-mono);
    font-size: 9px;
    letter-spacing: 0.15em;
}

.why-card:nth-child(1)::before { content: "SPEED_10X"; }
.why-card:nth-child(2)::before { content: "SKILL_ANY"; }
.why-card:nth-child(3)::before { content: "QUALITY_PRO"; }

.why-card:hover,
.testimonial-card:hover {
    z-index: 2;
    transform: translateY(-5px) !important;
    box-shadow: 0 0 0 1px var(--om-green), 0 22px 50px rgba(0,0,0,0.48) !important;
}

.why-card-visual {
    filter: grayscale(0.65) contrast(1.1) brightness(0.77);
}

.why-card:hover .why-card-visual {
    filter: grayscale(0.1) contrast(1.05) brightness(0.95);
}

.why-card-content {
    text-align: left !important;
}

.why-card-title,
.plan-name,
.testimonial-name {
    color: var(--om-white) !important;
    font-style: normal !important;
}

.why-card-text,
.plan-downloads,
.plan-features li,
.plan-note,
.testimonial-role,
.testimonial-text,
.rating-label {
    color: var(--om-muted) !important;
}

.library-header {
    align-items: flex-end;
}

.library-header::before {
    position: absolute;
    top: -25px;
}

.library-icon-box {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 24px rgba(93, 255, 130, 0.25) !important;
}

.library-icon-box svg {
    stroke: #021507 !important;
}

.video-grid {
    gap: clamp(14px, 2vw, 28px) !important;
}

.video-card {
    position: relative;
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: polygon(0 0, calc(100% - var(--om-cut)) 0, 100% var(--om-cut), 100% 100%, var(--om-cut) 100%, 0 calc(100% - var(--om-cut)));
}

.video-card::before {
    content: "ASSET // READY";
    position: absolute;
    z-index: 4;
    top: 9px;
    left: 9px;
    padding: 4px 6px;
    color: var(--om-green);
    background: rgba(0, 8, 2, 0.78);
    border: 1px solid var(--om-line);
    font-family: var(--om-mono);
    font-size: 8px;
    letter-spacing: 0.1em;
}

.video-card:hover {
    border-color: var(--om-green);
    box-shadow: 0 0 32px rgba(93, 255, 130, 0.13) !important;
}

.video-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.22;
    background: repeating-linear-gradient(transparent 0 4px, rgba(93,255,130,.1) 5px);
}

.video-card-content {
    border-top: 1px solid var(--om-line);
}

.video-card-title {
    color: var(--om-white) !important;
}

.video-card-btn {
    text-transform: uppercase;
}

.pricing-card {
    padding: clamp(1.8rem, 3vw, 3rem) !important;
}

.pricing-card.popular {
    z-index: 3;
    transform: translateY(-10px) !important;
    box-shadow: 0 0 0 1px var(--om-green), 0 0 45px rgba(93, 255, 130, 0.12) !important;
}

.popular-badge,
.toggle-badge {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
    font-family: var(--om-mono);
}

.price-value,
.save-text,
.check-icon,
.check-icon.green,
.star,
.text-blue {
    color: var(--om-green) !important;
}

.pricing-toggle {
    color: var(--om-muted);
    font-family: var(--om-mono);
}

.toggle-label.active {
    color: var(--om-green) !important;
}

.toggle-switch {
    background: var(--om-panel) !important;
    border-color: var(--om-line) !important;
    border-radius: 0 !important;
}

.toggle-switch.active {
    background: rgba(93, 255, 130, 0.16) !important;
}

.toggle-thumb {
    background: var(--om-green) !important;
    border-radius: 0 !important;
}

.plan-note {
    border-color: var(--om-line) !important;
}

.testimonials-rating {
    border-color: var(--om-line) !important;
}

.testimonial-avatar {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
}

.final-cta-card {
    overflow: hidden;
    padding: clamp(3rem, 8vw, 7rem) 2rem !important;
    background:
        linear-gradient(90deg, rgba(93,255,130,.04) 1px, transparent 1px),
        linear-gradient(rgba(93,255,130,.04) 1px, transparent 1px),
        var(--om-panel) !important;
    background-size: 35px 35px !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 80px rgba(93,255,130,.04) !important;
    clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px));
}

.final-cta-card::before {
    content: "READY_FOR_INPUT // Y/N";
    position: absolute;
    top: 18px;
    left: 22px;
    color: var(--om-green);
    font-family: var(--om-mono);
    font-size: 9px;
    letter-spacing: 0.18em;
}

.final-cta-title {
    font-size: clamp(3rem, 7vw, 7rem) !important;
}

.final-cta-footer {
    color: var(--om-green-muted) !important;
    font-family: var(--om-mono);
}

.cta-blob {
    background: var(--om-green) !important;
    opacity: 0.08 !important;
}

/* Contact landing page */
.contact-page {
    position: relative;
    min-height: calc(100svh - 72px);
    padding: clamp(4rem, 8vw, 7rem) 0 !important;
    background:
        radial-gradient(circle at 15% 35%, rgba(255,49,84,.07), transparent 23%),
        radial-gradient(circle at 88% 68%, rgba(60,125,255,.08), transparent 26%);
}

.contact-page::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(rgba(93,255,130,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(93,255,130,.04) 1px, transparent 1px);
    background-size: 48px 48px;
}

.contact-terminal-head {
    position: relative;
    display: flex;
    margin-bottom: 0;
    padding: 12px 16px;
    justify-content: space-between;
    color: var(--om-green-muted);
    background: var(--om-panel);
    border: 1px solid var(--om-line);
    border-bottom: 0;
    font-family: var(--om-mono);
    font-size: 9px;
    letter-spacing: 0.12em;
}

.contact-terminal-live {
    color: var(--om-green);
}

.contact-grid {
    position: relative;
    gap: 0 !important;
    align-items: stretch !important;
    background: var(--om-line);
    border: 1px solid var(--om-line);
}

.contact-left,
.contact-right {
    padding: clamp(2rem, 5vw, 5.2rem);
    background: rgba(4, 9, 6, 0.97);
}

.contact-left {
    position: relative;
    overflow: hidden;
}

.contact-left::after {
    content: "01001111\A01001100\A01000001\A01000110";
    position: absolute;
    right: -7px;
    bottom: -14px;
    color: rgba(93, 255, 130, 0.035);
    font-family: var(--om-mono);
    font-size: clamp(3.8rem, 8vw, 8rem);
    font-weight: 900;
    line-height: 0.72;
    white-space: pre;
}

.contact-right {
    background: var(--om-panel);
}

.contact-badge {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.08) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
    font-family: var(--om-mono);
    text-transform: uppercase;
}

.contact-command {
    margin: 0 0 1.2rem;
    color: var(--om-green-muted);
    font-family: var(--om-mono);
    font-size: 10px;
}

.contact-title {
    color: var(--om-white) !important;
    font-family: var(--om-sans) !important;
    font-size: clamp(3rem, 6.8vw, 6.5rem) !important;
    font-weight: 800 !important;
    line-height: 0.86 !important;
    letter-spacing: -0.075em;
}

.title-muted {
    color: var(--om-green) !important;
}

.contact-description {
    color: var(--om-muted) !important;
}

.contact-capabilities {
    display: flex;
    margin: 0 0 2.5rem;
    gap: 7px;
    flex-wrap: wrap;
}

.contact-capabilities span {
    padding: 6px 8px;
    color: var(--om-green-muted);
    border: 1px solid var(--om-line);
    font-family: var(--om-mono);
    font-size: 8px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.info-icon {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.08) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
}

.info-label {
    color: var(--om-green-muted) !important;
    font-family: var(--om-mono);
    text-transform: uppercase;
}

.info-value {
    color: var(--om-white) !important;
}

.contact-form {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.contact-form-head {
    display: flex;
    margin-bottom: 2rem;
    padding-bottom: 12px;
    justify-content: space-between;
    color: var(--om-green);
    border-bottom: 1px solid var(--om-line);
    font-family: var(--om-mono);
    font-size: 9px;
    letter-spacing: 0.13em;
}

.form-group label {
    color: var(--om-green-muted) !important;
    font-family: var(--om-mono);
    font-size: 9px !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.form-group input,
.form-group textarea,
.form-group select {
    color: var(--om-white) !important;
    background: #050a07 !important;
    border: 1px solid rgba(93,255,130,.17) !important;
    border-radius: 0 !important;
    font-family: var(--om-mono);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #526157 !important;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    border-color: var(--om-green) !important;
    box-shadow: 0 0 0 3px rgba(93,255,130,.08), 0 0 20px rgba(93,255,130,.05) !important;
}

.form-group select {
    color-scheme: dark;
}

.form-button {
    min-height: 54px;
    text-transform: uppercase;
}

/* Footer and general internal surfaces */
.footer {
    position: relative;
    color: var(--om-muted) !important;
    background: #020503 !important;
    border-top: 1px solid var(--om-line) !important;
}

.footer::before {
    content: "END_OF_LINE // OLAF_MOTION";
    position: absolute;
    top: 18px;
    right: clamp(20px, 4vw, 70px);
    color: rgba(93,255,130,.28);
    font-family: var(--om-mono);
    font-size: 8px;
    letter-spacing: 0.14em;
}

.footer-col h4,
.footer-col h5 {
    color: var(--om-white) !important;
    font-family: var(--om-mono) !important;
}

.footer-col h5::before {
    content: "> ";
    color: var(--om-green);
}

.footer-col a,
.footer-col p,
.footer-bottom p {
    color: var(--om-muted) !important;
}

.footer-col a:hover {
    color: var(--om-green) !important;
}

.footer-bottom {
    border-color: var(--om-line) !important;
}

.pricing-page,
.archive-page,
.blog-page,
.single-post,
.single-video-page {
    color: var(--om-white);
    background: var(--om-black);
}

.sticky-cta-corner {
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 35px rgba(93,255,130,.17) !important;
}

.sticky-cta-corner-btn {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
}

.sticky-cta-corner-title,
.sticky-cta-corner-text strong {
    color: var(--om-white) !important;
}

.sticky-cta-corner-text,
.sticky-cta-corner-sub {
    color: var(--om-muted) !important;
}

.sticky-cta-corner-close {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.08) !important;
    border-radius: 0 !important;
}

.download-modal-content {
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.7), 0 0 35px rgba(93,255,130,.1) !important;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

.download-modal-title {
    color: var(--om-white) !important;
}

.download-modal-message {
    color: var(--om-muted) !important;
}

.download-modal-icon.success,
.download-modal-icon.error {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.08) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
}

.download-modal-close {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
    font-family: var(--om-mono);
    text-transform: uppercase;
}

#regPopupCard {
    background:
        linear-gradient(rgba(93,255,130,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,255,130,.035) 1px, transparent 1px),
        var(--om-panel) !important;
    background-size: 26px 26px !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 25px 80px rgba(0,0,0,.75), 0 0 35px rgba(93,255,130,.1) !important;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

#regPopupCard h3 {
    color: var(--om-white) !important;
}

#regPopupCard a {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 24px rgba(93,255,130,.16) !important;
    font-family: var(--om-mono);
}

.cookie-banner {
    color: var(--om-white) !important;
    background: rgba(4,9,6,.98) !important;
    border-top: 1px solid var(--om-green) !important;
    box-shadow: 0 -18px 60px rgba(0,0,0,.58), 0 0 30px rgba(93,255,130,.08) !important;
}

.cookie-icon,
.cookie-btn-accept {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
}

.cookie-icon svg {
    color: #021507 !important;
}

.cookie-title,
.cookie-setting-title {
    color: var(--om-white) !important;
    font-family: var(--om-mono) !important;
}

.cookie-description,
.cookie-setting-desc {
    color: var(--om-muted) !important;
}

.cookie-btn,
.cookie-close {
    border-radius: 0 !important;
    font-family: var(--om-mono);
}

.cookie-btn-settings,
.cookie-btn-secondary,
.cookie-close,
.cookie-setting-item {
    color: var(--om-green-muted) !important;
    background: var(--om-panel) !important;
    border-color: var(--om-line) !important;
    border-radius: 0 !important;
}

.cookie-settings-header,
.cookie-settings-footer {
    border-color: var(--om-line) !important;
}

.toggle-slider,
.toggle-slider::before {
    border-radius: 0 !important;
}

.cookie-toggle input:checked + .toggle-slider {
    background: var(--om-green) !important;
}

/* ================================================================
   INTERIOR PAGE CONTRAST PASS
   Blog, authentication, account dashboard and archive components.
   ================================================================ */

/* Authentication and account recovery */
.auth-page {
    position: relative;
    min-height: calc(100svh - 72px) !important;
    padding-block: clamp(3rem, 7vw, 6rem) !important;
    color: var(--om-white);
    background:
        radial-gradient(circle at 50% 30%, rgba(93,255,130,.08), transparent 32%),
        linear-gradient(rgba(93,255,130,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,255,130,.035) 1px, transparent 1px);
    background-size: auto, 48px 48px, 48px 48px;
}

.auth-card {
    position: relative;
    padding: clamp(2rem, 5vw, 3.2rem) !important;
    color: var(--om-white) !important;
    background: rgba(7, 14, 9, .96) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.55), inset 0 0 55px rgba(93,255,130,.025) !important;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

.auth-card::before {
    content: "AUTH_PROTOCOL // SECURE";
    position: absolute;
    top: 14px;
    left: 16px;
    color: rgba(93,255,130,.46);
    font: 700 7px/1 var(--om-mono);
    letter-spacing: .14em;
}

.auth-logo,
.auth-title {
    color: var(--om-white) !important;
}

.auth-logo {
    font-family: var(--om-mono) !important;
    letter-spacing: -.04em;
}

.auth-logo::before {
    content: "OM ";
    color: var(--om-green);
}

.auth-title {
    font-style: normal !important;
}

.title-accent,
.forgot-link,
.auth-footer a,
.terms-text a {
    color: var(--om-green) !important;
}

.auth-description,
.auth-footer,
.terms-text {
    color: var(--om-muted) !important;
}

.auth-card .form-group label {
    color: var(--om-green-muted) !important;
}

.auth-card .input-wrapper input,
.code-input {
    color: var(--om-white) !important;
    -webkit-text-fill-color: var(--om-white) !important;
    background: #050a07 !important;
    border: 1px solid rgba(93,255,130,.2) !important;
    border-radius: 0 !important;
    font-family: var(--om-mono) !important;
    caret-color: var(--om-green);
}

.auth-card .input-wrapper input:focus,
.code-input:focus {
    background: #050a07 !important;
    border-color: var(--om-green) !important;
    box-shadow: 0 0 0 3px rgba(93,255,130,.08), 0 0 18px rgba(93,255,130,.08) !important;
}

.auth-card input:-webkit-autofill,
.auth-card input:-webkit-autofill:hover,
.auth-card input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--om-white) !important;
    -webkit-box-shadow: 0 0 0 1000px #050a07 inset !important;
    transition: background-color 9999s ease-out;
}

.input-icon {
    z-index: 2;
    color: var(--om-green-muted) !important;
}

.auth-button {
    color: #021507 !important;
    background: var(--om-green) !important;
    border: 1px solid var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 26px rgba(93,255,130,.16) !important;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    font-family: var(--om-mono);
    text-transform: uppercase;
}

.auth-button:hover {
    color: #000 !important;
    background: var(--om-green-bright) !important;
    opacity: 1 !important;
}

.terms-box,
.free-download-badge {
    color: var(--om-green-bright) !important;
    background: rgba(93,255,130,.065) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.terms-box svg {
    color: var(--om-green) !important;
}

.success-message,
.auth-success,
.settings-success-message {
    color: #baffc8 !important;
    background: #07170d !important;
    border: 1px solid rgba(93,255,130,.35) !important;
    border-radius: 0 !important;
}

.error-message,
.auth-error,
.settings-error-message,
#registerClientError {
    color: #ff9aac !important;
    background: #1a080c !important;
    border: 1px solid rgba(255,74,105,.45) !important;
    border-radius: 0 !important;
}

.auth-card .error-message a,
.auth-card .auth-error a {
    color: #ffb0bd !important;
}

.auth-divider::before {
    border-color: var(--om-line) !important;
    background: var(--om-line) !important;
}

.resend-section {
    color: var(--om-muted) !important;
    background: transparent !important;
    border-color: var(--om-line) !important;
}

.resend-section p,
.auth-divider span {
    color: var(--om-muted) !important;
    background: var(--om-panel) !important;
}

.resend-link {
    color: var(--om-green) !important;
}

.verify-icon svg {
    color: var(--om-green) !important;
    stroke: var(--om-green) !important;
    filter: drop-shadow(0 0 12px rgba(93,255,130,.22));
}

/* Blog listings and archives */
.blog-page,
.single-post,
.archive-page {
    position: relative;
    color: var(--om-white) !important;
    background:
        linear-gradient(rgba(93,255,130,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,255,130,.026) 1px, transparent 1px),
        var(--om-black) !important;
    background-size: 56px 56px !important;
}

.single-post {
    padding: clamp(3.5rem, 7vw, 6rem) 0;
}

.blog-title,
.post-title,
.archive-title,
.related-posts-title,
.author-box-name {
    color: var(--om-white) !important;
}

.blog-title,
.archive-title,
.post-title {
    letter-spacing: -.055em;
}

.blog-description,
.archive-description,
.post-date,
.author-role,
.blog-date,
.blog-card-excerpt,
.related-post-date,
.author-box-title,
.author-box-bio {
    color: var(--om-muted) !important;
}

.blog-header::before {
    content: "CONTENT_FEED // MOTION_LAB";
    display: block;
    margin-bottom: 12px;
    color: var(--om-green);
    font: 700 9px/1.4 var(--om-mono);
    letter-spacing: .16em;
}

.blog-card,
.related-post-card {
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.blog-card:hover,
.related-post-card:hover {
    border-color: var(--om-green) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.42), 0 0 28px rgba(93,255,130,.08) !important;
}

.blog-card-image,
.related-post-image {
    background: #07100a !important;
    border-bottom: 1px solid var(--om-line);
}

.blog-card-title,
.related-post-title,
.author-name {
    color: var(--om-white) !important;
}

.blog-category,
.post-category,
.related-post-category,
.category-badge-large {
    color: #021507 !important;
    background: var(--om-green) !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: var(--om-mono);
}

.blog-read-more,
.blog-card-link,
.back-link,
.archive-back-nav .back-link {
    color: var(--om-green) !important;
}

.blog-social-proof {
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.blog-social-proof .sp-stat-number {
    color: var(--om-green) !important;
}

.blog-social-proof .sp-stat-label {
    color: var(--om-muted) !important;
}

.category-archive .blog-header,
.archive-page .blog-header,
.no-posts-message {
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.no-posts-message h3 {
    color: var(--om-white) !important;
}

.no-posts-message p,
.no-posts {
    color: var(--om-muted) !important;
}

.category-nav {
    scrollbar-color: var(--om-green-muted) var(--om-panel);
}

.category-nav::-webkit-scrollbar-track {
    background: var(--om-panel) !important;
}

.category-nav::-webkit-scrollbar-thumb {
    background: var(--om-green-muted) !important;
}

.category-nav-item,
.pagination a,
.pagination span {
    color: var(--om-muted) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.category-nav-item:hover,
.pagination a:hover,
.category-nav-item.active,
.pagination .current {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-color: var(--om-green) !important;
}

.pagination {
    border-color: var(--om-line) !important;
}

.breadcrumbs,
.toc-container {
    color: var(--om-muted) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.breadcrumbs a,
.toc-list li a,
.toc-toggle {
    color: var(--om-muted) !important;
}

.breadcrumbs span,
.toc-title {
    color: var(--om-white) !important;
}

.toc-list li::before,
.breadcrumbs a:hover,
.toc-list li a:hover {
    color: var(--om-green) !important;
}

.toc-toggle:hover {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.08) !important;
}

/* Single article readability */
.post-content {
    color: #c3d2c7 !important;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    color: var(--om-white) !important;
}

.post-content a {
    color: var(--om-green) !important;
    text-decoration-color: rgba(93,255,130,.45) !important;
}

.post-content blockquote {
    color: var(--om-green-bright) !important;
    background: rgba(93,255,130,.055) !important;
    border-color: var(--om-green) !important;
    border-radius: 0 !important;
}

.post-content code {
    color: var(--om-green-bright) !important;
    background: #0b160e !important;
    border: 1px solid rgba(93,255,130,.14);
    border-radius: 0 !important;
}

.post-content pre {
    color: #caffd4 !important;
    background: #030805 !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
}

.post-content pre code {
    border: 0;
}

.post-content table {
    width: 100%;
    border-collapse: collapse;
    color: #c3d2c7;
    background: var(--om-panel);
}

.post-content th,
.post-content td {
    padding: .75rem;
    border: 1px solid var(--om-line);
}

.post-content th {
    color: var(--om-green-bright);
    background: rgba(93,255,130,.07);
}

.post-content figcaption {
    color: var(--om-muted) !important;
}

.post-content li::marker {
    color: var(--om-green);
}

.ai-buttons-share-container {
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.ai-buttons-share-label {
    color: var(--om-green-muted) !important;
}

.ai-buttons-share-button,
.ai-buttons-chatgpt,
.ai-buttons-perplexity,
.ai-buttons-grok,
.ai-buttons-claude,
.ai-buttons-gemini,
.ai-buttons-google-ai {
    color: var(--om-green-bright) !important;
    background: #07100a !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.ai-buttons-share-button:hover {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-color: var(--om-green) !important;
}

.author-box {
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.author-box-avatar img {
    border-color: var(--om-green) !important;
}

.author-box-link {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.07) !important;
    border-color: var(--om-line) !important;
}

.blog-cta:not(.blog-cta-large) {
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.blog-cta:not(.blog-cta-large) h3 {
    color: var(--om-white) !important;
}

.blog-cta:not(.blog-cta-large) p {
    color: var(--om-muted) !important;
}

.blog-cta-btn,
.blog-cta-large-btn,
.back-to-blog-btn {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
}

.blog-cta-large,
.blog-cta-gradient-blue,
.blog-cta-gradient-dark,
.blog-cta-gradient-purple,
.blog-cta-gradient-green {
    color: var(--om-white) !important;
    background:
        radial-gradient(circle at 85% 10%, rgba(93,255,130,.09), transparent 30%),
        var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.38) !important;
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.blog-cta-large-title {
    color: var(--om-white) !important;
}

.blog-cta-large-text,
.blog-cta-large-features,
.blog-cta-large-sub,
.blog-cta-large-sub a {
    color: #c3d2c7 !important;
}

.blog-cta-large-badge,
.blog-cta-gradient-blue .blog-cta-large-badge,
.blog-cta-gradient-dark .blog-cta-large-badge,
.blog-cta-gradient-purple .blog-cta-large-badge,
.blog-cta-gradient-green .blog-cta-large-badge {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
}

/* Video library archive filters */
.archive-header {
    color: var(--om-white);
}

.search-box,
.filter-button,
.filter-dropdown,
.filter-tag {
    color: var(--om-muted) !important;
    background: var(--om-panel) !important;
    border-color: var(--om-line) !important;
    border-radius: 0 !important;
}

.search-box input {
    color: var(--om-white) !important;
    background: transparent !important;
}

.search-box input::placeholder {
    color: #627268 !important;
}

.filter-tag:hover,
.filter-tag.active {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-color: var(--om-green) !important;
}

.section-label,
.no-videos {
    color: var(--om-white) !important;
}

/* User dashboard */
.dashboard-page {
    color: var(--om-white) !important;
    background:
        linear-gradient(rgba(93,255,130,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,255,130,.025) 1px, transparent 1px),
        var(--om-black) !important;
    background-size: 52px 52px !important;
}

.dashboard-admin-debug {
    color: #ffd98a !important;
    background: #1a1204 !important;
    border-color: #a86e00 !important;
    border-radius: 0 !important;
    font-family: var(--om-mono);
}

.dashboard-welcome {
    padding: clamp(1.5rem, 4vw, 2rem) !important;
    margin-bottom: 2rem;
    text-align: center;
    color: var(--om-white) !important;
    background: linear-gradient(135deg, #0b1b10, #07100a) !important;
    border: 1px solid var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 30px rgba(93,255,130,.08);
}

.dashboard-welcome-title {
    color: var(--om-white) !important;
}

.dashboard-welcome-copy {
    color: #c3d2c7 !important;
}

.dashboard-welcome-item,
.referral-reward-chip {
    color: var(--om-green-bright) !important;
    background: rgba(93,255,130,.07) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
}

.dashboard-welcome-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: .75rem 1.5rem !important;
    color: #021507 !important;
    background: var(--om-green) !important;
    border: 1px solid var(--om-green) !important;
    border-radius: 0 !important;
    font-family: var(--om-mono);
}

.user-card,
.dashboard-nav,
.stat-card,
.recent-section,
.download-item,
.library-item,
.subscription-details-grid,
.subscription-detail-item,
.payment-card,
.referral-card,
.bogo-section,
.bogo-card {
    color: var(--om-white) !important;
    background: var(--om-panel) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.user-card,
.dashboard-nav,
.stat-card,
.recent-section,
.subscription-card {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.stat-card:hover,
.library-item:hover,
.download-item:hover,
.bogo-card:hover {
    color: var(--om-white) !important;
    background: var(--om-panel-raised) !important;
    border-color: var(--om-green) !important;
    box-shadow: 0 15px 38px rgba(0,0,0,.35), 0 0 24px rgba(93,255,130,.07) !important;
}

.user-avatar,
.download-icon,
.library-item-icon {
    color: #021507 !important;
    background: var(--om-green) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(93,255,130,.12) !important;
}

.user-name,
.value-main,
.stat-plan,
.recent-title,
.download-name,
.tab-title,
.library-item-name,
.subscription-plan,
.detail-value,
.settings-section-title,
.payment-title,
.referral-card h4,
.bogo-title,
.bogo-card-title {
    color: var(--om-white) !important;
}

.user-email,
.stat-label,
.value-sub,
.stat-refill,
.download-meta,
.library-item-type,
.library-item-date,
.subscription-label,
.detail-label,
.subscription-footer-note,
.payment-description,
.form-hint,
.referral-card p,
.bogo-sub,
.bogo-empty {
    color: var(--om-muted) !important;
}

.dashboard-page .form-group label,
.referral-stats strong,
.referral-rewards-title {
    color: var(--om-green-muted) !important;
}

.referral-stats {
    color: var(--om-muted) !important;
}

.referral-rewards {
    border-color: var(--om-line) !important;
}

.referral-reward-chip.is-locked,
.bogo-card-price .was {
    color: var(--om-muted) !important;
    background: rgba(145,166,151,.06) !important;
}

.dashboard-page .nav-item {
    color: var(--om-muted) !important;
    border-radius: 0 !important;
    font-family: var(--om-mono);
}

.dashboard-page .nav-item:hover {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.07) !important;
}

.dashboard-page .nav-item.active {
    color: #021507 !important;
    background: var(--om-green) !important;
    box-shadow: 0 0 20px rgba(93,255,130,.15) !important;
}

.dashboard-page .nav-item.logout {
    color: #ff788f !important;
}

.nav-divider,
.settings-divider {
    border-color: var(--om-line) !important;
    background: var(--om-line) !important;
}

.library-item-footer {
    border-color: var(--om-line) !important;
    background: transparent !important;
}

.stat-icon,
.stat-icon.blue,
.stat-icon.purple,
.stat-icon.green,
.stat-badge,
.stat-badge.purple,
.stat-badge.green,
.subscription-status-badge.active {
    color: var(--om-green-bright) !important;
    background: rgba(93,255,130,.08) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
}

.subscription-status-badge.inactive {
    color: #ff9aac !important;
    background: rgba(255,74,105,.08) !important;
    border: 1px solid rgba(255,74,105,.3);
    border-radius: 0 !important;
}

.stat-progress {
    background: rgba(93,255,130,.08) !important;
    border-radius: 0 !important;
}

.progress-bar {
    background: var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 12px rgba(93,255,130,.4);
}

.view-all-button,
.library-item-download {
    color: var(--om-green) !important;
}

.library-download-btn,
.settings-save-button,
.settings-save-button.secondary,
.subscription-manage-button,
.referral-copy-btn,
.bogo-claim-btn {
    color: #021507 !important;
    background: var(--om-green) !important;
    border: 1px solid var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--om-mono);
}

.library-download-btn:hover,
.settings-save-button:hover,
.settings-save-button.secondary:hover,
.subscription-manage-button:hover,
.referral-copy-btn:hover,
.bogo-claim-btn:hover:not(:disabled) {
    color: #000 !important;
    background: var(--om-green-bright) !important;
}

.subscription-card {
    color: var(--om-white) !important;
    background: linear-gradient(135deg, #0b1b10, #08100a) !important;
    border: 1px solid var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 38px rgba(93,255,130,.08) !important;
}

.subscription-price,
.bogo-counter,
.bogo-badge {
    color: var(--om-green-bright) !important;
    background: rgba(93,255,130,.08) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.subscription-blob {
    background: var(--om-green) !important;
    opacity: .08;
}

.dashboard-page .form-group input,
.referral-link-input {
    color: var(--om-white) !important;
    -webkit-text-fill-color: var(--om-white) !important;
    background: #050a07 !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
}

.dashboard-page .form-group input:focus,
.referral-link-input:focus {
    border-color: var(--om-green) !important;
    box-shadow: 0 0 0 3px rgba(93,255,130,.08) !important;
}

.bogo-alert {
    color: var(--om-green-bright) !important;
    background: rgba(93,255,130,.07) !important;
    border-color: var(--om-line) !important;
    border-radius: 0 !important;
}

.bogo-alert-text strong,
.bogo-alert-text span,
.bogo-alert-cta,
.bogo-sub strong,
.bogo-title em,
.bogo-card-price .free {
    color: var(--om-green) !important;
}

.bogo-card-media {
    background: #050a07 !important;
    border-bottom: 1px solid var(--om-line);
}

.cancel-button {
    color: #ff9aac !important;
    background: rgba(255,74,105,.08) !important;
    border: 1px solid rgba(255,74,105,.38) !important;
    border-radius: 0 !important;
}

.cancel-button:hover {
    color: #fff !important;
    background: #c92443 !important;
}

@media (max-width: 900px) {
    .dashboard-grid {
        grid-template-columns: 1fr !important;
    }

    .dashboard-sidebar {
        position: static !important;
    }

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

    .dashboard-nav .nav-divider {
        display: none;
    }
}

@media (max-width: 560px) {
    .dashboard-page {
        padding-block: 1.5rem !important;
    }

    .dashboard-nav {
        grid-template-columns: 1fr;
    }

    .stat-card,
    .recent-section,
    .subscription-card {
        padding: 1.3rem !important;
    }

    .download-item,
    .subscription-main,
    .subscription-footer {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 1rem;
    }

    .library-download-btn {
        width: 100%;
        justify-content: center;
    }

    .auth-card {
        padding: 1.5rem !important;
    }

    .code-inputs {
        gap: 4px !important;
    }

    .code-input {
        width: clamp(32px, 10vw, 40px) !important;
        height: 50px !important;
        font-size: 18px !important;
    }
}

.mobile-menu-toggle span {
    background: var(--om-green) !important;
}

.mobile-menu-overlay {
    background: rgba(0,0,0,.8) !important;
}

.mobile-menu {
    background: #040906 !important;
    border-left: 1px solid var(--om-line);
}

.mobile-menu-header,
.mobile-menu-footer {
    border-color: var(--om-line) !important;
}

.mobile-menu-logo-text,
.mobile-nav a,
.mobile-nav-label {
    color: var(--om-white) !important;
    font-family: var(--om-mono) !important;
}

.mobile-nav a:hover,
.mobile-nav-current {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.07) !important;
}

/* Header.php prints its navigation styles after wp_head(), so the active
   mobile route needs a more specific Matrix override. */
.mobile-menu .mobile-nav a.mobile-nav-current {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.09) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: inset 3px 0 0 var(--om-green);
}

.mobile-menu .mobile-nav a.mobile-nav-current .mobile-nav-label,
.mobile-menu .mobile-nav a.mobile-nav-current .mobile-nav-icon {
    color: var(--om-green) !important;
}

.mobile-menu .mobile-nav a.mobile-nav-current .mobile-nav-icon {
    background: rgba(93,255,130,.13) !important;
}

.mobile-nav-icon,
.mobile-menu-close {
    color: var(--om-green) !important;
    background: rgba(93,255,130,.08) !important;
    border-radius: 0 !important;
}

.mobile-menu-footer-cta {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
}

@keyframes omPulse {
    0%, 100% { opacity: .35; transform: scale(.8); }
    50% { opacity: 1; transform: scale(1.1); }
}

@keyframes omBlink {
    0%, 48% { opacity: 1; }
    49%, 100% { opacity: 0; }
}

@keyframes omGlitch {
    0%, 88%, 100% { opacity: 0; clip-path: inset(0 0 100% 0); }
    89% { opacity: .72; clip-path: inset(14% 0 62% 0); }
    90% { opacity: 0; clip-path: inset(80% 0 6% 0); }
    92% { opacity: .58; clip-path: inset(64% 0 15% 0); }
    93% { opacity: 0; }
}

@media (max-width: 1050px) {
    .logo-status,
    .path-code {
        display: none;
    }

    .gateway-path {
        padding-inline: clamp(24px, 4vw, 50px);
    }

    .gateway-path-client .path-pill {
        right: 9vw;
    }

    .gateway-path-creator .path-pill {
        left: 9vw;
    }
}

@media (max-width: 782px) {
    .admin-bar .header {
        top: 46px;
    }
}

@media (max-width: 768px) {
    body::after {
        opacity: .1;
    }

    .header-content {
        min-height: 62px;
    }

    .logo-wordmark {
        font-size: 12px;
    }

    .header-actions {
        display: none !important;
    }

    .olaf-gateway-page .gateway-system-bar {
        top: 18px;
    }

    .olaf-gateway-page .gateway-intro {
        top: 82px;
    }

    .matrix-gateway {
        min-height: 100svh;
    }

    .gateway-system-bar {
        top: 76px;
    }

    .gateway-system-status {
        display: none;
    }

    .gateway-intro {
        top: 116px;
        width: calc(100% - 30px);
    }

    .gateway-intro h1 {
        font-size: min(9.2vw, 2.35rem);
        letter-spacing: -0.09em;
        white-space: nowrap;
    }

    .gateway-paths {
        width: 100%;
        max-width: 100vw;
        padding-top: 205px;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, minmax(310px, 1fr));
    }

    .gateway-path {
        width: 100%;
        max-width: 100vw;
        min-height: 310px;
        padding: 35px 24px 32px;
        justify-content: center;
    }

    .gateway-path-client {
        border-bottom: 1px solid rgba(93,255,130,.13);
    }

    .path-index {
        top: 20px;
    }

    .gateway-path-creator .path-index {
        right: 24px;
    }

    .path-pill {
        top: 58px;
        width: 76px;
        height: 29px;
        transform: rotate(-17deg);
    }

    .gateway-path-client .path-pill {
        right: 24px;
    }

    .gateway-path-creator .path-pill {
        left: 24px;
        transform: rotate(17deg);
    }

    .path-copy {
        width: calc(100% - 88px);
        max-width: calc(100vw - 48px);
    }

    .path-copy h2 {
        font-size: clamp(2.2rem, 11vw, 3.2rem);
    }

    .path-description {
        max-width: 270px;
        margin-top: 12px;
        font-size: .72rem;
    }

    .path-action {
        margin-top: 12px;
    }

    .gateway-prompt {
        bottom: 10px;
    }

    .hero-section {
        min-height: auto;
        padding: 7rem 1rem 5rem !important;
    }

    .hero-content {
        text-align: left !important;
    }

    .hero-title {
        font-size: clamp(3.5rem, 20vw, 6rem) !important;
    }

    .hero-buttons {
        align-items: stretch !important;
    }

    .hero-buttons .btn {
        width: 100%;
    }

    .social-proof-bar {
        align-items: flex-start !important;
        gap: 15px !important;
        flex-wrap: wrap;
    }

    .why-grid,
    .pricing-grid,
    .testimonials-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .pricing-card.popular {
        transform: none !important;
    }

    .library-header::before {
        position: static;
    }

    .contact-terminal-head span:nth-child(2) {
        display: none;
    }

    .contact-grid {
        grid-template-columns: 1fr !important;
    }

    .contact-title {
        font-size: clamp(3.2rem, 16vw, 5.2rem) !important;
    }

    .contact-left,
    .contact-right {
        padding: 2rem 1.35rem;
    }

    .footer::before {
        display: none;
    }
}

@media (max-width: 420px) {
    .gateway-clock {
        display: none;
    }

    .gateway-system-bar {
        justify-content: center;
    }

    .path-copy h2 {
        font-size: 2.55rem;
    }

    .path-description {
        font-size: .68rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

    .matrix-rain {
        display: none;
    }
}

/* ================================================================
   SALES LANDING // LEFT GATEWAY PATH
   ================================================================ */

.olaf-sales-page .header,
.olaf-sales-page .footer,
.olaf-sales-page .mobile-menu-overlay,
.olaf-sales-page .sticky-cta-corner,
.olaf-sales-page #regPopupOverlay {
    display: none !important;
}

.olaf-sales-page {
    background: var(--om-black) !important;
}

.sales-lp {
    position: relative;
    min-height: 100svh;
    overflow: hidden;
    color: var(--om-white);
    background:
        radial-gradient(circle at 82% 8%, rgba(93,255,130,.09), transparent 30%),
        var(--om-black);
}

.sales-lp-grid {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .65;
    background:
        linear-gradient(rgba(93,255,130,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,255,130,.035) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, #000, transparent 90%);
}

.sales-lp > *:not(.sales-lp-grid) {
    position: relative;
    z-index: 1;
}

.sales-lp-nav,
.sales-hero,
.sales-services,
.sales-work,
.sales-process,
.sales-brief,
.sales-faq,
.sales-lp-end {
    width: min(100% - 40px, 1320px);
    margin-inline: auto;
}

.sales-lp-nav {
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--om-line);
}

.sales-lp-logo,
.sales-lp-back {
    color: var(--om-white) !important;
    font: 700 11px/1 var(--om-mono);
    letter-spacing: .1em;
    text-decoration: none !important;
}

.sales-lp-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.sales-lp-logo span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    color: #021507;
    background: var(--om-green);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.sales-lp-back {
    color: var(--om-green-muted) !important;
}

.sales-lp-back:hover {
    color: var(--om-green) !important;
}

.sales-hero {
    display: grid;
    min-height: min(820px, calc(100svh - 78px));
    padding-block: clamp(5rem, 10vw, 9rem);
    align-items: center;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: clamp(3rem, 8vw, 8rem);
}

.sales-kicker,
.sales-section-heading > p {
    margin: 0 0 1.4rem;
    color: var(--om-green) !important;
    font: 700 10px/1.4 var(--om-mono);
    letter-spacing: .15em;
    text-transform: uppercase;
}

.sales-hero h1,
.sales-section-heading h2,
.sales-brief-intro h2 {
    margin: 0;
    color: var(--om-white) !important;
    font-family: var(--om-sans) !important;
    font-weight: 850;
    line-height: .9;
    letter-spacing: -.075em;
}

.sales-hero h1 {
    font-size: clamp(4rem, 9vw, 8.6rem);
}

.sales-hero h1 span {
    color: var(--om-green);
}

.sales-lead {
    max-width: 690px;
    margin: 2rem 0 0;
    color: #b7c8bb !important;
    font-size: clamp(1rem, 1.5vw, 1.22rem);
    line-height: 1.75;
}

.sales-proof-row {
    display: flex;
    margin: 2rem 0;
    gap: 8px;
    flex-wrap: wrap;
}

.sales-proof-row span {
    padding: 8px 10px;
    color: var(--om-green-muted);
    border: 1px solid var(--om-line);
    background: rgba(93,255,130,.035);
    font: 700 8px/1 var(--om-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sales-primary-cta,
.pillar-primary-cta {
    display: inline-flex;
    min-height: 56px;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    color: #021507 !important;
    background: var(--om-green);
    border: 1px solid var(--om-green);
    clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px));
    font: 800 11px/1 var(--om-mono);
    letter-spacing: .08em;
    text-decoration: none !important;
}

.sales-primary-cta:hover,
.pillar-primary-cta:hover {
    color: #000 !important;
    background: var(--om-green-bright);
    box-shadow: 0 0 34px rgba(93,255,130,.18);
}

.sales-response-note {
    display: flex;
    margin: 18px 0 0;
    align-items: center;
    gap: 8px;
    color: var(--om-muted) !important;
    font: 600 9px/1 var(--om-mono);
    text-transform: uppercase;
}

.sales-response-note i {
    width: 7px;
    height: 7px;
    background: var(--om-green);
    border-radius: 50%;
    box-shadow: 0 0 12px var(--om-green);
}

.sales-signal-card {
    color: var(--om-white);
    background: rgba(7,14,9,.92);
    border: 1px solid var(--om-line);
    box-shadow: 0 28px 80px rgba(0,0,0,.48), inset 0 0 55px rgba(93,255,130,.03);
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}

.sales-signal-head,
.sales-signal-foot {
    display: flex;
    padding: 14px 16px;
    justify-content: space-between;
    color: var(--om-green-muted);
    border-bottom: 1px solid var(--om-line);
    font: 700 8px/1 var(--om-mono);
    letter-spacing: .12em;
}

.sales-signal-head b {
    color: var(--om-green);
}

.sales-signal-screen {
    display: grid;
    min-height: 360px;
    padding: 50px 30px;
    place-items: center;
    align-content: center;
    gap: 17px;
    background:
        linear-gradient(rgba(93,255,130,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,255,130,.045) 1px, transparent 1px),
        #040805;
    background-size: 27px 27px;
}

.sales-signal-screen strong {
    font: 850 clamp(1.5rem, 3.2vw, 2.6rem)/1 var(--om-sans);
    letter-spacing: -.05em;
}

.sales-signal-screen i,
.sales-signal-screen .is-green {
    color: var(--om-green);
    font-style: normal;
}

.sales-signal-screen small {
    color: var(--om-green-muted);
    font: 600 8px/1 var(--om-mono);
    letter-spacing: .1em;
}

.sales-signal-foot {
    border-top: 1px solid var(--om-line);
    border-bottom: 0;
}

.sales-services,
.sales-work,
.sales-process,
.sales-brief,
.sales-faq {
    padding-block: clamp(5rem, 10vw, 9rem);
    border-top: 1px solid var(--om-line);
}

.sales-section-heading {
    display: grid;
    margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
    grid-template-columns: .38fr 1fr;
    gap: 2rem;
}

.sales-section-heading h2,
.sales-brief-intro h2 {
    font-size: clamp(3rem, 6vw, 6.5rem);
}

.sales-service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--om-line);
    border-left: 1px solid var(--om-line);
}

.sales-service-grid article {
    min-height: 300px;
    padding: clamp(1.4rem, 3vw, 2.4rem);
    border-right: 1px solid var(--om-line);
    border-bottom: 1px solid var(--om-line);
    background: rgba(7,14,9,.5);
}

.sales-service-grid article > span {
    color: var(--om-green);
    font: 700 9px/1 var(--om-mono);
}

.sales-service-grid h3,
.sales-process-list h3,
.sales-work-card h3 {
    color: var(--om-white) !important;
}

.sales-service-grid h3 {
    margin: 6rem 0 1rem;
    font-size: 1.25rem;
}

.sales-service-grid p,
.sales-process-list p,
.sales-brief-intro > p,
.sales-faq p {
    color: var(--om-muted) !important;
    line-height: 1.75;
}

.sales-work-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.sales-work-card {
    min-width: 0;
}

.sales-work-media {
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--om-panel);
    border: 1px solid var(--om-line);
}

.sales-work-media :is(video, img) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sales-work-card h3 {
    margin: 14px 0 0;
    font: 700 11px/1.4 var(--om-mono);
    text-transform: uppercase;
}

.sales-process-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--om-line);
}

.sales-process-list li {
    display: grid;
    padding: 2rem 0;
    grid-template-columns: .38fr 1fr;
    gap: 2rem;
    border-bottom: 1px solid var(--om-line);
}

.sales-process-list li > span {
    color: var(--om-green);
    font: 700 10px/1 var(--om-mono);
}

.sales-process-list h3,
.sales-process-list p {
    margin: 0;
}

.sales-process-list p {
    max-width: 720px;
    margin-top: .6rem;
}

.sales-brief {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: clamp(3rem, 8vw, 7rem);
}

.sales-brief-intro ul {
    margin: 2rem 0 0;
    padding: 0;
    list-style: none;
}

.sales-brief-intro li {
    padding: 10px 0;
    color: #b9cbbd;
    border-bottom: 1px solid rgba(93,255,130,.12);
    font: 600 10px/1.4 var(--om-mono);
}

.sales-brief-intro li::before {
    content: "> ";
    color: var(--om-green);
}

.sales-form-panel {
    padding: clamp(1.4rem, 4vw, 3.5rem);
    background: rgba(7,14,9,.88);
    border: 1px solid var(--om-line);
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

.sales-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--om-line);
    border-left: 1px solid var(--om-line);
}

.sales-faq details {
    padding: 1.7rem;
    border-right: 1px solid var(--om-line);
    border-bottom: 1px solid var(--om-line);
    background: rgba(7,14,9,.6);
}

.sales-faq summary {
    color: var(--om-white);
    cursor: pointer;
    font-weight: 750;
}

.sales-lp-end {
    display: flex;
    min-height: 130px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--om-line);
}

.sales-lp-end p {
    color: var(--om-muted) !important;
    font: 600 9px/1 var(--om-mono);
}

/* ================================================================
   LEGAL PAGES // REMOVE LEGACY WHITE SURFACES
   ================================================================ */

.legal-page {
    min-height: 70svh;
    color: var(--om-white) !important;
    background:
        linear-gradient(rgba(93,255,130,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,255,130,.026) 1px, transparent 1px),
        var(--om-black) !important;
    background-size: 56px 56px !important;
}

.legal-container {
    padding-block: clamp(4rem, 8vw, 7rem) !important;
}

.legal-title,
.legal-content :is(h2, h3, h4),
.legal-section :is(h2, h3, h4),
.legal-section-small :is(h2, h3, h4),
.legal-section-alt :is(h2, h3, h4) {
    color: var(--om-white) !important;
}

.legal-title {
    font-size: clamp(3.2rem, 7vw, 7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.07em;
}

.legal-date,
.legal-subtitle,
.legal-text,
.legal-intro,
.legal-content p,
.legal-content li,
.legal-footer {
    color: #b9c9bd !important;
}

.legal-content,
.legal-section,
.legal-section-small,
.legal-section-alt,
.legal-footer {
    background: rgba(7,14,9,.9) !important;
    border-color: var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.legal-content {
    border: 1px solid var(--om-line) !important;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

.legal-section,
.legal-section-small,
.legal-section-alt {
    border: 1px solid rgba(93,255,130,.16) !important;
}

.legal-section.success {
    background: rgba(35,122,56,.12) !important;
    border-color: rgba(93,255,130,.35) !important;
}

.legal-section.danger {
    background: rgba(125,20,43,.14) !important;
    border-color: rgba(255,49,84,.38) !important;
}

.legal-list li::marker,
.legal-content a {
    color: var(--om-green) !important;
}

.legal-page :is(.section-header-small, .highlight-box) {
    color: var(--om-white) !important;
}

.legal-page .highlight-box {
    background: rgba(93,255,130,.055) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
}

.legal-page .section-header-small svg,
.legal-page .section-icon.success {
    color: var(--om-green) !important;
}

.legal-page .contact-link {
    color: var(--om-green) !important;
}

/* ================================================================
   CHECKOUT // STRIPE NIGHT INTERFACE
   Inline legacy styles exist in the template, therefore this scope uses
   deliberate !important declarations.
   ================================================================ */

.checkout-page {
    color: var(--om-white) !important;
    background:
        radial-gradient(circle at 20% 5%, rgba(93,255,130,.08), transparent 28%),
        linear-gradient(rgba(93,255,130,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,255,130,.03) 1px, transparent 1px),
        var(--om-black) !important;
    background-size: auto, 56px 56px, 56px 56px !important;
}

.checkout-page .checkout-sidebar,
.checkout-page .checkout-main,
.checkout-page .order-item,
.checkout-page .price-breakdown,
.checkout-page #payment-element {
    color: var(--om-white) !important;
    background: rgba(7,14,9,.95) !important;
    border-color: var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 25px 70px rgba(0,0,0,.35) !important;
}

.checkout-page .checkout-sidebar,
.checkout-page .checkout-main {
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
}

.checkout-page :is(h1, h2, h3, h4),
.checkout-page .order-details h3,
.checkout-page .price-row.total {
    color: var(--om-white) !important;
}

.checkout-page :is(.checkout-subtitle, .order-period, .order-features, .checkout-footer, .coupon-section label, .price-row),
.checkout-page .order-features li,
.checkout-page .preset-email-wrap label {
    color: var(--om-muted) !important;
}

.checkout-page .checkout-subtitle strong,
.checkout-page .order-price,
.checkout-page .price-amount,
.checkout-page .price-row.discount,
.checkout-page .checkout-footer a {
    color: var(--om-green) !important;
}

.checkout-page .preset-email-input,
.checkout-page .coupon-input {
    color: var(--om-white) !important;
    -webkit-text-fill-color: var(--om-white) !important;
    background: #050a07 !important;
    border-color: rgba(93,255,130,.22) !important;
    border-radius: 0 !important;
    caret-color: var(--om-green);
}

.checkout-page .video-preview-small {
    background: #030604 !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
}

.checkout-page .order-features {
    border-color: var(--om-line) !important;
}

.checkout-page .preset-email-input:focus,
.checkout-page .coupon-input:focus {
    border-color: var(--om-green) !important;
    box-shadow: 0 0 0 3px rgba(93,255,130,.08) !important;
}

.checkout-page .coupon-section,
.checkout-page .price-row.total {
    border-color: var(--om-line) !important;
}

.checkout-page :is(.coupon-btn, .btn-continue, .btn-large, #submit-button) {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-color: var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 28px rgba(93,255,130,.14) !important;
    font-family: var(--om-mono);
}

.checkout-page :is(.coupon-btn, .btn-continue, .btn-large, #submit-button):hover:not(:disabled) {
    color: #000 !important;
    background: var(--om-green-bright) !important;
}

.checkout-page .coupon-msg.success {
    color: #baffc8 !important;
    background: #07170d !important;
    border-color: rgba(93,255,130,.35) !important;
}

.checkout-page :is(.coupon-msg.error, .error-message) {
    color: #ff9aac !important;
    background: #1a080c !important;
    border-color: rgba(255,74,105,.45) !important;
}

/* ================================================================
   VIDEO ARCHIVE + SINGLE VIDEO // LEGACY SURFACE REPLACEMENT
   ================================================================ */

.single-video {
    min-height: 70svh;
    color: var(--om-white) !important;
    background:
        linear-gradient(rgba(93,255,130,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93,255,130,.026) 1px, transparent 1px),
        var(--om-black) !important;
    background-size: 56px 56px !important;
}

.single-video :is(.back-link, .category-badge, .info-icon-text, .secure-text, .related-section-title) {
    color: var(--om-green) !important;
}

.single-video .category-badge {
    background: rgba(93,255,130,.07) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
    font-family: var(--om-mono);
}

.single-video :is(.product-title, .video-content h2, .video-content h3, .subscription-title, .plan-name, .plan-price, .related-title, .related-subtitle, .related-video-title),
.single-video .related-subtitle[style] {
    color: var(--om-white) !important;
}

.single-video :is(.product-info-box, .info-item, .video-content-section, .video-subscription-section, .pricing-card, .related-card, .bogo-promo) {
    color: var(--om-white) !important;
    background: rgba(7,14,9,.94) !important;
    border-color: var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.single-video .pricing-card.popular {
    transform: none !important;
    border-color: var(--om-green) !important;
}

.single-video :is(.video-preview-box, .related-video) {
    background: #030604 !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 26px 70px rgba(0,0,0,.45) !important;
}

.single-video :is(.video-preview-box, .related-video) :is(video, img) {
    background: #030604;
}

.single-video :is(.info-item, .video-content, .video-content p, .subscription-subtitle, .plan-feature, .plan-period, .secure-text, .bogo-promo p) {
    color: #b7c8bb !important;
}

.single-video :is(.info-item strong, .info-item svg, .price-value, .check-icon) {
    color: var(--om-white) !important;
    stroke: currentColor;
}

.single-video :is(.price-period, .plan-downloads, .plan-features li, .plan-note) {
    color: var(--om-muted) !important;
}

.single-video :is(.pricing-toggle, .plan-note, .video-content-section, .video-subscription-section) {
    border-color: var(--om-line) !important;
}

.single-video .toggle-label {
    color: var(--om-muted) !important;
}

.single-video .toggle-label.active {
    color: var(--om-white) !important;
}

.single-video .toggle-switch {
    background: #07100a !important;
    border-color: var(--om-line) !important;
    border-radius: 0 !important;
}

.single-video .toggle-switch.active,
.single-video .toggle-thumb,
.single-video .popular-badge,
.single-video .toggle-badge {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-radius: 0 !important;
}

.single-video .or-divider::before,
.single-video .or-divider::after,
.single-video .related-section {
    border-color: var(--om-line) !important;
}

.single-video .or-divider span {
    color: var(--om-muted) !important;
    background: var(--om-black) !important;
}

.single-video :is(.download-button, .buy-button, .related-btn, .plan-button, .plan-btn, .pricing-card .btn, .subscription-button) {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-color: var(--om-green) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 24px rgba(93,255,130,.13) !important;
}

.single-video :is(.download-button, .buy-button, .related-btn, .plan-button, .plan-btn, .pricing-card .btn, .subscription-button):hover {
    color: #000 !important;
    background: var(--om-green-bright) !important;
}

.archive-page .video-card {
    overflow: hidden;
    color: var(--om-white) !important;
    background: rgba(7,14,9,.96) !important;
    border: 1px solid var(--om-line) !important;
    border-radius: 0 !important;
    box-shadow: 0 15px 40px rgba(0,0,0,.32) !important;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.archive-page .video-card:hover {
    border-color: var(--om-green) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.42), 0 0 24px rgba(93,255,130,.08) !important;
}

.archive-page .video-card-media {
    margin-bottom: 0 !important;
    background: #030604 !important;
    border-bottom: 1px solid var(--om-line);
    border-radius: 0 !important;
    box-shadow: none !important;
}

.archive-page .video-card-content {
    color: var(--om-white) !important;
    background: transparent !important;
}

.archive-page .video-card-title {
    color: var(--om-white) !important;
}

.archive-page .video-card-btn {
    color: #021507 !important;
    background: var(--om-green) !important;
    border: 1px solid var(--om-green) !important;
    border-radius: 0 !important;
    font-family: var(--om-mono);
}

.archive-page .video-card-btn:hover {
    color: #000 !important;
    background: var(--om-green-bright) !important;
}

.archive-page .bogo-banner {
    color: var(--om-white) !important;
    background: rgba(7,14,9,.96) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.34) !important;
}

.archive-page .bogo-banner-text span {
    color: var(--om-muted) !important;
}

.archive-page .bogo-banner-text :is(strong, b) {
    color: var(--om-green-bright) !important;
}

.archive-page .section-label {
    border-color: var(--om-line) !important;
}

.archive-page .pagination :is(a, span) {
    color: var(--om-green-muted) !important;
    background: var(--om-panel) !important;
    border-color: var(--om-line) !important;
    border-radius: 0 !important;
}

.archive-page .pagination :is(a:hover, .current) {
    color: #021507 !important;
    background: var(--om-green) !important;
    border-color: var(--om-green) !important;
}

/* CTA links inside post content need greater specificity than .post-content a. */
.post-content a.blog-cta-large-btn,
.post-content a.blog-cta-btn,
.post-content a.back-to-blog-btn {
    color: #021507 !important;
    background: var(--om-green) !important;
    text-decoration: none !important;
}

/* ================================================================
   SEO PILLAR PAGES
   ================================================================ */

.pillar-page {
    color: var(--om-white);
    background:
        radial-gradient(circle at 74% 3%, rgba(93,255,130,.07), transparent 26%),
        var(--om-black);
}

.pillar-shell,
.pillar-hero,
.pillar-content-grid,
.pillar-video-section,
.pillar-conversion {
    width: min(100% - 40px, 1220px);
    margin-inline: auto;
}

.pillar-shell {
    padding-top: 2.2rem;
}

.pillar-hero {
    padding-block: clamp(4.5rem, 9vw, 8rem);
    border-bottom: 1px solid var(--om-line);
}

.pillar-eyebrow,
.pillar-updated,
.pillar-toc-title,
.pillar-author-label {
    color: var(--om-green) !important;
    font: 700 9px/1.4 var(--om-mono);
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pillar-hero h1 {
    max-width: 1050px;
    margin: 1rem 0 1.5rem;
    color: var(--om-white) !important;
    font-size: clamp(3.2rem, 7vw, 7.2rem);
    font-weight: 850;
    line-height: .91;
    letter-spacing: -.07em;
}

.pillar-lead {
    max-width: 830px;
    color: #b7c8bb !important;
    font-size: clamp(1.05rem, 1.7vw, 1.3rem);
    line-height: 1.75;
}

.pillar-author {
    display: flex;
    margin-top: 2rem;
    padding-top: 1.3rem;
    align-items: center;
    gap: 14px;
    border-top: 1px solid rgba(93,255,130,.13);
}

.pillar-author-mark {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    color: #021507;
    background: var(--om-green);
    font: 900 10px/1 var(--om-mono);
}

.pillar-author p {
    margin: 3px 0 0;
    color: var(--om-muted) !important;
    font-size: .86rem;
}

.pillar-content-grid {
    display: grid;
    padding-block: clamp(4rem, 8vw, 7rem);
    grid-template-columns: 250px minmax(0, 1fr);
    gap: clamp(3rem, 7vw, 7rem);
}

.pillar-toc {
    position: sticky;
    top: 104px;
    height: fit-content;
    padding: 1.3rem;
    background: rgba(7,14,9,.88);
    border: 1px solid var(--om-line);
}

.pillar-toc a {
    display: block;
    padding: .65rem 0;
    color: var(--om-muted) !important;
    border-bottom: 1px solid rgba(93,255,130,.1);
    font: 600 9px/1.45 var(--om-mono);
    text-decoration: none !important;
}

.pillar-toc a:hover {
    color: var(--om-green) !important;
}

.pillar-article {
    min-width: 0;
}

.pillar-article :is(h2, h3, h4) {
    color: var(--om-white) !important;
    scroll-margin-top: 105px;
}

.pillar-article h2 {
    margin: 4.5rem 0 1.2rem;
    padding-top: 1.7rem;
    border-top: 1px solid var(--om-line);
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.pillar-article h2:first-child {
    margin-top: 0;
}

.pillar-article h3 {
    margin: 2.3rem 0 .8rem;
    font-size: 1.35rem;
}

.pillar-article :is(p, li) {
    color: #b7c8bb !important;
    font-size: 1.02rem;
    line-height: 1.85;
}

.pillar-article a {
    color: var(--om-green) !important;
}

.pillar-article li::marker {
    color: var(--om-green);
}

.pillar-checklist,
.pillar-note,
.pillar-faq,
.pillar-quick-links {
    margin-block: 2rem;
    padding: clamp(1.3rem, 3vw, 2rem);
    color: var(--om-white) !important;
    background: rgba(7,14,9,.9) !important;
    border: 1px solid var(--om-line);
    border-radius: 0 !important;
}

.pillar-note {
    border-left: 3px solid var(--om-green);
}

.pillar-faq details {
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--om-line);
}

.pillar-faq details:last-child {
    border-bottom: 0;
}

.pillar-faq summary {
    color: var(--om-white);
    cursor: pointer;
    font-weight: 750;
}

.pillar-video-section {
    padding-block: clamp(4rem, 8vw, 7rem);
    border-top: 1px solid var(--om-line);
}

.pillar-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.pillar-video-card {
    overflow: hidden;
    background: var(--om-panel);
    border: 1px solid var(--om-line);
}

.pillar-video-card-media {
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #030604;
}

.pillar-video-card-media :is(video, img) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pillar-video-card-copy {
    padding: 1.2rem;
}

.pillar-video-card h3 {
    margin: 0 0 .75rem;
    color: var(--om-white) !important;
}

.pillar-video-card a {
    color: var(--om-green) !important;
    font: 700 9px/1 var(--om-mono);
}

.pillar-conversion {
    display: grid;
    margin-bottom: clamp(4rem, 8vw, 7rem);
    padding: clamp(2rem, 6vw, 5rem);
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 2rem;
    background: rgba(7,14,9,.94);
    border: 1px solid var(--om-line);
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}

.pillar-conversion h2 {
    margin: 0;
    color: var(--om-white) !important;
    font-size: clamp(2rem, 4.5vw, 4.6rem);
    line-height: .95;
    letter-spacing: -.055em;
}

.pillar-conversion p {
    max-width: 650px;
    margin: 1rem 0 0;
    color: var(--om-muted) !important;
}

.footer-content {
    grid-template-columns: minmax(190px, 1.25fr) repeat(4, minmax(120px, 1fr)) !important;
}

@media (max-width: 960px) {
    .sales-hero,
    .sales-brief {
        grid-template-columns: 1fr;
    }

    .sales-hero {
        min-height: auto;
    }

    .sales-signal-card {
        max-width: 620px;
    }

    .sales-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sales-section-heading,
    .sales-process-list li {
        grid-template-columns: 1fr;
        gap: .8rem;
    }

    .pillar-content-grid {
        grid-template-columns: 1fr;
    }

    .pillar-toc {
        position: static;
    }

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

@media (max-width: 700px) {
    .sales-lp-nav,
    .sales-hero,
    .sales-services,
    .sales-work,
    .sales-process,
    .sales-brief,
    .sales-faq,
    .sales-lp-end,
    .pillar-shell,
    .pillar-hero,
    .pillar-content-grid,
    .pillar-video-section,
    .pillar-conversion {
        width: min(100% - 28px, 1320px);
    }

    .sales-lp-nav {
        min-height: 66px;
    }

    .sales-lp-back {
        font-size: 8px;
    }

    .sales-hero {
        padding-block: 4.5rem;
    }

    .sales-hero h1 {
        font-size: clamp(3.7rem, 18vw, 5.7rem);
    }

    .sales-service-grid,
    .sales-work-grid,
    .sales-faq-grid,
    .pillar-video-grid,
    .pillar-conversion {
        grid-template-columns: 1fr;
    }

    .sales-service-grid article {
        min-height: 235px;
    }

    .sales-service-grid h3 {
        margin-top: 3.5rem;
    }

    .sales-form-panel {
        padding: 1.2rem;
    }

    .sales-contact-form .form-row {
        grid-template-columns: 1fr !important;
    }

    .sales-lp-end {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 12px;
    }

    .pillar-hero h1 {
        font-size: clamp(3rem, 14vw, 5rem);
    }

    .pillar-content-grid {
        padding-block: 3.5rem;
    }

    .footer-content {
        grid-template-columns: 1fr !important;
    }
}