:root {
    --octbe-shell-max: 1320px;
}

body.site-public:not(.home-body) {
    --public-bg: #06111f;
    --public-bg-soft: #0b1727;
    --public-panel: rgba(9, 22, 38, 0.92);
    --public-panel-soft: rgba(12, 28, 46, 0.78);
    --public-card: rgba(14, 30, 48, 0.8);
    --public-border: rgba(140, 235, 242, 0.16);
    --public-border-strong: rgba(140, 235, 242, 0.28);
    --public-text: #eef8ff;
    --public-text-soft: #b6cadb;
    --public-teal: #00adb5;
    --public-teal-strong: #00d0d7;
    background:
        radial-gradient(circle at 12% 8%, rgba(0, 208, 215, 0.18), transparent 24%),
        radial-gradient(circle at 88% 14%, rgba(0, 173, 181, 0.16), transparent 26%),
        linear-gradient(180deg, #06111f 0%, #091726 44%, #08121f 100%) !important;
    color: var(--public-text);
}

body.site-public:not(.home-body)::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image:
        linear-gradient(rgba(140, 235, 242, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(140, 235, 242, 0.04) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: 0.2;
    pointer-events: none;
    z-index: 0;
}

body.site-public:not(.home-body) > :not(.site-nav):not(.site-footer):not(.site-chat-widget) {
    position: relative;
    z-index: 1;
}

body.site-public:not(.home-body) > .site-nav {
    z-index: 3400;
}

body.site-public:not(.home-body) .container {
    max-width: var(--octbe-shell-max);
}

body.site-public:not(.home-body) .site-nav + br,
body.site-public:not(.home-body) .site-nav + br + br,
body.site-public:not(.home-body) .site-nav + br + br + br {
    display: none;
}

body.site-public:not(.home-body) .site-nav + section,
body.site-public:not(.home-body) .site-nav + .container,
body.site-public:not(.home-body) .site-nav + main {
    margin-top: 0.55rem;
}

body.site-public:not(.home-body) .public-page-main,
body.site-public:not(.home-body) .public-flow-node {
    padding-bottom: 0;
}

body.site-public:not(.home-body) .public-page-main {
    position: relative;
    isolation: isolate;
}

body.site-public:not(.home-body) .public-flow-node + .public-flow-node {
    margin-top: 1.6rem;
}

body.site-public:not(.home-body) .public-flow-node > .container.py-4.py-xl-5,
body.site-public:not(.home-body) .public-flow-node > .container.py-5,
body.site-public:not(.home-body) .public-flow-node > .container.pt-5 {
    padding-top: clamp(1rem, 2vw, 1.35rem) !important;
}

body.site-public:not(.home-body) .public-flow-container,
body.site-public:not(.home-body) .public-inner-container {
    position: relative;
    z-index: 1;
}

body.site-public:not(.home-body) .public-inner-container {
    max-width: 100%;
    padding-inline: 0;
}

body.site-public:not(.home-body) .public-flow-node h1,
body.site-public:not(.home-body) .public-flow-node h2,
body.site-public:not(.home-body) .public-flow-node h3,
body.site-public:not(.home-body) .public-flow-node h4,
body.site-public:not(.home-body) .public-flow-node h5,
body.site-public:not(.home-body) .public-flow-node h6 {
    color: var(--public-text);
    font-family: "Space Grotesk", "Segoe UI", sans-serif;
    letter-spacing: -0.04em;
}

body.site-public:not(.home-body) .public-flow-node h1 {
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    line-height: 0.98;
}

body.site-public:not(.home-body) .public-flow-node h2 {
    font-size: clamp(1.85rem, 3vw, 2.9rem);
}

body.site-public:not(.home-body) .public-flow-node h3 {
    font-size: clamp(1.3rem, 2vw, 1.85rem);
}

body.site-public:not(.home-body) .public-flow-node p,
body.site-public:not(.home-body) .public-flow-node li,
body.site-public:not(.home-body) .public-flow-node label,
body.site-public:not(.home-body) .public-flow-node small,
body.site-public:not(.home-body) .public-flow-node .lead,
body.site-public:not(.home-body) .public-flow-node .text-white-50,
body.site-public:not(.home-body) .public-flow-node .text-muted {
    color: var(--public-text-soft) !important;
    font-family: "Inter", "Segoe UI", sans-serif;
    line-height: 1.75;
}

body.site-public:not(.home-body) .public-flow-node .fw-bold,
body.site-public:not(.home-body) .public-flow-node .fw-semibold {
    letter-spacing: -0.03em;
}

body.site-public:not(.home-body) .public-flow-node a {
    color: #9cffff;
}

body.site-public:not(.home-body) .public-flow-node a:hover {
    color: #d9ffff;
}

body.site-public:not(.home-body) .public-surface,
body.site-public:not(.home-body) .public-card,
body.site-public:not(.home-body) .public-cta-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--public-border) !important;
    border-radius: 30px !important;
    background:
        linear-gradient(180deg, rgba(12, 25, 41, 0.96), rgba(7, 16, 28, 0.94)),
        radial-gradient(circle at top right, rgba(0, 208, 215, 0.14), transparent 36%) !important;
    box-shadow: 0 28px 72px rgba(3, 8, 18, 0.42) !important;
    backdrop-filter: blur(16px);
}

