@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--card:#f4f7fc;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--border:#e2e8f0;--secondary:#465982}.dark{--bg:#0f172a;--card:#111827;--text:#f8fafc;--muted:#94a3b8;--primary:#3b82f6;--border:#1e293b}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;transition:all .3s}.container{width:100%;max-width:1240px;margin:auto;padding:0 24px}.navbar{padding:24px 0}.nav-wrapper{justify-content:space-between;align-items:center;display:flex}.logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.logo-top{object-fit:contain;width:auto;height:40px;display:block}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{color:var(--text);font-weight:500;text-decoration:none}.contact-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:14px 22px;font-weight:600}.login-btn{background:var(--secondary);color:#fff;border:none;border-radius:12px;padding:14px 22px;font-weight:600}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle,.mobile-toggle{background:var(--card);width:44px;height:44px;color:var(--text);border:none;border-radius:12px;justify-content:center;align-items:center;display:flex}.mobile-toggle{display:none}.hero-section{padding:40px 0 100px}.hero-card{background:var(--card);border-radius:32px;padding:70px}.hero-content h1{color:var(--text);font-size:4rem;font-weight:800;line-height:1.15}.hero-content p{color:var(--muted);margin-top:24px;font-size:1.1rem;line-height:1.8}.hero-buttons{justify-content:center;gap:18px;margin-top:36px;display:flex}.primary-btn{background:var(--primary);color:#fff;border:none;border-radius:14px;padding:16px 28px;font-weight:700}.secondary-btn{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:14px;padding:16px 28px;font-weight:700}.hero-images{grid-template-columns:1.4fr 1fr;gap:28px;margin-top:70px;display:grid}.image-card{background-position:50%;background-size:cover;border-radius:24px}.large{background-image:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f);height:360px}.small{background-image:url(https://images.unsplash.com/photo-1556740749-887f6717d7e4);height:360px}.features-section{padding:100px 0}.section-header{text-align:center}.section-header h2{font-size:3rem;font-weight:800}.section-header p{color:var(--muted);margin-top:18px}.about-intro,.pricing-intro{color:var(--muted)}.features-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:70px;display:grid}.feature-box{background:var(--card);border-radius:24px;padding:40px}.feature-box svg{color:var(--primary)}.feature-box h3{margin-top:20px;font-size:1.5rem}.feature-box p{color:var(--muted);margin-top:14px;line-height:1.7}.feature-card-contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:320px;margin:60px auto 0;display:flex}.cta-section{padding:0 0 100px}.cta-box{background:var(--primary);color:#fff;text-align:center;border-radius:32px;padding:70px}.cta-box h2{font-size:3rem}.cta-box p{opacity:.9;margin-top:20px}.cta-box button{color:var(--primary);background:#fff;margin-top:30px}@media (width<=900px){.mobile-toggle{display:flex}.nav-links{background:var(--bg);border:1px solid var(--border);border-radius:24px;flex-direction:column;padding:24px;display:none;position:absolute;top:90px;left:24px;right:24px}.nav-links.active{display:flex}.hero-card{padding:40px 24px}.hero-content h1{font-size:2.5rem}.hero-buttons{flex-direction:column}.hero-images{grid-template-columns:1fr}.large,.small{height:240px}.features-grid{grid-template-columns:1fr}.section-header h2,.cta-box h2{font-size:2rem}.cta-box{padding:50px 24px}}.page-card{max-width:1100px;margin:0 auto}.about-intro{max-width:750px;margin:0 auto;font-size:1.2rem;line-height:1.8}.content-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:40px;display:grid}.content-box{background:var(--card);color:var(--text);border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000000d}.content-box h3{color:var(--text);margin-bottom:16px;font-size:1.8rem}.content-box p{color:var(--muted);font-size:1.05rem;line-height:1.8}@media (width<=768px){.page-section{padding:100px 20px 60px}.section-header h1{font-size:2.3rem}.content-grid{grid-template-columns:1fr}.content-box{padding:28px}}.page-section{padding:120px 20px 80px}.section-header{text-align:center;margin-bottom:70px}.section-header h1{margin-bottom:20px;font-size:3rem}.pricing-intro{max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.8}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;display:grid}.pricing-card{background:var(--card);color:var(--text);text-align:center;border-radius:24px;padding:45px 35px;transition:all .3s;box-shadow:0 10px 30px #0000000f}.pricing-card h3{color:var(--text);margin-bottom:20px;font-size:1.8rem}.price{color:#2563eb;margin-bottom:20px;font-size:1.4rem;font-weight:700}.pricing-card p{color:#475569;margin-bottom:30px;line-height:1.7}@media (width<=992px){.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}}@media (width<=768px){.page-section{padding:100px 20px 60px}.section-header h1{font-size:2.3rem}.pricing-card{padding:35px 25px}}.contact-form-section{padding:0 0 100px}.contact-form-card{background:var(--card);border-radius:32px;padding:60px}.contact-form{margin-top:40px}.form-row{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.form-group{flex-direction:column;margin-bottom:24px;display:flex}.form-group label{color:var(--text);margin-bottom:10px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:14px;padding:16px;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.form-group textarea{resize:vertical}.contact-form button{margin-top:10px}@media (width<=768px){.contact-form-card{padding:40px 24px}.form-row{grid-template-columns:1fr}}.mobile-header,.mobile-bottom-nav{display:none}.crm-main{margin-left:260px}@media (width<=768px){.desktop-sidebar{display:none}.mobile-header,.mobile-bottom-nav{display:flex}.crm-main{margin-left:0;padding-bottom:90px}}