:root {
    --ssx-ink: #101820;
    --ssx-ink-2: #1e2b36;
    --ssx-muted: #5b6570;
    --ssx-paper: #f7f1e6;
    --ssx-ivory: #fffbf2;
    --ssx-line: rgba(16, 24, 32, .14);
    --ssx-blue: #1057ff;
    --ssx-blue-2: #043bb9;
    --ssx-amber: #d89022;
    --ssx-mint: #d8f2df;
    --ssx-shadow: 0 30px 90px rgba(16, 24, 32, .14);
}

html { scroll-behavior: smooth; }
body { background: var(--ssx-ivory) !important; }
.site-header {
    background: rgba(255, 251, 242, .88) !important;
    border-bottom: 1px solid rgba(16, 24, 32, .12) !important;
    box-shadow: 0 10px 40px rgba(16, 24, 32, .08) !important;
    backdrop-filter: blur(18px) saturate(150%);
}
.site-header__inner { max-width: 1220px !important; min-height: 70px !important; }
.site-header .button--primary,
.site-header__actions .button--primary {
    background: var(--ssx-blue) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.5) !important;
    box-shadow: 0 12px 28px rgba(16, 87, 255, .22) !important;
}
.site-header .button--ghost,
.site-header .button--light,
.site-header__actions .button--ghost,
.site-header__actions .button--light {
    background: #fff !important;
    color: var(--ssx-ink) !important;
    border-color: rgba(16, 24, 32, .14) !important;
}

.ssx-premium,
.ssx-premium * { box-sizing: border-box; }
.ssx-premium {
    color: var(--ssx-ink) !important;
    background:
        radial-gradient(circle at 8% 4%, rgba(16, 87, 255, .14), transparent 26rem),
        radial-gradient(circle at 86% 16%, rgba(216, 144, 34, .18), transparent 26rem),
        linear-gradient(180deg, #fffaf0 0%, #f6efe3 44%, #fffaf2 100%) !important;
    font-family: "Satoshi", "Avenir Next", "Segoe UI", sans-serif;
    overflow: clip;
}
.ssx-shell {
    width: min(100% - 44px, 1200px);
    margin: 0 auto;
}
.ssx-hero {
    position: relative;
    min-height: calc(100svh - 72px);
    padding: clamp(32px, 5vw, 62px) 0 clamp(52px, 6vw, 82px) !important;
    isolation: isolate;
}
.ssx-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(16,24,32,.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(16,24,32,.05) 1px, transparent 1px);
    background-size: 84px 84px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 90%);
}
.ssx-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
    gap: clamp(28px, 5vw, 58px);
    align-items: center;
}
.ssx-contact-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(320px, .65fr);
    gap: clamp(24px, 5vw, 58px);
    align-items: center;
}
.ssx-eyebrow {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px !important;
    color: var(--ssx-blue-2) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
}
.ssx-eyebrow span {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--ssx-blue);
    box-shadow: 0 0 0 8px rgba(16, 87, 255, .12);
}
.ssx-hero h1,
.ssx-section h2,
.ssx-final-card h2 {
    font-family: "Fraunces", "Noe Display", Georgia, serif !important;
    color: var(--ssx-ink) !important;
    letter-spacing: -.065em !important;
    text-wrap: balance;
}
.ssx-hero h1 {
    max-width: 820px;
    margin: 0 !important;
    font-size: clamp(56px, 8.15vw, 112px) !important;
    line-height: .84 !important;
    font-weight: 860 !important;
}
.ssx-lead {
    max-width: 710px;
    margin: 28px 0 0 !important;
    color: #34424f !important;
    font-size: clamp(18px, 1.65vw, 22px) !important;
    line-height: 1.48 !important;
}
.ssx-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}
.ssx-button,
.ssx-premium a.ssx-button {
    display: inline-flex !important;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 22px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: .055em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.ssx-button:hover { transform: translateY(-2px); }
.ssx-button--primary {
    background: linear-gradient(135deg, var(--ssx-blue), var(--ssx-blue-2)) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    box-shadow: 0 18px 42px rgba(16, 87, 255, .24) !important;
}
.ssx-button--secondary {
    background: #fff !important;
    color: var(--ssx-ink) !important;
    border: 1px solid rgba(16,24,32,.18) !important;
    box-shadow: 0 14px 34px rgba(16,24,32,.08) !important;
}
.ssx-proof-strip,
.ssx-metric-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}
.ssx-proof-strip span,
.ssx-metric-strip p {
    margin: 0 !important;
    border: 1px solid rgba(16,24,32,.15);
    background: rgba(255,255,255,.68);
    border-radius: 999px;
    padding: 10px 14px;
    color: var(--ssx-ink) !important;
    font-size: 12px;
    font-weight: 900;
}
.ssx-metric-strip p {
    display: grid;
    min-width: 126px;
    border-radius: 20px;
    padding: 14px 16px;
}
.ssx-metric-strip strong { font-size: 30px; line-height: 1; }
.ssx-metric-strip span { color: var(--ssx-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.ssx-dossier,
.ssx-map-card,
.ssx-intake-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(16,24,32,.16);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.95), rgba(247,241,230,.88)),
        radial-gradient(circle at 20% 10%, rgba(16,87,255,.15), transparent 20rem);
    box-shadow: var(--ssx-shadow);
    padding: clamp(22px, 3vw, 34px);
}
.ssx-dossier:after,
.ssx-map-card:after,
.ssx-intake-card:after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -80px;
    bottom: -80px;
    border-radius: 999px;
    background: rgba(16,87,255,.12);
}
.ssx-dossier-top,
.ssx-dossier-footer,
.ssx-route-line,
.ssx-map-card div,
.ssx-intake-card li {
    position: relative;
    z-index: 1;
}
.ssx-dossier-top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 26px;
    color: var(--ssx-muted);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.ssx-route-line {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 4px 14px;
    padding: 18px 0;
    border-top: 1px solid rgba(16,24,32,.12);
}
.ssx-route-line span {
    grid-row: span 2;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--ssx-ink);
    color: #fff;
    font-weight: 900;
    font-size: 12px;
}
.ssx-route-line strong { font-size: 18px; }
.ssx-route-line p,
.ssx-dossier-footer p { margin: 4px 0 0 !important; color: var(--ssx-muted); line-height: 1.45; }
.ssx-dossier-footer {
    margin-top: 18px;
    padding: 18px;
    border-radius: 22px;
    background: var(--ssx-ink);
    color: #fff;
}
.ssx-dossier-footer p { color: rgba(255,255,255,.72) !important; }

.ssx-section { padding: clamp(64px, 8vw, 112px) 0 !important; }
.ssx-section--ivory { background: #fff8ec !important; }
.ssx-section--paper { background: #f4ecdf !important; }
.ssx-section--ink {
    background:
        radial-gradient(circle at 10% 0%, rgba(16,87,255,.24), transparent 32rem),
        linear-gradient(135deg, #101820 0%, #142536 100%) !important;
    color: #fff !important;
}
.ssx-section--ink .ssx-eyebrow,
.ssx-section--ink h2,
.ssx-section--ink h3,
.ssx-section--ink p { color: #fff !important; }
.ssx-section--ink .ssx-section-head > p,
.ssx-section--ink .ssx-proof-grid p,
.ssx-section--ink .ssx-offer-grid p { color: rgba(255,255,255,.72) !important; }
.ssx-section-head {
    max-width: 840px;
    margin-bottom: clamp(30px, 5vw, 54px);
}
.ssx-section-head--split {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(300px, .65fr);
    gap: 34px;
    max-width: none;
    align-items: end;
}
.ssx-section h2,
.ssx-final-card h2 {
    margin: 0 !important;
    font-size: clamp(42px, 5.8vw, 78px) !important;
    line-height: .9 !important;
    font-weight: 850 !important;
}
.ssx-section-head p,
.ssx-section p { color: #43505c; font-size: 17px; line-height: 1.58; }
.ssx-lane-board {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 18px;
}
.ssx-lane-card,
.ssx-offer-grid article,
.ssx-process-list article,
.ssx-form-side article {
    border: 1px solid rgba(16,24,32,.14);
    border-radius: 30px;
    background: rgba(255,255,255,.74);
    box-shadow: 0 18px 50px rgba(16,24,32,.08);
    padding: clamp(22px, 3vw, 32px);
}
.ssx-lane-card--large { grid-row: span 2; min-height: 420px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(145deg, #fff, #eef5ff); }
.ssx-lane-card--ink { background: var(--ssx-ink); color: #fff; }
.ssx-lane-card--ink h3,
.ssx-lane-card--ink p { color: #fff !important; }
.ssx-lane-card span,
.ssx-offer-grid span,
.ssx-proof-grid span,
.ssx-process-list span,
.ssx-form-side span,
.ssx-mini-label {
    color: var(--ssx-blue-2);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.ssx-lane-card--ink span { color: #9cc2ff; }
.ssx-lane-card h3,
.ssx-offer-grid h3,
.ssx-process-list h3,
.ssx-form-side h3,
.ssx-proof-grid h3 {
    margin: 12px 0 10px !important;
    color: var(--ssx-ink) !important;
    font-size: clamp(22px, 2.4vw, 32px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
}
.ssx-lane-card p,
.ssx-offer-grid p,
.ssx-process-list p,
.ssx-form-side p { margin: 0 0 20px !important; }
.ssx-lane-card a,
.ssx-offer-grid a,
.ssx-reference-links a {
    color: var(--ssx-blue-2) !important;
    font-weight: 950;
    text-decoration: none !important;
}
.ssx-lane-card--ink a { color: #fff !important; }
.ssx-offer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.ssx-offer-grid--dark article { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); box-shadow: none; }
.ssx-offer-grid--dark h3,
.ssx-offer-grid--dark a { color: #fff !important; }
.ssx-proof-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.ssx-proof-grid--light { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ssx-proof-grid article {
    overflow: hidden;
    border-radius: 30px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.16);
}
.ssx-proof-grid--light article { background: #fff; border-color: rgba(16,24,32,.14); box-shadow: 0 20px 60px rgba(16,24,32,.1); }
.ssx-proof-grid img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
    background: #dfe7f0;
}
.ssx-proof-grid div { padding: 22px; }
.ssx-stat-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}
.ssx-stat-row p {
    margin: 0 !important;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 22px;
    background: rgba(255,255,255,.08);
}
.ssx-stat-row strong { display: block; color: #fff; font-size: 28px; line-height: 1; }
.ssx-stat-row span { display: block; margin-top: 6px; color: rgba(255,255,255,.68); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.ssx-process-layout {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1fr);
    gap: clamp(26px, 5vw, 70px);
    align-items: start;
}
.ssx-process-list { display: grid; gap: 14px; }
.ssx-process-list article { display: grid; grid-template-columns: 52px 1fr; gap: 0 18px; align-items: start; }
.ssx-process-list span {
    grid-row: span 2;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--ssx-ink);
    color: #fff;
}
.ssx-process-list h3 { margin-top: 0 !important; }
.ssx-process-list p { margin-bottom: 0 !important; }
.ssx-final-cta { background: linear-gradient(135deg, #fff8ec, #e8f0ff) !important; }
.ssx-final-card {
    border: 1px solid rgba(16,24,32,.14);
    border-radius: 36px;
    background: #fff;
    box-shadow: var(--ssx-shadow);
    padding: clamp(28px, 6vw, 62px);
}

.ssx-contact-hero,
.ssx-case-hero { min-height: auto; padding-top: clamp(28px, 4.4vw, 54px) !important; padding-bottom: clamp(40px, 5vw, 70px) !important; }
.ssx-intake-card p,
.ssx-map-card > p { margin: 0 0 18px !important; color: var(--ssx-blue-2); font-size: 12px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.ssx-intake-card ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.ssx-intake-card li { display: grid; gap: 4px; padding: 16px; border-radius: 20px; background: rgba(255,255,255,.72); border: 1px solid rgba(16,24,32,.1); }
.ssx-intake-card strong { color: var(--ssx-ink); font-size: 18px; }
.ssx-intake-card span { color: var(--ssx-muted); line-height: 1.45; }
.ssx-map-card { display: grid; gap: 14px; }
.ssx-map-card div { padding: 18px; border-radius: 22px; background: rgba(255,255,255,.74); border: 1px solid rgba(16,24,32,.1); }
.ssx-map-card span { display: block; color: var(--ssx-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.ssx-map-card b { display: block; margin-top: 5px; font-size: 18px; line-height: 1.25; }
.ssx-form-section { background: #101820 !important; color: #fff !important; }
.ssx-form-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .62fr); gap: 24px; align-items: start; }
.ssx-form-panel {
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 34px !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: 0 30px 90px rgba(0,0,0,.24) !important;
    padding: clamp(22px, 4vw, 42px) !important;
}
.ssx-form-head h2 { color: #fff !important; font-size: clamp(34px, 4vw, 58px) !important; }
.ssx-form-head p,
.ssx-form-note { color: rgba(255,255,255,.72) !important; }
.ssx-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ssx-contact-grid .full { grid-column: 1 / -1; }
.ssx-contact-grid label {
    display: grid;
    gap: 8px;
    color: rgba(255,255,255,.86) !important;
    font-size: 13px;
    font-weight: 850;
}
.ssx-contact-grid input,
.ssx-contact-grid select,
.ssx-contact-grid textarea {
    width: 100%;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.96) !important;
    color: var(--ssx-ink) !important;
    min-height: 50px;
    padding: 13px 14px !important;
    font: inherit;
}
.ssx-contact-grid textarea { min-height: 150px; resize: vertical; }
.ssx-form-panel .contact-form-char-count { color: rgba(255,255,255,.62) !important; justify-self: end; font-size: 12px; }
.ssx-form-panel .ssx-submit,
.ssx-form-panel .button--primary {
    width: auto;
    min-height: 54px;
    border-radius: 999px !important;
    padding: 0 24px !important;
    background: linear-gradient(135deg, var(--ssx-blue), var(--ssx-blue-2)) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.5) !important;
    font-weight: 950 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}
.ssx-form-side { display: grid; gap: 14px; }
.ssx-form-side article { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); box-shadow: none; }
.ssx-form-side h3 { color: #fff !important; }
.ssx-form-side p { color: rgba(255,255,255,.7) !important; }
.ssx-reference-links { display: grid; gap: 10px; padding: 18px; border-radius: 24px; background: #fff; }
.ssx-reference-links a { color: var(--ssx-blue-2) !important; }
.ssx-selected-route { border: 1px solid rgba(255,255,255,.14); border-radius: 24px; padding: 16px; background: rgba(255,255,255,.08); }
.ssx-selected-route h3 { color: #fff !important; margin: 6px 0 !important; }
.ssx-selected-route p,
.ssx-selected-route dt,
.ssx-selected-route dd { color: rgba(255,255,255,.72) !important; }

@media (max-width: 980px) {
    .ssx-shell { width: min(100% - 32px, 760px); }
    .ssx-hero-grid,
    .ssx-contact-hero-grid,
    .ssx-section-head--split,
    .ssx-lane-board,
    .ssx-process-layout,
    .ssx-form-layout { grid-template-columns: 1fr; }
    .ssx-offer-grid,
    .ssx-proof-grid,
    .ssx-proof-grid--light { grid-template-columns: 1fr 1fr; }
    .ssx-lane-card--large { min-height: auto; }
    .ssx-hero h1 { font-size: clamp(48px, 12vw, 84px) !important; }
    .ssx-lead { font-size: 18px !important; }
}

@media (max-width: 680px) {
    .site-header__inner { min-height: 68px !important; }
    .ssx-shell { width: min(100% - 28px, 420px); }
    .ssx-hero { min-height: auto; padding: 24px 0 38px !important; }
    .ssx-contact-hero,
    .ssx-case-hero { padding-top: 24px !important; padding-bottom: 34px !important; }
    .ssx-hero-grid,
    .ssx-contact-hero-grid { gap: 20px; }
    .ssx-eyebrow { margin-bottom: 14px !important; font-size: 11px !important; letter-spacing: .18em !important; }
    .ssx-hero h1 { font-size: clamp(42px, 13.5vw, 56px) !important; line-height: .9 !important; letter-spacing: -.06em !important; }
    .ssx-lead { margin-top: 18px !important; font-size: 16px !important; line-height: 1.48 !important; }
    .ssx-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }
    .ssx-button,
    .ssx-premium a.ssx-button { width: 100%; min-height: 50px; padding: 0 16px !important; font-size: 12px !important; }
    .ssx-proof-strip { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 16px; }
    .ssx-proof-strip span { padding: 9px 12px; }
    .ssx-dossier,
    .ssx-intake-card,
    .ssx-map-card { border-radius: 26px; padding: 18px; box-shadow: 0 18px 50px rgba(16,24,32,.12); }
    .ssx-dossier-top { margin-bottom: 8px; }
    .ssx-route-line { padding: 12px 0; grid-template-columns: 34px 1fr; }
    .ssx-route-line span { width: 30px; height: 30px; font-size: 10px; }
    .ssx-route-line strong { font-size: 16px; }
    .ssx-route-line p { font-size: 13px !important; }
    .ssx-dossier-footer { display: none; }
    .ssx-section { padding: 54px 0 !important; }
    .ssx-section h2,
    .ssx-final-card h2 { font-size: clamp(36px, 11.2vw, 48px) !important; line-height: .93 !important; }
    .ssx-section-head { margin-bottom: 26px; }
    .ssx-section-head p,
    .ssx-section p { font-size: 15px; }
    .ssx-offer-grid,
    .ssx-proof-grid,
    .ssx-proof-grid--light,
    .ssx-stat-row { grid-template-columns: 1fr; }
    .ssx-lane-card,
    .ssx-offer-grid article,
    .ssx-process-list article,
    .ssx-form-side article { border-radius: 24px; padding: 20px; }
    .ssx-lane-card h3,
    .ssx-offer-grid h3,
    .ssx-process-list h3,
    .ssx-form-side h3,
    .ssx-proof-grid h3 { font-size: 22px !important; }
    .ssx-proof-grid img { height: 190px; }
    .ssx-process-list article { grid-template-columns: 42px 1fr; gap: 0 12px; }
    .ssx-process-list span { width: 38px; height: 38px; }
    .ssx-metric-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .ssx-metric-strip p { min-width: 0; padding: 12px 10px; border-radius: 18px; }
    .ssx-metric-strip strong { font-size: 24px; }
    .ssx-metric-strip span { font-size: 10px; }
    .ssx-contact-grid { grid-template-columns: 1fr; }
    .ssx-form-panel { border-radius: 26px !important; }
    .ssx-contact-grid textarea { min-height: 132px; }
    .ssx-final-card { border-radius: 28px; padding: 24px; }
}

/* v146 approval compression: keep the premium editorial home hero inside a tighter first screen. */
@media (min-width: 1100px) {
  .ssx-home-hero {
    min-height: 760px !important;
    padding-top: 26px !important;
  }

  .ssx-home-hero .ssx-hero-grid {
    transform: translateY(-38px);
  }
}

@media (max-width: 680px) {
  .ssx-home-hero {
    padding-top: 18px !important;
    padding-bottom: 30px !important;
  }

  .ssx-home-hero h1 {
    font-size: clamp(38px, 12.5vw, 52px) !important;
    letter-spacing: -0.065em !important;
  }

  .ssx-home-hero .ssx-dossier {
    display: none !important;
  }
}

/* v146 header micro-polish: decorative route labels must read as intentional, not washed out. */
@media (min-width: 1025px) {
  .site-nav::before,
  .site-header__actions::before {
    color: #435a7c !important;
    opacity: 1 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  }
}

/* v147 contact form micro-polish: form hints must remain readable and match the safe intake limits. */
.ssx-form-panel input::placeholder,
.ssx-form-panel textarea::placeholder {
  color: #5f6f84 !important;
  opacity: 1 !important;
  font-weight: 650 !important;
}

.ssx-form-panel .contact-form-char-count {
  color: rgba(255, 255, 255, 0.78) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

/* v148 visual composition polish: make desktop route cards feel intentionally designed, not empty. */
@media (min-width: 900px) {
  .ssx-lane-card--large {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
      radial-gradient(circle at 84% 18%, rgba(22, 97, 255, 0.12) 0 1px, transparent 2px),
      radial-gradient(circle at 18% 26%, rgba(22, 97, 255, 0.16) 0 7px, transparent 8px),
      linear-gradient(135deg, rgba(22, 97, 255, 0.08), transparent 44%),
      #ffffff !important;
  }

  .ssx-lane-card--large::before {
    content: "" !important;
    position: absolute !important;
    inset: 34px 34px auto 34px !important;
    height: 258px !important;
    border-radius: 26px !important;
    background:
      linear-gradient(90deg, rgba(22, 97, 255, 0.10) 1px, transparent 1px),
      linear-gradient(180deg, rgba(22, 97, 255, 0.10) 1px, transparent 1px),
      linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(235, 241, 255, 0.58)) !important;
    background-size: 44px 44px, 44px 44px, auto !important;
    border: 1px solid rgba(22, 97, 255, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    opacity: 0.92 !important;
    z-index: 0 !important;
  }

  .ssx-lane-card--large::after {
    content: "signal -> owner -> proof" !important;
    position: absolute !important;
    top: 72px !important;
    left: 70px !important;
    max-width: 250px !important;
    padding: 9px 12px !important;
    border-radius: 999px !important;
    background: rgba(7, 17, 29, 0.88) !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    z-index: 1 !important;
  }

  .ssx-lane-card--large > * {
    position: relative !important;
    z-index: 2 !important;
  }
}

/* v149 readability polish: secondary copy must feel premium-readable, not washed out. */
main.ssx-premium .ssx-dossier-top p {
  color: #255ec8 !important;
  font-weight: 920 !important;
}

main.ssx-premium .ssx-route-line p,
main.ssx-premium .ssx-section-head > p:last-child,
main.ssx-premium .ssx-lane-card:not(.ssx-lane-card--ink) > p,
main.ssx-premium .ssx-offer-grid p,
main.ssx-premium .ssx-process-list p {
  color: #536579 !important;
  font-weight: 450 !important;
}

main.ssx-premium .ssx-lane-card--ink p,
main.ssx-premium .ssx-proof-stack p,
main.ssx-premium .ssx-buying-map p {
  color: rgba(255, 255, 255, 0.76) !important;
  font-weight: 430 !important;
}
/* v150: reference-driven premium proof, hero density, and CTA contrast hardening */
.pvr-button.pvr-button--primary,
.pvr-button.pvr-button--primary:visited,
main.ssx-premium .pvr-button.pvr-button--primary,
main.ssx-premium .pvr-button.pvr-button--primary:visited {
  background: linear-gradient(135deg, #0738d9 0%, #075fff 56%, #0b2b8f 100%) !important;
  border-color: rgba(255, 255, 255, .34) !important;
  box-shadow: 0 18px 42px rgba(7, 63, 210, .28), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .22);
}

.pvr-button.pvr-button--primary:hover,
.pvr-button.pvr-button--primary:focus-visible {
  background: linear-gradient(135deg, #061f87 0%, #064cf0 58%, #051a63 100%) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

main.ssx-premium .ssx-home-hero {
  position: relative;
  isolation: isolate;
}

main.ssx-premium .ssx-home-hero::before {
  background:
    radial-gradient(circle at 17% 24%, rgba(7, 95, 255, .18), transparent 22rem),
    radial-gradient(circle at 88% 76%, rgba(10, 17, 30, .13), transparent 24rem),
    linear-gradient(120deg, rgba(255, 255, 255, .9), rgba(249, 243, 230, .72));
  content: "";
  inset: 0;
  opacity: .78;
  pointer-events: none;
  position: absolute;
  z-index: -2;
}

main.ssx-premium .ssx-home-hero::after {
  background:
    linear-gradient(90deg, rgba(7, 95, 255, .18) 1px, transparent 1px),
    linear-gradient(180deg, rgba(7, 95, 255, .12) 1px, transparent 1px);
  background-size: 5.25rem 5.25rem;
  content: "";
  inset: 0;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .74) 44%, transparent 100%);
  opacity: .34;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

main.ssx-premium .ssx-proof-strip {
  align-items: stretch;
  display: grid;
  gap: .7rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(1.35rem, 2vw, 2rem);
  max-width: 46rem;
}

main.ssx-premium .ssx-proof-strip span {
  align-items: center;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(10, 17, 30, .12);
  border-radius: 999px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
  color: #0b1220;
  display: inline-flex;
  font-size: .78rem;
  font-weight: 900;
  gap: .45rem;
  justify-content: center;
  letter-spacing: -.01em;
  min-height: 2.65rem;
  padding: .72rem .9rem;
  text-align: center;
}

main.ssx-premium .ssx-proof-strip span::before {
  background: #075fff;
  border-radius: 999px;
  box-shadow: 0 0 0 .32rem rgba(7, 95, 255, .13);
  content: "";
  flex: 0 0 .52rem;
  height: .52rem;
  width: .52rem;
}

main.ssx-premium .ssx-hero-copy::after {
  align-items: center;
  background: #0b121f;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 1.35rem;
  box-shadow: 0 24px 60px rgba(10, 17, 30, .18);
  color: rgba(255, 255, 255, .94);
  content: "100% Upwork Job Success   /   4.9 public rating   /   24 completed jobs   /   189h tracked delivery";
  display: flex;
  font-size: clamp(.78rem, 1.05vw, .92rem);
  font-weight: 850;
  letter-spacing: .02em;
  line-height: 1.45;
  margin-top: clamp(1.15rem, 2vw, 1.7rem);
  max-width: 43rem;
  padding: 1rem 1.15rem;
}

main.ssx-premium .ssx-dossier {
  box-shadow:
    0 30px 80px rgba(10, 17, 30, .17),
    0 1px 0 rgba(255, 255, 255, .9) inset;
}

main.ssx-premium .ssx-dossier::after {
  background: linear-gradient(135deg, rgba(7, 95, 255, .12), rgba(255, 255, 255, .86));
  border: 1px solid rgba(7, 95, 255, .16);
  border-radius: 999px;
  bottom: 1.35rem;
  color: #0738d9;
  content: "Proof-first scope / production-safe release";
  font-size: .72rem;
  font-weight: 950;
  left: 1.35rem;
  letter-spacing: .08em;
  padding: .58rem .78rem;
  position: absolute;
  right: 1.35rem;
  text-align: center;
  text-transform: uppercase;
}

main.ssx-premium .ssx-dossier-footer {
  margin-bottom: 3.25rem;
}

main.ssx-premium .ssx-stat-row {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)),
    radial-gradient(circle at 9% 18%, rgba(7, 95, 255, .28), transparent 20rem);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: clamp(1.4rem, 3vw, 2.4rem);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .1);
  gap: 0;
  overflow: hidden;
}

main.ssx-premium .ssx-stat-row p {
  align-items: flex-start;
  border-right: 1px solid rgba(255, 255, 255, .12);
  display: flex;
  flex-direction: column;
  font-size: clamp(1.75rem, 5vw, 4rem);
  font-weight: 950;
  justify-content: center;
  letter-spacing: -.06em;
  min-height: 9rem;
  padding: clamp(1.1rem, 2.4vw, 2rem);
}

main.ssx-premium .ssx-stat-row p:last-child {
  border-right: 0;
}

main.ssx-premium .ssx-stat-row span {
  color: rgba(255, 255, 255, .62);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .12em;
  margin-top: .4rem;
  text-transform: uppercase;
}

@media (min-width: 900px) {
  main.ssx-premium .ssx-home-hero {
    min-height: auto;
    padding-bottom: clamp(4.4rem, 6vw, 6.8rem);
    padding-top: clamp(4.8rem, 7vw, 7.4rem);
  }

  main.ssx-premium .ssx-hero-grid {
    align-items: center;
    min-height: clamp(34rem, 55vw, 42rem);
  }
}

@media (max-width: 899px) {
  main.ssx-premium .ssx-proof-strip {
    grid-template-columns: 1fr;
    margin-top: 1.15rem;
  }

  main.ssx-premium .ssx-proof-strip span {
    justify-content: flex-start;
    min-height: 2.45rem;
    padding-inline: .9rem;
    text-align: left;
  }

  main.ssx-premium .ssx-hero-copy::after {
    border-radius: 1rem;
    content: "100% Job Success / 4.9 rating / 24 jobs / 189h delivery";
    font-size: .76rem;
    margin-top: 1rem;
    padding: .85rem .95rem;
  }

  main.ssx-premium .ssx-dossier::after {
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }

  main.ssx-premium .ssx-dossier-footer {
    margin-bottom: 3rem;
  }
}

@media (max-width: 560px) {
  main.ssx-premium .ssx-home-hero {
    padding-top: 2.2rem;
  }

  main.ssx-premium .ssx-hero-copy h1 {
    letter-spacing: -.075em;
  }

  main.ssx-premium .ssx-actions {
    gap: .7rem;
  }

  main.ssx-premium .ssx-actions .ssx-button {
    min-height: 3.05rem;
    width: 100%;
  }

  main.ssx-premium .ssx-stat-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  main.ssx-premium .ssx-stat-row p {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    font-size: clamp(1.65rem, 11vw, 2.55rem);
    min-height: 7.2rem;
    padding: 1rem;
  }

  main.ssx-premium .ssx-stat-row p:nth-child(2n) {
    border-right: 0;
  }

  main.ssx-premium .ssx-stat-row p:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

/* v151 - tablet and large-screen premium composition polish */
@media (min-width: 700px) and (max-width: 1099px) {
  main.ssx-premium .ssx-shell {
    width: min(calc(100% - 3rem), 104rem);
  }

  main.ssx-premium .ssx-hero {
    padding-top: clamp(6.25rem, 8vw, 7.5rem);
    padding-bottom: clamp(4.25rem, 6vw, 5.75rem);
  }

  main.ssx-premium .ssx-home-hero .ssx-hero-grid,
  main.ssx-premium .ssx-case-hero .ssx-hero-grid,
  main.ssx-premium .ssx-contact-hero .ssx-contact-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(28rem, .78fr);
    align-items: center;
    gap: clamp(1.5rem, 3.2vw, 2.5rem);
  }

  main.ssx-premium .ssx-contact-hero .ssx-contact-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(29rem, .86fr);
  }

  main.ssx-premium .ssx-hero-copy {
    max-width: none;
  }

  main.ssx-premium .ssx-hero-copy h1 {
    max-width: 10.25ch;
    font-size: clamp(4.7rem, 8.6vw, 6.25rem);
    line-height: .82;
    letter-spacing: -.068em;
  }

  main.ssx-premium .ssx-case-hero .ssx-hero-copy h1,
  main.ssx-premium .ssx-contact-hero .ssx-hero-copy h1 {
    max-width: 9.75ch;
  }

  main.ssx-premium .ssx-hero-copy .ssx-lead {
    max-width: 56rem;
  }

  main.ssx-premium .ssx-hero-copy .ssx-actions,
  main.ssx-premium .ssx-final-card .ssx-actions {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }

  main.ssx-premium .ssx-hero-copy .ssx-button,
  main.ssx-premium .ssx-final-card .ssx-button {
    width: auto;
    min-width: 14rem;
  }

  main.ssx-premium .ssx-dossier,
  main.ssx-premium .ssx-contact-hero-grid > :last-child,
  main.ssx-premium .ssx-case-hero .ssx-hero-grid > :last-child {
    transform: translateY(.35rem);
  }

  main.ssx-premium #systems-lanes .ssx-lane-board,
  main.ssx-premium #service-menu .ssx-offer-grid,
  main.ssx-premium #delivery-map .ssx-proof-grid--light,
  main.ssx-premium #buying-map .ssx-offer-grid--dark {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }

  main.ssx-premium #proof-hub .ssx-proof-grid,
  main.ssx-premium #proof-hub .ssx-stat-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
  }

  main.ssx-premium #proof-hub .ssx-stat-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  main.ssx-premium #process .ssx-process-layout,
  main.ssx-premium #project-atlas .ssx-process-layout {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(34rem, 1.18fr);
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: start;
  }

  main.ssx-premium #process .ssx-process-list,
  main.ssx-premium #project-atlas .ssx-process-list {
    margin-top: 0;
  }

  main.ssx-premium .ssx-form-section .ssx-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, .48fr);
    gap: clamp(1.4rem, 3vw, 2.25rem);
    align-items: start;
    padding: clamp(2rem, 4vw, 3rem);
  }

  main.ssx-premium .ssx-form-section .ssx-form-head,
  main.ssx-premium .ssx-form-section .ssx-contact-grid {
    grid-column: 1;
  }

  main.ssx-premium .ssx-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
  }

  main.ssx-premium .ssx-contact-grid .full {
    grid-column: 1 / -1;
  }

  main.ssx-premium .ssx-form-section .ssx-reference-links {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: stretch;
    display: grid;
    align-content: start;
    gap: 1rem;
    margin-top: 0;
  }
}

@media (min-width: 1100px) {
  main.ssx-premium .ssx-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  main.ssx-premium .ssx-contact-grid .full {
    grid-column: 1 / -1;
  }

  main.ssx-premium .ssx-form-section .ssx-form-layout {
    box-shadow: 0 3.6rem 8rem rgba(1, 11, 22, .32);
  }

  main.ssx-premium #delivery-map .ssx-proof-grid--light,
  main.ssx-premium #buying-map .ssx-offer-grid--dark {
    gap: 1.5rem;
  }
}

@media (min-width: 1600px) {
  main.ssx-premium .ssx-home-hero .ssx-hero-grid,
  main.ssx-premium .ssx-case-hero .ssx-hero-grid,
  main.ssx-premium .ssx-contact-hero .ssx-contact-hero-grid {
    max-width: 132rem;
  }

  main.ssx-premium .ssx-section {
    padding-top: clamp(7rem, 7vw, 10rem);
    padding-bottom: clamp(7rem, 7vw, 10rem);
  }
}

/* v151.1 - tablet cascade correction */
@media (min-width: 700px) and (max-width: 899px) {
  body .ssx-home-hero .ssx-hero-grid,
  body .ssx-case-hero .ssx-hero-grid,
  body .ssx-contact-hero .ssx-contact-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(24rem, .72fr) !important;
    align-items: center !important;
    gap: clamp(1.25rem, 3vw, 2rem) !important;
  }

  body .ssx-contact-hero .ssx-contact-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(24rem, .78fr) !important;
  }

  body .ssx-hero-copy h1 {
    font-size: clamp(4.25rem, 7.6vw, 5.7rem) !important;
    line-height: .84 !important;
    letter-spacing: -.064em !important;
  }

  body .ssx-hero-copy .ssx-actions,
  body .ssx-final-card .ssx-actions {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  body .ssx-hero-copy .ssx-button,
  body .ssx-final-card .ssx-button {
    width: auto !important;
    min-width: 13rem !important;
  }

  body .ssx-form-section .ssx-form-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.35rem !important;
  }

  body .ssx-form-section .ssx-form-head,
  body .ssx-form-section .ssx-contact-grid,
  body .ssx-form-section .ssx-reference-links {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body .ssx-contact-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.15rem !important;
  }

  body .ssx-contact-grid .full {
    grid-column: 1 / -1 !important;
  }
}

@media (min-width: 900px) and (max-width: 1099px) {
  body .ssx-home-hero .ssx-hero-grid,
  body .ssx-case-hero .ssx-hero-grid,
  body .ssx-contact-hero .ssx-contact-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(28rem, .78fr) !important;
    align-items: center !important;
    gap: clamp(1.5rem, 3vw, 2.5rem) !important;
  }

  body .ssx-form-section .ssx-form-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .38fr) !important;
    gap: clamp(1.5rem, 3vw, 2.25rem) !important;
  }

  body .ssx-contact-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.2rem !important;
  }

  body .ssx-contact-grid .full {
    grid-column: 1 / -1 !important;
  }
}

/* v152 premium production polish: stronger art direction, safer tablet rhythm, and micro-detail QA fixes. */
@media (max-width: 1180px) {
    body .site-header .site-header__actions {
        display: none !important;
    }

    body .site-header__inner {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body .site-header .nav-toggle {
        display: inline-flex !important;
    }
}

body .site-header {
    backdrop-filter: blur(22px) saturate(1.15);
    -webkit-backdrop-filter: blur(22px) saturate(1.15);
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 16px 44px rgba(15, 23, 42, .08);
}

body .brand {
    letter-spacing: .02em;
}

body .ssx-hero,
body .ssx-section {
    position: relative;
    isolation: isolate;
}

body .ssx-hero::before,
body .ssx-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(circle at 11% 16%, rgba(37, 99, 235, .13), transparent 26rem),
        radial-gradient(circle at 88% 18%, rgba(251, 191, 36, .16), transparent 29rem),
        linear-gradient(90deg, rgba(15, 23, 42, .045) 1px, transparent 1px),
        linear-gradient(180deg, rgba(15, 23, 42, .038) 1px, transparent 1px);
    background-size: auto, auto, 128px 128px, 128px 128px;
    opacity: .74;
}

body .ssx-hero::after {
    content: "";
    position: absolute;
    right: clamp(1rem, 6vw, 7rem);
    bottom: clamp(1rem, 6vw, 6rem);
    width: clamp(10rem, 22vw, 24rem);
    aspect-ratio: 1;
    z-index: -1;
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, .13), transparent 62%),
        radial-gradient(circle at 34% 34%, rgba(255, 255, 255, .86), transparent 45%);
    border: 1px solid rgba(37, 99, 235, .11);
    filter: blur(.2px);
    opacity: .78;
}

