/* ==========================================================================
   ELVIO IT SOLUTIONS — "Engineering Record" design system
   Elementor-safe: every rule is prefixed .eis- and scoped inside .eis
   Paste this once into  Elementor > Site Settings > Custom CSS
   (or enqueue as a stylesheet from your child theme).
   ========================================================================== */

/* --- 1. scope, tokens, reset ------------------------------------------- */
.eis{
  --eis-paper:#E9EAE5; --eis-paper-2:#F4F4F0; --eis-paper-3:#DFE1DA;
  --eis-ink:#15191B; --eis-ink-2:#4E565A; --eis-ink-3:#5F6765;
  --eis-rule:#CDCFC8; --eis-rule-2:#A9ACA4;
  --eis-field:#152528; --eis-field-2:#0D1A1C; --eis-field-rule:#2E4449;
  --eis-field-ink:#DDE3E1; --eis-field-ink-2:#AAB7B6;
  --eis-signal:#0B6E5F; --eis-signal-dk:#095548; --eis-signal-2:#17A188;
  --eis-ochre:#A8791F; --eis-alert:#A33A2A;
  --eis-max:1280px; --eis-gut:clamp(18px,4vw,56px);
  --eis-ui:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --eis-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --eis-serif:"Source Serif 4",Georgia,"Times New Roman",serif;

  font-family:var(--eis-ui);font-size:16px;line-height:1.5;color:var(--eis-ink);
  background:var(--eis-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.eis,.eis *,.eis *::before,.eis *::after{box-sizing:border-box}
.eis h1,.eis h2,.eis h3,.eis h4,.eis h5,.eis p,.eis ul,.eis ol,.eis li,
.eis figure,.eis blockquote,.eis dl,.eis dd,.eis dt,.eis form{margin:0;padding:0}
.eis ul,.eis ol{list-style:none}
.eis h1,.eis h2,.eis h3,.eis h4,.eis h5{font-family:var(--eis-ui);font-weight:700;text-transform:none;color:inherit}
.eis a{color:inherit;text-decoration:none;transition:color .16s ease}
.eis img,.eis svg{max-width:100%;display:block;height:auto}
.eis button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-transform:none}
.eis input,.eis select,.eis textarea{font:inherit;color:inherit;max-width:100%}
.eis :focus-visible{outline:2px solid var(--eis-signal);outline-offset:3px;border-radius:1px}
.eis-sec--field :focus-visible,.eis-ft :focus-visible{outline-color:var(--eis-signal-2)}
.eis-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.eis-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--eis-ink);color:var(--eis-paper);padding:12px 18px;font-size:.85rem}
.eis-skip:focus{left:12px;top:12px}

/* --- 2. layout ---------------------------------------------------------- */
.eis-wrap{max-width:var(--eis-max);margin-inline:auto;padding-inline:var(--eis-gut);width:100%}
.eis-wrap--nar{max-width:920px}
.eis-sec{position:relative;padding-block:clamp(56px,8vw,104px);background:var(--eis-paper);scroll-margin-top:82px}
.eis-sec--tight{padding-block:clamp(42px,6vw,74px)}
.eis-sec--top0{padding-top:0}
.eis-sec--bot0{padding-bottom:0}
.eis-sec--alt{background:var(--eis-paper-2);border-block:1px solid var(--eis-rule)}
.eis-sec--field{background:var(--eis-field);color:var(--eis-field-ink)}
.eis-sec--field .eis-serif,.eis-sec--field .eis-eyebrow{color:var(--eis-field-ink-2)}
.eis-sec--field h1,.eis-sec--field h2,.eis-sec--field h3,.eis-sec--field h4{color:var(--eis-field-ink)}

