:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#0f172a;--text:#1e293b;--text-light:#64748b;--bg:#ffffff;--bg-alt:#f8fafc;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}.nav{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000}.navContent{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--primary);font-weight:700;font-size:24px;transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.logoText{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navLinks{display:flex;align-items:center;gap:var(--space-5)}.navLinks a{text-decoration:none;color:var(--text);font-weight:500;transition:color .2s ease;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.navLinks a:not(.btnPrimary):not(.btnSecondary):hover{color:var(--primary)}.menuToggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.menuToggle span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.btnPrimary,.btnSecondary,.btnGhost,.btnHero,.btnCta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:2px solid transparent;white-space:nowrap}.btnPrimary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;box-shadow:var(--shadow-md)}.btnPrimary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btnSecondary{background:transparent;color:var(--primary);border-color:var(--primary)}.btnSecondary:hover{background:var(--primary);color:white}.btnGhost{background:rgba(99,102,241,0.1);color:var(--primary)}.btnGhost:hover{background:rgba(99,102,241,0.2)}.btnHero{padding:var(--space-4) var(--space-6);font-size:18px}.btnCta{padding:var(--space-5) var(--space-8);font-size:20px}.hero{padding:var(--space-12) 0 var(--space-10) 0;margin-top:72px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}.heroContent{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center}.heroBadge{display:inline-block;padding:var(--space-2) var(--space-4);background:rgba(99,102,241,0.1);color:var(--primary);border-radius:999px;font-size:14px;font-weight:600;margin-bottom:var(--space-4)}.heroTitle{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:var(--space-4);color:var(--secondary)}.gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heroSubtitle{font-size:20px;color:var(--text-light);margin-bottom:var(--space-6);line-height:1.6}.heroActions{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.heroStats{display:flex;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.stat{text-align:center}.statNumber{font-size:32px;font-weight:700;color:var(--primary);line-height:1;margin-bottom:var(--space-2)}.statLabel{font-size:14px;color:var(--text-light)}.heroDemo{position:relative}.demoWindow{background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}.demoHeader{display:flex;align-items:center;padding:var(--space-4);background:#f8fafc;border-bottom:1px solid var(--border)}.demoControls{display:flex;gap:var(--space-2)}.demoControls span{width:12px;height:12px;border-radius:50%;background:#cbd5e1}.demoControls span:nth-child(1){background:#ef4444}.demoControls span:nth-child(2){background:#f59e0b}.demoControls span:nth-child(3){background:#10b981}.demoTitle{flex:1;text-align:center;font-size:14px;font-weight:600;color:var(--text-light)}.demoContent{padding:var(--space-4)}.demoMatrix{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.matrixQuadrant{padding:var(--space-3);border-radius:var(--radius-md);min-height:120px;animation:fadeIn .5s ease-out}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.matrixQuadrant.urgent{background:#fee2e2}.matrixQuadrant.important{background:#dbeafe}.matrixQuadrant.delegate{background:#fef3c7}.matrixQuadrant.eliminate{background:#f3f4f6}.quadrantLabel{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);opacity:.7}.taskCard{background:white;padding:var(--space-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.taskTitle{font-size:13px;font-weight:600;margin-bottom:var(--space-1)}.taskMeta{font-size:11px;color:var(--text-light)}.socialProof{padding:var(--space-10) 0;background:var(--bg-alt)}.proofText{text-align:center;color:var(--text-light);margin-bottom:var(--space-6);font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.testimonial{background:white;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .2s ease}.testimonial:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.testimonialStars{font-size:18px;margin-bottom:var(--space-3)}.testimonialText{font-size:16px;line-height:1.6;margin-bottom:var(--space-4);color:var(--text)}.testimonialAuthor{display:flex;align-items:center;gap:var(--space-3)}.authorAvatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.authorName{font-weight:600;margin-bottom:2px}.authorRole{font-size:14px;color:var(--text-light)}.features{padding:var(--space-12) 0}.sectionHeader{text-align:center;margin-bottom:var(--space-10)}.sectionBadge{display:inline-block;padding:var(--space-2) var(--space-4);background:rgba(99,102,241,0.1);color:var(--primary);border-radius:999px;font-size:14px;font-weight:600;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:1px}.sectionTitle{font-size:48px;font-weight:800;margin-bottom:var(--space-4);color:var(--secondary)}.sectionSubtitle{font-size:20px;color:var(--text-light);max-width:600px;margin:0 auto}.featuresGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.featureCard{padding:var(--space-6);border-radius:var(--radius-lg);background:white;border:1px solid var(--border);transition:all .2s ease}.featureCard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.featureIcon{font-size:48px;margin-bottom:var(--space-4)}.featureTitle{font-size:20px;font-weight:700;margin-bottom:var(--space-3);color:var(--secondary)}.featureText{font-size:16px;color:var(--text-light);line-height:1.6}.pricing{padding:var(--space-12) 0;background:var(--bg-alt)}.pricingGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);max-width:800px;margin:0 auto}.pricingCard{background:white;border-radius:var(--radius-xl);padding:var(--space-8);border:2px solid var(--border);transition:all .2s ease;position:relative}.pricingCard:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.pricingCardFeatured{border-color:var(--primary);box-shadow:var(--shadow-lg)}.pricingBadge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--primary);color:white;padding:var(--space-2) var(--space-4);border-radius:999px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricingHeader{text-align:center;padding-bottom:var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.pricingName{font-size:24px;font-weight:700;margin-bottom:var(--space-4);color:var(--secondary)}.pricingPrice{display:flex;flex-direction:column;align-items:center}.pricingAmount{font-size:56px;font-weight:800;color:var(--primary);line-height:1}.pricingPeriod{font-size:16px;color:var(--text-light);margin-top:var(--space-2)}.pricingFeatures{list-style:none;margin-bottom:var(--space-6)}.pricingFeatures li{padding:var(--space-3) 0;font-size:16px;border-bottom:1px solid var(--border)}.pricingBtn{width:100%;justify-content:center}.pricingNote{text-align:center;font-size:13px;color:var(--text-light);margin-top:var(--space-3)}.faq{padding:var(--space-12) 0}.faqList{max-width:800px;margin:0 auto}.faqItem{border-bottom:1px solid var(--border)}.faqQuestion{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0;background:none;border:none;font-size:18px;font-weight:600;color:var(--secondary);text-align:left;cursor:pointer;transition:color .2s ease}.faqQuestion:hover{color:var(--primary)}.faqIcon{flex-shrink:0;transition:transform .3s ease}.faqItem.active .faqIcon{transform:rotate(180deg)}.faqAnswer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faqItem.active .faqAnswer{max-height:300px;padding-bottom:var(--space-5)}.faqAnswer p{font-size:16px;color:var(--text-light);line-height:1.6}.cta{padding:var(--space-12) 0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;text-align:center}.ctaTitle{font-size:48px;font-weight:800;margin-bottom:var(--space-4)}.ctaText{font-size:20px;opacity:.9;margin-bottom:var(--space-6)}.ctaNote{margin-top:var(--space-3);opacity:.9;font-size:16px}.footer{padding:var(--space-10) 0 var(--space-6) 0;background:var(--secondary);color:white}.footerContent{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-10);margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid rgba(255,255,255,0.1)}.footerLogo{display:flex;align-items:center;gap:var(--space-3);font-size:24px;font-weight:700;margin-bottom:var(--space-3)}.footerTagline{color:rgba(255,255,255,0.7);line-height:1.6}.footerLinks{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.footerColumn h4{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4);opacity:.9}.footerColumn a{display:block;color:rgba(255,255,255,0.7);text-decoration:none;padding:var(--space-2) 0;transition:color .2s ease}.footerColumn a:hover{color:white}.footerBottom{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,0.5);font-size:14px}.footerSocial{display:flex;gap:var(--space-4)}.footerSocial a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:20px;transition:color .2s ease}.footerSocial a:hover{color:white}@media (max-width:1024px){.heroContent{grid-template-columns:1fr;text-align:center;gap:var(--space-8)}.heroActions{justify-content:center}.heroStats{justify-content:center}.heroDemo{max-width:600px;margin:0 auto}.heroTitle{font-size:48px}.sectionTitle{font-size:40px}.ctaTitle{font-size:40px}.featuresGrid{grid-template-columns:repeat(2,1fr)}.testimonials{grid-template-columns:1fr}}@media (max-width:768px){.navLinks{position:fixed;top:72px;left:0;right:0;bottom:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;padding:var(--space-8) var(--space-5);gap:var(--space-3);transform:translateX(-100%);transition:transform .3s ease;z-index:999;overflow-y:auto;border-top:1px solid var(--border)}.navLinks.active{transform:translateX(0)}.navLinks a{width:100%;padding:var(--space-4);text-align:center;font-size:18px;border-radius:var(--radius-md)}.navLinks a:not(.btnPrimary):not(.btnSecondary):hover{background:var(--bg-alt)}.menuToggle{display:flex;z-index:1001}.heroTitle{font-size:36px}.heroSubtitle{font-size:18px}.heroActions{flex-direction:column}.sectionTitle{font-size:32px}.ctaTitle{font-size:32px}.footerContent{grid-template-columns:1fr}.footerLinks{grid-template-columns:1fr}.footerBottom{flex-direction:column;gap:var(--space-4)}.demoMatrix{grid-template-columns:1fr}}@media (max-width:640px){.container{padding:0 var(--space-4)}.hero{padding:var(--space-8) 0 var(--space-6) 0;margin-top:72px}.heroTitle{font-size:32px;line-height:1.2}.heroSubtitle{font-size:16px}.heroBadge{font-size:14px;padding:var(--space-2) var(--space-4)}.heroStats{flex-wrap:wrap;gap:var(--space-4)}.stat{flex:1;min-width:100px}.btnHero{padding:var(--space-4) var(--space-5);font-size:16px;width:100%}.btnCta{padding:var(--space-4) var(--space-6);font-size:18px;width:100%}.testimonials{grid-template-columns:1fr;gap:var(--space-4)}.featuresGrid{grid-template-columns:1fr;gap:var(--space-4)}.pricingGrid{grid-template-columns:1fr;gap:var(--space-5)}.featureCard,.pricingCard{padding:var(--space-5)}.sectionTitle{font-size:28px}.sectionSubtitle{font-size:16px}.demoWindow{border-radius:var(--radius-md)}}