.main-header {background-color:var(--white-color);padding:15px 0;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:1000;transition:box-shadow 0.3s ease}.main-header.scrolled {box-shadow:var(--shadow-md)}.main-header .container {display:flex;justify-content:space-between;align-items:center}.logo {font-family:var(--font-heading);font-size:26px;font-weight:700;color:var(--primary-color);text-decoration:none}.main-nav {display:flex;align-items:center}.main-nav a {color:var(--text-color);text-decoration:none;margin-left:30px;font-weight:600;transition:color 0.3s;position:relative;padding-bottom:5px}.main-nav a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width 0.3s ease}.main-nav a:hover {color:var(--primary-color)}.main-nav a:hover::after {width:100%}.cta-button {--text-color:#0056b3;color:var(--white-color);border-radius:50px;text-decoration:none;font-weight:700;transition:background-color 0.3s, transform 0.3s;margin-left:30px}.cta-button:hover {background-color:#e66a3e;transform:translateY(-2px);color:var(--white-color)}.cta-button-primary {background-color:var(--accent-color);color:var(--white-color);padding:15px 35px;border-radius:50px;text-decoration:none;font-size:18px;font-weight:700;transition:background-color 0.3s, transform 0.3s;display:inline-block;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.cta-button-primary:hover {background-color:var(--white-color);color:var(--accent-color);transform:translateY(-3px)}.hero {background-color:var(--primary-color);color:var(--white-color);text-align:center;padding:120px 20px}.hero h1 {font-family:var(--font-heading);font-size:52px;margin-bottom:20px;line-height:1.3;min-height:70px}.hero p {font-size:20px;max-width:750px;margin:0 auto 40px auto;opacity:0.9}.pain-points {background-color:var(--light-gray-bg)}.pain-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}.pain-item {background-color:var(--white-color);padding:30px;border-radius:8px;box-shadow:var(--shadow-sm);border-top:4px solid var(--primary-color)}.pain-item h3 {font-family:var(--font-heading);font-size:22px;color:var(--primary-color);margin-bottom:15px}.faq {background-color:var(--white-color)}.faq-container {max-width:800px;margin:0 auto}.faq-item {border-bottom:1px solid #e9ecef;margin-bottom:20px}.faq-question {background:none;border:none;width:100%;text-align:left;padding:20px 0;font-size:18px;font-weight:600;color:var(--secondary-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color 0.3s}.faq-question:hover {color:var(--primary-color)}.faq-question::after {content:'+';font-size:24px;font-weight:300;transition:transform 0.3s}.faq-question.active::after {transform:rotate(45deg)}.faq-answer {max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding:0}.faq-answer.active {max-height:200px;padding:0 0 20px 0}footer {background-color:var(--secondary-color);color:var(--white-color);text-align:center;padding:50px 20px}footer a {color:#ccc;text-decoration:none;margin:0 10px;transition:color 0.3s}footer a:hover {color:var(--white-color)}.article-list {background-color:var(--light-gray-bg);min-height:60vh}.article-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:30px;margin-top:50px}.article-card {background-color:var(--white-color);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform 0.3s, box-shadow 0.3s}.article-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-md)}.article-card img {width:100%;height:200px;object-fit:cover}.article-card-content {padding:25px}.article-card h3 {font-family:var(--font-heading);font-size:20px;margin-bottom:10px;color:var(--secondary-color)}.article-card .meta {color:#6c757d;font-size:14px;margin-bottom:15px}.article-card p {color:var(--text-color);line-height:1.6;margin-bottom:20px}.read-more {color:var(--primary-color);text-decoration:none;font-weight:600;transition:color 0.3s}.read-more:hover {color:var(--accent-color)}.article-content {background-color:var(--white-color);padding:50px 0}.article-header {text-align:center;margin-bottom:50px}.article-header h1 {font-family:var(--font-heading);font-size:42px;color:var(--secondary-color);margin-bottom:20px}.article-meta {color:#6c757d;font-size:16px}.article-body {max-width:800px;margin:0 auto;font-size:18px;line-height:1.8}.article-body h2 {font-family:var(--font-heading);font-size:28px;color:var(--secondary-color);margin:40px 0 20px 0}.article-body h3 {font-family:var(--font-heading);font-size:22px;color:var(--secondary-color);margin:30px 0 15px 0}.article-body p {margin-bottom:20px}.article-body ul, .article-body ol {margin:20px 0;padding-left:30px}.article-body li {margin-bottom:10px}