/* =========================================================
assets/style.css (CLEAN — SINGLE VERSION)
- Hero + Utility + Nav + CTA + Expertise kept
- ATIC kept + animations kept
- Global section set to IMAGE background (no video CSS)
- Footer uses ONE version (ris-footerX only)
- Removed duplicates: multiple :root, duplicate itk-container,
  duplicate itk-global, duplicate buttons/proof/marquee blocks
========================================================= */

/* =========================
   TOKENS + BASE
   ========================= */
/* FORCE INTER FONT SITE-WIDE */

/* === FONT RESET (TOP OF FILE) === */
html, body{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-feature-settings: "cv02","cv03","cv04","cv11";
  letter-spacing: -0.01em;
}



   :root{
  --itk-max: 1180px;
  --itk-yellow: #ffb018;
  --itk-text: #0f172a;
  --itk-muted: #334155;
  --itk-white: #ffffff;
  --itk-cyan: #1fb6d9;

  --itk-border: rgba(15,23,42,.12);
  --itk-shadow: 0 10px 26px rgba(0,0,0,.35);

  /* Global section */
  --glass-bg: rgba(16,16,16,.45);
  --glass-border: rgba(255,255,255,.12);
  --shadow-lg: 0 18px 45px rgba(0,0,0,.35);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
 font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  background:#fff;
  color: var(--itk-text);
}
a{ color: inherit; }
img{ display:block; max-width:100%; }

/* =========================
   LAYOUT
   ========================= */
.itk-container{
  max-width: var(--itk-max);
  margin: 0 auto;
  padding: 0 18px;
}

/* =========================
   HERO
   ========================= */
.itk-hero{
  position: relative;
  height: 640px;
  overflow: hidden;
  color: var(--itk-white);
  background: #0b1220;
}

/* =========================
   UTILITY BAR
   ========================= */
.itk-utility{
  position:absolute;
  inset: 0 0 auto 0;
  height: 44px;
  z-index: 30;
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid rgba(15,23,42,.08);
  color: var(--itk-text);
}
.itk-utility__inner{
  height: 44px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 18px;
}
.itk-utility__left{
  margin-right:auto;
  display:flex;
  gap: 22px;
  font-size: 13px;
  color: var(--itk-muted);
  white-space: nowrap;
}
.itk-utility__left a{ text-decoration:none; }
.itk-utility__left a:hover{ color: var(--itk-text); }

/* =========================
   NAV (over hero)
   ========================= */
   /* =========================
   NAV DROPDOWN (Industries & Services)
   ========================= */
.itk-dd{ position: relative; }

.itk-dd__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
  color: rgba(255,255,255,.95);
  font-weight: 600;
  cursor: pointer;
  position: relative;
}

.itk-dd__btn::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-10px;
  height:2px;
  background: rgba(255,255,255,.95);
  transform: scaleX(0);
  transform-origin:center;
  transition: transform 220ms ease;
  opacity:.9;
}
.itk-dd__btn:hover{ color:#fff; }
.itk-dd__btn:hover::after{ transform: scaleX(1); }

.itk-dd__chev{
  font-size: 12px;
  opacity: .85;
  transform: translateY(-1px);
  transition: transform 180ms ease, opacity 180ms ease;
}

.itk-dd.is-open .itk-dd__chev{
  transform: translateY(-1px) rotate(180deg);
  opacity: 1;
}

/* Menu panel */
.itk-dd__menu{
  position:absolute;
  top: calc(100% + 16px);
  left: -18px; /* aligns with container feel */
  width: min(500px, calc(100vw - 48px));
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: #ffb01869;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 18px 55px rgba(0,0,0,.45);

  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
  padding: 14px;
}

.itk-dd.is-open .itk-dd__menu{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.itk-dd__grid{
  display:grid;
  grid-template-columns: 1fr 1fr 1.15fr;
  gap: 14px;
  align-items: start;
}

.itk-dd__col{
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

.itk-dd__h{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
  margin: 0 0 10px;
}

.itk-dd__a{
  display:block;
  padding: 10px 10px;
  border-radius: 12px;
  text-decoration:none;
  color: rgba(255,255,255,.88);
  font-size: 14px;
  font-weight: 650;
  transition: background 160ms ease, transform 160ms ease, color 160ms ease;
}

.itk-dd__a:hover{
  background: rgba(255,176,24,.14);
  color: #fff;
  transform: translateX(2px);
}

/* CTA card */
.itk-dd__card{
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,176,24,.20);
  background:
    radial-gradient(800px 220px at 20% 10%, rgba(255,176,24,.18), transparent 55%),
    rgba(255,255,255,.04);
}

.itk-dd__badge{
  display:inline-flex;
  height: 26px;
  align-items:center;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,176,24,.20);
  border: 1px solid rgba(255,176,24,.28);
  font-size: 12px;
  font-weight: 800;
  color: rgba(255,255,255,.92);
}

.itk-dd__cardTitle{
  margin: 10px 0 6px;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
}

.itk-dd__cardText{
  margin: 0 0 12px;
  color: rgba(255,255,255,.78);
  font-size: 13.5px;
  line-height: 1.55;
}

.itk-dd__cardBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 44px;
  padding: 0 14px;
  border-radius: 12px;
  background: #ffb018;
  color: #111;
  font-weight: 900;
  text-decoration:none;
  border: 1px solid rgba(0,0,0,.18);
  transition: transform 160ms ease, filter 160ms ease;
}
.itk-dd__cardBtn:hover{
  transform: translateY(-2px);
  filter: brightness(.97);
}

.itk-dd__cardLink{
  display:inline-block;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 800;
  color: rgba(255,255,255,.85);
  text-decoration:none;
}
.itk-dd__cardLink:hover{ color:#fff; text-decoration: underline; }

/* Responsive dropdown */
@media (max-width: 980px){
  /* On mobile we use your drawer, so hide dropdown panel in desktop nav */
  .itk-dd__menu{ display:none; }
}

.itk-nav{
  position:absolute;
  top: 44px;
  left: 0; right: 0;
  z-index: 25;
}
.itk-nav__inner{
  height: 92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
}

/* Brand */
.itk-brand{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  min-width: 240px;
}
.itk-brand__logoWrap{
  height: 56px;
  display: flex;
  align-items: center;
}
.itk-brand__logo-img{
  height: 100%;
  width: auto;
  max-width: 260px;
  object-fit: contain;
  filter:
    drop-shadow(0 10px 24px rgba(0,0,0,.45))
    brightness(1.05)
    contrast(1.05);
}
.itk-brand__tag{
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);
}

/* Nav links */
.itk-nav__links{
  display:none;
  gap: 28px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.itk-nav__links a{
  color: rgba(255,255,255,.95);
  text-decoration:none;
  position: relative;
}
.itk-nav__links a::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-10px;
  height:2px;
  background: rgba(255,255,255,.95);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 220ms ease;
  opacity: .9;
}
.itk-nav__links a:hover{ color:#fff; }
.itk-nav__links a:hover::after{ transform: scaleX(1); }

/* Search pill */
.itk-search{
  display:flex;
  align-items:center;
  gap: 10px;
  width: 320px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--itk-border);
  transition: box-shadow 220ms ease;
}
.itk-search:focus-within{ box-shadow: 0 0 0 4px rgba(31,182,217,.20); }
.itk-search input{
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 14px;
  color: var(--itk-text);
}
.itk-search button{
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  color: var(--itk-text);
}


/* =========================
   MOBILE DROPDOWN (Accordion)
   ========================= */
.itk-mdd{
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.itk-mdd__btn{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 14px 18px;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--itk-muted);
  font-weight: 700;
  font-size: 14px;
}

.itk-mdd__chev{
  transition: transform 180ms ease;
  opacity: .75;
}

