.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;
               }
               .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: transparent;
               }

               /* ===== L3 service page additions ===== */
               .builds {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 16px;
               }
               .builds li {
                    background: #fff;
                    border: 1px solid var(--line);
                    border-radius: var(--r);
                    padding: 24px;
                    position: relative;
                    overflow: hidden;
               }
               .builds li:after {
                    content: "";
                    position: absolute;
                    right: -30px;
                    top: -30px;
                    width: 90px;
                    height: 90px;
                    border-radius: 50%;
                    background: color-mix(in srgb, var(--a) 8%, transparent);
               }
               .b-n {
                    display: inline-block;
                    font-size: 0.75rem;
                    font-weight: 800;
                    color: var(--a);
                    background: color-mix(in srgb, var(--a) 10%, #fff);
                    padding: 4px 9px;
                    border-radius: 8px;
                    margin-bottom: 12px;
               }
               .builds h3 {
                    font-size: 1.02rem;
                    margin-bottom: 6px;
               }
               .builds p {
                    font-size: 0.88rem;
                    color: var(--mute);
                    margin: 0;
               }

               /* flow */
               .flow {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    display: grid;
                    grid-template-columns: repeat(var(--n), 1fr);
                    gap: 12px;
                    position: relative;
                    counter-reset: f;
               }
               .flow li {
                    background: #fff;
                    border: 1px solid var(--line);
                    border-radius: var(--r);
                    padding: 20px 18px;
                    position: relative;
                    display: flex;
                    flex-direction: column;
               }
               .flow li:not(:last-child):after {
                    content: "";
                    position: absolute;
                    right: -10px;
                    top: 30px;
                    width: 8px;
                    height: 8px;
                    border-top: 2px solid var(--a);
                    border-right: 2px solid var(--a);
                    transform: rotate(45deg);
                    z-index: 2;
                    background: transparent;
               }
               .fl-n {
                    display: inline-grid;
                    place-items: center;
                    width: 32px;
                    height: 32px;
                    border-radius: 50%;
                    background: linear-gradient(135deg, var(--a), color-mix(in srgb, var(--a) 55%, #000));
                    color: #fff;
                    font-size: 0.75rem;
                    font-weight: 700;
                    margin-bottom: 10px;
               }
               .flow h3 {
                    font-size: 0.98rem;
                    margin-bottom: 6px;
               }
               .flow p {
                    font-size: 0.82rem;
                    color: #334155;
                    margin: 0 0 10px;
               }
               .flow .fl-note {
                    margin: auto 0 0;
                    padding-top: 10px;
                    border-top: 1px dashed var(--line);
                    color: var(--mute);
                    font-size: 0.78rem;
               }
               .flow .fl-note em {
                    font-style: normal;
                    font-weight: 700;
                    color: var(--or);
               }

               /* pattern cards */
               .pcards {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    gap: 16px;
               }
               .pcards li {
                    background: #fff;
                    border: 1px solid var(--line);
                    border-radius: var(--r);
                    padding: 24px;
                    display: flex;
                    flex-direction: column;
                    border-top: 4px solid var(--a);
               }
               .pc-n {
                    font-size: 2rem;
                    font-weight: 800;
                    line-height: 1;
                    color: color-mix(in srgb, var(--a) 25%, #fff);
                    -webkit-text-stroke: 1.5px var(--a);
                    margin-bottom: 10px;
               }
               .pcards p {
                    font-size: 0.88rem;
                    color: #334155;
               }
               .pcards small {
                    margin-top: auto;
                    font-weight: 600;
                    color: var(--p500);
                    font-size: 0.8rem;
               }

               /* readiness checklist */
               .ready {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 18px;
               }
               .rd {
                    background: #fff;
                    border: 1px solid var(--line);
                    border-radius: var(--r);
                    padding: 26px;
                    border-top: 4px solid var(--a);
               }
               .rd.no {
                    border-top-color: var(--or);
               }
               .rd ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    display: grid;
                    gap: 10px;
               }
               .rd li {
                    display: flex;
                    gap: 10px;
                    font-size: 0.9rem;
               }
               .rd svg {
                    flex: none;
                    margin-top: 4px;
                    color: var(--a);
               }
               .rd.no svg {
                    color: var(--or);
               }

               /* siblings */
               .sibs {
                    padding-top: 24px;
               }
               .sib {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-wrap: wrap;
                    gap: 8px;
               }
               .sib a {
                    display: inline-block;
                    padding: 9px 16px;
                    border-radius: 999px;
                    border: 1px solid var(--line);
                    text-decoration: none;
                    font-size: 0.85rem;
                    font-weight: 500;
                    background: #fff;
               }
               .sib a:hover {
                    border-color: var(--a);
                    background: color-mix(in srgb, var(--a) 7%, #fff);
               }
               .l3 .ladder li {
                    min-height: calc(210px + var(--i) * 30px);
               }

               @media (max-width: 1080px) {
                    .builds {
                         grid-template-columns: 1fr 1fr;
                    }
                    .flow {
                         grid-template-columns: repeat(2, 1fr);
                    }
                    .flow li:after {
                         display: none;
                    }
                    .pcards {
                         grid-template-columns: 1fr 1fr;
                    }
                    .l3 .ladder li {
                         min-height: 0;
                    }
               }
               @media (max-width: 680px) {
                    .builds,
                    .flow,
                    .pcards,
                    .ready {
                         grid-template-columns: 1fr;
                    }
               }