/* ==========================================================================
   IncepBio — Automation Page · 2026 Premium Redesign v2
   Header & footer styles are untouched (owned by header.css / footer.css).
   Everything below scopes to the "a26-" prefix to avoid collisions.
   Brand: navy #004D88 (structure) · teal #009C8D (dominant) · amber (challenge)
   Signature: "The Bridge" — glass challenge/solution bento with connecting spine
   ========================================================================== */

:root{
  --navy:#004D88;
  --navy-deep:#00203A;
  --teal:#009C8D;
  --teal-bright:#00E6C8;
  --teal-deep:#00655C;
  --teal-mist:#EAF8F6;
  --teal-mist-2:#F5FBFA;
  --ink:#08192B;
  --slate:#54677A;
  --slate-soft:#8CA0AC;
  --line:rgba(0,77,136,0.10);
  --line-strong:rgba(0,77,136,0.18);
  --white:#FFFFFF;
  --challenge:#C4501A;
  --challenge-deep:#9C3C12;
  --challenge-mist:#FFF2E9;
  --glass-bg:rgba(255,255,255,0.6);
  --glass-border:rgba(255,255,255,0.55);
  --radius-xl:32px;
  --radius-lg:26px;
  --radius-md:20px;
  --radius-sm:14px;
  --shadow-soft:0 10px 40px -14px rgba(0,32,58,0.16);
  --shadow-strong:0 30px 70px -20px rgba(0,32,58,0.28);
  --shadow-glow:0 0 0 1px rgba(0,156,141,0.12), 0 20px 60px -20px rgba(0,156,141,0.35);
  --ff-display:'Plus Jakarta Sans', sans-serif;
  --ff-accent:'Lora', serif;
}

*{ box-sizing:border-box; }

.a26-container{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 24px;
}

section.a26-hero,
section.a26-section{ font-family:var(--ff-display); color:var(--ink); }

