:root {
                --p900: #160829;
                --p800: #200c3d;
                --p700: #2d1052;
                --p600: #3d1872;
                --p500: #5b2a9e;
                --or: #f15a24;
                --or2: #e8580a;
                --ink: #0d1b2a;
                --mute: #55627a;
                --line: #e7e2f0;
                --tint: #f7f4fc;
                --card: #fff;
                --r: 16px;
                --a: #7c5cff;
                --a2: #b8f35a;
            }
            * {
                box-sizing: border-box;
            }
            html {
                scroll-behavior: smooth;
                scroll-padding-top: 130px;
            }
            body {
                margin: 0;
               /* font-family:
                    Poppins,
                    system-ui,
                    -apple-system,
                    Segoe UI,
                    sans-serif;*/
                color: var(--ink);
                background: #fff;
                font-size: 16px;
                line-height: 1.65;
                -webkit-font-smoothing: antialiased;
            }
            a {
                color: inherit;
            }
            img {
                max-width: 100%;
            }
            .wrap {
                max-width: 1240px;
                margin: 0 auto;
                padding: 0 24px;
            }
            .narrow {
                max-width: 900px;
            }

            h2,
            h3 {
                line-height: 1.2;
                margin: 0 0 0.5em;
                letter-spacing: -0.01em;
            }
            h2 {
                font-size: clamp(1.6rem, 2.6vw, 2.3rem);
                font-weight: 700;
            }
            h3 {
                font-size: 1.06rem;
                font-weight: 600;
            }
            p {
                margin: 0 0 1em;
            }
            .eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                font-size: 0.74rem;
                font-weight: 700;
                letter-spacing: 0.14em;
                text-transform: uppercase;
                color: var(--or);
                margin: 0 0 12px;
            }
            .eyebrow:before {
                content: "";
                width: 26px;
                height: 2px;
                background: currentColor;
                border-radius: 2px;
            }
            .eyebrow.on-dark {
                color: #ff9a6b;
            }
            /*.btn {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                padding: 14px 24px;
                border-radius: 999px;
                font-weight: 600;
                font-size: 0.95rem;
                text-decoration: none;
                transition:
                    transform 0.15s,
                    box-shadow 0.15s,
                    background 0.15s;
                border: 1.5px solid transparent;
                white-space: nowrap;
            }
            .btn:hover {
                transform: translateY(-2px);
            }
            .btn-primary {
                background: linear-gradient(135deg, var(--or), var(--or2));
                color: #fff;
                box-shadow: 0 10px 24px -10px rgba(241, 90, 36, 0.7);
            }
            .btn-ghost {
                border-color: rgba(255, 255, 255, 0.35);
                color: #fff;
            }
            .btn-ghost:hover {
                background: rgba(255, 255, 255, 0.08);
            }
            .btn.sm {
                padding: 9px 18px;
                font-size: 0.85rem;
            }
            :focus-visible {
                outline: 3px solid var(--or);
                outline-offset: 3px;
                border-radius: 6px;
            }*/

            /* top + nav */
            /*.topbar {
                background: var(--p900);
                color: #cbbfe4;
                font-size: 0.78rem;
            }
            .tb {
                display: flex;
                justify-content: space-between;
                padding: 7px 24px;
                gap: 12px;
            }
            .tb a {
                text-decoration: none;
            }
            .mainnav {
                background: var(--p700);
                position: sticky;
                top: 0;
                z-index: 50;
                box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
            }
            .mn {
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 68px;
            }
            .logo {
                display: flex;
                align-items: center;
                gap: 9px;
                text-decoration: none;
                color: #fff;
                font-weight: 800;
                letter-spacing: 0.06em;
                line-height: 1;
            }
            .logo small {
                display: block;
                font-size: 0.55rem;
                letter-spacing: 0.32em;
                font-weight: 500;
                color: #d6c9f0;
                margin-top: 3px;
            }
            .logo-o {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                border: 3px solid var(--or);
                display: grid;
                place-items: center;
                font-size: 0.9rem;
            }
            .mlinks {
                display: flex;
                gap: 4px;
                list-style: none;
                margin: 0;
                padding: 0;
                align-items: center;
            }
            .mlinks a {
                color: #e9e1f7;
                text-decoration: none;
                font-size: 0.88rem;
                font-weight: 500;
                padding: 8px 12px;
                border-radius: 8px;
            }
            .mlinks a[aria-current] {
                color: #fff;
                background: rgba(255, 255, 255, 0.1);
            }
            .mlinks .btn {
                color: #fff;
                margin-left: 8px;
            }
            .mnt,
            .burger {
                display: none;
            }*/

            /* hero */
            .hero {
                background: radial-gradient(1000px 500px at 85% -10%, rgba(241, 90, 36, 0.22), transparent 60%),
                    radial-gradient(800px 600px at 0% 100%, rgba(124, 92, 255, 0.25), transparent 60%),
                    linear-gradient(160deg, var(--p800), var(--p700) 45%, var(--p600));
                color: #fff;
                padding: 36px 0 72px;
                position: relative;
                overflow: hidden;
            }
            .hero:after {
                content: "";
                position: absolute;
                inset: 0;
                background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
                background-size: 44px 44px;
                mask-image: linear-gradient(180deg, #000, transparent 85%);
                pointer-events: none;
            }
            .hero-grid {
                display: grid;
                grid-template-columns: 1.25fr 0.9fr;
                gap: 48px;
                align-items: start;
                position: relative;
                z-index: 1;
            }
            .crumbs ol {
                list-style: none;
                display: flex;
                gap: 8px;
                padding: 0;
                margin: 0 0 26px;
                font-size: 0.82rem;
                color: #c9bce6;
            }
            .crumbs li + li:before {
                content: "›";
                margin-right: 8px;
                opacity: 0.7;
            }
            .crumbs a {
                text-decoration: none;
            }
            .crumbs a:hover {
                color: #fff;
            }
            .hero h1 {
                font-size: clamp(2.1rem, 4.2vw, 3.5rem);
                font-weight: 800;
                margin-bottom: 20px;
            }
            .grad {
                display: block;
                background: linear-gradient(90deg, #ffb547, #ff7a45 45%, #ff9fd2);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
            }
            .lede {
                font-size: 1.05rem;
                color: #e6ddf6;
                max-width: 640px;
            }
            .lede strong {
                color: #fff;
                font-weight: 600;
            }
            .hero-cta {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin: 26px 0 34px;
            }
            .stats {
                list-style: none;
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                gap: 0;
                padding: 0;
                margin: 0;
                border: 1px solid rgba(255, 255, 255, 0.14);
                border-radius: 14px;
                background: rgba(255, 255, 255, 0.04);
                backdrop-filter: blur(4px);
            }
            .stats li {
                padding: 14px 14px;
                border-left: 1px solid rgba(255, 255, 255, 0.12);
            }
            .stats li:first-child {
                border-left: 0;
            }
            .stats b {
                display: block;
                font-size: 1.45rem;
                font-weight: 800;
                line-height: 1.1;
            }
            .stats b i {
                font-style: normal;
                color: #ffc24b;
                font-size: 1rem;
                margin-left: 2px;
            }
            .stats span {
                font-size: 0.72rem;
                color: #c9bce6;
                line-height: 1.3;
                display: block;
                margin-top: 4px;
            }
            .nav-card {
                background: #fff;
                color: var(--ink);
                border-radius: 20px;
                padding: 24px;
                box-shadow: 0 30px 60px -25px rgba(0, 0, 0, 0.55);
                border-top: 4px solid var(--or);
            }
            .nc-k {
                font-size: 0.72rem;
                font-weight: 700;
                letter-spacing: 0.14em;
                text-transform: uppercase;
                color: var(--or);
                margin: 0 0 4px;
            }
            .nav-card h2 {
                font-size: 1.25rem;
                margin-bottom: 14px;
            }
            .goals {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                gap: 6px;
            }
            .goals a {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 9px 12px;
                border: 1px solid var(--line);
                border-radius: 12px;
                text-decoration: none;
                transition:
                    border-color 0.15s,
                    background 0.15s,
                    transform 0.15s;
            }
            .goals a:hover {
                border-color: var(--p500);
                background: var(--tint);
                transform: translateX(3px);
            }
            .goals a > svg {
                margin-left: auto;
                color: var(--mute);
                flex: none;
            }
            .g-ic {
                width: 34px;
                height: 34px;
                border-radius: 10px;
                display: grid;
                place-items: center;
                flex: none;
                color: var(--a);
                background: color-mix(in srgb, var(--a) 13%, #fff);
            }
            .g-tx {
                font-size: 0.86rem;
                font-weight: 600;
                line-height: 1.3;
            }
            .g-tx small {
                display: block;
                font-weight: 500;
                color: var(--mute);
                font-size: 0.74rem;
                margin-top: 2px;
            }
            .nc-foot {
                font-size: 0.82rem;
                color: var(--mute);
                margin: 14px 0 0;
            }
            .nc-foot a {
                color: var(--p500);
                font-weight: 600;
            }

            /* chip nav */
            .chipnav {
                position: sticky;
                top: 68px;
                z-index: 40;
                background: rgba(255, 255, 255, 0.94);
                backdrop-filter: blur(10px);
                border-bottom: 1px solid var(--line);
            }
            .chips {
                display: flex;
                gap: 8px;
                overflow-x: auto;
                padding: 12px 24px;
                scrollbar-width: none;
            }
            .chips::-webkit-scrollbar {
                display: none;
            }
            .chips a {
                flex: none;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                font-size: 0.8rem;
                font-weight: 600;
                text-decoration: none;
                padding: 7px 14px;
                border-radius: 999px;
                border: 1px solid var(--line);
                color: var(--ink);
                background: #fff;
            }
            .chips a:hover {
                border-color: var(--a);
                color: var(--a);
            }
            .dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: var(--a);
                flex: none;
            }

            /* sections */
            .sec {
                padding: 88px 0;
                float:left;
                width:100%;
            }
            .tint {
                background: var(--tint);
            }
            .sec-head {
                max-width: 760px;
                margin-bottom: 44px;
            }
            .sec-head p:last-child {
                color: var(--mute);
            }
            .sec-head.center {
                text-align: center;
                margin-left: auto;
                margin-right: auto;
            }
            .sec-head.split {
                max-width: none;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 40px;
                align-items: end;
            }
            .sec-head.split p a {
                color: var(--p500);
                font-weight: 600;
            }
            .dark {
                background: radial-gradient(900px 400px at 50% 0%, rgba(124, 92, 255, 0.25), transparent 70%),
                    linear-gradient(180deg, var(--p800), var(--p700));
                color: #fff;
            }
            .dark .sec-head p:last-child {
                color: #d3c7ec;
            }

            /* glance */
            .glance {
                padding: 72px 0 40px;
            }
            .glance-grid {
                display: grid;
                grid-template-columns: 1fr 1.1fr;
                gap: 56px;
                align-items: start;
            }
            .glance-grid > div > p {
                color: var(--mute);
            }
            .byline {
                font-size: 0.82rem;
                border-left: 3px solid var(--or);
                padding-left: 12px;
                margin-top: 22px;
            }
            .byline b {
                color: var(--ink);
            }
            .glance-list {
                list-style: none;
                counter-reset: g;
                margin: 0;
                padding: 0;
                display: grid;
                gap: 0;
                border: 1px solid var(--line);
                border-radius: var(--r);
                overflow: hidden;
            }
            .glance-list li {
                counter-increment: g;
                display: grid;
                grid-template-columns: 42px 1fr;
                column-gap: 8px;
                padding: 13px 18px;
                border-top: 1px solid var(--line);
                font-size: 0.86rem;
                color: var(--mute);
            }
            .glance-list li:first-child {
                border-top: 0;
            }
            .glance-list li:before {
                content: counter(g, decimal-leading-zero);
                grid-row: span 2;
                font-weight: 700;
                color: var(--or);
                font-size: 0.85rem;
                padding-top: 2px;
            }
            .glance-list a {
                text-decoration: none;
                color: var(--ink);
            }
            .glance-list a:hover {
                color: var(--p500);
            }

            /* areas */
            .areas-sec {
                padding-top: 56px;
            }
            .area {
                display: grid;
                grid-template-columns: 0.95fr 1.25fr;
                gap: 0;
                border: 1px solid var(--line);
                border-radius: 22px;
                overflow: hidden;
                margin-bottom: 32px;
                background: #fff;
                box-shadow: 0 24px 50px -38px rgba(45, 16, 82, 0.45);
                scroll-margin-top: 130px;
            }
            .area-side {
                padding: 36px;
                background: linear-gradient(165deg, color-mix(in srgb, var(--a) 9%, #fff), #fff 70%);
                border-right: 1px solid var(--line);
                position: relative;
            }
            .area-side:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                height: 5px;
                background: linear-gradient(90deg, var(--a), var(--a2));
            }
            .flip .area-side {
                order: 2;
                border-right: 0;
                border-left: 1px solid var(--line);
            }
            .area-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 18px;
            }
            .area-num {
                font-size: 2.6rem;
                font-weight: 800;
                line-height: 1;
                color: color-mix(in srgb, var(--a) 30%, #fff);
                -webkit-text-stroke: 1.5px var(--a);
            }
            .area-ic {
                width: 52px;
                height: 52px;
                border-radius: 15px;
                display: grid;
                place-items: center;
                color: #fff;
                background: linear-gradient(135deg, var(--a), color-mix(in srgb, var(--a) 60%, #000));
            }
            .area h2 {
                font-size: 1.6rem;
                margin-bottom: 4px;
            }
            .area h2 a {
                text-decoration: none;
            }
            .area h2 a:hover {
                color: var(--a);
            }
            .area-sub {
                font-weight: 600;
                color: var(--a);
                font-size: 0.92rem;
                filter: brightness(0.85);
            }
            .area-side > p {
                font-size: 0.93rem;
                color: #334155;
            }
            .best {
                background: #fff;
                border: 1px dashed color-mix(in srgb, var(--a) 45%, #fff);
                border-radius: 12px;
                padding: 12px 14px;
                font-size: 0.86rem !important;
            }
            .outcomes {
                list-style: none;
                margin: 0 0 18px;
                padding: 0;
                display: grid;
                gap: 8px;
            }
            .outcomes li {
                display: flex;
                gap: 10px;
                font-size: 0.88rem;
                align-items: flex-start;
            }
            .outcomes svg {
                flex: none;
                margin-top: 4px;
                color: var(--a);
            }
            .proof {
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
                align-items: center;
                margin-bottom: 22px;
            }
            .proof-k {
                font-size: 0.7rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                color: var(--mute);
                width: 100%;
                margin-bottom: 2px;
            }
            .pchip {
                font-size: 0.74rem;
                font-weight: 500;
                background: #fff;
                border: 1px solid var(--line);
                padding: 4px 10px;
                border-radius: 999px;
            }
            .area-cta {
                display: flex;
                flex-wrap: wrap;
                gap: 12px 18px;
                align-items: center;
            }
            .btn-area {
                background: var(--ink);
                color: #fff;
                padding: 12px 20px;
                font-size: 0.86rem;
                white-space: normal;
            }
            .btn-area:hover {
                background: var(--a);
            }
            .txtlink {
                font-size: 0.84rem;
                font-weight: 600;
                text-decoration: none;
                display: inline-flex;
                gap: 6px;
                align-items: center;
                color: var(--p500);
            }
            .txtlink:hover {
                text-decoration: underline;
            }
            .area-items {
                padding: 32px 32px 28px;
            }
            .items-k {
                font-size: 0.72rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.12em;
                color: var(--mute);
                margin-bottom: 14px;
            }
            .items {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 8px;
            }
            .items a {
                display: block;
                height: 100%;
                padding: 12px 14px;
                border-radius: 12px;
                border: 1px solid transparent;
                text-decoration: none;
                transition:
                    background 0.15s,
                    border-color 0.15s;
            }
            .items a:hover {
                background: color-mix(in srgb, var(--a) 7%, #fff);
                border-color: color-mix(in srgb, var(--a) 35%, #fff);
            }
            .items b {
                display: block;
                font-size: 0.9rem;
                font-weight: 600;
                position: relative;
                padding-left: 14px;
            }
            .items b:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0.55em;
                width: 6px;
                height: 6px;
                border-radius: 2px;
                background: var(--a);
                transform: rotate(45deg);
            }
            .items span {
                display: block;
                font-size: 0.8rem;
                color: var(--mute);
                line-height: 1.5;
                padding-left: 14px;
                margin-top: 2px;
            }
            .shared {
                font-style: normal;
                font-size: 0.62rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.06em;
                color: var(--mute);
                border: 1px solid var(--line);
                border-radius: 6px;
                padding: 1px 5px;
                margin-left: 4px;
                vertical-align: 2px;
            }

            /* lifecycle */
            .stages {
                list-style: none;
                padding: 0;
                margin: 0;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 16px;
                position: relative;
            }
            .stage {
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid rgba(255, 255, 255, 0.14);
                border-radius: 18px;
                padding: 24px;
                position: relative;
            }
            .stage:not(:last-child):after {
                content: "";
                position: absolute;
                right: -13px;
                top: 38px;
                width: 10px;
                height: 10px;
                border-top: 2px solid #ff9a6b;
                border-right: 2px solid #ff9a6b;
                transform: rotate(45deg);
                z-index: 2;
            }
            .s-n {
                display: inline-grid;
                place-items: center;
                width: 34px;
                height: 34px;
                border-radius: 50%;
                background: var(--or);
                font-weight: 700;
                font-size: 0.9rem;
                margin-bottom: 12px;
            }
            .stage h3 {
                font-size: 1.15rem;
            }
            .stage p {
                color: #d3c7ec;
                font-size: 0.88rem;
            }
            .s-p {
                display: flex;
                flex-direction: column;
                gap: 6px;
                margin-bottom: 12px;
            }
            .lpill {
                display: flex;
                gap: 8px;
                align-items: center;
                font-size: 0.78rem;
                font-weight: 600;
                text-decoration: none;
                background: #fff;
                color: var(--ink);
                padding: 7px 10px;
                border-radius: 10px;
                border-left: 4px solid var(--a);
            }
            .lpill svg {
                color: var(--a);
                flex: none;
            }
            .lpill:hover {
                transform: translateX(2px);
            }
            .stage small {
                color: #b8a9d9;
                font-size: 0.76rem;
                display: block;
                line-height: 1.5;
            }
            .ai-layer {
                margin-top: 18px;
                display: flex;
                flex-wrap: wrap;
                gap: 10px 16px;
                align-items: center;
                padding: 16px 20px;
                border-radius: 16px;
                background: linear-gradient(90deg, rgba(124, 92, 255, 0.35), rgba(184, 243, 90, 0.15));
                border: 1px solid rgba(184, 243, 90, 0.35);
                font-size: 0.9rem;
                color: #ece6fa;
            }
            .ai-k {
                display: inline-flex;
                gap: 8px;
                align-items: center;
                font-weight: 700;
                color: #fff;
            }
            .ai-k svg {
                color: #b8f35a;
            }
            .ai-layer a {
                margin-left: auto;
                color: #b8f35a;
                font-weight: 600;
                text-decoration: none;
                display: inline-flex;
                gap: 6px;
                align-items: center;
            }

            /* where table */
            .tbl-wrap {
                overflow-x: auto;
                border: 1px solid var(--line);
                border-radius: var(--r);
            }
            .start {
                width: 100%;
                border-collapse: collapse;
                font-size: 0.9rem;
                min-width: 720px;
            }
            .start th,
            .start td {
                padding: 16px 20px;
                text-align: left;
                border-top: 1px solid var(--line);
                vertical-align: top;
            }
            .start thead th {
                background: var(--p700);
                color: #fff;
                font-size: 0.78rem;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                border-top: 0;
            }
            .start tbody th {
                font-weight: 600;
                width: 34%;
            }
            .start tbody tr:nth-child(even) {
                background: var(--tint);
            }
            .start td a {
                display: inline-flex;
                gap: 8px;
                align-items: center;
                font-weight: 600;
                color: var(--ink);
                text-decoration: none;
                border-bottom: 2px solid color-mix(in srgb, var(--a) 50%, #fff);
            }
            .start td:last-child {
                color: var(--mute);
            }

            /* honest */
            .honest {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 16px;
            }
            .honest li {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 24px;
                border-top: 4px solid var(--or);
            }
            .honest p {
                font-size: 0.88rem;
                color: var(--mute);
                margin: 0;
            }

            /* engage */
            .engage {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 16px;
            }
            .engage li {
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 26px;
                background: linear-gradient(180deg, #fff, var(--tint));
                display: flex;
                flex-direction: column;
            }
            .engage p {
                font-size: 0.88rem;
                color: var(--mute);
            }
            .engage small {
                margin-top: auto;
                font-size: 0.78rem;
                font-weight: 600;
                color: var(--p500);
            }

            /* process */
            .process {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(6, 1fr);
                gap: 14px;
                position: relative;
            }
            .process:before {
                content: "";
                position: absolute;
                left: 4%;
                right: 4%;
                top: 27px;
                height: 2px;
                background: repeating-linear-gradient(90deg, var(--or) 0 8px, transparent 8px 14px);
                opacity: 0.5;
            }
            .process li {
                position: relative;
                text-align: center;
                padding: 0 6px;
            }
            .p-n {
                display: grid;
                place-items: center;
                width: 56px;
                height: 56px;
                margin: 0 auto 14px;
                border-radius: 50%;
                background: #fff;
                border: 2px solid var(--or);
                font-weight: 800;
                color: var(--or);
                position: relative;
                z-index: 1;
                box-shadow: 0 8px 20px -10px rgba(241, 90, 36, 0.6);
            }
            .process p {
                font-size: 0.82rem;
                color: var(--mute);
            }

            /* industries */
            .inds {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 14px;
            }
            .inds a {
                display: flex;
                flex-direction: column;
                gap: 4px;
                height: 100%;
                padding: 20px;
                border: 1px solid var(--line);
                border-radius: var(--r);
                text-decoration: none;
                position: relative;
                transition:
                    border-color 0.15s,
                    transform 0.15s;
            }
            .inds a:hover {
                border-color: var(--p500);
                transform: translateY(-2px);
            }
            .inds b {
                font-size: 0.98rem;
            }
            .inds span {
                font-size: 0.8rem;
                color: var(--mute);
                padding-right: 20px;
            }
            .inds svg {
                position: absolute;
                right: 18px;
                bottom: 20px;
                color: var(--or);
            }

            /* work */
            .work {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
            }
            .work li {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 24px;
                display: flex;
                flex-direction: column;
            }
            .w-k {
                font-size: 0.7rem;
                font-weight: 700;
                letter-spacing: 0.1em;
                text-transform: uppercase;
                color: var(--or);
                margin-bottom: 8px;
            }
            .work p {
                font-size: 0.88rem;
                color: var(--mute);
            }
            .w-t {
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
                margin-top: auto;
            }
            .w-t span {
                font-size: 0.72rem;
                background: var(--tint);
                color: var(--p600);
                padding: 3px 9px;
                border-radius: 6px;
                font-weight: 500;
            }

            /* why */
            .whys {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
            }
            .whys li {
                padding: 26px;
                border-radius: var(--r);
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid rgba(255, 255, 255, 0.13);
            }
            .whys h3 {
                color: #ffb547;
                font-size: 1.15rem;
            }
            .whys p {
                color: #d3c7ec;
                font-size: 0.88rem;
                margin: 0;
            }
            .clients {
                text-align: center;
                margin: 36px 0 0;
                color: #d3c7ec;
                font-size: 0.92rem;
            }
            .clients b {
                color: #fff;
            }

            /* faq */
            .faqs {
                border-top: 1px solid var(--line);
            }
            .faqs details {
                border-bottom: 1px solid var(--line);
            }
            .faqs summary {
                list-style: none;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 20px;
                padding: 20px 4px;
            }
            .faqs summary::-webkit-details-marker {
                display: none;
            }
            .faqs summary h3 {
                margin: 0;
                font-size: 1rem;
            }
            .pm {
                flex: none;
                width: 28px;
                height: 28px;
                border-radius: 50%;
                background: var(--tint);
                position: relative;
            }
            .pm:before,
            .pm:after {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                width: 12px;
                height: 2px;
                background: var(--p500);
                transform: translate(-50%, -50%);
                transition: transform 0.2s;
            }
            .pm:after {
                transform: translate(-50%, -50%) rotate(90deg);
            }
            details[open] .pm:after {
                transform: translate(-50%, -50%) rotate(0);
            }
            details[open] .pm {
                background: var(--or);
            }
            details[open] .pm:before,
            details[open] .pm:after {
                background: #fff;
            }
            .ans p {
                color: var(--mute);
                font-size: 0.93rem;
                padding: 0 48px 18px 4px;
                margin: 0;
            }

            /* cta + footer */
            .cta-band {
                background: linear-gradient(120deg, var(--p700), var(--p500) 60%, #8b3fa8);
                color: #fff;
                padding: 64px 0;
            }
            .cta-in {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 32px;
            }
            .cta-in h2 {
                margin-bottom: 8px;
            }
            .cta-in p {
                color: #e6ddf6;
                margin: 0;
                max-width: 620px;
            }
            .cta-btns {
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
            }
            .foot {
                background: var(--p900);
                color: #c9bce6;
                padding: 64px 0 24px;
                font-size: 0.86rem;
            }
            .fgrid {
                display: grid;
                grid-template-columns: 1.2fr 1.3fr 1fr 1.4fr;
                gap: 32px;
            }
            .foot h2 {
                color: #fff;
                font-size: 0.9rem;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                margin-bottom: 14px;
            }
            .foot ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                gap: 7px;
            }
            .foot a {
                text-decoration: none;
            }
            .foot a:hover {
                color: #fff;
            }
            .offices li {
                display: grid;
                grid-template-columns: 42px 1fr;
                gap: 8px;
            }
            .offices b {
                color: var(--or);
            }
            .foot .logo {
                margin-bottom: 14px;
            }
            .fbot {
                border-top: 1px solid rgba(255, 255, 255, 0.1);
                margin-top: 40px;
                padding-top: 20px;
                font-size: 0.78rem;
            }

            /* responsive */
            @media (max-width: 1080px) {
                .hero-grid {
                    grid-template-columns: 1fr;
                }
                .nav-card {
                    max-width: 640px;
                }
                .area,
                .flip {
                    grid-template-columns: 1fr;
                }
                .flip .area-side {
                    order: 0;
                    border-left: 0;
                }
                .area-side {
                    border-right: 0;
                    border-bottom: 1px solid var(--line);
                }
                .stages {
                    grid-template-columns: 1fr 1fr;
                }
                .stage:after {
                    display: none;
                }
                .honest,
                .engage,
                .inds {
                    grid-template-columns: 1fr 1fr;
                }
                .process {
                    grid-template-columns: repeat(3, 1fr);
                    row-gap: 28px;
                }
                .process:before {
                    display: none;
                }
                .work,
                .whys {
                    grid-template-columns: 1fr 1fr;
                }
                .glance-grid,
                .sec-head.split {
                    grid-template-columns: 1fr;
                    gap: 20px;
                }
                .fgrid {
                    grid-template-columns: 1fr 1fr;
                }
                .mlinks {
                    display: none;
                    position: absolute;
                    top: 68px;
                    left: 0;
                    right: 0;
                    background: var(--p700);
                    flex-direction: column;
                    align-items: stretch;
                    padding: 12px 24px 20px;
                }
                .mnt:checked ~ .mlinks {
                    display: flex;
                }
                .burger {
                    display: block;
                    width: 40px;
                    height: 40px;
                    cursor: pointer;
                    position: relative;
                }
                .burger span,
                .burger span:before,
                .burger span:after {
                    position: absolute;
                    left: 9px;
                    width: 22px;
                    height: 2px;
                    background: #fff;
                    content: "";
                }
                .burger span {
                    top: 19px;
                }
                .burger span:before {
                    top: -7px;
                    left: 0;
                }
                .burger span:after {
                    top: 7px;
                    left: 0;
                }
                .mnt {
                    display: block;
                    position: absolute;
                    right: 24px;
                    width: 40px;
                    height: 40px;
                    opacity: 0;
                    z-index: 2;
                    cursor: pointer;
                }
            }
            @media (max-width: 680px) {
                .wrap {
                    padding: 0 16px;
                }
                .sec {
                    padding: 60px 0;
                }
                .stats {
                    grid-template-columns: repeat(2, 1fr);
                }
                .stats li {
                    border-left: 0;
                    border-top: 1px solid rgba(255, 255, 255, 0.12);
                }
                .stats li:nth-child(-n + 2) {
                    border-top: 0;
                }
                .stats li:nth-child(even) {
                    border-left: 1px solid rgba(255, 255, 255, 0.12);
                }
                .stats li:last-child {
                    grid-column: span 2;
                    border-left: 0;
                }
                .items,
                .stages,
                .honest,
                .engage,
                .inds,
                .work,
                .whys,
                .fgrid {
                    grid-template-columns: 1fr;
                }
                .process {
                    grid-template-columns: 1fr 1fr;
                }
                .area-side,
                .area-items {
                    padding: 24px 20px;
                }
                .cta-in {
                    flex-direction: column;
                    align-items: flex-start;
                }
                .tb span {
                    display: none;
                }
                .ans p {
                    padding-right: 4px;
                }
            }

            /* ===== Service-area page additions (theme driven by --a / --a2 on body) ===== */
            .area-hero {
                background: radial-gradient(
                        900px 480px at 88% -10%,
                        color-mix(in srgb, var(--a) 45%, transparent),
                        transparent 62%
                    ),
                    radial-gradient(
                        700px 520px at -5% 105%,
                        color-mix(in srgb, var(--a2) 22%, transparent),
                        transparent 60%
                    ),
                    linear-gradient(160deg, var(--p800), var(--p700) 50%, color-mix(in srgb, var(--p600) 75%, var(--a)));
            }
            .area-hero .grad {
                background: linear-gradient(90deg, var(--a2), #ffb547 55%, #ff7a45);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                font-size: 0.62em;
                margin-top: 0.25em;
                line-height: 1.25;
            }
            .hero-ic {
                display: inline-grid;
                place-items: center;
                width: 26px;
                height: 26px;
                border-radius: 8px;
                background: var(--a);
                color: #fff;
                margin-right: 2px;
            }
            .area-hero .eyebrow:before {
                display: none;
            }
            .area-hero .stats {
                grid-template-columns: repeat(5, 1fr);
            }
            .area-hero .stats b {
                font-size: 1.15rem;
            }
            .answer-card {
                border-top-color: var(--a);
            }
            .answer-card .nc-k {
                color: var(--a);
                filter: brightness(0.85);
            }
            .answer-card h2 {
                font-size: 1.15rem;
            }
            .qa-a {
                font-size: 0.92rem;
                color: #334155;
                border-left: 3px solid var(--a);
                padding-left: 14px;
            }
            .jump-k {
                margin-top: 18px !important;
            }
            .jump {
                list-style: none;
                margin: 8px 0 0;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
            }
            .jump a {
                display: inline-block;
                font-size: 0.78rem;
                font-weight: 600;
                text-decoration: none;
                padding: 6px 12px;
                border-radius: 999px;
                background: var(--tint);
                border: 1px solid var(--line);
            }
            .jump a:hover {
                border-color: var(--a);
                color: var(--a);
            }
            .chips a .dot {
                background: var(--a);
            }
            .chips a:hover {
                border-color: var(--a);
                color: var(--ink);
                background: color-mix(in srgb, var(--a) 8%, #fff);
            }

            /* services */
            .glance-grid.tight {
                align-items: end;
                margin-bottom: 36px;
            }
            .glance-grid.tight .sec-head {
                margin-bottom: 0;
            }
            .intro-p {
                color: #334155 !important;
            }
            .cluster {
                margin-top: 36px;
                scroll-margin-top: 130px;
            }
            .cl-head {
                display: flex;
                gap: 16px;
                align-items: flex-start;
                padding-bottom: 14px;
                margin-bottom: 16px;
                border-bottom: 1px solid var(--line);
            }
            .cl-n {
                font-weight: 800;
                font-size: 0.85rem;
                color: #fff;
                background: var(--a);
                border-radius: 10px;
                padding: 6px 10px;
                line-height: 1;
            }
            .cl-head h3 {
                font-size: 1.2rem;
                margin: 0 0 2px;
            }
            .cl-head p {
                margin: 0;
                color: var(--mute);
                font-size: 0.9rem;
            }
            .svcs {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 14px;
            }
            .svc-in {
                display: flex;
                flex-direction: column;
                height: 100%;
                padding: 20px;
                border: 1px solid var(--line);
                border-radius: var(--r);
                text-decoration: none;
                background: #fff;
                transition:
                    border-color 0.15s,
                    box-shadow 0.15s,
                    transform 0.15s;
                position: relative;
            }
            a.svc-in:hover {
                border-color: var(--a);
                box-shadow: 0 18px 36px -24px color-mix(in srgb, var(--a) 70%, transparent);
                transform: translateY(-2px);
            }
            .svc h4 {
                font-size: 1rem;
                margin: 0 0 6px;
                line-height: 1.3;
            }
            .svc p {
                font-size: 0.85rem;
                color: var(--mute);
                margin: 0 0 12px;
            }
            .tags {
                display: flex;
                flex-wrap: wrap;
                gap: 5px;
                margin-bottom: 14px;
            }
            .tags span {
                font-size: 0.7rem;
                font-weight: 500;
                padding: 3px 8px;
                border-radius: 6px;
                background: color-mix(in srgb, var(--a) 9%, #fff);
                color: color-mix(in srgb, var(--a) 70%, #000);
            }
            .svc-go {
                margin-top: auto;
                font-size: 0.78rem;
                font-weight: 600;
                color: var(--p500);
                display: inline-flex;
                gap: 6px;
                align-items: center;
            }
            .svc.here .svc-in {
                background: linear-gradient(160deg, color-mix(in srgb, var(--a) 10%, #fff), #fff);
                border-color: color-mix(in srgb, var(--a) 50%, #fff);
                border-style: dashed;
            }
            .here-b {
                align-self: flex-start;
                font-size: 0.66rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                background: var(--a);
                color: #fff;
                padding: 3px 8px;
                border-radius: 6px;
                margin-bottom: 8px;
            }

            /* signature: shared */
            .sub-h {
                font-size: 1.15rem;
                margin: 40px 0 16px;
            }
            .matrix thead th {
                background: color-mix(in srgb, var(--p700) 80%, var(--a));
            }
            .matrix tbody th {
                color: var(--ink);
            }
            .matrix td {
                color: #334155;
            }

            /* gauges (web) */
            .gauges {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                gap: 14px;
            }
            .gauges li {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 20px;
                position: relative;
                overflow: hidden;
            }
            .gauges li:before {
                content: "";
                position: absolute;
                inset: 0 0 auto;
                height: 4px;
                background: linear-gradient(90deg, var(--a), var(--a2));
            }
            .g-k {
                font-size: 0.72rem;
                font-weight: 700;
                letter-spacing: 0.1em;
                color: var(--a);
            }
            .gauges b {
                display: block;
                font-size: 1.6rem;
                font-weight: 800;
                margin: 4px 0 2px;
            }
            .g-n {
                display: block;
                font-size: 0.78rem;
                font-weight: 600;
                margin-bottom: 8px;
            }
            .gauges p {
                font-size: 0.8rem;
                color: var(--mute);
                margin: 0;
            }

            /* choices (custom) */
            .choices {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
            }
            .choice {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 26px;
                display: flex;
                flex-direction: column;
            }
            .choice h3 {
                font-size: 1.5rem;
                margin-bottom: 6px;
            }
            .choice.c2 {
                border: 2px solid var(--a);
                box-shadow: 0 20px 40px -28px var(--a);
            }
            .choice p {
                font-size: 0.9rem;
                color: #334155;
            }
            .choice ul {
                list-style: none;
                padding: 0;
                margin: 0 0 16px;
                display: grid;
                gap: 6px;
            }
            .choice ul li {
                display: flex;
                gap: 8px;
                font-size: 0.85rem;
            }
            .choice ul svg {
                color: var(--a);
                flex: none;
                margin-top: 4px;
            }
            .choice small {
                margin-top: auto;
                font-weight: 600;
                color: var(--p500);
                font-size: 0.82rem;
            }
            .modlad {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                gap: 0;
                border: 1px solid var(--line);
                border-radius: var(--r);
                overflow: hidden;
                background: #fff;
            }
            .modlad li {
                padding: 18px;
                border-left: 1px solid var(--line);
                position: relative;
                background: linear-gradient(180deg, color-mix(in srgb, var(--a) calc(var(--x, 0) * 1%), #fff), #fff);
            }
            .modlad li:first-child {
                border-left: 0;
            }
            .modlad li:nth-child(2) {
                --x: 6;
            }
            .modlad li:nth-child(3) {
                --x: 12;
            }
            .modlad li:nth-child(4) {
                --x: 18;
            }
            .modlad li:nth-child(5) {
                --x: 26;
            }
            .l-n {
                display: inline-grid;
                place-items: center;
                width: 26px;
                height: 26px;
                border-radius: 50%;
                background: var(--a);
                color: #fff;
                font-size: 0.78rem;
                font-weight: 700;
                margin-bottom: 8px;
            }
            .modlad b {
                display: block;
                font-size: 0.95rem;
            }
            .modlad span:last-child {
                font-size: 0.8rem;
                color: var(--mute);
            }

            /* hub (commerce) */
            .hubwrap {
                position: relative;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: repeat(3, auto);
                gap: 16px;
                max-width: 980px;
                margin: 0 auto;
            }
            .hub-core {
                grid-column: 2;
                grid-row: 2;
                align-self: center;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
                min-height: 170px;
                border-radius: 50%;
                aspect-ratio: 1;
                max-width: 240px;
                margin: 0 auto;
                background: radial-gradient(
                    circle at 30% 30%,
                    color-mix(in srgb, var(--a) 70%, #fff),
                    var(--a) 60%,
                    color-mix(in srgb, var(--a) 60%, #000)
                );
                color: #fff;
                box-shadow:
                    0 0 0 14px color-mix(in srgb, var(--a) 14%, transparent),
                    0 0 0 30px color-mix(in srgb, var(--a) 7%, transparent);
                padding: 20px;
            }
            .hub-core b {
                font-size: 1.15rem;
            }
            .hub-core span {
                font-size: 0.78rem;
                opacity: 0.9;
                margin-top: 4px;
            }
            .hub-nodes {
                display: contents;
                list-style: none;
            }
            .hub-nodes li {
                list-style: none;
            }
            .hub-nodes li:nth-child(1) {
                grid-column: 1;
                grid-row: 1;
            }
            .hub-nodes li:nth-child(2) {
                grid-column: 2;
                grid-row: 1;
            }
            .hub-nodes li:nth-child(3) {
                grid-column: 3;
                grid-row: 1;
            }
            .hub-nodes li:nth-child(4) {
                grid-column: 3;
                grid-row: 2;
            }
            .hub-nodes li:nth-child(5) {
                grid-column: 3;
                grid-row: 3;
            }
            .hub-nodes li:nth-child(6) {
                grid-column: 2;
                grid-row: 3;
            }
            .hub-nodes li:nth-child(7) {
                grid-column: 1;
                grid-row: 3;
            }
            .hub-nodes li:nth-child(8) {
                grid-column: 1;
                grid-row: 2;
            }
            .hub-nodes li:nth-child(4),
            .hub-nodes li:nth-child(8) {
                align-self: center;
            }
            .hub-nodes a {
                display: flex;
                flex-direction: column;
                height: 100%;
                justify-content: center;
                padding: 18px 20px;
                border-radius: var(--r);
                background: #fff;
                border: 1px solid var(--line);
                text-decoration: none;
                border-left: 4px solid var(--a);
                transition:
                    transform 0.15s,
                    box-shadow 0.15s;
            }
            .hub-nodes a:hover {
                transform: translateY(-2px);
                box-shadow: 0 16px 30px -22px var(--a);
            }
            .hub-nodes b {
                font-size: 1rem;
            }
            .hub-nodes span {
                font-size: 0.78rem;
                color: var(--mute);
            }
            .hub-note {
                text-align: center;
                max-width: 720px;
                margin: 28px auto 0;
                color: var(--mute);
                font-size: 0.9rem;
            }

            /* ladder (cloud) */
            .ladder {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 16px;
                align-items: end;
            }
            .ladder li {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 22px;
                position: relative;
                min-height: calc(230px + var(--i) * 36px);
            }
            .ladder li:before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                height: calc(30% + var(--i) * 15%);
                background: linear-gradient(0deg, color-mix(in srgb, var(--a) 14%, transparent), transparent);
                border-radius: 0 0 var(--r) var(--r);
                pointer-events: none;
            }
            .lv-top span {
                font-size: 0.72rem;
                font-weight: 700;
                letter-spacing: 0.1em;
                text-transform: uppercase;
                color: var(--a);
                filter: brightness(0.8);
            }
            .lv-top b {
                display: block;
                font-size: 1.35rem;
                margin: 2px 0 10px;
            }
            .ladder p {
                font-size: 0.84rem;
                margin: 0 0 10px;
                position: relative;
            }
            .ladder em {
                font-style: normal;
                font-weight: 600;
                color: var(--ink);
            }
            .lv-signs {
                color: var(--mute);
            }
            .lv-next {
                color: #334155;
            }

            /* pyramid (qa) */
            .pyr-grid {
                display: grid;
                grid-template-columns: 1.15fr 1fr;
                gap: 40px;
                align-items: center;
            }
            .pyramid {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                gap: 10px;
                justify-items: center;
            }
            .pyramid li {
                width: var(--w);
                text-align: center;
                padding: 18px 20px;
                border-radius: 14px;
                color: #fff;
                background: linear-gradient(135deg, var(--a), color-mix(in srgb, var(--a) 55%, #000));
            }
            .pyramid li:nth-child(2) {
                background: linear-gradient(
                    135deg,
                    color-mix(in srgb, var(--a) 85%, var(--p500)),
                    color-mix(in srgb, var(--a) 45%, #000)
                );
            }
            .pyramid li:nth-child(1) {
                background: linear-gradient(135deg, var(--p500), var(--p700));
            }
            .pyramid b {
                display: block;
                font-size: 1rem;
            }
            .py-q {
                display: inline-block;
                font-size: 0.68rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                background: rgba(255, 255, 255, 0.2);
                padding: 2px 8px;
                border-radius: 6px;
                margin: 4px 0;
            }
            .pyramid p {
                font-size: 0.8rem;
                margin: 0;
                opacity: 0.92;
            }
            .am {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 14px;
            }
            .am-col {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 20px;
                border-top: 4px solid var(--a);
            }
            .am-col.man {
                border-top-color: var(--or);
            }
            .am-col ul {
                list-style: none;
                padding: 0;
                margin: 0;
                display: grid;
                gap: 8px;
            }
            .am-col li {
                display: flex;
                gap: 8px;
                font-size: 0.85rem;
            }
            .am-col svg {
                flex: none;
                margin-top: 4px;
                color: var(--a);
            }
            .am-col.man svg {
                color: var(--or);
            }

            /* approach */
            .process.five {
                grid-template-columns: repeat(5, 1fr);
            }
            .process .p-n {
                border-color: var(--a);
                color: color-mix(in srgb, var(--a) 75%, #000);
                box-shadow: 0 8px 20px -10px var(--a);
            }
            .process:before {
                background: repeating-linear-gradient(90deg, var(--a) 0 8px, transparent 8px 14px);
            }

            /* stack */
            .stack {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 16px;
            }
            .st-g {
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid rgba(255, 255, 255, 0.13);
                border-radius: var(--r);
                padding: 22px;
            }
            .st-g h3 {
                font-size: 0.8rem;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                color: var(--a2);
                margin-bottom: 14px;
            }
            .st-g ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
            }
            .st-g li {
                font-size: 0.8rem;
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.14);
                padding: 5px 10px;
                border-radius: 8px;
                color: #eee7fb;
            }

            /* right / not right */
            .rn {
                display: grid;
                grid-template-columns: 1fr 1.3fr;
                gap: 20px;
                align-items: start;
            }
            .rn-yes {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 26px;
                border-top: 4px solid var(--a);
            }
            .rn-yes p {
                font-size: 0.9rem;
                color: #334155;
            }
            .rn-yes ul {
                list-style: none;
                padding: 0;
                margin: 0;
                display: grid;
                gap: 8px;
            }
            .rn-yes li {
                display: flex;
                gap: 10px;
                font-size: 0.88rem;
            }
            .rn-yes svg {
                flex: none;
                margin-top: 4px;
                color: var(--a);
            }
            .rn-no {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                gap: 12px;
            }
            .rn-no li {
                display: flex;
                gap: 14px;
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 20px;
            }
            .rn-no .x {
                flex: none;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: grid;
                place-items: center;
                background: #fff1ec;
                color: var(--or);
            }
            .rn-no h3 {
                font-size: 1rem;
                margin-bottom: 4px;
            }
            .rn-no p {
                font-size: 0.86rem;
                color: var(--mute);
                margin: 0;
            }

            /* work + products */
            .work .w-k {
                color: var(--a);
                filter: brightness(0.8);
            }
            .prod {
                margin-top: 22px;
                display: flex;
                flex-wrap: wrap;
                gap: 10px 16px;
                align-items: center;
                padding: 16px 20px;
                border-radius: var(--r);
                background: var(--tint);
                border: 1px solid var(--line);
                font-size: 0.9rem;
            }
            .prod ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
            }
            .prod a {
                display: inline-flex;
                gap: 6px;
                align-items: center;
                font-weight: 600;
                text-decoration: none;
                background: #fff;
                border: 1px solid var(--line);
                padding: 6px 12px;
                border-radius: 999px;
                font-size: 0.82rem;
            }
            .prod a:hover {
                border-color: var(--a);
            }

            /* related */
            .rel {
                display: grid;
                grid-template-columns: 1.6fr 1fr;
                gap: 24px;
            }
            .rel-h {
                font-size: 0.78rem;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                color: var(--mute);
                margin-bottom: 12px;
            }
            .inds.two {
                grid-template-columns: 1fr 1fr;
            }
            .inds.two a {
                background: #fff;
            }
            .rel-side {
                display: grid;
                gap: 16px;
                align-content: start;
            }
            .rel-box {
                background: #fff;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 20px;
            }
            .rlinks {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                gap: 4px;
            }
            .rlinks a {
                display: flex;
                justify-content: space-between;
                gap: 10px;
                align-items: center;
                padding: 9px 0;
                border-bottom: 1px solid var(--line);
                text-decoration: none;
                font-size: 0.88rem;
                font-weight: 500;
            }
            .rlinks li:last-child a {
                border-bottom: 0;
            }
            .rlinks a:hover {
                color: var(--p500);
            }
            .rlinks svg {
                color: var(--or);
                flex: none;
            }

            /* other areas */
            .others {
                padding-top: 24px;
            }
            .otherlist {
                list-style: none;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 14px;
            }
            .otherlist a {
                display: flex;
                flex-direction: column;
                gap: 6px;
                height: 100%;
                padding: 18px;
                border: 1px solid var(--line);
                border-radius: var(--r);
                text-decoration: none;
                border-top: 3px solid var(--a);
                transition: transform 0.15s;
            }
            .otherlist a:hover {
                transform: translateY(-2px);
            }
            .o-ic {
                width: 34px;
                height: 34px;
                border-radius: 10px;
                display: grid;
                place-items: center;
                color: var(--a);
                background: color-mix(in srgb, var(--a) 12%, #fff);
            }
            .otherlist b {
                font-size: 0.92rem;
                line-height: 1.3;
            }
            .otherlist span:last-child {
                font-size: 0.78rem;
                color: var(--mute);
            }

            @media (max-width: 1080px) {
                .area-hero .stats {
                    grid-template-columns: repeat(3, 1fr);
                }
                .area-hero .stats li:nth-child(4) {
                    border-left: 0;
                }
                .svcs {
                    grid-template-columns: 1fr 1fr;
                }
                .gauges {
                    grid-template-columns: repeat(3, 1fr);
                }
                .choices,
                .modlad {
                    grid-template-columns: 1fr;
                }
                .modlad li {
                    border-left: 0;
                    border-top: 1px solid var(--line);
                }
                .modlad li:first-child {
                    border-top: 0;
                }
                .ladder {
                    grid-template-columns: 1fr 1fr;
                }
                .ladder li {
                    min-height: 0;
                }
                .pyr-grid,
                .rn,
                .rel {
                    grid-template-columns: 1fr;
                }
                .process.five {
                    grid-template-columns: repeat(3, 1fr);
                }
                .stack {
                    grid-template-columns: 1fr 1fr;
                }
                .otherlist {
                    grid-template-columns: 1fr 1fr;
                }
                .hubwrap {
                    grid-template-columns: 1fr 1fr;
                    grid-template-rows: none;
                }
                .hub-core {
                    grid-column: 1/-1;
                    grid-row: 1;
                    max-width: 200px;
                }
                .hub-nodes li {
                    grid-column: auto !important;
                    grid-row: auto !important;
                }
            }
            @media (max-width: 680px) {
                .area-hero .stats {
                    grid-template-columns: 1fr 1fr;
                }
                .area-hero .stats li {
                    border-left: 0 !important;
                    border-top: 1px solid rgba(255, 255, 255, 0.12);
                }
                .area-hero .stats li:nth-child(-n + 2) {
                    border-top: 0;
                }
                .area-hero .stats li:nth-child(even) {
                    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
                }
                .area-hero .stats li:last-child {
                    grid-column: span 2;
                    border-left: 0 !important;
                }
                .svcs,
                .gauges,
                .ladder,
                .am,
                .stack,
                .otherlist,
                .inds.two,
                .hubwrap {
                    grid-template-columns: 1fr;
                }
                .process.five {
                    grid-template-columns: 1fr 1fr;
                }
                .pyramid li {
                    width: 100% !important;
                }
                .cta-btns .btn {
                    white-space: normal;
                    text-align: center;
                }
            }

            .area-hero h1 {
                margin-bottom: 8px;
            }
            .h1-sub {
                font-size: clamp(1.25rem, 2.3vw, 1.85rem);
                font-weight: 800;
                line-height: 1.25;
                margin: 0 0 20px;
                background: linear-gradient(90deg, var(--a2), #ffb547 55%, #ff7a45);
                -webkit-background-clip: text;
                background-clip: text;
                color: #ffffff;
            }