body .ssx-eyebrow,
body .ssx-kicker {
    letter-spacing: .18em;
    text-transform: uppercase;
}

body .ssx-hero h1,
body .ssx-section h2 {
    text-wrap: balance;
}

body .ssx-hero-copy p,
body .ssx-section p {
    text-wrap: pretty;
}

body .ssx-hero-grid > *,
body .ssx-contact-hero-grid > *,
body .ssx-lane-board > *,
body .ssx-offer-grid > *,
body .ssx-proof-grid > *,
body .ssx-process-list > *,
body .ssx-form-layout > * {
    box-shadow:
        0 26px 70px rgba(15, 23, 42, .09),
        inset 0 1px 0 rgba(255, 255, 255, .72);
}

body .ssx-lane-board > *,
body .ssx-offer-grid > *,
body .ssx-process-list > *,
body .ssx-proof-grid > * {
    border-color: rgba(15, 23, 42, .09);
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

@media (hover: hover) and (pointer: fine) {
    body .ssx-lane-board > *:hover,
    body .ssx-offer-grid > *:hover,
    body .ssx-process-list > *:hover,
    body .ssx-proof-grid > *:hover {
        transform: translateY(-3px);
        box-shadow:
            0 34px 86px rgba(15, 23, 42, .14),
            inset 0 1px 0 rgba(255, 255, 255, .82);
    }
}

body #systems-lanes .ssx-lane-card--large::before {
    content: "SIGNAL -> OWNER -> PROOF";
    display: grid;
    min-height: clamp(8.75rem, 18vw, 13rem);
    margin: 0 0 clamp(1.15rem, 3vw, 1.75rem);
    place-items: center;
    border-radius: clamp(1.25rem, 3vw, 1.85rem);
    color: rgba(15, 23, 42, .84);
    font-size: clamp(.68rem, 1.15vw, .82rem);
    font-weight: 900;
    letter-spacing: .16em;
    text-align: center;
    background:
        radial-gradient(circle at 18% 28%, rgba(37, 99, 235, .22) 0 .42rem, transparent .45rem),
        radial-gradient(circle at 51% 50%, rgba(15, 23, 42, .18) 0 .35rem, transparent .38rem),
        radial-gradient(circle at 82% 72%, rgba(37, 99, 235, .22) 0 .42rem, transparent .45rem),
        linear-gradient(90deg, transparent 18%, rgba(37, 99, 235, .26) 18% 82%, transparent 82%) 50% 50% / 78% 2px no-repeat,
        linear-gradient(180deg, rgba(37, 99, 235, .08), rgba(255, 255, 255, .68)),
        linear-gradient(90deg, rgba(37, 99, 235, .08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(37, 99, 235, .08) 1px, transparent 1px);
    background-size: auto, auto, auto, 78% 2px, auto, 46px 46px, 46px 46px;
    border: 1px solid rgba(37, 99, 235, .13);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
}

body .ssx-lane-board > *:nth-child(4) {
    background:
        radial-gradient(circle at 78% 12%, rgba(37, 99, 235, .22), transparent 12rem),
        linear-gradient(145deg, #08111d, #111d2a 58%, #07101b);
}

body .ssx-proof-grid img,
body .ssx-lane-board img {
    border-radius: clamp(1rem, 2.4vw, 1.55rem);
    filter: saturate(1.06) contrast(1.02);
}

body .ssx-stat-row > * {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)),
        rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .12);
}

body .pvr-button,
body .ssx-button,
body .ssx-hero-actions a,
body .ssx-final-actions a,
body #contact-form button[type="submit"] {
    position: relative;
    overflow: hidden;
    min-height: 3rem;
    letter-spacing: .035em;
}

body .pvr-button--primary,
body .ssx-button--primary,
body .ssx-hero-actions a:first-child,
body .ssx-final-actions a:first-child,
body #contact-form button[type="submit"] {
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(3, 7, 18, .28);
    background:
        linear-gradient(180deg, rgba(77, 132, 255, .22), transparent 45%),
        linear-gradient(135deg, #1d63ff, #0b4de2 62%, #083bb2) !important;
    box-shadow:
        0 16px 34px rgba(29, 99, 255, .31),
        inset 0 1px 0 rgba(255, 255, 255, .38);
}

body .pvr-button--primary::after,
body .ssx-button--primary::after,
body .ssx-hero-actions a:first-child::after,
body .ssx-final-actions a:first-child::after,
body #contact-form button[type="submit"]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 0 34%, rgba(255, 255, 255, .24) 46%, transparent 58% 100%);
    transform: translateX(-120%);
    transition: transform .7s ease;
}

@media (hover: hover) and (pointer: fine) {
    body .pvr-button--primary:hover::after,
    body .ssx-button--primary:hover::after,
    body .ssx-hero-actions a:first-child:hover::after,
    body .ssx-final-actions a:first-child:hover::after,
    body #contact-form button[type="submit"]:hover::after {
        transform: translateX(120%);
    }
}

body :is(a, button, input, select, textarea):focus-visible {
    outline: 3px solid rgba(37, 99, 235, .72) !important;
    outline-offset: 4px;
}

body #contact-form form {
    position: relative;
}

body #contact-form form::before {
    content: "";
    position: absolute;
    inset: .9rem .9rem auto auto;
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(37, 99, 235, .42) 0 .25rem, transparent .28rem),
        radial-gradient(circle, rgba(255, 255, 255, .16), transparent 70%);
    border: 1px solid rgba(255, 255, 255, .13);
    opacity: .72;
    pointer-events: none;
}

body #contact-form :is(input, select, textarea) {
    background: rgba(255, 255, 255, .96) !important;
    color: #0b1220 !important;
    border: 1px solid rgba(148, 163, 184, .42) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .9),
        0 10px 22px rgba(2, 6, 23, .08);
}

body #contact-form textarea {
    min-height: clamp(8.5rem, 18vw, 12rem);
}

body #contact-form label,
body #contact-form .field-counter,
body #contact-form .form-note {
    color: rgba(226, 232, 240, .82);
}

body #contact-form .ssx-contact-grid {
    gap: clamp(.95rem, 2.4vw, 1.35rem);
}

@media (min-width: 700px) and (max-width: 899px) {
    body .ssx-home-hero .ssx-hero-grid,
    body .ssx-case-hero .ssx-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(20rem, .58fr) !important;
        gap: clamp(1.25rem, 3vw, 1.75rem) !important;
    }

    body .ssx-contact-hero .ssx-contact-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(20rem, .62fr) !important;
        gap: clamp(1.25rem, 3vw, 1.75rem) !important;
    }

    body .ssx-hero h1 {
        font-size: clamp(3.75rem, 6.6vw, 5rem) !important;
        line-height: .86 !important;
        letter-spacing: -.075em;
    }

    body .ssx-hero-copy p {
        font-size: .98rem;
        line-height: 1.55;
    }

    body .ssx-proof-strip {
        display: flex !important;
        flex-wrap: wrap;
        gap: .55rem;
    }

    body .ssx-proof-strip > * {
        flex: 1 1 8.8rem;
        min-width: 0;
        padding: .52rem .68rem !important;
        font-size: .66rem !important;
        line-height: 1.2;
    }

    body .ssx-dossier,
    body .ssx-intake-card,
    body .ssx-contact-card {
        border-radius: 1.55rem !important;
        padding: clamp(1rem, 2.5vw, 1.35rem) !important;
    }

    body .ssx-dossier li,
    body .ssx-intake-card li {
        padding: .85rem !important;
    }

    body #systems-lanes .ssx-lane-board,
    body #service-menu .ssx-offer-grid,
    body #buying-map .ssx-offer-grid--dark,
    body #delivery-map .ssx-proof-grid--light {
        gap: 1rem !important;
    }

    body #proof-hub .ssx-stat-row {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body #proof-hub .ssx-stat-row > * {
        min-width: 0;
        padding: .92rem !important;
    }

    body #proof-hub .ssx-stat-row strong {
        font-size: clamp(1rem, 2.6vw, 1.32rem) !important;
    }

    body #contact-form .ssx-form-layout {
        grid-template-columns: 1fr !important;
        max-width: 45rem;
        margin-inline: auto;
    }
}

@media (max-width: 699px) {
    body .ssx-hero::after {
        width: 12rem;
        right: -4rem;
        bottom: 9rem;
        opacity: .46;
    }

    body #systems-lanes .ssx-lane-card--large::before {
        min-height: 8.25rem;
        font-size: .62rem;
    }

    body .ssx-hero-actions a,
    body .ssx-final-actions a,
    body #contact-form button[type="submit"] {
        width: 100%;
    }
}

/* v152.1 QA correction: primary submit must expose a solid computed background color, not only a gradient image. */
body #contact-form .ssx-submit,
body #contact-form .button--primary,
body #contact-form button[type="submit"] {
    color: #fff !important;
    background-color: #0b4de2 !important;
    background-image:
        linear-gradient(180deg, rgba(77, 132, 255, .24), transparent 45%),
        linear-gradient(135deg, #1d63ff, #0b4de2 62%, #083bb2) !important;
    border-color: rgba(255, 255, 255, .58) !important;
}

/* v152.2 tablet readability correction: process/atlas headings must not collapse into narrow newspaper strips. */
@media (min-width: 700px) and (max-width: 899px) {
    body #process .ssx-process-layout,
    body #project-atlas .ssx-process-layout {
        grid-template-columns: 1fr !important;
        gap: clamp(1.35rem, 3vw, 2rem) !important;
    }

    body #process .ssx-process-layout > *,
    body #project-atlas .ssx-process-layout > * {
        min-width: 0;
    }

    body #process .ssx-section-head,
    body #project-atlas .ssx-section-head {
        max-width: 44rem !important;
    }

    body #process .ssx-section-head h2,
    body #project-atlas .ssx-section-head h2 {
        max-width: 14ch;
    }

    body #process .ssx-process-list,
    body #project-atlas .ssx-process-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    body #process .ssx-process-list,
    body #project-atlas .ssx-process-list {
        grid-template-columns: 1fr !important;
    }
}

/* v153 production polish: remove tablet hero dead-zone and protect narrow mobile controls. */
@media (min-width: 700px) and (max-width: 899px) {
  body main .ssx-home-hero {
    min-height: auto !important;
    padding-top: clamp(5.25rem, 8vw, 6.25rem) !important;
    padding-bottom: clamp(3rem, 7vw, 4.25rem) !important;
  }

  body main .ssx-home-hero .ssx-hero-grid {
    align-items: start !important;
  }

  body main .ssx-home-hero .ssx-dossier {
    align-self: start !important;
  }
}

@media (max-width: 430px) {
  body #contact-form .ssx-contact-grid,
  body #contact-form .ssx-contact-grid > *,
  body #contact-form label {
    min-width: 0 !important;
  }

  body #contact-form :is(input, select, textarea) {
    width: 100% !important;
    max-width: 100% !important;
  }

  body #contact-form select {
    padding-right: 2.65rem !important;
    font-size: clamp(0.82rem, 3.6vw, 0.94rem) !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis;
  }
}

/* v154 premium hierarchy pass: reduce blue-pill repetition and turn route cards into designed artifacts. */
body .ssx-button--secondary {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 251, 255, 0.78)) !important;
  border: 1px solid rgba(9, 31, 61, 0.14) !important;
  color: #10223b !important;
  box-shadow: 0 0.55rem 1.2rem rgba(13, 28, 48, 0.08) !important;
}

body .ssx-button--secondary:hover,
body .ssx-button--secondary:focus-visible {
  background: #ffffff !important;
  border-color: rgba(11, 77, 226, 0.34) !important;
  color: #0b4de2 !important;
}

body .ssx-lane-card:not(.ssx-lane-card--ink) a,
body #service-menu a {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(11, 77, 226, 0.18) !important;
  color: #0a47cf !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 0.45rem 1rem rgba(20, 52, 94, 0.08) !important;
  letter-spacing: -0.01em;
}

body .ssx-lane-card:not(.ssx-lane-card--ink) a:hover,
body .ssx-lane-card:not(.ssx-lane-card--ink) a:focus-visible,
body #service-menu a:hover,
body #service-menu a:focus-visible {
  background: #0b4de2 !important;
  border-color: #0b4de2 !important;
  color: #ffffff !important;
  box-shadow: 0 0.75rem 1.55rem rgba(11, 77, 226, 0.22) !important;
}

body .ssx-lane-card--ink a {
  border: 1px solid rgba(154, 190, 255, 0.5) !important;
  box-shadow: 0 0.7rem 1.45rem rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

body .ssx-lane-card--large {
  position: relative !important;
  overflow: hidden !important;
}

body .ssx-lane-card--large::before {
  content: "SIGNAL  ->  OWNER  ->  PROOF" !important;
  min-height: clamp(8.8rem, 14vw, 13.5rem) !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 0 1.05rem !important;
  border: 1px solid rgba(11, 77, 226, 0.12) !important;
  border-radius: 1.25rem !important;
  background:
    radial-gradient(circle at 16% 52%, #0b4de2 0 0.38rem, transparent 0.43rem),
    radial-gradient(circle at 49% 34%, #071525 0 0.34rem, transparent 0.4rem),
    radial-gradient(circle at 84% 62%, #6ea0ff 0 0.4rem, transparent 0.46rem),
    linear-gradient(115deg, transparent 0 15%, rgba(11, 77, 226, 0.72) 15.4% 16%, transparent 16.4% 48%, rgba(7, 21, 37, 0.62) 48.4% 49%, transparent 49.4% 82%, rgba(11, 77, 226, 0.54) 82.4% 83%, transparent 83.4%),
    linear-gradient(90deg, rgba(11, 77, 226, 0.055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(11, 77, 226, 0.052) 1px, transparent 1px),
    radial-gradient(circle at 88% 10%, rgba(11, 77, 226, 0.12), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(242, 247, 255, 0.82)) !important;
  background-size: auto, auto, auto, auto, 1.05rem 1.05rem, 1.05rem 1.05rem, auto, auto !important;
  color: rgba(7, 21, 37, 0.62) !important;
  font-size: clamp(0.58rem, 1.1vw, 0.72rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body .ssx-lane-card--large::after {
  content: "route locked" !important;
  position: absolute !important;
  top: clamp(1rem, 2vw, 1.35rem) !important;
  left: clamp(1rem, 2vw, 1.35rem) !important;
  z-index: 1 !important;
  border: 1px solid rgba(7, 21, 37, 0.1) !important;
  border-radius: 999rem !important;
  background: rgba(255, 255, 255, 0.84) !important;
  color: rgba(7, 21, 37, 0.66) !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  padding: 0.38rem 0.55rem !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(0.7rem) !important;
}

@media (max-width: 430px) {
  body .ssx-button,
  body .button {
    min-height: 2.85rem;
  }

  body .ssx-lane-card--large::before {
    min-height: 7.5rem !important;
    font-size: 0.54rem !important;
    letter-spacing: 0.12em !important;
  }

  body .ssx-lane-card--large::after {
    top: 0.85rem !important;
    left: 0.85rem !important;
    font-size: 0.5rem !important;
  }

  body #ssat_scope {
    padding-right: 1.9rem !important;
    font-size: clamp(0.76rem, 3.15vw, 0.88rem) !important;
  }
}
/* v154.1: repair quiet CTA text rendering and tighten the smallest contact select */
body #service-menu a,
body #service-menu a:link,
body #service-menu a:visited,
body .ssx-lane-card:not(.ssx-lane-card--ink) a,
body .ssx-lane-card:not(.ssx-lane-card--ink) a:link,
body .ssx-lane-card:not(.ssx-lane-card--ink) a:visited {
  color: #0a47cf !important;
  -webkit-text-fill-color: #0a47cf !important;
  text-shadow: none !important;
}

body #service-menu a {
  font-size: clamp(0.72rem, 1.05vw, 0.82rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body #service-menu a:hover,
body #service-menu a:focus-visible,
body .ssx-lane-card:not(.ssx-lane-card--ink) a:hover,
body .ssx-lane-card:not(.ssx-lane-card--ink) a:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 430px) {
  body #service-menu a {
    min-width: 6.9rem !important;
    padding: 0.72rem 0.95rem !important;
    font-size: 0.72rem !important;
  }
}

@media (max-width: 360px) {
  body #ssat_scope {
    font-size: 0.68rem !important;
    letter-spacing: -0.035em !important;
    padding-left: 0.7rem !important;
    padding-right: 1.45rem !important;
  }
}

/* v155: mobile cadence polish - reduce vertical debt without changing content */
@media (max-width: 430px) {
  body .ssx-case-hero,
  body .ssx-contact-hero {
    min-height: auto !important;
    padding-top: clamp(4.35rem, 17vw, 5.1rem) !important;
    padding-bottom: clamp(1.7rem, 8vw, 2.25rem) !important;
  }

  body .ssx-case-hero .ssx-hero-grid,
  body .ssx-contact-hero .ssx-contact-hero-grid {
    gap: clamp(1rem, 5vw, 1.35rem) !important;
  }

  body .ssx-case-hero .ssx-map-card,
  body .ssx-contact-hero .ssx-intake-card {
    margin-top: 0 !important;
    padding: clamp(0.82rem, 4.5vw, 1.05rem) !important;
    border-radius: 1.28rem !important;
  }

  body .ssx-case-hero .ssx-map-card > *,
  body .ssx-contact-hero .ssx-intake-card > * {
    padding: clamp(0.74rem, 4vw, 0.94rem) !important;
    border-radius: 1rem !important;
  }

  body .ssx-case-hero .ssx-metric-strip {
    gap: 0.36rem !important;
    margin-top: 0.74rem !important;
  }

  body .ssx-case-hero .ssx-metric-strip > * {
    min-width: 0 !important;
    padding: 0.58rem 0.38rem !important;
    border-radius: 0.72rem !important;
  }

  body .ssx-case-hero .ssx-metric-strip strong,
  body .ssx-case-hero .ssx-metric-strip b {
    font-size: clamp(0.98rem, 5vw, 1.16rem) !important;
    line-height: 0.9 !important;
  }

  body .ssx-case-hero .ssx-metric-strip span,
  body .ssx-case-hero .ssx-metric-strip small {
    font-size: clamp(0.46rem, 2.25vw, 0.56rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0.035em !important;
  }

  body .ssx-final-cta .ssx-actions,
  body .ssx-final-cta .ssx-actions .button,
  body .ssx-final-cta .ssx-actions .ssx-button {
    width: 100% !important;
  }

  body .ssx-final-cta .ssx-actions {
    gap: 0.58rem !important;
  }

  body .ssx-final-cta .ssx-actions .button,
  body .ssx-final-cta .ssx-actions .ssx-button {
    justify-content: center !important;
    min-height: 2.8rem !important;
  }
}

/* v156: home mobile premium cadence - reduce repeated vertical card stacks */
@media (max-width: 430px) {
  body .ssx-offer-grid:not(.ssx-offer-grid--dark) {
    gap: 0.74rem !important;
  }

  body .ssx-offer-grid:not(.ssx-offer-grid--dark) > * {
    padding: clamp(0.92rem, 4.7vw, 1.12rem) !important;
    border-radius: 1.05rem !important;
    min-height: 0 !important;
  }

  body .ssx-offer-grid:not(.ssx-offer-grid--dark) h3 {
    font-size: clamp(0.98rem, 5.15vw, 1.12rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.035em !important;
  }

  body .ssx-offer-grid:not(.ssx-offer-grid--dark) p {
    margin-top: 0.4rem !important;
    font-size: clamp(0.72rem, 3.45vw, 0.82rem) !important;
    line-height: 1.32 !important;
  }

  body .ssx-section--ink .ssx-proof-grid:not(.ssx-proof-grid--light) {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(14.4rem, 78vw) !important;
    grid-template-columns: none !important;
    gap: 0.78rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 0.12rem max(1rem, calc((100vw - 22rem) / 2)) 0.42rem 0 !important;
  }

  body .ssx-section--ink .ssx-proof-grid:not(.ssx-proof-grid--light)::-webkit-scrollbar {
    display: none !important;
  }

  body .ssx-section--ink .ssx-proof-grid:not(.ssx-proof-grid--light) > * {
    scroll-snap-align: start !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  body .ssx-section--ink .ssx-proof-grid:not(.ssx-proof-grid--light) img,
  body .ssx-section--ink .ssx-proof-grid:not(.ssx-proof-grid--light) picture {
    max-height: 9.4rem !important;
    object-fit: cover !important;
  }

  body .ssx-section--ink .ssx-stat-row {
    gap: 0.46rem !important;
    margin-top: 0.9rem !important;
  }

  body .ssx-section--ink .ssx-stat-row > * {
    padding: 0.78rem 0.62rem !important;
    min-height: 4.25rem !important;
  }
}

@media (min-width: 370px) and (max-width: 430px) {
  body .ssx-offer-grid:not(.ssx-offer-grid--dark) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .ssx-offer-grid:not(.ssx-offer-grid--dark) a {
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 0.62rem !important;
    padding-right: 0.62rem !important;
  }
}
/* v157 - premium art direction overlay: stronger systems/atlas visual language */
.ssx-home-hero {
  --v157-ink: #101820;
  --v157-blue: #0f5cff;
  --v157-blue-deep: #0539b7;
  --v157-cream: #fff7e8;
  --v157-line: rgba(18, 28, 40, 0.1);
  isolation: isolate;
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 8% 18%, rgba(27, 104, 255, 0.22), transparent 25rem),
    radial-gradient(circle at 82% 72%, rgba(224, 176, 86, 0.27), transparent 27rem),
    linear-gradient(118deg, #f7f9f5 0%, #eaf2ff 44%, #fff5e4 100%);
}

.ssx-home-hero::before,
.ssx-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ssx-home-hero::before {
  z-index: -2;
  opacity: 0.72;
  background-image:
    linear-gradient(var(--v157-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--v157-line) 1px, transparent 1px),
    radial-gradient(circle at 19% 23%, transparent 0 7.5rem, rgba(15, 92, 255, 0.18) 7.58rem 7.66rem, transparent 7.74rem),
    radial-gradient(circle at 71% 69%, transparent 0 9.4rem, rgba(10, 20, 32, 0.13) 9.48rem 9.56rem, transparent 9.64rem);
  background-size: 4.6rem 4.6rem, 4.6rem 4.6rem, auto, auto;
  mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.72) 52%, transparent 100%);
}

.ssx-home-hero::after {
  z-index: -1;
  inset: 6.2rem max(1rem, 5vw) auto auto;
  width: clamp(15rem, 28vw, 28rem);
  height: clamp(15rem, 28vw, 28rem);
  border: 1px solid rgba(15, 92, 255, 0.16);
  border-radius: 999px;
  background:
    conic-gradient(from 225deg, rgba(15, 92, 255, 0.2), transparent 22%, rgba(11, 21, 34, 0.16), transparent 58%, rgba(219, 168, 70, 0.22), transparent 76%),
    radial-gradient(circle, rgba(255, 255, 255, 0.76), transparent 62%);
  box-shadow: 0 2.5rem 6rem rgba(15, 92, 255, 0.14);
  transform: rotate(-8deg);
}

.ssx-home-hero .ssx-shell {
  position: relative;
  z-index: 1;
}

.ssx-home-hero .ssx-hero-copy {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.68);
  background:
    linear-gradient(140deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.38)),
    linear-gradient(180deg, rgba(15, 92, 255, 0.08), transparent 34%);
  box-shadow:
    0 2.2rem 5.5rem rgba(16, 24, 32, 0.13),
    inset 0 1px rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
}

.ssx-home-hero .ssx-eyebrow {
  width: fit-content;
  border: 1px solid rgba(15, 92, 255, 0.2);
  border-radius: 999px;
  padding: 0.42rem 0.76rem;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 0.9rem 2rem rgba(15, 92, 255, 0.1);
}

.ssx-home-hero h1 {
  letter-spacing: -0.078em;
  text-wrap: balance;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.38);
}

.ssx-home-hero .ssx-lead {
  max-width: 44rem;
  color: rgba(31, 48, 66, 0.94);
}

.ssx-home-hero .ssx-button {
  min-height: 3.05rem;
  box-shadow: 0 1rem 2.2rem rgba(15, 92, 255, 0.16);
}

.ssx-home-hero .ssx-button--primary {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background:
    linear-gradient(135deg, var(--v157-blue), var(--v157-blue-deep));
}

.ssx-home-hero .ssx-button--secondary {
  color: #fff;
  -webkit-text-fill-color: #fff;
  border-color: rgba(3, 56, 174, 0.24);
  background:
    linear-gradient(135deg, #0872f2, #0054d8);
}

.ssx-home-hero .ssx-proof-strip {
  border-color: rgba(15, 92, 255, 0.16);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.56));
  box-shadow: 0 1rem 2.8rem rgba(15, 92, 255, 0.08);
}

.ssx-home-hero .ssx-dossier {
  color: #f7fbff;
  border-color: rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 17% 8%, rgba(38, 111, 255, 0.45), transparent 18rem),
    linear-gradient(150deg, rgba(10, 18, 29, 0.98), rgba(20, 32, 47, 0.95) 52%, rgba(6, 14, 23, 0.98));
  box-shadow:
    0 2.8rem 6rem rgba(8, 16, 26, 0.3),
    inset 0 1px rgba(255, 255, 255, 0.13);
}

.ssx-home-hero .ssx-dossier p,
.ssx-home-hero .ssx-dossier li,
.ssx-home-hero .ssx-dossier span {
  color: rgba(234, 242, 251, 0.78);
}

.ssx-home-hero .ssx-dossier strong,
.ssx-home-hero .ssx-dossier h2,
.ssx-home-hero .ssx-dossier h3,
.ssx-home-hero .ssx-dossier-top p:first-child {
  color: #fff;
}

.ssx-home-hero .ssx-route-line {
  border-color: rgba(255, 255, 255, 0.11);
}

.ssx-home-hero .ssx-route-line > *:first-child {
  box-shadow: 0 0 0 0.38rem rgba(255, 255, 255, 0.06);
}

.ssx-home-hero .ssx-dossier-footer {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.06));
  box-shadow: none;
}

.ssx-section--paper,
.ssx-section--ivory {
  position: relative;
  overflow: hidden;
}

.ssx-section--paper::before,
.ssx-section--ivory::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 88% 18%, rgba(15, 92, 255, 0.08), transparent 24rem),
    linear-gradient(90deg, rgba(15, 92, 255, 0.045) 1px, transparent 1px);
  background-size: auto, 5.25rem 5.25rem;
  opacity: 0.55;
  mask-image: linear-gradient(180deg, #000, transparent 82%);
}

.ssx-section--paper > *,
.ssx-section--ivory > * {
  position: relative;
  z-index: 1;
}

.ssx-section--ink {
  position: relative;
  overflow: hidden;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(42, 114, 255, 0.24), transparent 24rem),
    radial-gradient(circle at 86% 70%, rgba(228, 177, 87, 0.15), transparent 24rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: auto, auto, 4.5rem 4.5rem;
}

@media (max-width: 430px) {
  .ssx-home-hero {
    background:
      radial-gradient(circle at 0% 8%, rgba(17, 104, 255, 0.22), transparent 17rem),
      radial-gradient(circle at 110% 72%, rgba(219, 166, 70, 0.26), transparent 18rem),
      linear-gradient(155deg, #f8faf7 0%, #edf4ff 48%, #fff4df 100%);
  }

  .ssx-home-hero::before {
    opacity: 0.58;
    background-size: 3.35rem 3.35rem, 3.35rem 3.35rem, auto, auto;
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.62) 68%, transparent 100%);
  }

  .ssx-home-hero::after {
    inset: 5.5rem -7.2rem auto auto;
    width: 17rem;
    height: 17rem;
    opacity: 0.72;
  }

  .ssx-home-hero .ssx-hero-copy {
    padding: 1rem;
    border-radius: 1.8rem;
  }

  .ssx-home-hero .ssx-eyebrow {
    max-width: 100%;
    padding: 0.38rem 0.62rem;
    font-size: 0.68rem;
  }

  .ssx-home-hero h1 {
    font-size: clamp(2.8rem, 13.6vw, 4.25rem);
    line-height: 0.9;
    letter-spacing: -0.075em;
  }

  .ssx-home-hero .ssx-lead {
    font-size: 1rem;
    line-height: 1.47;
  }

  .ssx-home-hero .ssx-actions {
    gap: 0.6rem;
  }

  .ssx-home-hero .ssx-button {
    min-height: 3.12rem;
    border-radius: 1.2rem;
  }

  .ssx-home-hero .ssx-proof-strip {
    gap: 0.58rem;
  }
}

/* v157.1 - dossier legibility and decorative badge correction */
.ssx-home-hero .ssx-dossier {
  position: relative;
}

.ssx-home-hero .ssx-dossier > * {
  position: relative;
  z-index: 1;
}

.ssx-home-hero .ssx-dossier p,
.ssx-home-hero .ssx-dossier li,
.ssx-home-hero .ssx-dossier span {
  color: rgba(246, 250, 255, 0.84);
}

.ssx-home-hero .ssx-route-line p {
  color: rgba(231, 239, 249, 0.78);
}

.ssx-home-hero .ssx-dossier-footer p {
  color: rgba(255, 255, 255, 0.82);
}

.ssx-home-hero .ssx-dossier::after {
  content: "PROOF-FIRST / SAFE RELEASE";
  z-index: 0;
  top: auto;
  right: 1.8rem;
  bottom: 1.45rem;
  left: auto;
  width: auto;
  height: auto;
  max-width: 11.5rem;
  padding: 0.54rem 0.7rem;
  border: 1px solid rgba(137, 184, 255, 0.28);
  border-radius: 999px;
  color: rgba(229, 240, 255, 0.9);
  font-size: 0.62rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.14em;
  text-align: center;
  background: rgba(13, 78, 190, 0.26);
  box-shadow: 0 0.9rem 2.2rem rgba(0, 0, 0, 0.18);
  transform: none;
}