body.site-public:not(.home-body) .public-card {
    border-radius: 24px !important;
    background:
        linear-gradient(180deg, rgba(14, 31, 50, 0.92), rgba(8, 18, 30, 0.92)),
        radial-gradient(circle at top right, rgba(0, 208, 215, 0.09), transparent 34%) !important;
    box-shadow: 0 22px 54px rgba(3, 8, 18, 0.32) !important;
}

body.site-public:not(.home-body) .public-hero-panel {
    border-radius: 32px !important;
}

body.site-public:not(.home-body) .public-flow-node--hero .public-hero-panel,
body.site-public:not(.home-body) .public-flow-node--hero .public-surface {
    padding: clamp(1.5rem, 3vw, 2.25rem);
}

body.site-public:not(.home-body) .public-surface::before,
body.site-public:not(.home-body) .public-card::before,
body.site-public:not(.home-body) .public-cta-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 34%, transparent 72%, rgba(0, 208, 215, 0.08));
    pointer-events: none;
}

body.site-public:not(.home-body) .public-card:hover,
body.site-public:not(.home-body) .public-surface:hover {
    border-color: var(--public-border-strong) !important;
    transform: translateY(-3px);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

body.site-public:not(.home-body) .public-hero-panel img,
body.site-public:not(.home-body) .public-card img,
body.site-public:not(.home-body) .public-media-image {
    border-radius: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 22px 50px rgba(3, 8, 18, 0.34);
    object-fit: cover;
}

body.site-public:not(.home-body) .public-media {
    width: 100%;
    border-radius: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 58px rgba(3, 8, 18, 0.38);
}

body.site-public:not(.home-body) .public-button,
body.site-public:not(.home-body) .btn:not(.site-nav-pill):not(.site-footer-cta) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0.7rem 1.25rem;
    border: 1px solid transparent !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, var(--public-teal), var(--public-teal-strong)) !important;
    color: #ffffff !important;
    font-family: "Inter", "Segoe UI", sans-serif;
    font-size: 0.97rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 18px 38px rgba(0, 173, 181, 0.24);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

body.site-public:not(.home-body) .public-button:hover,
body.site-public:not(.home-body) .btn:not(.site-nav-pill):not(.site-footer-cta):hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 44px rgba(0, 173, 181, 0.28);
}

body.site-public:not(.home-body) .public-hero-meta {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

body.site-public:not(.home-body) .public-hero-kicker,
body.site-public:not(.home-body) .public-discovery-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.08);
    color: #d9ffff;
    font-family: "Inter", "Segoe UI", sans-serif;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.site-public:not(.home-body) .public-hero-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    color: #93adc1;
    font-family: "Inter", "Segoe UI", sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.site-public:not(.home-body) .public-hero-breadcrumb a {
    color: #d8faff;
    text-decoration: none;
}

