/* Reset and Base Styles */*{ margin:0;padding:0;box-sizing:border-box;}:root{ --primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#dc2626;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--bg-white:#ffffff;--border-color:#e5e7eb;--shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);}body{ font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-white);}.container{ max-width:1200px;margin:0 auto;padding:0 20px;}/* Header & Navigation */.header{ background-color:var(--bg-white);box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}.navbar{ padding:0;}.nav-wrapper{ display:flex;justify-content:space-between;align-items:center;padding:15px 0;}.logo{ font-size:1.5rem;font-weight:700;}.logo a{ text-decoration:none;color:var(--primary-color);display:flex;align-items:center;}.logo-text{ background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.nav-menu{ display:flex;list-style:none;gap:30px;align-items:center;margin:0;}.nav-link{ text-decoration:none;color:var(--text-dark);font-weight:500;font-size:1rem;padding:8px 12px;border-radius:6px;transition:all 0.3s ease;}.nav-link:hover{ color:var(--primary-color);background-color:rgba(37,99,235,0.1);}.nav-link.active{ color:var(--primary-color);background-color:rgba(37,99,235,0.15);}.nav-cta{ background-color:var(--accent-color);color:white !important;padding:10px 20px;}.nav-cta:hover{ background-color:#b91c1c;transform:translateY(-2px);}/* Mobile Menu Toggle */.menu-toggle{ display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px;}.menu-toggle span{ width:25px;height:3px;background-color:var(--text-dark);margin:3px 0;transition:all 0.3s ease;border-radius:2px;}/* Hero Section */.hero{ background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:120px 20px 100px;text-align:center;}.hero-title{ font-size:3.5rem;font-weight:800;margin-bottom:20px;line-height:1.2;animation:fadeInUp 0.8s ease-out;}.hero-subtitle{ font-size:1.4rem;margin-bottom:40px;opacity:0.95;max-width:800px;margin-left:auto;margin-right:auto;animation:fadeInUp 0.8s ease-out 0.2s backwards;}/* Buttons */.btn{ padding:16px 32px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;}.btn-primary{ background-color:var(--accent-color);color:white;}.btn-primary:hover{ background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 10px 20px rgba(220,38,38,0.3);}.btn-secondary{ background-color:white;color:var(--primary-color);border:2px solid var(--primary-color);}.btn-secondary:hover{ background-color:var(--primary-color);color:white;transform:translateY(-2px);}.btn-large{ padding:20px 48px;font-size:1.3rem;}/* Section Styles */section{ padding:80px 20px;}.section-title{ font-size:2.8rem;font-weight:700;text-align:center;margin-bottom:20px;color:var(--text-dark);}/* Problem Section */.problem{ background-color:var(--bg-light);}.content-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px;}.problem-card{ background:white;padding:40px 30px;border-radius:12px;text-align:center;box-shadow:var(--shadow);transition:transform 0.3s ease,box-shadow 0.3s ease;}.problem-card:hover{ transform:translateY(-5px);box-shadow:var(--shadow-lg);}.icon{ font-size:4rem;margin-bottom:20px;}.problem-card h3{ font-size:1.5rem;margin-bottom:15px;color:var(--text-dark);}.problem-card p{ color:var(--text-light);font-size:1.1rem;}/* Solution Section */.solution{ background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;}.solution .section-title{ color:white;}.solution-content{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:60px;}.solution-feature{ text-align:center;}.feature-icon{ font-size:4rem;margin-bottom:20px;}.solution-feature h3{ font-size:1.6rem;margin-bottom:15px;}.solution-feature p{ font-size:1.1rem;opacity:0.9;}/* Pricing Section */.pricing{ background-color:var(--bg-white);}.pricing-subtitle{ text-align:center;color:var(--text-light);font-size:1.2rem;margin-bottom:60px;}.pricing-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px;}.pricing-card{ background:white;border:2px solid var(--border-color);border-radius:16px;padding:40px 30px;position:relative;transition:transform 0.3s ease,box-shadow 0.3s ease;}.pricing-card:hover{ transform:translateY(-5px);box-shadow:var(--shadow-lg);}.pricing-card.featured{ border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}.badge{ position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:6px 20px;border-radius:20px;font-size:0.9rem;font-weight:600;}.pricing-header{ text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:30px;margin-bottom:30px;}.pricing-header h3{ font-size:1.8rem;margin-bottom:15px;color:var(--text-dark);}.price{ font-size:3rem;font-weight:800;color:var(--primary-color);margin-bottom:5px;}.price-detail{ color:var(--text-light);font-size:1rem;}.features-list{ list-style:none;margin-bottom:30px;}.features-list li{ padding:12px 0;font-size:1.1rem;color:var(--text-dark);}.pricing-body .btn{ width:100%;}/* CTA Section */.cta{ background:linear-gradient(135deg,#1e40af 0%,#2563eb 100%);color:white;text-align:center;}.cta h2{ font-size:2.5rem;margin-bottom:15px;}.cta p{ font-size:1.3rem;margin-bottom:40px;opacity:0.95;}/* Footer */.footer{ background-color:var(--text-dark);color:white;padding:60px 20px 20px;}.footer-content{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;}.footer-section h4{ font-size:1.3rem;margin-bottom:20px;color:white;}.footer-section p{ color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:10px;}.footer-links{ list-style:none;padding:0;}.footer-links li{ margin-bottom:12px;}.footer-links a{ color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.3s ease;}.footer-links a:hover{ color:#60a5fa;}.footer a{ color:#60a5fa;text-decoration:none;}.footer a:hover{ text-decoration:underline;}.footer-text-small{ font-size:0.9rem;color:rgba(255,255,255,0.6);}.footer-bottom{ border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;text-align:center;}.footer-bottom p{ color:rgba(255,255,255,0.7);}/* Modal */.modal{ display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);animation:fadeIn 0.3s ease;}.modal-content{ background-color:white;margin:10% auto;padding:0;border-radius:16px;width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:slideIn 0.3s ease;position:relative;}.modal-content h2{ background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:30px;margin:0;border-radius:16px 16px 0 0;font-size:1.8rem;}.modal-body{ padding:40px;text-align:center;}.modal-icon{ font-size:4rem;margin-bottom:20px;}.modal-text{ font-size:1.2rem;margin-bottom:20px;color:var(--text-dark);}.email-link{ display:inline-block;font-size:1.5rem;font-weight:600;color:var(--primary-color);text-decoration:none;padding:15px 30px;background-color:var(--bg-light);border-radius:8px;margin-bottom:20px;transition:all 0.3s ease;}.email-link:hover{ background-color:var(--primary-color);color:white;}.modal-subtext{ color:var(--text-light);font-size:1rem;}.close{ position:absolute;right:20px;top:20px;color:white;font-size:2.5rem;font-weight:300;cursor:pointer;transition:transform 0.2s ease;}.close:hover{ transform:scale(1.1);}/* Animations */@keyframes fadeIn{ from{ opacity:0;} to{ opacity:1;}}@keyframes slideIn{ from{ transform:translateY(-50px);opacity:0;} to{ transform:translateY(0);opacity:1;}}@keyframes fadeInUp{ from{ opacity:0;transform:translateY(30px);} to{ opacity:1;transform:translateY(0);}}/* Breadcrumbs */.breadcrumbs{ background-color:var(--bg-light);padding:15px 0;font-size:0.95rem;}.breadcrumbs ol{ list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;}.breadcrumbs li{ display:flex;align-items:center;}.breadcrumbs li:not(:last-child)::after{ content:"›";margin:0 10px;color:var(--text-light);}.breadcrumbs a{ color:var(--primary-color);text-decoration:none;}.breadcrumbs a:hover{ text-decoration:underline;}.breadcrumbs li[aria-current="page"]{ color:var(--text-light);}/* Responsive Design */@media (max-width:768px){ /* Mobile Navigation */ .menu-toggle{ display:flex;} .nav-menu{ position:fixed;left:-100%;top:60px;flex-direction:column;background-color:var(--bg-white);width:100%;text-align:center;transition:left 0.3s ease;box-shadow:0 10px 27px rgba(0,0,0,0.05);padding:20px 0;gap:10px;} .nav-menu.active{ left:0;} .nav-link{ width:90%;margin:0 auto;} .hero-title{ font-size:2.5rem;} .hero-subtitle{ font-size:1.1rem;} .section-title{ font-size:2rem;} .pricing-grid{ grid-template-columns:1fr;} .content-grid{ grid-template-columns:1fr;} .solution-content{ grid-template-columns:1fr;} .modal-content{ margin:20% auto;width:95%;} .footer-content{ grid-template-columns:1fr;gap:30px;}}@media (max-width:480px){ .hero{ padding:80px 20px 60px;} .hero-title{ font-size:2rem;} section{ padding:60px 20px;}}