:root {
      --primary: #FF3A0F;
      --primary-hover: #FF3A0F;
      --accent-light: #FF3A0F;
      --bg-tint: #FFF0ED;
      --dark: #141517;
      --ink: #141517;
      --muted: #5d6370;
      --soft: #F9F9FB;
      --line: #E9E9EF;
      --white: #FFFFFF;
      --shadow: 0 24px 70px rgba(255, 58, 15, .16);
      --ease: cubic-bezier(.22, 1, .36, 1);
    }
     :where(.wp-site-blocks) > * {
    margin: 0px !important;
}

    .makzz-wp-page, .makzz-wp-page * { box-sizing: border-box; }
    .makzz-wp-page {
      margin: 0;
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--ink);
      background: linear-gradient(180deg, var(--soft), var(--white) 36%);
      line-height: 1.6;
      overflow-x: visible;
    }

    .makzz-wp-page img { display: block; max-width: 100%; }
    .makzz-wp-page a { color: inherit; text-decoration: none; }
    .makzz-wp-page button, .makzz-wp-page input, .makzz-wp-page select, .makzz-wp-page textarea { font: inherit; }
    .makzz-wp-page section { position: relative; padding: 64px 0; }
    .makzz-container { width: min(1320px, calc(100% - 40px)); margin: 0 auto; }
    .section-head { max-width: 740px; margin-bottom: 30px; }
    .section-head.center { margin-left: auto; margin-right: auto; text-align: center; }
    .makzz-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--primary);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 12px;
    }
    .makzz-eyebrow::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 99px;
      background: var(--primary);
      box-shadow: 0 0 0 7px rgba(255, 58, 15, .12);
    }
    .makzz-wp-page h1, .makzz-wp-page h2, .makzz-wp-page h3, .makzz-wp-page h4 {
      font-family: "Plus Jakarta Sans", Inter, sans-serif;
      line-height: 1.08;
      letter-spacing: 0;
      margin: 0;
    }
    .makzz-wp-page h1 { font-size: clamp(42px, 6vw, 62px); font-weight: 760; }
    .makzz-wp-page h2 { font-size: clamp(31px, 4.3vw, 48px); font-weight: 700; }
    .makzz-wp-page h3 { font-size: 21px; font-weight: 680; }
    .makzz-wp-page p { margin: 0; color: var(--muted); }
    .makzz-lead { font-size: clamp(16px, 1.7vw, 18px); line-height: 1.75; }

    .makzz-icon {
      width: 24px;
      height: 24px;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
    }
    .icon-wrap {
      width: 48px;
      height: 52px;
      border: 1px solid rgba(255, 58, 15, .18);
      border-radius: 8px;
      display: grid;
      place-items: center;
      color: var(--primary);
      background: linear-gradient(135deg, rgba(255, 58, 15, .1), rgba(255, 240, 237, .5));
      transition: transform .35s var(--ease), background .35s var(--ease), color .35s var(--ease);
      flex: 0 0 auto;
    }

    .makzz-btn {
      position: relative;
      isolation: isolate;
      border: 0;
      border-radius: 8px;
      min-height: 50px;
      padding: 0 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      cursor: pointer;
      font-weight: 500;
      color: var(--white) !important;
      background: linear-gradient(135deg, var(--primary), var(--primary-hover));
      box-shadow: 0 16px 34px rgba(255, 58, 15, .25);
      transition: transform .2s var(--ease), box-shadow .25s var(--ease), filter .25s var(--ease);
      overflow: hidden;
      white-space: nowrap;
    }
    .makzz-btn::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(110deg, transparent 0 35%, rgba(255,255,255,.35) 48%, transparent 60% 100%);
      transform: translateX(-120%);
      transition: transform .7s var(--ease);
      z-index: -1;
    }
    .makzz-btn:hover { transform: scale(1.03); box-shadow: 0 20px 44px rgba(255, 58, 15, .34); }
    .makzz-btn:hover::after { transform: translateX(120%); }
    .makzz-btn:active { transform: scale(.97); }
    .makzz-btn.secondary {
      color: var(--white);
      background: linear-gradient(135deg, var(--primary), var(--primary-hover));
      box-shadow: 0 16px 34px rgba(255, 58, 15, .25);
      border: 1px solid rgba(255, 58, 15, .28);
    }
    .nav > .makzz-btn {
      min-height: 44px;
      padding-inline: 18px;
      font-size: 16px;
      font-weight: 680;
      box-shadow: 0 12px 28px rgba(255, 58, 15, .18);
    }

    .site-header {
      position: fixed;
      inset: 0 0 auto;
      z-index: 50;
      padding-top: 10px;
      transition: transform .3s ease;
      background: transparent;
      border-bottom: 0;
    }
    .site-header.scrolled { transform: translateY(0); }
    .nav {
      height: 55px;
      width: min(100% - 96px, 980px);
      display: grid;
      grid-template-columns: 60px minmax(430px, 1fr) 128px;
      align-items: center;
      gap: 14px;
      padding: 8px 12px 8px 18px;
      border: 1px solid rgba(20,21,23,.08);
      border-radius: 999px;
      background: rgba(255,255,255,.94);
      box-shadow: 0 12px 32px rgba(20,21,23,.15);
      backdrop-filter: blur(18px);
    }
    .makzz-brand {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      min-width: 0;
      font-family: "Plus Jakarta Sans", Inter, sans-serif;
      font-size: 19px;
      font-weight: 780;
      color: var(--dark);
    }
    .brand-logo {
      height: 35px;
      object-fit: contain;
      flex: 0 0 auto;
    }
