/* MOMENTUM FRAMEWORK 3.1 */
.momentum-showcase{
  --mf-progress:0%;
  --mf-pulse-y:0%;
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 18% 8%,rgba(254,99,0,.18),transparent 30%),radial-gradient(circle at 82% 82%,rgba(254,99,0,.10),transparent 34%),linear-gradient(180deg,#050505 0%,#000 100%);
  color:#fff;
  padding:155px 24px;
}

.momentum-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:74px 74px;
  opacity:.13;
  pointer-events:none;
}

.momentum-showcase:after{
  content:"";
  position:absolute;
  left:50%;
  top:260px;
  width:6px;
  height:calc(100% - 420px);
  background:radial-gradient(circle at 50% var(--mf-pulse-y),rgba(254,99,0,.95) 0 2px,rgba(254,99,0,.55) 3px 9px,transparent 24px),linear-gradient(to bottom,rgba(254,99,0,.72) 0 var(--mf-progress),rgba(254,99,0,.13) var(--mf-progress) 100%);
  opacity:.68;
  transform:translateX(-50%);
  filter:drop-shadow(0 0 14px rgba(254,99,0,.46));
  pointer-events:none;
  transition:background .18s linear;
}

.mf-hero{
  position:relative;
  z-index:2;
  max-width:980px;
  margin:0 auto 105px;
  text-align:center;
}

.mf-title{
  font-family:Anton,sans-serif;
  font-size:clamp(66px,8.5vw,132px);
  line-height:.92;
  text-transform:uppercase;
  letter-spacing:.015em;
  margin:0;
}

.mf-title span{
  display:block;
  color:#FE6300;
}

.mf-trademark{
  font:inherit;
  line-height:inherit;
  vertical-align:baseline;
}

.mf-hero p{
  margin:34px auto 0;
  max-width:780px;
  color:rgba(255,255,255,.72);
  font-size:22px;
  line-height:1.68;
}

.mf-scenes{
  position:relative;
  z-index:2;
  max-width:1360px;
  margin:0 auto;
  display:grid;
  gap:42px;
}

.mf-scene{
  position:relative;
  min-height:540px;
  display:grid;
  grid-template-columns:170px minmax(0,1fr) 430px;
  gap:42px;
  align-items:center;
  border:1px solid rgba(255,255,255,.105);
  border-radius:38px;
  padding:54px;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028)),rgba(255,255,255,.035);
  backdrop-filter:blur(18px);
  box-shadow:0 34px 100px rgba(0,0,0,.42);
  overflow:hidden;
  opacity:0;
  transform:translateY(42px);
  transition:opacity .75s ease,transform .75s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
}

.mf-scene.is-visible{
  opacity:1;
  transform:translateY(0);
}

.mf-scene.is-visible.is-past:not(.is-active){
  opacity:.84;
}

.mf-scene.is-visible:hover{
  transform:translateY(-12px);
}

.mf-scene.is-visible.is-active{
  opacity:1;
  transform:translateY(-6px);
  border-color:rgba(254,99,0,.74);
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(254,99,0,.052)),rgba(255,255,255,.05);
  box-shadow:0 50px 136px rgba(0,0,0,.58),0 0 145px rgba(254,99,0,.26),0 0 48px rgba(254,99,0,.20);
}

.mf-scene.is-visible.is-active:hover{
  transform:translateY(-12px);
}

.mf-scene.is-entering{
  animation:mfStepArrive .9s ease both;
}

.mf-scene:hover{
  border-color:rgba(254,99,0,.64);
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.042)),rgba(255,255,255,.05);
  box-shadow:0 52px 140px rgba(0,0,0,.58),0 0 130px rgba(254,99,0,.22),0 0 42px rgba(254,99,0,.16);
}

.mf-scene:after{
  content:"";
  position:absolute;
  inset:-1px;
  background:radial-gradient(circle at 82% 30%,rgba(254,99,0,.18),transparent 36%);
  pointer-events:none;
}