/* --- 3. type ------------------------------------------------------------ */
.eis-display{font-weight:800;letter-spacing:-.035em;line-height:.99}
.eis-h1{font-size:clamp(2.4rem,5.4vw,4.35rem);font-weight:800;letter-spacing:-.038em;line-height:.99}
.eis-h2{font-size:clamp(1.85rem,3.4vw,2.9rem);font-weight:800;letter-spacing:-.03em;line-height:1.04}
.eis-h3{font-size:1.2rem;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.eis-h4{font-size:1.02rem;font-weight:600;letter-spacing:-.012em;line-height:1.35}
.eis-eyebrow{font-family:var(--eis-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--eis-ink-2)}
.eis-mono{font-family:var(--eis-mono)}
.eis-serif{font-family:var(--eis-serif);font-size:1.0625rem;line-height:1.64;color:var(--eis-ink-2)}
.eis-serif--lg{font-size:1.14rem;line-height:1.62}
.eis-lim{max-width:60ch}
.eis-mt-s{margin-top:14px}.eis-mt-m{margin-top:24px}.eis-mt-l{margin-top:clamp(28px,4vw,46px)}

/* section index bar */
.eis-sechead{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:baseline;
  padding-bottom:14px;border-bottom:1px solid var(--eis-rule);margin-bottom:clamp(28px,4.6vw,52px)}
.eis-sec--field .eis-sechead{border-color:var(--eis-field-rule)}
.eis-sechead__ref{font-family:var(--eis-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eis-signal)}
.eis-sec--field .eis-sechead__ref{color:var(--eis-signal-2)}
.eis-sechead__name{font-family:var(--eis-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eis-ink-2)}
.eis-sec--field .eis-sechead__name{color:var(--eis-field-ink-2)}
.eis-sechead__note{font-family:var(--eis-mono);font-size:.72rem;color:var(--eis-ink-3);justify-self:end;text-align:right}
.eis-sec--field .eis-sechead__note{color:var(--eis-field-ink-2)}
@media(max-width:760px){.eis-sechead{grid-template-columns:auto 1fr}.eis-sechead__note{display:none}}

/* --- 4. buttons & links ------------------------------------------------- */
.eis-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:2px;
  font-family:var(--eis-ui);font-weight:600;font-size:.9rem;line-height:1.2;border:1px solid transparent;
  cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.eis-btn__ar{transition:transform .18s ease}
.eis-btn:hover .eis-btn__ar{transform:translate(3px,-3px)}
.eis-btn--solid{background:var(--eis-signal);color:#fff}
.eis-btn--solid:hover,.eis-btn--solid:focus{background:var(--eis-signal-dk);color:#fff}
.eis-btn--line{border-color:var(--eis-rule-2);color:var(--eis-ink)}
.eis-btn--line:hover{border-color:var(--eis-ink);background:rgba(0,0,0,.035)}
.eis-btn--sm{padding:10px 16px;font-size:.83rem}
.eis-sec--field .eis-btn--line,.eis-ft .eis-btn--line{border-color:var(--eis-field-rule);color:var(--eis-field-ink)}
.eis-sec--field .eis-btn--line:hover,.eis-ft .eis-btn--line:hover{border-color:var(--eis-field-ink);background:rgba(255,255,255,.06)}
.eis-btns{display:flex;flex-wrap:wrap;gap:12px}
.eis-tlink{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--eis-signal)}
.eis-tlink i{font-style:normal;transition:transform .18s ease}
.eis-tlink:hover{color:var(--eis-signal-dk)}
.eis-tlink:hover i{transform:translateX(4px)}
.eis-sec--field .eis-tlink{color:var(--eis-signal-2)}

/* --- 5. header ---------------------------------------------------------- */
.eis-hdr{position:sticky;top:0;z-index:90;background:rgba(233,234,229,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;transition:border-color .2s ease}
.eis-hdr.is-stuck{border-bottom-color:var(--eis-rule)}
.eis-hdr__in{display:flex;align-items:center;gap:24px;height:70px}
.eis-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.eis-brand__mk{width:27px;height:27px;flex:0 0 auto}
.eis-brand__tx{display:flex;flex-direction:column;line-height:1}
.eis-brand__n{font-weight:800;letter-spacing:-.02em;font-size:1.04rem}
.eis-brand__s{font-family:var(--eis-mono);font-size:.56rem;letter-spacing:.2em;color:var(--eis-ink-2);margin-top:3px}
.eis-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.eis-nav__i{position:relative}
.eis-nav__l{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:2px;
  font-size:.875rem;font-weight:500;color:var(--eis-ink-2);position:relative;
  transition:color .16s ease,background .16s ease}
.eis-nav__l:hover{color:var(--eis-ink);background:rgba(0,0,0,.045)}
.eis-nav__l[aria-current="page"]{color:var(--eis-ink);font-weight:600}
.eis-nav__l[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1.5px;background:var(--eis-signal)}
.eis-nav__cr{width:9px;height:9px;opacity:.65;transition:transform .18s ease}
.eis-nav__i.is-open .eis-nav__cr{transform:rotate(180deg)}
.eis-drop{position:absolute;top:calc(100% + 8px);left:0;min-width:308px;padding:8px;
  background:var(--eis-paper-2);border:1px solid var(--eis-rule-2);border-radius:2px;
  box-shadow:0 20px 44px -20px rgba(21,25,27,.5);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s}
.eis-nav__i.is-open .eis-drop{opacity:1;visibility:visible;transform:none}
.eis-drop--r{left:auto;right:0}
.eis-drop__hd{padding:8px 12px 6px;font-family:var(--eis-mono);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eis-ink-3)}
.eis-drop a{display:block;padding:10px 12px;border-radius:2px;transition:background .14s ease}
.eis-drop a:hover{background:var(--eis-paper-3)}
.eis-drop b{display:block;font-size:.875rem;font-weight:600;letter-spacing:-.01em}
.eis-drop span{display:block;margin-top:3px;font-size:.775rem;line-height:1.42;color:var(--eis-ink-2)}
.eis-drop__ft{margin-top:6px;padding:11px 12px 5px;border-top:1px solid var(--eis-rule)}
.eis-burger{display:none;margin-left:auto;width:42px;height:38px;border:1px solid var(--eis-rule-2);
  border-radius:2px;align-items:center;justify-content:center}
.eis-burger i{display:block;width:16px;height:1.5px;background:var(--eis-ink);position:relative}
.eis-burger i::before,.eis-burger i::after{content:"";position:absolute;left:0;width:16px;height:1.5px;background:var(--eis-ink);transition:transform .2s ease}
.eis-burger i::before{top:-5px}.eis-burger i::after{top:5px}
.eis-mnav{display:none;border-top:1px solid var(--eis-rule);background:var(--eis-paper);
  max-height:calc(100vh - 70px);overflow-y:auto}
.eis-mnav.is-open{display:block}
.eis-mnav__l{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;
  padding:15px 0;border-bottom:1px solid var(--eis-rule);font-size:1rem;font-weight:500;text-align:left}
.eis-mnav__l[aria-current="page"]{color:var(--eis-signal);font-weight:600}
.eis-mnav__cr{width:10px;height:10px;opacity:.6;transition:transform .2s ease}
.eis-mnav__l.is-open .eis-mnav__cr{transform:rotate(180deg)}
.eis-mnav__sub{display:none;padding:4px 0 10px 14px;border-bottom:1px solid var(--eis-rule)}
.eis-mnav__sub.is-open{display:block}
.eis-mnav__sub a{display:block;padding:9px 0;font-size:.9rem;color:var(--eis-ink-2)}
.eis-mnav__ref{font-family:var(--eis-mono);font-size:.7rem;color:var(--eis-ink-3)}
.eis-mnav .eis-btn{margin:18px 0 26px;width:100%;justify-content:center}
@media(max-width:1100px){.eis-nav,.eis-hdr__cta{display:none}.eis-burger{display:flex}}

/* --- 6. home hero + title-block plate ----------------------------------- */
.eis-hero{padding-block:clamp(36px,5vw,62px) clamp(38px,6vw,64px)}
.eis-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,5vw,70px);align-items:start}
.eis-hero__loc{display:flex;align-items:flex-start;gap:10px;margin-bottom:22px}
.eis-hero__loc span{font-family:var(--eis-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eis-ink-2)}
.eis-hero__dot{width:6px;height:6px;margin-top:.42em;background:var(--eis-signal);border-radius:50%;flex:0 0 auto}
.eis-hero h1{max-width:15ch}
.eis-hero h1 em{font-style:normal;color:var(--eis-signal)}
.eis-hero__sub{margin-top:24px;max-width:52ch;font-size:1.09rem}
.eis-hero__pts{margin-top:36px;border-top:1px solid var(--eis-rule);display:grid;grid-template-columns:1fr 1fr}
.eis-hero__pt{padding:18px 20px 0 0}
.eis-hero__pt+.eis-hero__pt{border-left:1px solid var(--eis-rule);padding-left:24px}
.eis-hero__pt b{display:block;font-family:var(--eis-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eis-signal);font-weight:500}
.eis-hero__pt p{margin-top:7px;font-size:.9rem;color:var(--eis-ink-2);line-height:1.45}
@media(max-width:960px){.eis-hero__grid{grid-template-columns:1fr}.eis-hero h1{max-width:none}}
@media(max-width:520px){.eis-hero__pts{grid-template-columns:1fr}
  .eis-hero__pt+.eis-hero__pt{border-left:0;border-top:1px solid var(--eis-rule);padding-left:0;margin-top:16px}}

