:root{

  /* Paleta aproximada do logo anexado (navy + verdes/azuis/ciano) */

  --sc-navy: #081028;   /* fundo principal */

  --sc-navy-2:#0B1737;  /* variação */

  --sc-green:#10A860;   /* verde destaque */

  --sc-green-2:#006828; /* verde profundo */

  --sc-blue:#1068D8;    /* azul destaque */

  --sc-cyan:#60D8E0;    /* ciano suave */

  --sc-white:#F8F8F8;


  --sc-card:#0e1b3f;

  --sc-border: rgba(255,255,255,.12);

}


html { scroll-behavior: smooth; }

body{

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  background: #fff;

}


/* Topbar */

.topbar{

  background: linear-gradient(90deg, rgba(16,168,96,.18), rgba(16,104,216,.18));

  border-bottom: 1px solid rgba(255,255,255,.08);

  backdrop-filter: blur(8px);

}


/* Navbar */

.sc-navbar{

  background: rgba(8,16,40,.82);

  backdrop-filter: blur(10px);

  border-bottom: 1px solid rgba(255,255,255,.10);

  transition: padding .2s ease, background .2s ease;

  padding: .75rem 0;

}


.sc-navbar.sc-nav-shrink{

  padding: .45rem 0;

  background: rgba(8,16,40,.92);

}


.brand-logo{

  width: 44px;

  height: 44px;

  border-radius: 12px;

  box-shadow: 0 12px 30px rgba(0,0,0,.25);

}


.brand-name{

  font-weight: 800;

  letter-spacing: .06em;

  line-height: 1;

}


.brand-sub{

  font-size: .82rem;

  color: rgba(255,255,255,.65);

  line-height: 1.1;

}


/* Buttons */

.btn-sc-primary{

  border: none;

  background: linear-gradient(135deg, var(--sc-green), var(--sc-blue));

  color: white;

  box-shadow: 0 14px 30px rgba(16,104,216,.18);

}


.btn-sc-primary:hover{

  filter: brightness(1.05);

  transform: translateY(-1px);

}


.sc-badge{

  background: rgba(96,216,224,.10);

  border: 1px solid rgba(96,216,224,.25);

  color: rgba(255,255,255,.85);

  padding: .5rem .75rem;

}


/* Sections */

.sc-section{

  scroll-margin-top: 90px;

}


.sc-section-alt{

  background: linear-gradient(180deg, rgba(8,16,40,.03), rgba(16,104,216,.03));

}


.section-title{

  font-weight: 800;

  letter-spacing: -.02em;

}


/* Hero */

