:root{
  --abt-red:#ef3d6d;
  --abt-red-deep:#d82159;
  --abt-navy:#0f2340;
  --abt-navy-soft:#1d3c67;
  --abt-cyan:#8fd8ff;
  --abt-mint:#dff8f6;
  --abt-sky:#eef8ff;
  --abt-paper:#f9fcff;
  --abt-white:#ffffff;
  --abt-ink:#10243f;
  --abt-muted:#52657f;
  --abt-line:rgba(16,36,63,.1);
  --abt-shadow:0 28px 90px rgba(22,52,92,.12);
  --abt-radius:32px;
  --font-body:"Instrument Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:"Sora",var(--font-body);
}

html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  color:var(--abt-ink);
  background:
    radial-gradient(circle at top left,rgba(239,61,109,.08),transparent 22%),
    radial-gradient(circle at top right,rgba(143,216,255,.24),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f4fbff 42%,#ffffff 100%);
  overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-title{
  font-family:var(--font-display);
  color:var(--abt-navy);
  letter-spacing:-.045em;
}

.clinical-nav{
  padding:16px 0;
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(16,36,63,.07);
}

.navbar-brand img{height:54px}
.navbar .container{align-items:center}
.navbar .nav-link{
  color:var(--abt-navy)!important;
  font-weight:700;
  padding:.85rem 1rem!important;
}
.nav-link:hover,.nav-link.active{color:var(--abt-red-deep)!important}
.navbar-toggler{
  border:1px solid rgba(16,36,63,.12)!important;
  border-radius:18px;
  padding:.55rem .7rem;
}
.navbar-toggler:focus{box-shadow:none}
.dropdown-menu{
  border:1px solid rgba(16,36,63,.06);
  border-radius:22px;
  padding:12px;
  box-shadow:0 20px 65px rgba(16,36,63,.14);
}
.dropdown-item{
  border-radius:14px;
  font-weight:600;
  padding:10px 14px;
}
.dropdown-item:hover{background:rgba(239,61,109,.08)}

.btn-abt{
  background:linear-gradient(135deg,var(--abt-red),#ff5d8c);
  border:0;
  color:#fff!important;
  border-radius:999px;
  padding:15px 26px;
  font-weight:800;
  box-shadow:0 18px 34px rgba(239,61,109,.24);
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
}
.btn-abt:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 42px rgba(239,61,109,.3);
}
.btn-outline-abt{
  border:1px solid rgba(16,36,63,.16);
  color:var(--abt-navy)!important;
  background:rgba(255,255,255,.72);
  border-radius:999px;
  padding:15px 26px;
  font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
}
.btn-outline-abt:hover{
  background:#fff;
  border-color:rgba(16,36,63,.24);
}

.section{padding:104px 0}
.section-sm{padding:76px 0}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:10px 16px;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--abt-red-deep)!important;
  background:rgba(239,61,109,.09)!important;
  border:1px solid rgba(239,61,109,.09);
}

.hero{
  position:relative;
  min-height:100vh;
  padding-top:120px;
  overflow:hidden;
  color:var(--abt-ink)!important;
  background:
    radial-gradient(circle at 18% 22%,rgba(239,61,109,.18),transparent 20%),
    radial-gradient(circle at 76% 20%,rgba(143,216,255,.28),transparent 26%),
    linear-gradient(135deg,#ffffff 0%,#edf7ff 48%,#ffffff 100%);
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(16,36,63,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,36,63,.04) 1px,transparent 1px);
  background-size:60px 60px;
  opacity:.6;
  mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.78) 58%,transparent 95%);
}
.hero-shell{
  position:relative;
  z-index:2;
  padding-top:32px;
  padding-bottom:72px;
}
.hero-grid{
  min-height:calc(100vh - 160px);
  row-gap:48px;
}
.hero-badge{background:rgba(255,255,255,.78)!important;border-color:rgba(16,36,63,.08)}
.display-title{
  font-size:clamp(3.2rem,7vw,7.3rem);
  line-height:.92;
  font-weight:800;
  max-width:9.5ch;
}
.lead-wide{
  max-width:720px;
  font-size:clamp(1.05rem,1.9vw,1.4rem);
  line-height:1.7;
  color:var(--abt-muted)!important;
}
.hero-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.info-chip{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(16,36,63,.08);
  box-shadow:0 12px 30px rgba(16,36,63,.06);
  color:var(--abt-navy);
  font-weight:600;
}