body.site-public:not(.home-body) .public-hero-breadcrumb a:hover {
    color: #ffffff;
}

body.site-public:not(.home-body) .public-hero-breadcrumb-sep {
    opacity: 0.45;
}

body.site-public:not(.home-body) .public-hero-title {
    margin: 0 0 0.95rem;
    line-height: 0.98;
}

body.site-public:not(.home-body) .public-hero-summary {
    max-width: 66ch;
    margin-bottom: 0;
    font-size: 1.05rem;
}

body.site-public:not(.home-body) .text-center .public-hero-meta,
body.site-public:not(.home-body) .text-center .public-hero-breadcrumb {
    justify-items: center;
    justify-content: center;
}

body.site-public:not(.home-body) .text-center .public-hero-title,
body.site-public:not(.home-body) .text-center .public-hero-summary {
    margin-inline: auto;
}

body.site-public:not(.home-body) .btn-outline-light,
body.site-public:not(.home-body) .btn-light {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--public-text) !important;
    border-color: var(--public-border) !important;
    box-shadow: none;
}

body.site-public:not(.home-body) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.site-public:not(.home-body) textarea,
body.site-public:not(.home-body) select {
    min-height: 52px;
    border: 1px solid rgba(140, 235, 242, 0.14) !important;
    border-radius: 18px !important;
    background: rgba(7, 16, 28, 0.78) !important;
    color: #eef8ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

body.site-public:not(.home-body) textarea {
    min-height: 140px;
    padding-top: 0.95rem;
}

body.site-public:not(.home-body) input::placeholder,
body.site-public:not(.home-body) textarea::placeholder {
    color: #7f9ab0 !important;
}

body.site-public:not(.home-body) input:focus,
body.site-public:not(.home-body) textarea:focus,
body.site-public:not(.home-body) select:focus {
    border-color: var(--public-border-strong) !important;
    box-shadow: 0 0 0 4px rgba(0, 173, 181, 0.14) !important;
}

body.site-public:not(.home-body) .form-control,
body.site-public:not(.home-body) .form-select {
    min-height: 52px;
    border-radius: 18px !important;
}

body.site-public:not(.home-body) .form-check-input {
    border-color: rgba(140, 235, 242, 0.26);
    background-color: rgba(7, 16, 28, 0.78);
}

body.site-public:not(.home-body) .form-check-input:checked {
    background-color: var(--public-teal);
    border-color: var(--public-teal);
}

body.site-public:not(.home-body) .alert {
    border: 1px solid var(--public-border);
    border-radius: 20px;
    background: rgba(10, 24, 40, 0.86);
    color: var(--public-text);
}

body.site-public:not(.home-body) .table {
    --bs-table-bg: rgba(10, 22, 36, 0.72);
    --bs-table-color: #eaf7ff;
    --bs-table-border-color: rgba(140, 235, 242, 0.12);
}

body.site-public:not(.home-body) .table thead th {
    color: #9ffcff;
    font-family: "Inter", "Segoe UI", sans-serif;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body.site-public:not(.home-body) .ratio,
body.site-public:not(.home-body) iframe {
    border-radius: 24px;
    overflow: hidden;
}

body.site-public:not(.home-body) .site-footer {
    margin-top: 2.4rem;
}

body.site-public:not(.home-body) .site-footer-shell,
body.site-public:not(.home-body) .site-nav-shell {
    width: 100%;
}

body.site-public:not(.home-body) .public-flow-node .bg-dark,
body.site-public:not(.home-body) .public-flow-node .bg-white,
body.site-public:not(.home-body) .public-flow-node .bg-light,
body.site-public:not(.home-body) .public-flow-node .card,
body.site-public:not(.home-body) .public-flow-node .rounded.shadow,
body.site-public:not(.home-body) .public-flow-node .rounded.shadow-sm,
body.site-public:not(.home-body) .public-flow-node .rounded.shadow-lg,
body.site-public:not(.home-body) .public-flow-node [style*="#1a1a2e"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="#16213e"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="#ffffff"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="#f8f9fa"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="#f5f9fb"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="#f0f4f8"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="#f3f3f3"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="#f5f5f5"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="background-color: #111"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="background: #000000"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="background-color: #1a1a2e"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="background: rgba(255, 255, 255, 0.7)"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="background: rgba(255,255,255,0.15)"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="background: rgba(255,255,255,0.05)"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="background: #f8f9fa"]:not(.btn):not(video):not(source),
body.site-public:not(.home-body) .public-flow-node [style*="background: #ffffff"]:not(.btn):not(video):not(source) {
    border: 1px solid var(--public-border) !important;
    background:
        linear-gradient(180deg, rgba(12, 25, 41, 0.96), rgba(7, 16, 28, 0.94)),
        radial-gradient(circle at top right, rgba(0, 208, 215, 0.12), transparent 36%) !important;
    box-shadow: 0 24px 58px rgba(3, 8, 18, 0.34) !important;
    color: var(--public-text) !important;
}

body.site-public:not(.home-body) .public-flow-node .card-title,
body.site-public:not(.home-body) .public-flow-node .card-text,
body.site-public:not(.home-body) .public-flow-node .text-dark,
body.site-public:not(.home-body) .public-flow-node .text-muted,
body.site-public:not(.home-body) .public-flow-node .text-light,
body.site-public:not(.home-body) .public-flow-node .text-light-emphasis,
body.site-public:not(.home-body) .public-flow-node .text-secondary,
body.site-public:not(.home-body) .public-flow-node .text-body,
body.site-public:not(.home-body) .public-flow-node [style*="color: #16213e"],
body.site-public:not(.home-body) .public-flow-node [style*="color: #1a1a2e"],
body.site-public:not(.home-body) .public-flow-node [style*="color: #222"],
body.site-public:not(.home-body) .public-flow-node [style*="color: #333"],
body.site-public:not(.home-body) .public-flow-node [style*="color: #444"],
body.site-public:not(.home-body) .public-flow-node [style*="color: #495057"],
body.site-public:not(.home-body) .public-flow-node [style*="color: #555"],
body.site-public:not(.home-body) .public-flow-node [style*="color: #6c757d"] {
    color: var(--public-text-soft) !important;
}

body.site-public:not(.home-body) .public-flow-node .card h1,
body.site-public:not(.home-body) .public-flow-node .card h2,
body.site-public:not(.home-body) .public-flow-node .card h3,
body.site-public:not(.home-body) .public-flow-node .card h4,
body.site-public:not(.home-body) .public-flow-node .card h5,
body.site-public:not(.home-body) .public-flow-node .card h6,
body.site-public:not(.home-body) .public-flow-node [style*="#ffffff"] h1,
body.site-public:not(.home-body) .public-flow-node [style*="#ffffff"] h2,
body.site-public:not(.home-body) .public-flow-node [style*="#ffffff"] h3,
body.site-public:not(.home-body) .public-flow-node [style*="#ffffff"] h4,
body.site-public:not(.home-body) .public-flow-node [style*="#ffffff"] h5,
body.site-public:not(.home-body) .public-flow-node [style*="#ffffff"] h6,
body.site-public:not(.home-body) .public-flow-node [style*="#f8f9fa"] h1,
body.site-public:not(.home-body) .public-flow-node [style*="#f8f9fa"] h2,
body.site-public:not(.home-body) .public-flow-node [style*="#f8f9fa"] h3,
body.site-public:not(.home-body) .public-flow-node [style*="#f8f9fa"] h4,
body.site-public:not(.home-body) .public-flow-node [style*="#f8f9fa"] h5,
body.site-public:not(.home-body) .public-flow-node [style*="#f8f9fa"] h6,
body.site-public:not(.home-body) .public-flow-node [style*="#f0f4f8"] h1,
body.site-public:not(.home-body) .public-flow-node [style*="#f0f4f8"] h2,
body.site-public:not(.home-body) .public-flow-node [style*="#f0f4f8"] h3,
body.site-public:not(.home-body) .public-flow-node [style*="#f0f4f8"] h4,
body.site-public:not(.home-body) .public-flow-node [style*="#f0f4f8"] h5,
body.site-public:not(.home-body) .public-flow-node [style*="#f0f4f8"] h6 {
    color: var(--public-text) !important;
    -webkit-text-fill-color: currentColor !important;
}

body.site-public:not(.home-body) .public-flow-node .video-overlay {
    display: none !important;
}

body.site-public:not(.home-body) .public-flow-node [style*="box-shadow: 0 10px 20px rgba(0,173,181,0.2)"],
body.site-public:not(.home-body) .public-flow-node [style*="box-shadow: 0 10px 25px rgba(0,173,181,0.15)"],
body.site-public:not(.home-body) .public-flow-node [style*="box-shadow: 0 15px 30px rgba(0,173,181,0.3)"],
body.site-public:not(.home-body) .public-flow-node [style*="box-shadow: 0 20px 40px rgba(0,173,181,0.3)"],
body.site-public:not(.home-body) .public-flow-node [style*="box-shadow: 0 0 30px rgba(0,173,181,0.3)"] {
    box-shadow: 0 26px 64px rgba(3, 8, 18, 0.34) !important;
}

body.site-public:not(.home-body) .public-flow-node [style*="background-color: #00adb5"] {
    background: linear-gradient(145deg, var(--public-teal), var(--public-teal-strong)) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 32px rgba(0, 173, 181, 0.24) !important;
}

body.site-public:not(.home-body) .public-flow-node .card-body,
body.site-public:not(.home-body) .public-flow-node .card,
body.site-public:not(.home-body) .public-flow-node .p-4,
body.site-public:not(.home-body) .public-flow-node .p-5 {
    position: relative;
    z-index: 1;
}

body.site-public:not(.home-body) .public-flow-node .text-center.mx-auto,
body.site-public:not(.home-body) .public-flow-node .text-center.mx-auto p,
body.site-public:not(.home-body) .public-flow-node .text-center.mx-auto .lead {
    max-width: 72ch;
    margin-inline: auto;
}

body.site-public:not(.home-body) .public-flow-node h4,
body.site-public:not(.home-body) .public-flow-node h5,
body.site-public:not(.home-body) .public-flow-node h6 {
    line-height: 1.12;
}

body.site-public:not(.home-body) .public-flow-node .icon-container,
body.site-public:not(.home-body) .public-flow-node .bs-icon-circle,
body.site-public:not(.home-body) .public-flow-node .rounded-circle,
body.site-public:not(.home-body) .public-flow-node [style*="border-radius: 50%"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
}

body.site-public:not(.home-body) .public-flow-node video {
    background: rgba(7, 16, 28, 0.68);
}

body.site-public:not(.home-body).page-products-savings-lifecycle .public-flow-node .d-flex.flex-column.flex-lg-row,
body.site-public:not(.home-body).page-products-spend-analysis .public-flow-node .d-flex.flex-column.flex-lg-row {
    gap: 1.2rem;
}

body.site-public:not(.home-body).page-products-savings-lifecycle .public-flow-node .fa-2x,
body.site-public:not(.home-body).page-products-supplier-performance .public-flow-node .fa-2x,
body.site-public:not(.home-body).page-contracts .public-flow-node .fa-2x,
body.site-public:not(.home-body).page-data-analytics .public-flow-node .fa-2x,
body.site-public:not(.home-body).page-collaboration-tools .public-flow-node .fa-2x {
    line-height: 1;
}

body.site-public:not(.home-body).page-products-supplier-performance .public-flow-node .text-center img,
body.site-public:not(.home-body).page-strategic-partnerships .public-flow-node img,
body.site-public:not(.home-body).page-become-a-partner .public-flow-node img {
    width: 100%;
}

body.site-public:not(.home-body).page-data-analytics .public-flow-node [style*="background: #000000"],
body.site-public:not(.home-body).page-collaboration-tools .public-flow-node [style*="background: #000000"] {
    background:
        linear-gradient(180deg, rgba(10, 22, 36, 0.94), rgba(7, 16, 28, 0.92)),
        radial-gradient(circle at top right, rgba(0, 208, 215, 0.12), transparent 34%) !important;
}

body.site-public:not(.home-body).page-products-contract-management .public-flow-node .flex-row-reverse.text-end {
    text-align: left !important;
}

body.site-public:not(.home-body).page-contracts .public-flow-node .card-text,
body.site-public:not(.home-body).page-spend-sourcing .public-flow-node .card-text {
    color: var(--public-text-soft) !important;
}

body.site-public:not(.home-body) .public-discovery-panel {
    position: relative;
    margin-top: 2.35rem;
    padding: 0 0 1.25rem;
}

body.site-public:not(.home-body) .public-discovery-shell {
    position: relative;
    display: grid;
    gap: 1.35rem;
    padding: clamp(1.35rem, 3vw, 2.2rem);
    border: 1px solid var(--public-border);
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(12, 25, 41, 0.96), rgba(7, 16, 28, 0.94)),
        radial-gradient(circle at top right, rgba(0, 208, 215, 0.16), transparent 34%);
    box-shadow: 0 24px 64px rgba(3, 8, 18, 0.34);
    overflow: hidden;
}

body.site-public:not(.home-body) .public-discovery-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 34%, transparent 70%, rgba(0, 208, 215, 0.08));
    pointer-events: none;
}

