/* Approved EESERON identity: navy, maroon, white and cool grey. */
:root{--navy:#0b2a56;--maroon:#881e3f;--line:#d6dce6;--paper:#f7f8fa}header{height:108px}.brand{width:205px;text-align:center;flex-shrink:0}.logo-window{width:205px;height:36px;overflow:hidden;position:relative;display:block}.logo-window img{max-width:none;position:absolute;width:222px;height:auto;left:-7px;top:-19px}.brand-tagline{display:block;font-size:10px;line-height:1.3;letter-spacing:1.05px;color:var(--navy);margin-top:5px;font-weight:500}.brand-parent{display:block;font-size:8px;line-height:1.3;letter-spacing:.5px;color:#667281;margin-top:5px;font-weight:400}.footer-brand{width:250px;background:#fff;padding:20px 22px;display:block}.footer-brand .logo-window{width:205px;height:36px}.footer-brand .brand-tagline{font-size:10px}.footer-brand .brand-parent{font-size:8px}.contact,.service-strip{background:#f5f6f8}.rollout{background:#f4f0f2}.hero{background:var(--navy)}.hero .button:hover{background:#d6dce6}.hero h1 em{color:#e7b5c7}.hero .eyebrow{color:#e5cad4}.nav-cta{border-color:var(--navy)}.hero-foot{letter-spacing:1.8px}.solution-story{--story-intercom:#d59bb0}::selection{background:#881e3f;color:white}html{scroll-padding-top:115px}
@media(max-width:1100px){nav{gap:12px;font-size:11px}.nav-cta{padding:10px 14px}.nav-cta span{margin-left:12px}}
@media(max-width:760px){header{height:96px}.brand{width:174px}.logo-window{width:174px;height:31px}.logo-window img{width:189px;left:-6px;top:-16px}.brand-tagline{font-size:8px;letter-spacing:1px;margin-top:4px}.brand-parent{font-size:7px;margin-top:4px}nav{top:96px}.footer-brand .logo-window img{width:222px;left:-7px;top:-19px}.solution-story .visual{top:96px}html{scroll-padding-top:100px}}
/* Compact logo lockup: reduce the gaps without changing the wordmark. */
.brand .logo-window{height:33px}.brand .brand-tagline{margin-top:0;line-height:1.1}.brand .brand-parent{margin-top:2px;line-height:1.1}.footer-brand{padding-top:15px;padding-bottom:15px}
@media(max-width:760px){.brand .logo-window{height:28px}.brand .brand-tagline{margin-top:0}.brand .brand-parent{margin-top:1px}.footer-brand .logo-window{height:33px}}

/* Match CyberFTTHMart website typography. */
body{font-family:'DM Sans',Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4,h5,h6,.eyebrow,.project-kind,.hero-foot,.brand-tagline,.brand-parent,.rollout strong,.steps article>span,.supply-grid article>span,.solution-story .section-kicker,.solution-story .step-num,.solution-story .diagram-top{font-family:Manrope,Arial,sans-serif}
