.scene{background-repeat:no-repeat;background-size:cover;background-position:center}
.hero-scene{background-image:url('assets/hero-objects.png');background-size:cover;background-position:center}
.lab-scene{background-image:url('assets/object-lab.png');background-size:cover;background-position:center}
.crop.a{background-image:url('assets/case-vera.png');background-position:center}
.crop.b{background-image:url('assets/case-nexo.png');background-position:center}
.crop.c{background-image:url('assets/case-ion.png');background-position:center}
.footer-scene{background-image:url('assets/footer-objects.png');background-size:cover;background-position:center}
.hero h1,.lab h2,.case-grid h3,.system h2,.process h2,.proof h2,.cta h2{font-family:Impact,Archivo,sans-serif;font-weight:400;letter-spacing:0}
.hero h1{font-size:82px;line-height:.83}.lab h2{font-size:56px;line-height:.86}.case-grid h3{font-size:42px;line-height:.88}
.lab a,.cases a,.system a{display:block;color:#ff4b08;font-size:8px;margin:16px 0}
.matrix{columns:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #555;padding-top:0;font:inherit}
.matrix article{min-height:82px;padding:14px 16px 10px 0;border-bottom:1px solid #444}.matrix b,.matrix span{display:block}.matrix b{font-size:10px}.matrix span{margin-top:7px;color:#aaa;font-size:8px;line-height:1.35}
.process p{max-width:210px;font-size:9px;line-height:1.4}.process li b,.process li span{display:block}.process li span{margin-top:10px;font-size:8px;line-height:1.4}.hero aside em{color:#ff4b08;font-style:normal;font-size:18px}
@media(max-width:700px){.hero-scene,.lab-scene,.crop.a,.crop.b,.crop.c,.footer-scene{background-position:center}}

/* Exact source frame: 864 x 1821. Macro geometry precedes detail polish. */
@media(min-width:701px){
  header,main,footer{width:864px;max-width:864px}
  header{height:54px;padding:0 23px;gap:36px}
  header b,footer b{font-size:21px}header nav,header span{font-size:6px}
  section{padding:22px}
  .hero{height:344px;grid-template-columns:39% 45% 16%}
  .hero h1{font-size:61px;line-height:.84;margin:16px 0 12px}.hero p{width:205px;font-size:7px}.hero a{margin-top:27px;font-size:6px}.hero aside{padding:105px 0 0 15px;font-size:7px;line-height:2.25}
  .lab{height:303px;grid-template-columns:31% 69%;gap:18px}.lab h2{font-size:40px;line-height:.87;margin:13px 0}.lab p{font-size:7px;width:185px}.lab a{font-size:6px;margin-top:13px}
  .cases{height:363px}.case-grid{margin-top:12px}.case-grid article{padding-right:13px}.case-grid article+article{padding-left:13px}.case-grid h3{font-size:29px;line-height:.9;margin:10px 0}.case-grid p{height:34px;font-size:6px}.cases a{font-size:6px;margin:10px 0}.crop{height:184px}
  .system{height:236px;grid-template-columns:31% 69%}.system h2{font-size:33px;line-height:.9;margin:13px 0}.system p{font-size:7px}.system a{font-size:6px}.matrix article{min-height:58px;padding:9px 10px 6px 0}.matrix b{font-size:7px}.matrix span{font-size:6px;margin-top:4px}
  .process{height:201px;grid-template-columns:27% 73%}.process h2{font-size:32px;line-height:.9;margin:13px 0}.process p{font-size:6px}.process ol{padding:56px 0 0;gap:14px;font-size:7px}.process li span{font-size:6px;margin-top:7px}
  .proof{height:171px;grid-template-columns:1.2fr repeat(4,1fr);gap:14px}.proof h2{font-size:32px}.proof div{font-size:6px;padding-left:12px}.proof strong{font-size:27px}
  .cta{height:145px;grid-template-columns:38% 27% 35%}.cta h2{font-size:39px}.cta p{font-size:7px}.footer-scene{height:105px}
  footer{height:35px;padding:0 23px;font-size:6px}
}