.nav-links {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 56px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }
    .nav-links a {
      position: relative;
      color: #141517;
      font-size: 16px;
      font-weight: 600;
      padding: 8px 0;
      border-radius: 999px;
      transition: color .25s ease;
    }
    .nav-links a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 3px;
      width: 100%;
      height: 2px;
      background: var(--primary);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .25s ease;
    }
    .nav-links a:hover,
    .nav-links a.active { color: var(--primary); background: transparent; }
    .nav-links a:hover::after,
    .nav-links a.active::after { transform: scaleX(1); }
    .nav-reach {
      height: 34px;
      min-height: 34px;
      padding: 0 18px;
      border-radius: 999px;
      background: #141517;
      color: var(--white) !important;
      box-shadow: none;
      font-size: 13px;
      font-weight: 800;
      line-height: 1;
      justify-self: end;
      align-self: center;
    }
    .nav .nav-reach,
    .nav .nav-reach:visited,
    .nav .nav-reach:hover,
    .nav .nav-reach:focus {
      color: var(--white) !important;
      text-decoration: none !important;
    }
    .nav > .nav-reach {
      height: 34px;
      min-height: 34px;
      padding-inline: 18px;
    }
    .nav-reach:hover { background: var(--primary); box-shadow: 0 10px 22px rgba(255,58,15,.22); }
    .menu-btn { display: none; }

    .hero {
      min-height: 100vh;
      padding: 0;
      color: var(--white);
      background: #000000;
      overflow: hidden;
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background:
        linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.86) 38%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.62) 100%),
        radial-gradient(circle at 78% 48%, rgba(37,99,255,.12), transparent 38%),
        radial-gradient(circle at 64% 58%, rgba(56,189,248,.08), transparent 35%);
      pointer-events: none;
    }
    .hero-webgl {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      display: block;
      background: #000000;
      pointer-events: none;
    }
    .hero-orb-art {
      position: absolute;
      z-index: 1;
      right: max(-120px, -7vw);
      top: 50%;
      width: min(62vw, 1000px);
      aspect-ratio: 1;
      transform: translateY(-50%);
      pointer-events: none;
      filter: saturate(1.14);
    }
    .hero-cinematic-grid {
      position: absolute;
      z-index: 0;
      left: 36%;
      right: -12%;
      bottom: -12%;
      height: 42%;
      transform: perspective(760px) rotateX(62deg);
      transform-origin: center bottom;
      background:
        linear-gradient(rgba(56,189,248,.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37,99,255,.16) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(90deg, transparent, black 28%, black 82%, transparent), linear-gradient(0deg, black, transparent 86%);
      opacity: .34;
      filter: blur(.2px) drop-shadow(0 0 18px rgba(56,189,248,.14));
      animation: gridDrift 14s linear infinite;
    }
    .hero-video-frame {
      position: absolute;
      z-index: 2;
      inset: 22% 18% 24% 22%;
      overflow: hidden;
      border-radius: 26px;
      opacity: 1;
      transform: rotate(-5deg) translate3d(0,0,0);
      box-shadow:
        0 0 0 1px rgba(255,255,255,.08),
        0 20px 60px rgba(0,0,0,.3),
        0 0 44px rgba(255,58,15,.16);
      filter: saturate(1.12) contrast(1.06);
      mix-blend-mode: screen;
      isolation: isolate;
      -webkit-mask-image: radial-gradient(ellipse at center, #000 0 62%, rgba(0,0,0,.86) 76%, transparent 100%);
      mask-image: radial-gradient(ellipse at center, #000 0 62%, rgba(0,0,0,.86) 76%, transparent 100%);
    }
    .hero-video-frame video {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      opacity: 1;
      transform: scale(1.04);
    }
    .hero-video-frame::before,
    .hero-video-frame::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }
    .hero-video-frame::before {
      z-index: 1;
      background:
        radial-gradient(circle at 18% 14%, rgba(255,255,255,.2), transparent 22%),
        radial-gradient(circle at 84% 78%, rgba(255,58,15,.28), transparent 34%),
        linear-gradient(135deg, rgba(0,0,0,.28), transparent 44%, rgba(0,0,0,.34));
      mix-blend-mode: overlay;
    }
    .hero-video-frame::after {
      z-index: 2;
      box-shadow: inset 0 0 46px rgba(0,0,0,.62), inset 0 0 95px rgba(255,58,15,.12);
      background: linear-gradient(90deg, rgba(0,0,0,.42), transparent 18% 82%, rgba(0,0,0,.48));
    }
    .hero-video-frame + .hero-light-beam,
    .hero-video-frame ~ .brand-comet,
    .hero-video-frame ~ .holo-panel {
      z-index: 3;
    }

    .orb-aura-shell {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background:
        conic-gradient(from 120deg, transparent 0 16%, rgba(56,189,248,.18), transparent 34% 55%, rgba(255,58,15,.12), transparent 76%),
        radial-gradient(circle, transparent 43%, rgba(56,189,248,.08) 49%, transparent 64%);
      filter: blur(3px);
      opacity: .76;
      animation: auraSweep 18s linear infinite;
    }
    .growth-orb {
      position: absolute;
      inset: 13%;
      border-radius: 50%;
      background:
        radial-gradient(circle at 42% 34%, rgba(255,255,255,.34), transparent 9%),
        radial-gradient(circle at 46% 43%, rgba(56,189,248,.52), transparent 25%),
        radial-gradient(circle at 58% 56%, rgba(37,99,255,.34), transparent 42%),
        radial-gradient(circle at 50% 50%, rgba(255,58,15,.16), transparent 58%),
        radial-gradient(circle at 50% 50%, rgba(3,7,18,.08), rgba(3,7,18,.8) 72%);
      box-shadow:
        0 0 80px rgba(37,99,255,.3),
        0 0 150px rgba(56,189,248,.16),
        inset 0 0 56px rgba(255,255,255,.08);
      animation: orbBreathe 7s ease-in-out infinite alternate;
    }
    .growth-orb::before {
      content: "";
      position: absolute;
      inset: 6%;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.12);
      background:
        linear-gradient(120deg, transparent 22%, rgba(255,255,255,.08) 42%, transparent 62%),
        repeating-radial-gradient(circle, rgba(255,255,255,.08) 0 1px, transparent 1px 24px);
      mask-image: radial-gradient(circle, black 0 58%, transparent 74%);
      opacity: .7;
      animation: orbSheen 12s linear infinite;
    }
    .growth-orb::after {
      content: "";
      position: absolute;
      inset: 18% 14% 46% 22%;
      border-radius: 50%;
      background: radial-gradient(ellipse, rgba(255,255,255,.28), rgba(56,189,248,.12) 40%, transparent 68%);
      filter: blur(10px);
      transform: rotate(-18deg);
      opacity: .72;
    }
    .growth-ring {
      position: absolute;
      inset: var(--inset, 6%);
      border-radius: 50%;
      border: 1px solid rgba(56,189,248,.2);
      box-shadow: 0 0 34px rgba(37,99,255,.13);
      transform: rotate(var(--rotate, 0deg)) scaleY(var(--scale-y, .64));
      animation: ringSpin var(--speed, 18s) linear infinite;
    }
    .growth-ring.ring-one { --inset: 3%; --rotate: -24deg; --scale-y: .58; --speed: 24s; border-color: rgba(37,99,255,.22); }
    .growth-ring.ring-two { --inset: 20%; --rotate: 18deg; --scale-y: .72; --speed: 16s; border-color: rgba(255,255,255,.14); animation-direction: reverse; }
    .growth-ring.ring-three { --inset: 29%; --rotate: 58deg; --scale-y: .52; --speed: 21s; border-color: rgba(56,189,248,.16); }
    .orb-scan {
      position: absolute;
      left: 8%;
      right: 4%;
      top: 50%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(56,189,248,.66), rgba(255,255,255,.5), transparent);
      filter: blur(.5px);
      transform: rotate(-12deg);
      animation: scanMove 5.8s ease-in-out infinite;
    }
    .brand-comet {
      position: absolute;
      z-index: 2;
      width: 52%;
      height: 1px;
      right: 24%;
      top: 50%;
      transform-origin: right center;
      background: linear-gradient(90deg, transparent, rgba(255,58,15,.58), rgba(255,255,255,.58), transparent);
      filter: blur(.8px) drop-shadow(0 0 18px rgba(255,58,15,.3));
      opacity: .42;
      animation: cometSweep 8.5s ease-in-out infinite;
    }
    .brand-comet.one { transform: rotate(-32deg); animation-delay: -1.5s; }
    .brand-comet.two { transform: rotate(24deg); animation-delay: -5.2s; opacity: .3; }
    .brand-comet.three { transform: rotate(3deg); animation-delay: -3.4s; opacity: .24; }
    .holo-panel {
      position: absolute;
      width: 152px;
      height: 92px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 8px;
      background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.035));
      box-shadow: 0 22px 70px rgba(0,0,0,.3), 0 0 30px rgba(56,189,248,.12);
      backdrop-filter: blur(16px);
      opacity: .72;
      animation: panelFloat 7s ease-in-out infinite;
    }
    .holo-panel::before,
    .holo-panel::after {
      content: "";
      position: absolute;
      left: 16px;
      right: 16px;
      height: 8px;
      border-radius: 99px;
      background: linear-gradient(90deg, rgba(56,189,248,.6), rgba(255,58,15,.55), transparent);
    }
    .holo-panel::before { top: 24px; }
    .holo-panel::after { top: 48px; right: 42px; opacity: .55; }
    .holo-panel.one { right: 9%; top: 18%; }
    .holo-panel.two { left: 2%; bottom: 22%; width: 132px; height: 82px; animation-delay: -2.4s; }
    .holo-panel.three { right: 19%; bottom: 6%; width: 118px; height: 74px; animation-delay: -4s; opacity: .58; }
    .hero-light-beam {
      position: absolute;
      z-index: 0;
      right: 21%;
      top: 50%;
      width: min(48vw, 680px);
      height: 2px;
      transform-origin: right center;
      background: linear-gradient(90deg, transparent, rgba(37,99,255,.18), rgba(56,189,248,.5), transparent);
      filter: blur(2px);
      opacity: .5;
      animation: beamFlow 9s ease-in-out infinite;
    }
    .hero-light-beam:nth-of-type(2) { transform: rotate(-11deg); animation-delay: -3s; opacity: .38; }
    .hero-light-beam:nth-of-type(3) { transform: rotate(9deg); animation-delay: -5.6s; opacity: .34; }
    .hero-track { position: relative; z-index: 3; min-height: max(100vh, 700px); }
    @keyframes orbBreathe {
      from { transform: scale(.96); opacity: .78; }
      to { transform: scale(1.04); opacity: 1; }
    }
    @keyframes orbSheen {
      to { transform: rotate(360deg); }
    }
    @keyframes ringSpin {
      to { rotate: 360deg; }
    }
    @keyframes scanMove {
      0%, 100% { translate: 0 -74px; opacity: .18; }
      48% { opacity: .72; }
      70% { translate: 0 82px; opacity: .22; }
    }
    @keyframes panelFloat {
      0%, 100% { transform: translate3d(0, 0, 0); }
      50% { transform: translate3d(0, -12px, 0); }
    }
    @keyframes beamFlow {
      0%, 100% { translate: -6% 0; opacity: .18; }
      50% { translate: 8% 0; opacity: .55; }
    }
    @keyframes gridDrift {
      to { background-position: 58px 58px, 58px 58px; }
    }
    @keyframes auraSweep {
      to { transform: rotate(360deg); }
    }
    @keyframes cometSweep {
      0%, 100% { translate: -10% 0; opacity: .12; }
      42% { opacity: .6; }
      70% { translate: 12% 0; opacity: .22; }
    }
    .hero-slide {
      position: relative;
      inset: 0;
      display: grid;
      align-items: center;
      min-height: max(100vh, 700px);
      padding: 104px 0 58px;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 780px);
      gap: 0;
      align-items: center;
    }
    .hero-copy {
      transform: translateY(18px);
      opacity: 0;
      transition: transform .9s var(--ease), opacity .9s var(--ease);
    }
    .hero-slide.active .hero-copy { transform: translateY(0); opacity: 1; }
    .hero-copy .makzz-eyebrow { color: var(--accent-light); }
    .hero-copy h1,
    .hero-copy h2 { color: var(--white); }
    .hero-copy .makzz-lead {
      margin: 24px 0 32px;
      max-width: 760px;
      color: rgba(255,255,255,.72);
    }
    .hero-actions {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
    }
    .hero-proof-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      max-width: 640px;
      margin-top: 24px;
    }
    .hero-proof {
      min-height: 76px;
      padding: 13px;
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 8px;
      background: rgba(255,255,255,.055);
      box-shadow: 0 14px 36px rgba(0,0,0,.16);
      backdrop-filter: blur(14px);
      animation: proofFloat 6s ease-in-out infinite;
    }
    .hero-proof:nth-child(2) { animation-delay: -1.8s; }
    .hero-proof:nth-child(3) { animation-delay: -3.4s; }
    .hero-proof strong {
      display: block;
      color: var(--primary);
      font-family: "Plus Jakarta Sans", Inter, sans-serif;
      font-size: 21px;
      line-height: 1;
      margin-bottom: 7px;
    }
    .hero-proof span {
      color: rgba(255,255,255,.66);
      font-size: 11px;
      line-height: 1.35;
    }
    @keyframes proofFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }
    .logo-strip {
      padding: 0 !important;
      background: var(--primary);
      border-block: 0;
      overflow: hidden;
    }
    .logo-strip h2 { display: none; }
    .marquee {
      display: flex;
      width: fit-content;
      min-width: 200%;
      padding: 12px 0;
      background: var(--primary);
      animation: marquee 24s linear infinite;
    }
    .marquee:hover { animation-play-state: paused; }
    .logo-row {
      display: flex;
      align-items: center;
      gap: 22px;
      padding-right: 22px;
      color: var(--white);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .logo-row span {
      display: inline-flex;
      align-items: center;
      gap: 22px;
    }
    .logo-row span::after {
      content: "+";
      color: rgba(255,255,255,.92);
      font-weight: 900;
    }
    @keyframes marquee { to { transform: translateX(-50%); } }

    .services {
      padding-top: 56px;
      padding-bottom: 58px;
      background:
        linear-gradient(180deg, #FFFFFF, rgba(249,249,251,.92)),
        radial-gradient(circle at 12% 8%, rgba(255, 58, 15, .08), transparent 24%);
    }
    .about-snapshot {
      padding: 58px 0 62px;
      background: var(--white);
    }
    .about-grid {
      display: grid;
      grid-template-columns: minmax(330px, .92fr) minmax(0, 1.08fr);
      gap: clamp(36px, 6vw, 70px);
      align-items: center;
    }
    .about-media {
      position: relative;
      min-height: 470px;
      border-radius: 8px;
      overflow: hidden;
      background: var(--dark);
      border: 1px solid rgba(20,21,23,.08);
      box-shadow: 0 30px 70px rgba(20,21,23,.16);
    }
    .about-media img {
      width: 100%;
      height: 100%;
      min-height: 470px;
      object-fit: cover;
      filter: saturate(1.04) contrast(1.02);
    }
    .about-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.72));
    }
    .about-score {
      position: absolute;
      right: 18px;
      top: 44%;
      z-index: 2;
      padding: 12px 13px;
      border-radius: 8px;
      color: var(--white);
      background: rgba(18,18,18,.78);
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 16px 36px rgba(0,0,0,.24);
      animation: floatMetric 5s ease-in-out infinite;
    }
    .about-score span {
      display: block;
      color: rgba(255,255,255,.58);
      font-size: 10px;
      font-weight: 700;
      margin-bottom: 3px;
    }
    .about-score strong {
      display: block;
      color: var(--primary);
      font-size: 27px;
      line-height: 1;
    }
    .about-caption {
      position: absolute;
      left: 18px;
      right: 18px;
      bottom: 18px;
      z-index: 2;
      padding: 14px 16px;
      border-radius: 8px;
      color: var(--white);
      background: rgba(0,0,0,.52);
      border: 1px solid rgba(255,255,255,.16);
      backdrop-filter: blur(14px);
      font-size: 13px;
      font-weight: 650;
    }
    .about-copy h2 {
      font-size: clamp(34px, 4vw, 50px);
      max-width: 560px;
    }
    .about-copy h2 span { color: var(--primary); display: block; }
    .about-copy .makzz-lead {
      max-width: 620px;
      margin: 18px 0 20px;
      font-size: 15px;
      line-height: 1.76;
    }
    .about-points {
      display: grid;
      gap: 8px;
      margin: 0 0 24px;
      padding: 0;
      list-style: none;
    }
    .about-points li {
      display: flex;
      align-items: center;
      gap: 9px;
      color: #4b505b;
      font-size: 13px;
      font-weight: 400;
    }
    .about-points li::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 99px;
      background: var(--primary);
      box-shadow: 0 0 0 5px rgba(255,58,15,.1);
      flex: 0 0 auto;
    }
    .about-mini-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 26px;
    }
    .about-mini {
      min-height: 98px;
      padding: 14px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: var(--soft);
    }
    .about-mini strong {
      display: block;
      margin-bottom: 6px;
      color: var(--ink);
      font-size: 13px;
    }
    .about-mini span {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.55;
    }
    .services-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
    }
    .service-card {
      position: relative;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--white);
      box-shadow: 0 12px 32px rgba(20, 21, 23, .045);
      transition: transform .32s var(--ease), box-shadow .32s var(--ease), border-color .32s var(--ease), background .32s ease;
    }
    .service-card:hover {
      transform: translateY(-6px);
      border-color: rgba(255, 58, 15, .48);
      background: linear-gradient(180deg, #FFFFFF, #FFFDFC);
      box-shadow: 0 22px 54px rgba(255, 58, 15, .12);
    }
    .service-media {
      position: relative;
      height: 152px;
      overflow: hidden;
      background: var(--dark);
    }
    .service-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(1.05) contrast(1.02);
      transition: transform .48s var(--ease);
    }
    .service-card:hover .service-media img { transform: scale(1.06); }
    .service-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(20,21,23,.05), rgba(20,21,23,.42));
    }
    .service-label {
      position: absolute;
      z-index: 2;
      left: 10px;
      top: 10px;
      padding: 6px 9px;
      border-radius: 999px;
      color: var(--white);
      background: linear-gradient(135deg, var(--primary), var(--primary-hover));
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      box-shadow: 0 8px 18px rgba(255, 58, 15, .28);
    }
    .service-body {
      padding: 15px;
      display: grid;
      gap: 9px;
    }
    .service-body .icon-wrap {
      width: 34px;
      height: 32px;
      border-radius: 8px;
    }
    .service-body .makzz-icon {
      width: 18px;
      height: 18px;
    }
    .service-card:hover .icon-wrap {
      color: var(--white);
      background: linear-gradient(135deg, var(--primary), var(--accent-light));
      transform: rotate(-4deg) scale(1.04);
    }
    .service-card h3 {
      font-size: 15px;
      line-height: 1.25;
      margin: 0;
    }
    .service-card p {
      font-size: 12px;
      line-height: 1.58;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .cta-strip {
      padding: 46px 0;
      overflow: hidden;
      background:
        radial-gradient(circle at 18% 20%, rgba(255, 58, 15, .13), transparent 28%),
        linear-gradient(135deg, #FFF8ED, #FFFFFF);
    }
    .services-cta {
      padding-top: 28px;
      padding-bottom: 46px;
      background: linear-gradient(180deg, rgba(249,249,251,.92), #FFFFFF);
    }
    .services-cta .cta-inner {
      min-height: 224px;
      color: var(--white);
      border: 1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at 82% 42%, rgba(255,58,15,.26), transparent 28%),
        linear-gradient(135deg, #111214, #18191C 62%, #24160F);
      box-shadow: 0 26px 70px rgba(20,21,23,.16);
    }
    .services-cta .cta-inner::before {
      background:
        linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,.12) 48%, transparent 60%),
        linear-gradient(90deg, rgba(255,58,15,.2), transparent 46%);
    }
    .services-cta .makzz-eyebrow { color: var(--accent-light); }
    .services-cta .cta-inner h2 {
      max-width: 760px;
      color: var(--white);
      font-size: clamp(28px, 3.1vw, 38px);
      font-weight: 650;
      line-height: 1.04;
    }
    .services-cta .cta-inner p {
      max-width: 680px;
      color: rgba(255,255,255,.72);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.65;
    }
    .services-cta .makzz-btn {
      min-width: 156px;
      box-shadow: 0 18px 38px rgba(255,58,15,.28);
    }
    .cta-strip.gradient {
      background:
        radial-gradient(circle at 82% 20%, rgba(255, 58, 15, .14), transparent 27%),
        linear-gradient(135deg, #FFFFFF, #FFF8ED 58%, #F9F9FB);
    }
    .cta-strip.gradient .cta-inner {
      min-height: 188px;
      color: var(--white);
      border: 1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at 82% 42%, rgba(255,58,15,.24), transparent 28%),
        linear-gradient(135deg, #111214, #18191C 62%, #24160F);
      box-shadow: 0 26px 70px rgba(20,21,23,.18);
    }
    .cta-strip.gradient .cta-inner::before {
      background:
        linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,.12) 48%, transparent 60%),
        linear-gradient(90deg, rgba(255,58,15,.2), transparent 46%);
    }
    .cta-strip.gradient .makzz-eyebrow { color: var(--accent-light); }
    .cta-strip.gradient .cta-copy {
      max-width: 900px;
    }
    .cta-strip.gradient .cta-inner h2 {
      width: 100%;
      max-width: 980px;
      color: var(--white);
      font-weight: 650;
      font-size: clamp(27px, 3vw, 36px);
    }
    .cta-strip.gradient .cta-inner p {
      max-width: 820px;
      color: rgba(255,255,255,.72);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.65;
    }
    .cta-inner {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: clamp(26px, 3.6vw, 40px);
      border: 1px solid rgba(255, 58, 15, .16);
      border-radius: 8px;
      background: rgba(255,255,255,.78);
      box-shadow: 0 24px 60px rgba(255,58,15,.12);
      backdrop-filter: blur(14px);
      overflow: hidden;
    }
    .cta-inner::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(120deg, transparent 0 36%, rgba(255,255,255,.58) 46%, transparent 58%),
        linear-gradient(90deg, rgba(255,58,15,.08), transparent 42%);
      transform: translateX(-100%);
      animation: ctaSweep 7s ease-in-out infinite;
      pointer-events: none;
    }
    .cta-inner > * { position: relative; z-index: 1; }
    @keyframes ctaSweep {
      0%, 45% { transform: translateX(-100%); }
      70%, 100% { transform: translateX(100%); }
    }
    .cta-inner h2 {
      font-size: clamp(26px, 3vw, 36px);
      max-width: 820px;
      font-weight: 650;
    }
    .cta-copy {
      max-width: 820px;
      display: grid;
      gap: 10px;
    }
    .cta-inner p {
      max-width: 820px;
      font-size: 18px;
      color: #393d45;
      font-weight: 400;
    }

    .platforms {
      padding: 62px 0;
      color: var(--white);
      background:
        radial-gradient(circle at 82% 38%, rgba(255, 58, 15, .14), transparent 30%),
        radial-gradient(circle at 10% 100%, rgba(80, 145, 255, .08), transparent 28%),
        linear-gradient(135deg, #111214, #16171A 64%, #100F0F);
      overflow: hidden;
    }
    .platforms .section-head {
      max-width: 650px;
      margin-bottom: 26px;
    }
    .platforms .makzz-eyebrow {
      color: var(--accent-light);
      padding: 6px 11px;
      border: 1px solid rgba(255, 58, 15, .22);
      border-radius: 999px;
      background: rgba(255, 58, 15, .08);
    }
    .platforms h2 { color: var(--white); }
    .platforms .makzz-lead {
      max-width: 640px;
      color: rgba(255,255,255,.68);
      font-size: 16px;
    }
    .platform-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 0 0 30px;
    }
    .platform-tab {
      height: 34px;
      padding: 0 15px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 999px;
      color: rgba(255,255,255,.72);
      background: rgba(255,255,255,.055);
      cursor: pointer;
      font-size: 12px;
      font-weight: 750;
      transition: color .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
    }
    .platform-tab:hover,
    .platform-tab.active {
      color: var(--white);
      border-color: rgba(255,58,15,.82);
      background: linear-gradient(135deg, var(--primary), var(--primary-hover));
      box-shadow: 0 12px 26px rgba(255,58,15,.24);
      transform: translateY(-1px);
    }
    .platform-grid {
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      gap: 12px;
    }
    .platform-card {
      position: relative;
      min-height: 92px;
      display: grid;
      place-items: center;
      gap: 9px;
      padding: 16px 10px;
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 8px;
      background: rgba(255,255,255,.035);
      overflow: hidden;
      transition: transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), opacity .2s ease;
    }
    .platform-card::before {
      content: "";
      position: absolute;
      inset: auto 14px 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--platform-color), transparent);
      opacity: 0;
      transition: opacity .3s ease;
    }
    .platform-card:hover {
      transform: translateY(-5px);
      border-color: color-mix(in srgb, var(--platform-color), transparent 34%);
      background: radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--platform-color), transparent 84%), rgba(255,255,255,.045) 68%);
    }
    .platform-card:hover::before { opacity: 1; }
    .platform-card.is-hidden { display: none; }
    .platform-mark {
      display: grid;
      place-items: center;
      min-height: 31px;
      line-height: 1;
    }
    .platform-logo {
      width: 30px;
      height: 30px;
      object-fit: contain;
      filter: drop-shadow(0 8px 14px rgba(0,0,0,.24));
      transition: transform .3s var(--ease), filter .3s ease;
    }
    .platform-card:hover .platform-logo {
      transform: scale(1.1);
      filter: drop-shadow(0 10px 18px color-mix(in srgb, var(--platform-color), transparent 58%));
    }
    .platform-name {
      color: rgba(255,255,255,.84);
      font-size: 11px;
      font-weight: 650;
      line-height: 1.2;
      text-align: center;
    }
    .platform-note {
      margin-top: 34px;
      text-align: center;
      color: rgba(255,255,255,.66);
      font-size: 14px;
      font-weight: 400;
      margin-top: 20px !important;
    }
    .platform-note a {
      color: var(--white);
      text-decoration: underline;
      text-decoration-color: rgba(255,58,15,.7);
      text-underline-offset: 4px;
    }

    .way { padding: 58px 0 62px; background: var(--white); }
    .timeline {
      position: relative;
      display: grid;
      gap: 14px;
      margin-top: 22px;
    }
    .timeline::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      bottom: 0;
      width: 2px;
      background: linear-gradient(var(--bg-tint), var(--primary), var(--bg-tint));
      transform: translateX(-50%);
    }
    .step {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 82px;
      align-items: center;
    }
    .step-card {
      min-height: 154px;
      background: var(--white);
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 28px;
      box-shadow: 0 16px 50px rgba(20,21,23,.05);
    }
    .step-media {
      position: relative;
      height: 205px;
      border-radius: 8px;
      overflow: hidden;
      border: 1px solid var(--line);
      box-shadow: 0 18px 54px rgba(20,21,23,.08);
    }
    .step-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .55s var(--ease);
    }
    .step-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(20, 21, 23, .08), rgba(255, 58, 15, .18));
    }
    .step:hover .step-media img { transform: scale(1.04); }
    .step:nth-child(3) .step-media img { object-position: top center; }
    .step-media-flawless img { object-position: top center; }
    .step:nth-child(even) .step-card { grid-column: 2; }
    .step:nth-child(even) .step-media { grid-column: 1; grid-row: 1; }
    .step-dot {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 18px;
      height: 18px;
      border-radius: 99px;
      background: var(--primary);
      border: 4px solid var(--white);
      box-shadow: 0 0 0 8px rgba(255, 58, 15, .13);
      transform: translate(-50%, -50%);
      animation: pulse 2.1s infinite;
    }
    @keyframes pulse {
      0%, 100% { box-shadow: 0 0 0 8px rgba(255, 58, 15, .13); }
      50% { box-shadow: 0 0 0 15px rgba(255, 58, 15, 0); }
    }
    .step-kicker { color: var(--primary); font-weight: 680; margin-bottom: 8px; }

    .why {
      padding: 0;
      background:
        radial-gradient(circle at 86% 12%, rgba(255,58,15,.08), transparent 28%),
        linear-gradient(180deg, #FFFFFF, var(--soft));
      overflow: clip;
    }
    .why-scroll {
      position: relative;
      min-height: 240vh;
    }
    .why-sticky {
      position: sticky;
      top: 70px;
      min-height: calc(100vh - 70px);
      display: grid;
      align-content: center;
      padding: 34px 0;
      overflow: hidden;
    }
    .why-heading {
      max-width: 920px;
      margin: 0 auto 26px;
      text-align: center;
    }
    .why-heading .makzz-eyebrow {
      justify-content: center;
    }
    .why-heading h2 {
      font-size: clamp(34px, 4.2vw, 56px);
      line-height: 1.02;
    }
    .why-stage {
      display: grid;
      grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
      gap: clamp(26px, 4vw, 54px);
      align-items: center;
    }
    .why-intro {
      min-height: 350px;
      display: grid;
      align-content: center;
    }
    .why .section-head {
      max-width: 330px;
      margin: 0;
      text-align: left;
    }
    .why .section-head.center {
      margin-left: 0;
      margin-right: 0;
      text-align: left;
    }
    .why .section-head .makzz-lead {
      margin-top: 0;
      font-size: 15px;
      line-height: 1.72;
    }
    .why-cards-panel {
      min-width: 0;
    }
    .why-track-wrap {
      overflow: hidden;
      padding: 4px 0 16px;
    }
    .why-grid {
      display: flex;
      gap: 14px;
      width: max-content;
      will-change: transform;
      transform: translate3d(0,0,0);
    }
    .why-card {
      position: relative;
      width: min(430px, 38vw);
      height: clamp(292px, 34vh, 330px);
      min-height: 292px;
      display: grid;
      grid-template-rows: auto auto;
      align-content: start;
      gap: clamp(30px, 4vh, 46px);
      padding: clamp(22px, 2.4vw, 30px);
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.92);
      box-shadow: 0 18px 50px rgba(20,21,23,.06);
      overflow: hidden;
      transition: transform .32s var(--ease), border-color .32s ease, box-shadow .32s ease;
    }
    .why-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255,58,15,.1), transparent 48%);
      opacity: 0;
      transition: opacity .32s ease;
      pointer-events: none;
    }
    .why-card:hover {
      transform: translateY(-6px);
      border-color: rgba(255,58,15,.5);
      box-shadow: 0 22px 58px rgba(255,58,15,.13);
    }
    .why-card:hover::before { opacity: 1; }
    .why-card:hover .icon-wrap {
      color: var(--white);
      background: linear-gradient(135deg, var(--primary), var(--accent-light));
      transform: rotate(-4deg) scale(1.05);
    }
    .process-index {
      position: relative;
      right: auto;
      top: auto;
      display: block;
      color: var(--primary);
      font-family: "Plus Jakarta Sans", Inter, sans-serif;
      font-size: clamp(48px, 4.8vw, 64px);
      font-weight: 800;
      line-height: 1;
    }
    .why-card .icon-wrap {
      position: absolute;
      right: 24px;
      top: 24px;
      width: 52px;
      height: 52px;
      background: rgba(255, 58, 15, .08);
    }
    .why-card-content {
      position: relative;
      z-index: 1;
      align-self: start;
    }
    .why-card h3 {
      position: relative;
      z-index: 1;
      max-width: 320px;
      margin: 0 0 10px;
      color: var(--primary);
      font-size: clamp(20px, 1.75vw, 24px);
      line-height: 1.12;
    }
    .why-card p {
      position: relative;
      z-index: 1;
      color: #4e5562;
      font-size: 14px;
      line-height: 1.55;
    }
    .why-progress {
      height: 4px;
      border-radius: 999px;
      background: rgba(255,58,15,.12);
      overflow: hidden;
    }
    .why-progress span {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, var(--primary), var(--accent-light));
      transform: scaleX(0);
      transform-origin: left;
    }

    .slider-shell {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--white);
      box-shadow: 0 22px 60px rgba(20, 21, 23, .06);
      overflow: hidden;
    }
    .work-section {
      padding: 64px 0;
      background:
        radial-gradient(circle at 84% 20%, rgba(255,58,15,.18), transparent 30%),
        linear-gradient(135deg, #111214, #18191C 62%, #24160F);
      color: var(--white);
      overflow: hidden;
    }
    .work-section .makzz-eyebrow { color: var(--accent-light); }
    .work-section h2,
    .work-section h3 { color: var(--white); }
    .work-section .makzz-lead,
    .work-section p { color: rgba(255,255,255,.68); }
    .work-top {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
      gap: 32px;
      align-items: end;
      margin-bottom: 26px;
    }
    .work-top .section-head { margin-bottom: 0; }
    .work-metrics {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .work-metric {
      min-height: 108px;
      padding: 16px 14px 14px;
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 8px;
      background: rgba(255,255,255,.055);
      box-shadow: 0 12px 30px rgba(0,0,0,.12);
    }
    .work-metric strong {
      display: block;
      color: var(--primary);
      font-family: "Plus Jakarta Sans", Inter, sans-serif;
      font-size: 23px;
      font-weight: 700;
      line-height: 1;
      margin-bottom: 7px;
    }
    .work-metric span {
      color: rgba(255,255,255,.64);
      font-size: 11px;
      line-height: 1.65;
      font-weight: 400;
    }
    .slider-viewport { overflow: hidden; }
    .work-section .slider-shell {
      border-color: rgba(255,255,255,.08);
      background: rgba(255,255,255,.045);
      box-shadow: 0 28px 80px rgba(0,0,0,.24);
    }
    .work-section .slider-controls {
      border-top-color: rgba(255,255,255,.08);
      background: rgba(8,9,10,.38);
    }
    .work-section .makzz-arrow {
      border-color: rgba(255,255,255,.12);
      background: rgba(255,255,255,.06);
      color: var(--white);
    }
    .work-section .slider-dots {
      border-color: rgba(255,255,255,.1);
      background: rgba(255,255,255,.06);
    }
    .work-section .slider-dot {
      background: rgba(255,255,255,.24);
    }
    .portfolio-track,
    .test-track {
      display: flex;
      transition: transform .7s var(--ease);
    }
    .portfolio-slide,
    .test-slide { flex: 0 0 100%; }
    .portfolio-slide {
      display: grid;
      grid-template-columns: minmax(320px, .9fr) 1.1fr;
      grid-template-areas:
        "image copy"
        "result result";
      min-height: auto;
    }
    .portfolio-img {
      grid-area: image;
      position: relative;
      height: 320px;
      min-height: 0;
      overflow: hidden;
      isolation: isolate;
      background: var(--dark);
    }
    .portfolio-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(1.04) contrast(1.02);
      transform: scale(1.01);
      transition: transform .65s var(--ease), filter .65s var(--ease);
    }
    .portfolio-slide:hover .portfolio-img img {
      transform: scale(1.06);
      filter: saturate(1.1) contrast(1.05);
    }
    .portfolio-img::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(180deg, rgba(20,21,23,.02), rgba(20,21,23,.62)),
        linear-gradient(135deg, rgba(255,58,15,.16), transparent 52%);
    }
    .portfolio-badge {
      position: absolute;
      z-index: 2;
      left: 22px;
      right: 22px;
      bottom: 22px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 16px;
      border: 1px solid rgba(255,255,255,.24);
      border-radius: 8px;
      color: var(--white);
      background: rgba(20,21,23,.5);
      backdrop-filter: blur(14px);
      box-shadow: 0 18px 46px rgba(0,0,0,.2);
    }
    .portfolio-badge span {
      display: block;
      color: rgba(255,255,255,.68);
      font-size: 12px;
      margin-bottom: 4px;
    }
    .portfolio-badge strong {
      font-size: 19px;
      line-height: 1.2;
      font-weight: 700;
    }
    .portfolio-badge em {
      flex: 0 0 auto;
      font-style: normal;
      color: var(--white);
      background: var(--primary);
      padding: 9px 11px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 700;
      box-shadow: 0 10px 24px rgba(255,58,15,.28);
    }
    .portfolio-copy {
      grid-area: copy;
      padding: clamp(24px, 3.4vw, 38px);
      align-self: center;
    }
    .portfolio-copy h3 {
      font-size: clamp(25px, 3vw, 34px);
      font-weight: 700;
      margin-bottom: 8px;
    }
    .service-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 24px; }
    .service-tags span {
      border-radius: 999px;
      background: rgba(255,58,15,.12);
      color: var(--primary);
      padding: 8px 12px;
      font-size: 13px;
      font-weight: 400;
    }
    .result-box {
      grid-area: result;
      margin: 0;
      padding: 24px clamp(24px, 4vw, 40px);
      border-radius: 0;
      border: 0;
      border-top: 1px solid rgba(255, 255, 255, .08);
      background:
        radial-gradient(circle at 94% 0%, rgba(255,58,15,.14), transparent 28%),
        rgba(255,255,255,.04);
    }
    .result-box strong {
      display: block;
      margin-bottom: 8px;
      color: var(--primary);
      font-size: 13px;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .slider-controls {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 18px 20px;
      border-top: 1px solid var(--line);
      background: #fff;
    }
    .makzz-arrows { display: flex; gap: 10px; }
    .makzz-arrow {
      width: 42px;
      height: 42px;
      border: 1px solid var(--line);
      border-radius: 999px;
      display: grid;
      place-items: center;
      background: var(--white);
      color: var(--ink);
      cursor: pointer;
      transition: background .25s ease, color .25s ease, transform .25s ease;
      justify-content: center;
    }
    .makzz-arrow:hover { background: var(--primary); color: var(--white); transform: translateY(-2px); }
    .slider-dots {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 8px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--soft);
    }
    .slider-dot {
      width: 30px;
      font-size: 8px !important;
      height: 7px;
      border-radius: 99px;
      border: 0;
      background: #D9DCE4;
      cursor: pointer;
      transition: width .25s ease, background .25s ease;
    }
    .slider-dot:hover { background: rgba(255,58,15,.28); }
    .slider-dot.active { width: 52px; background: linear-gradient(90deg, var(--primary), var(--accent-light)); }

    .testimonials {
      padding: 52px 0 56px;
      background:
        radial-gradient(circle at 88% 12%, rgba(255, 58, 15, .09), transparent 26%),
        var(--soft);
    }
    .testimonials .slider-shell {
      border: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }
    .testimonials .slider-viewport { overflow: hidden; }
    .test-slide { padding: 8px clamp(12px, 2vw, 24px) 18px; }
    .testimonial-card {
      min-height: 238px;
      max-width: 744px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: clamp(22px, 2.6vw, 30px);
      border: 1px solid var(--line);
      border-radius: 16px;
      background: var(--white);
      box-shadow: 0 24px 70px rgba(20,21,23,.08);
      transition: transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
    }
    .testimonial-card:hover {
      transform: translateY(-3px);
      border-color: rgba(255,58,15,.32);
      box-shadow: 0 22px 58px rgba(255,58,15,.12);
    }
    .testimonials .slider-controls {
      max-width: 744px;
      margin: 0 auto;
      padding: 14px 0 0;
      border-top: 0;
      background: transparent;
    }
    .client-row {
      display: flex;
      align-items: center;
      gap: 12px;
      justify-content: center;
      margin-top: 20px;
      padding-top: 0;
      text-align: left;
    }
    .client-row img {
      width: 52px;
      height: 52px;
      border-radius: 999px;
      object-fit: cover;
      box-shadow: 0 8px 18px rgba(20,21,23,.12);
    }
    .client-row strong {
      display: block;
      color: var(--ink);
      font-weight: 700;
      line-height: 1.25;
    }
    .client-row span {
      display: block;
      margin-top: 3px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
    }
    .quote-mark {
      width: auto;
      height: auto;
      border-radius: 0;
      display: grid;
      place-items: center;
      color: rgba(255, 58, 15, .18);
      background: transparent;
      margin-bottom: 8px;
    }
    .quote-mark .makzz-icon {
      width: 34px;
      height: 32px;
      stroke-width: 2.4;
    }
    .makzz-wp-page blockquote {
      margin: 0;
      color: #565b6d;
      font-size: clamp(16px, 1.4vw, 18px);
      line-height: 1.72;
      font-family: Inter, system-ui, sans-serif;
      font-style: italic;
      font-weight: 400;
    }
    .industries {
      padding: 58px 0 60px;
      background: #F4F3F1;
      overflow: hidden;
    }
    .industries .section-head {
      max-width: 560px;
      margin-inline: auto;
      margin-bottom: 30px;
      text-align: center;
    }
    .industries .makzz-eyebrow {
      padding: 5px 10px;
      border: 1px solid rgba(255, 58, 15, .18);
      border-radius: 999px;
      background: rgba(255, 58, 15, .08);
      font-size: 9px;
      letter-spacing: .13em;
    }
    .industries h2 {
      max-width: 430px;
      margin: 0 auto;
      font-size: clamp(31px, 3.8vw, 44px);
    }
    .industries .makzz-lead {
      max-width: 430px;
      margin: 14px auto 0;
      font-size: 13px;
      line-height: 1.65;
    }
    .industry-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
      max-width: 920px;
      margin: 0 auto;
    }
    .industry-card {
      min-height: 104px;
      display: grid;
      place-items: center;
      align-content: center;
      gap: 10px;
      padding: 18px 12px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: rgba(255,255,255,.86);
      color: var(--ink);
      box-shadow: 0 12px 28px rgba(20,21,23,.035);
      transition: transform .28s var(--ease), border-color .28s ease, box-shadow .28s ease, background .28s ease;
    }
    .industry-icon {
      width: 36px;
      height: 36px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      color: #5f636d;
      background: #F3F2F0;
      transition: color .28s ease, background .28s ease, transform .28s var(--ease);
    }
    .industry-icon .makzz-icon {
      width: 17px;
      height: 17px;
      stroke-width: 2;
    }
    .industry-card span:last-child {
      color: #1f232b;
      font-size: 11px;
      font-weight: 800;
      line-height: 1.25;
      text-align: center;
      text-decoration: underline;
      text-decoration-color: rgba(31,35,43,.28);
      text-underline-offset: 2px;
      transition: color .28s ease, text-decoration-color .28s ease;
    }
    .industry-card:hover {
      transform: translateY(-4px);
      border-color: var(--primary);
      background: var(--white);
      box-shadow: 0 16px 36px rgba(255,58,15,.1);
    }
    .industry-card:hover .industry-icon {
      color: var(--primary);
      background: rgba(255,58,15,.11);
      transform: scale(1.04);
    }
    .industry-card:hover span:last-child {
      color: var(--primary);
      text-decoration-color: rgba(255,58,15,.6);
    }
    .pre-faq-cta {
      padding: 0 0 46px;
      background: #F4F3F1;
    }
    .pre-faq-box {
      min-height: 210px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 32px;
      padding: clamp(28px, 4vw, 42px);
      border-radius: 8px;
      color: var(--white);
      background:
        radial-gradient(circle at 88% 18%, rgba(255,58,15,.2), transparent 34%),
        linear-gradient(110deg, #08090A, #111113 54%, #3B160C);
      box-shadow: 0 24px 60px rgba(20,21,23,.12);
      overflow: hidden;
    }
    .pre-faq-box h2 {
      width: 100%;
      max-width: 680px;
      color: var(--white);
      font-size: clamp(27px, 3vw, 36px);
      font-weight: 400;
      line-height: 1.04;
    }
    .pre-faq-box p {
      max-width: 540px;
      margin-top: 12px;
      color: rgba(255,255,255,.72);
      font-size: 13px;
      font-weight: 400;
      line-height: 1.65;
    }
    .pre-faq-box .makzz-btn { min-width: 158px; }
    .pre-faq-box .makzz-btn .makzz-icon {
      width: 16px;
      height: 16px;
      color: var(--primary);
    }

    .faq {
      padding: 58px 0 62px;
      background:
        radial-gradient(circle at 80% 20%, rgba(255,58,15,.16), transparent 30%),
        linear-gradient(135deg, #08090B, #121316 58%, #22140E);
      color: var(--white);
    }
    .faq-layout {
      display: grid;
      grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);
      gap: clamp(34px, 6vw, 72px);
      align-items: start;
    }
    .faq .section-head {
      margin: 0;
      text-align: left;
    }
    .faq .makzz-eyebrow {
      padding: 5px 10px;
      border: 1px solid rgba(255, 58, 15, .18);
      border-radius: 999px;
      background: rgba(255, 58, 15, .08);
      font-size: 9px;
      letter-spacing: .13em;
    }
    .faq h2 {
      margin-top: 6px;
      font-size: clamp(32px, 4vw, 46px);
      color: var(--white);
    }
    .faq .makzz-lead {
      max-width: 285px;
      margin-top: 12px;
      color: rgba(255,255,255,.68);
      font-size: 13px;
      line-height: 1.68;
    }
    .faq-list { display: grid; gap: 8px; }
    .faq-list details {
      border: 0;
      border-top: 1px solid rgba(255,255,255,.14);
      border-left: 3px solid transparent;
      border-radius: 0;
      background: transparent;
      overflow: hidden;
      transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
    }
    .faq-list details:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
    .faq-list details[open],
    .faq-list details:hover {
      border-left-color: var(--primary);
      background: rgba(255,255,255,.025);
      box-shadow: none;
    }
    .faq-list summary {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      cursor: pointer;
      padding: 16px 12px 16px 16px;
      color: rgba(255,255,255,.9);
      font-size: 14px;
      font-weight: 500;
    }
    .faq-list summary::-webkit-details-marker { display: none; }
    .faq-list summary::after {
      content: "+";
      width: 22px;
      height: 22px;
      border-radius: 99px;
      display: grid;
      place-items: center;
      color: rgba(255,255,255,.7);
      background: rgba(255,255,255,.08);
      font-size: 16px;
      line-height: 1;
      transition: transform .25s ease, color .25s ease, background .25s ease;
      flex: 0 0 auto;
    }
    .faq-list summary:hover,
    .faq-list details[open] summary { color: var(--primary); }
    .faq-list summary:hover::after,
    .faq-list details[open] summary::after {
      content: "x";
      color: var(--white);
      background: var(--primary);
      transform: rotate(0);
      font-size: 12px;
      font-weight: 800;
    }
    .faq-list details p {
      max-width: 620px;
      padding: 0 42px 18px 16px;
      color: rgba(255,255,255,.68);
      font-size: 13px;
      line-height: 1.7;
    }

    /* Contact form redesign starts */
    .final-cta {
      padding: 72px 0;
      overflow: hidden;
      color: var(--ink);
      background:
        radial-gradient(ellipse at 8% 42%, rgba(229,235,244,.92) 0 24%, transparent 45%),
        radial-gradient(ellipse at 36% 35%, rgba(255,255,255,.92) 0 12%, rgba(218,225,234,.84) 18%, transparent 36%),
        linear-gradient(124deg, rgba(211,217,226,.96) 0 34%, rgba(255,58,15,.28) 36%, rgba(255,58,15,.9) 56%, #FF3A0F 100%);
      border-bottom: 1px solid var(--line);
    }
    .final-cta::before { display: none; }
    .final-cta::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(118deg, rgba(255,255,255,.18), transparent 28%),
        radial-gradient(circle at 78% 14%, rgba(255,255,255,.16), transparent 26%),
        linear-gradient(156deg, transparent 58%, rgba(20,21,23,.08) 59%, transparent 70%);
      pointer-events: none;
    }
    .final-cta .makzz-container {
      position: relative;
      z-index: 2;
      min-height: 0;
      display: block;
      align-items: center;
      text-align: left;
    }
    .final-cta-box {
      max-width: 1040px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(600px, 460px);
      gap: clamp(34px, 7vw, 96px);
      align-items: center;
      padding: 0;
      border: 0;
      border-radius: 8px;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
    }
    .final-cta h2 {
      color: var(--ink);
      font-weight: 760;
      width: 100%;
      max-width: 430px;
      font-size: clamp(33px, 3.8vw, 46px);
      line-height: 1.16;
    }
    .final-cta p {
      color: rgba(20,21,23,.76);
      font-size: 14px;
      font-weight: 500;
      line-height: 1.65;
    }
    .final-cta .makzz-eyebrow {
      color: var(--primary) !important;
      justify-content: flex-start !important;
      margin-bottom: 18px;
      letter-spacing: 0;
      text-transform: none;
      font-size: 13px;
    }
    .contact-points {
      display: grid;
      gap: 22px;
      margin-top: 0;
    }
    .contact-point {
      display: flex;
      gap: 12px;
      align-items: center;
      color: #1D2130;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 500;
    }
    .contact-point strong {
      display: block;
      color: #1D2130;
      font-size: 14px;
      font-weight: 800;
      margin-bottom: 4px;
    }
    .contact-point span:first-child {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 4px;
      color: #1D2130;
      background: rgba(255,255,255,.86);
      box-shadow: 0 10px 22px rgba(20,21,23,.08);
      flex: 0 0 auto;
      font-weight: 800;
    }
    .contact-point a { color: inherit; }
    .contact-form {
      max-width: 460px;
      width: 100%;
      justify-self: end;
      padding: clamp(22px, 2.6vw, 30px);
      border-radius: 20px;
      color: var(--ink);
      background: rgba(255,255,255,.96);
      box-shadow: 0 26px 70px rgba(20,21,23,.18);
      position: relative;
    }
    .contact-hp { position: absolute !important; left: -9999px !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; border: 0 !important; pointer-events: none !important; }
    .form-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .form-grid .message-field { grid-column: auto; }
    .contact-form label {
      display: block;
      color: transparent;
      font-size: 0;
      font-weight: 600;
    }
    .contact-form input,
    .contact-form select,
    .contact-form textarea {
      width: 100%;
      height: 36px;
      border: 1px solid #ECEEF2;
      border-radius: 4px;
      color: #1D2130;
      background: #F7F7F8;
      padding: 10px 12px;
      font: inherit;
      font-size: 12px;
      font-weight: 500;
      outline: none;
    }
    .contact-form input::placeholder,
    .contact-form textarea::placeholder { color: #8B8F9B; }
    .contact-form input:focus,
    .contact-form select:focus,
    .contact-form textarea:focus {
      border-color: rgba(255,58,15,.55);
      box-shadow: 0 0 0 3px rgba(255,58,15,.1);
      background: var(--white);
    }
    .contact-form option {
      color: var(--ink);
      background: var(--white);
    }
    .contact-form textarea {
      max-width: 100%;
      height: 112px;
      resize: vertical;
    }
    .contact-form .makzz-btn {
      width: 100%;
      margin-top: 28px;
      border-radius: 999px;
      height: 34px;
      color: var(--white);
      background: #1B1734;
      box-shadow: none;
      font-size: 12px;
      font-weight: 800;
    }
    .form-status {
      display: none;
      height: 0;
      margin: 0;
      color: #5A5D63;
      font-size: 12px;
      line-height: 1.5;
      transform: translateY(7px);
      pointer-events: none;
    }
    .form-status.is-error,
    .form-status.is-success { display: block; }
    .form-status.is-error { color: #C62828; }
    .form-status.is-success { color: #1B7F3A; }
    .form-status.thank-you { font-weight: 800; text-align: center; font-size: 14px; }
    .contact-form .makzz-btn:disabled { cursor: wait; opacity: .72; }
    .contact-form .makzz-btn:hover {
      background: var(--primary);
      transform: translateY(-1px);
      box-shadow: 0 14px 28px rgba(255,58,15,.24);
    }
    .makzz-wp-page footer {
      color: rgba(255,255,255,.76);
      background: #1A1A1A;
      padding: 70px 0 28px;
      font-size: 13px;
    }
    .makzz-wp-page footer h3, .makzz-wp-page footer h4 { color: var(--white); }
    .footer-grid {
      display: grid;
      grid-template-columns: 1.25fr .8fr .8fr 1.15fr;
      gap: 38px;
      padding-bottom: 42px;
      border-bottom: 1px solid rgba(255,255,255,.10);
    }
.footer-brand p { color: var(--white); text-align: left; font-size: 13px; line-height: 1.55; }
    .footer-col h4 { margin-bottom: 18px; }
    .footer-col ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: 12px; line-height: 1.55; }
    .footer-col a { transition: color .25s ease; }
    .footer-col a:hover { color: var(--accent-light); }
    .makzz-socials { display: flex; gap: 10px; margin-top: 20px; }
    .makzz-socials a {
      width: 38px;
      height: 38px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.18);
      transition: background .25s ease, border-color .25s ease, color .25s ease;
    }
    .makzz-socials img,
    .makzz-socials svg {
      width: 18px;
      height: 18px;
      object-fit: contain;
      display: block;
    }
    .makzz-socials a:hover { background: var(--primary); border-color: var(--primary); color: var(--white); }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      padding-top: 24px;
      font-size: 12px;
    }
    .footer-brand img.brand-logo {
    	background: #fff;
    	margin-bottom: 20px;
    	border-radius: 10px;
	}

    .makzz-reveal {
      opacity: 1;
      transform: none;
      transition: opacity .75s var(--ease), transform .75s var(--ease);
    }
    .js-ready .makzz-reveal {
      opacity: 0;
      transform: translateY(22px);
    }
    .js-ready .makzz-reveal.show { opacity: 1; transform: translateY(0); }

    @media (max-width: 980px) {
      .makzz-wp-page section { padding: 56px 0; }
      .nav { display: flex; }
      .nav-links, .nav > .makzz-btn { display: none; }
      .menu-btn {
        display: grid;
        width: 44px;
        height: 44px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--white);
        place-items: center;
        color: var(--ink) !important;
        justify-content: center;
      }
      .nav-links.open {
        position: fixed;
        left: 20px;
        right: 20px;
        top: 86px;
        display: grid;
        gap: 8px;
        padding: 18px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: rgba(255,255,255,.96);
        box-shadow: 0 24px 70px rgba(20,21,23,.14);
      }
      .nav-links.open a { padding: 10px 12px; }
      .hero-grid,
      .about-grid,
      .portfolio-slide {
        grid-template-columns: 1fr;
        grid-template-areas:
          "image"
          "copy"
          "result";
        min-height: auto;
      }
      .hero-slide { padding: 118px 0 82px; }
      .hero-track, .hero-slide { min-height: auto; }
      .hero-orb-art {
        width: min(76vw, 620px);
        right: -180px;
        opacity: .78;
      }
      .hero-cinematic-grid {
        left: 28%;
        right: -22%;
        opacity: .2;
      }
      .holo-panel {
        opacity: .48;
        transform: scale(.86);
      }
      .hero-proof-grid { grid-template-columns: 1fr 1fr 1fr; }
      .about-mini-grid { grid-template-columns: 1fr; }
      .services-grid { grid-template-columns: repeat(2, 1fr); }
      .why-scroll { position: relative; top: auto; min-height: auto; }
      .why-sticky {
        position: relative;
        top: auto;
        min-height: auto;
        padding: 56px 0;
      }
      .why-heading {
        margin-bottom: 22px;
      }
      .why-heading h2 {
        font-size: clamp(34px, 6vw, 52px);
      }
      .why-stage {
        grid-template-columns: 1fr;
        gap: 24px;
      }
      .why-intro {
        min-height: auto;
      }
      .why .section-head {
        max-width: 680px;
      }
      .why-track-wrap {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 18px;
      }
      .why-grid { transform: none !important; }
      .why-card {
        width: min(360px, 82vw);
        height: 300px;
        min-height: 300px;
        gap: 26px;
        scroll-snap-align: start;
      }
      .why-progress { display: none; }
      .platform-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
      .industry-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .timeline::before { left: 14px; }
      .step { grid-template-columns: 1fr; gap: 16px; padding-left: 44px; }
      .step:nth-child(even) .step-card { grid-column: auto; }
      .step:nth-child(even) .step-media { grid-column: auto; grid-row: auto; }
      .step-dot { left: 14px; }
      .step-media { height: 210px; }
      .work-top { grid-template-columns: 1fr; align-items: start; }
      .work-metrics { max-width: 520px; }
      .pre-faq-box,
      .faq-layout {
        grid-template-columns: 1fr;
      }
      .pre-faq-box { min-height: auto; }
      .cta-inner, .footer-bottom { align-items: flex-start; flex-direction: column; }
      .cta-inner { padding: 28px; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 640px) {
      .makzz-container { width: min(100% - 28px, 1320px); }
.hero-cinematic-grid {
        left: 8%;
        right: -58%;
        opacity: .12;
      }
      .holo-panel { display: none; }
      .brand-comet { opacity: .16; }
      .hero-light-beam {
        width: 130vw;
        right: -12%;
        opacity: .24;
      }
      .hero-copy .makzz-lead { margin: 18px 0 24px; }
      .hero-proof-grid { grid-template-columns: 1fr; }
      .hero-proof { min-height: auto; }
      .about-media, .about-media img { min-height: 330px; }
      .about-score { top: 18px; right: 14px; }
      .services-grid { grid-template-columns: 1fr; }
      .service-media { height: 210px; }
      .platforms { padding: 54px 0; }
      .platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .platform-card { min-height: 86px; }
      .platform-tabs { gap: 8px; }
      .platform-tab { flex: 1 1 auto; padding-inline: 12px; }
      .industry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .industry-card { min-height: 96px; padding: 16px 10px; }
      .pre-faq-cta { padding-bottom: 38px; }
      .pre-faq-box { border-radius: 8px; padding: 28px 22px; }
      .pre-faq-box .makzz-btn { width: 100%; }
      .faq { padding: 52px 0 58px; }
      .faq-list summary { padding-inline: 0 4px; }
      .faq-list details[open] { padding-left: 12px; }
      .faq-list details p { padding-inline: 0 32px; }
      .cta-inner h2, .cta-inner p { max-width: none; }
      .cta-inner { padding: 22px; }
      .cta-inner .makzz-btn { width: 100%; }
      .work-metrics { grid-template-columns: 1fr; }
      .portfolio-img { height: 260px; min-height: 0; }
      .portfolio-badge { left: 14px; right: 14px; bottom: 14px; align-items: flex-start; flex-direction: column; }
      .testimonial-card { min-height: 300px; padding: 24px 20px; }
      .slider-controls { gap: 14px; flex-wrap: wrap; }
      .makzz-wp-page blockquote { font-size: 16px; }
      .footer-grid { grid-template-columns: 1fr; }
    .final-cta-box { grid-template-columns: 1fr; padding: 0; }
    .form-grid { grid-template-columns: 1fr; }
      .contact-form textarea { max-width: 100%; }
    }

    /* Responsive hardening for WordPress embeds and narrow devices */
    :where(.wp-site-blocks, .entry-content, .wp-block-post-content) {
      overflow-x: visible;
    }
    :where(.wp-site-blocks, .entry-content, .wp-block-post-content) > :where(header, main, footer, section) {
      max-width: 100%;
    }
    .makzz-wp-page .site-header,
    .makzz-wp-page main,
    .makzz-wp-page footer,
    .makzz-wp-page section,
    .makzz-container,
    .nav,
    .final-cta-box,
    .contact-form,
    .slider-shell {
      max-width: 100%;
    }
    .makzz-brand,
    .nav-links,
    .hero-copy,
    .section-head,
    .cta-copy,
    .portfolio-copy,
    .result-box,
    .contact-point > div,
    .footer-col,
    .footer-brand {
      min-width: 0;
    }
    .contact-form input,
    .contact-form select,
    .contact-form textarea,
    .contact-form .makzz-btn {
      min-width: 0;
    }

    @media (max-width: 1200px) {
      .nav {
        width: min(calc(100% - 40px), 1040px);
        grid-template-columns: 128px minmax(0, 1fr) 118px;
      }
      .nav-links { gap: clamp(18px, 3vw, 38px); }
      .services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .platform-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
      .industry-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
      .footer-grid { grid-template-columns: 1.1fr .8fr .8fr 1fr; gap: 26px; }
    }

    @media (max-width: 980px) {
      .makzz-wp-page h1 { font-size: clamp(36px, 8vw, 52px); }
      .makzz-wp-page h2 { font-size: clamp(28px, 6vw, 42px); }
      .makzz-container { width: min(100% - 32px, 1320px); }
      .site-header { padding-top: 8px; }
      .nav {
        width: min(calc(100% - 28px), 720px);
        height: auto;
        min-height: 56px;
        justify-content: space-between;
        padding: 8px 10px 8px 14px;
      }
      .brand-logo { max-width: min(150px, 48vw); height: auto; max-height: 38px; }
      .nav-links.open {
        left: 14px;
        right: 14px;
        top: 76px;
        max-height: calc(100vh - 96px);
        overflow-y: auto;
      }
      .hero {
        min-height: auto;
      }
      .hero-slide {
        min-height: 680px;
        padding: 112px 0 64px;
      }
      .hero-copy .makzz-lead { max-width: 680px; }
      .hero-orb-art {
        right: -24vw;
        top: 55%;
        width: min(82vw, 620px);
      }
      .about-grid,
      .work-top,
      .faq-layout,
      .pre-faq-box,
      .final-cta-box {
        grid-template-columns: 1fr;
      }
      .about-media,
      .about-media img {
        min-height: clamp(320px, 58vw, 460px);
      }
      .about-copy h2,
      .about-copy .makzz-lead,
      .final-cta h2,
      .final-cta p {
        max-width: none;
      }
      .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .platform-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
      .industry-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .portfolio-slide {
        grid-template-columns: 1fr;
        grid-template-areas:
          "image"
          "copy"
          "result";
      }
      .portfolio-img { height: clamp(240px, 48vw, 340px); }
      .portfolio-copy,
      .result-box {
        padding: 24px;
      }
      .final-cta {
        padding: 58px 0;
      }
      .final-cta-box {
        gap: 30px;
        align-items: stretch;
      }
      .contact-form {
        justify-self: stretch;
        max-width: 560px;
        margin: 0 auto;
      }
      .makzz-wp-page footer { padding-top: 54px; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 720px) {
      .makzz-wp-page section { padding: 48px 0; }
      .makzz-wp-page h1,
      .makzz-wp-page h2,
      .makzz-wp-page h3,
      .makzz-wp-page h4,
      .section-head.center,
      .why-heading,
      .industries .section-head {
        text-align: left;
      }
      .section-head.center,
      .why-heading,
      .industries .section-head,
      .industries h2,
      .industries .makzz-lead {
        margin-left: 0;
        margin-right: 0;
      }
      .makzz-eyebrow,
      .why-heading .makzz-eyebrow {
        justify-content: flex-start;
      }
      .makzz-btn {
        width: 100%;
        min-height: 46px;
        padding-inline: 18px;
        white-space: normal;
        text-align: center;
        line-height: 1.2;
      }
      .hero-actions,
      .cta-inner {
        align-items: stretch;
      }
      .hero-slide {
        min-height: auto;
        padding: 104px 0 52px;
      }
      .hero-copy {
        max-width: 100%;
      }
      .hero-copy .makzz-lead {
        font-size: 15px;
        line-height: 1.66;
      }
      .hero-orb-art {
        top: 48%;
        right: -48vw;
        width: 104vw;
        opacity: .5;
      }
      .hero-video-frame {
        inset: 24% 8% 34% 18%;
        border-radius: 18px;
      }
      .hero-proof-grid,
      .about-mini-grid,
      .work-metrics,
      .services-grid,
      .footer-grid {
        grid-template-columns: 1fr;
      }
      .marquee { min-width: 260%; }
      .logo-row {
        gap: 16px;
        padding-right: 16px;
        font-size: 10px;
      }
      .logo-row span { gap: 16px; }
      .service-card p {
        display: block;
        -webkit-line-clamp: unset;
      }
      .platform-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .platform-tab {
        width: 100%;
        padding-inline: 10px;
      }
      .platform-grid,
      .industry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .timeline {
        gap: 22px;
      }
      .step {
        padding-left: 34px;
      }
      .step-card {
        padding: 22px;
      }
      .why-card {
        width: min(330px, 78vw);
        height: auto;
        min-height: 276px;
      }
      .pre-faq-box,
      .cta-inner {
        grid-template-columns: 1fr;
      }
      .pre-faq-box .makzz-btn,
      .cta-inner .makzz-btn {
        justify-self: stretch;
      }
      .faq-list details p {
        padding-right: 18px;
      }
      .contact-form {
        max-width: 100%;
        border-radius: 16px;
        padding: 22px;
      }
    }

    @media (max-width: 480px) {
      .makzz-container { width: min(100% - 24px, 1320px); }
      .makzz-wp-page h1 { font-size: clamp(31px, 10vw, 38px); }
      .makzz-wp-page h2 { font-size: clamp(25px, 8vw, 34px); }
      .makzz-wp-page h3 { font-size: 18px; }
      .makzz-lead { font-size: 15px; }
      .nav {
        width: calc(100% - 18px);
        border-radius: 18px;
      }
      .nav-links.open {
        left: 9px;
        right: 9px;
        top: 72px;
      }
      .hero-slide {
        padding-top: 96px;
      }
      .hero-copy .makzz-eyebrow,
      .section-head .makzz-eyebrow,
      .final-cta .makzz-eyebrow {
        font-size: 10px;
      }
      .hero-proof {
        padding: 12px;
      }
      .about-media,
      .about-media img {
        min-height: 280px;
      }
      .about-caption {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 12px;
        font-size: 12px;
      }
      .about-score {
        max-width: calc(100% - 28px);
      }
      .service-media { height: 190px; }
      .platform-tabs,
      .platform-grid,
      .industry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .platform-card,
      .industry-card {
        min-height: 82px;
      }
      .step {
        padding-left: 28px;
      }
      .step-card,
      .pre-faq-box,
      .cta-inner,
      .testimonial-card,
      .contact-form {
        padding: 20px;
      }
      .portfolio-img { height: 230px; }
      .portfolio-badge {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 12px;
      }
      .portfolio-badge strong {
        font-size: 16px;
      }
      .portfolio-badge em {
        width: fit-content;
        font-size: 11px;
      }
      .portfolio-copy,
      .result-box {
        padding: 20px;
      }
      .slider-controls {
        padding: 14px;
        align-items: stretch;
        flex-direction: column;
      }
      .slider-dots {
        justify-content: center;
        width: 100%;
      }
      .makzz-arrows {
        justify-content: center;
      }
      .makzz-wp-page blockquote {
        font-size: 15px;
        line-height: 1.62;
      }
      .client-row {
        align-items: center;
        text-align: center;
        flex-direction: column;
      }
      .contact-point {
        align-items: flex-start;
      }
      .contact-form input,
      .contact-form select,
      .contact-form textarea {
        font-size: 13px;
      }
      .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
      }
    }
/* Remove footer-bottom gap from WordPress theme wrappers */
html:has(body.page-template-homepage),
body.page-template-homepage {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body.page-template-homepage #page,
body.page-template-homepage #page.site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.page-template-homepage .makzz-wp-page {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.page-template-homepage .makzz-main {
  flex: 1 0 auto;
}

body.page-template-homepage .makzz-wp-page > footer,
body.page-template-homepage footer:last-child {
  margin-bottom: 0 !important;
}

body.page-template-homepage #page::after,
body.page-template-homepage .site::after,
body.page-template-homepage .makzz-wp-page::after {
  content: none !important;
  display: none !important;
}

/* Contact Form 7 exact homepage form design override */
.final-cta .contact-form-cf7 {
  max-width: 600px;
  width: 100%;
  padding: 30px;
  border-radius: 20px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 26px 70px rgba(20,21,23,.18);
}

.final-cta .contact-form-cf7 .form-grid {
  gap: 12px;
}

.final-cta .contact-form-cf7 input:not([type="submit"]),
.final-cta .contact-form-cf7 select,
.final-cta .contact-form-cf7 textarea {
  width: 100%;
  height: 36px;
  border: 1px solid #ECEEF2;
  border-radius: 4px;
  background: #F7F7F8;
  padding: 10px 12px;
  color: #1D2130;
  font-size: 12px;
  font-weight: 500;
  box-shadow: none;
}

.final-cta .contact-form-cf7 textarea {
  height: 112px;
}

.final-cta .contact-form-cf7 .wpcf7-submit,
.final-cta .contact-form-cf7 input[type="submit"] {
  width: 100%;
  height: 50px;
  min-height: 50px;
  margin-top: 28px;
  border: 0;
  border-radius: 999px;
  background: #1B1734;
  color: #FFFFFF !important;
  font-size: 12px;
  font-weight: 800;
  box-shadow: none;
}


/* Contact Form 7 mobile responsive polish */
@media (max-width: 640px) {
  .final-cta .contact-form-cf7 {
    width: 100%;
    max-width: 100%;
    padding: 22px 16px;
    border-radius: 8px;
  }

  .final-cta .contact-form-cf7 input:not([type="submit"]),
  .final-cta .contact-form-cf7 select,
  .final-cta .contact-form-cf7 textarea {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .final-cta .contact-form-cf7 textarea {
    height: 112px;
  }

  .final-cta .contact-form-cf7 .wpcf7-submit,
  .final-cta .contact-form-cf7 input[type="submit"] {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 480px) {
  .final-cta .contact-form-cf7 {
    padding: 20px 14px;
  }
}

.contact-form-cf7 .wpcf7 form .wpcf7-response-output {
  color: #46b450; 
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.contact-form-cf7 .wpcf7 form.sent .wpcf7-response-output,
.contact-form-cf7 .wpcf7 form.invalid .wpcf7-response-output,
.contact-form-cf7 .wpcf7 form.failed .wpcf7-response-output,
.contact-form-cf7 .wpcf7 form.aborted .wpcf7-response-output,
.contact-form-cf7 .wpcf7 form.spam .wpcf7-response-output {
  border: 0 !important;
}
/* WordPress Appearance > Menus support for custom homepage navbar */
.nav-links,
.nav-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-links li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
}

.nav-links .current-menu-item > a,
.nav-links .current_page_item > a,
.nav-links .current-menu-ancestor > a,
.nav-links .current_page_ancestor > a {
  color: var(--primary);
}

.nav-links .current-menu-item > a::after,
.nav-links .current_page_item > a::after,
.nav-links .current-menu-ancestor > a::after,
.nav-links .current_page_ancestor > a::after {
  transform: scaleX(1);
}

@media (max-width: 980px) {
  .nav-links.open li {
    display: block;
  }

  .nav-links.open li a {
    display: block;
    width: 100%;
  }
}

/* Center mobile hamburger icon */
.menu-btn {
  align-items: center;
  justify-items: center;
  place-items: center;
  line-height: 1;
  padding: 0;
}

.menu-btn .makzz-icon {
  display: block;
  margin: 0 auto;
}