@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--purple:#6c5ce7;--bg:#f5f3ff}body{color:#1a1a2e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f3ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#root.app-mode{max-width:420px;margin:0 auto}#root{min-height:100vh;position:relative}::-webkit-scrollbar{width:0;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes successPop{0%{transform:scale(1)}30%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes checkGlow{0%{box-shadow:0 0 #00b89480}70%{box-shadow:0 0 0 12px #00b89400}to{box-shadow:0 0 #00b89400}}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}input,button,select,textarea{font-family:inherit}button{cursor:pointer;border:none;outline:none}input{outline:none}@keyframes landingFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatEmoji{0%,to{opacity:.12;transform:translateY(0)rotate(0)}25%{opacity:.18;transform:translateY(-18px)rotate(5deg)}50%{opacity:.12;transform:translateY(-8px)rotate(-3deg)}75%{opacity:.16;transform:translateY(-22px)rotate(4deg)}}.landing-fade-in{animation:.6s both landingFadeIn}.landing-float-emoji{animation:6s ease-in-out infinite floatEmoji}.landing-container{max-width:100%;overflow-x:hidden}.landing-section{padding:48px 24px}.landing-section-inner{max-width:1100px;margin:0 auto}.landing-hero-inner{max-width:800px;margin:0 auto}.features-grid{grid-template-columns:1fr;gap:14px;display:grid}.story-grid{flex-direction:column;gap:16px;display:flex}.story-arrow{text-align:center}.steps-grid{flex-direction:column;gap:24px;display:flex}.testimonials-grid{grid-template-columns:1fr;gap:14px;display:grid}.faq-grid{max-width:700px;margin:0 auto}.blog-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.landing-section{padding:80px 40px}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.story-grid{flex-direction:row;align-items:stretch;gap:24px}.story-grid>.story-card{flex:1}.story-arrow{justify-content:center;align-items:center;display:flex}.story-arrow svg,.story-arrow>div{transform:rotate(-90deg)}.steps-grid{flex-direction:row;gap:32px}.steps-grid>div{flex:1}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:20px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:28px}.hero-title{font-size:52px!important}.hero-subtitle{font-size:22px!important}}@media (width>=1024px){.landing-section{padding:100px 60px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px}.hero-title{font-size:60px!important}.hero-subtitle{font-size:24px!important}.hero-desc{max-width:500px!important;font-size:16px!important}.hero-layout{text-align:left;justify-content:center;align-items:center;gap:60px;display:flex}.hero-layout .hero-text{text-align:left;flex:1;max-width:520px}.hero-layout .hero-mockup{flex-shrink:0}}@media (width>=1200px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-article{max-width:760px;margin:0 auto;padding:40px 24px 80px}.blog-article h1{color:#1a1a2e;letter-spacing:-.5px;margin-bottom:16px;font-size:28px;font-weight:800;line-height:1.3}.blog-article .article-meta{color:#9b9bb4;align-items:center;gap:12px;margin-bottom:32px;font-size:13px;display:flex}.blog-article h2{color:#1a1a2e;letter-spacing:-.3px;margin:36px 0 14px;font-size:22px;font-weight:700}.blog-article h3{color:#1a1a2e;margin:28px 0 10px;font-size:18px;font-weight:700}.blog-article p{color:#4a4a68;margin-bottom:18px;font-size:16px;line-height:1.75}.blog-article ul,.blog-article ol{color:#4a4a68;margin:0 0 18px 24px;font-size:16px;line-height:1.75}.blog-article li{margin-bottom:8px}.blog-article blockquote{color:#4a4a68;background:#ede9fe;border-left:4px solid #6c5ce7;border-radius:0 12px 12px 0;margin:24px 0;padding:16px 20px;font-style:italic}@media (width>=768px){.blog-article{padding:60px 40px 100px}.blog-article h1{font-size:36px}}