.itk-mdd.is-open .itk-mdd__chev{
  transform: rotate(180deg);
  opacity: 1;
}

.itk-mdd__panel{
  max-height: 0;
  overflow: hidden;
  transition: max-height 240ms ease;
  padding: 0 18px;
}

.itk-mdd.is-open .itk-mdd__panel{
  max-height: 900px; /* enough for content */
  padding-bottom: 14px;
}

.itk-mdd__group{
  padding: 10px 0 6px;
}

.itk-mdd__h{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(15,23,42,.55);
  margin: 10px 0 8px;
}

.itk-mdd__panel a{
  display:block;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration:none;
  color: var(--itk-text);
  font-weight: 650;
  font-size: 14px;
}

.itk-mdd__panel a:hover{
  background:#f8fafc;
}

.itk-mdd__cta{
  margin-top: 10px;
  background: var(--itk-yellow);
  color: #111827 !important;
  font-weight: 900 !important;
  text-align:center;
}

/* Mobile menu */
.itk-menu{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(0,0,0,.15);
  color:#fff;
  cursor:pointer;
  transition: transform 180ms ease, background 180ms ease;
}
.itk-menu:hover{ background: rgba(0,0,0,.25); transform: translateY(-1px); }

.itk-mobile{
  display:none;
  background: rgba(255,255,255,.96);
  border-top: 1px solid rgba(15,23,42,.10);
}
.itk-mobile a{
  display:block;
  padding: 14px 18px;
  color: var(--itk-muted);
  text-decoration:none;
  border-bottom: 1px solid rgba(15,23,42,.08);
}
.itk-mobile a:hover{
  background:#f8fafc;
  color: var(--itk-text);
}
.itk-mobile.open{ display:block; }

/* Hero background slider */
.itk-media{
  position:absolute;
  inset:0;
  z-index: 1;
}
.itk-slide{
  position:absolute;
  inset:0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 900ms ease;
  will-change: opacity, transform;
  transform: scale(1.02);
}
.itk-slide.is-active{
  opacity: 1;
  animation: kenburns 7s ease-in-out forwards;
}
@keyframes kenburns{
  0%   { transform: scale(1.02) translate3d(0,0,0); }
  100% { transform: scale(1.08) translate3d(10px,-8px,0); }
}
.itk-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.50) 60%, rgba(0,0,0,.35) 100%);
}

/* Hero content */
.itk-hero__content{
  position: relative;
  z-index: 10;
  height: 100%;
  padding-top: 44px;
}
.itk-hero__contentInner{
  height: 100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding: 110px 18px 60px;
}
.itk-hero__contentInner h1{
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: clamp(40px, 5.2vw, 70px);
  line-height: 1.06;
  text-shadow: var(--itk-shadow);
}
.itk-hero__contentInner p{
  margin: 14px 0 0;
  max-width: 82ch;
  font-size: 16px;
  opacity: .96;
  text-shadow: var(--itk-shadow);
}

/* CTA button (hero) */
.itk-cta{
  margin-top: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 22px;
  border-radius: 999px;
  background: var(--itk-yellow);
  color: #111827;
  font-weight: 800;
  font-size: 14px;
  border: 1px solid rgba(0,0,0,.10);
  text-decoration:none;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 220ms ease;
  box-shadow: 0 10px 20px rgba(255,210,0,.12);
}
.itk-cta:hover{
  transform: translateY(-2px);
  filter: brightness(.97);
  box-shadow: 0 14px 24px rgba(255,210,0,.20);
}
.itk-cta.breathe{ animation: breathe 2.8s ease-in-out infinite; }
@keyframes breathe{
  0%,100% { box-shadow: 0 10px 20px rgba(255,210,0,.12); transform: translateY(0); }
  50%     { box-shadow: 0 14px 26px rgba(255,210,0,.22); transform: translateY(-1px); }
}

/* Dots */
.itk-dots{
  margin-top: 22px;
  display:flex;
  gap: 10px;
  align-items:center;
}
.itk-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.65);
  background: transparent;
  cursor:pointer;
  opacity: .85;
  transition: transform 180ms ease, background 180ms ease, opacity 180ms ease;
}
.itk-dot:hover{ transform: scale(1.1); opacity: 1; }
.itk-dot.is-active{
  background: rgba(255,255,255,.95);
  opacity: 1;
  transform: scale(1.12);
}

/* =========================
   CTA BAR
   ========================= */
