/* =========================================================
   PANGEANIC 2026 GLOBAL DESIGN SYSTEM
   Consolidated compatibility build
   ========================================================= */
/* =========================================================
   1. GLOBAL VARIABLES
   ========================================================= */
.p26 {
  --p26-orange: #f05a28;
  --p26-orange-light: #fb7a4f;
  --p26-orange-soft: #fff7f3;
  --p26-orange-border: #fde8de;
  --p26-orange-muted: rgba(240, 90, 40, 0.18);
  --p26-orange-glow: rgba(240, 90, 40, 0.28);
  --p26-ink: #0f172a;
  --p26-ink-2: #1e293b;
  --p26-slate-dark: #334155;
  --p26-slate: #475569;
  --p26-slate-mid: #64748b;
  --p26-slate-light: #94a3b8;
  --p26-border: #e2e8f0;
  --p26-soft: #f8fafc;
  --p26-white: #ffffff;
  --p26-dark-bg: #0f172a;
  --p26-dark-deep: #0b1220;
  --p26-dark-surface: rgba(255, 255, 255, 0.065);
  --p26-dark-border: rgba(255, 255, 255, 0.14);
  --p26-dark-text: #e2e8f0;
  --p26-dark-muted: #94a3b8;
  --p26-font-body:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif;
  --p26-font-mono:
    "Inconsolata",
    "Andale Mono",
    "Courier New",
    monospace;
  --p26-section-pad: clamp(60px, 8vw, 96px);
  --p26-gap: 20px;
  --p26-gap-lg: 24px;
  --p26-radius-sm: 12px;
  --p26-radius: 20px;
  --p26-radius-lg: 24px;
  --p26-radius-xl: 28px;
  --p26-radius-pill: 999px;
  --p26-shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.06);
  --p26-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  --p26-shadow-lg: 0 18px 44px rgba(15, 23, 42, 0.13);
  --p26-shadow-orange: 0 4px 18px rgba(240, 90, 40, 0.3);
}
/* =========================================================
   2. BASE RESET
   ========================================================= */
.p26,
.p26 *,
.p26 *::before,
.p26 *::after {
  box-sizing: border-box;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}
.p26 {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: var(--p26-ink);
  background: var(--p26-white);
  font-family: var(--p26-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p26 h1,
.p26 h2,
.p26 h3,
.p26 h4,
.p26 h5,
.p26 h6,
.p26 p,
.p26 a,
.p26 span,
.p26 li,
.p26 strong,
.p26 em,
.p26 label,
.p26 summary,
.p26 td,
.p26 th,
.p26 button,
.p26 input,
.p26 textarea,
.p26 select {
  font-family: var(--p26-font-body) !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
}
.p26 h1,
.p26 h2,
.p26 h3,
.p26 h4,
.p26 h5,
.p26 h6 {
  margin-top: 0;
  color: var(--p26-ink);
  font-weight: 800;
  line-height: 1.12;
  text-wrap: balance;
}
.p26 p {
  margin-top: 0;
}
.p26 a {
  text-decoration: none;
}
.p26 ul,
.p26 ol {
  margin: 0;
  padding-left: 20px;
}
.p26 li {
  margin-bottom: 8px;
}
.p26 img,
.p26 video,
.p26 svg {
  max-width: 100%;
}
.p26 img,
.p26 video {
  display: block;
  height: auto;
}
.p26 section,
.p26 article,
.p26 aside,
.p26 header,
.p26 footer,
.p26 main,
.p26 div {
  min-width: 0;
}
.p26-no-cjk-break {
  word-break: keep-all !important;
}
/* =========================================================
   3. CONTAINERS
   ========================================================= */
.p26-wrap,
.p26-wrap-sm,
.p26-wrap-md,
.p26-wrap-wide,
.p26-wrap-full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p26-wrap {
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
}
.p26-wrap-sm,
.p26-wrap-narrow {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.p26-wrap-md {
  max-width: 1180px;
  padding-left: 24px;
  padding-right: 24px;
}
.p26-wrap-wide {
  max-width: 1440px;
  padding-left: 32px;
  padding-right: 32px;
}
.p26-wrap-full {
  max-width: 1600px;
  padding-left: 5%;
  padding-right: 5%;
}
.p26-section {
  padding: var(--p26-section-pad) 0;
}
.p26-section-white,
.p26-bg-white {
  background: var(--p26-white);
}
.p26-bg-warm {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fff7f3 100%
  );
  border-bottom: 1px solid var(--p26-orange-border);
}
.p26-bg-soft {
  background: var(--p26-soft);
  border-top: 1px solid var(--p26-border);
  border-bottom: 1px solid var(--p26-border);
}
.p26-bg-peach {
  background: var(--p26-orange-soft);
  border-top: 1px solid var(--p26-orange-border);
  border-bottom: 1px solid var(--p26-orange-border);
}
.p26-bg-dark {
  color: var(--p26-white);
  background: var(--p26-dark-bg);
}
.p26-bg-deepdark {
  color: var(--p26-white);
  background: var(--p26-dark-deep);
}
.p26-bg-cta {
  color: var(--p26-white);
  background: linear-gradient(
    135deg,
    #0f172a 0%,
    #1e293b 100%
  );
}
.p26-bg-dots {
  background-color: #ffffff;
  background-image:
    radial-gradient(
      #e2e8f0 1px,
      transparent 1px
    );
  background-size: 25px 25px;
}
.p26-bleed {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* =========================================================
   4. TYPOGRAPHY
   ========================================================= */
.p26-eyebrow {
  margin-bottom: 12px;
  color: var(--p26-orange);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
.p26-proof-label {
  margin: 0 0 22px;
  color: var(--p26-orange) !important;
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.p26-h1 {
  font-size: clamp(40px, 6vw, 68px);
  line-height: 1.04;
  letter-spacing: -1.8px;
}
.p26-h2 {
  font-size: clamp(30px, 4.5vw, 46px);
  line-height: 1.1;
  letter-spacing: -0.8px;
}
.p26-h2-lg {
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1.08;
  letter-spacing: -1px;
}
.p26-lead {
  color: var(--p26-slate);
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.58;
}
.p26-body {
  color: var(--p26-slate);
  font-size: 17px;
  line-height: 1.7;
}
.p26-small {
  color: var(--p26-slate-mid);
  font-size: 14px;
  line-height: 1.6;
}
/* =========================================================
   5. GRIDS AND SPLITS
   ========================================================= */
.p26-grid-2,
.p26-grid-3,
.p26-grid-4,
.p26-split,
.p26-split-40-60,
.p26-split-45-55,
.p26-split-55-45,
.p26-split-60-40,
.p26-split-65-35,
.p26-stats,
.p26-proof,
.p26-pillars,
.p26-concept-grid {
  display: grid;
}
.p26-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}
.p26-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.p26-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.p26-split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 52px);
  align-items: start;
}
.p26-split-40-60,
.p26-split-45-55,
.p26-split-55-45,
.p26-split-60-40,
.p26-split-65-35 {
  gap: clamp(30px, 4vw, 54px);
  align-items: start;
}
.p26-split-40-60 {
  grid-template-columns:
    minmax(0, 0.8fr)
    minmax(0, 1.2fr);
}
.p26-split-45-55 {
  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);
}
.p26-split-55-45 {
  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(0, 0.9fr);
}
.p26-split-60-40 {
  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(0, 0.8fr);
}
.p26-split-65-35 {
  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(300px, 0.7fr);
}
.p26-grid-2 > *,
.p26-grid-3 > *,
.p26-grid-4 > *,
.p26-split > *,
.p26-split-40-60 > *,
.p26-split-45-55 > *,
.p26-split-55-45 > *,
.p26-split-60-40 > *,
.p26-split-65-35 > * {
  min-width: 0;
}
.p26-stats {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(135px, 1fr)
    );
  gap: 24px;
}
.p26-proof {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(220px, 1fr)
    );
  gap: 16px;
}
.p26-pillars {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(300px, 1fr)
    );
  gap: 24px;
}
.p26-concept-grid {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(280px, 1fr)
    );
  gap: 22px;
}
.p26-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.p26-flex-center {
  justify-content: center;
}
/* =========================================================
   6. CARDS
   ========================================================= */
.p26-card,
.p26-card-soft,
.p26-card-warm,
.p26-card-orange,
.p26-card-dark,
.p26-dark-card,
.p26-card-ghost,
.p26-dark-inner,
.p26-card-faq {
  min-width: 0;
}
.p26-card {
  padding: 30px;
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
  border-radius: var(--p26-radius-lg);
  box-shadow:
    0 10px 26px
    rgba(15, 23, 42, 0.045);
}
.p26-card-soft {
  padding: 30px;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-radius: var(--p26-radius-lg);
  box-shadow:
    0 10px 26px
    rgba(15, 23, 42, 0.035);
}
.p26-card-warm,
.p26-card-orange {
  padding: 30px;
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
  border-radius: var(--p26-radius-lg);
  box-shadow:
    0 10px 26px
    rgba(240, 90, 40, 0.06);
}
.p26-card-orange {
  border-top: 4px solid var(--p26-orange);
}
.p26-card-dark,
.p26-dark-card {
  padding: 36px;
  color: var(--p26-dark-text);
  background: var(--p26-dark-bg);
  border: 1px solid rgba(240, 90, 40, 0.32);
  border-radius: var(--p26-radius-xl);
  box-shadow: var(--p26-shadow-lg);
}
.p26-card-dark h2,
.p26-card-dark h3,
.p26-dark-card h2,
.p26-dark-card h3 {
  color: var(--p26-white);
}
.p26-card-dark p,
.p26-dark-card p {
  color: var(--p26-dark-text) !important;
}
.p26-card-dark strong,
.p26-dark-card strong {
  color: var(--p26-white) !important;
}
.p26-card-ghost,
.p26-dark-inner {
  display: block;
  padding: 26px !important;
  color: var(--p26-dark-text) !important;
  background: var(--p26-dark-surface) !important;
  border: 1px solid var(--p26-dark-border) !important;
  border-radius: 22px !important;
  box-shadow:
    inset 0 1px 0
    rgba(255, 255, 255, 0.04);
}
.p26-card-ghost h3,
.p26-dark-inner h3 {
  color: var(--p26-white) !important;
}
.p26-card-ghost p,
.p26-dark-inner p {
  color: #cbd5e1 !important;
}
.p26-card-hover,
a.p26-dark-inner {
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}
.p26-card-hover:hover,
a.p26-dark-inner:hover {
  transform: translateY(-3px);
  border-color:
    rgba(240, 90, 40, 0.42) !important;
  box-shadow: var(--p26-shadow);
}
a.p26-dark-inner:hover {
  background:
    rgba(255, 255, 255, 0.1) !important;
}
.p26-card-faq {
  padding: 26px 28px;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-radius: 20px;
}
.p26-card-faq h3 {
  margin: 0 0 10px;
  font-size: 19px;
}
.p26-card-faq p {
  margin: 0;
  color: var(--p26-slate);
  font-size: 15px;
  line-height: 1.65;
}
/* =========================================================
   7. BUTTONS
   ========================================================= */
.p26-btn-row,
.p26-btn-row-strong,
.p26-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.p26-btns-center {
  justify-content: center;
}
.p26-btn,
.p26-btn-primary,
.p26-btn-secondary,
.p26-btn-outline,
.p26-btn-ghost,
.p26-btn-ghost-orange {
  display: inline-flex !important;
  max-width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border: 2px solid transparent;
  border-radius: var(--p26-radius-pill);
  font-family: var(--p26-font-body) !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  word-break: normal !important;
  overflow-wrap: normal !important;
  cursor: pointer;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}
.p26-btn:hover,
.p26-btn-primary:hover,
.p26-btn-secondary:hover,
.p26-btn-outline:hover,
.p26-btn-ghost:hover,
.p26-btn-ghost-orange:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}
.p26-btn:active,
.p26-btn-primary:active,
.p26-btn-secondary:active {
  transform: none;
}
.p26-btn-primary {
  color: var(--p26-white) !important;
  background: var(--p26-orange);
  border-color: var(--p26-orange);
  box-shadow: var(--p26-shadow-orange);
}
.p26-btn-secondary {
  color: var(--p26-ink) !important;
  background: var(--p26-white);
  border-color: var(--p26-border);
}
.p26-btn-outline {
  color: var(--p26-ink) !important;
  background: transparent;
  border-color: var(--p26-ink);
}
.p26-btn-ghost {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.32);
}
.p26-btn-ghost-orange {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--p26-orange);
}
.p26-btn-sm {
  min-height: 38px;
  padding: 10px 18px;
  font-size: 13px;
}
.p26-btn-sq {
  border-radius: 8px;
}
.p26-link,
.p26-link-orange,
.p26-link-arrow {
  color: var(--p26-orange) !important;
  text-decoration: none !important;
}
.p26-link {
  font-weight: 500;
}
.p26-link-orange {
  font-weight: 800;
}
.p26-link-arrow {
  font-size: 13px;
  font-weight: 600;
}
.p26-link-arrow::after {
  content: " →";
}
/* =========================================================
   8. TAGS
   ========================================================= */
.p26-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.p26-tag {
  display: inline-block;
  padding: 6px 11px;
  border-radius: var(--p26-radius-pill);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.p26-tag-light {
  color: var(--p26-ink);
  background: rgba(15, 23, 42, 0.07);
  border: 1px solid rgba(240, 90, 40, 0.38);
}
.p26-tag-dark {
  color: var(--p26-white);
  background: rgba(15, 23, 42, 0.22);
  border: 1px solid rgba(240, 90, 40, 0.42);
  backdrop-filter: blur(6px);
}
.p26-tag-orange {
  color: var(--p26-orange);
  background: var(--p26-orange-muted);
  border: 1px solid rgba(240, 90, 40, 0.38);
}
/* =========================================================
   9. TABLES
   ========================================================= */
.p26-table-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
  border-radius: 22px;
  box-shadow:
    0 14px 30px
    rgba(15, 23, 42, 0.05);
  -webkit-overflow-scrolling: touch;
}
.p26-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  table-layout: auto;
  font-family: var(--p26-font-body);
}
.p26-table-auto {
  min-width: 0;
}
.p26-table-wide {
  min-width: 920px;
}
.p26-table th {
  padding: 18px;
  color: var(--p26-white);
  background: var(--p26-dark-bg);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 1px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: top;
  white-space: normal;
}
.p26-table td {
  padding: 18px;
  color: var(--p26-slate);
  border-top: 1px solid var(--p26-border);
  font-size: 15px;
  line-height: 1.65;
  vertical-align: top;
  white-space: normal;
}
.p26-table tr:nth-child(even) td {
  background: var(--p26-soft);
}
/* =========================================================
   10. HERO AND STATS
   ========================================================= */