section.a26-section{
  position:relative;
  padding:104px 0;
  background:var(--white);
  overflow:hidden;
}
section.a26-section--soft{ background:linear-gradient(180deg,var(--teal-mist-2) 0%, var(--white) 100%); }
section.a26-section--outcomes{
  background: linear-gradient(180deg, #ffffff 0%, var(--teal-mist-2) 100%);
  color:var(--navy);
}
section.a26-section--tight{ padding:64px 0; }
section.a26-section--challenge{
  background:
    radial-gradient(circle at 12% 0%, rgba(0,156,141,0.08), transparent 45%),
    var(--teal-mist-2);
  padding:88px 0 104px;
}

.a26-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--teal-deep);
  margin-bottom:16px;
}
.a26-eyebrow::before{
  content:"";
  width:24px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--teal),var(--navy));
}
.a26-eyebrow--light{ color:var(--teal-bright); }
.a26-eyebrow--light::before{ background:linear-gradient(90deg,var(--teal-bright),#fff); }
.a26-eyebrow--warm{ color:var(--challenge-deep); }
.a26-eyebrow--warm::before{ background:linear-gradient(90deg,var(--challenge),var(--navy)); }

.a26-h2{
  font-size:clamp(28px,3.6vw,44px);
  line-height:1.14;
  font-weight:800;
  letter-spacing:-0.01em;
  margin:0 0 14px;
  color:var(--ink);
}
.a26-h2 em{
  font-family:var(--ff-accent);
  font-style:italic;
  font-weight:600;
  background:linear-gradient(100deg,var(--teal) 0%,var(--teal-bright) 55%,var(--navy) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.a26-h2--light{ color:#fff; }
.a26-h2--light em{ background:linear-gradient(100deg,var(--teal-bright) 0%,#fff 70%); -webkit-background-clip:text; background-clip:text; color:transparent; }

.a26-head{ margin-bottom:52px; }
.a26-head p{ font-size:16px; color:var(--slate); max-width:560px; line-height:1.65; margin:0; }
.a26-head--center{ text-align:center; }
.a26-head--center p{ margin:0 auto; }
.a26-head--split{ display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.a26-head__desc{ font-size:16px; color:var(--slate); max-width:380px; line-height:1.6; padding-bottom:4px; }
.a26-section--outcomes .a26-head p{ color:var(--slate); }

/* Buttons ---------------------------------------------------------------- */
.a26-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:15px 28px;
  border-radius:999px;
  font-weight:700;
  font-size:14.5px;
  text-decoration:none;
  border:none;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
  white-space:nowrap;
}
.a26-btn--primary{
  color:#fff;
  background:linear-gradient(120deg,var(--teal) 0%,var(--teal-deep) 100%);
  box-shadow:0 16px 34px -12px rgba(0,120,109,0.55);
}
.a26-btn--primary:hover{ transform:translateY(-2px); box-shadow:0 20px 40px -12px rgba(0,120,109,0.65); }
.a26-btn--ghost{
  color:var(--ink);
  background:rgba(255,255,255,.7);
  border:1.5px solid var(--line-strong);
  backdrop-filter:blur(8px);
}
.a26-btn--ghost:hover{ border-color:var(--teal); color:var(--teal-deep); transform:translateY(-2px); }
.a26-btn--white{ background:#fff; color:var(--teal-deep); }
.a26-btn--white:hover{ transform:translateY(-2px); }
.a26-btn--outline-white{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.55); }
.a26-btn--outline-white:hover{ background:rgba(255,255,255,.12); transform:translateY(-2px); }

/* ==========================================================================
   HERO — thesis statement, single column, no clutter
   ========================================================================== */
.a26-hero{
  position:relative;
  font-family:var(--ff-display);
  padding:132px 0 88px;
  background: #FFFFFF;
  overflow:hidden;
}
.a26-hero__field{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.a26-hero__grid{
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(0,77,136,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,77,136,0.045) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 90%);
}
.a26-hero__glow{ position:absolute; border-radius:50%; filter:blur(80px); opacity:.5; }
.a26-hero__glow--1{ display:none; }
.a26-hero__glow--2{ display:none; }

.a26-hero__wrap{ position:relative; z-index:1; }

.a26-hero__layout {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 50px;
  align-items: center;
}

.a26-hero__intro{ max-width:760px; }
.a26-hero__badge{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.75);
  border:1px solid var(--line-strong);
  backdrop-filter:blur(10px);
  padding:8px 16px 8px 8px;
  border-radius:999px;
  font-size:12.5px; font-weight:700; color:var(--teal-deep);
  margin-bottom:24px;
  box-shadow:var(--shadow-soft);
}
.a26-hero__badge span.dot{
  width:22px; height:22px; border-radius:50%;
  background:linear-gradient(135deg,var(--teal),var(--navy));
  display:inline-flex; align-items:center; justify-content:center;
}
.a26-hero__badge span.dot svg{ width:12px; height:12px; stroke:#fff; fill:none; stroke-width:2.4; }

.a26-hero__title{
  font-size:clamp(36px,5.6vw,64px);
  font-weight:800;
  line-height:1.06;
  letter-spacing:-0.02em;
  margin:0 0 22px;
  background: linear-gradient(135deg, #002347 0%, #009C8D 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.a26-hero__title em{
  font-family:var(--ff-accent); font-style:italic; font-weight:600;
  background:linear-gradient(100deg,var(--teal),var(--teal-bright) 60%, var(--navy));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.a26-hero__desc{ font-size:18px; line-height:1.7; color:var(--slate); max-width:620px; margin:0 0 36px; }
.a26-hero__cta{ display:flex; flex-wrap:wrap; gap:14px; }

.a26-hero__image-wrap {
  position: relative;
  border-radius: 20px;
  overflow: visible;
}
.a26-hero__image-wrap::before {
  content: '';
  position: absolute;
  inset: -15px;
  border: 2px solid rgba(0, 156, 141, 0.3);
  border-radius: 24px;
  z-index: 0;
}
.a26-hero__image {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 30px 60px rgba(0,35,71,0.15);
  position: relative;
  z-index: 1;
  display: block;
  object-fit: cover;
}


/* Hero proof strip — replaces the old right-side challenge panel */
.a26-hero__proof{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(2,1fr);
  gap:14px;
  max-width:920px; margin:40px 0 0;
}
.a26-proof{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(14px);
  border-radius:var(--radius-md);
  padding:20px 20px;
  display:flex; align-items:center; gap:14px;
  box-shadow:var(--shadow-soft);
  transition:transform .3s ease, box-shadow .3s ease;
}
.a26-proof:hover{ transform:translateY(-3px); box-shadow:var(--shadow-glow); }
.a26-proof__icon{
  flex:none; width:44px; height:44px; border-radius:13px;
  background:linear-gradient(135deg,var(--teal-mist),#fff);
  color:var(--teal-deep);
  display:flex; align-items:center; justify-content:center;
}
.a26-proof__icon svg{ width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; }
.a26-proof__num{ font-size:20px; font-weight:800; color:var(--ink); line-height:1.1; }
.a26-proof__label{ font-size:12.5px; color:var(--slate); font-weight:600; line-height:1.3; }

/* Ticker */
.a26-ticker{
  position:relative; z-index:1;
  overflow:hidden;
  background:linear-gradient(90deg,var(--navy-deep),var(--teal-deep) 60%, var(--teal));
  padding:16px 0;
  margin-top:72px;
}
.a26-ticker__track{
  display:flex; gap:40px; width:max-content;
  animation:a26-scroll 28s linear infinite;
}
.a26-ticker__track span{
  color:#fff; font-weight:700; font-size:13.5px; letter-spacing:.04em;
  text-transform:uppercase; opacity:.92; white-space:nowrap;
  display:inline-flex; align-items:center; gap:10px;
}
.a26-ticker__track span::before{ content:""; width:5px; height:5px; border-radius:50%; background:var(--teal-bright); }
@keyframes a26-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

@media(min-width:720px){
  .a26-hero__proof{ grid-template-columns:repeat(4,1fr); }
}

/* ==========================================================================
   INDUSTRY CHALLENGE — signature "Bridge" section (moved out of hero)
   ========================================================================== */
.a26-bridge{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
.a26-bridge__col{
  display:flex; flex-direction:column; gap:14px;
}
.a26-bridge__col-head{
  display:flex; align-items:center; gap:10px;
  margin-bottom:6px;
}
.a26-bridge__col-head h3{
  font-size:13px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; margin:0;
}
.a26-bridge__col--old .a26-bridge__col-head h3{ color:var(--challenge-deep); }
.a26-bridge__col--new .a26-bridge__col-head h3{ color:var(--teal-deep); }
.a26-bridge__col-head .dot{ width:9px; height:9px; border-radius:50%; }
.a26-bridge__col--old .dot{ background:var(--challenge); }
.a26-bridge__col--new .dot{ background:var(--teal); }

.a26-bridge__card{
  position:relative;
  display:flex; align-items:center; gap:14px;
  padding:18px 20px;
  border-radius:var(--radius-sm);
  backdrop-filter:blur(12px);
  transition:transform .3s ease, box-shadow .3s ease;
}
.a26-bridge__card:hover{ transform:translateX(4px); }
.a26-bridge__col--old .a26-bridge__card{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(196,80,26,0.18);
}
.a26-bridge__col--new .a26-bridge__card{
  background:linear-gradient(120deg,rgba(255,255,255,.85),rgba(234,248,246,.85));
  border:1px solid rgba(0,156,141,0.22);
  box-shadow:var(--shadow-soft);
}
.a26-bridge__col--new .a26-bridge__card:hover{ box-shadow:var(--shadow-glow); }
.a26-bridge__badge{
  flex:none; width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:900; color:#fff;
}
.a26-bridge__col--old .a26-bridge__badge{ background:linear-gradient(135deg,var(--challenge),var(--challenge-deep)); }
.a26-bridge__col--new .a26-bridge__badge{ background:linear-gradient(135deg,var(--teal),var(--teal-deep)); }
.a26-bridge__badge svg{ width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2.6; }
.a26-bridge__text{ font-size:14.5px; font-weight:700; color:var(--ink); line-height:1.35; }
.a26-bridge__col--old .a26-bridge__text{ color:#5c3320; }

.a26-bridge__spine{
  display:flex; align-items:center; justify-content:center;
  padding:28px 0;
  position:relative;
}
.a26-bridge__spine-line{
  width:2px; height:100%; min-height:36px;
  background:linear-gradient(180deg,var(--challenge),var(--teal));
  opacity:.35;
}
.a26-bridge__spine-icon{
  flex:none;
  width:52px; height:52px; border-radius:50%;
  background:#fff;
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow-soft);
  display:flex; align-items:center; justify-content:center;
  color:var(--teal-deep);
}
.a26-bridge__spine-icon svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; }

@media(min-width:960px){
  .a26-bridge{ grid-template-columns:1fr 84px 1fr; align-items:stretch; }
  .a26-bridge__spine{ flex-direction:column; padding:0; }
  .a26-bridge__spine-line{ width:2px; flex:1; height:auto; }
}

/* ==========================================================================
   Automation Advantage — chip strip
   ========================================================================== */
.a26-adv-grid{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.a26-adv-chip{
  display:inline-flex; align-items:center; gap:10px;
  background:rgba(255,255,255,.7); border:1px solid var(--line);
  backdrop-filter:blur(10px);
  padding:13px 20px; border-radius:999px;
  font-size:14px; font-weight:700; color:var(--ink);
  box-shadow:var(--shadow-soft);
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}
.a26-adv-chip:hover{ transform:translateY(-3px); border-color:rgba(0,156,141,0.4); background:#fff; }
.a26-adv-chip .a26-check{
  width:18px; height:18px; border-radius:50%;
  background:linear-gradient(135deg,var(--teal),var(--teal-deep));
  display:inline-flex; align-items:center; justify-content:center; flex:none;
}
.a26-adv-chip .a26-check svg{ width:10px; height:10px; stroke:#fff; fill:none; stroke-width:3; }

/* ==========================================================================
   Industries We Empower — bento
   ========================================================================== */
.a26-bento{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.a26-bento__hero{
  grid-column:1 / -1;
  position:relative;
  border-radius:var(--radius-xl);
  overflow:hidden;
  min-height:240px;
  box-shadow:var(--shadow-strong);
}
.a26-bento__hero img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.a26-bento__hero:hover img{ transform:scale(1.04); }
.a26-bento__hero::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,32,58,0.55) 0%, transparent 45%);
}
.a26-bento__hero-tag{
  position:absolute; left:22px; bottom:22px; z-index:1;
  background:rgba(255,255,255,.16);
  backdrop-filter:blur(10px);
  color:#fff; font-weight:700; font-size:13px;
  padding:10px 18px; border-radius:999px;
  border:1px solid rgba(255,255,255,.3);
}
.a26-bento__tile{
  background:rgba(255,255,255,.72);
  border:1px solid var(--line);
  backdrop-filter:blur(10px);
  border-radius:var(--radius-md);
  padding:26px 20px;
  display:flex; flex-direction:column; gap:16px;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.a26-bento__tile:hover{ transform:translateY(-5px); box-shadow:var(--shadow-soft); border-color:rgba(0,156,141,0.35); }
.a26-bento__tile--accent{ background:linear-gradient(135deg,var(--teal),var(--teal-deep)); color:#fff; border-color:transparent; }
.a26-bento__tile--accent .a26-bento__icon{ background:rgba(255,255,255,.18); color:#fff; }
.a26-bento__icon{
  width:46px; height:46px; border-radius:13px;
  background:var(--teal-mist); color:var(--teal-deep);
  display:flex; align-items:center; justify-content:center;
}
.a26-bento__icon svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; }
.a26-bento__tile span{ font-weight:700; font-size:15px; }

@media(min-width:720px){
  .a26-bento{ grid-template-columns:repeat(4,1fr); }
  .a26-bento__hero{ grid-column:span 4; }
}
@media(min-width:1080px){
  .a26-bento{ grid-template-columns:repeat(6,1fr); }
  .a26-bento__hero{ grid-column:span 2; grid-row:span 2; min-height:100%; }
  .a26-bento__tile{ grid-column:span 2; }
}

/* ==========================================================================
   Automation Approach — stepper
   ========================================================================== */
.a26-stepper{ position:relative; display:grid; grid-template-columns:1fr; gap:24px; }
.a26-stepper__line{ display:none; } /* Removed line for wrapped layout */
.a26-step{
  position:relative;
  background:#ffffff;
  border:1px solid rgba(0, 156, 141, 0.15);
  border-radius:var(--radius-lg);
  padding:40px 32px;
  transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease;
  overflow:hidden;
  z-index: 1;
}
.a26-step::before{
  content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px;
  background: linear-gradient(90deg, var(--teal), var(--navy));
  transform: scaleX(0); transform-origin: left;
  transition: transform .4s ease;
}
.a26-step:hover::before { transform: scaleX(1); }
.a26-step:hover{ transform:translateY(-8px); box-shadow: 0 25px 50px rgba(0, 35, 71, 0.1); border-color: rgba(0, 156, 141, 0.4); }
.a26-step__num{
  position:absolute; top:-10px; right:10px;
  font-family:var(--ff-accent); font-style:italic; font-weight:800;
  font-size:80px; color:var(--navy); opacity: 0.05;
  transition: opacity .4s ease, transform .4s ease;
}
.a26-step:hover .a26-step__num { opacity: 0.1; transform: scale(1.1); }
.a26-step__icon{
  position: relative; z-index: 2;
  width:56px; height:56px; border-radius:16px;
  background:linear-gradient(135deg, rgba(0, 156, 141, 0.1), rgba(0, 156, 141, 0.02));
  color:var(--teal-deep);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:24px;
  transition: transform .4s ease;
}
.a26-step:hover .a26-step__icon { transform: scale(1.1) rotate(5deg); background:linear-gradient(135deg, var(--teal), var(--teal-bright)); color: #fff; }
.a26-step__icon svg{ width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:2; }
.a26-step h3{ position: relative; z-index: 2; font-size:22px; font-weight:800; margin:0 0 12px; color:var(--navy); }
.a26-step p{ position: relative; z-index: 2; font-size:16px; color:var(--slate); line-height:1.6; margin:0; font-weight: 500; }

@media(min-width:720px){ .a26-stepper{ grid-template-columns:repeat(2,1fr); gap: 30px; } }
@media(min-width:1080px){
  .a26-stepper{ grid-template-columns:repeat(3,1fr); gap: 30px; }
}

/* ==========================================================================
   Services — full-content premium cards
   ========================================================================== */
.a26-svc-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.a26-svc-card{
  position:relative;
  background:#ffffff;
  border:1px solid rgba(0, 156, 141, 0.15);
  border-radius:var(--radius-xl);
  padding:40px 32px;
  transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow .4s ease, border-color .4s ease;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,35,71,0.03);
}
.a26-svc-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,var(--teal),var(--navy));
  transform:scaleX(0); transform-origin:left;
  transition:transform .4s ease;
}
.a26-svc-card:hover::before{ transform:scaleX(1); }
.a26-svc-card:hover{ transform:translateY(-8px); box-shadow:0 25px 50px rgba(0,35,71,0.1); border-color:rgba(0,156,141,0.4); }
.a26-svc-card__head{ display:flex; gap:20px; align-items:flex-start; margin-bottom:28px; }
.a26-svc-card__head h3{ font-size:22px; font-weight:800; color:var(--navy); margin:0 0 8px; line-height:1.3; }
.a26-svc-card__sub{ font-size:15px; color:var(--slate); line-height:1.5; }
.a26-svc-card__icon{
  flex:none; width:56px; height:56px; border-radius:16px;
  background:linear-gradient(135deg,var(--teal),var(--navy));
  color:#ffffff;
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 10px 20px rgba(0, 156, 141, 0.2);
}
.a26-svc-card__icon svg{ width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:2; }
.a26-svc-card__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.a26-svc-card__list li{
  font-size:15px; font-weight:600; color:var(--ink);
  padding-left:26px; position:relative; line-height:1.5;
  transition: color .3s ease;
}
.a26-svc-card:hover .a26-svc-card__list li{ color: var(--navy); }
.a26-svc-card__list li::before{
  content:""; position:absolute; left:0; top:6px; width:8px; height:8px; border-radius:50%;
  background:linear-gradient(135deg, var(--teal), var(--navy));
  box-shadow: 0 0 8px rgba(0, 156, 141, 0.3);
}
.a26-svc-card__list--wide{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px 22px; }

@media(min-width:720px){ .a26-svc-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1080px){
  .a26-svc-grid{ grid-template-columns:repeat(3,1fr); }
  .a26-svc-card--wide{ 
    grid-column:span 3; 
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
  }
  .a26-svc-card--wide .a26-svc-card__content { flex: 1; max-width: 700px; }
  .a26-svc-card--wide .a26-svc-card__list--wide{ max-width:100%; }
  
  .a26-svc-card__image {
    display: block;
    width: 320px;
    height: 220px;
    border-radius: 16px;
    overflow: hidden;
    flex: none;
    box-shadow: 0 15px 30px rgba(0,35,71,0.1);
  }
  .a26-svc-card__image img {
    width: 100%; height: 100%; object-fit: cover; display: block;
  }
}
@media(max-width:1079px){
  .a26-svc-card__image { display: none; }
}

/* Industries served — full-text cards ----------------------------------- */
.a26-serve2-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
.a26-serve2{
  position:relative;
  background:rgba(255,255,255,.78);
  border:1px solid var(--line);
  backdrop-filter:blur(10px);
  border-radius:var(--radius-md);
  padding:26px 24px 24px;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.a26-serve2::before{
  content:attr(data-index);
  position:absolute; top:18px; right:22px;
  font-family:var(--ff-accent); font-style:italic; font-weight:600;
  font-size:24px; color:rgba(0,77,136,0.13);
}
.a26-serve2:hover{ transform:translateY(-5px); box-shadow:var(--shadow-soft); border-color:rgba(0,156,141,0.3); }
.a26-serve2 h3{ font-size:16px; font-weight:800; color:var(--ink); margin:0 0 10px; padding-right:34px; }
.a26-serve2 p{ font-size:13.5px; color:var(--slate); line-height:1.6; margin:0; }

@media(min-width:720px){ .a26-serve2-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1080px){ .a26-serve2-grid{ grid-template-columns:repeat(3,1fr); } }

/* ==========================================================================
   Automation Platforms — bento
   ========================================================================== */
.a26-platform-bento{ display:grid; grid-template-columns:1fr; gap:16px; }
.a26-platform-bento__img{
  position:relative; border-radius:var(--radius-xl); overflow:hidden;
  min-height:240px; box-shadow:var(--shadow-strong);
}
.a26-platform-bento__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.a26-platform-bento__img::after{ content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,32,58,0.5) 0%, transparent 42%); }
.a26-platform-bento__tag{
  position:absolute; left:22px; bottom:22px; z-index:1;
  background:rgba(255,255,255,.16); backdrop-filter:blur(10px);
  color:#fff; font-weight:700; font-size:13px;
  padding:10px 18px; border-radius:999px;
  border:1px solid rgba(255,255,255,.3);
}
.a26-platform-bento__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.a26-platform-card{
  background:rgba(255,255,255,.78); border:1px solid var(--line);
  backdrop-filter:blur(10px);
  border-radius:var(--radius-md);
  padding:24px; transition:transform .3s ease, box-shadow .3s ease;
}
.a26-platform-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-soft); }
.a26-platform-card__icon{
  width:42px; height:42px; border-radius:12px; margin-bottom:12px;
  background:var(--teal-mist); color:var(--teal-deep);
  display:flex; align-items:center; justify-content:center;
}
.a26-platform-card__icon svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.a26-platform-card h3{ font-size:15.5px; font-weight:800; margin:0 0 6px; color:var(--ink); }
.a26-platform-card p{ font-size:13px; color:var(--slate); margin:0; line-height:1.45; }

@media(min-width:960px){ .a26-platform-bento{ grid-template-columns:1.1fr 1fr; align-items:stretch; } }

/* ==========================================================================
   Why Incepbio — asymmetric bento
   ========================================================================== */
.a26-why-bento{ display:grid; grid-template-columns:1fr; gap:16px; }
.a26-why-bento__img{ position:relative; border-radius:var(--radius-md); overflow:hidden; min-height:210px; }
.a26-why-bento__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.a26-why-bento__img::after{ content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,32,58,0.55) 0%, transparent 50%); }
.a26-why-bento__img span{
  position:absolute; left:16px; bottom:16px; z-index:1;
  background:rgba(255,255,255,.16); backdrop-filter:blur(10px);
  color:#fff; font-weight:700; font-size:12.5px;
  padding:9px 15px; border-radius:999px;
  border:1px solid rgba(255,255,255,.3);
}
.a26-why-card{
  background:rgba(255,255,255,.78); border:1px solid var(--line);
  backdrop-filter:blur(10px);
  border-radius:var(--radius-md);
  padding:24px; transition:transform .3s ease, box-shadow .3s ease;
}
.a26-why-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-soft); }
.a26-why-card__icon{
  width:40px; height:40px; border-radius:12px; margin-bottom:12px;
  background:var(--teal-mist); color:var(--teal-deep);
  display:flex; align-items:center; justify-content:center;
}
.a26-why-card__icon svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; }
.a26-why-card h3{ font-size:15.5px; font-weight:800; margin:0 0 6px; color:var(--ink); }
.a26-why-card p{ font-size:13px; color:var(--slate); margin:0; line-height:1.5; }

@media(min-width:720px){ .a26-why-bento{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1080px){
  .a26-why-bento{ grid-template-columns:repeat(4,1fr); grid-auto-rows:190px; }
  .a26-why-bento__img--1{ grid-column:1 / span 2; grid-row:1 / span 2; }
  .a26-why-bento__img--2{ grid-column:4; grid-row:2; }
}

/* ==========================================================================
   Business Outcomes — dark infographic tag cloud
   ========================================================================== */
.a26-outcomes-grid{ display:grid; grid-template-columns:1fr; gap:40px; align-items:center; }
.a26-outcomes-visual{ position:relative; border-radius:var(--radius-xl); overflow:hidden; min-height:250px; box-shadow:var(--shadow-strong); }
.a26-outcomes-visual img{ width:100%; height:100%; object-fit:cover; display:block; }
.a26-outcomes-visual::after{ content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,20,36,.6), transparent 50%); }
.a26-outcomes-visual__tag{
  position:absolute; left:20px; bottom:20px; z-index:1;
  background:rgba(255,255,255,.14); backdrop-filter:blur(10px);
  color:#fff; font-weight:700; font-size:12.5px;
  padding:9px 15px; border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
}
.a26-outcomes-list { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:32px; }
.a26-outcomes-list__item {
  display:flex; align-items:center; gap:12px;
  font-size:15px; font-weight:600; color:var(--navy);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 156, 141, 0.2);
  padding: 12px 16px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 35, 71, 0.03);
  transition: transform .3s ease, border-color .3s ease;
}
.a26-outcomes-list__item:hover {
  transform: translateY(-2px); border-color: var(--teal);
}
.a26-outcomes-list__item svg {
  flex:none; width:20px; height:20px; color:var(--teal);
}

