/* Progressive enhancement: content remains visible without JavaScript. */
#home{isolation:isolate}
#home .hero{position:relative}
#home .hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#267a531c .8px,transparent .8px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
#home .heroCopy{z-index:3}
#home .heroVisual{perspective:1100px}
#home .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
#home .orbOne{height:75px;width:75px;background:#b8e2c0;top:40px;right:45px;opacity:.65}
#home .orbTwo{height:35px;width:35px;background:#d4eac7;bottom:48px;left:15px}
#home .demoPhone{will-change:transform;transition:transform .25s ease-out}
#home .floatingChip{animation:mbFloat 6s ease-in-out infinite}
#home .chipBottom{animation-delay:-3s}
#home .visualGlow{animation:mbBreathe 8s ease-in-out infinite}
#home .heroTag{box-shadow:0 5px 25px #2c9d6512}
#home .heroTag .pulse{animation:mbPulse 2.4s ease-in-out infinite}
#home .featureIcon{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}
#home .features article:hover .featureIcon{transform:rotate(-8deg) scale(1.08);background:#d8efdf}
#home .stepIcon{transition:transform .35s}
#home .steps article:hover .stepIcon{transform:translateY(-6px) rotate(5deg)}
#home .steps article{transition:transform .3s,box-shadow .3s}
#home .steps article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #153b2410}
#home .miniCard{transition:transform .3s}
#home .miniCard:hover{transform:translateY(-4px)}
#home .finalCta:before{animation:mbBreathe 12s ease-in-out infinite}
#home .heroSecondary span{display:inline-block;transition:transform .25s}
#home .heroSecondary:hover span{transform:translateY(4px)}
@keyframes mbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes mbBreathe{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.09);opacity:1}}
@keyframes mbPulse{0%,100%{box-shadow:0 0 0 5px #2c9d651c}50%{box-shadow:0 0 0 10px #2c9d6508}}
@media(prefers-reduced-motion:no-preference){
 .motion-ready #home [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
 .motion-ready #home [data-reveal].is-visible{opacity:1;transform:translateY(0)}
 .motion-ready #home .features article{opacity:0;transform:translateY(35px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
 .motion-ready #home .features article.is-visible{opacity:1;transform:translateY(0)}
 .motion-ready #home .steps article{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
 .motion-ready #home .steps article.is-visible{opacity:1;transform:translateY(0)}
 .motion-ready #home .features article.is-visible:hover,.motion-ready #home .steps article.is-visible:hover{transform:translateY(-5px)}
}
@media(max-width:800px){#home .hero:after{opacity:.15}#home .orb{display:none}#home .demoPhone{will-change:auto}}
@media(prefers-reduced-motion:reduce){#home *,#home *:before,#home *:after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}}

/* Enhanced visual motion: entrance choreography, dramatic ambient glow, marquee */
#home .heroCopy h1{animation:mbTitleIn .95s cubic-bezier(.2,.8,.2,1) both}
#home .heroCopy>p{animation:mbTitleIn 1.1s .13s cubic-bezier(.2,.8,.2,1) both}
#home .heroVisual{animation:mbVisualIn 1.2s .15s cubic-bezier(.2,.8,.2,1) both}
#home .heroVisual:before{content:'';position:absolute;inset:55px 10px;border-radius:50%;background:conic-gradient(from 45deg,#95cfa65c,#c8e8cb15,#5eb68c50,#95cfa65c);filter:blur(32px);animation:mbOrbit 16s linear infinite}
#home .demoCover .coverIcon{animation:mbIconSpin 13s ease-in-out infinite}
#home .trustStripInner strong{transition:color .25s,transform .25s}
#home .trustStripInner strong:hover{color:#1b8b57;transform:translateY(-3px)}
#home .featureVisual{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
#home .features article:hover .featureVisual{transform:translateY(-7px)}
#home .finalCta .ctaOrnament{animation:mbIconSpin 10s linear infinite}
#home .heroActions .primary span{display:inline-block;transition:transform .3s}
#home .heroActions .primary:hover span{transform:translate(4px,-4px)}
@keyframes mbTitleIn{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@keyframes mbVisualIn{from{opacity:0;transform:translate(30px,25px) scale(.94)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes mbOrbit{to{transform:rotate(360deg)}}
@keyframes mbIconSpin{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(14deg)}}
@media(prefers-reduced-motion:reduce){#home .heroCopy h1,#home .heroCopy>p,#home .heroVisual,#home .heroVisual:before,#home .demoCover .coverIcon,#home .finalCta .ctaOrnament{animation:none!important}}