.sc-hero{

  position: relative;

  background: radial-gradient(1200px 700px at 20% 10%, rgba(16,104,216,.25), transparent 60%),

              radial-gradient(1000px 600px at 80% 30%, rgba(16,168,96,.22), transparent 55%),

              linear-gradient(180deg, var(--sc-navy), #050A18);

  padding: 5.5rem 0 4rem 0;

  overflow: hidden;

}


.text-gradient{

  background: linear-gradient(135deg, var(--sc-cyan), var(--sc-green));

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}


.text-white-75{ color: rgba(255,255,255,.75) !important; }


.sc-card-glass{

  background: rgba(255,255,255,.06);

  border: 1px solid rgba(255,255,255,.12);

  border-radius: 20px;

  box-shadow: 0 30px 70px rgba(0,0,0,.35);

}


.icon-bubble{

  width: 46px;

  height: 46px;

  border-radius: 14px;

  display:flex;

  align-items:center;

  justify-content:center;

  background: rgba(16,104,216,.18);

  border: 1px solid rgba(16,104,216,.25);

  color: white;

  font-size: 1.15rem;

}


.icon-bubble-alt{

  background: rgba(16,168,96,.18);

  border-color: rgba(16,168,96,.25);

}


.hero-metrics{

  display:flex;

  gap: 12px;

  flex-wrap: wrap;

}


.metric{

  background: rgba(255,255,255,.06);

  border: 1px solid rgba(255,255,255,.10);

  border-radius: 16px;

  padding: 12px 14px;

  min-width: 160px;

}


.metric-title{

  font-size: .8rem;

  color: rgba(255,255,255,.60);

}


.metric-value{

  font-weight: 700;

  color: rgba(255,255,255,.92);

}


.hero-bg-orb{

  position:absolute;

  filter: blur(30px);

  opacity: .35;

  border-radius: 999px;

  pointer-events:none;

}


.orb-1{

  width: 420px;

  height: 420px;

  left: -120px;

  bottom: -160px;

  background: radial-gradient(circle at 30% 30%, var(--sc-cyan), transparent 60%);

}

.orb-2{

  width: 520px;

  height: 520px;

  right: -220px;

  top: -220px;

  background: radial-gradient(circle at 30% 30%, var(--sc-green), transparent 60%);

}


/* Mini cards */

.sc-mini-card{

  display:flex;

  gap: 12px;

  align-items:flex-start;

  padding: 14px;

  border-radius: 16px;

  border: 1px solid rgba(8,16,40,.08);

  background: white;

  box-shadow: 0 18px 40px rgba(8,16,40,.06);

}


.mini-icon{

  width: 44px;

  height: 44px;

  border-radius: 14px;

  background: linear-gradient(135deg, rgba(16,168,96,.18), rgba(16,104,216,.18));

  display:flex;

  align-items:center;

  justify-content:center;

  color: #0B1737;

  font-size: 1.15rem;

}


/* Panel */

.sc-panel{

  border-radius: 20px;

  background: linear-gradient(180deg, #ffffff, rgba(16,104,216,.04));

  border: 1px solid rgba(8,16,40,.08);

  box-shadow: 0 24px 60px rgba(8,16,40,.08);

}


.sc-divider{

  height: 1px;

  background: rgba(8,16,40,.10);

}


/* Solution cards */

.sc-solution-card{

  border-radius: 20px;

  background: white;

  border: 1px solid rgba(8,16,40,.08);

  box-shadow: 0 22px 60px rgba(8,16,40,.07);

  padding: 22px;

  transition: transform .15s ease, box-shadow .15s ease;

}


.sc-solution-card:hover{

  transform: translateY(-3px);

  box-shadow: 0 26px 70px rgba(8,16,40,.10);

}


.solution-icon{

  width: 52px;

  height: 52px;

  border-radius: 18px;

  display:flex;

  align-items:center;

  justify-content:center;

  background: linear-gradient(135deg, rgba(16,168,96,.16), rgba(16,104,216,.16));

  border: 1px solid rgba(16,104,216,.18);

  margin-bottom: 14px;

  font-size: 1.3rem;

  color: #0B1737;

}


/* Sectors */

.sc-sector-card{

  border-radius: 20px;

  background: white;

  border: 1px solid rgba(8,16,40,.08);

  box-shadow: 0 22px 60px rgba(8,16,40,.07);

  padding: 22px;

}


.sector-header{

  display:flex;

  gap: 12px;

  align-items:center;

  margin-bottom: 12px;

}


.sector-icon{

  width: 52px;

  height: 52px;

  border-radius: 18px;

  display:flex;

  align-items:center;

  justify-content:center;

  background: linear-gradient(135deg, rgba(96,216,224,.18), rgba(16,168,96,.14));

  border: 1px solid rgba(96,216,224,.22);

  color: #0B1737;

  font-size: 1.3rem;

}


.sc-callout{

  border-radius: 20px;

  background: linear-gradient(135deg, rgba(16,168,96,.10), rgba(16,104,216,.10));

  border: 1px solid rgba(16,104,216,.12);

  padding: 18px;

}


/* Accordion style */

.sc-accordion .accordion-item{

  border: 1px solid rgba(8,16,40,.08);

  border-radius: 16px;

  overflow: hidden;

  margin-bottom: 10px;

}

.sc-accordion .accordion-button{

  background: white;

  font-weight: 700;

}

.sc-accordion .accordion-button:not(.collapsed){

  color: #0B1737;

  background: linear-gradient(180deg, rgba(16,104,216,.06), white);

}


/* Stats */

.sc-stat-grid{

  display:grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 14px;

}

@media (max-width: 576px){

  .sc-stat-grid{ grid-template-columns: 1fr; }

}


.stat-card{

  border-radius: 20px;

  background: white;

  border: 1px solid rgba(8,16,40,.08);

  box-shadow: 0 22px 60px rgba(8,16,40,.07);

  padding: 18px;

}

.stat-top{

  display:flex;

  align-items:center;

  gap: 10px;

  color: #0B1737;

}

.stat-top i{ font-size: 1.2rem; }

.stat-label{

  font-weight: 700;

}

.stat-value{

  font-size: 1.25rem;

  font-weight: 900;

  margin-top: 6px;

  background: linear-gradient(135deg, var(--sc-green), var(--sc-blue));

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}

.stat-desc{

  color: rgba(8,16,40,.65);

  font-size: .9rem;

}


/* Team cards */

.sc-person-card{

  border-radius: 20px;

  background: white;

  border: 1px solid rgba(8,16,40,.08);

  box-shadow: 0 22px 60px rgba(8,16,40,.07);

  overflow:hidden;

  display:flex;

  gap: 14px;

  padding: 16px;

}


.person-avatar{

  width: 62px;

  height: 62px;

  border-radius: 18px;

  display:flex;

  align-items:center;

  justify-content:center;

  color: white;

  font-weight: 900;

  letter-spacing: .02em;

  flex: 0 0 auto;

  box-shadow: 0 18px 40px rgba(8,16,40,.12);

}


.gradient-a{ background: linear-gradient(135deg, var(--sc-green), var(--sc-blue)); }

.gradient-b{ background: linear-gradient(135deg, var(--sc-blue), var(--sc-cyan)); }

.gradient-c{ background: linear-gradient(135deg, var(--sc-green-2), var(--sc-cyan)); }

.gradient-d{ background: linear-gradient(135deg, #0B1737, var(--sc-blue)); }

.gradient-e{ background: linear-gradient(135deg, #0B1737, var(--sc-green)); }

.gradient-f{ background: linear-gradient(135deg, var(--sc-cyan), var(--sc-blue)); }

.gradient-g{ background: linear-gradient(135deg, var(--sc-green), var(--sc-cyan)); }


.person-links a{

  display:inline-flex;

  width: 34px;

  height: 34px;

  border-radius: 12px;

  align-items:center;

  justify-content:center;

  border: 1px solid rgba(8,16,40,.10);

  background: rgba(16,104,216,.04);

}

.person-links a:hover{

  background: rgba(16,168,96,.08);

  border-color: rgba(16,168,96,.18);

}


/* Contact */

.sc-contact{

  background: radial-gradient(1200px 600px at 10% 10%, rgba(16,104,216,.26), transparent 60%),

              radial-gradient(900px 500px at 90% 10%, rgba(16,168,96,.22), transparent 55%),

              linear-gradient(180deg, var(--sc-navy), #050A18);

}


.sc-contact-box{

  border-radius: 18px;

  border: 1px solid rgba(255,255,255,.12);

  background: rgba(255,255,255,.06);

  padding: 14px 16px;

}


.sc-form-card{

  border-radius: 22px;

  background: white;

  border: 1px solid rgba(255,255,255,.12);

  box-shadow: 0 30px 80px rgba(0,0,0,.35);

  padding: 22px;

}


.sc-form-card .form-control{

  border-radius: 14px;

  border-color: rgba(8,16,40,.14);

}

.sc-form-card .form-control:focus{

  box-shadow: 0 0 0 .25rem rgba(16,104,216,.18);

  border-color: rgba(16,104,216,.35);

}


/* Footer */

.sc-footer{

  background: #050A18;

  border-top: 1px solid rgba(255,255,255,.08);

}