:root{
  --brand-orange:#F58220;
  --brand-blue:#0A2A52;
  --muted:#6c757d;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333;background:#fff}
.navbar.fixed-top.scrolled{box-shadow:0 6px 22px rgba(0,0,0,.10)}
main{padding-top:72px}

/* Preloader */
#preloader{position:fixed;inset:0;z-index:9999;background:linear-gradient(180deg,#ffffff 0%, #fff3e9 100%);display:grid;place-items:center;transition:opacity .5s ease, visibility .5s ease}
#preloader.hidden{opacity:0;visibility:hidden}
.preloader-logo{width:120px;height:auto;filter:drop-shadow(0 8px 24px rgba(245,130,32,.25));animation:fadeLogo .9s ease forwards}
@keyframes fadeLogo{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:var(--brand-orange)!important;font-weight:600}
.navbar-nav .nav-link{color:#0a2a52;font-weight:500;transition:color .2s ease}
.navbar-nav .nav-link:hover{color:var(--brand-orange)!important}
.navbar-brand{font-weight:700;color:var(--brand-blue);font-size:1.25rem}
.navbar-toggler{border:0}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler-icon{width:28px;height:18px;position:relative;display:block}
.navbar-toggler-icon::before, .navbar-toggler-icon::after, .navbar-toggler-icon div{content:"";position:absolute;left:0;width:100%;height:3px;background:var(--brand-blue);border-radius:2px;transition:all .3s ease}

/* Hero */
.hero{min-height:100vh;position:relative;display:grid;place-items:center;color:#fff;overflow:hidden;background:#0b2f5f}
.hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .overlay{position:absolute;inset:0;background:radial-gradient(1200px 600px at 50% 30%, rgba(10,42,82,.45), transparent 60%), linear-gradient(180deg, rgba(10,42,82,.55), rgba(10,42,82,.75))}
#particles-hero{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
.hero .content{position:relative;z-index:3;text-align:center;max-width:900px;padding:0 1rem}
.btn-accent{background:var(--brand-orange);color:#fff;border-radius:999px;padding:.7rem 1.25rem;border:none;box-shadow:0 8px 22px rgba(245,130,32,.35);transition:transform .2s ease,opacity .2s ease}
.btn-accent:hover{transform:translateY(-2px);opacity:.95}
.text-accent{color:var(--brand-orange)!important}

/* Sections */
section.section{padding:64px 0}
.section-title{color:var(--brand-blue);font-weight:700}
.kicker{font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* Values parallax + particles */
#values{position:relative;overflow:hidden;background:linear-gradient(180deg,#0a2a52,#0a2a52)}
.values-parallax{position:relative}
#particles-values{position:absolute;inset:0;width:100%;height:100%;opacity:.45;pointer-events:none}
#values::before{content:"";position:absolute;inset:-10%;background:radial-gradient(800px 400px at 20% 10%, rgba(245,130,32,.18), transparent 60%), radial-gradient(1000px 500px at 80% 20%, rgba(255,255,255,.10), transparent 65%);transform:translateY(var(--val-parallax,0px));transition:transform .2s linear}

/* Core Value Cards */
.value-card{border:0;border-radius:1rem;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.08);transition:transform .25s ease, box-shadow .25s ease, background .25s ease}
.value-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.12)}
.value-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(245,130,32,.10),rgba(245,130,32,.18))}
.icon-svg{width:26px;height:26px;stroke:var(--brand-orange);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Objectives glassmorphism */
#objectives{position:relative;background:linear-gradient(180deg,#0a2a52,#0a2a52)}
#objectives .card{background:linear-gradient(180deg,rgba(255,255,255,0.8),rgba(255,255,255,1));backdrop-filter:blur(8px);border:0;border-radius:1rem;box-shadow:0 12px 28px rgba(0,0,0,1)}

/* Product cards */
.product-card{border:0;border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:transform .3s ease, box-shadow .3s ease;overflow:hidden}
.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,.12)}
.product-img{width:100%;height:220px;object-fit:cover;transition:transform .3s ease}
.product-card:hover .product-img{transform:scale(1.04)}

/* Contact parallax */
#contact{position:relative;overflow:hidden}
#contact::before{content:"";position:absolute;inset:-20%;background:radial-gradient(1000px 500px at 15% 20%, rgba(245,130,32,.14), transparent 60%), radial-gradient(900px 450px at 85% 30%, rgba(255,255,255,.08), transparent 60%);transform:translateY(var(--contact-parallax,0px));pointer-events:none}

/* Footer */
.footer-contact{border-top:1px solid rgba(0,0,0,.06)}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border-radius:999px;background:#ffffff;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 16px rgba(0,0,0,.06);text-decoration:none;color:#0a2a52;font-weight:500;transition:transform .2s ease, box-shadow .2s ease}
.chip:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.10)}

/* Back to top */
.back-to-top{position:fixed;right:16px;bottom:16px;width:44px;height:44px;border-radius:999px;border:none;background:var(--brand-orange);color:#fff;font-weight:700;box-shadow:0 10px 24px rgba(245,130,32,.35);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s ease;z-index:999}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{filter:brightness(.95)}

/* Accessibility */
:focus-visible{outline:3px solid var(--brand-orange);outline-offset:3px;border-radius:6px}

.text-fs-18{font-size: 18px}
.mission-ul-list li{margin-bottom:1rem} 
.mission-ul-list li i{padding-right:0.5rem} 

/* Mobile */
@media (max-width:768px){ .product-img{height:180px} }