.ssx-home-hero .ssx-dossier-footer {
  padding-right: clamp(1.1rem, 9vw, 11rem);
}

@media (max-width: 760px) {
  .ssx-home-hero .ssx-dossier::after {
    right: 1.1rem;
    bottom: 1rem;
    max-width: 9rem;
    font-size: 0.56rem;
  }

  .ssx-home-hero .ssx-dossier-footer {
    padding-right: 1rem;
    padding-bottom: 3.4rem;
  }
}

/* v157.2 - force high-clarity dossier microcopy and badge text */
.ssx-home-hero .ssx-dossier .ssx-route-line p,
.ssx-home-hero .ssx-dossier .ssx-route-line span,
.ssx-home-hero .ssx-dossier .ssx-dossier-footer p {
  opacity: 1;
  color: rgba(242, 247, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(242, 247, 255, 0.84);
}

.ssx-home-hero .ssx-dossier::after {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: linear-gradient(135deg, #1263ff, #073cae);
  border-color: rgba(255, 255, 255, 0.24);
  text-shadow: none;
}

/* v158 - below-fold premium artifact system: routes, packages, proof, and process */
main > section:nth-of-type(2).ssx-section--ivory {
  background:
    radial-gradient(circle at 9% 16%, rgba(35, 109, 255, .12), transparent 28rem),
    linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(244, 248, 253, .92) 44%, rgba(237, 243, 250, .82)),
    repeating-linear-gradient(90deg, rgba(22, 49, 89, .045) 0 1px, transparent 1px 46px);
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(18, 45, 84, .13);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(247, 250, 255, .84)),
    radial-gradient(circle at 0 0, rgba(26, 97, 255, .12), transparent 18rem);
  box-shadow: 0 24px 60px rgba(18, 40, 72, .10), inset 0 1px 0 rgba(255, 255, 255, .92);
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #1f6fff, #00a6d6 48%, #0e2748);
  opacity: .92;
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card > * {
  position: relative;
  z-index: 1;
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink {
  color: #f8fbff;
  border-color: rgba(122, 170, 255, .38);
  background:
    radial-gradient(circle at 82% 10%, rgba(73, 139, 255, .42), transparent 16rem),
    radial-gradient(circle at 14% 110%, rgba(0, 173, 215, .24), transparent 16rem),
    linear-gradient(145deg, #061427 0%, #0a1d36 47%, #08111f 100%) !important;
  box-shadow: 0 30px 80px rgba(4, 13, 28, .34), inset 0 1px 0 rgba(255, 255, 255, .12);
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink h2,
main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink h3,
main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink h4,
main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink p,
main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink li,
main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink span {
  color: rgba(248, 251, 255, .92) !important;
  -webkit-text-fill-color: rgba(248, 251, 255, .92) !important;
  opacity: 1 !important;
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink h2,
main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink h3,
main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 18px rgba(83, 151, 255, .16);
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink .ssx-button,
main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--ink a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255, 255, 255, .34);
}

main > section:nth-of-type(3).ssx-section--paper {
  background:
    radial-gradient(circle at 82% 7%, rgba(12, 101, 255, .13), transparent 27rem),
    linear-gradient(180deg, rgba(251, 247, 238, .96), rgba(243, 247, 252, .98) 58%, rgba(238, 244, 251, .94));
}

main > section:nth-of-type(3).ssx-section--paper article {
  --ssx-pack-accent: #1f6fff;
  --ssx-pack-ink: #09213f;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(17, 45, 84, .12);
  background:
    linear-gradient(150deg, rgba(255, 255, 255, .98), rgba(247, 250, 255, .82)),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ssx-pack-accent) 20%, transparent), transparent 13rem);
  box-shadow: 0 24px 58px rgba(18, 45, 84, .105), inset 0 1px 0 rgba(255, 255, 255, .92);
}

main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(2) { --ssx-pack-accent: #00a6d6; }
main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(3) { --ssx-pack-accent: #0e8f70; }
main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(4) { --ssx-pack-accent: #d4861f; }
main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(5) { --ssx-pack-accent: #294fc7; }
main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(6) { --ssx-pack-accent: #0e2748; }

main > section:nth-of-type(3).ssx-section--paper article::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, var(--ssx-pack-accent), rgba(255, 255, 255, .12));
  z-index: 0;
}

main > section:nth-of-type(3).ssx-section--paper article::after {
  position: absolute;
  top: .62rem;
  right: .9rem;
  z-index: 0;
  color: color-mix(in srgb, var(--ssx-pack-accent) 16%, transparent);
  font-size: clamp(2.8rem, 7vw, 5.8rem);
  font-weight: 800;
  letter-spacing: -.08em;
  line-height: .8;
  pointer-events: none;
}

main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(1)::after { content: "01"; }
main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(2)::after { content: "02"; }
main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(3)::after { content: "03"; }
main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(4)::after { content: "04"; }
main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(5)::after { content: "05"; }
main > section:nth-of-type(3).ssx-section--paper article:nth-of-type(6)::after { content: "06"; }

main > section:nth-of-type(3).ssx-section--paper article > * {
  position: relative;
  z-index: 1;
}

main > section:nth-of-type(3).ssx-section--paper article h3,
main > section:nth-of-type(3).ssx-section--paper article h4 {
  color: var(--ssx-pack-ink);
  -webkit-text-fill-color: var(--ssx-pack-ink);
}

main > section:nth-of-type(3).ssx-section--paper article p,
main > section:nth-of-type(3).ssx-section--paper article li {
  color: rgba(9, 33, 63, .76);
  -webkit-text-fill-color: rgba(9, 33, 63, .76);
}

main > section:nth-of-type(3).ssx-section--paper article a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 32px color-mix(in srgb, var(--ssx-pack-accent) 24%, transparent);
}

main > section:nth-of-type(4).ssx-section--ink {
  background:
    radial-gradient(circle at 18% 0, rgba(31, 111, 255, .20), transparent 28rem),
    radial-gradient(circle at 100% 22%, rgba(0, 166, 214, .12), transparent 24rem),
    linear-gradient(145deg, #050d18 0%, #07172a 48%, #040914 100%);
}

main > section:nth-of-type(4).ssx-section--ink .ssx-section-kicker,
main > section:nth-of-type(4).ssx-section--ink h2,
main > section:nth-of-type(4).ssx-section--ink h3,
main > section:nth-of-type(4).ssx-section--ink h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

main > section:nth-of-type(4).ssx-section--ink p,
main > section:nth-of-type(4).ssx-section--ink li,
main > section:nth-of-type(4).ssx-section--ink span {
  color: rgba(239, 246, 255, .83) !important;
  -webkit-text-fill-color: rgba(239, 246, 255, .83) !important;
  opacity: 1 !important;
}

main > section:nth-of-type(4).ssx-section--ink article {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(143, 187, 255, .26);
  background:
    linear-gradient(150deg, rgba(13, 31, 56, .96), rgba(6, 17, 32, .92)),
    radial-gradient(circle at 0 0, rgba(31, 111, 255, .20), transparent 16rem) !important;
  box-shadow: 0 30px 78px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .12);
}

main > section:nth-of-type(4).ssx-section--ink article::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .10), transparent 28%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 32px);
  opacity: .58;
  pointer-events: none;
}

main > section:nth-of-type(4).ssx-section--ink article > * {
  position: relative;
  z-index: 1;
}

main > section:nth-of-type(4).ssx-section--ink article h3,
main > section:nth-of-type(4).ssx-section--ink article h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 18px rgba(83, 151, 255, .22);
}

main > section:nth-of-type(5).ssx-section--ivory {
  background:
    radial-gradient(circle at 5% 6%, rgba(14, 143, 112, .10), transparent 22rem),
    radial-gradient(circle at 91% 4%, rgba(31, 111, 255, .10), transparent 25rem),
    linear-gradient(180deg, rgba(250, 247, 239, .98), rgba(244, 248, 253, .96));
}

main > section:nth-of-type(5).ssx-section--ivory article {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(18, 45, 84, .12);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 251, 255, .86)),
    radial-gradient(circle at 100% 0, rgba(31, 111, 255, .10), transparent 14rem);
  box-shadow: 0 22px 54px rgba(18, 45, 84, .095), inset 0 1px 0 rgba(255, 255, 255, .9);
}

main > section:nth-of-type(5).ssx-section--ivory article::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #0e8f70, #1f6fff);
}

main > section:nth-of-type(5).ssx-section--ivory article h3,
main > section:nth-of-type(5).ssx-section--ivory article h4 {
  color: #09213f;
  -webkit-text-fill-color: #09213f;
}

main > section:nth-of-type(5).ssx-section--ivory article p,
main > section:nth-of-type(5).ssx-section--ivory article li {
  color: rgba(9, 33, 63, .76);
  -webkit-text-fill-color: rgba(9, 33, 63, .76);
}

@media (max-width: 430px) {
  main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card {
    border-radius: 1.25rem;
    padding-block: 1.1rem;
  }

  main > section:nth-of-type(3).ssx-section--paper article {
    border-radius: 1.05rem;
    padding: 1.02rem .95rem 1.08rem;
  }

  main > section:nth-of-type(3).ssx-section--paper article::after {
    top: .7rem;
    right: .8rem;
    font-size: 2.45rem;
  }

  main > section:nth-of-type(3).ssx-section--paper article p,
  main > section:nth-of-type(3).ssx-section--paper article li {
    font-size: .86rem;
    line-height: 1.38;
  }

  main > section:nth-of-type(4).ssx-section--ink .ssx-proof-grid {
    gap: .9rem;
  }

  main > section:nth-of-type(4).ssx-section--ink article {
    border-radius: 1.25rem;
  }

  main > section:nth-of-type(5).ssx-section--ivory article {
    border-radius: 1.2rem;
    padding-block: 1rem;
  }
}

/* v158.1 - anchor clearance and route blueprint repair */
html {
  scroll-padding-top: clamp(5.4rem, 8vw, 7.4rem);
}

main > section {
  scroll-margin-top: clamp(5.4rem, 8vw, 7.4rem);
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--large {
  min-height: clamp(31rem, 45vw, 39rem);
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--large::before {
  content: "SIGNAL  ->  OWNER  ->  PROOF" !important;
  position: absolute;
  inset: 2rem 2rem auto 2rem !important;
  width: auto !important;
  height: clamp(13.5rem, 20vw, 16.2rem) !important;
  display: grid !important;
  place-items: center;
  border: 1px solid rgba(31, 111, 255, .16);
  border-radius: 1.35rem;
  color: rgba(6, 45, 105, .62);
  -webkit-text-fill-color: rgba(6, 45, 105, .62);
  font-size: clamp(.62rem, 1vw, .82rem);
  font-weight: 800;
  letter-spacing: .2em;
  line-height: 1.7;
  text-align: center;
  background:
    radial-gradient(circle at 16% 52%, #0b4de2 0 .38rem, transparent .43rem),
    radial-gradient(circle at 49% 34%, #071525 0 .34rem, transparent .4rem),
    radial-gradient(circle at 84% 62%, #6ea0ff 0 .4rem, transparent .46rem),
    linear-gradient(115deg, transparent 0 15%, rgba(11, 77, 226, .72) 15.4% 16%, transparent 16.4% 48%, rgba(7, 21, 37, .62) 48.4% 49%, transparent 49.4% 82%, rgba(11, 77, 226, .54) 82.4% 83%, transparent 83.4%),
    linear-gradient(90deg, rgba(11, 77, 226, .055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(11, 77, 226, .05) 1px, transparent 1px),
    radial-gradient(circle at 88% 10%, rgba(11, 77, 226, .12), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(242, 247, 255, .82));
  background-size: auto, auto, auto, auto, 1.05rem 1.05rem, 1.05rem 1.05rem, auto, auto;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 18px 42px rgba(16, 58, 119, .08);
  opacity: 1 !important;
  pointer-events: none;
}

main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--large::after {
  z-index: 1;
}

main > section:nth-of-type(4).ssx-section--ink strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none;
}

@media (max-width: 430px) {
  html {
    scroll-padding-top: 5.2rem;
  }

  main > section {
    scroll-margin-top: 5.2rem;
  }

  main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--large {
    min-height: 24rem;
  }

  main > section:nth-of-type(2).ssx-section--ivory .ssx-lane-card--large::before {
    inset: 1.2rem 1.2rem auto 1.2rem !important;
    height: 8.6rem !important;
    border-radius: 1rem;
    font-size: .58rem;
    letter-spacing: .14em;
  }
}

/* v158.2 - premium QA hardening for anchor targets and numeric proof clarity */
:is(#systems-lanes, #service-menu, #proof-hub, #delivery-map, #contact-form) {
  scroll-margin-top: clamp(6.25rem, 9vw, 8.75rem);
}

main > section:nth-of-type(4).ssx-section--ink strong {
  display: block;
  line-height: .96;
  letter-spacing: -.045em;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

main > section:nth-of-type(4).ssx-section--ink .ssx-proof-card,
main > section:nth-of-type(4).ssx-section--ink .ssx-proof-stat {
  transform: translateZ(0);
}

@media (max-width: 430px) {
  :is(#systems-lanes, #service-menu, #proof-hub, #delivery-map, #contact-form) {
    scroll-margin-top: 5.75rem;
  }

  main > section:nth-of-type(4).ssx-section--ink strong {
    font-size: clamp(1.45rem, 9vw, 2rem);
    letter-spacing: -.055em;
  }
}

/* v158.3 - mobile tap-target and narrow-route polish */
.brand,
a.brand,
.ssx-brand,
a[class*="brand"] {
  min-height: 44px;
}

@media (max-width: 430px) {
  .ssx-lane-card--large {
    gap: .95rem;
  }

  .ssx-lane-card--large::before {
    min-height: 10.75rem;
    height: 10.75rem;
    margin-bottom: .35rem;
  }

  .ssx-lane-card--large h2,
  .ssx-lane-card--large h3,
  .ssx-lane-card--large h4 {
    margin-top: .35rem;
    line-height: 1.02;
  }
}

/* v158.4 - force accessible mobile brand hit-area */
header a.brand,
.site-header a.brand,
.ssx-header a.brand,
.pvr-header a.brand,
a.brand {
  min-height: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* v158.5 - separate mobile route blueprint from route copy */
@media (max-width: 430px) {
  .ssx-lane-card--large {
    justify-content: flex-start !important;
    min-height: 28rem !important;
    padding-top: 13.25rem !important;
  }

  .ssx-lane-card--large::before {
    inset: 1rem 1rem auto !important;
    width: auto !important;
    height: 10.75rem !important;
    min-height: 10.75rem !important;
  }
}

/* v159 - contact reference links: accessible premium touch targets */
.ssx-reference-links {
  display: grid;
  gap: .55rem;
}

.ssx-reference-links a {
  min-height: 44px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .7rem .9rem !important;
  border: 1px solid rgba(29, 78, 216, .14);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,246,255,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 .65rem 1.4rem rgba(15, 23, 42, .06);
  color: #0047c7;
  line-height: 1.1 !important;
  text-decoration: none;
}

.ssx-reference-links a::after {
  content: "->";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;
  background: #0f55e8;
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: -.08em;
  box-shadow: 0 .5rem 1rem rgba(15, 85, 232, .22);
}

.ssx-reference-links a:focus-visible {
  outline: 3px solid rgba(37, 99, 235, .36);
  outline-offset: 3px;
}

/* v161 - visual forensics premium hardening: contrast, depth, rhythm */
.portfolio-premium {
  --ssx-premium-ink: #071525;
  --ssx-premium-copy: #1a2a3d;
  --ssx-premium-muted: #40536b;
  --ssx-premium-blue: #075ee8;
  --ssx-premium-cyan: #00a3ff;
  --ssx-premium-line: rgba(7, 21, 37, 0.13);
  --ssx-premium-glow: rgba(7, 94, 232, 0.18);
}

.portfolio-premium .pvr-button--primary,
.portfolio-premium .pvr-button--primary:visited,
.portfolio-premium .ssx-button--primary,
.portfolio-premium .ssx-button--primary:visited,
.portfolio-premium a.pvr-button.pvr-button--primary {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 18, 60, 0.35);
}

.portfolio-premium .ssx-section--ivory,
.portfolio-premium .ssx-section--paper,
.portfolio-premium .ssx-hero {
  position: relative;
  isolation: isolate;
}

.portfolio-premium .ssx-section--ivory::before,
.portfolio-premium .ssx-section--paper::before,
.portfolio-premium .ssx-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 12%, rgba(0, 163, 255, 0.11), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(255, 183, 67, 0.16), transparent 29%),
    linear-gradient(135deg, rgba(255,255,255,0.68), rgba(255,255,255,0));
  opacity: 0.92;
}

.portfolio-premium .ssx-section-head,
.portfolio-premium .ssx-hero-copy,
.portfolio-premium .ssx-contact-hero-grid,
.portfolio-premium .ssx-hero-grid {
  position: relative;
  z-index: 1;
}

.portfolio-premium .ssx-proof-grid--light article,
.portfolio-premium .ssx-intake-card li,
.portfolio-premium .ssx-map-card,
.portfolio-premium .ssx-reference-links a {
  border: 1px solid rgba(7, 21, 37, 0.13);
  box-shadow:
    0 18px 44px rgba(10, 24, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.portfolio-premium .ssx-proof-grid--light article {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(246,250,255,0.91)),
    radial-gradient(circle at 85% 12%, rgba(7, 94, 232, 0.10), transparent 34%);
}

.portfolio-premium .ssx-proof-grid--light article p,
.portfolio-premium .ssx-map-card p,
.portfolio-premium .ssx-intake-card li,
.portfolio-premium .ssx-intake-card li p {
  color: var(--ssx-premium-muted) !important;
}

.portfolio-premium .ssx-intake-card li strong,
.portfolio-premium .ssx-map-card strong,
.portfolio-premium .ssx-proof-grid--light article strong,
.portfolio-premium .ssx-proof-grid--light article h3 {
  color: var(--ssx-premium-ink) !important;
}

.portfolio-premium .ssx-intake-card > p:first-child,
.portfolio-premium .ssx-map-card > p:first-child,
.portfolio-premium .ssx-section--paper .ssx-eyebrow,
.portfolio-premium .ssx-section--ivory .ssx-eyebrow {
  color: #124b9d !important;
  letter-spacing: 0.14em;
}

.portfolio-premium .ssx-section--ink {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 14% 10%, rgba(0, 127, 255, 0.30), transparent 29%),
    radial-gradient(circle at 88% 24%, rgba(255, 210, 124, 0.12), transparent 28%),
    linear-gradient(135deg, #071323 0%, #0c1f31 54%, #06111f 100%);
}

.portfolio-premium .ssx-section--ink::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at 50% 35%, black, transparent 78%);
}

.portfolio-premium .ssx-section--ink .ssx-eyebrow,
.portfolio-premium .ssx-section--ink p,
.portfolio-premium .ssx-form-panel .ssx-eyebrow,
.portfolio-premium .ssx-form-panel p,
.portfolio-premium .ssx-form-panel label,
.portfolio-premium .ssx-form-panel span {
  color: rgba(244, 249, 255, 0.88);
}

.portfolio-premium .ssx-section--ink h2,
.portfolio-premium .ssx-section--ink h3,
.portfolio-premium .ssx-form-panel h2,
.portfolio-premium .ssx-form-panel h3 {
  color: #fff;
  text-wrap: balance;
}

.portfolio-premium .ssx-form-panel {
  box-shadow:
    0 34px 86px rgba(2, 10, 20, 0.33),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.portfolio-premium .ssx-form-panel input,
.portfolio-premium .ssx-form-panel textarea,
.portfolio-premium .ssx-form-panel select {
  border-color: rgba(255, 255, 255, 0.30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 10px 26px rgba(0,0,0,0.12);
}

@media (min-width: 1024px) {
  .portfolio-premium .ssx-section {
    padding-top: clamp(78px, 7vw, 112px);
    padding-bottom: clamp(78px, 7vw, 112px);
  }

  .portfolio-premium .ssx-section-head {
    margin-bottom: clamp(34px, 3.2vw, 56px);
  }

  .portfolio-premium .ssx-proof-grid--light,
  .portfolio-premium .ssx-proof-grid {
    gap: clamp(22px, 2vw, 34px);
  }
}

@media (max-width: 480px) {
  .portfolio-premium .ssx-hero {
    padding-top: 26px;
  }

  .portfolio-premium .ssx-section {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .portfolio-premium .ssx-intake-card li,
  .portfolio-premium .ssx-proof-grid--light article,
  .portfolio-premium .ssx-reference-links a {
    border-radius: 22px;
  }

  .portfolio-premium .ssx-proof-grid--light article p,
  .portfolio-premium .ssx-intake-card li,
  .portfolio-premium .ssx-map-card p {
    font-size: clamp(14.5px, 4vw, 16px);
    line-height: 1.5;
  }
}

/* v163 - elite production hardening: wide-screen impact + dark-card legibility */
.portfolio-premium .ssx-dossier,
.portfolio-premium .ssx-form-side article,
.portfolio-premium .ssx-section--ink .ssx-map-card {
  background-color: #101a28;
  background-image:
    radial-gradient(circle at 18% 12%, rgba(27, 96, 255, 0.26), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(43, 224, 214, 0.12), transparent 30%),
    linear-gradient(145deg, rgba(24, 39, 58, 0.98), rgba(8, 15, 24, 0.98));
  border-color: rgba(204, 219, 236, 0.18);
  box-shadow: 0 30px 78px rgba(5, 10, 18, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.portfolio-premium .ssx-route-line > span:first-child,
.portfolio-premium .ssx-form-side article > span:first-child,
.portfolio-premium .ssx-section--ink article > span:first-child {
  color: #dbeafe !important;
  background: linear-gradient(135deg, rgba(31, 111, 255, 0.34), rgba(76, 205, 255, 0.16));
  border: 1px solid rgba(141, 194, 255, 0.34);
  box-shadow: 0 0 0 6px rgba(31, 111, 255, 0.10), 0 12px 28px rgba(9, 20, 38, 0.24);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.42);
}

.portfolio-premium .ssx-dossier strong,
.portfolio-premium .ssx-form-side h3,
.portfolio-premium .ssx-section--ink h3 {
  color: #ffffff !important;
}

.portfolio-premium .ssx-dossier p,
.portfolio-premium .ssx-form-side p,
.portfolio-premium .ssx-section--ink article p {
  color: rgba(231, 240, 250, 0.88) !important;
}

.portfolio-premium .ssx-form-section,
.portfolio-premium .ssx-section--ink {
  background-image:
    radial-gradient(circle at 8% 0%, rgba(30, 98, 255, 0.18), transparent 34%),
    radial-gradient(circle at 84% 8%, rgba(255, 204, 117, 0.08), transparent 28%),
    linear-gradient(135deg, #07111d 0%, #101923 48%, #08111a 100%) !important;
}

.portfolio-premium .ssx-hero::before,
.portfolio-premium .ssx-section--ivory::before,
.portfolio-premium .ssx-section--paper::before {
  opacity: 0.92;
}

@media (min-width: 1600px) {
  .portfolio-premium .ssx-shell {
    max-width: min(1560px, calc(100vw - 160px)) !important;
  }

  .portfolio-premium .ssx-hero {
    min-height: min(880px, calc(100vh - 92px));
  }

  .portfolio-premium .ssx-hero-grid {
    grid-template-columns: minmax(0, 1.32fr) minmax(430px, 0.88fr) !important;
    gap: clamp(64px, 5vw, 108px) !important;
    align-items: center;
  }

  .portfolio-premium .ssx-hero h1 {
    max-width: 980px;
    font-size: clamp(6.7rem, 5.65vw, 8rem) !important;
    line-height: 0.82 !important;
    letter-spacing: -0.075em !important;
  }

  .portfolio-premium .ssx-hero p {
    max-width: 760px;
    font-size: clamp(1.24rem, 1.18vw, 1.45rem) !important;
    line-height: 1.46 !important;
  }

  .portfolio-premium .ssx-dossier {
    transform: translateY(2px);
    border-radius: 34px;
  }
}

@media (max-width: 480px) {
  .portfolio-premium .ssx-route-line > span:first-child,
  .portfolio-premium .ssx-form-side article > span:first-child,
  .portfolio-premium .ssx-section--ink article > span:first-child {
    box-shadow: 0 0 0 4px rgba(31, 111, 255, 0.10), 0 8px 18px rgba(9, 20, 38, 0.22);
  }
}

/* v164 - close remaining dossier eyebrow contrast and contain wide hero typography */
.portfolio-premium .ssx-dossier > p:first-of-type,
.portfolio-premium .ssx-dossier > span:first-of-type {
  color: #9fc9ff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);
}

@media (min-width: 1600px) {
  .portfolio-premium .ssx-hero .ssx-dossier p {
    font-size: 1.04rem !important;
    line-height: 1.55 !important;
    max-width: none;
  }

  .portfolio-premium .ssx-hero .ssx-dossier > p:first-of-type {
    font-size: 0.82rem !important;
    line-height: 1 !important;
    letter-spacing: 0.18em !important;
  }

  .portfolio-premium .ssx-hero .ssx-dossier .ssx-route-line p {
    font-size: 1.06rem !important;
    line-height: 1.58 !important;
  }
}

/* v165 - exact dossier top label selector */
.portfolio-premium .ssx-dossier-top p {
  color: #9fc9ff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);
}

@media (min-width: 1600px) {
  .portfolio-premium .ssx-hero .ssx-dossier-top p {
    font-size: 0.82rem !important;
    line-height: 1 !important;
    letter-spacing: 0.18em !important;
  }
}

/* v166 - specificity override for legacy important dossier label rule */
main.portfolio-premium.ssx-premium .ssx-home-hero .ssx-dossier .ssx-dossier-top p {
  color: #9fc9ff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);
}

@media (min-width: 1600px) {
  main.portfolio-premium.ssx-premium .ssx-home-hero .ssx-dossier .ssx-dossier-top p {
    font-size: 0.82rem !important;
    line-height: 1 !important;
    letter-spacing: 0.18em !important;
  }
}

/* v168 - premium art-direction layer: atmosphere, CTA hierarchy, material depth */
main.portfolio-premium.ssx-premium {
  --ssx-premium-blue: #075dff;
  --ssx-premium-blue-2: #00a6ff;
  --ssx-premium-cyan: #31e7ff;
  --ssx-premium-ink: #07111f;
  --ssx-premium-cream: #f6efe3;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 7% 4%, rgba(7, 93, 255, 0.14) 0, rgba(7, 93, 255, 0) 34rem),
    radial-gradient(circle at 88% 16%, rgba(49, 231, 255, 0.10) 0, rgba(49, 231, 255, 0) 30rem),
    radial-gradient(circle at 54% 62%, rgba(255, 255, 255, 0.68) 0, rgba(255, 255, 255, 0) 26rem),
    linear-gradient(180deg, #f4eddf 0%, #fbf8f1 42%, #f1ebdf 100%) !important;
}

main.portfolio-premium.ssx-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.42;
  background-image:
    linear-gradient(rgba(7, 17, 31, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 17, 31, 0.045) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(7, 93, 255, 0.10), transparent 38rem);
  background-size: 72px 72px, 72px 72px, 100% 56rem;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.12) 58%, transparent 100%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.12) 58%, transparent 100%);
}

main.portfolio-premium.ssx-premium > section,
main.portfolio-premium.ssx-premium > .ssx-hero {
  position: relative;
  z-index: 1;
}

main.portfolio-premium.ssx-premium .ssx-hero {
  overflow: hidden;
}

main.portfolio-premium.ssx-premium .ssx-hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: clamp(5rem, 9vw, 9rem);
  right: clamp(-12rem, -8vw, -4rem);
  width: clamp(18rem, 34vw, 38rem);
  aspect-ratio: 1;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.18;
  filter: blur(7px);
  background:
    conic-gradient(from 210deg, rgba(7, 93, 255, 0), rgba(7, 93, 255, 0.65), rgba(49, 231, 255, 0.48), rgba(7, 93, 255, 0)),
    radial-gradient(circle, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0) 60%);
  mix-blend-mode: multiply;
}

main.portfolio-premium.ssx-premium .ssx-hero > .ssx-shell {
  position: relative;
  z-index: 1;
}

main.portfolio-premium.ssx-premium .ssx-hero-copy {
  position: relative;
}

main.portfolio-premium.ssx-premium .ssx-hero-copy::before {
  content: "";
  position: absolute;
  top: 0.45rem;
  bottom: 0.35rem;
  left: clamp(-1.35rem, -2vw, -0.85rem);
  width: 3px;
  border-radius: 99px;
  background: linear-gradient(180deg, rgba(7, 93, 255, 0), rgba(7, 93, 255, 0.88) 18%, rgba(49, 231, 255, 0.72) 72%, rgba(7, 93, 255, 0));
  box-shadow: 0 0 22px rgba(7, 93, 255, 0.28);
}

main.portfolio-premium.ssx-premium .ssx-button,
main.portfolio-premium.ssx-premium .button.button--primary,
main.portfolio-premium.ssx-premium .pvr-button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 999px;
  transform: translateZ(0);
}

main.portfolio-premium.ssx-premium .ssx-button--primary,
main.portfolio-premium.ssx-premium .button.button--primary,
main.portfolio-premium.ssx-premium .pvr-button--primary {
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 46%),
    linear-gradient(135deg, #0046da 0%, #075dff 48%, #00a6ff 100%) !important;
  box-shadow:
    0 18px 34px rgba(7, 93, 255, 0.24),
    0 6px 14px rgba(7, 17, 31, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
  text-shadow: 0 1px 1px rgba(0, 24, 82, 0.34);
}

main.portfolio-premium.ssx-premium .ssx-button--secondary,
main.portfolio-premium.ssx-premium .pvr-button--secondary {
  color: #063fbd !important;
  border: 1px solid rgba(7, 93, 255, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 250, 255, 0.90)) !important;
  box-shadow:
    0 15px 30px rgba(7, 17, 31, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

main.portfolio-premium.ssx-premium .ssx-button::after,
main.portfolio-premium.ssx-premium .button.button--primary::after,
main.portfolio-premium.ssx-premium .pvr-button::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.34) 42%, transparent 58%);
  transform: translateX(-125%);
  transition: transform 620ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (hover: hover) and (pointer: fine) {
  main.portfolio-premium.ssx-premium .ssx-button:hover::after,
  main.portfolio-premium.ssx-premium .button.button--primary:hover::after,
  main.portfolio-premium.ssx-premium .pvr-button:hover::after {
    transform: translateX(125%);
  }

  main.portfolio-premium.ssx-premium .ssx-button:hover,
  main.portfolio-premium.ssx-premium .button.button--primary:hover,
  main.portfolio-premium.ssx-premium .pvr-button:hover {
    transform: translateY(-1px) translateZ(0);
  }
}

main.portfolio-premium.ssx-premium :is(.ssx-button, .button.button--primary, .pvr-button):focus-visible {
  outline: 3px solid rgba(49, 231, 255, 0.95) !important;
  outline-offset: 3px;
}

main.portfolio-premium.ssx-premium :is(.ssx-section--ivory, .ssx-section--paper) article,
main.portfolio-premium.ssx-premium .ssx-intake-card,
main.portfolio-premium.ssx-premium .ssx-map-card,
main.portfolio-premium.ssx-premium .ssx-final-card {
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.38)),
    radial-gradient(circle at 12% 0%, rgba(7, 93, 255, 0.10), transparent 15rem) !important;
  box-shadow:
    0 26px 70px rgba(7, 17, 31, 0.11),
    0 2px 0 rgba(255, 255, 255, 0.82) inset,
    0 0 0 1px rgba(7, 17, 31, 0.055) !important;
}

main.portfolio-premium.ssx-premium .ssx-section--ink,
main.portfolio-premium.ssx-premium .ssx-form-section {
  background:
    radial-gradient(circle at 12% 12%, rgba(7, 93, 255, 0.32), transparent 22rem),
    radial-gradient(circle at 86% 20%, rgba(49, 231, 255, 0.16), transparent 28rem),
    linear-gradient(180deg, #07111f 0%, #091827 48%, #04101d 100%) !important;
}

main.portfolio-premium.ssx-premium .ssx-section--ink::before,
main.portfolio-premium.ssx-premium .ssx-form-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.075) 1px, transparent 1px);
  background-size: 54px 54px;
  -webkit-mask-image: radial-gradient(circle at 50% 30%, #000 0, transparent 72%);
  mask-image: radial-gradient(circle at 50% 30%, #000 0, transparent 72%);
}

main.portfolio-premium.ssx-premium .ssx-section--ink > .ssx-shell,
main.portfolio-premium.ssx-premium .ssx-form-section > .ssx-shell {
  position: relative;
  z-index: 1;
}

main.portfolio-premium.ssx-premium :is(.ssx-section--ink article, .ssx-lane-card--ink, .ssx-form-side article) {
  background-image:
    linear-gradient(145deg, rgba(19, 41, 65, 0.94), rgba(5, 14, 26, 0.96)),
    radial-gradient(circle at 16% 0%, rgba(49, 231, 255, 0.18), transparent 16rem),
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px) !important;
  background-size: auto, auto, 34px 34px, 34px 34px !important;
  border-color: rgba(159, 201, 255, 0.24) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05) !important;
}