.mf-scene:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-42px;
  width:18px;
  height:18px;
  border-right:2px solid rgba(254,99,0,.65);
  border-bottom:2px solid rgba(254,99,0,.65);
  transform:translateX(-50%) rotate(45deg);
  opacity:.75;
  z-index:4;
}

.mf-scene:last-child:before{
  display:none;
}

.mf-number{
  position:relative;
  z-index:2;
  font-family:Anton,sans-serif;
  font-size:clamp(86px,9vw,150px);
  line-height:.85;
  color:rgba(255,255,255,.045);
  -webkit-text-stroke:1px rgba(254,99,0,.45);
  transition:.35s;
}

.mf-scene:hover .mf-number{
  color:rgba(254,99,0,.10);
  -webkit-text-stroke-color:rgba(254,99,0,.78);
}

.mf-copy{
  position:relative;
  z-index:2;
}

.mf-label{
  color:#FE6300;
  font-size:13px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.mf-copy h3{
  max-width:760px;
  margin:0 0 22px;
  font-size:clamp(34px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.025em;
  transition:transform .35s ease;
}

.mf-scene:hover .mf-copy h3{
  transform:translateX(8px);
}

.mf-copy p{
  max-width:740px;
  margin:0 0 30px;
  color:rgba(255,255,255,.72);
  font-size:19px;
  line-height:1.7;
}

.mf-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mf-tags span{
  padding:11px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.84);
  font-size:14px;
  font-weight:800;
  transition:transform .32s ease,background .3s ease,border-color .3s ease;
}

.mf-tags span:nth-child(2){
  transition-delay:.035s;
}

.mf-tags span:nth-child(3){
  transition-delay:.07s;
}

.mf-tags span:nth-child(4){
  transition-delay:.105s;
}

.mf-tags span:nth-child(5){
  transition-delay:.14s;
}

.mf-scene:hover .mf-tags span{
  transform:translateY(-5px);
  background:rgba(254,99,0,.13);
  border-color:rgba(254,99,0,.34);
}

.mf-tags span:hover{
  transform:translateY(-8px);
}

.mf-visual{
  position:relative;
  z-index:2;
  min-height:350px;
  border-radius:30px;
  background:radial-gradient(circle at 50% 45%,rgba(254,99,0,.24),transparent 43%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.11);
  overflow:hidden;
  transition:.45s;
}

.mf-scene:hover .mf-visual,
.mf-scene.is-active .mf-visual{
  transform:scale(1.025);
  border-color:rgba(254,99,0,.38);
  box-shadow:inset 0 0 78px rgba(254,99,0,.10),0 0 80px rgba(254,99,0,.13);
}

.discover-visual{
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 50%,rgba(254,99,0,.28),transparent 32%),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),rgba(255,255,255,.035);
  background-size:auto,44px 44px,44px 44px,auto;
}

.radar-core{
  width:76px;
  height:76px;
  border-radius:50%;
  background:#FE6300;
  box-shadow:0 0 0 22px rgba(254,99,0,.12),0 0 70px rgba(254,99,0,.55);
  animation:pulseCore 2.4s ease-in-out infinite;
}

.discover-visual:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  border:1px solid rgba(254,99,0,.35);
  animation:radarSweep 1.8s linear infinite;
}

.discover-visual span,
.amplify-visual span{
  position:absolute;
  padding:11px 15px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-weight:900;
  font-size:13px;
}

.discover-visual span:nth-of-type(1){
  left:30px;
  top:34px;
}

.discover-visual span:nth-of-type(2){
  right:30px;
  top:54px;
}

.discover-visual span:nth-of-type(3){
  left:42px;
  bottom:44px;
}

.discover-visual span:nth-of-type(4){
  right:38px;
  bottom:36px;
}

.capture-visual,
.amplify-visual,
.momentum-visual{
  display:grid;
  place-items:center;
}

.camera-body{
  width:210px;
  height:132px;
  border-radius:28px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  position:relative;
  box-shadow:inset 0 0 50px rgba(0,0,0,.28);
  animation:cameraFloat 4s ease-in-out infinite;
}

