:root{--navy:var(--color-navy);--lime:var(--color-accent);--white:var(--color-off-white);--line:var(--color-white-alpha-24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,Arial,sans-serif}.wrap{width:min(1440px,91vw);margin:auto}.hero{height:clamp(580px,61vw,760px);position:relative;overflow:hidden;background:var(--color-navy) url('../img/hero-performance.webp') 59% top/cover no-repeat}.hero>img{display:none}.hero:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#020b15f5 0%,#020b15da 36%,#020b1550 66%,#020b1522)}header,.content{position:relative;z-index:3}header{padding:26px 0}.top,.head-actions{display:flex;align-items:center}.top{justify-content:space-between;gap:25px}.brand{color:white;text-decoration:none;font-size:1.9rem;font-weight:900;letter-spacing:-.09em}.brand i{color:var(--lime);font-style:normal}.nav{display:flex;gap:31px}.nav a{color:#f2f6f8;text-decoration:none;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.nav a.active{border-bottom:2px solid var(--lime);padding-bottom:8px}.head-actions{gap:30px}.appointment{border:1px solid var(--lime);border-radius:5px;padding:10px 14px;color:var(--lime);text-decoration:none;text-transform:uppercase;font-size:.62rem;font-weight:800;letter-spacing:.06em;white-space:nowrap}.appointment b{font-size:1rem;margin-left:12px}.lang{display:flex;gap:20px}.lang button{background:transparent;color:#cbd4dc;border:0;padding:0 0 7px;font-size:.72rem;cursor:pointer}.lang button.on{border-bottom:2px solid var(--lime);color:white}.content{padding-top:120px}.eyebrow,.kicker{font-size:.72rem;letter-spacing:.27em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:30px;height:2px;background:var(--lime);vertical-align:middle;margin-right:16px}h1{font-size:clamp(4rem,7vw,8rem);line-height:.82;letter-spacing:-.09em;margin:29px 0 15px}.lime{color:var(--lime)}.subtitle{font-size:clamp(1.7rem,2.7vw,3rem);letter-spacing:-.06em;margin:0 0 25px}.intro{font-size:1.03rem;line-height:1.55;max-width:490px;color:#d9e1e8}.buttons{display:flex;gap:18px;margin-top:30px}.button{padding:16px 28px;background:var(--lime);color:#081220;text-decoration:none;font-weight:800}.button.alt{background:var(--color-navy-alpha-8c);color:white;border:1px solid #d8e1e9}.motion-layer{position:absolute;z-index:2;right:7%;top:14%;width:min(37vw,520px);height:72%;opacity:.62;pointer-events:none}.trend{position:absolute;right:0;top:8%;width:75%;filter:drop-shadow(0 0 8px var(--color-blue-alpha-4d))}.trend path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:560;animation:draw 5s ease-in-out infinite alternate}.blue-line{stroke:var(--color-blue)}.lime-line{stroke:var(--lime);animation-delay:.55s!important}.grid path{stroke:#7ea2c126;stroke-width:1;stroke-dasharray:0;animation:none}.body-track{position:absolute;right:22%;top:17%;width:42%;height:54%;filter:drop-shadow(0 0 5px var(--color-accent-alpha-b8));animation:trackPulse 2.4s ease-in-out infinite}.body-track path{fill:none;stroke:#d9ff71;stroke-width:2;stroke-dasharray:6 5}.body-track circle{fill:var(--lime);animation:node 1.8s ease-in-out infinite}.pulse{position:absolute;border:1px solid var(--color-accent-alpha-66);border-radius:50%;width:11px;height:11px;animation:pulse 2.1s ease-out infinite}.p1{right:38%;top:52%}.p2{right:27%;top:70%;animation-delay:1s}.live-stats{position:absolute;z-index:4;right:4.5%;top:35%;width:128px;color:white;border-left:1px solid var(--color-white-alpha-22);padding-left:17px}.live-stats>div{border-bottom:1px solid var(--color-white-alpha-1c);padding:0 0 13px;margin-bottom:13px}.live-stats span{display:block;color:#9aa9b9;font-size:.5rem;letter-spacing:.09em}.live-stats strong{display:block;font-size:1.35rem;line-height:1.25}.live-stats small{font-size:.58rem;color:var(--color-text-on-dark)}.live-stats em{display:block;color:var(--lime);font-size:.55rem;font-style:normal}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step{min-height:325px;padding:30px;border-right:1px solid var(--line);position:relative;overflow:hidden}.step:last-child{border:0}.step:after{content:"";position:absolute;inset:102px 0 0;opacity:.65;background:center/cover}.step:nth-child(1):after{background-image:linear-gradient(0deg,var(--color-navy-alpha-e8),var(--color-navy-alpha-34)),url('../img/step-test.webp')}.step:nth-child(2):after{background-image:linear-gradient(0deg,var(--color-navy-alpha-e8),var(--color-navy-alpha-34)),url('../img/step-analyse.webp')}.step:nth-child(3):after{background-image:linear-gradient(0deg,var(--color-navy-alpha-e8),var(--color-navy-alpha-34)),url('../img/step-actie.webp')}.step>*{position:relative;z-index:1}.nr{color:var(--lime);font-size:.8rem;font-weight:800}.step h2{font-size:2.15rem;letter-spacing:-.07em;margin:13px 0}.step p{max-width:315px;line-height:1.55;color:#d5dce3}.arrow{position:absolute;bottom:25px;color:white;text-decoration:none;font-size:1.5rem}.light{background:#f2f5f3;color:#081220;padding:95px 0}.two{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.light h2,.future h2,.app h2{font-size:clamp(2.5rem,4.8vw,5rem);letter-spacing:-.08em;line-height:.9;margin:10px 0}.light p,.future p{font-size:1.14rem;line-height:1.55;max-width:680px}.app{padding:60px 0;background:var(--lime);color:#081220}.app .wrap{display:flex;justify-content:space-between;align-items:end;gap:30px}.app p{max-width:285px;line-height:1.5}.future{padding:80px 0}.future p{color:var(--color-text-on-dark)}footer{border-top:1px solid var(--line);padding:28px 0;color:#aab6c3;font-size:.84rem}footer .wrap{display:flex;align-items:center;gap:18px}footer a{margin-left:auto;color:var(--lime);text-decoration:none}@keyframes draw{to{stroke-dashoffset:-140}}@keyframes trackPulse{50%{opacity:.45;transform:scale(1.015)}}@keyframes node{50%{r:8;opacity:.5}}@keyframes pulse{to{transform:scale(4);opacity:0}}@media(max-width:1050px){.nav{gap:17px}.appointment{display:none}.live-stats{right:2.5%;top:42%}.motion-layer{right:2%;width:43vw}.content{padding-top:105px}}@media(max-width:760px){.wrap{width:91vw}.hero{height:670px;background-position:64% top}.nav,.live-stats{display:none}.top{align-items:flex-start}.head-actions{gap:20px}.content{padding-top:105px}.motion-layer{right:-15%;top:19%;width:82vw;height:55%;opacity:.43}.trend{right:0;top:0;width:82%}.body-track{right:25%;top:21%;width:50%}h1{font-size:clamp(3.4rem,16vw,5rem)}.buttons{display:block}.button{display:block;margin:10px 0;text-align:center}.steps,.two{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);min-height:250px}.light{padding:70px 0}.app .wrap{display:block}.app p{margin-top:25px}footer .wrap{display:block}footer a{display:block;margin-top:15px}}

/* ENGINE XI content sections */
.insight{padding:110px 0;background:var(--color-surface-light);color:var(--color-navy)}.insight-grid,.how-head{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.insight h2,.how-it-works h2,.story h2{font-size:clamp(3rem,5.7vw,6.2rem);line-height:.86;letter-spacing:-.085em;margin:12px 0}.insight h2 span,.how-it-works h2 span,.story h2 span{color:#709f18}.insight-copy{font-size:1.12rem;line-height:1.65;color:#344456;padding-top:12px}.insight-copy p:first-child{font-size:1.35rem;font-weight:750;color:var(--color-navy);margin-top:0}.how-it-works{padding:112px 0;background:var(--color-navy);color:var(--color-off-white)}.how-head{align-items:end}.how-head>p{margin:0;max-width:500px;color:#b5c2cd;font-size:1.08rem;line-height:1.55}.video-story{height:430px;margin:55px 0 28px;position:relative;overflow:hidden;border:1px solid #396079;background:linear-gradient(90deg,#06101ef2 0%,#06101ec9 41%,#06101e38 72%),url('../img/players-hero.webp') center/cover no-repeat}.video-story:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#78b7e00d 1px,transparent 1px),linear-gradient(90deg,#78b7e00d 1px,transparent 1px);background-size:26px 26px}.video-copy{position:relative;z-index:1;width:min(530px,75%);padding:75px 6vw}.video-copy>span:first-child{color:var(--color-accent);font-size:.68rem;letter-spacing:.18em;font-weight:800}.video-copy strong{display:block;font-size:clamp(2.1rem,4vw,4.2rem);line-height:.9;letter-spacing:-.075em;margin:20px 0}.video-copy p{color:#d1dbe3;line-height:1.55;max-width:450px}.play{display:grid;place-items:center;width:52px;height:52px;margin-top:25px;border:1px solid var(--color-accent);border-radius:50%;color:var(--color-accent)}.process{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;border-top:1px solid var(--color-white-alpha-27);list-style:none}.process li{min-height:168px;padding:25px 22px;border-right:1px solid var(--color-white-alpha-27);display:flex;flex-direction:column;gap:14px}.process li:last-child{border-right:0}.process b{color:var(--color-accent);font-size:.7rem}.process strong{font-size:1.2rem;letter-spacing:-.04em}.process span{color:#aebdca;font-size:.9rem;line-height:1.4}.story{padding:115px 0;background:#f7faf8;color:var(--color-navy)}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.story-copy{max-width:760px}.story-copy p{font-size:1.04rem;line-height:1.7;color:#3b4b5a;margin:0 0 24px}.story-copy p:first-child{font-size:1.22rem;color:#132334}.story-copy .story-goal{font-size:1.2rem;font-weight:700;color:var(--color-navy);margin-top:40px}.story-copy .story-line{color:#5d8d11;font-weight:900;letter-spacing:.08em;font-size:.78rem}.story .about-copy{position:sticky;top:100px;align-self:start}@media(max-width:850px){.insight,.how-it-works,.story{padding:76px 0}.insight-grid,.how-head,.story-grid{grid-template-columns:1fr;gap:28px}.video-story{height:390px;margin-top:38px}.process{grid-template-columns:1fr 1fr}.process li:nth-child(2){border-right:0}.process li{border-bottom:1px solid var(--color-white-alpha-27)}.story .about-copy{position:static}}@media(max-width:560px){.video-story{height:420px}.video-copy{width:100%;padding:55px 8vw}.process{grid-template-columns:1fr}.process li{min-height:120px;border-right:0}.process li:last-child{border-bottom:0}}

/* About section: high contrast on the dark brand background */
#over.story{background:var(--color-navy);color:var(--color-white)}
#over.story .kicker,#over.story h2,#over.story .about-detail p{color:var(--color-white)}
#over.story h2 span{color:var(--color-accent)}
#over.story .story-copy p,#over.story .story-copy p:first-child{color:var(--color-white)}
#over.story .story-copy .story-line{color:var(--color-accent)}

/* Contact form */
.contact-box{display:grid;grid-template-columns:.78fr 1.22fr;gap:76px;align-items:start}.contact-intro>p{max-width:440px;margin:25px 0;color:#aebdca;line-height:1.65}.contact-form{padding:34px;border:1px solid var(--color-white-alpha-24);background:var(--color-white-alpha-08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:9px;color:var(--color-white);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--color-white-alpha-35);border-radius:0;background:var(--color-navy);color:var(--color-white);font:inherit;font-size:.94rem;font-weight:400;letter-spacing:0;text-transform:none;padding:14px 15px;outline:0}.form-grid select{appearance:auto}.form-grid textarea{min-height:138px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-alpha-21)}.form-full{grid-column:1/-1}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-submit{margin-top:22px;border:0;background:var(--color-accent);color:var(--color-navy);padding:15px 21px;font:800 .76rem/1 inherit;letter-spacing:.1em;cursor:pointer}.form-status{min-height:1.3em;margin:14px 0 0;color:var(--color-accent);font-size:.88rem}@media(max-width:850px){.contact-box{grid-template-columns:1fr;gap:38px}}@media(max-width:560px){.contact-form{padding:22px}.form-grid{grid-template-columns:1fr}.form-full{grid-column:auto}}

/* What we test */
.hero h1 small{display:block;margin-top:12px;font-size:.27em;letter-spacing:.08em;color:var(--color-white)}.what-we-test{padding:120px 0;background:var(--color-navy);color:var(--color-white)}.test-head{max-width:800px}.test-head h2{font-size:clamp(2.7rem,6vw,6.6rem);line-height:.9;letter-spacing:-.075em;margin:16px 0 25px}.test-head h2 span{color:var(--color-accent)}.test-head>p:not(.kicker){font-size:1.1rem;line-height:1.65;color:#c5d0d8;max-width:640px}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:52px}.test-grid article{min-height:218px;padding:30px;border:1px solid var(--color-white-alpha-24);background:linear-gradient(135deg,var(--color-white-alpha-09),var(--color-white-alpha-02));position:relative}.test-grid article::before{content:'';position:absolute;left:30px;top:31px;width:3px;height:52px;background:var(--color-accent)}.test-grid span{display:block;margin-left:22px;color:var(--color-accent);font-size:.67rem;font-weight:800;letter-spacing:.14em}.test-grid h3{margin:38px 0 14px;font-size:1.42rem;letter-spacing:-.05em}.test-grid p{margin:0;max-width:290px;color:#c5d0d8;line-height:1.55;font-size:.95rem}.test-closing{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:26px;padding:30px 0 0;border-top:1px solid var(--color-white-alpha-25)}.test-closing p{font-size:1.12rem;margin:0;color:var(--color-white)}.test-closing strong{color:var(--color-accent);font-size:.76rem;letter-spacing:.11em;white-space:nowrap}@media(max-width:850px){.what-we-test{padding:80px 0}.test-grid{grid-template-columns:1fr 1fr}.test-closing{display:block}.test-closing strong{display:block;margin-top:20px;white-space:normal}}@media(max-width:560px){.test-grid{grid-template-columns:1fr}.test-grid article{min-height:185px}.test-head h2{font-size:3.25rem}.hero h1 small{font-size:.32em}}

.test-grid .domain-icon{height:38px;width:42px;color:var(--color-accent)}.test-grid .domain-icon svg{height:100%;width:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.test-grid article::before{display:none}.test-grid span{margin-left:0;margin-top:12px}.test-grid h3{margin-top:18px}

.hero .subtitle{font-size:clamp(1.15rem,1.8vw,1.85rem);line-height:1.35;letter-spacing:-.035em;max-width:650px;margin-bottom:30px}

.hero h1 small{font-size:.35em}.form-grid label>span{color:var(--color-accent)}

.hero h1 small{font-size:1em;letter-spacing:inherit;line-height:.92}.contact-form{background:var(--color-white);border-color:var(--color-white)}.form-grid label,.form-grid label>span{color:var(--color-navy)}.form-grid input,.form-grid select,.form-grid textarea{background:var(--color-white);color:var(--color-navy);border-color:#9ba8b1}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#78a900;box-shadow:0 0 0 3px var(--color-accent-alpha-40)}.form-status{color:#527400}

.hero h1 small{font-size:.5em;letter-spacing:-.055em;line-height:.95;color:var(--color-white)}.hero h1 small .lime{color:var(--color-accent)}@media(max-width:560px){.hero h1{font-size:clamp(2.65rem,12vw,3.65rem);line-height:.92}.hero h1 small{font-size:.45em;letter-spacing:-.04em}}

/* Compact test matrix */
.test-grid{gap:8px;margin-top:34px}.test-grid article{min-height:170px;padding:24px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:42px auto;column-gap:12px;align-items:center}.test-grid .domain-icon{grid-column:1;grid-row:1;height:34px;width:38px}.test-grid article>span{display:none}.test-grid h3{grid-column:2;grid-row:1;margin:0;color:var(--color-accent);font-size:1.18rem;line-height:1.05}.test-grid p{grid-column:1/-1;grid-row:2;margin-top:10px}.test-closing{margin-top:12px;padding-top:20px;justify-content:flex-end}.test-closing strong{margin:0}@media(max-width:560px){.test-grid{gap:7px;margin-top:26px}.test-grid article{min-height:150px;padding:19px}.test-grid h3{font-size:1.05rem}.test-grid p{margin-top:6px;font-size:.88rem}.test-closing{margin-top:8px;padding-top:16px}}

/* Test cards: icon, number and title on one compact line */
.test-grid article{grid-template-columns:38px 34px 1fr;column-gap:9px}.test-grid .domain-icon{grid-column:1;grid-row:1}.test-grid article>span{display:block;grid-column:2;grid-row:1;margin:0;color:var(--color-accent);font-size:.7rem;font-weight:900;letter-spacing:.08em}.test-grid h3{grid-column:3;grid-row:1;color:var(--color-accent)}.test-grid p{grid-column:1/-1}

/* Keep number and test title on one row */
.test-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:42px auto;column-gap:10px;align-items:center}.test-grid .domain-icon{grid-column:1;grid-row:1}.test-grid .test-card-title{grid-column:2;grid-row:1;display:flex;align-items:center;gap:9px;min-width:0}.test-grid .test-card-title>span{display:block;margin:0;color:var(--color-accent);font-size:.7rem;font-weight:900;letter-spacing:.08em;flex:0 0 auto}.test-grid .test-card-title h3{margin:0;color:var(--color-accent);font-size:1.18rem;line-height:1.05;white-space:nowrap}.test-grid article>p{grid-column:1/-1;grid-row:2;margin-top:10px}@media(max-width:560px){.test-grid .test-card-title h3{font-size:1.05rem}.test-grid article>p{margin-top:6px}}