.eis-plate{border:1.5px solid var(--eis-ink);background:var(--eis-paper-2);position:relative;box-shadow:10px 10px 0 rgba(21,25,27,.07)}
.eis-plate__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--eis-ink);color:var(--eis-paper);padding:9px 14px}
.eis-plate__bar b{font-family:var(--eis-mono);font-size:.7rem;letter-spacing:.16em;font-weight:500;text-transform:uppercase}
.eis-plate__bar span{font-family:var(--eis-mono);font-size:.63rem;letter-spacing:.12em;color:#9AA5A2}
.eis-plate__row{display:grid;grid-template-columns:104px 1fr;gap:14px;padding:11px 14px;border-bottom:1px dashed var(--eis-rule)}
.eis-plate__row:last-of-type{border-bottom:0}
.eis-plate__k{font-family:var(--eis-mono);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--eis-ink-3);padding-top:2px}
.eis-plate__v{font-size:.9rem;font-weight:500;line-height:1.45}
.eis-plate__v small{display:block;margin-top:2px;font-size:.82rem;font-weight:400;color:var(--eis-ink-2)}
.eis-plate__v a:hover{color:var(--eis-signal);text-decoration:underline;text-underline-offset:3px}
.eis-plate__ft{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1.5px solid var(--eis-ink);background:var(--eis-paper-3)}
.eis-plate__ft span{font-family:var(--eis-mono);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;color:var(--eis-ink-2)}
@media(max-width:420px){.eis-plate__row{grid-template-columns:1fr;gap:3px}}

