:root { --zai-navy:#03162e; --zai-blue:#1268c8; --zai-teal:#008b89; --zai-violet:#633ab5; --zai-orange:#ed6a12; --zai-gold:#ffcb18; --zai-ink:#071b34; --zai-muted:#5a6b7e; --zai-line:#d7e1ec; --zai-paper:#f6f9fc; }
.zai-page { overflow:hidden; color:var(--zai-ink); background:var(--zai-paper); font-family:Manrope,"Source Sans 3",sans-serif; }.zai-page * { box-sizing:border-box; }.zai-wrap { width:min(1500px,calc(100% - 56px)); margin:auto; }.zai-kicker { display:block; color:var(--zai-blue); font:800 11px/1.2 "Space Grotesk",sans-serif; letter-spacing:.13em; text-transform:uppercase; }.zai-kicker::before { content:""; display:inline-block; width:9px; height:9px; margin:0 9px 1px 0; border-radius:50%; background:var(--zai-gold); box-shadow:0 0 0 6px rgba(255,203,24,.16); }
.zai-hero { position:relative; display:flex; align-items:center; min-height:650px; overflow:hidden; background:var(--zai-navy); color:#fff; }.zai-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,22,46,.97) 0%,rgba(3,22,46,.86) 48%,rgba(6,40,75,.42) 100%); }.zai-hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.85) contrast(1.04); }.zai-hero-wrap { position:relative; z-index:1; }.zai-hero-copy { max-width:770px; padding:92px 0; }.zai-hero .zai-kicker { color:var(--zai-gold); }.zai-hero h1 { max-width:760px; margin:18px 0 24px; color:#fff; font:700 clamp(47px,6.4vw,86px)/.96 "Space Grotesk",sans-serif; letter-spacing:-.08em; }.zai-hero p { max-width:615px; margin:0; color:#d9e8f8; font-size:18px; line-height:1.65; }.zai-button { display:inline-flex; align-items:center; gap:18px; margin-top:33px; padding:16px 21px; background:var(--zai-gold); color:var(--zai-navy); font-size:14px; font-weight:800; text-decoration:none; transition:transform .2s ease,gap .2s ease,background .2s ease; }.zai-button:hover { gap:26px; transform:translateY(-2px); background:#fff; }.zai-index { position:absolute; right:0; bottom:46px; color:#d9e7f7; font:700 11px "Space Grotesk",sans-serif; letter-spacing:.14em; }.zai-index::before { content:""; display:inline-block; width:42px; margin:0 11px 3px 0; border-top:2px solid var(--zai-gold); }
.zai-benefits { padding:75px 0 67px; background:#fff; }.zai-title h2 { margin:14px 0 0; font:700 clamp(31px,3.6vw,52px)/1.02 "Space Grotesk",sans-serif; letter-spacing:-.065em; }.zai-title-center { max-width:850px; margin:0 auto 43px; text-align:center; }.zai-benefit-grid { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--zai-line); }.zai-benefit-grid article { min-height:190px; padding:22px 20px; border-right:1px solid var(--zai-line); text-align:center; }.zai-benefit-grid article:last-child { border:0; }.zai-benefit-grid img { display:block; width:72px; height:72px; margin:0 auto 16px; object-fit:contain; }.zai-benefit-grid strong { display:block; font-size:15px; }.zai-benefit-grid span { display:block; max-width:210px; margin:9px auto 0; color:var(--zai-muted); font-size:14px; line-height:1.5; }
.zai-solutions { padding:95px 0; border-top:1px solid var(--zai-line); background:linear-gradient(145deg,#f5f8fc,#fff); }.zai-section-title,.zai-method-title { display:grid; grid-template-columns:1fr .65fr; gap:70px; align-items:end; margin-bottom:46px; }.zai-section-title h2 { max-width:740px; }.zai-section-title p,.zai-method-title p { margin:0; color:var(--zai-muted); font-size:15px; line-height:1.65; }.zai-solution-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }.zai-solution { display:flex; min-height:530px; flex-direction:column; overflow:hidden; border:1px solid var(--zai-line); background:#fff; transition:transform .25s ease,box-shadow .25s ease; }.zai-solution:hover { transform:translateY(-6px); box-shadow:0 20px 38px rgba(3,22,46,.12); }.zai-solution header { display:grid; gap:15px; min-height:152px; padding:21px 18px; background:#eaf2ff; }.zai-solution header>img { width:68px; height:68px; object-fit:contain; }.zai-solution header span { display:block; color:var(--zai-blue); font-size:11px; font-weight:800; }.zai-solution h3 { margin:6px 0 0; color:#083c83; font:700 21px/1.05 "Space Grotesk",sans-serif; letter-spacing:-.055em; }.zai-solution ul { display:grid; flex:1; gap:12px; margin:0; padding:24px 18px; list-style:none; }.zai-solution li { position:relative; padding-left:15px; color:#3e4d61; font-size:14px; line-height:1.38; }.zai-solution li::before { content:""; position:absolute; top:.43em; left:0; width:7px; height:7px; border-radius:50%; background:var(--zai-blue); }.zai-solution footer { display:flex; align-items:center; gap:15px; min-height:72px; padding:13px 18px; border-top:1px solid var(--zai-line); background:#f7fbff; }.zai-solution footer img { width:38px; height:38px; object-fit:contain; }.zai-solution footer b { color:var(--zai-blue); font:700 16px "Space Grotesk",sans-serif; }.zai-solution.orange header { background:#fff2e5; }.zai-solution.orange header span,.zai-solution.orange h3,.zai-solution.orange footer b { color:var(--zai-orange); }.zai-solution.orange li::before { background:var(--zai-orange); }.zai-solution.violet header { background:#f3edff; }.zai-solution.violet header span,.zai-solution.violet h3,.zai-solution.violet footer b { color:var(--zai-violet); }.zai-solution.violet li::before { background:var(--zai-violet); }.zai-solution.teal header { background:#e7f8f8; }.zai-solution.teal header span,.zai-solution.teal h3,.zai-solution.teal footer b { color:var(--zai-teal); }.zai-solution.teal li::before { background:var(--zai-teal); }.zai-solution.navy header { background:#eaf0f8; }.zai-solution.navy header span,.zai-solution.navy h3,.zai-solution.navy footer b { color:var(--zai-navy); }.zai-solution.navy li::before { background:var(--zai-navy); }.zai-uipath { color:var(--zai-orange)!important; font-family:"Space Grotesk",sans-serif; }
.zai-stack { padding:88px 0; background:var(--zai-navy); color:#fff; }.zai-stack .zai-kicker,.zai-method .zai-kicker { color:var(--zai-gold); }.zai-stack h2 { color:#fff; }.zai-stack-grid { display:grid; grid-template-columns:repeat(5,1fr); margin-top:42px; border-top:1px solid rgba(255,255,255,.22); }.zai-stack-grid article { min-height:188px; padding:23px 20px; border-left:1px solid rgba(255,255,255,.22); }.zai-stack-grid article:first-child { border:0; }.zai-stack-grid b { display:block; min-height:33px; color:#fff; font-size:14px; line-height:1.25; }.zai-stack-grid div { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:22px; }.zai-stack-grid img { width:48px; height:48px; object-fit:contain; }.zai-stack-grid span { color:#d9e8f7; font-size:14px; }
.zai-method { padding:94px 0 0; background:linear-gradient(145deg,#083d7a,#03162e); color:#fff; }.zai-method h2 { color:#fff; }.zai-method-title p { color:#d2e2f5; }.zai-method-grid { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid rgba(255,255,255,.22); }.zai-method-grid article { position:relative; min-height:205px; padding:27px 22px; border-right:1px solid rgba(255,255,255,.22); }.zai-method-grid article:last-child { border:0; }.zai-method-grid article:not(:last-child)::after { content:"→"; position:absolute; z-index:2; top:45px; right:4px; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:var(--zai-gold); color:var(--zai-navy); font-weight:900; }.zai-method-grid b { color:var(--zai-gold); font-size:14px; letter-spacing:.12em; }.zai-method-grid h3 { margin:31px 0 8px; color:#fff; font:700 21px/1 "Space Grotesk",sans-serif; letter-spacing:-.05em; }.zai-method-grid p { margin:0; color:#d5e5f8; font-size:14px; line-height:1.55; }
.zai-impact { padding:84px 0 94px; background:#fff; }.zai-impact-grid { display:grid; grid-template-columns:repeat(7,1fr); margin-top:42px; border-top:1px solid var(--zai-line); }.zai-impact-grid article { min-height:130px; padding:20px 15px; border-right:1px solid var(--zai-line); text-align:center; }.zai-impact-grid article:last-child { border:0; }.zai-impact-grid b { display:block; color:var(--zai-blue); font-size:14px; line-height:1.25; }.zai-impact-grid span { display:block; margin-top:8px; color:var(--zai-muted); font-size:11px; line-height:1.45; }
.zai-cta { padding:76px 0; background:var(--zai-gold); }.zai-cta .zai-wrap { display:flex; justify-content:space-between; align-items:end; gap:30px; }.zai-cta .zai-kicker { color:var(--zai-navy); }.zai-cta h2 { max-width:760px; margin-bottom:0; }.zai-cta .zai-button { flex:0 0 auto; margin:0; background:var(--zai-navy); color:#fff; }.zai-cta .zai-button:hover { background:#fff; color:var(--zai-navy); }
@media (max-width:1200px) { .zai-solution-grid { grid-template-columns:repeat(3,1fr); }.zai-stack-grid { grid-template-columns:repeat(3,1fr); }.zai-method-grid { grid-template-columns:repeat(3,1fr); }.zai-method-grid article:nth-child(3)::after { display:none; }.zai-impact-grid { grid-template-columns:repeat(4,1fr); } }
@media (max-width:850px) { .zai-section-title,.zai-method-title { grid-template-columns:1fr; gap:22px; }.zai-benefit-grid { grid-template-columns:repeat(3,1fr); }.zai-solution-grid { grid-template-columns:repeat(2,1fr); }.zai-stack-grid { grid-template-columns:repeat(2,1fr); }.zai-impact-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px) { .zai-wrap { width:min(100% - 32px,1500px); }.zai-hero { min-height:570px; }.zai-hero-copy { padding:82px 0; }.zai-hero h1 { font-size:clamp(43px,12vw,64px); }.zai-hero p { font-size:16px; }.zai-index { right:0; bottom:25px; }.zai-benefits,.zai-solutions,.zai-stack,.zai-method,.zai-impact { padding:65px 0; }.zai-benefit-grid,.zai-solution-grid,.zai-stack-grid,.zai-method-grid,.zai-impact-grid { grid-template-columns:1fr; }.zai-benefit-grid article { min-height:0; border:0; border-top:1px solid var(--zai-line); }.zai-solution { min-height:0; }.zai-stack-grid article { min-height:0; border:0; border-top:1px solid rgba(255,255,255,.22); }.zai-method-grid article { min-height:0; padding:21px 0 21px 70px; border:0; border-top:1px solid rgba(255,255,255,.22); }.zai-method-grid article:not(:last-child)::after { content:"↓"; top:auto; right:auto; bottom:-13px; left:20px; }.zai-method-grid b { position:absolute; top:24px; left:0; }.zai-method-grid h3 { margin:6px 0; }.zai-impact-grid article { min-height:0; border:0; border-top:1px solid var(--zai-line); }.zai-cta { padding:57px 0; }.zai-cta .zai-wrap { display:block; }.zai-cta .zai-button { margin-top:28px; } }

/* Outcome journey: visual indicators connected as one operating flow. */
.zai-impact-grid { position:relative; grid-template-columns:repeat(7,1fr); border:0; gap:0; }.zai-impact-grid::before { content:""; position:absolute; top:44px; left:7%; right:7%; height:2px; background:repeating-linear-gradient(90deg,var(--zai-gold) 0 8px,transparent 8px 15px); animation:zai-impact-flow 1.8s linear infinite; }.zai-impact-grid article { position:relative; z-index:1; min-height:180px; padding:0 11px 18px; border:0; text-align:center; }.zai-impact-grid article:not(:last-child)::after { content:"→"; position:absolute; top:34px; right:4px; display:grid; place-items:center; width:21px; height:21px; border-radius:50%; background:var(--zai-gold); color:var(--zai-navy); font-size:14px; font-weight:900; box-shadow:0 0 0 4px #fff; }.zai-impact-grid img { display:block; width:74px; height:74px; margin:8px auto 15px; object-fit:contain; background:#f3f8ff; }.zai-impact-grid article:nth-child(2) img { background:#e9f8f4; }.zai-impact-grid article:nth-child(3) img { background:#f4edff; }.zai-impact-grid article:nth-child(4) img { background:#eef6ff; }.zai-impact-grid article:nth-child(5) img { background:#fff1f7; }.zai-impact-grid article:nth-child(6) img { background:#eaf8fb; }.zai-impact-grid article:nth-child(7) img { background:#fff4e5; }.zai-impact-grid b { font-size:14px; }.zai-impact-grid span { max-width:150px; margin:8px auto 0; }.zai-impact-grid article:hover img { transform:translateY(-5px) rotate(-4deg); transition:transform .22s ease; }
@keyframes zai-impact-flow { to { background-position:30px 0; } }
@media (max-width:1200px) { .zai-impact-grid { grid-template-columns:repeat(4,1fr); }.zai-impact-grid::before,.zai-impact-grid article::after { display:none; } }
@media (max-width:600px) { .zai-impact-grid article { display:grid; grid-template-columns:74px 1fr; column-gap:16px; align-items:center; min-height:0; padding:18px 0; text-align:left; }.zai-impact-grid img { grid-row:span 2; margin:0; }.zai-impact-grid span { margin:5px 0 0; }.zai-impact-grid::before { display:none; } }

/* Separate the technology stack from the execution journey. */
.zai-stack { background:linear-gradient(145deg,#f3f7fc,#fff); color:var(--zai-ink); border-top:1px solid var(--zai-line); border-bottom:1px solid var(--zai-line); }.zai-stack .zai-kicker { color:var(--zai-blue); }.zai-stack h2 { color:var(--zai-ink); }.zai-stack-grid { border-top-color:var(--zai-line); }.zai-stack-grid article { border-left-color:var(--zai-line); }.zai-stack-grid b { color:var(--zai-ink); }.zai-stack-grid span { color:var(--zai-muted); }.zai-stack-grid img { width:56px; height:56px; }.zai-method { border-top:0; background:linear-gradient(135deg,#02132c 0%,#06356b 100%); }
.zai-impact-grid img,.zai-impact-grid article:nth-child(2) img,.zai-impact-grid article:nth-child(3) img,.zai-impact-grid article:nth-child(4) img,.zai-impact-grid article:nth-child(5) img,.zai-impact-grid article:nth-child(6) img,.zai-impact-grid article:nth-child(7) img { background:transparent; }