.camera-body:before{
  content:"REC";
  position:absolute;
  left:22px;
  top:18px;
  color:#FE6300;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
}

.camera-lens{
  position:absolute;
  width:82px;
  height:82px;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:10px solid rgba(254,99,0,.6);
  background:#050505;
  box-shadow:0 0 50px rgba(254,99,0,.34);
}

.clip-stack span{
  position:absolute;
  width:72px;
  height:44px;
  border-radius:12px;
  background:rgba(254,99,0,.2);
  border:1px solid rgba(254,99,0,.35);
  animation:clipPop 3.2s ease-in-out infinite;
}

.clip-stack span:nth-child(1){
  right:38px;
  top:42px;
}

.clip-stack span:nth-child(2){
  right:70px;
  top:102px;
  animation-delay:.25s;
}

.clip-stack span:nth-child(3){
  right:38px;
  top:162px;
  animation-delay:.5s;
}

.capture-content-label{
  display:none;
}

.shoot-node{
  position:relative;
  z-index:2;
  padding:22px 28px;
  border-radius:999px;
  background:#FE6300;
  color:#fff;
  font-weight:900;
  box-shadow:0 0 75px rgba(254,99,0,.5);
  animation:pulseNode 2.6s ease-in-out infinite;
}

.amplify-visual span{
  animation:orbitFloat 4.5s ease-in-out infinite;
}

.amplify-visual span:nth-of-type(1){
  left:32px;
  top:42px;
}

.amplify-visual span:nth-of-type(2){
  right:44px;
  top:56px;
}

.amplify-visual span:nth-of-type(3){
  left:36px;
  bottom:54px;
}

.amplify-visual span:nth-of-type(4){
  right:36px;
  bottom:44px;
}

.amplify-visual span:nth-of-type(5){
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
}

.accelerate-visual{
  display:grid;
  place-items:center;
  padding:42px;
}

.growth-engine{
  position:relative;
  width:min(100%,330px);
  height:260px;
  border-radius:28px;
}

.growth-engine:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.4;
  pointer-events:none;
}

.growth-bars{
  position:absolute;
  inset:58px 24px 22px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  z-index:2;
}

.growth-bars span{
  width:52px;
  border-radius:18px 18px 10px 10px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 0 24px rgba(255,255,255,.035),0 18px 36px rgba(0,0,0,.28);
  transform-origin:bottom;
}

.growth-bars span:nth-child(1){
  height:58px;
}

.growth-bars span:nth-child(2){
  height:92px;
}

.growth-bars span:nth-child(3){
  height:132px;
}

.growth-bars span:nth-child(4){
  height:178px;
  border-color:rgba(254,99,0,.30);
  background:linear-gradient(180deg,rgba(254,99,0,.28),rgba(255,255,255,.065));
  animation:growthFinalBarGlow 3.8s ease-in-out infinite;
}

.growth-curve{
  position:absolute;
  inset:18px 10px 52px;
  z-index:3;
  overflow:visible;
}

.growth-curve path{
  fill:none;
  stroke:#FE6300;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 10px rgba(254,99,0,.52));
  opacity:.78;
}

.growth-pulse-dot{
  fill:#FE6300;
}

.growth-bloom{
  position:absolute;
  z-index:1;
  right:6px;
  top:4px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(254,99,0,.28),transparent 68%);
  filter:blur(12px);
  opacity:0;
  animation:growthBloom 3.8s ease-in-out infinite;
  pointer-events:none;
}

.automate-visual{
  display:grid;
  place-items:center;
  padding:40px;
}

.automation-flow{
  position:relative;
  width:min(100%,240px);
  display:grid;
  justify-items:center;
  gap:8px;
}

.automation-flow:before{
  content:"";
  position:absolute;
  inset:8% 14%;
  border-radius:999px;
  background:radial-gradient(circle at 50% 0%,rgba(254,99,0,.20),transparent 45%),radial-gradient(circle at 50% 100%,rgba(254,99,0,.14),transparent 44%);
  filter:blur(18px);
  opacity:.75;
  pointer-events:none;
}

