/* ALPHA STI — unified dark cobalt theme + global sparkles backdrop.
   Loaded AFTER the page's own styles so it overrides them. Turns every
   white section into the same cobalt blue as the hero; sparkles show through. */

html{background:#0a1f63;}
body{
  background:radial-gradient(130% 90% at 80% -12%, #18297f 0%, #0a1f63 48%, #06133f 100%) fixed;
  color:#eaf1ff;
}
#globalSparkles{position:fixed;inset:0;z-index:-1;pointer-events:none;}

/* sections become transparent so the cobalt body + sparkles show through */
.hero,.trust,section.block,.block,.soft,.block.soft,.sec-dark,.page-hero{background:transparent !important;}
.hero::before,.page-hero::before{opacity:0 !important;}
.sec-dark::before{opacity:.25 !important;}

/* header → dark glass */
header{background:rgba(8,22,72,.72) !important;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.10) !important;}
header.scrolled{box-shadow:0 8px 26px rgba(0,0,0,.38) !important;}
.brand{color:#fff !important;}
.nav .links a{color:#c2d2ee !important;}
.nav .links a:hover,.nav .links a.active{color:#fff !important;}
.nav .links a::after{background:#8db27d !important;}
.burger{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.2) !important;}
.burger span{background:#fff !important;}
.mobile{background:rgba(8,22,72,.97) !important;border-top-color:rgba(255,255,255,.1) !important;}
.mobile a{color:#eaf1ff !important;border-bottom-color:rgba(255,255,255,.1) !important;}

/* type */
h1,h2,h3,h4{color:#fff;}
.head h2{color:#fff !important;}
.eyebrow{color:#9fb6e8 !important;}
.head p,.intro p,.feat p,.plan .desc,.fcard p,.post .meta,.qa .a p,.fpanel .pd,.fpanel .side p,.about p,.about .pts .pt small{color:#aebfd9 !important;}
.btn-ghost{color:#fff !important;border-color:rgba(255,255,255,.26) !important;}
.btn-ghost:hover{border-color:#fff !important;color:#fff !important;background:rgba(255,255,255,.08) !important;}

/* trust strip — brushed metallic silver band (matches the "ALPHA" silver in the logo) */
.trust{
  background:linear-gradient(180deg,#eef1f5 0%,#d2d7e0 47%,#bcc3ce 53%,#e1e5ec 100%) !important;
  border-top:1px solid rgba(255,255,255,.65) !important;
  border-bottom:1px solid rgba(18,36,74,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 12px 30px rgba(0,0,0,.20) !important;
}
.trust .lab{color:#5a6576 !important;text-shadow:0 1px 0 rgba(255,255,255,.5);}
.trust .items .t{color:#16243d !important;text-shadow:0 1px 0 rgba(255,255,255,.55);}
.trust .items .t svg{color:#1c3aa0 !important;}

/* glass cards everywhere */
.plan,.feat,.quote,.seg,.fcard,.ftab,.fpanel .side,.vpanel,.post,.qa,.form,.related a{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
.plan:hover,.feat:hover,.fcard:hover,.post:hover{box-shadow:0 22px 50px rgba(0,0,0,.32) !important;border-color:rgba(255,255,255,.28) !important;}
.plan.feat{border-color:var(--green-600) !important;background:rgba(141,178,125,.12) !important;}
.plan .pname{color:#9ed080 !important;}
.plan h3,.feat h3,.fcard h3,.post h3{color:#fff !important;}
.plan li{color:#dfe8f7 !important;}
.plan li.off{color:#8499b8 !important;}
.feat .ic,.fcard .ic{background:rgba(141,178,125,.16) !important;color:#bcd9a6 !important;}

/* segments */
.segs-hint{color:#8aa0c4 !important;}
.seg{color:#dfe8f7 !important;}
.seg .ic{background:rgba(255,255,255,.07) !important;color:#bcd9a6 !important;}
.seg:hover{border-color:#8db27d !important;color:#fff !important;}
.seg span{color:inherit !important;}

/* testimonial */
.quote p{color:#f2f6ff !important;}
.quote .mark{color:rgba(255,255,255,.14) !important;}
.quote .who b{color:#fff !important;}
.quote .who small{color:#aebfd9 !important;}

/* about points */
.about .pts .pt b{color:#fff !important;}

/* faq */
.qa.open{border-color:#8db27d !important;}
.qa .q{color:#fff !important;}
.qa .q .plus{background:rgba(141,178,125,.18) !important;color:#bcd9a6 !important;}
.qa.open .q .plus{background:#5ea03f !important;color:#fff !important;}

/* blog */
.post .cat{color:#9ed080 !important;}

/* forms — keep inputs light for legibility while typing */
.form{background:rgba(255,255,255,.07) !important;}
.form label{color:#c2d2ee !important;}
.form input,.form select{background:#fff !important;color:#13243a !important;border-color:rgba(255,255,255,.25) !important;}
.form .priv{color:#8aa0c4 !important;}

/* feature tabs (Sistema page) */
.ftab{color:#c2d2ee !important;}
.ftab .ic{background:rgba(255,255,255,.08) !important;color:#bcd9a6 !important;}
.ftab.active{border-color:#8db27d !important;color:#fff !important;}
.ftab.active .ic{background:#5ea03f !important;color:#fff !important;}
.flist li{color:#dfe8f7 !important;}
.fpanel .side h4{color:#fff !important;}
.fpanel .side .shot{background:repeating-linear-gradient(135deg, rgba(141,178,125,.14) 0 9px, rgba(255,255,255,.04) 9px 18px) !important;border-color:rgba(255,255,255,.16) !important;color:#aebfd9 !important;}

/* intro chips */
.intro .chips .c{background:rgba(141,178,125,.16) !important;color:#cde3bb !important;}

/* related */
.related a{color:#eaf1ff !important;}
.related a:hover{border-color:#8db27d !important;color:#fff !important;}

/* segment modal → dark */
.seg-card{background:#0e2356 !important;color:#eaf1ff !important;}
.seg-card .eyebrow{color:#9fb6e8 !important;}
.seg-x{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.2) !important;color:#cdd9ef !important;}
.seg-x:hover{border-color:#8db27d !important;color:#fff !important;}
.seg-desc{color:#aebfd9 !important;}
.seg-mic{background:rgba(141,178,125,.18) !important;color:#bcd9a6 !important;}
.seg-mhead h3{color:#fff !important;}
.seg-vform input{background:#fff !important;color:#13243a !important;border-color:rgba(255,255,255,.25) !important;}
.seg-foot{border-top-color:rgba(255,255,255,.12) !important;}

/* image-slot placeholders darker to suit the theme */
image-slot{--is-bg:#0e2742;}

/* hero local canvas no longer needed (global one covers everything) */
.hero .sparkles{display:none !important;}