/* --- 7. inner page header ----------------------------------------------- */
.eis-phead{background:var(--eis-field);color:var(--eis-field-ink);padding-block:clamp(26px,3.4vw,40px) clamp(44px,6vw,70px)}
.eis-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-family:var(--eis-mono);
  font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--eis-field-ink-2)}
.eis-crumbs a:hover{color:var(--eis-signal-2)}
.eis-crumbs i{font-style:normal;opacity:.5}
.eis-phead__grid{margin-top:clamp(24px,3.6vw,40px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(26px,4vw,60px);align-items:end}
.eis-phead h1{font-size:clamp(2.05rem,4.4vw,3.55rem);font-weight:800;letter-spacing:-.036em;line-height:1.02;max-width:17ch}
.eis-phead__lede{margin-top:20px;max-width:52ch;color:#C2CCCA}
.eis-phead__facts{display:grid;border-top:1px solid var(--eis-field-rule)}
.eis-phead__fact{display:grid;grid-template-columns:118px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--eis-field-rule)}
.eis-phead__fact dt{font-family:var(--eis-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--eis-field-ink-2);padding-top:3px}
.eis-phead__fact dd{font-size:.9rem;font-weight:500;color:var(--eis-field-ink)}
@media(max-width:900px){.eis-phead__grid{grid-template-columns:1fr;align-items:start}}
@media(max-width:400px){.eis-phead__fact{grid-template-columns:1fr;gap:2px}}

/* --- 8. facts strip ------------------------------------------------------ */
.eis-facts{background:var(--eis-paper-2);border-block:1px solid var(--eis-rule)}
.eis-facts__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.eis-fact{padding:26px 24px 26px 0}
.eis-fact+.eis-fact{border-left:1px solid var(--eis-rule);padding-left:24px}
.eis-fact b{display:block;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.035em;line-height:1}
.eis-fact span{display:block;margin-top:9px;font-family:var(--eis-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--eis-ink-2)}
@media(max-width:840px){.eis-facts__grid{grid-template-columns:1fr 1fr}
  .eis-fact{padding:20px 18px 20px 0}
  .eis-fact+.eis-fact{padding-left:18px}
  .eis-fact:nth-child(3){border-left:0;padding-left:0}
  .eis-fact:nth-child(3),.eis-fact:nth-child(4){border-top:1px solid var(--eis-rule)}}

/* --- 9. prose ------------------------------------------------------------ */
.eis-prose p{font-family:var(--eis-serif);font-size:1.06rem;line-height:1.68;color:var(--eis-ink-2)}
.eis-prose p+p{margin-top:18px}
.eis-prose h2{margin-top:42px;font-size:1.5rem;font-weight:700;letter-spacing:-.022em;color:var(--eis-ink)}
.eis-prose h3{margin-top:30px;font-size:1.08rem;font-weight:600;letter-spacing:-.014em;color:var(--eis-ink)}
.eis-prose h2+p,.eis-prose h3+p,.eis-prose h2+ul,.eis-prose h3+ul{margin-top:14px}
.eis-prose ul{margin-top:16px;display:grid;gap:10px}
.eis-prose li{position:relative;padding-left:18px;font-family:var(--eis-serif);font-size:1.02rem;line-height:1.6;color:var(--eis-ink-2)}
.eis-prose li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1.5px;background:var(--eis-signal)}
.eis-prose a{color:var(--eis-signal);text-decoration:underline;text-underline-offset:3px}
.eis-prose strong{color:var(--eis-ink);font-weight:600}

