.landing-root{background-color:var(--colors-canvas-soft);flex-direction:column;min-height:100vh;display:flex}.landing-header{border-bottom:1px solid var(--colors-hairline);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafafacc;position:sticky;top:0}.landing-nav{justify-content:space-between;align-items:center;height:70px;display:flex}.hero-section{padding:6rem 0 4rem;position:relative}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem;display:grid}@media (max-width:968px){.hero-grid{grid-template-columns:1fr;gap:3rem}}.demo-device-frame{border:1px solid var(--colors-hairline);background:var(--colors-canvas);border-radius:24px;width:100%;max-width:360px;height:560px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 16px -4px #0000000f,0 24px 32px -8px #00000014}.demo-iframe{border:none;width:100%;height:100%}.features-section{border-top:1px solid var(--colors-hairline);background-color:var(--colors-canvas-soft-2);padding:6rem 0}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.contact-section{border-top:1px solid var(--colors-hairline);padding:6rem 0}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:4rem;display:grid}@media (max-width:868px){.contact-grid{grid-template-columns:1fr;gap:3rem}}.landing-footer{border-top:1px solid var(--colors-hairline);background-color:var(--colors-canvas-soft);text-align:center;color:var(--colors-mute);margin-top:auto;padding:3rem 0;font-size:.9rem}.how-it-works-section{background-color:var(--colors-canvas-soft)}.step-item{transform:translateY(0)}.step-item:hover{border-color:var(--colors-hairline)!important;background-color:#00000004!important}.step-item.active{box-shadow:0 4px 12px -3px #00000008,0 10px 20px -8px #0000000d}.animated-card-visual{min-height:320px;transition:all .4s cubic-bezier(.16,1,.3,1)}.progress-bar-anim{width:0%;animation:3s linear infinite progressGrow}@keyframes progressGrow{0%{width:0%}80%{width:100%}to{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.plan-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.plan-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000008}.featured-plan:hover{box-shadow:0 20px 35px -8px #7928ca38}@media (max-width:968px){.how-it-works-grid{grid-template-columns:1fr!important;gap:2rem!important}}