:root{
  --primary:#047857;
  --primary-600:#0b7a5c;
  --primary-700:#065F46;
  --bg:#F6F7F9;
  --text:#111827;
  --muted:#6B7280;
  --white:#ffffff;
}

html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica,Arial}
img{max-width:100%;height:auto}
a{color:var(--primary-700);text-decoration:none}
a:hover{text-decoration:none}

.navbar{
  background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.25));
  backdrop-filter:saturate(140%) blur(8px);
  z-index:1040;
  transition:background-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.navbar.scrolled{
  background:linear-gradient(90deg, var(--primary), var(--primary-600));
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.brand-pad{margin-left:10px}
.toggler-pad{margin-right:12px}
.navbar .navbar-brand .brand-text{color:#fff;font-weight:600}
.navbar .nav-link{color:#fff!important;opacity:.95;position:relative;padding-bottom:.4rem}
.navbar .nav-link:hover{opacity:1}
.navbar .nav-link.active{opacity:1;border-bottom:2px solid #fff}
.btn.btn-cta{background:var(--white);color:var(--primary-700);border:0;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.navbar-dark .navbar-toggler{padding:.65rem .75rem;border-radius:.75rem}
.navbar-dark .navbar-toggler:focus-visible{outline:3px solid #fff;outline-offset:2px}
.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

.hero{
  position:relative;min-height:calc(100svh - var(--nav-h,72px));
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.55)),url('/images/hero-market.webp') center/cover no-repeat;
  text-align:center;color:#fff;
  padding-top:calc(var(--nav-h,72px) + 16px)
}
.offcanvas.text-bg-primary{
  background:linear-gradient(90deg, var(--primary) 0%, var(--primary-600) 100%);
  max-width:min(520px,90vw);
  border-top-left-radius:16px;border-bottom-left-radius:16px
}
.off-open .hero-title{visibility:hidden}

.breadcrumb .breadcrumb-item a{color:var(--primary-700)}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#9CA3AF}

.section-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.section-head h2{margin:0}
.section-head .bar{flex:1;height:4px;background:linear-gradient(90deg,var(--primary),transparent);border-radius:4px}

.card.feature,.card.usage{border:1px solid rgba(0,0,0,.06);border-radius:16px;background:#fff;transition:transform .18s ease,box-shadow .18s ease}
.card.feature:hover,.card.usage:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.14)}
.feature-icon-wrap{width:72px;height:72px;border-radius:16px;margin:0 auto;display:grid;place-items:center;background:rgba(4,120,87,.08);color:var(--primary)}
.feature-icon-wrap i{font-size:30px;line-height:1}
.text-primary-erp{color:var(--primary)!important}
.shadow{box-shadow:0 8px 28px rgba(0,0,0,.12)!important}
.rounded{border-radius:16px!important}

.accordion-clean .accordion-item{border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;margin-bottom:10px;background:#fff}
.accordion-clean .accordion-button{font-weight:600}
.accordion-clean .accordion-button:not(.collapsed){color:#065F46;background:rgba(4,120,87,.08)}
.accordion-clean .accordion-button:focus{box-shadow:0 0 0 .25rem rgba(4,120,87,.25)}

.img-1by3{max-width:33%}

.cta-strip{background:var(--primary);color:#fff;padding:18px 0;margin-top:10px}
.cta-strip .cta-link{color:#fff;text-decoration:underline}
.cta-strip .cta-link:hover{text-decoration:underline}

.site-footer{background:#0b1220;color:#e5e7eb;padding:44px 0 24px}
.site-footer .footer-brand{color:#fff;font-weight:700}
.site-footer .footer-brand img{width:132px;height:132px;object-fit:contain}
.site-footer .footer-nav a{color:#e5e7eb}
.site-footer .footer-nav a:hover{text-decoration:none}
.site-footer .text-light-muted{color:#9aa4b2}
.site-footer .sep{border-color:rgba(255,255,255,.12)}
.social-link{color:#e5e7eb}
.social-link:hover{color:#fff}

#loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;gap:.75rem;background:rgba(255,255,255,.95);z-index:2000;transition:opacity .2s ease}
#loader.hide{opacity:0;pointer-events:none}
.spinner{width:42px;height:42px;border-radius:50%;border:4px solid #d1d5db;border-top-color:var(--primary);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width: 992px){.img-1by3{max-width:48%}}
@media (max-width: 768px){
  .hero{min-height:calc(66vh - var(--nav-h,72px))}
  .img-1by3{max-width:68%}
  .site-footer .footer-brand img{width:140px;height:140px}
}
@media (prefers-reduced-motion: reduce){
  .wow,.animate__animated{animation:none !important}
}