:root { --bg-0:#fff; --bg-1:#f3f5f7; --bg-2:#eef2f5; --line:#dce2e7; --line-strong:#bfcbd4; --text-1:#202a32; --text-2:#485760; --text-3:#566974; --accent:#22618f; --accent-strong:#184e76; --accent-ink:#fff; --r-m:8px; }
header, header.scrolled { background:#fff; }
h1,h2,h3,h4 { letter-spacing:0; }
h1 { font-size:3.25rem; } h2 { font-size:2rem; }
.hero { min-height:0; padding:calc(var(--header-h) + 4rem) 0 4rem; }
.hero h1 { color:#fff; }
.hero-content p { color:#e1e9ef; }
.hero .text-link { color:#fff; }
.platform-tile,.service-card { border-radius:8px; }
.btn { white-space:normal; text-align:center; min-height:44px; }
[data-reveal] { opacity:1!important; transform:none!important; }
@media(max-width:768px){h1,.hero-content h1{font-size:2.5rem}h2{font-size:1.75rem}.hero{padding:calc(var(--header-h) + 2rem) 0 3rem}.nav-menu{background:#fff;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.nav-menu{transition:none}}