:root {
  --bardabox-dark: #0f1720;
  --bardabox-panel: #162230;
  --bardabox-green: #9fe870;
  --bardabox-text: #5f6b76;
}
body { font-family: 'Manrope', sans-serif; color: #111827; }
.navbar .navbar-brand img { width: 350px; height: auto; }
.navbar { backdrop-filter: blur(10px); background: rgba(15, 23, 32, 0.82) !important; }
.hero-section { padding-top: 5rem; background: radial-gradient(circle at top right, rgba(159,232,112,0.15), transparent 30%), #0f1720; }
.eyebrow { display:inline-block; padding:.45rem .8rem; border-radius:999px; background:rgba(255,255,255,.08); font-size:.85rem; letter-spacing:.02em; }
.text-300 { color: rgba(255,255,255,.78); }
.hero-visual, .card-dark { background: #101926; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; box-shadow: 0 20px 50px rgba(0,0,0,.25); }
.hero-visual img { display:block; width:100%; height:auto; border-radius:24px; }
.hero-stats { display:grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.hero-stats div { background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:1rem; }
.hero-stats strong, .contact-points strong { display:block; font-size:1rem; }
.hero-stats span, .contact-points span { display:block; font-size:.9rem; color: rgba(255,255,255,.72); }
.section-heading { max-width: 780px; }
.section-heading h2 { font-size: clamp(2rem, 3vw, 3rem); }
.feature-card { background:#fff; border:1px solid #e8edf2; border-radius:22px; padding:2rem; box-shadow: 0 10px 30px rgba(15,23,32,.04); }
.feature-card img { width:58px; height:58px; margin-bottom:1rem; }
.render-card { background:#fff; border:1px solid #e8edf2; border-radius:24px; overflow:hidden; box-shadow: 0 16px 40px rgba(15,23,32,.06); height:100%; }
.render-card img { width:100%; height:260px; object-fit:cover; display:block; background:#f7f7f7; }
.render-card.small img { height:220px; object-fit:contain; padding: 1.2rem; }
.render-copy { padding: 1.25rem 1.25rem 1.4rem; }
.render-copy h5 { margin-bottom:.35rem; }
.feature-list li { display:flex; gap:.8rem; align-items:flex-start; margin-bottom:1rem; font-size:1rem; }
.feature-list i { color:#20b15a; margin-top:.15rem; }
.mini-panel { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:1rem; height:100%; }
.mini-panel strong, .mini-panel span { display:block; }
.mini-panel span { color: rgba(255,255,255,.76); font-size:.92rem; }
.step-card { background:#fff; border:1px solid #e8edf2; border-radius:20px; padding:1.4rem; height:100%; }
.step-card span { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:999px; background:#0f1720; color:#fff; font-weight:800; margin-bottom:1rem; }
.contact-card { background:#fff; border:1px solid #e8edf2; border-radius:24px; padding:1.5rem; box-shadow:0 16px 40px rgba(15,23,32,.06); }
.contact-points { display:grid; gap:1rem; }
.contact-points div { background:#fff; border:1px solid #e8edf2; border-radius:18px; padding:1rem 1.1rem; }
.contact-points span { color:#6b7280; font-size:.95rem; }
.form-control, .form-select { border-radius:14px; padding:.9rem 1rem; border-color:#d9e2ec; }
.footer-logo { width:140px; height:auto; }
@media (max-width: 991px) {
  .hero-stats { grid-template-columns: 1fr; }
  .navbar .navbar-brand img { width: 170px; }
  .render-card img { height:220px; }
}


.chip-row { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.9rem; }
.chip-row span { display:inline-flex; padding:.35rem .7rem; border-radius:999px; background:#eef5ef; color:#1c6d43; font-size:.78rem; font-weight:700; }
.contain-img { object-fit:contain !important; padding:1.25rem; background:#f8fafc; }
.spec-panel { background:#fff; border:1px solid #e8edf2; border-radius:24px; padding:2rem; box-shadow: 0 16px 40px rgba(15,23,32,.06); }
.two-up { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.mini-spec { background:#f8fafc; border:1px solid #e8edf2; border-radius:18px; padding:1rem; }
.mini-spec strong, .mini-spec span { display:block; }
.mini-spec span { color:#6b7280; font-size:.92rem; }
.accordion-button:not(.collapsed) { background:#f3f7f4; color:#111827; box-shadow:none; }
.accordion-button:focus { box-shadow:none; border-color:transparent; }
@media (max-width: 991px) {
  .two-up { grid-template-columns:1fr; }
}


/* Contrast fixes */
body { color: #0f172a; }
p, li, .render-copy p, .feature-card p, .section-heading p, .accordion-body, .spec-panel p, .contact-card p { color: #334155; }
h1, h2, h3, h4, h5, h6, .render-copy h5, .feature-card h4 { color: #0f172a; }
.hero-section h1, .hero-section h2, .hero-section h3, .hero-section h4, .hero-section p, .hero-section .render-copy h5, .hero-section .render-copy p { color: #f8fafc; }
.hero-section .text-success { color: #b7f08d !important; }
.navbar { background: rgba(8, 15, 24, 0.96) !important; border-bottom: 1px solid rgba(255,255,255,.12); }
.navbar .navbar-brand img { width: 200px; height: auto; filter: drop-shadow(0 2px 10px rgba(0,0,0,.35)); }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.96) !important; font-weight: 700; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #d9f7c3 !important; }
.navbar .btn.btn-light { background: #ffffff; color: #0f172a !important; border-color: #ffffff; font-weight: 800; }
.navbar .btn.btn-light:hover { background: #eef2f7; border-color: #eef2f7; }
.eyebrow { color:#ffffff; background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); font-weight:700; }
.text-300 { color: rgba(255,255,255,.9); }
.hero-stats div { background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); }
.hero-stats strong { color:#ffffff; }
.hero-stats span { color: rgba(255,255,255,.86); }
.text-success, .feature-list i { color: #2f6f5e !important; }
.chip-row span { background:#e7f2eb; color:#1d4f42; }
.text-muted { color: #475569 !important; }
footer { background: #f8fafc; }
.footer-logo { width: 160px; height: auto; }
@media (max-width: 991px) {
  .navbar .navbar-brand img { width: 170px; }
  .navbar-dark .navbar-nav .nav-link { padding-top: .85rem; padding-bottom: .85rem; }
}