.cta-bar{
  background: #ffffff;
  border-top: 1px solid #e6e8ee;
  border-bottom: 1px solid #e6e8ee;
}
.cta-container{
  max-width: var(--itk-max);
  margin: 0 auto;
  padding: 22px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.cta-container[data-cta-reveal]{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 520ms ease, transform 520ms ease;
}
.cta-container.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.cta-left{
  font-size: 16px;
  font-weight: 600;
  color: #0f172a;
}
.cta-question{ white-space: nowrap; }
.cta-right{
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.cta-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 22px;
  border-radius: 999px;
  background: var(--itk-yellow);
  color: #ffffff;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 220ms ease;
  box-shadow: 0 8px 18px rgba(31,182,217,.18);
}
.cta-button:hover{
  transform: translateY(-2px);
  filter: brightness(.97);
  box-shadow: 0 12px 22px rgba(31,182,217,.24);
}

/* =========================
   ATIC section (single version)
   ========================= */
.itk-atic{
  background:#90c8d272;
  padding:64px 0 72px;
}
.itk-atic__head{
  text-align:center;
  margin:0 auto 46px;
  max-width:980px;
}
.itk-atic__title{
  margin:0 0 12px;
  font-size:38px;
  line-height:1.15;
  letter-spacing:-0.02em;
  font-weight:700;
  color:#0b1b2b;
}
.itk-atic__sub{
  margin:0 auto;
  max-width:880px;
  font-size:16px;
  line-height:1.7;
  font-weight:500;
  color:#6c7a89;
}
.itk-atic__grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:34px;
  align-items:start;
}
.itk-atic__item{ 
  text-align:center; 
  padding:6px 6px 0; 
  background: #f4b40091;
}
.itk-atic__badge{
  width:128px;
  height:128px;
  border-radius:999px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  background:#f3f5f7;
}
.itk-atic__badge--yellow{ background:#f4b400; }
.itk-atic__badge--slate{ background:#4b4f57; }
.itk-atic__badge--cyan{ background:#1fb6d7; }
.itk-atic__badge--soft{ background:#f3f5f7; }

.itk-atic__itemTitle{
  margin:0 0 10px;
  font-size:18px;
  font-weight:700;
  letter-spacing:0.01em;
  color:#0b1b2b;
}
.itk-atic__desc{
  margin:0 auto;
  max-width:240px;
  font-size:14px;
  line-height:1.7;
  font-weight:500;
  color:#6c7a89;
}

.itk-atic__stroke{ stroke:#0b1b2b; }
.itk-atic__stroke--white{ stroke:#ffffff; }
.itk-atic__fill--white{ fill:#ffffff; }

.itk-atic__cert{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
.itk-atic__certText{
  font-weight:700;
  letter-spacing:0.02em;
  color:#0b1b2b;
  opacity:.75;
  font-size:14px;
}

/* ATIC reveal animations (single override) */
.itk-atic__head,
.itk-atic__item{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform;
}
.itk-atic.is-visible .itk-atic__head,
.itk-atic.is-visible .itk-atic__item{
  opacity: 1;
  transform: translateY(0);
}
.itk-atic.is-visible .itk-atic__item:nth-child(1){ transition-delay: .10s; }
.itk-atic.is-visible .itk-atic__item:nth-child(2){ transition-delay: .18s; }
.itk-atic.is-visible .itk-atic__item:nth-child(3){ transition-delay: .26s; }
.itk-atic.is-visible .itk-atic__item:nth-child(4){ transition-delay: .34s; }

.itk-atic__badge{
  transform: scale(.94);
  transition: transform .6s cubic-bezier(.2,.9,.2,1);
}
.itk-atic.is-visible .itk-atic__badge{ transform: scale(1); }
.itk-atic__item:hover .itk-atic__badge{ transform: scale(1.03); }

@media (prefers-reduced-motion: reduce){
  .itk-atic__head,
  .itk-atic__item{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .itk-atic__badge{
    transform: none !important;
    transition: none !important;
  }
}

/* =========================
   EXPERTISE (single version)
   ========================= */
.itk-expertise{
  padding: clamp(32px, 4vw, 64px) 0;
  background: #fff;
}
.itk-topics{
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.itk-topics__label{
  color: #64748b;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.itk-topics__chips{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.itk-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.14);
  color: #0a2a43;
  text-decoration: none;
  font-weight: 650;
  font-size: 13px;
  background: #fff;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.itk-chip:hover{
  transform: translateY(-1px);
  background: rgba(15,23,42,.03);
  border-color: rgba(15,23,42,.25);
}
.itk-expertise__title{
  text-align: center;
  font-size: clamp(22px, 3vw, 34px);
  margin: 10px 0 10px;
  color: #0a2a43;
  letter-spacing: -0.02em;
}
.itk-expertise__title::after{
  content:"";
  display:block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 999px;
  background: rgba(255,176,24,.95);
}
.itk-expertise__sub{
  text-align:center;
  margin: 0 auto;
  max-width: 70ch;
  color:#64748b;
}
.itk-expertiseGrid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  margin-top: 22px;
}
.itk-card{
  display: block;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.itk-card:hover{
  transform: translateY(-3px);
  border-color: rgba(15,23,42,.18);
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
}
.itk-card__media{
  position: relative;
  aspect-ratio: 16 / 9;
  background: #e9eef4;
}
.itk-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.itk-card:hover .itk-card__media img{ transform: scale(1.04); }
.itk-card__footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  background: #f8fafc;
  color: #0a2a43;
  font-weight: 750;
  font-size: 15px;
}
.itk-card__footer::after{
  content: "→";
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity .18s ease, transform .18s ease;
  color: rgba(10,42,67,.75);
  font-weight: 800;
}
.itk-card:hover .itk-card__footer::after{
  opacity: 1;
  transform: translateX(0);
}

/* =========================
GLOBAL SECTION (IMAGE BG IN HTML)
========================= */

.itk-global{
  position: relative;
  padding: clamp(64px, 7vw, 100px) 0;
  min-height: 70vh;
  color: #ffffff;
  overflow: hidden;
  isolation: isolate;
}

.itk-container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
}

.itk-global__media{
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
}


.itk-global__bgImg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 0%;
  transform: scale(1.04);
  filter: brightness(.85) contrast(.95) saturate(.95);
}

@media (min-width: 1024px){
  .itk-global__bgImg{
    object-position: center 70%;
  }
}
/* Overlay */
.itk-global__overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.65) 0%,
      rgba(0,0,0,.45) 45%,
      rgba(0,0,0,.30) 100%),
    radial-gradient(1100px 520px at 22% 32%,
      rgba(255,176,24,.18),
      transparent 55%);
}

/* Vignette */
.itk-global__vignette{
  position: absolute;
  inset: -2px;
  background: radial-gradient(120% 90% at 50% 35%,
    rgba(0,0,0,0) 40%,
    rgba(0,0,0,.45) 100%);
}

/* Layout */
.itk-global__grid{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(24px, 4vw, 40px);
}

/* Left content */
.itk-global__content{
   max-width: 62ch; 
   background: black;
    padding: 14px;
  }

.itk-global__kicker{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 14px;
  color: #ffb018;
}

.itk-global__title{
  font-size: clamp(30px, 3.6vw, 46px);
  line-height: 1.08;
  margin-bottom: 12px;
}

.itk-global__sub{
  color: rgba(255,255,255,.84);
  line-height: 1.6;
  margin-bottom: 18px;
}

.itk-global__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

/* Buttons */
.itk-btn{
  height: 44px;
  padding: 0 18px;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .18s ease, filter .18s ease;
}
.itk-btn--primary{
  background: #ffb018;
  color: #111;
}
.itk-btn--ghost{
  border: 1px solid rgba(255,255,255,.25);
  color: #000000;
  background: #f4b400;
}
.itk-btn:hover{
  transform: translateY(-2px);
  filter: brightness(.97);
}

/* Proof strip */
.itk-proofStrip{
  display: flex;
  gap: 14px;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.14);
}
.itk-proofStrip__item{
  display: flex;
  flex-direction: column;
}
.itk-proofStrip__top{
  font-weight: 800;
  font-size: 13px;
}
.itk-proofStrip__bottom{
  font-size: 12.5px;
  color: rgba(255,255,255,.72);
}
.itk-proofStrip__divider{
  width: 1px;
  height: 28px;
  background: rgba(255,255,255,.14);
}

/* Trust panel */
.itk-trustPanel{
  background: #ffb018;
  border: 1px solid rgba(255,255,255,.12);
  padding: 18px;
  backdrop-filter: blur(10px);
}

.itk-trustPanel__badge{
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: rgba(255,176,24,.16);
  border: 1px solid rgba(255,176,24,.28);
}

.itk-trustPanel__title{
  margin: 10px 0 6px;
  font-size: 18px;
  font-weight: 800;
  color: #071521;
}

.itk-trustPanel__text{
  font-size: 14px;
  line-height: 1.55;
  color: rgba(0, 0, 0, 0.78);
}

.itk-trustPanel__metrics{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 1px;
  margin: 14px 0;
}

.itk-kpi{
  background: #201605fa;
  border: 1px solid rgba(255,255,255,.1);
  padding: 12px;
}

.itk-kpi__num{
  font-size: 22px;
  font-weight: 900;
}

.itk-kpi__label{
  font-size: 12.5px;
  color: rgba(255,255,255,.72);
}

.itk-trustPanel__foot{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.78);
}

.itk-trustPanel__dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffb018;
}

/* Responsive */
@media(max-width: 900px){
  .itk-global__grid{ grid-template-columns: 1fr; }
  .itk-proofStrip__divider{ display: none; }
}
.itk-global__bgImg{
  object-fit: cover;
  object-position: center 50%;
}

@media (min-width: 1024px){
  .itk-global__bgImg{
    object-position: center 40%;
  }
}


/* =========================
   FOOTER (ris-footerX only)
   ========================= */
.ris-footerX{
  background:#0b0f14;
  color:rgba(255,255,255,.86);
}
.ris-footerX a{ color:inherit; text-decoration:none; }

.ris-footerX__main{ padding:44px 0 30px; }
.ris-footerX__accent{
  height:2px;
  width:100%;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,176,24,0), var(--itk-yellow), rgba(255,176,24,0));
  opacity:.9;
  margin-bottom:26px;
}
.ris-footerX__grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap:34px;
  align-items:start;
}
.ris-footerX__brandLink{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.ris-footerX__logo{ width:42px; height:auto; }
.ris-footerX__name{
  display:block;
  font-size:14px;
  font-weight:700;
  letter-spacing:.2px;
}
.ris-footerX__tag{
  display:block;
  margin-top:3px;
  font-size:12px;
  opacity:.7;
}
.ris-footerX__about{
  margin:14px 0 18px;
  max-width:40ch;
  font-size:13px;
  line-height:1.65;
  opacity:.8;
}
.ris-footerX__social{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.ris-footerX__social a{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}
.ris-footerX__social svg{
  width:16px;
  height:16px;
  fill:currentColor;
  opacity:.85;
}
.ris-footerX__links{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:26px;
}
.ris-footerX__h{
  margin:0 0 12px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.2px;
}
.ris-footerX__a{
  display:block;
  padding:7px 0;
  font-size:13px;
  opacity:.78;
  transition: opacity .2s ease, transform .2s ease;
}
.ris-footerX__a:hover{ opacity:1; transform: translateX(2px); }

.ris-footerX__contact{ max-width:380px; }
.ris-footerX__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  transition: opacity .2s ease;
}
.ris-footerX__row:hover{ opacity:1; }
.ris-footerX__row--static{ opacity:.9; }
.ris-footerX__k{ font-size:12px; opacity:.65; }
.ris-footerX__v{ font-size:13px; opacity:.85; text-align:right; }

.ris-footerX__miniCta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  font-size:13px;
  font-weight:700;
  color: var(--itk-yellow);
}
.ris-footerX__miniCta:hover{ filter:brightness(1.05); }