.p26-hero {
  padding:
    clamp(72px, 9vw, 118px)
    0
    clamp(58px, 7vw, 92px);
}
.p26-hero h1 {
  text-shadow:
    0 2px 18px
    rgba(0, 0, 0, 0.3);
}
.p26-hero-dark h1,
.p26-hero-dark p {
  color: var(--p26-white);
}
.p26-hero-dark .p26-lead {
  color: var(--p26-soft);
  text-shadow:
    0 2px 14px
    rgba(0, 0, 0, 0.28);
}
.p26-hero-stats {
  margin-top: 52px;
  padding-top: 40px;
  border-top: 1px solid var(--p26-orange-border);
}
.p26-stat-num,
.p26-stat-num-dark {
  margin-bottom: 8px;
  font-size: clamp(32px, 5vw, 38px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1px;
}
.p26-stat-num {
  color: var(--p26-ink);
}
.p26-stat-num-dark {
  color: var(--p26-white);
}
.p26-stat-label,
.p26-stat-label-dark {
  font-size: 13px;
  line-height: 1.45;
}
.p26-stat-label {
  max-width: 170px;
  color: var(--p26-slate-mid);
}
.p26-stat-label-dark {
  color: #cbd5e1;
}
.p26-stat-dark {
  padding: 24px;
  background:
    linear-gradient(
      145deg,
      #0f172a 0%,
      #1e293b 58%,
      rgba(240, 90, 40, 0.18) 100%
    );
  border: 1px solid rgba(240, 90, 40, 0.28);
  border-radius: 20px;
  box-shadow:
    0 14px 32px
    rgba(15, 23, 42, 0.16);
}
.p26-stats-card {
  padding: 26px 28px;
  background: var(--p26-white);
  border: 1px solid var(--p26-orange-border);
  border-radius: 22px;
  box-shadow: var(--p26-shadow-sm);
}
.p26-stats-dark-fade {
  margin-top: 42px;
  padding-top: 42px;
  border-top:
    1px solid
    rgba(240, 90, 40, 0.24);
}
/* =========================================================
   11. TIMELINE AND DATA ROWS
   ========================================================= */
.p26-timeline {
  position: relative;
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 40px;
  padding-left: 40px;
  border-left: 2px solid var(--p26-border);
}
.p26-timeline-item {
  position: relative;
}
.p26-timeline-dot {
  position: absolute;
  top: 5px;
  left: -51px;
  width: 20px;
  height: 20px;
  background: var(--p26-orange);
  border: 5px solid var(--p26-white);
  border-radius: 50%;
  box-shadow:
    0 0 0 1px
    var(--p26-orange);
}
.p26-data-row {
  padding: 18px 20px;
  color: var(--p26-dark-text);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  font-size: 15px;
  line-height: 1.58;
}
.p26-data-row strong {
  display: block;
  margin-bottom: 4px;
  color: var(--p26-white);
  font-size: 16px;
}
/* =========================================================
   12. PILLAR CARDS
   ========================================================= */
.p26-card-pillar {
  display: flex;
  flex-direction: column;
  padding: 35px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.03) 0%,
      rgba(255, 255, 255, 0.015) 100%
    );
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid var(--p26-orange);
  border-radius: 10px;
  box-shadow:
    0 18px 50px
    rgba(0, 0, 0, 0.22);
}
.p26-card-pillar h3 {
  margin: 0 0 14px;
  color: var(--p26-white);
  font-size: 24px;
}
.p26-card-pillar p {
  margin: 0 0 20px;
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.7;
}
.p26-card-pillar-featured {
  background:
    linear-gradient(
      135deg,
      rgba(240, 90, 40, 0.13) 0%,
      rgba(255, 255, 255, 0.03) 100%
    );
  border-color: var(--p26-orange);
}
.p26-pillar-bullets {
  margin-top: auto;
  padding: 15px;
  color: var(--p26-white);
  background: rgba(15, 23, 42, 0.72);
  border: 1px dashed rgba(240, 90, 40, 0.36);
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.8;
}
.p26-bg-dark .p26-eyebrow,
.p26-bg-deepdark .p26-eyebrow,
.p26-bg-cta .p26-eyebrow {
  color: var(--p26-orange);
}
.p26-bg-dark h1,
.p26-bg-dark h2,
.p26-bg-dark h3,
.p26-bg-deepdark h1,
.p26-bg-deepdark h2,
.p26-bg-deepdark h3 {
  color: var(--p26-white);
}
.p26-bg-dark p,
.p26-bg-deepdark p,
.p26-bg-dark .p26-body,
.p26-bg-deepdark .p26-body {
  color: var(--p26-dark-muted);
}
.p26-proof-divider {
  margin-top: 0;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.p26-proof-divider-label {
  margin: 0 0 24px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.p26-pillars-footer {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}
.p26-pillars-footer p {
  max-width: 1100px;
  margin: 0 auto;
  color: #cbd5e1;
  font-size: 18px;
  line-height: 1.6;
}
/* =========================================================
   13. STANDARD CTA
   ========================================================= */
.p26-cta-section,
.p26-section-cta {
  padding: 0 0 88px;
  background: var(--p26-white);
}
.p26-cta-card,
.p26-cta-band {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  padding: 46px 38px;
  overflow: hidden;
  color: var(--p26-white);
  background:
    radial-gradient(
      circle at 79% 15%,
      rgba(240, 90, 40, 0.28) 0%,
      rgba(240, 90, 40, 0.1) 25%,
      rgba(240, 90, 40, 0) 54%
    ),
    radial-gradient(
      circle at 10% 100%,
      rgba(72, 105, 150, 0.2) 0%,
      rgba(72, 105, 150, 0) 46%
    ),
    linear-gradient(
      135deg,
      #07101f 0%,
      #0f172a 56%,
      #172337 100%
    );
  border: 1px solid rgba(240, 90, 40, 0.32);
  border-radius: 24px;
  box-shadow: var(--p26-shadow-lg);
  text-align: center;
}
.p26-cta-card h2,
.p26-cta-band h2 {
  color: var(--p26-white);
}
.p26-cta-card p,
.p26-cta-band p {
  color: #cbd5e1;
}
/* =========================================================
   14. FAQ
   ========================================================= */
.p26-faq,
.p26-faq-accordion {
  display: grid;
  gap: 14px;
}
.p26-faq-item {
  overflow: hidden;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-radius: 18px;
  box-shadow:
    0 8px 22px
    rgba(15, 23, 42, 0.035);
}
.p26-faq-item[open] {
  background: var(--p26-white);
  border-color: rgba(240, 90, 40, 0.34);
}
.p26 .p26-faq-accordion details.p26-faq-item > summary.p26-faq-question,
.p26 details > summary.p26-faq-question,
.p26 .p26-faq-question {
  display: block;
  padding: 18px 22px;
  color: #0c5394 !important;
  font-family: var(--p26-font-mono) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.2px !important;
  list-style: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  cursor: pointer;
}
.p26-faq-question::-webkit-details-marker {
  display: none !important;
}
.p26-faq-question::marker {
  content: "";
}
.p26-faq-question::before {
  content: ">_ ";
  color: var(--p26-orange) !important;
  font-weight: 800 !important;
}
.p26-faq-question::after {
  content: "+";
  float: right;
  margin-left: 14px;
  color: var(--p26-orange) !important;
  font-family: var(--p26-font-mono) !important;
  font-weight: 800 !important;
}
.p26-faq-item[open] > .p26-faq-question::after {
  content: "−";
}
.p26-faq-answer {
  padding: 0 22px 22px;
  color: var(--p26-slate);
  font-size: 16px;
  line-height: 1.75;
}
.p26-faq-answer p {
  margin: 0;
}
/* =========================================================
   15. ACCESSIBILITY AND GENERIC POLISH
   ========================================================= */
.p26 a:hover,
.p26 a:visited,
.p26 a:focus {
  text-decoration: none;
}
.p26 a:focus-visible,
.p26 summary:focus-visible,
.p26 button:focus-visible {
  outline:
    3px solid
    rgba(240, 90, 40, 0.42) !important;
  outline-offset: 3px !important;
}
.p26 .p26-card p:last-child,
.p26 .p26-card-soft p:last-child,
.p26 .p26-card-dark p:last-child,
.p26 .p26-dark-card p:last-child,
.p26 .p26-card-ghost p:last-child,
.p26 .p26-dark-inner p:last-child {
  margin-bottom: 0;
}
/* =========================================================
   16. UTILITIES
   ========================================================= */
.p26-mb-0 {
  margin-bottom: 0 !important;
}
.p26-mb-25 {
  margin-bottom: 25px !important;
}
.p26-mt-0 {
  margin-top: 0 !important;
}
.p26-max-760 {
  max-width: 760px;
}
.p26-max-820 {
  max-width: 820px;
}
.p26-max-860 {
  max-width: 860px;
}
.p26-max-900 {
  max-width: 900px;
}
.p26-max-1000 {
  max-width: 1000px;
}
.p26-text-center {
  text-align: center;
}
.p26-text-left {
  text-align: left;
}
/* =========================================================
   17. CONTACT PAGE
   Existing selectors preserved
   ========================================================= */
.p26-ai-contact,
.p26-ai-contact * {
  box-sizing: border-box;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
.p26-ai-contact {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: #0f172a;
  background: #ffffff;
  font-family: Inter, Helvetica, Arial, sans-serif;
}
.p26-ai-contact .p26-wrap {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
}
.p26-ai-contact h1,
.p26-ai-contact h2,
.p26-ai-contact h3,
.p26-ai-contact p,
.p26-ai-contact a,
.p26-ai-contact span,
.p26-ai-contact strong {
  font-family:
    Inter,
    Helvetica,
    Arial,
    sans-serif !important;
}
.p26-ai-contact .p26-eyebrow {
  margin: 0 0 14px !important;
  color: #f05a28 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 2.3px !important;
  text-transform: uppercase !important;
}
/* Contact hero */
.p26-ai-hero {
  position: relative;
  width: 100%;
  padding: 100px 0 76px !important;
  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(240, 90, 40, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 10% 92%,
      rgba(12, 83, 148, 0.055),
      transparent 30%
    ),
    #ffffff;
  border-bottom: 1px solid #e8edf3;
}
.p26-ai-hero-inner {
  position: relative;
  width: 100%;
  max-width: 1040px;
}
.p26-ai-hero h1 {
  max-width: 980px;
  margin: 0 0 24px !important;
  color: #0f172a !important;
  font-size: clamp(48px, 7vw, 78px) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
  letter-spacing: -2px !important;
}
.p26-ai-hero-lead {
  max-width: 820px;
  margin: 0 !important;
  color: #475569 !important;
  font-size: clamp(19px, 2vw, 23px) !important;
  line-height: 1.65 !important;
}
.p26-ai-proof-row {
  display: grid !important;
  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin-top: 48px !important;
}
.p26-ai-proof {
  display: block !important;
  min-width: 0 !important;
  padding: 24px !important;
  background:
    rgba(255, 255, 255, 0.94) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow:
    0 10px 28px
    rgba(15, 23, 42, 0.045) !important;
  text-align: left !important;
}
.p26-ai-proof span {
  display: block !important;
  margin: 0 0 10px !important;
  color: #f05a28 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
}
.p26-ai-proof strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
.p26-ai-proof p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
  text-align: left !important;
}
/* Contact form */
.p26-ai-form-section {
  width: 100%;
  padding: 82px 0 !important;
  background: #ffffff;
}
.p26-ai-form-shell {
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 5vw, 52px) !important;
  background: #ffffff !important;
  border: 1px solid #dce4ed !important;
  border-top: 4px solid #f05a28 !important;
  border-radius: 28px !important;
  box-shadow:
    0 24px 60px
    rgba(15, 23, 42, 0.09) !important;
}
.p26-ai-form-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 0 34px !important;
  padding: 0 0 28px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  text-align: left !important;
}
.p26-ai-form-heading h2 {
  margin: 0 0 12px !important;
  color: #0f172a !important;
  font-size: clamp(30px, 4vw, 44px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.8px !important;
  text-align: left !important;
}
.p26-ai-form-heading p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
.p26-ai-form-shell fieldset.form-columns-2 {
  display: grid !important;
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.p26-ai-form-shell fieldset.form-columns-2 .hs-form-field,
.p26-ai-form-shell fieldset.form-columns-1 .hs-form-field {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}
.p26-ai-form-shell .hs-form-field {
  margin-bottom: 20px !important;
}
.p26-ai-form-shell label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.8px !important;
  text-align: left !important;
  text-transform: uppercase !important;
}
.p26-ai-form-shell input[type="text"],
.p26-ai-form-shell input[type="email"],
.p26-ai-form-shell input[type="tel"],
.p26-ai-form-shell input[type="number"],
.p26-ai-form-shell select,
.p26-ai-form-shell textarea {
  display: block !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  color: #0f172a !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}
.p26-ai-form-shell textarea {
  min-height: 170px !important;
  resize: vertical !important;
}
.p26-ai-form-shell input:focus,
.p26-ai-form-shell select:focus,
.p26-ai-form-shell textarea:focus {
  outline: none !important;
  border-color: #f05a28 !important;
  box-shadow:
    0 0 0 3px
    rgba(240, 90, 40, 0.12) !important;
}
.p26-ai-form-shell .hs-button,
.p26-ai-form-shell input[type="submit"] {
  display: inline-flex !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 15px 30px !important;
  color: #ffffff !important;
  background: #f05a28 !important;
  border: 2px solid #f05a28 !important;
  border-radius: 999px !important;
  box-shadow:
    0 6px 18px
    rgba(240, 90, 40, 0.25) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
/* Contact collaboration areas */
.p26-ai-areas {
  width: 100%;
  padding: 92px 0 !important;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}
.p26-ai-section-heading {
  max-width: 840px !important;
  margin: 0 0 44px !important;
  text-align: left !important;
}
.p26-ai-section-heading h2 {
  margin: 0 0 18px !important;
  color: #0f172a !important;
  font-size: clamp(34px, 5vw, 52px) !important;
  line-height: 1.06 !important;
  letter-spacing: -1px !important;
  text-align: left !important;
}
.p26-ai-section-heading p {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 18px !important;
  line-height: 1.68 !important;
  text-align: left !important;
}
.p26-ai-area-grid {
  display: grid !important;
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
}
.p26-ai-area-card {
  display: flex !important;
  min-width: 0 !important;
  min-height: 300px !important;
  flex-direction: column !important;
  padding: 30px !important;
  color: inherit !important;
  background: #ffffff !important;
  border: 1px solid #dde5ee !important;
  border-radius: 24px !important;
  box-shadow:
    0 10px 28px
    rgba(15, 23, 42, 0.04) !important;
  text-align: left !important;
  text-decoration: none !important;
}
.p26-ai-area-number {
  display: block !important;
  margin: 0 0 22px !important;
  color: #f05a28 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 1.6px !important;
}
.p26-ai-area-card h3 {
  margin: 0 0 13px !important;
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}
.p26-ai-area-card p {
  margin: 0 0 22px !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.66 !important;
  text-align: left !important;
}
.p26-ai-area-card strong {
  display: block !important;
  margin-top: auto !important;
  color: #f05a28 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
/* Contact process */
.p26-ai-process {
  width: 100%;
  padding: 94px 0 !important;
  background: #ffffff;
}
.p26-ai-process-layout {
  display: grid !important;
  grid-template-columns:
    minmax(0, 0.88fr)
    minmax(0, 1.12fr) !important;
  gap: 70px !important;
  align-items: start !important;
}
.p26-ai-process-intro h2 {
  margin: 0 0 18px !important;
  color: #0f172a !important;
  font-size: clamp(32px, 4.4vw, 48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.8px !important;
  text-align: left !important;
}
.p26-ai-process-intro p {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  text-align: left !important;
}
.p26-ai-process-list {
  display: grid !important;
  gap: 16px !important;
}
.p26-ai-process-item {
  display: grid !important;
  grid-template-columns:
    48px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  padding: 24px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
}
.p26-ai-process-item > span {
  display: flex !important;
  width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f05a28 !important;
  background: #fff7f3 !important;
  border: 1px solid #fde8de !important;
  border-radius: 15px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.p26-ai-process-item h3 {
  margin: 1px 0 8px !important;
  color: #0f172a !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  text-align: left !important;
}
.p26-ai-process-item p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
/* =========================================================
   18. REUSABLE RESEARCH AND PROJECT PAGE SYSTEM
   Scoped to .p26-project-page
   Does not affect older project-specific page classes
   ========================================================= */
.p26-project-page {
  width: 100%;
  max-width: none;
  overflow: hidden;
  background: var(--p26-white);
}
.p26-project-full {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}
.p26-project-wrap-wide {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  padding-left: clamp(24px, 5vw, 82px);
  padding-right: clamp(24px, 5vw, 82px);
}
/* Project hero */
.p26-project-hero {
  padding:
    clamp(108px, 10vw, 158px)
    0
    clamp(82px, 8vw, 122px);
  overflow: hidden;
  color: var(--p26-white);
  background:
    radial-gradient(
      circle at 82% 14%,
      rgba(240, 90, 40, 0.23) 0%,
      rgba(240, 90, 40, 0.06) 27%,
      rgba(240, 90, 40, 0) 56%
    ),
    radial-gradient(
      circle at 94% 80%,
      rgba(76, 112, 156, 0.23) 0%,
      rgba(76, 112, 156, 0) 48%
    ),
    linear-gradient(
      135deg,
      #07101f 0%,
      #0f172a 56%,
      #172337 100%
    );
  border-bottom:
    1px solid
    rgba(240, 90, 40, 0.28);
}
.p26-project-hero-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(340px, 0.65fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: end;
}
.p26-project-hero-copy {
  max-width: 1120px;
}
.p26-project-hero .p26-eyebrow {
  color: #fb8b63;
}
.p26-project-hero-title {
  max-width: 1180px;
  margin: 0 0 26px;
  color: var(--p26-white) !important;
  font-size: clamp(46px, 6vw, 82px);
  font-weight: 850;
  line-height: 1.01;
  letter-spacing:
    clamp(-2.7px, -0.15vw, -1px);
}
.p26-project-hero-lead {
  max-width: 940px;
  margin: 0;
  color: #d9e2ee !important;
  font-size: clamp(18px, 1.8vw, 23px);
  line-height: 1.65;
}
.p26-project-hero-actions {
  margin-top: 34px;
}
.p26-project-proof-card {
  max-width: 480px;
  padding: 32px;
  background: rgba(255, 255, 255, 0.055);
  border:
    1px solid
    rgba(255, 255, 255, 0.13);
  border-top: 4px solid var(--p26-orange);
  border-radius: 24px;
  backdrop-filter: blur(8px);
}
.p26-project-proof-label {
  margin: 0 0 14px;
  color: #fb8b63;
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.p26-project-proof-card h2 {
  margin: 0 0 14px;
  color: var(--p26-white) !important;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.16;
  letter-spacing: -0.5px;
}
.p26-project-proof-card p {
  margin: 0;
  color: #cbd5e1 !important;
  font-size: 15px;
  line-height: 1.68;
}
/* Project metric strip */
.p26-project-metrics {
  padding: 0;
  background: var(--p26-dark-bg);
}
.p26-project-metric-grid {
  display: grid;
  grid-template-columns:
    repeat(5, minmax(0, 1fr));
  border-top:
    1px solid
    rgba(255, 255, 255, 0.1);
  border-bottom:
    1px solid
    rgba(255, 255, 255, 0.1);
}
.p26-project-metric {
  padding: 25px 22px;
  border-right:
    1px solid
    rgba(255, 255, 255, 0.1);
}
.p26-project-metric:last-child {
  border-right: 0;
}
.p26-project-metric strong {
  display: block;
  margin: 0 0 7px;
  color: var(--p26-white) !important;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.2;
}
.p26-project-metric span {
  display: block;
  color: var(--p26-slate-light) !important;
  font-size: 12.5px;
  line-height: 1.45;
}
/* General project sections */
.p26-project-section {
  padding: clamp(84px, 8vw, 122px) 0;
  background: var(--p26-white);
}
.p26-project-section-soft {
  background: var(--p26-soft);
  border-top: 1px solid var(--p26-border);
  border-bottom: 1px solid var(--p26-border);
}
.p26-project-section-dark {
  color: var(--p26-white);
  background: var(--p26-dark-bg);
  border-top:
    1px solid
    rgba(240, 90, 40, 0.24);
  border-bottom:
    1px solid
    rgba(240, 90, 40, 0.24);
}
.p26-project-section-heading {
  max-width: 1080px;
  margin-bottom: 48px;
}
.p26-project-section-title {
  max-width: 1080px;
  margin: 0 0 20px;
  color: var(--p26-ink) !important;
  font-size: clamp(32px, 4.4vw, 56px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -1.15px;
}
.p26-project-section-lead {
  max-width: 940px;
  margin: 0;
  color: var(--p26-slate) !important;
  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.7;
}
.p26-project-section-dark .p26-project-section-title {
  color: var(--p26-white) !important;
}
.p26-project-section-dark .p26-project-section-lead,
.p26-project-section-dark .p26-project-copy p {
  color: #b8c5d4 !important;
}
.p26-project-split {
  display: grid;
  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);
  gap: clamp(46px, 7vw, 96px);
  align-items: start;
}
.p26-project-copy p {
  margin: 0 0 20px;
  color: var(--p26-slate) !important;
  font-size: 17px;
  line-height: 1.75;
}
/* Funding classification */
.p26-project-classification-card {
  min-height: 100%;
}
.p26-project-classification-card h3 {
  margin: 0 0 14px;
  font-size: 27px;
  font-weight: 850;
  line-height: 1.17;
}
.p26-project-classification-card p {
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1.7;
}
.p26-project-icon {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: 0 0 22px;
  color: var(--p26-orange);
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
  border-radius: 15px;
  font-family: var(--p26-font-mono) !important;
  font-size: 13px;
  font-weight: 850;
}
.p26-project-icon-dark {
  background: rgba(240, 90, 40, 0.12);
  border-color: rgba(240, 90, 40, 0.32);
}
.p26-project-check-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.p26-project-check-list li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 22px;
  color: var(--p26-slate);
  font-size: 14.5px;
  line-height: 1.55;
}
.p26-project-check-list li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--p26-orange);
  border-radius: 50%;
}
.p26-project-check-list-dark li {
  color: #b8c5d4;
}
/* Small capability cards */
.p26-project-code {
  margin: 0 0 15px;
  color: var(--p26-orange);
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.15px;
}
.p26-project-card-note {
  margin-top: 20px;
  padding-top: 16px;
  color: var(--p26-slate);
  border-top: 1px solid var(--p26-border);
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.5;
}
.p26-project-card-note-dark {
  color: #aebdce;
  border-top-color:
    rgba(255, 255, 255, 0.13);
}
/* Project portfolio */
.p26-project-group {
  margin-top: 62px;
}
.p26-project-section-heading + .p26-project-group {
  margin-top: 0;
}
.p26-project-group-separated {
  margin-top: 64px;
  padding-top: 64px;
  border-top: 1px solid var(--p26-border);
}
.p26-project-group-heading {
  display: flex;
  max-width: 940px;
  align-items: flex-start;
  gap: 20px;
  margin: 0 0 32px;
}
.p26-project-group-marker {
  display: flex;
  width: 52px;
  min-width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  color: var(--p26-orange);
  background: var(--p26-dark-bg);
  border: 1px solid rgba(240, 90, 40, 0.45);
  border-radius: 16px;
  font-family: var(--p26-font-mono) !important;
  font-size: 13px;
  font-weight: 850;
}
.p26-project-group-heading h3 {
  margin: 0 0 7px;
  color: var(--p26-ink);
  font-size: 29px;
  font-weight: 850;
  line-height: 1.17;
}
.p26-project-group-heading p {
  margin: 0;
  color: var(--p26-slate);
  font-size: 16px;
  line-height: 1.65;
}
.p26-project-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 30px;
  color: inherit !important;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-top: 4px solid #cbd5e1;
  border-radius: 23px;
  box-shadow:
    0 12px 30px
    rgba(15, 23, 42, 0.045);
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.p26-project-card:hover {
  transform: translateY(-3px);
  border-color:
    rgba(240, 90, 40, 0.55);
  box-shadow:
    0 18px 44px
    rgba(15, 23, 42, 0.09);
}
.p26-project-card-dark {
  color: var(--p26-dark-text) !important;
  background: var(--p26-dark-bg);
  border-color:
    rgba(240, 90, 40, 0.38);
  border-top-color: var(--p26-orange);
}
.p26-project-card h3 {
  margin: 0 0 12px;
  color: var(--p26-ink) !important;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.18;
}
.p26-project-card-dark h3 {
  color: var(--p26-white) !important;
}
.p26-project-card > p {
  margin: 0 0 20px;
  color: var(--p26-slate) !important;
  font-size: 14.5px;
  line-height: 1.67;
}
.p26-project-card-dark > p {
  color: #cbd5e1 !important;
}
.p26-project-card-topline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 20px;
}
.p26-project-badge,
.p26-project-status {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 6px 10px;
  border-radius: var(--p26-radius-pill);
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.55px;
  text-transform: uppercase;
}
.p26-project-badge {
  color: var(--p26-orange);
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
}
.p26-project-status {
  color: var(--p26-slate-mid);
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
}
.p26-project-card-dark .p26-project-badge {
  background: rgba(240, 90, 40, 0.13);
  border-color: rgba(240, 90, 40, 0.32);
}
.p26-project-card-dark .p26-project-status {
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.15);
}
.p26-project-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 22px;
}
.p26-project-tags span {
  display: inline-flex;
  padding: 6px 9px;
  color: var(--p26-slate);
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
  border-radius: var(--p26-radius-pill);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}
.p26-project-card-dark .p26-project-tags span {
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.14);
}
.p26-project-card .p26-link-orange {
  display: block;
  margin-top: auto;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.3;
}
/* Project process */
.p26-project-process {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.p26-project-process-step {
  padding: 28px;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-top: 4px solid var(--p26-orange);
  border-radius: 21px;
}
.p26-project-process-step-dark {
  background: var(--p26-dark-bg);
  border-color:
    rgba(240, 90, 40, 0.34);
}
.p26-project-process-number {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  color: var(--p26-orange);
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
  border-radius: 14px;
  font-family: var(--p26-font-mono) !important;
  font-size: 12px;
  font-weight: 850;
}
.p26-project-process-step-dark .p26-project-process-number {
  background: rgba(240, 90, 40, 0.13);
  border-color: rgba(240, 90, 40, 0.32);
}
.p26-project-process-step h3 {
  margin: 0 0 10px;
  color: var(--p26-ink);
  font-size: 20px;
  font-weight: 850;
  line-height: 1.22;
}
.p26-project-process-step-dark h3 {
  color: var(--p26-white);
}
.p26-project-process-step p {
  margin: 0;
  color: var(--p26-slate);
  font-size: 14px;
  line-height: 1.65;
}
.p26-project-process-step-dark p {
  color: #cbd5e1;
}
/* Technology transfer links */
.p26-project-link-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.p26-project-service-link {
  display: block;
  min-width: 0;
  padding: 22px;
  background: rgba(255, 255, 255, 0.055);
  border:
    1px solid
    rgba(255, 255, 255, 0.12);
  border-left: 4px solid var(--p26-orange);
  border-radius: 17px;
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease;
}
.p26-project-service-link:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.09);
  border-color:
    rgba(240, 90, 40, 0.55);
}
.p26-project-service-link strong {
  display: block;
  margin: 0 0 6px;
  color: var(--p26-white) !important;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.25;
}
.p26-project-service-link span {
  display: block;
  color: #aebdce !important;
  font-size: 13.5px;
  line-height: 1.5;
}
/* Related cards */
.p26-project-related-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 34px;
  color: inherit !important;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-top: 4px solid var(--p26-orange);
  border-radius: 24px;
  box-shadow:
    0 14px 34px
    rgba(15, 23, 42, 0.05);
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.p26-project-related-card:hover {
  transform: translateY(-2px);
  border-color:
    rgba(240, 90, 40, 0.55);
  box-shadow:
    0 18px 42px
    rgba(15, 23, 42, 0.08);
}
.p26-project-related-card-dark {
  color: var(--p26-dark-text) !important;
  background: var(--p26-dark-bg);
  border-color:
    rgba(240, 90, 40, 0.3);
}
.p26-project-related-label {
  display: block;
  margin: 0 0 16px;
  color: var(--p26-orange) !important;
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.p26-project-related-card h3 {
  margin: 0 0 13px;
  color: var(--p26-ink) !important;
  font-size: 25px;
  font-weight: 850;
  line-height: 1.17;
}
.p26-project-related-card-dark h3 {
  color: var(--p26-white) !important;
}
.p26-project-related-card p {
  margin: 0 0 22px;
  color: var(--p26-slate) !important;
  font-size: 15px;
  line-height: 1.68;
}
.p26-project-related-card-dark p {
  color: #cbd5e1 !important;
}
.p26-project-related-card .p26-link-orange {
  margin-top: auto;
}
/* Project CTA */
.p26-project-cta-section {
  padding-top: 72px;
}
.p26-project-cta-card {
  max-width: 1280px;
  padding:
    clamp(56px, 7vw, 92px)
    clamp(28px, 6vw, 84px);
  border-radius: 34px;
}
.p26-project-cta-card h2 {
  max-width: 940px;
  margin: 0 auto 22px;
  color: var(--p26-white) !important;
  font-size: clamp(36px, 5vw, 62px);
  font-weight: 850;
  line-height: 1.06;
  letter-spacing: -1.35px;
}
.p26-project-cta-card p {
  max-width: 840px;
  margin: 0 auto;
  color: #c5d0de !important;
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.7;
}
.p26-project-cta-actions {
  justify-content: center;
  margin-top: 34px;
}
.p26-project-cta-card .p26-btn-secondary {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(5px);
}
.p26-project-cta-card .p26-btn-secondary:hover {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.12);
  border-color:
    rgba(240, 90, 40, 0.75);
}
/* =========================================================
   19. HUBSPOT FULL-WIDTH SUPPORT
   Scoped only when these pages are present
   ========================================================= */
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page),
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
> .row-fluid,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.dnd-column,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.span12,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.widget-span,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.hs_cos_wrapper,
body:has(.p26-project-page)
.row-fluid-wrapper:has(.p26-project-page),
body:has(.p26-project-page)
.content-wrapper:has(.p26-project-page),
body:has(.p26-project-page)
main:has(.p26-project-page),
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact),
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
> .row-fluid,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.dnd-column,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.span12,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.widget-span,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.hs_cos_wrapper,
body:has(.p26-ai-contact)
.row-fluid-wrapper:has(.p26-ai-contact),
body:has(.p26-ai-contact)
.content-wrapper:has(.p26-ai-contact),
body:has(.p26-ai-contact)
main:has(.p26-ai-contact) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* =========================================================
   20. LEGACY INLINE LAYOUT COMPATIBILITY
   Existing pages preserved
   ========================================================= */
