:root{--ink:#061225;--navy:#041125;--muted:#5d6878;--line:#dfe5ed;--blue:#2e50f3;--paper:#fff;--soft:#f6f8fb;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 64px),var(--max));margin:auto}.site-header{height:86px;display:flex;align-items:center;background:rgba(255,255,255,.94);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(6,18,37,.06);backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between}.brand img{width:118px;display:block}.nav nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:650}.nav nav>a:not(.pill):hover{color:var(--blue)}.langs{display:flex;gap:9px;align-items:center;font-size:12px}.langs i{height:13px;width:1px;background:#bbc2cc}.langs a:not(.active){color:#8b94a1}.pill{display:inline-flex;align-items:center;gap:18px;background:var(--ink);color:white;border-radius:999px;padding:15px 23px;font-weight:650;transition:.2s}.pill:hover{transform:translateY(-2px)}.pill.small{padding:11px 18px}.menu{display:none}.hero{/*min-height:calc(100vh - 86px);display:flex;align-items:center;*/overflow:hidden;background:radial-gradient(circle at 82% 48%,#eef7ff 0,rgba(238,247,255,0) 32%)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:center;padding:70px 0 90px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;margin:0 0 22px}.eyebrow span{opacity:.4;padding:0 5px}.hero h1,.section h2,.cta h2{font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:800}.hero .lead{font-size:19px;line-height:1.55;max-width:610px;color:#3e4959;margin:28px 0 32px}.hero-art{height:600px;position:relative}.eight{height:570px;width:570px;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.cap{position:absolute;font-size:13px;line-height:1.25;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.cap:after{content:"";position:absolute;width:65px;height:1px;background:#b8c8e6;top:50%}.c1{left:1%;top:20%}.c1:after,.c2:after{left:calc(100% + 14px)}.c2{left:0;bottom:22%}.c3{right:0;top:29%}.c3:after,.c4:after{right:calc(100% + 14px)}.c4{right:0;bottom:27%}.section{padding:130px 0}.section-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:80px}.section h2{font-size:clamp(42px,4.3vw,64px)}.section-intro>p,.process-top>p{font-size:20px;color:var(--muted);max-width:480px}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.challenge-grid article{padding:42px 44px 48px 0;border-top:1px solid var(--line);min-height:285px}.challenge-grid article:not(:nth-child(3n+1)){padding-left:44px;border-left:1px solid var(--line)}.challenge-grid span{font-size:38px;font-weight:750;color:#b7c9fa}.challenge-grid h3{font-size:23px;line-height:1.15;margin:13px 0 18px;letter-spacing:-.025em}.challenge-grid p,.service-card p,.steps p,.expertise p{color:var(--muted);margin:0}.dark{background:var(--navy);color:white}.services{position:relative;overflow:hidden}.services:after{content:"";position:absolute;width:620px;height:620px;border:80px solid rgba(60,84,244,.14);border-radius:50%;right:-350px;top:-260px}.services .eyebrow{color:#a8c5ff}.services-head{max-width:760px;margin-bottom:80px}.services-head p{font-size:19px;color:#c0cad8;max-width:650px;margin:28px 0 0}.service-pillars{display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;z-index:1}.pillar+ .pillar{border-left:1px solid #344156;padding-left:80px}.pillar h4{font-size:13px;color:#71a7ff;letter-spacing:.07em;margin:0 0 35px}.service-card{padding:34px 0;border-top:1px solid #344156}.service-card h3{font-size:28px;letter-spacing:-.03em;margin:0 0 12px}.service-card p{color:#bdc8d7}.service-card ul{list-style:none;padding:0;margin:22px 0;color:#e1e6ed;font-size:14px;line-height:1.9}.service-card a{font-size:13px;font-weight:750;color:#8ab5ff}.process-top{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:85px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:45px}.steps article{position:relative;border-top:1px solid #cad4e2;padding-top:42px}.steps article:not(:last-child):after{content:"→";position:absolute;right:-28px;top:-17px;background:white;padding:0 8px;color:#5274f4}.steps b{position:absolute;top:-23px;left:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2b6cff,#7b37f5);color:white}.steps h3{font-size:23px;margin:15px 0 12px}.loop{text-align:right;margin-top:55px;font-size:11px;letter-spacing:.18em;color:#7b8797}.loop span{font-size:22px;margin:0 12px;color:#496cf2}.expertise{padding-bottom:0;overflow:hidden}.expertise-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;min-height:560px}.expertise h2{font-size:clamp(42px,4vw,60px)}.expertise p{font-size:18px;max-width:690px;margin:28px 0}.text-link{font-weight:750;border-bottom:1px solid var(--ink);padding-bottom:5px}.eight-crop{height:560px;position:relative}.eight-crop img{position:absolute;width:700px;height:700px;object-fit:contain;left:0;top:60px}.cta{padding:100px 0}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center}.cta h2{font-size:clamp(38px,4vw,58px);max-width:900px}.cta .eyebrow{color:#a8c5ff}.pill.light{background:white;color:var(--ink);min-width:155px;justify-content:center}.footer{border-top:1px solid #29374a;padding:50px 0}.footer-grid{display:grid;grid-template-columns:1fr 1.6fr auto;gap:45px;align-items:end}.footer img{width:130px}.footer p{font-size:9px;letter-spacing:.14em;color:#aab4c1}.footer-links{display:flex;flex-wrap:wrap;gap:18px 28px;font-size:12px;color:#c5ced9}.footer small{font-size:11px;color:#8e99a7;white-space:nowrap}.reveal{opacity:0;transform:translateY(12px);animation:show .65s ease forwards}@keyframes show{to{opacity:1;transform:none}}@media(max-width:900px){.wrap{width:min(calc(100% - 38px),var(--max))}.site-header{height:72px}.brand img{width:100px}.menu{display:block;border:0;background:none;font:inherit;font-weight:700}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:70px 0}.hero-art{height:470px}.eight{height:440px;width:440px}.section{padding:90px 0}.section-intro,.process-top,.expertise-grid,.cta-grid{grid-template-columns:1fr;gap:35px}.challenge-grid{grid-template-columns:1fr 1fr}.challenge-grid article,.challenge-grid article:not(:nth-child(3n+1)){padding:32px 24px 36px 0;border-left:0}.challenge-grid article:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}.service-pillars{grid-template-columns:1fr;gap:40px}.pillar+.pillar{border-left:0;border-top:1px solid #344156;padding:50px 0 0}.steps{grid-template-columns:1fr 1fr;gap:65px 35px}.expertise-grid{min-height:auto}.eight-crop{height:320px}.eight-crop img{width:480px;height:480px;top:0}.footer-grid{grid-template-columns:1fr;align-items:start}}@media(max-width:560px){.hero h1{font-size:46px}.hero .lead{font-size:17px}.hero-art{height:400px}.eight{width:360px;height:360px}.cap{font-size:10px}.cap:after{width:30px}.section-intro{margin-bottom:45px}.challenge-grid{grid-template-columns:1fr}.challenge-grid article,.challenge-grid article:not(:nth-child(3n+1)),.challenge-grid article:nth-child(even){padding:30px 0;border-left:0}.steps{grid-template-columns:1fr;gap:55px}.steps article:not(:last-child):after{display:none}.service-card h3{font-size:24px}.cta{padding:75px 0}.cta-grid{gap:35px}.footer-links{flex-direction:column;gap:12px}}

/* V2 hero refinements — transparent brand 8 and viewport-safe proportions */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);gap:72px}
.hero-copy{position:relative;z-index:2}
.hero h1{font-size:clamp(48px,4.45vw,68px);line-height:1.01;letter-spacing:-.052em}
.hero-art{height:540px;min-width:0;position:relative}
.eight{width:min(470px,72%);height:min(470px,88%);object-fit:contain;left:50%;top:50%}
.cap{font-size:12px;max-width:145px;z-index:2}
.cap:after{width:52px}
.c1{left:0;top:19%}.c2{left:0;bottom:20%}.c3{right:0;top:28%}.c4{right:0;bottom:25%}