main.portfolio-premium.ssx-premium .ssx-form-panel :is(input, select, textarea) {
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.80),
    0 12px 24px rgba(0, 0, 0, 0.13) !important;
}

main.portfolio-premium.ssx-premium .ssx-form-panel :is(input, select, textarea):focus-visible {
  outline: 3px solid rgba(49, 231, 255, 0.88) !important;
  outline-offset: 2px;
  border-color: rgba(49, 231, 255, 0.78) !important;
}

@media (max-width: 640px) {
  main.portfolio-premium.ssx-premium::before {
    opacity: 0.24;
    background-size: 46px 46px, 46px 46px, 100% 42rem;
  }

  main.portfolio-premium.ssx-premium .ssx-hero-copy::before {
    left: -0.72rem;
    width: 2px;
    opacity: 0.74;
  }

  main.portfolio-premium.ssx-premium .ssx-button,
  main.portfolio-premium.ssx-premium .button.button--primary,
  main.portfolio-premium.ssx-premium .pvr-button {
    min-height: 52px;
    letter-spacing: 0.045em;
  }

  main.portfolio-premium.ssx-premium :is(.ssx-section--ivory, .ssx-section--paper) article,
  main.portfolio-premium.ssx-premium .ssx-intake-card,
  main.portfolio-premium.ssx-premium .ssx-map-card,
  main.portfolio-premium.ssx-premium .ssx-final-card {
    box-shadow:
      0 18px 44px rgba(7, 17, 31, 0.10),
      0 1px 0 rgba(255, 255, 255, 0.86) inset,
      0 0 0 1px rgba(7, 17, 31, 0.052) !important;
  }
}

/* v169 - hard guard against invisible secondary CTA text */
main.portfolio-premium.ssx-premium a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-hero a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-home-hero .ssx-hero-copy a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-contact-hero .ssx-hero-copy a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-case-hero .ssx-hero-copy a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-final-card a.ssx-button.ssx-button--secondary {
  color: #0645c8 !important;
  text-shadow: none !important;
}

main.portfolio-premium.ssx-premium a.ssx-button.ssx-button--secondary:hover,
main.portfolio-premium.ssx-premium a.ssx-button.ssx-button--secondary:focus-visible {
  color: #00379f !important;
}

/* v170 - WebKit text-fill guard for secondary CTA legibility */
main.portfolio-premium.ssx-premium a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-hero a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-home-hero .ssx-hero-copy a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-contact-hero .ssx-hero-copy a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-case-hero .ssx-hero-copy a.ssx-button.ssx-button--secondary,
main.portfolio-premium.ssx-premium .ssx-final-card a.ssx-button.ssx-button--secondary {
  -webkit-text-fill-color: #0645c8 !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}

main.portfolio-premium.ssx-premium a.ssx-button.ssx-button--secondary:hover,
main.portfolio-premium.ssx-premium a.ssx-button.ssx-button--secondary:focus-visible {
  -webkit-text-fill-color: #00379f !important;
}

/* v171: below-fold premium hardening pass - mobile density, proof artifact framing, form finish. */
.ssx-premium [id] {
  scroll-margin-top: 112px;
}

@media (min-width: 900px) {
  .ssx-premium #systems-lanes .ssx-lane-board > .ssx-lane-card--ink {
    grid-column: 1 / -1 !important;
    min-height: 292px;
    display: grid;
    align-content: center;
    padding: clamp(34px, 4vw, 58px) clamp(34px, 5vw, 72px) !important;
    background:
      radial-gradient(circle at 84% 20%, rgba(42, 125, 255, 0.22), transparent 34%),
      linear-gradient(135deg, #10243a 0%, #091421 52%, #06101a 100%) !important;
    border-color: rgba(166, 205, 255, 0.46) !important;
    box-shadow: 0 34px 92px rgba(2, 10, 20, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  }

  .ssx-premium #systems-lanes .ssx-lane-board > .ssx-lane-card--ink h3 {
    max-width: 780px;
    font-size: clamp(34px, 3vw, 52px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em;
  }

  .ssx-premium #systems-lanes .ssx-lane-board > .ssx-lane-card--ink p {
    max-width: 820px;
    font-size: clamp(17px, 1.25vw, 21px) !important;
  }
}

.ssx-case-page #delivery-map .ssx-proof-grid--light article {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 250, 241, 0.92)),
    radial-gradient(circle at 86% 8%, rgba(30, 102, 255, 0.14), transparent 36%) !important;
  border: 1px solid rgba(17, 36, 61, 0.14) !important;
  box-shadow: 0 22px 58px rgba(25, 31, 39, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.ssx-case-page #delivery-map .ssx-proof-grid--light article::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #1c63ff 0%, #19c6d9 48%, #f2a72e 100%);
  opacity: 0.95;
  z-index: 2;
}

.ssx-case-page #delivery-map .ssx-proof-grid--light article img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center top;
  background: #fff7ea;
  border-bottom: 1px solid rgba(17, 36, 61, 0.12);
  filter: saturate(1.04) contrast(1.025);
}

.ssx-case-page #delivery-map .ssx-proof-grid--light article > div {
  position: relative;
  padding: clamp(22px, 3vw, 34px) !important;
}

.ssx-case-page #delivery-map .ssx-proof-grid--light article h3 {
  letter-spacing: -0.045em;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
}

.ssx-case-page #delivery-map .ssx-proof-grid--light article p {
  color: #40536d !important;
  -webkit-text-fill-color: #40536d !important;
}

.ssx-contact-page #contact-form .ssx-form-panel {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 92% 10%, rgba(70, 139, 255, 0.25), transparent 32%),
    radial-gradient(circle at 8% 88%, rgba(41, 207, 214, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(27, 47, 71, 0.96) 0%, rgba(12, 26, 42, 0.98) 58%, rgba(8, 18, 30, 0.98) 100%) !important;
  border: 1px solid rgba(188, 219, 255, 0.24) !important;
  box-shadow: 0 32px 92px rgba(2, 9, 18, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.ssx-contact-page #contact-form .ssx-form-panel::before {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
}

.ssx-contact-page #contact-form .ssx-form-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 78%);
  pointer-events: none;
  z-index: -1;
}

.ssx-contact-page #contact-form .ssx-form-panel label {
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

.ssx-contact-page #contact-form .contact-form-char-count {
  color: rgba(224, 238, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(224, 238, 255, 0.84) !important;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.ssx-contact-page #contact-form :is(input, select, textarea) {
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  border: 1px solid rgba(173, 190, 211, 0.72) !important;
  box-shadow: 0 14px 30px rgba(1, 8, 20, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.ssx-contact-page #contact-form :is(input, select, textarea)::placeholder {
  color: #607089 !important;
  -webkit-text-fill-color: #607089 !important;
  opacity: 1;
}

.ssx-contact-page #contact-form :is(input, select, textarea):focus {
  border-color: rgba(55, 128, 255, 0.92) !important;
  box-shadow: 0 0 0 4px rgba(54, 133, 255, 0.22), 0 18px 36px rgba(1, 8, 20, 0.18) !important;
}

.ssx-premium :is(#service-menu, #delivery-map, #contact-form) :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(50, 128, 255, 0.92) !important;
  outline-offset: 4px;
}

@media (max-width: 640px) {
  .ssx-premium [id] {
    scroll-margin-top: 92px;
  }

  .ssx-premium #service-menu .ssx-offer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .ssx-premium #service-menu .ssx-offer-grid article {
    min-height: 0 !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 92% 8%, rgba(28, 99, 255, 0.16), transparent 35%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 250, 240, 0.9)) !important;
    border-color: rgba(12, 35, 64, 0.14) !important;
    box-shadow: 0 18px 44px rgba(20, 30, 44, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  }

  .ssx-premium #service-menu .ssx-offer-grid article > span {
    max-width: calc(100% - 76px);
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.14em !important;
  }

  .ssx-premium #service-menu .ssx-offer-grid article h3 {
    max-width: 250px;
    font-size: 23px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em;
    color: #07111f !important;
    -webkit-text-fill-color: #07111f !important;
  }

  .ssx-premium #service-menu .ssx-offer-grid article p {
    max-width: 280px;
    font-size: 16px !important;
    line-height: 1.48 !important;
    color: #465973 !important;
    -webkit-text-fill-color: #465973 !important;
  }

  .ssx-premium #service-menu .ssx-offer-grid article a {
    width: 100% !important;
    min-height: 52px !important;
    justify-content: center;
    border-radius: 999px !important;
    font-size: 13px !important;
    letter-spacing: -0.01em !important;
    color: #0645c8 !important;
    -webkit-text-fill-color: #0645c8 !important;
  }

  .ssx-case-page #delivery-map .ssx-proof-grid--light article {
    border-radius: 24px !important;
  }

  .ssx-case-page #delivery-map .ssx-proof-grid--light article img {
    aspect-ratio: 1.68 / 1;
  }

  .ssx-contact-page #contact-form .ssx-form-panel {
    padding: 24px 22px !important;
    border-radius: 26px !important;
  }

  .ssx-contact-page #contact-form .ssx-form-head h2 {
    font-size: clamp(38px, 11.4vw, 47px) !important;
    line-height: 0.94 !important;
  }

  .ssx-contact-page #contact-form .ssx-contact-grid {
    gap: 17px !important;
  }

  .ssx-contact-page #contact-form :is(input, select) {
    min-height: 54px !important;
    border-radius: 17px !important;
  }

  .ssx-contact-page #contact-form textarea {
    min-height: 138px !important;
    border-radius: 19px !important;
  }
}

@media (max-width: 360px) {
  .ssx-premium #service-menu .ssx-offer-grid article {
    padding: 20px !important;
  }

  .ssx-premium #service-menu .ssx-offer-grid article h3 {
    font-size: 21px !important;
  }

  .ssx-contact-page #contact-form .ssx-form-panel {
    padding-inline: 18px !important;
  }
}

/* v172: clear the 320px offer CTA width gate while preserving touch height. */
@media (max-width: 360px) {
  .ssx-premium #service-menu .ssx-offer-grid article {
    padding-inline: 16px !important;
  }
}

/* v176: normalize hash-anchor landings so sticky header offset is not double-counted. */
html,
body {
  scroll-padding-top: 96px !important;
}

.ssx-premium #systems-lanes,
.ssx-premium #service-menu,
.ssx-premium #proof-hub,
.ssx-premium #process,
.ssx-premium #contact-form,
.ssx-premium #delivery-map {
  scroll-margin-top: 0 !important;
}

.ssx-premium #main-content {
  scroll-margin-top: 16px !important;
}

@media (min-width: 1024px) {
  html,
  body {
    scroll-padding-top: 112px !important;
  }
}

@media (max-width: 767px) {
  html,
  body {
    scroll-padding-top: 88px !important;
  }
}

/* v177: high-specificity anchor override for cross-page form/skip targets. */
html body #systems-lanes,
html body #service-menu,
html body #proof-hub,
html body #process,
html body #contact-form,
html body #delivery-map {
  scroll-margin-top: 0 !important;
}

html body #main-content {
  scroll-margin-top: 16px !important;
}

/* v179: final anchor comfort clearance after removing legacy contact scroll-margin. */
html,
body {
  scroll-padding-top: 124px !important;
}

@media (max-width: 767px) {
  html,
  body {
    scroll-padding-top: 104px !important;
  }
}

/* v183 premium visual integrity pass: contrast, tablet composition, CTA geometry, form finish. */
.ssx-premium {
  --ssx-v183-blue: #0f5cff;
  --ssx-v183-blue-deep: #0a32a8;
  --ssx-v183-ink: #06111f;
  --ssx-v183-border: rgba(8, 22, 40, .14);
  --ssx-v183-glow: rgba(15, 92, 255, .28);
}

.ssx-premium .ssx-button,
.ssx-premium .button,
.pvr-button {
  text-decoration: none !important;
  text-wrap: balance;
}

.ssx-premium .ssx-button--primary,
.ssx-premium .button--primary,
.pvr-button.pvr-button--primary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(135deg, #176bff 0%, #134ee2 58%, #092f9f 100%) !important;
  border-color: rgba(255, 255, 255, .42) !important;
  text-shadow: 0 1px 1px rgba(0, 13, 55, .32) !important;
  box-shadow: 0 18px 34px rgba(15, 92, 255, .26), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

.ssx-premium .ssx-button--secondary,
.ssx-premium .button--ghost,
.pvr-button.pvr-button--secondary {
  color: #0045c7 !important;
  -webkit-text-fill-color: #0045c7 !important;
  background: linear-gradient(180deg, #fff 0%, #f4f8ff 100%) !important;
  border-color: rgba(15, 92, 255, .22) !important;
  box-shadow: 0 14px 30px rgba(9, 36, 82, .08), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
}

.ssx-premium .ssx-button--primary:hover,
.ssx-premium .button--primary:hover,
.ssx-premium .ssx-button--secondary:hover,
.ssx-premium .button--ghost:hover,
.pvr-button:hover {
  transform: translateY(-1px);
}

.ssx-premium .ssx-home-hero h1,
.ssx-premium .ssx-section h1,
.ssx-premium .ssx-section h2 {
  text-wrap: balance;
}

.ssx-premium .ssx-dossier {
  overflow: hidden;
  box-shadow: 0 34px 80px rgba(3, 13, 27, .22), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.ssx-premium .ssx-dossier::after {
  content: "Production-safe release" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: calc(100% - 64px) !important;
  min-height: 42px !important;
  padding: 9px 22px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  border: 1px solid rgba(255, 255, 255, .36) !important;
  background: linear-gradient(135deg, rgba(64, 92, 135, .96), rgba(235, 242, 250, .88)) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .32) !important;
}

.ssx-premium .ssx-lane-card--ink a {
  width: auto !important;
  max-width: 360px !important;
  min-width: min(320px, 100%) !important;
  margin-right: auto !important;
  padding-inline: 24px !important;
}

.ssx-premium .ssx-form-panel {
  border-color: rgba(126, 172, 255, .30) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(41, 111, 255, .20), transparent 30%),
    radial-gradient(circle at 95% 18%, rgba(79, 211, 196, .14), transparent 28%),
    linear-gradient(145deg, #102a4e 0%, #06111f 68%, #020913 100%) !important;
  box-shadow: 0 34px 88px rgba(0, 9, 24, .36), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.ssx-premium .ssx-form-panel input,
.ssx-premium .ssx-form-panel select,
.ssx-premium .ssx-form-panel textarea {
  color: #071424 !important;
  -webkit-text-fill-color: #071424 !important;
  background: linear-gradient(180deg, #fff 0%, #f7fbff 100%) !important;
  border: 1px solid rgba(139, 164, 198, .52) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 12px 26px rgba(0, 9, 24, .12) !important;
}

.ssx-premium .ssx-form-panel input::placeholder,
.ssx-premium .ssx-form-panel textarea::placeholder {
  color: #516074 !important;
  -webkit-text-fill-color: #516074 !important;
  opacity: 1 !important;
}

.ssx-premium .contact-form-char-count {
  color: rgba(224, 235, 255, .76) !important;
  font-variant-numeric: tabular-nums;
}

.ssx-premium .ssx-section--ink {
  background:
    radial-gradient(circle at 18% 12%, rgba(25, 92, 175, .30), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(41, 201, 190, .14), transparent 30%),
    linear-gradient(135deg, #06142a 0%, #03111d 58%, #052c35 100%) !important;
}

@media (max-width: 980px) and (min-width: 641px) {
  .ssx-premium .ssx-home-hero {
    min-height: auto !important;
    padding-block: 116px 72px !important;
  }

  .ssx-premium .ssx-home-hero .ssx-hero-grid {
    grid-template-columns: 1fr !important;
    max-width: min(704px, calc(100vw - 48px)) !important;
    gap: 30px !important;
    align-items: stretch !important;
  }

  .ssx-premium .ssx-home-hero .ssx-hero-copy,
  .ssx-premium .ssx-home-hero .ssx-dossier {
    width: 100% !important;
    max-width: none !important;
  }

  .ssx-premium .ssx-home-hero .ssx-hero-copy h1 {
    max-width: 9.6ch !important;
    font-size: clamp(58px, 9.8vw, 78px) !important;
    line-height: .86 !important;
    letter-spacing: -.058em !important;
  }

  .ssx-premium .ssx-proof-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .ssx-premium .ssx-proof-strip > * {
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .ssx-premium .ssx-dossier::after {
    content: "Proof-first release" !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin-top: 22px !important;
  }
}

@media (max-width: 640px) {
  .ssx-premium .ssx-home-hero,
  .ssx-premium .ssx-section {
    overflow: hidden;
  }

  .ssx-premium .ssx-shell {
    width: calc(100% - 28px) !important;
  }

  .ssx-premium .ssx-home-hero .ssx-hero-copy,
  .ssx-premium .ssx-intake-card,
  .ssx-premium .ssx-final-card {
    border-radius: 26px !important;
  }

  .ssx-premium .ssx-button,
  .ssx-premium .button,
  .pvr-button {
    min-height: 48px !important;
    justify-content: center !important;
  }

  .ssx-premium .ssx-hero-actions,
  .ssx-premium .ssx-cta-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .ssx-premium .ssx-proof-strip {
    gap: 9px !important;
  }

  .ssx-premium .ssx-proof-strip > * {
    min-height: 42px !important;
    padding-inline: 14px !important;
    font-size: 12px !important;
    letter-spacing: -.01em !important;
  }

  .ssx-premium .ssx-lane-card--ink a {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .ssx-premium .ssx-form-panel {
    border-radius: 24px !important;
  }
}

/* v184 correction: keep tablet hero editorial, not stretched; keep dossier badge compact on desktop. */
@media (min-width: 981px) {
  .ssx-premium .ssx-dossier::after {
    left: 35px !important;
    right: auto !important;
    width: max-content !important;
    inline-size: max-content !important;
    max-width: 260px !important;
  }
}

@media (max-width: 980px) and (min-width: 641px) {
  .ssx-premium .ssx-home-hero .ssx-hero-copy h1 {
    max-width: 11.6ch !important;
    font-size: clamp(54px, 8.2vw, 68px) !important;
    line-height: .88 !important;
  }

  .ssx-premium .ssx-home-hero .ssx-hero-copy p {
    max-width: 62ch !important;
  }

  .ssx-premium .ssx-home-hero .ssx-hero-actions,
  .ssx-premium .ssx-home-hero .ssx-cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .ssx-premium .ssx-home-hero .ssx-hero-actions .ssx-button,
  .ssx-premium .ssx-home-hero .ssx-cta-row .ssx-button {
    width: auto !important;
    min-width: 214px !important;
    flex: 0 0 auto !important;
  }
}

/* v185 correction: direct tablet CTA buttons must not stretch across the hero card. */
@media (max-width: 980px) and (min-width: 641px) {
  .ssx-premium .ssx-home-hero .ssx-hero-copy .ssx-button {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 214px !important;
    flex: 0 0 auto !important;
    vertical-align: top !important;
  }

  .ssx-premium .ssx-home-hero .ssx-hero-copy .ssx-button + .ssx-button {
    margin-left: 14px !important;
  }
}

/* v187 premium editorial systems pass: stronger composition, less card-template feel */
:root {
  --ssx-ink-950: #06101d;
  --ssx-ink-900: #0a1422;
  --ssx-ink-800: #10243a;
  --ssx-blue-650: #0b55f4;
  --ssx-blue-600: #145cff;
  --ssx-blue-500: #2d74ff;
  --ssx-cyan-350: #6fe8ff;
  --ssx-paper-50: #fbfdff;
  --ssx-paper-100: #f3f7fb;
  --ssx-warm-100: #f5efe4;
  --ssx-line: rgba(10, 28, 48, .13);
  --ssx-ease-premium: cubic-bezier(.19, 1, .22, 1);
}

html,
body {
  overflow-x: clip;
}

body {
  background:
    radial-gradient(circle at 4% 12%, rgba(35, 112, 255, .17), transparent 34vw),
    radial-gradient(circle at 92% 18%, rgba(255, 188, 92, .16), transparent 32vw),
    linear-gradient(115deg, #f9fbff 0%, #eef7f7 44%, #f7efe2 100%) !important;
}

.site-header {
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
  border-bottom: 1px solid rgba(9, 25, 43, .1);
  box-shadow: 0 18px 48px rgba(8, 21, 36, .08);
}

.site-header .button--primary,
.site-header .pvr-button--primary,
.ssx-button--primary,
.pvr-button--primary,
.button--primary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background:
    linear-gradient(135deg, var(--ssx-blue-600), #1745c8 72%, #0b2c8e) !important;
  border-color: rgba(255, 255, 255, .56) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .22);
  box-shadow: 0 18px 38px rgba(12, 78, 224, .25), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}

.ssx-button--secondary,
.pvr-button--secondary,
.button--ghost,
.ssx-button--ghost {
  color: #064fd8 !important;
  -webkit-text-fill-color: #064fd8 !important;
  background:
    linear-gradient(180deg, #fff, #f3f8ff) !important;
  border-color: rgba(20, 92, 255, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 12px 28px rgba(18, 55, 96, .08) !important;
}

.ssx-hero,
.ssx-section,
.ssx-final-cta {
  position: relative;
  overflow: clip;
}

.ssx-home-hero {
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(10, 92, 255, .12) 0 1px, transparent 1px) left 5.4vw top 0 / 1px 100% no-repeat,
    radial-gradient(ellipse at 20% 21%, rgba(42, 118, 255, .18), transparent 31vw),
    radial-gradient(ellipse at 90% 34%, rgba(255, 177, 69, .17), transparent 31vw),
    linear-gradient(110deg, rgba(247, 251, 255, .96), rgba(239, 248, 247, .86) 48%, rgba(250, 239, 218, .82));
}

.ssx-home-hero::before {
  content: "";
  position: absolute;
  inset: clamp(74px, 8vw, 112px) 0 auto;
  height: clamp(220px, 28vw, 430px);
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .65), transparent 45%),
    repeating-linear-gradient(90deg, rgba(10, 42, 72, .045) 0 1px, transparent 1px 84px);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 86%, transparent);
}

.ssx-home-hero::after {
  content: "";
  position: absolute;
  width: clamp(260px, 34vw, 560px);
  aspect-ratio: 1;
  right: -12vw;
  top: 8vw;
  z-index: -1;
  pointer-events: none;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(111, 232, 255, .26), rgba(20, 92, 255, .08) 42%, transparent 70%);
  filter: blur(10px);
}

.ssx-home-hero .ssx-shell {
  max-width: 1220px;
}

.ssx-hero-grid {
  align-items: stretch !important;
  gap: clamp(28px, 5.2vw, 76px) !important;
}

.ssx-hero-copy {
  position: relative;
  overflow: hidden;
  border-radius: clamp(30px, 4vw, 52px) !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  background:
    linear-gradient(128deg, rgba(255, 255, 255, .96), rgba(247, 251, 255, .92) 42%, rgba(238, 248, 255, .76)),
    radial-gradient(circle at 12% 18%, rgba(48, 123, 255, .16), transparent 34%),
    linear-gradient(90deg, rgba(16, 92, 255, .13), transparent 22%) !important;
  box-shadow:
    0 34px 86px rgba(6, 18, 32, .14),
    0 1px 0 rgba(255, 255, 255, .8) inset !important;
}

.ssx-hero-copy::before {
  content: "";
  position: absolute;
  inset: clamp(26px, 3vw, 40px) auto clamp(32px, 4vw, 52px) clamp(14px, 1.4vw, 22px);
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ssx-blue-600), var(--ssx-cyan-350), transparent);
  box-shadow: 0 0 30px rgba(24, 117, 255, .42);
  pointer-events: none;
}

.ssx-hero-copy::after {
  content: "";
  position: absolute;
  width: 42%;
  aspect-ratio: 1.25;
  left: -15%;
  top: 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(22, 100, 255, .13), transparent 68%);
  pointer-events: none;
}

.ssx-eyebrow {
  width: max-content;
  max-width: 100%;
  border-radius: 999px !important;
  letter-spacing: .18em !important;
  color: #064fd8 !important;
  -webkit-text-fill-color: #064fd8 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(237,246,255,.76)) !important;
  border: 1px solid rgba(20, 92, 255, .22) !important;
  box-shadow: 0 10px 28px rgba(20, 92, 255, .11) !important;
}

.ssx-hero-copy h1,
.ssx-section-head h2,
.ssx-final-card h2 {
  letter-spacing: -.064em;
  text-wrap: balance;
  color: #07111f;
}

.ssx-hero-copy h1 {
  max-width: 8.2ch;
  line-height: .86 !important;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .72));
}

.ssx-lead {
  max-width: 720px;
  color: rgba(14, 30, 48, .82) !important;
  text-wrap: pretty;
}

.ssx-actions {
  gap: clamp(12px, 1.6vw, 18px) !important;
}

.ssx-button,
.pvr-button,
.button {
  min-height: 48px;
  border-radius: 999px !important;
  font-weight: 850 !important;
  letter-spacing: .015em !important;
}

.ssx-proof-strip {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .54) !important;
  border: 1px solid rgba(8, 24, 42, .11) !important;
  box-shadow: 0 16px 38px rgba(8, 23, 40, .07), inset 0 1px 0 rgba(255, 255, 255, .85) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.ssx-proof-strip > * {
  color: #0c1726 !important;
  font-weight: 820 !important;
}

.ssx-stat-row {
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, #06101d, #0a1627 62%, #0c2942) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 20px 45px rgba(4, 12, 23, .24) !important;
}

.ssx-dossier {
  position: relative;
  overflow: hidden;
  border-radius: clamp(30px, 3vw, 44px) !important;
  border: 1px solid rgba(160, 205, 255, .18) !important;
  background:
    radial-gradient(circle at 22% 16%, rgba(37, 105, 255, .32), transparent 30%),
    radial-gradient(circle at 100% 0%, rgba(111, 232, 255, .18), transparent 36%),
    linear-gradient(155deg, #102d55 0%, #091423 50%, #06101c 100%) !important;
  box-shadow:
    0 38px 90px rgba(3, 10, 20, .34),
    inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.ssx-dossier > * {
  position: relative;
  z-index: 2;
}

.ssx-dossier::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.065) 0 1px, transparent 1px 76px),
    linear-gradient(180deg, rgba(255,255,255,.055) 0 1px, transparent 1px 76px);
  mask-image: linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.12));
}

.ssx-dossier::after {
  right: auto !important;
  left: clamp(24px, 2.5vw, 36px) !important;
  bottom: clamp(20px, 2vw, 28px) !important;
  width: max-content !important;
  max-width: calc(100% - 48px) !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
  background:
    linear-gradient(135deg, rgba(91, 136, 190, .95), rgba(215, 226, 238, .92)) !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .18) !important;
}

.ssx-dossier-top {
  color: rgba(226, 239, 255, .88) !important;
}

.ssx-route-line {
  position: relative;
  border-color: rgba(196, 220, 255, .15) !important;
}

.ssx-route-line strong,
.ssx-route-line h3,
.ssx-dossier-footer strong,
.ssx-dossier-footer h3 {
  color: #fff !important;
}

.ssx-route-line p,
.ssx-dossier-footer p {
  color: rgba(229, 238, 249, .78) !important;
}

.ssx-section {
  padding-block: clamp(76px, 9vw, 142px) !important;
}

.ssx-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 12%, rgba(18, 99, 255, .09), transparent 26vw),
    radial-gradient(circle at 93% 22%, rgba(255, 183, 79, .12), transparent 28vw);
  opacity: .92;
}

.ssx-section > .ssx-shell,
.ssx-final-cta > .ssx-shell {
  position: relative;
  z-index: 1;
}

.ssx-section-head {
  margin-bottom: clamp(30px, 5vw, 64px) !important;
}

.ssx-section-head h2 {
  max-width: 10.6ch;
  font-size: clamp(42px, 5.4vw, 86px) !important;
  line-height: .9 !important;
}

.ssx-section-head p {
  max-width: 670px;
  color: rgba(12, 28, 46, .72) !important;
  font-size: clamp(17px, 1.6vw, 22px) !important;
  line-height: 1.5 !important;
  text-wrap: pretty;
}

.ssx-section-head--split {
  align-items: end !important;
  gap: clamp(22px, 5vw, 80px) !important;
}

.ssx-lane-board,
.ssx-offer-grid,
.ssx-proof-grid,
.ssx-process-list {
  position: relative;
}

.ssx-lane-card,
.ssx-offer-grid > *,
.ssx-proof-grid > *,
.ssx-process-list > * {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(8, 28, 48, .12) !important;
  box-shadow: 0 24px 58px rgba(8, 25, 44, .105), inset 0 1px 0 rgba(255, 255, 255, .75) !important;
}

.ssx-lane-card,
.ssx-offer-grid > *,
.ssx-process-list > * {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(244, 250, 252, .76)),
    radial-gradient(circle at 12% 8%, rgba(20, 92, 255, .12), transparent 34%) !important;
}

.ssx-lane-card::after,
.ssx-offer-grid > *::after,
.ssx-process-list > *::after {
  content: "";
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 148px;
  aspect-ratio: 1;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(20, 92, 255, .13), transparent 68%);
  pointer-events: none;
}

.ssx-lane-card h3,
.ssx-offer-grid h3,
.ssx-proof-grid h3,
.ssx-process-list h3 {
  color: #081322 !important;
  letter-spacing: -.025em;
  text-wrap: balance;
}

.ssx-lane-card p,
.ssx-offer-grid p,
.ssx-proof-grid p,
.ssx-process-list p {
  color: rgba(13, 30, 50, .72) !important;
  text-wrap: pretty;
}

.ssx-lane-card--large {
  background:
    radial-gradient(circle at 15% 0%, rgba(20, 92, 255, .18), transparent 35%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(238, 248, 255, .78)) !important;
}

.ssx-lane-card--ink,
.ssx-section--ink,
.ssx-final-card {
  color: #f7fbff !important;
}

.ssx-lane-card--ink {
  background:
    radial-gradient(circle at 14% 18%, rgba(20, 92, 255, .34), transparent 34%),
    radial-gradient(circle at 88% 6%, rgba(111, 232, 255, .22), transparent 32%),
    linear-gradient(145deg, #102a49, #07111e 70%) !important;
  border-color: rgba(180, 218, 255, .18) !important;
  box-shadow: 0 30px 70px rgba(3, 11, 21, .28), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.ssx-lane-card--ink h3,
.ssx-lane-card--ink p,
.ssx-lane-card--ink a {
  color: #fff !important;
  -webkit-text-fill-color: currentColor !important;
}

.ssx-section--paper {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(240, 248, 255, .84)),
    radial-gradient(circle at 84% 15%, rgba(20, 92, 255, .1), transparent 34vw) !important;
}

.ssx-offer-grid > *:nth-child(2) {
  transform: translateY(clamp(0px, 1.6vw, 18px));
}

.ssx-offer-grid > *:nth-child(3) {
  transform: translateY(clamp(0px, 3vw, 34px));
}

.ssx-section--ink {
  background:
    radial-gradient(circle at 15% 14%, rgba(34, 110, 255, .3), transparent 31vw),
    radial-gradient(circle at 92% 8%, rgba(111, 232, 255, .16), transparent 26vw),
    linear-gradient(145deg, #0b1a2d 0%, #06101d 58%, #03101a 100%) !important;
}

.ssx-section--ink::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, transparent 1px 92px),
    linear-gradient(180deg, rgba(255,255,255,.04) 0 1px, transparent 1px 92px) !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.75), transparent 82%);
}

.ssx-section--ink .ssx-section-head h2,
.ssx-section--ink .ssx-section-head p,
.ssx-section--ink .ssx-eyebrow {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

.ssx-section--ink .ssx-section-head p,
.ssx-section--ink .ssx-proof-grid p {
  color: rgba(232, 241, 252, .76) !important;
}

.ssx-proof-grid > * {
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.045)),
    radial-gradient(circle at 15% 8%, rgba(45, 116, 255, .2), transparent 34%) !important;
  border-color: rgba(190, 224, 255, .16) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.ssx-proof-grid h3 {
  color: #fff !important;
}

.ssx-process-layout {
  gap: clamp(28px, 5vw, 76px) !important;
}

.ssx-process-list > * {
  border-radius: 28px !important;
}

.ssx-final-cta {
  background:
    linear-gradient(180deg, rgba(247, 251, 255, .2), rgba(245, 239, 228, .65)) !important;
}

.ssx-final-card {
  position: relative;
  overflow: hidden;
  border-radius: clamp(34px, 4vw, 58px) !important;
  background:
    radial-gradient(circle at 14% 14%, rgba(20, 92, 255, .34), transparent 36%),
    radial-gradient(circle at 86% 0%, rgba(111, 232, 255, .22), transparent 32%),
    linear-gradient(145deg, #102d4f, #06101d 62%, #040b14) !important;
  border: 1px solid rgba(199, 224, 255, .18) !important;
  box-shadow: 0 38px 90px rgba(4, 13, 24, .3), inset 0 1px 0 rgba(255, 255, 255, .13) !important;
}

.ssx-final-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 84px),
    linear-gradient(180deg, rgba(255,255,255,.045) 0 1px, transparent 1px 84px);
  pointer-events: none;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.7), transparent 85%);
}

.ssx-final-card h2,
.ssx-final-card p,
.ssx-final-card .ssx-eyebrow {
  color: #fff !important;
  -webkit-text-fill-color: currentColor !important;
}

