/* Compact approved logo; preserve the original navigation and page layouts. */
.rail .rail-logo,.automation-page .automation-rail .rail-logo{display:block;flex:none;width:138px;align-self:flex-start;margin:0;line-height:0}
.rail .rail-logo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.rail .rail-slogan{display:none}
.rail .choice-list,.automation-page .automation-rail .service-nav{margin-top:32px}
@media(max-width:900px){.rail .rail-logo,.automation-page .automation-rail .rail-logo{width:118px;align-self:flex-start;margin:0}.rail,.automation-page .automation-rail{padding-top:17px;padding-bottom:17px}}

.topbar{min-width:0;overflow:hidden}.topnav{min-width:0;max-width:calc(100% - 20px);overflow-x:auto}.topnav a{flex:none;white-space:nowrap}

/* Only white surfaces and careful logo placement; original header and menu unchanged. */
.rail,.automation-page .automation-rail,.topbar{background:#fff}
.rail .rail-logo,.automation-page .automation-rail .rail-logo{align-self:flex-start;margin-left:0;margin-top:0}
.rail .rail-logo img{mix-blend-mode:normal}
.topbar{border-bottom:1px solid #edf0ee}

/* Rounded glass treatment for the original page-list navigation bar. */
.topbar{position:relative!important;top:auto!important;z-index:55;min-height:76px;height:auto;padding:10px 0 12px;background:transparent!important;border:0;overflow:visible;pointer-events:none}
.topnav{display:flex;align-items:center;justify-content:flex-start;gap:3px;width:max-content;max-width:calc(100% - 40px);min-height:53px;padding:6px;margin:0 auto;border:1px solid rgba(255,255,255,.92);border-radius:999px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 9px 32px rgba(18,41,32,.10),0 1px 4px rgba(18,41,32,.06),inset 0 0 0 1px rgba(22,44,35,.045);overflow-x:auto;scrollbar-width:none;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.topnav::-webkit-scrollbar{display:none}
.topnav a{flex:none;white-space:nowrap;display:block;padding:12px 16px;border-radius:999px;background:transparent;color:#44534c;font-size:12px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s}
.topnav a:hover,.topnav a:focus-visible{background:rgba(232,239,235,.94);color:#123a29;box-shadow:inset 0 0 0 1px rgba(35,66,49,.04)}
.topnav a[aria-current=page]{background:#eaf1ed;color:#183e2b}
.topnav a:focus-visible{outline:2px solid #4c7a63;outline-offset:-2px}
@media(max-width:900px){.topnav a{padding:11px 13px;font-size:12px}}
@media(max-width:700px){.topbar{top:10px;min-height:70px;padding:8px 0 10px}.topnav{width:max-content;max-width:calc(100% - 84px);min-height:50px;margin-left:14px;margin-right:auto;padding:5px;border-radius:999px}.topnav a{padding:12px 14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.topnav a{transition:none}}

/* Four clear destinations; all labels remain visible with no internal scrolling. */
.topnav{width:min(590px,calc(100% - 40px));max-width:calc(100% - 40px);overflow:visible;gap:3px}
.topnav a{flex:1 1 0;min-width:0;text-align:center;padding:12px 10px}
@media(max-width:700px){.topnav{width:calc(100% - 84px);max-width:calc(100% - 84px);gap:1px;padding:5px;margin-left:14px}.topnav a{padding:12px 5px;font-size:12px}}
@media(max-width:350px){.topnav a{font-size:11px;padding-inline:4px}}

/* Plain text actions: a quiet underline, without arrow/emoji decoration. */
.service>a,.direction-card>a,.service-card>a,.soli-link,.automation-feature-copy>a,.omd-case-copy>a{border-bottom:1px solid #b7c9be;text-decoration:none;padding-bottom:3px;transition:border-color .18s,color .18s}
.service>a:hover,.direction-card>a:hover,.service-card>a:hover,.soli-link:hover,.automation-feature-copy>a:hover,.omd-case-copy>a:hover{border-bottom-color:#244b36;color:#244b36}
@media(prefers-reduced-motion:reduce){.service>a,.direction-card>a,.service-card>a,.soli-link,.automation-feature-copy>a,.omd-case-copy>a{transition:none}}

/* Only the small right-hand full-menu control remains floating. */
.rail,.automation-page .automation-rail{position:relative!important;top:auto!important;height:auto;align-self:start}
.quick-nav{position:fixed!important;top:12px;right:10px}

@media(max-width:700px){.topnav{width:calc(100% - 28px);max-width:calc(100% - 28px);margin:0 14px}}

/* Frosted glass surfaces; navigation behaviour and white header remain unchanged. */
.topnav{background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.34));-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border-color:rgba(255,255,255,.92);box-shadow:0 8px 30px rgba(18,41,32,.11),0 2px 7px rgba(18,41,32,.035),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(199,217,207,.48)}
.topnav a:hover,.topnav a:focus-visible{background:rgba(255,255,255,.60);box-shadow:0 2px 8px rgba(27,57,40,.055),inset 0 1px 0 rgba(255,255,255,.85)}
.topnav a[aria-current=page]{background:rgba(224,237,229,.60);box-shadow:inset 0 1px 0 rgba(255,255,255,.85);color:#183e2b}
.quick-nav-panel{background:rgba(255,255,255,.83);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border-color:rgba(255,255,255,.9);box-shadow:0 18px 48px rgba(7,22,45,.15),inset 0 1px 0 rgba(255,255,255,.96)}
.quick-nav-panel a:hover,.quick-nav-panel a:focus-visible{background:rgba(230,240,234,.75)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topnav,.quick-nav-panel{background:#fff}.quick-nav-toggle{background:#09213b}}
@media(prefers-reduced-transparency:reduce){.topnav,.quick-nav-panel{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.quick-nav-toggle{background:#09213b;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Keep the original mark; add a quiet, crisp Apps suffix. */
.rail .rail-logo,.automation-page .automation-rail .rail-logo{display:inline-flex;align-items:flex-end;width:auto;max-width:100%;gap:9px}
.rail .rail-logo img,.automation-page .automation-rail .rail-logo img{width:138px;max-width:none;flex:none}
.logo-apps{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:24px;font-weight:400;line-height:1;letter-spacing:-.035em;color:#102a42;margin-bottom:2px}
.footer-logo-lockup{display:inline-flex;align-items:flex-end;gap:8px;line-height:0}.footer-logo-lockup .footer-mark{width:110px;height:auto;margin:0}.footer-logo-lockup .logo-apps{font-size:20px}
@media(max-width:900px){.rail .rail-logo img,.automation-page .automation-rail .rail-logo img{width:118px}.rail .rail-logo,.automation-page .automation-rail .rail-logo{gap:8px}.rail .logo-apps{font-size:20px}}
/* Clearer glass on the large navigation pill; it still scrolls normally. */
.topnav{background:linear-gradient(120deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.22) 46%,rgba(255,255,255,.08) 53%,rgba(248,255,251,.50) 100%);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);border:1px solid rgba(211,227,218,.7);box-shadow:0 10px 32px rgba(24,48,35,.10),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.8)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topnav{background:#fff}}
@media(prefers-reduced-transparency:reduce){.topnav{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* One integrated wordmark artwork, rather than a separate Apps text label. */
.rail .rail-logo,.automation-page .automation-rail .rail-logo{display:block;width:auto;max-width:100%;gap:0;line-height:0}
.rail .rail-logo img,.automation-page .automation-rail .rail-logo img{display:block;width:186px;max-width:100%;height:auto}
.footer-logo-lockup{display:inline-block;line-height:0}.footer-logo-lockup .footer-mark{width:152px;max-width:100%;height:auto}
@media(max-width:900px){.rail .rail-logo img,.automation-page .automation-rail .rail-logo img{width:160px}}

/* Centre the integrated header wordmark, independently of the right-hand menu. */
.rail .rail-logo,.automation-page .automation-rail .rail-logo{align-self:center;margin-left:auto;margin-right:auto}


/* Match the rounded navigation outline to the dark navy menu control. */
.topnav{border:1px solid #09213b}