/* site palette */
html:root {
    --bg: #0E141D;
    --surface: #17202E;
    --surface-alt: #141B27;
    --text: #EFF0F2;
    --text-muted: #B0B6BF;
    --border: #313842;
    --primary: #F39A3F;
    --primary-hover: #F18619;
    --on-primary: #111111;
    --primary-text: #F39A3F;
    --accent: #6280C8;
    --on-accent: #111111;
    --accent-text: #6A86CB;
    --dark-band: #080C11;
    --on-dark: #FFFFFF;
    --on-dark-muted: #B6BBC3;
    --brand-btn-bg: #111111;
    --brand-btn-text: #F39A3F;
    --section-alt-bg: linear-gradient(195deg, #141B27 0%, #161E2B 100%);
    --dark-band-bg: linear-gradient(131deg, #080C11 0%, #43290E 100%);
    --brand-band-bg: #F39A3F;
    --hero-bg: linear-gradient(131deg, #080C11 0%, #43290E 100%);
}

/* /site palette */

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

html {
    font-family: 'Atkinson Hyperlegible', sans-serif;
    background-color: var(--bg);
    color: var(--text);
    scroll-behavior: auto !important;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Atkinson Hyperlegible', sans-serif;
    background-color: var(--bg);
    color: var(--text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
    animation: none !important;
    transition: none !important;
}

.text-muted {
    color: var(--text-muted) !important;
}

.dg-section {
    padding-top: clamp(3.5rem, 6vw, 6rem);
    padding-bottom: clamp(3.5rem, 6vw, 6rem);
    background-color: var(--bg);
    color: var(--text);
    position: relative;
}

.dg-section-alt {
    padding-top: clamp(3.5rem, 6vw, 6rem);
    padding-bottom: clamp(3.5rem, 6vw, 6rem);
    background: var(--section-alt-bg, var(--surface-alt));
    color: var(--text);
    position: relative;
}

.dg-section-dark {
    padding-top: clamp(3.5rem, 6vw, 6rem);
    padding-bottom: clamp(3.5rem, 6vw, 6rem);
    background: var(--dark-band-bg, var(--dark-band));
    color: var(--on-dark);
    position: relative;
}

.dg-section-brand {
    padding-top: clamp(3.5rem, 6vw, 6rem);
    padding-bottom: clamp(3.5rem, 6vw, 6rem);
    background: var(--brand-band-bg, var(--primary));
    color: var(--on-primary);
    position: relative;
}

.dg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: 'Atkinson Hyperlegible', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.8rem 1.6rem;
    background-color: var(--primary);
    color: var(--on-primary);
    border: 1px solid var(--primary);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 4px 4px 0px 0px var(--accent);
    cursor: pointer;
    text-decoration: none;
}

.dg-btn:hover {
    background-color: var(--primary-hover);
    color: var(--on-primary);
    box-shadow: 2px 2px 0px 0px #EFF0F2;
}

.dg-btn-alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: 'Atkinson Hyperlegible', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.8rem 1.6rem;
    background-color: var(--surface);
    color: var(--primary-text);
    border: 1px solid var(--border);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 4px 4px 0px 0px var(--border);
    cursor: pointer;
    text-decoration: none;
}

.dg-btn-alt:hover {
    background-color: var(--surface-alt);
    color: var(--primary);
    border-color: var(--primary);
    box-shadow: 2px 2px 0px 0px var(--primary);
}

.dg-card {
    background-color: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    box-shadow: 3px 3px 0px 0px var(--border);
    padding: 1.5rem;
    position: relative;
}

.dg-card:hover {
    border-color: var(--primary);
    box-shadow: 4px 4px 0px 0px var(--primary);
}

.dg-media {
    width: 100%;
    aspect-ratio: 16 / 9;
    flex-shrink: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    background-color: var(--surface-alt);
}

.dg-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dg-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary-text);
    margin-bottom: 0.75rem;
}

.dg-title {
    font-size: clamp(1.5rem, 2.5vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--text);
    position: relative;
    margin-bottom: 1.25rem;
}

.dg-title::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 4px;
    background-color: var(--primary);
    transform: skewX(-45deg);
    margin-right: 0.75rem;
    vertical-align: middle;
}

.dg-badge {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.25rem 0.6rem;
    background-color: var(--surface-alt);
    color: var(--text);
    border: 1px solid var(--border);
}

.dg-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
    color: var(--primary-text);
    font-size: 1.35rem;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.dg-on-dark {
    color: var(--on-dark);
}

.dg-on-dark h1,
.dg-on-dark h2,
.dg-on-dark h3,
.dg-on-dark h4,
.dg-on-dark .dg-title {
    color: var(--on-dark);
}

.dg-on-dark .text-muted {
    color: var(--on-dark-muted) !important;
}

.dg-on-dark .dg-eyebrow {
    color: var(--primary);
}

.dg-on-dark .dg-btn-alt {
    background-color: transparent;
    color: var(--on-dark);
    border-color: var(--on-dark);
    box-shadow: 4px 4px 0px 0px var(--border);
}

.dg-on-dark .dg-btn-alt:hover {
    background-color: var(--surface);
    color: var(--primary);
    border-color: var(--primary);
}

.dg-section-dark .dg-card,
.dg-on-dark .dg-card {
    background-color: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
}

.dg-section-dark .dg-card .text-muted,
.dg-on-dark .dg-card .text-muted {
    color: var(--text-muted) !important;
}

.dg-section-brand .dg-btn {
    background-color: var(--brand-btn-bg);
    color: var(--brand-btn-text);
    border-color: var(--brand-btn-text);
    box-shadow: 4px 4px 0px 0px #EFF0F2;
}

.dg-section-brand .dg-btn:hover {
    background-color: var(--primary);
    color: var(--on-primary);
    box-shadow: 2px 2px 0px 0px #111111;
}