.automation-stage{
  position:relative;
  z-index:2;
  min-width:168px;
  padding:12px 20px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 0 22px rgba(255,255,255,.03);
  color:#fff;
  font-weight:900;
  text-align:center;
  backdrop-filter:blur(14px);
}

.automation-connector{
  position:relative;
  z-index:1;
  width:1px;
  height:18px;
  background:linear-gradient(180deg,rgba(254,99,0,.24),rgba(254,99,0,.74),rgba(254,99,0,.24));
  box-shadow:0 0 22px rgba(254,99,0,.45);
}

.automation-pulse{
  position:absolute;
  z-index:3;
  top:20px;
  left:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#FE6300;
  box-shadow:0 0 18px rgba(254,99,0,.95),0 0 42px rgba(254,99,0,.55);
  transform:translate(-50%,0);
  animation:automationPulseTravel 5.6s cubic-bezier(.45,0,.25,1) infinite;
  pointer-events:none;
}

.automation-stage:nth-of-type(1){
  animation:automationStageGlow 5.6s ease-in-out infinite;
  animation-delay:0s;
}

.automation-stage:nth-of-type(3){
  animation:automationStageGlow 5.6s ease-in-out infinite;
  animation-delay:1.4s;
}

.automation-stage:nth-of-type(5){
  animation:automationStageGlow 5.6s ease-in-out infinite;
  animation-delay:2.8s;
}

.automation-stage:nth-of-type(7){
  animation:automationStageGlow 5.6s ease-in-out infinite;
  animation-delay:4.2s;
}

.mf-final{
  border-color:rgba(254,99,0,.45);
  background:linear-gradient(135deg,rgba(254,99,0,.18),rgba(255,255,255,.04)),rgba(255,255,255,.04);
}

.mf-final.is-visible.is-active{
  border-color:rgba(254,99,0,.86);
  box-shadow:0 58px 150px rgba(0,0,0,.62),0 0 170px rgba(254,99,0,.34),0 0 70px rgba(254,99,0,.25);
}

.mf-final.is-active .mf-visual{
  border-color:rgba(254,99,0,.48);
  box-shadow:inset 0 0 92px rgba(254,99,0,.14),0 0 100px rgba(254,99,0,.18);
}

.momentum-engine{
  position:relative;
  width:min(100%,360px);
  min-height:310px;
  display:grid;
  place-items:center;
  border-radius:34px;
}

.momentum-engine:before{
  content:"";
  position:absolute;
  inset:20%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(254,99,0,.25),transparent 70%);
  filter:blur(16px);
  animation:engineCoreAura 6s ease-in-out infinite;
}

.engine-connector{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:1px;
  height:88px;
  transform-origin:50% 0;
  background:linear-gradient(180deg,rgba(254,99,0,.70),rgba(254,99,0,.18));
  box-shadow:0 0 18px rgba(254,99,0,.24);
  pointer-events:none;
}

.engine-connector-discover{
  transform:translate(-50%,-50%) rotate(0deg);
}

.engine-connector-capture{
  height:92px;
  transform:translate(-50%,-50%) rotate(305deg);
}

.engine-connector-amplify{
  height:92px;
  transform:translate(-50%,-50%) rotate(55deg);
}

.engine-connector-automate{
  height:86px;
  transform:translate(-50%,-50%) rotate(235deg);
}

.engine-connector-accelerate{
  height:86px;
  transform:translate(-50%,-50%) rotate(125deg);
}

.engine-core{
  position:relative;
  z-index:4;
  width:118px;
  height:118px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.34),transparent 30%),linear-gradient(135deg,#FE6300,rgba(254,99,0,.78));
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 0 0 18px rgba(254,99,0,.11),0 0 82px rgba(254,99,0,.48),inset 0 0 26px rgba(255,255,255,.16);
  animation:engineCorePulse 6s ease-in-out infinite;
}

.engine-stage-node{
  position:absolute;
  z-index:3;
}

.engine-stage-node span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 18px 36px rgba(0,0,0,.28),0 0 28px rgba(254,99,0,.13);
  backdrop-filter:blur(12px);
}