.ris-footerX__legal{
  border-top:1px solid rgba(255,255,255,.08);
  padding:16px 0;
}
.ris-footerX__legalInner{
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
}
.ris-footerX__copy{
  margin:0;
  font-size:12px;
  opacity:.7;
}
.ris-footerX__legalLinks{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.ris-footerX__legalLinks a{
  font-size:12px;
  opacity:.7;
}
.ris-footerX__legalLinks a:hover{ opacity:1; }

/* =========================
   HERO TEXT TRANSITION
   ========================= */
[data-hero-text]{
  transition: opacity 420ms ease, transform 420ms ease;
}
[data-hero-text].is-exiting{ opacity: 0; transform: translateY(10px); }
[data-hero-text].is-entering{ opacity: 0; transform: translateY(-10px); }
[data-hero-text].is-visible{ opacity: 1; transform: translateY(0); }

/* =========================
   RESPONSIVE
   ========================= */
@media (min-width: 980px){
  .itk-nav__links{ display:flex; }
  .itk-menu{ display:none; }
  .itk-mobile{ display:none !important; }
}

@media (max-width: 1024px){
  .itk-expertiseGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 980px){
  .itk-atic__grid{ grid-template-columns:repeat(2, 1fr); gap:28px; }
  .itk-atic__desc{ max-width:320px; }

  .itk-global__grid{ grid-template-columns:1fr; }
  .itk-global .itk-proofStrip__divider{ display:none; }
}

@media (max-width: 768px){
  .cta-container{ justify-content: center; text-align: center; }
  .cta-left{ width: 100%; }
  .cta-right{ justify-content: center; }
}

@media (max-width: 560px){
  .itk-search{ width: 220px; }
  .itk-brand{ min-width: auto; }
  .itk-brand__logoWrap{ height: 40px; }
  .itk-brand__logo-img{ max-width: 180px; }
  .itk-brand__tag{ font-size: 10px; }
  .itk-utility__left{ gap: 14px; }

  .itk-expertiseGrid{ grid-template-columns: 1fr; }

  .itk-atic__title{ font-size:30px; }
  .itk-atic__grid{ grid-template-columns:1fr; }
  .itk-atic__badge{ width:120px; height:120px; }

  .ris-footerX__grid{ grid-template-columns: 1fr; gap:26px; }
  .ris-footerX__links{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 420px){
  .ris-footerX__links{ grid-template-columns: 1fr; }
}

/* =========================
   REDUCED MOTION
   ========================= */
@media (prefers-reduced-motion: reduce){
  .itk-slide.is-active{ animation: none; }
  .cta-container[data-cta-reveal]{ opacity:1; transform:none; transition:none; }
  .itk-cta.breathe{ animation:none; }
  .itk-nav__links a::after{ transition:none; }
  .itk-search{ transition:none; }
  .itk-menu{ transition:none; }
  .itk-marquee__row{ animation: none; }
}
/* =========================
   MOBILE NAV (Premium)
========================= */
.itk-mobileOverlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
  z-index: 40;
}

.itk-mobile{
  position: fixed;
  top: 0;
  right: 0;
  height: 100dvh;
  width: min(92vw, 380px);
  background: rgba(255,255,255,.98);
  border-left: 1px solid rgba(15,23,42,.10);
  box-shadow: -20px 0 60px rgba(0,0,0,.22);
  transform: translateX(102%);
  transition: transform .24s ease;
  z-index: 50;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  padding: 16px;
}

.itk-mobile.open{ transform: translateX(0); }
.itk-mobileOverlay.open{
  opacity: 1;
  pointer-events: auto;
}

/* top */
.itk-mobile__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.itk-mobile__brand{
  display:flex;
  gap: 10px;
  align-items:center;
}

.itk-mobile__logo{
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.itk-mobile__brandText{
  display:flex;
  flex-direction:column;
  gap: 2px;
}
.itk-mobile__brandText strong{
  font-size: 13px;
  font-weight: 900;
  color: #0f172a;
}
.itk-mobile__brandText span{
  font-size: 12px;
  color: #64748b;
}

.itk-mobile__close{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.10);
  background: #fff;
  cursor: pointer;
  font-size: 16px;
}

/* search */
.itk-mobileSearch{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.10);
  background: #fff;
}
.itk-mobileSearch input{
  width: 100%;
  border: 0;
  outline: 0;
  font-size: 14px;
  background: transparent;
}
.itk-mobileSearch button{
  width: 40px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.10);
  background: #0b1220;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

/* links */
.itk-mobile__links{
  padding: 12px 0;
  overflow: auto;
}

.itk-mobile__a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 10px;
  border-radius: 12px;
  color: #334155;
  text-decoration:none;
  font-weight: 750;
}
.itk-mobile__a:hover{ background: rgba(15,23,42,.04); color:#0f172a; }

/* bottom */
.itk-mobile__bottom{
  padding-top: 12px;
  border-top: 1px solid rgba(15,23,42,.08);
}
.itk-mobile__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 46px;
  border-radius: 14px;
  background: #ffb018;
  color: #111827;
  font-weight: 900;
  text-decoration:none;
}

/* accordion */
.itk-mdd{
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 10px;
}
.itk-mdd__btn{
  width: 100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding: 14px 12px;
  border: 0;
  background: #fff;
  cursor: pointer;
  font-weight: 900;
  color: #0f172a;
}
.itk-mdd__chev{
  transition: transform .2s ease;
}
.itk-mdd.is-open .itk-mdd__chev{
  transform: rotate(180deg);
}

.itk-mdd__panel{
  max-height: 0;
  overflow: hidden;
  transition: max-height .28s ease;
  border-top: 1px solid rgba(15,23,42,.08);
  background: #f8fafc;
}

.itk-mdd__group{
  padding: 12px;
}
.itk-mdd__h{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: #64748b;
  margin-bottom: 8px;
}
.itk-mdd__panel a{
  display:block;
  padding: 10px 10px;
  border-radius: 12px;
  text-decoration:none;
  color: #334155;
  font-weight: 650;
}
.itk-mdd__panel a:hover{ background: rgba(15,23,42,.05); color:#0f172a; }

.itk-mdd__cta{
  margin: 0 12px 12px;
  text-align:center;
  background: #0b1220;
  color: #fff !important;
  border-radius: 14px;
  padding: 12px !important;
}

/* show drawer only on mobile */
@media (min-width: 980px){
  .itk-mobile,
  .itk-mobileOverlay{ display:none !important; }
}
/* =========================
NAV ONLY CSS (clean + uniform)
========================= */
:root{
  --yellow:#ffb018;
  --dark:#0b1220;
  --text:#0f172a;
  --muted:#64748b;
  --border:rgba(15,23,42,.12);
}

.itk-container{max-width:1180px;margin:0 auto;padding:0 18px;}

/* Nav bar */
.itk-nav{
  position:relative;
  z-index:50;
  background:transparent; /* keep transparent over hero */
}

.itk-nav__inner{
  height:92px;
  display:flex;
  align-items:center;
  gap:16px;
}

/* Brand */
.itk-brand{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#fff;min-width:220px;}
.itk-brand__logoWrap{height:52px;display:flex;align-items:center}
.itk-brand__logo-img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35));}
.itk-brand__tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.95}

