/* Shared action vocabulary. Decorative masks preserve accessible button names. */
:root{--action-icon:url('/assets/ui-icons/arrow.svg')}
:is(.button,.text-link,.nav-link,.library-text-link,.library-doc-link,.page-shortcut-links a){gap:.5rem}
:is(.button,.text-link,.nav-link,.library-text-link,.library-doc-link)::before{content:"";display:inline-block;width:1.1em;height:1.1em;flex:0 0 1.1em;background:currentColor;mask:var(--action-icon) center/contain no-repeat;-webkit-mask:var(--action-icon) center/contain no-repeat;vertical-align:-.15em}
.library-text-link,.library-doc-link{display:inline-flex;align-items:center}
.button{border-radius:.65rem;font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s}
.button:focus-visible,.text-link:focus-visible,.nav-link:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.button-primary:hover{box-shadow:0 5px 16px #b67b2628}
a[href^="https://"]{--action-icon:url('/assets/ui-icons/external.svg')}
a[href*="/contact/"]{--action-icon:url('/assets/ui-icons/calendar.svg')}
a[href*="/guides/"],a[href*="madrich.neotechvision.io"]{--action-icon:url('/assets/ui-icons/book.svg')}
a[href*="/ai-adoption/"]{--action-icon:url('/assets/ui-icons/spark.svg')}
a[href*="/ai-workshops/"]{--action-icon:url('/assets/ui-icons/people.svg')}
a[href*="/ai-automation-development/"]{--action-icon:url('/assets/ui-icons/network.svg')}
a[href*="/about/"]{--action-icon:url('/assets/ui-icons/people.svg')}
a[href*="/lab/"]{--action-icon:url('/assets/ui-icons/flask.svg')}
a[href*="/security-and-responsible-ai/"],a[href*="/privacy/"]{--action-icon:url('/assets/ui-icons/shield.svg')}
a[href^="mailto:"]{--action-icon:url('/assets/ui-icons/mail.svg')}
a[href^="tel:"]{--action-icon:url('/assets/ui-icons/phone.svg')}
a[href*="wa.me"]{--action-icon:url('/assets/ui-icons/chat.svg')}
a[href="#contact-form"],button[type="submit"]{--action-icon:url('/assets/ui-icons/send.svg')}
a[href="#contact-direct"]{--action-icon:url('/assets/ui-icons/phone.svg')}
a[href="#catalog"]{--action-icon:url('/assets/ui-icons/book.svg')}
[data-project-more]{--action-icon:url('/assets/ui-icons/plus.svg')}
[data-project-more][aria-expanded="true"]{--action-icon:url('/assets/ui-icons/minus.svg')}
html[dir="rtl"] :is(.button,.text-link,.library-text-link):not([href^="https:"]):not([href*="/contact/"]):not([href*="/guides/"]):not([href*="/ai-"]):not([href*="/about/"]):not([href*="/lab/"]):not([href*="/security-"]):not([href*="/privacy/"]):not([href^="mailto:"]):not([href^="tel:"]):not([href^="#"]):not(button)::before{transform:scaleX(-1)}
.library-search input,#project-search{background-image:url('/assets/ui-icons/search.svg');background-repeat:no-repeat;background-size:1.15rem;background-position:left .9rem center;padding-inline-end:2.8rem}
html[dir="ltr"] :is(.library-search input,#project-search){background-position:right .9rem center}
.nav-link{display:inline-flex;align-items:center}
.page-shortcut-links a::before{content:"";width:1em;height:1em;flex:0 0 1em;background:currentColor;mask:url('/assets/ui-icons/down.svg') center/contain no-repeat}
.contact-option>span{display:inline-flex;align-items:center;gap:.5rem}
.contact-option>span::before{content:"";width:1.2em;height:1.2em;flex:0 0 1.2em;background:currentColor;mask:var(--action-icon) center/contain no-repeat}
@media(min-width:1024px) and (max-width:1199px){.desktop-nav{gap:.2rem}.desktop-nav .nav-link{padding-inline:.5rem;gap:.35rem}.desktop-nav .button{padding-inline:.65rem}}
@media(min-width:1024px) and (max-width:1199px){.site-header .brand-tagline{display:none}.site-header .brand-name{font-size:.75rem;letter-spacing:.03em}.header-inner{gap:.5rem}}
@media(max-width:680px){.site-header .brand-tagline{display:none}.header-inner{gap:.5rem}.site-header .brand{gap:.5rem;min-width:0}.site-header .brand-name{font-size:.75rem;letter-spacing:.04em}.site-header .brand img{width:2rem;height:2rem}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
/* Connector service and portfolio family. */
a[href*="/connectors/"]{--action-icon:url('/assets/ui-icons/network.svg')}
.connector-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;counter-reset:flow;padding:0;margin:0}
.connector-flow li{counter-increment:flow;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:.7rem;padding:1.4rem;background:var(--surface)}
.connector-flow li::before{content:counter(flow,decimal-leading-zero);display:block;color:var(--gold-dark);font-size:.85rem;font-weight:800;margin-bottom:.7rem}
.connector-flow strong{display:block;font-size:1.1rem}
.connector-flow p{color:var(--ink-soft);margin-bottom:0}
.connector-icon{padding:.45rem;box-sizing:content-box;background:var(--paper);border-radius:.65rem;margin-bottom:1rem}
.connector-card h3{font-size:1.3rem;line-height:1.5}
.connector-card .connector-note{border-top:1px solid var(--line);padding-top:1rem;margin-top:auto;font-size:.88rem}
.connectors-teaser{display:flex;align-items:flex-start;gap:1.5rem;margin-top:2rem;padding:2rem;border:1px solid var(--gold);border-radius:1rem;background:var(--paper)}
.connectors-teaser>img{flex:0 0 40px}
.connectors-teaser h3{margin-top:0}
.connectors-teaser p{max-width:52rem}
@media(max-width:680px){.connector-flow{grid-template-columns:1fr}.connectors-teaser{padding:1.25rem;gap:1rem}.connectors-teaser .button{width:100%}}
/* Restrained topic colors: blue for systems, teal for people, warm gold for actions. */
:root{--accent-blue:#245d8a;--accent-teal:#176a61;--accent-gold:#87550d}
.page-hero:not(.news-feature-hero){background:linear-gradient(115deg,#e8f1f7 0%,#f3f0e8 48%,#f5ebd9 100%);border-bottom-color:#d7dedf}
.topic-icon{display:grid;place-items:center;width:2.85rem;height:2.85rem;border-radius:.8rem;margin-bottom:1rem;flex:none;border:1px solid #00000008}
.topic-icon-blue{background:#e2eef9;box-shadow:inset 0 -2px 0 #245d8a12}
.topic-icon-teal{background:#dff1eb;box-shadow:inset 0 -2px 0 #176a6112}
.topic-icon-gold{background:#faedcf;box-shadow:inset 0 -2px 0 #87550d12}
.topic-icon img{width:1.45rem;height:1.45rem}
.card:has(.topic-icon-blue){border-top:3px solid #6194bd}
.card:has(.topic-icon-teal){border-top:3px solid #58a18e}
.card:has(.topic-icon-gold){border-top:3px solid #c79546}
.nav-link::before{color:var(--accent-blue)}
.nav-link[href*="workshops"]::before,.nav-link[href*="about"]::before{color:var(--accent-teal)}
.page-shortcut-links a::before{color:var(--accent-teal)}
.page-shortcut-links a:hover,.page-shortcut-links a:focus-visible{background:#e8f3ef;border-color:#79a99d}
.contact-option[href*="wa.me"]{background:#eaf5ef;border-color:#acd2bf}
.contact-option[href^="tel:"]{background:#edf3fa;border-color:#b5cce1}
.contact-option[href^="mailto:"]{background:#fcf2df;border-color:#e2cda5}
.contact-option>span{color:var(--accent-blue)}
.contact-option[href*="wa.me"]>span{color:var(--accent-teal)}
.connector-icon{background:#e2eef9;border:1px solid #c8dcec}
.connectors-teaser{background:linear-gradient(110deg,#e8f3ef,#f6efde);border-color:#a4bdaf}
.library-symbol{background:#e2eee9;border:1px solid #c6dbd3}
.section-navy .topic-icon{border-color:transparent}
@media(prefers-contrast:more){.topic-icon{border:1px solid currentColor}.card:has(.topic-icon){border-top-color:currentColor}}

/* Topic shortcuts share the site's icon and accent palette. */
.page-shortcuts{background:linear-gradient(110deg,#f5f8fa,#fffdf8);padding:1rem 0}
.page-shortcuts>.container{align-items:flex-start}
.page-shortcuts strong{padding-block:.9rem}
.page-shortcut-links{gap:.55rem}
.page-shortcut-links a{min-height:2.9rem;padding:.4rem .7rem;border-radius:.8rem;background:#fff;border-color:#dce3e7;color:var(--navy);font-weight:500;box-shadow:0 2px 5px #10283a05;transition:background .15s,border-color .15s,box-shadow .15s}
.page-shortcut-links a::before{content:none}
.shortcut-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.85rem;width:1.85rem;height:1.85rem;border-radius:.55rem;background:#e8eff8}
.shortcut-icon img{width:1.1rem;height:1.1rem}
.shortcut-teal .shortcut-icon{background:#e2f1eb}
.shortcut-gold .shortcut-icon{background:#faf0d8}
.page-shortcut-links a:hover{background:#f1f6fa;border-color:#89a8ba;box-shadow:0 3px 9px #10283a0d}
.page-shortcut-links a:focus-visible{outline:3px solid #a56d19;outline-offset:3px;background:#fff8e8}
@media(max-width:680px){
 .page-shortcuts strong{padding:0;margin-bottom:.8rem}
 .page-shortcut-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}
 .page-shortcut-links a{padding:.45rem .55rem;line-height:1.5;min-width:0}
 .page-shortcut-links a span:last-child{overflow-wrap:anywhere}
}

/* Section labels: small monochrome topic icons replace decorative rules. */
.eyebrow.eyebrow-icon::before{width:1.15rem;height:1.15rem;flex:0 0 1.15rem;background:currentColor;mask:var(--eyebrow-icon) center/contain no-repeat}
.eyebrow-icon-shield{--eyebrow-icon:url("/assets/ui-icons/shield.svg")}
.eyebrow-icon-calendar{--eyebrow-icon:url("/assets/ui-icons/calendar.svg")}
.eyebrow-icon-chat{--eyebrow-icon:url("/assets/ui-icons/chat.svg")}
.eyebrow-icon-book{--eyebrow-icon:url("/assets/ui-icons/book.svg")}
.eyebrow-icon-network{--eyebrow-icon:url("/assets/ui-icons/network.svg")}
.eyebrow-icon-people{--eyebrow-icon:url("/assets/ui-icons/people.svg")}
.eyebrow-icon-flask{--eyebrow-icon:url("/assets/ui-icons/flask.svg")}
.eyebrow-icon-spark{--eyebrow-icon:url("/assets/ui-icons/spark.svg")}

.client-logo:has(.client-website){display:block;padding:0}
.client-website{display:grid;grid-template-rows:5.5rem auto;gap:.65rem;height:100%;padding:.65rem .65rem .9rem;border-radius:inherit;text-decoration:none;color:var(--ink-soft);transition:background .15s,box-shadow .15s}
.client-website>span{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.8rem;font-weight:600;text-align:center}
.client-website>span::after{content:"";width:.8rem;height:.8rem;flex:0 0 .8rem;background:currentColor;mask:url('/assets/ui-icons/external.svg') center/contain no-repeat;opacity:.65}
.client-website:hover{background:#f0f5f8;box-shadow:0 3px 12px #10283a12;color:var(--navy)}
.client-website:focus-visible{outline:3px solid #a56d19;outline-offset:3px}

/* Warm white, navy and terracotta palette. */
:root{--paper:#faf7f3;--surface:#fffdfb;--mist:#f1e9e2;--line:#ded6ce;--gold:#b65b3f;--gold-dark:#8b422e;--focus:#b65b3f;--accent-gold:#8b422e}
.page-hero:not(.news-feature-hero){background:linear-gradient(115deg,#f4f7fa 0%,#faf7f3 55%,#f7e9df 100%);border-bottom-color:var(--line)}
.section-work{background:#f1e9e2}
.page-shortcuts{background:linear-gradient(110deg,#fffdfb,#f7f0ea)}
.button-primary{background:#b65b3f;color:#fff;box-shadow:0 6px 18px #b65b3f22}
.button-primary:hover{background:#98472f;color:#fff;box-shadow:0 6px 18px #b65b3f30}
.topic-icon-gold,.shortcut-gold .shortcut-icon{background:#f7e4d9}

/* Desktop navigation: consistent icon-over-label tiles, with no broken labels. */
.site-header .header-inner{max-width:88rem}
.desktop-nav{gap:.25rem;flex-shrink:0}
.desktop-nav .nav-link{flex-direction:column;justify-content:center;gap:.25rem;min-height:3.4rem;padding:.4rem .65rem;white-space:nowrap;line-height:1.2;font-size:.8rem;border-radius:.65rem}
.desktop-nav .nav-link::before{width:1.1rem;height:1.1rem;flex:0 0 1.1rem}
.desktop-nav .nav-link[aria-current="page"]{background:#f7e4d9;box-shadow:inset 0 -2px 0 var(--gold)}
.desktop-nav .nav-link:hover{background:#f1e9e2}
.desktop-nav .button{white-space:nowrap;min-height:2.9rem;margin-inline-start:.4rem}
@media(min-width:1024px) and (max-width:1279px){
 .desktop-nav{display:none}
 .menu-button{display:inline-flex}
 .mobile-nav:not([hidden]){display:block!important}
}
@media(min-width:1280px) and (max-width:1439px){
 .site-header .brand-tagline{display:none}
 .header-inner{gap:.65rem}
 .desktop-nav .nav-link{padding-inline:.55rem}
}
/* Distinct symbols for the six primary destinations, in both languages. */
.nav-link[href*="/ai-workshops/"]{--action-icon:url('/assets/ui-icons/presentation.svg')}
.nav-link[href*="/connectors/"]{--action-icon:url('/assets/ui-icons/plug.svg')}
.nav-link[href$="#news"]{--action-icon:url('/assets/ui-icons/newspaper.svg')}

.nav-link[href$="/news/"]{--action-icon:url('/assets/ui-icons/newspaper.svg')}
.news-more-wrap{padding-block:0 3rem;text-align:center}
.news-grid .news-item[hidden]{display:none}
.news-grid .news-date-heading{grid-column:1 / -1;display:flex;align-items:center;gap:.9rem;margin:2rem 0 .35rem;font-family:var(--font);font-size:1.15rem;font-weight:700;color:var(--navy);line-height:1.5}
.news-grid .news-date-heading:first-child{margin-top:.5rem}
.news-date-heading::after{content:"";height:1px;flex:1;background:var(--line)}
.news-grid .news-date-heading[hidden]{display:none}
/* Keep hero controls and workflow labels readable over the animated artwork. */
.hero .button-secondary { background: #07162b; color: #f7f4ee; }
.hero .button-primary { background: #a54d34; color: #fff; }
.hero .button-primary:hover { background: #8b422e; }
.hero .workflow-panel.is-playing .workflow-trace li { opacity: 1; }
.hero .workflow-trace .trace-number,
.hero .workflow-panel.is-playing .workflow-trace li.is-current .trace-number,
.hero .workflow-panel.is-playing .workflow-trace li.is-done .trace-number {
  background: #a54d34; color: #fff; border-color: #d4957f;
}