.p26 [style*="display: grid"] > * {
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (max-width: 1100px) {
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,1.35fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 1.35fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,0.72fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 0.72fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,0.78fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 0.78fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,0.82fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 0.82fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,1.22fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 1.22fr)"] {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   21. RESPONSIVE
   ========================================================= */
@media (max-width: 1180px) {
  .p26-project-process {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
  .p26-project-metric-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .p26-split,
  .p26-split-40-60,
  .p26-split-45-55,
  .p26-split-55-45,
  .p26-split-60-40,
  .p26-split-65-35 {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .p26-timeline {
    grid-template-columns: 1fr;
  }
  .p26-project-hero-grid,
  .p26-project-split {
    grid-template-columns: 1fr;
  }
  .p26-project-proof-card {
    max-width: 760px;
  }
}
@media (max-width: 980px) {
  .p26-grid-3,
  .p26-grid-4 {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
  .p26-wrap,
  .p26-wrap-sm,
  .p26-wrap-narrow,
  .p26-wrap-md {
    padding-left: 22px;
    padding-right: 22px;
  }
  .p26-wrap-wide,
  .p26-wrap-full {
    padding-left: 24px;
    padding-right: 24px;
  }
  .p26-ai-proof-row,
  .p26-ai-area-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
  .p26-ai-process-layout {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }
}
@media (max-width: 700px) {
  .p26 h1,
  .p26 h2,
  .p26 h3,
  .p26 h4,
  .p26 h5,
  .p26 h6 {
    max-width: 100% !important;
    text-wrap: wrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
  }
  .p26-grid-2,
  .p26-grid-3,
  .p26-grid-4 {
    grid-template-columns: 1fr;
  }
  .p26-wrap,
  .p26-wrap-sm,
  .p26-wrap-narrow,
  .p26-wrap-md,
  .p26-wrap-wide,
  .p26-wrap-full {
    padding-left: 18px;
    padding-right: 18px;
  }
  .p26-section {
    padding:
      clamp(52px, 10vw, 76px)
      0;
  }
  .p26-h1 {
    font-size:
      clamp(36px, 10.5vw, 50px);
    line-height: 1.05;
    letter-spacing: -1px;
  }
  .p26-h2 {
    font-size:
      clamp(28px, 8vw, 38px);
    line-height: 1.1;
    letter-spacing: -0.5px;
  }
  .p26-card,
  .p26-card-soft,
  .p26-card-warm,
  .p26-card-orange,
  .p26-card-dark,
  .p26-dark-card,
  .p26-card-ghost,
  .p26-dark-inner {
    padding: 23px !important;
    border-radius: 20px !important;
  }
  .p26-btn-row,
  .p26-btn-row-strong,
  .p26-btns {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .p26-btn,
  .p26-btn-primary,
  .p26-btn-secondary,
  .p26-btn-outline,
  .p26-btn-ghost,
  .p26-btn-ghost-orange {
    width: 100%;
  }
  .p26-proof {
    grid-template-columns: 1fr;
  }
  .p26-stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
  .p26-timeline {
    grid-template-columns: 1fr;
    padding-left: 28px;
  }
  .p26-timeline-dot {
    left: -39px;
  }
  .p26-faq-question {
    padding: 16px 18px !important;
    font-size: 15px !important;
  }
  .p26-faq-answer {
    padding: 0 18px 20px;
    font-size: 15px;
  }
  .p26-cta-card,
  .p26-cta-band {
    padding: 36px 20px;
    border-radius: 20px;
  }
  .p26-table {
    min-width: 720px;
  }
  .p26-table-auto {
    min-width: 0;
  }
  .p26-project-metric-grid,
  .p26-project-process,
  .p26-project-link-grid {
    grid-template-columns: 1fr;
  }
  .p26-project-metric {
    border-right: 0;
    border-bottom:
      1px solid
      rgba(255, 255, 255, 0.1);
  }
  .p26-project-metric:last-child {
    border-bottom: 0;
  }
  .p26-project-group-heading {
    display: grid;
    grid-template-columns: 1fr;
  }
  .p26-project-card-topline {
    align-items: flex-start;
    flex-direction: column;
  }
  .p26-project-cta-card {
    padding: 52px 24px;
    border-radius: 25px;
  }
  .p26-project-hero-title {
    font-size:
      clamp(39px, 11.5vw, 53px);
    line-height: 1.04;
    letter-spacing: -1.4px;
  }
  .p26-project-section-title {
    font-size:
      clamp(31px, 9.5vw, 43px);
    line-height: 1.09;
  }
  .p26-project-card,
  .p26-project-related-card,
  .p26-project-process-step,
  .p26-project-classification-card {
    padding: 27px;
    border-radius: 21px;
  }
  .p26-project-wrap-wide {
    padding-left: 21px;
    padding-right: 21px;
  }
  /* Legacy mobile inline grid override */
  .p26 [style*="display: grid"][style*="grid-template-columns"],
  .p26 [style*="display:grid"][style*="grid-template-columns"],
  .p26 [style*="grid-template-columns"] {
    grid-template-columns:
      minmax(0, 1fr) !important;
    gap: 28px !important;
  }
  .p26 [style*="grid-template-columns"] > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .p26 h1,
  .p26 h2,
  .p26 h3,
  .p26 h4,
  .p26 h5,
  .p26 h6,
  .p26 p,
  .p26 li,
  .p26 a,
  .p26 span,
  .p26 strong,
  .p26 summary {
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    word-wrap: normal !important;
  }
}
@media (max-width: 640px) {
  .p26-ai-contact .p26-wrap {
    padding: 0 20px !important;
  }
  .p26-ai-hero {
    padding: 68px 0 54px !important;
  }
  .p26-ai-hero h1 {
    font-size:
      clamp(40px, 12vw, 56px) !important;
    line-height: 1.03 !important;
    letter-spacing: -1.1px !important;
  }
  .p26-ai-hero-lead {
    font-size: 18px !important;
  }
  .p26-ai-proof-row,
  .p26-ai-area-grid {
    grid-template-columns: 1fr !important;
  }
  .p26-ai-form-section,
  .p26-ai-areas,
  .p26-ai-process {
    padding: 62px 0 !important;
  }
  .p26-ai-form-shell {
    padding: 27px 20px !important;
    border-radius: 22px !important;
  }
  .p26-ai-form-heading {
    display: block !important;
  }
  .p26-ai-form-marker {
    display: none !important;
  }
  .p26-ai-form-shell fieldset.form-columns-2 {
    display: block !important;
  }
  .p26-ai-form-shell .hs-button,
  .p26-ai-form-shell input[type="submit"] {
    width: 100% !important;
  }
  .p26-ai-area-card {
    min-height: 0 !important;
    padding: 26px !important;
  }
  .p26-ai-process-item {
    grid-template-columns:
      44px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 22px 18px !important;
  }
  .p26-ai-process-item > span {
    width: 42px !important;
    height: 42px !important;
  }
}
@media (max-width: 390px) {
  .p26-wrap,
  .p26-wrap-sm,
  .p26-wrap-narrow,
  .p26-wrap-md,
  .p26-wrap-wide,
  .p26-wrap-full {
    padding-left: 15px;
    padding-right: 15px;
  }
  .p26-stats {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .p26-stat-num,
  .p26-stat-num-dark {
    font-size: 28px;
  }
  .p26-hero {
    padding: 52px 0 44px;
  }
  .p26-tags {
    gap: 6px;
  }
  .p26-tag {
    padding: 5px 9px;
    font-size: 11px;
  }
}
/* =========================================================
   22. REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .p26 *,
  .p26 *::before,
  .p26 *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* =========================================================
   23. PRINT
   ========================================================= */
@media print {
  .p26 {
    color: #000000 !important;
    background: #ffffff !important;
  }
  .p26 section {
    break-inside: avoid;
  }
  .p26-btn-row,
  .p26-btn-row-strong,
  .p26-btns,
  .p26-cta-section,
  .p26-section-cta {
    display: none !important;
  }
}
/* =========================================================
   P26 PROJECT SYSTEM CASCADE AND MOBILE CORRECTIONS
   Keep at the absolute end of p26.css
   Scoped exclusively to .p26-project-page
   ========================================================= */

/* ---------------------------------------------------------
   FULL WIDTH WITHOUT THE 50VW OFFSET
   HubSpot wrappers are already reset by the project rules
   --------------------------------------------------------- */

.p26.p26-project-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  background: #ffffff !important;
}

.p26-project-page .p26-project-full {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---------------------------------------------------------
   HERO
   Force correct colors against .p26 h1 and theme styles
   --------------------------------------------------------- */

.p26-project-page .p26-project-hero {
  color: #ffffff !important;
  background:
    radial-gradient(
      circle at 82% 14%,
      rgba(240, 90, 40, 0.25) 0%,
      rgba(240, 90, 40, 0.07) 27%,
      rgba(240, 90, 40, 0) 56%
    ),
    radial-gradient(
      circle at 94% 80%,
      rgba(76, 112, 156, 0.25) 0%,
      rgba(76, 112, 156, 0) 48%
    ),
    linear-gradient(
      135deg,
      #07101f 0%,
      #0f172a 56%,
      #172337 100%
    ) !important;
}

.p26-project-page .p26-project-hero h1.p26-project-hero-title {
  color: #ffffff !important;
  text-shadow:
    0 3px 22px rgba(0, 0, 0, 0.34) !important;
}

.p26-project-page .p26-project-hero .p26-project-hero-lead {
  color: #dbe5f0 !important;
}

.p26-project-page .p26-project-hero .p26-eyebrow {
  color: #fb8b63 !important;
}

.p26-project-page .p26-project-proof-card {
  color: #ffffff !important;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0.055) 100%
    ) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-top: 4px solid #f05a28 !important;
}

.p26-project-page .p26-project-proof-card h2 {
  color: #ffffff !important;
}

.p26-project-page .p26-project-proof-card p {
  color: #d3deeb !important;
}

/* Buttons inside the dark hero */

.p26-project-page .p26-project-hero a.p26-btn-primary,
.p26-project-page .p26-project-hero a.p26-btn-primary:visited {
  color: #ffffff !important;
  background: #f05a28 !important;
  border-color: #f05a28 !important;
}

.p26-project-page .p26-project-hero a.p26-btn-secondary,
.p26-project-page .p26-project-hero a.p26-btn-secondary:visited {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

/* ---------------------------------------------------------
   METRIC STRIP
   Restore dark strip and light typography
   --------------------------------------------------------- */

.p26-project-page .p26-project-metrics {
  color: #ffffff !important;
  background: #0f172a !important;
}

.p26-project-page .p26-project-metric strong {
  color: #ffffff !important;
}

.p26-project-page .p26-project-metric span {
  color: #aebed0 !important;
}

/* ---------------------------------------------------------
   SECTION TYPOGRAPHY
   Protect against global heading rules
   --------------------------------------------------------- */

.p26-project-page h2.p26-project-section-title {
  color: #0f172a !important;
}

.p26-project-page .p26-project-section-dark h2.p26-project-section-title {
  color: #ffffff !important;
}

.p26-project-page .p26-project-section-dark .p26-eyebrow {
  color: #fb8b63 !important;
}

/* ---------------------------------------------------------
   GENERAL LIGHT CARDS
   Cream background with visible separation
   --------------------------------------------------------- */

.p26-project-page .p26-card,
.p26-project-page .p26-card-soft,
.p26-project-page .p26-project-process-step,
.p26-project-page .p26-project-related-card,
.p26-project-page a.p26-project-card {
  background: #fff9f5 !important;
  border-color: #f2ded4 !important;
  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.p26-project-page .p26-card h3,
.p26-project-page .p26-card-soft h3,
.p26-project-page .p26-project-process-step h3,
.p26-project-page .p26-project-related-card h3,
.p26-project-page a.p26-project-card h3 {
  color: #0f172a !important;
}

.p26-project-page .p26-card p,
.p26-project-page .p26-card-soft p,
.p26-project-page .p26-project-process-step p,
.p26-project-page .p26-project-related-card p,
.p26-project-page a.p26-project-card > p {
  color: #475569 !important;
}

/* White variation for alternating cards when desired */

.p26-project-page .p26-project-group a.p26-project-card:nth-child(even) {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

/* ---------------------------------------------------------
   DARK FEATURED CARDS
   Higher specificity than generic card and theme selectors
   --------------------------------------------------------- */

.p26-project-page a.p26-project-card.p26-project-card-dark,
.p26-project-page a.p26-project-card.p26-project-card-dark:link,
.p26-project-page a.p26-project-card.p26-project-card-dark:visited {
  color: #e2e8f0 !important;
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(240, 90, 40, 0.16) 0%,
      rgba(240, 90, 40, 0) 45%
    ),
    linear-gradient(
      145deg,
      #0b1220 0%,
      #111c30 100%
    ) !important;
  border: 1px solid rgba(240, 90, 40, 0.34) !important;
  border-top: 4px solid #f05a28 !important;
}

.p26-project-page a.p26-project-card.p26-project-card-dark h3 {
  color: #ffffff !important;
}

.p26-project-page a.p26-project-card.p26-project-card-dark > p {
  color: #cbd5e1 !important;
}

.p26-project-page
a.p26-project-card.p26-project-card-dark
.p26-project-status {
  color: #d7e0eb !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.p26-project-page
a.p26-project-card.p26-project-card-dark
.p26-project-badge {
  color: #ff9b77 !important;
  background: rgba(240, 90, 40, 0.14) !important;
  border-color: rgba(240, 90, 40, 0.34) !important;
}

.p26-project-page
a.p26-project-card.p26-project-card-dark
.p26-project-tags span {
  color: #d5dfeb !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* ---------------------------------------------------------
   PROJECT LINK CARDS
   Neutralize HubSpot and template anchor colors
   --------------------------------------------------------- */

.p26-project-page a.p26-project-card,
.p26-project-page a.p26-project-card:link,
.p26-project-page a.p26-project-card:visited,
.p26-project-page a.p26-project-card:hover,
.p26-project-page a.p26-project-card:focus {
  color: #0f172a !important;
  text-decoration: none !important;
}

.p26-project-page a.p26-project-card h3,
.p26-project-page a.p26-project-card h3:visited {
  color: #0f172a !important;
}

.p26-project-page a.p26-project-card .p26-project-badge {
  color: #c7461d !important;
  background: #ffede5 !important;
  border-color: #f7d5c7 !important;
}

.p26-project-page a.p26-project-card .p26-project-status {
  color: #475569 !important;
  background: #ffffff !important;
  border-color: #dce4ed !important;
}

.p26-project-page a.p26-project-card .p26-project-tags span {
  color: #334155 !important;
  background: #ffffff !important;
  border-color: #dce4ed !important;
}

.p26-project-page a.p26-project-card .p26-link-orange,
.p26-project-page a.p26-project-card:visited .p26-link-orange {
  color: #e85020 !important;
}

/* ---------------------------------------------------------
   RELATED CARDS
   Prevent blue inherited links
   --------------------------------------------------------- */

.p26-project-page a.p26-project-related-card,
.p26-project-page a.p26-project-related-card:link,
.p26-project-page a.p26-project-related-card:visited,
.p26-project-page a.p26-project-related-card:hover,
.p26-project-page a.p26-project-related-card:focus {
  color: #0f172a !important;
  text-decoration: none !important;
}

.p26-project-page a.p26-project-related-card h3 {
  color: #0f172a !important;
}

.p26-project-page a.p26-project-related-card p {
  color: #475569 !important;
}

.p26-project-page
a.p26-project-related-card
.p26-project-related-label {
  color: #c7461d !important;
}

.p26-project-page
a.p26-project-related-card
.p26-link-orange {
  color: #e85020 !important;
}

.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark,
.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark:visited {
  color: #e2e8f0 !important;
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(240, 90, 40, 0.16) 0%,
      rgba(240, 90, 40, 0) 48%
    ),
    #0f172a !important;
  border-color: rgba(240, 90, 40, 0.34) !important;
}

.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark h3 {
  color: #ffffff !important;
}

.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark p {
  color: #cbd5e1 !important;
}

/* ---------------------------------------------------------
   TECHNOLOGY TRANSFER LINKS
   Prevent blue link inheritance
   --------------------------------------------------------- */

.p26-project-page a.p26-project-service-link,
.p26-project-page a.p26-project-service-link:link,
.p26-project-page a.p26-project-service-link:visited,
.p26-project-page a.p26-project-service-link:hover,
.p26-project-page a.p26-project-service-link:focus {
  color: #ffffff !important;
  text-decoration: none !important;
  background: rgba(255, 255, 255, 0.065) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  border-left-color: #f05a28 !important;
}

.p26-project-page a.p26-project-service-link strong {
  color: #ffffff !important;
}

.p26-project-page a.p26-project-service-link span {
  color: #b9c7d6 !important;
}

/* ---------------------------------------------------------
   CLASSIFICATION CARDS
   --------------------------------------------------------- */

.p26-project-page .p26-project-classification-card.p26-card-orange {
  background: #fff7f2 !important;
  border-color: #f3d7c9 !important;
  border-top-color: #f05a28 !important;
}

.p26-project-page .p26-project-classification-card.p26-dark-card {
  color: #e2e8f0 !important;
  background:
    linear-gradient(
      145deg,
      #0b1220 0%,
      #111c30 100%
    ) !important;
  border-color: rgba(240, 90, 40, 0.34) !important;
}

.p26-project-page
.p26-project-classification-card.p26-dark-card h3 {
  color: #ffffff !important;
}

.p26-project-page
.p26-project-classification-card.p26-dark-card p,
.p26-project-page
.p26-project-classification-card.p26-dark-card li {
  color: #cbd5e1 !important;
}

/* ---------------------------------------------------------
   MOBILE TYPOGRAPHY AND SPACING
   --------------------------------------------------------- */

@media (max-width: 700px) {

  .p26-project-page .p26-project-wrap-wide {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .p26-project-page .p26-project-hero {
    padding-top: 86px !important;
    padding-bottom: 68px !important;
  }

  .p26-project-page
  .p26-project-hero
  h1.p26-project-hero-title {
    font-size: clamp(38px, 10.4vw, 50px) !important;
    line-height: 1.035 !important;
    letter-spacing: -1.2px !important;
  }

  .p26-project-page .p26-project-hero-lead {
    font-size: 18px !important;
    line-height: 1.62 !important;
  }

  .p26-project-page h2.p26-project-section-title {
    font-size: clamp(30px, 7.8vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.7px !important;
  }

  .p26-project-page .p26-project-section-lead {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  .p26-project-page .p26-project-section {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }

  .p26-project-page .p26-project-metric {
    padding: 23px 4px !important;
  }

  .p26-project-page .p26-project-card,
  .p26-project-page .p26-project-related-card,
  .p26-project-page .p26-project-process-step {
    padding: 26px !important;
  }

  .p26-project-page .p26-project-card h3 {
    font-size: 23px !important;
    line-height: 1.18 !important;
  }

  .p26-project-page .p26-project-card-topline {
    gap: 8px !important;
  }

  .p26-project-page .p26-project-badge,
  .p26-project-page .p26-project-status {
    width: auto !important;
    max-width: 100% !important;
  }
}
/* P26 horizontal content safety spacing */

.p26 .p26-wrap,
.p26-wrap,
.p26-jobs .p26-jobs-wrap,
.p26-jobs-wrap {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 4vw, 56px) !important;
  padding-right: clamp(32px, 4vw, 56px) !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .p26 .p26-wrap,
  .p26-wrap,
  .p26-jobs .p26-jobs-wrap,
  .p26-jobs-wrap {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }
}

@media (max-width: 480px) {
  .p26 .p26-wrap,
  .p26-wrap,
  .p26-jobs .p26-jobs-wrap,
  .p26-jobs-wrap {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
/* Prevent automatic hyphenation across Pangeanic headings */

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body h1 *,
html body h2 *,
html body h3 *,
html body h4 *,
html body h5 *,
html body h6 * {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;

  white-space: normal !important;
}
<style id="p26-knowledge-system">

/* =========================================================
   PANGEANIC 2026 GLOBAL DESIGN SYSTEM
   Consolidated compatibility build
   ========================================================= */
/* =========================================================
   1. GLOBAL VARIABLES
   ========================================================= */
.p26 {
  --p26-orange: #f05a28;
  --p26-orange-light: #fb7a4f;
  --p26-orange-soft: #fff7f3;
  --p26-orange-border: #fde8de;
  --p26-orange-muted: rgba(240, 90, 40, 0.18);
  --p26-orange-glow: rgba(240, 90, 40, 0.28);
  --p26-ink: #0f172a;
  --p26-ink-2: #1e293b;
  --p26-slate-dark: #334155;
  --p26-slate: #475569;
  --p26-slate-mid: #64748b;
  --p26-slate-light: #94a3b8;
  --p26-border: #e2e8f0;
  --p26-soft: #f8fafc;
  --p26-white: #ffffff;
  --p26-dark-bg: #0f172a;
  --p26-dark-deep: #0b1220;
  --p26-dark-surface: rgba(255, 255, 255, 0.065);
  --p26-dark-border: rgba(255, 255, 255, 0.14);
  --p26-dark-text: #e2e8f0;
  --p26-dark-muted: #94a3b8;
  --p26-font-body:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif;
  --p26-font-mono:
    "Inconsolata",
    "Andale Mono",
    "Courier New",
    monospace;
  --p26-section-pad: clamp(60px, 8vw, 96px);
  --p26-gap: 20px;
  --p26-gap-lg: 24px;
  --p26-radius-sm: 12px;
  --p26-radius: 20px;
  --p26-radius-lg: 24px;
  --p26-radius-xl: 28px;
  --p26-radius-pill: 999px;
  --p26-shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.06);
  --p26-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  --p26-shadow-lg: 0 18px 44px rgba(15, 23, 42, 0.13);
  --p26-shadow-orange: 0 4px 18px rgba(240, 90, 40, 0.3);
}
/* =========================================================
   2. BASE RESET
   ========================================================= */
.p26,
.p26 *,
.p26 *::before,
.p26 *::after {
  box-sizing: border-box;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}
.p26 {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: var(--p26-ink);
  background: var(--p26-white);
  font-family: var(--p26-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p26 h1,
.p26 h2,
.p26 h3,
.p26 h4,
.p26 h5,
.p26 h6,
.p26 p,
.p26 a,
.p26 span,
.p26 li,
.p26 strong,
.p26 em,
.p26 label,
.p26 summary,
.p26 td,
.p26 th,
.p26 button,
.p26 input,
.p26 textarea,
.p26 select {
  font-family: var(--p26-font-body) !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
}
.p26 h1,
.p26 h2,
.p26 h3,
.p26 h4,
.p26 h5,
.p26 h6 {
  margin-top: 0;
  color: var(--p26-ink);
  font-weight: 800;
  line-height: 1.12;
  text-wrap: balance;
}
.p26 p {
  margin-top: 0;
}
.p26 a {
  text-decoration: none;
}
.p26 ul,
.p26 ol {
  margin: 0;
  padding-left: 20px;
}
.p26 li {
  margin-bottom: 8px;
}
.p26 img,
.p26 video,
.p26 svg {
  max-width: 100%;
}
.p26 img,
.p26 video {
  display: block;
  height: auto;
}
.p26 section,
.p26 article,
.p26 aside,
.p26 header,
.p26 footer,
.p26 main,
.p26 div {
  min-width: 0;
}
.p26-no-cjk-break {
  word-break: keep-all !important;
}
/* =========================================================
   3. CONTAINERS
   ========================================================= */
.p26-wrap,
.p26-wrap-sm,
.p26-wrap-md,
.p26-wrap-wide,
.p26-wrap-full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p26-wrap {
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
}
.p26-wrap-sm,
.p26-wrap-narrow {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.p26-wrap-md {
  max-width: 1180px;
  padding-left: 24px;
  padding-right: 24px;
}
.p26-wrap-wide {
  max-width: 1440px;
  padding-left: 32px;
  padding-right: 32px;
}
.p26-wrap-full {
  max-width: 1600px;
  padding-left: 5%;
  padding-right: 5%;
}
.p26-section {
  padding: var(--p26-section-pad) 0;
}
.p26-section-white,
.p26-bg-white {
  background: var(--p26-white);
}
.p26-bg-warm {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fff7f3 100%
  );
  border-bottom: 1px solid var(--p26-orange-border);
}
.p26-bg-soft {
  background: var(--p26-soft);
  border-top: 1px solid var(--p26-border);
  border-bottom: 1px solid var(--p26-border);
}
.p26-bg-peach {
  background: var(--p26-orange-soft);
  border-top: 1px solid var(--p26-orange-border);
  border-bottom: 1px solid var(--p26-orange-border);
}
.p26-bg-dark {
  color: var(--p26-white);
  background: var(--p26-dark-bg);
}
.p26-bg-deepdark {
  color: var(--p26-white);
  background: var(--p26-dark-deep);
}
.p26-bg-cta {
  color: var(--p26-white);
  background: linear-gradient(
    135deg,
    #0f172a 0%,
    #1e293b 100%
  );
}
.p26-bg-dots {
  background-color: #ffffff;
  background-image:
    radial-gradient(
      #e2e8f0 1px,
      transparent 1px
    );
  background-size: 25px 25px;
}
.p26-bleed {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* =========================================================
   4. TYPOGRAPHY
   ========================================================= */
.p26-eyebrow {
  margin-bottom: 12px;
  color: var(--p26-orange);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
.p26-proof-label {
  margin: 0 0 22px;
  color: var(--p26-orange) !important;
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.p26-h1 {
  font-size: clamp(40px, 6vw, 68px);
  line-height: 1.04;
  letter-spacing: -1.8px;
}
.p26-h2 {
  font-size: clamp(30px, 4.5vw, 46px);
  line-height: 1.1;
  letter-spacing: -0.8px;
}
.p26-h2-lg {
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1.08;
  letter-spacing: -1px;
}
.p26-lead {
  color: var(--p26-slate);
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.58;
}
.p26-body {
  color: var(--p26-slate);
  font-size: 17px;
  line-height: 1.7;
}
.p26-small {
  color: var(--p26-slate-mid);
  font-size: 14px;
  line-height: 1.6;
}
/* =========================================================
   5. GRIDS AND SPLITS
   ========================================================= */
.p26-grid-2,
.p26-grid-3,
.p26-grid-4,
.p26-split,
.p26-split-40-60,
.p26-split-45-55,
.p26-split-55-45,
.p26-split-60-40,
.p26-split-65-35,
.p26-stats,
.p26-proof,
.p26-pillars,
.p26-concept-grid {
  display: grid;
}
.p26-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}
.p26-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.p26-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.p26-split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 52px);
  align-items: start;
}
.p26-split-40-60,
.p26-split-45-55,
.p26-split-55-45,
.p26-split-60-40,
.p26-split-65-35 {
  gap: clamp(30px, 4vw, 54px);
  align-items: start;
}
.p26-split-40-60 {
  grid-template-columns:
    minmax(0, 0.8fr)
    minmax(0, 1.2fr);
}
.p26-split-45-55 {
  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);
}
.p26-split-55-45 {
  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(0, 0.9fr);
}
.p26-split-60-40 {
  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(0, 0.8fr);
}
.p26-split-65-35 {
  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(300px, 0.7fr);
}
.p26-grid-2 > *,
.p26-grid-3 > *,
.p26-grid-4 > *,
.p26-split > *,
.p26-split-40-60 > *,
.p26-split-45-55 > *,
.p26-split-55-45 > *,
.p26-split-60-40 > *,
.p26-split-65-35 > * {
  min-width: 0;
}
.p26-stats {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(135px, 1fr)
    );
  gap: 24px;
}
.p26-proof {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(220px, 1fr)
    );
  gap: 16px;
}
.p26-pillars {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(300px, 1fr)
    );
  gap: 24px;
}
.p26-concept-grid {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(280px, 1fr)
    );
  gap: 22px;
}
.p26-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.p26-flex-center {
  justify-content: center;
}
/* =========================================================
   6. CARDS
   ========================================================= */
.p26-card,
.p26-card-soft,
.p26-card-warm,
.p26-card-orange,
.p26-card-dark,
.p26-dark-card,
.p26-card-ghost,
.p26-dark-inner,
.p26-card-faq {
  min-width: 0;
}
.p26-card {
  padding: 30px;
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
  border-radius: var(--p26-radius-lg);
  box-shadow:
    0 10px 26px
    rgba(15, 23, 42, 0.045);
}
.p26-card-soft {
  padding: 30px;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-radius: var(--p26-radius-lg);
  box-shadow:
    0 10px 26px
    rgba(15, 23, 42, 0.035);
}
.p26-card-warm,
.p26-card-orange {
  padding: 30px;
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
  border-radius: var(--p26-radius-lg);
  box-shadow:
    0 10px 26px
    rgba(240, 90, 40, 0.06);
}
.p26-card-orange {
  border-top: 4px solid var(--p26-orange);
}
.p26-card-dark,
.p26-dark-card {
  padding: 36px;
  color: var(--p26-dark-text);
  background: var(--p26-dark-bg);
  border: 1px solid rgba(240, 90, 40, 0.32);
  border-radius: var(--p26-radius-xl);
  box-shadow: var(--p26-shadow-lg);
}
.p26-card-dark h2,
.p26-card-dark h3,
.p26-dark-card h2,
.p26-dark-card h3 {
  color: var(--p26-white);
}
.p26-card-dark p,
.p26-dark-card p {
  color: var(--p26-dark-text) !important;
}
.p26-card-dark strong,
.p26-dark-card strong {
  color: var(--p26-white) !important;
}
.p26-card-ghost,
.p26-dark-inner {
  display: block;
  padding: 26px !important;
  color: var(--p26-dark-text) !important;
  background: var(--p26-dark-surface) !important;
  border: 1px solid var(--p26-dark-border) !important;
  border-radius: 22px !important;
  box-shadow:
    inset 0 1px 0
    rgba(255, 255, 255, 0.04);
}
.p26-card-ghost h3,
.p26-dark-inner h3 {
  color: var(--p26-white) !important;
}
.p26-card-ghost p,
.p26-dark-inner p {
  color: #cbd5e1 !important;
}
.p26-card-hover,
a.p26-dark-inner {
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}
.p26-card-hover:hover,
a.p26-dark-inner:hover {
  transform: translateY(-3px);
  border-color:
    rgba(240, 90, 40, 0.42) !important;
  box-shadow: var(--p26-shadow);
}
a.p26-dark-inner:hover {
  background:
    rgba(255, 255, 255, 0.1) !important;
}
.p26-card-faq {
  padding: 26px 28px;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-radius: 20px;
}
.p26-card-faq h3 {
  margin: 0 0 10px;
  font-size: 19px;
}
.p26-card-faq p {
  margin: 0;
  color: var(--p26-slate);
  font-size: 15px;
  line-height: 1.65;
}
/* =========================================================
   7. BUTTONS
   ========================================================= */
.p26-btn-row,
.p26-btn-row-strong,
.p26-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.p26-btns-center {
  justify-content: center;
}
.p26-btn,
.p26-btn-primary,
.p26-btn-secondary,
.p26-btn-outline,
.p26-btn-ghost,
.p26-btn-ghost-orange {
  display: inline-flex !important;
  max-width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border: 2px solid transparent;
  border-radius: var(--p26-radius-pill);
  font-family: var(--p26-font-body) !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  word-break: normal !important;
  overflow-wrap: normal !important;
  cursor: pointer;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}
.p26-btn:hover,
.p26-btn-primary:hover,
.p26-btn-secondary:hover,
.p26-btn-outline:hover,
.p26-btn-ghost:hover,
.p26-btn-ghost-orange:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}
.p26-btn:active,
.p26-btn-primary:active,
.p26-btn-secondary:active {
  transform: none;
}
.p26-btn-primary {
  color: var(--p26-white) !important;
  background: var(--p26-orange);
  border-color: var(--p26-orange);
  box-shadow: var(--p26-shadow-orange);
}
.p26-btn-secondary {
  color: var(--p26-ink) !important;
  background: var(--p26-white);
  border-color: var(--p26-border);
}
.p26-btn-outline {
  color: var(--p26-ink) !important;
  background: transparent;
  border-color: var(--p26-ink);
}
.p26-btn-ghost {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.32);
}
.p26-btn-ghost-orange {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--p26-orange);
}
.p26-btn-sm {
  min-height: 38px;
  padding: 10px 18px;
  font-size: 13px;
}
.p26-btn-sq {
  border-radius: 8px;
}
.p26-link,
.p26-link-orange,
.p26-link-arrow {
  color: var(--p26-orange) !important;
  text-decoration: none !important;
}
.p26-link {
  font-weight: 500;
}
.p26-link-orange {
  font-weight: 800;
}
.p26-link-arrow {
  font-size: 13px;
  font-weight: 600;
}
.p26-link-arrow::after {
  content: " →";
}
/* =========================================================
   8. TAGS
   ========================================================= */
.p26-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.p26-tag {
  display: inline-block;
  padding: 6px 11px;
  border-radius: var(--p26-radius-pill);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.p26-tag-light {
  color: var(--p26-ink);
  background: rgba(15, 23, 42, 0.07);
  border: 1px solid rgba(240, 90, 40, 0.38);
}
.p26-tag-dark {
  color: var(--p26-white);
  background: rgba(15, 23, 42, 0.22);
  border: 1px solid rgba(240, 90, 40, 0.42);
  backdrop-filter: blur(6px);
}
.p26-tag-orange {
  color: var(--p26-orange);
  background: var(--p26-orange-muted);
  border: 1px solid rgba(240, 90, 40, 0.38);
}
/* =========================================================
   9. TABLES
   ========================================================= */
.p26-table-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
  border-radius: 22px;
  box-shadow:
    0 14px 30px
    rgba(15, 23, 42, 0.05);
  -webkit-overflow-scrolling: touch;
}
.p26-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  table-layout: auto;
  font-family: var(--p26-font-body);
}
.p26-table-auto {
  min-width: 0;
}
.p26-table-wide {
  min-width: 920px;
}
.p26-table th {
  padding: 18px;
  color: var(--p26-white);
  background: var(--p26-dark-bg);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 1px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: top;
  white-space: normal;
}
.p26-table td {
  padding: 18px;
  color: var(--p26-slate);
  border-top: 1px solid var(--p26-border);
  font-size: 15px;
  line-height: 1.65;
  vertical-align: top;
  white-space: normal;
}
.p26-table tr:nth-child(even) td {
  background: var(--p26-soft);
}
/* =========================================================
   10. HERO AND STATS
   ========================================================= */
.p26-hero {
  padding:
    clamp(72px, 9vw, 118px)
    0
    clamp(58px, 7vw, 92px);
}
.p26-hero h1 {
  text-shadow:
    0 2px 18px
    rgba(0, 0, 0, 0.3);
}
.p26-hero-dark h1,
.p26-hero-dark p {
  color: var(--p26-white);
}
.p26-hero-dark .p26-lead {
  color: var(--p26-soft);
  text-shadow:
    0 2px 14px
    rgba(0, 0, 0, 0.28);
}
.p26-hero-stats {
  margin-top: 52px;
  padding-top: 40px;
  border-top: 1px solid var(--p26-orange-border);
}
.p26-stat-num,
.p26-stat-num-dark {
  margin-bottom: 8px;
  font-size: clamp(32px, 5vw, 38px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1px;
}
.p26-stat-num {
  color: var(--p26-ink);
}
.p26-stat-num-dark {
  color: var(--p26-white);
}
.p26-stat-label,
.p26-stat-label-dark {
  font-size: 13px;
  line-height: 1.45;
}
.p26-stat-label {
  max-width: 170px;
  color: var(--p26-slate-mid);
}
.p26-stat-label-dark {
  color: #cbd5e1;
}
.p26-stat-dark {
  padding: 24px;
  background:
    linear-gradient(
      145deg,
      #0f172a 0%,
      #1e293b 58%,
      rgba(240, 90, 40, 0.18) 100%
    );
  border: 1px solid rgba(240, 90, 40, 0.28);
  border-radius: 20px;
  box-shadow:
    0 14px 32px
    rgba(15, 23, 42, 0.16);
}
.p26-stats-card {
  padding: 26px 28px;
  background: var(--p26-white);
  border: 1px solid var(--p26-orange-border);
  border-radius: 22px;
  box-shadow: var(--p26-shadow-sm);
}
.p26-stats-dark-fade {
  margin-top: 42px;
  padding-top: 42px;
  border-top:
    1px solid
    rgba(240, 90, 40, 0.24);
}
/* =========================================================
   11. TIMELINE AND DATA ROWS
   ========================================================= */
.p26-timeline {
  position: relative;
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 40px;
  padding-left: 40px;
  border-left: 2px solid var(--p26-border);
}
.p26-timeline-item {
  position: relative;
}
.p26-timeline-dot {
  position: absolute;
  top: 5px;
  left: -51px;
  width: 20px;
  height: 20px;
  background: var(--p26-orange);
  border: 5px solid var(--p26-white);
  border-radius: 50%;
  box-shadow:
    0 0 0 1px
    var(--p26-orange);
}
.p26-data-row {
  padding: 18px 20px;
  color: var(--p26-dark-text);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  font-size: 15px;
  line-height: 1.58;
}
.p26-data-row strong {
  display: block;
  margin-bottom: 4px;
  color: var(--p26-white);
  font-size: 16px;
}
/* =========================================================
   12. PILLAR CARDS
   ========================================================= */
.p26-card-pillar {
  display: flex;
  flex-direction: column;
  padding: 35px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.03) 0%,
      rgba(255, 255, 255, 0.015) 100%
    );
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid var(--p26-orange);
  border-radius: 10px;
  box-shadow:
    0 18px 50px
    rgba(0, 0, 0, 0.22);
}
.p26-card-pillar h3 {
  margin: 0 0 14px;
  color: var(--p26-white);
  font-size: 24px;
}
.p26-card-pillar p {
  margin: 0 0 20px;
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.7;
}
.p26-card-pillar-featured {
  background:
    linear-gradient(
      135deg,
      rgba(240, 90, 40, 0.13) 0%,
      rgba(255, 255, 255, 0.03) 100%
    );
  border-color: var(--p26-orange);
}
.p26-pillar-bullets {
  margin-top: auto;
  padding: 15px;
  color: var(--p26-white);
  background: rgba(15, 23, 42, 0.72);
  border: 1px dashed rgba(240, 90, 40, 0.36);
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.8;
}
.p26-bg-dark .p26-eyebrow,
.p26-bg-deepdark .p26-eyebrow,
.p26-bg-cta .p26-eyebrow {
  color: var(--p26-orange);
}
.p26-bg-dark h1,
.p26-bg-dark h2,
.p26-bg-dark h3,
.p26-bg-deepdark h1,
.p26-bg-deepdark h2,
.p26-bg-deepdark h3 {
  color: var(--p26-white);
}
.p26-bg-dark p,
.p26-bg-deepdark p,
.p26-bg-dark .p26-body,
.p26-bg-deepdark .p26-body {
  color: var(--p26-dark-muted);
}
.p26-proof-divider {
  margin-top: 0;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.p26-proof-divider-label {
  margin: 0 0 24px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.p26-pillars-footer {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}
.p26-pillars-footer p {
  max-width: 1100px;
  margin: 0 auto;
  color: #cbd5e1;
  font-size: 18px;
  line-height: 1.6;
}
/* =========================================================
   13. STANDARD CTA
   ========================================================= */
.p26-cta-section,
.p26-section-cta {
  padding: 0 0 88px;
  background: var(--p26-white);
}
.p26-cta-card,
.p26-cta-band {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  padding: 46px 38px;
  overflow: hidden;
  color: var(--p26-white);
  background:
    radial-gradient(
      circle at 79% 15%,
      rgba(240, 90, 40, 0.28) 0%,
      rgba(240, 90, 40, 0.1) 25%,
      rgba(240, 90, 40, 0) 54%
    ),
    radial-gradient(
      circle at 10% 100%,
      rgba(72, 105, 150, 0.2) 0%,
      rgba(72, 105, 150, 0) 46%
    ),
    linear-gradient(
      135deg,
      #07101f 0%,
      #0f172a 56%,
      #172337 100%
    );
  border: 1px solid rgba(240, 90, 40, 0.32);
  border-radius: 24px;
  box-shadow: var(--p26-shadow-lg);
  text-align: center;
}
.p26-cta-card h2,
.p26-cta-band h2 {
  color: var(--p26-white);
}
.p26-cta-card p,
.p26-cta-band p {
  color: #cbd5e1;
}
/* =========================================================
   14. FAQ
   ========================================================= */
.p26-faq,
.p26-faq-accordion {
  display: grid;
  gap: 14px;
}
.p26-faq-item {
  overflow: hidden;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-radius: 18px;
  box-shadow:
    0 8px 22px
    rgba(15, 23, 42, 0.035);
}
.p26-faq-item[open] {
  background: var(--p26-white);
  border-color: rgba(240, 90, 40, 0.34);
}
.p26 .p26-faq-accordion details.p26-faq-item > summary.p26-faq-question,
.p26 details > summary.p26-faq-question,
.p26 .p26-faq-question {
  display: block;
  padding: 18px 22px;
  color: #0c5394 !important;
  font-family: var(--p26-font-mono) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.2px !important;
  list-style: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  cursor: pointer;
}
.p26-faq-question::-webkit-details-marker {
  display: none !important;
}
.p26-faq-question::marker {
  content: "";
}
.p26-faq-question::before {
  content: ">_ ";
  color: var(--p26-orange) !important;
  font-weight: 800 !important;
}
.p26-faq-question::after {
  content: "+";
  float: right;
  margin-left: 14px;
  color: var(--p26-orange) !important;
  font-family: var(--p26-font-mono) !important;
  font-weight: 800 !important;
}
.p26-faq-item[open] > .p26-faq-question::after {
  content: "−";
}
.p26-faq-answer {
  padding: 0 22px 22px;
  color: var(--p26-slate);
  font-size: 16px;
  line-height: 1.75;
}
.p26-faq-answer p {
  margin: 0;
}
/* =========================================================
   15. ACCESSIBILITY AND GENERIC POLISH
   ========================================================= */
.p26 a:hover,
.p26 a:visited,
.p26 a:focus {
  text-decoration: none;
}
.p26 a:focus-visible,
.p26 summary:focus-visible,
.p26 button:focus-visible {
  outline:
    3px solid
    rgba(240, 90, 40, 0.42) !important;
  outline-offset: 3px !important;
}
.p26 .p26-card p:last-child,
.p26 .p26-card-soft p:last-child,
.p26 .p26-card-dark p:last-child,
.p26 .p26-dark-card p:last-child,
.p26 .p26-card-ghost p:last-child,
.p26 .p26-dark-inner p:last-child {
  margin-bottom: 0;
}
/* =========================================================
   16. UTILITIES
   ========================================================= */
.p26-mb-0 {
  margin-bottom: 0 !important;
}
.p26-mb-25 {
  margin-bottom: 25px !important;
}
.p26-mt-0 {
  margin-top: 0 !important;
}
.p26-max-760 {
  max-width: 760px;
}
.p26-max-820 {
  max-width: 820px;
}
.p26-max-860 {
  max-width: 860px;
}
.p26-max-900 {
  max-width: 900px;
}
.p26-max-1000 {
  max-width: 1000px;
}
.p26-text-center {
  text-align: center;
}
.p26-text-left {
  text-align: left;
}
/* =========================================================
   17. CONTACT PAGE
   Existing selectors preserved
   ========================================================= */
.p26-ai-contact,
.p26-ai-contact * {
  box-sizing: border-box;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
.p26-ai-contact {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: #0f172a;
  background: #ffffff;
  font-family: Inter, Helvetica, Arial, sans-serif;
}
.p26-ai-contact .p26-wrap {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
}
.p26-ai-contact h1,
.p26-ai-contact h2,
.p26-ai-contact h3,
.p26-ai-contact p,
.p26-ai-contact a,
.p26-ai-contact span,
.p26-ai-contact strong {
  font-family:
    Inter,
    Helvetica,
    Arial,
    sans-serif !important;
}
.p26-ai-contact .p26-eyebrow {
  margin: 0 0 14px !important;
  color: #f05a28 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 2.3px !important;
  text-transform: uppercase !important;
}
/* Contact hero */
.p26-ai-hero {
  position: relative;
  width: 100%;
  padding: 100px 0 76px !important;
  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(240, 90, 40, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 10% 92%,
      rgba(12, 83, 148, 0.055),
      transparent 30%
    ),
    #ffffff;
  border-bottom: 1px solid #e8edf3;
}
.p26-ai-hero-inner {
  position: relative;
  width: 100%;
  max-width: 1040px;
}
.p26-ai-hero h1 {
  max-width: 980px;
  margin: 0 0 24px !important;
  color: #0f172a !important;
  font-size: clamp(48px, 7vw, 78px) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
  letter-spacing: -2px !important;
}
.p26-ai-hero-lead {
  max-width: 820px;
  margin: 0 !important;
  color: #475569 !important;
  font-size: clamp(19px, 2vw, 23px) !important;
  line-height: 1.65 !important;
}
.p26-ai-proof-row {
  display: grid !important;
  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin-top: 48px !important;
}
.p26-ai-proof {
  display: block !important;
  min-width: 0 !important;
  padding: 24px !important;
  background:
    rgba(255, 255, 255, 0.94) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow:
    0 10px 28px
    rgba(15, 23, 42, 0.045) !important;
  text-align: left !important;
}
.p26-ai-proof span {
  display: block !important;
  margin: 0 0 10px !important;
  color: #f05a28 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
}
.p26-ai-proof strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
.p26-ai-proof p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
  text-align: left !important;
}
/* Contact form */
.p26-ai-form-section {
  width: 100%;
  padding: 82px 0 !important;
  background: #ffffff;
}
.p26-ai-form-shell {
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 5vw, 52px) !important;
  background: #ffffff !important;
  border: 1px solid #dce4ed !important;
  border-top: 4px solid #f05a28 !important;
  border-radius: 28px !important;
  box-shadow:
    0 24px 60px
    rgba(15, 23, 42, 0.09) !important;
}
.p26-ai-form-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 0 34px !important;
  padding: 0 0 28px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  text-align: left !important;
}
.p26-ai-form-heading h2 {
  margin: 0 0 12px !important;
  color: #0f172a !important;
  font-size: clamp(30px, 4vw, 44px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.8px !important;
  text-align: left !important;
}
.p26-ai-form-heading p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
.p26-ai-form-shell fieldset.form-columns-2 {
  display: grid !important;
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.p26-ai-form-shell fieldset.form-columns-2 .hs-form-field,
.p26-ai-form-shell fieldset.form-columns-1 .hs-form-field {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}
.p26-ai-form-shell .hs-form-field {
  margin-bottom: 20px !important;
}
.p26-ai-form-shell label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.8px !important;
  text-align: left !important;
  text-transform: uppercase !important;
}
.p26-ai-form-shell input[type="text"],
.p26-ai-form-shell input[type="email"],
.p26-ai-form-shell input[type="tel"],
.p26-ai-form-shell input[type="number"],
.p26-ai-form-shell select,
.p26-ai-form-shell textarea {
  display: block !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  color: #0f172a !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}
.p26-ai-form-shell textarea {
  min-height: 170px !important;
  resize: vertical !important;
}
.p26-ai-form-shell input:focus,
.p26-ai-form-shell select:focus,
.p26-ai-form-shell textarea:focus {
  outline: none !important;
  border-color: #f05a28 !important;
  box-shadow:
    0 0 0 3px
    rgba(240, 90, 40, 0.12) !important;
}
.p26-ai-form-shell .hs-button,
.p26-ai-form-shell input[type="submit"] {
  display: inline-flex !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 15px 30px !important;
  color: #ffffff !important;
  background: #f05a28 !important;
  border: 2px solid #f05a28 !important;
  border-radius: 999px !important;
  box-shadow:
    0 6px 18px
    rgba(240, 90, 40, 0.25) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
/* Contact collaboration areas */
.p26-ai-areas {
  width: 100%;
  padding: 92px 0 !important;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}
.p26-ai-section-heading {
  max-width: 840px !important;
  margin: 0 0 44px !important;
  text-align: left !important;
}
.p26-ai-section-heading h2 {
  margin: 0 0 18px !important;
  color: #0f172a !important;
  font-size: clamp(34px, 5vw, 52px) !important;
  line-height: 1.06 !important;
  letter-spacing: -1px !important;
  text-align: left !important;
}
.p26-ai-section-heading p {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 18px !important;
  line-height: 1.68 !important;
  text-align: left !important;
}
.p26-ai-area-grid {
  display: grid !important;
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
}
.p26-ai-area-card {
  display: flex !important;
  min-width: 0 !important;
  min-height: 300px !important;
  flex-direction: column !important;
  padding: 30px !important;
  color: inherit !important;
  background: #ffffff !important;
  border: 1px solid #dde5ee !important;
  border-radius: 24px !important;
  box-shadow:
    0 10px 28px
    rgba(15, 23, 42, 0.04) !important;
  text-align: left !important;
  text-decoration: none !important;
}
.p26-ai-area-number {
  display: block !important;
  margin: 0 0 22px !important;
  color: #f05a28 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 1.6px !important;
}
.p26-ai-area-card h3 {
  margin: 0 0 13px !important;
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}
.p26-ai-area-card p {
  margin: 0 0 22px !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.66 !important;
  text-align: left !important;
}
.p26-ai-area-card strong {
  display: block !important;
  margin-top: auto !important;
  color: #f05a28 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
/* Contact process */
.p26-ai-process {
  width: 100%;
  padding: 94px 0 !important;
  background: #ffffff;
}
.p26-ai-process-layout {
  display: grid !important;
  grid-template-columns:
    minmax(0, 0.88fr)
    minmax(0, 1.12fr) !important;
  gap: 70px !important;
  align-items: start !important;
}
.p26-ai-process-intro h2 {
  margin: 0 0 18px !important;
  color: #0f172a !important;
  font-size: clamp(32px, 4.4vw, 48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.8px !important;
  text-align: left !important;
}
.p26-ai-process-intro p {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  text-align: left !important;
}
.p26-ai-process-list {
  display: grid !important;
  gap: 16px !important;
}
.p26-ai-process-item {
  display: grid !important;
  grid-template-columns:
    48px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  padding: 24px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
}
.p26-ai-process-item > span {
  display: flex !important;
  width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f05a28 !important;
  background: #fff7f3 !important;
  border: 1px solid #fde8de !important;
  border-radius: 15px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.p26-ai-process-item h3 {
  margin: 1px 0 8px !important;
  color: #0f172a !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  text-align: left !important;
}
.p26-ai-process-item p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
/* =========================================================
   18. REUSABLE RESEARCH AND PROJECT PAGE SYSTEM
   Scoped to .p26-project-page
   Does not affect older project-specific page classes
   ========================================================= */
.p26-project-page {
  width: 100%;
  max-width: none;
  overflow: hidden;
  background: var(--p26-white);
}
.p26-project-full {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}
.p26-project-wrap-wide {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  padding-left: clamp(24px, 5vw, 82px);
  padding-right: clamp(24px, 5vw, 82px);
}
/* Project hero */
.p26-project-hero {
  padding:
    clamp(108px, 10vw, 158px)
    0
    clamp(82px, 8vw, 122px);
  overflow: hidden;
  color: var(--p26-white);
  background:
    radial-gradient(
      circle at 82% 14%,
      rgba(240, 90, 40, 0.23) 0%,
      rgba(240, 90, 40, 0.06) 27%,
      rgba(240, 90, 40, 0) 56%
    ),
    radial-gradient(
      circle at 94% 80%,
      rgba(76, 112, 156, 0.23) 0%,
      rgba(76, 112, 156, 0) 48%
    ),
    linear-gradient(
      135deg,
      #07101f 0%,
      #0f172a 56%,
      #172337 100%
    );
  border-bottom:
    1px solid
    rgba(240, 90, 40, 0.28);
}
.p26-project-hero-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(340px, 0.65fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: end;
}
.p26-project-hero-copy {
  max-width: 1120px;
}
.p26-project-hero .p26-eyebrow {
  color: #fb8b63;
}
.p26-project-hero-title {
  max-width: 1180px;
  margin: 0 0 26px;
  color: var(--p26-white) !important;
  font-size: clamp(46px, 6vw, 82px);
  font-weight: 850;
  line-height: 1.01;
  letter-spacing:
    clamp(-2.7px, -0.15vw, -1px);
}
.p26-project-hero-lead {
  max-width: 940px;
  margin: 0;
  color: #d9e2ee !important;
  font-size: clamp(18px, 1.8vw, 23px);
  line-height: 1.65;
}
.p26-project-hero-actions {
  margin-top: 34px;
}
.p26-project-proof-card {
  max-width: 480px;
  padding: 32px;
  background: rgba(255, 255, 255, 0.055);
  border:
    1px solid
    rgba(255, 255, 255, 0.13);
  border-top: 4px solid var(--p26-orange);
  border-radius: 24px;
  backdrop-filter: blur(8px);
}
.p26-project-proof-label {
  margin: 0 0 14px;
  color: #fb8b63;
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.p26-project-proof-card h2 {
  margin: 0 0 14px;
  color: var(--p26-white) !important;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.16;
  letter-spacing: -0.5px;
}
.p26-project-proof-card p {
  margin: 0;
  color: #cbd5e1 !important;
  font-size: 15px;
  line-height: 1.68;
}
/* Project metric strip */
.p26-project-metrics {
  padding: 0;
  background: var(--p26-dark-bg);
}
.p26-project-metric-grid {
  display: grid;
  grid-template-columns:
    repeat(5, minmax(0, 1fr));
  border-top:
    1px solid
    rgba(255, 255, 255, 0.1);
  border-bottom:
    1px solid
    rgba(255, 255, 255, 0.1);
}
.p26-project-metric {
  padding: 25px 22px;
  border-right:
    1px solid
    rgba(255, 255, 255, 0.1);
}
.p26-project-metric:last-child {
  border-right: 0;
}
.p26-project-metric strong {
  display: block;
  margin: 0 0 7px;
  color: var(--p26-white) !important;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.2;
}
.p26-project-metric span {
  display: block;
  color: var(--p26-slate-light) !important;
  font-size: 12.5px;
  line-height: 1.45;
}
/* General project sections */
.p26-project-section {
  padding: clamp(84px, 8vw, 122px) 0;
  background: var(--p26-white);
}
.p26-project-section-soft {
  background: var(--p26-soft);
  border-top: 1px solid var(--p26-border);
  border-bottom: 1px solid var(--p26-border);
}
.p26-project-section-dark {
  color: var(--p26-white);
  background: var(--p26-dark-bg);
  border-top:
    1px solid
    rgba(240, 90, 40, 0.24);
  border-bottom:
    1px solid
    rgba(240, 90, 40, 0.24);
}
.p26-project-section-heading {
  max-width: 1080px;
  margin-bottom: 48px;
}
.p26-project-section-title {
  max-width: 1080px;
  margin: 0 0 20px;
  color: var(--p26-ink) !important;
  font-size: clamp(32px, 4.4vw, 56px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -1.15px;
}
.p26-project-section-lead {
  max-width: 940px;
  margin: 0;
  color: var(--p26-slate) !important;
  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.7;
}
.p26-project-section-dark .p26-project-section-title {
  color: var(--p26-white) !important;
}
.p26-project-section-dark .p26-project-section-lead,
.p26-project-section-dark .p26-project-copy p {
  color: #b8c5d4 !important;
}
.p26-project-split {
  display: grid;
  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);
  gap: clamp(46px, 7vw, 96px);
  align-items: start;
}
.p26-project-copy p {
  margin: 0 0 20px;
  color: var(--p26-slate) !important;
  font-size: 17px;
  line-height: 1.75;
}
/* Funding classification */
.p26-project-classification-card {
  min-height: 100%;
}
.p26-project-classification-card h3 {
  margin: 0 0 14px;
  font-size: 27px;
  font-weight: 850;
  line-height: 1.17;
}
.p26-project-classification-card p {
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1.7;
}
.p26-project-icon {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: 0 0 22px;
  color: var(--p26-orange);
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
  border-radius: 15px;
  font-family: var(--p26-font-mono) !important;
  font-size: 13px;
  font-weight: 850;
}
.p26-project-icon-dark {
  background: rgba(240, 90, 40, 0.12);
  border-color: rgba(240, 90, 40, 0.32);
}
.p26-project-check-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.p26-project-check-list li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 22px;
  color: var(--p26-slate);
  font-size: 14.5px;
  line-height: 1.55;
}
.p26-project-check-list li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--p26-orange);
  border-radius: 50%;
}
.p26-project-check-list-dark li {
  color: #b8c5d4;
}
/* Small capability cards */
.p26-project-code {
  margin: 0 0 15px;
  color: var(--p26-orange);
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.15px;
}
.p26-project-card-note {
  margin-top: 20px;
  padding-top: 16px;
  color: var(--p26-slate);
  border-top: 1px solid var(--p26-border);
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.5;
}
.p26-project-card-note-dark {
  color: #aebdce;
  border-top-color:
    rgba(255, 255, 255, 0.13);
}
/* Project portfolio */
.p26-project-group {
  margin-top: 62px;
}
.p26-project-section-heading + .p26-project-group {
  margin-top: 0;
}
.p26-project-group-separated {
  margin-top: 64px;
  padding-top: 64px;
  border-top: 1px solid var(--p26-border);
}
.p26-project-group-heading {
  display: flex;
  max-width: 940px;
  align-items: flex-start;
  gap: 20px;
  margin: 0 0 32px;
}
.p26-project-group-marker {
  display: flex;
  width: 52px;
  min-width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  color: var(--p26-orange);
  background: var(--p26-dark-bg);
  border: 1px solid rgba(240, 90, 40, 0.45);
  border-radius: 16px;
  font-family: var(--p26-font-mono) !important;
  font-size: 13px;
  font-weight: 850;
}
.p26-project-group-heading h3 {
  margin: 0 0 7px;
  color: var(--p26-ink);
  font-size: 29px;
  font-weight: 850;
  line-height: 1.17;
}
.p26-project-group-heading p {
  margin: 0;
  color: var(--p26-slate);
  font-size: 16px;
  line-height: 1.65;
}
.p26-project-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 30px;
  color: inherit !important;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-top: 4px solid #cbd5e1;
  border-radius: 23px;
  box-shadow:
    0 12px 30px
    rgba(15, 23, 42, 0.045);
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.p26-project-card:hover {
  transform: translateY(-3px);
  border-color:
    rgba(240, 90, 40, 0.55);
  box-shadow:
    0 18px 44px
    rgba(15, 23, 42, 0.09);
}
.p26-project-card-dark {
  color: var(--p26-dark-text) !important;
  background: var(--p26-dark-bg);
  border-color:
    rgba(240, 90, 40, 0.38);
  border-top-color: var(--p26-orange);
}
.p26-project-card h3 {
  margin: 0 0 12px;
  color: var(--p26-ink) !important;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.18;
}
.p26-project-card-dark h3 {
  color: var(--p26-white) !important;
}
.p26-project-card > p {
  margin: 0 0 20px;
  color: var(--p26-slate) !important;
  font-size: 14.5px;
  line-height: 1.67;
}
.p26-project-card-dark > p {
  color: #cbd5e1 !important;
}
.p26-project-card-topline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 20px;
}
.p26-project-badge,
.p26-project-status {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 6px 10px;
  border-radius: var(--p26-radius-pill);
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.55px;
  text-transform: uppercase;
}
.p26-project-badge {
  color: var(--p26-orange);
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
}
.p26-project-status {
  color: var(--p26-slate-mid);
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
}
.p26-project-card-dark .p26-project-badge {
  background: rgba(240, 90, 40, 0.13);
  border-color: rgba(240, 90, 40, 0.32);
}
.p26-project-card-dark .p26-project-status {
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.15);
}
.p26-project-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 22px;
}
.p26-project-tags span {
  display: inline-flex;
  padding: 6px 9px;
  color: var(--p26-slate);
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
  border-radius: var(--p26-radius-pill);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}
.p26-project-card-dark .p26-project-tags span {
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.14);
}
.p26-project-card .p26-link-orange {
  display: block;
  margin-top: auto;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.3;
}
/* Project process */
.p26-project-process {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.p26-project-process-step {
  padding: 28px;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-top: 4px solid var(--p26-orange);
  border-radius: 21px;
}
.p26-project-process-step-dark {
  background: var(--p26-dark-bg);
  border-color:
    rgba(240, 90, 40, 0.34);
}
.p26-project-process-number {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  color: var(--p26-orange);
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
  border-radius: 14px;
  font-family: var(--p26-font-mono) !important;
  font-size: 12px;
  font-weight: 850;
}
.p26-project-process-step-dark .p26-project-process-number {
  background: rgba(240, 90, 40, 0.13);
  border-color: rgba(240, 90, 40, 0.32);
}
.p26-project-process-step h3 {
  margin: 0 0 10px;
  color: var(--p26-ink);
  font-size: 20px;
  font-weight: 850;
  line-height: 1.22;
}
.p26-project-process-step-dark h3 {
  color: var(--p26-white);
}
.p26-project-process-step p {
  margin: 0;
  color: var(--p26-slate);
  font-size: 14px;
  line-height: 1.65;
}
.p26-project-process-step-dark p {
  color: #cbd5e1;
}
/* Technology transfer links */
.p26-project-link-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.p26-project-service-link {
  display: block;
  min-width: 0;
  padding: 22px;
  background: rgba(255, 255, 255, 0.055);
  border:
    1px solid
    rgba(255, 255, 255, 0.12);
  border-left: 4px solid var(--p26-orange);
  border-radius: 17px;
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease;
}
.p26-project-service-link:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.09);
  border-color:
    rgba(240, 90, 40, 0.55);
}
.p26-project-service-link strong {
  display: block;
  margin: 0 0 6px;
  color: var(--p26-white) !important;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.25;
}
.p26-project-service-link span {
  display: block;
  color: #aebdce !important;
  font-size: 13.5px;
  line-height: 1.5;
}
/* Related cards */
.p26-project-related-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 34px;
  color: inherit !important;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-top: 4px solid var(--p26-orange);
  border-radius: 24px;
  box-shadow:
    0 14px 34px
    rgba(15, 23, 42, 0.05);
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.p26-project-related-card:hover {
  transform: translateY(-2px);
  border-color:
    rgba(240, 90, 40, 0.55);
  box-shadow:
    0 18px 42px
    rgba(15, 23, 42, 0.08);
}
.p26-project-related-card-dark {
  color: var(--p26-dark-text) !important;
  background: var(--p26-dark-bg);
  border-color:
    rgba(240, 90, 40, 0.3);
}
.p26-project-related-label {
  display: block;
  margin: 0 0 16px;
  color: var(--p26-orange) !important;
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.p26-project-related-card h3 {
  margin: 0 0 13px;
  color: var(--p26-ink) !important;
  font-size: 25px;
  font-weight: 850;
  line-height: 1.17;
}
.p26-project-related-card-dark h3 {
  color: var(--p26-white) !important;
}
.p26-project-related-card p {
  margin: 0 0 22px;
  color: var(--p26-slate) !important;
  font-size: 15px;
  line-height: 1.68;
}
.p26-project-related-card-dark p {
  color: #cbd5e1 !important;
}
.p26-project-related-card .p26-link-orange {
  margin-top: auto;
}
/* Project CTA */
.p26-project-cta-section {
  padding-top: 72px;
}
.p26-project-cta-card {
  max-width: 1280px;
  padding:
    clamp(56px, 7vw, 92px)
    clamp(28px, 6vw, 84px);
  border-radius: 34px;
}
.p26-project-cta-card h2 {
  max-width: 940px;
  margin: 0 auto 22px;
  color: var(--p26-white) !important;
  font-size: clamp(36px, 5vw, 62px);
  font-weight: 850;
  line-height: 1.06;
  letter-spacing: -1.35px;
}
.p26-project-cta-card p {
  max-width: 840px;
  margin: 0 auto;
  color: #c5d0de !important;
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.7;
}
.p26-project-cta-actions {
  justify-content: center;
  margin-top: 34px;
}
.p26-project-cta-card .p26-btn-secondary {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(5px);
}
.p26-project-cta-card .p26-btn-secondary:hover {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.12);
  border-color:
    rgba(240, 90, 40, 0.75);
}
/* =========================================================
   19. HUBSPOT FULL-WIDTH SUPPORT
   Scoped only when these pages are present
   ========================================================= */
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page),
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
> .row-fluid,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.dnd-column,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.span12,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.widget-span,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.hs_cos_wrapper,
body:has(.p26-project-page)
.row-fluid-wrapper:has(.p26-project-page),
body:has(.p26-project-page)
.content-wrapper:has(.p26-project-page),
body:has(.p26-project-page)
main:has(.p26-project-page),
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact),
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
> .row-fluid,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.dnd-column,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.span12,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.widget-span,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.hs_cos_wrapper,
body:has(.p26-ai-contact)
.row-fluid-wrapper:has(.p26-ai-contact),
body:has(.p26-ai-contact)
.content-wrapper:has(.p26-ai-contact),
body:has(.p26-ai-contact)
main:has(.p26-ai-contact) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* =========================================================
   20. LEGACY INLINE LAYOUT COMPATIBILITY
   Existing pages preserved
   ========================================================= */