/* Desktop links */
.itk-nav__links{display:none;align-items:center;gap:26px;white-space:nowrap;}
.itk-nav__links > a{color:#fff;text-decoration:none;font-weight:650;opacity:.95}
.itk-nav__links > a:hover{opacity:1}

/* Search */
.itk-search{margin-left:auto;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:999px;padding:10px 14px;width:300px}
.itk-search input{border:0;outline:0;background:transparent;width:100%}
.itk-search button{border:0;background:transparent;cursor:pointer;font-weight:800}

/* Mobile menu button */
.itk-menu{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.18);
  color:#fff;cursor:pointer;
}

/* Dropdown */
.itk-dd{position:relative}
.itk-dd__btn{
  display:inline-flex;align-items:center;gap:8px;
  border:0;background:transparent;color:#fff;
  cursor:pointer;font-weight:750;opacity:.95;
}
.itk-dd__btn:hover{opacity:1}
.itk-dd__chev{transition:transform .18s ease,opacity .18s ease;opacity:.9}
.itk-dd.is-open .itk-dd__chev{transform:rotate(180deg)}

/* Panel width reduced + centered (fix your screenshot issue) */
.itk-dd__menu{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  transform:translateX(-50%) translateY(10px);
  width:min(520px, calc(100vw - 36px));   /* ✅ reduced width */
  padding:14px;
  border-radius:16px;
  background:rgba(15,15,15,.72);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 55px rgba(0,0,0,.45);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.itk-dd.is-open .itk-dd__menu{
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.itk-dd__col{
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}

.itk-dd__h{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(255,255,255,.75);
  margin:0 0 10px;
}

.itk-dd__a{
  display:block;
  padding:10px 10px;
  border-radius:12px;
  text-decoration:none;
  color:rgba(255,255,255,.9);
  font-weight:650;
}
.itk-dd__a:hover{background:rgba(255,176,24,.16);color:#fff}

/* Mobile overlay + drawer */
.itk-mobileOverlay{
  position:fixed;inset:0;background:rgba(0,0,0,.45);
  opacity:0;pointer-events:none;transition:.22s;z-index:60;
}
.itk-mobileOverlay.open{opacity:1;pointer-events:auto}

.itk-mobile{
  position:fixed;top:0;right:0;height:100dvh;
  width:min(92vw, 380px);
  background:rgba(255,255,255,.98);
  border-left:1px solid rgba(15,23,42,.10);
  box-shadow:-20px 0 60px rgba(0,0,0,.22);
  transform:translateX(102%);
  transition:transform .24s ease;
  z-index:70;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  padding:16px;
}
.itk-mobile.open{transform:translateX(0)}

/* Mobile top */
.itk-mobile__top{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(15,23,42,.08)}
.itk-mobile__brand{display:flex;gap:10px;align-items:center}
.itk-mobile__logo{width:42px;height:42px;object-fit:contain}
.itk-mobile__brandText strong{display:block;font-size:13px;font-weight:900;color:var(--text)}
.itk-mobile__brandText span{display:block;font-size:12px;color:var(--muted)}
.itk-mobile__close{width:40px;height:40px;border-radius:12px;border:1px solid rgba(15,23,42,.10);background:#fff;cursor:pointer}

/* Mobile search */
.itk-mobileSearch{margin-top:12px;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.10);background:#fff}
.itk-mobileSearch input{width:100%;border:0;outline:0;background:transparent}
.itk-mobileSearch button{width:40px;height:36px;border-radius:12px;border:1px solid rgba(15,23,42,.10);background:var(--dark);color:#fff;font-weight:900;cursor:pointer}

/* Mobile links */
.itk-mobile__links{padding:12px 0;overflow:auto}
.itk-mobile__a{display:block;padding:14px 10px;border-radius:12px;color:#334155;font-weight:750}
.itk-mobile__a:hover{background:rgba(15,23,42,.04);color:#0f172a}

/* Accordion */
.itk-mdd{border:1px solid rgba(15,23,42,.10);border-radius:14px;overflow:hidden;background:#fff;margin-bottom:10px}
.itk-mdd__btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 12px;border:0;background:#fff;cursor:pointer;font-weight:900;color:#0f172a}
.itk-mdd__chev{transition:transform .2s ease}
.itk-mdd.is-open .itk-mdd__chev{transform:rotate(180deg)}
.itk-mdd__panel{max-height:0;overflow:hidden;transition:max-height .28s ease;border-top:1px solid rgba(15,23,42,.08);background:#f8fafc}
.itk-mdd.is-open .itk-mdd__panel{max-height:800px}
.itk-mdd__group{padding:12px}
.itk-mdd__h{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#64748b;margin:0 0 8px}
.itk-mdd__panel a{display:block;padding:10px 10px;border-radius:12px;color:#334155;font-weight:650}
.itk-mdd__panel a:hover{background:rgba(15,23,42,.05);color:#0f172a}

/* Mobile CTA bottom */
.itk-mobile__bottom{padding-top:12px;border-top:1px solid rgba(15,23,42,.08)}
.itk-mobile__btn{display:flex;align-items:center;justify-content:center;height:46px;border-radius:14px;background:var(--yellow);color:#111827;font-weight:900;text-decoration:none}

/* Responsive */
@media (min-width:980px){
  .itk-nav__links{display:flex}
  .itk-menu{display:none}
  .itk-mobile,.itk-mobileOverlay{display:none !important}
}
@media (max-width:560px){
  .itk-search{width:210px}
  .itk-brand__logoWrap{height:40px}
  .itk-brand__tag{font-size:9px}
}

/* =========================
   HELP CTA — BIG CROPPED IMAGE
========================= */

.ris-helpCta{
  background: #f4f4f4;
  padding: 80px 0 0;   /* no bottom padding */
  position: relative;
  overflow: hidden;    /* IMPORTANT */
}

/* layout */
.ris-helpCta__inner{
  display: grid;
  grid-template-columns: minmax(320px, 560px) 1fr;
  align-items: center;
  gap: 40px;

  min-height: 520px;   /* controls visible crop height */
}

/* LEFT CONTENT */
.ris-helpCta__title{
  font-size: clamp(28px, 3vw, 42px);
      font-weight: 200;
    margin-bottom: 8px;
  color: #0b1b2b;
}

.ris-helpCta__actions{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* outline button */
.ris-helpCta__pill{
  padding: 14px 24px;
  border-radius: 999px;
  border: 1.5px solid #ffb018;
  text-decoration: none;
  font-weight: 600;
  color: #0b1b2b;
}

/* filled button */
.ris-helpCta__btn{
  padding: 16px 28px;
  border-radius: 999px;
  background: #ffb018;
  color: #071521;
  text-decoration: none;
  font-weight: 700;
}

/* =========================
   BIG CROPPED IMAGE
========================= */

.ris-helpCta__img{
  height: 522px;       /* MAKE IT BIG */
  width: auto;
  max-width: none;
  object-fit: cover;
  object-position: center top; /* crop from waist downward */

  transform: translateX(10%);
}
/* =========================
   RESPONSIVE
========================= */

/* 1) Small laptops / tablets */
@media (max-width: 1024px){
  .ris-helpCta{
    padding: 60px 0 0;
  }

  .ris-helpCta__inner{
    grid-template-columns: minmax(280px, 520px) 1fr;
    gap: 28px;
    min-height: 460px;
  }

  .ris-helpCta__img{
    height: 480px;
    transform: translateX(6%);
  }
}

/* 2) Tablets / large phones */
@media (max-width: 860px){
  .ris-helpCta{
    padding: 46px 0 0;
  }

  .ris-helpCta__inner{
    grid-template-columns: 1fr;   /* stack */
    min-height: unset;
    gap: 22px;
  }

  /* keep text nicely centered/compact */
  .ris-helpCta__left{
    max-width: 620px;
  }

  .ris-helpCta__actions{
    flex-direction: row;         /* buttons side-by-side if space */
    flex-wrap: wrap;
    gap: 12px;
  }

  /* center image and crop from bottom still */
  .ris-helpCta__right{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
    height: 340px;               /* visible crop window */
  }

  .ris-helpCta__img{
    height: 520px;               /* bigger than window => cropped */
    transform: none;             /* no sideways push */
    object-position: center top;
  }
}

/* =========================
   MOBILE: match reference
========================= */
@media (max-width: 600px){

  .ris-helpCta{
    padding: 44px 0 0;   /* space at top, no bottom */
    overflow: hidden;
  }

  .ris-helpCta__inner{
    grid-template-columns: 1fr;  /* stack */
    gap: 18px;
    min-height: unset;
  }

  /* top text block */
  .ris-helpCta__left{
    max-width: 520px;
  }

  .ris-helpCta__title{
    font-size: 28px;
    line-height: 1.15;
    margin-bottom: 14px;
  }

  /* buttons stacked like the screenshot */
  .ris-helpCta__actions{
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  /* keep pill/button “content width” (not full width) */
  .ris-helpCta__pill,
  .ris-helpCta__btn{
    width: auto;
    max-width: 100%;
  }

  /* IMPORTANT: create a crop window for the image */
  .ris-helpCta__right{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;

    height: 320px;     /* visible window (controls crop) */
    margin-top: 6px;
  }

  .ris-helpCta__img{
    height: 325px;     /* bigger than window => cropped */
    width: auto;
    max-width: none;

    object-fit: cover;
    object-position: center top; /* cuts lower body */
    transform: none;   /* remove desktop X shift */
  }
}
/* base state */
.itk-global__content,
.itk-trustPanel{
  opacity: 0;
  transition:
    opacity .9s ease,
    transform .9s cubic-bezier(.2,.8,.2,1);
  will-change: opacity, transform;
}

/* left side animation */
.itk-global__content{
  transform: translateY(32px);
}

/* right side animation */
.itk-trustPanel{
  transform: translateX(48px);
}

/* active state */
.itk-global.is-visible .itk-global__content{
  opacity: 1;
  transform: translateY(0);
}

.itk-global.is-visible .itk-trustPanel{
  opacity: 1;
  transform: translateX(0);
  transition-delay: .18s; /* slight delay for premium feel */
}
/* =========================
CHEMICAL SERVICES (VIDEO CARDS)
Clean, modern, responsive
========================= */

.risChemVids{
  padding: 70px 0;
  background: #ffffff;
}

.risChemVids__head{
  margin-bottom: 26px;
  max-width: 760px;
}

.risChemVids__title{
  margin: 0 0 6px;
  font-size: 28px;
  line-height: 1.15;
  color: #0f1419;
  font-weight: 800;
}

.risChemVids__sub{
  margin: 0;
  color: #5d6772;
  font-size: 14px;
}

/* GRID */
.risChemVids__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

/* CARD */
.risChemVidCard{
  text-decoration: none;
  color: inherit;
  display: block;
}

/* MEDIA BOX */
.risChemVidCard__media{
  position: relative;
  height: 508px;
  border-radius: 3px;
  overflow: hidden;
  background: #0f1419;
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}

/* VIDEO */
.risChemVidCard__video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
  transition: transform .45s ease, filter .45s ease;
}

/* OVERLAY */
.risChemVidCard__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.70) 100%
  );
}

/* TITLE OVER VIDEO */
.risChemVidCard__title{
  position: absolute;
  left: 18px;
  right: 18px;
  top: 18px;
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  text-shadow: 0 10px 28px rgba(0,0,0,.40);
}

/* LINK ROW */
.risChemVidCard__link{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  color:#f4b400;
  font-weight: 700;
  font-size: 13px;
}

/* ROUND ICON */
.risChemVidCard__icon{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background:#f4b400;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

/* HOVER */
@media (hover:hover){
  .risChemVidCard:hover .risChemVidCard__video{
    transform: scale(1.08);
  }
  .risChemVidCard:hover .risChemVidCard__media{
    box-shadow: 0 26px 70px rgba(0,0,0,.16);
  }
  .risChemVidCard:hover .risChemVidCard__link{
    gap: 12px;
  }
}

/* ACCESSIBILITY: reduce motion */
@media (prefers-reduced-motion: reduce){
  .risChemVidCard__video,
  .risChemVidCard__media,
  .risChemVidCard__link{
    transition: none !important;
  }
}

/* RESPONSIVE */
@media (max-width: 1000px){
  .risChemVids__grid{ grid-template-columns: 1fr 1fr; }
  .risChemVidCard__media{ height: 330px; }
}

@media (max-width: 640px){
  .risChemVids{ padding: 54px 0; }
  .risChemVids__grid{ grid-template-columns: 1fr; }
  .risChemVidCard__media{ height: 300px; }
}
/* =========================
GLOBAL COVERAGE STATS
========================= */
.risCoverage{
  background:#1076ba; /* close to screenshot blue */
  color:#ffffff;
  padding: 74px 0;
}

.risCoverage__left {
    background: orange;
    padding: 19px;
}
.risCoverage__inner{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 56px;
  align-items: start;
}

/* LEFT */
.risCoverage__kicker{
  font-size: 13px;
  font-weight: 700;
  opacity: .95;
  margin-bottom: 14px;
}

.risCoverage__title{
  margin: 0 0 16px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.risCoverage__text{
  margin: 0 0 22px;
  max-width: 56ch;
  font-size: 14px;
  line-height: 1.8;
  opacity: .92;
}

/* CTA */
.risCoverage__cta{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
}

.risCoverage__ctaIcon{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

/* RIGHT */
.risCoverage__right{
  display: grid;
  gap: 26px;
}

.risStat__divider{
  height: 1px;
  background: rgba(255,255,255,.35);
}

.risStat__num{
  font-size: clamp(64px, 6.5vw, 120px);
  line-height: .9;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.risStat__plus{
  font-size: .38em;
  vertical-align: top;
  margin-left: 4px;
  opacity: .95;
}

.risStat__label{
  margin-top: 14px;
  font-size: 14px;
  opacity: .95;
}

/* RESPONSIVE */
@media (max-width: 980px){
  .risCoverage__inner{
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .risCoverage__right{
    gap: 18px;
  }
}
/* =========================
SERVICES GRID SECTION
========================= */
.risSvcGrid{
  padding: 74px 0;
  background: #fff;
}

.risSvcGrid__head{
  text-align: center;
  max-width: 760px;
  margin: 0 auto 34px;
}

.risSvcGrid__title{
  margin: 0 0 10px;
  font-size: clamp(24px, 3.4vw, 34px);
  line-height: 1.2;
  color: #0f1419;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.risSvcGrid__sub{
  margin: 0 0 14px;
  color: #5d6772;
  font-size: 14px;
  line-height: 1.6;
}

.risSvcGrid__topBtn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  color: #0077cc;
}

.risSvcGrid__topBtnIcon{
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #0077cc;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* GRID */
.risSvcGrid__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px 0;              /* row gap, no column gap */
}

/* BOXES with vertical dividers like screenshot */
.risSvcBox{
  padding: 18px 26px 10px;
  border-left: 1px solid rgba(0,119,204,.35);
  min-height: 190px;
}

/* remove left border on first column */
.risSvcBox:nth-child(3n + 1){
  border-left: none;
}

/* icon */
.risSvcBox__icon{
  width: 22px;
  height: 22px;
  margin-bottom: 14px;
}
.risSvcBox__icon svg{
  width: 100%;
  height: 100%;
  fill: #0077cc;
}

.risSvcBox__title{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 900;
  color: #0f1419;
}

.risSvcBox__list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}

.risSvcBox__list a{
  color: #0f1419;
  text-decoration: none;
  font-size: 13px;
  opacity: .85;
}
.risSvcBox__list a:hover{
  opacity: 1;
  text-decoration: underline;
}

/* bottom link */
.risSvcBox__more{
  display: inline-block;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 800;
  color: #0077cc;
  text-decoration: none;
}
.risSvcBox__more:hover{
  text-decoration: underline;
}

/* RESPONSIVE */
@media (max-width: 980px){
  .risSvcGrid__grid{ grid-template-columns: repeat(2, 1fr); }
  .risSvcBox:nth-child(3n + 1){ border-left: 1px solid rgba(0,119,204,.35); }
  .risSvcBox:nth-child(2n + 1){ border-left: none; }
}

@media (max-width: 640px){
  .risSvcGrid{ padding: 56px 0; }
  .risSvcGrid__grid{ grid-template-columns: 1fr; }
  .risSvcBox{ border-left: none; padding: 16px 0; }
}
.risNewsDyn{ padding:70px 0; background:#fff; }
.risNewsDyn__head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; margin-bottom: 18px;
}
.risNewsDyn__title{ margin:0 0 6px; font-size:28px; font-weight:900; color:#0f1419; }
.risNewsDyn__sub{ margin:0; color:#5d6772; font-size:14px; }

.risNewsDyn__all{
  text-decoration:none; font-weight:900; color:#0077cc; font-size:13px;
  display:inline-flex; align-items:center; gap:6px;
}

.risNewsDyn__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.risNewsCard{
  border:1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  overflow:hidden;
  background:#fff;
  transition: transform .2s ease, box-shadow .2s ease;
}

.risNewsCard__media{
  display:block;
  height: 190px;
  overflow:hidden;
  background:#f2f4f7;
}
.risNewsCard__media img{
  width:100%; height:100%; object-fit:cover;
  transition: transform .35s ease;
}

.risNewsCard__body{ padding: 14px 14px 16px; }

.risNewsCard__meta{
  display:flex; align-items:center; justify-content:space-between;
  color:#5d6772; font-size:12px; margin-bottom: 8px;
}
.risNewsCard__tag{
  display:inline-flex;
  padding: 6px 10px;
  border-radius:999px;
  background:#f3f6f9;
  color:#0f1419;
  font-weight:900;
  font-size:11px;
}

.risNewsCard__title{
  margin:0 0 8px;
  font-size:16px;
  font-weight:900;
  line-height:1.25;
}
.risNewsCard__title a{ color:#0f1419; text-decoration:none; }
.risNewsCard__desc{ margin:0; color:#5d6772; font-size:13px; line-height:1.5; }

@media (hover:hover){
  .risNewsCard:hover{ transform: translateY(-4px); box-shadow: 0 18px 44px rgba(0,0,0,.12); }
  .risNewsCard:hover img{ transform: scale(1.06); }
}

.risNewsDyn__status{ margin:14px 0 0; color:#5d6772; font-size:13px; }

@media (max-width: 980px){
  .risNewsDyn__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
  .risNewsDyn__grid{ grid-template-columns: 1fr; }
  .risNewsCard__media{ height: 200px; }
}
/* =========================
WORK WITH US — SPLIT SECTION
========================= */

.ris-careersSplit{
  padding:clamp(28px, 4vw, 56px) 0;
  background:#fff;
}

.ris-careersSplit__inner{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  align-items:stretch;
}

/* image */
.ris-careersSplit__media{
  position:relative;
  overflow:hidden;
  border:1px solid #e6eaee;
  min-height:260px;
  background:#0b1220;
}

.ris-careersSplit__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.03);
}

/* subtle overlay for readability if needed */
.ris-careersSplit__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.25));
}

/* body */
.ris-careersSplit__body{
  border:1px solid #e6eaee;
  padding:18px;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.ris-careersSplit__kicker{
  margin:0 0 10px;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#5d6772;
}

.ris-careersSplit__title{
  margin:0 0 10px;
  font-size:clamp(22px, 2.4vw, 32px);
  line-height:1.1;
  color:#0f1419;
}

.ris-careersSplit__sub{
  margin:0 0 16px;
  max-width:56ch;
  color:#5d6772;
  line-height:1.6;
}

/* buttons */
.ris-careersSplit__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px;
}

.ris-btnA,
.ris-btnB{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  padding:0 14px;
  font-weight:800;
  font-size:14px;
  text-decoration:none;
  border:1px solid transparent;
}

.ris-btnA{
  background:#ffb018;
  border-color:#ffb018;
  color:#111;
}

.ris-btnB{
  background:#fff;
  border-color:#0f1419;
  color:#0f1419;
}

.ris-btnA:hover{ filter:brightness(.98); }
.ris-btnB:hover{ background:#f6f8fa; }

/* mini highlights */
.ris-careersSplit__meta{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  border-top:1px solid #e6eaee;
  padding-top:14px;
}

.ris-mini{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}

.ris-mini strong{
  font-size:13px;
  color:#0f1419;
}

.ris-mini span{
  font-size:13px;
  color:#5d6772;
}

/* responsive */
@media (max-width:900px){
  .ris-careersSplit__inner{ grid-template-columns:1fr; }
  .ris-careersSplit__media{ min-height:220px; }
}

@media (max-width:520px){
  .ris-btnA, .ris-btnB{ width:100%; }
}
/* =========================
ATIC VIDEO BACKGROUND
========================= */
.itk-atic--video{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* background media layer */
.itk-atic__media{
  position: absolute;
  inset: 0;
  z-index: 0;
}

.itk-atic__bgVideo{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  filter: brightness(.70) contrast(.95) saturate(.95);
}

/* dark overlay for readability */
.itk-atic__overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(248, 175, 17, 0.348)),
    radial-gradient(900px 420px at 50% 35%, rgba(255,176,24,.18), transparent 55%);
}

/* content above video */
.itk-atic--video .itk-container{
  position: relative;
  z-index: 2;
}

/* OPTIONAL: make cards stand out more on video */
.itk-atic--video .itk-atic__itemTitle{ color:#fff; }
.itk-atic--video .itk-atic__desc{ color: rgba(255,255,255,.80); }
.itk-atic--video .itk-atic__sub{ color: rgba(255,255,255,.82); }
.itk-atic--video .itk-atic__title{ color:#fff; }
/* =========================
ATIC — VIDEO BG + CLICKABLE HOVER CARDS
(works with your existing ATIC styles)
========================= */

.itk-atic--video{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
}

/* background video layer */
.itk-atic__media{
  position:absolute;
  inset:0;
  z-index:0;
}

.itk-atic__bgVideo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.03);
  filter: brightness(.70) contrast(.95) saturate(.95);
}

.itk-atic__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.62)),
    radial-gradient(900px 420px at 50% 35%, rgba(255,176,24,.16), transparent 60%);
}

/* ensure content is above video */
.itk-atic--video .itk-container{
  position:relative;
  z-index:2;
}

/* --- clickable cards --- */
.itk-atic--video .itk-atic__grid{
  position:relative;
  z-index:2;
}

.itk-atic--video .itk-atic__item{
  display:block;
  text-decoration:none;
  cursor:pointer;
  padding: 22px 18px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
  transition:
    transform .28s ease,
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.itk-atic--video .itk-atic__item:hover{
  transform: translateY(-8px);
  background:  rgb(255 193 7 / 54%);
  border-color: rgba(117, 116, 115, 0.4);
  box-shadow:
    0 22px 60px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,176,24,.18);
}

.itk-atic--video .itk-atic__item:active{
  transform: translateY(-3px);
}

/* badge animation */
.itk-atic--video .itk-atic__badge{
  transition: transform .38s cubic-bezier(.2,.9,.2,1);
}

.itk-atic--video .itk-atic__item:hover .itk-atic__badge{
  transform: scale(1.08) rotate(2deg);
}

/* type colors on video */
.itk-atic--video .itk-atic__title{ color:#fff; }
.itk-atic--video .itk-atic__sub{ color: rgba(255,255,255,.82); }
.itk-atic--video .itk-atic__itemTitle{
  color:#fff;
  transition: color .22s ease;
}
.itk-atic--video .itk-atic__desc{ color: rgba(255,255,255,.78); }

/* arrow */
.itk-atic__arrow{
  display:inline-block;
  margin-top: 12px;
  font-weight: 900;
  opacity: .75;
  transform: translateX(0);
  transition: transform .22s ease, opacity .22s ease;
}

.itk-atic__item:hover .itk-atic__arrow{
  transform: translateX(6px);
  opacity: 1;
}

/* keyboard focus */
.itk-atic__item:focus-visible{
  outline: 3px solid rgba(255,176,24,.65);
  outline-offset: 4px;
}

/* optional: reduce motion */
@media (prefers-reduced-motion: reduce){
  .itk-atic__item,
  .itk-atic__badge,
  .itk-atic__arrow{
    transition:none !important;
  }
  .itk-atic__bgVideo{
    transform:none !important;
  }
}
/* Hover dropdown for Location & Contact */
.itk-dd{ position:relative; }
.itk-dd__btn{ cursor:pointer; }

/* open on hover (desktop) */
@media (hover:hover) and (min-width: 980px){
  .itk-dd:hover .itk-dd__menu{
    opacity:1;
    pointer-events:auto;
    transform: translateX(-50%) translateY(0);
  }
  .itk-dd:hover .itk-dd__chev{ transform: translateY(-1px) rotate(180deg); }
}
/* =========================
MOBILE DRAWER ACCORDION
========================= */

.itk-mdd{
  border-top: 1px solid rgba(15,20,25,.10);
}

.itk-mdd__btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 2px;
  background: transparent;
  border: 0;
  color: #0f1419;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.itk-mdd__chev{
  transition: transform .18s ease;
}

.itk-mdd.is-open .itk-mdd__chev{
  transform: rotate(180deg);
}

.itk-mdd__panel{
  max-height: 0;
  overflow: hidden;
  transition: max-height .22s ease;
}

.itk-mdd__group{
  padding: 6px 0 14px;
}

.itk-mdd__h{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(15,20,25,.55);
  margin: 6px 0 8px;
}

.itk-mdd__group a{
  display:block;
  padding: 10px 0;
  text-decoration:none;
  color: #0f1419;
  font-weight: 650;
}

.itk-mdd__group a:active{
  opacity:.7;
}
/* =========================================================
   ULTRA MOBILE FIX PACK (paste at VERY END of style.css)
   Goals:
   - No horizontal scroll on tiny/curved phones
   - Safe padding on notched/curved screens
   - Nav/search/brand never overflow
   - Dropdown panels never go off-screen
   ========================================================= */

/* 1) iPhone/curved-phone safe area + prevent sideways scroll */
:root{
  --safeL: env(safe-area-inset-left, 0px);
  --safeR: env(safe-area-inset-right, 0px);
  --safeT: env(safe-area-inset-top, 0px);
  --safeB: env(safe-area-inset-bottom, 0px);
}

html, body{
  width: 100%;
  overflow-x: hidden;
}

body{
  padding-left: var(--safeL);
  padding-right: var(--safeR);
}

/* 2) Container respects safe areas and tiny screens */
.itk-container{
  max-width: var(--itk-max, 1180px);
  margin: 0 auto;
  padding-left: calc(14px + var(--safeL));
  padding-right: calc(14px + var(--safeR));
}

/* 3) Make hero height responsive on small phones */
.itk-hero{
  height: clamp(520px, 78vh, 640px);
}

/* 4) Utility bar: allow wrap instead of overflow */
.itk-utility{
  padding-left: var(--safeL);
  padding-right: var(--safeR);
}
.itk-utility__left{
  flex-wrap: wrap;
  gap: 12px;
  white-space: normal;
}

/* 5) NAV: prevent overflow, keep everything tappable */
.itk-nav{
  left: 0; right: 0;
}
.itk-nav__inner{
  min-height: 82px;
  height: auto;
  padding-top: calc(0px + var(--safeT));
  flex-wrap: nowrap;
  align-items: center;
}

/* Brand can shrink without breaking */
.itk-brand{
  min-width: 0 !important;
  max-width: 56vw;
}
.itk-brand__logoWrap{
  height: 44px;
}
.itk-brand__logo-img{
  max-width: 100%;
  height: 100%;
}

/* 6) Search pill: shrink properly and never push items off screen */
.itk-search{
  width: min(320px, 46vw);
  min-width: 120px;
  padding: 8px 12px;
}
.itk-search input{
  min-width: 0; /* critical for flex shrink */
  font-size: 14px;
}

/* 7) Mobile menu button always visible and not tiny */
.itk-menu{
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 14px;
}

/* 8) Dropdown panel: center and fit within viewport always */
.itk-dd__menu{
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) translateY(10px);
  width: min(520px, calc(100vw - 24px - var(--safeL) - var(--safeR)));
  max-width: calc(100vw - 24px - var(--safeL) - var(--safeR));
  border-radius: 16px;
  overflow: hidden;
}
.itk-dd.is-open .itk-dd__menu{
  transform: translateX(-50%) translateY(0);
}

/* 9) Mobile drawer: respect safe areas + better bottom spacing */
.itk-mobile{
  padding-left: calc(16px + var(--safeL));
  padding-right: calc(16px + var(--safeR));
  padding-bottom: calc(16px + var(--safeB));
  width: min(92vw, 380px);
}

/* 10) Forms/buttons: bigger tap targets on tiny screens */
button, a, input, select, textarea{
  -webkit-tap-highlight-color: transparent;
}
.itk-cta, .cta-button, .itk-mobile__btn{
  min-height: 46px;
}

/* 11) Breakpoints for VERY small screens (curved phones / older Android) */
@media (max-width: 420px){
  .itk-search{ display: none; } /* most reliable: don’t crush nav */
  .itk-brand{ max-width: 70vw; }
  .itk-brand__logoWrap{ height: 40px; }

  .itk-hero__contentInner{
    padding: 92px 12px 44px;
  }
  .itk-hero__contentInner h1{
    font-size: clamp(30px, 8.5vw, 44px);
  }
  .itk-hero__contentInner p{
    font-size: 14px;
  }
}

/* 12) Super tiny devices (320px width) */
@media (max-width: 360px){
  .itk-utility{ height: auto; }
  .itk-utility__inner{ height: auto; padding: 8px 0; }
  .itk-menu{ width: 42px; height: 42px; }
}

/* 13) Ensure grids don’t force overflow */
.itk-expertiseGrid,
.itk-atic__grid,
.risNewsDyn__grid,
.risSvcGrid__grid,
.risChemVids__grid{
  min-width: 0;
}