/* Common laptop widths (including MacBook Air browser viewports) */
@media (max-width:1600px) and (min-width:901px){
  .wrap{width:min(calc(100% - 52px),1160px)}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(450px,.9fr);gap:48px;padding:58px 0 72px;}
  .hero h1{font-size:clamp(48px,4.6vw,62px)}
  .hero .lead{font-size:18px;max-width:560px}
  .hero-art{height:500px}
  .eight{width:420px;height:420px}
  .cap{font-size:11px;max-width:125px}
  .cap:after{width:38px}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-art{height:450px}
  .eight{width:390px;height:390px}
  .c1{left:4%}.c2{left:4%}.c3{right:4%}.c4{right:4%}
}
@media(max-width:560px){
  .hero-art{height:360px}
  .eight{width:300px;height:300px}
  .cap{font-size:9px;max-width:86px}
  .cap:after{width:20px}
}
/* ===== CLIENT CHALLENGES ===== */

.challenges > .wrap > .eyebrow{
    font-size:18px;
    letter-spacing:.15em;
    margin:0 0 22px;
}

.challenges .section-intro{
    display:block;
    margin-bottom:60px;
}

.challenges .section-intro > p{
    font-size:20px;
    line-height:1.5;
    max-width:620px;
    margin:0;
    color:var(--muted);
}
/* ===== HERO 8 SIZE TEST ===== */

.eight{
    width:600px;
    height:600px;
}