.engine-node-discover{
  left:50%;
  top:16px;
  transform:translateX(-50%);
}

.engine-node-capture{
  left:30px;
  top:90px;
}

.engine-node-amplify{
  right:30px;
  top:90px;
}

.engine-node-accelerate{
  right:22px;
  bottom:38px;
}

.engine-node-automate{
  left:32px;
  bottom:38px;
}

.engine-flow-pulse{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#FE6300;
  box-shadow:0 0 18px rgba(254,99,0,.95),0 0 42px rgba(254,99,0,.55);
  transform:translate(-50%,-50%);
  opacity:0;
  animation:enginePulseIn 6s cubic-bezier(.45,0,.24,1) infinite;
}

.engine-pulse-discover{
  --pulse-start-x:0px;
  --pulse-start-y:-118px;
  animation-delay:0s;
}

.engine-pulse-capture{
  --pulse-start-x:-114px;
  --pulse-start-y:-54px;
  animation-delay:.8s;
}

.engine-pulse-amplify{
  --pulse-start-x:114px;
  --pulse-start-y:-54px;
  animation-delay:1.6s;
}

.engine-pulse-automate{
  --pulse-start-x:-104px;
  --pulse-start-y:84px;
  animation-delay:2.4s;
}

.engine-pulse-accelerate{
  --pulse-start-x:104px;
  --pulse-start-y:84px;
  animation-delay:3.2s;
}

.mf-button{
  display:inline-flex;
  margin-top:8px;
  padding:18px 34px;
  border-radius:999px;
  background:#FE6300;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 22px 60px rgba(254,99,0,.32);
  transition:.35s;
}

.mf-button:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 80px rgba(254,99,0,.45);
}

@keyframes pulseCore{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}

@keyframes radarSweep{
  0%{transform:rotate(0deg) scale(.3);opacity:.7}
  80%{opacity:.7}
  100%{transform:rotate(360deg) scale(1.08);opacity:0}
}

@keyframes cameraFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes clipPop{
  0%,100%{transform:translateX(0);opacity:.7}
  50%{transform:translateX(-8px);opacity:1}
}

@keyframes pulseNode{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.06)}
}

@keyframes orbitFloat{
  0%,100%{margin-top:0}
  50%{margin-top:-8px}
}

@keyframes captureLabelFloat{
  0%,100%{margin-top:0}
  50%{margin-top:-3px}
}

@keyframes growthFinalBarGlow{
  0%,74%,100%{
    border-color:rgba(254,99,0,.30);
    box-shadow:inset 0 0 24px rgba(255,255,255,.035),0 18px 36px rgba(0,0,0,.28);
  }
  84%{
    border-color:rgba(254,99,0,.70);
    box-shadow:inset 0 0 28px rgba(254,99,0,.10),0 18px 42px rgba(0,0,0,.30),0 0 46px rgba(254,99,0,.28);
  }
}

@keyframes growthBloom{
  0%,72%,100%{opacity:0;transform:scale(.82)}
  84%{opacity:1;transform:scale(1)}
}

@keyframes automationStageGlow{
  0%,18%,100%{
    border-color:rgba(255,255,255,.16);
    box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 0 22px rgba(255,255,255,.03);
    background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  }
  7%{
    border-color:rgba(254,99,0,.62);
    box-shadow:0 20px 46px rgba(0,0,0,.30),0 0 32px rgba(254,99,0,.22),inset 0 0 24px rgba(254,99,0,.06);
    background:linear-gradient(135deg,rgba(254,99,0,.18),rgba(255,255,255,.065));
  }
}

@keyframes automationPulseTravel{
  0%,10%{transform:translate(-50%,0);opacity:1}
  28%,35%{transform:translate(-50%,74px);opacity:1}
  53%,60%{transform:translate(-50%,148px);opacity:1}
  78%,86%{transform:translate(-50%,222px);opacity:1}
  100%{transform:translate(-50%,222px);opacity:0}
}

