.v2-body{--ind-gap:28px} /* Lightened from the original dark-photo hero: this page's never gets the data-nav="overlay" attribute (only is_front_page() does — see header.php), so the header's nav links render in their normal dark colour. Against the original dark hero they were unreadable; the hero is lightened here (and its own copy darkened to match) instead of teaching the header a page-specific light-nav mode. */ .v2-body .ind-hero{position:relative;padding:calc(var(--nav-h,80px) + 80px) 0 90px;overflow:hidden;background:var(--bg,#fff)} .v2-body .ind-hero-photo{position:absolute;inset:-6% -6% -6% -6%;z-index:0;overflow:hidden;background:var(--panel,#f3f3f7)} .v2-body .ind-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:62% 38%;display:block} .v2-body .ind-hero-mesh{position:absolute;inset:0;z-index:1; background: linear-gradient(100deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 28%,rgba(255,255,255,.78) 48%,rgba(255,255,255,.46) 66%,rgba(255,255,255,.14) 80%), linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.48) 32%,rgba(255,255,255,.54) 60%,rgba(255,255,255,.9) 100%)} .v2-body .ind-hero .container{position:relative;z-index:2} .v2-body .ind-hero h1{font-family:var(--font-hero-display);font-weight:500;font-size:clamp(38px,5.5vw,78px); line-height:1.04;letter-spacing:-.03em;color:var(--text);max-width:14ch;margin:18px 0 0} .v2-body .ind-hero h1 .hi{color:var(--blue)} .v2-body .ind-hero .lead{color:var(--muted);max-width:52ch;margin-top:20px;font-size:18px} .v2-body .ind-hero-stats{display:flex;gap:40px;flex-wrap:wrap;margin-top:48px;padding-top:40px;border-top:1px solid var(--line)} .v2-body .ind-hero-stats .st-n{font-family:var(--font-display);font-weight:500;font-size:44px;line-height:1;color:var(--text);letter-spacing:-.025em} .v2-body .ind-hero-stats .st-n span{color:var(--blue)} .v2-body .ind-hero-stats .st-l{font-size:13.5px;color:var(--muted);margin-top:6px} .v2-body .ind-filter{padding:32px 0 0;background:var(--bg,#fff);border-bottom:1px solid var(--line,#e8e8ef)} .v2-body .ind-pills{display:flex;gap:10px;overflow-x:auto;padding-bottom:0;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:wrap} .v2-body .ind-pills::-webkit-scrollbar{display:none} .v2-body .ind-pill{padding:9px 20px;border-radius:100px;border:1.5px solid var(--line,#e8e8ef); font-size:14px;font-weight:600;color:var(--muted,#6b6b7d);white-space:nowrap;cursor:pointer; transition:all .25s;background:var(--card,#fafafa);display:flex;align-items:center;gap:8px} .v2-body .ind-pill:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)} .v2-body .ind-pill.active{background:var(--ink);border-color:var(--ink);color:#fff} .v2-body .ind-pill svg{width:16px;height:16px;stroke-width:1.8;flex:none} .v2-body .ind-main{padding:64px 0 100px} .v2-body .ind-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ind-gap);margin-bottom:var(--ind-gap)} .v2-body .ind-bento .ind-card-wide{grid-column:span 2} .v2-body .ind-card{position:relative;border-radius:var(--radius-lg,20px);overflow:hidden;min-height:320px; display:flex;flex-direction:column;justify-content:flex-end;padding:36px; background:linear-gradient(155deg,#1a1540,#0f0b26); transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;cursor:pointer} .v2-body .ind-card::before{content:"";position:absolute;inset:0;z-index:0; background:linear-gradient(180deg,rgba(11,9,38,.28) 0%,rgba(11,9,38,.82) 55%,rgba(11,9,38,.97) 100%)} .v2-body .ind-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px -20px rgba(11,9,38,.55)} .v2-body .ind-card-bg{position:absolute;inset:0;background-size:cover;background-position:center; transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:-1} .v2-body .ind-card:hover .ind-card-bg{transform:scale(1.05)} .v2-body .ind-card>*{position:relative;z-index:1} .v2-body .ind-card .ic-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 12px; border-radius:100px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18); font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8); margin-bottom:auto;align-self:flex-start} .v2-body .ind-card .ic-tag svg{width:14px;height:14px;stroke-width:2} .v2-body .ind-card h3{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.2vw,30px); color:#fff;margin:0 0 10px;line-height:1.2;letter-spacing:-.02em} .v2-body .ind-card p{color:rgba(255,255,255,.72);font-size:15px;margin:0 0 22px;max-width:46ch} .v2-body .ind-card .ic-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700; font-size:14.5px;transition:gap .3s} .v2-body .ind-card .ic-link svg{width:18px;height:18px;transition:transform .3s} .v2-body .ind-card:hover .ic-link svg{transform:translateX(4px)} .v2-body .ic--tech .ind-card-bg{background:url('https://images.unsplash.com/photo-1461749280684-dccba630e2f6?auto=format&fit=crop&w=900&q=75') center/cover no-repeat} .v2-body .ic--health .ind-card-bg{background:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=900&q=75') center/cover no-repeat} .v2-body .ic--ecom .ind-card-bg{background:url('https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?auto=format&fit=crop&w=900&q=75') center/cover no-repeat} .v2-body .ic--fin .ind-card-bg{background:url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?auto=format&fit=crop&w=900&q=75') center/cover no-repeat} .v2-body .ic--pro .ind-card-bg{background:url('https://images.unsplash.com/photo-1553877522-43269d4ea984?auto=format&fit=crop&w=900&q=75') center/cover no-repeat} .v2-body .ic--log .ind-card-bg{background:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=900&q=75') center/cover no-repeat} .v2-body .ic--igaming .ind-card-bg{background:url('https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&w=900&q=75') center/cover no-repeat} .v2-body .ic--telecom .ind-card-bg{background:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=900&q=75') center/cover no-repeat} .v2-body .ind-card .ic-accent{position:absolute;top:28px;right:28px;width:52px;height:52px; border-radius:var(--radius-sm,12px);border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.07);display:grid;place-items:center;color:#fff} .v2-body .ind-card .ic-accent svg{width:24px;height:24px;stroke-width:1.6} .v2-body .ind-features{margin-top:80px} .v2-body .ind-features-head{margin-bottom:48px} .v2-body .ind-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px} .v2-body .ind-feat{background:var(--card,#fafafa);border:1.5px solid var(--line,#e8e8ef); border-radius:var(--radius,16px);padding:36px;position:relative;overflow:hidden; transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .3s} .v2-body .ind-feat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px; background:var(--red);transform:scaleX(0);transform-origin:left; transition:transform .4s cubic-bezier(.22,1,.36,1)} .v2-body .ind-feat:hover{transform:translateY(-6px);border-color:var(--red); box-shadow:0 16px 40px -16px rgba(240,32,40,.24)} .v2-body .ind-feat:hover::before{transform:scaleX(1)} .v2-body .ind-feat .if-icon{width:52px;height:52px;border-radius:var(--radius-sm,12px); background:var(--blue-soft);color:var(--blue);border:1px solid transparent; display:grid;place-items:center;margin-bottom:20px; transition:background .35s,color .35s,transform .4s cubic-bezier(.22,1,.36,1)} .v2-body .ind-feat:hover .if-icon{background:var(--red);color:#fff;transform:scale(1.08) rotate(-4deg)} .v2-body .ind-feat .if-icon svg{width:24px;height:24px;stroke-width:1.7} .v2-body .ind-feat h4{font-family:var(--font-display);font-weight:500;font-size:22px; color:var(--text);margin:0 0 10px;letter-spacing:-.01em;transition:color .3s} .v2-body .ind-feat:hover h4{color:var(--red)} .v2-body .ind-feat p{color:var(--muted);font-size:15px;line-height:1.6;margin:0} .v2-body .ind-feat ul{margin:16px 0 0;list-style:none;padding:0;display:grid;gap:8px} .v2-body .ind-feat ul li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text)} .v2-body .ind-feat ul li::before{content:"";width:6px;height:6px;border-radius:50%; background:var(--blue);flex:none;transition:background .3s} .v2-body .ind-feat:hover ul li::before{background:var(--red)} .v2-body .ind-cta{background:var(--ink);border-radius:var(--radius-lg,20px);padding:72px 64px; position:relative;overflow:hidden;text-align:center} .v2-body .ind-cta::before{content:"";position:absolute;inset:0; background:radial-gradient(ellipse 60% 80% at 50% 120%,rgba(240,32,40,.35),transparent 60%)} .v2-body .ind-cta>*{position:relative;z-index:1} .v2-body .ind-cta .eyebrow{color:rgba(255,255,255,.6)} .v2-body .ind-cta .eyebrow::before{background:rgba(255,255,255,.4)} .v2-body .ind-cta h2{color:#fff;font-size:clamp(28px,3.5vw,46px);max-width:700px;margin:16px auto 0} .v2-body .ind-cta p{color:rgba(255,255,255,.65);max-width:520px;margin:16px auto 0} .v2-body .ind-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.25)} .v2-body .ind-cta .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.07)} @media(max-width:991px){ .v2-body .ind-bento{grid-template-columns:1fr 1fr} .v2-body .ind-bento .ind-card-wide{grid-column:span 2} .v2-body .ind-feature-row{grid-template-columns:1fr} } @media(max-width:767px){ .v2-body .ind-bento{grid-template-columns:1fr} .v2-body .ind-bento .ind-card-wide{grid-column:span 1} .v2-body .ind-hero h1{font-size:clamp(34px,8vw,54px)} .v2-body .ind-hero-stats{gap:24px} .v2-body .ind-cta{padding:48px 28px} }