:root{--color-bg:#fbf8f1;--color-text:#1f2937;--color-text-muted:#4b5563;--color-primary:#c98a2a;--color-primary-rgb:201, 138, 42;--color-primary-tint:#cf9640;--color-primary-shade:#b57c25;--color-secondary:#2f8f88;--color-secondary-rgb:47, 143, 136;--color-tertiary:#d86e4b;--color-tertiary-rgb:216, 110, 75;--color-light:#f4efe5;--color-medium:#7b8794;--color-dark:#1f2937;--color-white:#fff;--color-card-bg:#fffcf6d1;--color-card-border:#d8c4a047;--color-card-shadow:#6454320f;--color-header-bg:#fbf8f1d9;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--border-radius-lg:28px;--border-radius-md:18px;--border-radius-sm:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;width:100%;line-height:1.6;position:relative;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}li{list-style:none}.ambient-glow{filter:blur(120px);z-index:-1;pointer-events:none;opacity:.45;border-radius:50%;position:absolute}.glow-1{background:radial-gradient(circle, rgba(var(--color-primary-rgb), .3) 0%, transparent 70%);width:500px;height:500px;top:-100px;left:-150px}.glow-2{background:radial-gradient(circle, rgba(var(--color-secondary-rgb), .22) 0%, transparent 70%);width:600px;height:600px;top:200px;right:-200px}.app-header{z-index:100;width:100%;transition:all var(--transition-normal);border-bottom:1px solid #0000;position:fixed;top:0;left:0}.app-header.scrolled{background-color:var(--color-header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-card-border);padding:10px 0;box-shadow:0 10px 30px #6454320a}.app-header:not(.scrolled){padding:24px 0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.logo-link{align-items:center;gap:12px;display:flex}.brand-logo{width:44px;height:44px;box-shadow:0 6px 16px rgba(var(--color-tertiary-rgb), .3);transition:transform var(--transition-fast);border-radius:12.3px}.brand-logo.mini{width:32px;height:32px;box-shadow:0 4px 10px rgba(var(--color-tertiary-rgb), .2);border-radius:8.9px}.logo-link:hover .brand-logo{transform:scale(1.06)rotate(-3deg)}.brand-name{letter-spacing:-.5px;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-tertiary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.45rem;font-weight:800}.nav-menu{align-items:center;gap:36px;display:flex}.nav-item{color:var(--color-text-muted);padding:6px 0;font-size:.95rem;font-weight:600;position:relative}.nav-item:after{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-tertiary) 100%);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav-item:hover{color:var(--color-text)}.nav-item:hover:after{width:100%}.btn{transition:all var(--transition-normal);border-radius:20px;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-header-cta{background-color:var(--color-dark);color:var(--color-white);border-radius:20px;padding:10px 22px;box-shadow:0 4px 12px #1f293726}.btn-header-cta:hover{background-color:var(--color-primary);box-shadow:0 6px 18px rgba(var(--color-primary-rgb), .25);transform:translateY(-2px)}.menu-toggle-btn{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:none}.menu-toggle-btn span{background-color:var(--color-text);width:100%;height:2.5px;transition:all var(--transition-fast);border-radius:2px}.hero-section{padding:160px 0 100px;position:relative}.hero-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.hero-text-content{flex-direction:column;display:flex}.eyebrow{color:#9a6526;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.85rem;font-weight:700}.hero-title{letter-spacing:-1.5px;color:var(--color-text);margin-bottom:20px;font-size:3.5rem;font-weight:900;line-height:1.15}.gradient-text{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-tertiary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--color-text-muted);max-width:520px;margin-bottom:40px;font-size:1.15rem;line-height:1.65}.hero-cta-buttons{flex-direction:column;gap:24px;display:flex}.btn-primary{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-tertiary) 100%);color:var(--color-white);box-shadow:0 10px 24px rgba(var(--color-tertiary-rgb), .35);align-self:flex-start;padding:16px 36px;font-size:1.05rem;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 14px 30px rgba(var(--color-tertiary-rgb), .45);transform:translateY(-3px)}.btn-primary:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.btn-primary:hover:after{left:120%}.btn-pulse{animation:2.5s infinite pulse-shadow}@keyframes pulse-shadow{0%{box-shadow:0 10px 24px rgba(var(--color-tertiary-rgb), .35), 0 0 0 0 rgba(var(--color-primary-rgb), .3)}70%{box-shadow:0 10px 24px rgba(var(--color-tertiary-rgb), .35), 0 0 0 15px rgba(var(--color-primary-rgb), 0)}to{box-shadow:0 10px 24px rgba(var(--color-tertiary-rgb), .35), 0 0 0 0 rgba(var(--color-primary-rgb), 0)}}.store-buttons{align-items:center;gap:16px;display:flex}.btn-store{background-color:var(--color-dark);color:var(--color-white);transition:all var(--transition-normal);border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:10px 20px;display:flex;box-shadow:0 6px 16px #0000001f}.btn-store:hover{background-color:#000;border-color:#fff3;transform:translateY(-2px);box-shadow:0 10px 22px #0003}.store-icon{height:24px}.store-btn-text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.store-btn-desc{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:.65rem}.store-btn-title{font-size:.95rem;font-weight:700}.badge-soon{background:var(--color-primary);color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 8px rgba(var(--color-primary-rgb), .4);z-index:2;border:1px solid #fff3;border-radius:10px;padding:4px 8px;font-size:.6rem;font-weight:800;position:absolute;top:-10px;right:-10px;transform:rotate(3deg)}.btn,.btn-store,.btn-store-banner{position:relative}.disabled-btn{filter:grayscale();pointer-events:none!important;opacity:.65!important;cursor:not-allowed!important}.hero-mockup-wrapper{justify-content:center;align-items:center;display:flex}.mockup-frame{width:320px;height:640px;transition:transform var(--transition-slow);background-color:#1a1a1a;border:12px solid #2d2d2d;border-radius:40px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #64543226,0 0 0 4px #424242}.mockup-frame:hover{transform:translateY(-10px)rotate(1deg)}.mockup-header{z-index:10;background-color:#2d2d2d;justify-content:center;align-items:center;gap:8px;height:24px;display:flex;position:relative}.mockup-speaker{background-color:#1a1a1a;border-radius:2px;width:40px;height:4px}.mockup-camera{background-color:#0d0d0d;border-radius:50%;width:8px;height:8px}.mockup-home-button{z-index:10;background-color:#2d2d2d;height:24px;position:relative}.mockup-screen{background-color:var(--color-bg);flex:1;position:relative;overflow:hidden}.app-chrome{-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;display:flex}.app-toolbar{background-color:var(--color-bg);border-bottom:1px solid #6454320d;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.app-title{color:var(--color-text);font-size:1.05rem;font-weight:800}.app-avatar{background-color:var(--color-primary-tint);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.avatar-letter{color:var(--color-white);font-size:.8rem;font-weight:700}.app-scrollable-content{scrollbar-width:none;background:radial-gradient(circle at 0 0,#f8c25838,#0000 32%),radial-gradient(circle at 100% 0,#3da7a529,#0000 28%),linear-gradient(#fbf8f1 0%,#f4efe5 48%,#efe7d7 100%);flex:1;padding:12px;overflow-y:auto}.app-scrollable-content::-webkit-scrollbar{display:none}.tracker-hero{border:1px solid var(--color-card-border);background:#fffcf6db;border-radius:20px;margin-bottom:14px;padding:16px;box-shadow:0 12px 24px #6454320f}.mockup-brand-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.mockup-brand-icon{flex-shrink:0;width:24px;height:24px}.mockup-brand-text{letter-spacing:-.3px;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-tertiary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.95rem;font-weight:800}.mockup-hero-h1{color:var(--color-dark);margin:6px 0 8px;font-size:1.1rem;font-weight:900;line-height:1.25}.app-mini-widgets-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.mini-widget{background-color:var(--color-white);text-align:left;border:1px solid #6454320a;border-radius:12px;flex-direction:column;gap:2px;padding:10px 8px;display:flex;box-shadow:0 4px 10px #64543205}.widget-label-top{color:var(--color-medium);letter-spacing:.01em;font-size:.55rem;font-weight:600}.widget-num{color:var(--color-dark);margin:1px 0;font-size:1.2rem;font-weight:850}.widget-label-bottom{color:#a67f56;font-size:.55rem;font-weight:600}.tracker-panel.priorities-panel{border:1px solid var(--color-card-border);background:#fffcf6db;border-radius:20px;margin-bottom:14px;padding:16px;box-shadow:0 12px 24px #6454320f}.priorities-header{margin-bottom:12px}.priorities-heading-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.priorities-heading-row h2{color:var(--color-dark);font-size:.95rem;font-weight:900}.ver-todos-link{color:var(--color-primary-shade);font-size:.72rem;font-weight:700}.priorities-empty-state{background-color:var(--color-white);text-align:center;border:1px solid #64543208;border-radius:12px;padding:16px}.priorities-empty-state h3{color:var(--color-dark);margin-bottom:4px;font-size:.8rem;font-weight:800}.priorities-empty-state p{color:var(--color-text-muted);font-size:.65rem;line-height:1.4}.app-category-filters{scrollbar-width:none;gap:6px;margin-bottom:14px;padding:2px 0;display:flex;overflow-x:auto}.filter-tab{color:var(--color-text-muted);transition:all var(--transition-fast);background-color:#fffcf6b3;border:1px solid #6454320d;border-radius:14px;flex:none;padding:6px 12px;font-size:.7rem;font-weight:700}.filter-tab:hover,.filter-tab.active{background-color:var(--color-white);color:var(--color-primary-shade);border-color:var(--color-primary);box-shadow:0 4px 10px #6454320a}.mockup-section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mockup-section-heading h2{font-size:.85rem;font-weight:800}.badge-count{background-color:var(--color-primary);color:var(--color-white);border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:800}.mockup-card{border:1px solid var(--color-card-border);transition:all var(--transition-normal);background:#fffcf6e0;border-radius:18px;gap:12px;margin-bottom:10px;padding:12px;display:flex;box-shadow:0 8px 16px #6454320a}.mockup-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #64543212}.card-header-icon{border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.item-icon-books{color:var(--color-primary);background-color:#c98a2a1f}.item-icon-games{color:var(--color-secondary);background-color:#2f8f881f}.item-icon-learning{color:var(--color-tertiary);background-color:#d86e4b1f}.card-details{flex-direction:column;flex:1;display:flex}.card-top-info{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card-cat-label{text-transform:uppercase;letter-spacing:.02em;font-size:.6rem;font-weight:800}.label-books{color:var(--color-primary)}.label-games{color:var(--color-secondary)}.label-learning{color:var(--color-tertiary)}.card-percent{color:var(--color-text);font-size:.7rem;font-weight:800}.card-details h3{color:var(--color-text);margin-bottom:6px;font-size:.85rem;font-weight:800;line-height:1.25}.progress-bar-container{background-color:#64543214;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.progress-bar-fill{height:100%;transition:width var(--transition-slow);border-radius:2px}.fill-books{background-color:var(--color-primary)}.fill-games{background-color:var(--color-secondary)}.fill-learning{background-color:var(--color-tertiary)}.card-meta{color:var(--color-medium);font-size:.65rem;font-weight:600}.app-tabbar{background-color:var(--color-white);border-top:1px solid #6454320d;justify-content:space-around;align-items:center;height:52px;padding:0 4px;display:flex}.tabbar-item{cursor:pointer;width:23%;height:100%;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.tabbar-item-inner{color:var(--color-medium);transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;padding:4px;display:flex}.tabbar-item.active .tabbar-item-inner{color:var(--color-primary-shade);background-color:#f6efe2;border-radius:14px;width:auto;min-width:62px;padding:6px 12px;box-shadow:inset 0 0 0 1px #c98a2a0f}.tabbar-item span{font-size:.55rem;font-weight:700}.features-section{background-color:var(--color-light);padding:100px 0;position:relative}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;max-width:680px;margin:0 auto 60px}.section-title{letter-spacing:-.8px;margin-bottom:16px;font-size:2.4rem;font-weight:800;line-height:1.25}.section-subtitle{color:var(--color-text-muted);font-size:1.05rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.feature-card{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--border-radius-lg);box-shadow:0 16px 36px var(--color-card-shadow);transition:all var(--transition-normal);padding:36px}.feature-card:hover{border-color:#c98a2a26;transform:translateY(-6px);box-shadow:0 24px 48px #6454321a}.feature-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex}.f-books{color:var(--color-primary);background-color:#c98a2a1a}.f-goals{color:var(--color-tertiary);background-color:#d86e4b1a}.f-widgets{color:var(--color-secondary);background-color:#2f8f881a}.f-privacy{color:var(--color-dark);background-color:#1f293714}.feature-card h3{margin-bottom:12px;font-size:1.35rem;font-weight:700}.feature-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.how-it-works-section{background-color:var(--color-bg);padding:100px 0}.steps-flow{grid-template-columns:repeat(3,1fr);gap:30px;display:grid;position:relative}.steps-flow:after{content:"";background:dashed #c98a2a33;z-index:1;height:2px;position:absolute;top:40px;left:10%;right:10%}.step-card{text-align:center;z-index:2;background-color:var(--color-bg);padding:20px;position:relative}.step-number{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-tertiary) 100%);width:48px;height:48px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 4px 12px #d86e4b40}.step-card h3{margin-bottom:12px;font-size:1.25rem;font-weight:700}.step-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.faq-section{background-color:var(--color-light);padding:100px 0}.faq-accordion-container{flex-direction:column;gap:16px;max-width:740px;margin:0 auto;display:flex}.faq-item{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);overflow:hidden}.faq-item:hover{border-color:#c98a2a26}.faq-question{text-align:left;width:100%;color:var(--color-text);transition:color var(--transition-fast);justify-content:space-between;align-items:center;padding:20px 24px;font-size:1.1rem;font-weight:700;display:flex}.faq-question:hover{color:var(--color-primary-shade)}.faq-arrow{border-right:2.5px solid var(--color-medium);border-bottom:2.5px solid var(--color-medium);width:12px;height:12px;transition:transform var(--transition-normal);flex:none;transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height var(--transition-normal) ease-out;overflow:hidden}.faq-answer p{color:var(--color-text-muted);padding:0 24px 24px;font-size:.95rem;line-height:1.65}.faq-item.active{box-shadow:0 10px 24px var(--color-card-shadow);border-color:#c98a2a26}.faq-item.active .faq-arrow{border-color:var(--color-primary-shade);transform:rotate(-135deg)}.banner-cta-section{background-color:var(--color-bg);padding:80px 0}.banner-container{border-radius:var(--border-radius-lg);max-width:1100px;color:var(--color-white);text-align:center;background:radial-gradient(circle at 0 0,#f8c25826,#0000 45%),radial-gradient(circle at 100% 100%,#d86e4b1a,#0000 45%),linear-gradient(135deg,#1f2937 0%,#111827 100%);margin:0 auto auto;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 30px 60px #11182740}.banner-title{letter-spacing:-.5px;margin-bottom:12px;font-size:2.2rem;font-weight:800}.banner-desc{opacity:.85;max-width:500px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:1.05rem}.banner-cta-buttons{flex-direction:column;align-items:center;gap:24px;display:flex}.btn-banner-web{background-color:var(--color-white);color:var(--color-dark);border-radius:var(--border-radius-md);transition:all var(--transition-normal);padding:16px 36px;font-size:1.05rem;font-weight:800;box-shadow:0 8px 20px #0003}.btn-banner-web:hover{background-color:var(--color-primary-tint);color:var(--color-white);box-shadow:0 12px 24px rgba(var(--color-primary-rgb), .3);transform:translateY(-2px)}.banner-store-row{gap:16px;display:flex}.btn-store-banner{color:var(--color-white);transition:all var(--transition-normal);background:0 0;border:1.5px solid #ffffff26;border-radius:12px;padding:10px 24px;font-size:.9rem;font-weight:700}.btn-store-banner:hover{background-color:#ffffff0d;border-color:#ffffff4d;transform:translateY(-1px)}.app-footer{background-color:var(--color-light);border-top:1px solid var(--color-card-border);padding:60px 0 40px}.footer-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.footer-brand-info{flex-direction:column;gap:10px;display:flex}.footer-tagline{color:var(--color-medium);font-size:.85rem;font-weight:600}.footer-credits{text-align:right;max-width:500px}.footer-credits p{color:var(--color-text-muted);font-size:.85rem}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-text-content{text-align:center;align-items:center}.hero-subtitle{margin-left:auto;margin-right:auto}.btn-primary{align-self:center;padding:12px 28px;font-size:.98rem}.store-buttons{justify-content:center}}@media (width<=768px){html{font-size:15px}.app-header:not(.scrolled){padding:16px 0}#header-web-btn{display:none}.banner-container{border-radius:var(--border-radius-md);margin:0 16px;padding:45px 24px}.hero-mockup-wrapper{width:100%;overflow:hidden}.nav-menu{background-color:var(--color-bg);border-bottom:1px solid var(--color-card-border);opacity:0;visibility:hidden;width:100%;transition:all var(--transition-normal);flex-direction:column;gap:20px;padding:30px 24px;position:fixed;top:68px;left:0;transform:translateY(-10px)}.nav-menu.open{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 10px 20px #6454320d}.menu-toggle-btn{display:flex}.menu-toggle-btn.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.menu-toggle-btn.open span:nth-child(2){opacity:0}.menu-toggle-btn.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.features-grid{grid-template-columns:1fr}.steps-flow{grid-template-columns:1fr;gap:40px}.steps-flow:after{display:none}.footer-container{text-align:center;flex-direction:column;gap:30px}.footer-brand-info{align-items:center}.footer-credits{text-align:center}}@media (width<=480px){.hero-title{font-size:2.8rem}.store-buttons{flex-direction:column;width:100%}.btn-store{justify-content:center;width:100%}.btn-primary{align-self:center;width:auto;min-width:220px;max-width:280px;padding:12px 24px;font-size:.95rem}.banner-store-row{flex-direction:column;width:100%}.btn-store-banner{width:100%}}@media (width<=375px){.mockup-frame{transform-origin:50%;margin:-20px 0;transform:scale(.9)}}@media (width<=340px){.mockup-frame{transform-origin:50%;margin:-40px 0;transform:scale(.82)}}