.p26 [style*="display: grid"] > * {
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (max-width: 1100px) {
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,1.35fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 1.35fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,0.72fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 0.72fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,0.78fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 0.78fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,0.82fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 0.82fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,1.22fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 1.22fr)"] {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   21. RESPONSIVE
   ========================================================= */
@media (max-width: 1180px) {
  .p26-project-process {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
  .p26-project-metric-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .p26-split,
  .p26-split-40-60,
  .p26-split-45-55,
  .p26-split-55-45,
  .p26-split-60-40,
  .p26-split-65-35 {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .p26-timeline {
    grid-template-columns: 1fr;
  }
  .p26-project-hero-grid,
  .p26-project-split {
    grid-template-columns: 1fr;
  }
  .p26-project-proof-card {
    max-width: 760px;
  }
}
@media (max-width: 980px) {
  .p26-grid-3,
  .p26-grid-4 {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
  .p26-wrap,
  .p26-wrap-sm,
  .p26-wrap-narrow,
  .p26-wrap-md {
    padding-left: 22px;
    padding-right: 22px;
  }
  .p26-wrap-wide,
  .p26-wrap-full {
    padding-left: 24px;
    padding-right: 24px;
  }
  .p26-ai-proof-row,
  .p26-ai-area-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
  .p26-ai-process-layout {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }
}
@media (max-width: 700px) {
  .p26 h1,
  .p26 h2,
  .p26 h3,
  .p26 h4,
  .p26 h5,
  .p26 h6 {
    max-width: 100% !important;
    text-wrap: wrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
  }
  .p26-grid-2,
  .p26-grid-3,
  .p26-grid-4 {
    grid-template-columns: 1fr;
  }
  .p26-wrap,
  .p26-wrap-sm,
  .p26-wrap-narrow,
  .p26-wrap-md,
  .p26-wrap-wide,
  .p26-wrap-full {
    padding-left: 18px;
    padding-right: 18px;
  }
  .p26-section {
    padding:
      clamp(52px, 10vw, 76px)
      0;
  }
  .p26-h1 {
    font-size:
      clamp(36px, 10.5vw, 50px);
    line-height: 1.05;
    letter-spacing: -1px;
  }
  .p26-h2 {
    font-size:
      clamp(28px, 8vw, 38px);
    line-height: 1.1;
    letter-spacing: -0.5px;
  }
  .p26-card,
  .p26-card-soft,
  .p26-card-warm,
  .p26-card-orange,
  .p26-card-dark,
  .p26-dark-card,
  .p26-card-ghost,
  .p26-dark-inner {
    padding: 23px !important;
    border-radius: 20px !important;
  }
  .p26-btn-row,
  .p26-btn-row-strong,
  .p26-btns {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .p26-btn,
  .p26-btn-primary,
  .p26-btn-secondary,
  .p26-btn-outline,
  .p26-btn-ghost,
  .p26-btn-ghost-orange {
    width: 100%;
  }
  .p26-proof {
    grid-template-columns: 1fr;
  }
  .p26-stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
  .p26-timeline {
    grid-template-columns: 1fr;
    padding-left: 28px;
  }
  .p26-timeline-dot {
    left: -39px;
  }
  .p26-faq-question {
    padding: 16px 18px !important;
    font-size: 15px !important;
  }
  .p26-faq-answer {
    padding: 0 18px 20px;
    font-size: 15px;
  }
  .p26-cta-card,
  .p26-cta-band {
    padding: 36px 20px;
    border-radius: 20px;
  }
  .p26-table {
    min-width: 720px;
  }
  .p26-table-auto {
    min-width: 0;
  }
  .p26-project-metric-grid,
  .p26-project-process,
  .p26-project-link-grid {
    grid-template-columns: 1fr;
  }
  .p26-project-metric {
    border-right: 0;
    border-bottom:
      1px solid
      rgba(255, 255, 255, 0.1);
  }
  .p26-project-metric:last-child {
    border-bottom: 0;
  }
  .p26-project-group-heading {
    display: grid;
    grid-template-columns: 1fr;
  }
  .p26-project-card-topline {
    align-items: flex-start;
    flex-direction: column;
  }
  .p26-project-cta-card {
    padding: 52px 24px;
    border-radius: 25px;
  }
  .p26-project-hero-title {
    font-size:
      clamp(39px, 11.5vw, 53px);
    line-height: 1.04;
    letter-spacing: -1.4px;
  }
  .p26-project-section-title {
    font-size:
      clamp(31px, 9.5vw, 43px);
    line-height: 1.09;
  }
  .p26-project-card,
  .p26-project-related-card,
  .p26-project-process-step,
  .p26-project-classification-card {
    padding: 27px;
    border-radius: 21px;
  }
  .p26-project-wrap-wide {
    padding-left: 21px;
    padding-right: 21px;
  }
  /* Legacy mobile inline grid override */
  .p26 [style*="display: grid"][style*="grid-template-columns"],
  .p26 [style*="display:grid"][style*="grid-template-columns"],
  .p26 [style*="grid-template-columns"] {
    grid-template-columns:
      minmax(0, 1fr) !important;
    gap: 28px !important;
  }
  .p26 [style*="grid-template-columns"] > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .p26 h1,
  .p26 h2,
  .p26 h3,
  .p26 h4,
  .p26 h5,
  .p26 h6,
  .p26 p,
  .p26 li,
  .p26 a,
  .p26 span,
  .p26 strong,
  .p26 summary {
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    word-wrap: normal !important;
  }
}
@media (max-width: 640px) {
  .p26-ai-contact .p26-wrap {
    padding: 0 20px !important;
  }
  .p26-ai-hero {
    padding: 68px 0 54px !important;
  }
  .p26-ai-hero h1 {
    font-size:
      clamp(40px, 12vw, 56px) !important;
    line-height: 1.03 !important;
    letter-spacing: -1.1px !important;
  }
  .p26-ai-hero-lead {
    font-size: 18px !important;
  }
  .p26-ai-proof-row,
  .p26-ai-area-grid {
    grid-template-columns: 1fr !important;
  }
  .p26-ai-form-section,
  .p26-ai-areas,
  .p26-ai-process {
    padding: 62px 0 !important;
  }
  .p26-ai-form-shell {
    padding: 27px 20px !important;
    border-radius: 22px !important;
  }
  .p26-ai-form-heading {
    display: block !important;
  }
  .p26-ai-form-marker {
    display: none !important;
  }
  .p26-ai-form-shell fieldset.form-columns-2 {
    display: block !important;
  }
  .p26-ai-form-shell .hs-button,
  .p26-ai-form-shell input[type="submit"] {
    width: 100% !important;
  }
  .p26-ai-area-card {
    min-height: 0 !important;
    padding: 26px !important;
  }
  .p26-ai-process-item {
    grid-template-columns:
      44px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 22px 18px !important;
  }
  .p26-ai-process-item > span {
    width: 42px !important;
    height: 42px !important;
  }
}
@media (max-width: 390px) {
  .p26-wrap,
  .p26-wrap-sm,
  .p26-wrap-narrow,
  .p26-wrap-md,
  .p26-wrap-wide,
  .p26-wrap-full {
    padding-left: 15px;
    padding-right: 15px;
  }
  .p26-stats {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .p26-stat-num,
  .p26-stat-num-dark {
    font-size: 28px;
  }
  .p26-hero {
    padding: 52px 0 44px;
  }
  .p26-tags {
    gap: 6px;
  }
  .p26-tag {
    padding: 5px 9px;
    font-size: 11px;
  }
}
/* =========================================================
   22. REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .p26 *,
  .p26 *::before,
  .p26 *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* =========================================================
   23. PRINT
   ========================================================= */
@media print {
  .p26 {
    color: #000000 !important;
    background: #ffffff !important;
  }
  .p26 section {
    break-inside: avoid;
  }
  .p26-btn-row,
  .p26-btn-row-strong,
  .p26-btns,
  .p26-cta-section,
  .p26-section-cta {
    display: none !important;
  }
}
/* =========================================================
   P26 PROJECT SYSTEM CASCADE AND MOBILE CORRECTIONS
   Keep at the absolute end of p26.css
   Scoped exclusively to .p26-project-page
   ========================================================= */

/* ---------------------------------------------------------
   FULL WIDTH WITHOUT THE 50VW OFFSET
   HubSpot wrappers are already reset by the project rules
   --------------------------------------------------------- */

.p26.p26-project-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  background: #ffffff !important;
}

.p26-project-page .p26-project-full {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---------------------------------------------------------
   HERO
   Force correct colors against .p26 h1 and theme styles
   --------------------------------------------------------- */

.p26-project-page .p26-project-hero {
  color: #ffffff !important;
  background:
    radial-gradient(
      circle at 82% 14%,
      rgba(240, 90, 40, 0.25) 0%,
      rgba(240, 90, 40, 0.07) 27%,
      rgba(240, 90, 40, 0) 56%
    ),
    radial-gradient(
      circle at 94% 80%,
      rgba(76, 112, 156, 0.25) 0%,
      rgba(76, 112, 156, 0) 48%
    ),
    linear-gradient(
      135deg,
      #07101f 0%,
      #0f172a 56%,
      #172337 100%
    ) !important;
}

.p26-project-page .p26-project-hero h1.p26-project-hero-title {
  color: #ffffff !important;
  text-shadow:
    0 3px 22px rgba(0, 0, 0, 0.34) !important;
}

.p26-project-page .p26-project-hero .p26-project-hero-lead {
  color: #dbe5f0 !important;
}

.p26-project-page .p26-project-hero .p26-eyebrow {
  color: #fb8b63 !important;
}

.p26-project-page .p26-project-proof-card {
  color: #ffffff !important;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0.055) 100%
    ) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-top: 4px solid #f05a28 !important;
}

.p26-project-page .p26-project-proof-card h2 {
  color: #ffffff !important;
}

.p26-project-page .p26-project-proof-card p {
  color: #d3deeb !important;
}

/* Buttons inside the dark hero */

.p26-project-page .p26-project-hero a.p26-btn-primary,
.p26-project-page .p26-project-hero a.p26-btn-primary:visited {
  color: #ffffff !important;
  background: #f05a28 !important;
  border-color: #f05a28 !important;
}

.p26-project-page .p26-project-hero a.p26-btn-secondary,
.p26-project-page .p26-project-hero a.p26-btn-secondary:visited {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

/* ---------------------------------------------------------
   METRIC STRIP
   Restore dark strip and light typography
   --------------------------------------------------------- */

.p26-project-page .p26-project-metrics {
  color: #ffffff !important;
  background: #0f172a !important;
}

.p26-project-page .p26-project-metric strong {
  color: #ffffff !important;
}

.p26-project-page .p26-project-metric span {
  color: #aebed0 !important;
}

/* ---------------------------------------------------------
   SECTION TYPOGRAPHY
   Protect against global heading rules
   --------------------------------------------------------- */

.p26-project-page h2.p26-project-section-title {
  color: #0f172a !important;
}

.p26-project-page .p26-project-section-dark h2.p26-project-section-title {
  color: #ffffff !important;
}

.p26-project-page .p26-project-section-dark .p26-eyebrow {
  color: #fb8b63 !important;
}

/* ---------------------------------------------------------
   GENERAL LIGHT CARDS
   Cream background with visible separation
   --------------------------------------------------------- */

.p26-project-page .p26-card,
.p26-project-page .p26-card-soft,
.p26-project-page .p26-project-process-step,
.p26-project-page .p26-project-related-card,
.p26-project-page a.p26-project-card {
  background: #fff9f5 !important;
  border-color: #f2ded4 !important;
  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.p26-project-page .p26-card h3,
.p26-project-page .p26-card-soft h3,
.p26-project-page .p26-project-process-step h3,
.p26-project-page .p26-project-related-card h3,
.p26-project-page a.p26-project-card h3 {
  color: #0f172a !important;
}

.p26-project-page .p26-card p,
.p26-project-page .p26-card-soft p,
.p26-project-page .p26-project-process-step p,
.p26-project-page .p26-project-related-card p,
.p26-project-page a.p26-project-card > p {
  color: #475569 !important;
}

/* White variation for alternating cards when desired */

.p26-project-page .p26-project-group a.p26-project-card:nth-child(even) {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

/* ---------------------------------------------------------
   DARK FEATURED CARDS
   Higher specificity than generic card and theme selectors
   --------------------------------------------------------- */

.p26-project-page a.p26-project-card.p26-project-card-dark,
.p26-project-page a.p26-project-card.p26-project-card-dark:link,
.p26-project-page a.p26-project-card.p26-project-card-dark:visited {
  color: #e2e8f0 !important;
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(240, 90, 40, 0.16) 0%,
      rgba(240, 90, 40, 0) 45%
    ),
    linear-gradient(
      145deg,
      #0b1220 0%,
      #111c30 100%
    ) !important;
  border: 1px solid rgba(240, 90, 40, 0.34) !important;
  border-top: 4px solid #f05a28 !important;
}

.p26-project-page a.p26-project-card.p26-project-card-dark h3 {
  color: #ffffff !important;
}

.p26-project-page a.p26-project-card.p26-project-card-dark > p {
  color: #cbd5e1 !important;
}

.p26-project-page
a.p26-project-card.p26-project-card-dark
.p26-project-status {
  color: #d7e0eb !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.p26-project-page
a.p26-project-card.p26-project-card-dark
.p26-project-badge {
  color: #ff9b77 !important;
  background: rgba(240, 90, 40, 0.14) !important;
  border-color: rgba(240, 90, 40, 0.34) !important;
}

.p26-project-page
a.p26-project-card.p26-project-card-dark
.p26-project-tags span {
  color: #d5dfeb !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* ---------------------------------------------------------
   PROJECT LINK CARDS
   Neutralize HubSpot and template anchor colors
   --------------------------------------------------------- */

.p26-project-page a.p26-project-card,
.p26-project-page a.p26-project-card:link,
.p26-project-page a.p26-project-card:visited,
.p26-project-page a.p26-project-card:hover,
.p26-project-page a.p26-project-card:focus {
  color: #0f172a !important;
  text-decoration: none !important;
}

.p26-project-page a.p26-project-card h3,
.p26-project-page a.p26-project-card h3:visited {
  color: #0f172a !important;
}

.p26-project-page a.p26-project-card .p26-project-badge {
  color: #c7461d !important;
  background: #ffede5 !important;
  border-color: #f7d5c7 !important;
}

.p26-project-page a.p26-project-card .p26-project-status {
  color: #475569 !important;
  background: #ffffff !important;
  border-color: #dce4ed !important;
}

.p26-project-page a.p26-project-card .p26-project-tags span {
  color: #334155 !important;
  background: #ffffff !important;
  border-color: #dce4ed !important;
}

.p26-project-page a.p26-project-card .p26-link-orange,
.p26-project-page a.p26-project-card:visited .p26-link-orange {
  color: #e85020 !important;
}

/* ---------------------------------------------------------
   RELATED CARDS
   Prevent blue inherited links
   --------------------------------------------------------- */

.p26-project-page a.p26-project-related-card,
.p26-project-page a.p26-project-related-card:link,
.p26-project-page a.p26-project-related-card:visited,
.p26-project-page a.p26-project-related-card:hover,
.p26-project-page a.p26-project-related-card:focus {
  color: #0f172a !important;
  text-decoration: none !important;
}

.p26-project-page a.p26-project-related-card h3 {
  color: #0f172a !important;
}

.p26-project-page a.p26-project-related-card p {
  color: #475569 !important;
}

.p26-project-page
a.p26-project-related-card
.p26-project-related-label {
  color: #c7461d !important;
}

.p26-project-page
a.p26-project-related-card
.p26-link-orange {
  color: #e85020 !important;
}

.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark,
.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark:visited {
  color: #e2e8f0 !important;
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(240, 90, 40, 0.16) 0%,
      rgba(240, 90, 40, 0) 48%
    ),
    #0f172a !important;
  border-color: rgba(240, 90, 40, 0.34) !important;
}

.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark h3 {
  color: #ffffff !important;
}

.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark p {
  color: #cbd5e1 !important;
}

/* ---------------------------------------------------------
   TECHNOLOGY TRANSFER LINKS
   Prevent blue link inheritance
   --------------------------------------------------------- */

.p26-project-page a.p26-project-service-link,
.p26-project-page a.p26-project-service-link:link,
.p26-project-page a.p26-project-service-link:visited,
.p26-project-page a.p26-project-service-link:hover,
.p26-project-page a.p26-project-service-link:focus {
  color: #ffffff !important;
  text-decoration: none !important;
  background: rgba(255, 255, 255, 0.065) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  border-left-color: #f05a28 !important;
}

.p26-project-page a.p26-project-service-link strong {
  color: #ffffff !important;
}

.p26-project-page a.p26-project-service-link span {
  color: #b9c7d6 !important;
}

/* ---------------------------------------------------------
   CLASSIFICATION CARDS
   --------------------------------------------------------- */

.p26-project-page .p26-project-classification-card.p26-card-orange {
  background: #fff7f2 !important;
  border-color: #f3d7c9 !important;
  border-top-color: #f05a28 !important;
}

.p26-project-page .p26-project-classification-card.p26-dark-card {
  color: #e2e8f0 !important;
  background:
    linear-gradient(
      145deg,
      #0b1220 0%,
      #111c30 100%
    ) !important;
  border-color: rgba(240, 90, 40, 0.34) !important;
}

.p26-project-page
.p26-project-classification-card.p26-dark-card h3 {
  color: #ffffff !important;
}

.p26-project-page
.p26-project-classification-card.p26-dark-card p,
.p26-project-page
.p26-project-classification-card.p26-dark-card li {
  color: #cbd5e1 !important;
}

/* ---------------------------------------------------------
   MOBILE TYPOGRAPHY AND SPACING
   --------------------------------------------------------- */

@media (max-width: 700px) {

  .p26-project-page .p26-project-wrap-wide {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .p26-project-page .p26-project-hero {
    padding-top: 86px !important;
    padding-bottom: 68px !important;
  }

  .p26-project-page
  .p26-project-hero
  h1.p26-project-hero-title {
    font-size: clamp(38px, 10.4vw, 50px) !important;
    line-height: 1.035 !important;
    letter-spacing: -1.2px !important;
  }

  .p26-project-page .p26-project-hero-lead {
    font-size: 18px !important;
    line-height: 1.62 !important;
  }

  .p26-project-page h2.p26-project-section-title {
    font-size: clamp(30px, 7.8vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.7px !important;
  }

  .p26-project-page .p26-project-section-lead {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  .p26-project-page .p26-project-section {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }

  .p26-project-page .p26-project-metric {
    padding: 23px 4px !important;
  }

  .p26-project-page .p26-project-card,
  .p26-project-page .p26-project-related-card,
  .p26-project-page .p26-project-process-step {
    padding: 26px !important;
  }

  .p26-project-page .p26-project-card h3 {
    font-size: 23px !important;
    line-height: 1.18 !important;
  }

  .p26-project-page .p26-project-card-topline {
    gap: 8px !important;
  }

  .p26-project-page .p26-project-badge,
  .p26-project-page .p26-project-status {
    width: auto !important;
    max-width: 100% !important;
  }
}
/* P26 horizontal content safety spacing */

.p26 .p26-wrap,
.p26-wrap,
.p26-jobs .p26-jobs-wrap,
.p26-jobs-wrap {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 4vw, 56px) !important;
  padding-right: clamp(32px, 4vw, 56px) !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .p26 .p26-wrap,
  .p26-wrap,
  .p26-jobs .p26-jobs-wrap,
  .p26-jobs-wrap {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }
}

@media (max-width: 480px) {
  .p26 .p26-wrap,
  .p26-wrap,
  .p26-jobs .p26-jobs-wrap,
  .p26-jobs-wrap {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
/* Prevent automatic hyphenation across Pangeanic headings */

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body h1 *,
html body h2 *,
html body h3 *,
html body h4 *,
html body h5 *,
html body h6 * {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;

  white-space: normal !important;
}


<style id="p26-knowledge-system">

/* =========================================================
   PANGEANIC 2026 GLOBAL DESIGN SYSTEM
   Consolidated compatibility build
   ========================================================= */
/* =========================================================
   1. GLOBAL VARIABLES
   ========================================================= */
.p26 {
  --p26-orange: #f05a28;
  --p26-orange-light: #fb7a4f;
  --p26-orange-soft: #fff7f3;
  --p26-orange-border: #fde8de;
  --p26-orange-muted: rgba(240, 90, 40, 0.18);
  --p26-orange-glow: rgba(240, 90, 40, 0.28);
  --p26-ink: #0f172a;
  --p26-ink-2: #1e293b;
  --p26-slate-dark: #334155;
  --p26-slate: #475569;
  --p26-slate-mid: #64748b;
  --p26-slate-light: #94a3b8;
  --p26-border: #e2e8f0;
  --p26-soft: #f8fafc;
  --p26-white: #ffffff;
  --p26-dark-bg: #0f172a;
  --p26-dark-deep: #0b1220;
  --p26-dark-surface: rgba(255, 255, 255, 0.065);
  --p26-dark-border: rgba(255, 255, 255, 0.14);
  --p26-dark-text: #e2e8f0;
  --p26-dark-muted: #94a3b8;
  --p26-font-body:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif;
  --p26-font-mono:
    "Inconsolata",
    "Andale Mono",
    "Courier New",
    monospace;
  --p26-section-pad: clamp(60px, 8vw, 96px);
  --p26-gap: 20px;
  --p26-gap-lg: 24px;
  --p26-radius-sm: 12px;
  --p26-radius: 20px;
  --p26-radius-lg: 24px;
  --p26-radius-xl: 28px;
  --p26-radius-pill: 999px;
  --p26-shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.06);
  --p26-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  --p26-shadow-lg: 0 18px 44px rgba(15, 23, 42, 0.13);
  --p26-shadow-orange: 0 4px 18px rgba(240, 90, 40, 0.3);
}
/* =========================================================
   2. BASE RESET
   ========================================================= */
.p26,
.p26 *,
.p26 *::before,
.p26 *::after {
  box-sizing: border-box;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}
.p26 {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: var(--p26-ink);
  background: var(--p26-white);
  font-family: var(--p26-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p26 h1,
.p26 h2,
.p26 h3,
.p26 h4,
.p26 h5,
.p26 h6,
.p26 p,
.p26 a,
.p26 span,
.p26 li,
.p26 strong,
.p26 em,
.p26 label,
.p26 summary,
.p26 td,
.p26 th,
.p26 button,
.p26 input,
.p26 textarea,
.p26 select {
  font-family: var(--p26-font-body) !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
}
.p26 h1,
.p26 h2,
.p26 h3,
.p26 h4,
.p26 h5,
.p26 h6 {
  margin-top: 0;
  color: var(--p26-ink);
  font-weight: 800;
  line-height: 1.12;
  text-wrap: balance;
}
.p26 p {
  margin-top: 0;
}
.p26 a {
  text-decoration: none;
}
.p26 ul,
.p26 ol {
  margin: 0;
  padding-left: 20px;
}
.p26 li {
  margin-bottom: 8px;
}
.p26 img,
.p26 video,
.p26 svg {
  max-width: 100%;
}
.p26 img,
.p26 video {
  display: block;
  height: auto;
}
.p26 section,
.p26 article,
.p26 aside,
.p26 header,
.p26 footer,
.p26 main,
.p26 div {
  min-width: 0;
}
.p26-no-cjk-break {
  word-break: keep-all !important;
}
/* =========================================================
   3. CONTAINERS
   ========================================================= */
.p26-wrap,
.p26-wrap-sm,
.p26-wrap-md,
.p26-wrap-wide,
.p26-wrap-full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p26-wrap {
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
}
.p26-wrap-sm,
.p26-wrap-narrow {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.p26-wrap-md {
  max-width: 1180px;
  padding-left: 24px;
  padding-right: 24px;
}
.p26-wrap-wide {
  max-width: 1440px;
  padding-left: 32px;
  padding-right: 32px;
}
.p26-wrap-full {
  max-width: 1600px;
  padding-left: 5%;
  padding-right: 5%;
}
.p26-section {
  padding: var(--p26-section-pad) 0;
}
.p26-section-white,
.p26-bg-white {
  background: var(--p26-white);
}
.p26-bg-warm {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fff7f3 100%
  );
  border-bottom: 1px solid var(--p26-orange-border);
}
.p26-bg-soft {
  background: var(--p26-soft);
  border-top: 1px solid var(--p26-border);
  border-bottom: 1px solid var(--p26-border);
}
.p26-bg-peach {
  background: var(--p26-orange-soft);
  border-top: 1px solid var(--p26-orange-border);
  border-bottom: 1px solid var(--p26-orange-border);
}
.p26-bg-dark {
  color: var(--p26-white);
  background: var(--p26-dark-bg);
}
.p26-bg-deepdark {
  color: var(--p26-white);
  background: var(--p26-dark-deep);
}
.p26-bg-cta {
  color: var(--p26-white);
  background: linear-gradient(
    135deg,
    #0f172a 0%,
    #1e293b 100%
  );
}
.p26-bg-dots {
  background-color: #ffffff;
  background-image:
    radial-gradient(
      #e2e8f0 1px,
      transparent 1px
    );
  background-size: 25px 25px;
}
.p26-bleed {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* =========================================================
   4. TYPOGRAPHY
   ========================================================= */
.p26-eyebrow {
  margin-bottom: 12px;
  color: var(--p26-orange);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
.p26-proof-label {
  margin: 0 0 22px;
  color: var(--p26-orange) !important;
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.p26-h1 {
  font-size: clamp(40px, 6vw, 68px);
  line-height: 1.04;
  letter-spacing: -1.8px;
}
.p26-h2 {
  font-size: clamp(30px, 4.5vw, 46px);
  line-height: 1.1;
  letter-spacing: -0.8px;
}
.p26-h2-lg {
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1.08;
  letter-spacing: -1px;
}
.p26-lead {
  color: var(--p26-slate);
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.58;
}
.p26-body {
  color: var(--p26-slate);
  font-size: 17px;
  line-height: 1.7;
}
.p26-small {
  color: var(--p26-slate-mid);
  font-size: 14px;
  line-height: 1.6;
}
/* =========================================================
   5. GRIDS AND SPLITS
   ========================================================= */
.p26-grid-2,
.p26-grid-3,
.p26-grid-4,
.p26-split,
.p26-split-40-60,
.p26-split-45-55,
.p26-split-55-45,
.p26-split-60-40,
.p26-split-65-35,
.p26-stats,
.p26-proof,
.p26-pillars,
.p26-concept-grid {
  display: grid;
}
.p26-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}
.p26-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.p26-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.p26-split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 52px);
  align-items: start;
}
.p26-split-40-60,
.p26-split-45-55,
.p26-split-55-45,
.p26-split-60-40,
.p26-split-65-35 {
  gap: clamp(30px, 4vw, 54px);
  align-items: start;
}
.p26-split-40-60 {
  grid-template-columns:
    minmax(0, 0.8fr)
    minmax(0, 1.2fr);
}
.p26-split-45-55 {
  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);
}
.p26-split-55-45 {
  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(0, 0.9fr);
}
.p26-split-60-40 {
  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(0, 0.8fr);
}
.p26-split-65-35 {
  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(300px, 0.7fr);
}
.p26-grid-2 > *,
.p26-grid-3 > *,
.p26-grid-4 > *,
.p26-split > *,
.p26-split-40-60 > *,
.p26-split-45-55 > *,
.p26-split-55-45 > *,
.p26-split-60-40 > *,
.p26-split-65-35 > * {
  min-width: 0;
}
.p26-stats {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(135px, 1fr)
    );
  gap: 24px;
}
.p26-proof {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(220px, 1fr)
    );
  gap: 16px;
}
.p26-pillars {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(300px, 1fr)
    );
  gap: 24px;
}
.p26-concept-grid {
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(280px, 1fr)
    );
  gap: 22px;
}
.p26-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.p26-flex-center {
  justify-content: center;
}
/* =========================================================
   6. CARDS
   ========================================================= */
.p26-card,
.p26-card-soft,
.p26-card-warm,
.p26-card-orange,
.p26-card-dark,
.p26-dark-card,
.p26-card-ghost,
.p26-dark-inner,
.p26-card-faq {
  min-width: 0;
}
.p26-card {
  padding: 30px;
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
  border-radius: var(--p26-radius-lg);
  box-shadow:
    0 10px 26px
    rgba(15, 23, 42, 0.045);
}
.p26-card-soft {
  padding: 30px;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-radius: var(--p26-radius-lg);
  box-shadow:
    0 10px 26px
    rgba(15, 23, 42, 0.035);
}
.p26-card-warm,
.p26-card-orange {
  padding: 30px;
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
  border-radius: var(--p26-radius-lg);
  box-shadow:
    0 10px 26px
    rgba(240, 90, 40, 0.06);
}
.p26-card-orange {
  border-top: 4px solid var(--p26-orange);
}
.p26-card-dark,
.p26-dark-card {
  padding: 36px;
  color: var(--p26-dark-text);
  background: var(--p26-dark-bg);
  border: 1px solid rgba(240, 90, 40, 0.32);
  border-radius: var(--p26-radius-xl);
  box-shadow: var(--p26-shadow-lg);
}
.p26-card-dark h2,
.p26-card-dark h3,
.p26-dark-card h2,
.p26-dark-card h3 {
  color: var(--p26-white);
}
.p26-card-dark p,
.p26-dark-card p {
  color: var(--p26-dark-text) !important;
}
.p26-card-dark strong,
.p26-dark-card strong {
  color: var(--p26-white) !important;
}
.p26-card-ghost,
.p26-dark-inner {
  display: block;
  padding: 26px !important;
  color: var(--p26-dark-text) !important;
  background: var(--p26-dark-surface) !important;
  border: 1px solid var(--p26-dark-border) !important;
  border-radius: 22px !important;
  box-shadow:
    inset 0 1px 0
    rgba(255, 255, 255, 0.04);
}
.p26-card-ghost h3,
.p26-dark-inner h3 {
  color: var(--p26-white) !important;
}
.p26-card-ghost p,
.p26-dark-inner p {
  color: #cbd5e1 !important;
}
.p26-card-hover,
a.p26-dark-inner {
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}
.p26-card-hover:hover,
a.p26-dark-inner:hover {
  transform: translateY(-3px);
  border-color:
    rgba(240, 90, 40, 0.42) !important;
  box-shadow: var(--p26-shadow);
}
a.p26-dark-inner:hover {
  background:
    rgba(255, 255, 255, 0.1) !important;
}
.p26-card-faq {
  padding: 26px 28px;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-radius: 20px;
}
.p26-card-faq h3 {
  margin: 0 0 10px;
  font-size: 19px;
}
.p26-card-faq p {
  margin: 0;
  color: var(--p26-slate);
  font-size: 15px;
  line-height: 1.65;
}
/* =========================================================
   7. BUTTONS
   ========================================================= */
.p26-btn-row,
.p26-btn-row-strong,
.p26-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.p26-btns-center {
  justify-content: center;
}
.p26-btn,
.p26-btn-primary,
.p26-btn-secondary,
.p26-btn-outline,
.p26-btn-ghost,
.p26-btn-ghost-orange {
  display: inline-flex !important;
  max-width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border: 2px solid transparent;
  border-radius: var(--p26-radius-pill);
  font-family: var(--p26-font-body) !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  word-break: normal !important;
  overflow-wrap: normal !important;
  cursor: pointer;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}
.p26-btn:hover,
.p26-btn-primary:hover,
.p26-btn-secondary:hover,
.p26-btn-outline:hover,
.p26-btn-ghost:hover,
.p26-btn-ghost-orange:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}
.p26-btn:active,
.p26-btn-primary:active,
.p26-btn-secondary:active {
  transform: none;
}
.p26-btn-primary {
  color: var(--p26-white) !important;
  background: var(--p26-orange);
  border-color: var(--p26-orange);
  box-shadow: var(--p26-shadow-orange);
}
.p26-btn-secondary {
  color: var(--p26-ink) !important;
  background: var(--p26-white);
  border-color: var(--p26-border);
}
.p26-btn-outline {
  color: var(--p26-ink) !important;
  background: transparent;
  border-color: var(--p26-ink);
}
.p26-btn-ghost {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.32);
}
.p26-btn-ghost-orange {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--p26-orange);
}
.p26-btn-sm {
  min-height: 38px;
  padding: 10px 18px;
  font-size: 13px;
}
.p26-btn-sq {
  border-radius: 8px;
}
.p26-link,
.p26-link-orange,
.p26-link-arrow {
  color: var(--p26-orange) !important;
  text-decoration: none !important;
}
.p26-link {
  font-weight: 500;
}
.p26-link-orange {
  font-weight: 800;
}
.p26-link-arrow {
  font-size: 13px;
  font-weight: 600;
}
.p26-link-arrow::after {
  content: " →";
}
/* =========================================================
   8. TAGS
   ========================================================= */
.p26-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.p26-tag {
  display: inline-block;
  padding: 6px 11px;
  border-radius: var(--p26-radius-pill);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.p26-tag-light {
  color: var(--p26-ink);
  background: rgba(15, 23, 42, 0.07);
  border: 1px solid rgba(240, 90, 40, 0.38);
}
.p26-tag-dark {
  color: var(--p26-white);
  background: rgba(15, 23, 42, 0.22);
  border: 1px solid rgba(240, 90, 40, 0.42);
  backdrop-filter: blur(6px);
}
.p26-tag-orange {
  color: var(--p26-orange);
  background: var(--p26-orange-muted);
  border: 1px solid rgba(240, 90, 40, 0.38);
}
/* =========================================================
   9. TABLES
   ========================================================= */
.p26-table-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
  border-radius: 22px;
  box-shadow:
    0 14px 30px
    rgba(15, 23, 42, 0.05);
  -webkit-overflow-scrolling: touch;
}
.p26-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  table-layout: auto;
  font-family: var(--p26-font-body);
}
.p26-table-auto {
  min-width: 0;
}
.p26-table-wide {
  min-width: 920px;
}
.p26-table th {
  padding: 18px;
  color: var(--p26-white);
  background: var(--p26-dark-bg);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 1px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: top;
  white-space: normal;
}
.p26-table td {
  padding: 18px;
  color: var(--p26-slate);
  border-top: 1px solid var(--p26-border);
  font-size: 15px;
  line-height: 1.65;
  vertical-align: top;
  white-space: normal;
}
.p26-table tr:nth-child(even) td {
  background: var(--p26-soft);
}
/* =========================================================
   10. HERO AND STATS
   ========================================================= */
.p26-hero {
  padding:
    clamp(72px, 9vw, 118px)
    0
    clamp(58px, 7vw, 92px);
}
.p26-hero h1 {
  text-shadow:
    0 2px 18px
    rgba(0, 0, 0, 0.3);
}
.p26-hero-dark h1,
.p26-hero-dark p {
  color: var(--p26-white);
}
.p26-hero-dark .p26-lead {
  color: var(--p26-soft);
  text-shadow:
    0 2px 14px
    rgba(0, 0, 0, 0.28);
}
.p26-hero-stats {
  margin-top: 52px;
  padding-top: 40px;
  border-top: 1px solid var(--p26-orange-border);
}
.p26-stat-num,
.p26-stat-num-dark {
  margin-bottom: 8px;
  font-size: clamp(32px, 5vw, 38px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1px;
}
.p26-stat-num {
  color: var(--p26-ink);
}
.p26-stat-num-dark {
  color: var(--p26-white);
}
.p26-stat-label,
.p26-stat-label-dark {
  font-size: 13px;
  line-height: 1.45;
}
.p26-stat-label {
  max-width: 170px;
  color: var(--p26-slate-mid);
}
.p26-stat-label-dark {
  color: #cbd5e1;
}
.p26-stat-dark {
  padding: 24px;
  background:
    linear-gradient(
      145deg,
      #0f172a 0%,
      #1e293b 58%,
      rgba(240, 90, 40, 0.18) 100%
    );
  border: 1px solid rgba(240, 90, 40, 0.28);
  border-radius: 20px;
  box-shadow:
    0 14px 32px
    rgba(15, 23, 42, 0.16);
}
.p26-stats-card {
  padding: 26px 28px;
  background: var(--p26-white);
  border: 1px solid var(--p26-orange-border);
  border-radius: 22px;
  box-shadow: var(--p26-shadow-sm);
}
.p26-stats-dark-fade {
  margin-top: 42px;
  padding-top: 42px;
  border-top:
    1px solid
    rgba(240, 90, 40, 0.24);
}
/* =========================================================
   11. TIMELINE AND DATA ROWS
   ========================================================= */
.p26-timeline {
  position: relative;
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 40px;
  padding-left: 40px;
  border-left: 2px solid var(--p26-border);
}
.p26-timeline-item {
  position: relative;
}
.p26-timeline-dot {
  position: absolute;
  top: 5px;
  left: -51px;
  width: 20px;
  height: 20px;
  background: var(--p26-orange);
  border: 5px solid var(--p26-white);
  border-radius: 50%;
  box-shadow:
    0 0 0 1px
    var(--p26-orange);
}
.p26-data-row {
  padding: 18px 20px;
  color: var(--p26-dark-text);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  font-size: 15px;
  line-height: 1.58;
}
.p26-data-row strong {
  display: block;
  margin-bottom: 4px;
  color: var(--p26-white);
  font-size: 16px;
}
/* =========================================================
   12. PILLAR CARDS
   ========================================================= */
.p26-card-pillar {
  display: flex;
  flex-direction: column;
  padding: 35px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.03) 0%,
      rgba(255, 255, 255, 0.015) 100%
    );
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid var(--p26-orange);
  border-radius: 10px;
  box-shadow:
    0 18px 50px
    rgba(0, 0, 0, 0.22);
}
.p26-card-pillar h3 {
  margin: 0 0 14px;
  color: var(--p26-white);
  font-size: 24px;
}
.p26-card-pillar p {
  margin: 0 0 20px;
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.7;
}
.p26-card-pillar-featured {
  background:
    linear-gradient(
      135deg,
      rgba(240, 90, 40, 0.13) 0%,
      rgba(255, 255, 255, 0.03) 100%
    );
  border-color: var(--p26-orange);
}
.p26-pillar-bullets {
  margin-top: auto;
  padding: 15px;
  color: var(--p26-white);
  background: rgba(15, 23, 42, 0.72);
  border: 1px dashed rgba(240, 90, 40, 0.36);
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.8;
}
.p26-bg-dark .p26-eyebrow,
.p26-bg-deepdark .p26-eyebrow,
.p26-bg-cta .p26-eyebrow {
  color: var(--p26-orange);
}
.p26-bg-dark h1,
.p26-bg-dark h2,
.p26-bg-dark h3,
.p26-bg-deepdark h1,
.p26-bg-deepdark h2,
.p26-bg-deepdark h3 {
  color: var(--p26-white);
}
.p26-bg-dark p,
.p26-bg-deepdark p,
.p26-bg-dark .p26-body,
.p26-bg-deepdark .p26-body {
  color: var(--p26-dark-muted);
}
.p26-proof-divider {
  margin-top: 0;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.p26-proof-divider-label {
  margin: 0 0 24px;
  color: #64748b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.p26-pillars-footer {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}
.p26-pillars-footer p {
  max-width: 1100px;
  margin: 0 auto;
  color: #cbd5e1;
  font-size: 18px;
  line-height: 1.6;
}
/* =========================================================
   13. STANDARD CTA
   ========================================================= */
.p26-cta-section,
.p26-section-cta {
  padding: 0 0 88px;
  background: var(--p26-white);
}
.p26-cta-card,
.p26-cta-band {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  padding: 46px 38px;
  overflow: hidden;
  color: var(--p26-white);
  background:
    radial-gradient(
      circle at 79% 15%,
      rgba(240, 90, 40, 0.28) 0%,
      rgba(240, 90, 40, 0.1) 25%,
      rgba(240, 90, 40, 0) 54%
    ),
    radial-gradient(
      circle at 10% 100%,
      rgba(72, 105, 150, 0.2) 0%,
      rgba(72, 105, 150, 0) 46%
    ),
    linear-gradient(
      135deg,
      #07101f 0%,
      #0f172a 56%,
      #172337 100%
    );
  border: 1px solid rgba(240, 90, 40, 0.32);
  border-radius: 24px;
  box-shadow: var(--p26-shadow-lg);
  text-align: center;
}
.p26-cta-card h2,
.p26-cta-band h2 {
  color: var(--p26-white);
}
.p26-cta-card p,
.p26-cta-band p {
  color: #cbd5e1;
}
/* =========================================================
   14. FAQ
   ========================================================= */
.p26-faq,
.p26-faq-accordion {
  display: grid;
  gap: 14px;
}
.p26-faq-item {
  overflow: hidden;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-radius: 18px;
  box-shadow:
    0 8px 22px
    rgba(15, 23, 42, 0.035);
}
.p26-faq-item[open] {
  background: var(--p26-white);
  border-color: rgba(240, 90, 40, 0.34);
}
.p26 .p26-faq-accordion details.p26-faq-item > summary.p26-faq-question,
.p26 details > summary.p26-faq-question,
.p26 .p26-faq-question {
  display: block;
  padding: 18px 22px;
  color: #0c5394 !important;
  font-family: var(--p26-font-mono) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.2px !important;
  list-style: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  cursor: pointer;
}
.p26-faq-question::-webkit-details-marker {
  display: none !important;
}
.p26-faq-question::marker {
  content: "";
}
.p26-faq-question::before {
  content: ">_ ";
  color: var(--p26-orange) !important;
  font-weight: 800 !important;
}
.p26-faq-question::after {
  content: "+";
  float: right;
  margin-left: 14px;
  color: var(--p26-orange) !important;
  font-family: var(--p26-font-mono) !important;
  font-weight: 800 !important;
}
.p26-faq-item[open] > .p26-faq-question::after {
  content: "−";
}
.p26-faq-answer {
  padding: 0 22px 22px;
  color: var(--p26-slate);
  font-size: 16px;
  line-height: 1.75;
}
.p26-faq-answer p {
  margin: 0;
}
/* =========================================================
   15. ACCESSIBILITY AND GENERIC POLISH
   ========================================================= */
.p26 a:hover,
.p26 a:visited,
.p26 a:focus {
  text-decoration: none;
}
.p26 a:focus-visible,
.p26 summary:focus-visible,
.p26 button:focus-visible {
  outline:
    3px solid
    rgba(240, 90, 40, 0.42) !important;
  outline-offset: 3px !important;
}
.p26 .p26-card p:last-child,
.p26 .p26-card-soft p:last-child,
.p26 .p26-card-dark p:last-child,
.p26 .p26-dark-card p:last-child,
.p26 .p26-card-ghost p:last-child,
.p26 .p26-dark-inner p:last-child {
  margin-bottom: 0;
}
/* =========================================================
   16. UTILITIES
   ========================================================= */
.p26-mb-0 {
  margin-bottom: 0 !important;
}
.p26-mb-25 {
  margin-bottom: 25px !important;
}
.p26-mt-0 {
  margin-top: 0 !important;
}
.p26-max-760 {
  max-width: 760px;
}
.p26-max-820 {
  max-width: 820px;
}
.p26-max-860 {
  max-width: 860px;
}
.p26-max-900 {
  max-width: 900px;
}
.p26-max-1000 {
  max-width: 1000px;
}
.p26-text-center {
  text-align: center;
}
.p26-text-left {
  text-align: left;
}
/* =========================================================
   17. CONTACT PAGE
   Existing selectors preserved
   ========================================================= */
.p26-ai-contact,
.p26-ai-contact * {
  box-sizing: border-box;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
.p26-ai-contact {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: #0f172a;
  background: #ffffff;
  font-family: Inter, Helvetica, Arial, sans-serif;
}
.p26-ai-contact .p26-wrap {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
}
.p26-ai-contact h1,
.p26-ai-contact h2,
.p26-ai-contact h3,
.p26-ai-contact p,
.p26-ai-contact a,
.p26-ai-contact span,
.p26-ai-contact strong {
  font-family:
    Inter,
    Helvetica,
    Arial,
    sans-serif !important;
}
.p26-ai-contact .p26-eyebrow {
  margin: 0 0 14px !important;
  color: #f05a28 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 2.3px !important;
  text-transform: uppercase !important;
}
/* Contact hero */
.p26-ai-hero {
  position: relative;
  width: 100%;
  padding: 100px 0 76px !important;
  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(240, 90, 40, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 10% 92%,
      rgba(12, 83, 148, 0.055),
      transparent 30%
    ),
    #ffffff;
  border-bottom: 1px solid #e8edf3;
}
.p26-ai-hero-inner {
  position: relative;
  width: 100%;
  max-width: 1040px;
}
.p26-ai-hero h1 {
  max-width: 980px;
  margin: 0 0 24px !important;
  color: #0f172a !important;
  font-size: clamp(48px, 7vw, 78px) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
  letter-spacing: -2px !important;
}
.p26-ai-hero-lead {
  max-width: 820px;
  margin: 0 !important;
  color: #475569 !important;
  font-size: clamp(19px, 2vw, 23px) !important;
  line-height: 1.65 !important;
}
.p26-ai-proof-row {
  display: grid !important;
  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin-top: 48px !important;
}
.p26-ai-proof {
  display: block !important;
  min-width: 0 !important;
  padding: 24px !important;
  background:
    rgba(255, 255, 255, 0.94) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow:
    0 10px 28px
    rgba(15, 23, 42, 0.045) !important;
  text-align: left !important;
}
.p26-ai-proof span {
  display: block !important;
  margin: 0 0 10px !important;
  color: #f05a28 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
}
.p26-ai-proof strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
.p26-ai-proof p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
  text-align: left !important;
}
/* Contact form */
.p26-ai-form-section {
  width: 100%;
  padding: 82px 0 !important;
  background: #ffffff;
}
.p26-ai-form-shell {
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 5vw, 52px) !important;
  background: #ffffff !important;
  border: 1px solid #dce4ed !important;
  border-top: 4px solid #f05a28 !important;
  border-radius: 28px !important;
  box-shadow:
    0 24px 60px
    rgba(15, 23, 42, 0.09) !important;
}
.p26-ai-form-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 0 34px !important;
  padding: 0 0 28px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  text-align: left !important;
}
.p26-ai-form-heading h2 {
  margin: 0 0 12px !important;
  color: #0f172a !important;
  font-size: clamp(30px, 4vw, 44px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.8px !important;
  text-align: left !important;
}
.p26-ai-form-heading p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
.p26-ai-form-shell fieldset.form-columns-2 {
  display: grid !important;
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.p26-ai-form-shell fieldset.form-columns-2 .hs-form-field,
.p26-ai-form-shell fieldset.form-columns-1 .hs-form-field {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}
.p26-ai-form-shell .hs-form-field {
  margin-bottom: 20px !important;
}
.p26-ai-form-shell label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.8px !important;
  text-align: left !important;
  text-transform: uppercase !important;
}
.p26-ai-form-shell input[type="text"],
.p26-ai-form-shell input[type="email"],
.p26-ai-form-shell input[type="tel"],
.p26-ai-form-shell input[type="number"],
.p26-ai-form-shell select,
.p26-ai-form-shell textarea {
  display: block !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  color: #0f172a !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}
.p26-ai-form-shell textarea {
  min-height: 170px !important;
  resize: vertical !important;
}
.p26-ai-form-shell input:focus,
.p26-ai-form-shell select:focus,
.p26-ai-form-shell textarea:focus {
  outline: none !important;
  border-color: #f05a28 !important;
  box-shadow:
    0 0 0 3px
    rgba(240, 90, 40, 0.12) !important;
}
.p26-ai-form-shell .hs-button,
.p26-ai-form-shell input[type="submit"] {
  display: inline-flex !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 15px 30px !important;
  color: #ffffff !important;
  background: #f05a28 !important;
  border: 2px solid #f05a28 !important;
  border-radius: 999px !important;
  box-shadow:
    0 6px 18px
    rgba(240, 90, 40, 0.25) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
/* Contact collaboration areas */
.p26-ai-areas {
  width: 100%;
  padding: 92px 0 !important;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}
.p26-ai-section-heading {
  max-width: 840px !important;
  margin: 0 0 44px !important;
  text-align: left !important;
}
.p26-ai-section-heading h2 {
  margin: 0 0 18px !important;
  color: #0f172a !important;
  font-size: clamp(34px, 5vw, 52px) !important;
  line-height: 1.06 !important;
  letter-spacing: -1px !important;
  text-align: left !important;
}
.p26-ai-section-heading p {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 18px !important;
  line-height: 1.68 !important;
  text-align: left !important;
}
.p26-ai-area-grid {
  display: grid !important;
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
}
.p26-ai-area-card {
  display: flex !important;
  min-width: 0 !important;
  min-height: 300px !important;
  flex-direction: column !important;
  padding: 30px !important;
  color: inherit !important;
  background: #ffffff !important;
  border: 1px solid #dde5ee !important;
  border-radius: 24px !important;
  box-shadow:
    0 10px 28px
    rgba(15, 23, 42, 0.04) !important;
  text-align: left !important;
  text-decoration: none !important;
}
.p26-ai-area-number {
  display: block !important;
  margin: 0 0 22px !important;
  color: #f05a28 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 1.6px !important;
}
.p26-ai-area-card h3 {
  margin: 0 0 13px !important;
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}
.p26-ai-area-card p {
  margin: 0 0 22px !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.66 !important;
  text-align: left !important;
}
.p26-ai-area-card strong {
  display: block !important;
  margin-top: auto !important;
  color: #f05a28 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
/* Contact process */
.p26-ai-process {
  width: 100%;
  padding: 94px 0 !important;
  background: #ffffff;
}
.p26-ai-process-layout {
  display: grid !important;
  grid-template-columns:
    minmax(0, 0.88fr)
    minmax(0, 1.12fr) !important;
  gap: 70px !important;
  align-items: start !important;
}
.p26-ai-process-intro h2 {
  margin: 0 0 18px !important;
  color: #0f172a !important;
  font-size: clamp(32px, 4.4vw, 48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.8px !important;
  text-align: left !important;
}
.p26-ai-process-intro p {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  text-align: left !important;
}
.p26-ai-process-list {
  display: grid !important;
  gap: 16px !important;
}
.p26-ai-process-item {
  display: grid !important;
  grid-template-columns:
    48px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  padding: 24px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
}
.p26-ai-process-item > span {
  display: flex !important;
  width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f05a28 !important;
  background: #fff7f3 !important;
  border: 1px solid #fde8de !important;
  border-radius: 15px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.p26-ai-process-item h3 {
  margin: 1px 0 8px !important;
  color: #0f172a !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  text-align: left !important;
}
.p26-ai-process-item p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
/* =========================================================
   18. REUSABLE RESEARCH AND PROJECT PAGE SYSTEM
   Scoped to .p26-project-page
   Does not affect older project-specific page classes
   ========================================================= */
.p26-project-page {
  width: 100%;
  max-width: none;
  overflow: hidden;
  background: var(--p26-white);
}
.p26-project-full {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}
.p26-project-wrap-wide {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  padding-left: clamp(24px, 5vw, 82px);
  padding-right: clamp(24px, 5vw, 82px);
}
/* Project hero */
.p26-project-hero {
  padding:
    clamp(108px, 10vw, 158px)
    0
    clamp(82px, 8vw, 122px);
  overflow: hidden;
  color: var(--p26-white);
  background:
    radial-gradient(
      circle at 82% 14%,
      rgba(240, 90, 40, 0.23) 0%,
      rgba(240, 90, 40, 0.06) 27%,
      rgba(240, 90, 40, 0) 56%
    ),
    radial-gradient(
      circle at 94% 80%,
      rgba(76, 112, 156, 0.23) 0%,
      rgba(76, 112, 156, 0) 48%
    ),
    linear-gradient(
      135deg,
      #07101f 0%,
      #0f172a 56%,
      #172337 100%
    );
  border-bottom:
    1px solid
    rgba(240, 90, 40, 0.28);
}
.p26-project-hero-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(340px, 0.65fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: end;
}
.p26-project-hero-copy {
  max-width: 1120px;
}
.p26-project-hero .p26-eyebrow {
  color: #fb8b63;
}
.p26-project-hero-title {
  max-width: 1180px;
  margin: 0 0 26px;
  color: var(--p26-white) !important;
  font-size: clamp(46px, 6vw, 82px);
  font-weight: 850;
  line-height: 1.01;
  letter-spacing:
    clamp(-2.7px, -0.15vw, -1px);
}
.p26-project-hero-lead {
  max-width: 940px;
  margin: 0;
  color: #d9e2ee !important;
  font-size: clamp(18px, 1.8vw, 23px);
  line-height: 1.65;
}
.p26-project-hero-actions {
  margin-top: 34px;
}
.p26-project-proof-card {
  max-width: 480px;
  padding: 32px;
  background: rgba(255, 255, 255, 0.055);
  border:
    1px solid
    rgba(255, 255, 255, 0.13);
  border-top: 4px solid var(--p26-orange);
  border-radius: 24px;
  backdrop-filter: blur(8px);
}
.p26-project-proof-label {
  margin: 0 0 14px;
  color: #fb8b63;
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.p26-project-proof-card h2 {
  margin: 0 0 14px;
  color: var(--p26-white) !important;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.16;
  letter-spacing: -0.5px;
}
.p26-project-proof-card p {
  margin: 0;
  color: #cbd5e1 !important;
  font-size: 15px;
  line-height: 1.68;
}
/* Project metric strip */
.p26-project-metrics {
  padding: 0;
  background: var(--p26-dark-bg);
}
.p26-project-metric-grid {
  display: grid;
  grid-template-columns:
    repeat(5, minmax(0, 1fr));
  border-top:
    1px solid
    rgba(255, 255, 255, 0.1);
  border-bottom:
    1px solid
    rgba(255, 255, 255, 0.1);
}
.p26-project-metric {
  padding: 25px 22px;
  border-right:
    1px solid
    rgba(255, 255, 255, 0.1);
}
.p26-project-metric:last-child {
  border-right: 0;
}
.p26-project-metric strong {
  display: block;
  margin: 0 0 7px;
  color: var(--p26-white) !important;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.2;
}
.p26-project-metric span {
  display: block;
  color: var(--p26-slate-light) !important;
  font-size: 12.5px;
  line-height: 1.45;
}
/* General project sections */
.p26-project-section {
  padding: clamp(84px, 8vw, 122px) 0;
  background: var(--p26-white);
}
.p26-project-section-soft {
  background: var(--p26-soft);
  border-top: 1px solid var(--p26-border);
  border-bottom: 1px solid var(--p26-border);
}
.p26-project-section-dark {
  color: var(--p26-white);
  background: var(--p26-dark-bg);
  border-top:
    1px solid
    rgba(240, 90, 40, 0.24);
  border-bottom:
    1px solid
    rgba(240, 90, 40, 0.24);
}
.p26-project-section-heading {
  max-width: 1080px;
  margin-bottom: 48px;
}
.p26-project-section-title {
  max-width: 1080px;
  margin: 0 0 20px;
  color: var(--p26-ink) !important;
  font-size: clamp(32px, 4.4vw, 56px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -1.15px;
}
.p26-project-section-lead {
  max-width: 940px;
  margin: 0;
  color: var(--p26-slate) !important;
  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.7;
}
.p26-project-section-dark .p26-project-section-title {
  color: var(--p26-white) !important;
}
.p26-project-section-dark .p26-project-section-lead,
.p26-project-section-dark .p26-project-copy p {
  color: #b8c5d4 !important;
}
.p26-project-split {
  display: grid;
  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1.1fr);
  gap: clamp(46px, 7vw, 96px);
  align-items: start;
}
.p26-project-copy p {
  margin: 0 0 20px;
  color: var(--p26-slate) !important;
  font-size: 17px;
  line-height: 1.75;
}
/* Funding classification */
.p26-project-classification-card {
  min-height: 100%;
}
.p26-project-classification-card h3 {
  margin: 0 0 14px;
  font-size: 27px;
  font-weight: 850;
  line-height: 1.17;
}
.p26-project-classification-card p {
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1.7;
}
.p26-project-icon {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: 0 0 22px;
  color: var(--p26-orange);
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
  border-radius: 15px;
  font-family: var(--p26-font-mono) !important;
  font-size: 13px;
  font-weight: 850;
}
.p26-project-icon-dark {
  background: rgba(240, 90, 40, 0.12);
  border-color: rgba(240, 90, 40, 0.32);
}
.p26-project-check-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.p26-project-check-list li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 22px;
  color: var(--p26-slate);
  font-size: 14.5px;
  line-height: 1.55;
}
.p26-project-check-list li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--p26-orange);
  border-radius: 50%;
}
.p26-project-check-list-dark li {
  color: #b8c5d4;
}
/* Small capability cards */
.p26-project-code {
  margin: 0 0 15px;
  color: var(--p26-orange);
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.15px;
}
.p26-project-card-note {
  margin-top: 20px;
  padding-top: 16px;
  color: var(--p26-slate);
  border-top: 1px solid var(--p26-border);
  font-size: 12.5px;
  font-weight: 750;
  line-height: 1.5;
}
.p26-project-card-note-dark {
  color: #aebdce;
  border-top-color:
    rgba(255, 255, 255, 0.13);
}
/* Project portfolio */
.p26-project-group {
  margin-top: 62px;
}
.p26-project-section-heading + .p26-project-group {
  margin-top: 0;
}
.p26-project-group-separated {
  margin-top: 64px;
  padding-top: 64px;
  border-top: 1px solid var(--p26-border);
}
.p26-project-group-heading {
  display: flex;
  max-width: 940px;
  align-items: flex-start;
  gap: 20px;
  margin: 0 0 32px;
}
.p26-project-group-marker {
  display: flex;
  width: 52px;
  min-width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  color: var(--p26-orange);
  background: var(--p26-dark-bg);
  border: 1px solid rgba(240, 90, 40, 0.45);
  border-radius: 16px;
  font-family: var(--p26-font-mono) !important;
  font-size: 13px;
  font-weight: 850;
}
.p26-project-group-heading h3 {
  margin: 0 0 7px;
  color: var(--p26-ink);
  font-size: 29px;
  font-weight: 850;
  line-height: 1.17;
}
.p26-project-group-heading p {
  margin: 0;
  color: var(--p26-slate);
  font-size: 16px;
  line-height: 1.65;
}
.p26-project-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 30px;
  color: inherit !important;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-top: 4px solid #cbd5e1;
  border-radius: 23px;
  box-shadow:
    0 12px 30px
    rgba(15, 23, 42, 0.045);
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.p26-project-card:hover {
  transform: translateY(-3px);
  border-color:
    rgba(240, 90, 40, 0.55);
  box-shadow:
    0 18px 44px
    rgba(15, 23, 42, 0.09);
}
.p26-project-card-dark {
  color: var(--p26-dark-text) !important;
  background: var(--p26-dark-bg);
  border-color:
    rgba(240, 90, 40, 0.38);
  border-top-color: var(--p26-orange);
}
.p26-project-card h3 {
  margin: 0 0 12px;
  color: var(--p26-ink) !important;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.18;
}
.p26-project-card-dark h3 {
  color: var(--p26-white) !important;
}
.p26-project-card > p {
  margin: 0 0 20px;
  color: var(--p26-slate) !important;
  font-size: 14.5px;
  line-height: 1.67;
}
.p26-project-card-dark > p {
  color: #cbd5e1 !important;
}
.p26-project-card-topline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 20px;
}
.p26-project-badge,
.p26-project-status {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 6px 10px;
  border-radius: var(--p26-radius-pill);
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.55px;
  text-transform: uppercase;
}
.p26-project-badge {
  color: var(--p26-orange);
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
}
.p26-project-status {
  color: var(--p26-slate-mid);
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
}
.p26-project-card-dark .p26-project-badge {
  background: rgba(240, 90, 40, 0.13);
  border-color: rgba(240, 90, 40, 0.32);
}
.p26-project-card-dark .p26-project-status {
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.15);
}
.p26-project-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 22px;
}
.p26-project-tags span {
  display: inline-flex;
  padding: 6px 9px;
  color: var(--p26-slate);
  background: var(--p26-white);
  border: 1px solid var(--p26-border);
  border-radius: var(--p26-radius-pill);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}
.p26-project-card-dark .p26-project-tags span {
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.14);
}
.p26-project-card .p26-link-orange {
  display: block;
  margin-top: auto;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.3;
}
/* Project process */
.p26-project-process {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.p26-project-process-step {
  padding: 28px;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-top: 4px solid var(--p26-orange);
  border-radius: 21px;
}
.p26-project-process-step-dark {
  background: var(--p26-dark-bg);
  border-color:
    rgba(240, 90, 40, 0.34);
}
.p26-project-process-number {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  color: var(--p26-orange);
  background: var(--p26-orange-soft);
  border: 1px solid var(--p26-orange-border);
  border-radius: 14px;
  font-family: var(--p26-font-mono) !important;
  font-size: 12px;
  font-weight: 850;
}
.p26-project-process-step-dark .p26-project-process-number {
  background: rgba(240, 90, 40, 0.13);
  border-color: rgba(240, 90, 40, 0.32);
}
.p26-project-process-step h3 {
  margin: 0 0 10px;
  color: var(--p26-ink);
  font-size: 20px;
  font-weight: 850;
  line-height: 1.22;
}
.p26-project-process-step-dark h3 {
  color: var(--p26-white);
}
.p26-project-process-step p {
  margin: 0;
  color: var(--p26-slate);
  font-size: 14px;
  line-height: 1.65;
}
.p26-project-process-step-dark p {
  color: #cbd5e1;
}
/* Technology transfer links */
.p26-project-link-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.p26-project-service-link {
  display: block;
  min-width: 0;
  padding: 22px;
  background: rgba(255, 255, 255, 0.055);
  border:
    1px solid
    rgba(255, 255, 255, 0.12);
  border-left: 4px solid var(--p26-orange);
  border-radius: 17px;
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease;
}
.p26-project-service-link:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.09);
  border-color:
    rgba(240, 90, 40, 0.55);
}
.p26-project-service-link strong {
  display: block;
  margin: 0 0 6px;
  color: var(--p26-white) !important;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.25;
}
.p26-project-service-link span {
  display: block;
  color: #aebdce !important;
  font-size: 13.5px;
  line-height: 1.5;
}
/* Related cards */
.p26-project-related-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 34px;
  color: inherit !important;
  background: var(--p26-soft);
  border: 1px solid var(--p26-border);
  border-top: 4px solid var(--p26-orange);
  border-radius: 24px;
  box-shadow:
    0 14px 34px
    rgba(15, 23, 42, 0.05);
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.p26-project-related-card:hover {
  transform: translateY(-2px);
  border-color:
    rgba(240, 90, 40, 0.55);
  box-shadow:
    0 18px 42px
    rgba(15, 23, 42, 0.08);
}
.p26-project-related-card-dark {
  color: var(--p26-dark-text) !important;
  background: var(--p26-dark-bg);
  border-color:
    rgba(240, 90, 40, 0.3);
}
.p26-project-related-label {
  display: block;
  margin: 0 0 16px;
  color: var(--p26-orange) !important;
  font-family: var(--p26-font-mono) !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.p26-project-related-card h3 {
  margin: 0 0 13px;
  color: var(--p26-ink) !important;
  font-size: 25px;
  font-weight: 850;
  line-height: 1.17;
}
.p26-project-related-card-dark h3 {
  color: var(--p26-white) !important;
}
.p26-project-related-card p {
  margin: 0 0 22px;
  color: var(--p26-slate) !important;
  font-size: 15px;
  line-height: 1.68;
}
.p26-project-related-card-dark p {
  color: #cbd5e1 !important;
}
.p26-project-related-card .p26-link-orange {
  margin-top: auto;
}
/* Project CTA */
.p26-project-cta-section {
  padding-top: 72px;
}
.p26-project-cta-card {
  max-width: 1280px;
  padding:
    clamp(56px, 7vw, 92px)
    clamp(28px, 6vw, 84px);
  border-radius: 34px;
}
.p26-project-cta-card h2 {
  max-width: 940px;
  margin: 0 auto 22px;
  color: var(--p26-white) !important;
  font-size: clamp(36px, 5vw, 62px);
  font-weight: 850;
  line-height: 1.06;
  letter-spacing: -1.35px;
}
.p26-project-cta-card p {
  max-width: 840px;
  margin: 0 auto;
  color: #c5d0de !important;
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.7;
}
.p26-project-cta-actions {
  justify-content: center;
  margin-top: 34px;
}
.p26-project-cta-card .p26-btn-secondary {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(5px);
}
.p26-project-cta-card .p26-btn-secondary:hover {
  color: var(--p26-white) !important;
  background: rgba(255, 255, 255, 0.12);
  border-color:
    rgba(240, 90, 40, 0.75);
}
/* =========================================================
   19. HUBSPOT FULL-WIDTH SUPPORT
   Scoped only when these pages are present
   ========================================================= */
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page),
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
> .row-fluid,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.dnd-column,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.span12,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.widget-span,
body:has(.p26-project-page)
.dnd-section:has(.p26-project-page)
.hs_cos_wrapper,
body:has(.p26-project-page)
.row-fluid-wrapper:has(.p26-project-page),
body:has(.p26-project-page)
.content-wrapper:has(.p26-project-page),
body:has(.p26-project-page)
main:has(.p26-project-page),
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact),
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
> .row-fluid,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.dnd-column,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.span12,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.widget-span,
body:has(.p26-ai-contact)
.dnd-section:has(.p26-ai-contact)
.hs_cos_wrapper,
body:has(.p26-ai-contact)
.row-fluid-wrapper:has(.p26-ai-contact),
body:has(.p26-ai-contact)
.content-wrapper:has(.p26-ai-contact),
body:has(.p26-ai-contact)
main:has(.p26-ai-contact) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* =========================================================
   20. LEGACY INLINE LAYOUT COMPATIBILITY
   Existing pages preserved
   ========================================================= */
.p26 [style*="display: grid"] > * {
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (max-width: 1100px) {
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,1.35fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 1.35fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,0.72fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 0.72fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,0.78fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 0.78fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,0.82fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 0.82fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0,1.22fr)"],
  .p26 [style*="display: grid"][style*="grid-template-columns: minmax(0, 1.22fr)"] {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   21. RESPONSIVE
   ========================================================= */
@media (max-width: 1180px) {
  .p26-project-process {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
  .p26-project-metric-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .p26-split,
  .p26-split-40-60,
  .p26-split-45-55,
  .p26-split-55-45,
  .p26-split-60-40,
  .p26-split-65-35 {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .p26-timeline {
    grid-template-columns: 1fr;
  }
  .p26-project-hero-grid,
  .p26-project-split {
    grid-template-columns: 1fr;
  }
  .p26-project-proof-card {
    max-width: 760px;
  }
}
@media (max-width: 980px) {
  .p26-grid-3,
  .p26-grid-4 {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
  .p26-wrap,
  .p26-wrap-sm,
  .p26-wrap-narrow,
  .p26-wrap-md {
    padding-left: 22px;
    padding-right: 22px;
  }
  .p26-wrap-wide,
  .p26-wrap-full {
    padding-left: 24px;
    padding-right: 24px;
  }
  .p26-ai-proof-row,
  .p26-ai-area-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
  .p26-ai-process-layout {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }
}
@media (max-width: 700px) {
  .p26 h1,
  .p26 h2,
  .p26 h3,
  .p26 h4,
  .p26 h5,
  .p26 h6 {
    max-width: 100% !important;
    text-wrap: wrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
  }
  .p26-grid-2,
  .p26-grid-3,
  .p26-grid-4 {
    grid-template-columns: 1fr;
  }
  .p26-wrap,
  .p26-wrap-sm,
  .p26-wrap-narrow,
  .p26-wrap-md,
  .p26-wrap-wide,
  .p26-wrap-full {
    padding-left: 18px;
    padding-right: 18px;
  }
  .p26-section {
    padding:
      clamp(52px, 10vw, 76px)
      0;
  }
  .p26-h1 {
    font-size:
      clamp(36px, 10.5vw, 50px);
    line-height: 1.05;
    letter-spacing: -1px;
  }
  .p26-h2 {
    font-size:
      clamp(28px, 8vw, 38px);
    line-height: 1.1;
    letter-spacing: -0.5px;
  }
  .p26-card,
  .p26-card-soft,
  .p26-card-warm,
  .p26-card-orange,
  .p26-card-dark,
  .p26-dark-card,
  .p26-card-ghost,
  .p26-dark-inner {
    padding: 23px !important;
    border-radius: 20px !important;
  }
  .p26-btn-row,
  .p26-btn-row-strong,
  .p26-btns {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .p26-btn,
  .p26-btn-primary,
  .p26-btn-secondary,
  .p26-btn-outline,
  .p26-btn-ghost,
  .p26-btn-ghost-orange {
    width: 100%;
  }
  .p26-proof {
    grid-template-columns: 1fr;
  }
  .p26-stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
  .p26-timeline {
    grid-template-columns: 1fr;
    padding-left: 28px;
  }
  .p26-timeline-dot {
    left: -39px;
  }
  .p26-faq-question {
    padding: 16px 18px !important;
    font-size: 15px !important;
  }
  .p26-faq-answer {
    padding: 0 18px 20px;
    font-size: 15px;
  }
  .p26-cta-card,
  .p26-cta-band {
    padding: 36px 20px;
    border-radius: 20px;
  }
  .p26-table {
    min-width: 720px;
  }
  .p26-table-auto {
    min-width: 0;
  }
  .p26-project-metric-grid,
  .p26-project-process,
  .p26-project-link-grid {
    grid-template-columns: 1fr;
  }
  .p26-project-metric {
    border-right: 0;
    border-bottom:
      1px solid
      rgba(255, 255, 255, 0.1);
  }
  .p26-project-metric:last-child {
    border-bottom: 0;
  }
  .p26-project-group-heading {
    display: grid;
    grid-template-columns: 1fr;
  }
  .p26-project-card-topline {
    align-items: flex-start;
    flex-direction: column;
  }
  .p26-project-cta-card {
    padding: 52px 24px;
    border-radius: 25px;
  }
  .p26-project-hero-title {
    font-size:
      clamp(39px, 11.5vw, 53px);
    line-height: 1.04;
    letter-spacing: -1.4px;
  }
  .p26-project-section-title {
    font-size:
      clamp(31px, 9.5vw, 43px);
    line-height: 1.09;
  }
  .p26-project-card,
  .p26-project-related-card,
  .p26-project-process-step,
  .p26-project-classification-card {
    padding: 27px;
    border-radius: 21px;
  }
  .p26-project-wrap-wide {
    padding-left: 21px;
    padding-right: 21px;
  }
  /* Legacy mobile inline grid override */
  .p26 [style*="display: grid"][style*="grid-template-columns"],
  .p26 [style*="display:grid"][style*="grid-template-columns"],
  .p26 [style*="grid-template-columns"] {
    grid-template-columns:
      minmax(0, 1fr) !important;
    gap: 28px !important;
  }
  .p26 [style*="grid-template-columns"] > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .p26 h1,
  .p26 h2,
  .p26 h3,
  .p26 h4,
  .p26 h5,
  .p26 h6,
  .p26 p,
  .p26 li,
  .p26 a,
  .p26 span,
  .p26 strong,
  .p26 summary {
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    word-wrap: normal !important;
  }
}
@media (max-width: 640px) {
  .p26-ai-contact .p26-wrap {
    padding: 0 20px !important;
  }
  .p26-ai-hero {
    padding: 68px 0 54px !important;
  }
  .p26-ai-hero h1 {
    font-size:
      clamp(40px, 12vw, 56px) !important;
    line-height: 1.03 !important;
    letter-spacing: -1.1px !important;
  }
  .p26-ai-hero-lead {
    font-size: 18px !important;
  }
  .p26-ai-proof-row,
  .p26-ai-area-grid {
    grid-template-columns: 1fr !important;
  }
  .p26-ai-form-section,
  .p26-ai-areas,
  .p26-ai-process {
    padding: 62px 0 !important;
  }
  .p26-ai-form-shell {
    padding: 27px 20px !important;
    border-radius: 22px !important;
  }
  .p26-ai-form-heading {
    display: block !important;
  }
  .p26-ai-form-marker {
    display: none !important;
  }
  .p26-ai-form-shell fieldset.form-columns-2 {
    display: block !important;
  }
  .p26-ai-form-shell .hs-button,
  .p26-ai-form-shell input[type="submit"] {
    width: 100% !important;
  }
  .p26-ai-area-card {
    min-height: 0 !important;
    padding: 26px !important;
  }
  .p26-ai-process-item {
    grid-template-columns:
      44px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 22px 18px !important;
  }
  .p26-ai-process-item > span {
    width: 42px !important;
    height: 42px !important;
  }
}
@media (max-width: 390px) {
  .p26-wrap,
  .p26-wrap-sm,
  .p26-wrap-narrow,
  .p26-wrap-md,
  .p26-wrap-wide,
  .p26-wrap-full {
    padding-left: 15px;
    padding-right: 15px;
  }
  .p26-stats {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .p26-stat-num,
  .p26-stat-num-dark {
    font-size: 28px;
  }
  .p26-hero {
    padding: 52px 0 44px;
  }
  .p26-tags {
    gap: 6px;
  }
  .p26-tag {
    padding: 5px 9px;
    font-size: 11px;
  }
}
/* =========================================================
   22. REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .p26 *,
  .p26 *::before,
  .p26 *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* =========================================================
   23. PRINT
   ========================================================= */
@media print {
  .p26 {
    color: #000000 !important;
    background: #ffffff !important;
  }
  .p26 section {
    break-inside: avoid;
  }
  .p26-btn-row,
  .p26-btn-row-strong,
  .p26-btns,
  .p26-cta-section,
  .p26-section-cta {
    display: none !important;
  }
}
/* =========================================================
   P26 PROJECT SYSTEM CASCADE AND MOBILE CORRECTIONS
   Keep at the absolute end of p26.css
   Scoped exclusively to .p26-project-page
   ========================================================= */

/* ---------------------------------------------------------
   FULL WIDTH WITHOUT THE 50VW OFFSET
   HubSpot wrappers are already reset by the project rules
   --------------------------------------------------------- */

.p26.p26-project-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  background: #ffffff !important;
}

.p26-project-page .p26-project-full {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---------------------------------------------------------
   HERO
   Force correct colors against .p26 h1 and theme styles
   --------------------------------------------------------- */

.p26-project-page .p26-project-hero {
  color: #ffffff !important;
  background:
    radial-gradient(
      circle at 82% 14%,
      rgba(240, 90, 40, 0.25) 0%,
      rgba(240, 90, 40, 0.07) 27%,
      rgba(240, 90, 40, 0) 56%
    ),
    radial-gradient(
      circle at 94% 80%,
      rgba(76, 112, 156, 0.25) 0%,
      rgba(76, 112, 156, 0) 48%
    ),
    linear-gradient(
      135deg,
      #07101f 0%,
      #0f172a 56%,
      #172337 100%
    ) !important;
}

.p26-project-page .p26-project-hero h1.p26-project-hero-title {
  color: #ffffff !important;
  text-shadow:
    0 3px 22px rgba(0, 0, 0, 0.34) !important;
}

.p26-project-page .p26-project-hero .p26-project-hero-lead {
  color: #dbe5f0 !important;
}

.p26-project-page .p26-project-hero .p26-eyebrow {
  color: #fb8b63 !important;
}

.p26-project-page .p26-project-proof-card {
  color: #ffffff !important;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0.055) 100%
    ) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-top: 4px solid #f05a28 !important;
}

.p26-project-page .p26-project-proof-card h2 {
  color: #ffffff !important;
}

.p26-project-page .p26-project-proof-card p {
  color: #d3deeb !important;
}

/* Buttons inside the dark hero */

.p26-project-page .p26-project-hero a.p26-btn-primary,
.p26-project-page .p26-project-hero a.p26-btn-primary:visited {
  color: #ffffff !important;
  background: #f05a28 !important;
  border-color: #f05a28 !important;
}

.p26-project-page .p26-project-hero a.p26-btn-secondary,
.p26-project-page .p26-project-hero a.p26-btn-secondary:visited {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

/* ---------------------------------------------------------
   METRIC STRIP
   Restore dark strip and light typography
   --------------------------------------------------------- */

.p26-project-page .p26-project-metrics {
  color: #ffffff !important;
  background: #0f172a !important;
}

.p26-project-page .p26-project-metric strong {
  color: #ffffff !important;
}

.p26-project-page .p26-project-metric span {
  color: #aebed0 !important;
}

/* ---------------------------------------------------------
   SECTION TYPOGRAPHY
   Protect against global heading rules
   --------------------------------------------------------- */

.p26-project-page h2.p26-project-section-title {
  color: #0f172a !important;
}

.p26-project-page .p26-project-section-dark h2.p26-project-section-title {
  color: #ffffff !important;
}

.p26-project-page .p26-project-section-dark .p26-eyebrow {
  color: #fb8b63 !important;
}

/* ---------------------------------------------------------
   GENERAL LIGHT CARDS
   Cream background with visible separation
   --------------------------------------------------------- */

.p26-project-page .p26-card,
.p26-project-page .p26-card-soft,
.p26-project-page .p26-project-process-step,
.p26-project-page .p26-project-related-card,
.p26-project-page a.p26-project-card {
  background: #fff9f5 !important;
  border-color: #f2ded4 !important;
  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.p26-project-page .p26-card h3,
.p26-project-page .p26-card-soft h3,
.p26-project-page .p26-project-process-step h3,
.p26-project-page .p26-project-related-card h3,
.p26-project-page a.p26-project-card h3 {
  color: #0f172a !important;
}

.p26-project-page .p26-card p,
.p26-project-page .p26-card-soft p,
.p26-project-page .p26-project-process-step p,
.p26-project-page .p26-project-related-card p,
.p26-project-page a.p26-project-card > p {
  color: #475569 !important;
}

/* White variation for alternating cards when desired */

.p26-project-page .p26-project-group a.p26-project-card:nth-child(even) {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

/* ---------------------------------------------------------
   DARK FEATURED CARDS
   Higher specificity than generic card and theme selectors
   --------------------------------------------------------- */

.p26-project-page a.p26-project-card.p26-project-card-dark,
.p26-project-page a.p26-project-card.p26-project-card-dark:link,
.p26-project-page a.p26-project-card.p26-project-card-dark:visited {
  color: #e2e8f0 !important;
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(240, 90, 40, 0.16) 0%,
      rgba(240, 90, 40, 0) 45%
    ),
    linear-gradient(
      145deg,
      #0b1220 0%,
      #111c30 100%
    ) !important;
  border: 1px solid rgba(240, 90, 40, 0.34) !important;
  border-top: 4px solid #f05a28 !important;
}

.p26-project-page a.p26-project-card.p26-project-card-dark h3 {
  color: #ffffff !important;
}

.p26-project-page a.p26-project-card.p26-project-card-dark > p {
  color: #cbd5e1 !important;
}

.p26-project-page
a.p26-project-card.p26-project-card-dark
.p26-project-status {
  color: #d7e0eb !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.p26-project-page
a.p26-project-card.p26-project-card-dark
.p26-project-badge {
  color: #ff9b77 !important;
  background: rgba(240, 90, 40, 0.14) !important;
  border-color: rgba(240, 90, 40, 0.34) !important;
}

.p26-project-page
a.p26-project-card.p26-project-card-dark
.p26-project-tags span {
  color: #d5dfeb !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* ---------------------------------------------------------
   PROJECT LINK CARDS
   Neutralize HubSpot and template anchor colors
   --------------------------------------------------------- */

.p26-project-page a.p26-project-card,
.p26-project-page a.p26-project-card:link,
.p26-project-page a.p26-project-card:visited,
.p26-project-page a.p26-project-card:hover,
.p26-project-page a.p26-project-card:focus {
  color: #0f172a !important;
  text-decoration: none !important;
}

.p26-project-page a.p26-project-card h3,
.p26-project-page a.p26-project-card h3:visited {
  color: #0f172a !important;
}

.p26-project-page a.p26-project-card .p26-project-badge {
  color: #c7461d !important;
  background: #ffede5 !important;
  border-color: #f7d5c7 !important;
}

.p26-project-page a.p26-project-card .p26-project-status {
  color: #475569 !important;
  background: #ffffff !important;
  border-color: #dce4ed !important;
}

.p26-project-page a.p26-project-card .p26-project-tags span {
  color: #334155 !important;
  background: #ffffff !important;
  border-color: #dce4ed !important;
}

.p26-project-page a.p26-project-card .p26-link-orange,
.p26-project-page a.p26-project-card:visited .p26-link-orange {
  color: #e85020 !important;
}

/* ---------------------------------------------------------
   RELATED CARDS
   Prevent blue inherited links
   --------------------------------------------------------- */

.p26-project-page a.p26-project-related-card,
.p26-project-page a.p26-project-related-card:link,
.p26-project-page a.p26-project-related-card:visited,
.p26-project-page a.p26-project-related-card:hover,
.p26-project-page a.p26-project-related-card:focus {
  color: #0f172a !important;
  text-decoration: none !important;
}

.p26-project-page a.p26-project-related-card h3 {
  color: #0f172a !important;
}

.p26-project-page a.p26-project-related-card p {
  color: #475569 !important;
}

.p26-project-page
a.p26-project-related-card
.p26-project-related-label {
  color: #c7461d !important;
}

.p26-project-page
a.p26-project-related-card
.p26-link-orange {
  color: #e85020 !important;
}

.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark,
.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark:visited {
  color: #e2e8f0 !important;
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(240, 90, 40, 0.16) 0%,
      rgba(240, 90, 40, 0) 48%
    ),
    #0f172a !important;
  border-color: rgba(240, 90, 40, 0.34) !important;
}

.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark h3 {
  color: #ffffff !important;
}

.p26-project-page
a.p26-project-related-card.p26-project-related-card-dark p {
  color: #cbd5e1 !important;
}

/* ---------------------------------------------------------
   TECHNOLOGY TRANSFER LINKS
   Prevent blue link inheritance
   --------------------------------------------------------- */

.p26-project-page a.p26-project-service-link,
.p26-project-page a.p26-project-service-link:link,
.p26-project-page a.p26-project-service-link:visited,
.p26-project-page a.p26-project-service-link:hover,
.p26-project-page a.p26-project-service-link:focus {
  color: #ffffff !important;
  text-decoration: none !important;
  background: rgba(255, 255, 255, 0.065) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  border-left-color: #f05a28 !important;
}

.p26-project-page a.p26-project-service-link strong {
  color: #ffffff !important;
}

.p26-project-page a.p26-project-service-link span {
  color: #b9c7d6 !important;
}

/* ---------------------------------------------------------
   CLASSIFICATION CARDS
   --------------------------------------------------------- */

.p26-project-page .p26-project-classification-card.p26-card-orange {
  background: #fff7f2 !important;
  border-color: #f3d7c9 !important;
  border-top-color: #f05a28 !important;
}

.p26-project-page .p26-project-classification-card.p26-dark-card {
  color: #e2e8f0 !important;
  background:
    linear-gradient(
      145deg,
      #0b1220 0%,
      #111c30 100%
    ) !important;
  border-color: rgba(240, 90, 40, 0.34) !important;
}

.p26-project-page
.p26-project-classification-card.p26-dark-card h3 {
  color: #ffffff !important;
}

.p26-project-page
.p26-project-classification-card.p26-dark-card p,
.p26-project-page
.p26-project-classification-card.p26-dark-card li {
  color: #cbd5e1 !important;
}

/* ---------------------------------------------------------
   MOBILE TYPOGRAPHY AND SPACING
   --------------------------------------------------------- */

@media (max-width: 700px) {

  .p26-project-page .p26-project-wrap-wide {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .p26-project-page .p26-project-hero {
    padding-top: 86px !important;
    padding-bottom: 68px !important;
  }

  .p26-project-page
  .p26-project-hero
  h1.p26-project-hero-title {
    font-size: clamp(38px, 10.4vw, 50px) !important;
    line-height: 1.035 !important;
    letter-spacing: -1.2px !important;
  }

  .p26-project-page .p26-project-hero-lead {
    font-size: 18px !important;
    line-height: 1.62 !important;
  }

  .p26-project-page h2.p26-project-section-title {
    font-size: clamp(30px, 7.8vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.7px !important;
  }

  .p26-project-page .p26-project-section-lead {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  .p26-project-page .p26-project-section {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }

  .p26-project-page .p26-project-metric {
    padding: 23px 4px !important;
  }

  .p26-project-page .p26-project-card,
  .p26-project-page .p26-project-related-card,
  .p26-project-page .p26-project-process-step {
    padding: 26px !important;
  }

  .p26-project-page .p26-project-card h3 {
    font-size: 23px !important;
    line-height: 1.18 !important;
  }

  .p26-project-page .p26-project-card-topline {
    gap: 8px !important;
  }

  .p26-project-page .p26-project-badge,
  .p26-project-page .p26-project-status {
    width: auto !important;
    max-width: 100% !important;
  }
}
/* P26 horizontal content safety spacing */

.p26 .p26-wrap,
.p26-wrap,
.p26-jobs .p26-jobs-wrap,
.p26-jobs-wrap {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(32px, 4vw, 56px) !important;
  padding-right: clamp(32px, 4vw, 56px) !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .p26 .p26-wrap,
  .p26-wrap,
  .p26-jobs .p26-jobs-wrap,
  .p26-jobs-wrap {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }
}

@media (max-width: 480px) {
  .p26 .p26-wrap,
  .p26-wrap,
  .p26-jobs .p26-jobs-wrap,
  .p26-jobs-wrap {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
/* Prevent automatic hyphenation across Pangeanic headings */

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body h1 *,
html body h2 *,
html body h3 *,
html body h4 *,
html body h5 *,
html body h6 * {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;

  white-space: normal !important;
}
</style>