:root {
  --fi-dark: #3f4b5c;
  --fi-dark-2: #556273;
  --fi-accent: #198754;
  --fi-text: #1f2937;
  --fi-muted: #6b7280;
  --fi-border: #e5e7eb;
  --fi-bg-soft: #f8fafc;
  --fi-radius: 1.25rem;
  --fi-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}

body { color: var(--fi-text); font-family: Arial, Helvetica, sans-serif; background: #fff; }
a { text-decoration: none; }
.section { padding: 4.5rem 0; }

.navbar { --bs-navbar-padding-y: .9rem; backdrop-filter: blur(10px); background: rgba(63, 75, 92, .92); box-shadow: 0 8px 24px rgba(0, 0, 0, .08); }
.navbar-brand { font-weight: 700; letter-spacing: .02em; }
.brand-label { color: #fff; font-size: 1.25rem; }
.navbar .nav-link { color: rgba(255, 255, 255, .92); font-weight: 600; padding: .65rem .9rem; border-radius: 10px; transition: .2s ease; }
.navbar .nav-link:hover, .navbar .nav-link:focus, .navbar .nav-link.active { color: #fff; background: rgba(255, 255, 255, .12); }

.page-hero { position: relative; overflow: hidden; background: linear-gradient(180deg, var(--fi-dark-2), var(--fi-dark)); color: #fff; padding: 3.25rem 0 3rem; }
.page-hero::before, .page-hero::after { content: ""; position: absolute; border-radius: 50%; filter: blur(12px); opacity: .12; pointer-events: none; }
.page-hero::before { width: 220px; height: 220px; background: #9dd6ff; top: -100px; right: -80px; }
.page-hero::after { width: 180px; height: 180px; background: #86efac; bottom: -100px; left: -80px; }
.hero-kicker { color: #bbf7d0; font-size: .85rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.page-hero h1 { font-weight: 800; margin-bottom: .75rem; }
.page-hero p { color: rgba(255, 255, 255, .9); max-width: 48rem; margin: 0 auto; font-size: 1.05rem; }

.sidebar-sticky { position: sticky; top: 6rem; }
.info-card, .article-card, .cta-card { background: #fff; border: 1px solid var(--fi-border); border-radius: var(--fi-radius); box-shadow: 0 10px 24px rgba(15, 23, 42, .05); padding: 1.5rem; }
.info-list { list-style: none; padding: 0; margin: 0; }
.info-list li { display: flex; gap: .65rem; align-items: flex-start; padding: .35rem 0; color: #374151; }
.info-list i { color: var(--fi-accent); margin-top: .15rem; flex: 0 0 auto; }
.btn-lg { border-radius: .9rem; }

.footer { background: #1f2937; color: #d1d5db; padding-top: 4rem; }
.footer a { color: #fff; }
.footer .muted { color: #9ca3af; }
.footer-card { padding: 1.25rem; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .08); border-radius: 1.25rem; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); }
.footer-logo { width: 72px; height: 72px; object-fit: contain; margin-bottom: 1rem; transition: transform .2s ease; }
.product-link { color: inherit; transition: transform .15s ease, box-shadow .15s ease; }
.product-link:hover { color: inherit; transform: translateY(-4px); box-shadow: 0 14px 32px rgba(0, 0, 0, .15); }
.product-link:hover .footer-logo { transform: scale(1.05); }
.footer-bottom { margin-top: 3rem; padding: 1.5rem 0; border-top: 1px solid rgba(255, 255, 255, .08); color: #9ca3af; }

@media (max-width: 991.98px) { .sidebar-sticky { position: static; } .page-hero { text-align: center; } }