.sd-intro {

            position: relative;

            padding-top: 120px;

            padding-bottom: 32px;

            overflow: hidden;

        }



        .sd-intro-inner {

            max-width: 840px;

            margin: 0 auto;

            text-align: center;

        }



        .sd-intro h1 {

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.55rem, 3.2vw, 2.25rem);

            font-weight: 700;

            line-height: 1.12;

            letter-spacing: -0.025em;

            color: var(--text-0);

            margin: 0;

        }



        .sd-intro p {

            margin: 14px auto 0;

            max-width: 62ch;

            font-size: 16px;

            line-height: 1.65;

            color: var(--text-1);

        }



        .sd-search {

            position: relative;

            padding: 8px 0 28px;

        }



        .sd-search-wrap {

            max-width: 820px;

            margin: 0 auto;

        }



        .sd-search-title {

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.1rem, 1.9vw, 1.35rem);

            font-weight: 700;

            line-height: 1.2;

            letter-spacing: -0.02em;

            color: var(--text-0);

            text-align: center;

            margin: 0 0 16px;

        }



        .sd-search-form {

            display: flex;

            align-items: stretch;

            border-radius: 50px;

            overflow: hidden;

            border: 1px solid var(--line);

            background: color-mix(in srgb, var(--bg-1) 92%, transparent);

            box-shadow: 0 18px 40px -24px rgba(15, 18, 32, .2);

        }



        .sd-search-form input {

            flex: 1;

            min-width: 0;

            border: 0;

            outline: none;

            padding: 16px 18px;

            font-size: 14.5px;

            color: var(--text-0);

            background: transparent;

            font-family: 'Inter', sans-serif;

        }



        .sd-search-form input::placeholder {

            color: var(--text-2);

        }



        .sd-search-form button {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

            border: 0;

            padding: 0 22px;

            font-size: 14px;

            font-weight: 600;

            color: #ffffff;

            cursor: pointer;

            background: #333333;

            transition: filter .2s, opacity .2s;

            white-space: nowrap;

        }



        .sd-search-form button:hover {

            filter: brightness(1.06);

        }



        @media (max-width: 640px) {

            .sd-search-form {

                flex-direction: column;

                border-radius: 16px;

            }



            .sd-search-form button {

                padding: 14px 18px;

            }

        }



        .sd-facts {

            position: relative;

            padding: 20px 0 8px;

            overflow: hidden;

        }



        .sd-facts-heading {

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.3rem, 2.5vw, 1.75rem);

            font-weight: 700;

            line-height: 1.15;

            letter-spacing: -0.02em;

            color: var(--text-0);

            text-align: center;

            max-width: 34ch;

            margin: 0 auto 28px;

        }



        .sd-facts-grid {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 2px;

            border-radius: 20px;

            overflow: hidden;

            border: 1px solid var(--line);

            background: var(--line);

        }



        @media (max-width: 900px) {

            .sd-facts-grid {

                grid-template-columns: repeat(2, 1fr);

            }

        }



        @media (max-width: 520px) {

            .sd-facts-grid {

                grid-template-columns: 1fr;

            }

        }



        .sd-fact-card {

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            text-align: center;

            gap: 10px;

            min-height: 140px;

            padding: 24px 16px;

            background: color-mix(in srgb, var(--bg-1) 96%, transparent);

            transition: background .25s ease;

        }



        [data-theme="light"] .sd-fact-card {

            background: color-mix(in srgb, #fff 92%, var(--bg-0));

        }



        .sd-fact-card:hover {

            background: rgba(123, 140, 255, 0.01);

        }



        .sd-fact-value {

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.25rem, 2vw, 1.65rem);

            font-weight: 800;

            line-height: 1;

            letter-spacing: -0.03em;

            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-3) 55%, var(--accent-2) 100%);

            -webkit-background-clip: text;

            background-clip: text;

            color: transparent;

        }



        .sd-fact-label {

            font-size: 14px;

            line-height: 1.45;

            color: var(--text-1);

            max-width: 28ch;

            margin: 0;

        }



        .sd-cats {

            position: relative;

            padding: 40px 0 56px;

            overflow: hidden;

        }



        .sd-cats-heading {

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.35rem, 2.5vw, 1.85rem);

            font-weight: 700;

            line-height: 1.15;

            letter-spacing: -0.02em;

            color: var(--text-0);

            text-align: center;

            margin: 0 0 28px;

        }



        .sd-cats-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 16px;

        }



        @media (min-width: 700px) {

            .sd-cats-grid {

                grid-template-columns: repeat(2, 1fr);

            }

        }



        @media (min-width: 1024px) {

            .sd-cats-grid {

                grid-template-columns: repeat(3, 1fr);

                gap: 18px;

            }

        }



        .sd-cat-card {

            position: relative;

            display: flex;

            flex-direction: column;

            gap: 0.85rem;

            min-height: 100%;

            padding: 16px 14px;

            border-radius: var(--radius-md);

            border: 1px solid var(--line);

            background: linear-gradient(165deg, var(--surface-strong-a), var(--surface-glass-b));

            transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;

        }



        .sd-cat-card:hover {

            transform: translateY(-3px);

            border-color: var(--line-strong);

            box-shadow: var(--shadow-card);

        }



        .sd-cat-card-head {

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 12px;

        }



        .sd-cat-card-title {

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: 17px;

            font-weight: 700;

            line-height: 1.25;

            letter-spacing: -0.02em;

            color: var(--text-0);

            margin: 0;

        }



        .sd-cat-card-title a {

            display: inline-flex;

            align-items: center;

            gap: 0.4rem;

            color: var(--accent);

            text-decoration: underline;

            text-underline-offset: 0.22em;

            text-decoration-thickness: 1px;

            transition: color 0.2s ease, gap 0.2s ease;

        }



        .sd-cat-card-title a::after {

            content: '';

            width: 14px;

            height: 14px;

            flex-shrink: 0;

            background-color: currentColor;

            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");

            -webkit-mask-repeat: no-repeat;

            -webkit-mask-position: center;

            -webkit-mask-size: contain;

            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");

            mask-repeat: no-repeat;

            mask-position: center;

            mask-size: contain;

        }



        .sd-cat-card-title a:hover {

            color: var(--text-0);

            gap: 0.55rem;

        }



        .sd-cat-card-ico {

            width: 3rem;

            height: 3rem;

            border-radius: 12px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            flex-shrink: 0;

            color: var(--text-1);

            background: color-mix(in srgb, var(--text-1) 10%, transparent);

            border: 1px solid var(--line);

        }



        .sd-cat-card-ico svg {

            width: 1.5rem;

            height: 1.5rem;

        }



        [data-theme="dark"] .sd-cat-card-ico {

            color: var(--text-1);

            background: rgba(255, 255, 255, 0.06);

            border-color: var(--line);

        }



        .sd-cat-list {

            list-style: none;

            margin: 0;

            padding: 0;

            display: flex;

            flex-wrap: wrap;

            gap: 0.4rem;

            flex: 1;

            align-content: flex-start;

        }



        .sd-cat-list li {

            display: inline-flex;

            align-items: center;

            padding: 0.3rem 0.6rem;

            border-radius: 9999px;

            font-size: 11px;

            font-weight: 500;

            line-height: 1.25;

            color: var(--text-1);

            background: var(--bg-1);

            border: 1px solid var(--line);

            cursor: default;

            transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;

        }



        .sd-cat-list li::before {

            content: none;

        }



        .sd-cat-card:hover .sd-cat-list li {

            border-color: var(--line-strong);

        }



        .sd-cat-card:hover .sd-cat-list li:nth-child(odd) {

            color: var(--text-0);

        }



        .sd-find {

            position: relative;

            overflow: hidden;

            padding: 56px 0 64px;

            text-align: center;

            border-top: 1px solid var(--line);

            background:

                radial-gradient(ellipse 70% 55% at 50% -10%, rgba(123, 140, 255, 0.16), transparent 60%),

                radial-gradient(ellipse 45% 40% at 90% 80%, rgba(178, 123, 255, 0.1), transparent 55%),

                radial-gradient(ellipse 40% 35% at 8% 70%, rgba(61, 219, 255, 0.08), transparent 50%),

                var(--bg-0);

        }



        [data-theme="light"] .sd-find {

            background:

                radial-gradient(ellipse 70% 55% at 50% -10%, rgba(79, 95, 229, 0.12), transparent 60%),

                radial-gradient(ellipse 45% 40% at 90% 80%, rgba(138, 82, 232, 0.08), transparent 55%),

                radial-gradient(ellipse 40% 35% at 8% 70%, rgba(14, 165, 200, 0.07), transparent 50%),

                var(--bg-0);

        }



        [data-theme="light"] .slm-cmp td.is-sourceby span,

        [data-theme="dark"] .slm-cmp td.is-sourceby span {

            font-weight: 500 !important;

        }

        [data-theme="light"] .slm-cmp td.is-sourceby span {

            color: #222222;

        }

        [data-theme="dark"] .slm-cmp td.is-sourceby span {

            color: var(--text-1);

        }



        .sd-find-inner {

            position: relative;

            z-index: 1;

            max-width: 960px;

            margin: 0 auto;

        }



        .sd-find-eyebrow {

            display: inline-flex;

            align-items: center;

            gap: 8px;

            margin-bottom: 16px;

            padding: 6px 14px;

            border-radius: 999px;

            font-size: 12px;

            font-weight: 650;

            letter-spacing: 0.06em;

            text-transform: uppercase;

            color: var(--accent);

            background: linear-gradient(135deg, rgba(123, 140, 255, .14), rgba(178, 123, 255, .1));

            border: 1px solid rgba(123, 140, 255, 0.28);

        }



        .sd-find-eyebrow::before {

            content: '';

            width: 6px;

            height: 6px;

            border-radius: 999px;

            background: var(--accent-2);

            box-shadow: 0 0 10px rgba(61, 219, 255, .55);

            animation: sd-find-pulse 2.2s ease-in-out infinite;

        }



        @keyframes sd-find-pulse {



            0%,

            100% {

                opacity: 1;

                transform: scale(1);

            }



            50% {

                opacity: .55;

                transform: scale(.85);

            }

        }



        .sd-find h2 {

            margin: 0;

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.45rem, 2.9vw, 2.05rem);

            font-weight: 700;

            line-height: 1.12;

            letter-spacing: -0.025em;

            color: var(--text-0);

        }



        .sd-find-lead {

            margin: 16px auto 0;

            max-width: 55ch;

            font-size: 15.5px;

            line-height: 1.65;

            color: var(--text-1);

        }



        .sd-find-features {

            position: relative;

            display: grid;

            grid-template-columns: 1fr;

            gap: 22px;

            margin: 48px auto 0;

            max-width: 900px;

        }



        @media (min-width: 780px) {

            .sd-find-features {

                grid-template-columns: repeat(3, 1fr);

                gap: 24px;

            }



            .sd-find-features::before {

                content: '';

                position: absolute;

                top: 58px;

                left: 18%;

                right: 18%;

                height: 1px;

                background: linear-gradient(90deg, transparent, rgba(123, 140, 255, .45), rgba(178, 123, 255, .45), transparent);

                pointer-events: none;

            }

        }



        .sd-find-feature {

            position: relative;

            display: flex;

            flex-direction: column;

            align-items: center;

            gap: 18px;

            padding: 8px 10px 4px;

            transition: transform .35s ease;

        }



        .sd-find-feature:hover {

            transform: translateY(-4px);

        }



        .sd-find-orbit {

            position: relative;

            width: 116px;

            height: 116px;

            display: grid;

            place-items: center;

        }



        .sd-find-orbit::before,

        .sd-find-orbit::after {

            content: '';

            position: absolute;

            inset: 0;

            border-radius: 999px;

            border: 1px dashed rgba(123, 140, 255, 0.35);

            animation: sd-find-spin 18s linear infinite;

        }



        .sd-find-orbit::after {

            inset: 10px;

            border-style: solid;

            border-color: rgba(178, 123, 255, 0.18);

            animation-direction: reverse;

            animation-duration: 12s;

        }



        .sd-find-feature:nth-child(2) .sd-find-orbit::before {

            animation-duration: 22s;

        }



        .sd-find-feature:nth-child(3) .sd-find-orbit::before {

            animation-duration: 16s;

        }



        @keyframes sd-find-spin {

            to {

                transform: rotate(360deg);

            }

        }



        .sd-find-circle {

            position: relative;

            z-index: 1;

            width: 72px;

            height: 72px;

            border-radius: 999px;

            display: grid;

            place-items: center;

            color: var(--accent);

            background:

                linear-gradient(160deg, color-mix(in srgb, var(--bg-1) 88%, transparent), color-mix(in srgb, var(--bg-0) 92%, transparent));

            border: 1px solid rgba(123, 140, 255, 0.3);

            box-shadow:

                0 0 0 6px rgba(123, 140, 255, 0.06),

                0 18px 36px -20px rgba(123, 140, 255, 0.55);

        }



        [data-theme="light"] .sd-find-circle {

            background: linear-gradient(160deg, #fff, color-mix(in srgb, #fff 70%, var(--bg-0)));

        }



        .sd-find-circle svg {

            width: 28px;

            height: 28px;

            color: inherit;

            stroke: currentColor;

        }



        .sd-find-feature p {

            margin: 0;

            max-width: 18ch;

            font-size: 14.5px;

            line-height: 1.45;

            color: var(--text-1);

        }



        .sd-find-feature strong {

            display: block;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 15.5px;

            font-weight: 700;

            letter-spacing: -0.02em;

            color: var(--text-0);

            margin-bottom: 2px;

        }



        .sd-find-actions {

            display: flex;

            flex-wrap: wrap;

            align-items: center;

            justify-content: center;

            gap: 14px;

            margin-top: 48px;

        }



        .sd-find-btn-primary {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 10px;

            padding: 13px 22px;

            border-radius: 999px;

            font-size: 14.5px;

            font-weight: 650;

            color: var(--btn-primary-fg);

            background: var(--btn-primary-bg);

            box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.15);

            transition: box-shadow .2s, background .2s;

        }



        .sd-find-btn-primary:hover {

            color: var(--btn-primary-fg);

            background: var(--btn-primary-bg);

            box-shadow: 0 14px 50px -10px rgba(123, 140, 255, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.15);

        }



        .sd-find-btn-primary svg {

            width: 16px;

            height: 16px;

            flex-shrink: 0;

        }



        .sd-find-btn-secondary {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

            padding: 12px 20px;

            border-radius: 999px;

            font-size: 14.5px;

            font-weight: 600;

            color: var(--text-0);

            border: 1px solid var(--line);

            background: color-mix(in srgb, var(--bg-1) 80%, transparent);

            backdrop-filter: blur(8px);

            transition: background .2s, border-color .2s, transform .2s, color .2s;

        }



        .sd-find-btn-secondary:hover {

            background: color-mix(in srgb, var(--accent) 10%, var(--bg-1));

            border-color: rgba(123, 140, 255, 0.45);

            color: var(--text-0);

            transform: translateY(-1px);

        }



        @media (prefers-reduced-motion: reduce) {



            .sd-find-orbit::before,

            .sd-find-orbit::after,

            .sd-find-eyebrow::before {

                animation: none;

            }



            .sd-find-feature {

                transition: none;

            }

        }



        .sd-trust {

            position: relative;

            overflow: hidden;

            padding: 56px 0 52px;

            border-top: 1px solid var(--line);

            text-align: center;

            background:

                radial-gradient(ellipse 60% 50% at 50% 0%, rgba(123, 140, 255, 0.1), transparent 55%),

                var(--bg-0);

        }



        [data-theme="light"] .sd-trust {

            background:

                radial-gradient(ellipse 60% 50% at 50% 0%, rgba(79, 95, 229, 0.08), transparent 55%),

                linear-gradient(180deg, color-mix(in srgb, var(--bg-1) 70%, var(--bg-0)), var(--bg-0));

        }



        .sd-trust-inner {

            position: relative;

            z-index: 1;

            max-width: 920px;

            margin: 0 auto;

        }



        .sd-trust h2 {

            margin: 0;

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.35rem, 2.8vw, 1.95rem);

            font-weight: 700;

            line-height: 1.15;

            letter-spacing: -0.025em;

            color: var(--text-0);

        }



        .sd-trust-sub {

            display: flex;

            flex-wrap: wrap;

            align-items: center;

            justify-content: center;

            gap: 8px 0;

            margin: 16px auto 0;

            max-width: 52rem;

            font-size: 14px;

            line-height: 1.5;

            color: var(--text-1);

        }



        .sd-trust-sub span {

            display: inline-flex;

            align-items: center;

            gap: 10px;

            padding: 0 12px;

        }



        .sd-trust-sub span+span::before {

            content: '';

            width: 4px;

            height: 4px;

            border-radius: 999px;

            background: linear-gradient(135deg, var(--accent), var(--accent-3));

            box-shadow: 0 0 8px rgba(123, 140, 255, .4);

            margin-right: 2px;

        }



        .sd-trust-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 14px;

            margin: 40px auto 0;

            padding: 14px;

            border-radius: 24px;

            border: 1px solid var(--line);

            background:

                linear-gradient(165deg, rgba(123, 140, 255, 0.07), transparent 45%),

                color-mix(in srgb, var(--bg-1) 88%, transparent);

        }



        [data-theme="light"] .sd-trust-grid {

            background:

                linear-gradient(165deg, rgba(79, 95, 229, 0.05), transparent 45%),

                color-mix(in srgb, #fff 82%, var(--bg-0));

        }



        @media (min-width: 800px) {

            .sd-trust-grid {

                grid-template-columns: repeat(3, 1fr);

                gap: 12px;

                padding: 12px;

            }

        }



        .sd-trust-card {

            position: relative;

            display: flex;

            flex-direction: column;

            align-items: center;

            text-align: center;

            gap: 10px;

            min-height: 168px;

            padding: 28px 18px 24px;

            border-radius: 18px;

            border: 1px solid var(--line);

            background: color-mix(in srgb, var(--bg-0) 70%, transparent);

            overflow: hidden;

            transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;

        }



        [data-theme="light"] .sd-trust-card {

            background: rgba(255, 255, 255, 0.92);

        }



        .sd-trust-card::before {

            content: '';

            position: absolute;

            inset: auto -20% -40% -20%;

            height: 55%;

            background: radial-gradient(ellipse at center, rgba(123, 140, 255, 0.14), transparent 70%);

            pointer-events: none;

            opacity: 0;

            transition: opacity .3s ease;

        }



        .sd-trust-card:nth-child(2)::before {

            background: radial-gradient(ellipse at center, rgba(61, 219, 255, 0.14), transparent 70%);

        }



        .sd-trust-card:nth-child(3)::before {

            background: radial-gradient(ellipse at center, rgba(178, 123, 255, 0.16), transparent 70%);

        }



        .sd-trust-card:hover {

            transform: translateY(-4px);

            border-color: rgba(123, 140, 255, 0.4);

            box-shadow: 0 22px 40px -24px rgba(123, 140, 255, 0.45);

        }



        .sd-trust-card:hover::before {

            opacity: 1;

        }



        .sd-trust-ico {

            width: 44px;

            height: 44px;

            border-radius: 14px;

            display: grid;

            place-items: center;

            color: var(--accent);

            background: linear-gradient(145deg, rgba(123, 140, 255, .18), rgba(178, 123, 255, .1));

            border: 1px solid rgba(123, 140, 255, 0.28);

            margin-bottom: 2px;

        }



        .sd-trust-card:nth-child(2) .sd-trust-ico {

            color: var(--accent-2);

            background: linear-gradient(145deg, rgba(61, 219, 255, .16), rgba(123, 140, 255, .1));

            border-color: rgba(61, 219, 255, 0.3);

        }



        .sd-trust-card:nth-child(3) .sd-trust-ico {

            color: var(--accent-3);

            background: linear-gradient(145deg, rgba(178, 123, 255, .18), rgba(123, 140, 255, .1));

            border-color: rgba(178, 123, 255, 0.3);

        }



        .sd-trust-ico svg {

            width: 20px;

            height: 20px;

        }



        .sd-trust-value {

            position: relative;

            z-index: 1;

            margin: 0;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(0.9rem, 1.3vw, 1.05rem);

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.3;

            color: var(--text-0);

        }



        .sd-trust-label {

            position: relative;

            z-index: 1;

            margin: 0;

            font-size: 13.5px;

            line-height: 1.4;

            color: var(--text-2);

        }



        .sd-trust-marquee-wrap {

            margin-top: 44px;

        }



        .sd-trust-marquee-label {

            margin: 0 0 16px;

            font-size: 11px;

            font-weight: 650;

            letter-spacing: 0.18em;

            text-transform: uppercase;

            color: var(--text-2);

        }



        .sd-trust-marquee-mask {

            overflow: hidden;

            mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);

            -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);

        }



        .sd-trust-marquee {

            display: flex;

            align-items: center;

            width: max-content;

            gap: 64px;

            animation: sd-trust-marquee 36s linear infinite;

        }



        .sd-trust-marquee span {

            font-size: inherit;

            font-weight: inherit;

            letter-spacing: inherit;

            color: inherit;

        }



        @keyframes sd-trust-marquee {

            to {

                transform: translateX(-50%);

            }

        }



        @media (prefers-reduced-motion: reduce) {

            .sd-trust-marquee {

                animation: none;

            }



            .sd-trust-card {

                transition: none;

            }

        }



        .sd-hiw {

            position: relative;

            overflow: hidden;

            padding: 56px 0 64px;

            border-top: 1px solid var(--line);

            background:

                radial-gradient(ellipse 55% 45% at 15% 20%, rgba(123, 140, 255, 0.1), transparent 55%),

                radial-gradient(ellipse 50% 40% at 90% 80%, rgba(178, 123, 255, 0.08), transparent 55%),

                var(--bg-0);

        }



        .sd-hiw-head {

            text-align: center;

            max-width: 62ch;

            margin: 0 auto 32px;

        }



        .sd-hiw-head h2 {

            margin: 0;

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.35rem, 2.8vw, 1.95rem);

            font-weight: 700;

            line-height: 1.15;

            letter-spacing: -0.025em;

            color: var(--text-0);

        }



        .sd-hiw-head p {

            margin: 14px auto 0;

            font-size: 15px;

            line-height: 1.6;

            color: var(--text-1);

            max-width: 56ch;

        }



        .sd-hiw-track {

            position: relative;

            display: grid;

            grid-template-columns: 1fr;

            gap: 18px;

        }



        @media (min-width: 700px) {

            .sd-hiw-track {

                grid-template-columns: repeat(2, 1fr);

                gap: 20px;

            }

        }



        @media (min-width: 1100px) {

            .sd-hiw-track {

                grid-template-columns: repeat(4, 1fr);

                gap: 14px;

            }



            .sd-hiw-track::before {

                content: '';

                position: absolute;

                top: 30px;

                left: 8%;

                right: 8%;

                height: 2px;

                background: linear-gradient(90deg, transparent, rgba(123, 140, 255, .35), rgba(178, 123, 255, .4), rgba(61, 219, 255, .3), transparent);

                pointer-events: none;

            }

        }



        .sd-hiw-step {

            position: relative;

            display: flex;

            flex-direction: column;

            align-items: center;

            text-align: center;

            gap: 12px;

            padding: 8px 10px 4px;

            height: 100%;

            min-height: 100%;

            transition: transform .3s ease;

        }



        .sd-hiw-step:hover {

            transform: translateY(-3px);

        }



        .sd-hiw-num {

            position: relative;

            z-index: 1;

            width: 42px;

            height: 42px;

            border-radius: 999px;

            display: grid;

            place-items: center;

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: 1.15rem;

            font-weight: 700;

            letter-spacing: -0.03em;

            color: #fff;

            background: linear-gradient(145deg, var(--accent), var(--accent-3));

            box-shadow:

                0 0 0 6px color-mix(in srgb, var(--bg-0) 88%, transparent),

                0 0 0 7px rgba(123, 140, 255, 0.25),

                0 14px 28px -14px rgba(123, 140, 255, 0.65);

        }



        .sd-hiw-step:nth-child(2) .sd-hiw-num {

            background: linear-gradient(145deg, var(--accent-2), var(--accent));

        }



        .sd-hiw-step:nth-child(3) .sd-hiw-num {

            background: linear-gradient(145deg, var(--accent), #8a9cff);

        }



        .sd-hiw-step:nth-child(4) .sd-hiw-num {

            background: linear-gradient(145deg, var(--accent-3), var(--accent));

        }



        .sd-hiw-step:nth-child(5) .sd-hiw-num {

            background: linear-gradient(145deg, var(--accent-2), var(--accent-3));

        }



        .sd-hiw-body {

            width: 100%;

            flex: 1;

            display: flex;

            flex-direction: column;

            padding: 18px 16px 20px;

            border-radius: 16px;

            border: 1px solid var(--line);

            background: color-mix(in srgb, var(--bg-1) 90%, transparent);

            transition: border-color .3s ease, box-shadow .3s ease;

            text-align: left;

        }



        [data-theme="light"] .sd-hiw-body {

            background: color-mix(in srgb, #fff 90%, var(--bg-0));

        }



        .sd-hiw-step:hover .sd-hiw-body {

            border-color: rgba(123, 140, 255, 0.38);

            box-shadow: 0 18px 36px -24px rgba(123, 140, 255, 0.45);

        }



        .sd-hiw-title {

            margin: 0;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 16px;

            font-weight: 700;

            letter-spacing: -0.02em;

            color: var(--text-0);

            line-height: 1.3;

        }



        .sd-hiw-desc {

            margin: 8px 0 0;

            font-size: 13.5px;

            line-height: 1.55;

            color: var(--text-1);

        }



        .sd-hiw-kicker {

            display: inline-block;

            margin: 0 0 8px;

            font-family: 'JetBrains Mono', ui-monospace, monospace;

            font-size: 11px;

            font-weight: 500;

            letter-spacing: 0.12em;

            text-transform: uppercase;

            color: var(--accent);

        }



        .sd-hiw-lead {

            margin: 8px 0 0;

            font-size: 13.5px;

            font-weight: 650;

            line-height: 1.45;

            letter-spacing: -0.01em;

            color: var(--text-0);

        }



        .sd-hiw-list {

            margin: 14px 0 0;

            padding: 0;

            list-style: none;

            display: grid;

            gap: 8px;

        }



        .sd-hiw-list li {

            display: flex;

            align-items: flex-start;

            gap: 8px;

            font-size: 12.5px;

            line-height: 1.45;

            color: var(--text-1);

        }



        .sd-hiw-list li .mark {

            width: 16px;

            height: 16px;

            margin-top: 1px;

            border-radius: 999px;

            display: grid;

            place-items: center;

            flex-shrink: 0;

            color: #fff;

            background: linear-gradient(135deg, var(--accent), var(--accent-3));

        }



        .sd-hiw-list li .mark svg {

            width: 9px;

            height: 9px;

        }



        @media (prefers-reduced-motion: reduce) {

            .sd-hiw-step {

                transition: none;

            }

        }



        .sd-why {

            position: relative;

            overflow: hidden;

            color: #f3f5fb;

        }



        .sd-why .final-cta-band {

            padding: 36px 20px 40px;

        }



        @media (min-width: 768px) {

            .sd-why .final-cta-band {

                padding: 44px 32px 48px;

            }

        }



        @media (min-width: 1024px) {

            .sd-why .final-cta-band {

                padding: 48px 36px 52px;

            }

        }



        .sd-why-head {

            text-align: center;

            margin: 0 auto 28px;

        }



        .sd-why-head h2 {

            margin: 0;

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.25rem, 2.6vw, 1.95rem);

            font-weight: 700;

            line-height: 1.15;

            letter-spacing: -0.025em;

            color: #f3f5fb;

            white-space: nowrap;

        }



        .sd-why-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 14px;

        }



        @media (min-width: 700px) {

            .sd-why-grid {

                grid-template-columns: repeat(2, 1fr);

                gap: 16px;

            }

        }



        @media (min-width: 1024px) {

            .sd-why-grid {

                grid-template-columns: repeat(3, 1fr);

                gap: 18px;

            }

        }



        .sd-why-card {

            position: relative;

            display: flex;

            flex-direction: column;

            gap: 10px;

            height: 100%;

            padding: 26px 24px 24px;

            border-radius: 18px;

            border: 1px solid rgba(255, 255, 255, 0.1);

            background: linear-gradient(165deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));

            overflow: hidden;

            transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;

        }



        .sd-why-card::before {

            content: '';

            position: absolute;

            top: 0;

            left: 24px;

            right: 24px;

            height: 2px;

            border-radius: 999px;

            background: linear-gradient(90deg, var(--accent), var(--accent-3), transparent);

            opacity: 0.7;

        }



        .sd-why-card:nth-child(2)::before {

            background: linear-gradient(90deg, var(--accent-2), var(--accent), transparent);

        }



        .sd-why-card:nth-child(3)::before,

        .sd-why-card:nth-child(6)::before {

            background: linear-gradient(90deg, var(--accent-3), var(--accent), transparent);

        }



        .sd-why-card:nth-child(4)::before {

            background: linear-gradient(90deg, var(--accent), var(--accent-2), transparent);

        }



        .sd-why-card:nth-child(5)::before {

            background: linear-gradient(90deg, var(--accent-2), var(--accent-3), transparent);

        }



        .sd-why-card:hover {

            transform: translateY(-3px);

            border-color: rgba(123, 140, 255, 0.4);

            background: linear-gradient(165deg, rgba(123, 140, 255, 0.1), rgba(255, 255, 255, 0.03));

            box-shadow: 0 22px 44px -28px rgba(123, 140, 255, 0.55);

        }



        .sd-why-ico {

            width: 36px;

            height: 36px;

            border-radius: 11px;

            display: grid;

            place-items: center;

            color: #c8d0ff;

            background: linear-gradient(145deg, rgba(123, 140, 255, .22), rgba(178, 123, 255, .12));

            border: 1px solid rgba(123, 140, 255, 0.28);

            flex-shrink: 0;

        }



        .sd-why-ico svg {

            width: 17px;

            height: 17px;

        }



        .sd-why-title {

            margin: 0 0 8px;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 1rem;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.25;

            color: #f3f5fb;

        }



        .sd-why-desc {

            margin: 0;

            font-size: 14px;

            line-height: 1.6;

            color: #b6bcd0;

            flex: 1;

        }



        @media (prefers-reduced-motion: reduce) {

            .sd-why-card {

                transition: none;

            }

        }



        .hiw-crumb {

            display: flex;

            flex-wrap: wrap;

            align-items: center;

            gap: 8px;

            font-size: 12.5px;

            color: var(--text-2);

        }



        .hiw-crumb a {

            color: var(--text-2);

            transition: color .2s;

        }



        .hiw-crumb a:hover {

            color: var(--text-0);

        }



        .hiw-crumb .sep {

            opacity: 0.55;

        }



        .hiw-crumb .current {

            color: var(--text-1);

            font-weight: 500;

        }



        .slm-who-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 16px;

        }



        @media (min-width: 900px) {

            .slm-who-grid {

                grid-template-columns: repeat(2, 1fr);

                gap: 20px;

            }

        }



        .slm-who-card {

            position: relative;

            display: flex;

            flex-direction: column;

            gap: 22px;

            height: 100%;

            padding: 28px 26px 26px;

            border-radius: 22px;

            border: 1px solid var(--line);

            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008));

            backdrop-filter: blur(12px);

            overflow: hidden;

            isolation: isolate;

            transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;

        }



        [data-theme="light"] .slm-who-card {

            background: linear-gradient(to bottom, rgba(15, 18, 32, 0.022), rgba(15, 18, 32, 0.005));

        }



        .slm-who-card::before {

            content: '';

            position: absolute;

            width: 280px;

            height: 280px;

            top: -140px;

            right: -120px;

            border-radius: 50%;

            background: radial-gradient(circle, rgba(123, 140, 255, .22), transparent 70%);

            pointer-events: none;

        }



        .slm-who-card:nth-child(2)::before {

            background: radial-gradient(circle, rgba(178, 123, 255, .22), transparent 70%);

        }



        .slm-who-card:hover {

            transform: translateY(-4px);

            border-color: rgba(123, 140, 255, 0.38);

            box-shadow: 0 30px 60px -22px rgba(0, 0, 0, .45);

        }



        [data-theme="light"] .slm-who-card:hover {

            border-color: rgba(15, 18, 32, 0.18);

            box-shadow: 0 30px 60px -22px rgba(15, 18, 32, .18);

        }



        .slm-who-card-head {

            position: relative;

            display: flex;

            align-items: center;

            gap: 14px;

            min-height: 46px;

        }



        .slm-who-card-head .ico {

            width: 46px;

            height: 46px;

            border-radius: 14px;

            display: grid;

            place-items: center;

            flex-shrink: 0;

            color: var(--accent);

            background: linear-gradient(135deg, rgba(123, 140, 255, .22), rgba(178, 123, 255, .14));

            border: 1px solid rgba(123, 140, 255, 0.28);

            transition: transform .4s cubic-bezier(.2, .7, .3, 1.4);

        }



        .slm-who-card:nth-child(2) .slm-who-card-head .ico {

            color: var(--accent-3);

            background: linear-gradient(135deg, rgba(178, 123, 255, .2), rgba(123, 140, 255, .12));

            border-color: rgba(178, 123, 255, 0.3);

        }



        [data-theme="light"] .slm-who-card-head .ico {

            background: linear-gradient(135deg, rgba(79, 95, 229, .16), rgba(138, 82, 232, .10));

            border-color: rgba(15, 18, 32, 0.10);

        }



        .slm-who-card:hover .slm-who-card-head .ico {

            transform: rotate(-6deg) scale(1.08);

        }



        .slm-who-card-head .ico svg {

            width: 20px;

            height: 20px;

        }



        .slm-who-card-head h3 {

            margin: 0;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 1.05rem;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.3;

            color: var(--text-0);

        }



        .slm-who-list {

            position: relative;

            display: grid;

            gap: 18px;

        }



        .slm-who-item {

            display: grid;

            grid-template-columns: 36px 1fr;

            gap: 12px;

            align-items: start;

        }



        .slm-who-item .mark {

            width: 36px;

            height: 36px;

            border-radius: 11px;

            display: grid;

            place-items: center;

            flex-shrink: 0;

            color: var(--accent);

            background: color-mix(in srgb, var(--bg-0) 70%, transparent);

            border: 1px solid var(--line);

        }



        .slm-who-card:nth-child(2) .slm-who-item .mark {

            color: var(--accent-3);

        }



        [data-theme="light"] .slm-who-item .mark {

            background: rgba(255, 255, 255, 0.78);

        }



        .slm-who-item .mark svg {

            width: 16px;

            height: 16px;

        }



        .slm-who-item .title {

            margin: 0 0 4px;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 14.5px;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.35;

            color: var(--text-0);

        }



        .slm-who-item .desc {

            margin: 0;

            font-size: 13.5px;

            line-height: 1.6;

            color: var(--text-1);

        }



        @media (prefers-reduced-motion: reduce) {

            .slm-who-card,

            .slm-who-card-head .ico {

                transition: none;

            }

        }



        .slm-benefits-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 14px;

        }



        @media (min-width: 700px) {

            .slm-benefits-grid {

                grid-template-columns: repeat(2, 1fr);

                gap: 16px;

            }

        }



        @media (min-width: 1024px) {

            .slm-benefits-grid {

                /* grid-template-columns: repeat(3, 1fr); */
                grid-template-columns: repeat(4, 1fr);

                gap: 18px;

            }

        }



        .slm-benefits-card {

            position: relative;

            display: flex;

            flex-direction: column;

            gap: 14px;

            height: 100%;

            padding: 26px 24px 24px;

            border-radius: 20px;

            border: 1px solid var(--line);

            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008));

            backdrop-filter: blur(12px);

            overflow: hidden;

            isolation: isolate;

            transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;

        }



        [data-theme="light"] .slm-benefits-card {

            background: linear-gradient(to bottom, rgba(15, 18, 32, 0.022), rgba(15, 18, 32, 0.005));

        }



        .slm-benefits-card::before {

            content: '';

            position: absolute;

            top: 0;

            left: 24px;

            right: 24px;

            height: 2px;

            border-radius: 999px;

            background: linear-gradient(90deg, var(--accent), var(--accent-3), transparent);

            opacity: 0.7;

        }



        .slm-benefits-card:nth-child(2)::before {

            background: linear-gradient(90deg, var(--accent-2), var(--accent), transparent);

        }



        .slm-benefits-card:nth-child(3)::before {

            background: linear-gradient(90deg, var(--accent-3), var(--accent), transparent);

        }



        .slm-benefits-card:nth-child(4)::before {

            background: linear-gradient(90deg, var(--accent), var(--accent-2), transparent);

        }



        .slm-benefits-card:nth-child(5)::before {

            background: linear-gradient(90deg, var(--accent-2), var(--accent-3), transparent);

        }



        .slm-benefits-card:nth-child(6)::before {

            background: linear-gradient(90deg, var(--accent-3), var(--accent-2), transparent);

        }



        .slm-benefits-card:hover {

            transform: translateY(-4px);

            border-color: rgba(123, 140, 255, 0.38);

            box-shadow: 0 30px 60px -22px rgba(0, 0, 0, .45);

        }



        [data-theme="light"] .slm-benefits-card:hover {

            border-color: rgba(15, 18, 32, 0.18);

            box-shadow: 0 30px 60px -22px rgba(15, 18, 32, .18);

        }



        .slm-benefits-ico {

            width: 42px;

            height: 42px;

            border-radius: 12px;

            display: grid;

            place-items: center;

            flex-shrink: 0;

            color: var(--accent);

            background: linear-gradient(135deg, rgba(123, 140, 255, .22), rgba(178, 123, 255, .14));

            border: 1px solid rgba(123, 140, 255, 0.28);

            transition: transform .4s cubic-bezier(.2, .7, .3, 1.4);

        }



        .slm-benefits-card:nth-child(2) .slm-benefits-ico {

            color: var(--accent-2);

            background: linear-gradient(145deg, rgba(61, 219, 255, .16), rgba(123, 140, 255, .1));

            border-color: rgba(61, 219, 255, 0.3);

        }



        .slm-benefits-card:nth-child(3) .slm-benefits-ico,

        .slm-benefits-card:nth-child(5) .slm-benefits-ico {

            color: var(--accent-3);

            background: linear-gradient(145deg, rgba(178, 123, 255, .18), rgba(123, 140, 255, .1));

            border-color: rgba(178, 123, 255, 0.3);

        }



        .slm-benefits-card:nth-child(6) .slm-benefits-ico {

            color: var(--accent-2);

            background: linear-gradient(145deg, rgba(61, 219, 255, .16), rgba(123, 140, 255, .1));

            border-color: rgba(61, 219, 255, 0.3);

        }



        [data-theme="light"] .slm-benefits-ico {

            background: linear-gradient(135deg, rgba(79, 95, 229, .16), rgba(138, 82, 232, .10));

            border-color: rgba(15, 18, 32, 0.10);

        }



        .slm-benefits-card:hover .slm-benefits-ico {

            transform: rotate(-6deg) scale(1.08);

        }



        .slm-benefits-ico svg {

            width: 18px;

            height: 18px;

        }



        .slm-benefits-title {

            margin: 0;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 1rem;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.3;

            color: var(--text-0);

        }



        .slm-benefits-desc {

            margin: 0;

            font-size: 13.5px;

            line-height: 1.65;

            color: var(--text-1);

            flex: 1;

        }



        @media (prefers-reduced-motion: reduce) {

            .slm-benefits-card,

            .slm-benefits-ico {

                transition: none;

            }

        }



        .slm-cap-num {

            width: 36px;

            height: 36px;

            border-radius: 999px;

            display: grid;

            place-items: center;

            flex-shrink: 0;

            font-family: 'JetBrains Mono', monospace;

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 0.04em;

            color: #fff;

            background: linear-gradient(135deg, var(--accent), var(--accent-3));

            box-shadow: 0 8px 16px -8px rgba(123, 140, 255, 0.7);

        }



        .slm-benefits-card:nth-child(2) .slm-cap-num {

            background: linear-gradient(135deg, var(--accent-2), var(--accent));

        }



        .slm-benefits-card:nth-child(3) .slm-cap-num {

            background: linear-gradient(135deg, var(--accent), #8a9cff);

        }



        .slm-benefits-card:nth-child(4) .slm-cap-num {

            background: linear-gradient(135deg, var(--accent-3), var(--accent));

        }



        .slm-benefits-card:nth-child(5) .slm-cap-num {

            background: linear-gradient(135deg, var(--accent-2), var(--accent-3));

        }



        .slm-cap-head {

            display: flex;

            align-items: flex-start;

            gap: 12px;

        }



        .slm-cap-head .slm-benefits-title {

            margin-top: 6px;

        }



        @media (min-width: 1024px) {

            #capabilities .slm-benefits-grid {

                grid-template-columns: repeat(6, 1fr);

                gap: 18px;

            }



            #capabilities .slm-benefits-card {

                /* grid-column: span 2; */
                grid-column: 2 / span 2;

            }



            #capabilities .slm-benefits-card:nth-child(4) {

                grid-column: 2 / span 2;

            }

        }



        .slm-outcomes-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 12px;

        }



        @media (min-width: 700px) {

            .slm-outcomes-grid {

                grid-template-columns: repeat(2, 1fr);

                gap: 14px;

            }

        }



        @media (min-width: 1024px) {

            .slm-outcomes-grid {

                grid-template-columns: repeat(3, 1fr);

                gap: 16px;

            }

        }



        .slm-outcome-card {

            position: relative;

            display: flex;

            align-items: flex-start;

            gap: 14px;

            height: 100%;

            padding: 22px 20px;

            border-radius: 18px;

            border: 1px solid var(--line);

            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008));

            backdrop-filter: blur(12px);

            overflow: hidden;

            isolation: isolate;

            transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;

        }



        [data-theme="light"] .slm-outcome-card {

            background: linear-gradient(to bottom, rgba(15, 18, 32, 0.022), rgba(15, 18, 32, 0.005));

        }



        .slm-outcome-card:hover {

            transform: translateY(-3px);

            border-color: rgba(123, 140, 255, 0.38);

            box-shadow: 0 22px 44px -24px rgba(123, 140, 255, 0.4);

        }



        [data-theme="light"] .slm-outcome-card:hover {

            border-color: rgba(15, 18, 32, 0.18);

            box-shadow: 0 22px 44px -24px rgba(15, 18, 32, .16);

        }



        .slm-outcome-mark {

            width: 28px;

            height: 28px;

            border-radius: 999px;

            display: grid;

            place-items: center;

            flex-shrink: 0;

            color: #fff;

            background: linear-gradient(135deg, var(--accent), var(--accent-3));

            box-shadow: 0 8px 16px -8px rgba(123, 140, 255, 0.65);

            margin-top: 1px;

        }



        .slm-outcome-card:nth-child(2) .slm-outcome-mark,

        .slm-outcome-card:nth-child(5) .slm-outcome-mark {

            background: linear-gradient(135deg, var(--accent-2), var(--accent));

        }



        .slm-outcome-card:nth-child(3) .slm-outcome-mark,

        .slm-outcome-card:nth-child(6) .slm-outcome-mark {

            background: linear-gradient(135deg, var(--accent-3), var(--accent));

        }



        .slm-outcome-mark svg {

            width: 13px;

            height: 13px;

        }



        .slm-outcome-text {

            margin: 0;

            font-size: 14.5px;

            line-height: 1.55;

            font-weight: 550;

            color: var(--text-0);

            letter-spacing: -0.01em;

        }



        @media (prefers-reduced-motion: reduce) {

            .slm-outcome-card {

                transition: none;

            }

        }



        .slm-cmp-wrap {

            border-radius: 22px;

            border: 1px solid var(--line);

            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.008));

            overflow: hidden;

        }



        [data-theme="light"] .slm-cmp-wrap {

            background: linear-gradient(to bottom, rgba(15, 18, 32, 0.022), rgba(15, 18, 32, 0.005));

        }



        .slm-cmp {

            width: 100%;

            border-collapse: separate;

            border-spacing: 0;

            font-size: 13.5px;

            min-width: 640px;

        }



        .slm-cmp thead {

            background: rgba(255, 255, 255, 0.08);

        }



        [data-theme="light"] .slm-cmp thead {

            background: rgba(15, 18, 32, 0.03);

        }



        .slm-cmp th,

        .slm-cmp td {

            padding: 16px 20px;

            text-align: left;

            border-bottom: 1px solid var(--line);

            vertical-align: middle;

        }



        .slm-cmp th {

            font-family: 'JetBrains Mono', monospace;

            font-size: 10.5px;

            letter-spacing: 0.14em;

            text-transform: uppercase;

            color: var(--text-2);

            font-weight: 500;

        }



        .slm-cmp th .col-h {

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 15px;

            font-weight: 700;

            color: var(--text-0);

            text-transform: none;

            letter-spacing: -0.2px;

        }



        .slm-cmp th .col-h.is-sourceby {

            color: #ffffff;

        }



        .slm-cmp th.is-sourceby,

        .slm-cmp td.is-sourceby {

            position: relative;

            /* background:

                radial-gradient(ellipse 90% 70% at 50% 0%, rgba(61, 219, 255, 0.14), transparent 60%),

                radial-gradient(ellipse 80% 60% at 50% 100%, rgba(123, 140, 255, 0.12), transparent 55%),

                linear-gradient(165deg, rgba(123, 140, 255, 0.12), rgba(178, 123, 255, 0.08)); */

            border-left: 1.5px solid color-mix(in srgb, var(--accent) 48%, transparent);

            border-right: 1.5px solid color-mix(in srgb, var(--accent-3) 42%, transparent);

            border-bottom-color: color-mix(in srgb, var(--accent) 18%, transparent);

            box-shadow:

                inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent),

                0 0 28px -12px color-mix(in srgb, var(--accent) 45%, transparent);

            background: linear-gradient(165deg, var(--surface-strong-a), var(--surface-glass-b));

        }



        /* [data-theme="light"] .slm-cmp th.is-sourceby,

        [data-theme="light"] .slm-cmp td.is-sourceby {

            background:

                radial-gradient(ellipse 90% 70% at 50% 0%, rgba(61, 219, 255, 0.12), transparent 60%),

                radial-gradient(ellipse 80% 60% at 50% 100%, rgba(79, 95, 229, 0.1), transparent 55%),

                linear-gradient(165deg, rgba(123, 140, 255, 0.1), rgba(255, 255, 255, 0.65));

        } */



        [data-theme="dark"] .slm-cmp td.is-sourceby {

            color: #FFFFFF !important;

        }



        .slm-cmp th.is-sourceby {

            border-top: 1.5px solid color-mix(in srgb, var(--accent) 55%, transparent);

            background: linear-gradient(135deg, var(--accent-3) 0%, var(--accent) 50%, var(--accent-2) 100%) !important;

        }



        .slm-cmp tbody tr:last-child td {

            border-bottom: none;

        }



        .slm-cmp tbody tr:last-child td.is-sourceby {

            border-bottom: 1.5px solid color-mix(in srgb, var(--accent-3) 45%, transparent);

        }



        .slm-cmp td:first-child {

            font-weight: 600;

            color: var(--text-0);

            width: 34%;

        }



        .slm-cmp td.is-sourceby {

            width: 33%;

            font-weight: 700;

            color: #0090c3;

            letter-spacing: -0.01em;

        }



        .slm-cmp thead,

        .slm-cmp tbody {

            backdrop-filter: blur(12px);

        }



        [data-theme="dark"] .slm-cmp th, .slm-cmp td {

            color: var(--text-1) !important;

        }

        [data-theme="dark"] .slm-cmp td b {

            color: #FFFFFF !important;

        }

        [data-theme="light"] .slm-cmp td.is-sourceby {

            color: #0090c3 !important;

        }



        .slm-cmp td.is-trad {

            width: 33%;

            color: var(--text-1);

        }



        .slm-cmp tbody tr.is-empty td {

            height: 64px;

            color: transparent;

        }



        .slm-cmp tbody tr:hover td:not(.is-sourceby) {

            background: rgba(123, 140, 255, 0.03);

        }



        .slm-cmp tbody tr:hover td.is-sourceby {

            /* background:

                radial-gradient(ellipse 90% 70% at 50% 0%, rgba(61, 219, 255, 0.18), transparent 60%),

                radial-gradient(ellipse 80% 60% at 50% 100%, rgba(123, 140, 255, 0.16), transparent 55%),

                linear-gradient(165deg, rgba(123, 140, 255, 0.16), rgba(178, 123, 255, 0.12)); */

            background: linear-gradient(165deg, rgb(240,240,240), var(--surface-glass-b));

        }



        .slm-int-board {

            border-radius: 22px;

            border: 1px solid var(--line);

            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008));

            backdrop-filter: blur(12px);

            overflow: hidden;

        }



        [data-theme="light"] .slm-int-board {

            background: linear-gradient(to bottom, rgba(15, 18, 32, 0.018), rgba(15, 18, 32, 0.005));

        }



        .slm-int-group {

            padding: 28px 28px 26px;

        }



        .slm-int-group + .slm-int-split {

            border-top: 1px solid var(--line);

        }



        .slm-int-split {

            display: grid;

            grid-template-columns: 1fr;

        }



        @media (min-width: 840px) {

            .slm-int-split {

                grid-template-columns: 1.15fr 0.85fr;

            }



            .slm-int-split .slm-int-group:last-child {

                border-left: 1px solid var(--line);

            }

        }



        .slm-int-title {

            margin: 0 0 18px;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 1.05rem;

            font-weight: 700;

            letter-spacing: -0.02em;

            color: var(--text-0);

        }



        .slm-int-logos {

            display: flex;

            flex-wrap: wrap;

            gap: 10px;

        }



        .slm-int-logo {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

            min-height: 48px;

            padding: 10px 16px;

            border-radius: 12px;

            border: 1px solid var(--line);

            background: #fff;

            box-shadow: 0 8px 18px -16px rgba(15, 18, 32, 0.35);

            transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;

        }



        [data-theme="dark"] .slm-int-logo {

            background: #fff;

            border-color: rgba(15, 18, 32, 0.08);

        }



        .slm-int-logo:hover {

            transform: translateY(-2px);

            border-color: rgba(123, 140, 255, 0.35);

            box-shadow: 0 14px 28px -18px rgba(123, 140, 255, 0.45);

        }



        .slm-int-logo svg {

            width: 22px;

            height: 22px;

            flex-shrink: 0;

        }



        .slm-int-logo svg.is-wide {

            width: 58px;

            height: 20px;

        }



        .slm-int-logo span {

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 13.5px;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1;

            color: #1f2433;

            white-space: nowrap;

        }



        @media (max-width: 640px) {

            .slm-int-group {

                padding: 22px 18px 20px;

            }

        }



        @media (prefers-reduced-motion: reduce) {

            .slm-int-logo {

                transition: none;

            }

        }



        .hiw-mock {

            position: relative;

            border-radius: 22px;

            border: 1px solid var(--line);

            background:

                radial-gradient(520px 280px at 10% 0%, rgba(123, 140, 255, .18), transparent 60%),

                radial-gradient(420px 240px at 100% 100%, rgba(178, 123, 255, .14), transparent 55%),

                linear-gradient(to bottom, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));

            backdrop-filter: blur(14px);

            overflow: hidden;

            box-shadow: 0 28px 60px -28px rgba(0, 0, 0, .45);

        }



        [data-theme="light"] .hiw-mock {

            background:

                radial-gradient(520px 280px at 10% 0%, rgba(123, 140, 255, .12), transparent 60%),

                radial-gradient(420px 240px at 100% 100%, rgba(178, 123, 255, .10), transparent 55%),

                linear-gradient(to bottom, rgba(15, 18, 32, 0.03), rgba(15, 18, 32, 0.01));

            box-shadow: 0 28px 60px -28px rgba(15, 18, 32, .18);

        }



        .hiw-mock-chrome {

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 12px;

            padding: 14px 16px;

            border-bottom: 1px solid var(--line);

            background: rgba(255, 255, 255, 0.02);

        }



        .hiw-mock-dots {

            display: flex;

            gap: 6px;

        }



        .hiw-mock-dots span {

            width: 8px;

            height: 8px;

            border-radius: 999px;

            background: rgba(255, 255, 255, 0.18);

        }



        [data-theme="light"] .hiw-mock-dots span {

            background: rgba(15, 18, 32, 0.16);

        }



        .hiw-mock-title {

            font-family: 'JetBrains Mono', monospace;

            font-size: 11px;

            letter-spacing: 0.08em;

            text-transform: uppercase;

            color: var(--text-2);

        }



        .hiw-mock-body {

            padding: 16px 16px 64px;

            display: grid;

            gap: 12px;

        }



        .hiw-rfq {

            display: grid;

            grid-template-columns: auto 1fr auto;

            gap: 12px;

            align-items: center;

            padding: 12px 14px;

            border-radius: 14px;

            border: 1px solid var(--line);

            background: rgba(255, 255, 255, 0.02);

            transition: border-color .2s, transform .2s, background .2s;

        }



        [data-theme="light"] .hiw-rfq {

            background: rgba(15, 18, 32, 0.02);

        }



        .hiw-rfq:hover {

            border-color: rgba(123, 140, 255, 0.35);

            background: rgba(123, 140, 255, 0.06);

            transform: translateY(-1px);

        }



        .hiw-rfq .av {

            width: 36px;

            height: 36px;

            border-radius: 10px;

            display: grid;

            place-items: center;

            font-size: 11px;

            font-weight: 700;

            color: #fff;

        }



        .hiw-rfq .name {

            font-size: 13.5px;

            font-weight: 600;

            color: var(--text-0);

        }



        .hiw-rfq .meta {

            font-size: 11.5px;

            color: var(--text-2);

            margin-top: 2px;

        }



        .hiw-rfq .tag {

            font-family: 'JetBrains Mono', monospace;

            font-size: 10px;

            letter-spacing: 0.08em;

            text-transform: uppercase;

            padding: 5px 8px;

            border-radius: 999px;

            border: 1px solid var(--line);

            color: var(--text-1);

            white-space: nowrap;

        }



        .hiw-rfq .tag.is-new {

            color: var(--accent);

            border-color: rgba(123, 140, 255, 0.35);

            background: rgba(123, 140, 255, 0.10);

        }



        .hiw-stat-row {

            display: grid;

            grid-template-columns: repeat(3, 1fr);

            gap: 10px;

        }



        .hiw-stat {

            padding: 12px;

            border-radius: 12px;

            border: 1px solid var(--line);

            background: rgba(255, 255, 255, 0.02);

        }



        [data-theme="light"] .hiw-stat {

            background: rgba(15, 18, 32, 0.02);

        }



        .hiw-stat .v {

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 18px;

            font-weight: 700;

            color: var(--text-0);

            line-height: 1.1;

        }



        .hiw-stat .k {

            font-size: 11px;

            color: var(--text-2);

            margin-top: 4px;

        }



        .hiw-float {

            position: absolute;

            right: 18px;

            bottom: 18px;

            display: inline-flex;

            align-items: center;

            gap: 8px;

            padding: 10px 12px;

            border-radius: 12px;

            border: 1px solid var(--line);

            background: color-mix(in srgb, var(--bg-1) 82%, transparent);

            backdrop-filter: blur(12px);

            font-size: 12px;

            color: var(--text-1);

            box-shadow: 0 16px 30px -18px rgba(0, 0, 0, .4);

        }



        .sre-hero-mock .hiw-mock-body {

            padding: 16px 16px 58px;

            gap: 14px;

        }



        .sre-hero-rail {

            display: grid;

            grid-template-columns: repeat(4, minmax(0, 1fr));

            position: relative;

            padding: 4px 2px 2px;

        }



        .sre-hero-rail::before {

            content: "";

            position: absolute;

            left: 12%;

            right: 12%;

            top: 17px;

            height: 2px;

            border-radius: 99px;

            background: linear-gradient(90deg, rgba(123, 140, 255, 0.55), rgba(178, 123, 255, 0.7), rgba(61, 219, 255, 0.55));

            pointer-events: none;

        }



        .sre-hero-node {

            position: relative;

            z-index: 1;

            display: flex;

            flex-direction: column;

            align-items: center;

            gap: 8px;

            text-align: center;

        }



        .sre-hero-node i {

            width: 34px;

            height: 34px;

            border-radius: 999px;

            display: grid;

            place-items: center;

            border: 1px solid rgba(178, 123, 255, 0.35);

            background: color-mix(in srgb, var(--bg-1) 88%, transparent);

            color: var(--text-0);

            box-shadow: 0 0 0 4px color-mix(in srgb, var(--bg-0) 80%, transparent);

        }



        .sre-hero-node.is-now i {

            border-color: rgba(178, 123, 255, 0.55);

            background: linear-gradient(135deg, rgba(178, 123, 255, 0.95), rgba(123, 140, 255, 0.85));

            color: #fff;

            box-shadow: 0 0 0 4px color-mix(in srgb, var(--bg-0) 80%, transparent), 0 0 18px rgba(178, 123, 255, 0.35);

        }



        .sre-hero-node span {

            font-size: 10.5px;

            font-weight: 650;

            color: var(--text-2);

            line-height: 1.2;

        }



        .sre-hero-node.is-now span {

            color: var(--text-0);

        }



        .sre-hero-list {

            display: grid;

            gap: 8px;

        }



        .sre-hero-match {

            display: grid;

            grid-template-columns: 28px minmax(0, 1fr) auto;

            align-items: center;

            gap: 10px;

            padding: 10px 12px;

            border-radius: 14px;

            border: 1px solid var(--line);

            background: rgba(255, 255, 255, 0.02);

        }



        [data-theme="light"] .sre-hero-match {

            background: rgba(15, 18, 32, 0.02);

        }



        .sre-hero-match.is-top {

            border-color: rgba(178, 123, 255, 0.38);

            background: linear-gradient(90deg, rgba(178, 123, 255, 0.12), rgba(123, 140, 255, 0.05));

        }



        .sre-hero-av {

            width: 28px;

            height: 28px;

            border-radius: 8px;

            display: grid;

            place-items: center;

            font-size: 10px;

            font-weight: 700;

            color: #fff;

        }



        .sre-hero-match strong {

            display: block;

            font-size: 12.5px;

            font-weight: 650;

            color: var(--text-0);

            line-height: 1.25;

        }



        .sre-hero-match em {

            display: block;

            margin-top: 2px;

            font-style: normal;

            font-size: 11px;

            color: var(--text-2);

        }



        .sre-hero-score {

            display: flex;

            flex-direction: column;

            align-items: flex-end;

            gap: 4px;

        }



        .sre-hero-score b {

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 14px;

            font-weight: 800;

            letter-spacing: -0.03em;

            color: var(--text-0);

            line-height: 1;

        }



        .sre-hero-score span {

            font-family: 'JetBrains Mono', monospace;

            font-size: 9.5px;

            letter-spacing: 0.08em;

            text-transform: uppercase;

            color: var(--text-1);

            white-space: nowrap;

        }



        .sre-hero-match.is-top .sre-hero-score span {

            color: var(--accent);

        }



        .sre-hero-bar {

            display: block;

            width: 52px;

            height: 4px;

            border-radius: 99px;

            background: color-mix(in srgb, var(--line) 80%, transparent);

            overflow: hidden;

        }



        .sre-hero-bar i {

            display: block;

            height: 100%;

            border-radius: inherit;

            background: linear-gradient(90deg, #b27bff, #7b8cff);

        }



        .sre-hero-req {

            display: flex;

            align-items: center;

            gap: 12px;

            padding: 11px 12px;

            border-radius: 14px;

            border: 1px solid var(--line);

            background: rgba(255, 255, 255, 0.02);

        }



        [data-theme="light"] .sre-hero-req {

            background: rgba(15, 18, 32, 0.02);

        }



        .sre-hero-req-ico {

            width: 36px;

            height: 36px;

            border-radius: 10px;

            display: grid;

            place-items: center;

            flex-shrink: 0;

            color: #fff;

            background: linear-gradient(135deg, #7b8cff, #b27bff);

        }



        .sre-hero-req strong {

            display: block;

            font-size: 13px;

            font-weight: 650;

            color: var(--text-0);

        }



        .sre-hero-req span {

            display: block;

            margin-top: 2px;

            font-size: 11.5px;

            color: var(--text-2);

        }



        .pulse-dot {

            width: 7px;

            height: 7px;

            border-radius: 999px;

            background: var(--accent-2);

            box-shadow: 0 0 10px var(--accent-2);

            animation: slm-pulse-dot 1.8s ease-in-out infinite;

        }



        @keyframes slm-pulse-dot {

            0%,

            100% {

                opacity: 1;

                transform: scale(1);

            }



            50% {

                opacity: .45;

                transform: scale(.75);

            }

        }



        @media (prefers-reduced-motion: reduce) {

            .hiw-rfq,

            .pulse-dot {

                animation: none;

                transition: none;

            }

        }



        .cb-pillars-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 14px;

        }



        @media (min-width: 700px) {

            .cb-pillars-grid {

                grid-template-columns: repeat(2, 1fr);

                gap: 16px;

            }

        }



        .cb-wf-layout {

            display: grid;

            grid-template-columns: 1fr;

            gap: 28px;

            align-items: start;

        }



        @media (min-width: 1024px) {

            .cb-wf-layout {

                grid-template-columns: minmax(300px, 0.92fr) minmax(0, 1.08fr);

                gap: 40px;

            }

        }



        .cb-wf-mock .hiw-mock-body {

            padding: 18px 16px 20px;

        }



        .cb-wf-diagram {

            list-style: none;

            margin: 0;

            padding: 0;

            display: flex;

            flex-direction: column;

            align-items: stretch;

        }



        .cb-wf-node {

            display: flex;

            align-items: center;

            gap: 12px;

            width: 100%;

            padding: 14px;

            border-radius: 14px;

            border: 1px solid var(--line);

            background: color-mix(in srgb, var(--bg-1) 88%, transparent);

            text-align: left;

        }



        [data-theme="light"] .cb-wf-node {

            background: color-mix(in srgb, #fff 90%, var(--bg-0));

        }



        .cb-wf-diagram > li:nth-child(2) .cb-wf-node {

            border-color: rgba(61, 219, 255, 0.28);

        }



        .cb-wf-diagram > li:nth-child(3) .cb-wf-node {

            border-color: rgba(178, 123, 255, 0.28);

        }



        .cb-wf-diagram > li:nth-child(4) .cb-wf-node {

            border-color: rgba(123, 140, 255, 0.32);

        }



        .cb-wf-diagram > li:nth-child(5) .cb-wf-node {

            border-color: rgba(178, 123, 255, 0.32);

        }



        .cb-wf-node-num {

            width: 34px;

            height: 34px;

            border-radius: 999px;

            display: grid;

            place-items: center;

            flex-shrink: 0;

            font-family: 'JetBrains Mono', monospace;

            font-size: 11px;

            font-weight: 700;

            letter-spacing: 0.02em;

            color: #fff;

            background: linear-gradient(145deg, var(--accent), var(--accent-3));

            box-shadow: 0 8px 16px -10px rgba(123, 140, 255, 0.7);

        }



        .cb-wf-diagram > li:nth-child(2) .cb-wf-node-num {

            background: linear-gradient(145deg, var(--accent-2), var(--accent));

        }



        .cb-wf-diagram > li:nth-child(3) .cb-wf-node-num {

            background: linear-gradient(145deg, var(--accent-3), var(--accent));

        }



        .cb-wf-diagram > li:nth-child(4) .cb-wf-node-num {

            background: linear-gradient(145deg, var(--accent), #8a9cff);

        }



        .cb-wf-diagram > li:nth-child(5) .cb-wf-node-num {

            background: linear-gradient(145deg, var(--accent-2), var(--accent-3));

        }



        .cb-wf-node-label {

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 13.5px;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.35;

            color: var(--text-0);

        }



        .cb-wf-edge {

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: flex-start;

            height: 28px;

            margin: 2px 0;

        }



        .cb-wf-edge::before {

            content: '';

            width: 2px;

            flex: 1;

            background: linear-gradient(180deg, rgba(123, 140, 255, 0.55), rgba(178, 123, 255, 0.45));

        }



        .cb-wf-edge::after {

            content: '';

            width: 0;

            height: 0;

            border-left: 5px solid transparent;

            border-right: 5px solid transparent;

            border-top: 7px solid color-mix(in srgb, var(--accent-3) 80%, var(--accent));

            margin-top: -1px;

        }



        .cb-wf-copy {

            display: grid;

            gap: 12px;

        }



        .cb-wf-item {

            display: grid;

            grid-template-columns: 36px 1fr;

            gap: 12px;

            align-items: start;

            padding: 16px 16px 16px 14px;

            border-radius: 16px;

            border: 1px solid var(--line);

            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008));

            backdrop-filter: blur(12px);

            transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;

        }



        [data-theme="light"] .cb-wf-item {

            background: linear-gradient(to bottom, rgba(15, 18, 32, 0.022), rgba(15, 18, 32, 0.005));

        }



        .cb-wf-item:hover {

            transform: translateY(-2px);

            border-color: rgba(123, 140, 255, 0.38);

            box-shadow: 0 18px 36px -24px rgba(123, 140, 255, 0.4);

        }



        [data-theme="light"] .cb-wf-item:hover {

            border-color: rgba(15, 18, 32, 0.18);

            box-shadow: 0 18px 36px -24px rgba(15, 18, 32, .16);

        }



        .cb-wf-item-num {

            width: 36px;

            height: 36px;

            border-radius: 11px;

            display: grid;

            place-items: center;

            flex-shrink: 0;

            font-family: 'JetBrains Mono', monospace;

            font-size: 11px;

            font-weight: 700;

            color: var(--accent);

            background: linear-gradient(135deg, rgba(123, 140, 255, .18), rgba(178, 123, 255, .1));

            border: 1px solid rgba(123, 140, 255, 0.28);

        }



        [data-theme="light"] .cb-wf-item-num {

            background: linear-gradient(135deg, rgba(79, 95, 229, .14), rgba(138, 82, 232, .08));

            border-color: rgba(15, 18, 32, 0.1);

        }



        .cb-wf-item h3 {

            margin: 0 0 6px;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 15px;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.3;

            color: var(--text-0);

        }



        .cb-wf-item p {

            margin: 0;

            font-size: 13.5px;

            line-height: 1.6;

            color: var(--text-1);

        }



        .cb-engine-board {

            overflow: hidden;

        }



        .cb-engine-grid {

            display: grid;

            grid-template-columns: 1fr;

        }



        @media (min-width: 900px) {

            .cb-engine-grid {

                grid-template-columns: 1fr 1fr;

            }

        }



        .cb-engine-row {

            display: grid;

            grid-template-columns: 42px 1fr;

            gap: 14px;

            align-items: start;

            padding: 22px 22px 22px 20px;

            border-bottom: 1px solid var(--line);

            transition: background .25s ease;

        }



        .cb-engine-row:last-child {

            border-bottom: none;

        }



        @media (min-width: 900px) {

            .cb-engine-row {

                padding: 26px 28px;

            }



            .cb-engine-row:nth-child(odd) {

                border-right: 1px solid var(--line);

            }



            .cb-engine-row:nth-child(n+5) {

                border-bottom: none;

            }

        }



        .cb-engine-row:hover {

            background: rgba(123, 140, 255, 0.045);

        }



        [data-theme="light"] .cb-engine-row:hover {

            background: rgba(15, 18, 32, 0.028);

        }



        .cb-engine-num {

            width: 42px;

            height: 42px;

            border-radius: 12px;

            display: grid;

            place-items: center;

            font-family: 'JetBrains Mono', monospace;

            font-size: 12px;

            font-weight: 700;

            letter-spacing: 0.04em;

            color: var(--accent);

            background: linear-gradient(135deg, rgba(123, 140, 255, .16), rgba(178, 123, 255, .1));

            border: 1px solid rgba(123, 140, 255, 0.26);

        }



        .cb-engine-row:nth-child(2) .cb-engine-num,

        .cb-engine-row:nth-child(5) .cb-engine-num {

            color: var(--accent-2);

            background: linear-gradient(135deg, rgba(61, 219, 255, .14), rgba(123, 140, 255, .08));

            border-color: rgba(61, 219, 255, 0.28);

        }



        .cb-engine-row:nth-child(3) .cb-engine-num,

        .cb-engine-row:nth-child(6) .cb-engine-num {

            color: var(--accent-3);

            background: linear-gradient(135deg, rgba(178, 123, 255, .16), rgba(123, 140, 255, .08));

            border-color: rgba(178, 123, 255, 0.28);

        }



        .cb-engine-row h3 {

            margin: 0 0 6px;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 15.5px;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.3;

            color: var(--text-0);

        }



        .cb-engine-row p {

            margin: 0;

            font-size: 13.5px;

            line-height: 1.6;

            color: var(--text-1);

        }



        .cb-control-layout {

            display: grid;

            grid-template-columns: 1fr;

            gap: 28px;

            align-items: start;

        }



        @media (min-width: 960px) {

            .cb-control-layout {

                grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);

                gap: 48px;

                align-items: center;

            }

        }



        .cb-control-intro h2 {

            text-align: left;

        }



        .cb-control-kicker {

            display: inline-flex;

            align-items: center;

            gap: 8px;

            margin: 0 0 16px;

            font-family: 'JetBrains Mono', monospace;

            font-size: 11px;

            font-weight: 500;

            letter-spacing: 0.12em;

            text-transform: uppercase;

            color: var(--accent);

        }



        .cb-control-kicker svg {

            width: 14px;

            height: 14px;

        }



        .cb-control-list {

            display: grid;

        }



        .cb-control-item {

            display: grid;

            grid-template-columns: 36px 1fr;

            gap: 14px;

            align-items: start;

            padding: 20px 22px;

            border-bottom: 1px solid var(--line);

        }



        .cb-control-item:last-child {

            border-bottom: none;

        }



        .cb-control-mark {

            width: 36px;

            height: 36px;

            border-radius: 11px;

            display: grid;

            place-items: center;

            color: #fff;

            background: linear-gradient(135deg, var(--accent), var(--accent-3));

            box-shadow: 0 8px 16px -8px rgba(123, 140, 255, 0.7);

        }



        .cb-control-item:nth-child(2) .cb-control-mark {

            background: linear-gradient(135deg, var(--accent-2), var(--accent));

        }



        .cb-control-item:nth-child(3) .cb-control-mark {

            background: linear-gradient(135deg, var(--accent-3), var(--accent));

        }



        .cb-control-item:nth-child(4) .cb-control-mark {

            background: linear-gradient(135deg, var(--accent), #8a9cff);

        }



        .cb-control-mark svg {

            width: 15px;

            height: 15px;

        }



        .cb-control-item h3 {

            margin: 0 0 4px;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 15px;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.3;

            color: var(--text-0);

        }



        .cb-control-item p {

            margin: 0;

            font-size: 13.5px;

            line-height: 1.6;

            color: var(--text-1);

        }



        @media (prefers-reduced-motion: reduce) {

            .cb-wf-item,

            .cb-engine-row {

                transition: none;

            }

        }



        .sr-flow-section {

            position: relative;

            overflow: hidden;

            padding: 56px 0 64px;

            border-top: 1px solid var(--line);

            background:

                radial-gradient(ellipse 55% 45% at 85% 15%, rgba(178, 123, 255, 0.1), transparent 55%),

                radial-gradient(ellipse 50% 40% at 10% 85%, rgba(61, 219, 255, 0.08), transparent 55%),

                var(--bg-0);

        }



        .sr-flow-head {

            text-align: center;

            max-width: 68ch;

            margin: 0 auto 36px;

        }



        .sr-flow-head h2 {

            margin: 0;

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.35rem, 2.8vw, 1.95rem);

            font-weight: 700;

            line-height: 1.15;

            letter-spacing: -0.025em;

            color: var(--text-0);

        }



        .sr-flow-head p {

            margin: 14px auto 0;

            font-size: 15px;

            line-height: 1.65;

            color: var(--text-1);

        }



        .sr-flow-track {

            position: relative;

            display: grid;

            grid-template-columns: 1fr;

            gap: 12px;

            margin-bottom: 28px;

        }



        @media (min-width: 900px) {

            .sr-flow-track {

                grid-template-columns: repeat(7, 1fr);

                align-items: center;

                gap: 0;

            }



            .sr-flow-track::before {

                content: '';

                position: absolute;

                top: 50%;

                left: 6%;

                right: 6%;

                height: 2px;

                transform: translateY(-50%);

                background: linear-gradient(90deg, transparent, rgba(123, 140, 255, .35), rgba(178, 123, 255, .4), rgba(61, 219, 255, .3), transparent);

                pointer-events: none;

                z-index: 0;

            }

        }



        .sr-flow-node {

            position: relative;

            z-index: 1;

            display: flex;

            flex-direction: column;

            align-items: center;

            text-align: center;

            gap: 10px;

            padding: 18px 12px 16px;

            border-radius: 18px;

            border: 1px solid var(--line);

            background: color-mix(in srgb, var(--bg-1) 92%, transparent);

            transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;

        }



        [data-theme="light"] .sr-flow-node {

            background: color-mix(in srgb, #fff 92%, var(--bg-0));

        }



        .sr-flow-node:hover {

            transform: translateY(-3px);

            border-color: rgba(123, 140, 255, 0.38);

            box-shadow: 0 18px 36px -24px rgba(123, 140, 255, 0.45);

        }



        .sr-flow-node-num {

            width: 38px;

            height: 38px;

            border-radius: 999px;

            display: grid;

            place-items: center;

            font-family: 'JetBrains Mono', monospace;

            font-size: 11px;

            font-weight: 700;

            color: #fff;

            background: linear-gradient(135deg, var(--accent), var(--accent-3));

            box-shadow: 0 8px 16px -8px rgba(123, 140, 255, 0.7);

        }



        .sr-flow-track > .sr-flow-node:nth-child(1) .sr-flow-node-num {

            background: linear-gradient(135deg, var(--accent), var(--accent-3));

        }



        .sr-flow-track > .sr-flow-node:nth-child(3) .sr-flow-node-num {

            background: linear-gradient(135deg, var(--accent-2), var(--accent));

        }



        .sr-flow-track > .sr-flow-node:nth-child(5) .sr-flow-node-num {

            background: linear-gradient(135deg, var(--accent-3), var(--accent));

        }



        .sr-flow-track > .sr-flow-node:nth-child(7) .sr-flow-node-num {

            background: linear-gradient(135deg, var(--accent), #8a9cff);

        }



        .sr-flow-node-label {

            margin: 0;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 13px;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.35;

            color: var(--text-0);

        }



        .sr-flow-arrow {

            display: none;

            place-items: center;

            color: var(--accent);

            font-family: 'JetBrains Mono', monospace;

            font-size: 14px;

            font-weight: 700;

            opacity: 0.7;

        }



        @media (min-width: 900px) {

            .sr-flow-arrow {

                display: grid;

            }

        }



        .sr-flow-steps {

            display: grid;

            grid-template-columns: 1fr;

            gap: 14px;

        }



        @media (min-width: 700px) {

            .sr-flow-steps {

                grid-template-columns: repeat(2, 1fr);

                gap: 16px;

            }

        }



        .sr-flow-step {

            display: grid;

            grid-template-columns: 36px 1fr;

            gap: 12px;

            align-items: start;

            padding: 18px 18px 18px 16px;

            border-radius: 16px;

            border: 1px solid var(--line);

            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008));

        }



        [data-theme="light"] .sr-flow-step {

            background: linear-gradient(to bottom, rgba(15, 18, 32, 0.022), rgba(15, 18, 32, 0.005));

        }



        .sr-flow-step-num {

            width: 36px;

            height: 36px;

            border-radius: 11px;

            display: grid;

            place-items: center;

            font-family: 'JetBrains Mono', monospace;

            font-size: 11px;

            font-weight: 700;

            color: var(--accent);

            background: linear-gradient(135deg, rgba(123, 140, 255, .18), rgba(178, 123, 255, .1));

            border: 1px solid rgba(123, 140, 255, 0.28);

        }



        .sr-flow-step h3 {

            margin: 0 0 6px;

            font-family: 'Plus Jakarta Sans', sans-serif;

            font-size: 14.5px;

            font-weight: 700;

            letter-spacing: -0.02em;

            line-height: 1.3;

            color: var(--text-0);

        }



        .sr-flow-step p {

            margin: 0;

            font-size: 13.5px;

            line-height: 1.6;

            color: var(--text-1);

        }



        .sr-pillars-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 16px;

        }



        @media (min-width: 900px) {

            .sr-pillars-grid {

                grid-template-columns: repeat(2, 1fr);

                gap: 20px;

            }

        }



        .sr-pillar-desc {

            position: relative;

            margin: 0;

            font-size: 13.5px;

            line-height: 1.6;

            color: var(--text-1);

        }



        .sr-out.sd-why .final-cta-band {

            padding: 36px 22px 40px;

        }



        @media (min-width: 768px) {

            .sr-out.sd-why .final-cta-band {

                padding: 48px 40px 52px;

            }

        }



        @media (min-width: 1024px) {

            .sr-out.sd-why .final-cta-band {

                padding: 56px 48px 60px;

            }

        }



        .sr-out-head {

            max-width: 40rem;

            margin: 0 auto 8px;

            text-align: center;

        }



        .sr-out-kicker {

            display: inline-flex;

            align-items: center;

            gap: 8px;

            margin: 0 0 14px;

            font-family: 'JetBrains Mono', monospace;

            font-size: 11px;

            font-weight: 500;

            letter-spacing: 0.14em;

            text-transform: uppercase;

            color: #9aa6ff;

        }



        .sr-out-head h2 {

            margin: 0;

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.55rem, 3.2vw, 2.35rem);

            font-weight: 700;

            line-height: 1.12;

            letter-spacing: -0.03em;

            color: #f3f5fb;

        }



        .sr-out-ledger {

            list-style: none;

            margin: 28px 0 0;

            padding: 0;

            display: grid;

            grid-template-columns: 1fr;

            gap: 0;

        }



        @media (min-width: 900px) {

            .sr-out-ledger {

                grid-template-columns: 1fr 1fr;

                column-gap: 40px;

            }

        }



        .sr-out-ledger li {

            display: grid;

            grid-template-columns: auto minmax(0, 1fr);

            gap: 14px 18px;

            align-items: start;

            padding: 20px 0;

            border-top: 1px solid rgba(255, 255, 255, 0.1);

        }



        @media (min-width: 900px) {

            .sr-out-ledger li:nth-child(-n+2) {

                border-top: none;

                padding-top: 8px;

            }

        }



        .sr-out-n {

            font-family: 'Thatura', 'Plus Jakarta Sans', sans-serif;

            font-size: clamp(1.65rem, 3.4vw, 2.4rem);

            font-weight: 800;

            line-height: 1;

            letter-spacing: -0.04em;

            background: linear-gradient(135deg, #7b8cff 0%, #b27bff 55%, #3ddbff 100%);

            -webkit-background-clip: text;

            background-clip: text;

            color: transparent;

            min-width: 2.15ch;

        }



        .sr-out-ledger p {

            margin: 6px 0 0;

            font-size: 15px;

            line-height: 1.55;

            color: #c5cad8;

        }



        @media (max-width: 899px) {

            .sr-out-ledger li:first-child {

                border-top: none;

                padding-top: 4px;

            }

        }



        @media (prefers-reduced-motion: reduce) {

            .sr-flow-node {

                transition: none;

            }

        }