@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");
:root{
 --blue:#0066B3; --blue2:#0B4F8A; --orange:#F5791E; --orange2:#FF8A32; --black:#070809; --ink:#101114;
 --paper:#F4F5F6; --white:#fff; --muted:#67707d; --line:rgba(16,17,20,.13); --line-light:rgba(255,255,255,.18);
 --container:1240px; --ease:cubic-bezier(.2,.8,.2,1); --display:"Montserrat",Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--black);color:#fff;font-family:var(--display);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button{font:inherit}
.container{width:min(var(--container),calc(100% - 64px));margin:auto}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;margin:0 0 24px}.eyebrow:before{content:"";width:34px;height:2px;background:currentColor}.eyebrow.orange{color:var(--orange)}.eyebrow.blue{color:var(--blue)}.eyebrow.white{color:#fff}.section{padding:110px 0}.section-head{max-width:720px;margin-bottom:55px}.section-head h2{margin:0}.light{background:var(--paper);color:var(--ink)}.blue-bg{background:var(--blue)}.black-bg{background:var(--black)}
.site-header{position:fixed;z-index:100;inset:0 0 auto;height:82px;background:rgba(7,8,9,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:142px;height:56px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:34px}.nav a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;opacity:.78;position:relative;padding:8px 0}.nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--orange);transition:width .3s var(--ease)}.nav a:hover,.nav a.active{opacity:1}.nav a:hover:after,.nav a.active:after{width:100%}.nav-cta{padding:11px 22px;border:1px solid rgba(255,255,255,.3);border-radius:999px}.menu{display:none;border:0;background:none;color:#fff;font-size:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 20px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;border:1px solid transparent;transition:transform .3s var(--ease),background .3s,border-color .3s}.btn-orange{background:var(--orange);color:#0b0b0b}.btn-orange:hover{transform:translateY(-3px);background:var(--orange2)}.btn-outline{border-color:rgba(255,255,255,.4)}.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08)}.btn-dark{border-color:var(--blue);color:var(--blue)}.btn-dark:hover{background:var(--blue);color:#fff}
.tribal{position:absolute;width:430px;height:430px;background-color:currentColor;-webkit-mask:url('../assets/tribal-pattern.svg') center/contain no-repeat;mask:url('../assets/tribal-pattern.svg') center/contain no-repeat;pointer-events:none;opacity:.55;mix-blend-mode:screen;animation:tribalFloat 16s ease-in-out infinite}.tribal.orange{color:var(--orange)}.tribal.blue{color:#49a9ef}.tribal.light{color:#fff}.tribal.small{width:260px;height:260px}.tribal.rotate{transform:rotate(45deg)}@keyframes tribalFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:2deg}}
.pattern-band{height:28px;background-color:var(--orange);position:relative;overflow:hidden}.pattern-band:before{content:"";position:absolute;inset:0;background-color:currentColor;color:#fff;-webkit-mask:url('../assets/tribal-pattern.svg') center/260px 260px repeat;mask:url('../assets/tribal-pattern.svg') center/260px 260px repeat;opacity:.17;animation:bandMove 30s linear infinite}@keyframes bandMove{to{-webkit-mask-position:520px 0;mask-position:520px 0}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
/* Home hero */
.hero{min-height:100vh;position:relative;overflow:hidden;background:#050607}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,rgba(0,102,179,.22),transparent 32%),radial-gradient(circle at 85% 70%,rgba(245,121,30,.2),transparent 26%),linear-gradient(100deg,rgba(0,0,0,.97) 15%,rgba(0,0,0,.52) 60%,rgba(0,0,0,.8));z-index:1}.hero-media{position:absolute;inset:0;background:url(https://mindkraft.co.ke/wp-content/uploads/2024/03/0005sc-scaled.jpg) center/cover;filter:grayscale(1) contrast(1.15);opacity:.48}.hero-inner{position:relative;z-index:4;min-height:100vh;display:flex;align-items:center;padding:140px 0 90px}.hero-copy{max-width:760px}.hero h1{font-size:clamp(50px,7.5vw,105px);line-height:.91;letter-spacing:-.065em;font-weight:500;margin:0}.hero h1 em{font-style:normal;color:var(--orange);font-weight:800}.hero-lede{max-width:610px;font-size:16px;color:#d6d6d6;line-height:1.8;margin:34px 0}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.hero-statbar{position:absolute;z-index:5;bottom:100px;left:0;right:0}.hero-stats{display:flex;gap:55px}.hero-stat b{font-size:30px}.hero-stat b span{color:var(--orange)}.hero-stat small{display:block;font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#aaa;margin-top:2px}.hero .tribal{right:-80px;bottom:-90px;width:520px;height:520px}.hero .tribal:nth-of-type(2){left:-180px;top:110px;width:360px;height:360px;opacity:.12;color:var(--blue)}
/* Marquee */
.marquee{background:var(--orange);color:#111;overflow:hidden;padding:17px 0;white-space:nowrap}.marquee-track{display:flex;gap:28px;width:max-content;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;animation:marquee 52s linear infinite}.marquee-track i{font-style:normal;color:#fff;font-size:17px}@keyframes marquee{to{transform:translateX(-50%)}}
/* General split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split-media{position:relative;min-height:430px}.split-media img{width:100%;height:520px;object-fit:cover;filter:saturate(.85) contrast(1.06)}.split-copy h2{font-size:clamp(42px,5vw,74px);line-height:.96;letter-spacing:-.06em;font-weight:500;margin:0 0 28px}.split-copy h2 strong{font-weight:800;color:var(--blue)}.split-copy p{font-size:14px;color:#4d5560;line-height:1.85}.split-copy .lead{font-size:19px;line-height:1.55;color:#111;font-weight:600}.corner-frame{position:absolute;left:-22px;bottom:-22px;width:180px;height:180px;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);z-index:2}.corner-frame:after{content:"";position:absolute;inset:18px;background-color:currentColor;color:var(--orange);-webkit-mask:url('../assets/tribal-pattern.svg') center/contain no-repeat;mask:url('../assets/tribal-pattern.svg') center/contain no-repeat;opacity:.8}.qr{position:absolute;right:-25px;bottom:-25px;background:#fff;padding:12px;box-shadow:0 15px 50px rgba(0,0,0,.18);z-index:3}.qr img{width:120px;height:120px}.qr small{display:block;color:#111;font-weight:800;font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin-top:8px}
/* values */
.values{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.value-intro,.value{min-height:160px;padding:25px 20px;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:space-between}.value:last-child{border:0}.value-intro span{font-size:28px}.value-intro strong{font-size:40px;color:var(--orange)}.value b{font-size:9px;color:var(--orange)}.value strong{font-size:14px}.value:hover{background:rgba(255,255,255,.06)}
/* services */
.services-intro{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:end;margin-bottom:55px}.services-intro h2{font-size:clamp(48px,6vw,88px);line-height:.92;letter-spacing:-.065em;font-weight:500;margin:0}.services-intro h2 strong{font-weight:800}.services-intro p{color:rgba(255,255,255,.78);font-size:14px;line-height:1.85}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.2)}.service-card{position:relative;padding:36px 35px 40px;border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);overflow:hidden;transition:background .35s var(--ease)}.service-card:nth-child(2n){border-right:0}.service-card:before{content:"";position:absolute;inset:auto -60px -90px auto;width:220px;height:220px;background-color:currentColor;color:var(--orange);-webkit-mask:url('../assets/tribal-pattern.svg') center/contain no-repeat;mask:url('../assets/tribal-pattern.svg') center/contain no-repeat;opacity:0;transition:.5s var(--ease);transform:rotate(15deg)}.service-card:hover{background:rgba(255,255,255,.055)}.service-card:hover:before{opacity:.24;transform:rotate(0)}.service-no{font-size:9px;color:rgba(255,255,255,.55);letter-spacing:.18em}.service-icon{font-size:32px;color:var(--orange);margin:25px 0 12px}.service-card h3{font-size:27px;letter-spacing:-.035em;margin:0 0 12px}.service-card p{font-size:13px;color:rgba(255,255,255,.72);line-height:1.75;max-width:590px}.service-link{display:inline-flex;gap:10px;margin-top:12px;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.service-link span{font-size:17px}
/* statement */
.statement{position:relative;min-height:700px;overflow:hidden;background:#08090a}.statement-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.75) 50%,rgba(0,0,0,.2)),url(images/profile/creative-bulb.jpg) center/cover;filter:saturate(.75)}.statement-inner{position:relative;z-index:2;padding:120px 0}.statement h2{font-size:clamp(55px,7vw,105px);line-height:.88;letter-spacing:-.065em;font-weight:500;margin:0 0 30px}.statement h2 em{font-style:normal;color:var(--orange);font-weight:800}.statement-copy{max-width:660px;color:#ddd;font-size:15px;line-height:1.8}.proofs{display:grid;grid-template-columns:repeat(3,1fr);max-width:820px;margin-top:55px;border-top:1px solid rgba(255,255,255,.2)}.proof{padding:24px 20px;border-right:1px solid rgba(255,255,255,.2)}.proof:last-child{border:0}.proof b{color:var(--orange);display:block;font-size:17px}.proof span{font-size:10px;color:#aaa}
/* clients */
.clients-head{text-align:center;max-width:700px;margin:0 auto 55px}.clients-head h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.06em;font-weight:500}.clients-head h2 strong{font-weight:800;color:var(--blue)}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-cell{height:170px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;padding:28px;transition:.35s var(--ease)}.logo-cell:hover{background:#fafafa;box-shadow:inset 0 0 0 3px var(--orange)}.logo-cell img{max-width:180px;max-height:70px;object-fit:contain}.partners{display:grid;grid-template-columns:repeat(6,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.partner{min-height:105px;display:grid;place-items:center;padding:18px;border-right:1px solid var(--line)}.partner:last-child{border:0}.partner img{max-width:120px;max-height:45px;object-fit:contain}
/* contact */
.contact{position:relative;overflow:hidden;padding:140px 0;background:#050607}.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(0,102,179,.35),transparent 35%)}.contact-inner{position:relative;z-index:2}.contact h1{font-size:clamp(58px,8vw,120px);line-height:.88;letter-spacing:-.07em;font-weight:500;margin:0 0 30px}.contact h1 em{font-style:normal;color:var(--orange);font-weight:800}.contact-lead{font-size:18px;color:#ddd;max-width:650px;line-height:1.75}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:70px}.contact-list{border-top:1px solid rgba(255,255,255,.2)}.contact-row{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:16px}.contact-row small{width:70px;color:var(--orange);font-size:8px;letter-spacing:.18em;font-weight:800}.contact-row a:hover{color:var(--orange)}.contact-form{background:rgba(255,255,255,.05);padding:30px;border:1px solid rgba(255,255,255,.12)}.contact-form label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#aaa;margin:0 0 7px}.contact-form input,.contact-form textarea{width:100%;padding:13px 0;margin-bottom:22px;border:0;border-bottom:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;outline:0;font-family:inherit}.contact-form textarea{min-height:110px;resize:vertical}
/* service page */
.service-hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;background:#060708}.service-hero-media{position:absolute;inset:0;background:center/cover no-repeat;filter:grayscale(.55) saturate(.8);opacity:.5}.service-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 5%,rgba(0,0,0,.65) 58%,rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%)}.service-hero-inner{position:relative;z-index:3;padding:150px 0 90px;width:100%}.service-hero h1{font-size:clamp(58px,8vw,120px);line-height:.85;letter-spacing:-.07em;font-weight:500;max-width:900px;margin:0}.service-hero h1 strong{font-weight:800;color:var(--orange)}.service-hero .tribal{right:-90px;bottom:-100px}.service-content{padding:110px 0;background:var(--paper);color:var(--ink)}.service-content-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.service-number{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--blue)}.service-content h2{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}.service-content h2 strong{font-weight:800;color:var(--blue)}.service-content .lead{font-size:20px;font-weight:600;line-height:1.55;color:#111}.service-content p{font-size:14px;color:#4d5560;line-height:1.9}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.chip{border:1px solid rgba(0,102,179,.35);padding:9px 12px;color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.service-next{background:var(--blue);padding:80px 0;color:#fff}.next-grid{display:flex;align-items:end;justify-content:space-between;gap:40px}.next-grid .btn{align-self:flex-start}.next-grid h2{font-size:clamp(42px,6vw,76px);line-height:.9;letter-spacing:-.06em;font-weight:500;margin:0}.next-grid h2 strong{font-weight:800;color:var(--orange)}
.footer{background:#050506;color:#999;padding:28px 0;border-top:1px solid rgba(255,255,255,.1)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.footer img{width:130px;height:48px;object-fit:contain}
@media(max-width:950px){.container{width:min(var(--container),calc(100% - 40px))}.nav{position:fixed;top:120px;right:0;bottom:0;left:0;background:#070809;height:calc(100vh - 120px);overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;padding:32px 20px;gap:18px;transform:translateX(100%);transition:transform .4s var(--ease)}.nav.open{transform:none}.menu{display:block}.nav-cta{display:none}.hero h1{font-size:clamp(48px,10vw,80px)}.split,.services-intro,.service-content-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.values{grid-template-columns:1fr 1fr}.value-intro{grid-column:auto}.value:nth-child(even){border-right:0}.service-grid{grid-template-columns:1fr}.service-card{border-right:0}.logo-grid{grid-template-columns:1fr 1fr}.partners{grid-template-columns:repeat(3,1fr)}.partner:nth-child(3n){border-right:0}.hero-statbar{position:relative;bottom:auto;margin-top:70px}.hero-inner{padding-bottom:130px}}
@media(max-width:600px){.section{padding:80px 0}.hero{min-height:900px}.hero-inner{align-items:flex-start;padding-top:130px}.hero h1{font-size:52px}.hero .tribal{width:340px;height:340px;right:-110px}.hero-stats{gap:25px;flex-wrap:wrap}.hero-stat b{font-size:25px}.split-media img{height:380px}.qr{right:10px;bottom:-20px}.values{grid-template-columns:1fr 1fr}.value,.value-intro{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);overflow-wrap:break-word}.value:last-child{border-bottom:0}.value-intro{grid-column:auto;min-height:120px}.value-intro span{font-size:16px}.value-intro strong{font-size:22px;overflow-wrap:break-word}.value{min-height:120px}.value strong{font-size:12px}.logo-grid{grid-template-columns:1fr}.partners{grid-template-columns:1fr 1fr}.partner:nth-child(3n){border-right:1px solid var(--line)}.partner:nth-child(2n){border-right:0}.proofs{grid-template-columns:1fr}.proof{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.contact-row{flex-wrap:wrap}.contact-row small{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* ===== MindKraft V4 polish pass: local profile assets + alignment fixes ===== */
:root{
  --navy:#071A33;
  --blue:#0066B3;
  --orange:#F5791E;
  --orange-bright:#FF7A18;
}
body{overflow-x:hidden}
h1,h2,h3,p{overflow-wrap:break-word}
.container{max-width:1240px}
.site-header{height:120px}
.header-inner{min-height:120px}
.brand img{width:300px;height:104px}
.nav{gap:30px}
.nav a{white-space:nowrap}

/* Home hero: use the supplied black chess photograph, not a generic background. */
.hero{min-height:760px;height:min(100vh,900px);background:#050607}
.hero-media{
  background-image:
    linear-gradient(90deg,rgba(5,6,7,.96) 0%,rgba(5,6,7,.62) 46%,rgba(5,6,7,.14) 78%,rgba(5,6,7,.78) 100%),
    url('images/profile/hero-chess.png') !important;
  background-position:center right;
  background-size:cover;
  opacity:.9;
  filter:none;
}
.hero:before{background:radial-gradient(circle at 76% 38%,rgba(0,102,179,.18),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.55),transparent 70%);z-index:1}
.hero-inner{padding-top:150px;padding-bottom:150px}
.hero-copy{max-width:720px}
.hero h1{max-width:700px;font-size:clamp(54px,6.8vw,96px);line-height:.92}
.hero-lede{max-width:510px;font-size:15px;line-height:1.65}
.hero-statbar{bottom:95px}
.hero-stats{gap:0}
.hero-stat{min-width:150px;padding-right:28px;margin-right:28px;border-right:1px solid rgba(255,255,255,.28)}
.hero-stat:last-child{border-right:0}
.hero-stat b{display:block;font-size:34px;line-height:1;color:#fff}
.hero-stat b span{color:var(--orange)}
.hero-stat small{font-size:8px;line-height:1.45}
.hero .tribal{z-index:3;right:-35px;bottom:-80px;width:540px;height:540px;opacity:.95}
.hero .tribal.blue{left:-220px;top:100px;right:auto;width:300px;height:300px;opacity:.08}
.hero-chess-glow{position:absolute;z-index:2;right:13%;top:22%;width:330px;height:420px;background:radial-gradient(ellipse,rgba(255,255,255,.10),transparent 65%);filter:blur(24px);pointer-events:none}

/* Tribal patterns: more visible, structured and on-brand. */
.tribal{opacity:.75;mix-blend-mode:normal;background-size:contain;-webkit-mask-size:contain;mask-size:contain}
.tribal.orange{filter:drop-shadow(0 0 14px rgba(245,121,30,.08))}
.pattern-band{height:34px}
.pattern-band:before{opacity:.3;-webkit-mask-size:300px 300px;mask-size:300px 300px}

/* Who we are / brain */
.brain-media{min-height:500px;overflow:visible}
.brain-media img{
  height:500px!important;
  object-fit:cover;
  object-position:center;
  background:#111;
}
.brain-media:after{
  content:"";
  position:absolute;
  right:-28px;
  top:-28px;
  width:180px;height:180px;
  background-color:currentColor;
  color:var(--orange);
  -webkit-mask:url('tribal-pattern.svg') center/contain no-repeat;
  mask:url('tribal-pattern.svg') center/contain no-repeat;
  opacity:.9;
  transform:rotate(90deg);
}
.split-copy h2{max-width:650px}
.split-copy p{max-width:650px}

/* Section numbering: visible and aligned */
.service-no,.service-number{font-size:clamp(22px,2.2vw,32px)!important;line-height:1;font-weight:500;letter-spacing:-.04em;color:var(--orange)!important}
.service-no{position:absolute;right:28px;top:30px}
.service-card{min-height:330px;padding:34px 38px 42px}
.service-icon{margin-top:38px}
.service-card h3{max-width:90%;font-size:clamp(22px,2.2vw,28px);line-height:1.08}
.service-card p{max-width:570px;min-height:72px}

/* Values */
.value-intro,.value{min-height:150px}
.value b{font-size:16px;line-height:1;color:var(--orange)}
.value strong{font-size:15px;line-height:1.25}

/* Service pages */
.service-hero{min-height:680px}
.service-hero-inner{padding-top:150px;padding-bottom:95px}
.service-hero h1{font-size:clamp(58px,7vw,110px);max-width:900px}
.service-hero-media{opacity:.58;filter:grayscale(.35) saturate(.9)}
.service-content-grid{align-items:start}
.service-number{position:sticky;top:110px}
.chips{margin-top:28px}

/* Statement */
.statement{min-height:690px}
.statement-media{
  background-image:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.73) 52%,rgba(0,0,0,.25) 100%),url('images/profile/creative-bulb.jpg');
}
.statement-inner{padding:115px 0}
.proofs{gap:0}
.proof{min-height:170px}

/* Clients */
.logo-grid{background:#fff}
.logo-cell img{max-width:190px;max-height:72px}
.partners{margin-top:42px}
.partner img{max-width:125px;max-height:48px}

/* CTA */
.section[style*="background:var(--orange)"]{padding:95px 0!important}

/* Contact visual */
.contact-media{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.12;filter:grayscale(1)}
.contact:before{z-index:1}
.contact .container{position:relative;z-index:3}

/* Reference-style footer */
.footer{position:relative;background:#071A33;color:#91A0B5;padding:0;border-top:1px solid rgba(255,255,255,.1);overflow:hidden}
.footer-main{position:relative;display:grid;grid-template-columns:1.35fr .85fr 1fr 1fr;gap:55px;padding:64px 0 62px}
.footer-brand{max-width:285px}
.footer-brand img{width:120px;height:auto;object-fit:contain;filter:none}
.footer-brand p{font-size:14px;line-height:1.65;margin:22px 0 0;color:#91A0B5;max-width:270px}
.footer-col{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}
.footer-col h3{margin:0 0 12px;color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.footer-col a,.footer-col span{font-size:14px;line-height:1.5;color:#A5B0BF}
.footer-col a:hover{color:var(--orange)}
.footer-pattern{position:absolute;right:-20px;bottom:-65px;width:260px;height:260px;background-color:currentColor;color:var(--orange);-webkit-mask:url('tribal-pattern.svg') center/contain no-repeat;mask:url('tribal-pattern.svg') center/contain no-repeat;opacity:.9;transform:rotate(12deg);pointer-events:none}
.footer-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.11);padding:26px 0 30px;font-size:12px;color:#8191A8}
.socials{display:flex;gap:10px}
.socials a{width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;color:#B5C0CE;font-size:12px}
.socials a:hover{border-color:var(--orange);color:var(--orange)}

/* Prevent transforms from causing clipped content */
.reveal{will-change:transform,opacity}
@media(max-width:950px){
  .hero{height:auto;min-height:860px}
  .hero-inner{padding-top:135px}
  .hero-statbar{bottom:auto;margin-top:55px}
  .hero-stat{min-width:125px}
  .service-card{min-height:300px}
  .footer-main{grid-template-columns:1fr 1fr;gap:42px}
}
@media(max-width:600px){
  .container{width:min(100% - 32px,var(--container))}
  .site-header,.header-inner{height:100px;min-height:100px}
  .brand img{width:256px;height:88px}
  .nav{top:100px;right:0;bottom:0;left:0;height:calc(100vh - 100px);overflow-y:auto}
  .hero{min-height:920px}
  .hero-inner{padding-top:120px}
  .hero h1{font-size:50px;line-height:.94}
  .hero .tribal{width:360px;height:360px;right:-115px;bottom:-30px}
  .hero-statbar{margin-top:45px}
  .hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}
  .hero-stat{min-width:0;padding-right:12px;margin-right:12px}
  .hero-stat b{font-size:25px}
  .hero-stat small{font-size:7px}
  .split-media,.brain-media{min-height:340px}
  .brain-media img{height:340px!important}
  .service-card{min-height:0;padding:30px 26px 36px}
  .service-no{right:22px;top:24px}
  .service-card p{min-height:0}
  .footer-main{grid-template-columns:1fr;gap:32px;padding:52px 0 48px}
  .footer-pattern{width:220px;height:220px;right:-70px;bottom:-50px}
  .footer-bottom{align-items:flex-start;gap:20px;flex-direction:column}
  .service-number{position:static;margin-bottom:12px}
}

@media (hover:hover) and (pointer:fine){.service-card{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .18s ease,background .35s var(--ease)}.service-card:hover{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-3px)}}

.partners-title{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);text-align:center;margin:0 0 24px}
.value-intro strong{overflow-wrap:break-word}