.hero-panel{
  position:relative;
  border-radius:36px;
  padding:28px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:var(--abt-shadow);
  backdrop-filter:blur(24px);
}
.hero-panel-top{
  display:grid;
  grid-template-columns:minmax(0,190px) minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.hero-logo-card{
  background:linear-gradient(180deg,#ffffff,#f9fcff);
  border:1px solid rgba(16,36,63,.07);
  border-radius:28px;
  padding:18px;
  box-shadow:0 18px 40px rgba(16,36,63,.08);
}
.hero-logo-card img{width:100%;display:block}
.hero-panel-copy h2{
  margin:8px 0 12px;
  font-size:clamp(1.8rem,2.4vw,2.55rem);
  line-height:1.12;
}
.hero-panel-copy p{
  margin:0;
  color:var(--abt-muted);
  font-size:1.02rem;
  line-height:1.75;
}
.panel-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--abt-navy-soft);
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.panel-kicker:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--abt-red),#ff8db1);
  box-shadow:0 0 0 8px rgba(239,61,109,.12);
}
.hero-stat-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:26px;
}
.hero-stat{
  padding:18px 16px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(240,248,255,.92));
  border:1px solid rgba(16,36,63,.07);
}
.hero-stat strong{
  display:block;
  color:var(--abt-navy);
  font-family:var(--font-display);
  font-size:1.35rem;
  line-height:1.2;
}
.hero-stat span{
  display:block;
  margin-top:6px;
  color:var(--abt-muted);
  font-size:.92rem;
  line-height:1.45;
}
.hero-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-top:22px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(223,248,246,.65);
  color:var(--abt-navy);
  border:1px solid rgba(79,180,164,.16);
}
.hero-note i{
  font-size:1.1rem;
  color:var(--abt-red-deep);
}

.hero-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(16px);
  opacity:.55;
}
.orb-1{
  width:220px;
  height:220px;
  left:4%;
  top:16%;
  background:rgba(239,61,109,.55);
  animation:drift 12s ease-in-out infinite;
}
.orb-2{
  width:280px;
  height:280px;
  right:12%;
  bottom:10%;
  background:rgba(125,173,255,.58);
  animation:drift 14s ease-in-out infinite reverse;
}

.metric,.unit-card,.product-card,.premium-card,.partner-tile,.empty-panel{
  height:100%;
  border-radius:var(--abt-radius);
  background:rgba(255,255,255,.88)!important;
  border:1px solid var(--abt-line)!important;
  box-shadow:var(--abt-shadow);
  overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s cubic-bezier(.2,.8,.2,1);
}
.metric,.unit-card,.product-card,.empty-panel{padding:30px}
.metric:hover,.unit-card:hover,.product-card:hover,.premium-card:hover,.partner-tile:hover{
  transform:translateY(-8px);
  box-shadow:0 32px 90px rgba(22,52,92,.18);
}
.metric strong{
  display:block;
  margin-bottom:12px;
  font-family:var(--font-display);
  font-size:2.45rem;
  line-height:1;
  color:var(--abt-red-deep);
}
.premium-card img{
  width:100%;
  height:240px;
  object-fit:contain;
  background:linear-gradient(135deg,#fbfdff,#eef8ff);
}
.unit-card h4,.product-card h4,.premium-card h4{
  margin-bottom:12px;
}
.unit-card p,.product-card p,.premium-card p,.metric p{
  color:var(--abt-muted);
  line-height:1.7;
}
.unit-card-soft{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(244,250,255,.92))!important;
}