.eis-ticks{display:grid;gap:11px}
.eis-ticks li{position:relative;padding-left:17px;font-size:.92rem;line-height:1.5;color:var(--eis-ink-2)}
.eis-ticks li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1.5px;background:var(--eis-signal)}
.eis-sec--field .eis-ticks li{color:var(--eis-field-ink-2)}
.eis-sec--field .eis-ticks li::before{background:var(--eis-signal-2)}

/* --- 10. service cards --------------------------------------------------- */
.eis-svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--eis-rule);border:1px solid var(--eis-rule)}
.eis-svc{background:var(--eis-paper-2);padding:26px 24px 28px;display:flex;flex-direction:column;gap:14px;transition:background .2s ease}
.eis-svc:hover{background:#fff}
.eis-svc__top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.eis-svc__ref{font-family:var(--eis-mono);font-size:.68rem;letter-spacing:.1em;color:var(--eis-ink-3);transition:color .2s ease}
.eis-svc:hover .eis-svc__ref{color:var(--eis-signal)}
.eis-svc__ic{width:23px;height:23px;color:var(--eis-signal);flex:0 0 auto}
.eis-svc h3{max-width:18ch}
.eis-svc ul{display:grid;gap:8px}
.eis-svc li{position:relative;padding-left:16px;font-size:.875rem;line-height:1.45;color:var(--eis-ink-2)}
.eis-svc li::before{content:"";position:absolute;left:0;top:.58em;width:7px;height:1.5px;background:var(--eis-signal)}
.eis-svc .eis-tlink{margin-top:auto;padding-top:4px}
@media(max-width:960px){.eis-svcs{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.eis-svcs{grid-template-columns:1fr}}

/* --- 11. cards ----------------------------------------------------------- */
.eis-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,24px)}
.eis-cards--2{grid-template-columns:repeat(2,1fr)}
.eis-cards--4{grid-template-columns:repeat(4,1fr)}
.eis-card{background:var(--eis-paper-2);border:1px solid var(--eis-rule);border-radius:2px;padding:26px 24px;display:flex;flex-direction:column}
.eis-sec--field .eis-card{background:rgba(255,255,255,.035);border-color:var(--eis-field-rule)}
.eis-card__ic{width:26px;height:26px;color:var(--eis-signal);margin-bottom:16px}
.eis-sec--field .eis-card__ic{color:var(--eis-signal-2)}
.eis-card__n{font-family:var(--eis-mono);font-size:.7rem;letter-spacing:.12em;color:var(--eis-signal);margin-bottom:14px}
.eis-sec--field .eis-card__n{color:var(--eis-signal-2)}
.eis-card h3{font-size:1.06rem;font-weight:700;letter-spacing:-.016em}
.eis-card p{margin-top:10px;font-size:.92rem;line-height:1.55;color:var(--eis-ink-2)}
.eis-sec--field .eis-card p{color:var(--eis-field-ink-2)}
.eis-card .eis-tlink{margin-top:auto;padding-top:16px}
@media(max-width:960px){.eis-cards,.eis-cards--4{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.eis-cards,.eis-cards--2,.eis-cards--4{grid-template-columns:1fr}}

/* --- 12. steps ----------------------------------------------------------- */
.eis-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,64px);align-items:start}
.eis-split--even{grid-template-columns:1fr 1fr}
.eis-split--r{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
@media(max-width:900px){.eis-split,.eis-split--even,.eis-split--r{grid-template-columns:1fr}}
.eis-steps{display:grid}
.eis-step{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--eis-rule);position:relative}
.eis-step:last-child{border-bottom:1px solid var(--eis-rule)}
.eis-sec--field .eis-step{border-color:var(--eis-field-rule)}
.eis-step__n{font-family:var(--eis-mono);font-size:.8rem;letter-spacing:.06em;color:var(--eis-signal);padding-top:3px}
.eis-sec--field .eis-step__n{color:var(--eis-signal-2)}
.eis-step p{margin-top:7px;font-size:.92rem;line-height:1.55;color:var(--eis-ink-2);max-width:62ch}
.eis-sec--field .eis-step p{color:var(--eis-field-ink-2)}
.eis-step__bar{position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--eis-signal);opacity:.45;transition:width .6s cubic-bezier(.2,.7,.3,1)}
.eis.eis-anim .eis-step__bar{width:0}
.eis.eis-anim .eis-step.is-in .eis-step__bar{width:100%}
.eis-sec--field .eis-step__bar{background:var(--eis-signal-2)}
.eis-step.is-in .eis-step__bar{width:100%}
@media(max-width:560px){.eis-step{grid-template-columns:38px 1fr;gap:14px}}