.dg-section-brand .dg-btn-alt {
    background-color: transparent;
    color: var(--on-primary);
    border-color: var(--on-primary);
    box-shadow: 4px 4px 0px 0px #111111;
}

.dg-section-brand .dg-btn-alt:hover {
    background-color: var(--brand-btn-bg);
    color: var(--brand-btn-text);
}

.dg-hud-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--border);
    background-color: var(--surface);
}

.dg-hud-table th {
    background-color: var(--surface-alt);
    color: var(--primary-text);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--border);
    text-align: left;
}

.dg-hud-table td {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.9rem;
}

.dg-hud-table tr:hover td {
    background-color: var(--surface-alt);
}

.dg-hazard-border {
    background-image: repeating-linear-gradient(45deg, var(--border), var(--border) 6px, var(--surface) 6px, var(--surface) 12px);
    height: 4px;
    width: 100%;
}

.dg-stat-bar-track {
    height: 6px;
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
    width: 100%;
    position: relative;
}

.dg-stat-bar-fill {
    height: 100%;
    background-color: var(--primary);
}

/* ===== header ===== */
.wrl-header .wrl-btn-cta {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 3px 3px 0px 0px #6280C8;
}

.wrl-header .wrl-btn-cta:hover {
    box-shadow: 2px 2px 0px 0px #EFF0F2;
}

.wrl-header .wrl-btn-cta-mobile {
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}

.wrl-header .wrl-nav-link {
    position: relative;
}

.wrl-header .wrl-nav-link:hover::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 12px;
    right: 12px;
    height: 2px;
    background-color: #F39A3F;
}

