/* Final approved visual reference 2026-10-12: accurate above-the-fold geometry */
@media(min-width:768px){
  .mc-v2-hero{padding-top:8px!important;min-height:427px!important}
  .mc-v2-main{min-height:416px!important;}
  .mc-v2-copy{transform:translateY(13px)}
  .mc-v2-visual{height:423px!important;overflow:visible}
  .mc-v2-goal-art{position:absolute!important;display:block;max-width:none!important;width:938px;height:auto;left:-88px;top:13px;z-index:4;pointer-events:none}
  .mc-v2-goal-line{position:absolute;display:block;width:80px;height:80px;object-fit:contain;left:-65px;top:115px;z-index:8;transform:rotate(-10deg);filter:drop-shadow(0 6px 12px #1981cd33)}
  .mc-v2-step-graphic{width:240px;height:auto}
  .mc-v2-step-graphic.step-2{width:153px;right:24px}
  .mc-v2-step-graphic.step-3{width:202px;right:12px}
  .mc-v2-steps{padding-top:5px!important}
  .mc-v2-steps h2{margin-bottom:10px!important}
  .mc-v2-feature-section{width:min(1390px,calc(100% - 64px))!important;max-width:1390px!important}
  .mc-v2-steps{width:min(1385px,calc(100% - 64px))!important}
}
.mc-v2-visual>.mc-v2-phone,.mc-v2-visual>.mc-v2-halo,.mc-v2-visual>.mc-v2-dots,.mc-v2-visual>.mc-v2-avatar,.mc-v2-visual>.mc-v2-icon-float,.mc-v2-visual>.mc-v2-float-msg,.mc-v2-visual>.mc-v2-float-note{display:none!important}
.mc-v2-step-illo{display:none!important}
.mc-v2-goal-art{display:block;position:absolute;pointer-events:none}
.mc-v2-goal-line{display:block;position:absolute;pointer-events:none}
.mc-v2-step-graphic{display:block;position:absolute;right:0;bottom:0;max-width:none;pointer-events:none}
.mc-v2-step-graphic.step-2{right:25px}
.mc-v2-step-graphic.step-3{right:0}
.mc-v2-step-brand{position:absolute;z-index:3;display:block;object-fit:contain;right:184px;bottom:65px;width:41px;height:41px}
.mc-v2-step{background:#fff!important;border-radius:22px!important}
.mc-v2-steps{background:rgba(255,255,255,.94)!important}
.mc-v2-steps h2{color:#091637!important}
.mc-v2-hero{background:linear-gradient(150deg,#fff 2%,#f8fcff 48%,#d3ebff 98%)!important}
.mc-v2-swoosh{opacity:.65}
.mc-v2-copy h1{letter-spacing:-.077em!important}
.mc-v2-feature strong{font-size:14px!important}
.mc-v2-feature small{font-size:11.4px!important}
.mc-v2-feature{box-shadow:0 9px 20px -12px #86b8e15c!important}
.mc-v2-feature-section{z-index:6!important;position:relative!important}
@media(min-width:768px) and (max-width:1240px){
 .mc-v2-goal-art{left:-114px;width:820px}
 .mc-v2-goal-line{left:-95px;top:100px;width:69px;height:69px}
 .mc-v2-copy h1{font-size:clamp(43px,5vw,64px)!important}
 .mc-v2-lead{font-size:14px}
 .mc-v2-feature strong{font-size:12px!important}
 .mc-v2-feature small{font-size:10px!important}
}
@media(max-width:767px){
 .mc-v2-hero{padding-top:76px!important;min-height:0!important}
 .mc-v2-copy{transform:none}
 .mc-v2-visual{height:355px!important;margin:4px auto 0!important;overflow:hidden}
 .mc-v2-goal-art{width:680px;max-width:none;top:-8px;left:calc(50% - 245px)}
 .mc-v2-goal-line{width:55px;height:55px;left:4%;top:70px;transform:rotate(-10deg)}
 .mc-v2-phone-status{display:block!important;position:absolute;right:0;top:2px;transform:rotate(7deg);width:118px;height:210px;z-index:3;opacity:.9}
 .mc-v2-step-graphic.step-1{width:185px;right:0}
 .mc-v2-step-graphic.step-2{width:140px;right:15px}
 .mc-v2-step-graphic.step-3{width:150px;right:10px}
 .mc-v2-step-brand{width:32px;height:32px;right:145px;bottom:65px}
 .mc-v2-step-text{max-width:63%}
 .mc-v2-steps{padding-top:13px!important}
}
@media(max-width:370px){.mc-v2-goal-art{width:615px;left:calc(50% - 225px)}.mc-v2-visual{height:327px!important}}
/* Optical corrections measured at reference width 1672px. */
@media(min-width:1241px){
.mc-nav-inner{max-width:1360px!important;padding:8px 20px!important}
.mc-nav-actions{margin-right:18px!important}
.mc-v2-copy{transform:translateY(-2px)!important;padding-left:0!important;margin-left:-8px!important}
.mc-v2-copy h1{line-height:1.10!important;margin-bottom:10px!important}
.mc-v2-lead{line-height:1.67!important;margin-bottom:15px!important}
.mc-v2-hero{min-height:411px!important}
.mc-v2-main{min-height:401px!important}
.mc-v2-goal-art{width:968px!important;left:-91px!important;top:-62px!important}
.mc-v2-goal-line{top:34px!important;left:-63px!important}
.mc-v2-feature-section{padding-left:0!important;padding-right:0!important}
}
@media(min-width:1241px){
.mc-nav{background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.985) 43%,rgba(255,255,255,.0) 53%,rgba(255,255,255,.0) 74%,rgba(255,255,255,.94) 86%,#fff 100%)!important}
}
.mc-v2-step-text{max-width:52%!important}
@media(min-width:1241px){
.mc-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(max-width:767px){
.mc-v2-goal-art{width:580px!important;left:calc(50% - 225px)!important;top:15px!important}
.mc-v2-visual{height:312px!important}
.mc-v2-visual>.mc-v2-phone.mc-v2-phone-status{display:block!important;top:0!important;right:0!important;z-index:6!important;transform:rotate(7deg)!important;opacity:.93!important}
.mc-v2-step-text{max-width:57%!important}
}
@media(max-width:767px){
.mc-v2-visual{height:383px!important}
.mc-v2-goal-art{mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 100%)}
}
/* The existing app LP uses a fixed top navigation. Reserve its height explicitly. */
.mc-nav{position:fixed!important}
.mc-v2-hero{margin-top:72px!important;overflow:visible!important}
@media(max-width:767px){.mc-v2-hero{margin-top:65px!important}}
@media(min-width:768px) and (max-width:1240px){.mc-v2-hero{overflow:hidden!important}}
/* Three-person group symbol and tightened step-card geometry follow the approved artwork. */
.mc-v2-icon.mc-v2-group{position:relative!important;font-size:0!important;background:transparent!important}
.mc-v2-group::before{content:'';position:absolute;top:8px;left:18px;width:17px;height:17px;border-radius:50%;background:#0877f5;box-shadow:-17px 5px 0 -2px #138dff,17px 5px 0 -2px #138dff}
.mc-v2-group::after{content:'';position:absolute;bottom:5px;left:12px;width:30px;height:19px;border-radius:16px 16px 2px 2px;background:#0877f5;box-shadow:-17px 5px 0 -3px #138dff,17px 5px 0 -3px #138dff}
@media(min-width:1241px){
.mc-v2-primary{min-width:312px!important}
.mc-v2-steps{padding-left:0!important;padding-right:0!important}
.mc-v2-steps h2{line-height:1.1!important;margin-bottom:0!important}
.mc-v2-step{min-height:152px!important}
}
/* The approved hero SVG now embeds the original app icon directly; no overlay positioning is needed. */
