/* MITEK theme — brand tokens and layout.
   Built by SPIT — https://spit.sa */
:root {
	--mitek-navy: #17527F;
	--mitek-ink: #14202B;
	--mitek-lime: #93B03D;
	--mitek-lime-bright: #AEC337;
	--mitek-text: #3B4654;
	--mitek-muted: #5A6570;
	--mitek-line: #DDE3DC;
	--mitek-mist: #F4F6F3;
	--mitek-wrap: 1280px;
	--mitek-pad: 48px;
	--mitek-sans: 'IBM Plex Sans', system-ui, sans-serif;
	--mitek-mono: 'IBM Plex Mono', ui-monospace, monospace;
	--mitek-kufi: 'Noto Kufi Arabic', system-ui, sans-serif;
	--mitek-label-font: var(--mitek-mono);
	--mitek-label-ls: .2em;
	--mitek-label-tt: uppercase;
	--mitek-label-weight: 400;
}

.mitek-lang-ar {
	--mitek-sans: 'Noto Kufi Arabic', system-ui, sans-serif;
	--mitek-label-font: var(--mitek-kufi);
	--mitek-label-ls: 0;
	--mitek-label-tt: none;
	--mitek-label-weight: 500;
}

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	background: #FFFFFF;
	color: var(--mitek-text);
	font-family: var(--mitek-sans);
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; }
a { color: var(--mitek-navy); text-decoration: none; }
a:hover { color: var(--mitek-lime); }
h1, h2, h3 { color: var(--mitek-navy); line-height: 1.35; margin: 0; }