@keyframes enginePulseIn{
  0%,12%{
    transform:translate(calc(-50% + var(--pulse-start-x)),calc(-50% + var(--pulse-start-y))) scale(.7);
    opacity:0;
  }
  22%{
    opacity:1;
  }
  42%,100%{
    transform:translate(-50%,-50%) scale(1);
    opacity:0;
  }
}

@keyframes engineCorePulse{
  0%,88%,100%{transform:scale(1);box-shadow:0 0 0 18px rgba(254,99,0,.11),0 0 82px rgba(254,99,0,.48),inset 0 0 26px rgba(255,255,255,.16)}
  94%{transform:scale(1.04);box-shadow:0 0 0 24px rgba(254,99,0,.08),0 0 102px rgba(254,99,0,.58),inset 0 0 30px rgba(255,255,255,.18)}
}

@keyframes engineCoreAura{
  0%,100%{opacity:.68;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.04)}
}

@keyframes mfStepArrive{
  0%{box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 0 rgba(254,99,0,0)}
  38%{box-shadow:0 46px 128px rgba(0,0,0,.58),0 0 120px rgba(254,99,0,.28),0 0 0 1px rgba(254,99,0,.42)}
  100%{box-shadow:0 50px 136px rgba(0,0,0,.58),0 0 145px rgba(254,99,0,.26),0 0 48px rgba(254,99,0,.20)}
}

@media(max-width:1200px){
  .mf-scene{
    grid-template-columns:120px 1fr;
  }

  .mf-visual{
    grid-column:2;
  }
}

@media(max-width:800px){
  .momentum-showcase{
    padding:100px 22px;
  }

  .momentum-showcase:after{
    display:none;
  }

  .mf-hero{
    text-align:left;
    margin-bottom:60px;
  }

  .mf-hero p{
    font-size:18px;
  }

  .mf-scene{
    grid-template-columns:1fr;
    min-height:auto;
    padding:28px;
    border-radius:28px;
  }

  .mf-scene:before{
    display:none;
  }

  .mf-number{
    font-size:64px;
  }

  .mf-copy h3{
    font-size:34px;
  }

  .mf-copy p{
    font-size:17px;
  }

  .mf-visual{
    grid-column:auto;
    min-height:260px;
  }

}