@media (min-width: 981px) {
  .ssx-home-hero .ssx-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(370px, .72fr) !important;
  }

  .ssx-hero-copy {
    padding: clamp(44px, 5vw, 70px) clamp(34px, 4.5vw, 64px) clamp(34px, 4.2vw, 54px) !important;
  }

  .ssx-dossier {
    min-height: 620px;
  }

  .ssx-lane-board {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: clamp(18px, 2vw, 26px) !important;
    align-items: stretch !important;
  }

  .ssx-lane-card {
    grid-column: span 4;
    min-height: 292px;
    border-radius: 34px !important;
  }

  .ssx-lane-card--large,
  .ssx-lane-card--ink {
    grid-column: span 6;
    min-height: 360px;
  }

  .ssx-offer-grid,
  .ssx-proof-grid {
    gap: clamp(18px, 2vw, 28px) !important;
  }
}

@media (max-width: 980px) {
  .ssx-home-hero .ssx-shell,
  .ssx-section .ssx-shell,
  .ssx-final-cta .ssx-shell {
    width: min(100% - 48px, 760px) !important;
  }

  .ssx-home-hero .ssx-hero-grid {
    grid-template-columns: 1fr !important;
  }

  .ssx-hero-copy h1 {
    max-width: 10.8ch;
    font-size: clamp(54px, 9.2vw, 72px) !important;
  }

  .ssx-dossier {
    min-height: 0;
  }

  .ssx-offer-grid > * {
    transform: none !important;
  }

  .ssx-section-head h2 {
    max-width: 11ch;
  }
}

@media (max-width: 640px) {
  body {
    background:
      radial-gradient(circle at 12% 8%, rgba(20, 92, 255, .16), transparent 280px),
      linear-gradient(150deg, #f7fbff 0%, #eef8f4 48%, #f7efdf 100%) !important;
  }

  .site-header {
    border-radius: 0 0 24px 24px;
  }

  .ssx-home-hero .ssx-shell,
  .ssx-section .ssx-shell,
  .ssx-final-cta .ssx-shell {
    width: min(100% - 28px, 390px) !important;
  }

  .ssx-home-hero {
    background:
      linear-gradient(90deg, rgba(20, 92, 255, .16) 0 2px, transparent 2px) left 14px top 126px / 2px calc(100% - 160px) no-repeat,
      radial-gradient(circle at 12% 20%, rgba(20, 92, 255, .18), transparent 280px),
      radial-gradient(circle at 94% 58%, rgba(255, 187, 91, .2), transparent 260px),
      linear-gradient(160deg, rgba(246,250,255,.96), rgba(243,248,244,.9) 52%, rgba(247,239,224,.92)) !important;
  }

  .ssx-hero-copy {
    border-radius: 30px !important;
    padding: 34px 18px 18px !important;
  }

  .ssx-hero-copy::before {
    left: 10px;
    top: 128px;
    bottom: 122px;
    width: 2px;
  }

  .ssx-eyebrow {
    font-size: 11px !important;
    letter-spacing: .16em !important;
    white-space: normal !important;
  }

  .ssx-hero-copy h1 {
    max-width: 8.4ch;
    font-size: clamp(42px, 12.6vw, 56px) !important;
    line-height: .9 !important;
  }

  .ssx-lead {
    font-size: 17px !important;
    line-height: 1.46 !important;
  }

  .ssx-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .ssx-actions .ssx-button,
  .ssx-actions .pvr-button,
  .ssx-final-card .ssx-button,
  .ssx-final-card .pvr-button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .ssx-proof-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    border-radius: 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .ssx-proof-strip > * {
    min-height: 46px;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(8, 24, 42, .1);
    box-shadow: 0 12px 26px rgba(8, 24, 42, .07);
  }

  .ssx-stat-row {
    border-radius: 18px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .ssx-dossier {
    border-radius: 30px !important;
  }

  .ssx-dossier::after {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 18px;
    text-align: center;
  }

  .ssx-section {
    padding-block: 66px !important;
  }

  .ssx-section-head {
    margin-bottom: 26px !important;
  }

  .ssx-section-head h2,
  .ssx-final-card h2 {
    max-width: 9.8ch;
    font-size: clamp(38px, 11vw, 48px) !important;
    line-height: .92 !important;
  }

  .ssx-section-head p {
    font-size: 17px !important;
    line-height: 1.48 !important;
  }

  .ssx-lane-card,
  .ssx-offer-grid > *,
  .ssx-proof-grid > *,
  .ssx-process-list > * {
    border-radius: 26px !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .ssx-hero-copy,
  .ssx-dossier,
  .ssx-lane-card,
  .ssx-offer-grid > *,
  .ssx-proof-grid > *,
  .ssx-process-list > *,
  .ssx-final-card {
    transition: transform .42s var(--ssx-ease-premium), box-shadow .42s var(--ssx-ease-premium), border-color .42s var(--ssx-ease-premium);
  }

  .ssx-lane-card:hover,
  .ssx-offer-grid > *:hover,
  .ssx-proof-grid > *:hover {
    transform: translateY(-4px);
    border-color: rgba(20, 92, 255, .24) !important;
    box-shadow: 0 30px 72px rgba(8, 25, 44, .14), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
  }

  .ssx-section--ink .ssx-proof-grid > *:hover,
  .ssx-lane-card--ink:hover {
    box-shadow: 0 34px 82px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
  }
}

/* v188 correction: restore proof bar flow, tame hero scale, harden mobile section overflow */
.ssx-hero-copy .ssx-stat-row {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: clamp(16px, 2.2vw, 24px) !important;
  z-index: 3 !important;
}

.ssx-hero-copy .ssx-proof-strip {
  position: relative !important;
  z-index: 3 !important;
  margin-top: clamp(18px, 2.4vw, 28px) !important;
}

.ssx-hero-copy h1,
.ssx-hero-copy .ssx-lead,
.ssx-hero-copy .ssx-actions,
.ssx-hero-copy .ssx-eyebrow {
  position: relative;
  z-index: 3;
}

@media (min-width: 981px) {
  .ssx-hero-copy h1 {
    max-width: 8.8ch !important;
    font-size: clamp(72px, 6.25vw, 98px) !important;
    line-height: .88 !important;
  }

  .ssx-hero-copy .ssx-stat-row {
    width: min(100%, 690px) !important;
  }
}

@media (min-width: 641px) and (max-width: 980px) {
  .ssx-hero-copy h1 {
    max-width: 10.5ch !important;
    font-size: clamp(50px, 7.6vw, 64px) !important;
    line-height: .9 !important;
  }
}

@media (max-width: 640px) {
  .ssx-eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 10px !important;
    line-height: 1.22 !important;
    letter-spacing: .12em !important;
  }

  .ssx-hero-copy .ssx-stat-row {
    margin-top: 14px !important;
    padding-inline: 16px !important;
  }

  .ssx-offer-grid,
  .ssx-proof-grid,
  .ssx-lane-board,
  .ssx-process-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .ssx-offer-grid > *,
  .ssx-proof-grid > *,
  .ssx-lane-board > *,
  .ssx-process-list > *,
  .ssx-section article,
  .ssx-section img {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    translate: none !important;
    transform: none !important;
  }
}

/* v189: production correction - remove hero overlay risk and harden mobile grids. */
body .ssx-hero .ssx-stat-row,
body .ssx-home-hero .ssx-stat-row,
body .ssx-contact-hero .ssx-stat-row {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body .ssx-hero .ssx-hero-copy::after {
  content: "100% Job Success / 4.9 rating / 24 jobs / 189h delivery" !important;
  position: relative !important;
  display: block !important;
  inset: auto !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: min(100%, 720px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: clamp(14px, 2vw, 22px) 0 0 !important;
  padding: clamp(13px, 1.2vw, 17px) clamp(15px, 1.9vw, 24px) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #071626 0%, #123d74 55%, #0b213d 100%) !important;
  box-shadow: 0 22px 48px rgba(7, 22, 38, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  font-family: "Space Grotesk", "Manrope", sans-serif !important;
  font-size: clamp(12px, 1vw, 14px) !important;
  font-weight: 760 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  text-shadow: none !important;
  pointer-events: none !important;
  z-index: 4 !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

@media (min-width: 1024px) {
  body .ssx-hero h1,
  body .ssx-home-hero h1 {
    max-width: 10.6ch !important;
    font-size: clamp(62px, 5.25vw, 82px) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.074em !important;
  }

  body .ssx-hero .ssx-hero-copy {
    padding-top: clamp(36px, 4vw, 60px) !important;
  }
}

@media (max-width: 767px) {
  body .ssx-hero h1,
  body .ssx-home-hero h1 {
    max-width: 10.5ch !important;
    font-size: clamp(40px, 11.2vw, 50px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.06em !important;
  }

  body .ssx-hero .ssx-hero-copy::after {
    content: "100% Job Success / 4.9 rating / 24 jobs" !important;
    width: 100% !important;
    padding: 13px 15px !important;
    border-radius: 18px !important;
    font-size: 11.5px !important;
    letter-spacing: 0.052em !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  body .ssx-eyebrow {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
    letter-spacing: 0.1em !important;
  }
}

@media (max-width: 640px) {
  html body main.ssx-premium #proof-hub .ssx-proof-grid,
  html body #proof-hub .ssx-proof-grid,
  html body .ssx-section--ink .ssx-proof-grid,
  html body main .ssx-proof-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 16px !important;
    overflow: visible !important;
  }

  html body main.ssx-premium #proof-hub .ssx-proof-grid > *,
  html body #proof-hub .ssx-proof-grid > *,
  html body .ssx-section--ink .ssx-proof-grid > *,
  html body main .ssx-proof-grid > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
  }

  html body .ssx-shell,
  html body .ssx-section,
  html body .ssx-hero,
  html body .ssx-hero-copy,
  html body .ssx-offer-grid,
  html body .ssx-lane-board,
  html body .ssx-process-list {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* v190: final CTA contrast repair - no white-on-glass ambiguity. */
html body .ssx-final-cta {
  background:
    radial-gradient(circle at 18% 18%, rgba(37, 99, 235, 0.14), transparent 30%),
    radial-gradient(circle at 82% 8%, rgba(245, 158, 11, 0.16), transparent 34%),
    linear-gradient(180deg, #f7f4ea 0%, #edf6ff 100%) !important;
}

html body .ssx-final-card {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(88, 166, 255, 0.34), transparent 36%),
    radial-gradient(circle at 90% 18%, rgba(19, 194, 194, 0.18), transparent 34%),
    linear-gradient(135deg, #061521 0%, #0a2748 56%, #061423 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 34px 80px rgba(7, 22, 38, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html body .ssx-final-card::before,
html body .ssx-final-card::after {
  opacity: 0.42 !important;
  pointer-events: none !important;
}

html body .ssx-final-card :is(h1, h2, h3) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
}

html body .ssx-final-card :is(p, li, span:not(.ssx-eyebrow)) {
  color: rgba(235, 247, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(235, 247, 255, 0.78) !important;
}

html body .ssx-final-card .ssx-eyebrow {
  color: #9fd3ff !important;
  -webkit-text-fill-color: #9fd3ff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(159, 211, 255, 0.28) !important;
}

html body .ssx-final-card :is(.ssx-button--primary, .button--primary, .pvr-button--primary) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #1161ff 0%, #0b45c4 100%) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 18px 42px rgba(17, 97, 255, 0.34) !important;
}

html body .ssx-final-card :is(.ssx-button--secondary, .button--secondary, .pvr-button--secondary) {
  color: #d9ecff !important;
  -webkit-text-fill-color: #d9ecff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(217, 236, 255, 0.22) !important;
}

/* v191: high-specificity lock for final CTA card contrast. */
html body section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card,
html body main section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card,
html body .ssx-premium section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(88, 166, 255, 0.34), transparent 36%),
    radial-gradient(circle at 90% 18%, rgba(19, 194, 194, 0.18), transparent 34%),
    linear-gradient(135deg, #061521 0%, #0a2748 56%, #061423 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 34px 80px rgba(7, 22, 38, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html body section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(h1, h2, h3),
html body main section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(h1, h2, h3),
html body .ssx-premium section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(h1, h2, h3) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
}

html body section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(p, li, span:not(.ssx-eyebrow)),
html body main section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(p, li, span:not(.ssx-eyebrow)),
html body .ssx-premium section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(p, li, span:not(.ssx-eyebrow)) {
  color: rgba(235, 247, 255, 0.8) !important;
  -webkit-text-fill-color: rgba(235, 247, 255, 0.8) !important;
}

html body section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card .ssx-eyebrow,
html body main section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card .ssx-eyebrow,
html body .ssx-premium section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card .ssx-eyebrow {
  color: #9fd3ff !important;
  -webkit-text-fill-color: #9fd3ff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(159, 211, 255, 0.28) !important;
}

html body section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(.ssx-button--primary, .button--primary, .pvr-button--primary),
html body main section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(.ssx-button--primary, .button--primary, .pvr-button--primary),
html body .ssx-premium section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(.ssx-button--primary, .button--primary, .pvr-button--primary) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #1161ff 0%, #0b45c4 100%) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 18px 42px rgba(17, 97, 255, 0.34) !important;
}

html body section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(.ssx-button--secondary, .button--secondary, .pvr-button--secondary),
html body main section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(.ssx-button--secondary, .button--secondary, .pvr-button--secondary),
html body .ssx-premium section#contact#contact.ssx-final-cta > .ssx-shell.ssx-final-card :is(.ssx-button--secondary, .button--secondary, .pvr-button--secondary) {
  color: #d9ecff !important;
  -webkit-text-fill-color: #d9ecff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(217, 236, 255, 0.22) !important;
}
/* v192 premium art-direction alignment: darker editorial hero, stronger CTA contrast, less generic card rhythm. */
html body .ssx-home-hero {
  isolation: isolate !important;
  color: #f8fbff !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(24, 104, 255, 0.38), rgba(24, 104, 255, 0) 33%),
    radial-gradient(circle at 82% 6%, rgba(23, 199, 194, 0.24), rgba(23, 199, 194, 0) 36%),
    linear-gradient(135deg, #04111f 0%, #082642 48%, #061524 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body .ssx-home-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 28%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, rgba(255, 255, 255, 0) 1px 128px) !important;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.18) 72%, rgba(0, 0, 0, 0)) !important;
  z-index: 0 !important;
}

html body .ssx-home-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .ssx-home-hero .ssx-hero-copy {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.045)) !important;
  border: 1px solid rgba(194, 224, 255, 0.22) !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: blur(18px) !important;
}

html body .ssx-home-hero h1,
html body .ssx-home-hero .ssx-hero-copy h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 20px 56px rgba(0, 0, 0, 0.3) !important;
}

html body .ssx-home-hero .ssx-lead,
html body .ssx-home-hero .ssx-hero-copy p {
  color: rgba(231, 241, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(231, 241, 255, 0.82) !important;
}

html body .ssx-home-hero .ssx-eyebrow {
  width: fit-content !important;
  color: #b8ddff !important;
  -webkit-text-fill-color: #b8ddff !important;
  background: rgba(255, 255, 255, 0.11) !important;
  border-color: rgba(185, 221, 255, 0.22) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18) !important;
}

html body .ssx-home-hero .ssx-button--primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #1680ff, #14c8c2) !important;
  box-shadow: 0 20px 48px rgba(20, 128, 255, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

html body .ssx-home-hero .ssx-button--secondary {
  color: #eef7ff !important;
  -webkit-text-fill-color: #eef7ff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(212, 232, 255, 0.3) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html body .ssx-home-hero .ssx-proof-strip > * {
  color: #eaf5ff !important;
  -webkit-text-fill-color: #eaf5ff !important;
  background: rgba(255, 255, 255, 0.105) !important;
  border-color: rgba(255, 255, 255, 0.17) !important;
}

html body .ssx-home-hero .ssx-dossier {
  background:
    radial-gradient(circle at 20% 0%, rgba(20, 128, 255, 0.28), rgba(20, 128, 255, 0) 38%),
    linear-gradient(145deg, rgba(5, 17, 32, 0.96), rgba(6, 30, 52, 0.94)) !important;
  border-color: rgba(169, 213, 255, 0.24) !important;
  box-shadow: 0 40px 110px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html body .ssx-home-hero .ssx-dossier,
html body .ssx-home-hero .ssx-dossier p,
html body .ssx-home-hero .ssx-dossier li,
html body .ssx-home-hero .ssx-dossier span {
  color: rgba(232, 243, 255, 0.86) !important;
  -webkit-text-fill-color: rgba(232, 243, 255, 0.86) !important;
}

html body .ssx-home-hero .ssx-dossier h2,
html body .ssx-home-hero .ssx-dossier h3,
html body .ssx-home-hero .ssx-dossier strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #service-menu .ssx-offer-grid > * {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #ffffff, #f4f9ff) !important;
  border-color: rgba(8, 38, 66, 0.12) !important;
  box-shadow: 0 22px 60px rgba(4, 17, 31, 0.08) !important;
}

html body #service-menu .ssx-offer-grid > *::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #1680ff, #14c8c2) !important;
}

html body #service-menu .ssx-offer-grid > *:nth-child(2n)::before {
  background: linear-gradient(90deg, #061524, #1680ff) !important;
}

html body #service-menu .ssx-offer-grid > *:nth-child(3n)::before {
  background: linear-gradient(90deg, #14c8c2, #b7f3ff) !important;
}

html body .ssx-button:focus-visible,
html body .pvr-button:focus-visible,
html body .site-nav-cta:focus-visible {
  outline: 3px solid rgba(20, 200, 194, 0.85) !important;
  outline-offset: 4px !important;
}

@media (max-width: 767px) {
  html body .ssx-home-hero {
    padding-top: 74px !important;
  }

  html body .ssx-home-hero .ssx-hero-copy {
    border-radius: 26px !important;
    padding: 22px !important;
  }

  html body .ssx-home-hero h1,
  html body .ssx-home-hero .ssx-hero-copy h1 {
    font-size: clamp(38px, 11.5vw, 48px) !important;
    letter-spacing: -0.055em !important;
    line-height: 0.94 !important;
  }

  html body .ssx-home-hero .ssx-actions {
    gap: 10px !important;
  }

  html body .ssx-home-hero .ssx-proof-strip {
    gap: 8px !important;
  }
}

/* v195 competitive premium art-direction layer: benchmark-led visual + mobile rhythm correction */
body.is-premium-portfolio {
  --v195-ink: #050b14;
  --v195-ink-2: #081424;
  --v195-blue: #0747c9;
  --v195-blue-2: #0b63f6;
  --v195-cyan: #62e3ff;
  --v195-paper: #f6f0e4;
  --v195-ivory: #fbf7ef;
  --v195-line: rgba(7, 17, 31, 0.13);
  --v195-shadow: 0 28px 80px rgba(4, 12, 24, 0.18);
  background:
    radial-gradient(circle at 15% -10%, rgba(98, 227, 255, 0.16), transparent 28rem),
    linear-gradient(180deg, #f8f4ea 0%, #fffaf0 42%, #eef5fb 100%) !important;
  color: #07111f !important;
}

body.is-premium-portfolio .site-header,
body.is-premium-portfolio .ssx-site-header,
body.is-premium-portfolio header.site-header {
  background: rgba(255, 252, 244, 0.86) !important;
  border: 1px solid rgba(7, 17, 31, 0.1) !important;
  box-shadow: 0 18px 48px rgba(7, 17, 31, 0.1) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
}

body.is-premium-portfolio .site-branding,
body.is-premium-portfolio .site-title,
body.is-premium-portfolio .custom-logo-link,
body.is-premium-portfolio .main-navigation a {
  letter-spacing: -0.02em !important;
}

body.is-premium-portfolio main.site-main {
  background: transparent !important;
}

body.is-premium-portfolio main.site-main .ssx-hero {
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 0 clamp(34px, 6vw, 84px) clamp(34px, 6vw, 84px) !important;
  background:
    linear-gradient(110deg, rgba(5, 11, 20, 0.98) 0%, rgba(7, 20, 36, 0.96) 48%, rgba(9, 45, 75, 0.78) 100%),
    radial-gradient(circle at 82% 26%, rgba(98, 227, 255, 0.44), transparent 24rem),
    radial-gradient(circle at 68% 88%, rgba(11, 99, 246, 0.34), transparent 32rem) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.14) !important;
  color: #f8fbff !important;
}

body.is-premium-portfolio main.site-main .ssx-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: clamp(-5rem, -3vw, -2rem);
  top: clamp(4rem, 10vw, 9rem);
  width: clamp(18rem, 43vw, 43rem);
  height: clamp(18rem, 43vw, 43rem);
  border: 1px solid rgba(146, 224, 255, 0.2);
  border-radius: 42% 58% 46% 54% / 46% 38% 62% 54%;
  background:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(98,227,255,0.18), transparent 60%),
    conic-gradient(from 128deg, rgba(98,227,255,0), rgba(98,227,255,0.36), rgba(11,99,246,0.08), rgba(98,227,255,0));
  background-size: 34px 34px, 34px 34px, auto, auto;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.1),
    inset 0 0 80px rgba(98,227,255,0.1),
    0 38px 120px rgba(0,0,0,0.35);
  opacity: 0.86;
  transform: rotate(-8deg);
}

body.is-premium-portfolio main.site-main .ssx-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.09) 1px, transparent 1px) 0 0 / 120px 120px,
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px) 0 0 / 120px 120px,
    radial-gradient(circle at 26% 72%, rgba(98,227,255,0.14), transparent 22rem);
  mask-image: linear-gradient(90deg, #000 0%, #000 62%, transparent 100%);
  opacity: 0.48;
}

body.is-premium-portfolio main.site-main .ssx-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

body.is-premium-portfolio main.site-main .ssx-hero h1 {
  max-width: 11ch !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: "Fraunces", "DM Serif Display", Georgia, "Times New Roman", serif !important;
  font-size: clamp(4.3rem, 7.6vw, 7.9rem) !important;
  line-height: 0.84 !important;
  letter-spacing: -0.075em !important;
  text-wrap: balance !important;
  text-shadow: 0 24px 70px rgba(0,0,0,0.42) !important;
}

body.is-premium-portfolio main.site-main .ssx-contact-hero h1,
body.is-premium-portfolio main.site-main .ssx-case-hero h1 {
  max-width: 13ch !important;
}

body.is-premium-portfolio main.site-main .ssx-hero p,
body.is-premium-portfolio main.site-main .ssx-hero li,
body.is-premium-portfolio main.site-main .ssx-hero span {
  color: rgba(248, 251, 255, 0.86) !important;
}

body.is-premium-portfolio main.site-main .ssx-hero [class*="eyebrow"],
body.is-premium-portfolio main.site-main .ssx-section [class*="eyebrow"],
body.is-premium-portfolio main.site-main .ssx-hero [class*="kicker"],
body.is-premium-portfolio main.site-main .ssx-section [class*="kicker"] {
  width: fit-content !important;
  border: 1px solid rgba(98, 227, 255, 0.36) !important;
  border-radius: 999px !important;
  background: rgba(98, 227, 255, 0.1) !important;
  color: #dff9ff !important;
  -webkit-text-fill-color: #dff9ff !important;
  letter-spacing: 0.14em !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}

body.is-premium-portfolio main.site-main .ssx-hero .ssx-button,
body.is-premium-portfolio main.site-main .ssx-hero .pvr-button,
body.is-premium-portfolio main.site-main .ssx-final-cta .ssx-button,
body.is-premium-portfolio main.site-main .ssx-final-cta .pvr-button,
body.is-premium-portfolio main.site-main a.ssx-button,
body.is-premium-portfolio main.site-main a.pvr-button,
body.is-premium-portfolio main.site-main button.ssx-button,
body.is-premium-portfolio main.site-main input[type="submit"] {
  min-height: 50px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  background: linear-gradient(135deg, #075bf0 0%, #05358d 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 18px 44px rgba(4, 55, 164, 0.34), inset 0 1px 0 rgba(255,255,255,0.22) !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

body.is-premium-portfolio main.site-main .ssx-hero .ssx-button:nth-of-type(2),
body.is-premium-portfolio main.site-main .ssx-hero .pvr-button:nth-of-type(2) {
  background: rgba(248, 251, 255, 0.08) !important;
  border-color: rgba(248, 251, 255, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 18px 44px rgba(0,0,0,0.18) !important;
}

body.is-premium-portfolio main.site-main .ssx-hero .ssx-button:hover,
body.is-premium-portfolio main.site-main .ssx-hero .pvr-button:hover,
body.is-premium-portfolio main.site-main a.ssx-button:hover,
body.is-premium-portfolio main.site-main a.pvr-button:hover {
  transform: translateY(-1px) !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

body.is-premium-portfolio main.site-main .ssx-section {
  position: relative !important;
  overflow: hidden !important;
  border-radius: clamp(28px, 5vw, 68px) !important;
  margin-block: clamp(0.75rem, 2vw, 1.75rem) !important;
  border: 1px solid rgba(7, 17, 31, 0.1) !important;
  box-shadow: 0 24px 70px rgba(7,17,31,0.1) !important;
}

body.is-premium-portfolio main.site-main .ssx-section--ivory,
body.is-premium-portfolio main.site-main .ssx-section--paper,
body.is-premium-portfolio main.site-main .ssx-form-section {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.84), rgba(246,240,228,0.92)),
    radial-gradient(circle at 85% 20%, rgba(11,99,246,0.11), transparent 28rem) !important;
}

body.is-premium-portfolio main.site-main .ssx-section h2 {
  max-width: 15ch !important;
  color: #07111f !important;
  font-family: "Fraunces", "DM Serif Display", Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.55rem, 5vw, 5.65rem) !important;
  line-height: 0.91 !important;
  letter-spacing: -0.06em !important;
  text-wrap: balance !important;
}

body.is-premium-portfolio main.site-main .ssx-lane-card,
body.is-premium-portfolio main.site-main #service-menu article,
body.is-premium-portfolio main.site-main #service-menu [class*="card"],
body.is-premium-portfolio main.site-main #delivery-map article,
body.is-premium-portfolio main.site-main #delivery-map [class*="card"],
body.is-premium-portfolio main.site-main #project-atlas article,
body.is-premium-portfolio main.site-main #project-atlas [class*="card"] {
  position: relative !important;
  border: 1px solid rgba(7, 17, 31, 0.13) !important;
  border-radius: clamp(20px, 3vw, 34px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.88), rgba(246,240,228,0.72)),
    radial-gradient(circle at 92% 8%, rgba(11,99,246,0.11), transparent 18rem) !important;
  box-shadow: 0 20px 56px rgba(7,17,31,0.11) !important;
}

body.is-premium-portfolio main.site-main .ssx-lane-card::before,
body.is-premium-portfolio main.site-main #service-menu article::before,
body.is-premium-portfolio main.site-main #service-menu [class*="card"]::before,
body.is-premium-portfolio main.site-main #delivery-map article::before,
body.is-premium-portfolio main.site-main #delivery-map [class*="card"]::before,
body.is-premium-portfolio main.site-main #project-atlas article::before,
body.is-premium-portfolio main.site-main #project-atlas [class*="card"]::before {
  content: "";
  position: absolute;
  left: clamp(18px, 2.8vw, 32px);
  right: clamp(18px, 2.8vw, 32px);
  top: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0747c9, rgba(98,227,255,0.76), transparent);
  opacity: 0.9;
}

body.is-premium-portfolio main.site-main .ssx-lane-card--ink,
body.is-premium-portfolio main.site-main [class*="card--ink"] {
  background:
    linear-gradient(135deg, rgba(5,11,20,0.98), rgba(8,30,56,0.96)),
    radial-gradient(circle at 78% 22%, rgba(98,227,255,0.22), transparent 22rem) !important;
  color: #f8fbff !important;
  border-color: rgba(248,251,255,0.14) !important;
  box-shadow: 0 28px 86px rgba(5,11,20,0.32) !important;
}

body.is-premium-portfolio main.site-main .ssx-lane-card--ink *,
body.is-premium-portfolio main.site-main [class*="card--ink"] * {
  color: inherit !important;
}

body.is-premium-portfolio main.site-main #service-menu,
body.is-premium-portfolio main.site-main #delivery-map,
body.is-premium-portfolio main.site-main #project-atlas,
body.is-premium-portfolio main.site-main #buying-map,
body.is-premium-portfolio main.site-main .ssx-form-section {
  background-image:
    linear-gradient(rgba(7,17,31,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,17,31,0.045) 1px, transparent 1px),
    linear-gradient(135deg, rgba(255,255,255,0.9), rgba(246,240,228,0.86)) !important;
  background-size: 68px 68px, 68px 68px, auto !important;
}

body.is-premium-portfolio main.site-main #contact-form form,
body.is-premium-portfolio main.site-main .ssx-form-section form {
  border: 1px solid rgba(7,17,31,0.14) !important;
  border-radius: clamp(22px, 3vw, 36px) !important;
  background: rgba(255,255,255,0.86) !important;
  box-shadow: 0 28px 70px rgba(7,17,31,0.13) !important;
}

body.is-premium-portfolio main.site-main #contact-form label,
body.is-premium-portfolio main.site-main .ssx-form-section label {
  color: #07111f !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

body.is-premium-portfolio main.site-main #contact-form input,
body.is-premium-portfolio main.site-main #contact-form textarea,
body.is-premium-portfolio main.site-main #contact-form select,
body.is-premium-portfolio main.site-main .ssx-form-section input,
body.is-premium-portfolio main.site-main .ssx-form-section textarea,
body.is-premium-portfolio main.site-main .ssx-form-section select {
  border: 1px solid rgba(7,17,31,0.16) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.94) !important;
  color: #07111f !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

body.is-premium-portfolio main.site-main #contact-form input:focus,
body.is-premium-portfolio main.site-main #contact-form textarea:focus,
body.is-premium-portfolio main.site-main #contact-form select:focus,
body.is-premium-portfolio main.site-main .ssx-form-section input:focus,
body.is-premium-portfolio main.site-main .ssx-form-section textarea:focus,
body.is-premium-portfolio main.site-main .ssx-form-section select:focus {
  border-color: #075bf0 !important;
  box-shadow: 0 0 0 4px rgba(7,91,240,0.14), inset 0 1px 0 rgba(255,255,255,0.9) !important;
  outline: none !important;
}

body.is-premium-portfolio main.site-main .ssx-final-card,
body.is-premium-portfolio main.site-main .ssx-final-cta {
  background:
    linear-gradient(135deg, rgba(5,11,20,0.98), rgba(8,30,56,0.97)),
    radial-gradient(circle at 84% 12%, rgba(98,227,255,0.24), transparent 24rem) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.16) !important;
}

body.is-premium-portfolio main.site-main .ssx-final-card *,
body.is-premium-portfolio main.site-main .ssx-final-cta * {
  color: inherit !important;
}

@media (min-width: 1100px) {
  body.is-premium-portfolio main.site-main .ssx-hero {
    min-height: min(920px, calc(100svh - 24px)) !important;
    padding-top: clamp(7rem, 10vw, 10rem) !important;
    padding-bottom: clamp(5.5rem, 8vw, 8rem) !important;
  }

  body.is-premium-portfolio main.site-main .ssx-contact-hero,
  body.is-premium-portfolio main.site-main .ssx-case-hero {
    min-height: 720px !important;
  }

  body.is-premium-portfolio main.site-main #systems-lanes .ssx-lane-card--large,
  body.is-premium-portfolio main.site-main #delivery-map article:first-of-type,
  body.is-premium-portfolio main.site-main #delivery-map [class*="card"]:first-of-type {
    transform: translateY(-16px) !important;
  }
}

