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

        html {
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }
        

        /* ═══════ TOKENS ═══════ */
        :root {
            /* Core brand: #800080 lineage */
            --pu: #800080;
            --pu-d: #600060;
            --pu-dd: #3d003d;
            --pu-m: #950095;
            --pu-l: #aa00aa;
            /* Tints */
            --t4: #fdf3fd;
            --t8: #f9e6f9;
            --t15: #f0caf0;
            --t30: #e099e0;
            --t50: #c050c0;
            --white: #ffffff;
            --off: #fdfbfd;
            --ink: #1a001a;
            --ink2: #3b0a3b;
            --ink3: #7a547a;
            --ink4: #b899b8;
            --border: #ead2ea;
            --border2: #d5a8d5;
            --green: #047857;
            --amber: #b45309;
            --sh1: 0 1px 4px rgba(128, 0, 128, .07);
            --sh2: 0 4px 16px rgba(128, 0, 128, .10), 0 1px 4px rgba(128, 0, 128, .06);
            --sh3: 0 10px 36px rgba(128, 0, 128, .12), 0 3px 10px rgba(128, 0, 128, .07);
            --sh4: 0 20px 60px rgba(128, 0, 128, .14), 0 6px 18px rgba(128, 0, 128, .08);
            --r6: 6px;
            --r10: 10px;
            --r14: 14px;
            --r18: 18px;
            --r24: 24px;
            --rfull: 999px;
        }

        body {
            background: var(--white);
            color: var(--ink);
            font-family: 'Manrope', system-ui, sans-serif;
            font-size: 18px;
            line-height: 1.6;
            overflow-x: hidden;
        }
        .calendly-badge-widget{
            bottom: 75px !important;
        }

        /* ═══════ TYPOGRAPHY ═══════ */
        .serif {
            font-family: 'Playfair Display', Georgia, serif
        }

        .serif-italic {
            font-family: 'Playfair Display', Georgia, serif;
            font-style: italic
        }

        .grad {
            background: linear-gradient(125deg, var(--pu) 0%, var(--pu-m) 50%, var(--pu-d) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text
        }

        /* ═══════ LAYOUT ═══════ */
        .wrap {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 40px
        }

        section {
            padding: 96px 0
        }

        .bg-off {
            background: var(--t4);
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border)
        }

        .bg-white {
            background: var(--white)
        }

        /* ═══════ EYEBROW ═══════ */
        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            margin-bottom: 14px
        }

        .eyebrow::before {
            content: '';
            width: 22px;
            height: 2px;
            background: var(--pu);
            border-radius: 2px;
            flex-shrink: 0
        }

        .eyebrow span {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--pu)
        }

        /* ═══════ BUTTONS ═══════ */
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-family: 'Manrope', sans-serif;
            font-weight: 700;
            text-decoration: none;
            border: none;
            cursor: pointer;
            border-radius: var(--r10);
            white-space: nowrap;
            transition: all .15s ease;
            letter-spacing: -.01em
        }

        .btn-primary {
            background: var(--pu);
            color: #fff;
            padding: 15px 32px;
            font-size: 17px;
            box-shadow: 0 2px 12px rgba(128, 0, 128, .35), 0 0 0 1px rgba(128, 0, 128, .15)
        }

        .btn-primary:hover {
            background: var(--pu-d);
            box-shadow: 0 6px 24px rgba(128, 0, 128, .42), 0 0 0 1px rgba(128, 0, 128, .25);
            transform: translateY(-2px)
        }

        .btn-secondary {
            background: var(--white);
            color: var(--ink2);
            padding: 15px 32px;
            font-size: 17px;
            border: 1.5px solid var(--border);
            box-shadow: var(--sh1)
        }

        .btn-secondary:hover {
            background: var(--t4);
            border-color: var(--border2);
            transform: translateY(-2px);
            box-shadow: var(--sh2)
        }

        .btn-sm {
            font-size: 16px;
            padding: 9px 18px;
            border-radius: var(--r6)
        }

        .btn-link {
            background: none;
            color: var(--pu);
            padding: 0;
            font-size: 16px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 7px
        }

        .btn-link .arr {
            transition: transform .15s
        }

        .btn-link:hover {
            color: var(--pu-d);
            gap: 11px
        }

        .btn-link:hover .arr {
            transform: translateX(4px)
        }

        /* ═══════ URGENCY STRIP ═══════ */
        .strip {
            background: var(--pu-dd);
            padding: 11px 0;
            text-align: center
        }

        .strip p {
            font-size: 16px;
            font-weight: 600;
            color: rgba(255, 255, 255, .85);
            letter-spacing: .01em
        }

        .strip p strong {
            color: #fff
        }

        .strip p a {
            color: var(--t30);
            text-decoration: underline;
            text-underline-offset: 2px
        }

        /* ═══════ NAV ═══════ */
        .nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 999;
            height: 64px;
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, .94);
            backdrop-filter: blur(18px) saturate(180%);
            border-bottom: 1px solid var(--border);
            transition: box-shadow .2s
            padding-right:24px;
        }

        .calendly-badge-widget .calendly-badge-content span {
            display: none !important;
        }

        .nav.scrolled {
            box-shadow: 0 2px 20px rgba(128, 0, 128, .09)
        }

        .nav-w {
            margin: 0 auto;
            padding: 0 40px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            flex-shrink: 0
        }

        .logo-mark {
            width: 150px;
            height: 36px;
            border-radius: 9px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-weight: 800;
            color: #fff;
            font-family: 'Playfair Display', serif;
            font-style: italic;
            letter-spacing: -.02em
        }

        .logo-mark img {
            width: 100%;
        }

        .logo-name {
            font-size: 19px;
            font-weight: 800;
            color: var(--ink);
            letter-spacing: -.03em
        }

        .logo-name em {
            color: var(--pu);
            font-style: normal
        }

        .nav-links {
            display: flex;
            list-style: none;
            gap: 2px
        }

        .nav-links a {
            display: block;
            padding: 7px 13px;
            font-size: 15px;
            font-weight: 500;
            color: var(--ink3);
            text-decoration: none;
            border-radius: var(--r6);
            transition: background .13s, color .13s
        }

        .nav-links a:hover {
            background: var(--t4);
            color: var(--pu)
        }

        .nav-ctas {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0
        }

        .free-tag {
            background: var(--t8);
            color: var(--pu);
            font-size: 13px;
            font-weight: 700;
            padding: 4px 11px;
            border-radius: var(--rfull);
            border: 1.5px solid var(--t15)
        }
        .dropdown { position: relative; }
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 160px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 10;
}
.dropdown-menu li { display: block; }
.dropdown-menu a { display: block; padding: 8px 16px; }
.dropdown:hover .dropdown-menu { display: block; }

.mob-dropdown-menu { display: none; flex-direction: column; padding-left: 16px; }
.mob-dropdown-menu.open { display: flex; }
        /* HAMBURGER */
