/* Shared visual treatment; page structure and readable SSR content remain independent of JS. */
[data-ocean-page="home"] .hero { min-height: min(900px, 94svh); padding-top: 160px; }
[data-ocean-page="home"] .hero-background {
    inset: -5%;
    opacity: .16;
    mix-blend-mode: luminosity;
    mask-image: linear-gradient(110deg, transparent 20%, #000 85%);
}
[data-ocean-page="home"] .hero-gradient { background: linear-gradient(90deg, rgba(2, 15, 38, .76), transparent 95%), linear-gradient(0deg, rgba(2, 15, 38, .4), transparent 45%); }
[data-ocean-page="home"] .hero h1 { max-width: 880px; font-size: clamp(36px, 4.6vw, 64px); line-height: 1.13; letter-spacing: -.035em; }
[data-ocean-page="home"] .hero h1 span { background: none; color: #a4d5df; }
[data-ocean-page="home"] .hero-tags { margin-top: 44px; font-size: 12px; letter-spacing: .12em; color: #a6bdce; }
[data-ocean-page="home"] .button-primary,
[data-ocean-page="home"] .proposal-submit { box-shadow: none; border-radius: 10px; }
[data-ocean-page="home"] .button-secondary { border-radius: 10px; background: rgba(4, 23, 40, .6); box-shadow: none; backdrop-filter: none; }
[data-ocean-page="home"] .button-primary:hover { transform: translateY(-2px); box-shadow: none; }
[data-ocean-page="home"] .proposal-submit:hover { transform: translateY(-2px); box-shadow: none; }
[data-ocean-page="home"] .section-heading { text-align: left; margin-bottom: 56px; }
[data-ocean-page="home"] .section-heading p { margin-left: 0; }
[data-ocean-page="home"] .heading-accent { margin-left: 0; height: 2px; background: #83bccb; opacity: .6; }
[data-ocean-page="home"] .topographic-lines { opacity: .016; }
[data-ocean-page="home"] .process { background: rgba(2, 15, 38, .32); }
[data-ocean-page="home"] .proposal-panel { background: rgba(5, 24, 43, .85); border-color: rgba(154, 203, 215, .18); border-radius: 20px; box-shadow: none; backdrop-filter: none; }
[data-ocean-page="home"] .proposal-panel .section-heading { text-align: center; }
[data-ocean-page="home"] .proposal-panel .section-heading p,
[data-ocean-page="home"] .proposal-panel .heading-accent { margin-inline: auto; }
[data-ocean-page="inner"] .case-card,
[data-ocean-page="inner"] .solution-detail { background: rgba(5, 24, 43, .88); box-shadow: none; backdrop-filter: none; }
[data-ocean-page="inner"] .about-current,
[data-ocean-page="inner"] .about-purpose-mark span { animation: none; }
[data-ocean-page="inner"] .case-preview { position: relative; }
[data-ocean-page="inner"] .case-preview-caption { position: relative; z-index: 1; background: #071c30; }
[data-ocean-shell] .site-header { background: rgba(3, 19, 36, .86); border-color: rgba(153, 203, 221, .12); backdrop-filter: blur(12px); }
[data-ocean-shell] .site-footer { background: rgba(2, 12, 28, .68); }
[data-ocean-shell] .footer-links h2 { color: #94c3d2; }
/* FocusOnNavigate targets headings for screen readers; actionable controls retain their ring. */
[data-ocean-shell] h1[tabindex="-1"]:focus { outline: none; }
[data-ocean-shell] .header-cta { border-radius: 8px; background: rgba(30, 99, 255, .1); }
[data-ocean-shell] .institutional-document,
[data-ocean-shell] .status-panel { background: rgba(5, 24, 43, .94); box-shadow: none; backdrop-filter: none; }
#solucoes { scroll-margin-top: 96px; }

@media (max-width: 767px) {
    [data-ocean-page="home"] .hero { min-height: 720px; padding-top: 140px; }
    [data-ocean-page="home"] .hero h1 { font-size: clamp(34px, 8.7vw, 46px); }
    [data-ocean-page="home"] .section-heading { margin-bottom: 36px; }
    [data-ocean-page="home"] .hero-background { opacity: .1; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    [data-ocean-shell] .button,
    [data-ocean-shell] .proposal-submit { transition: none; }
}