/* Brand manual edition 1: approved grounds and accessible green ramp.
   System fallback until HP Simplified web embedding rights are confirmed. */
:root { --green:#36ca98; --green-dark:#17805d; --green-soft:#ebfaf4; --ink:#000; --ink-soft:#333; --grey:#555; --paper:#f5f5f5; --white:#fff; --line:#d5d5d5; --container:min(1200px,calc(100% - 48px)); }
body { font-family:system-ui,sans-serif; font-size:17px; line-height:1.45; }
h1,h2,h3 { font-family:inherit; font-weight:700!important; letter-spacing:-.015em!important; }
h1 { line-height:.98!important; } h2 { line-height:1.08; }
.site-header,.site-header.scrolled { background:#fff; backdrop-filter:none; }
.brand-crop,.brand-footer .brand-crop { width:150px; height:auto; padding:8px; overflow:visible; }
.brand-crop img,.brand-footer .brand-crop img { position:static; width:100%; height:auto; max-width:100%; transform:none; mix-blend-mode:normal; }
.hero { background:#000; color:#fff; min-height:800px; }
.hero-media { position:absolute; inset:0; width:100%; height:100%; margin:0; border-radius:0; }
.hero-media img { object-position:65% center; }
.hero-media::after { display:none; }
.hero-wash { display:block; background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 35%,rgba(0,0,0,.2) 100%),linear-gradient(0deg,#000,transparent 70%); }
.hero-content { padding-top:160px; z-index:2; }
.hero h1 span,.hero .eyebrow { color:var(--green); }
.hero-copy { color:#fff; font-style:italic; }
.hero .text-link,.hero-proof strong { color:#fff; }
.hero .text-link span,.hero-proof span { color:#ddd; }
.hero-proof { border-color:#666; }
.hero-stamp,.hero::after,.services::before,.contact::before,.contact::after { display:none; }
.hero .version-compare { color:#fff; }
.button-primary,.contact .button-primary { background:var(--green); color:#000; border-radius:6px; }
.button-primary:hover,.contact .button-primary:hover { background:#24ae80; color:#000; }
.primary-navigation .nav-cta,.scrolled .primary-navigation .nav-cta { border:1.5px solid #000; border-radius:6px; color:#000; background:#fff; }
.primary-navigation .nav-cta:hover { background:#f5f5f5; color:#000; }
.services,.contact,.site-footer,.tier-card-featured,.primary-navigation.is-open { background:#000; }
.service-areas .service-card { background:#000; border-color:#666; }
.service-areas .service-card:hover { background:#111; transform:none; }
.service-areas .service-card-accent,.service-areas .service-card-accent:hover { background:#fff; color:#000; border-color:#fff; }
.service-card-accent .service-icon,.service-card-accent .service-number,.service-card-accent .service-tag,.service-areas .service-card-accent p { color:#000; }
.service-areas .service-card p,.services-heading > p,.contact-copy > p:not(.kicker),.tier-card-featured .tier-summary,.tier-card-featured .capacity-metric > span { color:#ddd; }
.service-areas .service-tag,.service-icon,.service-number,.tier-card-featured .capacity-metric > strong { color:var(--green); }
.service-icon svg { stroke-width:2; width:24px; height:24px; }
.layer-card-dark,.mix-note,.tier-cta,.tier-card-featured .tier-cta { background:#f5f5f5; color:#000; }
.tier-cta { border:1.5px solid #000; border-radius:6px; }
.tier-cta:hover { background:#ddd; }
.layer-link span,.values-grid .detail-card h3,.step-number,.version-compare { color:var(--green-dark); }
.service-card,.detail-card { border-radius:16px; }
.hero-proof strong,.hero-proof span,.kicker,.eyebrow,.primary-navigation a,.service-tag,.service-number,.layer-meta,.best-for span,.tier-topline,.capacity-metric > span,.footer-bottom,.footer-bottom a,.contact-details span,.fab-item-text small,.fab-menu-title,.fab-menu-desc,.disclosure-number,.disclosure-title > span,.version-compare { font-size:13px!important; }
.detail-card p,.service-areas .service-card p,.layer-card p,.layer-card .layer-note,.tier-summary,.best-for,.tier-card li,.intro-copy,.services-heading > p,.why-list p,.service-detail-body .section-heading { font-size:17px; line-height:1.45; }
.footer-top { display:flex; flex-wrap:wrap; gap:32px; align-items:center; }
.footer-contacts { border-left:1.5px solid #fff; padding-left:28px; display:grid; gap:8px; }
.footer-contacts a { color:#fff; font-size:17px; text-decoration:none; }
.footer-contacts a[href^="tel"] { font-weight:700; font-style:italic; }
.footer-signoff { margin-left:auto; padding:16px 24px; border:1.5px solid #fff; border-radius:10px; }
.footer-signoff p { margin:0 0 12px; }
.url-pill { display:inline-block; background:var(--green); color:#000; border-radius:999px; padding:8px 16px; text-decoration:none; font-size:15px; }
.fab-menu { background:#000; backdrop-filter:none; box-shadow:none; }
.fab-trigger,.purpose-panel,.hero-stamp,.layer-link { box-shadow:none; }
.fab-highlight,.fab-highlight .fab-icon,.fab-item:hover .fab-icon { background:var(--green); color:#000; }
.fab-highlight .fab-item-text strong,.fab-highlight .fab-item-text small { color:#000; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid var(--green); outline-offset:4px; }
.reveal { transform:translateY(4px); transition-duration:180ms; }
@media(max-width:980px) { .primary-navigation { background:#000; } .primary-navigation .nav-cta { background:#fff; } }
@media(max-width:680px) {
 :root { --container:calc(100% - 32px); }
 .hero { min-height:0; padding:0; display:block; }
 .hero-content { padding:128px 0 48px; }
 .hero-media { position:absolute; inset:0; height:100%; width:100%; }
 .hero-wash { background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.65)),linear-gradient(0deg,#000,transparent); }
 .hero-proof { grid-template-columns:1fr; }
 .hero-proof li { display:flex; justify-content:space-between; gap:16px; }
 .hero-proof span { margin:0; }
 .footer-top { flex-direction:column; align-items:flex-start; }
 .footer-signoff { margin-left:0; }
 .footer-contacts { border:0; padding-left:0; }
 .footer-bottom a,.layer-link,.service-tag { min-height:44px; display:inline-flex; align-items:center; }
 .detail-card p,.values-grid .detail-card p,.disclosure-title > span { font-size:15px!important; }
}