@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1e1b4b;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#eef2ff;--accent:#f59e0b;--text:#1e1b4b;--text-muted:#64748b;--bg:#fff;--bg-alt:#f8fafc;--border:#e2e8f0;--radius:12px;--radius-lg:20px;--shadow:0 4px 24px #6366f114;--shadow-lg:0 20px 60px #6366f126;--container:1120px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.5rem}.container--narrow{max-width:720px}.section{padding:5rem 0}.section--alt{background:var(--bg-alt)}.section__header{text-align:center;max-width:600px;margin:0 auto 3rem}.section__label{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:inline-block}.section__header h2{letter-spacing:-.03em;color:var(--text);margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.section__header p{color:var(--text-muted);margin:0;font-size:1.0625rem;line-height:1.6}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;gap:1rem;height:4rem;display:flex}.logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.logo__icon{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;display:flex}.nav{gap:.25rem;display:none}.nav__link{color:var(--text-muted);border-radius:8px;padding:.5rem .875rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav__link:hover{color:var(--text);background:var(--bg-alt)}.navbar__actions{align-items:center;gap:.5rem;display:flex}@media (width>=768px){.nav{display:flex}.navbar__actions .btn--ghost{display:inline-flex}}@media (width<=767px){.navbar__actions .btn--ghost{display:none}}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.5rem 1.125rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f159}.btn--primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn--outline{color:var(--text);border:1.5px solid var(--border);background:0 0}.btn--outline:hover{border-color:var(--primary);color:var(--primary)}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover{color:var(--text)}.btn--white{color:var(--primary);background:#fff}.btn--white:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.btn--white-outline{color:#fff;background:0 0;border:1.5px solid #ffffff80}.btn--white-outline:hover{background:#ffffff1a;border-color:#fff}.hero{padding:4rem 0 6rem;overflow:hidden}.hero__grid{align-items:center;gap:3rem;display:grid}@media (width>=900px){.hero__grid{grid-template-columns:1fr 1fr;gap:4rem}}.badge{background:var(--primary-light);color:var(--primary);border-radius:999px;margin-bottom:1.25rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-block}.hero__content h1{letter-spacing:-.04em;color:var(--text);margin:0 0 1.25rem;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.1}.hero__text{color:var(--text-muted);max-width:480px;margin:0 0 2rem;font-size:1.125rem;line-height:1.7}.hero__buttons{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.hero__stores{gap:.75rem;display:flex}.store-badge{background:var(--bg-alt);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.hero__visual{justify-content:center;display:flex;position:relative}.hero__blob{z-index:0;background:radial-gradient(circle,#6366f133 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-mockup{z-index:1;width:260px;box-shadow:var(--shadow-lg);background:#1e1b4b;border-radius:36px;padding:12px;position:relative}.phone-mockup__notch{background:#1e1b4b;border-radius:0 0 16px 16px;width:100px;height:24px;margin:0 auto 8px}.phone-mockup__screen{background:#fff;border-radius:28px;min-height:380px;padding:1.25rem}.mock-task{background:var(--bg-alt);color:var(--text);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.625rem;padding:.875rem;font-size:.875rem;font-weight:500;display:flex}.mock-task--done{opacity:.55;text-decoration:line-through}.mock-task--priority{background:#fef2f2;border:1px solid #fecaca}.mock-check{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.625rem;display:flex}.mock-circle{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem}.mock-circle--red{border-color:#ef4444}.mock-add{text-align:center;color:var(--primary);border:2px dashed var(--border);border-radius:10px;margin-top:1rem;padding:.875rem;font-size:.875rem;font-weight:600}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.feature-card__icon{background:var(--primary-light);border-radius:12px;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;font-size:1.25rem;display:flex}.feature-card h3{color:var(--text);margin:0 0 .5rem;font-size:1.0625rem;font-weight:700}.feature-card p{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.6}.showcase{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.showcase__item--large{grid-column:1/-1}@media (width>=768px){.showcase{grid-template-columns:1fr 2fr}.showcase__item--large{grid-area:span 2}}.image-placeholder{background:linear-gradient(135deg, var(--primary-light) 0%, #f1f5f9 100%);border:2px dashed var(--border);border-radius:var(--radius-lg);min-height:220px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.image-placeholder--wide{min-height:320px}.image-placeholder--cta{color:#fffc;background:#ffffff26;border-color:#ffffff4d;min-height:200px}.image-placeholder span{font-size:3rem}.image-placeholder p{margin:0;font-size:.875rem;font-weight:500}.showcase__item h3{color:var(--text);margin:0 0 .375rem;font-size:1.0625rem;font-weight:700}.showcase__item p{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.5}.steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.step-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.step-card__num{color:var(--primary-light);letter-spacing:-.04em;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1;display:block}.step-card h3{color:var(--text);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.step-card p{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.6}.stats{background:var(--primary);padding:3.5rem 0}.stats__grid{text-align:center;grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width>=640px){.stats__grid{grid-template-columns:repeat(4,1fr)}}.stat__value{color:#fff;letter-spacing:-.03em;margin-bottom:.375rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1;display:block}.stat__label{color:#ffffffbf;font-size:.875rem;font-weight:500}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.testimonial{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;padding:1.75rem}.testimonial p{color:var(--text);margin:0 0 1.25rem;font-size:1rem;font-style:italic;line-height:1.7}.testimonial footer{align-items:center;gap:.875rem;display:flex}.testimonial__avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.75rem;font-weight:700;display:flex}.testimonial footer strong{color:var(--text);font-size:.9375rem;display:block}.testimonial footer span{color:var(--text-muted);font-size:.8125rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:1.5rem;display:grid}.pricing-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;position:relative}.pricing-card--highlighted{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.02)}.pricing-card__badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .875rem;font-size:.75rem;font-weight:700;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.pricing-card h3{color:var(--text);margin:0 0 1rem;font-size:1.125rem;font-weight:700}.pricing-card__price{margin-bottom:1.5rem}.pricing-card__amount{color:var(--text);letter-spacing:-.03em;font-size:2.5rem;font-weight:800}.pricing-card__period{color:var(--text-muted);margin-top:.25rem;font-size:.875rem;display:block}.pricing-card ul{margin:0 0 1.75rem;padding:0;list-style:none}.pricing-card li{color:var(--text-muted);padding:.375rem 0;font-size:.9375rem}.pricing-card .btn{width:100%}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-item summary{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--primary);flex-shrink:0;margin-left:1rem;font-size:1.25rem;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--text-muted);margin:0;padding:0 1.25rem 1.125rem;font-size:.9375rem;line-height:1.6}.cta{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);padding:5rem 0}.cta__inner{align-items:center;gap:2.5rem;display:grid}@media (width>=768px){.cta__inner{grid-template-columns:1fr 1fr}}.cta__content h2{color:#fff;letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;line-height:1.2}.cta__content p{color:#ffffffd9;margin:0 0 1.75rem;font-size:1.0625rem;line-height:1.6}.footer{background:var(--text);color:#ffffffb3;padding:4rem 0 0}.footer__grid{border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;padding-bottom:3rem;display:grid}.footer__brand .logo{color:#fff;margin-bottom:.75rem}.footer__brand p{margin:0;font-size:.875rem;line-height:1.5}.footer__links h4{text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 1rem;font-size:.8125rem;font-weight:700}.footer__links a{color:#fff9;padding:.25rem 0;font-size:.9375rem;text-decoration:none;transition:color .15s;display:block}.footer__links a:hover{color:#fff}.footer__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.footer__bottom p{margin:0;font-size:.875rem}.footer__social{gap:1rem;display:flex}.footer__social a{color:#fff9;font-size:.9375rem;text-decoration:none;transition:color .15s}.footer__social a:hover{color:#fff}