@media(max-width: 640px) {
  .a26-outcomes-list { grid-template-columns: 1fr; }
}

@media(min-width:960px){ .a26-outcomes-grid{ grid-template-columns:0.85fr 1.15fr; } }

/* ==========================================================================
   FAQ
   ========================================================================== */
.a26-faq{ display:grid; grid-template-columns:1fr; gap:44px; align-items:start; }
.a26-accordion{ margin-top:28px; display:flex; flex-direction:column; gap:12px; }
.a26-accordion__item{
  background:rgba(255,255,255,.78); border:1px solid var(--line); border-radius:18px;
  backdrop-filter:blur(10px);
  overflow:hidden;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.a26-accordion__item.is-open{ border-color:rgba(0,156,141,0.3); box-shadow:var(--shadow-soft); }
.a26-accordion__q{
  width:100%; text-align:left; background:none; border:0; cursor:pointer;
  padding:19px 22px; font-size:15px; font-weight:700; color:var(--ink);
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  font-family:inherit;
}
.a26-accordion__icon{
  flex:none; width:24px; height:24px; border-radius:50%;
  background:var(--teal-mist); position:relative;
}
.a26-accordion__icon::before, .a26-accordion__icon::after{
  content:""; position:absolute; background:var(--teal-deep);
  top:50%; left:50%; transform:translate(-50%,-50%);
  border-radius:2px;
}
.a26-accordion__icon::before{ width:10px; height:2px; }
.a26-accordion__icon::after{ width:2px; height:10px; transition:opacity .25s ease; }
.a26-accordion__item.is-open .a26-accordion__icon::after{ opacity:0; }
.a26-accordion__a{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
.a26-accordion__item.is-open .a26-accordion__a{ max-height:220px; }
.a26-accordion__a p{ margin:0; padding:0 22px 20px; font-size:14px; color:var(--slate); line-height:1.6; }

.a26-faq__right{ border-radius:var(--radius-xl); overflow:hidden; min-height:280px; box-shadow:var(--shadow-strong); position:relative; }
.a26-faq__right img{ width:100%; height:100%; object-fit:cover; display:block; }

@media(min-width:960px){ .a26-faq{ grid-template-columns:1.15fr 0.85fr; } }

/* ==========================================================================
   CTA
   ========================================================================== */
.a26-cta{
  position:relative; overflow:hidden;
  background:linear-gradient(125deg,var(--navy-deep) 0%, var(--teal-deep) 55%, var(--teal) 100%);
  border-radius:var(--radius-xl);
  padding:64px 32px;
  text-align:center;
  color:#fff;
}
.a26-cta::before{
  content:""; position:absolute; width:360px; height:360px; border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);
  top:-150px; right:-110px;
}
.a26-cta::after{
  content:""; position:absolute; width:280px; height:280px; border-radius:50%;
  background:radial-gradient(circle,rgba(0,230,200,.22),transparent 70%);
  bottom:-120px; left:-90px;
}
.a26-cta h2{ font-size:clamp(24px,3.4vw,36px); font-weight:800; margin:0 0 14px; position:relative; }
.a26-cta p{ font-size:15.5px; line-height:1.65; opacity:.92; max-width:640px; margin:0 auto 32px; position:relative; }
.a26-cta__btns{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-bottom:28px; position:relative; }
.a26-cta__contact{ display:flex; flex-wrap:wrap; gap:26px; justify-content:center; position:relative; }
.a26-cta__contact a{ display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:700; font-size:14px; text-decoration:none; opacity:.9; }
.a26-cta__contact a svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }
.a26-cta__contact a:hover{ opacity:1; text-decoration:underline; }

