:root { --bg:#fff; --bg-lift:#f2f6f9; --surface:#fff; --surface-input:#fff; --ink:#1e2c36; --ink-soft:#435867; --muted:#596d7b; --line:#dbe4ea; --line-strong:#bacbd7; --accent:#205f9a; --accent-bright:#174977; --error:#a52227; --success:#1c6543; --radius-ui:6px; --radius-box:8px; color-scheme:light; }
body::after,.hero-signal::before { display:none; }
.site-header { background:rgba(255,255,255,.98); }
.hero { position:relative; isolation:isolate; background:#232a2f url('network-connectivity-v1.jpg') center / cover; }
.hero::before { content:""; position:absolute; inset:0; z-index:-1; background:rgba(12,20,26,.55); }
.hero-grid { display:block; }
.hero-copy { max-width:690px; }
.hero-copy h1 { color:#fff; }
.hero-sub { color:#e4ebef; }
.hero .text-link { color:#fff; }
.hero-signal { display:none; }
.hero-copy h1 { font-size:3.25rem; letter-spacing:0; }
.hero-sub { font-size:1.2rem; max-width:48ch; }
h1,h2,h3,.brand-name { letter-spacing:0; }
.bento { gap:2rem; }
.cell,.cell-feature,.cell-tint { background:none; border:0; border-top:1px solid var(--line-strong); border-radius:0; padding:1.5rem 0; box-shadow:none; }
.cell-accent { background:#205f9a; border-radius:8px; padding:1.5rem; }
.quote { box-shadow:none; }
.quote-form { box-shadow:0 6px 24px rgba(25,50,70,.05); }
html.js .reveal { opacity:1!important; transform:none!important; }
@media(max-width:768px){.hero-copy h1{font-size:2.5rem}.hero-sub{font-size:1.125rem}.hero-signal{display:none}.brand-name{white-space:normal;line-height:1.2}}