*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--red:#E84040;--green:#3DBE6E;--blue:#4A90E2;--dark:#1a1a2e;--body:#2d2d44;--muted:#6b7280;--light:#f8f9fc;--white:#ffffff;--border:#e5e7eb;--radius:16px;--shadow:0 4px 24px rgba(0,0,0,.08)}html{scroll-behavior:smooth}[id]{scroll-margin-top:160px}body{font-family:inter,system-ui,sans-serif;color:var(--body);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100}.nav-logo img{height:120px}.nav-links{display:flex;align-items:center;gap:2rem;font-size:.95rem;font-weight:500;color:var(--muted)}.nav-links a:hover{color:var(--body)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:50px;font-size:.95rem;font-weight:600;transition:all .2s;cursor:pointer;white-space:nowrap}.btn-small{padding:.5rem 1.1rem;font-size:.875rem}.btn-large{padding:.9rem 2rem;font-size:1.05rem}.btn-primary{background:var(--green);color:var(--white);box-shadow:0 2px 12px rgba(61,190,110,.35)}.btn-primary:hover{background:#34a85f;transform:translateY(-1px);box-shadow:0 4px 18px rgba(61,190,110,.4)}.btn-secondary{background:var(--white);color:var(--body);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px)}.btn-disabled{opacity:.55;cursor:default;pointer-events:none}.coming-soon{font-size:.7rem;background:rgba(255,255,255,.25);padding:.15rem .4rem;border-radius:4px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero{display:flex;align-items:center;gap:4rem;padding:5rem 2rem;max-width:1160px;margin:0 auto}.hero-content{flex:1}.badge{display:inline-block;background:rgba(61,190,110,.12);color:var(--green);padding:.35rem .9rem;border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.25rem}.hero h1{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.15;color:var(--dark);margin-bottom:1.25rem;letter-spacing:-.02em}.highlight-green{color:var(--green)}.highlight-red{color:var(--red)}.hero-sub{font-size:1.15rem;color:var(--muted);max-width:480px;margin-bottom:2.25rem;line-height:1.7}.cta-group{display:flex;gap:1rem;flex-wrap:wrap}.cta-group-center{justify-content:center}.hero-visual{flex-shrink:0}.phone-mockup{width:290px;background:var(--dark);border-radius:40px;padding:16px;box-shadow:0 32px 80px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,6%);position:relative}.phone-mockup::before{content:'';display:block;width:100px;height:8px;background:rgba(255,255,255,.12);border-radius:4px;margin:0 auto 14px}.phone-screen{background:#f0f2f8;border-radius:28px;overflow:hidden;min-height:480px;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .75rem;background:var(--white)}.app-title-small{font-weight:700;font-size:1.1rem;color:var(--dark)}.task-count{font-size:.8rem;color:var(--muted);font-weight:500}.swipe-demo{flex:1;position:relative;padding:1.25rem;display:flex;align-items:center;justify-content:center}.card{position:absolute;width:calc(100% - 2.5rem);background:var(--white);border-radius:var(--radius);padding:1.5rem 1.25rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}.card-back{transform:rotate(-2deg)translateY(8px);opacity:.6}.card-back-2{transform:rotate(2deg)translateY(16px);opacity:.35}.card-front{position:relative;z-index:2;animation:cardFloat 3s ease-in-out infinite}@keyframes cardFloat{0%,100%{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(.5deg)}}.card-label{font-weight:700;font-size:1.05rem;color:var(--dark);margin-bottom:.35rem}.card-sub{font-size:.8rem;color:var(--muted);font-weight:500}.swipe-hint{position:absolute;top:12px;font-size:.65rem;font-weight:800;letter-spacing:.1em;padding:.2rem .5rem;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s}.hint-left{left:12px;color:var(--red);border:2px solid var(--red)}.hint-right{right:12px;color:var(--green);border:2px solid var(--green)}.card-front:hover .hint-left{opacity:.35}.card-front:hover .hint-right{opacity:.35}.swipe-actions{display:flex;justify-content:center;gap:2.5rem;padding:1rem 1.25rem 1.5rem;background:var(--white)}.action-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.action-btn:hover{transform:scale(1.1)}.action-skip{background:rgba(232,64,64,.1);color:var(--red)}.action-done{background:rgba(61,190,110,.1);color:var(--green)}.section{padding:5rem 2rem}.section-alt{background:var(--light)}.container{max-width:1100px;margin:0 auto}.text-center{text-align:center}.section-title{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;color:var(--dark);text-align:center;letter-spacing:-.02em;margin-bottom:1rem}.section-sub{text-align:center;color:var(--muted);font-size:1.1rem;max-width:540px;margin:0 auto 3.5rem;line-height:1.7}.steps{display:flex;align-items:flex-start;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem}.step{flex:1;min-width:200px;max-width:280px;text-align:center}.step-icon{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.step-icon-red{background:rgba(232,64,64,.1);color:var(--red)}.step-icon-green{background:rgba(61,190,110,.1);color:var(--green)}.step-icon-blue{background:rgba(74,144,226,.1);color:var(--blue)}.step h3{font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}.step p{font-size:.9rem;color:var(--muted);line-height:1.6}.step-arrow{font-size:1.75rem;color:var(--border);align-self:center;flex-shrink:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:.5rem}.feature{background:var(--light);border-radius:var(--radius);padding:1.75rem;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-icon{font-size:1.75rem;margin-bottom:1rem}.feature h3{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:.4rem}.feature p{font-size:.9rem;color:var(--muted);line-height:1.6}.cta-section{background:linear-gradient(135deg,var(--dark) 0%,#16213e 100%);color:var(--white)}.cta-section h2{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.cta-section .section-sub{color:rgba(255,255,255,.6)}.site-footer{text-align:center;padding:2rem;font-size:.85rem;color:var(--muted);border-top:1px solid var(--border)}.footer-links{margin-top:.5rem}.footer-links a{color:var(--muted);text-decoration:underline}.footer-links a:hover{color:var(--body)}.legal-page{max-width:720px;margin:0 auto;padding:4rem 2rem 6rem}.legal-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.legal-header h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--dark);letter-spacing:-.02em;margin-bottom:.5rem}.legal-date{color:var(--muted);font-size:.9rem}.legal-body{color:var(--body);font-size:1rem;line-height:1.8}.legal-body h2{font-size:1.2rem;font-weight:700;color:var(--dark);margin:2.5rem 0 .75rem}.legal-body p{margin-bottom:1rem}.legal-body ul,.legal-body ol{padding-left:1.5rem;margin-bottom:1rem}.legal-body li{margin-bottom:.4rem}.legal-body strong{color:var(--dark)}.legal-body a{color:var(--green);text-decoration:underline}.legal-body a:hover{color:#34a85f}.legal-body blockquote{background:rgba(74,144,226,7%);border-left:3px solid var(--blue);border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin:1.5rem 0;color:var(--muted);font-size:.95rem}.legal-body blockquote p{margin:0}.legal-body em{color:var(--muted);font-size:.9rem}@media(max-width:800px){.hero{flex-direction:column;padding:3rem 1.5rem;gap:3rem;text-align:center}.hero-sub{margin-left:auto;margin-right:auto}.cta-group{justify-content:center}.hero-visual{width:100%;display:flex;justify-content:center}.step-arrow{display:none}.nav-links a:not(.btn){display:none}}