/* --- 13. case studies ---------------------------------------------------- */
.eis-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,34px)}
.eis-cases--2{grid-template-columns:repeat(2,1fr)}
.eis-case{display:flex;flex-direction:column;border-top:2px solid var(--eis-ink);padding-top:18px}
.eis-case__art{margin-bottom:18px;border:1px solid var(--eis-rule);background:var(--eis-paper-2);overflow:hidden}
.eis-case__art svg{width:100%;height:auto}
.eis-case__tag{font-family:var(--eis-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eis-ochre)}
.eis-case h3{margin-top:12px;font-size:1.45rem;font-weight:700;letter-spacing:-.026em}
.eis-case p{margin-top:12px}
.eis-case__meta{margin-top:20px;padding-top:14px;border-top:1px solid var(--eis-rule);display:grid;gap:7px}
.eis-case__meta div{display:flex;justify-content:space-between;gap:12px;font-family:var(--eis-mono);font-size:.72rem;color:var(--eis-ink-2)}
.eis-case__meta b{font-weight:500;color:var(--eis-ink);text-align:right}
.eis-case .eis-tlink{margin-top:18px}
@media(max-width:900px){.eis-cases{grid-template-columns:1fr}}

/* filter chips */
.eis-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(26px,3.4vw,38px)}
.eis-chip{padding:9px 16px;border:1px solid var(--eis-rule-2);border-radius:2px;
  font-family:var(--eis-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--eis-ink-2);
  transition:background .16s ease,color .16s ease,border-color .16s ease}
.eis-chip:hover{border-color:var(--eis-ink)}
.eis-chip.is-on{background:var(--eis-ink);border-color:var(--eis-ink);color:var(--eis-paper)}
.eis-case.is-hidden{display:none}

/* --- 14. stack ----------------------------------------------------------- */
.eis-stack{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--eis-rule);border:1px solid var(--eis-rule)}
.eis-stack__col{background:var(--eis-paper-2);padding:22px 20px 24px}
.eis-stack__col h3{font-family:var(--eis-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eis-signal);font-weight:500}
.eis-stack__col ul{margin-top:16px;display:grid;gap:9px}
.eis-stack__col li{font-size:.9rem;font-weight:500;color:var(--eis-ink-2)}
@media(max-width:960px){.eis-stack{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.eis-stack{grid-template-columns:1fr 1fr}}

/* --- 15. quotes ---------------------------------------------------------- */
.eis-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,30px)}
.eis-quote{background:var(--eis-paper-2);border:1px solid var(--eis-rule);border-radius:2px;padding:26px 24px;display:flex;flex-direction:column}
.eis-quote__mk{width:26px;height:2px;background:var(--eis-signal)}
.eis-quote h3{margin-top:18px;font-size:1.04rem;font-weight:700;letter-spacing:-.015em}
.eis-quote p{margin-top:12px}
.eis-quote__by{margin-top:auto;padding-top:22px;font-family:var(--eis-mono);font-size:.72rem;line-height:1.7;color:var(--eis-ink-2)}
.eis-quote__by b{display:block;font-weight:500;color:var(--eis-ink)}
@media(max-width:900px){.eis-quotes{grid-template-columns:1fr}}

/* --- 16. accordion / faq -------------------------------------------------- */
.eis-acc{border-top:1px solid var(--eis-rule)}
.eis-acc details{border-bottom:1px solid var(--eis-rule)}
.eis-acc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;
  padding:19px 0;font-size:1.02rem;font-weight:600;letter-spacing:-.012em}