/* ==========================================================================
   Scroll reveal
   ========================================================================== */
[data-reveal]{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
[data-reveal].is-visible{ opacity:1; transform:translateY(0); }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media(max-width:960px){
  .a26-bridge__spine{ transform:rotate(90deg); padding:6px 0; }
}
@media(max-width:768px){
  section.a26-section{ padding:72px 0; }
  section.a26-section--tight{ padding:48px 0; }
  .a26-hero{ padding:104px 0 64px; }
  .a26-hero__proof{ grid-template-columns:1fr 1fr; }
  .a26-serve2-grid{ gap:14px; }
}
@media(max-width:640px){
  section.a26-section{ padding:60px 0; }
  .a26-hero{ padding-top:92px; }
  .a26-hero__layout { grid-template-columns: 1fr; gap: 40px; }
  .a26-hero__intro { text-align: center; margin: 0 auto; }
  .a26-hero__desc { margin: 0 auto 36px auto; }
  .a26-hero__cta { justify-content: center; }
  .a26-hero__proof{ grid-template-columns:1fr; margin-top: 24px; }
  .a26-hero__image-wrap::before { display: none; }
  .a26-outcomes-list { grid-template-columns: 1fr; }
  .a26-cta{ padding:44px 20px; }
  .a26-cta__contact{ flex-direction:column; gap:14px; }
  .a26-svc-card__list--wide{ grid-template-columns:1fr; }
  .a26-bridge__spine{ padding:2px 0; }
  .a26-bridge__spine-line{ min-height:24px; }
}

/* =========================================================
   GLOBAL RESPONSIVE AUDIT FIXES (MOBILE & TABLET)
========================================================= */

@media (max-width: 1200px) {
  .auto-container {
    max-width: 95%;
    padding: 0 20px;
  }
}

@media (max-width: 992px) {
  .auto-hero__title {
    font-size: clamp(32px, 5vw, 42px) !important;
  }
  .auto-hero__subtitle {
    font-size: 16px !important;
    max-width: 100% !important;
  }
  
  /* Fix Grid Overflows */
  .auto-services__grid,
  .auto-solutions__grid,
  .auto-whyus__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 768px) {
  .auto-section {
    padding: 60px 0 !important;
  }
  
  .auto-heading {
    font-size: clamp(24px, 6vw, 32px) !important;
    line-height: 1.3 !important;
  }
  
  /* Make all grids 1 column */
  .auto-services__grid,
  .auto-solutions__grid,
  .auto-whyus__grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  
  /* Feature cards & Icons */
  .auto-feat-card {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
  
  /* CTA Box */
  .auto-cta-box {
    flex-direction: column !important;
    text-align: center !important;
    padding: 30px 20px !important;
  }
  .auto-cta-box__actions {
    flex-direction: column !important;
    width: 100% !important;
  }
  .auto-cta-box__actions .auto-btn {
    width: 100% !important;
    justify-content: center !important;
  }
  
  /* Fix images to never stretch */
  
}

@media (max-width: 480px) {
  .auto-section {
    padding: 40px 0 !important;
  }
  .auto-heading {
    font-size: 24px !important;
  }
}