.ham {
  display: none;
  width: 38px; height: 38px;
  background: none;
  border: 1.5px solid var(--border);
  border-radius: var(--r6);
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background .15s;
  flex-shrink: 0;
  padding-right:24px;
}
.ham:hover { background: var(--t4); }
.ham span {
  display: block;
  width: 18px; height: 2px;
  background: var(--pu);
  border-radius: 2px;
  transition: transform .3s ease, opacity .25s ease;
  transform-origin: center;
}
.ham.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ham.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.ham.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* SLIDE MENU */
.mob-menu {
  display: none;
  position: absolute;
  top: 64px; left: 0; right: 0;
  background: var(--white);
  border-bottom: 1.5px solid var(--border);
  box-shadow: var(--sh3);
  z-index: 998;
  transform: translateY(-6px);
  opacity: 0;
  pointer-events: none;
  transition: transform .35s cubic-bezier(.4,0,.2,1), opacity .25s ease;
}
.mob-menu.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}
.mob-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 8px 24px 20px;
  display: flex;
  flex-direction: column;
}
.mob-inner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--ink2);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  transition: color .15s, padding-left .15s;
}
.mob-dropdown{
      padding: 13px 0;

}
.mob-inner a::after {
  content: '›';
  font-size: 18px;
  color: var(--ink4);
  transition: transform .15s, color .15s;
}
.mob-inner a:hover {
  color: var(--pu);
  padding-left: 4px;
}
.mob-inner a:hover::after {
  transform: translateX(3px);
  color: var(--pu);
}
.mob-inner a:last-of-type { border-bottom: none; }
.mob-divider {
  height: 1px;
  background: var(--border);
  margin: 6px 0;
}
.mob-cta {
  background: var(--pu) !important;
  color: #fff !important;
  text-align: center;
  padding: 13px 0 !important;
  border-radius: var(--r10);
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: -.01em;
  justify-content: center !important;
  margin-top: 4px;
  border-bottom: none !important;
  box-shadow: 0 2px 12px rgba(128,0,128,.3);
  transition: background .15s !important;
}
.mob-cta::after { display: none !important; }
.mob-cta:hover {
  background: var(--pu-d) !important;
  padding-left: 0 !important;
}

        /* ═══════ HERO ═══════ */
        .hero {
            background: var(--white);
            padding: 130px 0 84px;
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid var(--border)
        }

        .hero-wash {
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: radial-gradient(ellipse 58% 50% at 72% -6%, rgba(128, 0, 128, .09) 0%, transparent 60%), radial-gradient(ellipse 38% 44% at -2% 70%, rgba(128, 0, 128, .06) 0%, transparent 58%)
        }

        .hero-grid-bg {
            position: absolute;
            inset: 0;
            pointer-events: none;
            background-image: radial-gradient(rgba(128, 0, 128, .09) 1.2px, transparent 1.2px);
            background-size: 26px 26px;
            -webkit-mask-image: radial-gradient(ellipse 65% 72% at 64% 10%, black, transparent 70%);
            mask-image: radial-gradient(ellipse 65% 72% at 64% 10%, black, transparent 70%)
        }

        .hero-ring {
            position: absolute;
            right: -180px;
            top: -180px;
            width: 660px;
            height: 660px;
            border-radius: 50%;
            border: 1px solid rgba(128, 0, 128, .09);
            pointer-events: none
        }

        .hero-ring2 {
            position: absolute;
            right: -260px;
            top: -260px;
            width: 880px;
            height: 880px;
            border-radius: 50%;
            border: 1px solid rgba(128, 0, 128, .05);
            pointer-events: none
        }

        .hero-inner {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 40px;
            display: grid;
            grid-template-columns: 1fr 400px;
            gap: 64px;
            align-items: center;
            position: relative;
            z-index: 2
        }

        .kicker {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            background: var(--t8);
            border: 1.5px solid var(--t15);
            border-radius: var(--rfull);
            padding: 6px 16px 6px 9px;
            margin-bottom: 26px
        }

        .kicker-dot-wrap {
            width: 22px;
            height: 22px;
            background: var(--pu);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            color: #fff
        }

        .kicker-live {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #22c55e;
            animation: livePulse 2s ease infinite
        }

        .kicker-live+span {
            width: fit-content;
        }

        @keyframes livePulse {

            0%,
            100% {
                opacity: 1
            }

            50% {
                opacity: .3
            }
        }

        .kicker span:last-child {
            font-size: 16px;
            font-weight: 700;
            color: var(--pu);
            padding:0px 15px;
        }

        .hero h1 {
            font-size: clamp(46px, 5.8vw, 74px);
            font-weight: 800;
            line-height: 1.0;
            letter-spacing: -.042em;
            color: var(--ink);
            margin-bottom: 24px
        }

        .hero h1 .italic-grad {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-weight: 700;
            font-size: 1.04em;
            background: linear-gradient(130deg, var(--pu) 0%, var(--pu-m) 55%, var(--pu-d) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text
        }

        .hero-p {
            font-size: 20px;
            font-weight: 400;
            line-height: 1.74;
            color: var(--ink2);
            max-width: 510px;
            margin-bottom: 20px
        }
        .hero-p a{
            color:var(--pu);
            margin-bottom:34px;
            text-decoration:none;
        }

        .hero-p strong {
            color: var(--ink);
            font-weight: 600
        }

        .hero-ctas {
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
            margin-bottom: 40px
        }

        .social-proof {
            display: flex;
            align-items: center;
            gap: 14px
        }

        .sp-faces {
            display: flex
        }

        .sp-face {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--pu-dd), var(--pu-m));
            border: 2.5px solid #fff;
            margin-left: -9px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 700;
            color: #fff;
            box-shadow: var(--sh1)
        }

        .sp-face:first-child {
            margin-left: 0
        }

        .sp-words {
            font-size: 16px;
            line-height: 1.5;
            color: var(--ink3)
        }

        .sp-words strong {
            display: block;
            color: var(--ink);
            font-weight: 700
        }

        .sp-stars {
            color: #f59e0b;
            font-size: 13px;
            letter-spacing: 2px
        }

        /* Hero stat cards */
        .hero-cards {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 11px
        }

        .hcard {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r14);
            padding: 18px 17px;
            position: relative;
            overflow: hidden;
            box-shadow: var(--sh2);
            transition: box-shadow .18s, transform .18s
        }

        .hcard:hover {
            box-shadow: var(--sh3);
            transform: translateY(-3px)
        }

        .hcard-bar {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background: linear-gradient(180deg, var(--pu), var(--t30));
            border-radius: 4px 0 0 4px
        }

        .hcard-top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 5px
        }

        .hcard-n {
            font-size: 34px;
            font-weight: 800;
            letter-spacing: -.04em;
            color: var(--ink);
            line-height: 1
        }

        .hcard-n sub {
            font-size: 18px;
            font-weight: 600;
            color: var(--ink3)
        }

        .chip {
            font-size: 13px;
            font-weight: 700;
            border-radius: var(--rfull);
            padding: 3px 9px;
            border: 1.5px solid
        }

        .chip-p {
            background: var(--t8);
            color: var(--pu);
            border-color: var(--t15)
        }

        .chip-g {
            background: #f0fdf4;
            color: var(--green);
            border-color: rgba(4, 120, 87, .18)
        }

        .chip-a {
            background: #fffbeb;
            color: var(--amber);
            border-color: rgba(180, 83, 9, .18)
        }

        .hcard-lbl {
            font-size: 16px;
            font-weight: 600;
            color: var(--ink2);
            margin-bottom: 2px
        }

        .hcard-sub {
            font-size: 13px;
            color: var(--ink3)
        }

        .mini-bars {
            margin-top: 10px;
            display: flex;
            flex-direction: column;
            gap: 6px
        }

        .mbar {
            display: flex;
            align-items: center;
            gap: 7px;
            font-size: 12px;
            color: var(--ink3)
        }

        .mbar-lbl {
            width: 70px;
            text-align: right;
            flex-shrink: 0
        }

        .mbar-track {
            flex: 1;
            height: 4px;
            background: var(--t8);
            border-radius: 2px;
            overflow: hidden
        }

        .mbar-fill {
            height: 100%;
            background: linear-gradient(90deg, var(--pu), var(--pu-m));
            border-radius: 2px
        }

        .mbar-pct {
            width: 24px;
            text-align: right;
            font-weight: 700;
            color: var(--pu);
            flex-shrink: 0
        }

        /* ═══════ CLIENT BAR ═══════ */
        .client-bar {
            background: linear-gradient(135deg, #7a0a7a 0%, #600060 50%, #7a0a7a 100%);
            border-bottom: 1px solid var(--border);
            padding: 20px 0
        }

        .cb-inner {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 40px;
            display: flex;
            align-items: center
        }

        .cb-label {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--white);
            white-space: nowrap;
            padding-right: 24px;
            border-right: 1px solid var(--white);
            flex-shrink: 0
        }

        .cb-logos {
            display: flex;
            align-items: center;
            gap: 28px;
            padding-left: 24px;
            flex-wrap: wrap
        }

        .cb-co {
            font-size: 16px;
            font-weight: 700;
            color: var(--white);
            transition: opacity .14s;
            cursor: default
        }

        .cb-co:hover {
            opacity: 1;
            color: var(--pu)
        }

        /* ═══════ TICKER ═══════ */
        .ticker {
            background: var(--t4);
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
            padding: 12px 0;
            overflow: hidden
        }

        .ticker-inner {
            display: flex;
            animation: ticker 38s linear infinite;
            width: max-content
        }

        @keyframes ticker {
            from {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }

        .ti {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 0 24px;
            font-size: 16px;
            font-weight: 500;
            color: var(--ink3);
            white-space: nowrap
        }

        .ti b {
            font-weight: 800;
            color: var(--pu)
        }

        .ti-sep {
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: var(--border2);
            flex-shrink: 0
        }

        /* ═══════ 3-PROMISE BAR ═══════ */
        .promises {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            background: var(--border);
            border-radius: var(--r18);
            overflow: hidden;
            border: 1.5px solid var(--border)
        }

        .promise {
            background: var(--white);
            padding: 34px 28px;
            text-align: center;
            transition: background .16s
        }

        .promise:hover {
            background: var(--t4)
        }

        .promise-ico {
            width: 54px;
            height: 54px;
            border-radius: 50%;
            background: var(--t8);
            border: 2px solid var(--t15);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            margin: 0 auto 16px
        }

        .bg-white .promise-ico {
            font-weight: bold;
        }

        .promise h3 {
            font-size: 30px;
            font-weight: 800;
            letter-spacing: -.03em;
            color: var(--pu);
            margin-bottom: 7px;
            line-height: 1
        }

        .promise p {
            font-size: 16px;
            color: var(--ink3);
            line-height: 1.68;
            max-width: 210px;
            margin: 0 auto
        }

        /* ═══════ STATS ROW ═══════ */
        .stats-band {
            background: linear-gradient(145deg, var(--pu-dd) 0%, var(--pu-d) 35%, var(--pu) 70%, var(--pu-m) 100%);
            position: relative;
            overflow: hidden
        }

        .stats-band::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
            background-size: 24px 24px;
            pointer-events: none
        }

        .stats-inner {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 40px;
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            position: relative;
            z-index: 1
        }

        .stat {
            padding: 44px 12px;
            border-right: 1px solid rgba(255, 255, 255, .08);
            text-align: center;
            transition: background .16s
        }

        .stat:last-child {
            border-right: none
        }

        .stat:hover {
            background: rgba(255, 255, 255, .05)
        }

        .stat-n {
            font-size: 40px;
            font-weight: 800;
            letter-spacing: -.04em;
            color: #fff;
            line-height: 1;
            display: block;
            margin-bottom: 6px
        }

        .stat-n em {
            color: var(--t30);
            font-style: normal;
            font-size: 28px
        }

        .stat-l {
            font-size: 16px;
            color: rgba(255, 255, 255, .62);
            line-height: 1.5
        }

        .stat-l strong {
            display: block;
            font-weight: 700;
            font-size: 14px;
            color: rgba(255, 255, 255, .9);
            margin-bottom: 1px
        }

        /* ═══════ ROLES ═══════ */
        .roles-head {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 64px;
            align-items: start;
            margin-bottom: 48px
        }

        .roles-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5px;
            background: var(--border);
            border-radius: var(--r18);
            overflow: hidden;
            border: 1.5px solid var(--border)
        }

        .role {
            background: var(--white);
            padding: 26px 22px;
            transition: background .16s;
            cursor: default
        }

        .role:hover {
            background: var(--t4)
        }

        .role-icon {
            width: 40px;
            height: 40px;
            border-radius: var(--r10);
            background: var(--t8);
            border: 1.5px solid var(--t15);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            margin-bottom: 13px;
            transition: all .16s
        }

        .role:hover .role-icon {
            background: var(--pu);
            border-color: var(--pu)
        }

        .role h3 {
            font-size: 16px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 6px;
            letter-spacing: -.02em
        }

        .role p {
            font-size: 14px;
            color: var(--ink3);
            line-height: 1.66;
            margin-bottom: 11px
        }

        .role-chips {
            display: flex;
            flex-wrap: wrap;
            gap: 4px
        }

        .rc {
            font-size: 12px;
            font-weight: 600;
            background: var(--t4);
            color: var(--ink3);
            border: 1.5px solid var(--border);
            border-radius: var(--rfull);
            padding: 2px 9px;
            transition: all .14s
        }

        .role:hover .rc {
            background: var(--t8);
            border-color: var(--t15);
            color: var(--pu)
        }

        .role-stat {
            margin-top: 11px;
            padding-top: 11px;
            border-top: 1px solid var(--border);
            font-size: 13px;
            color: var(--ink3);
            display: flex;
            align-items: center;
            gap: 5px
        }

        .role-stat b {
            color: var(--pu);
            font-weight: 800;
            font-size: 15px;
        }

        /* ═══════ HOW IT WORKS ═══════ */
        .steps {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 0;
            margin-top: 52px;
            position: relative
        }

        .steps-line {
            position: absolute;
            top: 29px;
            left: calc(12.5% + 18px);
            right: calc(12.5% + 18px);
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--t30), var(--pu), var(--t30), transparent);
            pointer-events: none
        }

        .step {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 0 16px
        }

        .step:hover .step-num {
            background: var(--pu);
            border-color: var(--pu);
            box-shadow: 0 0 0 8px rgba(128, 0, 128, .10), var(--sh2)
        }

        .step-num {
            width: 58px;
            height: 58px;
            border-radius: 50%;
            background: var(--white);
            border: 1.5px solid var(--border);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            margin-bottom: 18px;
            position: relative;
            z-index: 1;
            box-shadow: var(--sh1);
            transition: all .2s
        }

        .step-n {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--pu);
            margin-bottom: 7px
        }

        .step-h {
            font-size: 16px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 8px;
            letter-spacing: -.02em
        }

        .step-p {
            font-size: 14px;
            color: var(--ink3);
            line-height: 1.68
        }

        .step-tag {
            display: inline-block;
            margin-top: 11px;
            font-size: 12px;
            font-weight: 700;
            background: var(--t8);
            color: var(--pu);
            border: 1.5px solid var(--t15);
            border-radius: var(--rfull);
            padding: 3px 11px
        }

        /* ═══════ AI INTERVIEW FLAGSHIP ═══════ */
        /* Hero-style intro banner */
        .ai-hero-band {
            background: linear-gradient(135deg, var(--pu-dd) 0%, var(--pu-d) 45%, var(--pu) 100%);
            position: relative;
            overflow: hidden;
            padding: 80px 0
        }

        .ai-hero-band::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px);
            background-size: 22px 22px;
            pointer-events: none
        }

        .ai-hero-band::after {
            content: '';
            position: absolute;
            right: -200px;
            top: -200px;
            width: 600px;
            height: 600px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .08);
            pointer-events: none
        }

        .aihb-inner {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 40px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 64px;
            align-items: center;
            position: relative;
            z-index: 1
        }

        .aihb-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .22);
            border-radius: var(--rfull);
            padding: 6px 14px 6px 8px;
            margin-bottom: 22px
        }

        .aihb-pulse {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #4ade80;
            animation: livePulse 1.8s ease infinite;
            box-shadow: 0 0 0 3px rgba(74, 222, 128, .25)
        }

        .aihb-badge span {
            font-size: 13px;
            font-weight: 700;
            color: rgba(255, 255, 255, .9);
            letter-spacing: .02em
        }

        .aihb-inner h2 {
            font-size: clamp(32px, 4vw, 52px);
            font-weight: 800;
            line-height: 1.04;
            letter-spacing: -.04em;
            color: #fff;
            margin-bottom: 18px
        }

        .aihb-inner h2 em {
            font-style: italic;
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            color: var(--t30)
        }

        .aihb-inner p {
            font-size: 18px;
            color: rgba(255, 255, 255, .75);
            line-height: 1.72;
            max-width: 460px;
            margin-bottom: 28px
        }

        .aihb-inner p strong {
            color: #fff
        }

        .aihb-btns {
            display: flex;
            gap: 12px;
            flex-wrap: wrap
        }

        .btn-white {
            background: #fff;
            color: var(--pu-d);
            padding: 14px 28px;
            font-size: 16px;
            font-weight: 700;
            border-radius: var(--r10);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            transition: all .15s;
            box-shadow: 0 2px 12px rgba(0, 0, 0, .2)
        }

        .btn-white:hover {
            background: var(--t8);
            transform: translateY(-2px);
            box-shadow: 0 6px 22px rgba(0, 0, 0, .25)
        }

        .btn-ghost-white {
            background: rgba(255, 255, 255, .10);
            color: #fff;
            padding: 14px 28px;
            font-size: 16px;
            font-weight: 700;
            border-radius: var(--r10);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            border: 1.5px solid rgba(255, 255, 255, .25);
            transition: all .15s
        }

        .btn-ghost-white:hover {
            background: rgba(255, 255, 255, .18);
            transform: translateY(-2px)
        }

        /* AI data metrics strip inside band */
        .ai-metrics-strip {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: rgba(255, 255, 255, .10);
            border-radius: var(--r14);
            overflow: hidden;
            margin-top: 36px;
            border: 1px solid rgba(255, 255, 255, .12)
        }

        .aim {
            padding: 20px 16px;
            background: rgba(255, 255, 255, .06);
            text-align: center
        }

        .aim-n {
            font-size: 32px;
            font-weight: 800;
            letter-spacing: -.04em;
            color: #fff;
            display: block;
            line-height: 1;
            margin-bottom: 4px
        }

        .aim-n em {
            font-style: normal;
            font-size: 22px;
            color: var(--t30)
        }

        .aim-l {
            font-size: 12px;
            color: rgba(255, 255, 255, .6);
            line-height: 1.5
        }

        .aim-l strong {
            display: block;
            font-size: 15px;
            color: rgba(255, 255, 255, .88);
            margin-bottom: 1px
        }

        /* Right side: interview flow diagram */
        .ai-flow {
            display: flex;
            flex-direction: column;
            gap: 10px
        }

        .ai-flow-step {
            background: rgba(255, 255, 255, .09);
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: var(--r14);
            padding: 16px 18px;
            display: flex;
            align-items: flex-start;
            gap: 14px;
            transition: background .15s
        }

        .ai-flow-step:hover {
            background: rgba(255, 255, 255, .14)
        }

        .afs-num {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .15);
            border: 1.5px solid rgba(255, 255, 255, .25);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            font-weight: 800;
            color: #fff;
            flex-shrink: 0
        }

        .afs-ico {
            font-size: 18px;
            flex-shrink: 0;
            width: 32px;
            text-align: center
        }

        .afs-body strong {
            display: block;
            font-size: 14px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 3px
        }

        .afs-body p {
            font-size: 15px;
            color: rgba(255, 255, 255, .65);
            line-height: 1.6;
            margin-bottom: 0
        }

        .afs-tag {
            display: inline-block;
            margin-top: 6px;
            font-size: 12px;
            font-weight: 700;
            background: rgba(255, 255, 255, .12);
            color: rgba(255, 255, 255, .8);
            border: 1px solid rgba(255, 255, 255, .2);
            border-radius: var(--rfull);
            padding: 2px 9px
        }

        .afs-connector {
            width: 1px;
            height: 12px;
            background: rgba(255, 255, 255, .15);
            margin-left: 16px
        }

        /* Deep dive section below the band */
        .ai-deep {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 64px;
            align-items: start
        }

        .ai-feats {
            display: flex;
            flex-direction: column;
            gap: 9px;
            margin-top: 26px
        }

        .af {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            padding: 17px 19px;
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r14);
            transition: all .16s
        }

        .af:hover {
            border-color: var(--border2);
            background: var(--t4);
            transform: translateX(4px)
        }

        .af-ico {
            width: 40px;
            height: 40px;
            border-radius: var(--r10);
            flex-shrink: 0;
            background: var(--t8);
            border: 1.5px solid var(--t15);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 17px;
            transition: all .16s
        }

        .af:hover .af-ico {
            background: var(--pu);
            border-color: var(--pu)
        }

        .af strong {
            display: block;
            font-size: 15px;
            font-weight: 700;
            color: var(--ink);
            margin-bottom: 3px
        }

        .af p {
            font-size: 15px;
            color: var(--ink3);
            line-height: 1.64;
            margin-bottom: 5px
        }

        .af-tag {
            font-size: 11px;
            font-weight: 700;
            color: var(--pu);
            background: var(--t8);
            border: 1.5px solid var(--t15);
            border-radius: var(--r6);
            padding: 2px 8px;
            display: inline-block
        }

        /* VS comparison table */
        .vs-table {
            margin-top: 36px;
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r18);
            overflow: hidden;
            box-shadow: var(--sh2)
        }

        .vs-header {
            display: grid;
            grid-template-columns: 1fr 120px 120px;
            gap: 0;
            background: var(--t4);
            border-bottom: 1.5px solid var(--border)
        }

        .vs-h {
            padding: 12px 16px;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--ink3)
        }

        .vs-h-them {
            background: var(--t4);
            color: var(--ink3);
            text-align: center
        }

        .vs-h-us {
            background: var(--pu);
            color: #fff;
            text-align: center;
            border-radius: 0 var(--r14) 0 0
        }

        .vs-row {
            display: grid;
            grid-template-columns: 1fr 120px 120px;
            border-bottom: 1px solid var(--border);
            transition: background .14s
        }

        .vs-row:last-child {
            border-bottom: none
        }

        .vs-row:hover {
            background: var(--t4)
        }

        .vs-label {
            padding: 14px 16px;
            font-size: 15px;
            font-weight: 600;
            color: var(--ink2);
            display: flex;
            align-items: center;
            gap: 8px
        }

        .vs-label small {
            display: block;
            font-size: 12px;
            font-weight: 400;
            color: var(--ink3);
            margin-top: 2px
        }

        .vs-cell {
            padding: 14px 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            font-weight: 700
        }

        .vs-no {
            color: #dc2626;
            font-size: 18px
        }

        .vs-yes {
            color: var(--pu);
            font-size: 18px
        }

        .vs-val-bad {
            color: var(--amber);
            font-size: 13px;
            text-align: center;
            line-height: 1.3
        }

        .vs-val-good {
            color: var(--green);
            font-size: 13px;
            text-align: center;
            line-height: 1.3;
            font-weight: 700
        }

        @media(max-width:1040px) {
            .aihb-inner {
                grid-template-columns: 1fr;
                gap: 40px
            }

            .ai-metrics-strip {
                grid-template-columns: 1fr 1fr
            }

            .ai-deep {
                grid-template-columns: 1fr;
                gap: 40px
            }

            .award-card {
                flex: 0 0 calc(50% - 10px)
            }

            .award-featured-band {
                flex-direction: column !important;
                gap: 24px;
                padding: 28px 24px
            }

            .afb-img {
                width: 100%;
                height: 120px
            }
            .ham { display: flex;
            padding-right:0px;
                margin-right:48px;
            }
.mob-menu { display: block; }
.nav-links{
    display:none;
}
.nav-ctas{
    display:none;
}

        }


        @media(max-width:640px) {
            .ai-metrics-strip {
                grid-template-columns: 1fr 1fr
            }

            .aihb-btns {
                flex-direction: column
            }

            .ai-hero-band {
                padding: 56px 0
            }
            
            .engine-banner>.eb-inner>div>p{
                max-width:350px;
            }
            .eb-stats{
                flex-direction:column !important;
            }
            .cb-inner{
                flex-direction:column;
                gap:15px;
            }
            .cb-label{
                border-right:none;
                border-bottom:1px solid var(--white);
                padding-right:0px;
            }

        }

        /* Mockup */
        .mock-shell {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r24);
            overflow: hidden;
            box-shadow: var(--sh4);
            position: sticky;
            top: 80px
        }

        .mock-topbar {
            background: var(--t4);
            border-bottom: 1px solid var(--border);
            padding: 11px 16px;
            display: flex;
            align-items: center;
            gap: 9px
        }

        .mock-dots {
            display: flex;
            gap: 5px
        }

        .mdot {
            width: 10px;
            height: 10px;
            border-radius: 50%
        }

        .mr {
            background: #ff5f57
        }

        .my {
            background: #febc2e
        }

        .mg {
            background: #28c840
        }

        .mock-title {
            flex: 1;
            text-align: center;
            font-size: 12px;
            font-weight: 500;
            color: var(--ink3)
        }

        .mock-badge {
            display: flex;
            align-items: center;
            gap: 4px;
            background: #f0fdf4;
            border: 1px solid rgba(4, 120, 87, .18);
            border-radius: var(--rfull);
            padding: 3px 8px;
            font-size: 12px;
            font-weight: 700;
            color: var(--green)
        }

        .mbdot {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--green);
            animation: livePulse 1.5s infinite
        }

        .mock-body {
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 11px
        }

        .bwho {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--ink3);
            margin-bottom: 4px
        }

        .bwho-r {
            text-align: right
        }

        .bubble {
            max-width: 90%;
            font-size: 13px;
            line-height: 1.64;
            padding: 11px 13px;
            border-radius: 13px
        }

        .bai {
            background: var(--t4);
            border: 1.5px solid var(--border);
            border-radius: 13px 13px 13px 3px;
            color: var(--ink)
        }

        .buser {
            background: var(--pu);
            color: #fff;
            border-radius: 13px 13px 3px 13px;
            align-self: flex-end
        }

        .btyping-wrap {
            align-self: flex-start
        }

        .btyping {
            background: var(--t4);
            border: 1.5px solid var(--border);
            border-radius: 13px 13px 13px 3px;
            padding: 11px 14px;
            display: inline-flex;
            gap: 4px;
            align-items: center
        }

        .bt {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--ink3);
            animation: btAnim 1.2s ease infinite
        }

        .bt:nth-child(2) {
            animation-delay: .15s
        }

        .bt:nth-child(3) {
            animation-delay: .3s
        }

        @keyframes btAnim {

            0%,
            80%,
            100% {
                transform: translateY(0);
                opacity: .35
            }

            40% {
                transform: translateY(-4px);
                opacity: 1
            }
        }

        .score-card {
            background: var(--t4);
            border: 1.5px solid var(--border);
            border-radius: var(--r10);
            padding: 13px 14px
        }

        .sc-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px
        }

        .sc-lbl {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--ink3)
        }

        .sc-verdict-badge {
            background: #f0fdf4;
            color: var(--green);
            border: 1px solid rgba(4, 120, 87, .18);
            border-radius: var(--rfull);
            padding: 2px 8px;
            font-size: 10px;
            font-weight: 700
        }

        .sc-row {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 5px;
            font-size: 12px;
        }

        .sc-name {
            flex: 1;
            color: var(--ink2)
        }

        .sc-bar {
            width: 66px;
            height: 3.5px;
            background: var(--t15);
            border-radius: 2px;
            overflow: hidden;
            flex-shrink: 0
        }

        .sc-fill {
            height: 100%;
            background: linear-gradient(90deg, var(--pu), var(--pu-m));
            border-radius: 2px
        }

        .sc-val {
            width: 24px;
            text-align: right;
            font-weight: 700;
            font-size: 11px;
            color: var(--ink);
            flex-shrink: 0
        }

        .sc-final {
            display: flex;
            align-items: center;
            gap: 6px;
            margin-top: 8px;
            background: #f0fdf4;
            border: 1px solid rgba(4, 120, 87, .18);
            border-radius: var(--r6);
            padding: 7px 11px;
            font-size: 12px;
            font-weight: 700;
            color: var(--green)
        }

        /* ═══════ WHY SECTION ═══════ */
        .why-rows {
            display: flex;
            flex-direction: column;
            gap: 1.5px;
            background: var(--border);
            border-radius: var(--r18);
            overflow: hidden;
            border: 1.5px solid var(--border);
            margin-top: 44px
        }

        .why-row {
            background: var(--white);
            padding: 26px 30px;
            display: grid;
            grid-template-columns: 160px 1fr 145px;
            gap: 32px;
            align-items: start;
            transition: background .16s
        }

        .why-row:hover {
            background: var(--t4)
        }

        .why-num {
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--t30);
            padding-top: 2px
        }

        .why-h-row {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 5px
        }

        .why-emo {
            font-size: 15px;
        }

        .why-h {
            font-size: 16px;
            font-weight: 800;
            color: var(--ink);
            letter-spacing: -.02em
        }

        .why-desc {
            font-size: 15px;
            color: var(--ink3);
            line-height: 1.72
        }

        .why-right {
            text-align: right
        }

        .why-big {
            font-size: 28px;
            font-weight: 800;
            letter-spacing: -.03em;
            color: var(--pu);
            display: block;
            line-height: 1;
            margin-bottom: 3px
        }

        .why-small {
            font-size: 12px;
            color: var(--ink3)
        }

        /* ═══════ FOUNDER ═══════ */
        .founder-grid {
            display: grid;
            grid-template-columns: 340px 1fr;
            gap: 56px;
            align-items: start
        }

        .founder-card {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r24);
            overflow: hidden;
            box-shadow: var(--sh3);
            position: sticky;
            top: 80px
        }

        .founder-top {
            background: linear-gradient(160deg, var(--t8) 0%, var(--t4) 100%);
            border-bottom: 1px solid var(--border);
            padding-bottom: 32px;
            text-align: center
        }

        .founder-av {
            background: linear-gradient(135deg, var(--pu-dd), var(--pu-m));
            margin: 0 auto 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            font-weight: 800;
            color: #fff;
            border: 3px solid #fff;
            box-shadow: 0 4px 16px rgba(128, 0, 128, .3);
            font-family: 'Playfair Display', serif;
            font-style: italic
        }

        .founder-av img {
            width: 100%;
        }

        .founder-name {
            font-size: 19px;
            font-weight: 800;
            color: var(--ink);
            letter-spacing: -.025em;
            margin-bottom: 3px
        }

        .founder-role {
            font-size: 14px;
            color: var(--ink3);
            margin-bottom: 14px
        }

        .founder-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: #fff;
            border: 1.5px solid var(--border);
            border-radius: var(--rfull);
            padding: 5px 13px;
            font-size: 12px;
            font-weight: 700;
            color: var(--amber);
            box-shadow: var(--sh1)
        }

        .founder-schedule-meeting {
            border: 1px solid var(--pu);
            width: fit-content;
            border-radius: var(--rfull);
            padding: 5px 13.5px;
            margin: 14px auto 0px;
        }

        .founder-schedule-meeting:hover {
            background-color: var(--pu);
        }

        .founder-schedule-meeting a {
            color: var(--pu-dd);
            text-decoration: none;
            font-weight: bold;
            font-size: 14px;
        }

        .founder-schedule-meeting:hover a {
            color: #fff;
        }

        .founder-body-card {
            padding: 18px
        }

        .founder-creds {
            display: flex;
            flex-direction: column;
            gap: 7px
        }

        .fc-item {
            display: flex;
            align-items: flex-start;
            gap: 9px;
            padding: 9px 11px;
            background: var(--t4);
            border: 1.5px solid var(--border);
            border-radius: var(--r10);
            transition: all .14s
        }

        .fc-item:hover {
            background: var(--t8);
            border-color: var(--border2)
        }

        .fc-emo {
            font-size: 15px;
            flex-shrink: 0;
            margin-top: 1px
        }

        .fc-item b {
            display: block;
            font-weight: 700;
            color: var(--ink);
            font-size: 15px;
            margin-bottom: 1px
        }

        .fc-item span {
            color: var(--ink3);
            font-size: 12px;
        }

        .founder-story p {
            font-size: 17px;
            line-height: 1.8;
            color: var(--ink2);
            margin-bottom: 16px
        }

        .founder-story p strong {
            color: var(--ink);
            font-weight: 700
        }

        .founder-story .hl {
            color: var(--pu);
            font-weight: 700
        }

        .pillars {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            margin-top: 22px
        }

        .pillar {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r14);
            padding: 17px 14px;
            text-align: center;
            box-shadow: var(--sh1);
            transition: all .16s
        }

        .pillar:hover {
            border-color: var(--border2);
            box-shadow: var(--sh2), 0 0 0 3px rgba(128, 0, 128, .07)
        }

        .pn {
            font-size: 24px;
            font-weight: 800;
            letter-spacing: -.03em;
            color: var(--pu);
            display: block;
            line-height: 1;
            margin-bottom: 4px
        }

        .pl {
            font-size: 12px;
            color: var(--ink3);
            line-height: 1.5
        }

        /* ═══════ TESTIMONIALS ═══════ */
        .testi-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 14px;
            margin-top: 44px
        }

        .testi {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r18);
            padding: 24px;
            display: flex;
            flex-direction: column;
            box-shadow: var(--sh1);
            transition: all .16s
        }

        .testi:hover {
            box-shadow: var(--sh3);
            border-color: var(--border2);
            transform: translateY(-3px)
        }

        .t-stars {
            color: #f59e0b;
            font-size: 13px;
            letter-spacing: 2px;
            margin-bottom: 11px
        }

        .t-q {
            font-size: 15px;
            line-height: 1.78;
            color: var(--ink2);
            font-style: italic;
            flex: 1;
            margin-bottom: 16px
        }

        .t-author {
            display: flex;
            align-items: center;
            gap: 10px
        }

        .t-av {
            width: 37px;
            height: 37px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--pu-dd), var(--pu-m));
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 700;
            color: #fff;
            border: 2px solid #fff;
            box-shadow: var(--sh1);
            flex-shrink: 0
        }

        .t-name {
            font-size: 15px;
            font-weight: 700;
            color: var(--ink);
            display: block;
            letter-spacing: -.01em
        }

        .t-role {
            font-size: 12px;
            color: var(--ink3)
        }

        .t-company {
            font-size: 13px;
            font-weight: 700;
            color: var(--pu);
            display: block;
            margin-top: 1px
        }

        .t-result {
            margin-top: 12px;
            padding: 7px 11px;
            background: var(--t4);
            border: 1.5px solid var(--border);
            border-radius: var(--r6);
            font-size: 12px;
            color: var(--ink2);
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 6px
        }

        /* ═══════ AWARDS CAROUSEL ═══════ */
        .awards-intro {
            text-align: center;
            max-width: 520px;
            margin: 0 auto 52px
        }

        .carousel-wrap {
            position: relative;
            overflow: hidden
        }

        .carousel-track {
            display: flex;
            gap: 20px;
            transition: transform .45s cubic-bezier(.4, 0, .2, 1)
        }

        .award-card {
            flex: 0 0 calc(33.333% - 14px);
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r18);
            overflow: hidden;
            box-shadow: var(--sh2);
            transition: all .18s;
            display: flex;
            flex-direction: column
        }

        .award-card:hover {
            box-shadow: var(--sh3);
            transform: translateY(-4px);
            border-color: var(--border2)
        }

        .award-img-wrap {
            width: 100%;
            aspect-ratio: 16/10;
            background: var(--t4);
            border-bottom: 1.5px solid var(--border);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden
        }

        .award-img-placeholder {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, var(--t8) 0%, var(--t4) 100%)
        }

        .award-img-placeholder .ph-icon {
            font-size: 36px;
            opacity: .5
        }

        .award-card-img {
            width: 100%;
        }

        .award-img-placeholder .ph-label {
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--ink4)
        }

        .award-img-placeholder .ph-badge {
            position: absolute;
            top: 12px;
            right: 12px;
            background: var(--pu);
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            padding: 3px 9px;
            border-radius: var(--rfull);
            letter-spacing: .04em
        }

        .award-body {
            padding: 18px 20px;
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 6px
        }

        .award-year {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--pu)
        }

        .award-title {
            font-size: 16px;
            font-weight: 800;
            color: var(--ink);
            letter-spacing: -.02em;
            line-height: 1.35
        }

        .award-org {
            font-size: 13px;
            color: var(--ink3);
            display: flex;
            align-items: center;
            gap: 6px;
            margin-top: 2px
        }

        .award-org::before {
            content: '🏆';
            font-size: 12px;
        }

        .award-tag {
            display: inline-block;
            margin-top: 8px;
            font-size: 11px;
            font-weight: 700;
            background: var(--t8);
            color: var(--pu);
            border: 1.5px solid var(--t15);
            border-radius: var(--rfull);
            padding: 3px 10px;
            align-self: flex-start
        }

        /* Carousel controls */
        .carousel-controls {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            margin-top: 36px
        }

        .carousel-btn {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: var(--white);
            border: 1.5px solid var(--border);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all .15s;
            box-shadow: var(--sh1);
            font-size: 16px;
            color: var(--ink2);
            font-family: inherit
        }

        .carousel-btn:hover {
            background: var(--pu);
            border-color: var(--pu);
            color: #fff;
            box-shadow: var(--sh2)
        }

        .carousel-dots {
            display: flex;
            gap: 7px;
            align-items: center
        }

        .cdot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--border2);
            transition: all .2s;
            cursor: pointer
        }

        .cdot.active {
            width: 22px;
            border-radius: 4px;
            background: var(--pu)
        }

        /* Featured award banner */
        .award-featured-band {
            background: linear-gradient(135deg, var(--pu-dd) 0%, var(--pu-d) 50%, var(--pu) 100%);
            border-radius: var(--r18);
            padding: 36px 44px;
            margin-bottom: 48px;
            display: flex;
            align-items: center;
            gap: 40px;
            position: relative;
            overflow: hidden;
            box-shadow: var(--sh4);
            flex-direction: row;
        }

        .award-featured-band::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
            background-size: 20px 20px;
            pointer-events: none
        }

        .afb-img {
            width: 200px;
            height: 140px;
            flex-shrink: 0;
            border-radius: var(--r14);
            background: rgba(255, 255, 255, .12);
            border: 1.5px solid rgba(255, 255, 255, .2);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 8px;
            overflow: hidden
        }

        .afb-img .ph-icon {
            font-size: 40px;
            opacity: .6
        }

        .afb-img .ph-label {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .7);
            text-align: center;
            padding: 0 8px
        }

        .afb-content {
            flex: 1;
            position: relative;
            z-index: 1
        }

        .afb-eyebrow {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--t30);
            margin-bottom: 8px
        }

        .afb-title {
            font-size: clamp(18px, 2.4vw, 28px);
            font-weight: 800;
            color: #fff;
            line-height: 1.2;
            letter-spacing: -.03em;
            margin-bottom: 10px
        }

        .afb-title em {
            font-style: italic;
            font-family: 'Playfair Display', serif;
            color: var(--t30)
        }

        .afb-desc {
            font-size: 15px;
            color: rgba(255, 255, 255, .72);
            line-height: 1.68;
            max-width: 480px
        }

        .afb-tags {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 14px
        }

        .afb-tag {
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .2);
            border-radius: var(--rfull);
            padding: 4px 12px;
            font-size: 12px;
            font-weight: 700;
            color: rgba(255, 255, 255, .88)
        }


        /* ═══════ INDUSTRIES ═══════ */
        .ind-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            margin-top: 44px
        }

        .ind {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r14);
            padding: 20px 17px;
            box-shadow: var(--sh1);
            transition: all .18s
        }

        .ind:hover {
            border-color: var(--border2);
            box-shadow: var(--sh3);
            transform: translateY(-4px)
        }

        .ind-emo {
            font-size: 25px;
            margin-bottom: 10px;
            display: block
        }

        .ind h4 {
            font-size: 15px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 5px;
            letter-spacing: -.02em
        }

        .ind p {
            font-size: 13px;
            color: var(--ink3);
            line-height: 1.62
        }

        .ind-n {
            display: block;
            font-size: 24px;
            font-weight: 800;
            letter-spacing: -.035em;
            color: var(--pu);
            margin-top: 12px;
            padding-top: 10px;
            border-top: 1px solid var(--border);
            line-height: 1;
            margin-bottom: 2px
        }

        .ind-l {
            font-size: 12px;
            color: var(--ink4)
        }

        /* ═══════ CTA ═══════ */
        .cta-outer {
            background: var(--white);
            border-top: 1px solid var(--border)
        }

        .cta-inner {
            max-width: 620px;
            margin: 0 auto;
            text-align: center;
            padding: 96px 40px
        }

        .cta-inner>p {
            font-size: 18px;
            color: var(--ink2);
            line-height: 1.74;
            margin-bottom: 32px
        }

        .cta-checks {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            margin-bottom: 32px;
            text-align: left
        }

        .ck {
            display: flex;
            align-items: flex-start;
            gap: 9px;
            padding: 11px 13px;
            background: var(--t4);
            border: 1.5px solid var(--border);
            border-radius: var(--r10)
        }

        .ck-ico {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: var(--pu);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 9px;
            color: #fff;
            flex-shrink: 0;
            margin-top: 1px
        }

        .ck strong {
            display: block;
            font-size: 13px;
            font-weight: 700;
            color: var(--ink);
            margin-bottom: 2px
        }

        .ck span {
            font-size: 12px;
            color: var(--ink3)
        }

                .contact-form-professional {
            max-width: 800px;
            margin: 0 auto 30px;
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r18);
            padding: 36px 40px;
            box-shadow: var(--sh2);
        }

        .form-title{
            color: var(--pu);
            padding-bottom: 15px;
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px 24px;
            margin-bottom: 28px;
        }

        .form-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .form-group.full-width {
            grid-column: 1 / -1;
        }

        .form-label {
            font-size: 13px;
            font-weight: 700;
            color: var(--ink);
            letter-spacing: -.01em;
        }

        .required {
            color: #dc2626;
            font-weight: 700;
        }

        .form-input-pro {
            width: 100%;
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r10);
            padding: 12px 16px;
            font-size: 14px;
            font-family: 'Manrope', sans-serif;
            color: var(--ink);
            outline: none;
            transition: all .2s ease;
        }

        .form-input-pro:focus {
            border-color: var(--pu);
            box-shadow: 0 0 0 3px rgba(128, 0, 128, .10);
        }

        .form-input-pro::placeholder {
            color: var(--ink4);
        }

        .form-input-pro:disabled {
            background: var(--t4);
            cursor: not-allowed;
            opacity: 0.6;
        }

        .form-submit-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            padding-top: 8px;
            border-top: 1px solid var(--border);
        }

        .btn-submit-pro {
            font-size: 15px;
            padding: 15px 40px;
            min-width: 280px;
            position: relative;
            justify-content: center;
        }

        .btn-submit-pro:disabled {
            opacity: 0.7;
            cursor: not-allowed;
            transform: none !important;
        }

        .spinner {
            display: inline-block;
            animation: spin 1s linear infinite;
            margin-right: 6px;
            vertical-align: middle;
        }

        @keyframes spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        .form-helper-text {
            font-size: 12px;
            color: var(--ink3);
            text-align: center;
        }

        /* Message Styles */
        .form-message {
            max-width: 600px;
            margin: 0 auto;
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r18);
            padding: 40px 36px;
            text-align: center;
            box-shadow: var(--sh2);
        }

        .message-icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            font-weight: 700;
            margin: 0 auto 20px;
        }

        .success-icon {
            background: #f0fdf4;
            color: var(--green);
            border: 2px solid rgba(4, 120, 87, .2);
        }

        .error-icon {
            background: #fef2f2;
            color: #dc2626;
            border: 2px solid rgba(220, 38, 38, .2);
        }

        .message-title {
            font-size: 24px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 12px;
            letter-spacing: -.02em;
        }

        .message-text {
            font-size: 15px;
            color: var(--ink2);
            line-height: 1.7;
            margin-bottom: 20px;
        }

        .error-message .message-text {
            margin-bottom: 24px;
        }

        .cta-stats {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            padding-top: 30px;
            border-top: 1px solid var(--border)
        }

        .cs-n {
            font-size: 26px;
            font-weight: 800;
            letter-spacing: -.03em;
            color: var(--pu);
            display: block;
            line-height: 1;
            margin-bottom: 3px
        }

        .cs-l {
            font-size: 12px;
            color: var(--ink3)
        }

        /* ═══════ FOOTER ═══════ */
        footer {
            background: var(--t4);
            border-top: 1px solid var(--border);
            padding: 52px 0 28px
        }

        .footer-inner {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 40px
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2.3fr 1fr 1fr 1fr;
            gap: 44px;
            margin-bottom: 44px
        }

        .f-brand-desc {
            font-size: 16px;
            color: var(--ink3);
            line-height: 1.72;
            margin-top: 10px;
            max-width: 270px
        }
        .f-brand-desc a{
            color:var(--pu);
            text-decoration:none;
        }
        .f-contact-list {
            margin-left: 15px;
        }

        .f-location-add {
            margin: 10px 0px;
        }

        .f-location-add span {
            font-weight: 400;
            color: var(--ink3);
        }

        .f-location-add-title {
            color: var(--pu);
            font-weight: bold;

        }

        .f-contact-details {
            color: var(--pu);
            font-weight: bold;
            font-size: 16px;
        }

        .social-media svg,
        .social-media img {
            width: 24px;
            height: 24px;
        }

        .f-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r6);
            padding: 7px 12px;
            font-size: 13px;
            color: var(--ink2);
            margin-top: 13px;
            box-shadow: var(--sh1)
        }

        .f-col h5 {
            font-size: 12px;
            font-weight: 800;
            color: var(--ink);
            letter-spacing: .09em;
            text-transform: uppercase;
            margin-bottom: 13px
        }

        .f-col a {
            display: block;
            font-size: 14px;
            color: var(--ink3);
            text-decoration: none;
            margin-bottom: 8px;
            transition: color .13s
        }

        .f-col a:hover {
            color: var(--pu)
        }

        .footer-bot {
            border-top: 1px solid var(--border);
            padding-top: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
            font-size: 14px;
            color: var(--ink3)
        }

        .footer-terms {
            color: var(--ink3);
            text-decoration: none;
        }

        .footer-tagline {
            font-size: 13px;
            font-weight: 700;
            color: var(--pu);
            font-style: italic
        }

        /* ═══════ WHO WE SERVE (CLIENTS) ═══════ */
        .clients-intro {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 64px;
            align-items: center;
            margin-bottom: 60px
        }

        .clients-intro-text p {
            font-size: 17px;
            color: var(--ink2);
            line-height: 1.78;
            margin-bottom: 20px
        }

        .client-types {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 13px
        }

        .ctype {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r18);
            padding: 26px 22px;
            box-shadow: var(--sh2);
            transition: all .18s;
            position: relative;
            overflow: hidden
        }

        .ctype::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            border-radius: 4px 0 0 4px
        }

        .ctype.startup::before {
            background: linear-gradient(180deg, #7c3aed, #a78bfa)
        }

        .ctype.enterprise::before {
            background: linear-gradient(180deg, var(--pu), var(--pu-m))
        }

        .ctype.gcc::before {
            background: linear-gradient(180deg, #0369a1, #38bdf8)
        }

        .ctype.funded::before {
            background: linear-gradient(180deg, #047857, #34d399)
        }

        .ctype:hover {
            box-shadow: var(--sh3);
            transform: translateY(-4px)
        }

        .ctype-icon {
            font-size: 30px;
            margin-bottom: 13px;
            display: block
        }

        .ctype h3 {
            font-size: 17px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 6px;
            letter-spacing: -.02em
        }

        .ctype-tag {
            display: inline-block;
            font-size: 12px;
            font-weight: 700;
            border-radius: var(--rfull);
            padding: 3px 11px;
            border: 1.5px solid;
            margin-bottom: 12px
        }

        .ctype.startup .ctype-tag {
            background: #f5f3ff;
            color: #7c3aed;
            border-color: #ddd6fe
        }

        .ctype.enterprise .ctype-tag {
            background: var(--t8);
            color: var(--pu);
            border-color: var(--t15)
        }

        .ctype.gcc .ctype-tag {
            background: #f0f9ff;
            color: #0369a1;
            border-color: #bae6fd
        }

        .ctype.funded .ctype-tag {
            background: #f0fdf4;
            color: #047857;
            border-color: #bbf7d0
        }

        .ctype p {
            font-size: 15px;
            color: var(--ink3);
            line-height: 1.68;
            margin-bottom: 14px
        }

        .ctype-points {
            display: flex;
            flex-direction: column;
            gap: 6px
        }

        .cp {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-size: 13px;
            color: var(--ink2)
        }

        .cp::before {
            content: '→';
            color: var(--pu);
            font-weight: 700;
            flex-shrink: 0;
            margin-top: 1px
        }

        .ctype-stat {
            margin-top: 14px;
            padding-top: 12px;
            border-top: 1px solid var(--border);
            display: flex;
            align-items: center;
            gap: 8px
        }

        .ctype-stat-n {
            font-size: 24px;
            font-weight: 800;
            letter-spacing: -.03em;
            color: var(--pu);
            line-height: 1
        }

        .ctype-stat-l {
            font-size: 12px;
            color: var(--ink3);
            line-height: 1.4
        }

        /* 5-year trust band */
        .trust-band {
            background: var(--t8);
            border: 1.5px solid var(--t15);
            border-radius: var(--r18);
            padding: 32px 36px;
            display: flex;
            align-items: center;
            gap: 36px;
            flex-wrap: wrap;
            margin-top: 48px
        }

        .tb-big {
            font-size: 58px;
            font-weight: 800;
            letter-spacing: -.05em;
            color: var(--pu);
            line-height: 1;
            flex-shrink: 0
        }

        .tb-divider {
            width: 1px;
            height: 64px;
            background: var(--border2);
            flex-shrink: 0
        }

        .tb-points {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            flex: 1
        }

        .tbp h4 {
            font-size: 15px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 4px;
            letter-spacing: -.02em
        }

        .tbp p {
            font-size: 14px;
            color: var(--ink3);
            line-height: 1.6
        }

        /* ═══════ HIRING ENGINE ═══════ */
        .engine-wrap {
            position: relative
        }

        .engine-banner {
            background: linear-gradient(135deg, var(--pu-dd) 0%, var(--pu-d) 50%, var(--pu) 100%);
            border-radius: var(--r24);
            padding: 52px 48px;
            margin-bottom: 48px;
            position: relative;
            overflow: hidden;
            box-shadow: var(--sh4)
        }

        .engine-banner::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
            background-size: 20px 20px
        }

        .engine-banner::after {
            content: '⚙';
            position: absolute;
            right: -20px;
            top: -30px;
            font-size: 180px;
            opacity: .04;
            line-height: 1;
            pointer-events: none
        }

        .eb-inner {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 40px;
            align-items: center
        }

        .eb-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .2);
            border-radius: var(--rfull);
            padding: 5px 13px;
            margin-bottom: 18px
        }

        .eb-badge-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #4ade80;
            animation: livePulse 1.8s ease infinite
        }

        .eb-badge span {
            font-size: 12px;
            font-weight: 700;
            color: rgba(255, 255, 255, .9)
        }

        .engine-banner h2 {
            font-size: clamp(30px, 3.8vw, 48px);
            font-weight: 800;
            line-height: 1.05;
            letter-spacing: -.04em;
            color: #fff;
            margin-bottom: 14px
        }

        .engine-banner h2 em {
            font-style: italic;
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            color: var(--t30)
        }

        .engine-banner>.eb-inner>div>p {
            font-size: 17px;
            color: rgba(255, 255, 255, .75);
            line-height: 1.72;
            max-width: 520px
        }

        .eb-stats {
            display: flex;
            flex-direction: column;
            gap: 11px;
            flex-shrink: 0
        }

        .eb-stat {
            background: rgba(255, 255, 255, .10);
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: var(--r14);
            padding: 16px 22px;
            text-align: center;
            min-width: 130px
        }

        .eb-stat-n {
            font-size: 34px;
            font-weight: 800;
            letter-spacing: -.04em;
            color: #fff;
            display: block;
            line-height: 1;
            margin-bottom: 3px
        }

        .eb-stat-n em {
            font-style: normal;
            font-size: 22px;
            color: var(--t30)
        }

        .eb-stat-l {
            font-size: 12px;
            color: rgba(255, 255, 255, .65)
        }

        /* Engine pillars grid */
        .engine-pillars {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 13px;
            margin-bottom: 48px
        }

        .ep {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r18);
            padding: 26px 22px;
            box-shadow: var(--sh2);
            transition: all .18s;
            position: relative;
            overflow: hidden
        }

        .ep:hover {
            box-shadow: var(--sh3);
            transform: translateY(-4px);
            border-color: var(--border2)
        }

        .ep-num {
            position: absolute;
            top: 18px;
            right: 18px;
            font-size: 42px;
            font-weight: 800;
            letter-spacing: -.05em;
            color: var(--t15);
            line-height: 1
        }

        .ep-icon {
            font-size: 34px;
            margin-bottom: 14px;
            display: block;
            position: relative;
            z-index: 1
        }

        .ep h3 {
            font-size: 17px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 8px;
            letter-spacing: -.025em;
            position: relative;
            z-index: 1
        }

        .ep p {
            font-size: 15px;
            color: var(--ink3);
            line-height: 1.7;
            position: relative;
            z-index: 1;
            margin-bottom: 12px
        }

        .ep-features {
            display: flex;
            flex-direction: column;
            gap: 5px;
            position: relative;
            z-index: 1
        }

        .ef {
            display: flex;
            align-items: center;
            gap: 7px;
            font-size: 13px;
            color: var(--ink2)
        }

        .ef::before {
            content: '✓';
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: var(--t8);
            color: var(--pu);
            font-size: 9px;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0
        }

        .ep-tag {
            display: inline-block;
            margin-top: 13px;
            font-size: 12px;
            font-weight: 700;
            background: var(--t8);
            color: var(--pu);
            border: 1.5px solid var(--t15);
            border-radius: var(--rfull);
            padding: 3px 12px;
            position: relative;
            z-index: 1
        }

        /* Engine integration row */
        .engine-integration {
            background: var(--t4);
            border: 1.5px solid var(--border);
            border-radius: var(--r18);
            padding: 32px 36px
        }

        .ei-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
            flex-wrap: wrap;
            gap: 16px
        }

        .ei-title {
            font-size: 19px;
            font-weight: 800;
            color: var(--ink);
            letter-spacing: -.025em
        }

        .ei-sub {
            font-size: 15px;
            color: var(--ink3);
            margin-top: 3px
        }

        .ei-systems {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px
        }

        .eis {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r10);
            padding: 16px 12px;
            text-align: center;
            box-shadow: var(--sh1);
            transition: all .15s
        }

        .eis:hover {
            border-color: var(--border2);
            box-shadow: var(--sh2);
            transform: translateY(-2px)
        }

        .eis-icon {
            font-size: 24px;
            margin-bottom: 7px;
            display: block
        }

        .eis-name {
            font-size: 13px;
            font-weight: 700;
            color: var(--ink);
            margin-bottom: 3px
        }

        .eis-desc {
            font-size: 12px;
            color: var(--ink3)
        }

        .ei-connector {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin: 16px 0;
            font-size: 12px;
            font-weight: 700;
            color: var(--ink3);
            letter-spacing: .06em;
            text-transform: uppercase
        }

        .ei-connector::before,
        .ei-connector::after {
            content: '';
            flex: 1;
            height: 1px;
            background: var(--border)
        }

        /* ═══════ HIRE MODELS ═══════ */
        .models-intro {
            text-align: center;
            max-width: 580px;
            margin: 0 auto 52px
        }

        .models-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-bottom: 36px
        }

        .model-card {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r18);
            padding: 28px 24px;
            box-shadow: var(--sh2);
            transition: all .18s;
            display: flex;
            flex-direction: column
        }

        .model-card:hover {
            box-shadow: var(--sh4);
            transform: translateY(-5px);
            border-color: var(--border2)
        }

        .model-card.featured {
            border-color: var(--pu);
            box-shadow: var(--sh3), 0 0 0 3px rgba(128, 0, 128, .08)
        }

        .mc-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .mc-icon {
            font-size: 32px;
        }

        .mc-badge {
            font-size: 12px;
            font-weight: 700;
            background: var(--t8);
            color: var(--pu);
            border: 1.5px solid var(--t15);
            border-radius: var(--rfull);
            padding: 3px 10px
        }

        .mc-badge.pop {
            background: var(--pu);
            color: #fff;
            border-color: var(--pu)
        }

        .model-card h3 {
            font-size: 18px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 6px;
            letter-spacing: -.025em
        }

        .mc-tagline {
            font-size: 14px;
            font-weight: 600;
            color: var(--pu);
            margin-bottom: 12px
        }

        .model-card p {
            font-size: 15px;
            color: var(--ink3);
            line-height: 1.7;
            margin-bottom: 16px;
            flex: 1
        }

        .mc-features {
            display: flex;
            flex-direction: column;
            gap: 7px;
            margin-bottom: 16px
        }

        .mcf {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-size: 14px;
            color: var(--ink2)
        }

        .mcf-ico {
            width: 17px;
            height: 17px;
            border-radius: 50%;
            background: var(--t8);
            color: var(--pu);
            font-size: 9px;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 1px
        }

        .mc-best {
            font-size: 12px;
            font-weight: 700;
            color: var(--ink3);
            background: var(--t4);
            border: 1.5px solid var(--border);
            border-radius: var(--r6);
            padding: 7px 11px;
            display: flex;
            align-items: center;
            gap: 6px
        }

        .mc-best::before {
            content: '→';
            color: var(--pu)
        }

        /* TA strategy strip */
        .ta-strip {
            background: linear-gradient(135deg, var(--pu-dd), var(--pu-d) 55%, var(--pu));
            border-radius: var(--r18);
            padding: 40px 44px;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 40px;
            align-items: center;
            position: relative;
            overflow: hidden
        }

        .ta-strip::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
            background-size: 20px 20px
        }

        .ta-strip h3 {
            font-size: clamp(22px, 3vw, 34px);
            font-weight: 800;
            letter-spacing: -.03em;
            color: #fff;
            margin-bottom: 10px;
            position: relative;
            z-index: 1
        }

        .ta-strip h3 em {
            font-style: italic;
            font-family: 'Playfair Display', serif;
            color: var(--t30)
        }

        .ta-strip p {
            font-size: 16px;
            color: rgba(255, 255, 255, .72);
            line-height: 1.7;
            max-width: 520px;
            position: relative;
            z-index: 1
        }

        .ta-strip-cta {
            position: relative;
            z-index: 1;
            flex-shrink: 0
        }

        .ta-points {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
            margin-top: 48px
        }

        .tap {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--r14);
            padding: 20px 18px;
            box-shadow: var(--sh1);
            transition: all .16s
        }

        .tap:hover {
            border-color: var(--border2);
            box-shadow: var(--sh2);
            transform: translateY(-3px)
        }

        .tap-ico {
            font-size: 26px;
            margin-bottom: 10px;
            display: block
        }

        .tap h4 {
            font-size: 15px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 5px;
            letter-spacing: -.02em
        }

        .tap p {
            font-size: 14px;
            color: var(--ink3);
            line-height: 1.65
        }

        /* responsive */
        @media(max-width:1040px) {

            .clients-intro,
            .eb-inner,
            .ta-strip {
                grid-template-columns: 1fr
            }

            .client-types,
            .engine-pillars,
            .models-grid,
            .ta-points {
                grid-template-columns: 1fr 1fr
            }

            .tb-points {
                grid-template-columns: 1fr 1fr
            }

            .ei-systems {
                grid-template-columns: repeat(3, 1fr)
            }

            .eb-stats {
                flex-direction: row
            }

            .trust-band {
                flex-direction: column;
                gap: 20px;
                text-align: center
            }

            .tb-divider {
                display: none
            }
        }

        @media(max-width:640px) {

            .client-types,
            .engine-pillars,
            .models-grid,
            .ta-points,
            .tb-points {
                grid-template-columns: 1fr
            }

            .ei-systems {
                grid-template-columns: 1fr 1fr
            }

            .engine-banner {
                padding: 32px 24px
            }

            .ta-strip {
                padding: 28px 24px
            }
        }

        /* ═══════ RESPONSIVE ═══════ */
        @media(max-width:1040px) {
            .hero-inner {
                grid-template-columns: 1fr;
                gap: 44px
            }

            .hero-cards {
                grid-template-columns: 1fr 1fr
            }

            .ai-grid,
            .founder-grid {
                grid-template-columns: 1fr;
                gap: 40px
            }

            .steps {
                grid-template-columns: 1fr 1fr;
                gap: 22px
            }

            .steps-line {
                display: none
            }

            .roles-head {
                grid-template-columns: 1fr
            }

            .roles-grid,
            .testi-grid {
                grid-template-columns: 1fr 1fr
            }

            .stats-inner,
            .ind-grid {
                grid-template-columns: 1fr 1fr
            }

            .why-row {
                grid-template-columns: 1fr;
                gap: 7px
            }

            .why-right {
                text-align: left
            }

            .footer-grid {
                grid-template-columns: 1fr 1fr;
                gap: 28px
            }

            .founder-card {
                position: static
            }

            .promises {
                grid-template-columns: 1fr
            }

            .wrap,
            .hero-inner,
            .stats-inner,
            .footer-inner,
            .cb-inner,
            .nav-w,
            .cta-inner {
                padding-left: 24px;
                padding-right: 24px
            }

            section {
                padding: 72px 0
            }
        }

        @media(max-width:640px) {

            .nav-links,
            .free-tag {
                display: none
            }

            .hero {
                padding: 92px 0 56px
            }

            .hero-cards,
            .roles-grid,
            .testi-grid,
            .ind-grid,
            .pillars,
            .cta-checks,
            .steps {
                grid-template-columns: 1fr
            }

            .stats-inner {
                grid-template-columns: 1fr 1fr
            }

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

            .footer-bot {
                flex-direction: column;
                text-align: center
            }

            .cta-form {
                flex-direction: column
            }

            .cta-stats {
                gap: 18px
            }

            .cb-logos {
                gap: 14px
            }

            section {
                padding: 52px 0
            }

            .award-card {
                flex: 0 0 100%
            }

            .award-featured-band {
                padding: 24px 20px
            }
            .form-grid{
                grid-template-columns:1fr;
            }
        }