body.site-public:not(.home-body) .public-discovery-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.9rem;
}

body.site-public:not(.home-body) .public-discovery-copy h2 {
    margin: 0;
    font-family: "Space Grotesk", "Segoe UI", sans-serif;
    font-size: clamp(1.85rem, 3vw, 3rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
}

body.site-public:not(.home-body) .public-discovery-copy p {
    max-width: 72ch;
    margin: 0;
}

body.site-public:not(.home-body) .public-discovery-focus strong {
    color: #eef8ff;
}

body.site-public:not(.home-body) .public-discovery-highlights {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.site-public:not(.home-body) .public-discovery-highlights li {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(140, 235, 242, 0.14);
    background: rgba(255, 255, 255, 0.04);
    color: #d8faff;
    font-family: "Inter", "Segoe UI", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
}

body.site-public:not(.home-body) .public-discovery-links {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

body.site-public:not(.home-body) .public-discovery-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 1.05rem;
    border-radius: 16px;
    border: 1px solid rgba(140, 235, 242, 0.16);
    background: rgba(255, 255, 255, 0.04);
    color: #eef8ff;
    font-family: "Inter", "Segoe UI", sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

body.site-public:not(.home-body) .public-discovery-link:hover {
    transform: translateY(-2px);
    border-color: var(--public-border-strong);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

@media (max-width: 991.98px) {
    body.site-public:not(.home-body) .public-flow-node + .public-flow-node {
        margin-top: 1.2rem;
    }

    body.site-public:not(.home-body) .public-flow-node h1 {
        font-size: clamp(2.1rem, 9vw, 3.6rem);
    }

    body.site-public:not(.home-body) .public-surface,
    body.site-public:not(.home-body) .public-card,
    body.site-public:not(.home-body) .public-cta-panel {
        border-radius: 24px !important;
    }

    body.site-public:not(.home-body) .public-discovery-shell {
        border-radius: 24px;
    }
}

@media (max-width: 767.98px) {
    body.site-public:not(.home-body) .site-nav + section,
    body.site-public:not(.home-body) .site-nav + .container,
    body.site-public:not(.home-body) .site-nav + main {
        margin-top: 0.25rem;
    }

    body.site-public:not(.home-body) .public-flow-node + .public-flow-node {
        margin-top: 0.95rem;
    }

    body.site-public:not(.home-body) .public-button,
    body.site-public:not(.home-body) .btn:not(.site-nav-pill):not(.site-footer-cta) {
        width: 100%;
    }

    body.site-public:not(.home-body) .public-discovery-links {
        display: grid;
    }

    body.site-public:not(.home-body) .public-discovery-link {
        width: 100%;
    }
}