.glass{
  background:rgba(255,255,255,.78)!important;
  color:var(--abt-ink)!important;
  border:1px solid rgba(16,36,63,.08)!important;
  border-radius:var(--abt-radius);
  box-shadow:var(--abt-shadow);
  backdrop-filter:blur(18px);
}

.card-accent{
  width:74px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--abt-red),#ff95b3);
}

.icon-pill{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:20px;
  margin-bottom:20px;
  font-size:1.55rem;
  color:#fff;
  background:linear-gradient(135deg,var(--abt-red),#ff7ba1);
  box-shadow:0 15px 28px rgba(239,61,109,.2);
}

.dark-band{
  background:
    radial-gradient(circle at 14% 14%,rgba(239,61,109,.18),transparent 24%),
    radial-gradient(circle at 86% 22%,rgba(143,216,255,.22),transparent 24%),
    linear-gradient(180deg,#f7fbff 0%,#eef7ff 100%)!important;
  color:var(--abt-ink)!important;
}
.dark-band .text-white,
.dark-band h2,
.dark-band h3,
.dark-band h4,
.dark-band h5,
.dark-band p{color:var(--abt-ink)!important}

.parallax-cytology,.parallax-lab{
  position:relative;
  background-attachment:fixed!important;
}
.parallax-cytology{
  background:
    linear-gradient(90deg,rgba(248,252,255,.88),rgba(248,252,255,.68)),
    url('../images/cytology-sample.png') center/cover no-repeat!important;
}
.parallax-lab{
  background:
    linear-gradient(90deg,rgba(248,252,255,.9),rgba(248,252,255,.72)),
    url('../images/lab-equipment-collage.png') center/cover no-repeat!important;
}
.parallax-cytology h2,.parallax-cytology p,.parallax-lab h2,.parallax-lab p{
  color:var(--abt-ink)!important;
}

.partner-tile{
  display:grid;
  place-items:center;
  min-height:150px;
  padding:26px;
}
.partner-logo{
  max-width:100%;
  max-height:82px;
  object-fit:contain;
  filter:grayscale(1);
  transition:transform .3s ease,filter .3s ease;
}
.partner-tile:hover .partner-logo{
  filter:grayscale(0);
  transform:scale(1.05);
}

.timeline{position:relative}
.timeline:before{
  content:"";
  position:absolute;
  left:18px;
  top:2px;
  bottom:2px;
  width:2px;
  background:linear-gradient(var(--abt-red),#a0dfff);
}
.timeline-item{
  position:relative;
  padding-left:58px;
  margin-bottom:30px;
}
.timeline-item:last-child{margin-bottom:0}
.timeline-item:before{
  content:"";
  position:absolute;
  left:8px;
  top:5px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--abt-red),#ff8fb0);
  box-shadow:0 0 0 8px rgba(239,61,109,.12);
}
.timeline-item p{color:var(--abt-muted)}

.page-hero{
  min-height:58vh;
  display:flex;
  align-items:center;
  padding-top:120px;
  background:
    radial-gradient(circle at 14% 18%,rgba(239,61,109,.17),transparent 24%),
    radial-gradient(circle at 86% 18%,rgba(143,216,255,.24),transparent 24%),
    linear-gradient(135deg,#ffffff 0%,#eef8ff 56%,#ffffff 100%);
}
.page-hero-inner{
  max-width:860px;
  padding:52px 0;
}
.page-hero .lead-wide{max-width:720px}

.list-check li{
  margin:10px 0;
  color:var(--abt-muted);
}
.list-check li::marker{
  content:"✓  ";
  color:var(--abt-red-deep);
  font-weight:900;
}

.marquee{overflow:hidden;white-space:nowrap}
.marquee-track{
  display:inline-flex;
  gap:18px;
  animation:marquee 26s linear infinite;
}
.marquee span{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:11px 18px;
  background:#fff;
  border:1px solid rgba(16,36,63,.08);
  color:var(--abt-navy);
  font-weight:700;
  box-shadow:0 12px 28px rgba(16,36,63,.08);
}

.reveal{
  opacity:0;
  transform:translateY(30px);
  transition:opacity .85s ease,transform .85s ease;
}
.reveal.visible{
  opacity:1;
  transform:none;
}

.hover-shine{
  position:relative;
  overflow:hidden;
}
.hover-shine:after{
  content:"";
  position:absolute;
  top:-35%;
  left:-55%;
  width:42%;
  height:170%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:rotate(22deg);
  transition:left .9s ease;
}
.hover-shine:hover:after{left:120%}

.scroll-progress{
  position:fixed;
  left:0;
  top:0;
  width:0;
  height:4px;
  z-index:9999;
  background:linear-gradient(90deg,var(--abt-red),#92dbff)!important;
}

.footer{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:62px 0;
  background:linear-gradient(135deg,#0a2034 0%,#102947 55%,#143457 100%);
  color:#d9e7f8;
}
.footer:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(6,18,31,.48),rgba(6,18,31,.84)),
    linear-gradient(135deg,rgba(9,25,42,.3),rgba(9,25,42,.12)),
    radial-gradient(circle at top left,rgba(255,112,153,.18),transparent 28%),
    radial-gradient(circle at top right,rgba(122,221,214,.16),transparent 26%);
  pointer-events:none;
  z-index:-1;
}
.footer:after{
  content:"";
  position:absolute;
  inset:0;
  background:url("/assets/images/footer-dubai.webp") center center/cover no-repeat;
  opacity:.42;
  transform:scale(1.04);
  filter:saturate(1.08) contrast(1.02);
  pointer-events:none;
  z-index:-2;
}
.footer .container{
  position:relative;
  z-index:1;
}
.footer-brand-card{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:22px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px);
  box-shadow:0 22px 48px rgba(4,13,25,.28);
}
.footer-brand-card img{height:58px}
.footer-title{
  margin-bottom:16px;
  font-family:var(--font-display);
  color:#fff;
}
.footer a{
  color:#d9e7f8;
  text-decoration:none;
  line-height:2;
}
.footer a:hover{color:#fff}
.footer-bottom{
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.16);
  text-align:center;
}
.footer-credit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  backdrop-filter:blur(10px);
  color:#f5f8ff;
  font-size:14px;
  letter-spacing:.02em;
  box-shadow:0 12px 32px rgba(2,10,22,.22);
}

.empty-panel{
  border-style:dashed!important;
  background:#fff!important;
}

.floating-logo{animation:float 6s ease-in-out infinite}
.magnetic-card{transform-style:preserve-3d}
.shine-sweep{position:relative;overflow:hidden}
.shine-sweep:after{
  content:"";
  position:absolute;
  top:-35%;
  left:-55%;
  width:40%;
  height:180%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  transform:rotate(20deg);
  transition:left .8s ease;
}
.shine-sweep:hover:after{left:120%}

@keyframes drift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(32px,-24px,0)}
}
@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}
@keyframes marquee{
  to{transform:translateX(-50%)}
}

@media (max-width: 1199px){
  .display-title{max-width:11ch}
  .hero-panel-top{grid-template-columns:1fr}
}

@media (max-width: 991px){
  .clinical-nav{padding:12px 0}
  .navbar-brand img{height:44px}
  .hero{
    min-height:auto;
    padding-top:110px;
  }
  .hero-grid{
    min-height:auto;
    padding:28px 0 32px;
  }
  .display-title{
    font-size:clamp(2.8rem,14vw,4.7rem);
    max-width:11ch;
  }
  .hero-stat-strip{grid-template-columns:1fr}
  .page-hero{
    min-height:auto;
    padding-top:110px;
  }
  .parallax-cytology,.parallax-lab{background-attachment:scroll!important}
  .section{padding:78px 0}
  .section-sm{padding:60px 0}
}

@media (max-width: 767px){
  .hero-shell{padding-bottom:50px}
  .hero-panel{padding:22px}
  .hero-note{
    padding:14px 15px;
    font-size:.95rem;
  }
  .metric,.unit-card,.product-card,.empty-panel{padding:24px}
  .premium-card img{height:200px}
  .page-hero-inner{padding:36px 0}
}