.eis-acc summary::-webkit-details-marker{display:none}
.eis-acc summary:hover{color:var(--eis-signal)}
.eis-acc__pm{width:14px;height:14px;position:relative;flex:0 0 auto}
.eis-acc__pm::before,.eis-acc__pm::after{content:"";position:absolute;background:var(--eis-signal);transition:transform .2s ease}
.eis-acc__pm::before{left:0;top:6px;width:14px;height:1.5px}
.eis-acc__pm::after{left:6px;top:0;width:1.5px;height:14px}
.eis-acc details[open] .eis-acc__pm::after{transform:scaleY(0)}
.eis-acc__a{padding:0 0 22px;max-width:66ch}
.eis-acc__a p+p{margin-top:14px}
.eis-acc__a ul{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.eis-acc__a li{position:relative;padding-left:16px;font-size:.88rem;color:var(--eis-ink-2)}
.eis-acc__a li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:1.5px;background:var(--eis-signal)}
@media(max-width:560px){.eis-acc__a ul{grid-template-columns:1fr}}

/* --- 17. roles / careers -------------------------------------------------- */
.eis-roles{border-top:1px solid var(--eis-rule)}
.eis-role{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--eis-rule)}
.eis-role b{font-size:1.02rem;font-weight:600;letter-spacing:-.012em}
.eis-role small{display:block;margin-top:6px;font-family:var(--eis-mono);font-size:.68rem;letter-spacing:.1em;color:var(--eis-ink-3)}
.eis-role span{font-family:var(--eis-mono);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--eis-signal);
  border:1px solid var(--eis-rule-2);border-radius:2px;padding:5px 10px;white-space:nowrap}

/* --- 18. contact + form --------------------------------------------------- */
.eis-lines{display:grid;border-top:1px solid var(--eis-field-rule)}
.eis-line{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--eis-field-rule)}
.eis-line dt{font-family:var(--eis-mono);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--eis-field-ink-2);padding-top:3px}
.eis-line dd{font-size:.95rem;font-weight:500;line-height:1.5}
.eis-line dd a:hover{color:var(--eis-signal-2);text-decoration:underline;text-underline-offset:3px}
.eis-mini{margin-top:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.eis-mini__i{border-top:1px solid var(--eis-signal-2);padding-top:12px}
.eis-mini__i b{font-family:var(--eis-mono);font-size:.7rem;letter-spacing:.08em;color:var(--eis-signal-2)}
.eis-mini__i p{margin-top:6px;font-size:.84rem;line-height:1.4;color:var(--eis-field-ink-2)}
@media(max-width:620px){.eis-mini{grid-template-columns:1fr 1fr}}

.eis-form{background:var(--eis-paper);color:var(--eis-ink);border:1px solid var(--eis-rule-2);border-radius:2px;padding:clamp(22px,3vw,34px)}
.eis-sec--field .eis-form{border-color:var(--eis-field-rule)}
.eis-form__hd{padding-bottom:16px;border-bottom:1px solid var(--eis-rule)}
.eis-form__hd b{font-family:var(--eis-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--eis-signal)}
.eis-form__hd p{margin-top:9px;font-size:1.16rem;font-weight:700;letter-spacing:-.02em}
.eis-fg{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.eis-f{display:flex;flex-direction:column;gap:7px}
.eis-f--full{grid-column:1/-1}
.eis-f label{font-family:var(--eis-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--eis-ink-2)}
.eis-f input,.eis-f select,.eis-f textarea{width:100%;padding:11px 12px;font-size:.92rem;
  background:var(--eis-paper-2);border:1px solid var(--eis-rule-2);border-radius:2px;
  transition:border-color .18s ease,background .18s ease}
.eis-f textarea{resize:vertical;min-height:104px}
.eis-f input:focus,.eis-f select:focus,.eis-f textarea:focus{border-color:var(--eis-signal);background:#fff}
.eis-form .eis-btn{margin-top:20px;width:100%;justify-content:center}
.eis-form__note{margin-top:14px;font-family:var(--eis-mono);font-size:.68rem;line-height:1.6;color:var(--eis-ink-3);text-align:center}
@media(max-width:480px){.eis-fg{grid-template-columns:1fr}}

/* --- 19. cta band --------------------------------------------------------- */
.eis-cta{background:var(--eis-field-2);color:var(--eis-field-ink);padding-block:clamp(46px,6vw,80px)}
.eis-cta__in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,54px);align-items:center}
.eis-cta h2{max-width:20ch;color:var(--eis-field-ink)}
.eis-cta p{margin-top:16px;max-width:52ch;color:var(--eis-field-ink-2)}
.eis-cta .eis-btn--line{border-color:var(--eis-field-rule);color:var(--eis-field-ink)}
.eis-cta .eis-btn--line:hover{border-color:var(--eis-field-ink);background:rgba(255,255,255,.06)}
@media(max-width:820px){.eis-cta__in{grid-template-columns:1fr}}

/* --- 20. figure / vector art --------------------------------------------- */
.eis-fig{border:1px solid var(--eis-rule);background:var(--eis-paper-2);padding:clamp(18px,2.6vw,30px);border-radius:2px}
.eis-sec--field .eis-fig{background:rgba(255,255,255,.03);border-color:var(--eis-field-rule)}
.eis-fig svg{width:100%;max-width:760px;height:auto;margin-inline:auto}
.eis-fig figcaption{margin-top:16px;padding-top:14px;border-top:1px dashed var(--eis-rule);
  font-family:var(--eis-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--eis-ink-3)}
.eis-sec--field .eis-fig figcaption{border-color:var(--eis-field-rule);color:var(--eis-field-ink-2)}

/* --- 21. footer ----------------------------------------------------------- */
.eis-ft{background:var(--eis-field-2);color:var(--eis-field-ink);padding-top:clamp(44px,6vw,72px)}
.eis-ft__top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,46px);
  padding-bottom:42px;border-bottom:1px solid var(--eis-field-rule)}
