.brand-mark{background:transparent}
.brand-mark img{width:44px;height:44px;object-fit:contain;image-rendering:auto}
.brand strong{color:#0b587e}
.hero-corporate{background-image:linear-gradient(90deg,#061722e8 0%,#08273cae 46%,#08273c1f 75%),url('../images/hero-home-blue-earth-soft.png');background-position:center;background-size:cover}
.page-hero{background-image:linear-gradient(90deg,#061722eb 0%,#08273cbc 48%,#08273c2e 76%),url('../images/page-hero-blue-earth.png');background-position:center;background-size:cover}

/* Calm industrial palette and motion system */
body{background:#fff;color:#0b1d2a}
.site-top{overflow:hidden;background:#061722;border-bottom:1px solid #12354b}
.topbar-layout{height:40px;min-height:40px!important}
.ticker{min-width:0;display:flex;align-items:center;gap:14px;overflow:hidden;white-space:nowrap}
.ticker-label{flex:0 0 auto;padding:4px 8px;border:1px solid #168eb1;color:#73dcef;font-size:9px;font-weight:900;letter-spacing:.14em}
.ticker-text{display:block;overflow:hidden;text-overflow:ellipsis;transition:opacity .35s ease,transform .35s ease;color:#fff}
.ticker-text.is-leaving{opacity:0;transform:translateY(-10px)}
.ticker-text.is-entering{opacity:0;transform:translateY(10px)}
.top-contact{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#78a0b4}
.site-header{border-bottom-color:#dce7ec}
.quote-link{min-height:40px;padding:0 18px;background:#0b587e;border-color:#0b587e;color:#fff}
.quote-link:hover{background:#061722;border-color:#061722}
.btn{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #06172229}
.section-soft{background:#f4f8fa}
.solution-card,.feature-card,.project-card,.content-card,.form-card{border-color:#d8e5eb}
.cta{background:linear-gradient(110deg,#06263b,#0b587e 65%,#117c9b)}
.site-footer{background:#050f16}
.whatsapp{background:#0b587e}
.whatsapp:hover{background:#061722}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.card-grid .reveal:nth-child(2),.content-grid .reveal:nth-child(2),.feature-grid .reveal:nth-child(2){transition-delay:.08s}
.card-grid .reveal:nth-child(3),.content-grid .reveal:nth-child(3),.feature-grid .reveal:nth-child(3){transition-delay:.16s}
.hero-copy{animation:heroEnter .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes heroEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:760px){.top-contact{display:none}.ticker{width:100%}.ticker-label{display:none}.ticker-text{width:100%;text-align:center}.topbar-layout{justify-content:center}.quote-link{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}