@media (max-width: 767px) {
    .wrl-header .wrl-header__container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Completion pages keep the brand mark centered and distraction-free. */
.completion-header .wrl-header__container > div {
    justify-content: center;
}

.completion-header nav,
.completion-header .wrl-btn-cta-mobile,
.completion-header .js-mobile-menu-toggle,
.completion-header #mobile-menu,
.completion-header .wrl-header__container > div > div:last-child,
.completion-header .wrl-header__container > div > div:first-child > div:last-child {
    display: none !important;
}

/* Preserve a readable label/value gutter in the TC2000 mobile matrix. */
@media (max-width: 767px) {
    .tc2000-hygiene .tc2000-row > div {
        align-items: flex-start;
        gap: 1rem;
    }

    .tc2000-hygiene .tc2000-row > div > span:first-child {
        flex: 0 0 82px;
    }

    .tc2000-hygiene .tc2000-row > div > span:last-child {
        min-width: 0;
        text-align: right;
        line-height: 1.5;
    }
}

/* ===== hero ===== */
.hero-watchlist {
    position: relative;
    background: linear-gradient(131deg, #080C11 0%, #43290E 100%);
}

.hero-watchlist .hero-watchlist__bg-media {
    filter: blur(8px);
    transform: scale(1.05);
}

.hero-watchlist .hero-watchlist__overlay {
    background: linear-gradient(180deg, rgba(8, 12, 17, 0.82) 0%, rgba(8, 12, 17, 0.94) 75%, #0E141D 100%);
}

.hero-watchlist .hero-watchlist__headline {
    -webkit-text-stroke: 1px var(--primary);
    color: transparent;
    hyphens: auto;
    overflow-wrap: anywhere;
}

.hero-watchlist .hero-watchlist__filled-keyword {
    -webkit-text-stroke: 0px;
    color: var(--primary);
}

.hero-watchlist .hero-watchlist__eyebrow {
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}

.hero-watchlist .hero-watchlist__question-box {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.hero-watchlist .hero-watchlist__step-card {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 2px 2px 0px 0px var(--border);
}

.hero-watchlist .hero-watchlist__step-card--accent {
    box-shadow: 2px 2px 0px 0px var(--accent);
}

.hero-watchlist .hero-watchlist__btn-primary {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 4px 4px 0px 0px var(--accent);
}

.hero-watchlist .hero-watchlist__btn-secondary {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 4px 4px 0px 0px var(--border);
}

@media (max-width: 767px) {
    .hero-watchlist .hero-watchlist__pipeline-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== featured_case ===== */
.featured-case-block .fc-faded-number {
    position: absolute;
    left: -0.5rem;
    top: -1.75rem;
    font-size: 5.5rem;
    line-height: 1;
    font-weight: 700;
    color: var(--text);
    opacity: 0.05;
    z-index: 0;
    user-select: none;
}

.featured-case-block .fc-headline {
    -webkit-text-stroke: 1px var(--primary);
    color: transparent;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.featured-case-block .fc-filled-word {
    color: var(--text);
    -webkit-text-stroke: 0px;
}

.featured-case-block .fc-accent-line {
    width: 48px;
    height: 3px;
    background: var(--primary);
    transform: skewX(-45deg);
}

.featured-case-block .fc-panel {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
    box-shadow: 4px 4px 0px 0px var(--border);
}

.featured-case-block .fc-hazard-bar {
    background: repeating-linear-gradient(45deg, var(--border), var(--border) 8px, var(--surface) 8px, var(--surface) 16px);
    border: 1px solid var(--border);
}

.featured-case-block .fc-cut-box {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.featured-case-block .fc-btn {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 3px 3px 0px 0px var(--accent);
}

.featured-case-block .fc-btn:hover {
    box-shadow: 1px 1px 0px 0px var(--text);
}

.featured-case-block .fc-media-frame {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.featured-case-block .fc-glitch-img {
    filter: contrast(1.05) saturate(1.1);
}

@media (max-width: 767px) {
    .featured-case-block .fc-faded-number {
        font-size: 3.5rem;
        top: -1rem;
    }

    .featured-case-block .fc-headline {
        font-size: 16px;
    }
}

/* ===== audit_grid ===== */
.audit-grid-section {
    position: relative;
}

.audit-grid-section .audit-watermark {
    position: absolute;
    left: -0.5rem;
    top: -1.75rem;
    font-size: 5.5rem;
    line-height: 1;
    font-weight: 700;
    color: #EFF0F2;
    opacity: 0.05;
    z-index: 0;
}

@media (min-width: 768px) {
    .audit-grid-section .audit-watermark {
        font-size: 7.5rem;
        left: -1rem;
        top: -2.5rem;
    }
}

.audit-grid-section .audit-title {
    color: transparent;
    -webkit-text-stroke: 1px #F39A3F;
}

.audit-grid-section .audit-title span {
    -webkit-text-stroke: 0;
    color: #EFF0F2;
}

.audit-grid-section .audit-chamfer-card {
    background-color: #17202E;
    border: 1px solid #313842;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    box-shadow: 3px 3px 0 0 #313842;
}

.audit-grid-section .audit-chamfer-card:hover {
    border-color: #F39A3F;
    box-shadow: 4px 4px 0 0 #F39A3F;
}

.audit-grid-section .audit-bar-track {
    background-color: #141B27;
    height: 5px;
    border: 1px solid #313842;
    width: 100%;
    overflow: hidden;
}

.audit-grid-section .audit-bar-fill {
    background-color: #F39A3F;
    height: 100%;
}

.audit-grid-section .audit-filter-pill {
    font-family: 'Atkinson Hyperlegible', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 6px 14px;
    background-color: #141B27;
    border: 1px solid #313842;
    color: #B0B6BF;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
    cursor: pointer;
}

.audit-grid-section .audit-filter-pill.active,
.audit-grid-section .audit-filter-pill:hover {
    background-color: #F39A3F;
    color: #111111;
    border-color: #F39A3F;
}

@media (max-width: 767px) {
    .audit-grid-section .js-audit-items-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== knowledge_overview ===== */
.knowledge-overview-section .knowledge-overview-watermark {
    position: absolute;
    left: -0.5rem;
    top: -2.5rem;
    font-size: clamp(5rem, 12vw, 8rem);
    font-weight: 700;
    line-height: 1;
    color: var(--text);
    opacity: 0.05;
    z-index: 0;
}

.knowledge-overview-section .knowledge-overview-accent-bar {
    width: 48px;
    height: 3px;
    background-color: var(--primary);
    transform: skewX(-45deg);
}

.knowledge-overview-section .knowledge-overview-heading {
    -webkit-text-stroke: 1px var(--primary);
    color: transparent;
    letter-spacing: -0.01em;
}

.knowledge-overview-section .knowledge-overview-heading .knowledge-overview-highlight {
    -webkit-text-stroke: 0;
    color: var(--text);
}

.knowledge-overview-section .knowledge-overview-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    box-shadow: 3px 3px 0px 0px var(--border);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.knowledge-overview-section .knowledge-overview-card:hover {
    border-color: var(--primary);
    box-shadow: 4px 4px 0px 0px var(--primary);
}

.knowledge-overview-section .knowledge-overview-hazard-line {
    height: 3px;
    background: repeating-linear-gradient(45deg, var(--primary), var(--primary) 6px, var(--bg) 6px, var(--bg) 12px);
    width: 100%;
}

.knowledge-overview-section .knowledge-overview-card:hover .dg-media {
    transform: scale(1.03);
}

.knowledge-overview-section .dg-btn {
    background-color: var(--primary);
    color: var(--on-primary);
    border: 1px solid var(--primary);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 4px 4px 0px 0px var(--accent);
}

.knowledge-overview-section .dg-btn:hover {
    background-color: var(--primary-hover);
    color: var(--on-primary);
    box-shadow: 2px 2px 0px 0px var(--text);
}

.knowledge-overview-section .dg-btn-alt {
    background-color: var(--surface-alt);
    color: var(--text);
    border: 1px solid var(--border);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 3px 3px 0px 0px var(--border);
}

.knowledge-overview-section .dg-btn-alt:hover {
    background-color: var(--surface);
    color: var(--primary);
    border-color: var(--primary);
    box-shadow: 2px 2px 0px 0px var(--primary);
}

@media (max-width: 767px) {
    .knowledge-overview-section .grid {
        grid-template-columns: 1fr;
    }
}

/* ===== how_it_works ===== */
.wrl-workflow-section {
    position: relative;
}

.wrl-workflow-section .wrl-faded-num {
    position: absolute;
    left: -0.75rem;
    top: -1.75rem;
    font-size: clamp(4.5rem, 9vw, 7.5rem);
    font-weight: 700;
    line-height: 1;
    color: #EFF0F2;
    opacity: 0.05;
    z-index: 0;
    pointer-events: none;
    font-family: 'Atkinson Hyperlegible', sans-serif;
}

.wrl-workflow-section .wrl-angled-accent {
    display: inline-block;
    width: 14px;
    height: 28px;
    background-color: var(--primary);
    transform: skewX(-20deg);
    flex-shrink: 0;
}

.wrl-workflow-section .wrl-neon-headline {
    color: transparent;
    -webkit-text-stroke: 1px var(--primary);
    line-height: 1.2;
}

.wrl-workflow-section .wrl-filled-keyword {
    color: #EFF0F2;
    -webkit-text-stroke: 0px;
}

.wrl-workflow-section .dg-btn {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 4px 4px 0px 0px var(--accent);
    transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.wrl-workflow-section .dg-btn:hover {
    background-color: var(--primary-hover);
    color: #111111;
    box-shadow: 2px 2px 0px 0px #EFF0F2;
}

.wrl-workflow-section .wrl-step-nav-btn {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 3px 3px 0px 0px #313842;
    cursor: pointer;
}

.wrl-workflow-section .wrl-step-nav-btn:hover {
    border-color: var(--primary);
}

.wrl-workflow-section .wrl-step-nav-btn.is-active {
    border-color: var(--primary);
    background-color: #141B27;
    box-shadow: 4px 4px 0px 0px var(--primary);
}

.wrl-workflow-section .wrl-step-nav-btn.is-active .wrl-step-badge {
    border-color: var(--primary);
    color: var(--primary);
}

.wrl-workflow-section .wrl-panel-display {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    box-shadow: 4px 4px 0px 0px #313842;
}

.wrl-workflow-section .wrl-hazard-bar {
    width: 100%;
    height: 6px;
    background: repeating-linear-gradient(45deg, var(--border), var(--border) 8px, #17202E 8px, #17202E 16px);
    border: 1px solid var(--border);
}

.wrl-workflow-section .wrl-hex-icon {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.wrl-workflow-section button:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

@media (max-width: 767px) {
    .wrl-workflow-section .wrl-faded-num {
        font-size: 4rem;
        top: -1.25rem;
    }
}

/* ===== stages_checkpoints ===== */
.stages-checkpoints-section .stages-outline-heading {
    -webkit-text-stroke: 1px var(--primary);
}

.stages-checkpoints-section .stages-card {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    box-shadow: 3px 3px 0px 0px var(--border);
}

.stages-checkpoints-section .stages-card:hover {
    border-color: var(--primary);
    box-shadow: 4px 4px 0px 0px var(--primary);
}

.stages-checkpoints-section .stages-icon-tile {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.stages-checkpoints-section .stages-tab {
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}

.stages-checkpoints-section .stages-console {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.stages-checkpoints-section .dg-btn {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 4px 4px 0px 0px var(--accent);
}

.stages-checkpoints-section .dg-btn:hover {
    box-shadow: 2px 2px 0px 0px #EFF0F2;
}

@media (max-width: 767px) {
    .stages-checkpoints-section .stages-tab {
        width: 100%;
        text-align: center;
    }
}

/* ===== provider_checklist ===== */
.provider-checklist-block {
    position: relative;
}

.provider-checklist-block__bg-num {
    font-size: 6rem;
    line-height: 1;
    font-weight: 700;
    color: #EFF0F2;
    opacity: 0.04;
    position: absolute;
    left: -0.5rem;
    top: -2rem;
    z-index: 0;
    font-family: 'Atkinson Hyperlegible', sans-serif;
}

.provider-checklist-block__heading {
    letter-spacing: -0.01em;
}

.provider-checklist-block__outline {
    color: transparent;
    -webkit-text-stroke: 1px var(--primary);
}

.provider-checklist-block__filled {
    color: var(--primary);
}

.provider-checklist-block__card {
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: 3px 3px 0px 0px var(--border);
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.provider-checklist-block__card:hover {
    border-color: var(--primary);
    box-shadow: 4px 4px 0px 0px var(--primary);
}

.provider-checklist-block__hex-icon {
    width: 2.75rem;
    height: 2.75rem;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.provider-checklist-block__stat-bar {
    width: 100%;
    height: 6px;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    position: relative;
    overflow: hidden;
}

.provider-checklist-block__stat-fill {
    height: 100%;
    background: var(--primary);
}

.provider-checklist-block__cta-panel {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
    box-shadow: 4px 4px 0px 0px var(--border);
}

.provider-checklist-block__hazard-strip {
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: repeating-linear-gradient(45deg, var(--primary), var(--primary) 6px, #111111 6px, #111111 12px);
}

.provider-checklist-block__btn {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.provider-checklist-block .dg-btn {
    background: var(--primary);
    color: var(--on-primary);
    border: 1px solid var(--primary);
    box-shadow: 4px 4px 0px 0px var(--accent);
}

.provider-checklist-block .dg-btn:hover {
    background: var(--primary-hover);
    color: var(--on-primary);
    box-shadow: 2px 2px 0px 0px var(--text);
}

.provider-checklist-block .dg-btn-alt {
    background: var(--surface-alt);
    color: var(--text);
    border: 1px solid var(--border);
    box-shadow: 4px 4px 0px 0px var(--border);
}

.provider-checklist-block .dg-btn-alt:hover {
    background: var(--surface);
    color: var(--primary);
    border-color: var(--primary);
    box-shadow: 2px 2px 0px 0px var(--primary);
}

@media (max-width: 767px) {
    .provider-checklist-block__bg-num {
        font-size: 4rem;
        top: -1.25rem;
    }
}

/* ===== key_benefits ===== */
.wr-benefits-block {
    position: relative;
}

.wr-benefits-block .wr-faded-number {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--text);
    opacity: 0.04;
    position: absolute;
    left: -0.5rem;
    top: -1.8rem;
    z-index: 0;
    pointer-events: none;
}

@media (min-width: 768px) {
    .wr-benefits-block .wr-faded-number {
        font-size: 7rem;
        left: -1rem;
        top: -2.2rem;
    }
}

.wr-benefits-block .wr-outline-heading {
    -webkit-text-stroke: 1px var(--primary);
    color: transparent;
}

.wr-benefits-block .wr-outline-heading .wr-filled-keyword {
    -webkit-text-stroke: 0;
    color: var(--primary);
}

.wr-benefits-block .wr-neon-bar {
    width: 4px;
    height: 28px;
    background: var(--primary);
    transform: rotate(20deg);
    display: inline-block;
    flex-shrink: 0;
}

.wr-benefits-block .wr-hazard-pill {
    display: inline-block;
    width: 36px;
    height: 6px;
    background: repeating-linear-gradient(45deg, var(--border), var(--border) 4px, var(--surface) 4px, var(--surface) 8px);
}

.wr-benefits-block .wr-benefit-card {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    border: 1px solid var(--border);
    box-shadow: 3px 3px 0 0 var(--border);
}

.wr-benefits-block .wr-benefit-card:hover {
    border-color: var(--primary);
    box-shadow: 4px 4px 0 0 var(--primary);
}

.wr-benefits-block .wr-hexagon-icon-wrap {
    width: 48px;
    height: 48px;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.wr-benefits-block .wr-stat-bar-track {
    width: 100%;
    height: 6px;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    overflow: hidden;
}

.wr-benefits-block .wr-stat-bar-fill {
    height: 100%;
    background: var(--primary);
}

.wr-benefits-block .wr-stat-bar-fill.wr-stat-bar-accent {
    background: var(--accent);
}

.wr-benefits-block .wr-indicator-dot {
    width: 10px;
    height: 10px;
    background: var(--primary);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    display: inline-block;
    flex-shrink: 0;
}

.wr-benefits-block .wr-action-footer {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.wr-benefits-block .dg-btn {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 4px 4px 0 0 var(--accent);
}

.wr-benefits-block .dg-btn:hover {
    box-shadow: 2px 2px 0 0 var(--text);
}

@media (max-width: 767px) {
    .wr-benefits-block .wr-action-footer {
        flex-direction: column;
        align-items: stretch;
    }
}

/* ===== objection_handling ===== */
.objection-audit-system {
    background: linear-gradient(195deg, #141B27 0%, #161E2B 100%);
}

.objection-audit-system .objection-headline {
    -webkit-text-stroke: 1px #F39A3F;
    color: transparent;
    letter-spacing: -0.01em;
}

.objection-audit-system .objection-headline .filled-word {
    -webkit-text-stroke: 0;
    color: #F39A3F;
}

.objection-audit-system .objection-tab-btn {
    background: #17202E;
    border-color: #313842;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.objection-audit-system .objection-tab-btn:hover {
    border-color: #F39A3F;
    background: #141B27;
}

.objection-audit-system .objection-tab-btn.active {
    background: #141B27;
    border-color: #F39A3F;
    box-shadow: 3px 3px 0px 0px #F39A3F;
}

.objection-audit-system .objection-tab-btn.active .indicator-arrow {
    color: #F39A3F;
    transform: translateX(3px);
}

.objection-audit-system .objection-icon-hex {
    background: #141B27;
    border: 1px solid #313842;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.objection-audit-system .objection-display-panel {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    box-shadow: 4px 4px 0px 0px #313842;
}

@media (max-width: 767px) {
    .objection-audit-system .objection-display-panel {
        margin-top: 1rem;
    }
}

/* ===== footer ===== */
.wrl-footer {
    font-family: 'Atkinson Hyperlegible', sans-serif;
}

.wrl-footer .wrl-footer-disclaimer {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    box-shadow: 3px 3px 0px 0px #313842;
}

@media (max-width: 767px) {
    .wrl-footer .grid {
        grid-template-columns: 1fr;
    }
}

/* ===== PAGE: about ===== */
.wl-about-section { position: relative; }
.wl-bg-faded-num { position: absolute; left: -0.5rem; top: -1.75rem; font-size: 5rem; font-weight: 700; line-height: 1; color: #EFF0F2; opacity: 0.04; font-family: 'Atkinson Hyperlegible', monospace; z-index: 0; }
@media (min-width: 768px) { .wl-bg-faded-num { font-size: 6.5rem; left: -1rem; top: -2.25rem; } }
.wl-about-section .dg-card { clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); box-shadow: 3px 3px 0px 0px #313842; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.wl-about-section .dg-card:hover { border-color: #F39A3F; box-shadow: 4px 4px 0px 0px #F39A3F; }
.wl-about-section .dg-btn { clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)); box-shadow: 4px 4px 0px 0px #6280C8; }
.wl-about-section .dg-btn-alt { clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)); box-shadow: 4px 4px 0px 0px #313842; }
.wl-about-section .dg-btn:hover { box-shadow: 2px 2px 0px 0px #EFF0F2; }
.wl-about-section .dg-btn-alt:hover { box-shadow: 2px 2px 0px 0px #F39A3F; }
@media (max-width: 767px) { .wl-about-section .js-principle-tabs { flex-direction: column; width: 100%; } .wl-about-section .js-tab-btn { width: 100%; text-align: left; } }

/* ===== PAGE: workflows ===== */
.tc2000-setup .tc2000-card,.tc2000-hygiene .tc2000-matrix{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:3px 3px 0 0 #313842}.tc2000-setup .tc2000-card:hover{border-color:#F39A3F;box-shadow:4px 4px 0 0 #F39A3F}.tc2000-setup .tc2000-tab-btn,.tc2000-hygiene .tc2000-filter-tag,.tc2000-setup .dg-btn,.tc2000-hygiene .dg-btn,.tc2000-hygiene .dg-btn-alt{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.tc2000-setup .dg-btn,.tc2000-hygiene .dg-btn{box-shadow:4px 4px 0 0 #6280C8}.tc2000-setup .dg-btn:hover,.tc2000-hygiene .dg-btn:hover{box-shadow:2px 2px 0 0 #EFF0F2}.tc2000-hygiene .dg-btn-alt{box-shadow:4px 4px 0 0 #313842}.tc2000-hygiene .dg-btn-alt:hover{box-shadow:2px 2px 0 0 #F39A3F}.tc2000-setup .tc2000-stat-bar{overflow:hidden}.tc2000-hygiene .tc2000-row:hover{background-color:#141B27}@media(max-width:767px){.tc2000-hygiene .tc2000-matrix .grid{grid-template-columns:1fr}.tc2000-setup__controls{flex-direction:column;align-items:stretch}.tc2000-setup .tc2000-tab-btn{width:100%;text-align:left}}

/* ===== PAGE: asset-audit ===== */
.audit-page-root .audit-watermark {
  position: absolute;
  left: -0.75rem;
  top: -1.75rem;
  font-size: clamp(3.5rem, 8vw, 5.5rem);
  font-weight: 700;
  line-height: 1;
  color: #EFF0F2;
  opacity: 0.05;
  z-index: 0;
}
.audit-page-root .dg-title {
  position: relative;
  z-index: 1;
}
.audit-page-root .featured-ledger-card {
  position: relative;
  border: 1px solid var(--border);
  box-shadow: 4px 4px 0px 0px var(--primary);
}
.audit-page-root .audit-form-input::placeholder {
  color: #6C7582;
  opacity: 1;
}
.audit-page-root .audit-form-input {
  color: #EFF0F2;
  transition: border-color 0.2s ease;
}
@media (max-width: 767px) {
  .audit-page-root .featured-ledger-card {
    box-shadow: 3px 3px 0px 0px var(--primary);
  }
}

/* ===== PAGE: knowledge-base ===== */
.kb-main-wrap {
  position: relative;
  font-family: 'Atkinson Hyperlegible', sans-serif;
}

.kb-intro-panel {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  box-shadow: 3px 3px 0px 0px var(--border);
}

.kb-bg-num {
  font-size: clamp(3.5rem, 8vw, 6rem);
  line-height: 1;
  font-weight: 700;
  color: #EFF0F2;
  opacity: 0.05;
  position: absolute;
  left: -0.5rem;
  top: -1.75rem;
  z-index: 0;
  pointer-events: none;
}

.kb-row-card {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  box-shadow: 3px 3px 0px 0px var(--border);
}

.kb-row-card:hover {
  border-color: var(--primary);
  box-shadow: 4px 4px 0px 0px var(--primary);
}

.kb-media-wrapper img {
  aspect-ratio: 4 / 3;
}

.kb-input-field {
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.kb-input-field::placeholder {
  color: var(--text-muted);
  opacity: 0.85;
}

.kb-checkbox {
  accent-color: var(--primary);
  width: 1rem;
  height: 1rem;
}

.kb-newsletter-panel {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  box-shadow: 3px 3px 0px 0px var(--border);
}

@media (max-width: 767px) {
  .kb-row-card .flex {
    flex-direction: column;
  }
  .kb-media-wrapper {
    width: 100%;
  }
}

/* ===== PAGE: tariffs ===== */
.tariff-root {
  background-color: var(--bg);
  color: var(--text);
  font-family: 'Atkinson Hyperlegible', sans-serif;
}

.tariff-root .tariff-accent-bar {
  display: inline-block;
  width: 14px;
  height: 4px;
  background-color: var(--primary);
  transform: skewX(-30deg);
}

.tariff-root .tariff-watermark {
  position: absolute;
  left: -0.5rem;
  top: -2rem;
  font-size: clamp(4rem, 8vw, 7rem);
  font-weight: 700;
  color: var(--text);
  opacity: 0.05;
  line-height: 1;
  z-index: 0;
}

.tariff-root .tariff-card {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  box-shadow: 3px 3px 0px 0px var(--border);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tariff-root .tariff-card:hover {
  border-color: var(--primary);
  box-shadow: 4px 4px 0px 0px var(--primary);
}

.tariff-root .tariff-card-highlight {
  box-shadow: 4px 4px 0px 0px var(--primary);
}

.tariff-root .tariff-highlight-ribbon {
  position: absolute;
  top: 0;
  right: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tariff-root .tariff-stat-track {
  width: 100%;
  height: 6px;
  background-color: var(--surface-alt);
  border: 1px solid var(--border);
  position: relative;
}

.tariff-root .tariff-stat-fill {
  height: 100%;
  background-color: var(--primary);
}

.tariff-root .tariff-stat-fill-accent {
  height: 100%;
  background-color: var(--accent);
}

.tariff-root .tariff-select-btn,
.tariff-root .tariff-submit-btn {
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  background-color: var(--primary);
  color: var(--on-primary);
  border: 1px solid var(--primary);
  box-shadow: 4px 4px 0px 0px var(--accent);
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.tariff-root .tariff-select-btn:hover,
.tariff-root .tariff-submit-btn:hover {
  background-color: var(--primary-hover);
  color: var(--on-primary);
  box-shadow: 2px 2px 0px 0px var(--text);
}

.tariff-root .tariff-cycle-btn.active {
  background-color: var(--primary);
  color: var(--on-primary);
}

.tariff-root .tariff-form {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  box-shadow: 4px 4px 0px 0px var(--border);
}

.tariff-root .tariff-input {
  color: var(--text);
  background-color: var(--surface-alt);
  border: 1px solid var(--border);
}

.tariff-root .tariff-input::placeholder {
  color: var(--text-muted);
  opacity: 0.8;
}

@media (max-width: 767px) {
  .tariff-root .tariff-card {
    margin-bottom: 1.5rem;
  }
  .tariff-root .grid {
    grid-template-columns: 1fr;
  }
}

/* ===== PAGE: faq ===== */
.wl-faq-block .wl-outline-headline,
.wl-form-block .wl-outline-headline {
  -webkit-text-stroke: 1px #F39A3F;
  color: transparent;
}

.wl-faq-block .dg-card,
.wl-form-block .dg-card {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  box-shadow: 3px 3px 0px 0px #313842;
}

.wl-faq-block .dg-card:hover {
  border-color: #F39A3F;
  box-shadow: 4px 4px 0px 0px #F39A3F;
}

.wl-faq-block .wl-category-tab {
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.wl-form-block .dg-btn {
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  box-shadow: 4px 4px 0px 0px #6280C8;
}

.wl-form-block .dg-btn:hover {
  box-shadow: 2px 2px 0px 0px #EFF0F2;
}

.wl-faq-block .dg-icon {
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.wl-form-block input::placeholder,
.wl-form-block textarea::placeholder {
  color: #B0B6BF;
  opacity: 0.7;
}

.wl-faq-item.is-active .js-faq-icon {
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .wl-form-block .grid {
    grid-template-columns: 1fr;
  }
}

/* ===== PAGE: contact ===== */
.contact-page-wrapper .contact-faded-num { position: absolute; left: -0.5rem; top: -1.75rem; font-size: clamp(3.5rem, 8vw, 6rem); font-weight: 700; color: #EFF0F2; opacity: 0.05; line-height: 1; z-index: 0; font-family: monospace; } .contact-page-wrapper .contact-card { background: #17202E; border: 1px solid #313842; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); box-shadow: 3px 3px 0px 0px #313842; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .contact-page-wrapper .contact-card:hover { border-color: #F39A3F; box-shadow: 4px 4px 0px 0px #F39A3F; } .contact-page-wrapper .contact-icon-tile { width: 44px; height: 44px; background: #141B27; border: 1px solid #313842; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); } .contact-page-wrapper .contact-inline-btn { clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)); border: 1px solid #313842; background: #141B27; } .contact-page-wrapper .contact-inline-btn:hover { border-color: #F39A3F; } .contact-page-wrapper .contact-input { clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px)); } .contact-page-wrapper .contact-input::placeholder { color: #B0B6BF; opacity: 0.7; } .contact-page-wrapper .contact-submit-btn { clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)); box-shadow: 4px 4px 0px 0px #6280C8; } .contact-page-wrapper .contact-submit-btn:hover { background-color: #F18619; box-shadow: 2px 2px 0px 0px #EFF0F2; } .contact-page-wrapper .contact-checkbox { accent-color: #F39A3F; } @media (max-width: 767px) { .contact-page-wrapper .contact-card { clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)); } }

/* ===== PAGE: privacy ===== */
.wrl-privacy-policy {
  position: relative;
  background-color: var(--bg);
  color: var(--text);
  overflow: hidden;
}

.wrl-privacy-policy .wrl-faded-num {
  position: absolute;
  left: -0.5rem;
  top: -2.5rem;
  font-size: clamp(4.5rem, 8vw, 7.5rem);
  font-weight: 700;
  line-height: 1;
  color: var(--text);
  opacity: 0.04;
  z-index: 0;
  font-family: var(--font-family-headings);
}

.wrl-privacy-policy .wrl-chamfer-panel {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.wrl-privacy-policy .dg-card {
  background: var(--surface);
  border: 1px solid var(--border);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  box-shadow: 3px 3px 0px 0px var(--border);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wrl-privacy-policy .dg-card:hover {
  border-color: var(--primary);
  box-shadow: 4px 4px 0px 0px var(--primary);
}

.wrl-privacy-policy .dg-btn {
  background-color: var(--primary);
  color: var(--on-primary);
  font-weight: 700;
  border: 1px solid var(--primary);
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  box-shadow: 4px 4px 0px 0px var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.wrl-privacy-policy .dg-btn:hover {
  background-color: var(--primary-hover);
  color: var(--on-primary);
  box-shadow: 2px 2px 0px 0px var(--text);
}

.wrl-privacy-policy .dg-btn-alt {
  background-color: var(--surface);
  color: var(--text);
  font-weight: 700;
  border: 1px solid var(--border);
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
  box-shadow: 4px 4px 0px 0px var(--border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.wrl-privacy-policy .dg-btn-alt:hover {
  background-color: var(--surface-alt);
  color: var(--primary);
  border-color: var(--primary);
  box-shadow: 2px 2px 0px 0px var(--primary);
}

.wrl-privacy-policy .dg-btn-alt.active {
  background-color: var(--primary);
  color: var(--on-primary);
  border-color: var(--primary);
  box-shadow: 2px 2px 0px 0px var(--accent);
}

.wrl-privacy-policy input::placeholder {
  color: var(--text-muted);
  opacity: 1;
}

@media (max-width: 767px) {
  .wrl-privacy-policy .js-clauses-container {
    grid-template-columns: 1fr;
  }
}

/* ===== PAGE: terms ===== */
.terms-console .terms-heading-outline{-webkit-text-stroke:1px #F39A3F;color:transparent}.terms-console .terms-chamfer{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.terms-console .terms-panel-chamfer{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.terms-console .terms-card{box-shadow:3px 3px 0 0 #313842;transition:border-color .15s ease,box-shadow .15s ease}.terms-console .terms-card:hover{border-color:#F39A3F;box-shadow:4px 4px 0 0 #F39A3F}.terms-console input[type='text']::placeholder{color:#B0B6BF;opacity:0.85}@media (max-width:767px){.terms-console .terms-card{width:100%}}

/* ===== PAGE: disclaimer ===== */
.disclaimer-ledger-wrap .disclaimer-ghost-num{position:absolute;left:-0.5rem;top:-1.75rem;font-size:5rem;line-height:1;font-weight:700;color:#EFF0F2;opacity:0.04;z-index:0}.disclaimer-ledger-wrap .disclaimer-stroke-text{-webkit-text-stroke:1px #F39A3F;color:transparent}.disclaimer-ledger-wrap .dg-card{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:3px 3px 0px 0px #313842;transition:border-color 0.15s ease,box-shadow 0.15s ease}.disclaimer-ledger-wrap .dg-card:hover{border-color:#F39A3F;box-shadow:4px 4px 0px 0px #F39A3F}.disclaimer-ledger-wrap .dg-btn{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.disclaimer-ledger-wrap .dg-btn-alt{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}@media (max-width:767px){.disclaimer-ledger-wrap #js-clauses-container{grid-template-columns:1fr}.disclaimer-ledger-wrap .disclaimer-toolbar{flex-direction:column;align-items:stretch}.disclaimer-ledger-wrap .clause-count-badge{width:100%}}

.cyber-comment-card {
    background-color: #17202E;
    border: 1px solid #313842;
    box-shadow: 3px 3px 0px 0px #313842;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.comment-avatar {
    width: 42px;
    height: 42px;
    min-width: 42px;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}

.comment-avatar img,
.comment-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cyber-action-btn {
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}

.cyber-action-btn:hover {
    border-color: #F39A3F;
}

.cyber-reply-btn:hover {
    background-color: #F18619;
    border-color: #F18619;
}

.cyber-comment-reply {
    background-color: #141B27;
    border: 1px solid #313842;
    border-left: 2px solid #F39A3F;
    box-shadow: 2px 2px 0px 0px #313842;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.cyber-comment-reply .comment-avatar {
    width: 36px;
    height: 36px;
    min-width: 36px;
    clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
}

.cyber-comment-reply .comment-avatar img,
.cyber-comment-reply .comment-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cyber-comment-reply .cyber-action-btn {
    clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
}

.cyber-comment-reply .cyber-action-btn:hover {
    border-color: #6280C8;
}


/* ===== PAGE TEMPLATE: asset-audit ===== */
.wrl-header .wrl-btn-cta {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 3px 3px 0px 0px #6280C8;
}

.wrl-header .wrl-btn-cta:hover {
    box-shadow: 2px 2px 0px 0px #EFF0F2;
}

.wrl-header .wrl-btn-cta-mobile {
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}

.wrl-header .wrl-nav-link {
    position: relative;
}

.wrl-header .wrl-nav-link:hover::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 12px;
    right: 12px;
    height: 2px;
    background-color: #F39A3F;
}

@media (max-width: 767px) {
    .wrl-header .wrl-header__container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}


.audit-detail-page .audit-detail-hero {
    background: linear-gradient(131deg, #080C11 0%, #17202E 100%);
}

.audit-detail-page .audit-media-box {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    box-shadow: 3px 3px 0px 0px #313842;
}

.audit-detail-page .audit-purchase-panel {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    box-shadow: 4px 4px 0px 0px #6280C8;
}

.audit-detail-page .dg-btn {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 3px 3px 0px 0px #6280C8;
}

.audit-detail-page .dg-btn:hover {
    box-shadow: 2px 2px 0px 0px #EFF0F2;
}

.audit-detail-page .audit-split-cta {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.audit-detail-page .dg-card {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 2px 2px 0px 0px #313842;
}

.audit-detail-page .dg-card:hover {
    box-shadow: 3px 3px 0px 0px #F39A3F;
}

.audit-detail-page .audit-table-wrapper {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

@media (max-width: 767px) {
    .audit-detail-page .audit-data-table thead {
        display: none;
    }

    .audit-detail-page .audit-data-table,
    .audit-detail-page .audit-data-table tbody,
    .audit-detail-page .audit-data-table tr,
    .audit-detail-page .audit-data-table td {
        display: block;
        width: 100%;
    }

    .audit-detail-page .audit-data-table tr {
        margin-bottom: 0.75rem;
        border: 1px solid #313842;
    }

    .audit-detail-page .audit-data-table td {
        padding: 0.625rem 0.875rem;
    }

    .audit-detail-page .audit-split-cta .flex {
        flex-direction: column;
    }
}


.wrl-footer {
    font-family: 'Atkinson Hyperlegible', sans-serif;
}

.wrl-footer .wrl-footer-disclaimer {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    box-shadow: 3px 3px 0px 0px #313842;
}

@media (max-width: 767px) {
    .wrl-footer .grid {
        grid-template-columns: 1fr;
    }
}

/* ===== PAGE TEMPLATE: knowledge-base ===== */
.wrl-header .wrl-btn-cta {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 3px 3px 0px 0px #6280C8;
}

.wrl-header .wrl-btn-cta:hover {
    box-shadow: 2px 2px 0px 0px #EFF0F2;
}

.wrl-header .wrl-btn-cta-mobile {
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}

.wrl-header .wrl-nav-link {
    position: relative;
}

.wrl-header .wrl-nav-link:hover::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 12px;
    right: 12px;
    height: 2px;
    background-color: #F39A3F;
}

.kb-detail-hero {
    background: linear-gradient(131deg, #080C11 0%, #2a1b0b 100%);
}

.kb-detail-body .kb-info-col,
.kb-detail-body .kb-rel-card {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    box-shadow: 3px 3px 0px 0px #313842;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.kb-detail-body .kb-info-col:hover,
.kb-detail-body .kb-rel-card:hover {
    border-color: #F39A3F;
    box-shadow: 4px 4px 0px 0px #F39A3F;
}

.kb-detail-body .dg-btn {
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
    box-shadow: 4px 4px 0px 0px #6280C8;
}

.kb-detail-body .dg-btn:hover {
    box-shadow: 2px 2px 0px 0px #EFF0F2;
}

.kb-detail-body .kb-cta-banner {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
    box-shadow: 4px 4px 0px 0px #F39A3F;
}

.kb-detail-body .kb-key-takeaways,
.kb-detail-body .kb-author-card,
.kb-detail-body .kb-newsletter-box {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    box-shadow: 3px 3px 0px 0px #313842;
}

.kb-detail-body .kb-section-number {
    position: absolute;
    left: -0.5rem;
    top: -1.75rem;
    font-size: 5rem;
    font-weight: 700;
    color: #EFF0F2;
    opacity: 0.05;
    line-height: 1;
    pointer-events: none;
    font-family: monospace;
}

.kb-detail-body .kb-article-content p,
.kb-detail-body .kb-article-content h2,
.kb-detail-body .kb-article-content h3 {
    overflow-wrap: anywhere;
    hyphens: auto;
}

.wrl-footer .wrl-footer-disclaimer {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
    box-shadow: 3px 3px 0px 0px #313842;
}

@media (max-width: 767px) {
    .kb-detail-body .grid {
        grid-template-columns: 1fr;
    }

    .wrl-footer .grid {
        grid-template-columns: 1fr;
    }
}

/* mobile-text-guard */
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, td, th, label {
    overflow-wrap: anywhere;
  }
  a, button, .btn {
    overflow-wrap: anywhere;
    white-space: normal;
  }
  img, video, iframe {
    max-width: 100%;
  }
}