@media (max-width: 899px) {
  body.is-premium-portfolio .site-header,
  body.is-premium-portfolio .ssx-site-header,
  body.is-premium-portfolio header.site-header {
    top: 8px !important;
    margin-inline: 8px !important;
    border-radius: 22px !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero {
    min-height: auto !important;
    padding: 5.8rem 0.9rem 2.75rem !important;
    border-radius: 0 0 30px 30px !important;
  }

  body.is-premium-portfolio main.site-main .ssx-home-hero {
    min-height: 760px !important;
  }

  body.is-premium-portfolio main.site-main .ssx-contact-hero,
  body.is-premium-portfolio main.site-main .ssx-case-hero {
    min-height: auto !important;
    padding-bottom: 2.25rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero::before {
    right: -7.5rem;
    top: 6.25rem;
    width: 19rem;
    height: 19rem;
    opacity: 0.5;
  }

  body.is-premium-portfolio main.site-main .ssx-hero::after {
    mask-image: linear-gradient(180deg, #000 0%, #000 64%, transparent 100%);
    opacity: 0.32;
  }

  body.is-premium-portfolio main.site-main .ssx-hero h1 {
    max-width: 9.6ch !important;
    font-size: clamp(3rem, 14.6vw, 4.05rem) !important;
    line-height: 0.86 !important;
    letter-spacing: -0.07em !important;
  }

  body.is-premium-portfolio main.site-main .ssx-contact-hero h1,
  body.is-premium-portfolio main.site-main .ssx-case-hero h1 {
    max-width: 10.7ch !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero p {
    font-size: clamp(1rem, 4.1vw, 1.13rem) !important;
    line-height: 1.48 !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero .ssx-button,
  body.is-premium-portfolio main.site-main .ssx-hero .pvr-button,
  body.is-premium-portfolio main.site-main a.ssx-button,
  body.is-premium-portfolio main.site-main a.pvr-button,
  body.is-premium-portfolio main.site-main button.ssx-button,
  body.is-premium-portfolio main.site-main input[type="submit"] {
    width: 100% !important;
    justify-content: center !important;
    min-height: 50px !important;
    font-size: 0.78rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-section {
    margin: 0.75rem 0.55rem !important;
    padding-top: clamp(2.8rem, 11vw, 4rem) !important;
    padding-bottom: clamp(2.8rem, 11vw, 4rem) !important;
    border-radius: 30px !important;
  }

  body.is-premium-portfolio main.site-main .ssx-section h2 {
    max-width: 11ch !important;
    font-size: clamp(2.45rem, 12.5vw, 3.75rem) !important;
    line-height: 0.9 !important;
  }

  body.is-premium-portfolio main.site-main .ssx-lane-card,
  body.is-premium-portfolio main.site-main #service-menu article,
  body.is-premium-portfolio main.site-main #service-menu [class*="card"],
  body.is-premium-portfolio main.site-main #delivery-map article,
  body.is-premium-portfolio main.site-main #delivery-map [class*="card"],
  body.is-premium-portfolio main.site-main #project-atlas article,
  body.is-premium-portfolio main.site-main #project-atlas [class*="card"] {
    min-height: auto !important;
    padding: 1.28rem !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 34px rgba(7,17,31,0.1) !important;
  }

  body.is-premium-portfolio main.site-main #systems-lanes,
  body.is-premium-portfolio main.site-main #service-menu,
  body.is-premium-portfolio main.site-main #delivery-map,
  body.is-premium-portfolio main.site-main #project-atlas,
  body.is-premium-portfolio main.site-main #buying-map,
  body.is-premium-portfolio main.site-main .ssx-form-section {
    background-size: 44px 44px, 44px 44px, auto !important;
  }

  body.is-premium-portfolio main.site-main #contact-form form,
  body.is-premium-portfolio main.site-main .ssx-form-section form {
    padding: 1.15rem !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 420px) {
  body.is-premium-portfolio main.site-main .ssx-home-hero {
    min-height: 728px !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero {
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero h1 {
    font-size: clamp(2.86rem, 14.2vw, 3.72rem) !important;
  }

  body.is-premium-portfolio main.site-main .ssx-section {
    margin-left: 0.45rem !important;
    margin-right: 0.45rem !important;
  }
}

/* v196 correction layer: fix v195 pale hero cards and over-tall responsive rhythm */
body.is-premium-portfolio main.site-main .ssx-hero .ssx-hero-copy {
  border: 1px solid rgba(248, 251, 255, 0.16) !important;
  border-radius: clamp(24px, 4vw, 36px) !important;
  background:
    linear-gradient(135deg, rgba(12, 25, 44, 0.86), rgba(8, 20, 36, 0.7)),
    radial-gradient(circle at 92% 14%, rgba(98, 227, 255, 0.14), transparent 18rem) !important;
  box-shadow: 0 30px 82px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255,255,255,0.11) !important;
}

body.is-premium-portfolio main.site-main .ssx-contact-hero .ssx-intake-card li,
body.is-premium-portfolio main.site-main .ssx-case-hero .ssx-map-card > div,
body.is-premium-portfolio main.site-main .ssx-case-hero .ssx-metric-strip p {
  background: rgba(255, 255, 255, 0.86) !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.13) !important;
}

body.is-premium-portfolio main.site-main .ssx-contact-hero .ssx-intake-card li *,
body.is-premium-portfolio main.site-main .ssx-case-hero .ssx-map-card > div *,
body.is-premium-portfolio main.site-main .ssx-case-hero .ssx-metric-strip p * {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
}

body.is-premium-portfolio main.site-main .ssx-contact-hero .ssx-intake-card li p,
body.is-premium-portfolio main.site-main .ssx-case-hero .ssx-map-card > div span {
  color: #4b627c !important;
  -webkit-text-fill-color: #4b627c !important;
}

@media (min-width: 900px) {
  body.is-premium-portfolio main.site-main .ssx-hero {
    min-height: auto !important;
    padding-top: clamp(5.8rem, 7vw, 7.8rem) !important;
    padding-bottom: clamp(4.5rem, 6vw, 6.2rem) !important;
  }

  body.is-premium-portfolio main.site-main .ssx-home-hero h1 {
    font-size: clamp(4.2rem, 5.8vw, 6.45rem) !important;
    max-width: 10.8ch !important;
  }

  body.is-premium-portfolio main.site-main .ssx-contact-hero h1,
  body.is-premium-portfolio main.site-main .ssx-case-hero h1 {
    font-size: clamp(3.75rem, 5.2vw, 5.85rem) !important;
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  body.is-premium-portfolio main.site-main .ssx-hero {
    min-height: auto !important;
    padding: 5.25rem 1rem 3.25rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-home-hero h1,
  body.is-premium-portfolio main.site-main .ssx-contact-hero h1,
  body.is-premium-portfolio main.site-main .ssx-case-hero h1 {
    font-size: clamp(3.85rem, 8.8vw, 5rem) !important;
    line-height: 0.88 !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero .ssx-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero .ssx-button,
  body.is-premium-portfolio main.site-main .ssx-hero .pvr-button {
    width: auto !important;
    min-width: 13rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-proof-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-proof-strip span {
    width: auto !important;
    min-height: 34px !important;
    padding: 0.45rem 0.75rem !important;
  }
}

@media (max-width: 599px) {
  body.is-premium-portfolio main.site-main .ssx-hero {
    padding-top: 4.45rem !important;
    padding-bottom: 1.65rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero .ssx-hero-copy {
    padding: 1rem !important;
    border-radius: 24px !important;
  }

  body.is-premium-portfolio main.site-main .ssx-home-hero {
    min-height: auto !important;
  }

  body.is-premium-portfolio main.site-main .ssx-home-hero h1,
  body.is-premium-portfolio main.site-main .ssx-contact-hero h1,
  body.is-premium-portfolio main.site-main .ssx-case-hero h1 {
    max-width: 10.5ch !important;
    font-size: clamp(2.58rem, 12.4vw, 3.28rem) !important;
    line-height: 0.9 !important;
    letter-spacing: -0.058em !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero p {
    font-size: 0.96rem !important;
    line-height: 1.42 !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero .ssx-actions {
    gap: 0.55rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-hero .ssx-button,
  body.is-premium-portfolio main.site-main .ssx-hero .pvr-button,
  body.is-premium-portfolio main.site-main a.ssx-button,
  body.is-premium-portfolio main.site-main a.pvr-button,
  body.is-premium-portfolio main.site-main button.ssx-button,
  body.is-premium-portfolio main.site-main input[type="submit"] {
    min-height: 46px !important;
  }

  body.is-premium-portfolio main.site-main .ssx-proof-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.42rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-proof-strip span {
    width: auto !important;
    min-height: 30px !important;
    height: auto !important;
    padding: 0.38rem 0.58rem !important;
    font-size: 0.64rem !important;
    letter-spacing: 0.02em !important;
  }

  body.is-premium-portfolio main.site-main .ssx-contact-hero .ssx-intake-card,
  body.is-premium-portfolio main.site-main .ssx-case-hero .ssx-map-card {
    display: none !important;
  }

  body.is-premium-portfolio main.site-main .ssx-case-hero .ssx-metric-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.42rem !important;
  }

  body.is-premium-portfolio main.site-main .ssx-case-hero .ssx-metric-strip p {
    width: auto !important;
    min-height: 30px !important;
    padding: 0.38rem 0.55rem !important;
    font-size: 0.62rem !important;
  }
}

/* v197: competitive premium rhythm and mobile compression */
:root {
  --ssx-v197-ink: #06111f;
  --ssx-v197-ink-2: #0b2137;
  --ssx-v197-blue: #1262ff;
  --ssx-v197-blue-2: #2f8cff;
  --ssx-v197-cyan: #80efff;
  --ssx-v197-paper: #fbf5e8;
  --ssx-v197-line: rgba(7, 23, 42, .13);
}

body {
  background:
    radial-gradient(circle at 12% 8%, rgba(47, 140, 255, .12), transparent 26rem),
    radial-gradient(circle at 82% 14%, rgba(128, 239, 255, .12), transparent 30rem),
    linear-gradient(180deg, #f7f2e8 0%, #fffaf0 48%, #f3efe6 100%) !important;
}

.ssx-section {
  position: relative;
  overflow: hidden;
}

.ssx-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(7, 23, 42, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 23, 42, .028) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at 50% 0%, #000 0%, transparent 72%);
  opacity: .7;
}

.ssx-section > * {
  position: relative;
  z-index: 1;
}

.ssx-home-hero {
  min-height: auto !important;
  padding: clamp(38px, 4.3vw, 68px) 0 clamp(42px, 5vw, 76px) !important;
  border-bottom-left-radius: clamp(30px, 5vw, 72px) !important;
  border-bottom-right-radius: clamp(30px, 5vw, 72px) !important;
  box-shadow: 0 30px 90px rgba(5, 14, 28, .22) !important;
}

.ssx-home-hero .ssx-hero-grid {
  align-items: stretch !important;
  gap: clamp(22px, 4vw, 52px) !important;
  max-width: min(1210px, calc(100% - 56px)) !important;
}

.ssx-home-hero .ssx-hero-copy,
.ssx-home-hero .ssx-dossier {
  min-height: 0 !important;
}

.ssx-home-hero .ssx-hero-copy {
  padding: clamp(30px, 4vw, 54px) !important;
  border-color: rgba(128, 239, 255, .19) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 28px 80px rgba(0,0,0,.22) !important;
}

.ssx-home-hero h1,
.ssx-contact-hero h1,
.ssx-case-hero h1 {
  letter-spacing: -.068em !important;
  text-wrap: balance;
}

.ssx-home-hero h1 {
  max-width: 710px !important;
  font-size: clamp(54px, 5.15vw, 82px) !important;
  line-height: .86 !important;
}

.ssx-home-hero .ssx-lead {
  max-width: 640px !important;
  font-size: clamp(16px, 1.08vw, 18px) !important;
  line-height: 1.46 !important;
}

.ssx-home-hero .ssx-actions {
  margin-top: clamp(18px, 2vw, 26px) !important;
  gap: 10px !important;
}

.ssx-home-hero .ssx-proof-strip {
  margin-top: clamp(14px, 1.8vw, 22px) !important;
  border-radius: 999px !important;
  border-color: rgba(128, 239, 255, .22) !important;
  background: rgba(4, 18, 34, .72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
}

.ssx-home-hero .ssx-dossier {
  padding: clamp(22px, 2.4vw, 32px) !important;
  align-self: stretch !important;
  border-color: rgba(128, 239, 255, .17) !important;
  background: linear-gradient(155deg, rgba(8, 24, 45, .9), rgba(7, 33, 57, .74)) !important;
}

.ssx-home-hero .ssx-dossier [class*="card"],
.ssx-home-hero .ssx-dossier [class*="step"],
.ssx-home-hero .ssx-dossier li {
  border-radius: 16px !important;
}

#systems-lanes .ssx-lane-card,
#service-menu .ssx-offer-card,
#proof-hub .ssx-proof-card,
#process [class*="step"],
.ssx-final-cta .ssx-cta-panel {
  border-color: rgba(7, 23, 42, .11) !important;
  box-shadow: 0 22px 62px rgba(7, 23, 42, .10), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

#systems-lanes .ssx-lane-card--ink,
#proof-hub,
.ssx-final-cta {
  box-shadow: 0 30px 90px rgba(5, 14, 28, .18) !important;
}

#systems-lanes h2,
#service-menu h2,
#proof-hub h2,
#process h2,
.ssx-final-cta h2 {
  letter-spacing: -.065em !important;
  text-wrap: balance;
}

.pvr-button,
.ssx-actions a,
.ssx-actions button,
form button,
.ssx-final-cta a {
  min-height: 44px;
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

.pvr-button--primary,
.ssx-actions a:first-child,
form button,
.ssx-final-cta a:first-of-type {
  color: #fff !important;
  background: linear-gradient(135deg, var(--ssx-v197-blue), #0a42d7 60%, #062e9e) !important;
  box-shadow: 0 14px 36px rgba(18, 98, 255, .32), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.pvr-button--secondary,
.ssx-actions a + a,
.ssx-final-cta a + a {
  color: #f8fbff !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(185, 222, 255, .36) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
}

@media (min-width: 1100px) {
  .ssx-home-hero .ssx-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, .82fr) !important;
  }

  .ssx-home-hero .ssx-dossier {
    max-height: 560px !important;
  }

  #systems-lanes,
  #service-menu,
  #proof-hub,
  #process,
  .ssx-final-cta {
    padding-top: clamp(72px, 7vw, 112px) !important;
    padding-bottom: clamp(72px, 7vw, 112px) !important;
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  .ssx-home-hero {
    padding: 22px 0 30px !important;
  }

  .ssx-home-hero .ssx-hero-grid {
    display: block !important;
    max-width: calc(100% - 32px) !important;
  }

  .ssx-home-hero .ssx-dossier {
    display: none !important;
  }

  .ssx-home-hero .ssx-hero-copy {
    padding: 30px !important;
    border-radius: 30px !important;
  }

  .ssx-home-hero h1 {
    max-width: 680px !important;
    font-size: clamp(46px, 8vw, 60px) !important;
    line-height: .88 !important;
  }

  .ssx-home-hero .ssx-lead {
    max-width: 620px !important;
    font-size: 15.5px !important;
  }
}

@media (max-width: 599px) {
  .ssx-home-hero {
    padding: 12px 0 18px !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
  }

  .ssx-home-hero .ssx-hero-grid {
    display: block !important;
    max-width: calc(100% - 20px) !important;
  }

  .ssx-home-hero .ssx-dossier {
    display: none !important;
  }

  .ssx-home-hero .ssx-hero-copy {
    padding: 18px 14px 16px !important;
    border-radius: 24px !important;
  }

  .ssx-home-hero .ssx-eyebrow {
    min-height: 0 !important;
    padding: 7px 10px !important;
    font-size: 9px !important;
    letter-spacing: .14em !important;
  }

  .ssx-home-hero h1 {
    max-width: 11ch !important;
    margin: 11px 0 10px !important;
    font-size: clamp(31px, 9.4vw, 37px) !important;
    line-height: .9 !important;
    letter-spacing: -.058em !important;
  }

  .ssx-home-hero .ssx-lead {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  .ssx-home-hero .ssx-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 13px 0 0 !important;
  }

  .ssx-home-hero .ssx-actions a,
  .ssx-home-hero .ssx-actions button {
    min-height: 42px !important;
    padding: 0 12px !important;
    font-size: 10.5px !important;
  }

  .ssx-home-hero .ssx-proof-strip {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    align-items: center !important;
    margin-top: 10px !important;
    padding: 7px !important;
    overflow: hidden !important;
  }

  .ssx-home-hero .ssx-proof-strip > * {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 6px 4px !important;
    font-size: 7.6px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  #systems-lanes,
  #service-menu,
  #proof-hub,
  #process,
  .ssx-final-cta {
    margin-block: 10px !important;
    padding-top: 38px !important;
    padding-bottom: 38px !important;
    border-radius: 28px !important;
  }

  #systems-lanes h2,
  #service-menu h2,
  #proof-hub h2,
  #process h2,
  .ssx-final-cta h2 {
    font-size: clamp(33px, 10.6vw, 42px) !important;
    line-height: .91 !important;
  }

  #systems-lanes .ssx-lane-board,
  #service-menu .ssx-offer-grid {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin-inline: -18px !important;
    padding: 4px 18px 14px !important;
  }

  #systems-lanes .ssx-lane-board::-webkit-scrollbar,
  #service-menu .ssx-offer-grid::-webkit-scrollbar {
    display: none !important;
  }

  #systems-lanes .ssx-lane-card,
  #service-menu .ssx-offer-card {
    flex: 0 0 min(82vw, 318px) !important;
    width: min(82vw, 318px) !important;
    min-height: 254px !important;
    scroll-snap-align: start !important;
  }

  #systems-lanes .ssx-lane-card--large,
  #systems-lanes .ssx-lane-card--ink {
    min-height: 276px !important;
  }

  #service-menu .ssx-offer-card {
    padding: 18px !important;
  }

  #proof-hub .ssx-proof-grid {
    gap: 10px !important;
  }

  #proof-hub .ssx-proof-card {
    border-radius: 18px !important;
  }

  #process [class*="step"] {
    border-radius: 18px !important;
  }
}

/* v198: replace failed mobile rails with safe compact grids */
@media (max-width: 599px) {
  #systems-lanes .ssx-lane-board,
  #service-menu .ssx-offer-grid {
    overflow: visible !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    scrollbar-width: auto !important;
  }

  #systems-lanes .ssx-lane-board {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #systems-lanes .ssx-lane-card {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: initial !important;
    scroll-snap-align: none !important;
    padding: 18px !important;
  }

  #systems-lanes .ssx-lane-card:not(.ssx-lane-card--large) {
    display: grid !important;
    align-content: start !important;
    gap: 10px !important;
  }

  #systems-lanes .ssx-lane-card:not(.ssx-lane-card--large) img,
  #systems-lanes .ssx-lane-card:not(.ssx-lane-card--large) picture,
  #systems-lanes .ssx-lane-card:not(.ssx-lane-card--large) figure {
    max-height: 120px !important;
    object-fit: cover !important;
  }

  #service-menu .ssx-offer-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #service-menu .ssx-offer-grid > * {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 172px !important;
    height: auto !important;
    flex: initial !important;
    scroll-snap-align: none !important;
    padding: 14px 12px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  #service-menu .ssx-offer-grid > * h3,
  #service-menu .ssx-offer-grid > * h4 {
    font-size: 14px !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
  }

  #service-menu .ssx-offer-grid > * p {
    font-size: 11px !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
  }

  #service-menu .ssx-offer-grid > * a,
  #service-menu .ssx-offer-grid > * button {
    min-height: 32px !important;
    padding: 0 9px !important;
    font-size: 8.5px !important;
    letter-spacing: .035em !important;
  }

  #service-menu .ssx-offer-grid > *::before,
  #service-menu .ssx-offer-grid > *::after {
    max-width: 100% !important;
  }
}

@media (max-width: 359px) {
  #service-menu .ssx-offer-grid {
    grid-template-columns: 1fr !important;
  }

  #service-menu .ssx-offer-grid > * {
    min-height: 0 !important;
  }
}
/* v199: premium art-direction hardening, no infrastructure or template changes */
:root {
  --ssx-v199-ink: #16120f;
  --ssx-v199-ink-soft: #2a211b;
  --ssx-v199-paper: #f5efe4;
  --ssx-v199-paper-warm: #eadfcf;
  --ssx-v199-copper: #b86a3b;
  --ssx-v199-red: #9f2f24;
  --ssx-v199-cream: #fff7e8;
  --ssx-v199-green: #315846;
  --ssx-v199-shadow: 0 28px 80px rgba(36, 24, 14, .16);
}

body {
  background:
    radial-gradient(circle at 10% -10%, rgba(184, 106, 59, .20), transparent 34rem),
    radial-gradient(circle at 88% 8%, rgba(49, 88, 70, .16), transparent 32rem),
    linear-gradient(180deg, #f8f0e3 0%, #efe3d0 48%, #f5efe4 100%);
}

#top *,
#systems-lanes *,
#service-menu *,
#proof-hub *,
#process *,
#contact * {
  box-sizing: border-box;
  min-width: 0;
}

#top.ssx-home-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(680px, 68vw, 1060px);
  overflow: hidden;
  color: var(--ssx-v199-cream);
  background:
    radial-gradient(circle at 14% 20%, rgba(184, 106, 59, .38), transparent 24rem),
    radial-gradient(circle at 82% 18%, rgba(159, 47, 36, .34), transparent 28rem),
    radial-gradient(circle at 62% 82%, rgba(49, 88, 70, .34), transparent 32rem),
    linear-gradient(135deg, #130f0c 0%, #251910 52%, #0f1712 100%);
  border-bottom: 1px solid rgba(255, 247, 232, .16);
}

#top.ssx-home-hero::before {
  content: "SELLSYSTEMS";
  position: absolute;
  z-index: -2;
  left: max(-.18em, -5vw);
  top: clamp(3.8rem, 7vw, 8.5rem);
  color: rgba(255, 247, 232, .055);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(4.8rem, 16vw, 18rem);
  font-weight: 900;
  letter-spacing: -.09em;
  line-height: .72;
  pointer-events: none;
  white-space: nowrap;
}

#top.ssx-home-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto -12% -26% -12%;
  height: 52%;
  background:
    linear-gradient(115deg, transparent 0 32%, rgba(255, 247, 232, .10) 32% 33%, transparent 33% 100%),
    repeating-linear-gradient(90deg, rgba(255, 247, 232, .045) 0 1px, transparent 1px 72px);
  transform: skewY(-4deg);
  opacity: .76;
  pointer-events: none;
}

#top.ssx-home-hero .ssx-hero-grid {
  position: relative;
  z-index: 1;
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
  padding-block: clamp(5.8rem, 8vw, 9.5rem);
}

#top.ssx-home-hero .ssx-eyebrow {
  width: fit-content;
  max-width: 100%;
  padding: .62rem .86rem;
  border: 1px solid rgba(255, 247, 232, .24);
  border-radius: 999px;
  background: rgba(255, 247, 232, .09);
  color: #fff7e8;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
  backdrop-filter: blur(14px);
}

#top.ssx-home-hero .ssx-title {
  max-width: 10.8ch;
  color: #fff7e8;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(4rem, 7.6vw, 9.2rem);
  line-height: .78;
  letter-spacing: -.085em;
  text-wrap: balance;
  text-shadow: 0 24px 60px rgba(0, 0, 0, .30);
}

#top.ssx-home-hero .ssx-lede {
  max-width: 41rem;
  color: rgba(255, 247, 232, .84);
  font-size: clamp(1.05rem, 1.3vw, 1.36rem);
  line-height: 1.58;
}

#top.ssx-home-hero .ssx-actions {
  gap: .85rem;
}

#top.ssx-home-hero .pvr-button,
#contact .pvr-button {
  min-height: 3.35rem;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: -.01em;
}

#top.ssx-home-hero .pvr-button--primary,
#contact .pvr-button--primary,
.pvr-button.pvr-button--primary {
  color: #fffaf0 !important;
  background:
    linear-gradient(135deg, #c24d32 0%, #8d251c 100%) !important;
  border-color: rgba(255, 247, 232, .22) !important;
  box-shadow: 0 18px 42px rgba(159, 47, 36, .34), inset 0 1px 0 rgba(255, 255, 255, .18);
}

#top.ssx-home-hero .pvr-button--secondary,
#contact .pvr-button--secondary {
  color: #fff7e8 !important;
  background: rgba(255, 247, 232, .10) !important;
  border-color: rgba(255, 247, 232, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

#top.ssx-home-hero .ssx-dossier {
  border: 1px solid rgba(255, 247, 232, .22);
  background:
    linear-gradient(160deg, rgba(255, 247, 232, .94), rgba(233, 214, 188, .86)),
    radial-gradient(circle at 20% 0%, rgba(184, 106, 59, .22), transparent 18rem);
  border-radius: clamp(1.4rem, 2.4vw, 2.6rem);
  box-shadow: 0 40px 110px rgba(0, 0, 0, .32);
  transform: rotate(-1.2deg);
}

#systems-lanes,
#service-menu,
#process {
  position: relative;
  isolation: isolate;
}

#systems-lanes::before,
#service-menu::before,
#process::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1.2rem;
  border: 1px solid rgba(42, 33, 27, .08);
  border-radius: clamp(1.5rem, 3vw, 3.2rem);
  pointer-events: none;
}

#systems-lanes .ssx-lane-card,
#service-menu .ssx-offer-grid > *,
#proof-hub .ssx-proof-grid > *,
#process [class*="card"],
#process [class*="step"] {
  border: 1px solid rgba(42, 33, 27, .10);
  border-radius: clamp(1.1rem, 2vw, 1.8rem);
  background:
    linear-gradient(160deg, rgba(255, 252, 245, .96), rgba(239, 227, 208, .82)),
    radial-gradient(circle at 0% 0%, rgba(184, 106, 59, .13), transparent 12rem);
  box-shadow: var(--ssx-v199-shadow);
}

#systems-lanes .ssx-lane-card,
#service-menu .ssx-offer-grid > * {
  position: relative;
  overflow: hidden;
}

#systems-lanes .ssx-lane-card::before,
#service-menu .ssx-offer-grid > *::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--ssx-v199-red), var(--ssx-v199-copper), var(--ssx-v199-green));
  opacity: .9;
}

#service-menu .ssx-offer-grid {
  align-items: stretch;
}

#proof-hub {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--ssx-v199-cream);
  background:
    radial-gradient(circle at 18% 10%, rgba(184, 106, 59, .30), transparent 26rem),
    radial-gradient(circle at 86% 42%, rgba(49, 88, 70, .38), transparent 30rem),
    linear-gradient(140deg, #15100d 0%, #261a12 56%, #0d1712 100%);
}

#proof-hub::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 247, 232, .045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 247, 232, .035) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
  pointer-events: none;
}

#proof-hub .ssx-proof-grid > * {
  color: var(--ssx-v199-cream);
  border-color: rgba(255, 247, 232, .14);
  background:
    linear-gradient(160deg, rgba(255, 247, 232, .11), rgba(255, 247, 232, .045));
  box-shadow: 0 24px 74px rgba(0, 0, 0, .26);
  backdrop-filter: blur(16px);
}

#contact.ssx-final-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 8%, rgba(184, 106, 59, .22), transparent 26rem),
    radial-gradient(circle at 90% 0%, rgba(159, 47, 36, .14), transparent 24rem),
    linear-gradient(135deg, #f6efe4 0%, #eadbc5 100%);
}

#contact.ssx-final-cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1rem;
  border: 1px solid rgba(42, 33, 27, .10);
  border-radius: clamp(1.5rem, 3vw, 3rem);
}

@media (min-width: 900px) {
  #service-menu .ssx-offer-grid > *:nth-child(2),
  #service-menu .ssx-offer-grid > *:nth-child(5) {
    transform: translateY(1.15rem);
  }
}

@media (max-width: 899px) {
  #top.ssx-home-hero {
    min-height: 0;
  }

  #top.ssx-home-hero::before {
    top: 4.2rem;
    left: -.34em;
    font-size: clamp(4.3rem, 23vw, 11rem);
    opacity: .82;
  }

  #top.ssx-home-hero .ssx-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    padding-block: clamp(4.7rem, 15vw, 7rem) clamp(4.2rem, 14vw, 6rem);
  }

  #top.ssx-home-hero .ssx-title {
    max-width: 8.8ch;
    font-size: clamp(3.55rem, 14.8vw, 6.5rem);
    line-height: .80;
    letter-spacing: -.078em;
  }

  #top.ssx-home-hero .ssx-lede {
    max-width: 34rem;
    font-size: clamp(1rem, 3.7vw, 1.18rem);
    line-height: 1.52;
  }

  #top.ssx-home-hero .ssx-dossier {
    display: none !important;
  }

  #systems-lanes::before,
  #service-menu::before,
  #process::before,
  #contact.ssx-final-cta::before {
    inset: .65rem;
    border-radius: 1.35rem;
  }

  #systems-lanes .ssx-lane-card,
  #service-menu .ssx-offer-grid > *,
  #proof-hub .ssx-proof-grid > * {
    box-shadow: 0 14px 38px rgba(36, 24, 14, .12);
  }
}

@media (max-width: 520px) {
  #top.ssx-home-hero .ssx-hero-grid {
    padding-block: 4.35rem 3.8rem;
  }

  #top.ssx-home-hero .ssx-title {
    max-width: 8.4ch;
    font-size: clamp(3.05rem, 16.1vw, 4.05rem);
  }

  #top.ssx-home-hero .ssx-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  #top.ssx-home-hero .ssx-actions .pvr-button,
  #contact .pvr-button {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  #systems-lanes .ssx-lane-board,
  #service-menu .ssx-offer-grid,
  #proof-hub .ssx-proof-grid {
    gap: .72rem !important;
  }

  #service-menu .ssx-offer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #service-menu .ssx-offer-grid > * {
    padding: .95rem !important;
    border-radius: 1rem;
  }
}

@media (max-width: 359px) {
  #service-menu .ssx-offer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* v199b: exact CTA selector correction and hero height trim */
#top.ssx-home-hero {
  min-height: clamp(600px, 58vw, 920px);
}

#top.ssx-home-hero .ssx-hero-grid {
  padding-block: clamp(4.6rem, 6.2vw, 7.8rem);
}

#top.ssx-home-hero .ssx-title {
  font-size: clamp(3.65rem, 6.45vw, 7.9rem);
}

.ssx-button,
#systems-lanes .ssx-lane-card a,
#service-menu .ssx-offer-grid > * a,
#contact a[href*="contact"],
#contact a[href*="systems-case-study"] {
  min-height: 2.95rem;
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(42, 33, 27, .14);
}

.ssx-button--primary,
#top.ssx-home-hero .ssx-button--primary,
#contact .ssx-button--primary,
#systems-lanes .ssx-lane-card a[href*="contact"],
#contact a[href*="contact"] {
  color: #fffaf0 !important;
  background: linear-gradient(135deg, #bd5032 0%, #8f2d22 54%, #5d211b 100%) !important;
  border: 1px solid rgba(255, 247, 232, .24) !important;
  box-shadow: 0 20px 48px rgba(159, 47, 36, .30), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
}

.ssx-button--secondary,
#top.ssx-home-hero .ssx-button--secondary,
#contact .ssx-button--secondary,
#contact a[href*="systems-case-study"] {
  color: #fff7e8 !important;
  background: linear-gradient(135deg, rgba(255, 247, 232, .14), rgba(255, 247, 232, .065)) !important;
  border: 1px solid rgba(255, 247, 232, .26) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 16px 36px rgba(0, 0, 0, .16) !important;
  backdrop-filter: blur(12px);
}

#service-menu .ssx-offer-grid > * a[href*="contact"] {
  color: #7b2c21 !important;
  background: rgba(255, 250, 240, .92) !important;
  border: 1px solid rgba(159, 47, 36, .18) !important;
  box-shadow: 0 12px 28px rgba(42, 33, 27, .12) !important;
}

#service-menu .ssx-offer-grid > * a[href*="contact"]:hover,
#systems-lanes .ssx-lane-card a[href*="contact"]:hover,
.ssx-button--primary:hover {
  transform: translateY(-1px);
  filter: saturate(1.05) contrast(1.03);
}

@media (max-width: 899px) {
  #top.ssx-home-hero .ssx-hero-grid {
    padding-block: clamp(3.55rem, 12vw, 5.2rem) clamp(3.2rem, 10vw, 4.7rem);
  }

  #top.ssx-home-hero .ssx-title {
    max-width: 8.9ch;
    font-size: clamp(3.1rem, 13.6vw, 5.7rem);
  }

  #top.ssx-home-hero .ssx-lede {
    font-size: clamp(.98rem, 3.45vw, 1.1rem);
  }
}

@media (max-width: 520px) {
  #top.ssx-home-hero .ssx-hero-grid {
    padding-block: 3.4rem 3.1rem;
  }

  #top.ssx-home-hero .ssx-title {
    max-width: 8.6ch;
    font-size: clamp(2.82rem, 14.7vw, 3.7rem);
  }

  .ssx-button,
  #systems-lanes .ssx-lane-card a,
  #service-menu .ssx-offer-grid > * a,
  #contact a[href*="contact"],
  #contact a[href*="systems-case-study"] {
    min-height: 2.85rem;
  }
}
/* v199c: exact route CTA fill plus fold-height recovery */
#top.ssx-home-hero {
  min-height: clamp(560px, 52vw, 820px);
}

#top.ssx-home-hero .ssx-hero-grid {
  padding-block: clamp(3.9rem, 5vw, 6.4rem);
}

#top.ssx-home-hero .ssx-title {
  max-width: 12ch;
  font-size: clamp(3.35rem, 5.8vw, 7rem);
  line-height: .82;
}

#systems-lanes a[href*="contact"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 3rem !important;
  padding: .82rem 1.15rem !important;
  border-radius: 999px !important;
  color: #fffaf0 !important;
  background: linear-gradient(135deg, #bd5032 0%, #8f2d22 54%, #5d211b 100%) !important;
  border: 1px solid rgba(255, 247, 232, .24) !important;
  box-shadow: 0 18px 40px rgba(159, 47, 36, .26), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
}

@media (max-width: 899px) {
  #top.ssx-home-hero .ssx-hero-grid {
    padding-block: clamp(3rem, 9vw, 4.4rem) clamp(2.8rem, 8vw, 4rem);
  }

  #top.ssx-home-hero .ssx-title {
    max-width: 11.3ch;
    font-size: clamp(2.78rem, 11.6vw, 4.8rem);
    line-height: .84;
  }
}

@media (max-width: 520px) {
  #top.ssx-home-hero .ssx-hero-grid {
    padding-block: 3rem 2.65rem;
  }

  #top.ssx-home-hero .ssx-title {
    max-width: 11ch;
    font-size: clamp(2.52rem, 12.7vw, 3.25rem);
  }
}

/* v199d FINAL EOF OVERRIDE: computed CTA backgrounds + tighter premium fold */
#top.ssx-home-hero {
  min-height: clamp(540px, 48vw, 780px) !important;
}

#top.ssx-home-hero .ssx-hero-grid {
  padding-block: clamp(3.65rem, 4.6vw, 5.8rem) !important;
}

#top.ssx-home-hero .ssx-title {
  max-width: 12.4ch !important;
  font-size: clamp(3.15rem, 5.25vw, 6.5rem) !important;
  line-height: .84 !important;
  letter-spacing: -.074em !important;
}