.mitek-skip { position: absolute; inset-inline-start: -9999px; }
.mitek-skip:focus { inset-inline-start: 12px; top: 12px; background: #fff; padding: 10px 16px; z-index: 999; }

.mitek-wrap { max-width: var(--mitek-wrap); margin: 0 auto; padding-inline: var(--mitek-pad); width: 100%; }
.mitek-wrap--narrow { max-width: 860px; }

/* Header */
.mitek-header { background: #FFFFFF; border-bottom: 1px solid var(--mitek-line); position: sticky; top: 0; z-index: 60; }
.mitek-header__inner { max-width: var(--mitek-wrap); margin: 0 auto; padding-inline: var(--mitek-pad); height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.mitek-header__brand { font-weight: 700; color: var(--mitek-ink); }
.mitek-header__brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.mitek-header__brand img, .mitek-header__logo { max-height: 52px; max-width: 160px; width: auto; height: auto; display: block; object-fit: contain; }
.mitek-nav { display: flex; gap: 22px; flex-wrap: wrap; flex: 1 1 auto; justify-content: center; }
.mitek-nav__link { font-size: 15px; font-weight: 500; color: var(--mitek-ink); padding: 6px 0; border-bottom: 2px solid transparent; }
.mitek-nav__link:hover { color: var(--mitek-navy); border-bottom-color: var(--mitek-lime); }
.mitek-header__side { display: flex; align-items: center; gap: 14px; }

.mitek-langs { display: inline-flex; border: 1px solid var(--mitek-line); }
.mitek-langs__item { padding: 6px 12px; font-family: var(--mitek-mono); font-size: 12px; color: var(--mitek-muted); }
.mitek-langs__item.is-active { background: var(--mitek-navy); color: #FFFFFF; }

.mitek-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; font-size: 14px; font-weight: 600; border: 1px solid transparent; cursor: pointer; }
.mitek-btn--primary { background: var(--mitek-navy); color: #FFFFFF; }
.mitek-btn--primary:hover { background: #123f63; color: #FFFFFF; }
.mitek-btn--accent { background: var(--mitek-lime); color: var(--mitek-ink); min-height: 54px; padding: 0 32px; font-size: 15px; }
.mitek-btn--accent:hover { background: var(--mitek-lime-bright); color: var(--mitek-ink); }
.mitek-btn--pill:hover { background: var(--mitek-navy); color: #FFFFFF; border-color: var(--mitek-navy); }
.mitek-btn--ghost { border-color: rgba(255,255,255,.4); color: #FFFFFF; min-height: 54px; padding: 0 32px; font-size: 15px; }
.mitek-btn--ghost:hover { border-color: var(--mitek-lime); color: #FFFFFF; }
.mitek-btn--pill { border-radius: 999px; border-color: var(--mitek-navy); color: var(--mitek-navy); background: transparent; }

/* Shared heading */
.mitek-eyebrow { display: flex; align-items: center; gap: 12px; }
.mitek-eyebrow i { display: block; width: 32px; height: 2px; background: var(--mitek-lime); }
.mitek-eyebrow span { font-family: var(--mitek-label-font); font-weight: var(--mitek-label-weight); font-size: 11px; letter-spacing: var(--mitek-label-ls); color: var(--mitek-lime); text-transform: var(--mitek-label-tt); }
.mitek-heading { margin-bottom: 38px; }
.mitek-heading__title { margin-top: 14px; font-size: 40px; font-weight: 700; line-height: 1.35; }
.mitek-heading--dark .mitek-heading__title { color: #FFFFFF; }

/* Hero */
.mitek-hero { position: relative; min-height: 776px; display: flex; align-items: stretch; background: var(--mitek-ink); overflow: hidden; }
.mitek-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .45; }
.mitek-hero__veil { position: absolute; inset: 0; background: linear-gradient(200deg, rgba(20,32,43,.55) 0%, rgba(23,82,127,.88) 46%, var(--mitek-ink) 100%); }
.mitek-hero__inner { position: relative; padding-top: 96px; display: flex; flex-direction: column; }
.mitek-hero__title { margin: 14px 0 0; font-size: 58px; font-weight: 700; color: #FFFFFF; text-wrap: balance; }
.mitek-hero__sub { margin: 22px 0 0; max-width: 620px; color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.9; }
.mitek-hero__actions { display: flex; align-items: center; gap: 14px; padding-top: 28px; margin-bottom: 64px; flex-wrap: wrap; }
.mitek-stats { margin-top: auto; display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid rgba(255,255,255,.22); }
.mitek-stats__tile { padding: 30px 30px 34px; display: flex; flex-direction: column; gap: 8px; min-width: 0; border-inline-start: 1px solid rgba(255,255,255,.16); }
.mitek-stats__tile:first-child { border-inline-start: 0; padding-inline-start: 0; }
.mitek-stats__value { display: block; font-family: var(--mitek-mono); font-weight: 600; font-size: 32px; line-height: 1.1; color: #FFFFFF; }
.mitek-lang-ar .mitek-stats__value { text-align: right; }
.mitek-lang-ar .mitek-people__tel, .mitek-lang-ar .mitek-people__mail, .mitek-lang-ar .mitek-contact__mono { display: block; text-align: right; }
.mitek-lang-ar .mitek-fleet__brands, .mitek-lang-ar .mitek-approval__refs li { text-align: right; }
.mitek-lang-en .mitek-stats__value { text-align: left; }
.mitek-stats__label { font-size: 13.5px; line-height: 1.55; color: rgba(255,255,255,.72); }

/* Logo strip */
.mitek-strip { background: var(--mitek-mist); border-bottom: 1px solid var(--mitek-line); padding: 32px 0; }
.mitek-strip__inner { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }
.mitek-strip__label { flex-shrink: 0; padding-inline-end: 40px; border-inline-end: 1px solid var(--mitek-line); font-family: var(--mitek-mono); font-size: 11px; letter-spacing: .18em; color: var(--mitek-lime); white-space: nowrap; text-transform: uppercase; }
.mitek-lang-ar .mitek-strip__label { font-family: var(--mitek-kufi); font-weight: 600; font-size: 15px; letter-spacing: 0; color: var(--mitek-navy); text-transform: none; }
.mitek-strip__grid { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr)); gap: 14px; }
.mitek-strip__cell { display: flex; align-items: center; justify-content: center; min-height: 66px; padding: 10px 12px; }
.mitek-strip__cell img { height: 40px; width: 100%; max-width: 118px; object-fit: contain; filter: grayscale(1) contrast(1.1); opacity: .82; transition: filter .25s ease, opacity .25s ease; }
.mitek-strip__cell:hover img { filter: none; opacity: 1; }

/* Cards grid (projects) */
.mitek-projects { padding: 100px 0; background: #FFFFFF; }
.mitek-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); gap: 24px; }
.mitek-card { background: #FFFFFF; border: 1px solid var(--mitek-line); display: flex; flex-direction: column; overflow: hidden; }
/* Hidden only once the script is running; without JS every project stays
   readable and the reveal button is not shown. */
.mitek-js .mitek-card.is-extra { display: none; }
.mitek-js .mitek-card.is-extra.is-open { display: flex; }
html:not(.mitek-js) .mitek-more { display: none; }
.mitek-card__media { aspect-ratio: 3 / 2; background: var(--mitek-ink); overflow: hidden; }
.mitek-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mitek-card__body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; }
.mitek-card__sector { font-family: var(--mitek-mono); font-size: 10.5px; letter-spacing: .16em; color: #7C8A78; text-transform: uppercase; }
.mitek-card__title { font-size: 17px; font-weight: 700; }
.mitek-card__text { margin: 0; font-size: 13.5px; line-height: 1.8; color: var(--mitek-muted); }
.mitek-card__foot { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--mitek-line); display: flex; justify-content: space-between; gap: 12px; font-family: var(--mitek-mono); font-size: 11px; color: var(--mitek-muted); }
.mitek-more { display: flex; justify-content: center; margin-top: 34px; }

/* Approvals */
.mitek-approvals { padding: 100px 0; background: var(--mitek-mist); border-block: 1px solid var(--mitek-line); }
.mitek-approvals__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 24px; }
.mitek-approval { background: #FFFFFF; border: 1px solid var(--mitek-line); padding: 34px 32px 36px; display: flex; flex-direction: column; gap: 14px; }
.mitek-approval.is-highlight { background: var(--mitek-navy); border-color: var(--mitek-navy); }
.mitek-approval.is-highlight .mitek-approval__name { color: #FFFFFF; }
.mitek-approval.is-highlight .mitek-approval__text, .mitek-approval.is-highlight .mitek-approval__refs { color: rgba(255,255,255,.82); }
.mitek-approval__logo { align-self: flex-start; height: 44px; display: flex; align-items: center; }
.mitek-approval__logo img { height: 100%; width: auto; max-width: 170px; object-fit: contain; }
.mitek-approval__name { font-size: 18px; font-weight: 700; }
.mitek-approval__kind { font-family: var(--mitek-sans); font-size: 12px; color: var(--mitek-lime); }
.mitek-approval__text { margin: 0; font-size: 14px; line-height: 1.8; }
.mitek-approval__refs { margin: auto 0 0; padding: 18px 0 0; border-top: 1px solid var(--mitek-line); list-style: none; font-family: var(--mitek-mono); font-size: 11px; }
.mitek-approval.is-highlight .mitek-approval__refs { border-top-color: rgba(255,255,255,.24); }

/* Fleet */
.mitek-fleet { padding: 100px 0; background: var(--mitek-ink); }
.mitek-fleet__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: 1px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.13); }
.mitek-fleet__card { background: var(--mitek-ink); padding: 28px 30px 30px; display: flex; flex-direction: column; gap: 10px; }
.mitek-fleet__head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.mitek-fleet__name { font-size: 17px; font-weight: 700; color: #FFFFFF; }
.mitek-fleet__count { font-family: var(--mitek-mono); font-size: 22px; font-weight: 600; color: var(--mitek-lime-bright); }
.mitek-fleet .mitek-heading__title { font-size: 34px; }
.mitek-fleet__items { font-size: 13.5px; line-height: 1.85; color: rgba(255,255,255,.62); }
.mitek-fleet__brands { margin-top: 4px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.12); font-family: var(--mitek-mono); font-size: 11px; color: rgba(255,255,255,.44); }

/* Clients */
.mitek-clients { padding: 100px 0; }
.mitek-clients__head { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; }
.mitek-clients__head .mitek-heading { margin-bottom: 0; }
.mitek-marquee { margin-top: 40px; overflow: hidden; border-block: 1px solid var(--mitek-line); }
.mitek-marquee__track { display: flex; width: max-content; animation: mitek-slide 46s linear infinite; }
.mitek-marquee:hover .mitek-marquee__track { animation-play-state: paused; }
.mitek-marquee__cell { flex: 0 0 auto; width: 200px; height: 118px; display: flex; align-items: center; justify-content: center; padding: 18px 24px; }
.mitek-marquee__cell img { max-height: 54px; max-width: 100%; width: auto; object-fit: contain; }
@keyframes mitek-slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .mitek-marquee__track { animation: none; } }

/* Events */
.mitek-events { padding: 100px 0; background: var(--mitek-mist); }
.mitek-events__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 26px; }
.mitek-event { background: #FFFFFF; border: 1px solid #E3E8E0; display: flex; flex-direction: column; overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; }
.mitek-event:hover { border-color: #C9D3C6; box-shadow: 0 10px 30px rgba(20,32,43,.10); }
.mitek-event__media { aspect-ratio: 16 / 10; background: var(--mitek-ink); overflow: hidden; }
.mitek-event__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.mitek-event:hover .mitek-event__media img { transform: scale(1.04); }
.mitek-event__body { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 9px; }
.mitek-event__date { font-family: var(--mitek-mono); font-size: 10.5px; letter-spacing: .16em; color: #7C8A78; }
.mitek-event__title { font-size: 17px; font-weight: 700; }
.mitek-event__more { margin-top: auto; padding-top: 12px; font-size: 12.5px; font-weight: 600; }

/* Article */
.mitek-article { padding: 60px 0 90px; }
.mitek-article__back { font-size: 13.5px; font-weight: 600; }
.mitek-article__date { margin-top: 26px; font-family: var(--mitek-mono); font-size: 11px; letter-spacing: .18em; color: #7C8A78; }
.mitek-article__title { margin-top: 14px; font-size: 34px; font-weight: 700; }
.mitek-article__place { margin-top: 10px; font-size: 14px; color: var(--mitek-muted); }
.mitek-article__figure { margin: 34px 0 0; }
.mitek-article__figure img { width: 100%; display: block; background: var(--mitek-ink); }
.mitek-article__figure figcaption { margin-top: 10px; font-size: 12.5px; line-height: 1.7; color: #7C8A78; }
.mitek-article__p { margin: 20px 0 0; font-size: 16px; line-height: 2; }
.mitek-article__source { margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--mitek-line); font-size: 13.5px; }

/* Contact */
.mitek-contact { padding: 100px 0; }
.mitek-contact__inner { display: grid; grid-template-columns: 1fr 1.1fr; gap: 60px; }
.mitek-contact__list { margin: 0; display: grid; gap: 6px; }
.mitek-contact__list dt { margin-top: 20px; font-family: var(--mitek-mono); font-size: 10.5px; letter-spacing: .16em; color: #7C8A78; text-transform: uppercase; }
.mitek-contact__list dd { margin: 0; font-size: 15px; }
.mitek-contact__rows { display: flex; flex-direction: column; }
.mitek-contact__row { display: flex; flex-direction: column; gap: 6px; padding: 20px 0; border-top: 1px solid var(--mitek-line); }
.mitek-contact__row--last { border-bottom: 1px solid var(--mitek-line); }
.mitek-contact__label { font-family: var(--mitek-label-font); font-weight: var(--mitek-label-weight); font-size: 10px; letter-spacing: var(--mitek-label-ls); color: #8A94A0; text-transform: var(--mitek-label-tt); }
.mitek-contact__value { font-size: 16px; line-height: 1.8; color: var(--mitek-ink); }
.mitek-contact__mono { font-family: var(--mitek-mono); font-size: 17px; color: var(--mitek-navy); }
a.mitek-contact__mono:hover { color: var(--mitek-lime); }
.mitek-contact__mono--soft { font-size: 15px; color: #8A94A0; }
.mitek-people { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: 20px; margin-top: 28px; }
.mitek-people__card { display: flex; flex-direction: column; gap: 4px; }
.mitek-people__name { font-weight: 600; font-size: 15px; color: var(--mitek-ink); }
.mitek-people__role { font-size: 13px; line-height: 1.5; color: #8A94A0; }
.mitek-people__tel { font-family: var(--mitek-mono); font-size: 13px; color: var(--mitek-navy); text-align: start; }
.mitek-people__mail { font-family: var(--mitek-mono); font-size: 12px; color: #8A94A0; text-align: start; }
.mitek-people__tel:hover, .mitek-people__mail:hover { color: var(--mitek-lime); }
.mitek-map { display: flex; gap: 18px; align-items: center; margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--mitek-line); }
.mitek-map__link { flex-shrink: 0; display: block; }
.mitek-map__qr { width: 104px; height: 104px; display: block; border: 1px solid var(--mitek-line); }
.mitek-map__body { display: flex; flex-direction: column; gap: 6px; }
.mitek-map__body strong { font-size: 16px; font-weight: 700; color: var(--mitek-navy); }
.mitek-map__body span { font-size: 14px; line-height: 1.6; color: #6B7684; }
.mitek-map__cta { font-family: var(--mitek-mono); font-size: 12px; color: var(--mitek-lime); }
.mitek-form { background: var(--mitek-mist); padding: 34px 32px 36px; }
.mitek-form__title { font-size: 20px; font-weight: 700; }
.mitek-form__body { margin-top: 20px; display: grid; gap: 16px; }
.mitek-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.mitek-form__field { display: grid; gap: 6px; font-size: 13px; font-weight: 500; color: var(--mitek-text); }
.mitek-form__field input, .mitek-form__field textarea { background: #FFFFFF; border: 1px solid var(--mitek-line); padding: 12px 14px; font: inherit; font-size: 15px; font-weight: 400; color: var(--mitek-ink); width: 100%; }
.mitek-form__field input:focus, .mitek-form__field textarea:focus { outline: 2px solid var(--mitek-lime); outline-offset: 1px; }
.mitek-form__trap { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mitek-chips { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mitek-chips legend { font-size: 13px; font-weight: 500; margin-bottom: 8px; }
.mitek-chip { position: relative; }
.mitek-chip input { position: absolute; opacity: 0; width: 0; height: 0; }
.mitek-chip span { display: inline-block; border: 1px solid var(--mitek-line); background: #FFFFFF; padding: 8px 14px; font-size: 13px; cursor: pointer; }
.mitek-chip input:checked + span { border-color: var(--mitek-navy); background: var(--mitek-navy); color: #FFFFFF; }
.mitek-chip input:focus-visible + span { outline: 2px solid var(--mitek-lime); outline-offset: 2px; }
.mitek-form__submit { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.mitek-form__submit p { margin: 0; font-size: 12.5px; color: var(--mitek-muted); max-width: 320px; }
.mitek-form__notice { padding: 12px 14px; font-size: 14px; border: 1px solid; }
.mitek-form__notice--ok { border-color: var(--mitek-lime); background: rgba(147,176,61,.10); }
.mitek-form__notice--error { border-color: #C0492F; background: rgba(192,73,47,.08); }

/* Footer */
.mitek-footer { background: var(--mitek-ink); color: rgba(255,255,255,.66); }
.mitek-footer .mitek-wrap { padding-block: 72px 32px; }
.mitek-footer__top { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,.16); }
.mitek-footer__col h3 { color: #FFFFFF; font-size: 14px; font-weight: 600; margin: 0; }
.mitek-footer__col p { margin: 6px 0 0; font-size: 14px; }
.mitek-footer__bottom { padding-top: 26px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; font-size: 12px; }
.mitek-social { display: inline-flex; align-items: center; gap: 12px; }
.mitek-social__label { font-family: var(--mitek-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.mitek-social__link { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.62); font-family: var(--mitek-mono); font-size: 12px; }
.mitek-social__link:hover { border-color: var(--mitek-lime-bright); color: var(--mitek-lime-bright); background: rgba(174,195,55,.08); }

/* About */
.mitek-about { padding: 110px 0; background: #FFFFFF; }
.mitek-about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.mitek-about__text { display: flex; flex-direction: column; gap: 22px; }
.mitek-about__text .mitek-heading { margin-bottom: 6px; }
.mitek-about__p { margin: 0; font-size: 17px; line-height: 1.95; color: var(--mitek-text); text-wrap: pretty; }
.mitek-about__points { list-style: none; margin: 8px 0 0; padding: 0; }
.mitek-about__point { display: flex; align-items: baseline; gap: 16px; padding: 18px 0; border-top: 1px solid var(--mitek-line); }
.mitek-about__point:last-child { border-bottom: 1px solid var(--mitek-line); }
.mitek-about__num { font-family: var(--mitek-mono); font-size: 12px; color: var(--mitek-lime); width: 28px; flex: 0 0 28px; }
.mitek-about__point-text { font-weight: 600; font-size: 16px; color: var(--mitek-ink); }
.mitek-about__media { display: flex; flex-direction: column; gap: 14px; }
.mitek-about__shot { overflow: hidden; height: 170px; }
.mitek-about__shot--tall { height: 400px; }
.mitek-about__shot img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mitek-about__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mitek-about__caption { margin: 4px 0 0; font-size: 14px; color: #8A94A0; }

/* Disciplines */
.mitek-services { padding: 100px 0; background: var(--mitek-ink); }
.mitek-services__head { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; }
.mitek-services__head .mitek-heading { margin-bottom: 0; }
.mitek-services__lead { margin: 0; font-size: 16px; line-height: 1.9; color: rgba(255,255,255,.66); }
.mitek-services .mitek-heading__title { color: #FFFFFF; }
.mitek-services__grid { margin-top: 44px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 1px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.13); }
.mitek-services__card { background: var(--mitek-ink); padding: 32px 30px 34px; display: flex; flex-direction: column; gap: 18px; transition: background .25s ease; }
.mitek-services__card:hover { background: rgba(147,176,61,.16); }
.mitek-services__card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.mitek-services__name { font-size: 18px; font-weight: 700; color: #FFFFFF; }
.mitek-services__num { font-family: var(--mitek-mono); font-size: 12px; color: rgba(255,255,255,.42); }
.mitek-services__items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.mitek-services__items li { position: relative; padding-inline-start: 16px; font-size: 14px; line-height: 1.75; color: rgba(255,255,255,.62); }
.mitek-services__items li::before { content: ""; position: absolute; inset-inline-start: 0; top: 10px; width: 6px; height: 1px; background: var(--mitek-lime); }
.mitek-services__card:hover .mitek-services__name { color: var(--mitek-lime-bright); }
.mitek-services__card:hover .mitek-services__num { color: var(--mitek-lime-bright); }
.mitek-services__card:hover .mitek-services__items li { color: rgba(255,255,255,.86); }
.mitek-services__card:hover .mitek-services__items li::before { background: var(--mitek-lime-bright); }
.mitek-services__shot { margin-top: 24px; height: 360px; overflow: hidden; }
.mitek-services__shot img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Design and engineering */
.mitek-design { padding: 100px 0; background: #FFFFFF; }
.mitek-design__head { max-width: 820px; }
.mitek-design__head { max-width: 860px; }
.mitek-design__head .mitek-heading { margin-bottom: 14px; }
.mitek-design__lead { margin: 0; font-size: 16px; line-height: 1.95; color: var(--mitek-text); }
.mitek-design__chips { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 24px; margin: 40px 0 0; padding-bottom: 44px; }
.mitek-design__chip { border-top: 2px solid var(--mitek-lime); padding-top: 16px; font-size: 16px; font-weight: 600; color: var(--mitek-navy); }
.mitek-design__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 24px; }
.mitek-design__card { margin: 0; display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid var(--mitek-line); }
.mitek-design__shot { height: 200px; overflow: hidden; background: var(--mitek-mist); }
.mitek-design__shot img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mitek-design__cap { padding: 18px 20px 20px; font-size: 13px; line-height: 1.6; color: var(--mitek-ink); }

/* Quality and safety */
.mitek-hse { padding: 100px 0; background: #FFFFFF; border-top: 1px solid #E3E8E0; }
.mitek-hse .mitek-heading { margin-bottom: 0; }
.mitek-hse .mitek-heading__title { font-size: 34px; color: var(--mitek-navy); }
.mitek-hse__lead { margin: 14px 0 0; max-width: 760px; font-size: 15px; line-height: 1.9; color: var(--mitek-text); }
.mitek-hse__cols { margin-top: 44px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 40px; }
.mitek-hse__col-title { margin: 0 0 6px; font-family: var(--mitek-label-font); font-weight: var(--mitek-label-weight); font-size: 11px; letter-spacing: var(--mitek-label-ls); text-transform: var(--mitek-label-tt); color: #7C8A78; }
.mitek-hse__step { display: flex; align-items: flex-start; gap: 18px; padding: 20px 0; border-bottom: 1px solid #E3E8E0; }
.mitek-hse__num { font-family: var(--mitek-mono); font-size: 11px; color: var(--mitek-lime); padding-top: 4px; min-width: 26px; flex: 0 0 26px; }
.mitek-hse__body { flex: 1 1 auto; min-width: 0; }
.mitek-hse__step-title { font-size: 16px; font-weight: 700; color: var(--mitek-navy); }
.mitek-hse__step-text { margin-top: 6px; font-size: 13.5px; line-height: 1.85; color: var(--mitek-muted); }

/* Call to action */
.mitek-cta { background: var(--mitek-navy); }
.mitek-cta__inner { padding: 60px var(--mitek-pad); display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.mitek-cta__text { max-width: 560px; }
.mitek-cta__title { margin: 0; font-size: 28px; color: #FFFFFF; }
.mitek-cta__p { margin: 10px 0 0; font-size: 15.5px; line-height: 1.9; color: rgba(255,255,255,.78); }
.mitek-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.mitek-cta .mitek-btn--accent { min-height: 48px; padding: 0 26px; font-size: 14px; }
.mitek-cta .mitek-btn--ghost { min-height: 48px; padding: 0 26px; font-size: 14px; }



/* Footer detail */
.mitek-footer__logo { max-height: 54px; width: auto; margin-bottom: 18px; }
.mitek-footer__note { margin: 0; font-size: 14px; line-height: 1.8; max-width: 420px; }
.mitek-footer__cr { margin: 14px 0 0; font-family: var(--mitek-mono); font-size: 11.5px; color: var(--mitek-lime); }
.mitek-footer__links { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; font-size: 14px; }
.mitek-footer__links a { color: rgba(255,255,255,.66); }
.mitek-footer__links a:hover { color: var(--mitek-lime-bright); }
.mitek-credits { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; font-size: 11.5px; color: rgba(255,255,255,.5); }
.mitek-credits__item { display: inline-flex; align-items: center; gap: 7px; }
.mitek-credits__item a { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.72); }
.mitek-credits__item a:hover { color: var(--mitek-lime-bright); }
.mitek-credits__mark { height: 16px; width: auto; }
.mitek-credits__sep { color: rgba(255,255,255,.3); }


.mitek-fleet__lead { margin: 14px 0 0; max-width: 720px; color: rgba(255,255,255,.66); font-size: 15px; line-height: 1.9; }
.mitek-fleet .mitek-heading { margin-bottom: 0; }
.mitek-fleet__grid { margin-top: 44px; }
.mitek-clients__lead { margin: 0; color: var(--mitek-muted); font-size: 16px; line-height: 1.9; }
.mitek-events__lead { margin: 12px 0 0; max-width: 820px; color: var(--mitek-muted); font-size: 15px; line-height: 1.9; }
.mitek-events .mitek-heading { margin-bottom: 0; }
.mitek-events .mitek-heading__title { font-size: 34px; }
.mitek-events__grid { margin-top: 38px; }

/* Legal page */
.mitek-legal { padding: 90px 0 100px; background: #FFFFFF; }
.mitek-legal__date { margin: -18px 0 30px; font-family: var(--mitek-mono); font-size: 12px; color: #8A94A0; }
.mitek-legal__h2 { margin: 38px 0 0; font-size: 20px; font-weight: 700; color: var(--mitek-navy); }
.mitek-legal__p { margin: 14px 0 0; font-size: 15.5px; line-height: 2; color: var(--mitek-text); }
.mitek-legal__back { margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--mitek-line); font-size: 14px; font-weight: 600; }

/* Cookie bar */
.mitek-cookies { position: fixed; inset-inline: 0; bottom: 0; z-index: 200; background: var(--mitek-ink); color: rgba(255,255,255,.8); border-top: 2px solid var(--mitek-lime); transform: translateY(100%); transition: transform .25s ease; }
.mitek-cookies.is-visible { transform: translateY(0); }
.mitek-cookies__inner { max-width: var(--mitek-wrap); margin: 0 auto; padding: 18px var(--mitek-pad); display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.mitek-cookies__text { margin: 0; font-size: 13.5px; line-height: 1.8; max-width: 760px; }
.mitek-cookies__text a { color: var(--mitek-lime-bright); text-decoration: underline; }
.mitek-cookies__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.mitek-cookies .mitek-btn { min-height: 42px; padding: 0 20px; font-size: 13.5px; }
.mitek-btn--quiet { border-color: rgba(255,255,255,.3); color: rgba(255,255,255,.82); background: transparent; }
.mitek-btn--quiet:hover { border-color: var(--mitek-lime-bright); color: var(--mitek-lime-bright); }

.mitek-footer__end { display: inline-flex; align-items: center; gap: 10px; }
.mitek-footer__end a { color: rgba(255,255,255,.66); }
.mitek-footer__end a:hover { color: var(--mitek-lime-bright); }

/* Mobile menu button */
.mitek-burger { display: none; width: 46px; height: 46px; padding: 0; border: 1px solid var(--mitek-line); background: #FFFFFF; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.mitek-burger span { display: block; width: 20px; height: 2px; background: var(--mitek-ink); transition: transform .2s ease, opacity .2s ease; }
.mitek-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mitek-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mitek-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mitek-nav__cta { display: none; }

/* ---------------------------------------------------------------- tablet */
@media (max-width: 1180px) {
	:root { --mitek-pad: 32px; }
	.mitek-nav { gap: 16px; }
	.mitek-nav__link { font-size: 14px; }
	.mitek-hero__title { font-size: 46px; }
	.mitek-heading__title { font-size: 32px; }
	.mitek-stats { grid-template-columns: repeat(3, 1fr); }
	.mitek-about__grid { gap: 48px; }
	.mitek-services__head, .mitek-clients__head { gap: 40px; }
}

@media (max-width: 1024px) {
	.mitek-burger { display: flex; }

	.mitek-nav {
		position: fixed;
		inset: 84px 0 0;
		z-index: 70;
		display: none;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0;
		padding: 8px var(--mitek-pad) 40px;
		background: #FFFFFF;
		overflow-y: auto;
		border-top: 1px solid var(--mitek-line);
	}
	.mitek-nav.is-open { display: flex; }
	.mitek-nav__link { padding: 16px 0; font-size: 17px; border-bottom: 1px solid var(--mitek-line); border-top: 0; }
	.mitek-nav__link:hover { border-bottom-color: var(--mitek-lime); }
	.mitek-nav__cta { display: block; margin-top: 22px; }
	.mitek-nav__cta .mitek-btn { width: 100%; min-height: 52px; }
	body.mitek-nav-open { overflow: hidden; }

	.mitek-header__inner { height: 72px; gap: 12px; }
	.mitek-header__side .mitek-btn--primary { display: none; }
	.mitek-header__brand img, .mitek-header__logo { max-height: 42px; }
	.mitek-nav { inset-block-start: 72px; }

	.mitek-contact__inner { grid-template-columns: 1fr; gap: 40px; }
	.mitek-footer__top { grid-template-columns: 1fr 1fr; gap: 34px; }
	.mitek-about__grid, .mitek-services__head, .mitek-clients__head { grid-template-columns: 1fr; gap: 34px; }
	.mitek-about__shot--tall { height: 320px; }
	.mitek-hse__cols { gap: 28px; }
}

/* ---------------------------------------------------------------- phone */
@media (max-width: 720px) {
	:root { --mitek-pad: 20px; }

	.mitek-about, .mitek-services, .mitek-projects, .mitek-approvals,
	.mitek-design, .mitek-fleet, .mitek-hse, .mitek-clients, .mitek-events,
	.mitek-contact { padding: 58px 0; }
	.mitek-legal { padding: 50px 0 64px; }

	.mitek-hero { min-height: 0; }
	.mitek-hero__inner { padding-top: 54px; }
	.mitek-hero__title { font-size: 30px; }
	.mitek-hero__sub { font-size: 15px; margin-top: 16px; }
	.mitek-hero__actions { gap: 10px; margin-bottom: 40px; padding-top: 22px; }
	.mitek-hero__actions .mitek-btn { flex: 1 1 100%; min-height: 50px; padding: 0 18px; }

	.mitek-heading { margin-bottom: 26px; }
	.mitek-heading__title { font-size: 26px; }

	.mitek-stats { grid-template-columns: repeat(2, 1fr); }
	.mitek-stats__tile { padding: 18px 16px 20px; border-inline-start: 0; border-top: 1px solid rgba(255,255,255,.14); }
	.mitek-stats__tile:first-child { padding-inline-start: 16px; }
	.mitek-stats__value { font-size: 26px; }
	.mitek-stats__label { font-size: 12.5px; }

	.mitek-strip { padding: 22px 0; }
	.mitek-strip__inner { flex-direction: column; align-items: stretch; gap: 16px; }
	.mitek-strip__label { padding-inline-end: 0; border-inline-end: 0; padding-bottom: 12px; border-bottom: 1px solid var(--mitek-line); }

	.mitek-about__p { font-size: 15.5px; line-height: 1.9; }
	.mitek-about__shot--tall { height: 230px; }
	.mitek-about__shot { height: 130px; }

	.mitek-services__grid, .mitek-fleet__grid { grid-template-columns: 1fr; }
	.mitek-services__card { padding: 24px 22px 26px; }
	.mitek-services__shot { height: 220px; }

	.mitek-cards { gap: 18px; }
	.mitek-card__body { padding: 16px 18px 18px; }

	.mitek-approval { padding: 26px 22px 28px; }

	.mitek-design__chips { grid-template-columns: 1fr 1fr; gap: 16px; padding-bottom: 32px; }
	.mitek-design__chip { font-size: 14px; padding-top: 12px; }
	.mitek-design__shot { height: 170px; }

	.mitek-fleet__card { padding: 22px 20px 24px; }
	.mitek-hse__cols { grid-template-columns: 1fr; gap: 8px; }

	.mitek-marquee__cell { width: 150px; height: 92px; padding: 12px 16px; }
	.mitek-marquee__cell img { max-height: 40px; }

	.mitek-events__grid { grid-template-columns: 1fr; }

	.mitek-cta__inner { padding: 40px var(--mitek-pad); gap: 24px; }
	.mitek-cta__title { font-size: 22px; }
	.mitek-cta__actions { width: 100%; }
	.mitek-cta__actions .mitek-btn { flex: 1 1 100%; }

	.mitek-form { padding: 26px 20px 28px; }
	.mitek-form__row { grid-template-columns: 1fr; gap: 14px; }
	.mitek-form__submit { flex-direction: column; align-items: stretch; gap: 12px; }
	.mitek-form__submit .mitek-btn { width: 100%; min-height: 52px; }
	.mitek-chip span { font-size: 13px; }

	.mitek-people { grid-template-columns: 1fr 1fr; gap: 16px; }
	.mitek-map { gap: 14px; }
	.mitek-map__qr { width: 84px; height: 84px; }

	.mitek-footer .mitek-wrap { padding-block: 48px 26px; }
	.mitek-footer__top { grid-template-columns: 1fr; gap: 28px; padding-bottom: 32px; }
	.mitek-footer__bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
	.mitek-credits { justify-content: flex-start; }

	.mitek-cookies__inner { padding: 16px var(--mitek-pad); gap: 14px; }
	.mitek-cookies__actions { width: 100%; }
	.mitek-cookies .mitek-btn { flex: 1 1 0; }

	.mitek-legal__h2 { font-size: 18px; }
	.mitek-legal__p { font-size: 15px; line-height: 1.95; }

	/* Comfortable tap targets. */
	.mitek-nav__link { min-height: 44px; }
	.mitek-footer__links a, .mitek-footer__end a, .mitek-credits__item a,
	.mitek-people__tel, .mitek-people__mail, .mitek-map__cta,
	.mitek-contact__mono, .mitek-event__more, .mitek-langs__item {
		min-height: 34px;
		display: inline-flex;
		align-items: center;
	}
	.mitek-footer__links { gap: 4px; }
	.mitek-form__field input, .mitek-form__field textarea { padding: 13px 14px; font-size: 16px; }
	.mitek-chip span { padding: 11px 15px; font-size: 13.5px; }
}

@media (max-width: 420px) {
	.mitek-hero__title { font-size: 26px; }
	.mitek-heading__title { font-size: 23px; }
	.mitek-design__chips, .mitek-people { grid-template-columns: 1fr; }
	.mitek-langs__item { padding: 6px 9px; }
}

/* Comfortable tap targets on touch devices. */
@media (hover: none) {
	.mitek-nav__link, .mitek-footer__links a, .mitek-contact__mono,
	.mitek-people__tel, .mitek-people__mail { min-height: 32px; display: inline-flex; align-items: center; }
	.mitek-services__card:hover { background: var(--mitek-ink); }
	.mitek-marquee__track { animation-duration: 60s; }
}