:root {
  --corp26-ink: #071d39;
  --corp26-muted: #536b86;
  --corp26-blue: #246bfd;
  --corp26-indigo: #5b52ee;
  --corp26-cyan: #14b8d4;
  --corp26-green: #11a56c;
  --corp26-orange: #f47638;
  --corp26-line: #cfe0f3;
  --corp26-surface: #ffffff;
  --corp26-soft: #f2f8ff;
  --corp26-shadow: 0 22px 64px rgba(26, 68, 116, .13);
}

body.corp-ai-landing-2026 {
  color: var(--corp26-ink);
  background: #f7fbff;
  font-size: 17px;
}

.corp-ai-landing-2026 .lp-header {
  height: 70px;
  padding-inline: max(20px, calc((100vw - 1320px) / 2));
  border-bottom-color: #d9e6f4;
  box-shadow: 0 8px 24px rgba(27, 65, 108, .07);
}

.corp-ai-landing-2026 .lp-header img { height: 43px; width: auto; }
.corp-ai-landing-2026 .topbar { background: linear-gradient(90deg, #071d39, #123d69); }
.corp-ai-landing-2026 .topbar-inner { min-height: 44px; }

.corp-ai-landing-2026 .lp-navbar {
  border-bottom: 1px solid #d7e5f3;
  box-shadow: 0 10px 30px rgba(25, 65, 111, .07);
}
.corp-ai-landing-2026 .lp-navbar-inner { max-width: 1320px; padding-block: 12px; }
.corp-ai-landing-2026 .lp-nav-links { gap: 8px; }
.corp-ai-landing-2026 .lp-nav-links > a:not(.lp-nav-cta) {
  padding: 8px 11px;
  border-radius: 999px;
  color: #35516e;
  font-weight: 750;
}
.corp-ai-landing-2026 .lp-nav-links > a:not(.lp-nav-cta):hover { color: #155fcf; background: #edf5ff; }
.corp-ai-landing-2026 .lp-nav-cta {
  padding: 10px 17px !important;
  background: linear-gradient(100deg, var(--corp26-blue), var(--corp26-indigo)) !important;
  box-shadow: 0 10px 24px rgba(50, 84, 224, .24);
}

.corp-ai-landing-2026 .container { width: min(1320px, calc(100% - 40px)); }

.corp-ai-landing-2026 .hero {
  padding: clamp(48px, 6vw, 86px) 0 64px;
  background:
    radial-gradient(circle at 5% 4%, rgba(36,107,253,.16), transparent 28rem),
    radial-gradient(circle at 96% 14%, rgba(20,184,212,.15), transparent 28rem),
    radial-gradient(circle at 73% 95%, rgba(91,82,238,.10), transparent 26rem),
    linear-gradient(145deg, #f7fbff, #edf5ff 55%, #f8f7ff);
  isolation: isolate;
}

.corporate-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: center;
}

.corporate-hero-copy { position: relative; z-index: 2; }
.corp-ai-landing-2026 .badge {
  color: #075f9c;
  background: #e6f7ff;
  border: 1px solid #ade3f2;
  letter-spacing: .06em;
}

.corp-ai-landing-2026 .hero h1 {
  max-width: 720px;
  font-size: clamp(40px, 4.3vw, 66px);
  line-height: 1.03;
  letter-spacing: -.052em;
}
.corp-ai-landing-2026 .hero h1 .gradient-text {
  background: linear-gradient(92deg, #176be5, #6150e8 58%, #0b9a77);
  -webkit-background-clip: text;
  background-clip: text;
}
.corp-ai-landing-2026 .hero-subtitle {
  color: #405c78;
  font-size: clamp(17px, 1.55vw, 21px);
  line-height: 1.78;
}

.corp-ai-landing-2026 .hero-points { gap: 9px; }
.corp-ai-landing-2026 .hero-points li {
  color: #294965;
  background: rgba(255,255,255,.86);
  border-color: #c9ddf2;
  border-radius: 11px;
  box-shadow: 0 8px 22px rgba(31,72,118,.06);
}

.assessment-hero-offer {
  position: relative;
  overflow: hidden;
  margin-top: 24px;
  padding: 20px 22px;
  border: 1px solid #8dd9bf;
  border-radius: 20px;
  color: #0b4e45;
  background: linear-gradient(120deg, #eafff6, #eaf8ff);
  box-shadow: 0 16px 38px rgba(13,133,99,.11);
}
.assessment-hero-offer::after {
  content: "";
  position: absolute;
  right: -44px;
  top: -70px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 28px solid rgba(36,107,253,.08);
}
.assessment-hero-offer .offer-label {
  display: inline-block;
  margin-bottom: 6px;
  color: #087552;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.assessment-hero-offer strong { display: block; color: #073e39; font-size: 21px; line-height: 1.35; }
.assessment-hero-offer p { position: relative; z-index: 1; margin: 6px 0 0; color: #37665f; font-size: 15px; line-height: 1.6; }

.corp-ai-landing-2026 .hero-actions { margin-top: 26px; }
.corp-ai-landing-2026 .btn { min-height: 50px; border-radius: 13px; }
.corp-ai-landing-2026 .btn-primary {
  background: linear-gradient(100deg, var(--corp26-blue), var(--corp26-indigo));
  box-shadow: 0 13px 30px rgba(48, 78, 224, .22);
}
.corp-ai-landing-2026 .btn-accent { background: linear-gradient(100deg, #f47638, #f54e65); }

.corporate-hero-visual { min-width: 0; }
.corp-ai-landing-2026 .hero-slider {
  margin: 0;
  padding: 8px;
  border: 0;
  border-radius: 29px;
  background: linear-gradient(130deg, #63c8f4, #6254ee 45%, #20c698 76%, #ffd45d);
  box-shadow: var(--corp26-shadow);
  animation: corp26-rise .7s ease both;
}
.corp-ai-landing-2026 .hero-slider-track,
.corp-ai-landing-2026 .hero-slide,
.corp-ai-landing-2026 .hero-slide a,
.corp-ai-landing-2026 .hero-slide img { border-radius: 21px; }
.corp-ai-landing-2026 .hero-slide a {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.corp-ai-landing-2026 .hero-slide a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(238,248,255,.98) 0%, rgba(238,248,255,.94) 30%, rgba(238,248,255,.52) 49%, rgba(238,248,255,0) 68%);
}
.corp-ai-landing-2026 .hero-slide img {
  position: absolute;
  inset: 0;
}
.corp-ai-landing-2026 .hero-slide-copy {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: clamp(46px, 5vw, 70px);
  width: min(48%, 340px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transform: translateY(-50%);
  color: #071d39;
  text-align: left;
}
.corp-ai-landing-2026 .hero-slide-kicker {
  margin-bottom: 9px;
  color: #075edb;
  font-size: clamp(10px, .78vw, 13px);
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1.25;
}
.corp-ai-landing-2026 .hero-slide-copy strong {
  color: #071d39;
  font-size: clamp(27px, 2.35vw, 39px);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1.08;
}
.corp-ai-landing-2026 .hero-slide-summary,
.corp-ai-landing-2026 .hero-slide-price {
  margin-top: 14px;
  color: #294667;
  font-size: clamp(12px, .92vw, 15px);
  font-weight: 700;
  line-height: 1.45;
}
.corp-ai-landing-2026 .hero-slide-price b {
  display: block;
  margin-top: 2px;
  color: #e9473f;
  font-size: clamp(22px, 2vw, 34px);
  font-weight: 950;
  line-height: 1.1;
}
.corp-ai-landing-2026 .hero-slide-action {
  margin-top: 17px;
  padding: 9px 13px;
  border-radius: 999px;
  background: linear-gradient(100deg, #2468ee, #614ff0);
  box-shadow: 0 9px 20px rgba(43,92,220,.22);
  color: #fff;
  font-size: clamp(12px, .86vw, 14px);
  font-weight: 900;
  line-height: 1.2;
}
.corp-ai-landing-2026 .hero-banner-hint {
  right: 22px;
  bottom: 22px;
  background: rgba(7,29,57,.86);
}

.corporate-hero-process {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 18px;
}
.corporate-hero-process .pathway-item {
  position: relative;
  min-height: 142px;
  padding: 16px;
  border-color: #ccdef1;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 27px rgba(29,70,115,.07);
}
.corporate-hero-process .pathway-item strong { margin-top: 8px; font-size: 15px; }
.corporate-hero-process .pathway-item p { font-size: 13px; line-height: 1.5; }

.corp-ai-landing-2026 .trust-strip {
  border-top: 1px solid #d6e4f2;
  border-bottom: 1px solid #d6e4f2;
  background: #fff;
  box-shadow: 0 12px 30px rgba(30,70,114,.05);
}
.corp-ai-landing-2026 .trust-item { color: #284a6a; font-weight: 850; }

.corp-ai-landing-2026 section:not(.hero):not(.final-cta) { padding-block: clamp(62px, 7vw, 94px); }
.corp-ai-landing-2026 .light-section { background: #f4f9ff; }
.corp-ai-landing-2026 .programme-section,
.corp-ai-landing-2026 .ncc-section { background: #fff; }
.corp-ai-landing-2026 .section-label { color: #1768dd; letter-spacing: .14em; }
.corp-ai-landing-2026 .section-title { color: var(--corp26-ink); font-size: clamp(32px, 4vw, 52px); letter-spacing: -.04em; }
.corp-ai-landing-2026 .section-desc { max-width: 820px; color: var(--corp26-muted); font-size: 18px; }

.corp-ai-landing-2026 .card,
.corp-ai-landing-2026 .pillar-card,
.corp-ai-landing-2026 .course-card,
.corp-ai-landing-2026 .ncc-card,
.corp-ai-landing-2026 .map-box {
  border-color: #cedeef;
  border-radius: 22px;
  box-shadow: 0 16px 40px rgba(28,69,116,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
.corp-ai-landing-2026 .card:hover,
.corp-ai-landing-2026 .pillar-card:hover,
.corp-ai-landing-2026 .course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 48px rgba(28,69,116,.14);
}

.assessment-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  gap: 30px;
  align-items: center;
  margin-top: 34px;
  padding: clamp(26px, 4vw, 44px);
  border: 1px solid #91d9c0;
  border-radius: 28px;
  background:
    radial-gradient(circle at 93% 8%, rgba(36,107,253,.14), transparent 17rem),
    linear-gradient(125deg, #eafff5, #eef8ff 58%, #f5f3ff);
  box-shadow: 0 24px 60px rgba(14,113,88,.12);
}
.assessment-feature h3 { margin: 10px 0; color: var(--corp26-ink); font-size: clamp(27px, 3vw, 40px); line-height: 1.2; }
.assessment-feature p { color: #41645f; font-size: 17px; }
.assessment-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.assessment-benefits li {
  padding: 11px 13px;
  border: 1px solid rgba(105,190,160,.48);
  border-radius: 12px;
  background: rgba(255,255,255,.72);
  color: #24584d;
  font-weight: 750;
}

.assessment-price-panel {
  padding: 26px;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 23px;
  color: #fff;
  background: linear-gradient(145deg, #071d39, #114e70 64%, #0c7866);
  box-shadow: 0 22px 48px rgba(7,42,67,.22);
}
.assessment-price-panel .price-kicker { color: #70edc3; font-size: 12px; font-weight: 900; letter-spacing: .14em; }
.assessment-price-panel .price { display: flex; align-items: flex-end; gap: 8px; margin: 8px 0; }
.assessment-price-panel .price strong { color: #fff; font-size: clamp(42px, 5vw, 62px); line-height: 1; }
.assessment-price-panel .price span { padding-bottom: 6px; color: #b8d9e5; font-weight: 800; }
.assessment-price-panel p { color: #d2e9ec; font-size: 15px; }
.assessment-dashboard { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 19px 0; }
.assessment-dashboard div { padding: 12px 8px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.07); text-align: center; }
.assessment-dashboard strong,
.assessment-dashboard small { display: block; }
.assessment-dashboard strong { color: #fff; font-size: 20px; }
.assessment-dashboard small { margin-top: 3px; color: #bcd7df; font-size: 11px; }
.assessment-price-panel .btn { width: 100%; }
.service-secondary-grid { margin-top: 22px; }

.corp-ai-landing-2026 .lead-section {
  background:
    radial-gradient(circle at 7% 10%, rgba(20,184,212,.21), transparent 25rem),
    radial-gradient(circle at 93% 90%, rgba(91,82,238,.23), transparent 27rem),
    linear-gradient(135deg, #071d39, #123b68);
}
.corp-ai-landing-2026 .form-card { border-radius: 25px; }
.corp-ai-landing-2026 .final-cta { background: linear-gradient(100deg, #edf6ff, #f3f0ff); }

@keyframes corp26-rise {
  from { opacity: 0; transform: translateY(22px) scale(.985); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

@media (max-width: 1080px) {
  .corporate-hero-layout { grid-template-columns: 1fr; }
  .corporate-hero-visual { max-width: 900px; }
  .assessment-feature { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  body.corp-ai-landing-2026 { padding-top: 62px; font-size: 16px; }
  .corp-ai-landing-2026 .lp-header { height: 62px; }
  .corp-ai-landing-2026 .topbar { display: none; }
  .corp-ai-landing-2026 .container { width: min(100% - 28px, 1320px); }
  .corp-ai-landing-2026 .hero { padding-top: 38px; }
  .corp-ai-landing-2026 .hero h1 { font-size: 38px; }
  .corporate-hero-process { grid-template-columns: 1fr; }
  .corporate-hero-process .pathway-item { min-height: auto; }
  .assessment-benefits { grid-template-columns: 1fr; }
  .corp-ai-landing-2026 .hero-slider { padding: 5px; border-radius: 20px; }
  .corp-ai-landing-2026 .hero-slider-track,
  .corp-ai-landing-2026 .hero-slide,
  .corp-ai-landing-2026 .hero-slide a,
  .corp-ai-landing-2026 .hero-slide img { border-radius: 15px; }
  .corp-ai-landing-2026 .hero-slide a::after {
    background: linear-gradient(90deg, rgba(238,248,255,.98) 0%, rgba(238,248,255,.9) 42%, rgba(238,248,255,.24) 68%, rgba(238,248,255,0) 82%);
  }
  .corp-ai-landing-2026 .hero-slide-copy {
    left: 25px;
    width: 57%;
  }
  .corp-ai-landing-2026 .hero-slide-kicker { margin-bottom: 5px; font-size: 8px; }
  .corp-ai-landing-2026 .hero-slide-copy strong { font-size: clamp(20px, 6.4vw, 29px); }
  .corp-ai-landing-2026 .hero-slide-summary,
  .corp-ai-landing-2026 .hero-slide-price { margin-top: 8px; font-size: 10px; }
  .corp-ai-landing-2026 .hero-slide-price b { font-size: clamp(19px, 6vw, 27px); }
  .corp-ai-landing-2026 .hero-slide-action { margin-top: 10px; padding: 7px 10px; font-size: 10px; }
  .corp-ai-landing-2026 .hero-slider-prev { display: none; }
  .corp-ai-landing-2026 .hero-actions > .btn { width: 100%; }
}