.feature-card:hover,.product:hover{transform:translateY(-4px)}.btn,.cta-secondary,.dropdown-menu a,.product a,footer ul a,nav a{text-decoration:none}.cta-section,.error-content,.feature-card,.footer-bottom,.pagination,.section-title{text-align:center}.navbar,nav{display:flex}.dropdown-menu a,nav a{color:#374151}body{font-family:system-ui,-apple-system,BlinkMacSystemFont;background:#f9fafb;color:#1f2937;line-height:1.6}.navbar{justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.logo{font-weight:700;font-size:20px}nav a{margin-left:18px;font-size:15px}.hamburger{display:none;font-size:24px;cursor:pointer}.dropdown{position:relative}.dropdown-toggle{display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;min-width:420px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.08);display:none;z-index:999}.dropdown-menu a{display:block;padding:12px 16px;font-size:14px}.dropdown-menu a:hover{background:#f3f4f6}@media (min-width:769px){.dropdown:hover .dropdown-menu{display:block}}.dropdown-menu.open{display:block}.hero-header{position:relative;min-height:70vh;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-1}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-content{max-width:620px;background:rgba(255,255,255,.92);padding:28px;margin-left:20px;border-radius:12px}.blog,.product{background:#fff}.hero-content h1{font-size:clamp(26px, 4vw, 42px);line-height:1.2;margin-bottom:12px}.hero-content p{font-size:16px;margin-bottom:18px;color:#333}.products{padding:30px 16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.product{border-radius:14px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:.25s}.product img{width:100%;height:140px;object-fit:contain}.product a{color:inherit}.product h3{font-size:14px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pagination{margin:30px 0}.pagination button{padding:8px 14px;margin:0 4px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.blog h2,.blog p{margin-bottom:14px}.pagination button:hover{background:#2563eb;color:#fff}.blog{margin:40px 16px;padding:26px;border-radius:16px}.blog h2{font-size:22px}.blog p{font-size:15px}footer{background:#0f172a;color:#cbd5e1;padding:40px 16px 20px}.footer-container{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}footer h3,footer h4{color:#fff;margin-bottom:12px}footer ul{list-style:none}footer ul li{margin-bottom:8px}footer ul a{color:#cbd5e1;font-size:14px}.footer-bottom{font-size:13px;margin-top:30px;border-top:1px solid #1e293b;padding-top:15px}@media(max-width:768px){nav{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background:#fff;border-top:1px solid #e5e7eb}nav.active{display:flex}nav a{padding:14px;border-bottom:1px solid #e5e7eb}.hamburger{display:block}.hero-text{font-size:20px}.footer-container{grid-template-columns:1fr;text-align:center}}.btn{display:inline-block;padding:12px 20px;background:#007bff;color:#fff;border-radius:5px;font-weight:600}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#0066cc;--primary-dark:#004c99;--secondary:#00bfff;--text-dark:#1a1a1a;--text-gray:#4a4a4a;--bg-light:#f8f9fa;--white:#ffffff;--border:#e0e0e0;--success:#28a745;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--font-base:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;--font-size-base:16px;--line-height:1.6}.features{padding:3rem 1rem;background:var(--bg-light)}.benefits,.feature-card{background:var(--white)}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(1.5rem, 4vw, 2rem);color:var(--text-dark);margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{padding:2rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;color:var(--text-dark);margin-bottom:.75rem}.feature-card p{color:var(--text-gray);font-size:.9375rem}.benefits{padding:3rem 1rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.benefit-item{display:flex;gap:1rem;padding:1.5rem;background:var(--bg-light);border-radius:8px;border-left:4px solid var(--primary)}.benefit-check{color:var(--success);font-size:1.5rem;flex-shrink:0}.benefit-content h3{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-dark)}.benefit-content p{font-size:.9375rem;color:var(--text-gray)}.cta-section{background:var(--primary);color:var(--white);padding:3rem 1rem}.cta-section h2{font-size:clamp(1.5rem, 4vw, 2rem);margin-bottom:1rem}.cta-section p{font-size:1.125rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-secondary{background:var(--white);color:var(--primary);padding:1rem 2.5rem;border-radius:8px;font-weight:600;font-size:1.125rem;display:inline-block;transition:transform .2s}.cta-secondary:hover{transform:scale(1.05)}@media (max-width:768px){.dropdown-menu{position:static;box-shadow:none;border-top:1px solid #e5e7eb}.hero-header{min-height:60vh}.hero-content{margin:0 16px}.hamburger{display:block}.nav-links{position:fixed;top:60px;left:-100%;width:100%;background:var(--white);flex-direction:column;padding:2rem;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:left .3s}.nav-links.active{left:0}.benefits-grid,.features-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.error-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.error-content{max-width:600px}.error-code{font-size:clamp(6rem, 15vw, 10rem);font-weight:900;color:var(--primary);line-height:1;margin-bottom:1rem;opacity:.8}.error-title{font-size:clamp(1.5rem, 4vw, 2.5rem);color:var(--text-dark);margin-bottom:1rem;font-weight:700}.error-message{font-size:1.125rem;color:var(--text-gray);margin-bottom:2rem;line-height:1.6}.error-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.btn-primary,.btn-secondary{display:inline-block;padding:1rem 2rem;text-decoration:none;font-weight:600;font-size:1.125rem}.btn-primary{background:var(--primary);color:var(--white);border-radius:8px;transition:background .2s,transform .2s;box-shadow:0 4px 12px rgba(0,102,204,.2)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,102,204,.3)}.btn-secondary{background:0 0;color:var(--primary);border:2px solid var(--primary);border-radius:8px;transition:.2s}.btn-secondary:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}

/* FAQ Section */
.faq-section {
  padding: 60px 20px;
  background: #f9fbfc;
}

.faq-item {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
}

.faq-question {
  width: 100%;
  background: none;
  border: none;
  padding: 18px 0;
  font-size: 1.05rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question:hover {
  color: #0077cc;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-answer p {
  padding: 0 0 18px;
  color: #555;
  line-height: 1.6;
}

.faq-item.active .faq-answer {
  max-height: 300px;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
}


.dropdown-toggle {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  margin-left:10px;
}