.eis-ft .eis-brand__n{color:var(--eis-field-ink)}
.eis-ft .eis-brand__s{color:var(--eis-field-ink-2)}
.eis-ft__brand p{margin-top:18px;max-width:36ch;font-size:.9rem;line-height:1.6;color:var(--eis-field-ink-2)}
.eis-ft__brand dl{margin-top:20px;display:grid;gap:7px}
.eis-ft__brand dl div{display:flex;gap:10px;font-family:var(--eis-mono);font-size:.72rem;color:var(--eis-field-ink-2)}
.eis-ft__brand dl dt{min-width:56px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.eis-ft__brand dl a:hover{color:var(--eis-signal-2)}
.eis-ft h4{font-family:var(--eis-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eis-field-ink-2);font-weight:500}
.eis-ft ul{margin-top:16px;display:grid;gap:10px}
.eis-ft ul a{font-size:.9rem;color:var(--eis-field-ink)}
.eis-ft ul a:hover{color:var(--eis-signal-2)}
.eis-ft__bar{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;align-items:center;padding-block:22px}
.eis-ft__bar p,.eis-ft__bar a{font-family:var(--eis-mono);font-size:.7rem;color:var(--eis-field-ink-2)}
.eis-ft__bar a:hover{color:var(--eis-field-ink)}
.eis-ft__links{display:flex;flex-wrap:wrap;gap:20px}
@media(max-width:880px){.eis-ft__top{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.eis-ft__top{grid-template-columns:1fr;gap:30px}}

/* --- 22. motion + print ---------------------------------------------------- */
/* .eis-rv is a styling hook only. Content is NEVER hidden waiting for a
   script: on a site integrated by someone else, a fade-in that fails to fire
   means a blank page. Motion here is limited to things that cannot hide
   content - hover states, the dropdown, the drawn rule on process steps and
   the title-block rows. If you want a scroll fade, add it in Elementor's own
   Motion Effects, which the editor can preview and switch off. */
.eis-rv{}
.eis.eis-anim .eis-plate__row,.eis.eis-anim .eis-plate__ft{opacity:0;transform:translateY(8px);animation:eis-in .5s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes eis-in{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .eis *,.eis *::before,.eis *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .eis .eis-rv{opacity:1!important;transform:none!important}
  .eis .eis-plate__row,.eis .eis-plate__ft{opacity:1!important;transform:none!important}
  .eis .eis-step__bar{width:100%!important}
}
/* Elementor editor: never animate, so widgets are always visible while editing */
body.elementor-editor-active .eis-rv,body.elementor-editor-preview .eis-rv,
body.elementor-editor-active .eis-plate__row,body.elementor-editor-preview .eis-plate__row,
body.elementor-editor-active .eis-plate__ft,body.elementor-editor-preview .eis-plate__ft{
  opacity:1!important;transform:none!important;animation:none!important}
@media print{.eis-hdr,.eis-cta,.eis-form{display:none}.eis{background:#fff}}