.ssx-button,
#systems-lanes a[href*="contact"],
#service-menu a[href*="contact"],
#contact a[href*="contact"],
#contact a[href*="systems-case-study"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.95rem !important;
  padding: .82rem 1.12rem !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 247, 232, .22) !important;
}

.ssx-button--primary,
#top.ssx-home-hero .ssx-button--primary,
#contact .ssx-button--primary,
#systems-lanes a[href*="contact"],
#contact a[href*="contact"] {
  color: #fffaf0 !important;
  background-color: #9f2f24 !important;
  background-image: linear-gradient(135deg, #bd5032 0%, #8f2d22 54%, #5d211b 100%) !important;
  box-shadow: 0 18px 40px rgba(159, 47, 36, .28), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
}

.ssx-button--secondary,
#top.ssx-home-hero .ssx-button--secondary,
#contact .ssx-button--secondary,
#contact a[href*="systems-case-study"] {
  color: #fff7e8 !important;
  background-color: #213b32 !important;
  background-image: linear-gradient(135deg, rgba(255, 247, 232, .15), rgba(255, 247, 232, .06)) !important;
  border-color: rgba(255, 247, 232, .27) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 16px 36px rgba(0, 0, 0, .16) !important;
}

#service-menu a[href*="contact"] {
  color: #7b2c21 !important;
  background-color: #fffaf0 !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 231, 211, .92)) !important;
  border-color: rgba(159, 47, 36, .18) !important;
  box-shadow: 0 12px 28px rgba(42, 33, 27, .12) !important;
}

@media (max-width: 899px) {
  #top.ssx-home-hero .ssx-hero-grid {
    padding-block: clamp(2.8rem, 8vw, 4rem) clamp(2.55rem, 7vw, 3.6rem) !important;
  }

  #top.ssx-home-hero .ssx-title {
    max-width: 11.8ch !important;
    font-size: clamp(2.58rem, 10.8vw, 4.35rem) !important;
    line-height: .86 !important;
  }
}

@media (max-width: 520px) {
  #top.ssx-home-hero .ssx-hero-grid {
    padding-block: 2.8rem 2.45rem !important;
  }

  #top.ssx-home-hero .ssx-title {
    max-width: 11.5ch !important;
    font-size: clamp(2.36rem, 11.7vw, 3rem) !important;
  }
}

/* v199e FINAL VALID SELECTORS: force non-transparent computed background-color */
.ssx-button,
.ssx-button--primary,
.ssx-button--secondary,
#top .ssx-button,
#systems-lanes a[href*="contact"],
#service-menu a[href*="contact"],
#contact a[href*="contact"],
#contact a[href*="systems-case-study"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ssx-button--primary,
#top .ssx-button--primary,
#systems-lanes a[href*="contact"],
#contact a[href*="contact"] {
  color: #fffaf0 !important;
  background: #9f2f24 linear-gradient(135deg, #bd5032 0%, #8f2d22 54%, #5d211b 100%) !important;
  border: 1px solid rgba(255, 247, 232, .24) !important;
  box-shadow: 0 18px 40px rgba(159, 47, 36, .28), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
}

.ssx-button--secondary,
#top .ssx-button--secondary,
#contact a[href*="systems-case-study"] {
  color: #fff7e8 !important;
  background: #213b32 linear-gradient(135deg, rgba(255, 247, 232, .15), rgba(255, 247, 232, .06)) !important;
  border: 1px solid rgba(255, 247, 232, .27) !important;
}

#service-menu a[href*="contact"] {
  color: #7b2c21 !important;
  background: #fffaf0 linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 231, 211, .92)) !important;
  border: 1px solid rgba(159, 47, 36, .18) !important;
}

/* v200 premium rhythm pass: mobile editorial density, hierarchy, and form affordance. */
body.is-premium-portfolio .site-main h1,
body.is-premium-portfolio .site-main h2,
body.is-premium-portfolio .site-main h3 {
  text-wrap: balance;
}

body.is-premium-portfolio .site-main p,
body.is-premium-portfolio .site-main li {
  text-wrap: pretty;
}

body.is-premium-portfolio .ssx-section,
body.is-premium-portfolio .ssx-hero {
  scroll-margin-top: 92px;
}

body.is-premium-portfolio .ssx-form-section input,
body.is-premium-portfolio .ssx-form-section select,
body.is-premium-portfolio .ssx-form-section textarea {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, .98) 0%, rgba(255, 247, 234, .94) 100%) !important;
  border: 1px solid rgba(103, 71, 33, .22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 14px 28px rgba(48, 33, 18, .055) !important;
  color: #07111f !important;
  font-weight: 750 !important;
}

body.is-premium-portfolio .ssx-form-section input::placeholder,
body.is-premium-portfolio .ssx-form-section textarea::placeholder {
  color: rgba(31, 45, 67, .66) !important;
  opacity: 1 !important;
}

body.is-premium-portfolio .ssx-form-section input:focus,
body.is-premium-portfolio .ssx-form-section select:focus,
body.is-premium-portfolio .ssx-form-section textarea:focus {
  border-color: rgba(159, 47, 36, .72) !important;
  box-shadow:
    0 0 0 4px rgba(185, 68, 49, .12),
    0 18px 36px rgba(48, 33, 18, .08) !important;
  outline: none !important;
}

body.is-premium-portfolio .ssx-form-section label {
  color: #162016 !important;
}

@media (max-width: 520px) {
  body.is-premium-portfolio .site-main {
    overflow-x: clip;
  }

  body.is-premium-portfolio .ssx-hero {
    min-height: auto !important;
    padding-top: clamp(26px, 8vw, 38px) !important;
    padding-bottom: clamp(34px, 10vw, 52px) !important;
  }

  body.is-premium-portfolio .ssx-section {
    padding-top: clamp(46px, 12vw, 64px) !important;
    padding-bottom: clamp(46px, 12vw, 64px) !important;
  }

  body.is-premium-portfolio .site-main h1 {
    font-size: clamp(2.36rem, 12.2vw, 3.05rem) !important;
    line-height: .92 !important;
    letter-spacing: -.064em !important;
    margin-bottom: .72rem !important;
  }

  body.is-premium-portfolio .site-main h2 {
    font-size: clamp(2.02rem, 10.4vw, 2.72rem) !important;
    line-height: .94 !important;
    letter-spacing: -.058em !important;
    margin-bottom: .82rem !important;
  }

  body.is-premium-portfolio .site-main h3 {
    font-size: clamp(1.16rem, 5.7vw, 1.42rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.034em !important;
  }

  body.is-premium-portfolio .ssx-home-hero .ssx-shell,
  body.is-premium-portfolio .ssx-contact-hero .ssx-shell,
  body.is-premium-portfolio .ssx-case-hero .ssx-shell {
    gap: 18px !important;
  }

  body.is-premium-portfolio #systems-lanes .ssx-lane-board,
  body.is-premium-portfolio #service-menu .ssx-offer-grid,
  body.is-premium-portfolio #proof-hub .ssx-proof-grid,
  body.is-premium-portfolio #delivery-map .ssx-proof-grid,
  body.is-premium-portfolio #project-atlas .ssx-proof-grid,
  body.is-premium-portfolio #buying-map .ssx-offer-grid {
    gap: 14px !important;
  }

  body.is-premium-portfolio #systems-lanes .ssx-lane-card,
  body.is-premium-portfolio #service-menu .ssx-offer-grid > *,
  body.is-premium-portfolio #proof-hub .ssx-proof-grid > *,
  body.is-premium-portfolio #delivery-map .ssx-proof-grid > *,
  body.is-premium-portfolio #project-atlas .ssx-proof-grid > *,
  body.is-premium-portfolio #buying-map .ssx-offer-grid > * {
    padding: clamp(18px, 5.8vw, 24px) !important;
    border-radius: 24px !important;
  }

  body.is-premium-portfolio #service-menu .ssx-offer-grid > *,
  body.is-premium-portfolio #buying-map .ssx-offer-grid > * {
    min-height: unset !important;
  }

  body.is-premium-portfolio .ssx-form-section {
    padding-top: 44px !important;
  }

  body.is-premium-portfolio .ssx-form-section form {
    gap: 14px !important;
  }

  body.is-premium-portfolio .ssx-form-section input,
  body.is-premium-portfolio .ssx-form-section select {
    min-height: 52px !important;
  }

  body.is-premium-portfolio .ssx-form-section textarea {
    min-height: 132px !important;
  }

  body.is-premium-portfolio .ssx-final-cta {
    padding-top: 52px !important;
    padding-bottom: 54px !important;
  }
}

@media (min-width: 900px) {
  body.is-premium-portfolio .ssx-form-section input,
  body.is-premium-portfolio .ssx-form-section select,
  body.is-premium-portfolio .ssx-form-section textarea {
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  }

  body.is-premium-portfolio .ssx-form-section input:focus,
  body.is-premium-portfolio .ssx-form-section select:focus,
  body.is-premium-portfolio .ssx-form-section textarea:focus {
    transform: translateY(-1px);
  }
}

/* v207 campaign art-direction polish: contrast, dossier clipping, less catalog mass */
:root {
  --ssx-v207-ink: #071521;
  --ssx-v207-night: #10161f;
  --ssx-v207-ember: #cf4d1e;
  --ssx-v207-brass: #b87833;
  --ssx-v207-cream: #fff4e2;
  --ssx-v207-paper: #f8efe1;
  --ssx-v207-line: rgba(7, 21, 33, .13);
}

.pvr-button.pvr-button--primary,
a.pvr-button.pvr-button--primary,
button.pvr-button.pvr-button--primary,
a[class~="pvr-button--primary"],
.ssx-button--primary,
.ssx-cta--primary,
a[class*="button"][class*="primary"] {
  color: #fff8ec !important;
  background: linear-gradient(135deg, #111821 0%, #8d3518 54%, #cf5b23 100%) !important;
  border-color: rgba(255, 244, 226, .36) !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .32) !important;
  box-shadow: 0 18px 42px rgba(83, 29, 12, .27), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

.pvr-button.pvr-button--primary:hover,
a.pvr-button.pvr-button--primary:hover,
a[class~="pvr-button--primary"]:hover,
.ssx-button--primary:hover,
.ssx-cta--primary:hover,
a[class*="button"][class*="primary"]:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #071521 0%, #a23e18 50%, #e06a2a 100%) !important;
  transform: translateY(-1px);
}

.pvr-button.pvr-button--primary:focus-visible,
a.pvr-button.pvr-button--primary:focus-visible,
a[class~="pvr-button--primary"]:focus-visible,
.ssx-button--primary:focus-visible,
.ssx-cta--primary:focus-visible {
  outline: 3px solid rgba(255, 198, 111, .86) !important;
  outline-offset: 4px !important;
}

:where(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map) {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
}

:where(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map) > .ssx-shell {
  position: relative;
  z-index: 1;
}

:where(#systems-lanes, #service-menu, #delivery-map, #project-atlas, #buying-map) :is(.ssx-section__title, h2) {
  text-wrap: balance;
}

:where(#systems-lanes, #service-menu, #delivery-map, #project-atlas, #buying-map) :is(.ssx-section__lede, .ssx-section__copy, p) {
  text-wrap: pretty;
}

@media (min-width: 1024px) {
  #top.ssx-home-hero .ssx-hero-grid {
    align-items: start !important;
    gap: clamp(42px, 4.8vw, 76px) !important;
    padding-top: clamp(52px, 5.2vw, 74px) !important;
    padding-bottom: clamp(46px, 4.7vw, 68px) !important;
  }

  #top.ssx-home-hero .ssx-hero-copy {
    overflow: visible !important;
  }

  #top.ssx-home-hero .ssx-dossier {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: clamp(30px, 2.55vw, 40px) !important;
    border-radius: 34px !important;
    box-shadow: 0 34px 86px rgba(7, 21, 33, .28), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
  }

  #top.ssx-home-hero .ssx-dossier-footer {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: clamp(16px, 1.55vw, 24px) 0 0 !important;
    padding: 18px clamp(18px, 2vw, 28px) !important;
    border-radius: 22px !important;
    overflow: visible !important;
  }

  #top.ssx-home-hero .ssx-dossier-footer :is(p, span, strong) {
    max-width: 34ch;
  }

  :where(#systems-lanes, #service-menu, #delivery-map, #project-atlas, #buying-map) {
    padding-top: clamp(82px, 7vw, 122px) !important;
    padding-bottom: clamp(82px, 7vw, 122px) !important;
  }

  #systems-lanes::before,
  #delivery-map::before {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: clamp(70px, 9vw, 136px);
    right: max(28px, calc((100vw - 1200px) / 2));
    width: clamp(240px, 28vw, 430px);
    height: clamp(420px, 45vw, 690px);
    border: 1px solid rgba(184, 120, 51, .22);
    border-radius: 999px;
    background:
      radial-gradient(circle at 38% 24%, rgba(207, 77, 30, .2), transparent 34%),
      radial-gradient(circle at 68% 70%, rgba(7, 21, 33, .13), transparent 44%);
    transform: rotate(11deg);
    opacity: .82;
  }

  #service-menu::after,
  #buying-map::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    left: max(22px, calc((100vw - 1180px) / 2));
    bottom: clamp(34px, 5vw, 86px);
    width: clamp(210px, 24vw, 370px);
    height: 2px;
    background: linear-gradient(90deg, rgba(7, 21, 33, .02), rgba(184, 120, 51, .72), rgba(207, 77, 30, .1));
    box-shadow: 0 -44px 82px rgba(207, 77, 30, .14);
  }

  :where(#systems-lanes, #service-menu, #delivery-map, #project-atlas, #buying-map) > .ssx-shell {
    max-width: 1180px !important;
  }

  :where(#systems-lanes, #service-menu, #delivery-map, #project-atlas, #buying-map) :is(.ssx-section__header, .ssx-section-copy, [class*="section-head"], header) {
    max-width: 760px !important;
  }

  :where(#systems-lanes, #service-menu, #delivery-map, #project-atlas, #buying-map) :is(.ssx-section__title, h2) {
    letter-spacing: -.064em !important;
    line-height: .9 !important;
  }

  :where(#systems-lanes, #service-menu, #delivery-map, #project-atlas, #buying-map) :is(.ssx-route-card, .ssx-service-card, .ssx-card, article, [class*="card"]) {
    min-height: 0 !important;
    padding: clamp(22px, 2.1vw, 34px) !important;
    border-radius: clamp(24px, 2.2vw, 34px) !important;
  }

  :where(#systems-lanes, #service-menu, #delivery-map, #project-atlas, #buying-map) :is(.ssx-route-card, .ssx-service-card, .ssx-card, article, [class*="card"]) :is(p, li) {
    line-height: 1.55 !important;
  }

  #systems-lanes .ssx-shell > :is(.ssx-grid, .ssx-route-grid, .ssx-card-grid, [class*="grid"], [class*="cards"], [class*="lanes"]),
  #delivery-map .ssx-shell > :is(.ssx-grid, .ssx-route-grid, .ssx-card-grid, [class*="grid"], [class*="cards"], [class*="lanes"]) {
    gap: clamp(18px, 2vw, 30px) !important;
    align-items: stretch !important;
  }

  #service-menu .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]),
  #buying-map .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]) {
    gap: clamp(18px, 1.8vw, 28px) !important;
    align-items: stretch !important;
  }
}

@media (min-width: 1180px) {
  #systems-lanes .ssx-shell > :is(.ssx-grid, .ssx-route-grid, .ssx-card-grid, [class*="grid"], [class*="cards"], [class*="lanes"]),
  #delivery-map .ssx-shell > :is(.ssx-grid, .ssx-route-grid, .ssx-card-grid, [class*="grid"], [class*="cards"], [class*="lanes"]) {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
  }

  #systems-lanes .ssx-shell > :is(.ssx-grid, .ssx-route-grid, .ssx-card-grid, [class*="grid"], [class*="cards"], [class*="lanes"]) > :is(.ssx-route-card, .ssx-card, article, [class*="card"]):first-child,
  #delivery-map .ssx-shell > :is(.ssx-grid, .ssx-route-grid, .ssx-card-grid, [class*="grid"], [class*="cards"], [class*="lanes"]) > :is(.ssx-route-card, .ssx-card, article, [class*="card"]):first-child {
    grid-row: span 2;
    background: linear-gradient(145deg, rgba(7, 21, 33, .97), rgba(26, 39, 51, .94)) !important;
    color: #fff4e2 !important;
    transform: translateY(-8px);
    box-shadow: 0 32px 78px rgba(7, 21, 33, .2) !important;
  }

  #systems-lanes .ssx-shell > :is(.ssx-grid, .ssx-route-grid, .ssx-card-grid, [class*="grid"], [class*="cards"], [class*="lanes"]) > :is(.ssx-route-card, .ssx-card, article, [class*="card"]):first-child :is(h3, h4, p, li, span),
  #delivery-map .ssx-shell > :is(.ssx-grid, .ssx-route-grid, .ssx-card-grid, [class*="grid"], [class*="cards"], [class*="lanes"]) > :is(.ssx-route-card, .ssx-card, article, [class*="card"]):first-child :is(h3, h4, p, li, span) {
    color: inherit !important;
  }

  #service-menu .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]),
  #buying-map .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]) {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  #service-menu .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]) > :is(.ssx-service-card, .ssx-card, article, [class*="card"]),
  #buying-map .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]) > :is(.ssx-service-card, .ssx-card, article, [class*="card"]) {
    grid-column: span 2;
  }

  #service-menu .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]) > :is(.ssx-service-card, .ssx-card, article, [class*="card"]):first-child,
  #buying-map .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]) > :is(.ssx-service-card, .ssx-card, article, [class*="card"]):first-child {
    grid-column: span 3;
  }

  #service-menu .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]) > :is(.ssx-service-card, .ssx-card, article, [class*="card"]):nth-child(2),
  #buying-map .ssx-shell > :is(.ssx-grid, .ssx-service-grid, .ssx-card-grid, [class*="grid"], [class*="cards"]) > :is(.ssx-service-card, .ssx-card, article, [class*="card"]):nth-child(2) {
    grid-column: span 3;
  }
}

@media (max-width: 767px) {
  .pvr-button.pvr-button--primary,
  a.pvr-button.pvr-button--primary,
  a[class~="pvr-button--primary"],
  .ssx-button--primary,
  .ssx-cta--primary {
    min-height: 46px;
    color: #fffaf0 !important;
  }

  #top.ssx-home-hero .ssx-hero-grid {
    gap: 18px !important;
    padding-top: 24px !important;
    padding-bottom: 44px !important;
  }

  #top.ssx-home-hero .ssx-hero-copy {
    overflow: visible !important;
    padding: 24px 18px !important;
    border-radius: 28px !important;
  }

  #top.ssx-home-hero .ssx-dossier {
    overflow: visible !important;
    padding: 20px !important;
    border-radius: 28px !important;
  }

  #top.ssx-home-hero .ssx-dossier-footer {
    margin: 16px 0 0 !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  :where(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map) {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  :where(#systems-lanes, #service-menu, #delivery-map, #project-atlas, #buying-map) :is(.ssx-route-card, .ssx-service-card, .ssx-card, article, [class*="card"]) {
    padding: 18px !important;
    border-radius: 24px !important;
  }
}

/* v208 dossier containment correction: keep outcome footer inside the desktop visual card */
@media (min-width: 1024px) {
  #top.ssx-home-hero .ssx-dossier {
    position: relative !important;
    padding-bottom: clamp(138px, 10vw, 164px) !important;
  }

  #top.ssx-home-hero .ssx-dossier-footer {
    position: absolute !important;
    left: clamp(24px, 2.35vw, 34px) !important;
    right: clamp(24px, 2.35vw, 34px) !important;
    bottom: clamp(22px, 2vw, 30px) !important;
    width: auto !important;
    margin: 0 !important;
    padding: 16px 18px !important;
  }
}

/* v209 production correction: remove desktop dossier overlap and keep home grids visibly contained */
@media (min-width: 1024px) {
  #top.ssx-home-hero .ssx-dossier,
  body.home #top .ssx-dossier {
    padding-bottom: clamp(30px, 2.55vw, 42px) !important;
    overflow: visible !important;
  }

  #top.ssx-home-hero .ssx-dossier-footer,
  body.home #top .ssx-dossier-footer {
    display: none !important;
  }
}

@media (min-width: 1180px) {
  #systems-lanes .ssx-lane-board {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: clamp(20px, 1.8vw, 28px) !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  #systems-lanes .ssx-lane-card {
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
  }

  #systems-lanes .ssx-lane-card--large {
    grid-column: span 6 !important;
    grid-row: span 2 !important;
    transform: translateY(-8px) !important;
  }

  #systems-lanes .ssx-lane-card:not(.ssx-lane-card--large):not(.ssx-lane-card--ink) {
    grid-column: span 3 !important;
  }

  #systems-lanes .ssx-lane-card--ink {
    grid-column: 1 / -1 !important;
    transform: none !important;
  }

  #service-menu .ssx-offer-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(20px, 1.8vw, 28px) !important;
    overflow: visible !important;
  }

  #service-menu .ssx-offer-card,
  #service-menu [class*="offer-card"] {
    grid-column: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
  }
}

@media (min-width: 1600px) {
  #systems-lanes .ssx-lane-board,
  #service-menu .ssx-offer-grid {
    max-width: min(1280px, calc(100vw - 96px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* v210 production polish: tighten final CTA mass so desktop endings do not read as empty black space */
@media (min-width: 1024px) {
  .ssx-final-cta {
    padding-top: clamp(68px, 5.8vw, 96px) !important;
    padding-bottom: clamp(68px, 5.8vw, 96px) !important;
  }

  .ssx-final-cta .ssx-final-card {
    min-height: 0 !important;
    padding-top: clamp(44px, 4.4vw, 70px) !important;
    padding-bottom: clamp(44px, 4.4vw, 70px) !important;
  }

  .ssx-final-cta .ssx-final-card h2 {
    max-width: min(940px, 76vw) !important;
    font-size: clamp(3.75rem, 5.15vw, 6rem) !important;
    line-height: 0.9 !important;
    letter-spacing: -0.07em !important;
    text-wrap: balance !important;
  }

  .ssx-final-cta .ssx-actions {
    margin-top: clamp(22px, 2vw, 32px) !important;
  }
}

@media (min-width: 1600px) {
  .ssx-final-cta .ssx-final-card h2 {
    max-width: 980px !important;
  }
}

/* v211 production correction: case desktop cards must never render as clipped horizontal rails */
@media (min-width: 1180px) {
  #delivery-map,
  #project-atlas,
  #buying-map {
    overflow-x: clip !important;
  }

  #delivery-map .ssx-proof-grid.ssx-proof-grid--light {
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
    gap: clamp(28px, 2.35vw, 46px) !important;
    max-width: min(1200px, calc(100vw - 96px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    transform: none !important;
  }

  #delivery-map .ssx-proof-grid.ssx-proof-grid--light > article {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    transform: none !important;
    overflow: hidden !important;
  }

  #delivery-map .ssx-proof-grid.ssx-proof-grid--light > article:nth-of-type(1) {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    min-height: clamp(520px, 38vw, 680px) !important;
  }

  #delivery-map .ssx-proof-grid.ssx-proof-grid--light > article:nth-of-type(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #delivery-map .ssx-proof-grid.ssx-proof-grid--light > article:nth-of-type(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  #delivery-map .ssx-proof-grid.ssx-proof-grid--light > article:nth-of-type(4) {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    min-height: clamp(260px, 18vw, 340px) !important;
  }

  #buying-map .ssx-offer-grid.ssx-offer-grid--dark {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(22px, 2vw, 34px) !important;
    max-width: min(1120px, calc(100vw - 96px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    transform: none !important;
  }

  #buying-map .ssx-offer-grid.ssx-offer-grid--dark > article {
    grid-column: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
    overflow: hidden !important;
  }
}

@media (min-width: 1180px) and (max-width: 1439px) {
  #delivery-map .ssx-proof-grid.ssx-proof-grid--light,
  #buying-map .ssx-offer-grid.ssx-offer-grid--dark {
    max-width: calc(100vw - 64px) !important;
  }
}

/* v212 contrast lock: dark cards must keep readable secondary copy */
#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article p,
#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article li,
#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article small {
  color: rgba(233, 242, 255, .72) !important;
}

#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article h1,
#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article h2,
#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article h3,
#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article h4,
#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article strong {
  color: #ffffff !important;
}

#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article a,
#buying-map .ssx-offer-grid.ssx-offer-grid--dark > article button {
  color: #ffffff !important;
}

#delivery-map :is([class*="eyebrow"], [class*="kicker"], [class*="section-label"]),
#project-atlas :is([class*="eyebrow"], [class*="kicker"], [class*="section-label"]),
#buying-map :is([class*="eyebrow"], [class*="kicker"], [class*="section-label"]) {
  color: #173047 !important;
  text-shadow: none !important;
}

/* v213 cascade override: beat late inline buying-map paragraph lock */
html body.is-premium-portfolio main.site-main #buying-map .ssx-offer-grid.ssx-offer-grid--dark > article p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #buying-map .ssx-offer-grid.ssx-offer-grid--dark > article li,
html body.is-premium-portfolio main.site-main #buying-map .ssx-offer-grid.ssx-offer-grid--dark > article small {
  color: rgba(233, 242, 255, .76) !important;
}

/* v214 readability lock: dark-card body copy must be readable in screenshots and real viewport */
html body.is-premium-portfolio main.site-main #buying-map .ssx-offer-grid.ssx-offer-grid--dark > article p:not(.ssx-eyebrow) {
  color: #f3f8ff !important;
  font-size: clamp(16px, .98vw, 18px) !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
}

/* v215: paint-level contrast hardening after visual QA.
   Chromium can render glyphs from -webkit-text-fill-color even when computed color is correct. */
html body.is-premium-portfolio main.site-main #buying-map .ssx-offer-grid.ssx-offer-grid--dark > article p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #buying-map .ssx-offer-grid.ssx-offer-grid--dark > article li,
html body.is-premium-portfolio main.site-main #buying-map .ssx-offer-grid.ssx-offer-grid--dark > article small {
  color: #f3f8ff !important;
  -webkit-text-fill-color: #f3f8ff !important;
  text-fill-color: #f3f8ff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(1, 9, 18, .28) !important;
}

html body.is-premium-portfolio .pvr-button.pvr-button--primary,
html body.is-premium-portfolio a.pvr-button.pvr-button--primary,
html body .pvr-button.pvr-button--primary,
html body a.pvr-button.pvr-button--primary {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  text-fill-color: #fffaf0 !important;
  text-shadow: 0 1px 1px rgba(3, 12, 24, .22) !important;
}

html body.is-premium-portfolio .pvr-button.pvr-button--primary:hover,
html body.is-premium-portfolio .pvr-button.pvr-button--primary:focus-visible,
html body .pvr-button.pvr-button--primary:hover,
html body .pvr-button.pvr-button--primary:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-fill-color: #ffffff !important;
}

/* v216: root canvas guard for full-page capture and tall viewport endings.
   Prevent transparent html/body from rendering as black below the final premium section. */
html,
body,
body.is-premium-portfolio,
body.is-premium-portfolio .wp-site-blocks,
body.is-premium-portfolio main.site-main,
body.is-premium-portfolio main.portfolio-premium {
  background-color: #f4efe6 !important;
}

body.is-premium-portfolio .ssx-section--ink,
body.is-premium-portfolio .ssx-hero,
body.is-premium-portfolio .ssx-final-cta {
  background-color: transparent;
}

/* v217 - paint-level contrast hardening across premium dark surfaces and form microcopy */
html body.is-premium-portfolio main.site-main #top.ssx-home-hero .ssx-hero__lead,
html body.is-premium-portfolio main.site-main #top.ssx-home-hero .ssx-hero__proof,
html body.is-premium-portfolio main.site-main #top.ssx-home-hero .ssx-hero__copy p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #case-hero .ssx-hero__lead,
html body.is-premium-portfolio main.site-main #contact-hero .ssx-hero__lead,
html body.is-premium-portfolio main.site-main #proof-hub .ssx-section-head p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #case-action .ssx-section-head p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #contact.ssx-final-cta .ssx-section-head p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main .ssx-final-cta p:not(.ssx-eyebrow) {
  color: rgba(245, 249, 255, .84) !important;
  -webkit-text-fill-color: rgba(245, 249, 255, .84) !important;
  text-fill-color: rgba(245, 249, 255, .84) !important;
  text-shadow: 0 1px 2px rgba(1, 9, 18, .24) !important;
}

html body.is-premium-portfolio main.site-main #top.ssx-home-hero h1,
html body.is-premium-portfolio main.site-main #case-hero h1,
html body.is-premium-portfolio main.site-main #contact-hero h1,
html body.is-premium-portfolio main.site-main #proof-hub h2,
html body.is-premium-portfolio main.site-main #case-action h2,
html body.is-premium-portfolio main.site-main #contact.ssx-final-cta h2,
html body.is-premium-portfolio main.site-main .ssx-final-cta h2 {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  text-fill-color: #fffaf0 !important;
}

html body.is-premium-portfolio main.site-main #proof-hub .ssx-proof-grid > article,
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:first-child,
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:nth-child(3),
html body.is-premium-portfolio main.site-main #case-action .ssx-proof-grid > article,
html body.is-premium-portfolio main.site-main #contact.ssx-final-cta .ssx-final-cta__panel,
html body.is-premium-portfolio main.site-main .ssx-card--dark,
html body.is-premium-portfolio main.site-main .ssx-proof-card--dark {
  color: rgba(245, 249, 255, .88) !important;
}

html body.is-premium-portfolio main.site-main #proof-hub .ssx-proof-grid > article p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #proof-hub .ssx-proof-grid > article li,
html body.is-premium-portfolio main.site-main #proof-hub .ssx-proof-grid > article small,
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:first-child p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:first-child li,
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:first-child small,
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:nth-child(3) p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:nth-child(3) li,
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:nth-child(3) small,
html body.is-premium-portfolio main.site-main #case-action .ssx-proof-grid > article p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #case-action .ssx-proof-grid > article li,
html body.is-premium-portfolio main.site-main #case-action .ssx-proof-grid > article small,
html body.is-premium-portfolio main.site-main .ssx-card--dark p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main .ssx-card--dark li,
html body.is-premium-portfolio main.site-main .ssx-card--dark small,
html body.is-premium-portfolio main.site-main .ssx-proof-card--dark p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main .ssx-proof-card--dark li,
html body.is-premium-portfolio main.site-main .ssx-proof-card--dark small {
  color: rgba(245, 249, 255, .84) !important;
  -webkit-text-fill-color: rgba(245, 249, 255, .84) !important;
  text-fill-color: rgba(245, 249, 255, .84) !important;
  text-shadow: 0 1px 2px rgba(1, 9, 18, .22) !important;
}

html body.is-premium-portfolio main.site-main #proof-hub .ssx-proof-grid > article h3,
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:first-child h3,
html body.is-premium-portfolio main.site-main #project-atlas .ssx-proof-grid > article:nth-child(3) h3,
html body.is-premium-portfolio main.site-main #case-action .ssx-proof-grid > article h3,
html body.is-premium-portfolio main.site-main .ssx-card--dark h3,
html body.is-premium-portfolio main.site-main .ssx-proof-card--dark h3 {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  text-fill-color: #fffaf0 !important;
}

html body.is-premium-portfolio main.site-main .ssx-form-note,
html body.is-premium-portfolio main.site-main .contact-form-note,
html body.is-premium-portfolio main.site-main .wpcf7-response-output,
html body.is-premium-portfolio main.site-main #contact-form form > p,
html body.is-premium-portfolio main.site-main #contact-form .ssx-form-panel > p:not(.ssx-eyebrow) {
  color: #536579 !important;
  -webkit-text-fill-color: #536579 !important;
  text-fill-color: #536579 !important;
  font-weight: 620 !important;
  line-height: 1.45 !important;
}

html body.is-premium-portfolio main.site-main .pvr-button.pvr-button--primary,
html body.is-premium-portfolio main.site-main a.pvr-button.pvr-button--primary,
html body.is-premium-portfolio main.site-main button.pvr-button.pvr-button--primary,
html body.is-premium-portfolio main.site-main input[type="submit"].pvr-button--primary {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  text-fill-color: #fffaf0 !important;
  text-shadow: 0 1px 1px rgba(38, 8, 1, .34) !important;
}

/* v218 - light-section eyebrow and form counter legibility */
html body.is-premium-portfolio main.site-main #systems-lanes > .ssx-shell > .ssx-section-head .ssx-eyebrow,
html body.is-premium-portfolio main.site-main #service-menu > .ssx-shell > .ssx-section-head .ssx-eyebrow,
html body.is-premium-portfolio main.site-main #process > .ssx-shell > .ssx-section-head .ssx-eyebrow,
html body.is-premium-portfolio main.site-main #delivery-map > .ssx-shell > .ssx-section-head .ssx-eyebrow,
html body.is-premium-portfolio main.site-main #project-atlas > .ssx-shell > .ssx-section-head .ssx-eyebrow,
html body.is-premium-portfolio main.site-main #buying-map > .ssx-shell > .ssx-section-head .ssx-eyebrow,
html body.is-premium-portfolio main.site-main #contact-form > .ssx-shell > .ssx-section-head .ssx-eyebrow,
html body.is-premium-portfolio main.site-main #contact-form .ssx-form-panel > .ssx-eyebrow {
  color: #18334d !important;
  -webkit-text-fill-color: #18334d !important;
  text-fill-color: #18334d !important;
  background: rgba(219, 246, 255, .82) !important;
  border-color: rgba(46, 188, 226, .42) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.78), 0 10px 24px rgba(35, 125, 160, .10) !important;
  text-shadow: none !important;
}