@media(max-width:768px){
  .mf-title{
    box-sizing:border-box;
    padding-right:16px;
    font-size:clamp(61px,15vw,122px);
  }

  .mf-trademark{
    display:none;
  }

  .mf-final{
    gap:18px;
  }

  .mf-final .mf-copy{
    display:contents;
  }

  .mf-final .mf-label{
    order:1;
    margin-bottom:0;
  }

  .mf-final .mf-copy h3{
    order:2;
    margin-bottom:0;
  }

  .mf-final .mf-copy p{
    order:3;
    margin-bottom:0;
  }

  .mf-final .momentum-visual{
    order:4;
  }

  .mf-final .mf-button{
    order:5;
    width:max-content;
    margin-top:8px;
  }

  .mf-scene:first-child .mf-tags{
    display:none;
  }

  .mf-scene:first-child .mf-copy p{
    margin-bottom:0;
  }

  .mf-scene:first-child .discover-visual{
    min-height:310px;
    margin-top:10px;
  }

  .mf-scene:first-child .radar-core{
    width:88px;
    height:88px;
  }

  .mf-scene:first-child .discover-visual:before{
    width:255px;
    height:255px;
  }

  .mf-scene:nth-child(2) .mf-tags{
    display:none;
  }

  .mf-scene:nth-child(2) .mf-copy p{
    margin-bottom:0;
  }

  .mf-scene:nth-child(2) .capture-visual{
    min-height:310px;
    margin-top:10px;
  }

  .mf-scene:nth-child(2) .camera-body{
    width:214px;
    height:135px;
    transform:translateY(14px);
  }

  .mf-scene:nth-child(2) .camera-lens{
    width:80px;
    height:80px;
  }

  .mf-scene:nth-child(2) .clip-stack span{
    opacity:.48;
  }

  .capture-content-label{
    display:block;
    position:absolute;
    z-index:4;
    padding:11px 15px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    font-weight:900;
    font-size:13px;
    color:#fff;
    box-shadow:0 14px 34px rgba(0,0,0,.25),0 0 24px rgba(254,99,0,.08);
    animation:captureLabelFloat 4.8s ease-in-out infinite;
  }

  .capture-content-label:nth-of-type(1){
    left:16px;
    top:24px;
  }

  .capture-content-label:nth-of-type(2){
    right:16px;
    top:36px;
    animation-delay:.35s;
  }

  .capture-content-label:nth-of-type(3){
    left:24px;
    bottom:72px;
    animation-delay:.7s;
  }

  .capture-content-label:nth-of-type(4){
    right:30px;
    bottom:82px;
    animation-delay:1.05s;
  }

  .capture-content-label:nth-of-type(5){
    left:50%;
    bottom:30px;
    transform:translateX(-50%);
    animation-delay:1.4s;
  }

  .mf-scene:nth-child(3) .mf-tags{
    display:none;
  }

  .mf-scene:nth-child(3) .mf-copy p{
    margin-bottom:0;
  }

  .mf-scene:nth-child(3) .amplify-visual{
    min-height:310px;
    margin-top:10px;
  }

  .mf-scene:nth-child(4) .accelerate-visual{
    min-height:310px;
    margin-top:10px;
    padding:30px;
  }

  .mf-scene:nth-child(4) .growth-engine{
    width:min(100%,290px);
    height:244px;
  }

  .mf-scene:nth-child(4) .growth-bars{
    inset:58px 18px 22px;
  }

  .mf-scene:nth-child(4) .growth-bars span{
    width:44px;
  }

  .mf-scene:nth-child(4) .growth-curve{
    inset:22px 4px 56px;
  }

  .mf-scene:nth-child(6) .momentum-visual{
    min-height:310px;
    margin-top:2px;
  }

  .mf-scene:nth-child(6) .momentum-engine{
    width:min(100%,300px);
    min-height:300px;
  }

  .mf-scene:nth-child(6) .engine-core{
    width:104px;
    height:104px;
    font-size:14px;
  }

  .mf-scene:nth-child(6) .engine-stage-node span{
    min-width:80px;
    padding:9px 12px;
    font-size:11px;
  }

  .mf-scene:nth-child(6) .engine-connector-discover{
    height:76px;
  }

  .mf-scene:nth-child(6) .engine-connector-capture,
  .mf-scene:nth-child(6) .engine-connector-amplify{
    height:76px;
  }

  .mf-scene:nth-child(6) .engine-connector-automate,
  .mf-scene:nth-child(6) .engine-connector-accelerate{
    height:72px;
  }

  .mf-scene:nth-child(6) .engine-node-discover{
    left:50%;
    top:14px;
    transform:translateX(-50%);
  }

  .mf-scene:nth-child(6) .engine-node-capture{
    left:12px;
    top:86px;
  }

  .mf-scene:nth-child(6) .engine-node-amplify{
    right:12px;
    top:86px;
  }

  .mf-scene:nth-child(6) .engine-node-accelerate{
    right:10px;
    bottom:34px;
  }

  .mf-scene:nth-child(6) .engine-node-automate{
    left:14px;
    bottom:34px;
  }

  .mf-scene:nth-child(6) .engine-pulse-discover{
    --pulse-start-x:0px;
    --pulse-start-y:-106px;
  }

  .mf-scene:nth-child(6) .engine-pulse-capture{
    --pulse-start-x:-96px;
    --pulse-start-y:-48px;
  }

  .mf-scene:nth-child(6) .engine-pulse-amplify{
    --pulse-start-x:96px;
    --pulse-start-y:-48px;
  }

  .mf-scene:nth-child(6) .engine-pulse-automate{
    --pulse-start-x:-92px;
    --pulse-start-y:78px;
  }

  .mf-scene:nth-child(6) .engine-pulse-accelerate{
    --pulse-start-x:92px;
    --pulse-start-y:78px;
  }
}