:root{--lo-primary:#f93;--lo-primary-dark:#ff6b1a;--lo-primary-light:#fff3e6;--lo-bg-cream:#fff9f0;--lo-bg-warm:#fef6ec;--lo-bg-light:#fffbf5;--lo-bg-white:#fff;--lo-text-primary:#1a1a1a;--lo-text-secondary:#666;--lo-text-muted:#999;--lo-shadow-sm:0 2px 8px rgba(255,153,51,.08);--lo-shadow-md:0 8px 24px rgba(255,153,51,.12);--lo-shadow-lg:0 16px 48px rgba(255,153,51,.15);--lo-goals:#ff6b6b;--lo-tasks:#4ecdc4;--lo-habits:#f93;--lo-journal:#a855f7;--lo-time:#3b82f6;--lo-analytics:#10b981;--lo-today:#ec4899;--lo-ai:#f59e0b;--lo-radius-sm:8px;--lo-radius-md:16px;--lo-radius-lg:24px;--lo-radius-pill:100px}html{scroll-behavior:smooth}body{overflow-x:hidden;overflow-x:clip}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-shimmer{animation:shimmer 3s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-animate{background-size:200% auto;animation:gradient-shift 3s ease infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(255,153,51,.7)}50%{box-shadow:0 0 0 10px rgba(255,153,51,0)}}.pulse-glow{animation:pulse-glow 2s infinite}.glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(255,153,51,.6),0 0 40px rgba(255,153,51,.4)}@keyframes lo-progress-fill{0%{width:0}to{width:var(--progress-target,70%)}}@keyframes lo-bar-grow{0%{height:0}to{height:var(--bar-height,50%)}}@keyframes lo-fade-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lo-fade-slide-left{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes lo-gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes lo-streak-flame{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.15) rotate(2deg)}}@keyframes lo-typing-dots{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes lo-rotate-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lo-check-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes lo-counter-tick{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes lo-timer-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes lo-banner-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.lo-pwa-banner-enter{animation:lo-banner-slide-up .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes logo-bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-8px) scale(1.04)}50%{transform:translateY(0) scale(1)}70%{transform:translateY(-4px) scale(1.02)}}.lo-hero-logo{animation:logo-bounce 2.5s ease-in-out infinite}.lo-phone-carousel{display:flex;align-items:center;justify-content:center;gap:48px;padding:80px 20px;background:var(--lo-bg-cream)}.lo-phone-frame{position:relative;width:280px;height:560px;background:linear-gradient(145deg,#1e1e2e,#0d0d1a);border-radius:40px;padding:10px;box-shadow:0 25px 60px rgba(0,0,0,.25),inset 0 0 0 2px hsla(0,0%,100%,.08);flex-shrink:0}.lo-phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:70px;height:22px;background:#0d0d1a;border-radius:12px;z-index:10}.lo-phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:var(--lo-bg-light);position:relative}.lo-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;padding:36px 14px 12px;display:flex;flex-direction:column;overflow:hidden}.lo-slide.active{opacity:1;visibility:visible}.lo-slide:not(.active) *{animation-play-state:paused!important}.lo-carousel-dots{display:flex;justify-content:center;gap:5px;margin-top:24px}.lo-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,153,51,.2);border:none;cursor:pointer;transition:all .3s ease;padding:0}.lo-dot.active{width:18px;border-radius:3px;background:linear-gradient(90deg,var(--lo-primary),var(--lo-primary-dark))}.lo-carousel-info{max-width:380px}.lo-carousel-info h2{font-size:clamp(28px,5vw,40px);font-weight:800;color:var(--lo-text-primary);margin-bottom:16px;letter-spacing:-.02em}.lo-carousel-label{display:inline-block;padding:6px 16px;border-radius:var(--lo-radius-pill);font-size:14px;font-weight:600;color:#fff;margin-bottom:20px}.lo-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.lo-feature-item{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--lo-text-secondary);animation:lo-fade-slide-left .3s ease forwards;opacity:0}.lo-feature-check{color:#10b981;font-weight:700;flex-shrink:0}.lo-how-it-works{padding:80px 20px;background:var(--lo-bg-white)}.lo-tab-bar{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0;justify-content:center;flex-wrap:wrap}.lo-tab-bar::-webkit-scrollbar{display:none}.lo-tab{padding:10px 20px;border-radius:var(--lo-radius-pill);background:#fff;border:1px solid #e5e7eb;font-size:14px;font-weight:600;color:var(--lo-text-secondary);cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.lo-tab:hover{border-color:var(--lo-primary);color:var(--lo-primary)}.lo-tab.active{background:linear-gradient(135deg,var(--lo-primary),var(--lo-primary-dark));color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(255,153,51,.3)}.lo-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:40px;animation:lo-fade-slide-in .3s ease forwards}.lo-step-card{text-align:center;padding:28px 20px;background:#fff;border-radius:var(--lo-radius-md);box-shadow:var(--lo-shadow-sm);position:relative}.lo-step-number{position:absolute;top:12px;left:16px;font-size:14px;font-weight:800;color:var(--lo-primary);opacity:.6}.lo-step-icon{font-size:36px;margin-bottom:12px;display:block}.lo-step-title{font-size:16px;font-weight:700;color:var(--lo-text-primary);margin-bottom:6px}.lo-step-desc{font-size:13px;color:var(--lo-text-muted);line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f93,#138808);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff6b1a,#10a37f)}@media (max-width:640px){.responsive-text{font-size:clamp(1.5rem,5vw,2.5rem)}}@media (max-width:768px){.lo-phone-carousel{flex-direction:column;gap:32px;padding:60px 20px}.lo-phone-frame{width:240px;height:480px}.lo-carousel-info{text-align:center;max-width:100%}.lo-carousel-info h2{font-size:28px}.lo-feature-list{align-items:center}.lo-steps-grid{grid-template-columns:1fr;gap:12px}.lo-tab-bar{justify-content:flex-start;flex-wrap:nowrap;padding:4px 0}}@media (max-width:480px){.lo-phone-frame{width:200px;height:400px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.lo-hero-logo{animation:none}.lo-slide{transition:none}}