/*
 * Public styling for MT Indicator Hub.
 * The public homepage uses a modern light educational interface, while article
 * templates keep a simple readable prose system.
 */

@font-face {
    font-family: "Montserrat";
    src:
        url("../fonts/montserrat/Montserrat-Variable.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src:
        url("../fonts/montserrat/Montserrat-Italic-Variable.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-Italic-Variable.ttf") format("truetype");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --ict-font-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ict-bg: #081625;
    --ict-bg-2: #102033;
    --ict-panel: rgba(16, 24, 39, 0.78);
    --ict-panel-strong: rgba(15, 23, 42, 0.94);
    --ict-line: rgba(148, 163, 184, 0.2);
    --ict-text: #f8fafc;
    --ict-muted: #94a3b8;
    --ict-cyan: #42c783;
    --ict-blue: #3f5f7f;
    --ict-orange: #ef3b2d;
    --ict-amber: #facc15;
    --ict-violet: #6366f1;
    --ict-ink: #020617;
    --ict-radius-section: 36px;
    --ict-radius-panel: 32px;
    --ict-radius-card: 24px;
    --ict-radius-soft: 16px;
    --ict-radius-pill: 999px;
}

body {
    display: flex;
    max-width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    flex-direction: column;
    background:
        radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.14), transparent 28%),
        radial-gradient(circle at 88% 8%, rgba(56, 189, 248, 0.12), transparent 30%),
        linear-gradient(180deg, #07111f 0%, #0d1b2f 48%, #07111f 100%);
    color: var(--ict-text);
    font-family: var(--ict-font-sans);
    margin: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

button,
input,
select,
textarea {
    font-family: var(--ict-font-sans);
}

main {
    flex: 1 0 auto;
    min-width: 0;
}

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

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
    outline: 3px solid rgba(0, 194, 184, 0.52);
    outline-offset: 4px;
}

img,
svg {
    display: block;
}

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

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.absolute { position: absolute; }
.relative { position: relative; }
.inset-0 { inset: 0; }
.block { display: block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.hidden { display: none; }
.flex-1 { flex: 1 1 0%; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.flex-shrink-0 { flex-shrink: 0; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.gap-x-6 { column-gap: 1.5rem; }
.gap-y-3 { row-gap: 0.75rem; }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.5rem; }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-12 { margin-top: 3rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-8 { padding: 2rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.pt-4 { padding-top: 1rem; }
.pt-8 { padding-top: 2rem; }
.w-20 { width: 5rem; }
.w-32 { width: 8rem; }
.w-auto { width: auto; }
.w-full { width: 100%; }
.h-8 { height: 2rem; }
.h-20 { height: 5rem; }
.h-24 { height: 6rem; }
.h-40 { height: 10rem; }
.min-h-screen { min-height: 100vh; }
.max-w-md { max-width: 28rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-5xl { max-width: 64rem; }
.overflow-hidden { overflow: hidden; }
.divide-y > :not([hidden]) ~ :not([hidden]) { border-top-width: 1px; }
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: #e5e7eb; }
.rounded { border-radius: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-full { border-radius: 9999px; }
.border { border: 1px solid #e5e7eb; }
.border-b { border-bottom: 1px solid #e5e7eb; }
.border-t { border-top: 1px solid #e5e7eb; }
.border-l-4 { border-left: 4px solid currentColor; }
.border-gray-200 { border-color: #e5e7eb; }
.border-gray-300 { border-color: #d1d5db; }
.border-red-500 { border-color: #ef4444; }
.bg-white { background-color: #ffffff; }
.bg-gray-50 { background-color: #f9fafb; }
.bg-gray-100 { background-color: #f3f4f6; }
.bg-blue-50 { background-color: #eff6ff; }
.bg-blue-600 { background-color: #2563eb; }
.bg-green-50 { background-color: #f0fdf4; }
.bg-red-50 { background-color: #fef2f2; }
.bg-\[\#CC0025\] { background-color: #cc0025; }
.object-cover { object-fit: cover; }
.text-center { text-align: center; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.leading-7 { line-height: 1.75rem; }
.leading-tight { line-height: 1.25; }
.tracking-wider { letter-spacing: 0.05em; }
.text-white { color: #ffffff; }
.text-gray-400 { color: #9ca3af; }
.text-gray-500 { color: #6b7280; }
.text-gray-600 { color: #4b5563; }
.text-gray-700 { color: #374151; }
.text-gray-800 { color: #1f2937; }
.text-gray-900 { color: #111827; }
.text-blue-600 { color: #2563eb; }
.text-blue-800 { color: #1e40af; }
.text-green-800 { color: #166534; }
.text-red-700 { color: #b91c1c; }
.text-red-800 { color: #991b1b; }
.text-\[\#CC0025\] { color: #cc0025; }
.shadow-sm { box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); }
.transition { transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
.whitespace-pre-line { white-space: pre-line; }
.hover\:underline:hover { text-decoration: underline; }
.hover\:text-blue-600:hover { color: #2563eb; }
.hover\:text-\[\#CC0025\]:hover { color: #cc0025; }
.hover\:bg-blue-700:hover { background-color: #1d4ed8; }
.hover\:bg-gray-50:hover { background-color: #f9fafb; }
.hover\:bg-gray-100:hover { background-color: #f3f4f6; }
.hover\:bg-gray-200:hover { background-color: #e5e7eb; }
.hover\:bg-\[\#a8001e\]:hover { background-color: #a8001e; }
.hover\:border-blue-500:hover { border-color: #3b82f6; }
.hover\:shadow-md:hover { box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12); }
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }
.focus\:border-transparent:focus { border-color: transparent; }
.focus\:ring-2:focus { box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.32); }
.focus\:ring-blue-500:focus { box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.32); }
.focus\:ring-\[\#CC0025\]:focus { box-shadow: 0 0 0 3px rgba(204, 0, 37, 0.28); }

@media (min-width: 640px) {
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(8, 17, 31, 0.82) !important;
    color: var(--ict-text);
    backdrop-filter: blur(18px);
}

.site-header > div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(64px, 7vw, 112px);
    width: min(1240px, calc(100% - 32px));
    max-width: none;
    margin: 0 auto;
    min-height: 88px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    justify-content: initial !important;
    transition: min-height 220ms ease, gap 220ms ease;
}

.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-size: clamp(1.1rem, 1.5vw, 1.42rem);
    font-weight: 850;
    letter-spacing: -0.02em;
    transition: font-size 220ms ease, gap 220ms ease;
}

.site-brand img {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: transparent;
    object-fit: contain;
    transition: width 220ms ease, height 220ms ease, border-radius 220ms ease;
}

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

.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 1000;
    padding: 10px 14px;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
    transform: translateY(-140%);
    transition: transform 160ms ease;
}

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

.site-header nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(18px, 1.9vw, 32px) !important;
    font-size: 0.96rem !important;
    font-weight: 650;
    flex-wrap: nowrap !important;
    margin-left: 0;
    transition: font-size 220ms ease, gap 220ms ease;
}

.site-header nav[hidden],
.site-submenu[hidden] {
    display: none !important;
}

.is-page-scrolled .site-header > div {
    min-height: 72px;
}

.is-page-scrolled .site-brand {
    gap: 10px;
    font-size: clamp(1rem, 1.3vw, 1.25rem);
}

.is-page-scrolled .site-brand img {
    width: 38px;
    height: 38px;
    border-radius: 12px;
}

.is-page-scrolled .site-header nav {
    font-size: 0.9rem !important;
}

.site-header nav > a,
.site-header nav > .site-nav-item > a,
.site-header nav > .site-nav-item > button,
.site-header nav button {
    color: rgba(248, 250, 252, 0.84) !important;
}

.site-header nav > a:hover,
.site-header nav > .site-nav-item > a:hover,
.site-header nav > .site-nav-item > button:hover,
.site-header nav > .site-nav-item > button:focus-visible {
    color: #ffffff !important;
}

.site-header nav > a[aria-current="page"],
.site-header nav > .site-nav-item > a[aria-current="page"] {
    color: rgba(248, 250, 252, 0.84) !important;
}

.site-nav-item {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.site-nav-item > a,
.site-nav-item > button {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 7px;
    border: 0;
    background: transparent;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    max-width: none;
    padding: 0;
    text-align: left;
    white-space: nowrap !important;
    width: max-content;
}

.site-nav-label {
    display: inline-block;
    flex: 0 0 auto;
    line-height: 1;
    overflow: visible;
    text-wrap: nowrap;
    white-space: nowrap !important;
}

.site-nav-caret,
.site-nav-item > button::after {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 0;
    height: 0;
    margin-top: 2px;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 5.5px solid currentColor;
    transition: transform 150ms ease;
}

.site-nav-item > button::after {
    display: none;
}

.site-nav-item.is-open .site-nav-caret {
    transform: rotate(180deg);
}

.site-submenu {
    position: absolute;
    top: calc(100% + 18px);
    left: 50%;
    z-index: 60;
    min-width: 250px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(12, 22, 38, 0.96);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 10px);
    transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
    backdrop-filter: blur(18px);
}

.site-submenu::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 18px;
}

.site-submenu a {
    display: block;
    padding: 11px 12px;
    border-radius: 10px;
    color: rgba(248, 250, 252, 0.88) !important;
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.25;
}

.site-submenu a:hover,
.site-submenu a:focus {
    background: rgba(53, 228, 197, 0.1);
    color: #ffffff !important;
}

.site-nav-item.is-open .site-submenu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.site-search-link {
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #ffffff !important;
    position: relative;
    flex: 0 0 44px;
    display: inline-flex;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
}

.site-search-link::before {
    content: none;
}

.site-search-link::after {
    content: none;
}

.site-search-icon {
    width: 23px;
    height: 23px;
    color: currentColor;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-menu-toggle {
    display: none;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.82);
    color: #122033;
    cursor: pointer;
    place-content: center;
    gap: 5px;
}

.site-menu-toggle > span:not(.sr-only) {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform 160ms ease, opacity 160ms ease;
}

.site-header.is-mobile-nav-open .site-menu-toggle > span:nth-of-type(2) {
    transform: translateY(7px) rotate(45deg);
}

.site-header.is-mobile-nav-open .site-menu-toggle > span:nth-of-type(3) {
    opacity: 0;
}

.site-header.is-mobile-nav-open .site-menu-toggle > span:nth-of-type(4) {
    transform: translateY(-7px) rotate(-45deg);
}

/* Light educational homepage theme */
.site-header {
    border-bottom-color: rgba(32, 72, 112, 0.12) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: var(--ict-text);
    box-shadow: 0 12px 34px rgba(37, 99, 235, 0.08);
}

.site-brand {
    color: #122033;
}

.site-header nav > a,
.site-header nav > .site-nav-item > a,
.site-header nav > a[aria-current="page"],
.site-header nav > .site-nav-item > a[aria-current="page"],
.site-header nav > .site-nav-item > button,
.site-header nav button {
    color: #334155 !important;
}

.site-header nav > a:hover,
.site-header nav > .site-nav-item > a:hover,
.site-header nav > .site-nav-item > button:hover,
.site-header nav > .site-nav-item > button:focus-visible {
    color: var(--ict-blue) !important;
}

.site-submenu {
    border-color: rgba(32, 72, 112, 0.12);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.14);
}

.site-submenu a {
    color: #334155 !important;
}

.site-submenu a:hover,
.site-submenu a:focus {
    background: rgba(14, 165, 163, 0.1);
    color: #0f766e !important;
}

.site-search-link {
    border-color: rgba(37, 99, 235, 0.18);
    background:
        radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.96), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9));
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.14);
    color: #1d4ed8 !important;
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.site-header nav .site-search-link {
    color: #1d4ed8 !important;
}

.site-search-link:hover,
.site-search-link:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(0, 169, 157, 0.34);
    color: #00796f !important;
    box-shadow: 0 18px 38px rgba(0, 169, 157, 0.16), 0 10px 24px rgba(37, 99, 235, 0.12);
}

.site-header nav .site-search-link:hover,
.site-header nav .site-search-link:focus-visible {
    color: #00796f !important;
}

.has-site-search {
    overflow: hidden;
}

.site-search-overlay[hidden] {
    display: none;
}

.site-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: grid;
    align-items: start;
    justify-items: center;
    padding: clamp(72px, 12vh, 132px) 18px 32px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.site-search-backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 80% 10%, rgba(37, 99, 235, 0.18), transparent 30%),
        radial-gradient(circle at 16% 20%, rgba(0, 169, 157, 0.16), transparent 32%),
        rgba(0, 0, 0, 0.92);
}

.site-search-panel {
    position: relative;
    z-index: 1;
    width: min(1040px, 100%);
    color: #f8fafc;
}

.site-search-close {
    position: absolute;
    top: -48px;
    right: 0;
    width: 42px;
    height: 42px;
    border: 2px solid rgba(248, 250, 252, 0.78);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.18);
    color: #ffffff;
    cursor: pointer;
}

.site-search-close::before,
.site-search-close::after {
    content: "";
    position: absolute;
    left: 11px;
    top: 19px;
    width: 18px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
}

.site-search-close::before {
    transform: rotate(45deg);
}

.site-search-close::after {
    transform: rotate(-45deg);
}

.site-search-form {
    display: grid;
    gap: 18px;
}

.site-search-form label {
    color: rgba(248, 250, 252, 0.76);
    font-size: 0.86rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.site-search-field {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    border-bottom: 2px solid rgba(248, 250, 252, 0.62);
    padding: 0 0 22px;
}

.site-search-field > span {
    position: relative;
    width: 42px;
    height: 42px;
}

.site-search-field > span::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 3px;
    width: 30px;
    height: 30px;
    border: 3px solid #f8fafc;
    border-radius: 999px;
}

.site-search-field > span::after {
    content: "";
    position: absolute;
    left: 31px;
    top: 33px;
    width: 16px;
    height: 3px;
    border-radius: 999px;
    background: #f8fafc;
    transform: rotate(45deg);
    transform-origin: left center;
}

.site-search-field input {
    width: 100%;
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: clamp(1.9rem, 4vw, 3.4rem);
    font-weight: 560;
    outline: none;
}

.site-search-field input::placeholder {
    color: rgba(226, 232, 240, 0.64);
}

.site-search-status {
    min-height: 28px;
    margin: 24px 0 18px;
    color: rgba(226, 232, 240, 0.72);
    font-size: 1rem;
    font-weight: 720;
}

.site-search-results {
    display: grid;
    gap: 18px;
}

.site-search-result {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 22px;
    color: #ffffff;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.site-search-result:hover,
.site-search-result:focus-visible {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(45, 212, 191, 0.22);
    transform: translateX(4px);
}

.site-search-result img,
.site-search-result-placeholder {
    width: 112px;
    height: 88px;
    border-radius: 14px;
    object-fit: cover;
    background:
        radial-gradient(circle at 20% 18%, rgba(45, 212, 191, 0.26), transparent 36%),
        linear-gradient(135deg, #102033, #1e293b);
}

.site-search-result-placeholder {
    display: grid;
    place-items: center;
    color: #2dd4bf;
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.12em;
}

.site-search-result-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: rgba(226, 232, 240, 0.66);
    font-size: 0.82rem;
    font-weight: 760;
}

.site-search-result-title {
    display: block;
    margin-top: 8px;
    color: #ffffff;
    font-size: clamp(1.05rem, 1.9vw, 1.55rem);
    font-weight: 850;
    line-height: 1.28;
}

.site-search-result-excerpt {
    margin: 8px 0 0;
    color: rgba(226, 232, 240, 0.7);
    line-height: 1.6;
}

.site-search-all {
    display: flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 30px auto 0;
    padding: 0 20px;
    border: 1px solid rgba(45, 212, 191, 0.32);
    border-radius: 999px;
    background: rgba(45, 212, 191, 0.08);
    color: #ffffff;
    font-weight: 900;
}

.ict-home {
    position: relative;
    overflow: visible;
    background:
        linear-gradient(135deg, rgba(0, 169, 157, 0.22) 0 16%, transparent 16% 100%),
        linear-gradient(225deg, rgba(29, 78, 216, 0.22) 0 18%, transparent 18% 100%),
        radial-gradient(circle at 92% 18%, rgba(124, 58, 237, 0.12), transparent 32%),
        linear-gradient(180deg, #f7fcff 0%, #dff1ff 46%, #ffffff 100%);
    color: var(--ict-text);
}

.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    height: 4px;
    pointer-events: none;
}

.scroll-progress span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(90deg, #00c2b8, #1d4ed8, var(--ict-orange), #7c3aed);
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24);
    transform: scaleX(var(--page-scroll, 0));
    transform-origin: left center;
    will-change: transform;
}

.scroll-top-button {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 90;
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 20px;
    color: #ffffff;
    background:
        linear-gradient(135deg, rgba(0, 194, 184, 0.92), rgba(29, 78, 216, 0.94) 62%, rgba(249, 115, 22, 0.9)),
        rgba(15, 23, 42, 0.92);
    box-shadow:
        0 22px 44px rgba(15, 23, 42, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.32);
    backdrop-filter: blur(18px);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 18px, 0) scale(0.92);
    transition:
        opacity 220ms ease,
        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 180ms ease,
        border-color 180ms ease;
}

.scroll-top-button::before {
    content: "";
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    pointer-events: none;
}

.scroll-top-button span {
    position: absolute;
    inset: -18px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(0, 194, 184, 0.28), transparent 64%);
    opacity: 0.8;
    filter: blur(10px);
    pointer-events: none;
}

.scroll-top-button svg {
    position: relative;
    z-index: 1;
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html.has-scroll-top .scroll-top-button {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0) scale(1);
}

.scroll-top-button:hover {
    border-color: rgba(255, 255, 255, 0.68);
    box-shadow:
        0 28px 54px rgba(29, 78, 216, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.42);
    transform: translate3d(0, -4px, 0) scale(1.02);
}

.scroll-top-button:focus-visible {
    outline: 3px solid rgba(0, 194, 184, 0.34);
    outline-offset: 4px;
}

.learning-atmosphere {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.atmosphere-grid {
    position: absolute;
    inset: -80px;
    background:
        linear-gradient(rgba(29, 78, 216, 0.13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.12) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.45) 42%, transparent 76%);
    transform: translate3d(0, calc(var(--hero-shift, 0px) * -0.16), 0);
}

.atmosphere-path {
    position: absolute;
    width: min(56vw, 780px);
    height: 420px;
    overflow: visible;
    fill: none;
    stroke: rgba(29, 78, 216, 0.24);
    stroke-width: 2;
    stroke-dasharray: 14 16;
    filter: drop-shadow(0 12px 22px rgba(37, 99, 235, 0.12));
    transform: translate3d(0, calc(var(--hero-shift, 0px) * -0.12), 0);
}

.atmosphere-path-one {
    top: 94px;
    right: -110px;
}

.atmosphere-path-two {
    top: 610px;
    left: -130px;
    stroke: rgba(0, 169, 157, 0.24);
    transform: translate3d(0, calc(var(--hero-shift, 0px) * 0.1), 0);
}

.atmosphere-ribbon {
    position: absolute;
    width: 360px;
    height: 92px;
    border: 1px solid rgba(37, 99, 235, 0.1);
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(219, 234, 254, 0.54)),
        linear-gradient(135deg, rgba(34, 211, 238, 0.16), rgba(37, 99, 235, 0.08));
    box-shadow: 0 28px 64px rgba(37, 99, 235, 0.12);
    transform: rotate(-18deg) translate3d(0, calc(var(--hero-shift, 0px) * -0.1), 0);
}

.atmosphere-ribbon-one {
    top: 180px;
    left: -135px;
}

.atmosphere-ribbon-two {
    right: -160px;
    top: 780px;
    width: 440px;
    transform: rotate(16deg) translate3d(0, calc(var(--hero-shift, 0px) * 0.12), 0);
}

.keyword-route {
    position: absolute;
    width: min(46vw, 640px);
    height: 180px;
    opacity: 0.72;
    transform: translate3d(0, calc(var(--hero-shift, 0px) * -0.08), 0);
}

.keyword-route svg {
    position: absolute;
    inset: 0;
    overflow: visible;
}

.keyword-route path {
    fill: none;
    stroke: rgba(37, 99, 235, 0.36);
    stroke-width: 3.4;
    stroke-linecap: round;
    stroke-dasharray: 14 18;
    filter: drop-shadow(0 8px 16px rgba(37, 99, 235, 0.16));
}

.keyword-route span {
    position: absolute;
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    overflow: visible;
    padding: 0 14px;
    border: 1px solid rgba(29, 78, 216, 0.18);
    border-radius: 999px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)),
        linear-gradient(90deg, rgba(37, 99, 235, 0.08), rgba(0, 169, 157, 0.08));
    color: #173b74;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.14);
    backdrop-filter: blur(14px);
    animation: none;
}

.keyword-route span::before {
    content: "";
    position: absolute;
    left: -58px;
    right: -58px;
    top: 50%;
    z-index: -1;
    border-top: 3px dashed rgba(37, 99, 235, 0.34);
    transform: translateY(-50%);
}

.keyword-route span::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50%;
    z-index: 1;
    border-top: 2px dashed rgba(37, 99, 235, 0.36);
    transform: translateY(-50%);
}

.keyword-route span {
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9),
        0 -1px 0 rgba(255, 255, 255, 0.9),
        1px 0 0 rgba(255, 255, 255, 0.9),
        -1px 0 0 rgba(255, 255, 255, 0.9);
}

.keyword-route-one {
    top: 285px;
    right: 3%;
}

.keyword-route-one span {
    right: 6%;
    top: 52px;
}

.keyword-route-two {
    top: 770px;
    left: -7%;
    width: min(42vw, 560px);
}

.keyword-route-two path {
    stroke: rgba(0, 169, 157, 0.36);
}

.keyword-route-two span {
    left: 28%;
    bottom: 34px;
    animation-delay: -1.4s;
}

.keyword-route-three {
    top: 1120px;
    right: 2%;
}

.keyword-route-three span {
    right: 10%;
    top: 50px;
    animation-delay: -2.6s;
}

.keyword-route-four {
    top: 1650px;
    right: -5%;
    left: auto;
    width: min(43vw, 570px);
}

.keyword-route-four path {
    stroke: rgba(249, 115, 22, 0.34);
}

.keyword-route-four span {
    left: 16%;
    top: 46px;
    animation-delay: -4s;
}

.keyword-route-five {
    top: 2200px;
    left: 2%;
    right: auto;
}

.keyword-route-five path {
    stroke: rgba(124, 58, 237, 0.32);
}

.keyword-route-five span {
    right: 16%;
    top: 56px;
    animation-delay: -5.2s;
}

@keyframes labelFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -12px, 0);
    }
}

.modern-shell {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.home-ad-layout {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(132px, 164px) minmax(0, 1fr) minmax(132px, 164px);
    gap: clamp(18px, 2vw, 30px);
    width: min(1600px, calc(100% - 32px));
    margin: 0 auto;
    align-items: start;
    padding-top: 14px;
}

.interior-ad-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(132px, 164px) minmax(0, 1fr) minmax(132px, 164px);
    gap: clamp(18px, 2vw, 30px);
    width: min(1600px, calc(100% - 32px));
    margin: 0 auto;
    align-items: start;
    padding: 34px 0 20px;
}

.interior-ad-content {
    min-width: 0;
}

.interior-content-only .interior-ad-content {
    width: 100%;
}

.home-content-only {
    width: 100%;
}

.home-ad-content {
    min-width: 0;
}

.home-ad-content .modern-shell {
    width: 100%;
}

.side-ad {
    position: sticky;
    top: 238px;
    z-index: 5;
    padding-top: 0;
    align-self: start;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 260ms ease, transform 260ms ease, visibility 260ms ease;
}

.is-page-scrolled .side-ad {
    top: 178px;
}

.is-final-section .side-ad {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-18px);
    pointer-events: none;
}

.side-ad a,
.side-ad div {
    position: relative;
    display: flex;
    min-height: 600px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--ict-radius-panel);
    background:
        radial-gradient(circle at 18% 16%, rgba(0, 169, 157, 0.3), transparent 36%),
        radial-gradient(circle at 82% 88%, rgba(124, 58, 237, 0.24), transparent 36%),
        linear-gradient(145deg, #102033, #0d1728 52%, #07111f);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.11), 0 24px 58px rgba(15, 23, 42, 0.24);
    color: #ffffff;
    backdrop-filter: blur(16px);
}

.side-ad a::before,
.side-ad div::before {
    content: "";
    position: absolute;
    inset: 12px;
    z-index: 2;
    border: 1px dashed rgba(125, 211, 252, 0.34);
    border-radius: calc(var(--ict-radius-panel) - 8px);
    pointer-events: none;
}

.side-ad a::after,
.side-ad div::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: repeating-linear-gradient(
        -45deg,
        rgba(125, 211, 252, 0.07) 0,
        rgba(125, 211, 252, 0.07) 10px,
        transparent 10px,
        transparent 22px
    );
    opacity: 0.82;
    pointer-events: none;
}

.side-ad img {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.side-ad span,
.side-ad strong,
.side-ad em {
    position: relative;
    z-index: 3;
    display: block;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.side-ad span {
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.side-ad strong {
    margin: 18px 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.side-ad em {
    color: #35e4c5;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.modern-hero {
    position: relative;
    padding: 34px 0 128px;
}

.article-showcase,
.mastery-flow-section,
.team-showcase-section,
.user-reviews-section,
.home-latest-section,
.home-final-cta {
    content-visibility: auto;
    contain-intrinsic-size: auto 900px;
}

.hero-top-ad,
.top-ad-slot {
    position: relative;
    z-index: 2;
    width: min(920px, 100%);
    min-height: 112px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -22px auto 34px;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(135deg, rgba(0, 169, 157, 0.14), transparent 34%),
        linear-gradient(315deg, rgba(249, 115, 22, 0.14), transparent 34%),
        rgba(255, 255, 255, 0.86);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.12);
    backdrop-filter: blur(16px);
}

.hero-top-ad::before,
.top-ad-slot::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px dashed rgba(37, 99, 235, 0.28);
    border-radius: calc(var(--ict-radius-card) - 8px);
}

.hero-top-ad::after,
.top-ad-slot::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(
            -45deg,
            rgba(0, 169, 157, 0.06) 0,
            rgba(0, 169, 157, 0.06) 12px,
            transparent 12px,
            transparent 25px
        ),
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.86), transparent);
    transform: translateX(-65%);
    animation: none;
}

.hero-top-ad div,
.top-ad-slot div,
.top-ad-slot a {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 18px;
    color: #173b74;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
}

.top-ad-slot-image {
    min-height: 0;
    padding: 0;
    background: #ffffff;
}

.top-ad-slot-image::before,
.top-ad-slot-image::after {
    display: none;
}

.top-ad-slot img {
    display: block;
    width: 100%;
    max-width: 728px;
    height: auto;
    aspect-ratio: 728 / 90;
    object-fit: cover;
}

.hero-top-ad span,
.hero-top-ad em,
.top-ad-slot span,
.top-ad-slot em {
    color: #0f766e;
    font-size: 0.72rem;
    font-style: normal;
}

.hero-top-ad strong,
.top-ad-slot strong {
    color: #122033;
    font-size: clamp(1.45rem, 2.5vw, 2.1rem);
}

.interior-ad-content > .top-ad-slot {
    margin-top: 24px;
    margin-bottom: 28px;
}

@keyframes adSweep {
    0%,
    28% {
        transform: translateX(-68%);
    }

    64%,
    100% {
        transform: translateX(68%);
    }
}

.modern-hero::before {
    content: "";
    position: absolute;
    inset: 54px auto auto 50%;
    width: 760px;
    height: 760px;
    border: 1px solid rgba(37, 99, 235, 0.08);
    border-radius: 999px;
    transform: translateX(-12%);
    pointer-events: none;
}

.modern-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 99, 235, 0.04) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
    opacity: 0.55;
    pointer-events: none;
}

.hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.03fr) minmax(380px, 0.97fr);
    gap: 54px;
    align-items: center;
}

.hero-pill,
.section-kicker,
.section-heading p {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hero-pill {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 12px;
    border: 1px solid rgba(14, 165, 163, 0.22);
    border-radius: 999px;
    background: rgba(14, 165, 163, 0.1);
}

.hero-pill span {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--ict-cyan);
    box-shadow: 0 0 18px rgba(14, 165, 163, 0.4);
}

.hero-copy h1 {
    max-width: 780px;
    margin-top: 20px;
    color: #122033;
    font-size: clamp(2.4rem, 4.9vw, 4.25rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.08;
    text-wrap: balance;
}

.hero-copy h1::after {
    content: "";
    display: block;
    width: min(220px, 46%);
    height: 8px;
    margin-top: 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, #00c2b8, #1d4ed8, var(--ict-orange));
    box-shadow: 0 10px 26px rgba(37, 99, 235, 0.18);
}

.hero-copy {
    min-width: 0;
}

.hero-body {
    max-width: 700px;
    margin-top: 28px;
    color: var(--ict-muted);
    font-size: 1rem;
    line-height: 1.72;
    overflow-wrap: anywhere;
}

.hero-body p + p {
    margin-top: 18px;
}

.hero-body strong {
    color: #26364c;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.hero-body a {
    color: #0f766e;
    font-weight: 800;
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.modern-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 20px;
    border-radius: 999px;
    font-weight: 850;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.modern-button:hover {
    transform: translateY(-3px);
}

.modern-button-primary {
    background: linear-gradient(135deg, #00c2b8, #1d4ed8 62%, var(--ict-orange));
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(37, 99, 235, 0.24);
}

.modern-button-secondary {
    border: 1px solid rgba(37, 99, 235, 0.18);
    background: #ffffff;
    color: #1d4ed8;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.08);
}

.modern-button-secondary:hover {
    border-color: rgba(249, 115, 22, 0.38);
    color: #c2410c;
    box-shadow: 0 16px 34px rgba(249, 115, 22, 0.14);
}

.hero-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: min(560px, 100%);
    max-width: 100%;
    margin-top: 0;
}

.hero-portrait-stage .hero-metrics {
    position: absolute;
    left: 50%;
    bottom: -98px;
    z-index: 14;
    transform: translateX(-50%);
}

.hero-metrics div {
    position: relative;
    overflow: hidden;
    padding: 14px 16px;
    border: 1px solid rgba(37, 99, 235, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.08);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.hero-metrics div::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #00c2b8, #1d4ed8, var(--ict-orange));
}

.hero-metrics div:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.12);
}

.hero-metrics strong,
.hero-metrics span {
    display: block;
}

.hero-metrics strong {
    color: #122033;
    font-size: 1.1rem;
}

.hero-metrics span {
    margin-top: 4px;
    color: var(--ict-muted);
    font-size: 0.86rem;
}

.hero-visual {
    position: relative;
    min-height: 700px;
}

.hero-portrait-stage {
    align-self: start;
    isolation: isolate;
    margin-top: 172px;
    transform: translate3d(0, calc(var(--hero-shift, 0px) * -0.08), 0);
}

.hero-portrait-stage::before {
    content: "";
    position: absolute;
    inset: 20px 0 28px 0;
    z-index: -2;
    border: 1px solid rgba(37, 99, 235, 0.12);
    border-radius: var(--ict-radius-panel);
    background:
        linear-gradient(140deg, rgba(0, 169, 157, 0.22), transparent 34%),
        linear-gradient(318deg, rgba(29, 78, 216, 0.2), transparent 42%),
        rgba(255, 255, 255, 0.92);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 34px 72px rgba(37, 99, 235, 0.14);
}

.hero-portrait-stage::after {
    content: "";
    position: absolute;
    inset: 52px 26px 48px 26px;
    z-index: -1;
    border: 1px dashed rgba(37, 99, 235, 0.18);
    border-radius: calc(var(--ict-radius-panel) - 8px);
    background:
        linear-gradient(135deg, rgba(14, 165, 163, 0.1), transparent 34%),
        linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 99, 235, 0.05) 1px, transparent 1px);
    background-size: auto, 34px 34px, 34px 34px;
    opacity: 0.9;
}

.hero-portrait-stage .portrait-collage::before {
    content: "";
    position: absolute;
    left: -24%;
    top: 45%;
    z-index: 1;
    width: 150%;
    height: 110px;
    border-radius: 999px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.18),
            rgba(34, 211, 238, 0.34),
            rgba(29, 78, 216, 0.26),
            rgba(255, 255, 255, 0.2),
            transparent
        );
    filter: blur(3px);
    opacity: 0.82;
    transform: rotate(-10deg);
    animation: none;
}

@keyframes collageLightSweep {
    0%,
    100% {
        transform: translateX(-9%) rotate(-10deg);
        opacity: 0.48;
    }

    50% {
        transform: translateX(9%) rotate(-10deg);
        opacity: 0.9;
    }
}

.portrait-stage-badge {
    position: absolute;
    top: 48px;
    left: 38px;
    z-index: 12;
    max-width: 260px;
    padding: 12px 14px;
    border: 1px solid rgba(249, 115, 22, 0.18);
    border-radius: var(--ict-radius-soft);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 38px rgba(37, 99, 235, 0.14);
    backdrop-filter: blur(14px);
}

.portrait-stage-badge span,
.portrait-stage-badge strong {
    display: block;
}

.portrait-stage-badge span {
    color: #c2410c;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portrait-stage-badge strong {
    margin-top: 4px;
    color: #122033;
    font-size: 0.9rem;
    line-height: 1.25;
}

.portrait-collage {
    position: absolute;
    inset: 0;
}

.portrait-tile {
    position: absolute;
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(37, 99, 235, 0.13);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(180deg, #ffffff, #eef6ff);
    box-shadow:
        0 28px 58px rgba(29, 78, 216, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
    transform-origin: center;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

.portrait-tile::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        repeating-linear-gradient(
            0deg,
            rgba(37, 99, 235, 0.035) 0,
            rgba(37, 99, 235, 0.035) 1px,
            transparent 1px,
            transparent 7px
        ),
        linear-gradient(180deg, transparent 58%, rgba(15, 23, 42, 0.42));
    opacity: 0.42;
    pointer-events: none;
}

.portrait-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, 0.46);
    pointer-events: none;
}

.portrait-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1) saturate(0.1) contrast(1.12);
    transition: transform 260ms ease, filter 260ms ease;
}

.portrait-tile figcaption {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 4;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: var(--ict-radius-soft);
    background: rgba(255, 255, 255, 0.86);
    color: #102033;
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.02em;
    line-height: 1.12;
    text-align: center;
    text-shadow: none;
    backdrop-filter: blur(10px);
}

.portrait-tile:hover {
    z-index: 14;
    border-color: rgba(0, 169, 157, 0.48);
    box-shadow:
        0 36px 72px rgba(29, 78, 216, 0.24),
        0 0 0 7px rgba(0, 169, 157, 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.portrait-tile:hover img {
    filter: grayscale(0) saturate(1.15) contrast(1.08);
    transform: scale(1.065);
}

.portrait-study-note {
    position: absolute;
    z-index: 11;
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(249, 115, 22, 0.18);
    border-radius: 999px;
    background: #ffffff;
    color: #1e3a5f;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.12);
}

.portrait-study-note-left {
    left: 34px;
    bottom: 44px;
}

.portrait-study-note-right {
    right: 34px;
    bottom: 44px;
}

.portrait-tile-one {
    top: 118px;
    left: 12px;
    z-index: 2;
    width: 36%;
    height: 56%;
    transform: translate3d(0, calc(var(--hero-shift, 0px) * -0.03), 0) rotate(-5deg);
}

.portrait-tile-one:hover {
    transform: translate3d(-8px, -18px, 0) rotate(-2deg);
}

.portrait-tile-two {
    top: 58px;
    left: 34%;
    z-index: 9;
    width: 34%;
    height: 48%;
    transform: translate3d(0, calc(var(--hero-shift, 0px) * -0.05), 0) rotate(5deg);
}

.portrait-tile-two:hover {
    z-index: 12;
    transform: translate3d(8px, -22px, 0) rotate(2deg);
}

.portrait-tile-three {
    right: 12px;
    top: 178px;
    z-index: 3;
    width: 38%;
    height: 55%;
    transform: translate3d(0, calc(var(--hero-shift, 0px) * -0.035), 0) rotate(-3deg);
}

.portrait-tile-three:hover {
    transform: translate3d(10px, -18px, 0) rotate(-1deg);
}

.portrait-tile-four {
    left: 26%;
    bottom: 28px;
    z-index: 5;
    width: 36%;
    height: 42%;
    transform: translate3d(0, calc(var(--hero-shift, 0px) * -0.02), 0) rotate(7deg);
}

.portrait-tile-four:hover {
    transform: translate3d(0, -22px, 0) rotate(4deg);
}

.market-card {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.055));
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(18px);
}

.market-card-main {
    inset: 40px 0 52px 36px;
    padding: 18px;
}

.chart-header {
    display: flex;
    gap: 8px;
    padding: 4px 4px 16px;
}

.chart-header span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.3);
}

.chart-grid {
    position: relative;
    height: calc(100% - 30px);
    overflow: hidden;
    border-radius: 20px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 38px 38px;
}

.chart-grid svg {
    position: absolute;
    inset: 18% 6% 18% 6%;
}

.chart-grid path {
    fill: none;
    stroke: var(--ict-cyan);
    stroke-width: 8;
    stroke-linecap: round;
    filter: drop-shadow(0 0 16px rgba(53, 228, 197, 0.5));
}

.candle {
    position: absolute;
    display: block;
    width: 9px;
    border-radius: 999px;
    background: #ffffff;
}

.candle::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -16px;
    width: 2px;
    height: calc(100% + 32px);
    background: rgba(255, 255, 255, 0.55);
    transform: translateX(-50%);
}

.c1 { left: 16%; top: 52%; height: 54px; background: var(--ict-blue); }
.c2 { left: 28%; top: 40%; height: 92px; background: var(--ict-cyan); }
.c3 { left: 42%; top: 58%; height: 64px; background: var(--ict-violet); }
.c4 { left: 58%; top: 32%; height: 118px; background: var(--ict-cyan); }
.c5 { left: 72%; top: 48%; height: 82px; background: var(--ict-blue); }
.c6 { left: 84%; top: 28%; height: 130px; background: var(--ict-violet); }

.floating-card {
    position: absolute;
    z-index: 2;
    min-width: 190px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    background: rgba(8, 17, 31, 0.74);
    box-shadow: 0 20px 52px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(16px);
}

.floating-card span,
.floating-card strong {
    display: block;
}

.floating-card span {
    color: var(--ict-muted);
    font-size: 0.84rem;
}

.floating-card strong {
    margin-top: 4px;
    color: #ffffff;
    font-size: 1.2rem;
}

.floating-card-top {
    top: 82px;
    left: 0;
}

.floating-card-bottom {
    right: 8px;
    bottom: 36px;
}

.hero-logo-mark {
    position: absolute;
    z-index: 3;
    right: 34px;
    top: 34px;
    width: 86px;
    height: 86px;
    border-radius: var(--ict-radius-card);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.24);
}

.hero-logo-mark-collage {
    z-index: 9;
    right: 42px;
    top: 72px;
    width: 74px;
    height: 74px;
    border: 1px solid rgba(37, 99, 235, 0.14);
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(14px);
}

.modern-section {
    padding: 80px 0;
}

.article-showcase {
    position: relative;
    overflow: hidden;
    width: min(1180px, calc(100% - 32px));
    margin: 56px auto;
    padding: 78px clamp(22px, 4vw, 58px);
    border-radius: var(--ict-radius-section);
}

.article-showcase .modern-shell {
    position: relative;
    z-index: 1;
    width: 100%;
}

.article-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.1) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
    pointer-events: none;
}

.article-showcase-dark {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(circle at 12% 18%, rgba(0, 169, 157, 0.25), transparent 34%),
        radial-gradient(circle at 82% 14%, rgba(249, 115, 22, 0.2), transparent 32%),
        linear-gradient(135deg, #0d1b2f, #101827 48%, #07111f);
    box-shadow: 0 34px 90px rgba(15, 23, 42, 0.26);
    color: #ffffff;
}

.article-showcase-light {
    border: 1px solid rgba(37, 99, 235, 0.22);
    background:
        radial-gradient(circle at 12% 18%, rgba(0, 169, 157, 0.18), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(124, 58, 237, 0.18), transparent 32%),
        linear-gradient(135deg, rgba(236, 254, 255, 0.84), rgba(239, 246, 255, 0.78) 48%, rgba(245, 243, 255, 0.82)),
        rgba(255, 255, 255, 0.72);
    box-shadow: 0 28px 76px rgba(37, 99, 235, 0.16);
    backdrop-filter: blur(12px);
}

.article-showcase-dark .section-heading p,
.article-showcase-dark .section-heading h2,
.article-showcase-dark .pathway-card h3 {
    color: #ffffff;
}

.article-showcase-dark .section-heading p {
    color: var(--ict-amber);
}

.article-showcase-dark .pathway-card {
    border-color: rgba(255, 255, 255, 0.13);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.055)),
        rgba(255, 255, 255, 0.055);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 22px 58px rgba(0, 0, 0, 0.2);
}

.article-showcase-dark .pathway-card p {
    color: rgba(226, 232, 240, 0.78);
}

.article-showcase-dark .pathway-card span {
    background: linear-gradient(135deg, rgba(0, 169, 157, 0.2), rgba(249, 115, 22, 0.18));
    color: #67e8f9;
}

.section-heading {
    max-width: 760px;
    margin-bottom: 30px;
}

.section-heading-visual {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.58fr);
    gap: clamp(24px, 4vw, 58px);
    align-items: end;
}

.section-heading h2,
.resources-grid h2,
.cta-panel h2 {
    margin-top: 10px;
    color: #122033;
    font-size: clamp(2rem, 4vw, 3.35rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.04;
}

.section-heading-row {
    max-width: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.section-heading-row > a {
    flex: 0 0 auto;
    margin-top: 12px;
    color: #0f766e;
    font-weight: 850;
}

.home-action-row {
    width: min(1080px, 100%);
    margin-right: auto;
    margin-left: auto;
}

.section-market-visual {
    position: relative;
    min-height: 220px;
    filter: drop-shadow(0 24px 34px rgba(37, 99, 235, 0.12));
}

.section-market-visual::before {
    content: "";
    position: absolute;
    inset: 16px 10px 24px;
    background:
        linear-gradient(rgba(37, 99, 235, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.09) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, 0.72) 54%, transparent 82%);
}

.section-market-visual::after {
    content: "";
    position: absolute;
    top: 22px;
    bottom: 28px;
    left: 12%;
    z-index: 2;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.92), transparent);
    opacity: 0.65;
    animation: none;
}

.article-showcase-dark .section-market-visual::before {
    background:
        linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
}

.market-tape-chart {
    position: absolute;
    inset: -8px -8px 0 -8px;
    z-index: 1;
    width: calc(100% + 16px);
    height: 100%;
    overflow: visible;
}

.chart-grid-lines path {
    fill: none;
    stroke: rgba(37, 99, 235, 0.12);
    stroke-width: 1;
}

.article-showcase-dark .chart-grid-lines path {
    stroke: rgba(255, 255, 255, 0.07);
}

.chart-zone {
    fill: rgba(59, 130, 246, 0.13);
    stroke: rgba(37, 99, 235, 0.32);
    stroke-dasharray: 8 8;
}

.chart-smc .chart-zone {
    fill: rgba(249, 115, 22, 0.18);
    stroke: rgba(249, 115, 22, 0.44);
}

.chart-range {
    fill: none;
    stroke: #1d4ed8;
    stroke-width: 5.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 8px 12px rgba(37, 99, 235, 0.18));
}

.live-market-chart .chart-range {
    stroke-dasharray: 760;
    stroke-dashoffset: 0;
}

.candles line {
    stroke: rgba(18, 32, 51, 0.42);
    stroke-width: 1.8;
    stroke-linecap: round;
}

.candles rect {
    stroke: rgba(255, 255, 255, 0.94);
    stroke-width: 1.45;
}

.article-showcase-dark .candles line {
    stroke: rgba(226, 232, 240, 0.5);
    stroke-width: 1.7;
}

.article-showcase-dark .candles rect {
    stroke: rgba(255, 255, 255, 0.92);
    filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.18));
}

.live-market-chart .candles g {
    transform-box: fill-box;
    transform-origin: center bottom;
    animation: none;
}

.live-market-chart .candles g:nth-child(2n) {
    animation-delay: -0.8s;
}

.live-market-chart .candles g:nth-child(3n) {
    animation-delay: -1.6s;
}

.candles .up rect {
    fill: #00b89f;
}

.candles .down rect {
    fill: #f43f5e;
}

.liquidity-line {
    fill: none;
    stroke: rgba(29, 78, 216, 0.58);
    stroke-width: 2.4;
    stroke-dasharray: 8 8;
}

.market-tape-chart text {
    fill: rgba(15, 118, 110, 0.72);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.chart-marker {
    fill: #15803d;
    opacity: 0.9;
    filter: drop-shadow(0 8px 12px rgba(21, 128, 61, 0.18));
}

.marker-two {
    opacity: 0.78;
}

@keyframes candleBreathe {
    0%,
    100% {
        transform: translateY(0) scaleY(1);
    }

    50% {
        transform: translateY(-2px) scaleY(1.035);
    }
}

@keyframes chartScan {
    0%,
    20% {
        transform: translateX(0);
        opacity: 0;
    }

    42% {
        opacity: 0.7;
    }

    78%,
    100% {
        transform: translateX(320px);
        opacity: 0;
    }
}

.pathway-grid,
.modern-article-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.pathway-card,
.modern-article-card,
.resource-stack a {
    border: 1px solid rgba(29, 78, 216, 0.22);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 20px 48px rgba(29, 78, 216, 0.14);
    backdrop-filter: blur(14px);
}

.pathway-card {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    padding: 18px 18px 24px;
    border-radius: 24px;
    color: inherit;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.pathway-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(14, 165, 163, 0.18), transparent 42%),
        linear-gradient(225deg, rgba(37, 99, 235, 0.16), transparent 36%);
    opacity: 0;
    transition: opacity 180ms ease;
}

.pathway-card::after {
    content: "";
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 20px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #00c2b8, #1d4ed8, var(--ict-orange));
    transform: scaleX(0.34);
    transform-origin: left center;
    transition: transform 180ms ease;
}

.pathway-card span {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: var(--ict-radius-soft);
    background: linear-gradient(135deg, #e6fbf9, #fff7ed);
    color: #0f766e;
    font-weight: 900;
}

.pathway-card-image {
    position: relative;
    z-index: 1;
    height: 126px;
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid rgba(37, 99, 235, 0.24);
    border-radius: 18px;
    background: #eef6ff;
}

.pathway-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 220ms ease, filter 220ms ease;
}

.pathway-card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 36%, rgba(255, 255, 255, 0.48)),
        repeating-linear-gradient(
            -45deg,
            rgba(37, 99, 235, 0.08) 0,
            rgba(37, 99, 235, 0.08) 9px,
            transparent 9px,
            transparent 20px
        );
}

.pathway-thumb-svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform 220ms ease, filter 220ms ease;
}

.pathway-thumb-svg > rect {
    fill: url("#none");
}

.pathway-thumb-svg path {
    fill: none;
    stroke: #1d4ed8;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pathway-thumb-svg line {
    stroke: rgba(18, 32, 51, 0.38);
    stroke-width: 2.4;
    stroke-linecap: round;
}

.pathway-thumb-svg rect:not(.zone) {
    fill: #00b89f;
    stroke: rgba(255, 255, 255, 0.82);
    stroke-width: 1.5;
}

.pathway-thumb-svg rect:nth-of-type(3),
.pathway-thumb-svg rect:nth-of-type(5) {
    fill: #f43f5e;
}

.pathway-thumb-svg text {
    fill: #122033;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.pathway-thumb-svg.thumb-structure > rect:first-child { fill: #dff7f5; }
.pathway-thumb-svg.thumb-liquidity > rect:first-child { fill: #dbeafe; }
.pathway-thumb-svg.thumb-fvg > rect:first-child { fill: #fff1d6; }
.pathway-thumb-svg.thumb-execution > rect:first-child { fill: #ede9fe; }

.thumb-liquidity path {
    stroke: #7c3aed;
}

.thumb-fvg path {
    stroke: #f97316;
}

.thumb-execution path {
    stroke: #0f766e;
}

.thumb-order-block > rect:first-child { fill: #e0f2fe; }
.thumb-breaker > rect:first-child { fill: #f5e8ff; }
.thumb-premium > rect:first-child { fill: #fff3cf; }
.thumb-sweep > rect:first-child { fill: #dcfce7; }

.thumb-order-block path,
.thumb-sweep path {
    stroke: #0891b2;
}

.thumb-breaker path {
    stroke: #7c3aed;
}

.thumb-premium path {
    stroke: #f97316;
}

.thumb-order-block .zone {
    fill: rgba(14, 165, 233, 0.14);
    stroke: rgba(14, 165, 233, 0.3);
    stroke-dasharray: 8 8;
}

.thumb-premium path:first-of-type,
.thumb-sweep path:first-of-type {
    stroke-width: 3;
    stroke-dasharray: 10 10;
    opacity: 0.72;
}

.thumb-sweep circle {
    fill: rgba(20, 184, 166, 0.18);
    stroke: rgba(15, 118, 110, 0.38);
    stroke-width: 3;
}

.thumb-liquidity path:first-of-type {
    stroke: rgba(249, 115, 22, 0.5);
    stroke-width: 3;
    stroke-dasharray: 10 10;
}

.thumb-liquidity circle {
    fill: rgba(249, 115, 22, 0.18);
    stroke: rgba(249, 115, 22, 0.42);
    stroke-width: 3;
}

.thumb-fvg .zone {
    fill: rgba(29, 78, 216, 0.12);
    stroke: rgba(29, 78, 216, 0.2);
    stroke-dasharray: 8 8;
}

.thumb-execution .entry {
    fill: #15803d;
    stroke: none;
}

.pathway-card:hover,
.resource-stack a:hover,
.modern-article-card:hover {
    transform: translateY(-6px);
    border-color: rgba(249, 115, 22, 0.32);
    box-shadow: 0 24px 54px rgba(249, 115, 22, 0.14), 0 10px 26px rgba(29, 78, 216, 0.1);
}

.pathway-card:hover::before {
    opacity: 1;
}

.pathway-card:hover::after {
    transform: scaleX(1);
}

.pathway-card:hover .pathway-thumb-svg {
    filter: saturate(1.1) contrast(1.04);
    transform: scale(1.04);
}

.pathway-card:hover .pathway-card-image img {
    filter: saturate(1.08) contrast(1.04);
    transform: scale(1.045);
}

.pathway-card h3 {
    position: relative;
    z-index: 1;
    margin-top: 26px;
    color: #122033;
    font-size: 1.2rem;
    font-weight: 850;
}

.pathway-card p,
.modern-article-card p,
.resource-stack span,
.cta-panel span {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    color: var(--ict-muted);
    line-height: 1.65;
}

.resources-band {
    position: relative;
    width: min(1180px, calc(100% - 32px));
    margin: 48px auto;
    overflow: hidden;
    padding: 84px clamp(26px, 4vw, 58px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--ict-radius-section);
    background:
        radial-gradient(circle at 14% 18%, rgba(0, 169, 157, 0.28), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(249, 115, 22, 0.24), transparent 30%),
        linear-gradient(135deg, #0e1b2f, #121a2d 52%, #0a1222);
    box-shadow: 0 34px 90px rgba(15, 23, 42, 0.22);
    color: #ffffff;
}

.resources-band::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
    pointer-events: none;
}

.resources-band::after {
    content: "";
    position: absolute;
    left: 42px;
    right: 42px;
    bottom: 0;
    height: 5px;
    border-radius: var(--ict-radius-pill) var(--ict-radius-pill) 0 0;
    background: linear-gradient(90deg, #00c2b8, #1d4ed8, var(--ict-orange));
    pointer-events: none;
}

.resources-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(440px, 1.2fr);
    gap: 44px;
    align-items: start;
}

.resources-band .section-kicker,
.resources-band .resources-grid h2 {
    color: #ffffff;
}

.resources-band .section-kicker {
    color: var(--ict-amber);
}

.resource-stack {
    display: grid;
    gap: 12px;
}

.advantage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.resource-stack a {
    position: relative;
    overflow: hidden;
    display: flex;
    min-height: 82px;
    align-items: center;
    gap: 12px;
    padding: 18px;
    border-radius: var(--ict-radius-card);
    color: inherit;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.resources-band .resource-stack a {
    border-color: rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06)),
        rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 20px 52px rgba(0, 0, 0, 0.18);
}

.resource-stack a::before {
    display: none;
}

.resource-stack a::after {
    display: none;
}

.advantage-icon {
    position: relative;
    z-index: 1;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 9px;
    border: 1px solid rgba(53, 228, 197, 0.22);
    border-radius: 15px;
    background:
        radial-gradient(circle at 28% 22%, rgba(53, 228, 197, 0.24), transparent 42%),
        rgba(255, 255, 255, 0.08);
    color: #35e4c5;
    box-shadow: 0 14px 28px rgba(0, 169, 157, 0.12);
}

.advantage-icon path,
.advantage-icon circle,
.advantage-icon rect {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.resource-stack strong {
    color: #122033;
    font-size: 1.05rem;
}

.resources-band .resource-stack strong {
    color: #ffffff;
    line-height: 1.28;
}

.resources-band .resource-stack span {
    color: rgba(226, 232, 240, 0.76);
}

.resources-band .resource-stack a:hover {
    border-color: rgba(251, 191, 36, 0.46);
    box-shadow: 0 28px 62px rgba(0, 0, 0, 0.26), 0 0 0 6px rgba(249, 115, 22, 0.08);
}

.install-steps-section {
    padding: clamp(42px, 6vw, 72px);
}

.install-steps-section::after {
    left: 58px;
    right: 58px;
}

.install-steps-section .modern-shell {
    position: relative;
    z-index: 1;
}

.install-steps-heading {
    max-width: 860px;
    margin-bottom: clamp(28px, 5vw, 46px);
}

.install-steps-heading h2 {
    margin: 10px 0 0;
    color: #ffffff;
    font-size: clamp(1.45rem, 2.35vw, 2.05rem);
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: 0;
    text-wrap: wrap;
}

.install-steps-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2.2vw, 24px);
}

.install-steps-grid::before {
    content: none;
    display: none;
    position: absolute;
    top: 62px;
    right: 10%;
    left: 10%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(86, 244, 197, 0.44), rgba(246, 184, 90, 0.38), transparent);
    pointer-events: none;
}

.install-step-card {
    position: relative;
    overflow: hidden;
    min-height: 236px;
    padding: 24px;
    border: 1px solid rgba(226, 232, 240, 0.14);
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.115), rgba(255, 255, 255, 0.045)),
        rgba(255, 255, 255, 0.055);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 20px 52px rgba(0, 0, 0, 0.18);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.install-step-card::before {
    content: "";
    position: absolute;
    inset: auto -42px -52px auto;
    width: 138px;
    height: 138px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(86, 244, 197, 0.16), transparent 68%);
}

.install-step-card:hover {
    transform: translateY(-7px);
    border-color: rgba(86, 244, 197, 0.36);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 28px 68px rgba(0, 0, 0, 0.26);
}

.install-step-icon {
    position: relative;
    z-index: 1;
    display: inline-grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    border: 1px solid rgba(86, 244, 197, 0.24);
    border-radius: 18px;
    background:
        radial-gradient(circle at 30% 20%, rgba(86, 244, 197, 0.24), transparent 46%),
        linear-gradient(135deg, rgba(86, 244, 197, 0.16), rgba(246, 184, 90, 0.11));
    color: #56f4c5;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
}

.install-step-icon svg {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.install-step-number {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 62px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(246, 184, 90, 0.24);
    border-radius: 999px;
    background: rgba(246, 184, 90, 0.1);
    color: #f6b85a;
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0;
}

.install-step-card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    color: #ffffff;
    font-size: clamp(1.08rem, 1.55vw, 1.35rem);
    font-weight: 650;
    line-height: 1.26;
    letter-spacing: 0;
    text-wrap: wrap;
}

.install-step-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.98rem;
    line-height: 1.55;
}

.install-step-card:nth-child(2) .install-step-icon,
.install-step-card:nth-child(5) .install-step-icon {
    color: #f6b85a;
}

.install-step-card:nth-child(3) .install-step-icon,
.install-step-card:nth-child(4) .install-step-icon {
    color: #60a5fa;
}

.install-step-card:nth-child(6) .install-step-icon {
    color: #9df0bf;
}

html[data-theme="light"] .install-steps-grid::before {
    content: none;
    display: none;
    background: linear-gradient(90deg, transparent, rgba(15, 159, 141, 0.32), rgba(217, 119, 6, 0.28), transparent);
}

html[data-theme="light"] .install-step-card {
    border-color: rgba(15, 118, 110, 0.16);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(241, 252, 250, 0.74)),
        rgba(255, 255, 255, 0.74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 18px 42px rgba(15, 118, 110, 0.12);
}

html[data-theme="light"] .install-step-card h3 {
    color: #102235;
}

html[data-theme="light"] .install-step-card p {
    color: rgba(43, 73, 94, 0.78);
}

html[data-theme="light"] .install-step-icon {
    border-color: rgba(15, 118, 110, 0.18);
    color: #0f9f8d;
}

html[data-theme="light"] .install-step-number {
    border-color: rgba(217, 119, 6, 0.2);
    background: rgba(217, 119, 6, 0.09);
    color: #b45309;
}

.mastery-flow-section {
    position: relative;
    overflow: hidden;
    padding: 96px 0 112px;
}

.mastery-flow-section .modern-shell {
    width: min(1120px, calc(100% - 72px));
}

.mastery-flow-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 22%, rgba(0, 169, 157, 0.12), transparent 30%),
        radial-gradient(circle at 86% 18%, rgba(29, 78, 216, 0.12), transparent 34%),
        linear-gradient(rgba(37, 99, 235, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.045) 1px, transparent 1px);
    background-size: auto, auto, 48px 48px, 48px 48px;
    mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
    pointer-events: none;
}

.mastery-heading {
    position: relative;
    z-index: 2;
    max-width: 980px;
    margin-bottom: 48px;
}

.mastery-flow {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    align-items: start;
}

.mastery-step {
    position: relative;
    z-index: 2;
    min-height: 390px;
    overflow: hidden;
    padding: 26px 22px;
    border: 1px solid rgba(37, 99, 235, 0.28);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(232, 243, 255, 0.92)),
        rgba(255, 255, 255, 0.9);
    box-shadow: 0 28px 72px rgba(37, 99, 235, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(14px);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.mastery-step::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    opacity: 0;
    pointer-events: none;
}

.mastery-step:hover {
    transform: translateY(-18px);
    border-color: rgba(0, 169, 157, 0.34);
    box-shadow: 0 42px 86px rgba(0, 169, 157, 0.18), 0 24px 54px rgba(37, 99, 235, 0.16);
}

.mastery-step-two,
.mastery-step-four {
    margin-top: 58px;
}

.mastery-visual {
    position: relative;
    z-index: 1;
    display: grid;
    height: 142px;
    place-items: center;
    margin-bottom: 22px;
}

.mastery-visual svg {
    width: min(170px, 86%);
    height: auto;
    overflow: visible;
}

.mastery-visual path,
.mastery-visual rect,
.mastery-visual circle,
.mastery-visual line {
    fill: none;
    stroke: #405da8;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mastery-visual rect {
    fill: rgba(219, 234, 254, 0.52);
}

.mastery-visual rect:nth-of-type(2n) {
    fill: rgba(0, 169, 157, 0.22);
}

.mastery-step h3,
.mastery-step p {
    position: relative;
    z-index: 1;
}

.mastery-step h3 {
    color: #122033;
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
    font-weight: 900;
    line-height: 1.16;
    text-align: center;
}

.mastery-step p {
    margin-top: 14px;
    color: var(--ict-muted);
    font-size: 0.95rem;
    line-height: 1.62;
    text-align: center;
}

.mastery-arrow {
    position: absolute;
    z-index: 3;
    width: 88px;
    color: #21bf83;
    filter: drop-shadow(0 12px 18px rgba(33, 191, 131, 0.18));
    pointer-events: none;
}

.mastery-arrow svg {
    width: 100%;
    height: auto;
}

.mastery-arrow path {
    fill: none;
    stroke: currentColor;
    stroke-width: 9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mastery-arrow-one {
    left: 22.4%;
    top: 82px;
}

.mastery-arrow-two {
    left: 48.4%;
    top: 112px;
}

.mastery-arrow-three {
    left: 71.2%;
    top: 132px;
    width: 86px;
    transform: rotate(3deg);
}

@media (min-width: 1001px) {
    .motion-ready .mastery-flow-section .mastery-step,
    .motion-ready .mastery-flow-section .mastery-arrow {
        transition:
            opacity 620ms ease,
            transform 820ms cubic-bezier(0.18, 0.82, 0.22, 1),
            filter 620ms ease,
            box-shadow 180ms ease,
            border-color 180ms ease;
    }

    .motion-ready .mastery-flow-section:not(.is-spread) .mastery-step {
        opacity: 0.96;
        filter: saturate(0.86) brightness(0.98);
        pointer-events: none;
    }

    .motion-ready .mastery-flow-section:not(.is-spread) .mastery-step-one {
        transform: translate3d(0, 0, 0) rotate(-2deg);
    }

    .motion-ready .mastery-flow-section:not(.is-spread) .mastery-step-two {
        transform: translate3d(calc(-100% - 30px), -48px, 0) rotate(3deg) scale(0.985);
    }

    .motion-ready .mastery-flow-section:not(.is-spread) .mastery-step-three {
        transform: translate3d(calc(-200% - 60px), 10px, 0) rotate(-4deg) scale(0.97);
    }

    .motion-ready .mastery-flow-section:not(.is-spread) .mastery-step-four {
        transform: translate3d(calc(-300% - 90px), -42px, 0) rotate(5deg) scale(0.955);
    }

    .motion-ready .mastery-flow-section:not(.is-spread) .mastery-arrow {
        opacity: 0;
        transform: translate3d(-28px, 0, 0) scale(0.8);
    }

    .motion-ready .mastery-flow-section.is-spread .mastery-step {
        opacity: 1;
        filter: none;
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
        pointer-events: auto;
    }

    .motion-ready .mastery-flow-section.is-spread .mastery-step-two {
        transition-delay: 120ms;
    }

    .motion-ready .mastery-flow-section.is-spread .mastery-step-three {
        transition-delay: 240ms;
    }

    .motion-ready .mastery-flow-section.is-spread .mastery-step-four {
        transition-delay: 360ms;
    }

    .motion-ready .mastery-flow-section.is-spread .mastery-arrow {
        opacity: 1;
        transition-delay: 520ms;
    }

    .motion-ready .mastery-flow-section.is-spread .mastery-arrow-three {
        transform: rotate(3deg);
    }

    .motion-ready .mastery-flow-section.is-spread .mastery-step:hover {
        transform: translateY(-18px);
    }
}

.effective-indicators-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: clamp(58px, 7vw, 94px) 0;
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(circle at 8% 20%, rgba(86, 244, 197, 0.18), transparent 28%),
        radial-gradient(circle at 92% 76%, rgba(246, 184, 90, 0.13), transparent 26%),
        linear-gradient(115deg, #07131d 0%, #0d1723 46%, #101820 100%);
}

.effective-indicators-section::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 44%;
    background:
        repeating-linear-gradient(90deg, rgba(96, 165, 250, 0.08) 0 1px, transparent 1px 82px),
        linear-gradient(180deg, rgba(86, 244, 197, 0.08), transparent);
    mask-image: linear-gradient(180deg, #000, transparent 88%);
    pointer-events: none;
}

.effective-indicators-section::after {
    content: "";
    position: absolute;
    top: 24%;
    right: -9vw;
    width: min(520px, 42vw);
    aspect-ratio: 1;
    border: 1px solid rgba(86, 244, 197, 0.14);
    border-radius: 50%;
    background:
        radial-gradient(circle, transparent 0 38%, rgba(86, 244, 197, 0.08) 39% 40%, transparent 41% 58%, rgba(96, 165, 250, 0.08) 59% 60%, transparent 61%),
        conic-gradient(from 24deg, transparent 0 20%, rgba(86, 244, 197, 0.18) 21% 22%, transparent 23% 62%, rgba(246, 184, 90, 0.18) 63% 64%, transparent 65%);
    opacity: 0.75;
    pointer-events: none;
}

.effective-indicators-section .modern-shell {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.effective-indicators-heading {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.42fr);
    column-gap: clamp(20px, 5vw, 72px);
    row-gap: 10px;
    align-items: start;
    max-width: none;
    margin-bottom: clamp(32px, 5vw, 56px);
}

.effective-indicators-kicker {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: #9ff7d1;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.effective-indicators-kicker::before {
    content: "";
    width: 34px;
    height: 2px;
    border-radius: var(--ict-radius-pill);
    background: linear-gradient(90deg, #56f4c5, #f6b85a);
}

.effective-indicators-heading h2 {
    grid-column: 1;
    grid-row: 2;
    max-width: 920px;
    color: #f8fafc;
}

.effective-indicators-heading p {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    display: block;
    max-width: 390px;
    margin: 4px 0 0;
    color: rgba(226, 232, 240, 0.74) !important;
    font-size: clamp(1rem, 1.35vw, 1.14rem);
    font-weight: 520;
    letter-spacing: 0;
    line-height: 1.62;
    text-transform: none;
}

.effective-indicators-board {
    position: relative;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(86, 244, 197, 0.16);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.055), transparent 42%),
        rgba(4, 11, 18, 0.42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 30px 84px rgba(0, 0, 0, 0.2);
}

.effective-indicators-scan {
    position: absolute;
    inset: 42px clamp(34px, 4vw, 58px) 42px auto;
    width: min(360px, 30%);
    pointer-events: none;
}

.effective-indicators-scan span {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    border-radius: var(--ict-radius-pill);
    background: linear-gradient(90deg, transparent, rgba(86, 244, 197, 0.52), rgba(246, 184, 90, 0.28), transparent);
    opacity: 0.66;
}

.effective-indicators-scan span:nth-child(1) {
    top: 18%;
}

.effective-indicators-scan span:nth-child(2) {
    top: 50%;
    transform: rotate(-6deg);
}

.effective-indicators-scan span:nth-child(3) {
    top: 82%;
}

.effective-indicators-grid {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr 0.92fr;
    grid-template-areas:
        "primary risk scalp"
        "primary breakout price";
    gap: clamp(14px, 2vw, 22px);
}

.effective-indicator-card {
    position: relative;
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    grid-template-areas:
        "icon meta"
        "icon title"
        "icon copy";
    column-gap: 18px;
    align-content: center;
    min-height: 176px;
    overflow: hidden;
    padding: clamp(18px, 2vw, 24px);
    border: 1px solid rgba(86, 244, 197, 0.14);
    border-radius: 26px;
    background:
        radial-gradient(circle at 86% 100%, rgba(86, 244, 197, 0.1), transparent 34%),
        linear-gradient(115deg, rgba(8, 20, 31, 0.96), rgba(16, 30, 41, 0.78)),
        rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035), 0 18px 44px rgba(0, 0, 0, 0.18);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
    will-change: transform;
}

.effective-indicator-card:nth-child(1) {
    grid-area: primary;
}

.effective-indicator-card:nth-child(2) {
    grid-area: risk;
}

.effective-indicator-card:nth-child(3) {
    grid-area: scalp;
}

.effective-indicator-card:nth-child(4) {
    grid-area: breakout;
}

.effective-indicator-card:nth-child(5) {
    grid-area: price;
}

.effective-indicator-primary {
    grid-template-columns: 1fr;
    grid-template-areas:
        "icon"
        "meta"
        "title"
        "copy";
    align-content: end;
    min-height: 374px;
    padding: clamp(24px, 3vw, 34px);
    background:
        linear-gradient(180deg, rgba(86, 244, 197, 0.1), transparent 36%),
        linear-gradient(135deg, rgba(12, 27, 39, 0.96), rgba(8, 17, 26, 0.9));
}

.effective-indicator-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #56f4c5, #60a5fa, #f6b85a);
    opacity: 0.78;
}

.effective-indicator-card::after {
    content: "";
    position: absolute;
    top: -44%;
    left: -78%;
    z-index: 0;
    width: 42%;
    height: 188%;
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), rgba(86, 244, 197, 0.18), transparent);
    opacity: 0;
    transform: rotate(18deg) translateX(0);
    transition: opacity 180ms ease, transform 520ms ease;
}

.effective-indicator-card:hover {
    transform: translateY(-7px) rotateX(1deg) rotateY(-1.5deg);
    border-color: rgba(86, 244, 197, 0.34);
    background:
        radial-gradient(circle at 86% 100%, rgba(86, 244, 197, 0.17), transparent 36%),
        linear-gradient(115deg, rgba(12, 31, 43, 0.98), rgba(20, 39, 50, 0.82)),
        rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 0 0 1px rgba(86, 244, 197, 0.06), 0 26px 64px rgba(0, 0, 0, 0.26);
}

.effective-indicator-card:hover::after {
    opacity: 1;
    transform: rotate(18deg) translateX(470%);
}

.effective-indicator-number {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 1;
    color: rgba(246, 184, 90, 0.74);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    transition: color 180ms ease, transform 180ms ease;
}

.effective-indicator-icon {
    position: relative;
    grid-area: icon;
    z-index: 1;
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    align-self: center;
    border: 1px solid rgba(86, 244, 197, 0.28);
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 28%, rgba(86, 244, 197, 0.26), transparent 48%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.02));
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.effective-indicator-primary .effective-indicator-icon {
    width: 110px;
    height: 110px;
    margin-bottom: 24px;
    border-radius: 32px;
}

.effective-indicator-icon img {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.18));
    transition: transform 180ms ease, filter 180ms ease;
}

.effective-indicator-primary .effective-indicator-icon img {
    width: 78px;
    height: 78px;
}

.effective-indicator-type {
    position: relative;
    grid-area: meta;
    z-index: 1;
    display: inline-flex;
    width: fit-content;
    margin-bottom: 8px;
    color: #56f4c5;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    transition: color 180ms ease;
}

.effective-indicator-card:hover .effective-indicator-icon {
    transform: rotate(-5deg) scale(1.06);
    border-color: rgba(246, 184, 90, 0.44);
    box-shadow: 0 16px 34px rgba(86, 244, 197, 0.14);
}

.effective-indicator-card:hover .effective-indicator-icon img {
    transform: scale(1.08);
    filter: drop-shadow(0 16px 22px rgba(86, 244, 197, 0.2));
}

.effective-indicator-card:hover .effective-indicator-number {
    color: #f6b85a;
    transform: translateX(-3px);
}

.effective-indicator-card:hover .effective-indicator-type {
    color: #f6b85a;
}

.effective-indicator-card h3,
.effective-indicator-card p {
    position: relative;
    z-index: 1;
}

.effective-indicator-card h3 {
    grid-area: title;
    margin: 0 0 10px;
    color: #ffffff;
    font-size: clamp(1.02rem, 1.35vw, 1.22rem);
    font-weight: 650;
    line-height: 1.24;
    letter-spacing: 0;
    text-wrap: wrap;
}

.effective-indicator-primary h3 {
    font-size: clamp(1.38rem, 2vw, 1.7rem);
}

.effective-indicator-card p {
    grid-area: copy;
    margin: 0;
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.92rem;
    line-height: 1.55;
}

html[data-theme="light"] .effective-indicators-section {
    background:
        radial-gradient(circle at 8% 20%, rgba(15, 159, 141, 0.12), transparent 28%),
        radial-gradient(circle at 92% 76%, rgba(217, 119, 6, 0.11), transparent 26%),
        linear-gradient(115deg, #f7fcfb 0%, #edf7fb 48%, #f8fbf8 100%);
}

html[data-theme="light"] .effective-indicators-section::before {
    background:
        repeating-linear-gradient(90deg, rgba(15, 118, 110, 0.1) 0 1px, transparent 1px 82px),
        linear-gradient(180deg, rgba(15, 118, 110, 0.07), transparent);
}

html[data-theme="light"] .effective-indicators-heading h2,
html[data-theme="light"] .effective-indicator-card h3 {
    color: #102235;
}

html[data-theme="light"] .effective-indicators-kicker,
html[data-theme="light"] .effective-indicator-type {
    color: #0f766e;
}

html[data-theme="light"] .effective-indicators-heading p,
html[data-theme="light"] .effective-indicator-card p {
    color: rgba(43, 73, 94, 0.78) !important;
}

html[data-theme="light"] .effective-indicators-board {
    border-color: rgba(15, 118, 110, 0.15);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.76), transparent 42%),
        rgba(255, 255, 255, 0.52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 24px 68px rgba(15, 118, 110, 0.11);
}

html[data-theme="light"] .effective-indicator-card {
    border-color: rgba(15, 118, 110, 0.16);
    background:
        radial-gradient(circle at 86% 100%, rgba(15, 159, 141, 0.09), transparent 34%),
        linear-gradient(115deg, rgba(255, 255, 255, 0.92), rgba(239, 249, 248, 0.78)),
        rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 16px 38px rgba(15, 118, 110, 0.1);
}

html[data-theme="light"] .effective-indicator-card:hover {
    background:
        radial-gradient(circle at 86% 100%, rgba(15, 159, 141, 0.15), transparent 36%),
        linear-gradient(115deg, rgba(255, 255, 255, 0.98), rgba(235, 249, 247, 0.86)),
        rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.08), 0 24px 56px rgba(15, 118, 110, 0.16);
}

html[data-theme="light"] .effective-indicator-icon {
    border-color: rgba(15, 118, 110, 0.16);
    background:
        radial-gradient(circle at 34% 28%, rgba(15, 159, 141, 0.18), transparent 48%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(241, 252, 250, 0.52));
}

@media (max-width: 1024px) {
    .effective-indicators-heading {
        grid-template-columns: 1fr;
    }

    .effective-indicators-kicker,
    .effective-indicators-heading h2,
    .effective-indicators-heading p {
        grid-column: 1;
        grid-row: auto;
    }

    .effective-indicators-heading p {
        max-width: 720px;
    }

    .effective-indicators-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "primary primary"
            "risk scalp"
            "breakout price";
    }

    .effective-indicator-primary {
        min-height: 260px;
        grid-template-columns: 120px minmax(0, 1fr);
        grid-template-areas:
            "icon meta"
            "icon title"
            "icon copy";
    }
}

@media (max-width: 760px) {
    .effective-indicators-section {
        padding: 48px 0;
    }

    .effective-indicators-board {
        padding: 16px;
        border-radius: 26px;
    }

    .effective-indicators-scan {
        display: none;
    }

    .effective-indicators-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "primary"
            "risk"
            "scalp"
            "breakout"
            "price";
    }

    .effective-indicator-card,
    .effective-indicator-primary {
        grid-template-columns: 70px minmax(0, 1fr);
        grid-template-areas:
            "icon meta"
            "icon title"
            "icon copy";
        min-height: 0;
        border-radius: 22px;
    }

    .effective-indicator-primary .effective-indicator-icon {
        width: 72px;
        height: 72px;
        margin-bottom: 0;
        border-radius: 50%;
    }

    .effective-indicator-primary .effective-indicator-icon img {
        width: 50px;
        height: 50px;
    }
}

/* Homepage reviews: distinct testimonial studio treatment with real reviewer photos. */
.user-reviews-section {
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 40%, rgba(86, 244, 197, 0.14), transparent 34%),
        radial-gradient(circle at 78% 42%, rgba(246, 184, 90, 0.11), transparent 30%),
        linear-gradient(145deg, #08131d, #101a28 54%, #071019);
}

.user-reviews-section::before {
    background:
        linear-gradient(rgba(86, 244, 197, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(96, 165, 250, 0.045) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, 0.78) 54%, transparent 84%);
}

.reviews-orbit-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 18px;
    align-items: start;
}

.reviews-signal-board {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 8px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(86, 244, 197, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.reviews-signal-board span {
    display: inline-flex;
    height: 38px;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(7, 16, 25, 0.62);
    color: rgba(226, 232, 240, 0.76);
    font-size: 0.78rem;
    font-weight: 650;
    white-space: nowrap;
}

.reviews-signal-board strong {
    color: #56f4c5;
    font-size: 0.92rem;
    font-weight: 800;
}

.reviews-orbit {
    margin-top: clamp(36px, 5vw, 64px);
}

.reviews-orbit-stage {
    min-height: 410px;
    perspective: 1200px;
}

.reviews-orbit-stage::before {
    inset: 42px 8% 50px;
    border: 1px solid rgba(86, 244, 197, 0.12);
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(86, 244, 197, 0.22), rgba(96, 165, 250, 0.16), rgba(246, 184, 90, 0.18)),
        rgba(255, 255, 255, 0.025);
    opacity: 0.8;
    transform: rotate(-2deg);
}

.reviews-orbit .review-card {
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.038)),
        rgba(10, 20, 32, 0.82);
    box-shadow: 0 28px 78px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.reviews-orbit .review-card::before {
    content: "\201C";
    position: absolute;
    right: 28px;
    bottom: 8px;
    color: rgba(86, 244, 197, 0.1);
    font-family: Georgia, serif;
    font-size: 9rem;
    line-height: 1;
}

.reviews-orbit .review-card::after {
    background: linear-gradient(90deg, #56f4c5, #60a5fa, #f6b85a);
}

.reviews-orbit .review-card.is-active {
    border-color: rgba(86, 244, 197, 0.42);
    background:
        radial-gradient(circle at 18% 18%, rgba(86, 244, 197, 0.12), transparent 34%),
        linear-gradient(135deg, rgba(16, 30, 47, 0.98), rgba(13, 25, 40, 0.94));
    transform: translate3d(-50%, 0, 120px) rotateX(0deg);
}

.reviews-orbit .review-card.is-prev,
.reviews-orbit .review-card.is-next {
    filter: saturate(0.72) brightness(0.72);
}

.reviews-orbit .review-card.is-prev {
    transform: translate3d(-108%, 58px, -180px) rotate(-2deg);
}

.reviews-orbit .review-card.is-next {
    transform: translate3d(8%, 58px, -180px) rotate(2deg);
}

.reviews-orbit .review-avatar {
    width: 72px;
    height: 72px;
    border: 5px solid rgba(248, 250, 252, 0.9);
    background: rgba(248, 250, 252, 0.92);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24), 0 0 0 6px rgba(86, 244, 197, 0.1);
}

.reviews-orbit .review-meta {
    align-items: center;
}

.reviews-orbit .review-meta h3 {
    color: #f8fafc;
}

.reviews-orbit .review-meta span,
.reviews-orbit .review-card p {
    color: rgba(226, 232, 240, 0.72);
}

.reviews-orbit .review-rating,
.reviews-orbit .review-stars {
    color: #f6b85a;
}

html[data-theme="light"] .user-reviews-section {
    background:
        radial-gradient(circle at 18% 40%, rgba(15, 159, 141, 0.13), transparent 34%),
        radial-gradient(circle at 78% 42%, rgba(217, 119, 6, 0.11), transparent 30%),
        linear-gradient(145deg, rgba(245, 253, 251, 0.96), rgba(239, 248, 255, 0.92));
}

html[data-theme="light"] .reviews-signal-board {
    border-color: rgba(15, 118, 110, 0.16);
    background: rgba(255, 255, 255, 0.68);
}

html[data-theme="light"] .reviews-signal-board span {
    background: rgba(241, 252, 250, 0.9);
    color: rgba(43, 73, 94, 0.76);
}

html[data-theme="light"] .reviews-signal-board strong {
    color: #0f9f8d;
}

html[data-theme="light"] .reviews-orbit .review-card {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(241, 252, 250, 0.68)),
        rgba(255, 255, 255, 0.78);
    box-shadow: 0 26px 70px rgba(15, 118, 110, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

html[data-theme="light"] .reviews-orbit .review-card.is-active {
    background:
        radial-gradient(circle at 18% 18%, rgba(15, 159, 141, 0.12), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 252, 250, 0.92));
}

html[data-theme="light"] .reviews-orbit .review-meta h3 {
    color: #102235;
}

html[data-theme="light"] .reviews-orbit .review-meta span,
html[data-theme="light"] .reviews-orbit .review-card p {
    color: rgba(43, 73, 94, 0.72);
}

@media (max-width: 980px) {
    .reviews-orbit-header {
        grid-template-columns: 1fr;
    }

    .reviews-signal-board {
        width: max-content;
        max-width: 100%;
        grid-template-columns: 1fr;
        border-radius: 22px;
    }
}


.team-showcase-section {
    position: relative;
    overflow: hidden;
    padding: 104px 0 112px;
    background:
        radial-gradient(circle at 18% 20%, rgba(0, 169, 157, 0.16), transparent 32%),
        radial-gradient(circle at 86% 28%, rgba(255, 122, 24, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(239, 252, 255, 0.92), rgba(245, 248, 255, 0.96));
}

.team-showcase-section .modern-shell {
    width: min(1080px, calc(100% - 72px));
}

.team-showcase-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(37, 99, 235, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 99, 235, 0.07) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
}

.team-showcase-section::after {
    content: "";
    position: absolute;
    inset: 12% -12% auto;
    height: 220px;
    background: linear-gradient(90deg, transparent, rgba(0, 169, 157, 0.1), rgba(255, 122, 24, 0.1), transparent);
    transform: rotate(-6deg);
}

.team-heading {
    position: relative;
    z-index: 1;
    max-width: none;
    margin-bottom: 42px;
}

.team-showcase-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    max-width: 930px;
    margin: 0 auto;
}

.team-card {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 380px;
    padding: 16px;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(233, 244, 255, 0.88)),
        rgba(255, 255, 255, 0.88);
    box-shadow: 0 22px 64px rgba(37, 99, 235, 0.14);
    color: inherit;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.team-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(0, 169, 157, 0.1), transparent 34%);
    opacity: 0.8;
}

.team-card:hover {
    transform: translateY(-16px);
    border-color: rgba(255, 122, 24, 0.34);
    box-shadow: 0 38px 90px rgba(0, 169, 157, 0.16), 0 24px 56px rgba(37, 99, 235, 0.16);
}

.team-photo {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    overflow: hidden;
    aspect-ratio: 1.12 / 0.92;
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: 24px;
    background:
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.96), transparent 30%),
        linear-gradient(145deg, rgba(209, 250, 244, 0.86), rgba(224, 234, 255, 0.9));
}

.team-photo img {
    position: relative;
    z-index: 1;
    width: 90%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: saturate(1.04) contrast(1.02) drop-shadow(0 22px 30px rgba(18, 32, 51, 0.16));
    transform: translateY(7px) scale(1.02);
    transition: transform 260ms ease, filter 260ms ease;
}

.team-photo-malvika img {
    width: 104%;
    height: 112%;
    transform: translateY(12px) scale(1.08);
}

.team-card:hover .team-photo img {
    transform: translateY(0) scale(1.06);
    filter: saturate(1.14) contrast(1.05) drop-shadow(0 28px 34px rgba(18, 32, 51, 0.22));
}

.team-card:hover .team-photo-malvika img {
    transform: translateY(4px) scale(1.12);
}

.team-photo::after {
    content: "";
    position: absolute;
    top: -24%;
    bottom: -24%;
    left: -70%;
    width: 44%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), rgba(0, 210, 255, 0.46), transparent);
    transform: skewX(-18deg);
    opacity: 0;
}

.team-card:hover .team-photo::after {
    animation: team-light-sweep 820ms ease forwards;
}

.team-photo svg {
    position: relative;
    z-index: 1;
    width: 82%;
    height: 82%;
    fill: none;
    stroke: #3157b7;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.team-photo .team-orbit {
    stroke: rgba(0, 169, 157, 0.38);
    stroke-dasharray: 10 12;
    animation: none;
    transform-origin: center;
}

.team-photo .team-face {
    fill: rgba(255, 255, 255, 0.72);
    stroke: #3157b7;
}

.team-photo .team-hair {
    fill: rgba(18, 32, 51, 0.12);
    stroke: #122033;
}

.team-photo .team-hair-line,
.team-photo .team-feature,
.team-photo .team-body {
    stroke: #3157b7;
}

.team-copy {
    position: relative;
    z-index: 1;
    padding: 16px 4px 2px;
}

.team-copy span {
    display: inline-flex;
    color: #0f766e;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.team-copy h3 {
    margin-top: 10px;
    color: #122033;
    font-size: clamp(1.25rem, 1.9vw, 1.55rem);
    font-weight: 950;
}

.team-copy p {
    margin-top: 12px;
    color: var(--ict-muted);
    line-height: 1.62;
}

@keyframes team-light-sweep {
    0% {
        left: -70%;
        opacity: 0;
    }
    18% {
        opacity: 1;
    }
    100% {
        left: 126%;
        opacity: 0;
    }
}

@keyframes team-orbit-spin {
    to {
        transform: rotate(360deg);
    }
}

.user-reviews-section {
    position: relative;
    overflow: hidden;
    scroll-margin-top: 96px;
    padding: 94px 0 104px;
    background:
        linear-gradient(120deg, rgba(0, 169, 157, 0.08), transparent 28%),
        linear-gradient(300deg, rgba(249, 115, 22, 0.11), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
}

.user-reviews-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.045) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(180deg, transparent, #000 16%, #000 86%, transparent);
    pointer-events: none;
}

.user-reviews-section::after {
    content: "";
    position: absolute;
    right: -16%;
    bottom: 8%;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(37, 99, 235, 0.09);
    border-radius: 999px;
    pointer-events: none;
}

.user-reviews-section .modern-shell {
    position: relative;
    z-index: 1;
    width: min(1100px, calc(100% - 72px));
}

.reviews-heading {
    align-items: end;
    margin-bottom: 24px;
}

.reviews-heading h2 {
    max-width: 720px;
}

.reviews-scoreboard {
    flex: 0 0 auto;
    display: grid;
    min-width: 150px;
    padding: 16px 18px;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(234, 246, 255, 0.88)),
        #ffffff;
    box-shadow: 0 16px 42px rgba(37, 99, 235, 0.12);
    text-align: center;
}

.reviews-scoreboard strong {
    color: #122033;
    font-size: 2rem;
    font-weight: 950;
    line-height: 1;
}

.reviews-scoreboard span {
    margin-top: 5px;
    color: var(--ict-muted);
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.reviews-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 28px;
}

.reviews-summary-grid div {
    min-height: 82px;
    padding: 18px 20px;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 34px rgba(18, 32, 51, 0.07);
    backdrop-filter: blur(12px);
}

.reviews-summary-grid strong {
    display: block;
    color: #0f766e;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    font-weight: 950;
    line-height: 1.05;
}

.reviews-summary-grid span {
    display: block;
    margin-top: 6px;
    color: var(--ict-muted);
    font-size: 0.88rem;
    font-weight: 750;
}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.review-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 310px;
    padding: 22px;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(238, 248, 255, 0.9)),
        #ffffff;
    box-shadow: 0 18px 48px rgba(37, 99, 235, 0.1);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.review-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, #00a99d, #1d4ed8, #f97316);
}

.review-card::after {
    content: '"';
    position: absolute;
    right: 18px;
    bottom: -26px;
    color: rgba(37, 99, 235, 0.08);
    font-family: var(--ict-font-sans);
    font-size: 8rem;
    line-height: 1;
    pointer-events: none;
}

.review-card:hover {
    transform: translateY(-8px);
    border-color: rgba(249, 115, 22, 0.3);
    box-shadow: 0 30px 72px rgba(0, 169, 157, 0.12), 0 22px 54px rgba(37, 99, 235, 0.14);
}

.review-card-featured {
    grid-column: span 2;
    min-height: 340px;
    padding: 28px;
    background:
        radial-gradient(circle at 18% 18%, rgba(0, 169, 157, 0.16), transparent 32%),
        radial-gradient(circle at 86% 14%, rgba(249, 115, 22, 0.14), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(231, 244, 255, 0.94));
}

.review-card-muted {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(246, 248, 252, 0.92)),
        #ffffff;
}

.review-card-glow {
    position: absolute;
    inset: auto -18% -32% auto;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(0, 169, 157, 0.18), transparent 68%);
    pointer-events: none;
}

.review-meta {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}

.review-avatar {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    overflow: hidden;
    width: 52px;
    height: 52px;
    border: 3px solid rgba(255, 255, 255, 0.9);
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 950;
    box-shadow: 0 12px 24px rgba(18, 32, 51, 0.14);
}

.review-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-avatar-photo {
    background: #0f172a;
}

.review-avatar-teal {
    background: linear-gradient(135deg, #00a99d, #0f766e);
}

.review-avatar-blue {
    background: linear-gradient(135deg, #38bdf8, #1d4ed8);
}

.review-avatar-violet {
    background: linear-gradient(135deg, #a78bfa, #4338ca);
}

.review-avatar-ink {
    background: linear-gradient(135deg, #334155, #0f172a);
}

.review-avatar-orange {
    background: linear-gradient(135deg, #fb923c, #ea580c);
}

.review-avatar-red {
    background: linear-gradient(135deg, #fb7185, #dc2626);
}

.review-avatar-cyan {
    background: linear-gradient(135deg, #22d3ee, #0284c7);
}

.review-meta h3 {
    color: #122033;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.15;
}

.review-meta span {
    display: block;
    margin-top: 4px;
    color: var(--ict-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.review-rating {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    color: #f59e0b;
    font-size: 1.04rem;
    letter-spacing: 0;
    text-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
}

.review-rating-partial {
    color: #f97316;
}

.review-card p {
    position: relative;
    z-index: 1;
    flex: 1;
    margin-top: 14px;
    color: #314155;
    font-size: 0.96rem;
    line-height: 1.68;
}

.review-card-featured p {
    max-width: 780px;
    color: #1f3148;
    font-size: clamp(1.02rem, 1.35vw, 1.16rem);
}

.review-tags {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.review-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(0, 169, 157, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #0f766e;
    font-size: 0.75rem;
    font-weight: 850;
}

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

.modern-article-card {
    overflow: hidden;
    border-radius: var(--ict-radius-card);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.modern-article-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: transform 220ms ease;
}

.modern-article-card:hover img {
    transform: scale(1.04);
}

.modern-article-card div {
    padding: 22px;
}

.modern-article-card span {
    color: #0f766e;
    font-size: 0.8rem;
    font-weight: 850;
}

.modern-article-card h3 {
    margin-top: 10px;
    color: #122033;
    font-size: 1.15rem;
    font-weight: 850;
    line-height: 1.28;
}

.modern-article-card h3 a {
    color: inherit;
}

.home-latest-section {
    padding-bottom: 34px;
}

.home-final-cta {
    padding: 12px 0 72px;
}

.home-faq-section {
    position: relative;
    overflow: visible;
    padding: 54px 0 58px;
    border: 0;
    background: transparent;
}

.home-faq-section::before {
    content: "";
    position: absolute;
    inset: 16% auto auto 6%;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(86, 244, 197, 0.22);
    border-radius: 50%;
    box-shadow:
        0 0 0 42px rgba(86, 244, 197, 0.035),
        0 0 0 96px rgba(72, 153, 245, 0.025);
    opacity: 0.72;
    pointer-events: none;
}

.home-faq-section::after {
    content: "";
    position: absolute;
    right: 3%;
    bottom: 2%;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(86, 244, 197, 0.18), transparent 42%),
        radial-gradient(circle, rgba(249, 184, 91, 0.08), transparent 62%);
    filter: blur(10px);
    pointer-events: none;
}

.home-faq-panel {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    padding: clamp(30px, 4vw, 56px);
    border: 1px solid rgba(86, 244, 197, 0.14);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 24%, rgba(86, 244, 197, 0.14), transparent 32%),
        radial-gradient(circle at 92% 22%, rgba(249, 184, 91, 0.07), transparent 30%),
        linear-gradient(rgba(153, 177, 190, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(153, 177, 190, 0.045) 1px, transparent 1px),
        linear-gradient(180deg, rgba(13, 24, 33, 0.98) 0%, rgba(16, 29, 39, 0.97) 48%, rgba(8, 19, 27, 0.99) 100%);
    background-size: auto, auto, 56px 56px, 56px 56px, auto;
    box-shadow:
        0 26px 68px rgba(0, 6, 12, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.home-faq-intro {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 0.34fr);
    column-gap: clamp(24px, 5vw, 76px);
    align-items: center;
    max-width: none;
    margin: 0 0 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.home-faq-title-group {
    display: grid;
    justify-items: start;
    align-content: center;
    text-align: left;
}

.home-faq-intro p {
    margin: 0 0 8px;
    color: #56f4c5;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.home-faq-intro h2 {
    max-width: 100%;
    margin: 0;
    color: #f8fafc;
    font-size: clamp(1.45rem, 2.35vw, 2.05rem);
    line-height: 1.2;
}

.home-faq-visual {
    position: relative;
    justify-self: end;
    width: min(100%, 280px);
    min-height: 158px;
}

.faq-visual-window {
    position: relative;
    overflow: hidden;
    min-height: 142px;
    padding: 22px 16px 16px;
    border: 1px solid rgba(86, 244, 197, 0.18);
    border-radius: 24px;
    background:
        linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.06) 1px, transparent 1px),
        linear-gradient(145deg, rgba(18, 35, 48, 0.94), rgba(8, 18, 27, 0.92));
    background-size: 30px 30px, 30px 30px, auto;
    box-shadow:
        0 24px 48px rgba(0, 6, 12, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.faq-visual-window::before {
    content: "";
    position: absolute;
    right: -42px;
    bottom: -64px;
    width: 142px;
    height: 142px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(86, 244, 197, 0.24), transparent 68%);
}

.faq-visual-dot {
    position: absolute;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #56f4c5;
}

.faq-visual-dot:nth-child(1) {
    left: 16px;
}

.faq-visual-dot:nth-child(2) {
    left: 30px;
    background: #f6b85a;
}

.faq-visual-dot:nth-child(3) {
    left: 44px;
    background: #60a5fa;
}

.faq-visual-row {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 24px;
    gap: 10px;
    align-items: center;
    min-height: 28px;
    margin-top: 12px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
}

.faq-visual-row i {
    color: #56f4c5;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 850;
}

.faq-visual-row b,
.faq-visual-row em {
    display: block;
    height: 7px;
    border-radius: 999px;
    background: rgba(203, 213, 225, 0.2);
}

.faq-visual-row b {
    width: 100%;
}

.faq-visual-row em {
    width: 20px;
    background: rgba(86, 244, 197, 0.42);
}

.faq-visual-row-active {
    background: rgba(86, 244, 197, 0.12);
    box-shadow: inset 0 0 0 1px rgba(86, 244, 197, 0.18);
}

.faq-visual-badge {
    position: absolute;
    right: 16px;
    bottom: -8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(86, 244, 197, 0.3);
    border-radius: 999px;
    background: #56f4c5;
    color: #08131b;
    font-size: 0.78rem;
    font-weight: 900;
    box-shadow: 0 14px 28px rgba(0, 6, 12, 0.24);
}

.home-faq-list {
    display: grid;
    gap: 12px;
    width: 100%;
}

.home-faq-item[hidden] {
    display: none;
}

.home-faq-item {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(139, 163, 178, 0.18);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(23, 38, 50, 0.9), rgba(10, 22, 31, 0.94)),
        rgba(14, 27, 38, 0.92);
    box-shadow:
        0 14px 34px rgba(0, 6, 12, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition:
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease,
        background 180ms ease;
}

.home-faq-item::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #56f4c5, #f9b85b);
    opacity: 0;
    transition: opacity 180ms ease;
}

.home-faq-item:hover,
.home-faq-item[open] {
    border-color: rgba(86, 244, 197, 0.3);
    box-shadow:
        0 20px 48px rgba(0, 6, 12, 0.24),
        0 0 0 1px rgba(86, 244, 197, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    transform: translateY(-2px);
}

.home-faq-item[open]::before {
    opacity: 1;
}

.home-faq-item summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    min-height: 68px;
    padding: 18px 22px;
    color: #f8fafc;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.35;
    cursor: pointer;
    list-style: none;
}

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

.home-faq-item summary::after {
    content: "+";
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(86, 244, 197, 0.22);
    border-radius: 50%;
    background: rgba(86, 244, 197, 0.08);
    color: #56f4c5;
    font-size: 1.3rem;
    line-height: 1;
    transition:
        transform 180ms ease,
        background 180ms ease,
        color 180ms ease;
}

.home-faq-item[open] summary::after {
    content: "-";
    background: #56f4c5;
    color: #08131b;
    transform: rotate(180deg);
}

.home-faq-item summary span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 34px;
    border-radius: 999px;
    background: rgba(86, 244, 197, 0.1);
    color: #56f4c5;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.home-faq-item div {
    margin: 0 22px 22px 82px;
    padding-top: 18px;
    border-top: 1px solid rgba(139, 163, 178, 0.16);
    color: rgba(214, 226, 225, 0.78);
    font-size: 0.96rem;
    font-weight: 600;
    line-height: 1.78;
}

.home-faq-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: fit-content;
    max-width: 100%;
    min-height: 54px;
    margin: 24px auto 0;
    padding: 0 24px;
    border: 1px solid rgba(86, 244, 197, 0.28);
    border-radius: 999px;
    background: rgba(86, 244, 197, 0.08);
    color: #f8fafc;
    font: inherit;
    font-size: 0.96rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow:
        0 18px 38px rgba(0, 6, 12, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease;
}

.home-faq-toggle::after {
    content: "+";
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #56f4c5;
    color: #08131b;
    font-size: 1.25rem;
    line-height: 1;
}

.home-faq-toggle[aria-expanded="true"]::after {
    content: "-";
}

.home-faq-toggle:hover,
.home-faq-toggle:focus-visible {
    border-color: rgba(86, 244, 197, 0.46);
    background: rgba(86, 244, 197, 0.12);
    box-shadow:
        0 24px 48px rgba(0, 6, 12, 0.22),
        0 0 0 1px rgba(86, 244, 197, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
}

.home-faq-toggle strong {
    color: #56f4c5;
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.modern-cta {
    position: relative;
    padding: 96px 0;
    background:
        linear-gradient(120deg, rgba(0, 169, 157, 0.08), transparent 30%),
        linear-gradient(300deg, rgba(249, 115, 22, 0.1), transparent 34%),
        #ffffff;
}

.modern-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(29, 78, 216, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.045) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(180deg, transparent, #000 18%, #000 88%, transparent);
    pointer-events: none;
}

.cta-panel {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 38px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--ict-radius-panel);
    background:
        linear-gradient(120deg, rgba(0, 169, 157, 0.16), transparent 36%),
        linear-gradient(315deg, rgba(249, 115, 22, 0.16), transparent 36%),
        rgba(255, 255, 255, 0.92);
    box-shadow: 0 28px 58px rgba(29, 78, 216, 0.12);
    backdrop-filter: blur(18px);
    transition: background 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.cta-panel::before {
    content: "";
    position: absolute;
    inset: auto 38px 0 38px;
    height: 5px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, #00c2b8, #1d4ed8, var(--ict-orange));
}

.cta-panel p {
    color: var(--ict-amber);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cta-article-panel {
    display: block;
}

.cta-article-heading {
    max-width: 760px;
}

.useful-article-list {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px 42px;
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid rgba(18, 32, 51, 0.14);
}

.useful-article-list a {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: start;
    min-height: 78px;
    padding: 4px 0;
    color: #122033;
    transition: color 180ms ease, transform 180ms ease;
}

.useful-article-list a:hover {
    color: var(--ict-teal);
    transform: translate3d(0, -2px, 0);
}

.useful-article-list a span {
    margin-top: 3px;
    color: rgba(0, 122, 115, 0.74);
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.08em;
}

.useful-article-list strong {
    font-size: clamp(1rem, 1.3vw, 1.18rem);
    font-weight: 850;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .useful-article-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 28px;
    }
}

@media (max-width: 640px) {
    .useful-article-list {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 24px;
    }

    .useful-article-list a {
        min-height: auto;
    }
}

.motion-ready .reveal-on-scroll {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    transition:
        opacity 520ms ease,
        transform 520ms cubic-bezier(0.2, 0.8, 0.2, 1);
    transition-delay: var(--reveal-delay, 0ms);
}

.motion-ready .reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.motion-ready .pathway-card.reveal-on-scroll:hover,
.motion-ready .resource-stack a.reveal-on-scroll:hover,
.motion-ready .modern-article-card.reveal-on-scroll:hover {
    transform: translate3d(0, -6px, 0);
}

.motion-ready .hero-portrait-stage.reveal-on-scroll.is-visible {
    transform: translate3d(0, calc(var(--hero-shift, 0px) * -0.08), 0);
}

.site-footer {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background:
        linear-gradient(120deg, rgba(0, 169, 157, 0.16), transparent 34%),
        linear-gradient(300deg, rgba(249, 115, 22, 0.14), transparent 34%),
        #0b1324 !important;
    margin-top: 0 !important;
    padding: 46px 0 24px;
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 38px 38px;
    pointer-events: none;
}

.site-footer-main,
.site-footer-bottom {
    position: relative;
    z-index: 1;
    display: flex;
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.site-footer-main {
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(28px, 5vw, 72px);
    padding-bottom: 30px;
}

.site-footer-brand-group {
    display: flex;
    flex: 0 0 min(460px, 42%);
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
}

.site-footer-brand {
    flex: 0 0 auto;
}

.site-footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-weight: 900;
    font-size: 1.05rem;
}

.site-footer-brand img {
    width: 38px;
    height: 38px;
    border-radius: 12px !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
}

.site-footer-main p {
    max-width: 520px;
    margin: 0;
    color: rgba(226, 232, 240, 0.74);
    font-size: 0.9rem;
    line-height: 1.7;
}

.site-footer-links {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: clamp(18px, 2.2vw, 32px);
    flex: 1 1 auto;
    max-width: none;
    margin-left: auto;
}

.site-footer-links a {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 4px 2px;
    color: rgba(248, 250, 252, 0.78);
    font-size: clamp(0.78rem, 0.86vw, 0.86rem);
    font-weight: 750;
    white-space: nowrap;
    pointer-events: auto;
    transition: color 180ms ease, transform 180ms ease;
}

.site-footer-links a:hover {
    color: #2dd4bf;
    transform: translateY(-2px);
}

.site-footer-bottom {
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    color: rgba(226, 232, 240, 0.7);
    font-size: 0.86rem;
}

.site-footer,
.site-footer span {
    color: rgba(226, 232, 240, 0.78) !important;
}

@media (max-width: 780px) {
    .site-footer {
        padding-top: 36px;
    }

    .site-footer-main,
    .site-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .site-footer-links {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

.prose-article {
    line-height: 1.7;
    color: #1f2937;
}

.prose-article h1,
.prose-article h2,
.prose-article h3 {
    font-weight: 600;
    line-height: 1.3;
    margin-top: 1.75em;
    margin-bottom: 0.6em;
}

.prose-article h2 { font-size: 1.5rem; }
.prose-article h3 { font-size: 1.25rem; }
.prose-article p { margin: 1em 0; }

.prose-article p,
.prose-article li,
.post-intro-copy p,
.post-prose p,
.post-prose li,
.author-profile-bio p,
.category-summary,
.category-intro-copy p,
.category-intro-copy li,
.about-story p,
.contact-intro-card p,
.contact-method-card span,
.contact-response-panel span,
.contact-response-panel blockquote,
.disclosure-main-card p,
.disclosure-info-card span,
.disclosure-policy-card span,
.disclosure-note-panel span,
.disclaimer-main-card p,
.disclaimer-info-card span,
.disclaimer-policy-card span,
.disclaimer-note-panel span,
.privacy-main-card p,
.privacy-info-card span,
.privacy-policy-card span,
.privacy-note-panel span {
    text-align: justify;
    text-justify: inter-word;
}

.prose-article a,
.post-intro-copy a,
.post-prose a,
.author-profile-bio a,
.category-intro-copy a {
    border-radius: 5px;
    color: #2563eb;
    font-weight: inherit;
    text-decoration: none;
    transition: color 160ms ease, background-color 160ms ease, outline-color 160ms ease;
}

.prose-article a:hover,
.post-intro-copy a:hover,
.post-prose a:hover,
.author-profile-bio a:hover,
.category-intro-copy a:hover {
    color: #00796f;
    background-color: rgba(0, 169, 157, 0.08);
}

.prose-article a:focus-visible,
.post-intro-copy a:focus-visible,
.post-prose a:focus-visible,
.author-profile-bio a:focus-visible,
.category-intro-copy a:focus-visible {
    color: #00796f;
    background-color: rgba(0, 169, 157, 0.08);
    outline: 2px solid rgba(37, 99, 235, 0.24);
    outline-offset: 2px;
}

.prose-article strong,
.post-intro-copy strong,
.post-prose strong,
.author-profile-bio strong,
.category-intro-copy strong,
.disclosure-main-card strong,
.disclaimer-main-card strong,
.privacy-main-card strong {
    color: #26364c;
    font-weight: 700;
}

.prose-article a.intent-target,
.post-prose a.intent-target {
    color: #2563eb;
    font-weight: inherit;
}

.prose-article ul,
.prose-article ol {
    margin: 1em 0;
    padding-left: 1.5em;
}

.prose-article li { margin: 0.25em 0; }

.prose-article pre {
    background: #0f172a;
    color: #f8fafc;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    font-size: 0.9rem;
}

.prose-article code {
    background: #f1f5f9;
    padding: 0.1em 0.35em;
    border-radius: 0.25em;
    font-size: 0.9em;
}

.prose-article pre code {
    background: transparent;
    padding: 0;
}

.prose-article blockquote {
    border-left: 4px solid #3b82f6;
    padding: 0.25em 1em;
    color: #475569;
    margin: 1em 0;
    background: #f8fafc;
}

.prose-article img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

@media (max-width: 1000px) {
    .site-menu-toggle {
        display: grid;
    }

    .site-header > div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        width: min(100% - 24px, 1180px);
        min-height: 72px;
        gap: 12px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .site-header {
        backdrop-filter: none;
    }

    .site-brand {
        gap: 10px;
        min-width: 0;
        font-size: 1rem;
        line-height: 1.1;
        letter-spacing: 0;
    }

    .site-brand img {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .site-brand span {
        min-width: 0;
        max-width: 210px;
    }

    .site-header nav {
        display: none;
        grid-column: 1 / -1;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        margin-left: 0;
        padding: 10px 0 8px;
        gap: 6px !important;
        font-size: 0.9rem !important;
    }

    .site-header.is-mobile-nav-open nav {
        display: flex;
    }

    .site-nav-item,
    .site-nav-item > a,
    .site-nav-item > button {
        width: 100%;
    }

    .site-nav-item > a,
    .site-nav-item > button,
    .site-search-link {
        min-height: 44px;
        padding: 0 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.72);
    }

    .site-nav-item {
        display: block;
    }

    .site-submenu {
        position: static;
        display: none;
        min-width: 0;
        margin-top: 6px;
        padding: 6px;
        opacity: 1;
        visibility: visible;
        transform: none;
        backdrop-filter: none;
    }

    .site-nav-item.is-open .site-submenu {
        display: block;
        transform: none;
    }

    .site-search-link {
        width: 44px;
        flex-basis: 44px;
    }

    .site-search-overlay {
        padding-top: 82px;
    }

    .site-search-field {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
    }

    .site-search-field input {
        font-size: clamp(1.45rem, 8vw, 2.2rem);
    }

    .site-search-result {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 14px;
        padding: 8px;
    }

    .site-search-result img,
    .site-search-result-placeholder {
        width: 82px;
        height: 68px;
        border-radius: 12px;
    }

    .keyword-route-three,
    .keyword-route-five {
        display: none;
    }

    .keyword-route {
        width: 72vw;
        opacity: 0.58;
    }

    .hero-grid,
    .resources-grid,
    .section-heading-visual {
        grid-template-columns: 1fr;
    }

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

    .install-steps-grid::before {
        display: none;
    }

    .advantage-grid {
        grid-template-columns: 1fr;
    }

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

    .team-showcase-grid {
        grid-template-columns: 1fr;
    }

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

    .review-card-featured {
        grid-column: 1 / -1;
    }

    .mastery-step-two,
    .mastery-step-four {
        margin-top: 0;
    }

    .mastery-arrow {
        display: none;
    }

    .article-showcase {
        padding: 64px 26px;
    }

    .section-market-visual {
        min-height: 170px;
    }

    .hero-visual {
        min-height: 620px;
    }

    .hero-portrait-stage {
        margin-top: 132px;
    }

    .hero-portrait-stage .hero-metrics {
        bottom: -82px;
    }

    .hero-portrait-stage::before {
        inset: 10px 0;
    }

    .hero-portrait-stage::after {
        inset: 34px 20px;
    }

    .portrait-stage-badge {
        top: 42px;
        left: 28px;
        max-width: 230px;
    }

    .portrait-study-note-left {
        left: 28px;
        bottom: 38px;
    }

    .portrait-study-note-right {
        right: 28px;
        bottom: 38px;
    }

    .portrait-tile-one {
        top: 110px;
        left: 18px;
        width: 35%;
        height: 58%;
    }

    .portrait-tile-two {
        top: 72px;
        left: 34%;
        width: 32%;
        height: 48%;
    }

    .portrait-tile-three {
        top: 170px;
        right: 18px;
        width: 37%;
        height: 57%;
    }

    .portrait-tile-four {
        left: 27%;
        bottom: 20px;
        width: 36%;
        height: 43%;
    }

    .market-card-main {
        inset: 32px 0 44px 0;
    }

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

    .resources-band {
        padding: 68px 28px;
        border-radius: 30px;
    }

    .install-steps-section {
        padding: 56px 28px;
    }
}

@media (max-width: 1380px) {
    .home-ad-layout,
    .interior-ad-layout {
        display: block;
        width: 100%;
    }

    .home-ad-layout .modern-shell,
    .interior-ad-content {
        width: min(1180px, calc(100% - 32px));
        margin-right: auto;
        margin-left: auto;
    }

    .side-ad {
        display: none;
    }
}

@media (max-width: 640px) {
    :root {
        --ict-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .ict-home *,
    .ict-home *::before,
    .ict-home *::after {
        animation: none !important;
    }

    body {
        text-rendering: optimizeLegibility;
    }

    .modern-hero,
    .modern-section {
        padding: 56px 0;
    }

    .learning-atmosphere {
        display: none;
    }

    .atmosphere-ribbon,
    .keyword-route {
        display: none;
    }

    .atmosphere-grid {
        background-size: 38px 38px;
    }

    .ict-home {
        background: linear-gradient(180deg, #eef9ff 0%, #cdefff 44%, #ffffff 100%);
    }

    .hero-copy h1 {
        font-size: clamp(2rem, 9.2vw, 2.55rem);
        overflow-wrap: anywhere;
    }

    .hero-pill {
        left: auto;
        transform: none;
        max-width: 100%;
        align-items: flex-start;
        border-radius: 18px;
        font-size: 0.68rem;
        letter-spacing: 0;
        line-height: 1.35;
        white-space: normal;
    }

    .hero-top-ad {
        min-height: 82px;
        margin: -18px auto 28px;
        border-radius: 18px;
    }

    .hero-top-ad,
    .top-ad-slot {
        backdrop-filter: none;
    }

    .hero-top-ad::after,
    .top-ad-slot::after,
    .collage-light,
    .live-market-chart .chart-range,
    .live-market-chart .candles g,
    .team-orbit-ring,
    .interesting-articles-box {
        animation: none !important;
    }

    .modern-hero::before,
    .modern-hero::after,
    .hero-portrait-stage::before,
    .hero-portrait-stage::after,
    .reviews-orbit-stage::before {
        display: none;
    }

    .hero-top-ad div {
        flex-direction: column;
        gap: 4px;
    }

    .hero-body {
        font-size: 0.96rem;
    }

    .hero-metrics,
    .pathway-grid,
    .mastery-flow,
    .reviews-summary-grid,
    .reviews-grid,
    .modern-article-grid {
        grid-template-columns: 1fr;
    }

    .user-reviews-section .modern-shell {
        width: min(100% - 24px, 1100px);
    }

    .reviews-heading {
        align-items: stretch;
        gap: 18px;
    }

    .reviews-scoreboard {
        width: 100%;
        min-width: 0;
        text-align: left;
    }

    .review-card,
    .review-card-featured {
        grid-column: auto;
        min-height: auto;
        padding: 20px;
    }

    .review-meta {
        align-items: flex-start;
    }

    .review-card::after {
        font-size: 6rem;
    }

    .mastery-flow-section {
        padding: 54px 0;
    }

    .mastery-step {
        min-height: auto;
    }

    .team-showcase-section {
        padding: 56px 0;
    }

    .team-card {
        min-height: auto;
    }

    .hero-portrait-stage .hero-metrics {
        bottom: -214px;
        width: min(100%, 320px);
    }

    .hero-visual {
        min-height: 650px;
    }

    .hero-logo-mark-collage {
        display: none;
    }

    .hero-portrait-stage {
        margin-top: 96px;
    }

    .hero-portrait-stage::before {
        border-radius: 24px;
    }

    .hero-portrait-stage::after {
        inset: 28px 14px;
        border-radius: 18px;
    }

    .portrait-stage-badge {
        top: 30px;
        left: 18px;
        max-width: 205px;
        padding: 10px 12px;
    }

    .portrait-stage-badge strong {
        font-size: 0.78rem;
    }

    .portrait-study-note {
        display: none;
    }

    .portrait-tile figcaption {
        left: 8px;
        right: 8px;
        bottom: 12px;
        min-height: 30px;
        font-size: 0.62rem;
    }

    .portrait-tile-one {
        top: 92px;
        left: 12px;
        width: 41%;
        height: 43%;
    }

    .portrait-tile-two {
        top: 64px;
        left: 43%;
        width: 40%;
        height: 38%;
    }

    .portrait-tile-three {
        top: 172px;
        right: 12px;
        width: 43%;
        height: 41%;
    }

    .portrait-tile-four {
        left: 16%;
        bottom: 22px;
        width: 43%;
        height: 35%;
    }

    .hero-logo-mark-collage {
        right: 26px;
        top: 42px;
        width: 56px;
        height: 56px;
    }

    .cta-panel {
        align-items: stretch;
        flex-direction: column;
        padding: 26px;
    }

    .resources-band {
        width: min(100% - 24px, 1180px);
        margin: 34px auto;
        padding: 54px 18px;
        border-radius: 26px;
    }

    .article-showcase {
        width: min(100% - 24px, 1180px);
        margin: 34px auto;
        padding: 48px 18px;
        border-radius: 26px;
    }

    .section-market-visual {
        min-height: 150px;
    }
}

.user-reviews-section {
    isolation: isolate;
    overflow: hidden;
    width: min(1180px, calc(100% - 32px));
    margin: 56px auto;
    padding: 112px 0 122px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: var(--ict-radius-section);
    background:
        radial-gradient(circle at 12% 16%, rgba(0, 169, 157, 0.28), transparent 30%),
        radial-gradient(circle at 82% 18%, rgba(249, 115, 22, 0.2), transparent 28%),
        linear-gradient(145deg, #07111f 0%, #0d1729 42%, #111827 100%);
    color: #f8fafc;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.18);
}

.user-reviews-section::before {
    background:
        linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.07) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
}

.user-reviews-section::after {
    right: auto;
    bottom: auto;
    left: 50%;
    top: 52%;
    width: 860px;
    height: 280px;
    border: 1px solid rgba(45, 212, 191, 0.18);
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(29, 78, 216, 0.11), rgba(0, 169, 157, 0.12), transparent);
    filter: blur(1px);
    transform: translate(-50%, -50%) rotate(-8deg);
}

.user-reviews-section .modern-shell {
    width: min(1180px, calc(100% - 48px));
}

.reviews-orbit-header {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 38px;
}

.reviews-heading {
    max-width: 700px;
    margin-bottom: 0;
}

.reviews-heading p {
    color: #2dd4bf;
}

.reviews-heading h2 {
    color: #ffffff;
    text-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.reviews-orbit {
    position: relative;
    z-index: 2;
}

.reviews-orbit-stage {
    position: relative;
    height: 430px;
    perspective: 1200px;
}

.reviews-orbit-stage::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 38px;
    width: min(680px, 72vw);
    height: 86px;
    border-radius: 999px;
    background: radial-gradient(ellipse, rgba(45, 212, 191, 0.2), rgba(29, 78, 216, 0.08) 42%, transparent 72%);
    filter: blur(10px);
    transform: translateX(-50%);
}

.reviews-orbit .review-card {
    position: absolute;
    left: 50%;
    top: 26px;
    display: flex;
    flex-direction: column;
    width: min(560px, calc(100% - 28px));
    min-height: 330px;
    padding: 28px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.24), rgba(15, 31, 51, 0.11)),
        rgba(15, 23, 42, 0.1);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 -1px 0 rgba(255, 255, 255, 0.07),
        0 32px 78px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(10px) saturate(1.18);
    -webkit-backdrop-filter: blur(10px) saturate(1.18);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(-50%, 36px, -220px) rotateY(0deg) scale(0.72);
    transition:
        opacity 520ms ease,
        transform 680ms cubic-bezier(0.2, 0.82, 0.2, 1),
        filter 520ms ease,
        background 360ms ease,
        backdrop-filter 360ms ease,
        box-shadow 520ms ease,
        border-color 520ms ease;
    transform-style: preserve-3d;
}

.reviews-orbit .review-card::before {
    height: 3px;
    background: linear-gradient(90deg, #2dd4bf, #60a5fa, #fb923c);
}

.reviews-orbit .review-card::after {
    content: "";
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(120deg, rgba(45, 212, 191, 0.08), transparent 32%),
        linear-gradient(300deg, rgba(249, 115, 22, 0.07), transparent 34%);
    opacity: 0.52;
}

.reviews-orbit .review-card.is-active {
    z-index: 5;
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(-50%, 0, 70px) rotateY(0deg) scale(1);
    border-color: rgba(45, 212, 191, 0.44);
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.2), rgba(15, 31, 51, 0.1)),
        rgba(15, 23, 42, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -1px 0 rgba(255, 255, 255, 0.08),
        0 38px 92px rgba(0, 0, 0, 0.46),
        0 26px 64px rgba(45, 212, 191, 0.13);
    backdrop-filter: blur(8px) saturate(1.22);
    -webkit-backdrop-filter: blur(8px) saturate(1.22);
}

.reviews-orbit .review-card:hover {
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(15, 31, 51, 0.94)),
        #0f172a;
    backdrop-filter: blur(4px) saturate(1);
    -webkit-backdrop-filter: blur(4px) saturate(1);
    border-color: rgba(45, 212, 191, 0.52);
}

.reviews-orbit .review-card.is-prev {
    z-index: 3;
    opacity: 0.84;
    transform: translate3d(calc(-50% - 330px), 42px, -120px) rotateY(18deg) scale(0.84);
    filter: saturate(0.82) brightness(0.78);
}

.reviews-orbit .review-card.is-next {
    z-index: 3;
    opacity: 0.84;
    transform: translate3d(calc(-50% + 330px), 42px, -120px) rotateY(-18deg) scale(0.84);
    filter: saturate(0.82) brightness(0.78);
}

.reviews-orbit .review-card.is-before,
.reviews-orbit .review-card.is-after {
    z-index: 1;
    opacity: 0.2;
    transform: translate3d(-50%, 82px, -320px) scale(0.66);
    filter: blur(2px) brightness(0.62);
}

.review-score,
.review-stars {
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(251, 191, 36, 0.26);
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
    font-size: 0.84rem;
    font-weight: 950;
    letter-spacing: 0.02em;
}

.review-score-muted,
.review-stars-muted {
    border-color: rgba(251, 146, 60, 0.28);
    background: rgba(249, 115, 22, 0.11);
    color: #fdba74;
}

.reviews-orbit .review-meta {
    position: relative;
    z-index: 1;
    padding-right: 70px;
}

.reviews-orbit .review-meta h3 {
    color: #ffffff;
}

.reviews-orbit .review-meta span {
    color: rgba(203, 213, 225, 0.72);
}

.reviews-orbit .review-avatar {
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26);
}

.reviews-orbit .review-card p {
    position: relative;
    z-index: 1;
    color: rgba(241, 245, 249, 0.82);
    font-size: clamp(1rem, 1.25vw, 1.08rem);
    line-height: 1.7;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
}

.reviews-orbit .review-tags span {
    position: relative;
    z-index: 1;
    border-color: rgba(45, 212, 191, 0.2);
    background: rgba(15, 23, 42, 0.72);
    color: #99f6e4;
}

.reviews-orbit-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 18px;
}

.reviews-orbit-button {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #e2e8f0;
    font-size: 1.6rem;
    line-height: 1;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.reviews-orbit-button:hover {
    transform: translateY(-2px);
    border-color: rgba(45, 212, 191, 0.42);
    background: rgba(20, 184, 166, 0.18);
}

.reviews-orbit-dots {
    display: flex;
    align-items: center;
    gap: 4px;
}

.reviews-orbit-dot {
    position: relative;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
}

.reviews-orbit-dot::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.46);
    transition: width 220ms ease, background 220ms ease;
}

.reviews-orbit-dot.is-active::before {
    width: 28px;
    background: linear-gradient(90deg, #2dd4bf, #60a5fa);
}

.reviews-view-more {
    flex: 0 0 auto;
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(45, 212, 191, 0.28);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.48);
    color: #ccfbf1;
    font-size: 0.86rem;
    font-weight: 900;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(12px);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.reviews-view-more:hover {
    transform: translateY(-2px);
    border-color: rgba(45, 212, 191, 0.52);
    background: rgba(20, 184, 166, 0.16);
}

.detail-page {
    min-height: 100vh;
    color: var(--ict-text);
    background: transparent;
}

.detail-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.detail-hero {
    position: relative;
    overflow: hidden;
    padding: 34px 0 34px;
    border-radius: var(--ict-radius-section);
    background:
        linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 99, 235, 0.05) 1px, transparent 1px),
        linear-gradient(180deg, #eef8ff 0%, #ffffff 100%);
    background-size: 46px 46px, 46px 46px, auto;
}

.about-hero-grid > div:first-child,
.contact-hero-grid > div:first-child,
.disclosure-hero-grid > div:first-child,
.disclaimer-hero-grid > div:first-child,
.privacy-hero-grid > div:first-child {
    padding-left: clamp(24px, 3vw, 34px);
}

.detail-back-link {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #1d4ed8;
    font-size: 0.84rem;
    font-weight: 850;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.08);
}

.detail-hero p {
    margin-top: 0;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.detail-hero h1 {
    max-width: 840px;
    margin-top: 12px;
    color: #122033;
    font-size: clamp(2.25rem, 5vw, 4.65rem);
    font-weight: 950;
    line-height: 1.08;
    text-wrap: balance;
}

.detail-hero-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.detail-hero-metrics span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(0, 169, 157, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #334155;
    font-size: 0.82rem;
    font-weight: 850;
}

.team-detail-section {
    padding: 44px 0 104px;
}

.team-detail-page .detail-hero {
    padding-bottom: 18px;
}

.team-detail-page .detail-hero-metrics {
    margin-top: 14px;
}

.team-detail-page .team-detail-section {
    padding-top: 22px;
}

.review-board-intro {
    margin-bottom: 28px;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 247, 255, 0.9)),
        #ffffff;
    box-shadow: 0 24px 64px rgba(37, 99, 235, 0.1);
}

.review-board-intro p {
    max-width: 1000px;
    color: #334155;
    font-size: clamp(1.05rem, 1.6vw, 1.35rem);
    line-height: 1.72;
}

.review-board-intro strong {
    color: #122033;
    font-weight: 950;
}

.team-detail-grid {
    display: grid;
    gap: 24px;
}

.team-detail-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(240px, 0.42fr) minmax(0, 0.58fr);
    gap: clamp(24px, 4vw, 52px);
    align-items: center;
    overflow: hidden;
    padding: clamp(18px, 3vw, 34px);
    border: 1px solid rgba(37, 99, 235, 0.24);
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 247, 255, 0.9)),
        repeating-linear-gradient(-45deg, rgba(37, 99, 235, 0.055) 0 10px, transparent 10px 24px),
        #ffffff;
    box-shadow:
        0 34px 86px rgba(37, 99, 235, 0.18),
        0 18px 42px rgba(15, 23, 42, 0.08);
}

.team-detail-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(0, 169, 157, 0.16), transparent 28%),
        linear-gradient(300deg, rgba(249, 115, 22, 0.14), transparent 30%);
    pointer-events: none;
}

.team-detail-card::after {
    content: "";
    position: absolute;
    inset: 14px;
    z-index: 0;
    border: 1px dashed rgba(37, 99, 235, 0.24);
    border-radius: 22px;
    pointer-events: none;
}

.team-detail-card:nth-child(2) {
    border-color: rgba(0, 169, 157, 0.3);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(232, 255, 250, 0.9)),
        repeating-linear-gradient(-45deg, rgba(0, 169, 157, 0.06) 0 10px, transparent 10px 24px),
        #ffffff;
    box-shadow:
        0 34px 86px rgba(0, 169, 157, 0.18),
        0 18px 42px rgba(15, 23, 42, 0.08);
}

.team-detail-card:nth-child(3) {
    border-color: rgba(249, 115, 22, 0.32);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 245, 232, 0.9)),
        repeating-linear-gradient(-45deg, rgba(249, 115, 22, 0.06) 0 10px, transparent 10px 24px),
        #ffffff;
    box-shadow:
        0 34px 86px rgba(249, 115, 22, 0.16),
        0 18px 42px rgba(15, 23, 42, 0.08);
}

.team-detail-photo {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    overflow: hidden;
    min-height: 300px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.95), transparent 28%),
        linear-gradient(145deg, rgba(209, 250, 244, 0.86), rgba(224, 234, 255, 0.9));
}

.team-detail-photo img {
    width: min(92%, 330px);
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 24px 34px rgba(18, 32, 51, 0.18));
}

.team-detail-copy span {
    position: relative;
    z-index: 1;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.team-detail-copy h2 {
    position: relative;
    z-index: 1;
    margin-top: 12px;
    color: #122033;
    font-size: clamp(1.8rem, 3vw, 3rem);
    font-weight: 950;
}

.team-detail-copy p {
    position: relative;
    z-index: 1;
    margin-top: 16px;
    color: #53657a;
    font-size: 1.02rem;
    line-height: 1.75;
}

.team-detail-credentials {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 22px;
}

.team-detail-credentials strong {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid rgba(37, 99, 235, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    color: #122033;
    font-size: 0.86rem;
    font-weight: 900;
}

.team-detail-focus {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 22px;
}

.team-detail-focus em {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid rgba(0, 169, 157, 0.18);
    border-radius: 999px;
    background: #ffffff;
    color: #0f766e;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 850;
}

.team-profile-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 22px;
    padding: 0 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #00a99d, #2563eb 72%, #f97316);
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 950;
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.2);
}

.team-profile-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 42px rgba(37, 99, 235, 0.26);
}

.author-profile-page {
    overflow: hidden;
    background: transparent;
}

.author-profile-hero {
    padding: 42px 0 34px;
    border-radius: var(--ict-radius-section);
    background:
        radial-gradient(circle at 88% 10%, rgba(249, 115, 22, 0.12), transparent 30%),
        radial-gradient(circle at 14% 20%, rgba(0, 194, 184, 0.16), transparent 32%),
        linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.06) 1px, transparent 1px),
        linear-gradient(180deg, #f2fbff, #ffffff);
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
}

.author-profile-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: clamp(22px, 4vw, 42px);
    align-items: start;
}

.author-profile-main-card,
.author-article-card,
.author-empty-state {
    border: 1px solid rgba(37, 99, 235, 0.14);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 26px 72px rgba(15, 23, 42, 0.1);
    backdrop-filter: blur(16px);
}

.author-profile-main-card {
    padding: clamp(22px, 3.5vw, 38px);
    border-radius: 32px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 249, 255, 0.9)),
        repeating-linear-gradient(-45deg, rgba(37, 99, 235, 0.045) 0 10px, transparent 10px 22px);
}

.author-profile-intro {
    display: flex;
    gap: clamp(18px, 3vw, 32px);
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(37, 99, 235, 0.12);
}

.author-profile-photo {
    overflow: hidden;
    width: clamp(136px, 18vw, 190px);
    flex: 0 0 auto;
    aspect-ratio: 1;
    border: 1px solid rgba(0, 169, 157, 0.24);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 22%, rgba(255, 255, 255, 0.96), transparent 36%),
        linear-gradient(145deg, rgba(209, 250, 244, 0.86), rgba(224, 234, 255, 0.9));
    box-shadow: 0 28px 64px rgba(37, 99, 235, 0.14);
}

.author-profile-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-focus-card {
    overflow: hidden;
    margin-top: 22px;
    padding: 16px;
    border: 1px solid rgba(37, 99, 235, 0.13);
    border-radius: 20px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(236, 253, 245, 0.72)),
        rgba(255, 255, 255, 0.74);
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.08);
}

.author-focus-card p {
    color: #00796f;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.author-focus-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 12px;
}

.author-focus-list span {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 36px;
    padding: 8px 11px;
    border: 1px solid rgba(0, 169, 157, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.76);
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 850;
}

.author-focus-list em {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(0, 169, 157, 0.1);
    color: #0f766e;
    font-style: normal;
    line-height: 1;
}

.author-focus-icon svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.author-profile-title > p,
.author-profile-side-card > p,
.author-articles-heading p {
    color: #00796f;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.author-profile-title {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
}

.author-profile-title h1 {
    margin-top: 10px;
    color: var(--ict-ink);
    max-width: 100%;
    font-size: clamp(2.25rem, 4.9vw, 4.35rem);
    font-weight: 950;
    line-height: 1;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.author-profile-title > span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    margin-top: 14px;
    padding: 0 13px;
    border: 1px solid rgba(0, 169, 157, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #0f766e;
    font-size: 0.82rem;
    font-weight: 900;
    max-width: 100%;
    white-space: normal;
}

.author-profile-bio {
    margin-top: 24px;
}

.author-profile-bio p {
    margin: 0;
    color: #41536a;
    font-size: 1.04rem;
    line-height: 1.85;
}

.author-profile-bio p + p {
    margin-top: 16px;
}

.author-profile-bio em {
    color: #00796f;
    font-style: normal;
    font-weight: 820;
}

.author-profile-side-card {
    position: sticky;
    top: 118px;
    padding: 4px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.author-profile-side-card h2 {
    margin-top: 8px;
    color: #122033;
    font-size: 1.25rem;
    font-weight: 950;
}

.author-social-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.author-social-link {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 14px 10px 16px;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.78);
    color: #122033;
    font-size: 0.82rem;
    text-align: center;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.author-social-link:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 169, 157, 0.34);
    box-shadow: 0 16px 32px rgba(0, 169, 157, 0.12);
}

.author-social-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(37, 99, 235, 0.08);
    color: #2563eb;
}

.author-social-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.author-social-linkedin .author-social-icon { color: #0a66c2; background: rgba(10, 102, 194, 0.1); }
.author-social-x .author-social-icon,
.author-social-twitter .author-social-icon { color: #0f172a; background: rgba(15, 23, 42, 0.08); }
.author-social-reddit .author-social-icon { color: #ff4500; background: rgba(255, 69, 0, 0.1); }
.author-social-medium .author-social-icon { color: #111827; background: rgba(17, 24, 39, 0.08); }
.author-social-quora .author-social-icon { color: #b92b27; background: rgba(185, 43, 39, 0.1); }
.author-social-tradingview .author-social-icon { color: #2563eb; background: rgba(37, 99, 235, 0.1); }

.author-social-tradingview .author-social-icon svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.7;
}

.author-social-link strong {
    font-weight: 900;
}

.author-social-empty {
    display: block;
    margin-top: 16px;
    color: #64748b;
    line-height: 1.6;
}

.author-profile-stats {
    display: grid;
    gap: 10px;
    margin-top: 22px;
}

.author-profile-stats span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 169, 157, 0.16);
    border-radius: 16px;
    background: rgba(236, 253, 245, 0.6);
    color: #53657a;
    font-size: 0.82rem;
    font-weight: 800;
}

.author-profile-stats strong {
    color: #122033;
    font-size: 1rem;
    font-weight: 950;
}

.author-articles-section {
    padding: 40px 0 96px;
}

.author-articles-heading {
    margin-bottom: 22px;
}

.author-articles-heading h2 {
    margin-top: 8px;
    color: #122033;
    font-size: clamp(1.9rem, 3.6vw, 3.4rem);
    font-weight: 950;
    line-height: 1.08;
}

.author-article-list {
    display: grid;
    gap: 20px;
}

.author-article-card {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    height: 260px;
    overflow: hidden;
    border-radius: 26px;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.author-article-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 169, 157, 0.28);
    box-shadow: 0 30px 78px rgba(37, 99, 235, 0.14);
}

.author-article-image {
    display: block;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: #dff1ff;
}

.author-article-image img,
.author-article-image .blog-image-placeholder {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    transition: transform 240ms ease, filter 240ms ease;
}

.author-article-card:hover .author-article-image img {
    filter: saturate(1.08) contrast(1.04);
    transform: scale(1.04);
}

.author-article-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(20px, 3vw, 30px);
}

.author-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 850;
}

.author-article-meta a {
    color: #0f766e;
}

.author-article-copy h3 {
    margin-top: 12px;
    color: #122033;
    font-size: clamp(1.18rem, 2.1vw, 1.7rem);
    font-weight: 950;
    line-height: 1.24;
}

.author-article-copy h3 a {
    color: inherit;
}

.author-article-copy h3 a:hover {
    color: #2563eb;
}

.author-article-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    color: #53657a;
    line-height: 1.72;
}

.author-empty-state {
    padding: 30px;
    border-radius: 24px;
}

.author-empty-state h3 {
    color: #122033;
    font-size: 1.4rem;
    font-weight: 950;
}

.author-empty-state p {
    margin-top: 8px;
    color: #53657a;
}

.about-hero {
    background:
        radial-gradient(circle at 82% 22%, rgba(0, 194, 184, 0.18), transparent 30%),
        radial-gradient(circle at 16% 82%, rgba(249, 115, 22, 0.12), transparent 34%),
        linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.06) 1px, transparent 1px),
        #f7fcff;
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
}

.about-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.62fr) minmax(280px, 0.38fr);
    gap: clamp(26px, 5vw, 70px);
    align-items: center;
}

.about-hero-visual {
    position: relative;
    min-height: 280px;
}

.about-chart-card {
    position: absolute;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 26px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(231, 246, 255, 0.7)),
        repeating-linear-gradient(-45deg, rgba(29, 78, 216, 0.06) 0 10px, transparent 10px 22px);
    box-shadow: 0 24px 48px rgba(29, 78, 216, 0.16);
}

.about-chart-card::before {
    content: "";
    position: absolute;
    inset: 28px;
    border-left: 5px solid #3558ae;
    border-bottom: 5px solid #3558ae;
    border-radius: 0 0 0 10px;
}

.about-chart-card::after {
    content: "";
    position: absolute;
    inset: 54px 44px 54px 52px;
    border-radius: 18px;
    background:
        linear-gradient(135deg, transparent 0 18%, #00c2b8 18% 23%, transparent 23% 42%, #1d4ed8 42% 48%, transparent 48% 70%, var(--ict-orange) 70% 76%, transparent 76%);
    opacity: 0.9;
}

.about-chart-card-one {
    inset: 18px 74px auto auto;
    width: 260px;
    height: 190px;
    transform: rotate(5deg);
}

.about-chart-card-two {
    inset: 84px auto auto 10px;
    width: 230px;
    height: 168px;
    transform: rotate(-8deg);
}

.about-chart-card-three {
    right: 18px;
    bottom: 0;
    width: 190px;
    height: 138px;
    border-color: rgba(249, 115, 22, 0.24);
    transform: rotate(11deg);
}

.about-content-section {
    overflow: hidden;
    padding: 40px 0 104px;
    border-radius: var(--ict-radius-section);
    background:
        linear-gradient(180deg, rgba(222, 241, 255, 0.82), rgba(255, 255, 255, 0.96) 42%),
        #ffffff;
}

.about-content-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: clamp(24px, 4vw, 44px);
    align-items: start;
}

.about-story {
    display: grid;
    gap: 24px;
}

.about-lead-card,
.about-text-block,
.about-mission-card,
.about-sidebar-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 249, 255, 0.88)),
        #ffffff;
    box-shadow: 0 22px 48px rgba(29, 78, 216, 0.1);
}

.about-lead-card,
.about-text-block,
.about-mission-card {
    padding: clamp(24px, 3vw, 34px);
}

.about-lead-card::before,
.about-mission-card::before,
.about-sidebar-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.04) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}

.about-lead-card span,
.about-sidebar-card > p {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-bottom: 14px;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.about-story h2,
.about-sidebar-card h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    color: #122033;
    font-weight: 950;
    line-height: 1.08;
}

.about-story h2 {
    font-size: clamp(1.55rem, 2.4vw, 2.15rem);
}

.about-sidebar-card h2 {
    font-size: 1.55rem;
}

.about-story p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #42566f;
    font-size: 1.04rem;
    line-height: 1.78;
}

.about-story p + p {
    margin-top: 18px;
}

.about-offer-list {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0;
    padding: 0;
    list-style: none;
}

.about-offer-list li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: center;
    min-height: 64px;
    padding: 14px;
    border: 1px solid rgba(0, 169, 157, 0.15);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    color: #122033;
    font-weight: 850;
}

.about-offer-list span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient(135deg, #00c2b8, #1d4ed8);
    font-size: 0.74rem;
    font-weight: 950;
}

.about-mission-card {
    border-color: rgba(0, 169, 157, 0.2);
    background:
        linear-gradient(135deg, rgba(7, 22, 36, 0.96), rgba(11, 19, 36, 0.94)),
        #0b1324;
}

.about-mission-card h2,
.about-mission-card p {
    color: #ffffff;
}

.about-mission-card p {
    color: rgba(226, 232, 240, 0.82);
}

.about-mission-card blockquote {
    position: relative;
    z-index: 1;
    margin: 24px 0;
    padding: 20px 22px;
    border-left: 4px solid #2dd4bf;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
    color: #ccfbf1;
    font-size: clamp(1.18rem, 2vw, 1.55rem);
    font-weight: 900;
    line-height: 1.35;
}

.about-articles-sidebar {
    position: sticky;
    top: 120px;
}

.about-sidebar-card {
    padding: 24px;
}

.about-sidebar-links {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.about-sidebar-links a {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: start;
    padding: 16px 0;
    border-top: 1px solid rgba(18, 32, 51, 0.1);
    color: #122033;
    transition: color 180ms ease, transform 180ms ease;
}

.about-sidebar-links a:hover {
    color: #0f766e;
    transform: translateX(3px);
}

.about-sidebar-links span {
    color: rgba(0, 122, 115, 0.74);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
}

.about-sidebar-links strong {
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.36;
}

.contact-hero {
    background:
        radial-gradient(circle at 78% 24%, rgba(249, 115, 22, 0.14), transparent 32%),
        radial-gradient(circle at 18% 84%, rgba(0, 194, 184, 0.16), transparent 34%),
        linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.055) 1px, transparent 1px),
        #f8fcff;
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
}

.contact-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.62fr) minmax(280px, 0.38fr);
    gap: clamp(26px, 5vw, 70px);
    align-items: center;
}

.contact-hero-visual {
    position: relative;
    min-height: 280px;
}

.contact-message-card {
    position: absolute;
    inset: 22px 24px 20px 12px;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(232, 248, 255, 0.78)),
        repeating-linear-gradient(-45deg, rgba(29, 78, 216, 0.06) 0 10px, transparent 10px 24px);
    box-shadow: 0 30px 64px rgba(29, 78, 216, 0.16);
}

.contact-message-card::before {
    content: "";
    position: absolute;
    inset: 44px 34px auto;
    height: 44px;
    border-radius: 18px;
    background: linear-gradient(135deg, #00c2b8, #1d4ed8);
    box-shadow:
        0 70px 0 rgba(15, 118, 110, 0.16),
        0 138px 0 rgba(249, 115, 22, 0.14);
}

.contact-message-card::after {
    content: "";
    position: absolute;
    right: 48px;
    bottom: 42px;
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.42)),
        linear-gradient(135deg, #00c2b8, #1d4ed8);
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.12);
}

.contact-message-card span,
.contact-message-card strong,
.contact-message-card em {
    position: absolute;
    left: 38px;
    height: 10px;
    border-radius: 999px;
    background: rgba(18, 32, 51, 0.12);
}

.contact-message-card span {
    top: 124px;
    width: 68%;
}

.contact-message-card strong {
    top: 154px;
    width: 54%;
}

.contact-message-card em {
    top: 184px;
    width: 42%;
}

.contact-content-section {
    overflow: hidden;
    padding: 40px 0 104px;
    border-radius: var(--ict-radius-section);
    background:
        linear-gradient(180deg, rgba(222, 241, 255, 0.82), rgba(255, 255, 255, 0.96) 42%),
        #ffffff;
}

.contact-content-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: clamp(24px, 4vw, 44px);
    align-items: start;
}

.contact-intro-card,
.contact-method-card,
.contact-response-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 249, 255, 0.88)),
        #ffffff;
    box-shadow: 0 22px 48px rgba(29, 78, 216, 0.1);
}

.contact-intro-card {
    grid-column: 1 / -1;
    padding: clamp(24px, 3vw, 34px);
}

.contact-intro-card::before,
.contact-response-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.04) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}

.contact-intro-card > span,
.contact-method-card p,
.contact-response-panel p {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-bottom: 14px;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contact-intro-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #42566f;
    font-size: 1.08rem;
    line-height: 1.78;
}

.contact-method-grid {
    display: grid;
    gap: 20px;
}

.contact-method-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    padding: clamp(22px, 3vw, 30px);
}

.contact-method-card-accent {
    border-color: rgba(249, 115, 22, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 246, 234, 0.9)),
        #ffffff;
}

.contact-method-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 20px;
    color: #ffffff;
    background: linear-gradient(135deg, #00c2b8, #1d4ed8);
    box-shadow: 0 18px 32px rgba(29, 78, 216, 0.18);
}

.contact-method-card-accent .contact-method-icon {
    background: linear-gradient(135deg, var(--ict-orange), #1d4ed8);
}

.contact-method-icon svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.contact-method-card h2 {
    margin: 0 0 12px;
    color: #122033;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    font-weight: 950;
    line-height: 1.12;
}

.contact-method-card span,
.contact-response-panel span {
    display: block;
    color: #53657a;
    line-height: 1.72;
}

.contact-method-card a {
    display: inline-flex;
    margin-top: 18px;
    color: #0f766e;
    font-size: clamp(1.05rem, 1.5vw, 1.25rem);
    font-weight: 950;
    word-break: break-word;
}

.contact-response-panel {
    position: sticky;
    top: 120px;
    padding: 26px;
}

.contact-response-panel h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    color: #122033;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 950;
}

.contact-response-panel span,
.contact-response-panel blockquote {
    position: relative;
    z-index: 1;
}

.contact-response-panel blockquote {
    margin: 24px 0 0;
    padding: 18px 20px;
    border-left: 4px solid #2dd4bf;
    border-radius: 18px;
    background: rgba(0, 169, 157, 0.08);
    color: #122033;
    font-size: 1.05rem;
    line-height: 1.6;
}

.contact-response-panel strong {
    font-weight: 950;
}

.disclosure-hero {
    background:
        radial-gradient(circle at 80% 20%, rgba(249, 115, 22, 0.16), transparent 32%),
        radial-gradient(circle at 18% 84%, rgba(0, 194, 184, 0.14), transparent 34%),
        linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.055) 1px, transparent 1px),
        #f8fcff;
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
}

.disclosure-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.62fr) minmax(280px, 0.38fr);
    gap: clamp(26px, 5vw, 70px);
    align-items: center;
}

.disclosure-visual {
    position: relative;
    min-height: 280px;
}

.disclosure-link-card {
    position: absolute;
    inset: 22px 24px 20px 12px;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 246, 234, 0.82)),
        repeating-linear-gradient(-45deg, rgba(249, 115, 22, 0.06) 0 10px, transparent 10px 24px);
    box-shadow: 0 30px 64px rgba(249, 115, 22, 0.14);
}

.disclosure-link-card::before {
    content: "";
    position: absolute;
    inset: 50px 38px auto;
    height: 48px;
    border-radius: 999px;
    background: linear-gradient(135deg, #00c2b8, #1d4ed8);
    box-shadow:
        0 72px 0 rgba(249, 115, 22, 0.18),
        0 144px 0 rgba(15, 118, 110, 0.14);
}

.disclosure-link-card::after {
    content: "";
    position: absolute;
    right: 54px;
    top: 92px;
    width: 92px;
    height: 92px;
    border: 10px solid rgba(255, 255, 255, 0.7);
    border-radius: 32px;
    transform: rotate(12deg);
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.12);
}

.disclosure-link-card span,
.disclosure-link-card strong,
.disclosure-link-card em {
    position: absolute;
    left: 42px;
    width: 88px;
    height: 88px;
    border: 10px solid rgba(53, 88, 174, 0.72);
    border-radius: 32px;
    transform: rotate(-12deg);
}

.disclosure-link-card span {
    top: 116px;
}

.disclosure-link-card strong {
    top: 138px;
    left: 118px;
    border-color: rgba(0, 194, 184, 0.72);
}

.disclosure-link-card em {
    top: 160px;
    left: 194px;
    border-color: rgba(249, 115, 22, 0.72);
}

.disclosure-content-section {
    overflow: hidden;
    padding: 40px 0 104px;
    border-radius: var(--ict-radius-section);
    background:
        linear-gradient(180deg, rgba(255, 239, 222, 0.66), rgba(255, 255, 255, 0.96) 42%),
        #ffffff;
}

.disclosure-content-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: clamp(24px, 4vw, 44px);
    align-items: start;
}

.disclosure-main-card,
.disclosure-info-card,
.disclosure-note-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 247, 238, 0.88)),
        #ffffff;
    box-shadow: 0 22px 48px rgba(249, 115, 22, 0.09);
}

.disclosure-main-card {
    grid-column: 1 / -1;
    padding: clamp(24px, 3vw, 34px);
}

.disclosure-main-card::before,
.disclosure-note-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(249, 115, 22, 0.04) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}

.disclosure-main-card > span,
.disclosure-info-card p,
.disclosure-note-panel p {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-bottom: 14px;
    color: #c2410c;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.disclosure-main-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #42566f;
    font-size: 1.08rem;
    line-height: 1.78;
}

.disclosure-card-grid {
    display: grid;
    gap: 20px;
}

.disclosure-info-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    padding: clamp(22px, 3vw, 30px);
}

.disclosure-info-card-accent {
    border-color: rgba(0, 169, 157, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(235, 255, 251, 0.9)),
        #ffffff;
}

.disclosure-info-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 20px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--ict-orange), #1d4ed8);
    box-shadow: 0 18px 32px rgba(249, 115, 22, 0.18);
}

.disclosure-info-card-accent .disclosure-info-icon {
    background: linear-gradient(135deg, #00c2b8, #1d4ed8);
}

.disclosure-info-icon svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.disclosure-info-card h2 {
    margin: 0 0 12px;
    color: #122033;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    font-weight: 950;
    line-height: 1.12;
}

.disclosure-info-card span,
.disclosure-note-panel span {
    display: block;
    color: #53657a;
    line-height: 1.72;
}

.disclosure-policy-stack {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.disclosure-policy-card {
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 3vw, 30px);
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(240, 250, 255, 0.9)),
        #ffffff;
    box-shadow: 0 22px 48px rgba(29, 78, 216, 0.08);
}

.disclosure-policy-card-wide {
    grid-column: 1 / -1;
}

.disclosure-policy-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}

.disclosure-policy-card p {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-bottom: 14px;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.disclosure-policy-card h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    color: #122033;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    font-weight: 950;
    line-height: 1.12;
}

.disclosure-policy-card span {
    position: relative;
    z-index: 1;
    display: block;
    color: #53657a;
    line-height: 1.72;
}

.disclosure-policy-card-dark {
    border-color: rgba(0, 169, 157, 0.2);
    background:
        linear-gradient(135deg, rgba(7, 22, 36, 0.96), rgba(11, 19, 36, 0.94)),
        #0b1324;
}

.disclosure-policy-card-dark p {
    color: #2dd4bf;
}

.disclosure-policy-card-dark h2,
.disclosure-policy-card-dark span {
    color: #ffffff;
}

.disclosure-policy-card-dark span {
    color: rgba(226, 232, 240, 0.82);
}

.disclosure-note-panel {
    position: sticky;
    top: 120px;
    padding: 26px;
}

.disclosure-note-panel h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    color: #122033;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 950;
}

.disclosure-note-panel span {
    position: relative;
    z-index: 1;
}

.disclaimer-hero {
    background:
        radial-gradient(circle at 80% 20%, rgba(239, 68, 68, 0.11), transparent 32%),
        radial-gradient(circle at 18% 84%, rgba(0, 194, 184, 0.14), transparent 34%),
        linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.055) 1px, transparent 1px),
        #f8fcff;
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
}

.disclaimer-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.62fr) minmax(280px, 0.38fr);
    gap: clamp(26px, 5vw, 70px);
    align-items: center;
}

.disclaimer-visual {
    position: relative;
    min-height: 280px;
}

.disclaimer-risk-card {
    position: absolute;
    inset: 22px 24px 20px 12px;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(239, 249, 255, 0.8)),
        repeating-linear-gradient(-45deg, rgba(29, 78, 216, 0.06) 0 10px, transparent 10px 24px);
    box-shadow: 0 30px 64px rgba(29, 78, 216, 0.14);
}

.disclaimer-risk-card::before {
    content: "";
    position: absolute;
    inset: 42px 52px auto;
    height: 142px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background: linear-gradient(135deg, var(--ict-orange), #1d4ed8);
    opacity: 0.94;
}

.disclaimer-risk-card::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 88px;
    width: 10px;
    height: 54px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 66px 0 #ffffff;
    transform: translateX(-50%);
}

.disclaimer-risk-card span,
.disclaimer-risk-card strong,
.disclaimer-risk-card em {
    position: absolute;
    right: 34px;
    left: 34px;
    height: 10px;
    border-radius: 999px;
    background: rgba(18, 32, 51, 0.12);
}

.disclaimer-risk-card span {
    bottom: 64px;
}

.disclaimer-risk-card strong {
    bottom: 42px;
    right: 82px;
}

.disclaimer-risk-card em {
    bottom: 20px;
    right: 132px;
}

.disclaimer-content-section {
    overflow: hidden;
    padding: 40px 0 104px;
    border-radius: var(--ict-radius-section);
    background:
        linear-gradient(180deg, rgba(222, 241, 255, 0.72), rgba(255, 255, 255, 0.96) 42%),
        #ffffff;
}

.disclaimer-content-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: clamp(24px, 4vw, 44px);
    align-items: start;
}

.disclaimer-main-card,
.disclaimer-info-card,
.disclaimer-policy-card,
.disclaimer-note-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 249, 255, 0.88)),
        #ffffff;
    box-shadow: 0 22px 48px rgba(29, 78, 216, 0.09);
}

.disclaimer-main-card {
    grid-column: 1 / -1;
    padding: clamp(24px, 3vw, 34px);
}

.disclaimer-main-card::before,
.disclaimer-policy-card::before,
.disclaimer-note-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}

.disclaimer-main-card > span,
.disclaimer-info-card p,
.disclaimer-policy-card p,
.disclaimer-note-panel p {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-bottom: 14px;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.disclaimer-main-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #42566f;
    font-size: 1.08rem;
    line-height: 1.78;
}

.disclaimer-card-grid,
.disclaimer-policy-stack {
    display: grid;
    gap: 20px;
}

.disclaimer-info-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    padding: clamp(22px, 3vw, 30px);
}

.disclaimer-info-card-accent {
    border-color: rgba(249, 115, 22, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 246, 234, 0.9)),
        #ffffff;
}

.disclaimer-info-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 20px;
    color: #ffffff;
    background: linear-gradient(135deg, #00c2b8, #1d4ed8);
    box-shadow: 0 18px 32px rgba(29, 78, 216, 0.18);
}

.disclaimer-info-card-accent .disclaimer-info-icon {
    background: linear-gradient(135deg, var(--ict-orange), #1d4ed8);
}

.disclaimer-info-icon svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.disclaimer-info-card h2,
.disclaimer-policy-card h2,
.disclaimer-note-panel h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    color: #122033;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    font-weight: 950;
    line-height: 1.12;
}

.disclaimer-info-card span,
.disclaimer-policy-card span,
.disclaimer-note-panel span {
    position: relative;
    z-index: 1;
    display: block;
    color: #53657a;
    line-height: 1.72;
}

.disclaimer-policy-stack {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.disclaimer-policy-card {
    padding: clamp(22px, 3vw, 30px);
}

.disclaimer-policy-card-dark {
    border-color: rgba(0, 169, 157, 0.2);
    background:
        linear-gradient(135deg, rgba(7, 22, 36, 0.96), rgba(11, 19, 36, 0.94)),
        #0b1324;
}

.disclaimer-policy-card-dark p {
    color: #2dd4bf;
}

.disclaimer-policy-card-dark h2,
.disclaimer-policy-card-dark span {
    color: #ffffff;
}

.disclaimer-policy-card-dark span {
    color: rgba(226, 232, 240, 0.82);
}

.disclaimer-note-panel {
    position: sticky;
    top: 120px;
    padding: 26px;
}

.privacy-hero {
    background:
        radial-gradient(circle at 80% 20%, rgba(0, 194, 184, 0.16), transparent 32%),
        radial-gradient(circle at 18% 84%, rgba(29, 78, 216, 0.14), transparent 34%),
        linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.055) 1px, transparent 1px),
        #f8fcff;
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
}

.privacy-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.62fr) minmax(280px, 0.38fr);
    gap: clamp(26px, 5vw, 70px);
    align-items: center;
}

.privacy-visual {
    position: relative;
    min-height: 280px;
}

.privacy-lock-card {
    position: absolute;
    inset: 22px 24px 20px 12px;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(232, 255, 250, 0.8)),
        repeating-linear-gradient(-45deg, rgba(0, 169, 157, 0.06) 0 10px, transparent 10px 24px);
    box-shadow: 0 30px 64px rgba(0, 169, 157, 0.14);
}

.privacy-lock-card::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 54px;
    width: 120px;
    height: 92px;
    border: 14px solid #1d4ed8;
    border-bottom: 0;
    border-radius: 54px 54px 0 0;
    transform: translateX(-50%);
}

.privacy-lock-card::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 118px;
    width: 180px;
    height: 118px;
    border-radius: 30px;
    background: linear-gradient(135deg, #00c2b8, #1d4ed8);
    box-shadow: 0 20px 38px rgba(29, 78, 216, 0.18);
    transform: translateX(-50%);
}

.privacy-lock-card span,
.privacy-lock-card strong,
.privacy-lock-card em {
    position: absolute;
    z-index: 1;
    left: 50%;
    border-radius: 999px;
    background: #ffffff;
    transform: translateX(-50%);
}

.privacy-lock-card span {
    top: 154px;
    width: 18px;
    height: 18px;
}

.privacy-lock-card strong {
    top: 172px;
    width: 10px;
    height: 42px;
}

.privacy-lock-card em {
    right: 32px;
    bottom: 28px;
    left: auto;
    width: 90px;
    height: 10px;
    opacity: 0.7;
    transform: none;
}

.privacy-content-section {
    overflow: hidden;
    padding: 40px 0 104px;
    border-radius: var(--ict-radius-section);
    background:
        linear-gradient(180deg, rgba(222, 241, 255, 0.72), rgba(255, 255, 255, 0.96) 42%),
        #ffffff;
}

.privacy-content-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: clamp(24px, 4vw, 44px);
    align-items: start;
}

.privacy-main-card,
.privacy-info-card,
.privacy-policy-card,
.privacy-note-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: var(--ict-radius-card);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 249, 255, 0.88)),
        #ffffff;
    box-shadow: 0 22px 48px rgba(29, 78, 216, 0.09);
}

.privacy-main-card {
    grid-column: 1 / -1;
    padding: clamp(24px, 3vw, 34px);
}

.privacy-main-card::before,
.privacy-policy-card::before,
.privacy-note-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}

.privacy-main-card > span,
.privacy-info-card p,
.privacy-policy-card p,
.privacy-note-panel p {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-bottom: 14px;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.privacy-main-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #42566f;
    font-size: 1.08rem;
    line-height: 1.78;
}

.privacy-card-grid,
.privacy-policy-stack {
    display: grid;
    gap: 20px;
}

.privacy-info-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    padding: clamp(22px, 3vw, 30px);
}

.privacy-info-card-accent {
    border-color: rgba(0, 169, 157, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(235, 255, 251, 0.9)),
        #ffffff;
}

.privacy-info-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 20px;
    color: #ffffff;
    background: linear-gradient(135deg, #00c2b8, #1d4ed8);
    box-shadow: 0 18px 32px rgba(29, 78, 216, 0.18);
}

.privacy-info-card-accent .privacy-info-icon {
    background: linear-gradient(135deg, var(--ict-orange), #1d4ed8);
}

.privacy-info-icon svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.privacy-info-card h2,
.privacy-policy-card h2,
.privacy-note-panel h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    color: #122033;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    font-weight: 950;
    line-height: 1.12;
}

.privacy-info-card span,
.privacy-policy-card span,
.privacy-note-panel span {
    position: relative;
    z-index: 1;
    display: block;
    color: #53657a;
    line-height: 1.72;
}

.privacy-use-list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.privacy-use-list li {
    position: relative;
    padding-left: 24px;
    color: #53657a;
    line-height: 1.55;
}

.privacy-use-list li::before {
    content: "";
    position: absolute;
    top: 0.65em;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: linear-gradient(135deg, #00c2b8, #1d4ed8);
}

.privacy-policy-stack {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.privacy-policy-card {
    padding: clamp(22px, 3vw, 30px);
}

.privacy-cookie-card {
    grid-column: 1 / -1;
}

.privacy-policy-card-dark {
    border-color: rgba(0, 169, 157, 0.2);
    background:
        linear-gradient(135deg, rgba(7, 22, 36, 0.96), rgba(11, 19, 36, 0.94)),
        #0b1324;
}

.privacy-policy-card-dark p {
    color: #2dd4bf;
}

.privacy-policy-card-dark h2,
.privacy-policy-card-dark span {
    color: #ffffff;
}

.privacy-policy-card-dark span {
    color: rgba(226, 232, 240, 0.82);
}

.privacy-note-panel {
    position: sticky;
    top: 120px;
    padding: 26px;
}

.privacy-note-panel a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-top: 18px;
    color: #0f766e;
    font-weight: 950;
    word-break: break-word;
}

.reviews-detail-page {
    background:
        radial-gradient(circle at 18% 16%, rgba(0, 169, 157, 0.25), transparent 32%),
        radial-gradient(circle at 84% 12%, rgba(249, 115, 22, 0.16), transparent 28%),
        linear-gradient(145deg, #07111f 0%, #0d1729 44%, #111827 100%);
    color: #e2e8f0;
}

.reviews-detail-hero {
    background:
        linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.07) 1px, transparent 1px),
        transparent;
    background-size: 48px 48px;
}

.reviews-detail-hero h1 {
    color: #ffffff;
}

.reviews-detail-hero .detail-back-link,
.reviews-detail-hero .detail-hero-metrics span {
    border-color: rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.62);
    color: #ccfbf1;
}

.reviews-directory-section {
    padding: 42px 0 104px;
}

.reviews-directory-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
    gap: 28px;
    align-items: start;
}

.reviews-directory-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.review-directory-card,
.review-submit-panel {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.72), rgba(15, 31, 51, 0.52)),
        rgba(15, 23, 42, 0.46);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 24px 62px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(16px);
}

.review-directory-card {
    padding: 22px;
}

.review-directory-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.review-directory-top img {
    width: 58px;
    height: 58px;
    border: 2px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    object-fit: cover;
}

.review-directory-top h2 {
    color: #ffffff;
    font-size: 1.08rem;
    font-weight: 950;
}

.review-directory-top span {
    display: block;
    margin-top: 4px;
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.78rem;
    font-weight: 800;
}

.review-directory-stars {
    margin-top: 16px;
    color: #fde68a;
    font-size: 1rem;
}

.review-directory-stars .is-empty {
    color: rgba(253, 230, 138, 0.42);
}

.review-directory-card p {
    margin-top: 12px;
    color: rgba(241, 245, 249, 0.82);
    line-height: 1.68;
}

.review-directory-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 16px;
}

.review-directory-tags em {
    padding: 6px 9px;
    border: 1px solid rgba(45, 212, 191, 0.18);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #99f6e4;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 850;
}

.review-submit-panel {
    position: sticky;
    top: 112px;
    padding: 24px;
}

.review-submit-panel > div p {
    color: #2dd4bf;
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.review-submit-panel h2 {
    margin-top: 8px;
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 950;
}

.review-submit-panel > div span {
    display: block;
    margin-top: 8px;
    color: rgba(203, 213, 225, 0.72);
    line-height: 1.5;
}

.review-submit-form {
    display: grid;
    gap: 14px;
    margin-top: 22px;
}

.review-submit-form label span {
    display: block;
    margin-bottom: 7px;
    color: rgba(226, 232, 240, 0.86);
    font-size: 0.78rem;
    font-weight: 850;
}

.review-submit-form input,
.review-submit-form select,
.review-submit-form textarea {
    width: 100%;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 14px;
    background: rgba(2, 6, 23, 0.42);
    color: #ffffff;
    padding: 12px 13px;
    outline: none;
}

.review-submit-form textarea {
    resize: vertical;
}

.review-submit-form input:focus,
.review-submit-form select:focus,
.review-submit-form textarea:focus {
    border-color: rgba(45, 212, 191, 0.58);
    box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.12);
}

.review-submit-form small {
    display: block;
    margin-top: 6px;
    color: #fca5a5;
    font-size: 0.75rem;
}

.review-submit-form button {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #2dd4bf, #2563eb 68%, #f97316);
    color: #ffffff;
    font-weight: 950;
    box-shadow: 0 18px 38px rgba(37, 99, 235, 0.26);
}

.blog-index-page {
    overflow: hidden;
}

.blog-index-hero {
    position: relative;
    padding: 72px 0 58px;
    background:
        radial-gradient(circle at 78% 12%, rgba(249, 115, 22, 0.12), transparent 28%),
        radial-gradient(circle at 18% 82%, rgba(0, 194, 184, 0.18), transparent 32%),
        linear-gradient(rgba(25, 87, 132, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(25, 87, 132, 0.06) 1px, transparent 1px),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(219, 238, 255, 0.82));
    background-size: auto, auto, 44px 44px, 44px 44px, auto;
}

.blog-index-hero::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -120px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(0, 169, 157, 0.22);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 169, 157, 0.1), transparent 64%);
}

.blog-index-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
    gap: clamp(24px, 4vw, 56px);
    align-items: end;
}

.blog-index-hero p,
.blog-sidebar-card p {
    margin: 0 0 12px;
    color: #00796f;
    font-size: 0.75rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.blog-index-hero h1 {
    max-width: 880px;
    margin: 0;
    color: var(--ict-ink);
    font-size: clamp(3.15rem, 5.8vw, 5.7rem);
    font-weight: 950;
    line-height: 1.08;
    text-wrap: balance;
}

.blog-index-hero span {
    display: block;
    max-width: 680px;
    margin-top: 22px;
    color: #53657a;
    font-size: 1.04rem;
    line-height: 1.8;
}

.blog-search-form {
    position: relative;
    overflow: hidden;
    padding: 22px;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 26px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(236, 248, 255, 0.86)),
        repeating-linear-gradient(-45deg, rgba(37, 99, 235, 0.045) 0 10px, transparent 10px 20px);
    box-shadow: 0 24px 60px rgba(37, 99, 235, 0.12);
}

.blog-search-form label {
    display: block;
    margin-bottom: 12px;
    color: var(--ict-ink);
    font-size: 0.82rem;
    font-weight: 900;
}

.blog-search-form div {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}

.blog-search-form input {
    min-width: 0;
    height: 48px;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: var(--ict-ink);
    font: inherit;
    outline: none;
    padding: 0 18px;
}

.blog-search-form input:focus {
    border-color: rgba(0, 169, 157, 0.54);
    box-shadow: 0 0 0 4px rgba(0, 169, 157, 0.12);
}

.blog-search-form button,
.blog-empty-state a,
.blog-read-more,
.blog-load-more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--ict-cyan), #2563eb 72%, var(--ict-orange));
    color: #ffffff;
    font-weight: 950;
    padding: 0 20px;
    box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22);
}

.blog-index-section {
    padding: 46px 0 104px;
    background:
        radial-gradient(circle at 92% 8%, rgba(249, 115, 22, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(222, 241, 255, 0.76), rgba(255, 255, 255, 0.96) 40%);
}

.blog-index-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: clamp(24px, 4vw, 42px);
    align-items: start;
}

.blog-post-feed {
    display: grid;
    gap: 22px;
}

.blog-post-feed-list {
    display: grid;
    gap: 22px;
}

.blog-result-note {
    padding: 14px 18px;
    border: 1px solid rgba(0, 169, 157, 0.2);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.74);
    color: #53657a;
    font-weight: 750;
}

.blog-list-card {
    display: grid;
    grid-template-columns: minmax(240px, 0.42fr) minmax(0, 0.58fr);
    gap: 24px;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 248, 255, 0.86)),
        repeating-linear-gradient(-45deg, rgba(37, 99, 235, 0.04) 0 10px, transparent 10px 20px);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.1);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.blog-list-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 169, 157, 0.34);
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.14);
}

.blog-list-image {
    position: relative;
    min-height: 230px;
    overflow: hidden;
    background: #dff1ff;
}

.blog-list-image img {
    width: 100%;
    height: 100%;
    min-height: 230px;
    object-fit: cover;
    transition: transform 220ms ease;
}

.blog-list-card:hover .blog-list-image img {
    transform: scale(1.04);
}

.blog-image-placeholder {
    display: grid;
    place-content: center;
    min-height: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 74% 24%, rgba(249, 115, 22, 0.18), transparent 24%),
        linear-gradient(135deg, #092334, #0f172a 58%, #164e63);
    color: #ffffff;
    text-align: center;
}

.blog-image-placeholder span {
    color: #2dd4bf;
    font-size: 0.75rem;
    font-weight: 950;
    letter-spacing: 0.18em;
}

.blog-image-placeholder strong {
    margin-top: 4px;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    line-height: 1;
}

.blog-list-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 28px 28px 28px 0;
}

.blog-list-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-bottom: 14px;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 850;
}

.blog-list-meta span,
.blog-list-meta time {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.blog-list-meta span::before,
.blog-list-meta time::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ict-cyan);
}

.blog-list-copy h2 {
    margin: 0;
    color: var(--ict-ink);
    font-size: clamp(1.45rem, 2.1vw, 2.15rem);
    font-weight: 950;
    line-height: 1.16;
}

.blog-list-copy h2 a:hover,
.blog-sidebar-links a:hover strong {
    color: #00796f;
}

.blog-list-copy p {
    margin: 16px 0 0;
    color: #53657a;
    font-size: 0.98rem;
    line-height: 1.75;
}

.blog-list-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}

.blog-list-topic {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    border: 1px solid rgba(0, 169, 157, 0.22);
    border-radius: 999px;
    background: rgba(0, 169, 157, 0.08);
    color: #00796f;
    font-size: 0.78rem;
    font-weight: 950;
    padding: 0 13px;
}

.blog-read-more {
    min-height: 38px;
    padding: 0 17px;
    font-size: 0.82rem;
}

.category-page {
    background:
        radial-gradient(circle at 12% 4%, rgba(45, 212, 191, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(222, 241, 255, 0.86), rgba(255, 255, 255, 0.96) 46%);
}

.category-hero {
    width: min(100% - 32px, 1480px);
    margin: 18px auto 0;
    padding: 70px 0 28px;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.08);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 8%, rgba(0, 194, 184, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(226, 247, 250, 0.9), rgba(224, 238, 255, 0.86));
}

.category-heading-card {
    display: grid;
    gap: 22px;
    margin-top: 20px;
    padding: clamp(22px, 4vw, 34px);
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 248, 255, 0.88)),
        repeating-linear-gradient(-45deg, rgba(37, 99, 235, 0.035) 0 10px, transparent 10px 20px);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
}

.category-heading-copy p,
.category-section-heading p {
    margin: 0 0 8px;
    color: var(--ict-cyan);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.category-heading-copy h1,
.category-section-heading h2 {
    margin: 0;
    color: var(--ict-ink);
    font-weight: 950;
    line-height: 1.1;
}

.category-heading-copy h1 {
    font-size: clamp(2.35rem, 5vw, 4.5rem);
}

.category-heading-copy span {
    display: inline-flex;
    margin-top: 12px;
    min-height: 34px;
    align-items: center;
    border: 1px solid rgba(0, 169, 157, 0.2);
    border-radius: 999px;
    background: rgba(0, 169, 157, 0.08);
    color: #00796f;
    font-size: 0.82rem;
    font-weight: 900;
    padding: 0 14px;
}

.category-description-card {
    overflow: hidden;
    border: 1px solid rgba(0, 169, 157, 0.18);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
    padding: clamp(18px, 3vw, 26px);
}

.category-summary,
.category-intro-copy p {
    margin: 0;
    color: #41536a;
    font-size: 1rem;
    line-height: 1.78;
}

.category-summary {
    color: #26364c;
    font-weight: 720;
}

.category-summary + .category-intro-copy {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(37, 99, 235, 0.1);
}

.category-intro-copy > * + * {
    margin-top: 12px;
}

.category-intro-copy h2,
.category-intro-copy h3,
.category-intro-copy h4 {
    margin: 18px 0 8px;
    color: var(--ict-ink);
    font-weight: 950;
    line-height: 1.2;
}

.category-intro-copy h2 {
    font-size: 1.42rem;
}

.category-intro-copy h3 {
    font-size: 1.18rem;
}

.category-intro-copy ul,
.category-intro-copy ol {
    display: grid;
    gap: 7px;
    margin: 12px 0 0;
    color: #41536a;
    line-height: 1.7;
    padding-left: 22px;
}

.category-intro-copy blockquote {
    margin: 14px 0 0;
    border-left: 4px solid var(--ict-cyan);
    border-radius: 14px;
    background: rgba(0, 169, 157, 0.08);
    color: #26364c;
    padding: 12px 14px;
}

.category-post-section {
    padding: 26px 0 92px;
}

.category-post-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: clamp(22px, 4vw, 38px);
    align-items: start;
}

.category-post-feed {
    display: grid;
    gap: 18px;
}

.category-section-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: end;
    justify-content: space-between;
}

.category-section-heading h2 {
    font-size: clamp(1.45rem, 2.4vw, 2.15rem);
}

.category-post-list {
    display: grid;
    gap: 14px;
}

.category-post-card {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    min-height: 168px;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 44px rgba(15, 23, 42, 0.075);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.category-post-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 169, 157, 0.32);
    box-shadow: 0 20px 54px rgba(15, 23, 42, 0.11);
}

.category-post-image {
    position: relative;
    overflow: hidden;
    background: #dff1ff;
}

.category-post-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 168px;
    object-fit: cover;
    transition: transform 200ms ease;
}

.category-post-card:hover .category-post-image img {
    transform: scale(1.035);
}

.category-post-copy {
    display: grid;
    align-content: center;
    gap: 9px;
    min-width: 0;
    padding: 18px 20px;
}

.category-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 850;
}

.category-post-meta span,
.category-post-meta time {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.category-post-meta span::before,
.category-post-meta time::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--ict-cyan);
}

.category-post-copy h3 {
    margin: 0;
    color: var(--ict-ink);
    font-size: clamp(1.12rem, 1.6vw, 1.42rem);
    font-weight: 950;
    line-height: 1.22;
}

.category-post-copy h3 a:hover {
    color: #00796f;
}

.category-post-copy p {
    margin: 0;
    color: #53657a;
    font-size: 0.9rem;
    line-height: 1.58;
}

.category-read-more {
    justify-self: start;
    color: #00796f;
    font-size: 0.8rem;
    font-weight: 950;
}

.category-read-more:hover {
    color: #f97316;
}

.category-empty-state {
    margin-top: 4px;
}

.category-post-feed nav[aria-label="Pagination"] {
    margin-top: 10px;
}

.blog-sidebar {
    position: sticky;
    top: 116px;
    display: grid;
    gap: 18px;
}

.blog-sidebar-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(0, 169, 157, 0.18);
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 249, 255, 0.9)),
        repeating-linear-gradient(-45deg, rgba(37, 99, 235, 0.04) 0 10px, transparent 10px 20px);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.1);
}

.blog-sidebar-card::before {
    content: "";
    position: absolute;
    inset: -90px -120px auto auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(0, 169, 157, 0.12);
}

.blog-sidebar-card-accent {
    border-color: rgba(249, 115, 22, 0.2);
}

.blog-sidebar-card-accent::before {
    background: rgba(249, 115, 22, 0.12);
}

.blog-sidebar-card h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 18px;
    color: var(--ict-ink);
    font-size: 1.55rem;
    font-weight: 950;
}

.blog-sidebar-links {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
}

.blog-sidebar-links a {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 12px;
    align-items: center;
    padding: 13px 0;
    border-top: 1px solid rgba(37, 99, 235, 0.1);
}

.blog-sidebar-links a:first-child {
    border-top: 0;
    padding-top: 0;
}

.blog-sidebar-links span {
    display: block;
    overflow: hidden;
    width: 72px;
    height: 54px;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 14px;
    background:
        radial-gradient(circle at 70% 24%, rgba(249, 115, 22, 0.18), transparent 24%),
        linear-gradient(135deg, #092334, #0f172a 58%, #164e63);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.1);
}

.blog-sidebar-links img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 180ms ease;
}

.blog-sidebar-links a:hover img {
    transform: scale(1.06);
}

.blog-sidebar-links strong {
    color: #1e293b;
    font-size: 0.95rem;
    font-weight: 900;
    line-height: 1.45;
    transition: color 160ms ease;
}

.blog-empty-state {
    padding: clamp(28px, 5vw, 46px);
    border: 1px solid rgba(37, 99, 235, 0.15);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
}

.blog-empty-state h2 {
    margin: 0;
    color: var(--ict-ink);
    font-size: 2rem;
    font-weight: 950;
}

.blog-empty-state p {
    margin: 12px 0 22px;
    color: #53657a;
}

.blog-pagination-wrap {
    margin-top: 8px;
}

.blog-load-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

.blog-load-more-button {
    min-width: 220px;
    min-height: 50px;
    font-size: 0.92rem;
    transition: transform 180ms ease, opacity 180ms ease, box-shadow 180ms ease;
}

.blog-load-more-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 42px rgba(37, 99, 235, 0.26);
}

.blog-load-more-button.is-loading {
    opacity: 0.68;
    pointer-events: none;
}

.post-detail-page {
    overflow: hidden;
    background: transparent;
}

.post-detail-hero {
    overflow: hidden;
    padding: 42px 0 54px;
    border-radius: var(--ict-radius-section);
    background:
        radial-gradient(circle at 88% 8%, rgba(249, 115, 22, 0.09), transparent 28%),
        radial-gradient(circle at 10% 18%, rgba(0, 194, 184, 0.14), transparent 30%),
        linear-gradient(rgba(25, 87, 132, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(25, 87, 132, 0.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(232, 246, 255, 0.86), rgba(255, 255, 255, 0.96));
    background-size: auto, auto, 44px 44px, 44px 44px, auto;
}

.post-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: clamp(24px, 4vw, 42px);
    align-items: start;
}

.post-detail-top {
    grid-column: 1 / -1;
}

.post-detail-main {
    min-width: 0;
}

.post-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
    margin-bottom: 18px;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 850;
}

.post-breadcrumbs a {
    color: #00796f;
}

.post-breadcrumbs a:hover {
    color: var(--ict-blue);
}

.post-title-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px 18px;
    align-items: end;
    margin-bottom: 26px;
    padding: clamp(22px, 3.4vw, 34px);
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 32px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 249, 255, 0.88)),
        repeating-linear-gradient(-45deg, rgba(37, 99, 235, 0.04) 0 10px, transparent 10px 20px);
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.1);
}

.post-title-card > div:first-child {
    display: contents;
}

.post-title-card h1 {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--ict-ink);
    font-size: clamp(2.6rem, 5.1vw, 5.2rem);
    font-weight: 950;
    line-height: 1.08;
    text-wrap: balance;
}

.post-byline {
    grid-column: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: -2px;
}

.post-byline span,
.post-byline-person {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    min-height: 34px;
    border: 1px solid rgba(0, 169, 157, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #53657a;
    font-size: 0.78rem;
    font-weight: 820;
    padding: 0 13px;
}

.post-byline-person {
    transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.post-byline-person:hover {
    border-color: rgba(37, 99, 235, 0.28);
    background: #ffffff;
    transform: translateY(-1px);
}

.post-byline strong {
    color: #00796f;
}

.post-byline img {
    width: 28px;
    height: 28px;
    margin-left: -7px;
    border: 1px solid rgba(0, 169, 157, 0.28);
    border-radius: 50%;
    background: #dff1ff;
    object-fit: cover;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
}

.post-stat-stack {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    min-width: min(100%, 460px);
}

.post-stat-stack span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 999px;
    background: #0f172a;
    color: #f8fafc;
    font-size: 0.76rem;
    font-weight: 900;
    padding: 0 12px;
    white-space: nowrap;
}

.post-stat-stack svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: #2dd4bf;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.post-featured-image {
    overflow: hidden;
    margin: 0 0 24px;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 32px;
    background: #dff1ff;
    box-shadow: 0 28px 74px rgba(15, 23, 42, 0.11);
}

.post-featured-image img {
    display: block;
    width: 100%;
    max-height: 560px;
    object-fit: cover;
}

.post-featured-image figcaption,
.post-prose figcaption,
.post-prose table caption {
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.55;
    text-align: center;
}

.post-featured-image figcaption {
    padding: 12px 18px 14px;
    background: rgba(255, 255, 255, 0.72);
}

.post-featured-placeholder {
    display: grid;
    min-height: 360px;
    place-content: center;
    background:
        radial-gradient(circle at 74% 24%, rgba(249, 115, 22, 0.18), transparent 24%),
        linear-gradient(135deg, #092334, #0f172a 58%, #164e63);
    color: #ffffff;
    text-align: center;
}

.post-featured-placeholder span {
    color: #2dd4bf;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.post-featured-placeholder strong {
    font-size: clamp(2.8rem, 6vw, 5rem);
    line-height: 1;
}

.post-article-card,
.post-comments {
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
}

.post-article-card {
    padding: clamp(24px, 4vw, 44px);
}

.post-intro-copy p,
.post-prose p {
    color: #41536a;
    font-size: 1.05rem;
    line-height: 1.9;
}

.post-intro-copy p {
    margin: 0 0 24px;
    color: #26364c;
    font-size: 1.16rem;
    font-weight: 650;
}

.post-toc {
    overflow: hidden;
    margin: 0 0 32px;
    border: 1px solid rgba(0, 169, 157, 0.34);
    border-radius: 24px;
    background:
        radial-gradient(circle at 8% 12%, rgba(0, 169, 157, 0.22), transparent 28%),
        radial-gradient(circle at 92% 6%, rgba(249, 115, 22, 0.2), transparent 30%),
        linear-gradient(135deg, rgba(226, 255, 252, 0.94), rgba(239, 246, 255, 0.92) 54%, rgba(255, 247, 237, 0.9)),
        repeating-linear-gradient(-45deg, rgba(37, 99, 235, 0.06) 0 10px, transparent 10px 20px);
    box-shadow: 0 22px 52px rgba(0, 169, 157, 0.12);
}

.post-toc summary {
    position: relative;
    cursor: pointer;
    color: #ffffff;
    font-size: 1.02rem;
    font-weight: 950;
    letter-spacing: 0.02em;
    background: linear-gradient(135deg, #00a99d, #2563eb 62%, #f97316);
    padding: 18px 20px;
    text-transform: uppercase;
}

.post-toc summary::marker {
    color: #ffffff;
}

.post-toc ol {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 18px;
}

.post-toc li {
    position: relative;
    color: #53657a;
    font-weight: 820;
}

.post-toc .toc-h3 {
    margin-left: 22px;
}

.post-toc .toc-h4 {
    margin-left: 44px;
}

.post-toc a {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    min-height: 46px;
    padding: 8px 12px 8px 8px;
    border: 1px solid rgba(37, 99, 235, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.74);
    color: #172033;
    line-height: 1.35;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.post-toc a::before {
    content: attr(data-toc-number);
    display: grid;
    place-items: center;
    min-width: 34px;
    padding: 0 9px;
    height: 30px;
    border-radius: 999px;
    background: #0f172a;
    color: #2dd4bf;
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.04em;
}

.post-toc .toc-h3 a::before,
.post-toc .toc-h4 a::before {
    background: rgba(0, 169, 157, 0.12);
    color: #00796f;
}

.post-toc .toc-h3 a {
    min-height: 42px;
    background: rgba(255, 255, 255, 0.56);
    font-size: 0.96rem;
}

.post-toc .toc-h4 a {
    min-height: 40px;
    border-style: dashed;
    background: rgba(255, 255, 255, 0.46);
    font-size: 0.91rem;
}

.post-toc a:hover {
    border-color: rgba(0, 169, 157, 0.32);
    background: rgba(255, 255, 255, 0.92);
    color: #00796f;
    box-shadow: 0 14px 30px rgba(0, 169, 157, 0.1);
    transform: translateX(3px);
}

.post-takeaways {
    margin: 0 0 30px;
    padding: 22px;
    border: 1px solid rgba(249, 115, 22, 0.2);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.9), rgba(255, 255, 255, 0.92));
}

.post-takeaways h2 {
    margin: 0 0 12px;
    color: var(--ict-ink);
    font-size: 1.25rem;
    font-weight: 950;
}

.post-prose h2,
.post-prose h3,
.post-prose h4 {
    position: relative;
    scroll-margin-top: 120px;
    color: var(--ict-ink);
    font-weight: 950;
    line-height: 1.15;
}

.post-prose h2.is-toc-target,
.post-prose h3.is-toc-target,
.post-prose h4.is-toc-target {
    animation: tocTargetFocus 1450ms ease both;
}

.post-prose h2.is-toc-target::before,
.post-prose h3.is-toc-target::before,
.post-prose h4.is-toc-target::before {
    content: "";
    position: absolute;
    inset: -10px -14px;
    z-index: -1;
    border: 1px solid rgba(0, 169, 157, 0.34);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(0, 169, 157, 0.14), rgba(37, 99, 235, 0.08)),
        rgba(255, 255, 255, 0.72);
    box-shadow: 0 18px 44px rgba(0, 169, 157, 0.14);
    animation: tocTargetPanel 1450ms ease both;
    pointer-events: none;
}

@keyframes tocTargetFocus {
    0% {
        color: var(--ict-ink);
        transform: translateY(0);
    }
    18% {
        color: #00796f;
        transform: translateY(-2px);
    }
    100% {
        color: var(--ict-ink);
        transform: translateY(0);
    }
}

@keyframes tocTargetPanel {
    0% {
        opacity: 0;
        transform: scale(0.985);
    }
    18% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.015);
    }
}

.post-prose h2 {
    margin: 42px 0 14px;
    font-size: clamp(1.9rem, 3vw, 2.75rem);
}

.post-prose h3 {
    margin: 34px 0 12px;
    font-size: clamp(1.45rem, 2.2vw, 2rem);
}

.post-prose h4 {
    margin: 28px 0 10px;
    font-size: 1.25rem;
}

.post-prose ul,
.post-prose ol {
    display: grid;
    gap: 10px;
    color: #41536a;
    font-size: 1.03rem;
    line-height: 1.75;
    padding-left: 24px;
}

.post-prose blockquote {
    margin: 30px 0;
    border-left: 4px solid var(--ict-cyan);
    border-radius: 18px;
    background: rgba(0, 169, 157, 0.08);
    color: #1e293b;
    padding: 20px 22px;
}

.post-prose blockquote[class*="cms-quote-"],
.prose-article blockquote[class*="cms-quote-"],
.category-intro-copy blockquote[class*="cms-quote-"] {
    position: relative;
    padding-left: 70px;
}

.post-prose blockquote[class*="cms-quote-"]::before,
.prose-article blockquote[class*="cms-quote-"]::before,
.category-intro-copy blockquote[class*="cms-quote-"]::before {
    position: absolute;
    top: 18px;
    left: 22px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 12px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 950;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}

.post-prose blockquote.cms-quote-teal::before,
.prose-article blockquote.cms-quote-teal::before,
.category-intro-copy blockquote.cms-quote-teal::before {
    content: "i";
    background: #00a99d;
}

.post-prose blockquote.cms-quote-blue::before,
.prose-article blockquote.cms-quote-blue::before,
.category-intro-copy blockquote.cms-quote-blue::before {
    content: "?";
    background: #2563eb;
}

.post-prose blockquote.cms-quote-amber::before,
.prose-article blockquote.cms-quote-amber::before,
.category-intro-copy blockquote.cms-quote-amber::before {
    content: "!";
    background: #f59e0b;
}

.post-prose blockquote.cms-quote-rose::before,
.prose-article blockquote.cms-quote-rose::before,
.category-intro-copy blockquote.cms-quote-rose::before {
    content: "*";
    background: #e11d48;
}

.post-prose blockquote.cms-quote-teal,
.prose-article blockquote.cms-quote-teal,
.category-intro-copy blockquote.cms-quote-teal {
    border-left-color: #00a99d;
    background: linear-gradient(135deg, rgba(0, 169, 157, 0.12), rgba(45, 212, 191, 0.05));
}

.post-prose blockquote.cms-quote-blue,
.prose-article blockquote.cms-quote-blue,
.category-intro-copy blockquote.cms-quote-blue {
    border-left-color: #2563eb;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(14, 165, 233, 0.05));
}

.post-prose blockquote.cms-quote-amber,
.prose-article blockquote.cms-quote-amber,
.category-intro-copy blockquote.cms-quote-amber {
    border-left-color: #f59e0b;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.14), rgba(249, 115, 22, 0.05));
}

.post-prose blockquote.cms-quote-rose,
.prose-article blockquote.cms-quote-rose,
.category-intro-copy blockquote.cms-quote-rose {
    border-left-color: #e11d48;
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.12), rgba(244, 63, 94, 0.05));
}

.post-prose figure {
    margin: 32px 0;
}

.post-prose figure img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 22px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12);
}

.post-prose img.article-image-lightbox-trigger,
.prose-article img.article-image-lightbox-trigger,
.post-prose .article-image-lightbox-control,
.prose-article .article-image-lightbox-control {
    cursor: zoom-in;
    text-decoration: none;
}

.post-prose img.article-image-lightbox-trigger,
.prose-article img.article-image-lightbox-trigger {
    transition: filter 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.post-prose img.article-image-lightbox-trigger:hover,
.post-prose img.article-image-lightbox-trigger:focus-visible,
.prose-article img.article-image-lightbox-trigger:hover,
.prose-article img.article-image-lightbox-trigger:focus-visible {
    filter: saturate(1.04) contrast(1.02);
    outline: 0;
    transform: translateY(-2px);
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.16);
}

.has-article-lightbox {
    overflow: hidden;
}

.article-image-lightbox[hidden] {
    display: none;
}

.article-image-lightbox {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: clamp(14px, 2.5vw, 32px);
}

.article-image-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 0%, rgba(45, 212, 191, 0.14), transparent 42%),
        rgba(2, 6, 23, 0.9);
    backdrop-filter: blur(12px);
}

.article-image-lightbox-panel {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    max-width: min(1180px, 100%);
    max-height: calc(100vh - clamp(28px, 5vw, 64px));
    margin: 0;
}

.article-image-lightbox-panel img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: calc(100vh - 112px);
    margin: 0 auto;
    border-radius: 18px;
    object-fit: contain;
    box-shadow: 0 34px 100px rgba(0, 0, 0, 0.48);
}

.article-image-lightbox-panel figcaption {
    justify-self: center;
    max-width: min(840px, 100%);
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #e5edf7;
    font-size: 0.9rem;
    font-weight: 760;
    line-height: 1.5;
    padding: 8px 15px;
    text-align: center;
}

.article-image-lightbox-close {
    position: absolute;
    top: -14px;
    right: -14px;
    z-index: 2;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.92);
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.35);
}

.article-image-lightbox-close::before,
.article-image-lightbox-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.article-image-lightbox-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.article-image-lightbox-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.article-image-lightbox-close:hover,
.article-image-lightbox-close:focus-visible {
    border-color: rgba(45, 212, 191, 0.72);
    outline: 0;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.35),
        0 0 0 4px rgba(45, 212, 191, 0.2);
}

.post-prose video {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 32px 0;
    border-radius: 22px;
    background: #0f172a;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12);
}

.post-prose .cms-video-embed,
.prose-article .cms-video-embed,
.category-intro-copy .cms-video-embed {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 32px 0;
    border: 1px solid rgba(45, 212, 191, 0.18);
    border-radius: 22px;
    background: #0f172a;
    box-shadow: 0 20px 52px rgba(15, 23, 42, 0.16);
}

.post-prose .cms-video-embed iframe,
.prose-article .cms-video-embed iframe,
.category-intro-copy .cms-video-embed iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.post-prose figcaption {
    margin-top: 10px;
}

.error-page {
    min-height: min(720px, calc(100vh - 160px));
    display: grid;
    place-items: center;
    padding: 72px 18px;
    background:
        radial-gradient(circle at 18% 18%, rgba(0, 169, 157, 0.16), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(249, 115, 22, 0.13), transparent 28%),
        linear-gradient(135deg, #f8fafc, #eef6ff 48%, #ffffff);
}

.error-shell {
    width: min(980px, 100%);
    display: grid;
    grid-template-columns: minmax(160px, 0.52fr) minmax(0, 1fr);
    gap: 28px;
    align-items: center;
}

.error-code {
    display: grid;
    place-items: center;
    min-height: 260px;
    border: 1px solid rgba(0, 169, 157, 0.2);
    border-radius: 28px;
    background: #0f172a;
    color: #ffffff;
    font-size: clamp(4rem, 13vw, 9rem);
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.18);
}

.error-panel {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
    padding: clamp(28px, 5vw, 52px);
}

.error-kicker {
    display: inline-flex;
    margin-bottom: 14px;
    color: var(--ict-cyan);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.error-panel h1 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(2rem, 5vw, 4.1rem);
    line-height: 1;
}

.error-panel p {
    max-width: 54ch;
    margin: 18px 0 0;
    color: #475569;
    font-size: 1.05rem;
    line-height: 1.75;
}

.error-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.error-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 850;
    padding: 10px 18px;
    text-decoration: none;
}

.error-actions a:first-child {
    border-color: transparent;
    background: linear-gradient(135deg, var(--ict-cyan), #2563eb);
    color: #ffffff;
}

@media (max-width: 760px) {
    .error-shell {
        grid-template-columns: 1fr;
    }

    .error-code {
        min-height: 170px;
    }
}

.post-prose .post-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 32px 0;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.08);
}

.post-prose table {
    width: 100%;
    min-width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
}

.post-faq {
    margin: 40px 0 18px;
    border: 1px solid rgba(0, 169, 157, 0.18);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(0, 169, 157, 0.08), rgba(37, 99, 235, 0.05));
    padding: clamp(22px, 4vw, 34px);
}

.post-faq > p {
    margin: 0 0 8px;
    color: var(--ict-cyan);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.post-faq h2 {
    margin: 0 0 18px;
    color: #0f172a;
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    line-height: 1.12;
}

.post-faq-list {
    display: grid;
    gap: 12px;
}

.post-faq-item {
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 16px;
    background: #ffffff;
    padding: 16px 18px;
}

.post-faq-item summary {
    color: #0f172a;
    font-weight: 900;
    cursor: pointer;
}

.post-faq-item div {
    margin-top: 10px;
    color: #475569;
    line-height: 1.75;
}

.post-prose table caption {
    caption-side: bottom;
    padding-top: 10px;
}

.post-prose thead {
    background: #334155;
    color: #f8fafc;
}

.post-prose th,
.post-prose td {
    min-width: 112px;
    border-bottom: 1px solid rgba(37, 99, 235, 0.1);
    color: #41536a;
    font-size: 0.98rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
    padding: 15px 18px;
    text-align: left;
    vertical-align: top;
}

.post-prose th {
    color: #f8fafc;
    font-weight: 950;
}

.post-prose th:first-child {
    border-top-left-radius: 20px;
}

.post-prose th:last-child {
    border-top-right-radius: 20px;
}

.post-prose tbody tr:last-child td {
    border-bottom: 0;
}

.post-prose tbody tr:nth-child(even) td {
    background: rgba(15, 23, 42, 0.035);
}

.post-prose table.cms-table-theme-outline {
    border-color: rgba(15, 23, 42, 0.2);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
}

.post-prose table.cms-table-theme-outline th {
    background: #f8fafc;
    color: #0f172a;
}

.post-prose table.cms-table-theme-outline th,
.post-prose table.cms-table-theme-outline td {
    border-right: 1px solid rgba(15, 23, 42, 0.12);
}

.post-prose table.cms-table-theme-outline th:last-child,
.post-prose table.cms-table-theme-outline td:last-child {
    border-right: 0;
}

.post-prose table.cms-table-theme-outline tbody tr:nth-child(even) td {
    background: #ffffff;
}

.post-prose table.cms-table-theme-accent {
    border-color: rgba(0, 169, 157, 0.24);
    box-shadow: 0 24px 52px rgba(0, 169, 157, 0.09);
}

.post-prose table.cms-table-theme-accent thead {
    background: linear-gradient(135deg, #00a99d, #2563eb 68%, #f97316);
}

.post-prose table.cms-table-theme-accent th {
    background: transparent;
}

.post-prose table.cms-table-theme-accent td:first-child {
    border-left: 5px solid #00a99d;
    background: rgba(0, 169, 157, 0.08);
    color: #0f766e;
    font-weight: 900;
}

.post-prose table.cms-table-theme-compact {
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.post-prose table.cms-table-theme-compact th,
.post-prose table.cms-table-theme-compact td {
    min-width: 96px;
    padding: 9px 12px;
    font-size: 0.88rem;
    line-height: 1.35;
}

.post-prose table.cms-table-theme-compact th {
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.post-prose table.cms-table-theme-cards {
    border: 0;
    border-spacing: 0 10px;
    background: transparent;
    box-shadow: none;
}

.post-prose table.cms-table-theme-cards thead {
    background: transparent;
}

.post-prose table.cms-table-theme-cards th {
    border-bottom: 0;
    background: #0f766e;
    color: #ecfeff;
}

.post-prose table.cms-table-theme-cards td {
    border-top: 1px solid rgba(37, 99, 235, 0.1);
    border-bottom: 1px solid rgba(37, 99, 235, 0.1);
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.post-prose table.cms-table-theme-cards tbody tr:nth-child(even) td {
    background: #f8fafc;
}

.post-prose table.cms-table-theme-cards td:first-child,
.post-prose table.cms-table-theme-cards th:first-child {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.post-prose table.cms-table-theme-cards td:last-child,
.post-prose table.cms-table-theme-cards th:last-child {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

.post-prose table.cms-table-borderless {
    border-color: transparent;
}

.post-prose table.cms-table-borderless th,
.post-prose table.cms-table-borderless td,
.post-prose table.cms-table-borderless.cms-table-theme-outline th,
.post-prose table.cms-table-borderless.cms-table-theme-outline td,
.post-prose table.cms-table-borderless.cms-table-theme-cards td {
    border-color: transparent;
    border-right: 0;
    border-bottom: 0;
}

.post-prose table.cms-table-hover tbody tr:hover td {
    background: rgba(37, 99, 235, 0.1);
}

.post-prose table.cms-table-hover.cms-table-theme-accent tbody tr:hover td:first-child {
    background: rgba(0, 169, 157, 0.16);
}

.post-prose table.cms-table-hover.cms-table-theme-cards tbody tr:hover td {
    background: rgba(239, 248, 255, 0.96);
}

.interesting-articles-slot {
    display: none;
}

.interesting-articles-slot.is-loaded {
    display: block;
    animation: interestingBoxIn 420ms ease both;
}

.article-ad-banner {
    display: grid;
    gap: 10px;
    margin: 34px 0;
    padding: 12px;
    border: 1px solid rgba(20, 184, 166, 0.28);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.92), rgba(255, 255, 255, 0.96));
}

.article-ad-banner span {
    color: #0f766e;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.article-ad-banner img {
    display: block;
    width: 100%;
    max-height: 220px;
    border-radius: 6px;
    object-fit: cover;
}

.interesting-articles-box {
    position: relative;
    overflow: hidden;
    margin: 34px 0;
    padding: clamp(18px, 2.6vw, 24px);
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 28px;
    background:
        radial-gradient(circle at 12% 16%, rgba(0, 169, 157, 0.15), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(249, 115, 22, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(236, 248, 255, 0.9));
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.1);
}

.interesting-articles-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(37, 99, 235, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 169, 157, 0.055) 1px, transparent 1px);
    background-size: 36px 36px;
    pointer-events: none;
}

.interesting-articles-heading,
.interesting-articles-grid {
    position: relative;
    z-index: 1;
}

.interesting-articles-heading {
    margin-bottom: 14px;
}

.interesting-articles-heading p {
    margin: 0;
    color: #00796f;
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.interesting-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.interesting-article-card {
    display: grid;
    gap: 10px;
    min-width: 0;
    color: var(--ict-ink);
}

.interesting-article-card span {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(37, 99, 235, 0.13);
    border-radius: 16px;
    background:
        radial-gradient(circle at 70% 24%, rgba(249, 115, 22, 0.18), transparent 24%),
        linear-gradient(135deg, #092334, #0f172a 58%, #164e63);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
}

.interesting-article-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 180ms ease;
}

.interesting-article-card strong {
    font-size: 0.95rem;
    font-weight: 900;
    line-height: 1.42;
}

.interesting-article-card:hover img {
    transform: scale(1.05);
}

.interesting-article-card:hover strong {
    color: #00796f;
}

@keyframes interestingBoxIn {
    from {
        opacity: 0;
        transform: translate3d(0, 18px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 32px;
}

.post-tags a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 900;
    padding: 0 13px;
}

html:not([data-theme="light"]) .post-tags a {
    border: 1px solid rgba(86, 244, 197, 0.24);
    background: rgba(86, 244, 197, 0.1);
    color: #dffcf4 !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

html:not([data-theme="light"]) .post-tags a:hover {
    border-color: rgba(86, 244, 197, 0.46);
    background: rgba(86, 244, 197, 0.16);
    color: #ffffff !important;
}

.post-comments {
    margin-top: 26px;
    padding: clamp(22px, 4vw, 34px);
}

.post-comments-header p {
    margin: 0 0 8px;
    color: #00796f;
    font-size: 0.75rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.post-comments-header h2 {
    margin: 0 0 20px;
    color: var(--ict-ink);
    font-size: 2rem;
    font-weight: 950;
}

.post-comment {
    margin-bottom: 16px;
    border: 1px solid rgba(37, 99, 235, 0.13);
    border-radius: 20px;
    background: rgba(248, 250, 252, 0.84);
    padding: 16px;
}

.post-comment div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}

.post-comment strong {
    color: var(--ict-ink);
}

.post-comment time {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 780;
}

.post-comment p,
.post-empty-comments {
    margin: 8px 0 0;
    color: #53657a;
    line-height: 1.7;
}

.post-comment-reply {
    margin: 14px 0 0 24px;
    background: rgba(255, 255, 255, 0.9);
}

.post-comment-form {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.post-comment-form div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.post-comment-form input,
.post-comment-form textarea {
    width: 100%;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--ict-ink);
    font: inherit;
    outline: none;
    padding: 13px 14px;
}

.post-comment-form textarea {
    resize: vertical;
}

.post-comment-form button {
    justify-self: start;
    min-height: 44px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--ict-cyan), #2563eb 72%, var(--ict-orange));
    color: #ffffff;
    font-weight: 950;
    padding: 0 20px;
    box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22);
}

.post-detail-sidebar {
    top: 116px;
}

.post-useful-section {
    margin-top: 18px;
}

@media (max-width: 1000px) {
    .about-hero-grid,
    .about-content-layout,
    .contact-hero-grid,
    .contact-content-layout,
    .disclosure-hero-grid,
    .disclosure-content-layout,
    .disclaimer-hero-grid,
    .disclaimer-content-layout,
    .privacy-hero-grid,
    .privacy-content-layout,
    .blog-index-hero-grid,
    .blog-index-layout,
    .category-post-layout,
    .author-profile-layout,
    .author-profile-main-card,
    .author-article-card,
    .post-detail-grid,
    .post-title-card,
    .team-detail-card,
    .reviews-directory-layout,
    .reviews-directory-grid {
        grid-template-columns: 1fr;
    }

    .about-articles-sidebar,
    .contact-response-panel,
    .disclosure-note-panel,
    .disclaimer-note-panel,
    .privacy-note-panel,
    .blog-sidebar,
    .category-sidebar,
    .author-profile-photo,
    .author-profile-side-card,
    .post-detail-sidebar {
        position: static;
    }

    .about-hero-visual,
    .contact-hero-visual,
    .disclosure-visual,
    .disclaimer-visual,
    .privacy-visual {
        min-height: 230px;
    }

    .review-submit-panel {
        position: static;
    }

    .reviews-orbit-header {
        align-items: flex-start;
    }

    .home-faq-panel {
        padding: clamp(28px, 5vw, 42px);
    }

    .home-faq-intro {
        position: relative;
        top: auto;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .home-faq-intro h2 {
        max-width: none;
    }

    .home-faq-visual {
        justify-self: center;
    }

    .reviews-orbit .review-card.is-prev {
        transform: translate3d(calc(-50% - 210px), 46px, -140px) rotateY(14deg) scale(0.78);
    }

    .reviews-orbit .review-card.is-next {
        transform: translate3d(calc(-50% + 210px), 46px, -140px) rotateY(-14deg) scale(0.78);
    }

    .blog-list-card {
        grid-template-columns: minmax(210px, 0.38fr) minmax(0, 0.62fr);
    }

    .category-post-card {
        grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
    }

    .author-profile-photo {
        width: min(240px, 100%);
    }

    .author-article-card {
        height: auto;
    }

    .author-article-image {
        height: 240px;
        min-height: 240px;
    }

    .author-article-image img,
    .author-article-image .blog-image-placeholder {
        min-height: 240px;
    }
}

@media (max-width: 640px) {
    .section-heading-row,
    .reviews-orbit-header {
        flex-direction: column;
        gap: 16px;
    }

    .section-heading-row > a,
    .reviews-view-more {
        margin-top: 0;
    }

    .home-faq-section {
        padding: 40px 0 44px;
    }

    .home-faq-panel {
        padding: 22px;
        border-radius: 24px;
    }

    .home-faq-intro {
        padding: 0;
        margin-bottom: 22px;
    }

    .home-faq-intro h2 {
        font-size: clamp(1.25rem, 6vw, 1.6rem);
        line-height: 1.24;
    }

    .home-faq-visual {
        width: 100%;
        min-height: 132px;
    }

    .faq-visual-window {
        min-height: 120px;
        border-radius: 18px;
    }

    .home-faq-item summary {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        padding: 18px;
        font-size: 0.95rem;
    }

    .home-faq-item summary span {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .home-faq-item div {
        margin: 0 18px 20px;
        font-size: 0.92rem;
    }

    .home-faq-toggle {
        width: 100%;
        min-height: 52px;
        padding: 0 18px;
    }

    .home-faq-toggle strong {
        display: none;
    }

    .detail-shell {
        width: min(100% - 24px, 1120px);
    }

    .detail-hero {
        padding: 58px 0 54px;
    }

    .detail-hero h1 {
        font-size: clamp(2rem, 10vw, 2.85rem);
    }

    .blog-index-hero {
        padding: 52px 0 42px;
    }

    .blog-index-hero h1 {
        font-size: clamp(2.35rem, 11.5vw, 3.25rem);
    }

    .blog-search-form div,
    .blog-list-card,
    .author-social-grid,
    .category-post-card {
        grid-template-columns: 1fr;
    }

    .blog-search-form button {
        width: 100%;
    }

    .blog-index-section {
        padding: 34px 0 68px;
    }

    .blog-list-copy {
        padding: 22px;
    }

    .blog-list-image,
    .blog-list-image img,
    .author-article-image,
    .author-article-image img,
    .author-article-image .blog-image-placeholder {
        min-height: 210px;
    }

    .category-hero {
        padding: 42px 0 20px;
    }

    .category-heading-card {
        border-radius: 24px;
    }

    .category-post-section {
        padding: 20px 0 68px;
    }

    .author-profile-hero {
        padding: 30px 0 22px;
    }

    .author-profile-main-card {
        border-radius: 24px;
        padding: 20px;
    }

    .author-profile-side-card {
        padding: 0;
    }

    .author-profile-title h1 {
        font-size: clamp(2.1rem, 12vw, 3.25rem);
    }

    .author-profile-intro {
        flex-direction: column;
        align-items: flex-start;
    }

    .author-profile-photo {
        width: min(190px, 76vw);
        margin: 0 auto;
    }

    .author-focus-card {
        padding: 14px;
    }

    .author-articles-section {
        padding: 34px 0 68px;
    }

    .author-article-card {
        border-radius: 22px;
    }

    .author-article-image {
        height: 210px;
    }

    .category-post-image,
    .category-post-image img {
        min-height: 184px;
    }

    .category-post-copy {
        padding: 18px;
    }

    .post-detail-hero {
        padding: 30px 0 42px;
    }

    .post-title-card {
        padding: 22px;
        border-radius: 24px;
    }

    .post-title-card h1 {
        font-size: clamp(2.2rem, 11vw, 3.25rem);
    }

    .post-stat-stack {
        min-width: 0;
        justify-content: flex-start;
    }

    .post-featured-image,
    .post-article-card,
    .post-comments {
        border-radius: 24px;
    }

    .post-featured-placeholder {
        min-height: 260px;
    }

    .post-comment-form div {
        grid-template-columns: 1fr;
    }

    .post-comment-reply {
        margin-left: 0;
    }

    .interesting-articles-grid {
        grid-template-columns: 1fr;
    }

    .post-prose th,
    .post-prose td {
        min-width: 220px;
    }

    .article-image-lightbox {
        padding: 12px;
    }

    .article-image-lightbox-panel {
        gap: 10px;
        width: 100%;
    }

    .article-image-lightbox-panel img {
        max-height: calc(100vh - 96px);
        border-radius: 14px;
    }

    .article-image-lightbox-close {
        top: 10px;
        right: 10px;
        width: 42px;
        height: 42px;
    }

    .article-image-lightbox-panel figcaption {
        border-radius: 16px;
        font-size: 0.82rem;
    }

    .team-detail-section,
    .about-content-section,
    .contact-content-section,
    .disclosure-content-section,
    .disclaimer-content-section,
    .privacy-content-section,
    .reviews-directory-section {
        padding: 54px 0 68px;
    }

    .about-offer-list {
        grid-template-columns: 1fr;
    }

    .about-hero-visual,
    .contact-hero-visual,
    .disclosure-visual,
    .disclaimer-visual,
    .privacy-visual {
        display: none;
    }

    .team-detail-card {
        padding: 18px;
        border-radius: 24px;
    }

    .team-detail-credentials {
        grid-template-columns: 1fr;
    }

    .team-detail-photo {
        min-height: 250px;
        border-radius: 20px;
    }

    .contact-method-card,
    .disclosure-info-card,
    .disclosure-policy-stack,
    .disclaimer-info-card,
    .disclaimer-policy-stack,
    .privacy-info-card,
    .privacy-policy-stack {
        grid-template-columns: 1fr;
    }

    .disclosure-policy-card-wide {
        grid-column: auto;
    }

    .user-reviews-section {
        padding: 66px 0 74px;
    }

    .user-reviews-section .modern-shell {
        width: min(100% - 24px, 1180px);
    }

    .reviews-orbit-stage {
        height: 500px;
    }

    .reviews-orbit .review-card {
        top: 18px;
        width: min(100%, 360px);
        min-height: 408px;
        padding: 22px;
    }

    .reviews-orbit .review-card.is-active {
        transform: translate3d(-50%, 0, 60px) scale(1);
    }

    .reviews-orbit .review-card.is-prev {
        transform: translate3d(calc(-50% - 86px), 54px, -150px) rotateY(10deg) scale(0.72);
    }

    .reviews-orbit .review-card.is-next {
        transform: translate3d(calc(-50% + 86px), 54px, -150px) rotateY(-10deg) scale(0.72);
    }

    .reviews-orbit .review-meta {
        padding-right: 58px;
    }

    .review-score,
    .review-stars {
        top: 18px;
        right: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .hero-portrait-stage,
    .portrait-tile,
    .hero-portrait-stage .portrait-collage::before,
    .atmosphere-grid,
    .atmosphere-ribbon,
    .keyword-route,
    .hero-top-ad::after,
    .section-market-visual::after,
    .live-market-chart .chart-range,
    .live-market-chart .candles g {
        transform: none !important;
        animation: none !important;
    }

    .scroll-progress {
        display: none;
    }
}

html.is-final-section .side-ad {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-18px);
    transition: none;
    pointer-events: none;
}

.live-support-widget[hidden] {
    display: none;
}

.live-support-widget {
    position: fixed;
    right: 21px;
    bottom: 100px;
    z-index: 80;
    display: grid;
    gap: 12px;
    justify-items: end;
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(0.96);
    transition:
        opacity 260ms ease,
        transform 260ms ease;
}

.live-support-widget.is-ready {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.live-support-panel {
    width: min(312px, calc(100vw - 34px));
    overflow: hidden;
    border: 1px solid rgba(45, 212, 191, 0.32);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(231, 246, 255, 0.52)),
        radial-gradient(circle at 18% 0%, rgba(45, 212, 191, 0.18), transparent 38%),
        radial-gradient(circle at 100% 100%, rgba(37, 99, 235, 0.18), transparent 42%);
    box-shadow:
        0 24px 70px rgba(15, 23, 42, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(18px);
    transform: translateY(10px) scale(0.98);
    transform-origin: bottom right;
    transition:
        transform 220ms ease,
        opacity 220ms ease;
}

.live-support-panel[hidden] {
    display: block;
    opacity: 0;
    pointer-events: none;
}

.live-support-widget.is-open .live-support-panel {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.live-support-copy {
    padding: 18px 18px 12px;
}

.live-support-copy span {
    display: block;
    margin-bottom: 6px;
    color: #008276;
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.live-support-copy strong {
    display: block;
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.35;
}

.live-support-actions {
    display: grid;
    gap: 10px;
    padding: 0 14px 14px;
}

.live-support-action {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    border: 1px solid rgba(255, 255, 255, 0.74);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    color: #122033;
    font-weight: 950;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.1);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.live-support-action svg {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    margin-left: 7px;
    border-radius: 16px;
    padding: 10px;
    fill: #ffffff;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.16);
}

.live-support-telegram svg {
    background: linear-gradient(135deg, #2aabee, #168acd);
}

.live-support-whatsapp svg {
    background: linear-gradient(135deg, #25d366, #128c7e);
}

.live-support-action:hover,
.live-support-action:focus-visible {
    border-color: rgba(45, 212, 191, 0.48);
    outline: 0;
    box-shadow:
        0 18px 42px rgba(15, 23, 42, 0.14),
        0 0 0 4px rgba(45, 212, 191, 0.16);
    transform: translateY(-2px);
}

.live-support-toggle {
    position: relative;
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.32), transparent 28%),
        linear-gradient(135deg, #7c3aed, #2563eb 48%, #00a99d);
    color: #ffffff;
    box-shadow:
        0 22px 54px rgba(37, 99, 235, 0.32),
        0 0 0 8px rgba(37, 99, 235, 0.08);
    cursor: pointer;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease;
}

.live-support-toggle:hover,
.live-support-toggle:focus-visible {
    outline: 0;
    transform: translateY(-2px) scale(1.03);
    box-shadow:
        0 26px 62px rgba(37, 99, 235, 0.38),
        0 0 0 10px rgba(45, 212, 191, 0.12);
}

.live-support-toggle svg {
    position: absolute;
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition:
        opacity 180ms ease,
        transform 180ms ease;
}

.live-support-chat-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.live-support-close-icon {
    opacity: 0;
    transform: rotate(-45deg) scale(0.75);
}

.live-support-widget.is-open .live-support-chat-icon {
    opacity: 0;
    transform: rotate(45deg) scale(0.75);
}

.live-support-widget.is-open .live-support-close-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.live-support-pulse {
    position: absolute;
    inset: -7px;
    border: 1px solid rgba(45, 212, 191, 0.42);
    border-radius: inherit;
    animation: live-support-pulse 2.4s ease-out infinite;
}

@keyframes live-support-pulse {
    0% {
        opacity: 0.78;
        transform: scale(0.9);
    }
    70%,
    100% {
        opacity: 0;
        transform: scale(1.28);
    }
}

@media (max-width: 640px) {
    .live-support-widget {
        right: 16px;
        bottom: 88px;
    }

    .live-support-toggle {
        width: 58px;
        height: 58px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .live-support-widget,
    .live-support-panel,
    .live-support-action,
    .live-support-toggle,
    .live-support-toggle svg {
        transition: none;
    }

    .live-support-pulse {
        animation: none;
        opacity: 0;
    }
}

/* Indicator marketplace theme overrides */
body {
    background:
        radial-gradient(circle at 14% -8%, rgba(34, 197, 94, 0.16), transparent 30%),
        radial-gradient(circle at 88% 2%, rgba(56, 189, 248, 0.13), transparent 32%),
        linear-gradient(180deg, #07111f 0%, #0d1b2f 44%, #07111f 100%);
    color: var(--ict-text);
}

.ict-home {
    background:
        radial-gradient(circle at 8% 12%, rgba(34, 197, 94, 0.16), transparent 28%),
        radial-gradient(circle at 90% 8%, rgba(56, 189, 248, 0.14), transparent 30%),
        radial-gradient(circle at 72% 62%, rgba(99, 102, 241, 0.1), transparent 34%),
        linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.045) 1px, transparent 1px),
        linear-gradient(180deg, #07111f 0%, #0d1b2f 44%, #07111f 100%);
    background-size: auto, auto, auto, 52px 52px, 52px 52px, auto;
    color: var(--ict-text);
}

.site-header {
    border-bottom-color: rgba(148, 163, 184, 0.14) !important;
    background: rgba(2, 6, 23, 0.88) !important;
    box-shadow: 0 16px 44px rgba(2, 6, 23, 0.36);
}

.site-brand {
    color: #f8fafc;
}

.site-header nav > a,
.site-header nav > .site-nav-item > a,
.site-header nav > a[aria-current="page"],
.site-header nav > .site-nav-item > a[aria-current="page"],
.site-header nav > .site-nav-item > button,
.site-header nav button {
    color: rgba(226, 232, 240, 0.8) !important;
}

.site-header nav > a:hover,
.site-header nav > .site-nav-item > a:hover,
.site-header nav > .site-nav-item > button:hover,
.site-header nav > .site-nav-item > button:focus-visible {
    color: #22c55e !important;
}

.site-submenu {
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.96);
    box-shadow: 0 26px 72px rgba(2, 6, 23, 0.5);
}

.site-submenu a {
    color: rgba(226, 232, 240, 0.86) !important;
}

.site-submenu a:hover,
.site-submenu a:focus {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac !important;
}

.site-search-link,
.site-menu-toggle {
    border-color: rgba(56, 189, 248, 0.24);
    background:
        radial-gradient(circle at 30% 20%, rgba(34, 197, 94, 0.2), transparent 38%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(13, 27, 47, 0.92));
    color: #38bdf8 !important;
    box-shadow: 0 14px 34px rgba(2, 6, 23, 0.34);
}

.site-search-link:hover,
.site-search-link:focus-visible,
.site-header nav .site-search-link:hover,
.site-header nav .site-search-link:focus-visible {
    border-color: rgba(34, 197, 94, 0.44);
    color: #22c55e !important;
    box-shadow: 0 18px 42px rgba(34, 197, 94, 0.14), 0 10px 26px rgba(56, 189, 248, 0.1);
}

.scroll-progress span,
.hero-copy h1::after,
.hero-metrics div::before,
.pathway-card::after,
.resources-band::after,
.review-card::before,
.cta-panel::before {
    background: linear-gradient(90deg, #22c55e, #38bdf8 58%, #f59e0b);
}

.scroll-top-button,
.modern-button-primary,
.post-comment-form button,
.blog-search-form button,
.blog-empty-state a,
.blog-read-more,
.blog-load-more-button {
    background: linear-gradient(135deg, #22c55e, #0284c7 62%, #f59e0b);
    color: #ffffff;
    box-shadow: 0 18px 38px rgba(34, 197, 94, 0.2);
}

.learning-atmosphere {
    opacity: 0.95;
}

.atmosphere-grid {
    background:
        linear-gradient(rgba(56, 189, 248, 0.105) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 197, 94, 0.085) 1px, transparent 1px),
        repeating-linear-gradient(135deg, rgba(148, 163, 184, 0.055) 0 1px, transparent 1px 18px);
    background-size: 44px 44px, 44px 44px, 180px 180px;
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.52) 48%, transparent 84%);
}

.atmosphere-path {
    stroke: rgba(56, 189, 248, 0.28);
    filter: drop-shadow(0 14px 24px rgba(56, 189, 248, 0.12));
}

.atmosphere-path-two {
    stroke: rgba(34, 197, 94, 0.28);
}

.atmosphere-ribbon {
    border-color: rgba(56, 189, 248, 0.18);
    border-radius: 28px;
    background:
        repeating-linear-gradient(90deg, rgba(34, 197, 94, 0.12) 0 1px, transparent 1px 18px),
        linear-gradient(135deg, rgba(15, 23, 42, 0.62), rgba(14, 165, 233, 0.16));
    box-shadow: 0 28px 72px rgba(2, 6, 23, 0.32);
}

.keyword-route path,
.keyword-route-two path,
.keyword-route-three path,
.keyword-route-four path,
.keyword-route-five path {
    stroke: rgba(56, 189, 248, 0.32);
}

.keyword-route span {
    border-color: rgba(34, 197, 94, 0.24);
    background:
        linear-gradient(rgba(15, 23, 42, 0.84), rgba(15, 23, 42, 0.84)),
        linear-gradient(90deg, rgba(34, 197, 94, 0.14), rgba(56, 189, 248, 0.12));
    color: #bbf7d0;
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.34);
    text-shadow: none;
}

.keyword-route span::before,
.keyword-route span::after {
    border-top-color: rgba(34, 197, 94, 0.32);
}

.modern-hero::before {
    border-color: rgba(56, 189, 248, 0.12);
    background: radial-gradient(circle, rgba(34, 197, 94, 0.08), transparent 62%);
}

.modern-hero::after,
.article-showcase::before,
.resources-band::before,
.mastery-flow-section::before,
.team-showcase-section::before,
.user-reviews-section::before,
.modern-cta::before {
    background:
        linear-gradient(rgba(56, 189, 248, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 197, 94, 0.065) 1px, transparent 1px),
        repeating-linear-gradient(135deg, rgba(148, 163, 184, 0.045) 0 1px, transparent 1px 22px);
    background-size: 46px 46px, 46px 46px, 220px 220px;
    opacity: 0.62;
}

.hero-top-ad,
.top-ad-slot,
.pathway-card,
.modern-article-card,
.resource-stack a,
.reviews-scoreboard,
.reviews-summary-grid div,
.review-card,
.cta-panel,
.mastery-step,
.team-card,
.blog-list-card,
.blog-sidebar-card,
.post-article-card,
.post-comments,
.interesting-articles-box {
    border-color: rgba(148, 163, 184, 0.16);
    background:
        linear-gradient(145deg, rgba(16, 24, 39, 0.92), rgba(13, 27, 47, 0.86)),
        rgba(15, 23, 42, 0.9);
    box-shadow: 0 22px 58px rgba(2, 6, 23, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.hero-top-ad::before,
.top-ad-slot::before {
    border-color: rgba(34, 197, 94, 0.28);
}

.hero-top-ad div,
.top-ad-slot div,
.top-ad-slot a,
.hero-top-ad strong,
.top-ad-slot strong {
    color: #f8fafc;
}

.hero-pill,
.section-kicker,
.section-heading p {
    color: #86efac;
}

.hero-pill {
    border-color: rgba(34, 197, 94, 0.3);
    background: rgba(34, 197, 94, 0.12);
}

.hero-pill span {
    background: #22c55e;
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.52);
}

.hero-copy h1,
.section-heading h2,
.resources-grid h2,
.cta-panel h2,
.pathway-card h3,
.modern-article-card h3,
.team-copy h3,
.review-meta h3,
.reviews-scoreboard strong,
.hero-metrics strong,
.resource-stack strong,
.post-title-card h1,
.blog-list-copy h2,
.blog-sidebar-card h2 {
    color: #f8fafc;
}

.hero-body,
.hero-body p,
.pathway-card p,
.modern-article-card p,
.resource-stack span,
.cta-panel span,
.team-copy p,
.review-card p,
.review-card-featured p,
.reviews-scoreboard span,
.reviews-summary-grid span,
.hero-metrics span,
.blog-list-copy p,
.blog-sidebar-links span,
.post-comment p,
.post-empty-comments {
    color: rgba(203, 213, 225, 0.78);
}

.hero-body strong {
    color: #e2e8f0;
}

.hero-body a,
.section-heading-row > a,
.modern-article-card span,
.team-copy span,
.blog-list-copy h2 a:hover,
.blog-sidebar-links a:hover strong {
    color: #22c55e;
}

.modern-button-secondary {
    border-color: rgba(56, 189, 248, 0.22);
    background: rgba(15, 23, 42, 0.72);
    color: #7dd3fc;
    box-shadow: 0 16px 32px rgba(2, 6, 23, 0.28);
}

.modern-button-secondary:hover {
    border-color: rgba(34, 197, 94, 0.42);
    color: #86efac;
    box-shadow: 0 18px 42px rgba(34, 197, 94, 0.14);
}

.hero-metrics div {
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.82);
    box-shadow: 0 18px 40px rgba(2, 6, 23, 0.3);
}

.hero-portrait-stage::before,
.hero-logo-card,
.team-photo,
.pathway-card-image {
    border-color: rgba(56, 189, 248, 0.2);
    background:
        radial-gradient(circle at 20% 18%, rgba(34, 197, 94, 0.16), transparent 34%),
        linear-gradient(145deg, #101827, #0d1b2f);
}

.article-showcase-dark,
.article-showcase-light,
.resources-band,
.user-reviews-section,
.modern-cta {
    border-color: rgba(148, 163, 184, 0.14);
    background:
        radial-gradient(circle at 12% 18%, rgba(34, 197, 94, 0.14), transparent 34%),
        radial-gradient(circle at 86% 14%, rgba(56, 189, 248, 0.12), transparent 32%),
        linear-gradient(135deg, #0b1324, #101827 48%, #07111f);
    box-shadow: 0 34px 90px rgba(2, 6, 23, 0.34);
    color: #f8fafc;
}

.article-showcase-dark .section-heading p,
.resources-band .section-kicker,
.cta-panel p {
    color: #facc15;
}

.article-showcase-dark .pathway-card,
.article-showcase-light .pathway-card {
    border-color: rgba(148, 163, 184, 0.16);
    background:
        linear-gradient(145deg, rgba(16, 24, 39, 0.92), rgba(13, 27, 47, 0.86)),
        rgba(15, 23, 42, 0.9);
}

.pathway-card::before {
    background:
        linear-gradient(135deg, rgba(34, 197, 94, 0.16), transparent 42%),
        linear-gradient(225deg, rgba(56, 189, 248, 0.14), transparent 36%);
}

.pathway-card:hover,
.resource-stack a:hover,
.modern-article-card:hover {
    border-color: rgba(34, 197, 94, 0.38);
    box-shadow: 0 28px 62px rgba(34, 197, 94, 0.12), 0 16px 38px rgba(56, 189, 248, 0.1);
}

.pathway-card span,
.advantage-icon,
.review-tags span {
    border-color: rgba(34, 197, 94, 0.24);
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.pathway-card-image::after {
    background:
        linear-gradient(180deg, transparent 36%, rgba(2, 6, 23, 0.46)),
        repeating-linear-gradient(-45deg, rgba(56, 189, 248, 0.08) 0, rgba(56, 189, 248, 0.08) 9px, transparent 9px, transparent 20px);
}

.pathway-thumb-svg > rect:first-child,
.pathway-thumb-svg.thumb-structure > rect:first-child,
.pathway-thumb-svg.thumb-liquidity > rect:first-child,
.pathway-thumb-svg.thumb-fvg > rect:first-child,
.pathway-thumb-svg.thumb-execution > rect:first-child,
.thumb-order-block > rect:first-child,
.thumb-breaker > rect:first-child,
.thumb-premium > rect:first-child,
.thumb-sweep > rect:first-child {
    fill: #0d1b2f;
}

.pathway-thumb-svg path,
.thumb-liquidity path,
.thumb-fvg path,
.thumb-execution path,
.thumb-order-block path,
.thumb-sweep path,
.thumb-breaker path,
.thumb-premium path {
    stroke: #38bdf8;
}

.pathway-thumb-svg rect:not(.zone) {
    fill: #22c55e;
}

.pathway-thumb-svg rect:nth-of-type(3),
.pathway-thumb-svg rect:nth-of-type(5) {
    fill: #ef4444;
}

.pathway-thumb-svg line {
    stroke: rgba(203, 213, 225, 0.34);
}

.pathway-thumb-svg text {
    fill: #e2e8f0;
}

.section-market-visual,
.live-market-chart {
    filter: drop-shadow(0 24px 34px rgba(34, 197, 94, 0.1));
}

.section-market-visual::before,
.article-showcase-dark .section-market-visual::before {
    background:
        linear-gradient(rgba(56, 189, 248, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 197, 94, 0.08) 1px, transparent 1px);
}

.chart-grid-lines path,
.article-showcase-dark .chart-grid-lines path {
    stroke: rgba(148, 163, 184, 0.2);
}

.candles rect,
.article-showcase-dark .candles rect {
    fill: rgba(34, 197, 94, 0.74);
}

.candles rect:nth-child(even),
.article-showcase-dark .candles rect:nth-child(even) {
    fill: rgba(239, 68, 68, 0.72);
}

.candles line,
.article-showcase-dark .candles line {
    stroke: rgba(226, 232, 240, 0.72);
}

.team-showcase-section,
.home-latest-section,
.home-final-cta,
.mastery-flow-section {
    background: transparent;
    color: #f8fafc;
}

.team-showcase-section::after,
.user-reviews-section::after {
    border-color: rgba(34, 197, 94, 0.12);
}

.review-rating,
.review-stars,
.review-score {
    color: #facc15;
}

.reviews-view-more,
.blog-read-more {
    color: #ffffff;
}

.useful-article-list a {
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.72);
    color: #f8fafc;
}

.useful-article-list a:hover {
    border-color: rgba(34, 197, 94, 0.36);
    box-shadow: 0 18px 42px rgba(34, 197, 94, 0.12);
}

.useful-article-list a span {
    color: #86efac;
}

.site-footer {
    border-color: rgba(148, 163, 184, 0.12) !important;
    background:
        radial-gradient(circle at 10% 12%, rgba(34, 197, 94, 0.12), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(56, 189, 248, 0.1), transparent 30%),
        #020617 !important;
}

.site-footer-links a:hover {
    color: #22c55e;
}

.live-support-panel {
    border-color: rgba(34, 197, 94, 0.26);
    background:
        linear-gradient(145deg, rgba(16, 24, 39, 0.92), rgba(13, 27, 47, 0.86)),
        rgba(15, 23, 42, 0.9);
}

.live-support-copy span {
    color: #86efac;
}

.live-support-copy strong,
.live-support-action {
    color: #f8fafc;
}

.live-support-action {
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.72);
}

.live-support-toggle {
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.22), transparent 28%),
        linear-gradient(135deg, #22c55e, #0284c7 58%, #6366f1);
}

/* Logo-aligned refinement: navy, market green, bearish red, and white */
body {
    background:
        radial-gradient(circle at 12% -8%, rgba(66, 199, 131, 0.18), transparent 30%),
        radial-gradient(circle at 88% 4%, rgba(45, 124, 94, 0.2), transparent 34%),
        linear-gradient(180deg, #06130f 0%, #0a221a 48%, #06100d 100%);
}

.ict-home {
    background:
        radial-gradient(circle at 8% 10%, rgba(66, 199, 131, 0.15), transparent 29%),
        radial-gradient(circle at 88% 8%, rgba(45, 124, 94, 0.2), transparent 32%),
        radial-gradient(circle at 74% 58%, rgba(239, 59, 45, 0.075), transparent 34%),
        linear-gradient(180deg, #06130f 0%, #0a221a 44%, #06100d 100%);
    background-size: auto, auto, auto, auto;
}

.site-header {
    background: rgba(8, 22, 37, 0.91) !important;
}

.site-header nav > a:hover,
.site-header nav > .site-nav-item > a:hover,
.site-header nav > .site-nav-item > button:hover,
.site-header nav > .site-nav-item > button:focus-visible,
.site-footer-links a:hover,
.hero-body a,
.section-heading-row > a,
.modern-article-card span,
.team-copy span,
.blog-list-copy h2 a:hover,
.blog-sidebar-links a:hover strong {
    color: #42c783 !important;
}

.site-search-link,
.site-menu-toggle {
    border-color: rgba(84, 116, 149, 0.32);
    background:
        radial-gradient(circle at 30% 20%, rgba(66, 199, 131, 0.18), transparent 38%),
        linear-gradient(135deg, rgba(16, 32, 51, 0.96), rgba(8, 22, 37, 0.94));
    color: #dbe8f5 !important;
}

.site-search-link:hover,
.site-search-link:focus-visible,
.site-header nav .site-search-link:hover,
.site-header nav .site-search-link:focus-visible {
    border-color: rgba(66, 199, 131, 0.46);
    color: #42c783 !important;
}

.scroll-progress span,
.hero-copy h1::after,
.hero-metrics div::before,
.pathway-card::after,
.resources-band::after,
.review-card::before,
.cta-panel::before {
    background: linear-gradient(90deg, #42c783, #f8fafc 52%, #ef3b2d);
}

.modern-button-primary,
.post-comment-form button,
.blog-search-form button,
.blog-empty-state a,
.blog-read-more,
.blog-load-more-button {
    background: linear-gradient(135deg, #42c783, #2f5f46 58%, #102033);
    box-shadow: 0 18px 38px rgba(66, 199, 131, 0.2);
}

.scroll-top-button,
.live-support-toggle {
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.24), transparent 28%),
        linear-gradient(135deg, #42c783, #102033 58%, #ef3b2d);
}

.modern-hero::after,
.article-showcase::before,
.resources-band::before,
.mastery-flow-section::before,
.team-showcase-section::before,
.user-reviews-section::before,
.modern-cta::before,
.atmosphere-grid {
    background: none;
    background-size: auto;
    opacity: 0;
}

.atmosphere-path,
.keyword-route path,
.keyword-route-two path,
.keyword-route-three path,
.keyword-route-four path,
.keyword-route-five path {
    stroke: rgba(84, 116, 149, 0.42);
}

.atmosphere-path-two,
.keyword-route span::before,
.keyword-route span::after {
    stroke: rgba(66, 199, 131, 0.34);
    border-top-color: rgba(66, 199, 131, 0.34);
}

.atmosphere-ribbon {
    border-color: rgba(84, 116, 149, 0.24);
    background:
        linear-gradient(135deg, rgba(8, 22, 37, 0.74), rgba(63, 95, 127, 0.22));
}

.hero-top-ad,
.top-ad-slot,
.pathway-card,
.modern-article-card,
.resource-stack a,
.reviews-scoreboard,
.reviews-summary-grid div,
.review-card,
.reviews-orbit .review-card,
.cta-panel,
.mastery-step,
.team-card,
.blog-list-card,
.blog-sidebar-card,
.post-article-card,
.post-comments,
.interesting-articles-box,
.review-directory-card,
.review-submit-panel,
.team-detail-card,
.contact-method-card,
.disclosure-info-card,
.disclaimer-info-card,
.privacy-info-card {
    border-color: rgba(66, 199, 131, 0.24);
    background:
        linear-gradient(145deg, rgba(10, 34, 26, 0.95), rgba(7, 22, 18, 0.9)),
        #0a221a;
    box-shadow: 0 22px 58px rgba(0, 8, 18, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.article-showcase-dark,
.article-showcase-light,
.resources-band,
.user-reviews-section,
.modern-cta {
    background:
        radial-gradient(circle at 12% 18%, rgba(66, 199, 131, 0.12), transparent 34%),
        radial-gradient(circle at 86% 14%, rgba(45, 124, 94, 0.18), transparent 32%),
        linear-gradient(135deg, #06130f, #0a221a 48%, #06100d);
}

.mastery-flow-section {
    background:
        radial-gradient(circle at 8% 20%, rgba(66, 199, 131, 0.1), transparent 32%),
        radial-gradient(circle at 92% 70%, rgba(239, 59, 45, 0.06), transparent 30%),
        linear-gradient(135deg, rgba(6, 19, 15, 0.84), rgba(10, 34, 26, 0.62));
}

.mastery-step {
    min-height: 390px;
    border-color: rgba(66, 199, 131, 0.28);
}

.mastery-step:hover {
    border-color: rgba(66, 199, 131, 0.48);
    box-shadow: 0 42px 86px rgba(66, 199, 131, 0.14), 0 24px 54px rgba(0, 8, 18, 0.26);
}

.mastery-step h3,
.mastery-step p,
.reviews-orbit .review-meta h3,
.reviews-orbit .review-card p,
.reviews-orbit .review-meta span,
.reviews-orbit .review-tags span,
.review-directory-card h2,
.review-directory-card p,
.review-submit-panel h2,
.review-submit-panel > div span,
.team-detail-copy h2,
.team-detail-copy p,
.team-detail-credentials strong,
.team-detail-focus em {
    opacity: 1;
}

.mastery-step h3,
.reviews-orbit .review-meta h3,
.review-meta h3,
.review-directory-card h2,
.team-detail-copy h2,
.team-detail-credentials strong {
    color: #f8fafc !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.28);
}

.mastery-step p,
.reviews-orbit .review-card p,
.review-card p,
.review-card-featured p,
.review-directory-card p,
.team-detail-copy p,
.review-submit-panel > div span {
    color: rgba(219, 232, 245, 0.78) !important;
}

.mastery-visual path,
.mastery-visual rect,
.mastery-visual circle,
.mastery-visual line {
    stroke: #6f8cac;
}

.mastery-visual rect {
    fill: rgba(84, 116, 149, 0.28);
}

.mastery-visual rect:nth-of-type(2n) {
    fill: rgba(66, 199, 131, 0.2);
}

.mastery-arrow {
    color: #42c783;
    filter: drop-shadow(0 12px 18px rgba(66, 199, 131, 0.2));
}

.pathway-card span,
.advantage-icon,
.review-tags span,
.reviews-orbit .review-tags span,
.review-directory-tags em {
    border-color: rgba(66, 199, 131, 0.28);
    background: rgba(66, 199, 131, 0.12);
    color: #9df0bf;
}

.pathway-thumb-svg path,
.thumb-liquidity path,
.thumb-fvg path,
.thumb-execution path,
.thumb-order-block path,
.thumb-sweep path,
.thumb-breaker path,
.thumb-premium path {
    stroke: #6f8cac;
}

.pathway-thumb-svg rect:not(.zone),
.candles rect,
.article-showcase-dark .candles rect {
    fill: #42c783;
}

.pathway-thumb-svg rect:nth-of-type(3),
.pathway-thumb-svg rect:nth-of-type(5),
.candles rect:nth-child(even),
.article-showcase-dark .candles rect:nth-child(even) {
    fill: #ef3b2d;
}

.review-rating,
.review-stars,
.review-score,
.review-directory-stars {
    color: #f8fafc;
    text-shadow: 0 0 18px rgba(66, 199, 131, 0.24);
}

.review-score-muted,
.review-stars-muted,
.review-directory-stars .is-empty {
    color: rgba(111, 140, 172, 0.62);
}

.article-showcase-dark .section-heading p,
.resources-band .section-kicker,
.cta-panel p,
.reviews-heading p,
.hero-pill,
.section-kicker,
.section-heading p {
    color: #9df0bf !important;
}

.hero-pill {
    border-color: rgba(66, 199, 131, 0.3);
    background: rgba(66, 199, 131, 0.12);
}

.hero-pill span {
    background: #42c783;
    box-shadow: 0 0 20px rgba(66, 199, 131, 0.52);
}

.modern-button-secondary {
    border-color: rgba(84, 116, 149, 0.38);
    color: #dbe8f5;
}

.modern-button-secondary:hover {
    border-color: rgba(66, 199, 131, 0.46);
    color: #9df0bf;
}

.pathway-card:hover,
.resource-stack a:hover,
.modern-article-card:hover,
.reviews-orbit .review-card:hover {
    border-color: rgba(66, 199, 131, 0.44);
    box-shadow: 0 28px 62px rgba(66, 199, 131, 0.13), 0 16px 38px rgba(0, 8, 18, 0.25);
}

.site-footer {
    background:
        radial-gradient(circle at 10% 12%, rgba(66, 199, 131, 0.11), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(84, 116, 149, 0.14), transparent 30%),
        #050d17 !important;
}

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

.site-brand img.site-brand-wordmark {
    width: clamp(210px, 24vw, 360px);
    height: auto;
    max-height: 76px;
    border-radius: 0;
    background: transparent;
    object-fit: contain;
}

.is-page-scrolled .site-brand img.site-brand-wordmark {
    width: clamp(184px, 20vw, 300px);
    height: auto;
    max-height: 64px;
    border-radius: 0;
}

.site-footer-brand img {
    width: clamp(190px, 22vw, 300px);
    height: auto;
    max-height: 64px;
    border-radius: 0 !important;
    background: transparent;
    object-fit: contain;
    box-shadow: none;
}

.home-terminal-hero {
    grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
    gap: clamp(48px, 5.4vw, 92px);
    align-items: center;
}

.home-hero-only {
    position: relative;
    z-index: 4;
    min-height: calc(100svh + 56px);
    overflow: clip;
}

.home-hero-only::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 7;
    height: min(72vh, 760px);
    background:
        linear-gradient(180deg, #071117 0%, #0b1418 28%, var(--mtih-post-bg-lift) 58%, var(--mtih-post-bg) 100%),
        radial-gradient(circle at 50% 100%, rgba(111, 140, 172, 0.1), transparent 44%);
    opacity: var(--hero-curtain-opacity, 0);
    pointer-events: none;
    transform: scaleY(var(--hero-curtain, 0));
    transform-origin: bottom center;
    transition: opacity 80ms linear, transform 80ms linear;
}

.home-hero-only .home-ad-content {
    width: 100%;
}

.home-hero-only .modern-shell {
    width: min(1320px, calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
}

.ict-home:has(.home-terminal-hero) {
    background:
        radial-gradient(circle at 72% 0%, rgba(66, 199, 131, 0.12), transparent 34%),
        radial-gradient(circle at 10% 100%, rgba(239, 59, 45, 0.06), transparent 34%),
        linear-gradient(180deg, #06130f 0%, #0a221a 44%, #06100d 100%);
}

.ict-home:has(.home-terminal-hero) .learning-atmosphere {
    display: none;
}

.modern-hero:has(.home-terminal-hero) {
    position: sticky;
    top: 88px;
    min-height: calc(100svh - 88px);
    padding: 64px 0 104px;
    overflow: hidden;
    clip-path: inset(0 0 var(--hero-curtain-inset, 0%) 0);
    will-change: clip-path;
}

.modern-hero:has(.home-terminal-hero)::before {
    inset: auto -180px -160px auto;
    width: 640px;
    height: 640px;
    border-color: rgba(66, 199, 131, 0.13);
    background: radial-gradient(circle, rgba(66, 199, 131, 0.1), transparent 66%);
}

.modern-hero:has(.home-terminal-hero)::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: 8;
    display: block;
    height: 100%;
    background:
        linear-gradient(0deg, #06100d 0%, rgba(6, 16, 13, 0.98) 20%, rgba(6, 19, 15, 0.72) 56%, rgba(6, 19, 15, 0) 100%),
        radial-gradient(circle at 50% 100%, rgba(66, 199, 131, 0.2), transparent 42%);
    opacity: var(--hero-curtain-opacity, 0);
    pointer-events: none;
    transform: scaleY(var(--hero-curtain, 0));
    transform-origin: bottom center;
    transition: opacity 80ms linear, transform 80ms linear;
}

.modern-hero:has(.home-terminal-hero) .home-terminal-hero {
    position: relative;
    z-index: 2;
    transform: translate3d(0, calc(var(--hero-curtain, 0) * -22px), 0);
    transition: transform 80ms linear;
}

.motion-ready .modern-hero:has(.home-terminal-hero) .hero-copy.reveal-on-scroll,
.motion-ready .modern-hero:has(.home-terminal-hero) .hero-terminal-stage.reveal-on-scroll {
    opacity: 1;
    transform: none;
}

.modern-hero:has(.home-terminal-hero)::before {
    transform: translateX(-12%) translateY(calc(var(--hero-curtain, 0) * 40px));
}

.home-ad-layout-after-hero {
    position: relative;
    z-index: 6;
    padding-top: 24px;
}

.home-ad-layout-after-hero .side-ad {
    top: 118px;
}

.home-terminal-hero .hero-copy h1 {
    max-width: 760px;
    color: #eef7f3;
    font-size: clamp(3rem, 5.2vw, 5.8rem);
    line-height: 0.98;
    letter-spacing: 0;
}

.home-terminal-hero .hero-copy h1 span {
    display: inline-block;
    color: #56f4c5;
}

.home-terminal-hero .hero-copy h1::after {
    width: min(330px, 70%);
    height: 11px;
    margin-top: -8px;
    border-radius: 0;
    background: #ef3b4b;
    box-shadow: 0 16px 30px rgba(239, 59, 75, 0.22);
    transform: skew(-8deg);
}

.home-terminal-hero .hero-body {
    max-width: 660px;
    color: rgba(210, 225, 221, 0.84);
    font-size: clamp(1.02rem, 1.2vw, 1.18rem);
}

.home-terminal-hero .hero-body strong {
    color: #56f4c5;
}

.home-terminal-hero .hero-pill {
    left: auto;
    transform: none;
    width: max-content;
    max-width: 100%;
    padding: 9px 18px;
    border-color: rgba(66, 199, 131, 0.34);
    background: rgba(66, 199, 131, 0.13);
    color: #56f4c5;
    letter-spacing: 0.16em;
}

.terminal-ticker-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 14px;
    margin-bottom: 28px;
}

.terminal-ticker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(66, 199, 131, 0.22);
    border-radius: 6px;
    background: rgba(4, 13, 18, 0.52);
    color: #56f4c5;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.terminal-ticker i,
.terminal-head p i {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #56f4c5;
    box-shadow: 0 0 14px rgba(86, 244, 197, 0.78);
}

.terminal-ticker em {
    color: #8fa4aa;
    font-style: normal;
    letter-spacing: 0.08em;
}

.terminal-ticker strong {
    color: #eef7f3;
    font-size: 0.96rem;
}

.terminal-ticker b {
    color: #56f4c5;
    font-weight: 800;
}

.terminal-ticker-down b {
    color: #ff4d5e;
}

.home-terminal-hero .hero-actions {
    gap: 16px;
    margin-top: 34px;
}

.home-terminal-hero .modern-button {
    min-height: 58px;
    padding: 0 28px;
    border-radius: 9px;
    font-size: 1rem;
}

.home-terminal-hero .modern-button-primary {
    background: linear-gradient(135deg, #56f4c5, #12b98f);
    color: #041016;
    box-shadow: 0 26px 56px rgba(66, 199, 131, 0.28);
}

.home-terminal-hero .modern-button-secondary {
    border-color: rgba(66, 199, 131, 0.23);
    background: rgba(4, 13, 18, 0.34);
    color: #eef7f3;
    box-shadow: none;
}

.terminal-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    max-width: 720px;
    margin-top: 42px;
    padding-top: 24px;
    border-top: 1px solid rgba(66, 199, 131, 0.16);
}

.terminal-hero-stats div {
    min-width: 0;
    padding-right: 28px;
}

.terminal-hero-stats div + div {
    padding-left: 28px;
    border-left: 1px solid rgba(66, 199, 131, 0.14);
}

.terminal-hero-stats strong,
.terminal-hero-stats span {
    display: block;
}

.terminal-hero-stats strong {
    color: #eef7f3;
    font-size: clamp(1.8rem, 2.9vw, 2.7rem);
    line-height: 1;
}

.terminal-hero-stats span {
    margin-top: 10px;
    color: #8fa4aa;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.hero-terminal-stage {
    min-height: 560px;
    transform: none;
}

.trading-terminal-card {
    position: relative;
    margin-left: auto;
    border: 1px solid rgba(66, 199, 131, 0.24);
    border-radius: 18px;
    overflow: visible;
    background: linear-gradient(180deg, #091621 0%, #06101a 100%);
    box-shadow:
        0 36px 90px rgba(0, 0, 0, 0.46),
        0 0 70px rgba(66, 199, 131, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.terminal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 60px;
    padding: 0 24px;
    border-bottom: 1px solid rgba(66, 199, 131, 0.13);
    background: rgba(0, 0, 0, 0.24);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.terminal-head > div,
.terminal-head p {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0;
}

.terminal-head > div span {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #ff4d5e;
}

.terminal-head > div span:nth-child(2) {
    background: #f5b64a;
}

.terminal-head > div span:nth-child(3) {
    background: #56f4c5;
}

.terminal-head strong {
    margin-left: 10px;
    color: #eef7f3;
    font-size: 0.96rem;
}

.terminal-head em {
    color: #8fa4aa;
    font-style: normal;
}

.terminal-head p {
    color: #56f4c5;
    font-size: 0.86rem;
    letter-spacing: 0.06em;
    white-space: nowrap;
}

.terminal-chart {
    position: relative;
    height: clamp(340px, 27vw, 430px);
    padding: 28px 28px 22px;
    overflow: hidden;
}

.terminal-price {
    position: absolute;
    top: 26px;
    left: 28px;
    z-index: 2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.terminal-price strong {
    display: block;
    color: #eef7f3;
    font-size: clamp(2rem, 2.9vw, 3rem);
    line-height: 1;
}

.terminal-price span {
    display: block;
    margin-top: 8px;
    color: #56f4c5;
    font-weight: 800;
}

.terminal-chart svg {
    width: 100%;
    height: 100%;
}

.terminal-guide-lines path {
    stroke: rgba(143, 164, 170, 0.09);
    stroke-width: 1;
}

.terminal-zone {
    stroke-dasharray: 5 5;
    stroke-width: 1;
}

.terminal-zone-buy {
    fill: rgba(66, 199, 131, 0.1);
    stroke: rgba(86, 244, 197, 0.42);
}

.terminal-zone-sweep {
    fill: rgba(255, 77, 94, 0.08);
    stroke: rgba(255, 77, 94, 0.38);
}

.terminal-label,
.terminal-entry-text {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.terminal-label-buy,
.terminal-entry-text {
    fill: #56f4c5;
}

.terminal-label-sweep {
    fill: #ff4d5e;
}

.terminal-area {
    fill: url(#terminalAreaGradient);
}

.terminal-trend {
    fill: none;
    stroke: #56f4c5;
    stroke-width: 2.4;
}

.terminal-candles path {
    stroke-width: 1.3;
}

.terminal-candles-up path,
.terminal-candles-up rect,
.terminal-entry-dot {
    fill: #56f4c5;
    stroke: #56f4c5;
}

.terminal-candles-down path,
.terminal-candles-down rect {
    fill: #ff4d5e;
    stroke: #ff4d5e;
}

.terminal-entry-ring {
    fill: none;
    stroke: rgba(86, 244, 197, 0.5);
    stroke-width: 2;
}

.terminal-foot {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(66, 199, 131, 0.13);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.terminal-foot div {
    min-width: 0;
    padding: 18px 20px;
}

.terminal-foot div + div {
    border-left: 1px solid rgba(66, 199, 131, 0.11);
}

.terminal-foot span {
    display: block;
    color: #8fa4aa;
    font-size: 0.76rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.terminal-foot strong {
    display: block;
    margin-top: 8px;
    color: #56f4c5;
    font-size: 1rem;
    text-transform: uppercase;
}

.terminal-foot .terminal-red {
    color: #ff4d5e;
}

.terminal-ticket {
    position: absolute;
    right: 28px;
    bottom: -42px;
    z-index: 3;
    width: min(285px, calc(100% - 56px));
    padding: 18px 20px;
    border: 1px solid rgba(66, 199, 131, 0.34);
    border-radius: 16px;
    background: linear-gradient(180deg, #0d1f29, #081521);
    box-shadow: 0 26px 62px rgba(0, 0, 0, 0.48), 0 0 34px rgba(66, 199, 131, 0.12);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.terminal-ticket > strong {
    display: block;
    margin-bottom: 12px;
    color: #56f4c5;
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.terminal-ticket p {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: 7px 0 0;
    color: #8fa4aa;
}

.terminal-ticket b {
    color: #eef7f3;
    text-transform: uppercase;
}

.hero-after-ad {
    margin-top: 0;
    margin-bottom: 34px;
}

.hero-after-ad .top-ad-slot {
    margin: 0 auto;
}

@media (max-width: 1180px) {
    .home-terminal-hero {
        grid-template-columns: 1fr;
    }

    .hero-terminal-stage {
        min-height: auto;
    }
}

@media (max-width: 760px) {
    .home-hero-only {
        min-height: auto;
        overflow: visible;
    }

    .modern-hero:has(.home-terminal-hero) {
        position: relative;
        top: auto;
        padding: 52px 0 72px;
        clip-path: none;
    }

    .modern-hero:has(.home-terminal-hero)::after {
        display: none;
    }

    .modern-hero:has(.home-terminal-hero) .home-terminal-hero {
        transform: none;
    }

    .home-ad-layout-after-hero {
        padding-top: 24px;
    }

    .home-terminal-hero,
    .home-terminal-hero .hero-copy,
    .hero-terminal-stage {
        min-width: 0;
        max-width: 100%;
    }

    .terminal-ticker-row {
        gap: 8px;
        margin-bottom: 22px;
    }

    .terminal-ticker {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        min-height: 34px;
        padding: 0 9px;
        gap: 6px;
        font-size: 0.72rem;
        overflow: hidden;
        white-space: nowrap;
    }

    .terminal-ticker strong {
        font-size: 0.78rem;
    }

    .terminal-ticker em,
    .terminal-ticker b {
        font-size: 0.7rem;
    }

    .home-terminal-hero .hero-copy h1 {
        max-width: 100%;
        font-size: clamp(2.2rem, 10vw, 2.7rem);
        line-height: 1.05;
        overflow-wrap: normal;
    }

    .home-terminal-hero .hero-copy h1 span {
        display: block;
    }

    .home-terminal-hero .hero-copy h1::after {
        height: 8px;
        margin-top: -4px;
    }

    .terminal-hero-stats {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .home-terminal-hero .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .home-terminal-hero .modern-button {
        width: 100%;
        min-height: 54px;
    }

    .terminal-hero-stats div,
    .terminal-hero-stats div + div {
        padding: 0;
        border-left: 0;
    }

    .trading-terminal-card {
        border-radius: 14px;
    }

    .terminal-head {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
        padding: 16px;
    }

    .terminal-chart {
        height: 330px;
        padding: 20px 14px;
    }

    .terminal-price strong {
        font-size: 1.8rem;
    }

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

    .terminal-foot div:nth-child(3) {
        border-left: 0;
    }

    .terminal-ticket {
        position: relative;
        right: auto;
        bottom: auto;
        width: calc(100% - 28px);
        margin: 14px;
    }

    .hero-after-ad {
        margin-top: 42px;
    }
}

/* MT Indicator Hub visual polish: balanced terminal navy, market green, and bearish red. */
:root {
    --mtih-bg-deep: #050b12;
    --mtih-bg: #071d1b;
    --mtih-bg-lift: #0b2730;
    --mtih-navy: #081625;
    --mtih-navy-lift: #102033;
    --mtih-surface: rgba(9, 24, 31, 0.94);
    --mtih-surface-strong: rgba(10, 35, 31, 0.96);
    --mtih-surface-soft: rgba(12, 42, 42, 0.62);
    --mtih-border: rgba(66, 199, 131, 0.23);
    --mtih-border-soft: rgba(111, 140, 172, 0.2);
    --mtih-text-muted: rgba(210, 225, 221, 0.78);
    --mtih-steel: #6f8cac;
}

body,
.ict-home,
.ict-home:has(.home-terminal-hero) {
    background:
        radial-gradient(circle at 18% -6%, rgba(66, 199, 131, 0.14), transparent 30%),
        radial-gradient(circle at 82% 22%, rgba(63, 95, 127, 0.18), transparent 34%),
        radial-gradient(circle at 12% 88%, rgba(239, 59, 45, 0.045), transparent 30%),
        linear-gradient(180deg, var(--mtih-bg-deep) 0%, var(--mtih-bg) 42%, var(--mtih-navy) 100%);
}

.article-showcase-dark,
.article-showcase-light,
.resources-band,
.user-reviews-section,
.modern-cta,
.team-showcase-section,
.home-latest-section,
.home-final-cta {
    border-color: var(--mtih-border-soft);
    background:
        radial-gradient(circle at 12% 18%, rgba(66, 199, 131, 0.12), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(63, 95, 127, 0.16), transparent 31%),
        linear-gradient(135deg, rgba(5, 13, 23, 0.97), rgba(8, 31, 29, 0.9) 48%, rgba(7, 17, 31, 0.98));
    box-shadow: 0 34px 90px rgba(2, 6, 23, 0.34);
}

.hero-top-ad,
.top-ad-slot,
.pathway-card,
.article-showcase-dark .pathway-card,
.article-showcase-light .pathway-card,
.modern-article-card,
.resource-stack a,
.reviews-scoreboard,
.reviews-summary-grid div,
.review-card,
.reviews-orbit .review-card,
.cta-panel,
.mastery-step,
.team-card,
.blog-list-card,
.blog-sidebar-card,
.post-article-card,
.post-comments,
.interesting-articles-box,
.review-directory-card,
.review-submit-panel,
.team-detail-card,
.contact-method-card,
.disclosure-info-card,
.disclaimer-info-card,
.privacy-info-card {
    border-color: var(--mtih-border);
    background:
        linear-gradient(145deg, var(--mtih-surface-strong), rgba(7, 17, 31, 0.92)),
        var(--mtih-surface);
    box-shadow:
        0 24px 58px rgba(2, 6, 23, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.pathway-card::before,
.modern-article-card::before,
.resource-stack a::before {
    background:
        linear-gradient(135deg, rgba(86, 244, 197, 0.12), transparent 42%),
        linear-gradient(225deg, rgba(63, 95, 127, 0.14), transparent 36%),
        linear-gradient(315deg, rgba(239, 59, 45, 0.055), transparent 38%);
}

.pathway-card p,
.modern-article-card p,
.resource-stack span,
.cta-panel span,
.review-card p,
.site-footer-main p,
.site-footer,
.site-footer span {
    color: var(--mtih-text-muted) !important;
}

.pathway-card-image,
.hero-logo-card,
.team-photo {
    border-color: rgba(111, 140, 172, 0.24);
    background:
        radial-gradient(circle at 18% 20%, rgba(86, 244, 197, 0.12), transparent 34%),
        radial-gradient(circle at 82% 78%, rgba(63, 95, 127, 0.2), transparent 34%),
        linear-gradient(145deg, var(--mtih-navy-lift), #09241b);
}

.pathway-card-image::after {
    background:
        linear-gradient(180deg, transparent 34%, rgba(5, 13, 23, 0.62)),
        repeating-linear-gradient(-45deg, rgba(86, 244, 197, 0.045) 0, rgba(86, 244, 197, 0.045) 9px, transparent 9px, transparent 20px);
}

.pathway-thumb-svg > rect:first-child,
.pathway-thumb-svg.thumb-structure > rect:first-child,
.pathway-thumb-svg.thumb-liquidity > rect:first-child,
.pathway-thumb-svg.thumb-fvg > rect:first-child,
.pathway-thumb-svg.thumb-execution > rect:first-child,
.thumb-order-block > rect:first-child,
.thumb-breaker > rect:first-child,
.thumb-premium > rect:first-child,
.thumb-sweep > rect:first-child {
    fill: var(--mtih-navy-lift);
}

.pathway-thumb-svg path,
.thumb-liquidity path,
.thumb-fvg path,
.thumb-execution path,
.thumb-order-block path,
.thumb-sweep path,
.thumb-breaker path,
.thumb-premium path,
.mastery-visual path,
.mastery-visual rect,
.mastery-visual circle,
.mastery-visual line {
    stroke: var(--mtih-steel);
}

.mastery-visual rect {
    fill: rgba(63, 95, 127, 0.24);
}

.side-ad a,
.side-ad div {
    border-color: rgba(111, 140, 172, 0.28);
    background:
        radial-gradient(circle at 18% 16%, rgba(86, 244, 197, 0.16), transparent 34%),
        radial-gradient(circle at 82% 70%, rgba(63, 95, 127, 0.22), transparent 35%),
        radial-gradient(circle at 78% 88%, rgba(239, 59, 45, 0.095), transparent 35%),
        linear-gradient(145deg, var(--mtih-navy-lift), #09241b 52%, var(--mtih-navy));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 24px 58px rgba(2, 6, 23, 0.32);
}

.side-ad a::before,
.side-ad div::before {
    border-color: rgba(111, 140, 172, 0.32);
}

.side-ad a::after,
.side-ad div::after {
    background: repeating-linear-gradient(
        -45deg,
        rgba(86, 244, 197, 0.035) 0,
        rgba(86, 244, 197, 0.035) 10px,
        transparent 10px,
        transparent 22px
    );
    opacity: 0.62;
}

.side-ad span {
    color: rgba(210, 225, 221, 0.72);
}

.side-ad em {
    color: #56f4c5;
}

.site-footer {
    border-top-color: rgba(111, 140, 172, 0.18) !important;
    background:
        radial-gradient(circle at 16% 8%, rgba(66, 199, 131, 0.1), transparent 30%),
        radial-gradient(circle at 82% 18%, rgba(63, 95, 127, 0.16), transparent 32%),
        radial-gradient(circle at 86% 24%, rgba(239, 59, 45, 0.055), transparent 30%),
        linear-gradient(180deg, var(--mtih-navy) 0%, #050b12 100%) !important;
}

.site-footer-bottom {
    border-top-color: rgba(111, 140, 172, 0.16);
}

.site-footer-links a {
    color: rgba(238, 247, 243, 0.78);
}

.site-footer-links a:hover {
    color: #56f4c5;
}

.useful-article-list a,
.blog-sidebar-links a,
.blog-empty-state,
.post-title-card,
.post-body,
.post-related-card {
    border-color: var(--mtih-border);
    background:
        linear-gradient(145deg, rgba(10, 35, 31, 0.92), rgba(7, 17, 31, 0.9)),
        var(--mtih-surface);
    color: #eef7f3;
}

.useful-article-list a span,
.blog-sidebar-links a span {
    color: #9df0bf;
}

.top-ad-slot-image {
    background: var(--mtih-navy);
}

.terminal-ticket,
.trading-terminal-card {
    background:
        radial-gradient(circle at 78% 20%, rgba(66, 199, 131, 0.08), transparent 34%),
        linear-gradient(180deg, #091621 0%, #06101a 100%);
}

.mastery-flow-section,
.team-showcase-section,
.home-latest-section,
.home-final-cta {
    border-color: transparent;
    background: transparent !important;
    box-shadow: none;
}

.mastery-flow-section::before,
.team-showcase-section::before,
.team-showcase-section::after {
    display: none;
}

.home-terminal-hero {
    position: relative;
}

.home-terminal-hero .hero-copy h1 {
    line-height: 1.08;
}

.terminal-ticker-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: min(620px, 48%);
    margin-bottom: 0;
}

.terminal-ticker-row .terminal-ticker {
    width: 100%;
    min-width: 0;
}

.hero-terminal-stage {
    padding-top: 88px;
}

.terminal-head p i {
    position: relative;
    animation: terminal-live-dot 1.45s ease-out infinite;
}

.terminal-head p i::after {
    content: "";
    position: absolute;
    inset: -7px;
    border: 1px solid rgba(86, 244, 197, 0.58);
    border-radius: inherit;
    opacity: 0;
    animation: terminal-live-ring 1.45s ease-out infinite;
}

@keyframes terminal-live-dot {
    0%,
    100% {
        box-shadow: 0 0 12px rgba(86, 244, 197, 0.68), 0 0 0 0 rgba(86, 244, 197, 0.34);
        transform: scale(1);
    }

    50% {
        box-shadow: 0 0 18px rgba(86, 244, 197, 0.98), 0 0 0 6px rgba(86, 244, 197, 0.08);
        transform: scale(1.18);
    }
}

@keyframes terminal-live-ring {
    0% {
        opacity: 0.62;
        transform: scale(0.55);
    }

    70%,
    100% {
        opacity: 0;
        transform: scale(1.55);
    }
}

@media (max-width: 1180px) {
    .terminal-ticker-row {
        display: flex;
        position: static;
        justify-content: flex-start;
        width: auto;
        margin-bottom: 22px;
    }

    .hero-terminal-stage {
        padding-top: 0;
    }
}

@media (max-width: 760px) {
    .home-terminal-hero .hero-copy h1 {
        line-height: 1.12;
    }
}

/* Lighter post-hero neutral theme. */
:root {
    --mtih-post-bg: #101a23;
    --mtih-post-bg-lift: #172532;
    --mtih-post-surface: rgba(28, 42, 53, 0.9);
    --mtih-post-surface-lift: rgba(36, 52, 64, 0.92);
    --mtih-post-border: rgba(153, 177, 190, 0.24);
    --mtih-post-border-soft: rgba(153, 177, 190, 0.18);
    --mtih-post-muted: rgba(225, 235, 234, 0.8);
    --mtih-post-shadow: rgba(0, 6, 12, 0.18);
}

.ict-home:has(.home-terminal-hero) {
    background:
        radial-gradient(circle at 70% 0%, rgba(66, 199, 131, 0.08), transparent 32%),
        radial-gradient(circle at 14% 100%, rgba(63, 95, 127, 0.1), transparent 34%),
        linear-gradient(180deg, #06130f 0%, #0b1519 42%, var(--mtih-post-bg) 100%);
}

.home-ad-layout-after-hero,
.home-content-only {
    isolation: isolate;
    position: relative;
}

.home-ad-layout-after-hero::before,
.home-content-only::before {
    content: "";
    position: absolute;
    top: -26px;
    right: auto;
    bottom: -40px;
    left: 50%;
    z-index: -1;
    width: 100vw;
    transform: translateX(-50%);
    background:
        radial-gradient(circle at 18% 8%, rgba(86, 244, 197, 0.045), transparent 28%),
        radial-gradient(circle at 86% 22%, rgba(111, 140, 172, 0.08), transparent 30%),
        radial-gradient(circle at 10% 72%, rgba(239, 59, 45, 0.025), transparent 30%),
        linear-gradient(180deg, #0b1418 0%, var(--mtih-post-bg-lift) 28%, var(--mtih-post-bg) 100%);
}

.article-showcase-dark,
.article-showcase-light,
.resources-band,
.user-reviews-section,
.modern-cta {
    border-color: var(--mtih-post-border-soft);
    background:
        radial-gradient(circle at 18% 18%, rgba(86, 244, 197, 0.055), transparent 32%),
        radial-gradient(circle at 84% 12%, rgba(111, 140, 172, 0.085), transparent 34%),
        linear-gradient(145deg, rgba(15, 24, 32, 0.9), rgba(10, 18, 24, 0.86));
    box-shadow: 0 24px 56px var(--mtih-post-shadow);
}

.article-showcase-dark::before,
.article-showcase-light::before,
.resources-band::before,
.user-reviews-section::before,
.modern-cta::before {
    opacity: 0.18;
}

.pathway-card,
.article-showcase-dark .pathway-card,
.article-showcase-light .pathway-card,
.modern-article-card,
.resource-stack a,
.reviews-scoreboard,
.reviews-summary-grid div,
.review-card,
.reviews-orbit .review-card,
.cta-panel,
.mastery-step,
.team-card {
    border-color: var(--mtih-post-border);
    background:
        linear-gradient(145deg, var(--mtih-post-surface-lift), rgba(13, 22, 30, 0.9)),
        var(--mtih-post-surface);
    box-shadow:
        0 18px 42px var(--mtih-post-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.pathway-card::before,
.modern-article-card::before,
.resource-stack a::before,
.review-card::before {
    background:
        linear-gradient(135deg, rgba(86, 244, 197, 0.055), transparent 44%),
        linear-gradient(225deg, rgba(111, 140, 172, 0.07), transparent 40%);
}

.pathway-card:hover,
.resource-stack a:hover,
.modern-article-card:hover,
.reviews-orbit .review-card:hover,
.mastery-step:hover,
.team-card:hover {
    border-color: rgba(86, 244, 197, 0.34);
    box-shadow:
        0 22px 48px rgba(0, 6, 12, 0.24),
        0 10px 26px rgba(86, 244, 197, 0.075);
}

.pathway-card p,
.modern-article-card p,
.resource-stack span,
.cta-panel span,
.team-copy p,
.review-card p,
.review-card-featured p,
.reviews-orbit .review-card p,
.site-footer-main p,
.site-footer,
.site-footer span {
    color: var(--mtih-post-muted) !important;
}

.pathway-card span,
.advantage-icon,
.review-tags span,
.reviews-orbit .review-tags span,
.useful-article-list a span {
    border-color: rgba(86, 244, 197, 0.24);
    background: rgba(86, 244, 197, 0.095);
    color: #9df0bf;
}

.useful-article-list a {
    border-color: var(--mtih-post-border);
    background:
        linear-gradient(145deg, rgba(18, 28, 37, 0.92), rgba(12, 20, 27, 0.9)),
        var(--mtih-post-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.side-ad a,
.side-ad div {
    border-color: rgba(111, 140, 172, 0.24);
    background:
        radial-gradient(circle at 18% 16%, rgba(86, 244, 197, 0.095), transparent 34%),
        radial-gradient(circle at 82% 72%, rgba(63, 95, 127, 0.16), transparent 35%),
        linear-gradient(145deg, rgba(18, 28, 37, 0.94), rgba(10, 18, 24, 0.92));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.075),
        0 18px 42px rgba(0, 6, 12, 0.28);
}

.side-ad a::after,
.side-ad div::after {
    opacity: 0.32;
}

html:not([data-theme="light"]) .detail-hero h1,
html:not([data-theme="light"]) .blog-index-hero h1,
html:not([data-theme="light"]) .category-heading-copy h1,
html:not([data-theme="light"]) .category-section-heading h2,
html:not([data-theme="light"]) .author-profile-title h1,
html:not([data-theme="light"]) .author-profile-side-card h2,
html:not([data-theme="light"]) .author-articles-heading h2,
html:not([data-theme="light"]) .author-article-copy h3,
html:not([data-theme="light"]) .author-empty-state h3,
html:not([data-theme="light"]) .team-detail-copy h2,
html:not([data-theme="light"]) .about-story h2,
html:not([data-theme="light"]) .about-sidebar-card h2,
html:not([data-theme="light"]) .contact-method-card h2,
html:not([data-theme="light"]) .contact-response-panel h2,
html:not([data-theme="light"]) .contact-response-panel blockquote,
html:not([data-theme="light"]) .disclosure-info-card h2,
html:not([data-theme="light"]) .disclosure-policy-card h2,
html:not([data-theme="light"]) .disclosure-note-panel h2,
html:not([data-theme="light"]) .disclaimer-info-card h2,
html:not([data-theme="light"]) .disclaimer-policy-card h2,
html:not([data-theme="light"]) .disclaimer-note-panel h2,
html:not([data-theme="light"]) .privacy-info-card h2,
html:not([data-theme="light"]) .privacy-policy-card h2,
html:not([data-theme="light"]) .privacy-note-panel h2,
html:not([data-theme="light"]) .blog-list-copy h2,
html:not([data-theme="light"]) .blog-sidebar-card h2,
html:not([data-theme="light"]) .category-post-copy h3,
html:not([data-theme="light"]) .post-title-card h1,
html:not([data-theme="light"]) .post-prose h1,
html:not([data-theme="light"]) .post-prose h2,
html:not([data-theme="light"]) .post-prose h3,
html:not([data-theme="light"]) .post-prose h4,
html:not([data-theme="light"]) .post-comments-header h2,
html:not([data-theme="light"]) .post-takeaways h2,
html:not([data-theme="light"]) .post-faq h2,
html:not([data-theme="light"]) .prose-article h1,
html:not([data-theme="light"]) .prose-article h2,
html:not([data-theme="light"]) .prose-article h3,
html:not([data-theme="light"]) .category-intro-copy h2,
html:not([data-theme="light"]) .category-intro-copy h3,
html:not([data-theme="light"]) .category-intro-copy h4 {
    color: #f8fafc !important;
    text-shadow: none !important;
}

html:not([data-theme="light"]) .post-intro-copy p,
html:not([data-theme="light"]) .post-prose,
html:not([data-theme="light"]) .post-prose p,
html:not([data-theme="light"]) .post-prose li,
html:not([data-theme="light"]) .post-prose figcaption,
html:not([data-theme="light"]) .post-prose table caption,
html:not([data-theme="light"]) .prose-article,
html:not([data-theme="light"]) .prose-article p,
html:not([data-theme="light"]) .prose-article li,
html:not([data-theme="light"]) .author-profile-bio p,
html:not([data-theme="light"]) .author-article-copy p,
html:not([data-theme="light"]) .author-empty-state p,
html:not([data-theme="light"]) .about-story p,
html:not([data-theme="light"]) .contact-intro-card p,
html:not([data-theme="light"]) .contact-method-card span,
html:not([data-theme="light"]) .contact-response-panel span,
html:not([data-theme="light"]) .disclosure-main-card p,
html:not([data-theme="light"]) .disclosure-info-card span,
html:not([data-theme="light"]) .disclosure-policy-card span,
html:not([data-theme="light"]) .disclosure-note-panel span,
html:not([data-theme="light"]) .disclaimer-main-card p,
html:not([data-theme="light"]) .disclaimer-info-card span,
html:not([data-theme="light"]) .disclaimer-policy-card span,
html:not([data-theme="light"]) .disclaimer-note-panel span,
html:not([data-theme="light"]) .privacy-main-card p,
html:not([data-theme="light"]) .privacy-info-card span,
html:not([data-theme="light"]) .privacy-policy-card span,
html:not([data-theme="light"]) .privacy-note-panel span,
html:not([data-theme="light"]) .privacy-use-list li,
html:not([data-theme="light"]) .blog-list-copy p,
html:not([data-theme="light"]) .category-summary,
html:not([data-theme="light"]) .category-intro-copy p,
html:not([data-theme="light"]) .category-intro-copy li,
html:not([data-theme="light"]) .category-post-copy p,
html:not([data-theme="light"]) .post-featured-image figcaption,
html:not([data-theme="light"]) .post-breadcrumbs,
html:not([data-theme="light"]) .post-byline span,
html:not([data-theme="light"]) .post-byline-person {
    color: var(--mtih-post-muted) !important;
    text-shadow: none !important;
}

html:not([data-theme="light"]) .post-byline span,
html:not([data-theme="light"]) .post-byline-person {
    border-color: rgba(86, 244, 197, 0.24);
    background:
        linear-gradient(145deg, rgba(18, 32, 42, 0.94), rgba(9, 20, 29, 0.9)),
        rgba(12, 24, 34, 0.92);
    color: #eaf4f2 !important;
    box-shadow:
        0 14px 28px rgba(0, 6, 12, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html:not([data-theme="light"]) .post-byline-person:hover {
    border-color: rgba(86, 244, 197, 0.42);
    background:
        linear-gradient(145deg, rgba(22, 40, 51, 0.98), rgba(11, 24, 33, 0.96)),
        rgba(13, 29, 39, 0.96);
}

html:not([data-theme="light"]) .post-intro-copy strong,
html:not([data-theme="light"]) .post-prose strong,
html:not([data-theme="light"]) .prose-article strong,
html:not([data-theme="light"]) .author-profile-bio strong,
html:not([data-theme="light"]) .about-story strong,
html:not([data-theme="light"]) .disclosure-main-card strong,
html:not([data-theme="light"]) .disclaimer-main-card strong,
html:not([data-theme="light"]) .privacy-main-card strong,
html:not([data-theme="light"]) .privacy-use-list strong,
html:not([data-theme="light"]) .category-intro-copy strong,
html:not([data-theme="light"]) .post-byline strong {
    color: #f8fafc !important;
}

html:not([data-theme="light"]) .post-byline strong {
    color: #56f4c5 !important;
}

html:not([data-theme="light"]) .post-prose a,
html:not([data-theme="light"]) .post-intro-copy a,
html:not([data-theme="light"]) .prose-article a,
html:not([data-theme="light"]) .author-profile-bio a,
html:not([data-theme="light"]) .contact-method-card a,
html:not([data-theme="light"]) .disclosure-note-panel a,
html:not([data-theme="light"]) .disclaimer-note-panel a,
html:not([data-theme="light"]) .privacy-note-panel a,
html:not([data-theme="light"]) .category-intro-copy a,
html:not([data-theme="light"]) .blog-list-copy h2 a:hover,
html:not([data-theme="light"]) .about-sidebar-links a:hover,
html:not([data-theme="light"]) .category-post-copy h3 a:hover,
html:not([data-theme="light"]) .author-article-copy h3 a:hover {
    color: #56f4c5 !important;
}

html:not([data-theme="light"]) .post-prose blockquote,
html:not([data-theme="light"]) .prose-article blockquote,
html:not([data-theme="light"]) .category-intro-copy blockquote {
    border-color: rgba(86, 244, 197, 0.42);
    background: rgba(86, 244, 197, 0.09);
    color: #d6e2e1 !important;
}

html:not([data-theme="light"]) .about-detail-page,
html:not([data-theme="light"]) .contact-detail-page,
html:not([data-theme="light"]) .disclosure-detail-page,
html:not([data-theme="light"]) .disclaimer-detail-page,
html:not([data-theme="light"]) .privacy-detail-page {
    color: #f8fafc;
}

html:not([data-theme="light"]) .about-hero,
html:not([data-theme="light"]) .contact-hero,
html:not([data-theme="light"]) .disclosure-hero,
html:not([data-theme="light"]) .disclaimer-hero,
html:not([data-theme="light"]) .privacy-hero {
    border-color: rgba(139, 163, 178, 0.15);
    background:
        radial-gradient(circle at 78% 24%, rgba(86, 244, 197, 0.105), transparent 32%),
        radial-gradient(circle at 18% 84%, rgba(249, 184, 91, 0.07), transparent 34%),
        linear-gradient(rgba(153, 177, 190, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(153, 177, 190, 0.055) 1px, transparent 1px),
        linear-gradient(135deg, rgba(24, 40, 51, 0.95), rgba(12, 24, 33, 0.96));
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
    box-shadow: 0 22px 62px rgba(0, 6, 12, 0.28);
}

html:not([data-theme="light"]) .about-content-section,
html:not([data-theme="light"]) .contact-content-section,
html:not([data-theme="light"]) .disclosure-content-section,
html:not([data-theme="light"]) .disclaimer-content-section,
html:not([data-theme="light"]) .privacy-content-section {
    background:
        radial-gradient(circle at 86% 12%, rgba(86, 244, 197, 0.075), transparent 30%),
        linear-gradient(180deg, #111d27 0%, #172532 45%, #101a23 100%);
}

html:not([data-theme="light"]) .about-chart-card,
html:not([data-theme="light"]) .contact-message-card,
html:not([data-theme="light"]) .disclosure-link-card,
html:not([data-theme="light"]) .disclaimer-risk-card,
html:not([data-theme="light"]) .privacy-lock-card {
    border-color: rgba(139, 163, 178, 0.2);
    background:
        linear-gradient(145deg, rgba(35, 53, 66, 0.88), rgba(13, 27, 38, 0.92)),
        rgba(14, 27, 38, 0.9);
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.24);
}

html:not([data-theme="light"]) .about-lead-card,
html:not([data-theme="light"]) .about-text-block,
html:not([data-theme="light"]) .about-sidebar-card,
html:not([data-theme="light"]) .contact-intro-card,
html:not([data-theme="light"]) .contact-method-card,
html:not([data-theme="light"]) .contact-response-panel,
html:not([data-theme="light"]) .disclosure-main-card,
html:not([data-theme="light"]) .disclosure-info-card,
html:not([data-theme="light"]) .disclosure-policy-card,
html:not([data-theme="light"]) .disclosure-note-panel,
html:not([data-theme="light"]) .disclaimer-main-card,
html:not([data-theme="light"]) .disclaimer-info-card,
html:not([data-theme="light"]) .disclaimer-policy-card,
html:not([data-theme="light"]) .disclaimer-note-panel,
html:not([data-theme="light"]) .privacy-main-card,
html:not([data-theme="light"]) .privacy-info-card,
html:not([data-theme="light"]) .privacy-policy-card,
html:not([data-theme="light"]) .privacy-note-panel {
    border-color: rgba(139, 163, 178, 0.18);
    background:
        linear-gradient(145deg, rgba(35, 53, 66, 0.9), rgba(13, 27, 38, 0.94)),
        rgba(14, 27, 38, 0.92);
    box-shadow:
        0 22px 58px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

html:not([data-theme="light"]) .contact-method-card-accent,
html:not([data-theme="light"]) .disclosure-info-card-accent,
html:not([data-theme="light"]) .disclaimer-info-card-accent {
    border-color: rgba(249, 184, 91, 0.24);
    background:
        linear-gradient(145deg, rgba(42, 40, 35, 0.9), rgba(13, 27, 38, 0.94)),
        rgba(14, 27, 38, 0.92);
}

html:not([data-theme="light"]) .about-lead-card span,
html:not([data-theme="light"]) .about-sidebar-card > p,
html:not([data-theme="light"]) .contact-intro-card > span,
html:not([data-theme="light"]) .contact-method-card p,
html:not([data-theme="light"]) .contact-response-panel p,
html:not([data-theme="light"]) .disclosure-main-card > span,
html:not([data-theme="light"]) .disclosure-info-card p,
html:not([data-theme="light"]) .disclosure-policy-card p,
html:not([data-theme="light"]) .disclosure-note-panel p,
html:not([data-theme="light"]) .disclaimer-main-card > span,
html:not([data-theme="light"]) .disclaimer-info-card p,
html:not([data-theme="light"]) .disclaimer-policy-card p,
html:not([data-theme="light"]) .disclaimer-note-panel p,
html:not([data-theme="light"]) .privacy-main-card > span,
html:not([data-theme="light"]) .privacy-info-card p,
html:not([data-theme="light"]) .privacy-policy-card p,
html:not([data-theme="light"]) .privacy-note-panel p {
    color: #56f4c5 !important;
}

html:not([data-theme="light"]) .about-offer-list li {
    border-color: rgba(86, 244, 197, 0.18);
    background: rgba(86, 244, 197, 0.08);
    color: #f8fafc !important;
}

html:not([data-theme="light"]) .about-sidebar-links a {
    border-top-color: rgba(139, 163, 178, 0.18);
    color: #e2e8f0;
}

html:not([data-theme="light"]) .about-sidebar-links span {
    color: #56f4c5;
}

html:not([data-theme="light"]) .contact-response-panel blockquote {
    border-color: rgba(86, 244, 197, 0.5);
    background: rgba(86, 244, 197, 0.1);
}

html:not([data-theme="light"]) .privacy-use-list li::before {
    background: #56f4c5;
}

html:not([data-theme="light"]) .category-page {
    background:
        radial-gradient(circle at 12% 4%, rgba(86, 244, 197, 0.09), transparent 31%),
        radial-gradient(circle at 88% 18%, rgba(63, 95, 127, 0.13), transparent 34%),
        linear-gradient(180deg, #111d27 0%, #172532 45%, #101a23 100%);
    color: #f8fafc;
}

html:not([data-theme="light"]) .category-hero {
    border-color: rgba(139, 163, 178, 0.15);
    background:
        radial-gradient(circle at 14% 10%, rgba(86, 244, 197, 0.12), transparent 32%),
        radial-gradient(circle at 86% 18%, rgba(249, 184, 91, 0.055), transparent 30%),
        linear-gradient(135deg, rgba(24, 40, 51, 0.94), rgba(12, 24, 33, 0.96));
    box-shadow: 0 22px 62px rgba(0, 6, 12, 0.28);
}

html:not([data-theme="light"]) .category-heading-card,
html:not([data-theme="light"]) .category-description-card,
html:not([data-theme="light"]) .category-post-card {
    border-color: rgba(139, 163, 178, 0.18);
    background:
        linear-gradient(145deg, rgba(35, 53, 66, 0.9), rgba(13, 27, 38, 0.94)),
        rgba(14, 27, 38, 0.92);
    box-shadow:
        0 22px 58px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

html:not([data-theme="light"]) .category-description-card {
    background:
        linear-gradient(145deg, rgba(13, 31, 40, 0.82), rgba(8, 19, 28, 0.88)),
        rgba(10, 23, 32, 0.86);
}

html:not([data-theme="light"]) .category-post-card:hover {
    border-color: rgba(86, 244, 197, 0.34);
    box-shadow:
        0 26px 62px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html:not([data-theme="light"]) .category-post-image {
    background: #0a1720;
}

html:not([data-theme="light"]) .category-heading-copy span {
    border-color: rgba(86, 244, 197, 0.24);
    background: rgba(86, 244, 197, 0.1);
    color: #56f4c5 !important;
}

html:not([data-theme="light"]) .category-post-meta {
    color: #aebbc0;
}

html:not([data-theme="light"]) .post-prose code,
html:not([data-theme="light"]) .prose-article code {
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
}

html:not([data-theme="light"]) .post-detail-page {
    background:
        radial-gradient(circle at 74% 0%, rgba(86, 244, 197, 0.075), transparent 30%),
        radial-gradient(circle at 12% 96%, rgba(111, 140, 172, 0.12), transparent 34%),
        linear-gradient(180deg, #111d27 0%, var(--mtih-post-bg-lift) 36%, var(--mtih-post-bg) 100%);
}

html:not([data-theme="light"]) .post-detail-hero {
    border: 1px solid rgba(153, 177, 190, 0.16);
    background:
        radial-gradient(circle at 88% 8%, rgba(249, 115, 22, 0.055), transparent 28%),
        radial-gradient(circle at 10% 18%, rgba(86, 244, 197, 0.085), transparent 30%),
        linear-gradient(rgba(153, 177, 190, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(153, 177, 190, 0.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(23, 37, 50, 0.96), rgba(17, 28, 38, 0.94));
    background-size: auto, auto, 44px 44px, 44px 44px, auto;
}

html:not([data-theme="light"]) .blog-index-page {
    background:
        radial-gradient(circle at 12% 4%, rgba(86, 244, 197, 0.08), transparent 31%),
        radial-gradient(circle at 88% 18%, rgba(63, 95, 127, 0.13), transparent 34%),
        linear-gradient(180deg, #111d27 0%, #172532 45%, #101a23 100%);
    color: #f8fafc;
}

html:not([data-theme="light"]) .blog-index-hero {
    border: 1px solid rgba(139, 163, 178, 0.15);
    background:
        radial-gradient(circle at 12% 16%, rgba(86, 244, 197, 0.1), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(249, 184, 91, 0.055), transparent 31%),
        linear-gradient(rgba(153, 177, 190, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(153, 177, 190, 0.055) 1px, transparent 1px),
        linear-gradient(135deg, rgba(24, 40, 51, 0.96), rgba(12, 24, 33, 0.98));
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
    box-shadow: 0 22px 62px rgba(0, 6, 12, 0.28);
}

html:not([data-theme="light"]) .blog-index-hero::after {
    border-color: rgba(86, 244, 197, 0.18);
    background: radial-gradient(circle, rgba(86, 244, 197, 0.08), transparent 64%);
}

html:not([data-theme="light"]) .blog-index-hero span {
    color: var(--mtih-post-muted) !important;
    text-shadow: none !important;
}

html:not([data-theme="light"]) .blog-search-form {
    border-color: rgba(86, 244, 197, 0.18);
    background:
        radial-gradient(circle at 12% 18%, rgba(86, 244, 197, 0.08), transparent 34%),
        linear-gradient(145deg, rgba(18, 32, 42, 0.92), rgba(10, 20, 29, 0.94));
    box-shadow:
        0 22px 54px rgba(0, 6, 12, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

html:not([data-theme="light"]) .blog-search-form label {
    color: #f8fafc;
}

html:not([data-theme="light"]) .blog-search-form input {
    border-color: rgba(139, 163, 178, 0.2);
    background: rgba(5, 13, 21, 0.72);
    color: #f8fafc;
}

html:not([data-theme="light"]) .blog-search-form input::placeholder {
    color: rgba(214, 226, 225, 0.56);
}

html:not([data-theme="light"]) .blog-index-section {
    background:
        radial-gradient(circle at 86% 12%, rgba(86, 244, 197, 0.075), transparent 30%),
        linear-gradient(180deg, #111d27 0%, #172532 45%, #101a23 100%);
}

html:not([data-theme="light"]) .blog-list-card,
html:not([data-theme="light"]) .blog-sidebar-card,
html:not([data-theme="light"]) .blog-empty-state {
    border-color: rgba(139, 163, 178, 0.18);
    background:
        linear-gradient(145deg, var(--mtih-post-surface-lift), rgba(12, 20, 27, 0.94)),
        var(--mtih-post-surface);
    box-shadow:
        0 22px 54px var(--mtih-post-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

html:not([data-theme="light"]) .blog-list-meta {
    color: #aebbc0;
}

html:not([data-theme="light"]) .blog-sidebar-links strong,
html:not([data-theme="light"]) .useful-article-list strong {
    color: #f8fafc !important;
    text-shadow: none !important;
}

html:not([data-theme="light"]) .blog-sidebar-links a:hover strong,
html:not([data-theme="light"]) .useful-article-list a:hover strong {
    color: #56f4c5 !important;
}

html:not([data-theme="light"]) .author-profile-hero {
    border-color: var(--mtih-post-border-soft);
    background:
        radial-gradient(circle at 88% 10%, rgba(249, 115, 22, 0.055), transparent 30%),
        radial-gradient(circle at 14% 20%, rgba(86, 244, 197, 0.08), transparent 32%),
        linear-gradient(rgba(86, 244, 197, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(111, 140, 172, 0.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(9, 21, 24, 0.98), rgba(7, 18, 25, 0.96));
    background-size: auto, auto, 48px 48px, 48px 48px, auto;
}

html:not([data-theme="light"]) .author-profile-main-card,
html:not([data-theme="light"]) .author-article-card,
html:not([data-theme="light"]) .author-empty-state,
html:not([data-theme="light"]) .author-focus-card {
    border-color: var(--mtih-post-border);
    background:
        linear-gradient(145deg, var(--mtih-post-surface-lift), rgba(12, 20, 27, 0.94)),
        var(--mtih-post-surface);
    box-shadow:
        0 22px 54px var(--mtih-post-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

html:not([data-theme="light"]) .author-profile-intro {
    border-bottom-color: rgba(139, 163, 178, 0.18);
}

html:not([data-theme="light"]) .author-profile-title > span,
html:not([data-theme="light"]) .author-social-link,
html:not([data-theme="light"]) .author-focus-list span {
    border-color: rgba(86, 244, 197, 0.24);
    background: rgba(86, 244, 197, 0.095);
    color: #d6e2e1 !important;
}

html:not([data-theme="light"]) .author-social-link strong,
html:not([data-theme="light"]) .author-focus-list span {
    color: #f8fafc !important;
}

html:not([data-theme="light"]) .author-focus-card p,
html:not([data-theme="light"]) .author-profile-title > p,
html:not([data-theme="light"]) .author-profile-side-card > p,
html:not([data-theme="light"]) .author-articles-heading p,
html:not([data-theme="light"]) .author-article-meta a,
html:not([data-theme="light"]) .author-profile-bio em {
    color: #56f4c5 !important;
}

html:not([data-theme="light"]) .author-focus-list em {
    background: rgba(86, 244, 197, 0.14);
    color: #56f4c5;
}

html:not([data-theme="light"]) .author-article-meta {
    color: var(--mtih-post-muted);
}

/* Site theme toggle and light theme. */
.site-nav-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.site-theme-toggle {
    position: relative;
    display: inline-flex;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(84, 116, 149, 0.32);
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 20%, rgba(66, 199, 131, 0.18), transparent 38%),
        linear-gradient(135deg, rgba(16, 32, 51, 0.96), rgba(8, 22, 37, 0.94));
    color: #dbe8f5 !important;
    box-shadow: 0 14px 34px rgba(2, 6, 23, 0.34);
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, background 180ms ease;
}

.site-theme-toggle:hover,
.site-theme-toggle:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(66, 199, 131, 0.46);
    color: #42c783 !important;
    box-shadow: 0 18px 42px rgba(66, 199, 131, 0.14), 0 10px 26px rgba(63, 95, 127, 0.1);
}

.site-theme-icon {
    position: absolute;
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 180ms ease, transform 180ms ease;
}

.site-theme-icon-moon {
    fill: currentColor;
    stroke: none;
    opacity: 0;
    transform: translateY(8px) rotate(-22deg) scale(0.72);
}

.site-theme-icon-sun {
    opacity: 1;
    transform: translateY(0) rotate(0deg) scale(1);
}

html[data-theme="light"] {
    color-scheme: light;
    --mtih-light-bg: #f4f7f6;
    --mtih-light-bg-soft: #edf3f1;
    --mtih-light-surface: rgba(255, 255, 255, 0.9);
    --mtih-light-surface-strong: rgba(248, 251, 250, 0.96);
    --mtih-light-border: rgba(35, 74, 82, 0.14);
    --mtih-light-border-strong: rgba(35, 74, 82, 0.22);
    --mtih-light-text: #102033;
    --mtih-light-muted: #53636b;
    --mtih-light-accent: #1fae78;
    --mtih-light-accent-strong: #0f8f6b;
    --mtih-light-navy: #173044;
}

html[data-theme="light"] body {
    background:
        radial-gradient(circle at 12% -8%, rgba(31, 174, 120, 0.12), transparent 28%),
        radial-gradient(circle at 86% 2%, rgba(23, 48, 68, 0.08), transparent 30%),
        linear-gradient(180deg, #f8fbfa 0%, var(--mtih-light-bg) 48%, #eef3f1 100%);
    color: var(--mtih-light-text);
}

html[data-theme="light"] .site-header {
    border-bottom-color: rgba(35, 74, 82, 0.12) !important;
    background: rgba(248, 251, 250, 0.88) !important;
    box-shadow: 0 14px 34px rgba(23, 48, 68, 0.08);
}

html[data-theme="light"] .site-brand,
html[data-theme="light"] .site-header nav > a,
html[data-theme="light"] .site-header nav > .site-nav-item > a,
html[data-theme="light"] .site-header nav > a[aria-current="page"],
html[data-theme="light"] .site-header nav > .site-nav-item > a[aria-current="page"],
html[data-theme="light"] .site-header nav > .site-nav-item > button,
html[data-theme="light"] .site-header nav button {
    color: var(--mtih-light-text) !important;
}

html[data-theme="light"] .site-brand {
    padding: 6px 10px 6px 8px;
    border: 1px solid rgba(35, 74, 82, 0.12);
    border-radius: 14px;
    background: rgba(8, 22, 37, 0.94);
    box-shadow: 0 12px 26px rgba(23, 48, 68, 0.14);
}

html[data-theme="light"] .site-header nav > a:hover,
html[data-theme="light"] .site-header nav > .site-nav-item > a:hover,
html[data-theme="light"] .site-header nav > .site-nav-item > button:hover,
html[data-theme="light"] .site-header nav > .site-nav-item > button:focus-visible {
    color: var(--mtih-light-accent-strong) !important;
}

html[data-theme="light"] .site-submenu,
html[data-theme="light"] .site-search-panel {
    border-color: rgba(35, 74, 82, 0.12);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 60px rgba(23, 48, 68, 0.14);
}

html[data-theme="light"] .site-submenu a,
html[data-theme="light"] .site-search-form label,
html[data-theme="light"] .site-search-result-title,
html[data-theme="light"] .site-search-all {
    color: var(--mtih-light-text) !important;
}

html[data-theme="light"] .site-submenu a:hover,
html[data-theme="light"] .site-submenu a:focus,
html[data-theme="light"] .site-search-all:hover {
    background: rgba(31, 174, 120, 0.1);
    color: var(--mtih-light-accent-strong) !important;
}

html[data-theme="light"] .site-search-backdrop {
    background: rgba(10, 16, 22, 0.28);
}

html[data-theme="light"] .site-search-field,
html[data-theme="light"] .site-search-result {
    border-color: rgba(35, 74, 82, 0.14);
    background: rgba(244, 247, 246, 0.92);
}

html[data-theme="light"] .site-search-field input,
html[data-theme="light"] .site-search-status,
html[data-theme="light"] .site-search-result-excerpt,
html[data-theme="light"] .site-search-result-meta {
    color: var(--mtih-light-muted);
}

html[data-theme="light"] .site-search-field input::placeholder {
    color: rgba(83, 99, 107, 0.58);
}

html[data-theme="light"] .site-search-link,
html[data-theme="light"] .site-theme-toggle,
html[data-theme="light"] .site-menu-toggle {
    border-color: rgba(35, 74, 82, 0.15);
    background:
        radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.98), transparent 38%),
        linear-gradient(135deg, #ffffff, #edf3f1);
    color: var(--mtih-light-navy) !important;
    box-shadow: 0 14px 30px rgba(23, 48, 68, 0.12);
}

html[data-theme="light"] .site-search-link:hover,
html[data-theme="light"] .site-search-link:focus-visible,
html[data-theme="light"] .site-theme-toggle:hover,
html[data-theme="light"] .site-theme-toggle:focus-visible,
html[data-theme="light"] .site-header nav .site-search-link:hover,
html[data-theme="light"] .site-header nav .site-search-link:focus-visible {
    border-color: rgba(31, 174, 120, 0.36);
    color: var(--mtih-light-accent-strong) !important;
    box-shadow: 0 18px 38px rgba(31, 174, 120, 0.14), 0 10px 24px rgba(23, 48, 68, 0.1);
}

html[data-theme="light"] .site-theme-icon-sun {
    opacity: 0;
    transform: translateY(-8px) rotate(32deg) scale(0.72);
}

html[data-theme="light"] .site-theme-icon-moon {
    opacity: 1;
    transform: translateY(0) rotate(0deg) scale(1);
}

html[data-theme="light"] .ict-home,
html[data-theme="light"] .ict-home:has(.home-terminal-hero) {
    background:
        radial-gradient(circle at 76% 0%, rgba(31, 174, 120, 0.11), transparent 34%),
        radial-gradient(circle at 14% 96%, rgba(23, 48, 68, 0.075), transparent 34%),
        linear-gradient(180deg, #f8fbfa 0%, var(--mtih-light-bg) 44%, #eef3f1 100%);
    color: var(--mtih-light-text);
}

html[data-theme="light"] .modern-hero:has(.home-terminal-hero)::before {
    border-color: rgba(31, 174, 120, 0.13);
    background: radial-gradient(circle, rgba(31, 174, 120, 0.12), transparent 66%);
}

html[data-theme="light"] .modern-hero:has(.home-terminal-hero)::after {
    background:
        linear-gradient(0deg, #eef3f1 0%, rgba(238, 243, 241, 0.98) 20%, rgba(244, 247, 246, 0.74) 56%, rgba(244, 247, 246, 0) 100%),
        radial-gradient(circle at 50% 100%, rgba(31, 174, 120, 0.12), transparent 42%);
}

html[data-theme="light"] .home-terminal-hero .hero-copy h1,
html[data-theme="light"] .hero-copy h1,
html[data-theme="light"] .terminal-hero-stats strong,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .resources-grid h2,
html[data-theme="light"] .cta-panel h2,
html[data-theme="light"] .pathway-card h3,
html[data-theme="light"] .modern-article-card h3,
html[data-theme="light"] .team-copy h3,
html[data-theme="light"] .review-meta h3,
html[data-theme="light"] .resource-stack strong,
html[data-theme="light"] .blog-list-copy h2,
html[data-theme="light"] .blog-sidebar-card h2,
html[data-theme="light"] .post-title-card h1,
html[data-theme="light"] .mastery-step h3,
html[data-theme="light"] .article-showcase-dark .section-heading h2,
html[data-theme="light"] .article-showcase-light .section-heading h2,
html[data-theme="light"] .article-showcase-dark .pathway-card h3 {
    color: var(--mtih-light-text) !important;
    text-shadow: none;
}

html[data-theme="light"] .home-terminal-hero .hero-copy h1 span,
html[data-theme="light"] .hero-copy h1 span,
html[data-theme="light"] .section-heading p,
html[data-theme="light"] .section-kicker,
html[data-theme="light"] .article-showcase-dark .section-heading p,
html[data-theme="light"] .resources-band .section-kicker,
html[data-theme="light"] .cta-panel p,
html[data-theme="light"] .reviews-heading p,
html[data-theme="light"] .modern-article-card span,
html[data-theme="light"] .team-copy span,
html[data-theme="light"] .section-heading-row > a {
    color: var(--mtih-light-accent-strong) !important;
}

html[data-theme="light"] .hero-body,
html[data-theme="light"] .hero-body p,
html[data-theme="light"] .terminal-hero-stats span,
html[data-theme="light"] .pathway-card p,
html[data-theme="light"] .modern-article-card p,
html[data-theme="light"] .resource-stack span,
html[data-theme="light"] .cta-panel span,
html[data-theme="light"] .team-copy p,
html[data-theme="light"] .review-card p,
html[data-theme="light"] .review-card-featured p,
html[data-theme="light"] .reviews-orbit .review-card p,
html[data-theme="light"] .mastery-step p,
html[data-theme="light"] .site-footer-main p,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .site-footer span {
    color: var(--mtih-light-muted) !important;
}

html[data-theme="light"] .hero-pill {
    border-color: rgba(31, 174, 120, 0.24);
    background: rgba(31, 174, 120, 0.1);
    color: var(--mtih-light-accent-strong) !important;
}

html[data-theme="light"] .modern-button-secondary {
    border-color: rgba(35, 74, 82, 0.16);
    background: rgba(255, 255, 255, 0.56);
    color: var(--mtih-light-text);
}

html[data-theme="light"] .terminal-hero-stats {
    border-top-color: rgba(35, 74, 82, 0.12);
}

html[data-theme="light"] .terminal-hero-stats div + div {
    border-left-color: rgba(35, 74, 82, 0.12);
}

html[data-theme="light"] .home-ad-layout-after-hero::before,
html[data-theme="light"] .home-content-only::before {
    background:
        radial-gradient(circle at 18% 8%, rgba(31, 174, 120, 0.07), transparent 28%),
        radial-gradient(circle at 86% 22%, rgba(23, 48, 68, 0.06), transparent 30%),
        radial-gradient(circle at 10% 72%, rgba(239, 59, 45, 0.025), transparent 30%),
        linear-gradient(180deg, #eef3f1 0%, var(--mtih-light-bg) 28%, #f8fbfa 100%);
}

html[data-theme="light"] .article-showcase-dark,
html[data-theme="light"] .article-showcase-light,
html[data-theme="light"] .resources-band,
html[data-theme="light"] .user-reviews-section,
html[data-theme="light"] .modern-cta {
    border-color: var(--mtih-light-border);
    background:
        radial-gradient(circle at 18% 18%, rgba(31, 174, 120, 0.075), transparent 32%),
        radial-gradient(circle at 84% 12%, rgba(23, 48, 68, 0.055), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(239, 245, 243, 0.78));
    box-shadow: 0 18px 46px rgba(23, 48, 68, 0.1);
}

html[data-theme="light"] .mastery-flow-section,
html[data-theme="light"] .team-showcase-section,
html[data-theme="light"] .home-latest-section,
html[data-theme="light"] .home-final-cta {
    background: transparent !important;
}

html[data-theme="light"] .home-faq-section {
    background: transparent;
}

html[data-theme="light"] .home-faq-panel {
    border-color: rgba(120, 147, 134, 0.18);
    background:
        radial-gradient(circle at 12% 14%, rgba(66, 199, 131, 0.16), transparent 30%),
        radial-gradient(circle at 88% 24%, rgba(239, 59, 45, 0.045), transparent 28%),
        linear-gradient(rgba(102, 128, 156, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(102, 128, 156, 0.08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 249, 251, 0.98) 0%, rgba(232, 242, 248, 0.96) 45%, rgba(247, 250, 248, 0.98) 100%);
    background-size: auto, auto, 56px 56px, 56px 56px, auto;
    box-shadow:
        0 18px 46px rgba(39, 51, 47, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

html[data-theme="light"] .home-faq-item {
    border-color: rgba(120, 147, 134, 0.24);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(231, 240, 245, 0.9)),
        #f5f9fb;
    box-shadow:
        0 18px 46px rgba(39, 51, 47, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

html[data-theme="light"] .home-faq-intro {
    background: transparent;
    box-shadow: none;
}

html[data-theme="light"] .home-faq-intro h2,
html[data-theme="light"] .home-faq-item summary {
    color: var(--mtih-light-text) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .home-faq-intro p,
html[data-theme="light"] .home-faq-item summary span {
    color: var(--mtih-light-accent-strong) !important;
}

html[data-theme="light"] .home-faq-item div {
    color: var(--mtih-light-muted) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .faq-visual-window {
    border-color: rgba(15, 146, 115, 0.18);
    background:
        linear-gradient(rgba(102, 128, 156, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(102, 128, 156, 0.08) 1px, transparent 1px),
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(230, 242, 246, 0.88));
    box-shadow:
        0 18px 38px rgba(39, 51, 47, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .faq-visual-row {
    background: rgba(15, 146, 115, 0.06);
}

html[data-theme="light"] .faq-visual-row b {
    background: rgba(43, 73, 94, 0.14);
}

html[data-theme="light"] .home-faq-toggle {
    border-color: rgba(15, 146, 115, 0.22);
    background: rgba(255, 255, 255, 0.82);
    color: var(--mtih-light-text);
    box-shadow:
        0 18px 38px rgba(39, 51, 47, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .home-faq-toggle:hover,
html[data-theme="light"] .home-faq-toggle:focus-visible {
    border-color: rgba(15, 146, 115, 0.36);
    background: rgba(235, 247, 242, 0.96);
}

html[data-theme="light"] .home-faq-toggle strong {
    color: var(--mtih-light-accent-strong);
}

html[data-theme="light"] .home-faq-toggle::after {
    background: var(--mtih-light-accent-strong);
    color: #ffffff;
}

html[data-theme="light"] .home-faq-item summary span,
html[data-theme="light"] .home-faq-item summary::after {
    border-color: rgba(66, 199, 131, 0.22);
    background: rgba(66, 199, 131, 0.1);
}

html[data-theme="light"] .home-faq-item[open] summary::after {
    background: #0f9273;
    color: #ffffff;
}

html[data-theme="light"] .pathway-card,
html[data-theme="light"] .article-showcase-dark .pathway-card,
html[data-theme="light"] .article-showcase-light .pathway-card,
html[data-theme="light"] .modern-article-card,
html[data-theme="light"] .resource-stack a,
html[data-theme="light"] .reviews-scoreboard,
html[data-theme="light"] .reviews-summary-grid div,
html[data-theme="light"] .review-card,
html[data-theme="light"] .reviews-orbit .review-card,
html[data-theme="light"] .cta-panel,
html[data-theme="light"] .mastery-step,
html[data-theme="light"] .team-card,
html[data-theme="light"] .blog-list-card,
html[data-theme="light"] .blog-sidebar-card,
html[data-theme="light"] .post-article-card,
html[data-theme="light"] .post-comments,
html[data-theme="light"] .interesting-articles-box,
html[data-theme="light"] .review-directory-card,
html[data-theme="light"] .review-submit-panel,
html[data-theme="light"] .team-detail-card,
html[data-theme="light"] .contact-method-card,
html[data-theme="light"] .disclosure-info-card,
html[data-theme="light"] .disclaimer-info-card,
html[data-theme="light"] .privacy-info-card {
    border-color: var(--mtih-light-border);
    background:
        linear-gradient(145deg, var(--mtih-light-surface-strong), rgba(244, 247, 246, 0.92)),
        var(--mtih-light-surface);
    box-shadow:
        0 16px 34px rgba(23, 48, 68, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

html[data-theme="light"] .pathway-card::before,
html[data-theme="light"] .modern-article-card::before,
html[data-theme="light"] .resource-stack a::before,
html[data-theme="light"] .review-card::before {
    background:
        linear-gradient(135deg, rgba(31, 174, 120, 0.065), transparent 44%),
        linear-gradient(225deg, rgba(23, 48, 68, 0.055), transparent 40%);
}

html[data-theme="light"] .pathway-card:hover,
html[data-theme="light"] .resource-stack a:hover,
html[data-theme="light"] .modern-article-card:hover,
html[data-theme="light"] .reviews-orbit .review-card:hover,
html[data-theme="light"] .mastery-step:hover,
html[data-theme="light"] .team-card:hover {
    border-color: rgba(31, 174, 120, 0.34);
    box-shadow:
        0 20px 44px rgba(23, 48, 68, 0.1),
        0 10px 24px rgba(31, 174, 120, 0.09);
}

html[data-theme="light"] .pathway-card span,
html[data-theme="light"] .advantage-icon,
html[data-theme="light"] .review-tags span,
html[data-theme="light"] .reviews-orbit .review-tags span,
html[data-theme="light"] .useful-article-list a span {
    border-color: rgba(31, 174, 120, 0.2);
    background: rgba(31, 174, 120, 0.09);
    color: var(--mtih-light-accent-strong);
}

html[data-theme="light"] .useful-article-list a,
html[data-theme="light"] .blog-sidebar-links a,
html[data-theme="light"] .blog-empty-state,
html[data-theme="light"] .post-title-card,
html[data-theme="light"] .post-body,
html[data-theme="light"] .post-related-card {
    border-color: var(--mtih-light-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(244, 247, 246, 0.9)),
        var(--mtih-light-surface);
    color: var(--mtih-light-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .side-ad a,
html[data-theme="light"] .side-ad div {
    border-color: rgba(35, 74, 82, 0.14);
    background:
        radial-gradient(circle at 18% 16%, rgba(31, 174, 120, 0.08), transparent 34%),
        radial-gradient(circle at 82% 72%, rgba(23, 48, 68, 0.07), transparent 35%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(238, 243, 241, 0.88));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 16px 34px rgba(23, 48, 68, 0.1);
}

html[data-theme="light"] .side-ad span {
    color: rgba(83, 99, 107, 0.75);
}

html[data-theme="light"] .side-ad strong {
    color: var(--mtih-light-text);
}

html[data-theme="light"] .side-ad em {
    color: var(--mtih-light-accent-strong);
}

html[data-theme="light"] .site-footer {
    border-top-color: rgba(35, 74, 82, 0.12) !important;
    background:
        radial-gradient(circle at 16% 8%, rgba(31, 174, 120, 0.08), transparent 30%),
        radial-gradient(circle at 82% 18%, rgba(23, 48, 68, 0.06), transparent 32%),
        linear-gradient(180deg, #f8fbfa 0%, #edf3f1 100%) !important;
}

html[data-theme="light"] .site-footer-bottom {
    border-top-color: rgba(35, 74, 82, 0.12);
}

html[data-theme="light"] .site-footer-links a {
    color: var(--mtih-light-muted);
}

html[data-theme="light"] .site-footer-links a:hover {
    color: var(--mtih-light-accent-strong);
}

html[data-theme="light"] .scroll-top-button,
html[data-theme="light"] .live-support-toggle {
    border-color: rgba(35, 74, 82, 0.16);
    background:
        radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.86), transparent 36%),
        linear-gradient(135deg, rgba(31, 174, 120, 0.88), rgba(23, 48, 68, 0.88));
    box-shadow: 0 16px 34px rgba(23, 48, 68, 0.18);
}

@media (max-width: 1000px) {
    .site-nav-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .site-theme-toggle,
    .site-search-link {
        flex-basis: 44px;
        min-height: 44px;
        padding: 0;
    }

    html[data-theme="light"] .site-header nav {
        background: transparent;
    }
}

/* Light theme readability pass for interior pages. */
html[data-theme="light"] {
    --mtih-light-bg: #f2f5f3;
    --mtih-light-bg-soft: #e8eeeb;
    --mtih-light-surface: rgba(250, 252, 250, 0.92);
    --mtih-light-surface-strong: rgba(255, 255, 255, 0.96);
    --mtih-light-border: rgba(83, 102, 94, 0.16);
    --mtih-light-border-strong: rgba(83, 102, 94, 0.26);
    --mtih-light-text: #142129;
    --mtih-light-muted: #5f6f69;
    --mtih-light-accent: #789386;
    --mtih-light-accent-strong: #4f7f69;
    --mtih-light-sage: #dfe8e3;
    --mtih-light-sage-strong: #cfded6;
}

html[data-theme="light"] .detail-page,
html[data-theme="light"] .blog-index-page,
html[data-theme="light"] .category-page,
html[data-theme="light"] .post-detail-page,
html[data-theme="light"] .author-profile-page {
    color: var(--mtih-light-text);
}

html[data-theme="light"] .detail-hero,
html[data-theme="light"] .about-hero,
html[data-theme="light"] .contact-hero,
html[data-theme="light"] .disclosure-hero,
html[data-theme="light"] .disclaimer-hero,
html[data-theme="light"] .privacy-hero,
html[data-theme="light"] .reviews-detail-hero,
html[data-theme="light"] .blog-index-hero,
html[data-theme="light"] .category-hero,
html[data-theme="light"] .post-detail-hero,
html[data-theme="light"] .author-profile-hero {
    border: 1px solid rgba(83, 102, 94, 0.12);
    background:
        radial-gradient(circle at 16% 18%, rgba(120, 147, 134, 0.13), transparent 32%),
        radial-gradient(circle at 86% 12%, rgba(95, 111, 105, 0.09), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(232, 238, 235, 0.74));
    box-shadow: 0 20px 52px rgba(39, 51, 47, 0.08);
}

html[data-theme="light"] .about-content-section,
html[data-theme="light"] .contact-content-section,
html[data-theme="light"] .disclosure-content-section,
html[data-theme="light"] .disclaimer-content-section,
html[data-theme="light"] .privacy-content-section,
html[data-theme="light"] .blog-index-section,
html[data-theme="light"] .category-page,
html[data-theme="light"] .category-post-section,
html[data-theme="light"] .team-detail-section,
html[data-theme="light"] .author-articles-section {
    background:
        radial-gradient(circle at 90% 10%, rgba(120, 147, 134, 0.06), transparent 30%),
        linear-gradient(180deg, var(--mtih-light-bg-soft), #f8faf8 44%, var(--mtih-light-bg));
}

html[data-theme="light"] .detail-hero p,
html[data-theme="light"] .blog-index-hero p,
html[data-theme="light"] .category-heading-copy p,
html[data-theme="light"] .category-section-heading p,
html[data-theme="light"] .author-profile-title > p,
html[data-theme="light"] .author-profile-side-card > p,
html[data-theme="light"] .author-articles-heading p,
html[data-theme="light"] .contact-intro-card > span,
html[data-theme="light"] .contact-method-card p,
html[data-theme="light"] .contact-response-panel p,
html[data-theme="light"] .disclosure-main-card > span,
html[data-theme="light"] .disclosure-info-card p,
html[data-theme="light"] .disclosure-note-panel p,
html[data-theme="light"] .disclaimer-main-card > span,
html[data-theme="light"] .disclaimer-info-card p,
html[data-theme="light"] .disclaimer-policy-card p,
html[data-theme="light"] .disclaimer-note-panel p,
html[data-theme="light"] .privacy-main-card > span,
html[data-theme="light"] .privacy-info-card p,
html[data-theme="light"] .privacy-policy-card p,
html[data-theme="light"] .privacy-note-panel p,
html[data-theme="light"] .review-directory-top span,
html[data-theme="light"] .review-submit-panel > div p,
html[data-theme="light"] .about-lead-card span,
html[data-theme="light"] .about-sidebar-card > p,
html[data-theme="light"] .team-detail-copy span,
html[data-theme="light"] .resources-band .section-kicker,
html[data-theme="light"] .reviews-heading p {
    color: var(--mtih-light-accent-strong) !important;
    text-shadow: none;
}

html[data-theme="light"] .detail-hero h1,
html[data-theme="light"] .blog-index-hero h1,
html[data-theme="light"] .category-heading-copy h1,
html[data-theme="light"] .category-section-heading h2,
html[data-theme="light"] .author-profile-title h1,
html[data-theme="light"] .author-profile-side-card h2,
html[data-theme="light"] .author-articles-heading h2,
html[data-theme="light"] .author-article-copy h3,
html[data-theme="light"] .author-empty-state h3,
html[data-theme="light"] .team-detail-copy h2,
html[data-theme="light"] .team-detail-credentials strong,
html[data-theme="light"] .review-board-intro strong,
html[data-theme="light"] .about-story h2,
html[data-theme="light"] .about-sidebar-card h2,
html[data-theme="light"] .about-offer-list li,
html[data-theme="light"] .contact-method-card h2,
html[data-theme="light"] .contact-response-panel h2,
html[data-theme="light"] .contact-response-panel blockquote,
html[data-theme="light"] .disclosure-info-card h2,
html[data-theme="light"] .disclosure-policy-card h2,
html[data-theme="light"] .disclosure-note-panel h2,
html[data-theme="light"] .disclaimer-info-card h2,
html[data-theme="light"] .disclaimer-policy-card h2,
html[data-theme="light"] .disclaimer-note-panel h2,
html[data-theme="light"] .privacy-info-card h2,
html[data-theme="light"] .privacy-policy-card h2,
html[data-theme="light"] .privacy-note-panel h2,
html[data-theme="light"] .review-directory-card h2,
html[data-theme="light"] .review-submit-panel h2,
html[data-theme="light"] .blog-list-copy h2,
html[data-theme="light"] .blog-sidebar-card h2,
html[data-theme="light"] .category-post-copy h3,
html[data-theme="light"] .post-title-card h1,
html[data-theme="light"] .post-prose h2,
html[data-theme="light"] .post-prose h3,
html[data-theme="light"] .post-prose h4,
html[data-theme="light"] .post-prose strong,
html[data-theme="light"] .post-intro-copy strong,
html[data-theme="light"] .prose-article strong {
    color: var(--mtih-light-text) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .detail-hero-metrics span,
html[data-theme="light"] .blog-index-hero span,
html[data-theme="light"] .review-board-intro p,
html[data-theme="light"] .team-detail-copy p,
html[data-theme="light"] .author-profile-bio p,
html[data-theme="light"] .author-empty-state p,
html[data-theme="light"] .author-article-copy p,
html[data-theme="light"] .blog-list-copy p,
html[data-theme="light"] .category-summary,
html[data-theme="light"] .category-intro-copy p,
html[data-theme="light"] .category-intro-copy li,
html[data-theme="light"] .category-post-copy p,
html[data-theme="light"] .about-story p,
html[data-theme="light"] .contact-intro-card p,
html[data-theme="light"] .contact-method-card span,
html[data-theme="light"] .contact-response-panel span,
html[data-theme="light"] .disclosure-main-card p,
html[data-theme="light"] .disclosure-info-card span,
html[data-theme="light"] .disclosure-policy-card span,
html[data-theme="light"] .disclosure-note-panel span,
html[data-theme="light"] .disclaimer-main-card p,
html[data-theme="light"] .disclaimer-info-card span,
html[data-theme="light"] .disclaimer-policy-card span,
html[data-theme="light"] .disclaimer-note-panel span,
html[data-theme="light"] .privacy-main-card p,
html[data-theme="light"] .privacy-info-card span,
html[data-theme="light"] .privacy-policy-card span,
html[data-theme="light"] .privacy-note-panel span,
html[data-theme="light"] .privacy-use-list li,
html[data-theme="light"] .review-directory-card p,
html[data-theme="light"] .review-submit-panel > div span,
html[data-theme="light"] .post-breadcrumbs,
html[data-theme="light"] .post-byline span,
html[data-theme="light"] .post-byline-person,
html[data-theme="light"] .post-intro-copy p,
html[data-theme="light"] .post-prose p,
html[data-theme="light"] .post-prose li,
html[data-theme="light"] .post-prose figcaption,
html[data-theme="light"] .post-featured-image figcaption {
    color: var(--mtih-light-muted) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .review-board-intro,
html[data-theme="light"] .team-detail-card,
html[data-theme="light"] .author-profile-main-card,
html[data-theme="light"] .author-article-card,
html[data-theme="light"] .author-empty-state,
html[data-theme="light"] .author-focus-card,
html[data-theme="light"] .about-lead-card,
html[data-theme="light"] .about-text-block,
html[data-theme="light"] .about-sidebar-card,
html[data-theme="light"] .contact-intro-card,
html[data-theme="light"] .contact-method-card,
html[data-theme="light"] .contact-response-panel,
html[data-theme="light"] .disclosure-main-card,
html[data-theme="light"] .disclosure-info-card,
html[data-theme="light"] .disclosure-policy-card,
html[data-theme="light"] .disclosure-note-panel,
html[data-theme="light"] .disclaimer-main-card,
html[data-theme="light"] .disclaimer-info-card,
html[data-theme="light"] .disclaimer-policy-card,
html[data-theme="light"] .disclaimer-note-panel,
html[data-theme="light"] .privacy-main-card,
html[data-theme="light"] .privacy-info-card,
html[data-theme="light"] .privacy-policy-card,
html[data-theme="light"] .privacy-note-panel,
html[data-theme="light"] .review-directory-card,
html[data-theme="light"] .review-submit-panel,
html[data-theme="light"] .blog-list-card,
html[data-theme="light"] .blog-sidebar-card,
html[data-theme="light"] .blog-search-form,
html[data-theme="light"] .blog-empty-state,
html[data-theme="light"] .category-heading-card,
html[data-theme="light"] .category-description-card,
html[data-theme="light"] .category-post-card,
html[data-theme="light"] .post-title-card,
html[data-theme="light"] .post-article-card,
html[data-theme="light"] .post-comments,
html[data-theme="light"] .post-related-card {
    border-color: var(--mtih-light-border);
    background:
        linear-gradient(145deg, var(--mtih-light-surface-strong), rgba(239, 244, 241, 0.92)),
        var(--mtih-light-surface);
    box-shadow:
        0 16px 38px rgba(39, 51, 47, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .team-detail-card:nth-child(2),
html[data-theme="light"] .team-detail-card:nth-child(3),
html[data-theme="light"] .contact-method-card-accent,
html[data-theme="light"] .disclosure-info-card-accent,
html[data-theme="light"] .disclaimer-info-card-accent,
html[data-theme="light"] .privacy-info-card-accent,
html[data-theme="light"] .blog-sidebar-card-accent {
    border-color: rgba(120, 147, 134, 0.22);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(225, 234, 229, 0.9)),
        var(--mtih-light-surface);
    box-shadow: 0 16px 38px rgba(39, 51, 47, 0.08);
}

html[data-theme="light"] .team-detail-card::before,
html[data-theme="light"] .team-detail-card::after,
html[data-theme="light"] .about-lead-card::before,
html[data-theme="light"] .about-mission-card::before,
html[data-theme="light"] .about-sidebar-card::before,
html[data-theme="light"] .contact-intro-card::before,
html[data-theme="light"] .contact-response-panel::before,
html[data-theme="light"] .disclosure-main-card::before,
html[data-theme="light"] .disclosure-policy-card::before,
html[data-theme="light"] .disclosure-note-panel::before,
html[data-theme="light"] .disclaimer-main-card::before,
html[data-theme="light"] .disclaimer-policy-card::before,
html[data-theme="light"] .disclaimer-note-panel::before,
html[data-theme="light"] .privacy-main-card::before,
html[data-theme="light"] .privacy-policy-card::before,
html[data-theme="light"] .privacy-note-panel::before {
    opacity: 0.22;
}

html[data-theme="light"] .team-detail-credentials strong,
html[data-theme="light"] .team-detail-focus em,
html[data-theme="light"] .author-profile-title > span,
html[data-theme="light"] .author-focus-list span,
html[data-theme="light"] .author-profile-stats span,
html[data-theme="light"] .detail-hero-metrics span,
html[data-theme="light"] .about-offer-list li,
html[data-theme="light"] .review-directory-tags em,
html[data-theme="light"] .post-byline span,
html[data-theme="light"] .post-byline-person,
html[data-theme="light"] .category-heading-copy span,
html[data-theme="light"] .category-read-more {
    border-color: rgba(120, 147, 134, 0.22);
    background: rgba(223, 232, 227, 0.62);
    color: var(--mtih-light-text) !important;
}

html[data-theme="light"] .team-detail-focus em,
html[data-theme="light"] .author-focus-list em,
html[data-theme="light"] .category-read-more,
html[data-theme="light"] .contact-method-card a,
html[data-theme="light"] .post-breadcrumbs a,
html[data-theme="light"] .post-byline strong,
html[data-theme="light"] .blog-list-topic,
html[data-theme="light"] .author-article-meta a,
html[data-theme="light"] .about-sidebar-links a:hover,
html[data-theme="light"] .blog-sidebar-links a:hover strong,
html[data-theme="light"] .category-post-copy h3 a:hover {
    color: var(--mtih-light-accent-strong) !important;
}

html[data-theme="light"] .about-mission-card,
html[data-theme="light"] .disclosure-policy-card-dark,
html[data-theme="light"] .disclaimer-policy-card-dark,
html[data-theme="light"] .privacy-policy-card-dark {
    border-color: rgba(120, 147, 134, 0.22);
    background:
        radial-gradient(circle at 12% 18%, rgba(120, 147, 134, 0.12), transparent 34%),
        linear-gradient(145deg, #15232b, #0d171d);
    box-shadow: 0 18px 42px rgba(13, 23, 29, 0.18);
}

html[data-theme="light"] .about-mission-card h2,
html[data-theme="light"] .about-mission-card p,
html[data-theme="light"] .about-mission-card blockquote,
html[data-theme="light"] .disclosure-policy-card-dark h2,
html[data-theme="light"] .disclosure-policy-card-dark span,
html[data-theme="light"] .disclaimer-policy-card-dark h2,
html[data-theme="light"] .disclaimer-policy-card-dark span,
html[data-theme="light"] .privacy-policy-card-dark h2,
html[data-theme="light"] .privacy-policy-card-dark span {
    color: #eef7f3 !important;
}

html[data-theme="light"] .disclosure-policy-card-dark p,
html[data-theme="light"] .disclaimer-policy-card-dark p,
html[data-theme="light"] .privacy-policy-card-dark p {
    color: #9fb9ad !important;
}

html[data-theme="light"] .post-stat-stack span {
    border-color: rgba(83, 102, 94, 0.16);
    background: #15232b;
    color: #eef7f3;
}

html[data-theme="light"] .review-submit-form input,
html[data-theme="light"] .review-submit-form select,
html[data-theme="light"] .review-submit-form textarea,
html[data-theme="light"] .post-comment-form input,
html[data-theme="light"] .post-comment-form textarea,
html[data-theme="light"] .blog-search-form input {
    border-color: rgba(83, 102, 94, 0.18);
    background: rgba(255, 255, 255, 0.88);
    color: var(--mtih-light-text);
}

html[data-theme="light"] .review-submit-form input::placeholder,
html[data-theme="light"] .review-submit-form textarea::placeholder,
html[data-theme="light"] .post-comment-form input::placeholder,
html[data-theme="light"] .post-comment-form textarea::placeholder,
html[data-theme="light"] .blog-search-form input::placeholder {
    color: rgba(95, 111, 105, 0.58);
}

html[data-theme="light"] .site-footer {
    border-top-color: rgba(111, 140, 172, 0.18) !important;
    background:
        radial-gradient(circle at 16% 8%, rgba(66, 199, 131, 0.1), transparent 30%),
        radial-gradient(circle at 82% 18%, rgba(63, 95, 127, 0.16), transparent 32%),
        radial-gradient(circle at 86% 24%, rgba(239, 59, 45, 0.055), transparent 30%),
        linear-gradient(180deg, #081625 0%, #050b12 100%) !important;
    color: rgba(238, 247, 243, 0.78) !important;
}

html[data-theme="light"] .site-footer-main p,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .site-footer span,
html[data-theme="light"] .site-footer-links a {
    color: rgba(238, 247, 243, 0.78) !important;
}

html[data-theme="light"] .site-footer-links a:hover {
    color: #56f4c5 !important;
}

html[data-theme="light"] .site-footer-bottom {
    border-top-color: rgba(111, 140, 172, 0.16);
}

/* Light theme contrast pass for lower homepage sections. */
html[data-theme="light"] .home-latest-section .section-heading h2,
html[data-theme="light"] .home-final-cta .cta-article-heading h2,
html[data-theme="light"] .home-final-cta .useful-article-list strong,
html[data-theme="light"] .home-final-cta .useful-article-list a {
    color: var(--mtih-light-text) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .home-latest-section .section-heading p,
html[data-theme="light"] .home-final-cta .cta-article-heading p {
    color: var(--mtih-light-accent-strong) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .home-latest-section .section-heading > a,
html[data-theme="light"] .home-final-cta .cta-article-heading span,
html[data-theme="light"] .home-final-cta .modern-shell > p,
html[data-theme="light"] .home-final-cta p {
    color: var(--mtih-light-muted) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .home-final-cta .cta-panel {
    border-color: rgba(83, 102, 94, 0.14) !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(120, 147, 134, 0.08), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(95, 111, 105, 0.055), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(236, 242, 239, 0.86)) !important;
    box-shadow:
        0 18px 44px rgba(39, 51, 47, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

html[data-theme="light"] .home-final-cta .useful-article-list a {
    border-color: rgba(83, 102, 94, 0.12) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(230, 237, 233, 0.78)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="light"] .home-final-cta .useful-article-list a span {
    border-color: rgba(120, 147, 134, 0.22) !important;
    background: rgba(223, 232, 227, 0.74) !important;
    color: var(--mtih-light-accent-strong) !important;
}

/* Hero transition, trust strip, and light search polish. */
.modern-hero:has(.home-terminal-hero)::after {
    background:
        linear-gradient(0deg, var(--mtih-post-bg) 0%, var(--mtih-post-bg-lift) 36%, #0b1418 72%, #071117 100%),
        radial-gradient(circle at 50% 100%, rgba(111, 140, 172, 0.12), transparent 46%) !important;
}

.hero-trust-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 28px;
    width: min(720px, 100%);
    margin: 56px 0 0 auto;
    padding-top: 26px;
    border-top: 1px solid rgba(86, 244, 197, 0.16);
}

.hero-trust-avatars {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    padding-left: 2px;
    color: inherit;
    cursor: pointer;
    isolation: isolate;
    text-decoration: none;
}

.hero-trust-avatars span {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    width: 56px;
    height: 56px;
    margin-left: -20px;
    border: 4px solid #061016;
    border-radius: 999px;
    background: #31d4ae;
    color: #041016;
    font-size: 0.96rem;
    font-weight: 950;
    letter-spacing: 0;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        filter 180ms ease;
}

.hero-trust-avatars span:first-child {
    margin-left: 0;
}

.hero-trust-avatars span:nth-child(2) {
    background: #ef3b4b;
    color: #061016;
}

.hero-trust-avatars span:nth-child(3) {
    background: #63d7bd;
}

.hero-trust-avatars span:nth-child(4) {
    background: #f8c35b;
}

.hero-trust-avatars span:nth-child(5) {
    background: #54bde8;
}

.hero-trust-avatars span:nth-child(6) {
    background: #f17872;
}

.hero-trust-avatars span:nth-child(7) {
    background: #d4dfdc;
}

.hero-trust-avatars span:hover {
    z-index: 2;
    transform: translateY(-8px) scale(1.08);
    border-color: #56f4c5;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.3), 0 0 0 5px rgba(86, 244, 197, 0.12);
    filter: saturate(1.12);
}

.hero-trust-avatars img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.08);
    transform-origin: center;
}

.hero-trust-avatars:focus-visible {
    outline: none;
}

.hero-trust-avatars:focus-visible span {
    transform: translateY(-4px);
    border-color: #56f4c5;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28), 0 0 0 5px rgba(86, 244, 197, 0.12);
}

.hero-trust-copy {
    flex: 1 1 220px;
    min-width: 0;
}

.hero-trust-copy strong,
.hero-trust-copy span {
    display: block;
}

.hero-trust-copy strong {
    color: #eef7f3;
    font-size: clamp(1.05rem, 1.5vw, 1.35rem);
    line-height: 1.15;
}

.hero-trust-copy span {
    margin-top: 6px;
    color: #8fa4aa;
    font-size: clamp(1rem, 1.3vw, 1.2rem);
    font-weight: 720;
    line-height: 1.2;
}

.hero-trust-copy b {
    color: #56f4c5;
    font-weight: 900;
    letter-spacing: 0.02em;
}

html[data-theme="light"] .modern-hero:has(.home-terminal-hero)::after {
    background:
        linear-gradient(0deg, #eef3f1 0%, #f2f5f3 36%, #e8eeeb 72%, #e2e9e6 100%),
        radial-gradient(circle at 50% 100%, rgba(83, 102, 94, 0.08), transparent 44%) !important;
}

html[data-theme="light"] .home-hero-only::after {
    background:
        linear-gradient(180deg, #e2e9e6 0%, #e8eeeb 28%, #f2f5f3 58%, #eef3f1 100%),
        radial-gradient(circle at 50% 100%, rgba(83, 102, 94, 0.07), transparent 44%);
}

/* Strict neutral transition pass: keep the curtain visually tied to the next section. */
.ict-home:has(.home-terminal-hero) {
    background:
        radial-gradient(circle at 78% 0%, rgba(63, 95, 127, 0.14), transparent 34%),
        radial-gradient(circle at 10% 96%, rgba(111, 140, 172, 0.08), transparent 34%),
        linear-gradient(180deg, #07121a 0%, #0b1418 44%, var(--mtih-post-bg) 100%) !important;
}

.home-hero-only {
    background:
        linear-gradient(180deg, #07121a 0%, #08131a 50%, var(--mtih-post-bg) 100%);
}

.home-ad-layout-after-hero::before,
.home-content-only::before {
    background:
        radial-gradient(circle at 86% 22%, rgba(111, 140, 172, 0.08), transparent 30%),
        radial-gradient(circle at 10% 72%, rgba(239, 59, 45, 0.022), transparent 30%),
        linear-gradient(180deg, #0b1418 0%, var(--mtih-post-bg-lift) 28%, var(--mtih-post-bg) 100%) !important;
}

html[data-theme="light"] .ict-home:has(.home-terminal-hero) {
    background:
        radial-gradient(circle at 78% 0%, rgba(95, 111, 105, 0.08), transparent 34%),
        radial-gradient(circle at 10% 96%, rgba(83, 102, 94, 0.055), transparent 34%),
        linear-gradient(180deg, #f8fbfa 0%, #f2f5f3 44%, #eef3f1 100%) !important;
}

html[data-theme="light"] .home-hero-only {
    background:
        linear-gradient(180deg, #f8fbfa 0%, #f2f5f3 52%, #eef3f1 100%);
}

/* Corrected curtain model: one solid layer matching the next section. */
.ict-home:has(.home-terminal-hero) {
    background:
        radial-gradient(circle at 72% 0%, rgba(66, 199, 131, 0.12), transparent 34%),
        radial-gradient(circle at 10% 100%, rgba(239, 59, 45, 0.06), transparent 34%),
        linear-gradient(180deg, #06130f 0%, #0a221a 44%, #06100d 100%) !important;
}

.home-hero-only {
    background:
        radial-gradient(circle at 72% 0%, rgba(66, 199, 131, 0.12), transparent 34%),
        linear-gradient(180deg, #06130f 0%, #0a221a 52%, #06100d 100%) !important;
}

.home-hero-only::after {
    display: none !important;
}

.modern-hero:has(.home-terminal-hero)::after {
    background: #06100d !important;
}

html[data-theme="light"] .ict-home:has(.home-terminal-hero) {
    background:
        radial-gradient(circle at 76% 0%, rgba(31, 174, 120, 0.11), transparent 34%),
        radial-gradient(circle at 14% 96%, rgba(23, 48, 68, 0.075), transparent 34%),
        linear-gradient(180deg, #f8fbfa 0%, var(--mtih-light-bg) 44%, #eef3f1 100%) !important;
}

html[data-theme="light"] .home-hero-only {
    background:
        radial-gradient(circle at 76% 0%, rgba(31, 174, 120, 0.11), transparent 34%),
        linear-gradient(180deg, #f8fbfa 0%, var(--mtih-light-bg) 52%, #eef3f1 100%) !important;
}

html[data-theme="light"] .modern-hero:has(.home-terminal-hero)::after {
    background: #eef3f1 !important;
}

/* Final curtain implementation: outside the hero, solid, and tied to the next section. */
:root {
    --mtih-next-section-curtain: #0b1418;
    --mtih-next-section-curtain-light: #eef3f1;
}

.modern-hero:has(.home-terminal-hero)::after {
    display: none !important;
}

.home-next-section-curtain {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    display: block;
    height: var(--hero-curtain-height, 0%);
    background: var(--mtih-next-section-curtain);
    opacity: 1;
    pointer-events: none;
    transition: height 80ms linear;
}

html[data-theme="light"] .home-next-section-curtain {
    background: var(--mtih-next-section-curtain-light);
}

html[data-theme="light"] .hero-trust-strip {
    border-top-color: rgba(83, 102, 94, 0.16);
}

html[data-theme="light"] .hero-trust-avatars span {
    border-color: rgba(248, 251, 250, 0.92);
    box-shadow: 0 12px 24px rgba(39, 51, 47, 0.12);
}

html[data-theme="light"] .hero-trust-copy strong {
    color: var(--mtih-light-text);
}

html[data-theme="light"] .hero-trust-copy span {
    color: var(--mtih-light-muted);
}

html[data-theme="light"] .hero-trust-copy b {
    color: var(--mtih-light-accent-strong);
}

html[data-theme="light"] .site-search-backdrop {
    background:
        radial-gradient(circle at 18% 18%, rgba(120, 147, 134, 0.28), transparent 34%),
        radial-gradient(circle at 78% 4%, rgba(31, 174, 120, 0.16), transparent 30%),
        rgba(9, 18, 17, 0.42);
    backdrop-filter: blur(9px) saturate(1.08);
}

html[data-theme="light"] .site-search-panel {
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(120, 147, 134, 0.26);
    border-radius: 28px;
    background:
        radial-gradient(circle at 18% 12%, rgba(120, 147, 134, 0.28), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(31, 174, 120, 0.12), transparent 32%),
        linear-gradient(145deg, rgba(248, 251, 250, 0.76), rgba(229, 237, 233, 0.62)) !important;
    box-shadow:
        0 34px 88px rgba(23, 48, 42, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(22px) saturate(1.16);
    color: var(--mtih-light-text);
}

html[data-theme="light"] .site-search-close {
    border-color: rgba(255, 255, 255, 0.72);
    background:
        radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.82), transparent 38%),
        rgba(17, 31, 36, 0.28);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(23, 48, 42, 0.18);
    backdrop-filter: blur(12px);
}

html[data-theme="light"] .site-search-field {
    padding: 18px 18px 24px;
    border: 1px solid rgba(120, 147, 134, 0.18) !important;
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 24%, rgba(120, 147, 134, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.64), rgba(227, 236, 232, 0.46)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

html[data-theme="light"] .site-search-field > span::before {
    border-color: rgba(79, 127, 105, 0.72);
}

html[data-theme="light"] .site-search-field > span::after {
    background: rgba(79, 127, 105, 0.72);
}

html[data-theme="light"] .site-search-status {
    color: #53665f !important;
}

/* Final light-mode post-hero surface cleanup. */
html[data-theme="light"] {
    --mtih-next-section-curtain-light: #eef3f1;
}

html[data-theme="light"] .home-ad-layout-after-hero,
html[data-theme="light"] .home-content-only {
    background: #eef3f1 !important;
}

html[data-theme="light"] .home-ad-layout-after-hero::before,
html[data-theme="light"] .home-content-only::before {
    background:
        radial-gradient(circle at 18% 8%, rgba(120, 147, 134, 0.07), transparent 30%),
        radial-gradient(circle at 86% 20%, rgba(95, 111, 105, 0.045), transparent 32%),
        linear-gradient(180deg, #eef3f1 0%, #f2f5f3 34%, #f8fbfa 100%) !important;
}

html[data-theme="light"] .hero-after-ad .top-ad-slot,
html[data-theme="light"] .top-ad-slot {
    border-color: rgba(83, 102, 94, 0.14) !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(120, 147, 134, 0.12), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(228, 237, 232, 0.76)) !important;
    box-shadow:
        0 18px 42px rgba(39, 51, 47, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html[data-theme="light"] .top-ad-slot div,
html[data-theme="light"] .top-ad-slot a {
    border-color: rgba(120, 147, 134, 0.16) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.42), rgba(223, 232, 227, 0.34)) !important;
}

html[data-theme="light"] .top-ad-slot span,
html[data-theme="light"] .top-ad-slot em {
    color: var(--mtih-light-accent-strong) !important;
}

html[data-theme="light"] .top-ad-slot strong {
    color: var(--mtih-light-text) !important;
}

@media (max-width: 760px) {
    .hero-trust-strip {
        align-items: flex-start;
        width: 100%;
        margin-top: 48px;
        gap: 18px;
    }

    .hero-trust-avatars span {
        width: 48px;
        height: 48px;
        margin-left: -17px;
        border-width: 3px;
        font-size: 0.82rem;
    }

    .hero-trust-avatars span:hover {
        transform: translateY(-5px) scale(1.05);
    }

    html[data-theme="light"] .site-search-panel {
        padding: 18px;
        border-radius: 22px;
    }
}

/* Product post detail pages. */
.product-detail-page {
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 8%, rgba(86, 244, 197, 0.08), transparent 30%),
        linear-gradient(180deg, #111d27 0%, #172532 48%, #101a23 100%);
    color: #f8fafc;
}

.product-hero {
    padding: 42px 0 62px;
    background:
        linear-gradient(rgba(153, 177, 190, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(153, 177, 190, 0.055) 1px, transparent 1px),
        radial-gradient(circle at 14% 18%, rgba(86, 244, 197, 0.09), transparent 32%),
        radial-gradient(circle at 92% 16%, rgba(249, 184, 91, 0.08), transparent 28%);
    background-size: 44px 44px, 44px 44px, auto, auto;
}

.product-breadcrumbs {
    margin-bottom: 22px;
}

.product-page-heading {
    width: 100%;
    max-width: none;
    margin: 0 0 clamp(22px, 3vw, 34px);
}

.product-page-heading p {
    margin: 0 0 12px;
    color: #56f4c5;
    font-size: 0.78rem;
    font-weight: 930;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.product-page-heading h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.9rem, 3vw, 2.65rem);
    font-weight: 650;
    line-height: 1.16;
    text-wrap: wrap;
}

.product-heading-meta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px 18px;
    align-items: center;
    margin-top: 20px;
}

.product-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.68fr);
    gap: clamp(18px, 2.4vw, 32px);
    align-items: start;
}

.product-media-panel,
.product-summary-panel,
.product-content-card,
.product-sticky-card {
    border: 1px solid rgba(139, 163, 178, 0.18);
    background:
        linear-gradient(145deg, rgba(35, 53, 66, 0.92), rgba(13, 27, 38, 0.96)),
        rgba(14, 27, 38, 0.94);
    box-shadow:
        0 28px 72px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.product-media-panel {
    overflow: hidden;
    padding: clamp(14px, 2vw, 20px);
    border-radius: 30px;
}

.product-platform-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 10px;
    padding: 6px;
    border-radius: 15px;
    background: rgba(6, 15, 25, 0.72);
}

.product-platform-switch a,
.product-platform-switch span {
    display: grid;
    min-height: 44px;
    place-items: center;
    border-radius: 12px;
    color: #d6e2e1;
    font-size: clamp(0.92rem, 1.35vw, 1.08rem);
    font-weight: 760;
    line-height: 1.1;
    transition: transform 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.product-platform-switch a:hover {
    transform: translateY(-1px);
    color: #ffffff;
}

.product-platform-switch .is-active {
    background: linear-gradient(135deg, #2563eb, #11c7b4 92%);
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.32);
}

.product-platform-switch .is-disabled {
    opacity: 0.48;
}

.product-main-media {
    position: relative;
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(86, 244, 197, 0.18);
    border-radius: 24px;
    background:
        radial-gradient(circle at 72% 22%, rgba(86, 244, 197, 0.15), transparent 25%),
        #0c1823;
}

.product-main-media img,
.product-media-placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.product-main-media img {
    object-fit: cover;
}

.product-main-media figcaption {
    position: absolute;
    top: 18px;
    right: 18px;
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    border-radius: 999px;
    background: rgba(9, 21, 32, 0.86);
    color: #56f4c5;
    font-size: 0.82rem;
    font-weight: 900;
    padding: 0 14px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.product-media-placeholder {
    display: grid;
    place-content: center;
    text-align: center;
}

.product-media-placeholder span {
    color: #56f4c5;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.16em;
}

.product-media-placeholder strong {
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 4.4rem);
}

.product-gallery-strip {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 0 0 4px;
    scrollbar-width: thin;
}

.product-gallery-strip button {
    flex: 0 0 clamp(108px, 13.8vw, 168px);
    overflow: hidden;
    border: 1px solid rgba(139, 163, 178, 0.18);
    border-radius: 13px;
    background: rgba(6, 15, 25, 0.72);
    padding: 0;
    cursor: pointer;
    transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.product-gallery-strip button:hover,
.product-gallery-strip button:focus-visible,
.product-gallery-strip button.is-active {
    border-color: rgba(86, 244, 197, 0.58);
    box-shadow: 0 0 0 3px rgba(86, 244, 197, 0.12);
    outline: 0;
}

.product-gallery-strip button:hover {
    transform: translateY(-1px);
}

.product-gallery-strip img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.product-summary-panel {
    padding: clamp(20px, 2.6vw, 30px);
    border-radius: 30px;
}

.product-info-header {
    margin: 0 0 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(139, 163, 178, 0.17);
}

.product-info-header p {
    margin: 0 0 7px;
    color: #56f4c5;
    font-size: 0.78rem;
    font-weight: 930;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.product-info-header strong {
    display: block;
    color: #f8fafc;
    font-size: clamp(1.04rem, 1.42vw, 1.2rem);
    font-weight: 780;
    line-height: 1.28;
}

.product-section-heading p,
.product-sticky-card > p {
    margin: 0 0 12px;
    color: #56f4c5;
    font-size: 0.78rem;
    font-weight: 930;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.product-lead {
    margin: 0;
    color: #c4d2d3;
    font-size: clamp(1rem, 1.55vw, 1.16rem);
    font-weight: 560;
    line-height: 1.78;
}

.product-feature-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 22px 0 0;
}

.product-feature-pills span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    border: 1px solid rgba(86, 244, 197, 0.24);
    border-radius: 999px;
    background: rgba(86, 244, 197, 0.09);
    color: #dffcf4;
    font-size: 0.78rem;
    font-weight: 820;
    padding: 0 12px;
}

.product-facts,
.product-sticky-card dl {
    display: grid;
    gap: 0;
    margin: 10px 0 0;
}

.product-facts div,
.product-sticky-card dl div {
    display: grid;
    grid-template-columns: minmax(120px, 0.45fr) minmax(0, 0.55fr);
    gap: 12px;
    align-items: start;
    padding: 9px 0;
    border-top: 1px solid rgba(139, 163, 178, 0.17);
}

.product-facts dt,
.product-sticky-card dt {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #f8fafc;
    font-size: 0.9rem;
    font-weight: 860;
    line-height: 1.22;
}

.product-fact-icon {
    display: inline-grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(86, 244, 197, 0.2);
    border-radius: 10px;
    background: rgba(86, 244, 197, 0.1);
    color: #56f4c5;
}

.product-fact-icon svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.product-facts dd,
.product-sticky-card dd {
    margin: 0;
    color: #56f4c5;
    font-size: 0.92rem;
    font-weight: 760;
    line-height: 1.32;
    text-align: right;
}

.product-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 16px;
}

.product-download-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 8px;
    border-radius: 13px;
    border: 1px solid rgba(86, 244, 197, 0.34);
    background: #0f766e;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 880;
    padding: 0 16px;
    box-shadow: 0 16px 30px rgba(15, 118, 110, 0.25);
    transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.product-download-button:hover {
    transform: translateY(-2px);
    color: #ffffff;
    border-color: rgba(86, 244, 197, 0.5);
    background: #0d9488;
    box-shadow: 0 22px 40px rgba(13, 148, 136, 0.28);
}

.product-download-button.is-disabled {
    cursor: not-allowed;
    opacity: 0.68;
}

.product-download-button svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.product-download-count {
    color: #aebbc0;
    font-size: 0.82rem;
    font-weight: 760;
}

.product-content-section {
    padding: 0 0 70px;
}

.product-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.product-content-card {
    padding: clamp(24px, 4vw, 42px);
    border-radius: 30px;
}

.product-faq-section {
    margin-top: clamp(22px, 3vw, 34px);
    border-color: rgba(139, 163, 178, 0.18);
    background:
        linear-gradient(145deg, rgba(35, 53, 66, 0.92), rgba(13, 27, 38, 0.96)),
        rgba(14, 27, 38, 0.94);
    box-shadow:
        0 24px 62px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.product-comments-section {
    padding: 0 0 28px;
}

.product-comments-card {
    background:
        linear-gradient(145deg, rgba(35, 53, 66, 0.92), rgba(13, 27, 38, 0.96)),
        rgba(14, 27, 38, 0.94);
}

.product-useful-section {
    margin-top: 0;
}

.product-section-heading h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(1.45rem, 2.35vw, 2.05rem);
    font-weight: 650;
    line-height: 1.2;
}

.product-sticky-card {
    position: sticky;
    top: 116px;
    padding: 24px;
    border-radius: 24px;
}

.product-sticky-card > strong {
    display: block;
    color: #ffffff;
    font-size: 1.12rem;
    line-height: 1.32;
}

.product-alt-link {
    display: inline-flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    border: 1px solid rgba(86, 244, 197, 0.24);
    border-radius: 14px;
    color: #56f4c5;
    font-weight: 860;
}

.product-alt-link:hover {
    background: rgba(86, 244, 197, 0.1);
    color: #ffffff;
}

html[data-theme="light"] .product-detail-page {
    background:
        radial-gradient(circle at 86% 8%, rgba(120, 147, 134, 0.12), transparent 30%),
        linear-gradient(180deg, #f2f5f3, #ffffff 48%, #e8eeeb);
    color: var(--mtih-light-text);
}

html[data-theme="light"] .product-hero {
    background:
        linear-gradient(rgba(25, 87, 132, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(25, 87, 132, 0.055) 1px, transparent 1px),
        radial-gradient(circle at 14% 18%, rgba(120, 147, 134, 0.13), transparent 32%),
        radial-gradient(circle at 92% 16%, rgba(249, 184, 91, 0.12), transparent 28%);
    background-size: 44px 44px, 44px 44px, auto, auto;
}

html[data-theme="light"] .product-media-panel,
html[data-theme="light"] .product-summary-panel,
html[data-theme="light"] .product-content-card,
html[data-theme="light"] .product-sticky-card,
html[data-theme="light"] .product-faq-section {
    border-color: var(--mtih-light-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(232, 238, 235, 0.84)),
        var(--mtih-light-surface-strong);
    box-shadow: 0 22px 54px rgba(39, 51, 47, 0.1);
}

html[data-theme="light"] .product-platform-switch {
    background: rgba(20, 33, 41, 0.08);
}

html[data-theme="light"] .product-platform-switch a,
html[data-theme="light"] .product-platform-switch span {
    color: #142129;
}

html[data-theme="light"] .product-platform-switch .is-active,
html[data-theme="light"] .product-download-button {
    color: #ffffff;
}

html[data-theme="light"] .product-summary-panel h1,
html[data-theme="light"] .product-page-heading h1,
html[data-theme="light"] .product-section-heading h2,
html[data-theme="light"] .product-sticky-card > strong,
html[data-theme="light"] .product-info-header strong,
html[data-theme="light"] .product-facts dt,
html[data-theme="light"] .product-sticky-card dt {
    color: var(--mtih-light-text);
}

html[data-theme="light"] .product-comments-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(232, 238, 235, 0.84)),
        var(--mtih-light-surface-strong);
}

html[data-theme="light"] .product-lead,
html[data-theme="light"] .product-download-count {
    color: var(--mtih-light-muted);
}

html[data-theme="light"] .product-facts dd,
html[data-theme="light"] .product-sticky-card dd,
html[data-theme="light"] .product-page-heading p,
html[data-theme="light"] .product-info-header p,
html[data-theme="light"] .product-section-heading p,
html[data-theme="light"] .product-sticky-card > p,
html[data-theme="light"] .product-alt-link {
    color: #00796f;
}

html[data-theme="light"] .product-feature-pills span {
    border-color: rgba(0, 121, 111, 0.24);
    background: rgba(0, 121, 111, 0.08);
    color: #0f766e;
}

html[data-theme="light"] .product-gallery-strip button {
    border-color: var(--mtih-light-border);
    background: rgba(255, 255, 255, 0.74);
}

html[data-theme="light"] .product-fact-icon {
    border-color: rgba(0, 121, 111, 0.2);
    background: rgba(0, 121, 111, 0.08);
    color: #00796f;
}

@media (max-width: 1000px) {
    .product-shell,
    .product-content-grid,
    .product-heading-meta {
        grid-template-columns: 1fr;
    }

    .product-sticky-card {
        position: static;
    }
}

@media (max-width: 640px) {
    .product-platform-switch a,
    .product-platform-switch span {
        min-height: 48px;
        font-size: 0.94rem;
    }

    .product-facts div,
    .product-sticky-card dl div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .product-facts dd,
    .product-sticky-card dd {
        text-align: left;
    }
}

/* Global heading scale reduction: keep existing layout/color, reduce oversized H1/H2/H3. */
.home-terminal-hero .hero-copy h1,
.hero-copy h1 {
    font-size: clamp(2rem, 3.5vw, 3.1rem);
    font-weight: 650;
    line-height: 1.1;
    text-wrap: wrap;
}

.detail-hero h1,
.blog-index-hero h1,
.category-heading-copy h1,
.author-profile-title h1,
.reviews-detail-hero h1,
.error-panel h1 {
    font-size: clamp(1.85rem, 3.3vw, 2.9rem);
    font-weight: 650;
    line-height: 1.14;
    text-wrap: wrap;
}

.post-title-card h1 {
    font-size: clamp(1.9rem, 3vw, 2.65rem);
    font-weight: 650;
    line-height: 1.16;
    text-wrap: wrap;
    width: 100%;
    max-width: none;
    min-width: 0;
    overflow-wrap: normal;
    word-break: normal;
}

.section-heading h2,
.resources-grid h2,
.cta-panel h2,
.reviews-heading h2,
.team-detail-copy h2,
.author-articles-heading h2,
.contact-response-panel h2,
.disclosure-note-panel h2,
.disclaimer-note-panel h2,
.privacy-note-panel h2,
.category-section-heading h2,
.post-faq h2 {
    font-size: clamp(1.45rem, 2.35vw, 2.05rem);
    font-weight: 650;
    line-height: 1.2;
    text-wrap: wrap;
}

.blog-list-copy h2,
.about-story h2,
.about-sidebar-card h2,
.about-mission-card h2,
.contact-method-card h2,
.disclosure-info-card h2,
.disclosure-policy-card h2,
.disclosure-policy-card-dark h2,
.disclaimer-info-card h2,
.disclaimer-policy-card h2,
.disclaimer-policy-card-dark h2,
.privacy-info-card h2,
.privacy-policy-card h2,
.privacy-policy-card-dark h2,
.review-directory-card h2,
.review-submit-panel h2,
.author-profile-side-card h2,
.blog-sidebar-card h2,
.blog-empty-state h2,
.post-comments-header h2,
.post-takeaways h2,
.prose-article h2 {
    font-size: clamp(1.25rem, 1.75vw, 1.55rem);
    font-weight: 650;
    line-height: 1.25;
    text-wrap: wrap;
}

.category-intro-copy h2,
.post-prose h2 {
    font-size: clamp(1.32rem, 1.95vw, 1.75rem);
    font-weight: 650;
    line-height: 1.26;
    text-wrap: wrap;
}

.prose-article h1 {
    font-size: clamp(1.65rem, 2.65vw, 2.15rem);
    font-weight: 650;
    line-height: 1.18;
    text-wrap: wrap;
}

.pathway-card h3,
.modern-article-card h3,
.team-copy h3,
.review-meta h3,
.reviews-orbit .review-meta h3,
.mastery-step h3,
.author-article-copy h3,
.author-empty-state h3,
.category-post-copy h3 {
    font-size: clamp(1.05rem, 1.45vw, 1.25rem);
    font-weight: 650;
    line-height: 1.28;
    text-wrap: wrap;
}

.category-intro-copy h3,
.post-prose h3,
.prose-article h3 {
    font-size: clamp(1.16rem, 1.65vw, 1.42rem);
    font-weight: 650;
    line-height: 1.3;
    text-wrap: wrap;
}

@media (max-width: 760px) {
    .home-terminal-hero .hero-copy h1,
    .hero-copy h1,
    .detail-hero h1,
    .blog-index-hero h1,
    .category-heading-copy h1,
    .author-profile-title h1,
    .reviews-detail-hero h1,
    .post-title-card h1,
    .error-panel h1 {
        font-size: clamp(1.7rem, 7.2vw, 2.05rem);
        line-height: 1.16;
    }

    .section-heading h2,
    .resources-grid h2,
    .cta-panel h2,
    .reviews-heading h2,
    .team-detail-copy h2,
    .author-articles-heading h2,
    .contact-response-panel h2,
    .disclosure-note-panel h2,
    .disclaimer-note-panel h2,
    .privacy-note-panel h2,
    .category-section-heading h2,
    .post-prose h2,
    .post-faq h2,
    .post-comments-header h2,
    .blog-empty-state h2 {
        font-size: clamp(1.25rem, 6vw, 1.6rem);
        line-height: 1.24;
    }

    .pathway-card h3,
    .modern-article-card h3,
    .team-copy h3,
    .review-meta h3,
    .reviews-orbit .review-meta h3,
    .mastery-step h3,
    .author-article-copy h3,
    .author-empty-state h3,
    .category-post-copy h3,
    .category-intro-copy h3,
    .post-prose h3,
    .prose-article h3 {
        font-size: clamp(1.08rem, 5vw, 1.3rem);
        line-height: 1.3;
    }
}

/* Temporary font test: crypto.news-style Noto Sans with current local font as fallback. */
:root {
    --ict-font-sans: "Noto Sans", "Montserrat", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Intentional hero exception: keep the main promise larger than section headings. */
.home-terminal-hero .hero-copy h1 {
    font-size: clamp(2.45rem, 5.2vw, 4.7rem);
    line-height: 1.02;
}

/* Homepage section two: compact designed indicator system visual. */
#pathways .section-heading-visual {
    grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.5fr);
    align-items: center;
}

#pathways .section-heading-visual > div:first-child,
#pathways .section-heading h2,
#pathways .section-heading .section-heading-subtitle {
    max-width: 690px;
}

.section-heading .section-heading-subtitle {
    display: block;
    margin-top: 14px;
    color: rgba(226, 232, 240, 0.84) !important;
    font-size: clamp(1rem, 1.38vw, 1.2rem);
    font-weight: 520;
    letter-spacing: 0;
    line-height: 1.38;
    text-transform: none;
}

.section-indicators-visual {
    --indicator-surface: rgba(10, 25, 38, 0.92);
    --indicator-panel: rgba(14, 31, 46, 0.82);
    --indicator-border: rgba(148, 163, 184, 0.22);
    --indicator-line: rgba(148, 163, 184, 0.2);
    --indicator-texture: rgba(86, 244, 197, 0.1);
    --indicator-main: #56f4c5;
    --indicator-alt: #f6b85a;
    --indicator-blue: #60a5fa;
    min-height: clamp(220px, 17vw, 270px);
    overflow: visible;
    border: 0;
    background: transparent;
    filter: none;
    isolation: isolate;
}

.section-indicators-visual::before {
    z-index: 0;
    inset: 14px 12px 18px;
    border: 1px solid var(--indicator-border);
    border-radius: 28px;
    background:
        linear-gradient(var(--indicator-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--indicator-line) 1px, transparent 1px),
        linear-gradient(135deg, rgba(86, 244, 197, 0.08), transparent 34%, rgba(246, 184, 90, 0.08)),
        var(--indicator-surface);
    background-size: 34px 34px, 34px 34px, auto, auto;
    mask-image: none;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);
}

.section-indicators-visual::after {
    z-index: 4;
    inset: 14px 12px 18px;
    width: auto;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 36%, rgba(86, 244, 197, 0.08));
    opacity: 0.85;
    animation: none;
    pointer-events: none;
}

.indicator-lab-panel,
.indicator-side-panel,
.indicator-mini-panel {
    position: absolute;
    z-index: 2;
    border: 1px solid var(--indicator-border);
    border-radius: 20px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent),
        var(--indicator-panel);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 48px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(14px);
}

.indicator-lab-panel {
    inset: 0 52px 28px 0;
    padding: 16px;
}

.indicator-toolbar {
    display: flex;
    gap: 7px;
    margin-bottom: 14px;
}

.indicator-toolbar span {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--indicator-main);
    box-shadow: 0 0 16px rgba(86, 244, 197, 0.35);
}

.indicator-toolbar span:nth-child(2) {
    background: var(--indicator-alt);
}

.indicator-toolbar span:nth-child(3) {
    background: var(--indicator-blue);
}

.indicator-chart-panel {
    position: relative;
    height: 132px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 16px;
    background:
        linear-gradient(rgba(148, 163, 184, 0.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.1) 1px, transparent 1px),
        rgba(2, 6, 12, 0.22);
    background-size: 100% 33%, 46px 100%, auto;
}

.indicator-zone {
    position: absolute;
    right: 24px;
    left: 92px;
    height: 22px;
    border: 1px solid rgba(86, 244, 197, 0.28);
    border-radius: 999px;
    background: rgba(86, 244, 197, 0.12);
}

.indicator-zone-top {
    top: 28px;
}

.indicator-zone-bottom {
    bottom: 26px;
    border-color: rgba(246, 184, 90, 0.28);
    background: rgba(246, 184, 90, 0.12);
}

.indicator-candle {
    position: absolute;
    z-index: 2;
    bottom: 28px;
    width: 9px;
    border-radius: 999px;
    background: var(--indicator-main);
    box-shadow: 0 0 18px rgba(86, 244, 197, 0.25);
}

.indicator-candle::before {
    content: "";
    position: absolute;
    top: -14px;
    bottom: -14px;
    left: 50%;
    width: 1px;
    background: rgba(226, 232, 240, 0.42);
    transform: translateX(-50%);
}

.indicator-candle-one {
    left: 34px;
    height: 54px;
}

.indicator-candle-two {
    left: 56px;
    height: 34px;
    background: var(--indicator-alt);
}

.indicator-candle-three {
    left: 78px;
    height: 72px;
    background: var(--indicator-blue);
}

.indicator-wave {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.indicator-wave path {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.indicator-wave-main {
    stroke: var(--indicator-main);
    stroke-width: 5;
    filter: drop-shadow(0 8px 14px rgba(86, 244, 197, 0.22));
}

.indicator-wave-secondary {
    stroke: var(--indicator-alt);
    stroke-width: 2.8;
    opacity: 0.72;
}

.indicator-oscillator-panel {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: end;
    gap: 6px;
    height: 52px;
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 16px;
    background: rgba(2, 6, 12, 0.18);
}

.indicator-oscillator-panel span {
    min-width: 0;
    height: 18px;
    border-radius: 999px 999px 3px 3px;
    background: linear-gradient(180deg, var(--indicator-main), rgba(86, 244, 197, 0.34));
}

.indicator-oscillator-panel span:nth-child(2n) {
    height: 28px;
    background: linear-gradient(180deg, var(--indicator-alt), rgba(246, 184, 90, 0.32));
}

.indicator-oscillator-panel span:nth-child(3n) {
    height: 40px;
}

.indicator-side-panel {
    top: 54px;
    right: 0;
    width: 118px;
    height: 138px;
    padding: 18px 16px;
}

.indicator-side-panel span,
.indicator-mini-panel span {
    display: block;
    height: 8px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.42);
}

.indicator-side-panel span:nth-child(1) {
    width: 80%;
    background: var(--indicator-main);
}

.indicator-side-panel span:nth-child(2) {
    width: 58%;
}

.indicator-side-panel span:nth-child(3) {
    width: 92%;
    background: var(--indicator-alt);
}

.indicator-side-panel span:nth-child(4) {
    width: 68%;
}

.indicator-mini-panel {
    right: 72px;
    bottom: 0;
    width: 132px;
    height: 82px;
    padding: 18px;
}

.indicator-mini-panel span:nth-child(1) {
    width: 100%;
    background: var(--indicator-blue);
}

.indicator-mini-panel span:nth-child(2) {
    width: 72%;
}

.indicator-mini-panel span:nth-child(3) {
    width: 52%;
    margin-bottom: 0;
    background: var(--indicator-main);
}

html[data-theme="light"] .section-heading .section-heading-subtitle {
    color: rgba(43, 73, 94, 0.86) !important;
}

html[data-theme="light"] .section-indicators-visual {
    --indicator-surface: rgba(239, 251, 249, 0.92);
    --indicator-panel: rgba(255, 255, 255, 0.82);
    --indicator-border: rgba(15, 118, 110, 0.2);
    --indicator-line: rgba(15, 118, 110, 0.11);
    --indicator-main: #0f9f8d;
    --indicator-alt: #d97706;
    --indicator-blue: #2563eb;
}

html[data-theme="light"] .section-indicators-visual::before {
    box-shadow: 0 24px 60px rgba(15, 118, 110, 0.14);
}

html[data-theme="light"] .indicator-chart-panel,
html[data-theme="light"] .indicator-oscillator-panel {
    background-color: rgba(241, 252, 250, 0.72);
}

/* Homepage top-rated indicators visual. */
.top-rated-indicators-visual {
    --rated-surface: rgba(255, 255, 255, 0.78);
    --rated-panel: rgba(255, 255, 255, 0.86);
    --rated-border: rgba(15, 118, 110, 0.18);
    --rated-grid: rgba(15, 118, 110, 0.1);
    --rated-text: #102235;
    --rated-muted: rgba(43, 73, 94, 0.72);
    --rated-accent: #0f9f8d;
    --rated-gold: #d97706;
    --rated-blue: #2563eb;
    min-height: clamp(220px, 17vw, 270px);
    overflow: visible;
    border: 0;
    background: transparent;
    filter: none;
    isolation: isolate;
}

.top-rated-indicators-visual::before {
    z-index: 0;
    inset: 14px 12px 18px;
    border: 1px solid var(--rated-border);
    border-radius: 30px;
    background:
        linear-gradient(var(--rated-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--rated-grid) 1px, transparent 1px),
        radial-gradient(circle at 24% 26%, rgba(15, 159, 141, 0.14), transparent 35%),
        radial-gradient(circle at 84% 18%, rgba(217, 119, 6, 0.12), transparent 30%),
        var(--rated-surface);
    background-size: 36px 36px, 36px 36px, auto, auto, auto;
    mask-image: none;
    box-shadow: 0 24px 60px rgba(15, 118, 110, 0.14);
}

.top-rated-indicators-visual::after {
    z-index: 5;
    inset: 14px 12px 18px;
    width: auto;
    border-radius: 30px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 38%, rgba(15, 159, 141, 0.08));
    opacity: 0.9;
    pointer-events: none;
}

.rated-score-card,
.rated-bars-panel,
.rated-review-chip,
.rated-ring {
    position: absolute;
    z-index: 2;
    border: 1px solid var(--rated-border);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.34)),
        var(--rated-panel);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64), 0 18px 42px rgba(15, 118, 110, 0.12);
    backdrop-filter: blur(14px);
}

.rated-score-card {
    top: 0;
    left: 0;
    width: min(250px, 58%);
    min-height: 172px;
    padding: 24px;
    border-radius: 26px;
}

.rated-score-label {
    display: block;
    color: var(--rated-muted);
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rated-score-card strong {
    display: block;
    margin-top: 10px;
    color: var(--rated-text);
    font-size: clamp(2.6rem, 4.7vw, 4.2rem);
    font-weight: 650;
    line-height: 0.95;
    letter-spacing: 0;
}

.rated-stars {
    display: block;
    margin-top: 12px;
    color: var(--rated-gold);
    font-size: 1.18rem;
    letter-spacing: 0.08em;
}

.rated-platforms {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.rated-platforms span {
    display: inline-flex;
    height: 30px;
    align-items: center;
    padding: 0 11px;
    border-radius: 999px;
    background: rgba(15, 159, 141, 0.12);
    color: var(--rated-accent);
    font-size: 0.78rem;
    font-weight: 800;
}

.rated-ring {
    top: 20px;
    right: 22px;
    display: grid;
    width: 132px;
    height: 132px;
    place-items: center;
    border-radius: 999px;
}

.rated-ring svg {
    position: absolute;
    inset: 9px;
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    transform: rotate(-90deg);
}

.rated-ring circle {
    fill: none;
    stroke: rgba(148, 163, 184, 0.22);
    stroke-width: 11;
}

.rated-ring-progress {
    stroke: var(--rated-accent) !important;
    stroke-dasharray: 289;
    stroke-dashoffset: 28;
    stroke-linecap: round;
    filter: drop-shadow(0 8px 16px rgba(15, 159, 141, 0.25));
}

.rated-ring span {
    position: relative;
    z-index: 1;
    color: var(--rated-text);
    font-size: 1.55rem;
    font-weight: 800;
}

.rated-bars-panel {
    right: 14px;
    bottom: 0;
    width: min(280px, 62%);
    padding: 18px;
    border-radius: 22px;
}

.rated-bars-panel span {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-bottom: 13px;
}

.rated-bars-panel span:last-child {
    margin-bottom: 0;
}

.rated-bars-panel b {
    color: var(--rated-muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.rated-bars-panel i {
    position: relative;
    display: block;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.22);
}

.rated-bars-panel i::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--rating-bar);
    border-radius: inherit;
    background: linear-gradient(90deg, var(--rated-accent), var(--rated-blue), var(--rated-gold));
}

.rated-review-chip {
    left: 30px;
    bottom: 22px;
    display: flex;
    min-width: 190px;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 999px;
}

.rated-review-chip span {
    color: var(--rated-accent);
    font-size: 1.2rem;
    font-weight: 800;
}

.rated-review-chip b {
    color: var(--rated-muted);
    font-size: 0.84rem;
    font-weight: 700;
}

html:not([data-theme="light"]) .top-rated-indicators-visual {
    --rated-surface: rgba(10, 25, 38, 0.9);
    --rated-panel: rgba(14, 31, 46, 0.82);
    --rated-border: rgba(148, 163, 184, 0.22);
    --rated-grid: rgba(148, 163, 184, 0.14);
    --rated-text: #f8fafc;
    --rated-muted: rgba(226, 232, 240, 0.72);
    --rated-accent: #56f4c5;
    --rated-gold: #f6b85a;
    --rated-blue: #60a5fa;
}

html:not([data-theme="light"]) .top-rated-indicators-visual::before {
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);
}

html:not([data-theme="light"]) .rated-score-card,
html:not([data-theme="light"]) .rated-bars-panel,
html:not([data-theme="light"]) .rated-review-chip,
html:not([data-theme="light"]) .rated-ring {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent),
        var(--rated-panel);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 48px rgba(0, 0, 0, 0.22);
}

/* Homepage indicator metrics band. */
.indicator-metrics-section {
    position: relative;
    width: min(1180px, calc(100% - 32px));
    margin: -18px auto 56px;
    padding: clamp(34px, 5vw, 58px);
    overflow: hidden;
    border: 1px solid rgba(86, 244, 197, 0.18);
    border-radius: var(--ict-radius-section);
    background:
        radial-gradient(circle at 10% 20%, rgba(86, 244, 197, 0.14), transparent 30%),
        radial-gradient(circle at 88% 12%, rgba(246, 184, 90, 0.13), transparent 28%),
        linear-gradient(135deg, rgba(9, 22, 33, 0.94), rgba(10, 25, 38, 0.88));
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.24);
}

.indicator-metrics-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(86, 244, 197, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(86, 244, 197, 0.06) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
    pointer-events: none;
}

.indicator-metrics-section::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 34%, rgba(86, 244, 197, 0.08));
    pointer-events: none;
}

.indicator-metrics-section .modern-shell {
    position: relative;
    z-index: 1;
}

.indicator-metrics-heading {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(260px, 0.18fr);
    gap: 24px;
    align-items: end;
    max-width: none;
    margin-bottom: clamp(24px, 4vw, 38px);
}

.indicator-metrics-heading .section-kicker,
.indicator-metrics-heading h2 {
    grid-column: 1 / -1;
}

.indicator-metrics-section .indicator-metrics-heading h2 {
    color: #f8fafc;
}

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

.indicator-metric-card {
    position: relative;
    min-height: 166px;
    overflow: hidden;
    padding: 22px;
    border: 1px solid rgba(226, 232, 240, 0.16);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045)),
        rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 18px 44px rgba(0, 0, 0, 0.18);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.indicator-metric-card::before {
    content: "";
    position: absolute;
    inset: auto -18px -36px auto;
    width: 112px;
    height: 112px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(86, 244, 197, 0.16), transparent 68%);
}

.indicator-metric-card:hover {
    transform: translateY(-6px);
    border-color: rgba(86, 244, 197, 0.38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 24px 58px rgba(0, 0, 0, 0.24);
}

.indicator-metric-icon {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    border: 1px solid rgba(86, 244, 197, 0.22);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(86, 244, 197, 0.18), rgba(246, 184, 90, 0.12));
    color: #56f4c5;
}

.indicator-metric-icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.indicator-metric-card strong {
    position: relative;
    z-index: 1;
    display: block;
    color: #ff5f61;
    font-size: clamp(1.9rem, 3vw, 2.6rem);
    font-weight: 650;
    line-height: 1;
    letter-spacing: 0;
}

.indicator-metric-card span:last-child {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 10px;
    color: rgba(248, 250, 252, 0.9);
    font-size: clamp(1rem, 1.45vw, 1.18rem);
    font-weight: 580;
    line-height: 1.28;
}

.indicator-metric-card:nth-child(2) .indicator-metric-icon {
    color: #f6b85a;
}

.indicator-metric-card:nth-child(3) .indicator-metric-icon {
    color: #60a5fa;
}

.indicator-metric-card:nth-child(4) .indicator-metric-icon {
    color: #9df0bf;
}

html[data-theme="light"] .indicator-metrics-section {
    border-color: rgba(15, 118, 110, 0.2);
    background:
        radial-gradient(circle at 10% 20%, rgba(15, 159, 141, 0.13), transparent 30%),
        radial-gradient(circle at 88% 12%, rgba(217, 119, 6, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(245, 253, 251, 0.94), rgba(239, 248, 255, 0.9));
    box-shadow: 0 24px 68px rgba(15, 118, 110, 0.14);
}

html[data-theme="light"] .indicator-metrics-section::before {
    background:
        linear-gradient(rgba(15, 118, 110, 0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 118, 110, 0.07) 1px, transparent 1px);
}

html[data-theme="light"] .indicator-metrics-section .indicator-metrics-heading h2 {
    color: #102235;
}

html[data-theme="light"] .indicator-metric-card {
    border-color: rgba(15, 118, 110, 0.16);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(241, 252, 250, 0.74)),
        rgba(255, 255, 255, 0.74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 18px 42px rgba(15, 118, 110, 0.12);
}

html[data-theme="light"] .indicator-metric-card strong {
    color: #dc2626;
}

html[data-theme="light"] .indicator-metric-card span:last-child {
    color: #102235;
}

html[data-theme="light"] .indicator-metric-icon {
    border-color: rgba(15, 118, 110, 0.18);
    color: #0f9f8d;
}

@media (max-width: 760px) {
    #pathways .section-heading-visual {
        grid-template-columns: 1fr;
    }

    .section-indicators-visual {
        min-height: 210px;
    }

    .indicator-lab-panel {
        inset: 0 34px 22px 0;
        padding: 13px;
    }

    .indicator-side-panel {
        width: 94px;
        height: 118px;
    }

    .indicator-mini-panel {
        right: 42px;
        width: 112px;
    }

    .top-rated-indicators-visual {
        min-height: 232px;
    }

    .rated-score-card {
        width: 62%;
        padding: 18px;
    }

    .rated-ring {
        right: 10px;
        width: 112px;
        height: 112px;
    }

    .rated-bars-panel {
        width: 68%;
    }

    .rated-review-chip {
        left: 12px;
        min-width: 164px;
    }

    .indicator-metrics-section {
        margin-top: -8px;
        padding: 28px 18px;
    }

    .indicator-metrics-heading {
        display: block;
    }

    .indicator-metrics-grid {
        grid-template-columns: 1fr;
    }

    .indicator-metric-card {
        min-height: 142px;
    }

    .install-steps-section {
        padding: 44px 18px;
    }

    .install-steps-heading {
        margin-bottom: 24px;
    }

    .install-steps-grid {
        grid-template-columns: 1fr;
    }

    .install-step-card {
        min-height: 0;
        padding: 22px;
    }
}

/* Final review studio overrides: keep the testimonial section distinct from article cards. */
.user-reviews-section {
    background:
        radial-gradient(circle at 18% 40%, rgba(86, 244, 197, 0.14), transparent 34%),
        radial-gradient(circle at 78% 42%, rgba(246, 184, 90, 0.11), transparent 30%),
        linear-gradient(145deg, #08131d, #101a28 54%, #071019) !important;
}

.reviews-orbit-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 18px;
    align-items: start;
}

.reviews-signal-board {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(86, 244, 197, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
}

.reviews-signal-board span {
    display: inline-flex;
    height: 38px;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(7, 16, 25, 0.62);
    color: rgba(226, 232, 240, 0.76);
    font-size: 0.78rem;
    font-weight: 650;
    white-space: nowrap;
}

.reviews-signal-board strong {
    color: #56f4c5;
    font-weight: 800;
}

.reviews-orbit-stage::before {
    inset: 42px 8% 50px !important;
    border: 1px solid rgba(86, 244, 197, 0.12);
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(86, 244, 197, 0.22), rgba(96, 165, 250, 0.16), rgba(246, 184, 90, 0.18)) !important;
    transform: rotate(-2deg);
}

.reviews-orbit .review-card {
    border-radius: 30px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.038)),
        rgba(10, 20, 32, 0.82) !important;
    box-shadow: 0 28px 78px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.reviews-orbit .review-card.is-active {
    border-color: rgba(86, 244, 197, 0.42) !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(86, 244, 197, 0.12), transparent 34%),
        linear-gradient(135deg, rgba(16, 30, 47, 0.98), rgba(13, 25, 40, 0.94)) !important;
    transform: translate3d(-50%, 0, 120px) rotateX(0deg) !important;
}

.reviews-orbit .review-card.is-prev {
    transform: translate3d(-108%, 58px, -180px) rotate(-2deg) !important;
}

.reviews-orbit .review-card.is-next {
    transform: translate3d(8%, 58px, -180px) rotate(2deg) !important;
}

.reviews-orbit .review-avatar {
    width: 72px !important;
    height: 72px !important;
    border: 5px solid rgba(248, 250, 252, 0.9) !important;
    background: rgba(248, 250, 252, 0.92) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24), 0 0 0 6px rgba(86, 244, 197, 0.1) !important;
}

html[data-theme="light"] .user-reviews-section {
    background:
        radial-gradient(circle at 18% 40%, rgba(15, 159, 141, 0.13), transparent 34%),
        radial-gradient(circle at 78% 42%, rgba(217, 119, 6, 0.11), transparent 30%),
        linear-gradient(145deg, rgba(245, 253, 251, 0.96), rgba(239, 248, 255, 0.92)) !important;
}

html[data-theme="light"] .reviews-orbit .review-card {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(241, 252, 250, 0.68)),
        rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 980px) {
    .reviews-orbit-header {
        grid-template-columns: 1fr !important;
    }

    .reviews-signal-board {
        width: max-content;
        max-width: 100%;
        grid-template-columns: 1fr;
        border-radius: 22px;
    }
}

/* Effective indicator deck: final redesign with aligned heading and non-card layout. */
.effective-indicators-section {
    width: min(1180px, calc(100% - 32px)) !important;
    margin: 48px auto !important;
    padding: clamp(58px, 6vw, 84px) clamp(42px, 6vw, 72px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 0% 12%, rgba(86, 244, 197, 0.16), transparent 30%),
        radial-gradient(circle at 104% 78%, rgba(246, 184, 90, 0.12), transparent 26%),
        linear-gradient(135deg, rgba(5, 14, 22, 0.98), rgba(11, 24, 34, 0.95)) !important;
    box-shadow: none !important;
}

.effective-indicators-section::before {
    inset: 0 !important;
    height: auto !important;
    background:
        linear-gradient(90deg, rgba(86, 244, 197, 0.16), transparent 28%, transparent 72%, rgba(246, 184, 90, 0.13)),
        repeating-linear-gradient(0deg, rgba(148, 163, 184, 0.06) 0 1px, transparent 1px 76px) !important;
    mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent) !important;
}

.effective-indicators-section::after {
    content: "";
    position: absolute;
    inset: 22px 0 auto;
    width: auto;
    height: 1px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg, transparent, rgba(86, 244, 197, 0.48), rgba(246, 184, 90, 0.34), transparent);
    opacity: 1;
}

.effective-indicators-section .modern-shell {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.effective-indicators-heading {
    display: block !important;
    max-width: 860px !important;
    margin: 0 0 clamp(30px, 5vw, 54px) !important;
}

.effective-indicators-kicker {
    display: inline-flex !important;
    margin: 0 0 18px !important;
}

.effective-indicators-heading h2 {
    max-width: 860px !important;
    margin: 0 !important;
}

.effective-indicators-heading p {
    display: block !important;
    max-width: 620px !important;
    margin: 18px 0 0 !important;
    color: rgba(226, 232, 240, 0.68) !important;
    font-size: 1rem !important;
    font-weight: 520 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.effective-indicators-board {
    position: relative !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.effective-indicators-board::before {
    content: "";
    position: absolute;
    top: 48px;
    bottom: 48px;
    left: calc(41.5% + clamp(18px, 2.2vw, 28px));
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(86, 244, 197, 0.5), rgba(96, 165, 250, 0.32), transparent);
    pointer-events: none;
}

.effective-indicators-scan {
    inset: auto 0 -20px 0 !important;
    display: grid !important;
    width: 100% !important;
    height: 38px !important;
    grid-template-columns: 0.7fr 1.3fr 0.5fr !important;
    gap: 10px !important;
}

.effective-indicators-scan span {
    position: static !important;
    height: 2px !important;
    transform: none !important;
    opacity: 0.75 !important;
}

.effective-indicators-grid {
    display: grid !important;
    grid-template-columns: minmax(310px, 0.82fr) minmax(0, 1.18fr) !important;
    grid-template-areas:
        "primary risk"
        "primary scalp"
        "primary breakout"
        "primary price" !important;
    gap: clamp(16px, 2.1vw, 24px) clamp(34px, 5vw, 68px) !important;
    align-items: stretch !important;
}

.effective-indicator-card {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) auto !important;
    grid-template-areas:
        "icon meta number"
        "icon title number"
        "icon copy number" !important;
    align-content: center !important;
    min-height: 0 !important;
    padding: 20px 24px 20px 18px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, rgba(86, 244, 197, 0.08), rgba(255, 255, 255, 0.035) 44%, transparent) !important;
    box-shadow: none !important;
    clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 50%, calc(100% - 28px) 100%, 0 100%, 18px 50%) !important;
    transform: none !important;
}

.effective-indicator-card:nth-child(1) {
    grid-area: primary !important;
}

.effective-indicator-card:nth-child(2) {
    grid-area: risk !important;
}

.effective-indicator-card:nth-child(3) {
    grid-area: scalp !important;
}

.effective-indicator-card:nth-child(4) {
    grid-area: breakout !important;
}

.effective-indicator-card:nth-child(5) {
    grid-area: price !important;
}

.effective-indicator-primary {
    display: flex !important;
    min-height: 520px !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: clamp(28px, 4vw, 44px) !important;
    border: 1px solid rgba(86, 244, 197, 0.2) !important;
    border-radius: 50% 50% 34px 34px / 30% 30% 34px 34px !important;
    background:
        radial-gradient(circle at 50% 24%, rgba(86, 244, 197, 0.24), transparent 17%),
        radial-gradient(circle at 50% 24%, transparent 0 28%, rgba(96, 165, 250, 0.12) 29% 30%, transparent 31% 42%, rgba(246, 184, 90, 0.13) 43% 44%, transparent 45%),
        linear-gradient(180deg, rgba(7, 19, 29, 0.74), rgba(7, 15, 24, 0.96)) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 32px 74px rgba(0, 0, 0, 0.24) !important;
    clip-path: none !important;
}

.effective-indicator-card::before {
    inset: 0 auto 0 0 !important;
    width: 2px !important;
    background: linear-gradient(180deg, transparent, #56f4c5, transparent) !important;
    opacity: 0.82 !important;
}

.effective-indicator-card::after {
    content: "";
    position: absolute;
    inset: 0 !important;
    z-index: 0;
    width: auto !important;
    height: auto !important;
    border: 1px solid rgba(86, 244, 197, 0.16) !important;
    border-left: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    transform: none !important;
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
    clip-path: inherit !important;
}

.effective-indicator-primary::before {
    inset: 34px 34px auto !important;
    width: auto !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(86, 244, 197, 0.6), transparent) !important;
}

.effective-indicator-primary::after {
    border-left: 1px solid rgba(86, 244, 197, 0.18) !important;
    border-radius: inherit !important;
    clip-path: none !important;
}

.effective-indicator-card:hover {
    transform: translateX(10px) !important;
    background: linear-gradient(90deg, rgba(86, 244, 197, 0.14), rgba(96, 165, 250, 0.06) 52%, transparent) !important;
    box-shadow: none !important;
}

.effective-indicator-primary:hover {
    transform: translateY(-8px) !important;
}

.effective-indicator-card:hover::after {
    border-color: rgba(246, 184, 90, 0.4) !important;
    box-shadow: 0 0 0 1px rgba(246, 184, 90, 0.08), 0 20px 42px rgba(0, 0, 0, 0.14) !important;
}

.effective-indicator-number {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    grid-area: number !important;
    align-self: center !important;
    color: rgba(246, 184, 90, 0.82) !important;
    font-size: 0.82rem !important;
}

.effective-indicator-primary .effective-indicator-number {
    position: absolute !important;
    top: 28px !important;
    right: 32px !important;
    padding: 8px 12px;
    border: 1px solid rgba(246, 184, 90, 0.24);
    border-radius: var(--ict-radius-pill);
    background: rgba(246, 184, 90, 0.08);
}

.effective-indicator-icon {
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    background:
        linear-gradient(135deg, rgba(86, 244, 197, 0.16), rgba(96, 165, 250, 0.08)),
        rgba(255, 255, 255, 0.035) !important;
}

.effective-indicator-primary .effective-indicator-icon {
    width: 128px !important;
    height: 128px !important;
    margin: 0 auto 110px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 18px rgba(86, 244, 197, 0.04), 0 0 0 42px rgba(96, 165, 250, 0.035) !important;
}

.effective-indicator-icon img {
    width: 40px !important;
    height: 40px !important;
}

.effective-indicator-primary .effective-indicator-icon img {
    width: 86px !important;
    height: 86px !important;
}

.effective-indicator-type {
    margin: 0 0 5px !important;
    color: #56f4c5 !important;
    font-size: 0.68rem !important;
}

.effective-indicator-card h3 {
    margin: 0 0 6px !important;
    font-size: clamp(1.02rem, 1.45vw, 1.28rem) !important;
}

.effective-indicator-primary h3 {
    font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
}

.effective-indicator-card p {
    max-width: 560px;
    font-size: 0.9rem !important;
}

html[data-theme="light"] .effective-indicators-section {
    background:
        radial-gradient(circle at 0% 12%, rgba(15, 159, 141, 0.12), transparent 30%),
        radial-gradient(circle at 104% 78%, rgba(217, 119, 6, 0.1), transparent 26%),
        linear-gradient(135deg, #f7fcfb, #edf7fb) !important;
}

html[data-theme="light"] .effective-indicators-heading p,
html[data-theme="light"] .effective-indicator-card p {
    color: rgba(43, 73, 94, 0.76) !important;
}

html[data-theme="light"] .effective-indicators-board::before {
    background: linear-gradient(180deg, transparent, rgba(15, 118, 110, 0.36), rgba(37, 99, 235, 0.22), transparent);
}

html[data-theme="light"] .effective-indicator-card {
    background: linear-gradient(90deg, rgba(15, 159, 141, 0.09), rgba(255, 255, 255, 0.68) 48%, transparent) !important;
}

html[data-theme="light"] .effective-indicator-card::after {
    border-color: rgba(15, 118, 110, 0.17) !important;
}

html[data-theme="light"] .effective-indicator-primary {
    background:
        radial-gradient(circle at 50% 24%, rgba(15, 159, 141, 0.18), transparent 17%),
        radial-gradient(circle at 50% 24%, transparent 0 28%, rgba(37, 99, 235, 0.09) 29% 30%, transparent 31% 42%, rgba(217, 119, 6, 0.12) 43% 44%, transparent 45%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(241, 252, 250, 0.92)) !important;
    box-shadow: 0 24px 62px rgba(15, 118, 110, 0.12) !important;
}

@media (max-width: 1024px) {
    .effective-indicators-grid {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "primary"
            "risk"
            "scalp"
            "breakout"
            "price" !important;
    }

    .effective-indicators-board::before {
        display: none;
    }

    .effective-indicator-primary {
        min-height: 360px !important;
    }

    .effective-indicator-primary .effective-indicator-icon {
        margin-bottom: 56px !important;
    }
}

@media (max-width: 760px) {
    .effective-indicators-section {
        width: min(100% - 24px, 1180px) !important;
        padding: 46px 18px !important;
    }

    .effective-indicator-card {
        grid-template-columns: 58px minmax(0, 1fr) !important;
        grid-template-areas:
            "icon number"
            "icon meta"
            "icon title"
            "icon copy" !important;
        clip-path: none !important;
        border: 1px solid rgba(86, 244, 197, 0.16) !important;
        border-radius: 22px !important;
    }

    .effective-indicator-card::after {
        display: none;
    }

    .effective-indicator-primary {
        border-radius: 28px !important;
    }
}

/* Effective indicator board v2: feature panel carries the section heading, all five families sit in the right rail. */
.effective-indicators-section {
    width: min(1180px, calc(100% - 32px)) !important;
    margin: 48px auto !important;
    padding: clamp(42px, 6vw, 72px) !important;
}

.effective-indicators-board {
    display: grid !important;
    grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.18fr) !important;
    gap: clamp(34px, 5vw, 72px) !important;
    align-items: stretch !important;
}

.effective-indicators-feature {
    position: relative;
    display: flex;
    min-height: 560px;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: clamp(34px, 4vw, 52px);
    border: 1px solid rgba(86, 244, 197, 0.22);
    border-radius: 150px;
    background:
        radial-gradient(circle at 50% 28%, rgba(86, 244, 197, 0.17), transparent 18%),
        radial-gradient(circle at 50% 28%, transparent 0 30%, rgba(96, 165, 250, 0.1) 31% 32%, transparent 33% 47%, rgba(246, 184, 90, 0.12) 48% 49%, transparent 50%),
        linear-gradient(180deg, rgba(5, 16, 25, 0.86), rgba(7, 15, 24, 0.98));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035), 0 32px 74px rgba(0, 0, 0, 0.24);
}

.effective-indicators-feature::before {
    content: "";
    position: absolute;
    inset: 28px 38px auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(86, 244, 197, 0.58), transparent);
}

.effective-indicators-feature::after {
    content: "";
    position: absolute;
    right: 12%;
    bottom: -14%;
    width: 58%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(86, 244, 197, 0.1), transparent 68%);
    pointer-events: none;
}

.effective-feature-orbit {
    position: absolute;
    top: clamp(44px, 7vw, 82px);
    left: 50%;
    display: grid;
    width: min(280px, 68%);
    aspect-ratio: 1;
    place-items: center;
    transform: translateX(-50%);
}

.effective-feature-orbit span {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(86, 244, 197, 0.22);
    border-radius: 50%;
}

.effective-feature-orbit span:nth-child(2) {
    inset: 18%;
    border-color: rgba(96, 165, 250, 0.22);
    box-shadow: 0 0 0 28px rgba(86, 244, 197, 0.04);
}

.effective-feature-orbit img {
    position: relative;
    z-index: 1;
    width: 74px;
    height: 74px;
    object-fit: contain;
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.24));
}

.effective-indicators-feature .effective-indicators-kicker,
.effective-indicators-feature h2,
.effective-indicators-feature p {
    position: relative;
    z-index: 1;
}

.effective-indicators-feature .effective-indicators-kicker {
    margin-bottom: 18px !important;
}

.effective-indicators-feature h2 {
    margin: 0 !important;
    color: #f8fafc;
    font-size: clamp(1.55rem, 2.55vw, 2.25rem);
    font-weight: 650;
    line-height: 1.16;
}

.effective-indicators-feature p {
    max-width: 520px;
    margin: 18px 0 0 !important;
    color: rgba(226, 232, 240, 0.72) !important;
    font-size: 1rem !important;
    font-weight: 520 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.effective-indicators-heading {
    display: none !important;
}

.effective-indicators-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
        "primary"
        "risk"
        "scalp"
        "breakout"
        "price" !important;
    gap: 20px !important;
}

.effective-indicators-board::before {
    left: calc(43% + clamp(16px, 2.2vw, 28px)) !important;
}

.effective-indicator-primary {
    display: grid !important;
    min-height: 0 !important;
    padding: 20px 24px 20px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, rgba(86, 244, 197, 0.08), rgba(255, 255, 255, 0.035) 44%, transparent) !important;
    box-shadow: none !important;
    clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 50%, calc(100% - 28px) 100%, 0 100%, 18px 50%) !important;
}

.effective-indicator-primary::before {
    inset: 0 auto 0 0 !important;
    width: 2px !important;
    height: auto !important;
    background: linear-gradient(180deg, transparent, #56f4c5, transparent) !important;
}

.effective-indicator-primary::after {
    border-left: 0 !important;
    border-radius: 0 !important;
    clip-path: inherit !important;
}

.effective-indicator-primary .effective-indicator-number {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.effective-indicator-primary .effective-indicator-icon {
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

.effective-indicator-primary .effective-indicator-icon img {
    width: 40px !important;
    height: 40px !important;
}

.effective-indicator-primary h3 {
    font-size: clamp(1.02rem, 1.45vw, 1.28rem) !important;
}

html[data-theme="light"] .effective-indicators-feature {
    background:
        radial-gradient(circle at 50% 28%, rgba(15, 159, 141, 0.14), transparent 18%),
        radial-gradient(circle at 50% 28%, transparent 0 30%, rgba(37, 99, 235, 0.08) 31% 32%, transparent 33% 47%, rgba(217, 119, 6, 0.1) 48% 49%, transparent 50%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(241, 252, 250, 0.94));
    box-shadow: 0 24px 62px rgba(15, 118, 110, 0.12);
}

html[data-theme="light"] .effective-indicators-feature h2 {
    color: #102235;
}

html[data-theme="light"] .effective-indicators-feature p {
    color: rgba(43, 73, 94, 0.76) !important;
}

@media (max-width: 1024px) {
    .effective-indicators-board {
        grid-template-columns: 1fr !important;
    }

    .effective-indicators-feature {
        min-height: 440px;
        border-radius: 56px;
    }
}

@media (max-width: 760px) {
    .effective-indicators-feature {
        min-height: 420px;
        padding: 30px 22px;
        border-radius: 34px;
    }

    .effective-feature-orbit {
        width: min(230px, 74%);
    }

    .effective-indicator-primary {
        clip-path: none !important;
        border: 1px solid rgba(86, 244, 197, 0.16) !important;
        border-radius: 22px !important;
    }
}

/* Match the Top Rated hero row to the New Indicators row. */
#smc-articles .section-heading-visual {
    grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.5fr) !important;
    align-items: center !important;
}

#smc-articles .section-heading-visual > div:first-child,
#smc-articles .section-heading h2,
#smc-articles .section-heading .section-heading-subtitle {
    max-width: 690px;
}

#smc-articles .section-heading .section-heading-subtitle {
    color: #9ff7d1 !important;
}

@media (max-width: 900px) {
    #smc-articles .section-heading-visual {
        grid-template-columns: 1fr !important;
    }
}