:root { --primary:#2c5282; --accent:#d4a84b; --light:#f8fafc; --dark:#1a202c; --gray:#6b7280; --white:#ffffff; }
    * { box-sizing:border-box; margin:0; padding:0; }
    body { font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--dark); background:var(--light); line-height:1.6; }
    header { background:var(--primary); position:sticky; top:0; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
    nav { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; height:64px; }
    .logo { display:flex; align-items:center; gap:10px; color:var(--white); text-decoration:none; }
    .logo-icon { width:44px; height:44px; background:var(--accent); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:800; color:var(--primary); flex-shrink:0; }
    .logo-text { color:var(--white); }
    .logo-text span { display:block; font-size:18px; font-weight:700; letter-spacing:0.5px; }
    .logo-text small { display:block; font-size:11px; opacity:0.75; letter-spacing:1px; }
    .nav-links { display:flex; align-items:center; gap:4px; list-style:none; }
    .nav-links a { color:rgba(255,255,255,0.9); text-decoration:none; padding:8px 12px; border-radius:6px; font-size:14px; font-weight:500; transition:.2s; }
    .nav-links a:hover, .nav-links a.active { background:rgba(255,255,255,0.15); color:var(--white); }
    .nav-links .nav-cta { background:var(--accent); color:var(--dark); font-weight:700; }
    .dropdown { position:relative; }
    .dropdown-toggle::after, .dropbtn::after { content:" ▼"; font-size:10px; }
    .dropdown-menu, .dropdown-content { display:none; position:absolute; top:100%; left:0; min-width:220px; background:var(--white); border-radius:8px; box-shadow:0 10px 25px rgba(0,0,0,0.12); padding:8px 0; list-style:none; }
    .dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu, .dropdown:hover .dropdown-content, .dropdown:focus-within .dropdown-content { display:block; }
    .dropdown-menu a, .dropdown-content a { color:var(--dark); display:block; padding:8px 16px; font-size:13px; }
    .dropdown-menu a:hover, .dropdown-content a:hover { background:#f7fafc; color:var(--primary); }
    .dropdown-header { padding:8px 16px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--primary); background:#f7fafc; pointer-events:none; }
    .dropdown-divider { height:1px; margin:6px 0; background:#e2e8f0; overflow:hidden; }
    .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }
    .hamburger span { width:24px; height:2px; background:var(--white); }
    .lang-switcher { display:flex; align-items:center; gap:4px; margin-left:12px; padding-left:12px; border-left:1px solid rgba(255,255,255,0.2); }
    .lang-switcher a { color:rgba(255,255,255,0.7); text-decoration:none; font-size:13px; font-weight:500; padding:6px 10px; border-radius:4px; transition:.2s; }
    .lang-switcher a.active { color:var(--white); font-weight:700; background:rgba(255,255,255,0.15); }
    .lang-switcher a:hover:not(.active) { background:rgba(255,255,255,0.1); color:var(--white); }
    .lang-switcher a.active { color:var(--white); font-weight:700; }
    @media (max-width:1024px) { .nav-links { display:none; position:absolute; top:64px; left:0; right:0; background:var(--primary); flex-direction:column; padding:16px; } .nav-links.open { display:flex; } .hamburger { display:flex; } .dropdown-menu, .dropdown-content { position:static; box-shadow:none; background:rgba(0,0,0,0.1); } .dropdown-menu a, .dropdown-content a { color:var(--white); } .lang-switcher { border-left:none; margin-left:0; padding-left:0; } }
    .hero { background:linear-gradient(135deg, var(--primary) 0%, #1a365d 100%); color:var(--white); padding:80px 20px; text-align:center; }
    .hero h1 { font-size:42px; margin-bottom:16px; }
    .hero p { font-size:18px; max-width:700px; margin:0 auto; opacity:.9; }
    .content { max-width:760px; margin:60px auto; padding:0 20px; text-align:center; }
    .content h2 { font-size:28px; margin-bottom:16px; color:var(--primary); }
    .content p { color:var(--gray); margin-bottom:24px; }
    .cta { display:inline-block; background:var(--accent); color:var(--dark); padding:14px 28px; border-radius:8px; text-decoration:none; font-weight:700; }
    footer { background:var(--dark); color:rgba(255,255,255,0.7); padding:40px 20px; text-align:center; font-size:14px; }
  .content h3 { color:var(--primary); margin:36px 0 12px; font-size:20px; text-align:left; }
.content p { text-align:left; color:var(--gray); margin-bottom:16px; }
.content ul, .content ol { text-align:left; margin:0 0 20px 20px; color:var(--gray); }
.content li { margin-bottom:8px; }
.spec-table { width:100%; border-collapse:collapse; margin:20px 0; font-size:14px; }
.spec-table th, .spec-table td { border:1px solid #e2e8f0; padding:10px 12px; text-align:left; }
.spec-table th { background:var(--primary); color:var(--white); }
.spec-table tr:nth-child(even) { background:#f7fafc; }
.cta-row { text-align:center; margin:40px 0 20px; }
.related-links { margin-top:32px; padding-top:24px; border-top:1px solid #e2e8f0; text-align:center; }
.related-links a { color:var(--primary); text-decoration:none; font-weight:600; margin:0 10px; }
.related-links a:hover { text-decoration:underline; }
.note { font-size:13px; color:var(--gray); font-style:italic; }
  .cluster-nav { background:#edf2f7; padding:48px 20px; margin-top:48px; }
.cluster-nav-inner { max-width:1200px; margin:0 auto; }
.cluster-nav h3 { color:var(--primary); margin-bottom:24px; font-size:20px; text-align:center; }
.cluster-nav-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:14px; }
.cluster-nav a { background:var(--white); padding:12px 16px; border-radius:6px; color:var(--primary); text-decoration:none; font-weight:500; box-shadow:0 2px 4px rgba(0,0,0,0.05); transition:.2s; }
.cluster-nav a:hover { background:var(--primary); color:var(--white); }
.cluster-nav a.current { background:var(--accent); color:var(--dark); font-weight:700; }
@media (max-width:640px) { .cluster-nav-grid { grid-template-columns:1fr; } }
  .content-figure { margin:28px 0; text-align:center; }
.content-img { max-width:100%; height:auto; object-fit:contain; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.content-figure figcaption { font-size:13px; color:var(--gray); margin-top:8px; font-style:italic; }
.table-wrap { overflow-x:auto; margin:20px 0; }
.spec-table { min-width:600px; }
body { font-display:swap; }
@media (max-width:640px) {
  .hero h1 { font-size:28px; }
  .hero p { font-size:16px; }
  .content { margin:40px auto; }
  .content h2 { font-size:22px; }
  .content h3 { font-size:17px; }
  .nav-links a { padding:12px 16px; font-size:15px; }
  .dropdown-menu a { padding:12px 20px; }
  .cta { padding:14px 24px; font-size:16px; min-width:160px; }
  .spec-table { font-size:13px; }
  .spec-table th, .spec-table td { padding:8px 10px; }
}

/* ===== Calculator CTA Section ===== */
.calculator-cta { background: var(--white); padding: 56px 20px; border-bottom: 1px solid #e2e8f0; }
.calculator-cta-inner { max-width: 900px; margin: 0 auto; text-align: center; }
.calculator-cta h2 { color: var(--primary); font-size: 1.75rem; margin-bottom: 12px; }
.calculator-cta p { color: var(--gray); max-width: 760px; margin: 0 auto 24px; line-height: 1.7; }
.calculator-cta-buttons { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.calculator-cta-buttons .cta { min-width: 220px; }
.calculator-cta-buttons .cta.secondary { background: var(--white); color: var(--primary); border: 2px solid var(--primary); }
.calculator-cta-buttons .cta.secondary:hover { background: var(--primary); color: var(--white); }
@media (max-width: 640px) {
  .calculator-cta { padding: 40px 16px; }
  .calculator-cta h2 { font-size: 1.45rem; }
  .calculator-cta-buttons .cta { width: 100%; }
}

/* ===== Content Section ===== */
.content-section { background: var(--white); padding: 64px 20px; border-top: 1px solid #e2e8f0; }
.content-section:first-of-type { border-top: none; }
.content-section h2 { max-width: 900px; margin: 0 auto 16px; color: var(--primary); font-size: 1.75rem; text-align: center; line-height: 1.3; font-weight: 700; }
.content-section p,
.content-section ul,
.content-section ol { max-width: 760px; margin: 0 auto 16px; color: var(--gray); text-align: left; line-height: 1.7; }
.content-section ul,
.content-section ol { padding-left: 24px; }
.content-section li { margin-bottom: 12px; line-height: 1.7; color: var(--gray); }
.content-section p:last-child,
.content-section ul:last-child,
.content-section ol:last-child { margin-bottom: 0; }
@media (max-width: 640px) {
  .content-section { padding: 48px 16px; }
  .content-section h2 { font-size: 1.45rem; }
  .content-section ul,
  .content-section ol { padding-left: 20px; }
}

/* ===== FAQ Section ===== */
.product-faq { padding: 72px 20px; background: #f8fafc; }
.product-faq .container { max-width: 900px; margin: 0 auto; }
.product-faq h2 { text-align: center; font-size: 1.85rem; margin-bottom: 44px; color: var(--primary); font-weight: 700; line-height: 1.3; }
.faq-list { display: flex; flex-direction: column; gap: 16px; }
.faq-item { background: var(--white); border-radius: 12px; box-shadow: 0 2px 8px rgba(30,58,95,0.05); overflow: hidden; border: 1px solid #e2e8f0; transition: box-shadow 0.2s ease; }
.faq-item:hover { box-shadow: 0 6px 16px rgba(30,58,95,0.08); }
.faq-item.active { border-color: var(--primary); box-shadow: 0 6px 20px rgba(44,82,130,0.1); }
.faq-question { width: 100%; padding: 22px 26px; text-align: left; font-size: 1.05rem; font-weight: 600; color: #1e3a5f; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 18px; line-height: 1.45; }
.faq-question::after { content: '+'; font-size: 1.6rem; color: var(--accent); flex-shrink: 0; font-weight: 400; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(212,168,75,0.12); }
.faq-item.active .faq-question::after { content: '−'; background: var(--primary); color: var(--white); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.faq-item.active .faq-answer { max-height: 2000px; }
.faq-answer > * { padding: 0 26px 24px; color: #4a5568; line-height: 1.75; margin: 0; font-size: 0.98rem; }
.faq-answer > * + * { margin-top: 12px; }
@media (max-width: 640px) {
  .product-faq { padding: 52px 16px; }
  .product-faq h2 { font-size: 1.4rem; margin-bottom: 32px; }
  .faq-question { font-size: 0.95rem; padding: 18px 20px; }
  .faq-answer > * { padding: 0 20px 20px; font-size: 0.92rem; }
}