/* TASK-061 / DEC-001, shared site-wide by TASK-076/077: commercial chrome. Source SHA-256
   AB1F3133CC2ED127FCDD73C3512DC69B78F55CB54F2F7B23AB48378A6755D7F2.
   Source declaration order is preserved; shared site assets stay unchanged. */

/* Remove presentation inherited from the older shared footer, locally. */
.home-commercial-chrome { font-weight: 400; letter-spacing: normal; text-rendering: auto; }
.home-commercial-chrome .footer-links { align-content: normal; }
.home-commercial-chrome .footer-links a { width: auto; padding: 0; border: 0; background: transparent; font: inherit; text-align: inherit; }
.home-commercial-chrome .footer-bottom { padding: 0; font-family: var(--sans); letter-spacing: normal; }
.home-commercial-chrome .footer-brand { grid-column: auto; }
.home-commercial-chrome { --page:#f5f3ee;--muted:#eceae4;--ink:#16171b;--body:#5b606b;--dark:#121318;--surface:#1a1c22;--line:#d8d5ce;--dark-line:#30333c;--purple:#5b5ce2;--lavender:#a4a5ff;--green:#65dba0;--head:'Space Grotesk','Inter',Arial,sans-serif;--sans:'Inter',Arial,sans-serif;--mono:'JetBrains Mono',Consolas,monospace }
.home-commercial-chrome * { box-sizing:border-box }
.home-commercial-chrome { margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65 }
.home-commercial-chrome button, .home-commercial-chrome a { -webkit-tap-highlight-color:transparent }
.home-commercial-chrome button { font:inherit }
.home-commercial-chrome a { color:inherit }
.home-commercial-chrome img, .home-commercial-chrome svg { max-width:100% }
.home-commercial-chrome button, .home-commercial-chrome a, .home-commercial-chrome summary { touch-action:manipulation }
.home-commercial-chrome a:focus-visible, .home-commercial-chrome button:focus-visible, .home-commercial-chrome summary:focus-visible { outline:3px solid var(--purple);outline-offset:5px }
.home-commercial-chrome h1, .home-commercial-chrome h2, .home-commercial-chrome h3, .home-commercial-chrome p { margin:0 }
.home-commercial-chrome h1, .home-commercial-chrome h2, .home-commercial-chrome h3 { font-family:var(--head);line-height:1.12;letter-spacing:-.04em }
.home-commercial-chrome p { color:var(--body) }
.home-commercial-chrome h2 { font-size:clamp(32px,3.4vw,48px);font-weight:600 }
.home-commercial-chrome h3 { font-size:22px;font-weight:600 }
.home-commercial-chrome .container { width:min(1220px,calc(100% - 80px));margin-inline:auto }
.home-commercial-chrome .btn { display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:12px 21px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:600;text-decoration:none;line-height:1.4;transition:background .18s,transform .18s }
.home-commercial-chrome .btn:hover { transform:translateY(-2px) }
.home-commercial-chrome .btn-primary { background:var(--purple);color:white;box-shadow:0 6px 20px #5b5ce226 }
.home-commercial-chrome .btn-primary:hover { background:#4b4cc7 }
.home-commercial-chrome.header { position:sticky;top:0;z-index:30;background:#f5f3eef5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px) }
.home-commercial-chrome .nav { min-height:72px;display:flex;align-items:center;gap:30px;position:relative }
.home-commercial-chrome .brand { display:inline-flex;align-items:center;gap:2px;flex-shrink:0;font:700 23px var(--head);text-decoration:none;letter-spacing:-.05em }
.home-commercial-chrome .brand img { height:25px;width:25px;object-fit:contain;margin-right:6px }
.home-commercial-chrome .brand em { font-style:normal;color:var(--purple) }
.home-commercial-chrome .nav-links { display:flex;align-items:center;gap:25px;margin-left:auto }
.home-commercial-chrome .nav-links a { font-size:12px;color:var(--body);text-decoration:none }
.home-commercial-chrome .nav-links a:hover { color:var(--purple) }
.home-commercial-chrome a[aria-current="page"] { color:var(--purple);font-weight:600 }
.home-commercial-chrome .nav>.btn { font-size:12px;min-height:39px;padding:10px 15px }
.home-commercial-chrome .menu-toggle { display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:6px;background:transparent;align-items:center;justify-content:center }
.home-commercial-chrome .menu-toggle svg { width:21px;height:21px }
.home-commercial-chrome .mobile-menu { display:none }
.home-commercial-chrome.footer { padding:42px 0 20px }
.home-commercial-chrome .footer-top { display:flex;justify-content:space-between;gap:40px;align-items:flex-start;padding-bottom:32px }
.home-commercial-chrome .footer-brand p { max-width:320px;font-size:11px;margin-top:12px }
.home-commercial-chrome .footer-links { display:flex;gap:26px;flex-wrap:wrap }
.home-commercial-chrome .footer-links a { font-size:11px;text-decoration:none;color:var(--body) }
.home-commercial-chrome .footer-links a:hover { color:var(--purple) }
.home-commercial-chrome .footer-bottom { display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:17px;color:#72727d;font-size:10px }
.home-commercial-chrome .footer-bottom span:last-child { font:9px var(--mono) }
@media(max-width:1100px) {
.home-commercial-chrome .container { width:calc(100% - 56px) }
.home-commercial-chrome .nav-links { gap:16px }
.home-commercial-chrome .nav { gap:20px }
}
@media(max-width:860px) {
.home-commercial-chrome .nav-links { display:none }
.home-commercial-chrome .nav>.btn { margin-left:auto }
.home-commercial-chrome .menu-toggle { display:flex }
.home-commercial-chrome .mobile-menu:not([hidden]) { position:absolute;display:grid;top:72px;left:-28px;right:-28px;background:var(--page);border-bottom:1px solid var(--line);padding:20px 28px;gap:16px;box-shadow:0 15px 25px #0001 }
.home-commercial-chrome .mobile-menu a { font-size:14px;text-decoration:none }
.home-commercial-chrome .footer-top { gap:25px }
.home-commercial-chrome .footer-links { gap:15px;max-width:320px;justify-content:flex-end }
}
@media(max-width:560px) {
.home-commercial-chrome .container { width:calc(100% - 36px) }
.home-commercial-chrome .nav { min-height:64px;gap:12px }
.home-commercial-chrome .brand { font-size:20px }
.home-commercial-chrome .brand img { width:22px;height:22px }
.home-commercial-chrome .nav>.btn { font-size:10px;padding:10px 11px;min-height:37px }
.home-commercial-chrome .menu-toggle { width:36px;height:37px }
.home-commercial-chrome .mobile-menu:not([hidden]) { top:64px;left:-18px;right:-18px;padding:20px 18px }
.home-commercial-chrome h2 { font-size:33px;line-height:1.12 }
.home-commercial-chrome.footer { padding-top:33px }
.home-commercial-chrome .footer-top { display:block;padding-bottom:24px }
.home-commercial-chrome .footer-links { justify-content:flex-start;margin-top:25px;gap:13px 21px;max-width:none }
.home-commercial-chrome .footer-bottom { display:block;font-size:9px }
.home-commercial-chrome .footer-bottom span:last-child { display:block;margin-top:8px;font-size:8px }
}
@media(prefers-reduced-motion:reduce) {
.home-commercial-chrome *, .home-commercial-chrome *:before, .home-commercial-chrome *:after { transition:none!important;animation:none!important }
}

/* Permanent cookie-preference access reuses the existing site.js behavior. */
.home-commercial-chrome .home-cookie-preferences {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--body);
    font: inherit;
    font-size: 11px;
    text-align: inherit;
    cursor: pointer;
}
.home-commercial-chrome .home-cookie-preferences:hover { color: var(--purple); }

/* RNF-001 / CA-012: source copyright 4.286:1 -> existing body token 5.686:1. */
.home-commercial-chrome .footer-bottom { color: var(--body); }

/* Restore source document/UA defaults masked by the older shared stylesheet. */
html { overflow-x:clip; }
body { overflow:visible; }
:root { --header-height:72px; }
@media(max-width:560px) { :root { --header-height:64px; } }
html.page-home-commercial,
html.page-home-commercial body { overflow: visible; }
.home-commercial-chrome .menu-toggle { color: revert; }

/* Shared contact action: visible beside diagnosis on every page. */
.home-commercial-chrome .header-actions { display:flex;align-items:center;gap:10px;flex-shrink:0 }
.home-commercial-chrome .header-actions > .btn { gap:8px }
.home-commercial-chrome .header-actions > .btn > span:first-child { min-width:0;overflow-wrap:anywhere }
.home-commercial-chrome .header-actions > .btn { font-size:12px;min-height:44px;padding:10px 15px }
.home-commercial-chrome .header-actions .contact-dropdown summary { color:var(--ink);border-color:#8b8b96;transform:none }
@media(min-width:861px) and (max-width:1100px) {
  .home-commercial-chrome .nav { gap:12px }
  .home-commercial-chrome .nav-links { gap:10px }
  .home-commercial-chrome .header-actions { gap:8px }
  .home-commercial-chrome .header-actions > .btn,.home-commercial-chrome .header-actions summary { padding:10px;font-size:12px }
}
@media(max-width:860px) {
  .home-commercial-chrome .header-actions { margin-left:auto }
}
@media(max-width:560px) {
  :root { --header-height:122px }
  .home-commercial-chrome .nav { flex-wrap:wrap;gap:8px 12px;padding-block:8px;min-height:122px }
  .home-commercial-chrome .brand { margin-right:auto }
  .home-commercial-chrome .menu-toggle { order:2;width:44px;height:44px }
  .home-commercial-chrome .header-actions { order:3;flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-left:0 }
  .home-commercial-chrome .header-actions > .btn,.home-commercial-chrome .header-actions summary { min-height:44px;width:100%;padding:10px 8px;font-size:12px }
  .home-commercial-chrome .mobile-menu:not([hidden]) { top:100% }
}
