/* MissAppy v2 — calm, finite motion. Content is visible without JavaScript. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.site-header{transition:box-shadow .28s,border-color .28s}
.site-header.is-scrolled{box-shadow:0 7px 30px #15375c0a;border-bottom-color:#dfe9f4}
.page-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;transform:scaleX(var(--page-progress,0));transform-origin:left;background:linear-gradient(90deg,#81b9ee,#2877cd);pointer-events:none}
.site-nav a{position:relative;transition:color .2s}
.site-nav a::after{position:absolute;content:"";height:2px;left:0;right:0;bottom:-9px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--motion-ease)}
.site-nav a:hover::after,.site-nav a:focus-visible::after{transform:scaleX(1)}
.hero{position:relative;isolation:isolate;background:linear-gradient(180deg,#fff 0%,#fafdff 38%,#edf5ff 73%,#fff 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#397cc00a 1px,transparent 1px),linear-gradient(90deg,#397cc00a 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent,#000 34%,transparent 88%);pointer-events:none}
.hero-atmosphere{position:absolute;top:-120px;left:50%;width:1350px;height:800px;transform:translateX(-50%);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#afcff82b,transparent 60%)}
.hero-atmosphere>span{position:absolute;left:80px;top:105px;width:330px;height:330px;border:1px solid #438dd717;border-radius:50%;box-shadow:0 0 0 44px #4589ce04,0 0 0 88px #4589ce03}
.hero-atmosphere>span:last-child{left:auto;right:100px;top:260px;width:430px;height:430px;border-color:#438dd714;box-shadow:0 0 0 60px #4589ce03}
.hero h1 .hero-title-line{display:block;overflow:clip;color:var(--ink);padding-bottom:.06em;margin-bottom:-.06em}
.hero h1 .hero-title-line>span{display:block;color:inherit;overflow-wrap:anywhere}
.hero h1 .hero-title-blue{color:var(--blue)}
.hero h1 .hero-title-blue>span{background:linear-gradient(110deg,#185caa 10%,#448fda 55%,#185caa 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-inner{position:relative}
.hero-actions .button{box-shadow:0 8px 22px #2877cd20;transition:background .2s,border-color .2s,transform .3s var(--motion-ease),box-shadow .3s}
.hero-actions .button-outline{box-shadow:0 4px 15px #17487706}
.hero-actions .button:hover{box-shadow:0 13px 27px #2877cd29;transform:translateY(-3px)}
.product-stage{position:relative}
.app-preview{border-color:#cddff2;box-shadow:0 24px 66px #194d8317,0 3px 9px #194d8308}
.tour-tabs{position:relative;isolation:isolate}
.tour-tabs button{position:relative;z-index:1;transition:color .2s}
.tour-tab-indicator{display:none;position:absolute;top:6px;bottom:6px;left:0;width:var(--tab-width,0px);transform:translateX(var(--tab-x,0px));border:1px solid #d5e6fa;background:#eaf3ff;border-radius:7px;pointer-events:none;transition:transform .4s var(--motion-ease),width .4s var(--motion-ease)}
.motion-ready .tour-tab-indicator{display:block}
.motion-ready .tour-tabs button[aria-selected=true]{background:transparent}
.day-picker button,.preview-nav-item{transition:background .2s,color .2s,box-shadow .2s}
.preview-nav-item:hover{background:#f0f5fc;color:var(--blue)}
.appointment{box-shadow:0 2px 5px #24456908;transition:box-shadow .2s}
.demo-chart span{transform-origin:bottom}
.demo-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}
.demo-metrics strong{overflow-wrap:anywhere}
.demo-customer-row{flex-wrap:wrap}
.demo-customer-row>div{min-width:min(100%,8rem)}
.feature-card{border-radius:20px;transition:box-shadow .35s,border-color .35s,transform .4s var(--motion-ease)}
.feature-card:focus-within{border-color:#9dc0e5;box-shadow:0 13px 30px #194d830d}
.feature-icon{transition:background .3s,transform .4s var(--motion-ease)}
.feature-finance{background:radial-gradient(ellipse at 95% 0%,#26537b,#173755 65%)}
.mini-plan-row i{transition:transform .35s var(--motion-ease),background .25s}
.steps{position:relative;border-top:0}
.steps::before{content:"";height:1px;background:linear-gradient(90deg,#8ab7e6,#e1e8f0);position:absolute;top:0;left:0;right:0;transform-origin:left}
.step-number{transition:color .3s}
.story-image>img{transition:transform 1s var(--motion-ease)}
.photo-note{box-shadow:0 8px 24px #0b1f3214}
.faq-list details{transition:background .25s}
.faq-list details[open]>p{animation:faq-content .32s var(--motion-ease)}
.faq-list details[open] summary{color:var(--blue-dark)}
.cta-section{isolation:isolate;background:linear-gradient(112deg,#236ab6,#2877cd 58%,#3889dc);box-shadow:0 20px 44px #2877cd13}
.cta-section::before{content:"";position:absolute;z-index:-1;right:-80px;top:-175px;width:570px;height:570px;border:1px solid #ffffff1f;border-radius:50%;box-shadow:0 0 0 60px #ffffff07,0 0 0 120px #ffffff04;pointer-events:none}
.cta-content{max-width:620px}
.cta-wordmark{position:relative}
@keyframes faq-content{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes mini-plan-entry{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes image-settle{from{transform:scale(1.065)}to{transform:scale(1)}}
@keyframes line-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.motion-ready .feature-planner.is-in-view .mini-plan-row{animation:mini-plan-entry .65s var(--motion-ease) backwards}
.motion-ready .feature-planner.is-in-view .mini-plan-row:nth-child(2){animation-delay:.12s}
.motion-ready .feature-planner.is-in-view .mini-plan-row:nth-child(3){animation-delay:.22s}
.motion-ready .feature-planner.is-in-view .mini-plan-row:nth-child(4){animation-delay:.32s}
.motion-ready .story-image.is-in-view>img{animation:image-settle 1.25s var(--motion-ease)}
.motion-ready .steps.is-in-view::before{animation:line-draw .9s var(--motion-ease)}
@media(hover:hover) and (pointer:fine){
  .feature-card:hover{transform:translateY(-6px);border-color:#b7cfe8;box-shadow:0 18px 40px #194d8310}
  .feature-finance:hover{border-color:#376b99;box-shadow:0 18px 40px #194d8320}
  .feature-card:hover .feature-icon{transform:translateY(-3px) rotate(-5deg)}
  .feature-planner:hover .mini-plan-row i{transform:translateX(3px)}
  .steps article:hover .step-number{color:#4385cd}
  .story-image:hover>img{transform:scale(1.025)}
  .appointment:hover{box-shadow:0 5px 12px #24456917}
}
@media(max-width:760px){
  .hero-atmosphere{width:850px;top:-65px;height:620px}
  .hero-atmosphere>span{left:0;width:260px;height:260px}
  .hero-atmosphere>span:last-child{right:0;width:300px;height:300px;top:225px}
  .hero::before{background-size:48px 48px;opacity:.7}
  .site-nav.is-open{animation:menu-enter .25s var(--motion-ease)}
  .site-nav a::after{display:none}
  .cta-section::before{right:-255px;top:-100px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .feature-card:hover,.feature-card:hover .feature-icon,.feature-planner:hover .mini-plan-row i,.story-image:hover>img,.hero-actions .button:hover{transform:none}
}
@media print{
  .hero-atmosphere,.page-progress{display:none}
  .site-header{position:static}
  .app-preview,.feature-card,.cta-section{box-shadow:none}
}