.mh-hero-copy>.mh-eyebrow{display:none}
.mh-hero{position:relative;padding-top:96px;background:linear-gradient(135deg,#f6f2ff 0%,#fff 48%,#edf9ff 100%)}
.mh-hero:before,.mh-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.mh-hero:before{width:330px;height:330px;left:-180px;top:40px;background:rgba(103,61,230,.08)}
.mh-hero:after{width:230px;height:230px;right:-90px;bottom:-85px;background:rgba(0,176,144,.09)}
.mh-hero h1{margin-top:0}
.mh-browser{animation:mh-browser-float 6s ease-in-out infinite}
.mh-browser-bar b{font-size:0}
.mh-browser-bar b:after{content:"tokomu.mylapak.id";font-size:10px}
.mh-proof strong{color:var(--mh-purple)}
.mh-feature.mh-soft{background:linear-gradient(135deg,var(--mh-soft),#fbfdff)}
.mh-shot,.mh-step-grid article,.mh-template-card{transition:transform .32s ease,box-shadow .32s ease,background .32s ease}
.mh-shot:hover{transform:translateY(-6px) rotate(.2deg);box-shadow:0 34px 74px rgba(47,28,106,.18)}
.mh-step-grid article:hover{transform:translateY(-5px);background:rgba(255,255,255,.13)}
.mh-template-card:hover{transform:translateY(-7px);box-shadow:0 26px 55px rgba(47,28,106,.15)}
.mh-template-image img{transition:transform .45s ease}
.mh-template-card:hover .mh-template-image img{transform:scale(1.035)}
@keyframes mh-browser-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:no-preference){
  .mh-hero-copy{animation:mh-rise .65s ease both}
  .mh-hero-visual{animation:mh-rise .75s .12s ease both}
  .mh-proof{animation:mh-fade .7s .25s ease both}
  .mh-feature-copy,.mh-shot{animation:mh-rise linear both;animation-timeline:view();animation-range:entry 5% cover 28%}
  @keyframes mh-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
  @keyframes mh-fade{from{opacity:0}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){.mh-page *{animation:none!important;transition:none!important}}
@media(max-width:600px){.mh-hero{padding-top:55px}}