/* Original PH logo: blue #003571, orange #fd7701. */
:root {
  --ink:#003571; --muted:#536576; --paper:#fafbfd; --line:#d8e1e9;
  --accent:#fd7701; --accent-text:#a34e00; --secondary-heading:#55728a;
  --soft:#e9f1f8; --section-bg:#edf3f8; --field-bg:#f8fafc;
  --header-bg:#fafbfdf5; --button-bg:#003571; --button-text:#fff; --button-hover:#003b6b;
  --strong-bg:#003571; --strong-text:#fff; --strong-muted:#d8e7f4;
  --strong-accent:#ffb15c; --strong-line:#ffffff40; --grid-dot:#ffffff20;
  --focus:#a34e00; --shadow:#003b6b10;
}
body[data-palette="blue"] {
  --accent:#003571; --accent-text:#003571; --secondary-heading:#416b8d;
  --soft:#e3edf6; --section-bg:#eaf1f7; --strong-accent:#abd3f3;
}
body[data-palette="orange"] {
  --paper:#fffcf8; --header-bg:#fffcf8f5; --line:#ead7bf; --muted:#635c53;
  --soft:#ffead0; --section-bg:#fff0df; --field-bg:#fffcf8;
  --button-bg:#fd7701; --button-text:#102f49; --button-hover:#ff9b32;
  --strong-bg:#fd7701; --strong-text:#102f49; --strong-muted:#17334b;
  --strong-line:#102f4940; --strong-accent:#003b6b; --grid-dot:#102f4920;
}
body[data-palette="green"] {
  --ink:#193e35; --muted:#58675e; --paper:#f8f9f4; --line:#dce2d6;
  --accent:#8da771; --accent-text:#526d3c; --secondary-heading:#617254;
  --soft:#dce5d1; --section-bg:#edf0e6; --field-bg:#fbfcf8; --header-bg:#f8f9f4f5;
  --button-bg:#193e35; --button-text:#fff; --button-hover:#2c5949;
  --strong-bg:#193e35; --strong-text:#f0f4e9; --strong-muted:#d0decf;
  --strong-accent:#c9ed9e; --focus:#526d3c; --shadow:#173d3510;
}
.brand-logo{display:block;width:124px;height:auto;max-width:100%;background:#fff;border-radius:3px;padding:4px}
.footer-top .brand-logo{width:145px;padding:8px}
.button{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text)}
.button:hover{background:var(--button-hover);border-color:var(--button-hover)}
.service-green{background:var(--strong-bg);border-color:var(--strong-bg);color:var(--strong-text)}
.service-green .service-top>span,.service-green p{color:var(--strong-muted)}
.tech-visual .posture g:first-child{stroke:var(--strong-muted)}
.tech-visual .posture>circle{fill:var(--strong-muted)}
.tech-visual .posture g:nth-of-type(2){stroke:var(--strong-accent)}
.tech-visual .posture g:last-child{fill:var(--strong-bg);stroke:var(--strong-accent)}
.contact-fields{border:0;padding:0;margin:0;min-width:0}
.demo-notice{padding:12px;border-left:3px solid var(--accent);background:var(--soft);font-size:12px;margin-top:0}
[data-theme="technical"] h1,[data-theme="technical"] h2,[data-theme="technical"] h3{font-weight:650;letter-spacing:-1px}
[data-theme="technical"] em{font:inherit;color:var(--accent-text)}
[data-theme="technical"] .hero-visual{border-radius:4px}
[data-theme="technical"] .approach{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px}
[data-theme="technical"] .service{border-radius:0;border-top:3px solid var(--accent)}
[data-theme="technical"] .eyebrow{font-family:ui-monospace,monospace;letter-spacing:1px}
[data-theme="technical"] .avatar{border-radius:4px}
[data-theme="technical"] .button{border-radius:0}
@media(max-width:650px){.brand-logo{width:98px;padding:3px}.footer-top .brand-logo{width:125px}.nav{min-height:80px}}

/* Current brand supplied by PH: artwork and safety margin are retained. */
.brand-logo{width:134px;height:auto;padding:0;background:transparent}
.nav{min-height:138px}
.footer-top .brand{background:transparent;padding:10px}
.footer-top .brand-logo{width:142px;padding:0}
html{scroll-padding-top:150px}
@media(max-width:900px){.nav{min-height:120px}.nav nav{top:120px}.brand-logo{width:116px}}
@media(max-width:650px){.brand-logo{width:108px}.nav{min-height:112px}.nav nav{top:112px}html{scroll-padding-top:125px}}