html body.is-premium-portfolio main.site-main #contact-form .ssx-form-panel [class*="count"],
html body.is-premium-portfolio main.site-main #contact-form .ssx-form-panel [class*="Count"],
html body.is-premium-portfolio main.site-main #contact-form .ssx-form-panel [class*="counter"],
html body.is-premium-portfolio main.site-main #contact-form .ssx-form-panel [class*="Counter"] {
  color: #6d7b8d !important;
  -webkit-text-fill-color: #6d7b8d !important;
  text-fill-color: #6d7b8d !important;
  opacity: 1 !important;
  font-weight: 650 !important;
}

/* v219 - delivery-map dark hero-card repair and contact label hard match */
html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child {
  position: relative !important;
  overflow: hidden !important;
  color: rgba(245, 249, 255, .88) !important;
}

html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child::after {
  content: "" !important;
  position: absolute !important;
  left: 46px !important;
  right: 46px !important;
  bottom: 52px !important;
  height: clamp(240px, 28vw, 430px) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .78 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(31, 113, 255, .95) 0 6px, rgba(31, 113, 255, .18) 7px 28px, transparent 29px),
    radial-gradient(circle at 72% 28%, rgba(46, 188, 226, .85) 0 5px, rgba(46, 188, 226, .16) 6px 24px, transparent 25px),
    radial-gradient(circle at 38% 72%, rgba(255, 250, 240, .82) 0 4px, rgba(255, 250, 240, .12) 5px 22px, transparent 23px),
    linear-gradient(118deg, transparent 0 11%, rgba(86, 160, 255, .36) 11.2% 12%, transparent 12.2% 36%, rgba(46, 188, 226, .30) 36.2% 37%, transparent 37.2% 61%, rgba(255, 250, 240, .22) 61.2% 62%, transparent 62.2% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 72px) !important;
  border: 1px solid rgba(169, 212, 255, .16) !important;
  border-radius: 28px !important;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%) !important;
}

html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child h3,
html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child h4,
html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child strong {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  text-fill-color: #fffaf0 !important;
  text-shadow: 0 1px 2px rgba(1, 9, 18, .28) !important;
}

html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child p:not(.ssx-eyebrow),
html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child li,
html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child small,
html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child [class*="lane"],
html body.is-premium-portfolio main.site-main #delivery-map .ssx-proof-grid > article:first-child [class*="Lane"] {
  color: rgba(245, 249, 255, .84) !important;
  -webkit-text-fill-color: rgba(245, 249, 255, .84) !important;
  text-fill-color: rgba(245, 249, 255, .84) !important;
  text-shadow: 0 1px 2px rgba(1, 9, 18, .24) !important;
}

html body.is-premium-portfolio main.site-main #contact-form .ssx-eyebrow,
html body.is-premium-portfolio main.site-main #contact-form [class*="eyebrow"],
html body.is-premium-portfolio main.site-main #contact-form [class*="Eyebrow"] {
  color: #18334d !important;
  -webkit-text-fill-color: #18334d !important;
  text-fill-color: #18334d !important;
  background: rgba(219, 246, 255, .86) !important;
  border-color: rgba(46, 188, 226, .46) !important;
  text-shadow: none !important;
}

/* v223 premium art-direction polish: visible craft layer, safer contrast, mobile density */
:root {
  --v223-ink: #111827;
  --v223-ink-soft: #405167;
  --v223-paper: #fbf7ef;
  --v223-panel: rgba(255, 252, 244, .92);
  --v223-line: rgba(21, 31, 46, .14);
  --v223-gold: #d7a945;
  --v223-amber: #f2c766;
  --v223-red: #a32621;
  --v223-red-dark: #721713;
  --v223-navy: #111d2b;
  --v223-blueprint: rgba(29, 49, 78, .08);
}

html,
body {
  background:
    radial-gradient(circle at 12% -8%, rgba(242, 199, 102, .16), transparent 32rem),
    radial-gradient(circle at 92% 8%, rgba(163, 38, 33, .10), transparent 34rem),
    linear-gradient(180deg, #fffaf0 0%, #f7efe0 42%, #fbf7ef 100%) !important;
}

#top.ssx-hero,
#top.ssx-home-hero,
#contact-hero,
#case-hero,
#contact.ssx-final-cta,
#case-action {
  isolation: isolate;
  overflow: hidden;
}

#top.ssx-hero::before,
#top.ssx-home-hero::before,
#contact-hero::before,
#case-hero::before,
#contact.ssx-final-cta::before,
#case-action::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(242, 199, 102, .18) 42.25% 42.7%, transparent 43% 100%),
    linear-gradient(145deg, transparent 0 58%, rgba(255, 255, 255, .12) 58.15% 58.45%, transparent 58.7% 100%),
    radial-gradient(circle at 78% 18%, rgba(242, 199, 102, .20), transparent 22rem),
    radial-gradient(circle at 20% 78%, rgba(163, 38, 33, .18), transparent 24rem);
  mix-blend-mode: screen;
  opacity: .82;
}

#top.ssx-hero::after,
#top.ssx-home-hero::after,
#contact-hero::after,
#case-hero::after {
  content: "";
  position: absolute;
  inset: auto 5vw 4vw auto;
  width: clamp(160px, 22vw, 420px);
  aspect-ratio: 1;
  pointer-events: none;
  z-index: 0;
  border: 1px solid rgba(242, 199, 102, .28);
  border-radius: 34% 66% 45% 55% / 46% 36% 64% 54%;
  background:
    linear-gradient(90deg, transparent 48%, rgba(242, 199, 102, .30) 49% 51%, transparent 52%),
    linear-gradient(0deg, transparent 48%, rgba(255, 255, 255, .18) 49% 51%, transparent 52%),
    radial-gradient(circle, rgba(255, 255, 255, .18) 0 2px, transparent 3px 100%);
  background-size: 100% 100%, 100% 100%, 22px 22px;
  opacity: .72;
  transform: rotate(-10deg);
  filter: drop-shadow(0 28px 60px rgba(8, 14, 24, .22));
}

#top.ssx-hero > *,
#top.ssx-home-hero > *,
#contact-hero > *,
#case-hero > *,
#contact.ssx-final-cta > *,
#case-action > * {
  position: relative;
  z-index: 1;
}

:is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map, #contact-form) {
  position: relative;
  isolation: isolate;
}

:is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map, #contact-form)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(17, 29, 43, .045) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
    repeating-linear-gradient(90deg, rgba(17, 29, 43, .035) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(17, 29, 43, .028) 0 1px, transparent 1px 96px);
  mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
  opacity: .52;
}

:is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map, #contact-form) > * {
  position: relative;
  z-index: 1;
}

:is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map, #contact-form) :is(article, .ssx-card, .ssx-proof-card, .ssx-service-card, .ssx-step, .ssx-panel, .ssx-form-panel) {
  border-color: rgba(17, 29, 43, .14) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .80) inset,
    0 18px 46px rgba(17, 29, 43, .08),
    0 2px 10px rgba(17, 29, 43, .05) !important;
}

:is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map, #contact-form) :is(article, .ssx-card, .ssx-proof-card, .ssx-service-card, .ssx-step, .ssx-panel, .ssx-form-panel)::before {
  pointer-events: none;
}

:is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map) :is(article, .ssx-card, .ssx-proof-card, .ssx-service-card, .ssx-step, .ssx-panel) {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

@media (hover: hover) and (pointer: fine) {
  :is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map) :is(article, .ssx-card, .ssx-proof-card, .ssx-service-card, .ssx-step, .ssx-panel):hover {
    transform: translateY(-3px);
    border-color: rgba(163, 38, 33, .24) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .88) inset,
      0 28px 70px rgba(17, 29, 43, .14),
      0 6px 18px rgba(163, 38, 33, .08) !important;
  }
}

:is(.pvr-button, .ssx-button, .ssx-btn, button, input[type="submit"]) {
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.pvr-button.pvr-button--primary,
:is(.ssx-button, .ssx-btn, button, input[type="submit"]):is(.primary, [class*="primary"], [class*="Primary"]) {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  background:
    linear-gradient(135deg, var(--v223-red) 0%, var(--v223-red-dark) 58%, #4a0e0b 100%) !important;
  border: 1px solid rgba(255, 250, 240, .20) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .28) inset,
    0 14px 34px rgba(114, 23, 19, .32),
    0 2px 8px rgba(17, 29, 43, .16) !important;
}

.pvr-button.pvr-button--primary:hover,
:is(.ssx-button, .ssx-btn, button, input[type="submit"]):is(.primary, [class*="primary"], [class*="Primary"]):hover {
  background:
    linear-gradient(135deg, #bd332c 0%, #821d18 62%, #4a0e0b 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .34) inset,
    0 18px 44px rgba(114, 23, 19, .38),
    0 4px 12px rgba(17, 29, 43, .18) !important;
}

#contact-form :is(input, textarea, select),
#contact-form .ssx-form-panel :is(input, textarea, select) {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  background-color: rgba(255, 252, 244, .96) !important;
  border-color: rgba(17, 29, 43, .20) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.86) inset, 0 10px 24px rgba(17, 29, 43, .05) !important;
}

#contact-form :is(input, textarea, select):focus,
#contact-form .ssx-form-panel :is(input, textarea, select):focus {
  border-color: rgba(163, 38, 33, .52) !important;
  box-shadow:
    0 0 0 4px rgba(163, 38, 33, .12),
    0 1px 0 rgba(255,255,255,.92) inset,
    0 16px 36px rgba(17, 29, 43, .08) !important;
  outline: none !important;
}

#contact-form :is(label, .label, [class*="Label"]),
#contact-form .ssx-form-panel :is(label, .label, [class*="Label"]) {
  color: #1d2b3d !important;
  -webkit-text-fill-color: #1d2b3d !important;
  font-weight: 760 !important;
}

#contact-form ::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
}

#project-atlas :is(article, .ssx-card, .ssx-proof-card):nth-child(2n),
#service-menu :is(article, .ssx-card, .ssx-service-card):nth-child(3n+1),
#systems-lanes :is(article, .ssx-card):nth-child(2n+1) {
  background:
    linear-gradient(160deg, rgba(255, 252, 244, .98), rgba(247, 239, 224, .92)) !important;
}

#project-atlas :is(article, .ssx-card, .ssx-proof-card):nth-child(2n)::after,
#service-menu :is(article, .ssx-card, .ssx-service-card):nth-child(3n+1)::after,
#systems-lanes :is(article, .ssx-card):nth-child(2n+1)::after {
  content: "";
  position: absolute;
  inset: auto 18px 18px auto;
  width: 74px;
  height: 74px;
  border-radius: 999px;
  border: 1px solid rgba(163, 38, 33, .18);
  background:
    radial-gradient(circle, rgba(163, 38, 33, .18) 0 2px, transparent 3px 100%),
    conic-gradient(from 30deg, rgba(242, 199, 102, .38), transparent 28%, rgba(17, 29, 43, .12), transparent 62%, rgba(163, 38, 33, .22));
  background-size: 18px 18px, 100% 100%;
  opacity: .55;
  pointer-events: none;
}

@media (max-width: 900px) {
  #top.ssx-hero::after,
  #top.ssx-home-hero::after,
  #contact-hero::after,
  #case-hero::after {
    inset: auto -42px 18px auto;
    width: 210px;
    opacity: .34;
  }

  :is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map, #contact-form) {
    scroll-margin-top: 82px;
  }
}

@media (max-width: 520px) {
  html,
  body {
    background:
      radial-gradient(circle at 4% 0%, rgba(242, 199, 102, .18), transparent 18rem),
      linear-gradient(180deg, #fffaf0 0%, #f8efe1 100%) !important;
  }

  #top.ssx-hero,
  #top.ssx-home-hero,
  #contact-hero,
  #case-hero {
    min-height: auto !important;
  }

  #top.ssx-hero::before,
  #top.ssx-home-hero::before,
  #contact-hero::before,
  #case-hero::before,
  #contact.ssx-final-cta::before,
  #case-action::before {
    opacity: .52;
  }

  .pvr-button.pvr-button--primary,
  :is(.ssx-button, .ssx-btn, button, input[type="submit"]) {
    min-height: 48px;
    justify-content: center;
    text-align: center;
  }

  #contact-form :is(input, textarea, select),
  #contact-form .ssx-form-panel :is(input, textarea, select) {
    font-size: 16px !important;
  }

  :is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map, #contact-form) :is(article, .ssx-card, .ssx-proof-card, .ssx-service-card, .ssx-step, .ssx-panel, .ssx-form-panel) {
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .82) inset,
      0 12px 28px rgba(17, 29, 43, .08) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(#systems-lanes, #service-menu, #proof-hub, #process, #delivery-map, #project-atlas, #buying-map) :is(article, .ssx-card, .ssx-proof-card, .ssx-service-card, .ssx-step, .ssx-panel) {
    transition: none !important;
  }
}

/* v224 mobile premium stack: remove horizontal card rails from critical content */
@media (max-width: 640px) {
  #systems-lanes :is(.ssx-lane-track, .ssx-lanes-track, .ssx-lane-grid, .ssx-grid, .ssx-cards, [class*="Track"], [class*="track"], [class*="Rail"], [class*="rail"]),
  #delivery-map :is(.ssx-proof-grid, .ssx-grid, .ssx-cards, [class*="Track"], [class*="track"], [class*="Rail"], [class*="rail"]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    transform: none !important;
  }

  #systems-lanes :is(.ssx-lane-card, article, .ssx-card),
  #delivery-map :is(article, .ssx-card, .ssx-proof-card) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    transform: none !important;
    scroll-snap-align: unset !important;
  }

  #systems-lanes :is(.ssx-lane-card, article, .ssx-card) > *,
  #delivery-map :is(article, .ssx-card, .ssx-proof-card) > * {
    max-width: 100% !important;
  }

  #delivery-map img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* v225 exact mobile snap-deck override: premium pages must not hide key cards off-canvas */
@media (max-width: 640px) {
  #systems-lanes .ssat-mobile-snap-deck,
  #delivery-map .ssat-mobile-snap-deck {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
    scroll-padding: 0 !important;
    padding-inline: 0 !important;
  }

  #systems-lanes .ssat-mobile-snap-deck > *,
  #delivery-map .ssat-mobile-snap-deck > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    scroll-snap-align: unset !important;
  }
}

/* v226 final mobile off-canvas kill-switch: outrank late snap-carousel rules */
@media (max-width: 640px) {
  body.is-premium-portfolio main#main-content #systems-lanes .ssx-lane-board.ssat-mobile-snap-deck,
  body.is-premium-portfolio main#main-content #delivery-map .ssx-proof-grid.ssat-mobile-snap-deck,
  body.is-premium-portfolio main#main-content .ssat-mobile-snap-deck {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    gap: 16px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    scroll-snap-type: none !important;
    scroll-padding: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    scrollbar-width: auto !important;
  }

  body.is-premium-portfolio main#main-content #systems-lanes .ssx-lane-board.ssat-mobile-snap-deck > *,
  body.is-premium-portfolio main#main-content #delivery-map .ssx-proof-grid.ssat-mobile-snap-deck > *,
  body.is-premium-portfolio main#main-content .ssat-mobile-snap-deck > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: none !important;
    scroll-snap-align: unset !important;
    transform: none !important;
  }
}

/* v231 premium QA hardening: remove remaining invisible labels and sub-premium mobile microtype */
#contact-form .ssx-form-panel label,
#contact-form .ssx-form-panel label > span,
#contact-form .ssx-form-panel label > strong,
#contact-form .ssx-form-panel label .ssx-field-label,
#contact-form .ssx-form-panel label [class*="label"],
#contact-form .ssx-form-panel label [class*="Label"],
#contact-form .ssx-form-panel label [class*="name"],
#contact-form .ssx-form-panel label [class*="Name"] {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#contact-form .ssx-form-panel label input,
#contact-form .ssx-form-panel label select,
#contact-form .ssx-form-panel label textarea,
#contact-form .ssx-form-panel input,
#contact-form .ssx-form-panel select,
#contact-form .ssx-form-panel textarea {
  color: #152234 !important;
  -webkit-text-fill-color: #152234 !important;
}

#contact-form .ssx-form-panel input::placeholder,
#contact-form .ssx-form-panel textarea::placeholder {
  color: #6d7b8d !important;
  -webkit-text-fill-color: #6d7b8d !important;
  opacity: 1 !important;
}

#contact-form .ssx-form-panel [class*="count"],
#contact-form .ssx-form-panel [class*="Count"],
#contact-form .ssx-form-panel label small,
#contact-form .ssx-form-panel label em {
  color: #59697c !important;
  -webkit-text-fill-color: #59697c !important;
  opacity: 1 !important;
  font-weight: 760 !important;
}

@media (max-width: 767px) {
  .brand-title {
    font-size: clamp(12.5px, 3.85vw, 14px) !important;
    letter-spacing: .05em !important;
  }

  .brand-sub {
    font-size: clamp(10.75px, 3vw, 12px) !important;
    letter-spacing: .02em !important;
  }

  .ssx-button,
  .pvr-button,
  .ssx-button.ssx-button--primary,
  .ssx-button.ssx-button--secondary,
  .pvr-button.pvr-button--primary,
  .pvr-button.pvr-button--secondary {
    font-size: clamp(13px, 3.65vw, 14px) !important;
    line-height: 1.12 !important;
    letter-spacing: .055em !important;
    min-height: 48px !important;
  }

  .ssx-hero [class*="chip"],
  .ssx-hero [class*="pill"],
  .ssx-hero [class*="stat"],
  .ssx-home-hero [class*="chip"],
  .ssx-home-hero [class*="pill"],
  #case-hero [class*="chip"],
  #case-hero [class*="pill"],
  #case-hero [class*="stat"],
  #contact-hero [class*="chip"],
  #contact-hero [class*="pill"],
  #contact-hero [class*="stat"] {
    font-size: clamp(11px, 3.05vw, 12.5px) !important;
    line-height: 1.25 !important;
    letter-spacing: .045em !important;
  }

  .ssx-hero [class*="chip"] span,
  .ssx-hero [class*="pill"] span,
  .ssx-hero [class*="stat"] span,
  .ssx-home-hero [class*="chip"] span,
  .ssx-home-hero [class*="pill"] span,
  .ssx-home-hero [class*="stat"] span,
  #case-hero [class*="chip"] span,
  #case-hero [class*="pill"] span,
  #case-hero [class*="stat"] span,
  #contact-hero [class*="chip"] span,
  #contact-hero [class*="pill"] span,
  #contact-hero [class*="stat"] span {
    font-size: clamp(11px, 3.05vw, 12.5px) !important;
    line-height: 1.25 !important;
    letter-spacing: .045em !important;
  }

  #case-hero .ssx-hero-metrics,
  #case-hero [class*="metric"],
  #case-hero [class*="Metric"],
  #case-hero [class*="stats"],
  #case-hero [class*="Stats"] {
    gap: 10px !important;
  }

  #case-hero .ssx-hero-metrics p,
  #case-hero [class*="metric"] p,
  #case-hero [class*="Metric"] p,
  #case-hero [class*="stats"] p,
  #case-hero [class*="Stats"] p {
    min-width: min(100%, 132px) !important;
    padding: 12px 12px !important;
  }

  #case-hero .ssx-hero-metrics span,
  #case-hero [class*="metric"] span,
  #case-hero [class*="Metric"] span,
  #case-hero [class*="stats"] span,
  #case-hero [class*="Stats"] span {
    font-size: clamp(10.8px, 3vw, 12px) !important;
    line-height: 1.25 !important;
    letter-spacing: .045em !important;
  }

  .ssx-eyebrow,
  p.ssx-eyebrow,
  [class*="eyebrow"],
  [class*="Eyebrow"] {
    font-size: clamp(11px, 3vw, 12.5px) !important;
    line-height: 1.2 !important;
    letter-spacing: .075em !important;
  }
}

@media (min-width: 768px) {
  .brand-sub {
    font-size: 11.5px !important;
  }
}

/* v233 specificity correction: beat legacy contact-page text-fill rule */
body.is-premium-portfolio main.site-main.portfolio-premium.ssx-contact-page #contact-form .ssx-form-panel.contact-form label,
body.is-premium-portfolio main.site-main.portfolio-premium.ssx-contact-page #contact-form .ssx-form-panel.contact-form label::first-line {
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.is-premium-portfolio main.site-main.portfolio-premium.ssx-contact-page #contact-form .ssx-form-panel.contact-form label .contact-form-char-count,
body.is-premium-portfolio main.site-main.portfolio-premium.ssx-contact-page #contact-form .ssx-form-panel.contact-form label [id$="_counter"],
body.is-premium-portfolio main.site-main.portfolio-premium.ssx-contact-page #contact-form .ssx-form-panel.contact-form label [class*="count"],
body.is-premium-portfolio main.site-main.portfolio-premium.ssx-contact-page #contact-form .ssx-form-panel.contact-form label [class*="Count"] {
  color: #59697c !important;
  -webkit-text-fill-color: #59697c !important;
  opacity: 1 !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}

body.is-premium-portfolio main.site-main.portfolio-premium.ssx-contact-page #contact-form .ssx-form-panel.contact-form input,
body.is-premium-portfolio main.site-main.portfolio-premium.ssx-contact-page #contact-form .ssx-form-panel.contact-form select,
body.is-premium-portfolio main.site-main.portfolio-premium.ssx-contact-page #contact-form .ssx-form-panel.contact-form textarea {
  color: #152234 !important;
  -webkit-text-fill-color: #152234 !important;
}

@media (max-width: 767px) {
  body.is-premium-portfolio .site-header .brand-title,
  body.is-premium-portfolio header .brand-title,
  body.is-premium-portfolio .ssx-site-header .brand-title {
    font-size: clamp(12.5px, 3.85vw, 14px) !important;
    letter-spacing: .045em !important;
  }

  body.is-premium-portfolio main.site-main a.ssx-button,
  body.is-premium-portfolio main.site-main a.pvr-button,
  body.is-premium-portfolio main.site-main button.ssx-button,
  body.is-premium-portfolio main.site-main button.pvr-button,
  body.is-premium-portfolio main.site-main .ssx-button.ssx-button--primary,
  body.is-premium-portfolio main.site-main .ssx-button.ssx-button--secondary,
  body.is-premium-portfolio main.site-main .pvr-button.pvr-button--primary,
  body.is-premium-portfolio main.site-main .pvr-button.pvr-button--secondary {
    font-size: 13.5px !important;
    line-height: 1.12 !important;
    letter-spacing: .055em !important;
    min-height: 50px !important;
  }
}

/* v234: mobile microtype and proof-strip premium readability correction */
@media (max-width: 767px) {
  body.is-premium-portfolio.home main#main-content.site-main #top.ssx-home-hero .ssx-proof-strip {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(250px, 100%) !important;
    max-width: 250px !important;
    gap: 8px !important;
    margin-inline: auto !important;
  }

  body.is-premium-portfolio.home main#main-content.site-main #top.ssx-home-hero .ssx-proof-strip > span {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 12px !important;
    font-size: 11.6px !important;
    line-height: 1.18 !important;
    letter-spacing: .026em !important;
    white-space: nowrap !important;
    color: #eaf5ff !important;
    -webkit-text-fill-color: #eaf5ff !important;
  }

  body.is-premium-portfolio main#main-content.site-main.ssx-case-page #case-hero.ssx-case-hero .ssx-metric-strip p > span {
    font-size: 11.6px !important;
    line-height: 1.24 !important;
    letter-spacing: .05em !important;
    color: rgba(7, 17, 31, .72) !important;
    -webkit-text-fill-color: rgba(7, 17, 31, .72) !important;
  }
}

/* v235: mobile route-atlas art direction upgrade for home */
@media (max-width: 767px) {
  body.home.is-premium-portfolio {
    background: #f5efe4 !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main.portfolio-premium {
    background:
      linear-gradient(180deg, #f5efe4 0%, #fff8ed 44%, #f4eadc 100%) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    margin: 0 0 22px !important;
    padding: 86px 22px 32px !important;
    border-radius: 0 0 34px 34px !important;
    border: 0 !important;
    background:
      radial-gradient(circle at 84% 22%, rgba(28, 119, 255, .28), transparent 32%),
      radial-gradient(circle at 16% 4%, rgba(31, 92, 159, .32), transparent 35%),
      linear-gradient(144deg, #06121f 0%, #071a2e 44%, #09233a 100%) !important;
    box-shadow: 0 24px 58px rgba(4, 15, 28, .28) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: .42 !important;
    background-image:
      linear-gradient(rgba(120, 173, 232, .12) 1px, transparent 1px),
      linear-gradient(90deg, rgba(120, 173, 232, .10) 1px, transparent 1px) !important;
    background-size: 34px 34px !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 100%) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 118px !important;
    right: -54px !important;
    width: 224px !important;
    height: 430px !important;
    pointer-events: none !important;
    opacity: .72 !important;
    background: url("data:image/svg+xml,%3Csvg width='224' height='430' viewBox='0 0 224 430' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M175 6C127 48 178 83 126 123C70 166 156 202 103 247C49 293 121 325 70 372C55 386 43 402 34 424' stroke='%239ad2ff' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M175 6C127 48 178 83 126 123C70 166 156 202 103 247C49 293 121 325 70 372C55 386 43 402 34 424' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cg fill='%23081423' stroke='%23eaf5ff' stroke-width='4'%3E%3Ccircle cx='175' cy='6' r='10'/%3E%3Ccircle cx='126' cy='123' r='10'/%3E%3Ccircle cx='103' cy='247' r='10'/%3E%3Ccircle cx='70' cy='372' r='10'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat !important;
    filter: drop-shadow(0 0 18px rgba(76, 158, 255, .54)) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-shell,
  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-hero-copy,
  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-actions,
  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-proof-strip {
    position: relative !important;
    z-index: 2 !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-shell.ssx-hero-grid {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    border-color: rgba(124, 190, 255, .34) !important;
    background: rgba(7, 24, 42, .68) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 10px 28px rgba(0, 0, 0, .20) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero h1 {
    max-width: 9.4ch !important;
    margin: 0 0 16px !important;
    font-size: clamp(42px, 13.6vw, 55px) !important;
    line-height: .91 !important;
    letter-spacing: -.062em !important;
    color: #fff8ea !important;
    -webkit-text-fill-color: #fff8ea !important;
    text-wrap: balance !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-lead {
    max-width: 282px !important;
    margin: 0 0 24px !important;
    font-size: 15.8px !important;
    line-height: 1.48 !important;
    color: rgba(234, 245, 255, .82) !important;
    -webkit-text-fill-color: rgba(234, 245, 255, .82) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: min(284px, 100%) !important;
    gap: 11px !important;
    margin: 0 0 24px !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-actions .ssx-button {
    min-height: 52px !important;
    height: 52px !important;
    width: 100% !important;
    border-radius: 999px !important;
    font-size: 13.6px !important;
    letter-spacing: .072em !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-proof-strip {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    gap: 0 !important;
    border: 1px solid rgba(146, 198, 255, .20) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(5, 19, 34, .66), rgba(5, 21, 38, .42)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 38px rgba(0, 0, 0, .18) !important;
    backdrop-filter: blur(12px) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-proof-strip > span {
    justify-content: flex-start !important;
    min-height: 43px !important;
    padding: 11px 4px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(146, 198, 255, .14) !important;
    background: transparent !important;
    font-size: 12.2px !important;
    line-height: 1.18 !important;
    letter-spacing: .07em !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-proof-strip > span:last-child {
    border-bottom: 0 !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #top.ssx-home-hero .ssx-proof-strip > span::before {
    content: "" !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(129, 190, 255, .42) !important;
    background:
      radial-gradient(circle at 50% 50%, #2f86ff 0 32%, transparent 34%),
      linear-gradient(180deg, rgba(25, 87, 169, .92), rgba(6, 37, 74, .72)) !important;
    box-shadow: 0 0 18px rgba(47, 134, 255, .28) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes.ssx-section {
    position: relative !important;
    overflow: hidden !important;
    padding-top: 46px !important;
    padding-bottom: 42px !important;
    background:
      radial-gradient(circle at 94% 20%, rgba(29, 101, 198, .08), transparent 30%),
      linear-gradient(180deg, #fffaf1 0%, #fbf2e3 100%) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes.ssx-section::after {
    content: "" !important;
    position: absolute !important;
    inset: 110px -40px auto auto !important;
    width: 210px !important;
    height: 360px !important;
    pointer-events: none !important;
    opacity: .22 !important;
    background: repeating-radial-gradient(ellipse at center, rgba(8, 28, 48, .22) 0 1px, transparent 1px 12px) !important;
    transform: rotate(-10deg) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-shell {
    position: relative !important;
    z-index: 1 !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-section-head {
    display: block !important;
    margin-bottom: 26px !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes h2 {
    max-width: 10.6ch !important;
    font-size: clamp(34px, 10.6vw, 44px) !important;
    line-height: .98 !important;
    letter-spacing: -.048em !important;
    text-wrap: balance !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-section-head p:not(.ssx-eyebrow) {
    max-width: 28ch !important;
    margin-top: 16px !important;
    font-size: 15.1px !important;
    line-height: 1.55 !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-lane-board {
    position: relative !important;
    display: block !important;
    overflow: visible !important;
    width: 100% !important;
    padding: 2px 0 0 34px !important;
    margin-top: 28px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-lane-board::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 10px !important;
    bottom: 28px !important;
    width: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #1f6dff 0%, #09233a 58%, #195c3c 100%) !important;
    box-shadow: 0 0 0 7px rgba(31, 109, 255, .05) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-lane-card {
    position: relative !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 28px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-lane-card::before {
    content: "" !important;
    position: absolute !important;
    left: -30px !important;
    top: 4px !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 999px !important;
    border: 5px solid #fffaf1 !important;
    background: #1f6dff !important;
    box-shadow: 0 0 0 1px rgba(10, 32, 55, .28), 0 0 22px rgba(31, 109, 255, .20) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-lane-card--ink::before {
    background: #195c3c !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-lane-card > span {
    display: inline-block !important;
    margin: 0 0 9px !important;
    font-size: 12.3px !important;
    line-height: 1.2 !important;
    letter-spacing: .08em !important;
    color: #1f6dff !important;
    -webkit-text-fill-color: #1f6dff !important;
    text-transform: uppercase !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-lane-card h3 {
    max-width: 18ch !important;
    margin: 0 0 10px !important;
    font-size: 21px !important;
    line-height: 1.04 !important;
    letter-spacing: -.03em !important;
    color: #07111f !important;
    -webkit-text-fill-color: #07111f !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-lane-card p {
    max-width: 31ch !important;
    margin: 0 0 14px !important;
    font-size: 14.6px !important;
    line-height: 1.56 !important;
    color: rgba(18, 35, 56, .74) !important;
    -webkit-text-fill-color: rgba(18, 35, 56, .74) !important;
  }

  body.home.is-premium-portfolio main#main-content.site-main #systems-lanes .ssx-lane-card a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: #b63a27 !important;
    color: #fff8ea !important;
    -webkit-text-fill-color: #fff8ea !important;
    font-size: 12.7px !important;
    font-weight: 850 !important;
    letter-spacing: .015em !important;
    text-decoration: none !important;
    box-shadow: 0 12px 24px rgba(130, 36, 22, .18) !important;
  }
}

/* v236: production microtype hardening from full-document visual QA.
   Keeps the route-atlas direction but removes sub-12px utility text failures. */
.site-header .brand-title,
.pvr-site-header .brand-title,
.brand-title {
  font-size: clamp(12px, 3.6vw, 16px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0.065em !important;
}

.site-header .brand-sub,
.pvr-site-header .brand-sub,
.brand-sub {
  font-size: clamp(12px, 0.78vw, 13px) !important;
  line-height: 1.26 !important;
  letter-spacing: 0.035em !important;
}

.ssx-eyebrow,
.ssx-section-head .ssx-eyebrow,
.ssx-card .ssx-eyebrow,
.ssx-final-card .ssx-eyebrow {
  font-size: clamp(12px, 2.9vw, 12.8px) !important;
  line-height: 1.26 !important;
  letter-spacing: 0.13em !important;
}

.ssx-proof-strip span,
#top.ssx-home-hero .ssx-proof-strip span,
.ssx-stat-row span,
#proof-hub .ssx-stat-row span,
#case-hero.ssx-case-hero .ssx-metric-strip p > span,
.ssx-metric-strip p > span {
  font-size: 12.2px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.07em !important;
}

.ssx-offer-card a,
.ssx-lane-card a,
.ssx-service-card a,
.ssx-card a,
.ssx-proof-card a {
  font-size: max(12.2px, 0.84vw) !important;
  line-height: 1.18 !important;
}

@media (max-width: 767px) {
  .site-header .brand-title,
  .pvr-site-header .brand-title,
  .brand-title {
    font-size: 12.2px !important;
  }

  .ssx-eyebrow,
  .ssx-section-head .ssx-eyebrow,
  .ssx-card .ssx-eyebrow,
  .ssx-final-card .ssx-eyebrow {
    font-size: 12.2px !important;
    letter-spacing: 0.115em !important;
  }

  #case-hero.ssx-case-hero .ssx-metric-strip p > span,
  .ssx-metric-strip p > span {
    font-size: 12.25px !important;
  }
}