/*
  Clikin Tech — Enterprise Evidence-Ready Redesign v2.0
  Built around the supplied HD brand asset and the website enhancement review.
*/

:root {
  --brand-ink: #112d4f;
  --brand-ink-2: #183f65;
  --brand-blue: #24658b;
  --brand-blue-2: #347fa8;
  --brand-sky: #68acc9;
  --brand-sky-soft: #d9edf5;
  --brand-silver: #aab5bf;
  --brand-silver-2: #d9dfe4;
  --brand-mist: #f3f7f9;
  --brand-paper: #fafcfd;
  --brand-white: #ffffff;
  --brand-charcoal: #223246;
  --brand-muted: #657589;
  --brand-line: rgba(17,45,79,.13);
  --brand-line-strong: rgba(17,45,79,.22);
  --brand-shadow-sm: 0 10px 30px rgba(17,45,79,.08);
  --brand-shadow-md: 0 24px 70px rgba(17,45,79,.13);
  --brand-shadow-lg: 0 40px 110px rgba(5,22,42,.24);
  --brand-radius-sm: 12px;
  --brand-radius: 20px;
  --brand-radius-lg: 30px;
  --brand-radius-xl: 46px;
  --container: 1260px;
  --ink-950: #081727;
  --ink-900: var(--brand-ink);
  --ink-850: #143654;
  --ink-800: #183f65;
  --ink-700: #2b5576;
  --blue-500: var(--brand-blue-2);
  --blue-400: #72acc7;
  --cyan-400: #75bed5;
  --cyan-300: #a4d9e8;
  --paper: var(--brand-mist);
  --paper-2: #edf3f6;
  --text: var(--brand-charcoal);
  --muted: var(--brand-muted);
  --line: var(--brand-line);
  --shadow-sm: var(--brand-shadow-sm);
  --shadow-md: var(--brand-shadow-md);
  --radius-sm: var(--brand-radius-sm);
  --radius-md: var(--brand-radius);
  --radius-lg: var(--brand-radius-lg);
  --radius-xl: var(--brand-radius-xl);
}

html { scroll-padding-top: 136px; }
body {
  background: var(--brand-mist);
  color: var(--brand-charcoal);
  font-family: Inter, Aptos, "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  font-feature-settings: "kern" 1, "liga" 1;
}
body.modal-open { overflow: hidden; }

.container { width: min(var(--container), calc(100% - 48px)); }
.section { padding: 108px 0; }
.section-sm { padding: 72px 0; }
.section-white { background: var(--brand-white); }
.section-paper { background: var(--brand-mist); }
.section-soft {
  background:
    radial-gradient(circle at 7% 5%, rgba(104,172,201,.15), transparent 31%),
    radial-gradient(circle at 93% 91%, rgba(170,181,191,.18), transparent 30%),
    #edf3f6;
}
.section-dark {
  background:
    radial-gradient(circle at 10% 0, rgba(104,172,201,.23), transparent 34%),
    radial-gradient(circle at 92% 52%, rgba(52,127,168,.18), transparent 36%),
    linear-gradient(135deg, #0b2036 0%, #112f50 58%, #174b6c 100%);
}
.section-dark::before,
.hero::before,
.page-hero::before {
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 72px 72px;
}

.eyebrow {
  gap: 10px;
  margin-bottom: 15px;
  color: var(--brand-blue);
  font-size: 11px;
  letter-spacing: .145em;
}
.eyebrow::before { width: 30px; background: currentColor; }
.section-dark .eyebrow,
.page-hero .eyebrow { color: #b8e0ed; }
.section-head { gap: 72px; margin-bottom: 48px; }
.section-head h2 {
  max-width: 900px;
  color: var(--brand-ink);
  font-size: clamp(40px, 4.75vw, 68px);
  font-weight: 670;
  letter-spacing: -.052em;
  line-height: 1.01;
}
.section-dark .section-head h2 { color: white; }
.section-head p { color: var(--brand-muted); font-size: 17px; line-height: 1.65; }
.display-line { display: block; }
.text-gradient {
  background: linear-gradient(100deg, #d7f0f7 0%, #7fc1da 42%, #b5c1cb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Announcement and navigation */
.announcement {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 130;
  min-height: 38px;
  gap: 9px;
  color: rgba(255,255,255,.78);
  background: #0b2137;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: 11px;
  letter-spacing: .025em;
}
.announcement strong { color: white; }
.announcement a { color: #b8e4f0; }
.announcement-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #8fd3e5;
  box-shadow: 0 0 0 5px rgba(143,211,229,.12);
}
.site-header {
  top: 38px;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--brand-line);
  box-shadow: 0 8px 28px rgba(17,45,79,.07);
}
.site-header.scrolled {
  background: rgba(255,255,255,.985);
  border-bottom-color: var(--brand-line-strong);
  box-shadow: 0 18px 50px rgba(17,45,79,.12);
}
.nav-shell { min-height: 86px; gap: 23px; }
.brand-image { min-width: 248px; flex: 0 0 248px; }
.brand-image img {
  width: 248px;
  max-height: 64px;
  height: auto;
  object-fit: contain;
  object-position: left center;
}
.primary-nav { gap: 21px; }
.primary-nav > a,
.nav-dropdown > button {
  color: #334b66;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .008em;
}
.primary-nav > a:hover,
.primary-nav > a[aria-current="page"],
.nav-dropdown > button:hover,
.nav-dropdown > button.active { color: var(--brand-blue); }
.primary-nav > a[aria-current="page"] { position: relative; }
.primary-nav > a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand-blue), var(--brand-sky));
}
.nav-panel {
  width: 700px;
  max-width: calc(100vw - 32px);
  padding: 18px;
  color: white;
  border-color: rgba(255,255,255,.11);
  background: linear-gradient(145deg, #0b2036, #123b5e);
  box-shadow: 0 30px 85px rgba(6,23,42,.34);
}
.nav-panel-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 4px 14px;
  padding: 4px 4px 15px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.nav-panel-intro span { color: #a7d4e3; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.nav-panel-intro strong { color: rgba(255,255,255,.82); font-size: 11px; }
.nav-panel-grid { gap: 7px; }
.nav-panel-grid > a { min-height: 82px; border-radius: 14px; }
.nav-panel-grid > a:hover { background: rgba(255,255,255,.075); }
.nav-panel-icon {
  color: #d7f0f7;
  border: 1px solid rgba(143,211,229,.19);
  background: rgba(104,172,201,.11);
}
.nav-panel > .nav-panel-all {
  display: flex;
  grid-template-columns: none;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 13px 14px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  color: #bce5ef;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  text-align: left;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
.nav-panel > .nav-panel-all:hover {
  color: white;
  background: rgba(255,255,255,.075);
}
.nav-panel > .nav-panel-all > span:first-child { min-width: 0; }
.nav-panel > .nav-panel-all > span[aria-hidden="true"] {
  flex: 0 0 auto;
  font-size: 15px;
  line-height: 1;
  transition: transform .2s ease;
}
.nav-panel > .nav-panel-all:hover > span[aria-hidden="true"] { transform: translateX(3px); }
.header-cta {
  min-height: 43px;
  padding: 0 16px;
  border-radius: 12px;
  background: var(--brand-ink);
  box-shadow: 0 9px 24px rgba(17,45,79,.18);
}
.header-cta:hover { background: var(--brand-blue); }
.mobile-menu-button { border-color: var(--brand-line); background: #f4f8fa; }
.mobile-nav {
  top: 124px;
  color: white;
  background: #0b2137;
  border-top-color: rgba(255,255,255,.1);
}

/* Buttons and links */
.btn { border-radius: 13px; font-weight: 750; letter-spacing: .005em; }
.btn-primary {
  color: #0b2238;
  background: linear-gradient(100deg, #bce4ef, #79b9d2);
  box-shadow: 0 13px 36px rgba(104,172,201,.23);
}
.btn-primary:hover { box-shadow: 0 18px 44px rgba(104,172,201,.32); }
.btn-dark { background: var(--brand-ink); }
.btn-dark:hover { background: var(--brand-blue); }
.btn-outline { color: var(--brand-ink); border-color: var(--brand-line-strong); }
.btn-outline:hover { color: white; border-color: var(--brand-blue); background: var(--brand-blue); }
.text-link,
.source-link { color: var(--brand-blue); }
.source-link {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--brand-line);
  border-radius: 10px;
  background: rgba(255,255,255,.74);
  font-size: 10px;
  font-weight: 780;
}
.source-link:hover { border-color: var(--brand-sky); background: white; }
.source-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.source-note { margin: 14px 0 0; color: var(--brand-muted); font-size: 11px; }

/* Hero treatment */
.hero,
.page-hero,
.article-hero,
.legal-hero {
  color: white;
  background:
    radial-gradient(circle at 78% 28%, rgba(116,187,211,.19), transparent 28%),
    radial-gradient(circle at 14% 8%, rgba(83,139,175,.24), transparent 34%),
    linear-gradient(132deg, #071827 0%, #102e4c 52%, #1b5675 100%);
}
.hero { min-height: 850px; padding: 190px 0 96px; }
.page-hero { min-height: 650px; padding: 176px 0 82px; }
.hero::after,
.page-hero::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  right: -250px;
  bottom: -290px;
  border: 1px solid rgba(186,226,238,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 64px rgba(104,172,201,.03), 0 0 0 128px rgba(170,181,191,.025);
}
.hero h1,
.page-hero h1 { font-weight: 650; letter-spacing: -.06em; }
.hero h1 { font-size: clamp(58px, 6.2vw, 96px); }
.page-hero h1 { font-size: clamp(52px, 5.7vw, 84px); }
.hero .lead,
.page-hero .lead { color: rgba(255,255,255,.72); }
.hero-kicker {
  border-color: rgba(160,215,231,.23);
  background: rgba(160,215,231,.08);
  color: #d7f2f8;
}
.hero-kicker .pulse { background: #9fd7e5; }
.page-hero-card {
  border-color: rgba(255,255,255,.14);
  background: linear-gradient(155deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  box-shadow: 0 32px 90px rgba(0,0,0,.22);
}
.hero-stat { border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.05); }
.hero-stat span { color: rgba(255,255,255,.5); }
.hero-model-flow div { border-color: rgba(143,211,229,.18); background: rgba(143,211,229,.06); }
.blueprint-console {
  border-color: rgba(255,255,255,.14);
  background: linear-gradient(165deg, rgba(27,67,98,.9), rgba(7,24,41,.96));
  box-shadow: 0 0 0 1px rgba(104,172,201,.1), 0 36px 100px rgba(3,15,28,.45);
}
.console-status { color: #d0eef5; background: rgba(104,172,201,.12); }
.trust-ribbon { background: #0c2339; border-color: rgba(255,255,255,.08); }

/* Footer */
.site-footer-v2 {
  color: #53667b;
  background: #f8fbfc;
  border-top: 1px solid var(--brand-line);
}
.footer-proof {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 58px;
  border-bottom: 1px solid var(--brand-line);
  color: #657589;
  font-size: 11px;
}
.footer-proof strong { color: var(--brand-ink); font-size: 13px; }
.footer-proof a { margin-left: auto; color: var(--brand-blue); font-weight: 780; }
.footer-top { grid-template-columns: 1.22fr repeat(3,.74fr); gap: 42px; padding: 62px 0 44px; }
.brand-image-footer img { width: min(330px,100%); max-height: none; }
.footer-brand p { color: #68798c; font-size: 12px; line-height: 1.7; }
.footer-positioning { color: var(--brand-blue); }
.footer-col h3 { color: var(--brand-ink); }
.footer-col a { color: #647589; }
.footer-col a:hover { color: var(--brand-blue); }
.footer-contact strong { display: block; color: var(--brand-ink); font-size: 12px; line-height: 1.5; }
.footer-legal-note { margin: 7px 0 14px; color: #7a8897; font-size: 10px; line-height: 1.55; }
.footer-contact address { color: #6f7f90; }
.footer-bottom { color: #7b8998; border-top-color: var(--brand-line); }
.footer-legal-links a:hover { color: var(--brand-blue); }

/* Status system */
.status-pill {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 25px;
  padding: 0 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.status-verified { color: #167058; background: #edf9f4; border-color: rgba(22,112,88,.24); }
.status-site { color: #315f8b; background: #eef5fa; border-color: rgba(49,95,139,.22); }
.status-partial { color: #7b5d18; background: #fff8e6; border-color: rgba(123,93,24,.22); }
.status-illustrative { color: #6b4c96; background: #f6f0fb; border-color: rgba(107,76,150,.22); }
.status-pending { color: #975a24; background: #fff4e9; border-color: rgba(151,90,36,.23); }
.status-prototype { color: #5e4f9c; background: #f2f0fb; border-color: rgba(94,79,156,.22); }
.status-configurable { color: #235f78; background: #edf8fb; border-color: rgba(35,95,120,.22); }
.status-roadmap { color: #8a5d23; background: #fff6e9; border-color: rgba(138,93,35,.22); }
.status-governance,
.status-framework { color: #176a63; background: #edf8f6; border-color: rgba(23,106,99,.22); }
.status-private { color: #384f6b; background: #eff3f7; border-color: rgba(56,79,107,.22); }
.claim-legend { display: grid; gap: 12px; margin-top: 24px; }
.claim-legend span { display: flex; align-items: center; gap: 9px; font-size: 11px; }
.claim-legend i { width: 9px; height: 9px; border-radius: 50%; }
.claim-legend i.verified { background: #2b9574; }
.claim-legend i.site { background: #4f83ad; }
.claim-legend i.illustrative { background: #8264a9; }
.claim-legend i.pending { background: #c07a38; }
.claim-legend.compact { display: flex; flex-wrap: wrap; gap: 12px; }
.claim-legend.compact span { color: #6b7a8b; font-size: 9px; }

/* Homepage proof band */
.proof-band { padding: 66px 0 72px; border-bottom: 1px solid var(--brand-line); }
.proof-band-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 30px; }
.proof-band-head h2 { max-width: 780px; margin: 0; color: var(--brand-ink); font-size: clamp(31px,3.2vw,48px); line-height: 1.03; letter-spacing: -.045em; }
.proof-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.proof-metrics article {
  min-height: 190px;
  display: flex;
  flex-direction: column;
  padding: 23px;
  border: 1px solid var(--brand-line);
  border-radius: 18px;
  background: linear-gradient(145deg,#fff,#f4f8fa);
  box-shadow: var(--brand-shadow-sm);
}
.proof-metrics strong { margin-top: 24px; color: var(--brand-ink); font-size: 34px; line-height: 1; letter-spacing: -.045em; }
.proof-metrics p { margin: 8px 0 0; color: #647589; font-size: 12px; }
.proof-metrics a { margin-top: auto; padding-top: 18px; color: var(--brand-blue); font-size: 10px; font-weight: 780; }
.proof-band-note { margin: 18px 0 0; color: #6c7c8d; font-size: 11px; }
.proof-band-note strong { color: var(--brand-ink); }

/* Evidence cards */
.evidence-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.evidence-card {
  min-height: 620px;
  padding: 29px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--brand-line);
  border-radius: 24px;
  background: white;
  box-shadow: var(--brand-shadow-sm);
}
.evidence-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #7a8897; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.evidence-card h3 { margin: 30px 0 22px; color: var(--brand-ink); font-size: 29px; line-height: 1.03; letter-spacing: -.04em; }
.evidence-card dl { margin: 0; }
.evidence-card dl div { padding: 14px 0; border-top: 1px solid var(--brand-line); }
.evidence-card dt { color: var(--brand-blue); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.evidence-card dd { margin: 6px 0 0; color: #5e7084; font-size: 11px; line-height: 1.55; }
.evidence-card .evidence-required { margin-top: 4px; padding: 15px; border: 1px dashed rgba(151,90,36,.28); border-radius: 13px; background: #fff8f1; }
.evidence-card .text-link { margin-top: auto; padding-top: 24px; }
.evidence-disclaimer {
  margin-top: 18px;
  padding: 19px 22px;
  border: 1px solid rgba(107,76,150,.18);
  border-radius: 15px;
  color: #655d72;
  background: #f9f5fc;
  font-size: 11px;
}
.evidence-disclaimer strong { color: #594078; }

/* GCC market context */
.section-market-context {
  overflow: hidden;
  padding: 94px 0;
  color: white;
  background:
    radial-gradient(circle at 95% 0, rgba(104,172,201,.25), transparent 34%),
    linear-gradient(135deg,#0a1e32,#123d5e 62%,#1d5b79);
}
.market-context-head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; margin-bottom: 38px; }
.market-context-head h2 { margin: 0; font-size: clamp(42px,4.8vw,70px); line-height: 1; letter-spacing: -.055em; }
.market-context-head p { margin: 0; color: rgba(255,255,255,.66); font-size: 15px; line-height: 1.7; }
.section-market-context .eyebrow { color: #b8e2ed; }
.market-stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.market-stat-grid article { min-height: 175px; padding: 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.055); backdrop-filter: blur(12px); }
.market-stat-grid article.wide { grid-column: span 2; min-height: 132px; }
.market-stat-grid strong { display: block; font-size: clamp(31px,3.2vw,46px); line-height: 1; letter-spacing: -.04em; }
.market-stat-grid span { display: block; margin-top: 13px; color: rgba(255,255,255,.74); font-size: 12px; }
.market-stat-grid small { display: block; margin-top: 26px; color: #9fd2e1; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.market-evolution { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 18px; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(0,0,0,.1); color: rgba(255,255,255,.72); font-size: 11px; font-weight: 750; }
.market-evolution i { color: #9cd7e6; font-style: normal; }
.section-market-context .source-link { color: #d5f1f7; border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.06); }
.section-market-context .source-link:hover { background: rgba(255,255,255,.12); }
.section-market-context .source-note { color: rgba(255,255,255,.55); }

/* Simulator transparency */
.simulator-explainer { border-bottom: 1px solid var(--brand-line); }
.simulator-boundaries { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.boundary-card { padding: 34px; border: 1px solid var(--brand-line); border-radius: 24px; background: #fff; box-shadow: var(--brand-shadow-sm); }
.boundary-card > span { color: var(--brand-blue); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.boundary-card h3 { margin: 25px 0 0; color: var(--brand-ink); font-size: 30px; line-height: 1.04; letter-spacing: -.04em; }
.boundary-card p { margin: 16px 0 0; color: #5f7083; font-size: 13px; line-height: 1.68; }
.boundary-card.can { border-top: 4px solid #4f91ae; }
.boundary-card.cannot { border-top: 4px solid #b58c66; }
.how-to-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 16px; }
.how-to-grid article { padding: 23px; border: 1px solid var(--brand-line); border-radius: 17px; background: #f7fafb; }
.how-to-grid b { color: var(--brand-sky); font-size: 11px; }
.how-to-grid h3 { margin: 26px 0 0; color: var(--brand-ink); font-size: 18px; }
.how-to-grid p { margin: 9px 0 0; color: #697a8b; font-size: 11px; }
.input-definitions,
.methodology-drawer { margin-top: 20px; border: 1px solid var(--brand-line); border-radius: 17px; background: white; overflow: hidden; }
.input-definitions summary,
.methodology-drawer summary { padding: 18px 22px; color: var(--brand-ink); cursor: pointer; font-size: 12px; font-weight: 800; }
.definition-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 24px; padding: 0 22px 22px; }
.definition-grid div { padding: 16px 0; border-top: 1px solid var(--brand-line); }
.definition-grid strong { color: var(--brand-ink); font-size: 11px; }
.definition-grid p { margin: 6px 0 0; color: #68798c; font-size: 10px; }
.lab-output-v2 { align-items: center; }
.fit-orb {
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  align-content: center;
  flex: 0 0 auto;
  border: 1px solid rgba(52,127,168,.25);
  border-radius: 50%;
  color: var(--brand-ink);
  background: radial-gradient(circle,#fff 54%,#e1eff4 55%,#b8d9e5 100%);
  box-shadow: inset 0 0 0 8px rgba(255,255,255,.45);
}
.fit-orb span { font-size: 14px; font-weight: 850; }
.fit-orb small { margin-top: 3px; color: #6b7d90; font-size: 7px; text-transform: uppercase; letter-spacing: .06em; }
.fit-badge {
  width: 132px;
  min-height: 108px;
  display: grid;
  place-items: center;
  align-content: center;
  padding: 14px;
  border: 1px solid rgba(52,127,168,.22);
  border-radius: 20px;
  text-align: center;
  background: linear-gradient(145deg,#fff,#e9f3f6);
}
.fit-badge strong { color: var(--brand-ink); font-size: 20px; }
.fit-badge span { margin-top: 5px; color: #647589; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.fit-high { border-color: rgba(31,123,93,.25); background: #edf8f4; }
.fit-conditional { border-color: rgba(151,90,36,.25); background: #fff5eb; }
.why-button { margin-top: 10px; padding: 0; border: 0; color: var(--brand-blue); background: transparent; font-size: 10px; font-weight: 800; cursor: pointer; }
.why-list { margin: 10px 0 0; padding-left: 18px; color: #617386; font-size: 10px; }
.why-result { margin: 16px 0; padding: 20px; border: 1px solid var(--brand-line); border-radius: 16px; background: #f6f9fa; }
.why-result-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.why-result h4 { margin: 0; color: var(--brand-ink); font-size: 13px; }
.why-result-head span { color: #718194; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.why-result ul { margin: 13px 0 0; padding-left: 18px; color: #5e7186; font-size: 10px; }
.methodology-meta { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 20px 16px; }
.methodology-meta span { padding: 7px 9px; border-radius: 8px; color: #5b6e81; background: #eef4f6; font-size: 8px; font-weight: 800; }
.methodology-table-wrap { overflow-x: auto; padding: 0 20px; }
.methodology-table { width: 100%; min-width: 780px; border-collapse: collapse; }
.methodology-table th { padding: 10px; color: #6b7b8d; background: #eef3f6; font-size: 8px; text-align: left; text-transform: uppercase; letter-spacing: .06em; }
.methodology-table td { padding: 11px 10px; border-bottom: 1px solid var(--brand-line); color: #5b6d80; font-size: 9px; vertical-align: top; }
.methodology-drawer > p { padding: 0 20px; color: #6b7b8c; font-size: 9px; }
.methodology-drawer .source-row { padding: 0 20px 20px; }
.lab-ui > [data-download-assumptions] { margin: 13px 0; }

/* Location evidence */
.lens-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 22px; }
.lens-grid article { padding: 27px; border: 1px solid var(--brand-line); border-radius: 20px; background: #f7fafb; }
.lens-grid span { color: var(--brand-sky); font-size: 10px; font-weight: 850; }
.lens-grid h3 { margin: 30px 0 0; color: var(--brand-ink); font-size: 22px; }
.lens-grid p { margin: 11px 0 0; color: #68798b; font-size: 11px; }
.table-scroll { overflow-x: auto; border: 1px solid var(--brand-line); border-radius: 18px; background: white; box-shadow: var(--brand-shadow-sm); }
.evidence-table,
.evidence-register { width: 100%; min-width: 1120px; border-collapse: collapse; }
.evidence-table th,
.evidence-register th { padding: 15px 13px; color: #53667a; background: #edf3f6; font-size: 8px; font-weight: 850; text-align: left; text-transform: uppercase; letter-spacing: .055em; }
.evidence-table td,
.evidence-table tbody th,
.evidence-register td,
.evidence-register tbody th { padding: 15px 13px; border-top: 1px solid var(--brand-line); color: #5e7083; background: white; font-size: 9px; text-transform: none; letter-spacing: 0; vertical-align: top; }
.evidence-table tbody th a,
.evidence-register a { color: var(--brand-blue); font-weight: 800; }
.city-inline-link { color: inherit; text-decoration: underline; text-decoration-color: rgba(104,172,201,.5); text-underline-offset: 3px; }

/* Product concept demonstration */
.product-demo-shell {
  display: grid;
  grid-template-columns: 230px 1fr;
  overflow: hidden;
  min-height: 680px;
  border: 1px solid var(--brand-line);
  border-radius: 28px;
  background: #f5f8fa;
  box-shadow: var(--brand-shadow-md);
}
.demo-sidebar { display: flex; flex-direction: column; padding: 24px; color: white; background: linear-gradient(175deg,#0a2137,#143d5d); }
.demo-brand { display: flex; align-items: center; gap: 12px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.1); }
.demo-brand img { width: 42px; height: 42px; object-fit: contain; }
.demo-brand span { font-size: 12px; font-weight: 800; }
.demo-brand small { display: block; margin-top: 4px; color: rgba(255,255,255,.5); font-size: 8px; font-weight: 600; }
.demo-tabs { display: grid; gap: 7px; margin-top: 24px; }
.demo-tabs button { padding: 13px 14px; border: 1px solid transparent; border-radius: 11px; color: rgba(255,255,255,.66); background: transparent; text-align: left; font-size: 11px; font-weight: 750; cursor: pointer; }
.demo-tabs button:hover,
.demo-tabs button.active { color: white; border-color: rgba(160,215,231,.15); background: rgba(160,215,231,.1); }
.demo-sidebar .btn { margin-top: auto; color: white; border-color: rgba(255,255,255,.18); }
.demo-sidebar .btn:hover { background: rgba(255,255,255,.1); }
.demo-content { padding: 26px; min-width: 0; }
.demo-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--brand-line); }
.demo-topbar span:first-child { color: #788797; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.demo-topbar strong { display: block; margin-top: 4px; color: var(--brand-ink); font-size: 21px; }
.demo-panel { display: none; }
.demo-panel.active { display: block; }
.demo-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; margin-top: 18px; }
.demo-kpis article { padding: 18px; border: 1px solid var(--brand-line); border-radius: 15px; background: white; }
.demo-kpis span { color: #718195; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.demo-kpis strong { display: block; margin-top: 13px; color: var(--brand-ink); font-size: 24px; letter-spacing: -.04em; }
.demo-kpis small { display: block; margin-top: 5px; color: #8a98a6; font-size: 7px; }
.demo-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 12px; margin-top: 12px; }
.demo-chart,
.demo-alerts { min-height: 340px; padding: 22px; border: 1px solid var(--brand-line); border-radius: 16px; background: white; }
.demo-chart h4,
.demo-alerts h4 { margin: 0 0 24px; color: var(--brand-ink); font-size: 12px; }
.bar-row { display: grid; grid-template-columns: 90px 1fr 34px; gap: 10px; align-items: center; margin: 19px 0; color: #63758a; font-size: 8px; }
.bar-row i { position: relative; height: 7px; overflow: hidden; border-radius: 999px; background: #e6edf1; }
.bar-row i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--bar); border-radius: inherit; background: linear-gradient(90deg,var(--brand-blue),var(--brand-sky)); }
.bar-row b { color: var(--brand-ink); font-size: 8px; }
.demo-alerts article { padding: 14px 0; border-top: 1px solid var(--brand-line); }
.demo-alerts article:first-of-type { border-top: 0; }
.demo-alerts article span { display: inline-flex; padding: 4px 7px; border-radius: 999px; color: #5c6f83; background: #eef3f6; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.demo-alerts article span.alert-high { color: #9a4f32; background: #fff1e9; }
.demo-alerts p { margin: 9px 0 11px; color: #5f7083; font-size: 9px; line-height: 1.5; }
.demo-alerts button { padding: 0; border: 0; color: var(--brand-blue); background: transparent; font-size: 8px; font-weight: 800; }
.demo-foot { display: flex; justify-content: space-between; gap: 20px; margin-top: 12px; padding: 13px 2px; color: #788797; font-size: 7px; }
.donut-demo { width: 180px; height: 180px; display: grid; place-items: center; margin: 35px auto; border-radius: 50%; background: conic-gradient(var(--brand-blue) 0 68%,var(--brand-sky) 68% 84%,#dbe4e9 84%); }
.donut-demo::before { content: ""; position: absolute; width: 112px; height: 112px; border-radius: 50%; background: white; }
.donut-demo { position: relative; }
.donut-demo span { position: relative; z-index: 1; color: var(--brand-ink); font-size: 10px; font-weight: 800; }
.timeline-demo { margin: 20px 0 0; padding: 0; list-style: none; }
.timeline-demo li { position: relative; padding: 16px 12px 16px 38px; border-top: 1px solid var(--brand-line); color: #728195; font-size: 9px; }
.timeline-demo li::before { content: ""; position: absolute; left: 12px; top: 17px; width: 11px; height: 11px; border: 2px solid #bdc8d0; border-radius: 50%; background: white; }
.timeline-demo li.done::before { border-color: var(--brand-blue); background: var(--brand-blue); }
.timeline-demo li.active { color: var(--brand-ink); font-weight: 800; }
.timeline-demo li.active::before { border-color: var(--brand-sky); box-shadow: 0 0 0 5px rgba(104,172,201,.15); }
.risk-matrix { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 25px; }
.risk-matrix span { min-height: 86px; display: grid; place-items: center; border-radius: 12px; color: #425a72; background: #edf3f6; font-size: 8px; font-weight: 800; }
.risk-matrix .r2,
.risk-matrix .r3 { background: #e5f1f5; }
.risk-matrix .r4 { color: #7d5734; background: #fff1e5; }
.feature-status-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 18px; }
.feature-status-grid article { padding: 23px; border: 1px solid var(--brand-line); border-radius: 18px; background: white; }
.feature-status-grid h3 { margin: 24px 0 0; color: var(--brand-ink); font-size: 17px; line-height: 1.12; }
.feature-status-grid p { margin: 9px 0 0; color: #68798b; font-size: 10px; }
.feature-status-grid .text-link { display: inline-block; margin-top: 12px; font-size: 9px; }
.walkthrough-modal { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 24px; }
.walkthrough-modal[hidden] { display: none; }
.walkthrough-backdrop { position: absolute; inset: 0; background: rgba(4,18,31,.72); backdrop-filter: blur(8px); }
.walkthrough-dialog { position: relative; z-index: 1; width: min(720px,100%); min-height: 500px; padding: 48px; border: 1px solid rgba(255,255,255,.15); border-radius: 28px; color: white; background: linear-gradient(145deg,#0a2137,#174d6c); box-shadow: 0 40px 120px rgba(0,0,0,.42); }
.walkthrough-dialog h2 { margin: 0; font-size: clamp(38px,5vw,60px); line-height: 1; letter-spacing: -.05em; }
.modal-close { position: absolute; right: 18px; top: 18px; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; color: white; background: rgba(255,255,255,.07); font-size: 24px; cursor: pointer; }
.walkthrough-steps { margin-top: 40px; }
.walkthrough-steps article { display: none; }
.walkthrough-steps article.active { display: block; }
.walkthrough-steps span { color: #a5d8e5; font-size: 9px; font-weight: 850; letter-spacing: .1em; }
.walkthrough-steps h3 { margin: 18px 0 0; font-size: 28px; line-height: 1.08; }
.walkthrough-steps p { max-width: 580px; margin: 14px 0 0; color: rgba(255,255,255,.65); font-size: 13px; }
.walkthrough-controls { display: flex; align-items: center; justify-content: space-between; margin-top: 44px; }
.walkthrough-controls > span { color: rgba(255,255,255,.5); font-size: 10px; }
.walkthrough-controls .btn { color: #0b2137; background: #bfe7f0; }

/* Governance */
.governance-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.governance-grid article,
.governance-control-grid article { padding: 25px; border: 1px solid var(--brand-line); border-radius: 19px; background: white; box-shadow: var(--brand-shadow-sm); }
.governance-grid span,
.governance-control-grid span { color: var(--brand-sky); font-size: 10px; font-weight: 850; }
.governance-grid h3,
.governance-control-grid h3 { margin: 30px 0 0; color: var(--brand-ink); font-size: 20px; line-height: 1.1; }
.governance-grid p,
.governance-control-grid p { margin: 11px 0 0; color: #637589; font-size: 11px; line-height: 1.6; }
.governance-control-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.governance-control-grid article { min-height: 280px; }
.gate-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap: 10px; align-items: center; }
.gate-flow article { min-height: 155px; padding: 21px; border: 1px solid var(--brand-line); border-radius: 17px; background: white; }
.gate-flow b { color: var(--brand-sky); font-size: 11px; }
.gate-flow strong { display: block; margin-top: 28px; color: var(--brand-ink); font-size: 15px; }
.gate-flow small { display: block; margin-top: 7px; color: #6d7d8e; font-size: 9px; }
.gate-flow > i { color: var(--brand-sky); font-style: normal; }

/* Reference architectures */
.architecture-flow { display: grid; grid-template-columns: repeat(11,auto); gap: 8px; align-items: center; }
.architecture-flow article { min-width: 142px; min-height: 155px; padding: 20px; border: 1px solid var(--brand-line); border-radius: 18px; background: white; box-shadow: var(--brand-shadow-sm); }
.architecture-flow article span { color: var(--brand-sky); font-size: 9px; font-weight: 850; }
.architecture-flow article strong { display: block; margin-top: 28px; color: var(--brand-ink); font-size: 16px; line-height: 1.12; }
.architecture-flow article small { display: block; margin-top: 8px; color: #697a8d; font-size: 9px; }
.architecture-flow > i { color: var(--brand-sky); font-style: normal; }
.architecture-rail { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 13px; padding: 14px; border: 1px dashed rgba(52,127,168,.25); border-radius: 14px; color: var(--brand-blue); background: rgba(255,255,255,.6); font-size: 9px; font-weight: 780; }
.architecture-rail span:not(:last-child)::after { content: "·"; margin-left: 8px; color: #a3afb9; }
.reference-patterns { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 24px; }
.reference-patterns article { padding: 27px; border: 1px solid var(--brand-line); border-radius: 20px; background: white; }
.reference-patterns h3 { margin: 27px 0 20px; color: var(--brand-ink); font-size: 23px; line-height: 1.08; }
.reference-patterns dl { margin: 0; }
.reference-patterns dl div { padding: 12px 0; border-top: 1px solid var(--brand-line); }
.reference-patterns dt { color: var(--brand-blue); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.reference-patterns dd { margin: 5px 0 0; color: #627487; font-size: 10px; line-height: 1.55; }

/* Workforce and training evidence */
.funnel-flow { display: grid; grid-template-columns: repeat(15,auto); gap: 6px; align-items: center; overflow-x: auto; padding-bottom: 8px; }
.funnel-flow article { min-width: 130px; min-height: 150px; padding: 17px; border: 1px solid var(--brand-line); border-radius: 16px; background: white; }
.funnel-flow article span { color: var(--brand-sky); font-size: 9px; font-weight: 850; }
.funnel-flow article strong { display: block; margin-top: 27px; color: var(--brand-ink); font-size: 13px; }
.funnel-flow article small { display: block; margin-top: 7px; color: #6a7a8c; font-size: 8px; }
.funnel-flow > i { color: var(--brand-sky); font-style: normal; }
.metric-register { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; margin-top: 22px; }
.metric-register article { padding: 22px; border: 1px solid var(--brand-line); border-radius: 17px; background: white; }
.metric-register h3 { margin: 25px 0 0; color: var(--brand-ink); font-size: 17px; }
.metric-register p { margin: 8px 0 0; color: #697a8b; font-size: 9px; }
.curriculum-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.curriculum-grid article { min-height: 270px; padding: 26px; border: 1px solid var(--brand-line); border-radius: 20px; background: white; }
.curriculum-grid span { color: var(--brand-blue); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.curriculum-grid h3 { margin: 33px 0 16px; color: var(--brand-ink); font-size: 21px; }
.curriculum-grid ul { margin: 0; padding: 0; list-style: none; }
.curriculum-grid li { padding: 10px 0; border-top: 1px solid var(--brand-line); color: #637589; font-size: 10px; }
.training-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 16px; }
.training-detail-grid article { padding: 23px; border: 1px solid var(--brand-line); border-radius: 17px; background: #f8fbfc; }
.training-detail-grid h3 { margin: 0; color: var(--brand-ink); font-size: 17px; }
.training-detail-grid p { margin: 10px 0 0; color: #687a8c; font-size: 10px; }
.training-detail-grid .text-link { display: inline-block; margin-top: 12px; font-size: 9px; }
.placement-disclaimer { margin-top: 17px; padding: 22px; border: 1px solid rgba(151,90,36,.22); border-radius: 16px; color: #745d47; background: #fff7ee; font-size: 11px; }
.placement-disclaimer strong { color: #845023; }

/* Leadership */
.leadership-grid-v2 { display: grid; gap: 18px; }
.leader-card-v2 { display: grid; grid-template-columns: 250px 1fr; overflow: hidden; min-height: 420px; border: 1px solid var(--brand-line); border-radius: 25px; background: white; box-shadow: var(--brand-shadow-sm); }
.leader-portrait { position: relative; min-height: 100%; display: grid; place-items: center; align-content: center; padding: 30px; overflow: hidden; background: linear-gradient(155deg,#dce9ee,#b8c8d2); }
.leader-portrait::after { content: ""; position: absolute; width: 230px; height: 230px; border: 1px solid rgba(17,45,79,.12); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.1),0 0 0 76px rgba(255,255,255,.08); }
.leader-portrait img { position: relative; z-index: 1; width: 88px; height: 88px; object-fit: contain; opacity: .52; }
.leader-portrait span { position: relative; z-index: 1; margin-top: 18px; color: #4f6479; font-size: 9px; font-weight: 800; text-align: center; text-transform: uppercase; letter-spacing: .07em; }
.leader-content { padding: 36px 40px; }
.leader-role { color: var(--brand-blue); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.leader-content h3 { margin: 12px 0 0; color: var(--brand-ink); font-size: 38px; line-height: 1; letter-spacing: -.045em; }
.leader-content > p { max-width: 830px; margin: 20px 0 0; color: #5e7185; font-size: 13px; line-height: 1.7; }
.leader-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 23px; }
.leader-meta span { padding: 13px; border: 1px solid var(--brand-line); border-radius: 12px; color: #6b7b8d; background: #f7fafb; font-size: 9px; }
.leader-meta b { display: block; margin-bottom: 4px; color: var(--brand-ink); font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.leader-content .text-link { display: inline-block; margin-top: 20px; font-size: 10px; }
.leadership-evidence-note { display: flex; align-items: center; gap: 16px; margin-top: 17px; padding: 17px 20px; border: 1px solid rgba(151,90,36,.2); border-radius: 14px; background: #fff7ef; }
.leadership-evidence-note p { flex: 1; margin: 0; color: #725f4f; font-size: 10px; }
.leadership-evidence-note .text-link { font-size: 9px; white-space: nowrap; }

/* Organisation verification */
.verification-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.verification-grid article { min-height: 210px; display: flex; flex-direction: column; padding: 25px; border: 1px solid var(--brand-line); border-radius: 19px; background: white; box-shadow: var(--brand-shadow-sm); }
.verification-grid article > span { color: var(--brand-blue); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.verification-grid strong { margin-top: 35px; color: var(--brand-ink); font-size: 18px; line-height: 1.17; }
.verification-grid small { display: block; margin-top: 9px; color: #6c7d8f; font-size: 9px; }
.verification-grid a { margin-top: auto; padding-top: 15px; color: var(--brand-blue); font-size: 9px; font-weight: 800; }

/* Insights editorial authority and article cards */
.editorial-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.editorial-grid article { padding: 25px; border: 1px solid var(--brand-line); border-radius: 19px; background: white; }
.editorial-grid span { color: var(--brand-blue); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.editorial-grid strong { display: block; margin-top: 30px; color: var(--brand-ink); font-size: 17px; line-height: 1.15; }
.editorial-grid small { display: block; margin-top: 10px; color: #6c7c8e; font-size: 9px; line-height: 1.55; }
.article-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.article-meta span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: rgba(255,255,255,.68); font-size: 8px; }
.article-authority { padding: 48px 0 0; background: white; }
.author-card { display: grid; grid-template-columns: 150px 1fr; gap: 28px; padding: 28px; border: 1px solid var(--brand-line); border-radius: 22px; background: #f8fbfc; }
.author-photo { min-height: 180px; display: grid; place-items: center; align-content: center; padding: 18px; border-radius: 16px; background: linear-gradient(145deg,#dce8ed,#c1d0d8); }
.author-photo img { width: 58px; opacity: .55; }
.author-photo span { margin-top: 14px; color: #5c7186; font-size: 7px; font-weight: 800; text-align: center; text-transform: uppercase; }
.author-label { color: var(--brand-blue); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.author-card h2 { margin: 8px 0 0; color: var(--brand-ink); font-size: 30px; }
.author-card p { margin: 13px 0 0; color: #5f7185; font-size: 11px; line-height: 1.65; }
.author-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.author-meta span { padding: 9px 11px; border: 1px solid var(--brand-line); border-radius: 10px; color: #68798b; background: white; font-size: 8px; }
.author-meta b { color: var(--brand-ink); }
.article-resources { display: grid; grid-template-columns: 1fr 340px; gap: 22px; margin-top: 15px; padding: 25px; border: 1px solid var(--brand-line); border-radius: 22px; background: #fff; }
.article-resources ul { margin: 0; padding-left: 18px; }
.article-resources li { margin: 10px 0; color: #5f7184; font-size: 10px; }
.article-resources a { color: var(--brand-blue); }
.article-download { display: grid; gap: 10px; align-content: start; }
.article-download img { width: 100%; max-height: 160px; object-fit: cover; border: 1px solid var(--brand-line); border-radius: 12px; background: #eef4f6; }

/* Events */
.event-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.event-card-grid article { min-height: 560px; display: flex; flex-direction: column; padding: 29px; border: 1px solid var(--brand-line); border-radius: 23px; background: white; box-shadow: var(--brand-shadow-sm); }
.event-status { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #7a8998; font-size: 8px; }
.event-card-grid h3 { margin: 32px 0 20px; color: var(--brand-ink); font-size: 27px; line-height: 1.05; letter-spacing: -.04em; }
.event-card-grid dl { margin: 0 0 22px; }
.event-card-grid dl div { padding: 12px 0; border-top: 1px solid var(--brand-line); }
.event-card-grid dt { color: var(--brand-blue); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.event-card-grid dd { margin: 5px 0 0; color: #627487; font-size: 10px; line-height: 1.55; }
.event-card-grid .btn { margin-top: auto; align-self: flex-start; }

/* Evidence room */
.evidence-register tbody th { min-width: 190px; color: var(--brand-ink); font-weight: 800; }
.evidence-register td { min-width: 160px; }
.evidence-request-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.evidence-request-grid article { min-height: 235px; padding: 27px; border: 1px solid var(--brand-line); border-radius: 20px; background: white; }
.evidence-request-grid span { color: var(--brand-sky); font-size: 10px; font-weight: 850; }
.evidence-request-grid h3 { margin: 38px 0 0; color: var(--brand-ink); font-size: 22px; }
.evidence-request-grid p { margin: 11px 0 0; color: #637589; font-size: 10px; line-height: 1.6; }
.evidence-card-hero .claim-legend { margin: 25px 0; }

/* City profiles */
.city-decision-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.city-decision-grid article { min-height: 260px; padding: 28px; border: 1px solid var(--brand-line); border-radius: 21px; background: #f8fbfc; }
.city-decision-grid span { color: var(--brand-blue); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.city-decision-grid h3 { margin: 36px 0 0; color: var(--brand-ink); font-size: 23px; line-height: 1.1; }
.city-decision-grid p { margin: 12px 0 0; color: #66788b; font-size: 10px; }
.city-evidence-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.city-evidence-cards article { min-height: 220px; padding: 24px; border: 1px solid var(--brand-line); border-radius: 18px; background: white; }
.city-evidence-cards span { color: var(--brand-sky); font-size: 9px; font-weight: 850; }
.city-evidence-cards h3 { margin: 30px 0 0; color: var(--brand-ink); font-size: 19px; }
.city-evidence-cards p { margin: 10px 0 0; color: #64768a; font-size: 10px; line-height: 1.55; }
.city-profile-disclaimer { padding: 38px; border: 1px solid rgba(107,76,150,.18); border-radius: 24px; background: #f8f4fb; }
.city-profile-disclaimer h2 { max-width: 850px; margin: 26px 0 0; color: var(--brand-ink); font-size: clamp(34px,4vw,56px); line-height: 1.03; letter-spacing: -.05em; }
.city-profile-disclaimer p { max-width: 850px; margin: 17px 0 0; color: #6b6372; font-size: 12px; }

/* CTA refinement */
.cta-band {
  background:
    radial-gradient(circle at 84% 28%, rgba(104,172,201,.27), transparent 36%),
    linear-gradient(120deg,#081b2c,#123b5c 58%,#1b5774);
}
.cta-band h2 { font-weight: 650; }

/* General card polish */
.feature-card,
.model-card,
.outcome-card,
.detail-panel,
.deliverable,
.principle,
.insight-card,
.path-card,
.solution-card {
  border-color: var(--brand-line);
  box-shadow: var(--brand-shadow-sm);
}
.feature-card h3,
.model-card h3,
.outcome-card h3,
.detail-panel h2 { color: var(--brand-ink); }
.model-card.recommended h3,
.detail-panel-dark h2,
.section-dark h3 { color: white; }

/* Responsive */
@media (max-width: 1180px) {
  .primary-nav { gap: 15px; }
  .primary-nav > a,
  .nav-dropdown > button { font-size: 11.5px; }
  .brand-image { min-width: 220px; flex-basis: 220px; }
  .brand-image img { width: 220px; }
  .header-cta { display: none; }
  .proof-metrics { grid-template-columns: repeat(2,1fr); }
  .governance-control-grid { grid-template-columns: repeat(3,1fr); }
  .architecture-flow { grid-template-columns: repeat(3,1fr); }
  .architecture-flow > i { display: none; }
  .architecture-flow article { min-width: 0; }
  .metric-register { grid-template-columns: repeat(3,1fr); }
  .market-stat-grid { grid-template-columns: repeat(2,1fr); }
  .market-stat-grid article.wide { grid-column: span 1; }
}

@media (max-width: 980px) {
  .announcement span:not(.announcement-dot),
  .announcement strong { display: none; }
  .announcement { justify-content: center; }
  .site-header { top: 38px; }
  .nav-shell { min-height: 76px; }
  .brand-image { min-width: 220px; flex-basis: 220px; }
  .brand-image img { width: 220px; max-height: 58px; }
  .primary-nav { display: none; }
  .mobile-menu-button { display: grid; margin-left: auto; }
  .mobile-nav { top: 114px; }
  .hero { min-height: auto; padding-top: 170px; }
  .page-hero { min-height: auto; padding-top: 160px; }
  .hero-grid,
  .page-hero-grid { grid-template-columns: 1fr; }
  .section-head,
  .market-context-head { grid-template-columns: 1fr; gap: 22px; }
  .proof-band-head { align-items: flex-start; flex-direction: column; }
  .evidence-card-grid,
  .event-card-grid,
  .reference-patterns,
  .verification-grid,
  .evidence-request-grid,
  .city-evidence-cards { grid-template-columns: repeat(2,1fr); }
  .evidence-card { min-height: auto; }
  .simulator-boundaries { grid-template-columns: 1fr; }
  .how-to-grid,
  .feature-status-grid,
  .governance-grid,
  .curriculum-grid,
  .editorial-grid { grid-template-columns: repeat(2,1fr); }
  .lens-grid,
  .city-decision-grid { grid-template-columns: 1fr; }
  .product-demo-shell { grid-template-columns: 1fr; }
  .demo-sidebar { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 14px; }
  .demo-brand { border-bottom: 0; padding-bottom: 0; }
  .demo-tabs { grid-column: 1 / -1; grid-template-columns: repeat(4,1fr); margin-top: 0; }
  .demo-sidebar .btn { margin-top: 0; }
  .demo-grid { grid-template-columns: 1fr; }
  .demo-chart,
  .demo-alerts { min-height: auto; }
  .leader-card-v2 { grid-template-columns: 210px 1fr; }
  .leader-meta { grid-template-columns: 1fr; }
  .article-resources { grid-template-columns: 1fr; }
  .gate-flow { grid-template-columns: 1fr; }
  .gate-flow > i { transform: rotate(90deg); justify-self: center; }
}

@media (max-width: 720px) {
  .container { width: min(100% - 30px, var(--container)); }
  .section { padding: 76px 0; }
  .announcement { min-height: 34px; font-size: 10px; }
  .site-header { top: 34px; }
  .nav-shell { min-height: 70px; }
  .brand-image { min-width: 180px; flex-basis: 180px; }
  .brand-image img { width: 180px; max-height: 52px; }
  .mobile-nav { top: 104px; }
  .hero,
  .page-hero { padding-top: 144px; }
  .hero h1 { font-size: clamp(48px,14vw,72px); }
  .page-hero h1 { font-size: clamp(44px,13vw,64px); }
  .section-head h2 { font-size: clamp(36px,11vw,52px); }
  .proof-metrics,
  .evidence-card-grid,
  .event-card-grid,
  .reference-patterns,
  .verification-grid,
  .evidence-request-grid,
  .city-evidence-cards,
  .how-to-grid,
  .feature-status-grid,
  .governance-grid,
  .curriculum-grid,
  .editorial-grid,
  .training-detail-grid,
  .demo-kpis,
  .market-stat-grid,
  .city-decision-grid { grid-template-columns: 1fr; }
  .market-stat-grid article.wide { grid-column: auto; }
  .market-evolution { justify-content: flex-start; }
  .definition-grid { grid-template-columns: 1fr; }
  .product-demo-shell { border-radius: 20px; }
  .demo-sidebar { grid-template-columns: 1fr; }
  .demo-tabs { grid-template-columns: repeat(2,1fr); }
  .demo-content { padding: 17px; }
  .demo-foot { flex-direction: column; }
  .feature-status-grid { margin-top: 12px; }
  .walkthrough-dialog { min-height: 0; padding: 34px 24px 28px; }
  .leader-card-v2 { grid-template-columns: 1fr; }
  .leader-portrait { min-height: 260px; }
  .leader-content { padding: 28px 23px; }
  .leadership-evidence-note { align-items: flex-start; flex-direction: column; }
  .author-card { grid-template-columns: 1fr; }
  .author-photo { min-height: 150px; }
  .article-resources { padding: 18px; }
  .metric-register { grid-template-columns: 1fr; }
  .governance-control-grid { grid-template-columns: 1fr; }
  .architecture-flow { grid-template-columns: 1fr; }
  .footer-proof { align-items: flex-start; flex-direction: column; padding: 16px 0; }
  .footer-proof a { margin-left: 0; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .walkthrough-modal,
  .demo-panel { transition: none !important; }
}


/* Company information architecture and leadership layout — v2.1 */
.company-dropdown .nav-panel {
  left: auto;
  right: 0;
  width: 560px;
  transform: translateY(10px);
}
.company-dropdown:hover .nav-panel,
.company-dropdown:focus-within .nav-panel {
  transform: translateY(0);
}
.company-nav-panel .nav-panel-grid { grid-template-columns: 1fr; }
.company-nav-panel .nav-panel-grid > a {
  min-height: 0;
  grid-template-columns: 42px minmax(0,1fr);
  align-items: center;
  padding: 13px 14px;
}
.company-nav-panel .nav-panel-grid > a.is-current {
  background: rgba(143,211,229,.12);
  box-shadow: inset 0 0 0 1px rgba(143,211,229,.2);
}
.company-nav-panel .nav-panel-icon { width: 38px; height: 38px; }
.mobile-nav-heading {
  display: block;
  margin-top: 18px;
  padding: 14px 0 8px;
  color: #8fd3e5;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.mobile-nav a[aria-current="page"] { color: #bde8f2; }
.mobile-nav a[aria-current="page"]::before {
  content: "";
  width: 5px;
  height: 5px;
  margin-right: 10px;
  border-radius: 50%;
  background: #8fd3e5;
  box-shadow: 0 0 0 5px rgba(143,211,229,.1);
}
.mobile-nav a[aria-current="page"] span { margin-left: auto; }

.company-route-section { padding-top: 78px; padding-bottom: 78px; }
.company-route-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.company-route-card {
  position: relative;
  min-width: 0;
  min-height: 235px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: start;
  gap: 18px;
  padding: 27px;
  border: 1px solid var(--brand-line);
  border-radius: 22px;
  color: var(--brand-ink);
  background: white;
  box-shadow: var(--brand-shadow-sm);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.company-route-card:hover { transform: translateY(-4px); border-color: var(--brand-line-strong); box-shadow: var(--brand-shadow-md); }
.company-route-card.is-current { border-color: rgba(36,101,139,.42); background: linear-gradient(145deg,#f6fbfd,#edf6f9); }
.company-route-card.is-current::after { content: "Current page"; position: absolute; left: 27px; bottom: 23px; color: var(--brand-blue); font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.company-route-no { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: var(--brand-blue); background: var(--brand-sky-soft); font-size: 9px; font-weight: 850; }
.company-route-card strong { display: block; color: var(--brand-ink); font-size: 24px; letter-spacing: -.035em; }
.company-route-card p { margin: 13px 0 0; color: var(--brand-muted); font-size: 12px; line-height: 1.65; }
.company-route-arrow { color: var(--brand-blue); font-size: 18px; }

.purpose-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.purpose-panel { min-width: 0; min-height: 470px; padding: 42px; border: 1px solid var(--brand-line); border-radius: 28px; background: #f8fbfc; box-shadow: var(--brand-shadow-sm); }
.purpose-panel-dark { color: white; border-color: rgba(255,255,255,.08); background: linear-gradient(145deg,#0d2945,#174e70); }
.purpose-label { color: var(--brand-blue); font-size: 9px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.purpose-panel-dark .purpose-label { color: #a9d9e6; }
.purpose-panel h3 { max-width: 570px; margin: 44px 0 0; color: var(--brand-ink); font-size: clamp(34px,4vw,52px); line-height: 1.04; letter-spacing: -.045em; }
.purpose-panel-dark h3 { color: white; }
.purpose-panel > p { margin: 23px 0 0; color: var(--brand-muted); font-size: 15px; line-height: 1.7; }
.purpose-panel-dark > p { color: rgba(255,255,255,.68); }
.purpose-list { margin: 29px 0 0; padding: 0; list-style: none; }
.purpose-list li { position: relative; padding: 13px 0 13px 23px; border-top: 1px solid var(--brand-line); color: #556b80; font-size: 12px; }
.purpose-list li::before { content: "→"; position: absolute; left: 0; color: var(--brand-blue); }
.value-evolution { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-top: 55px; }
.value-evolution span { padding: 9px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: rgba(255,255,255,.82); font-size: 10px; font-weight: 750; }
.value-evolution i { color: #8fd3e5; font-style: normal; }

.leadership-profile-list { display: grid; gap: 24px; }
.leader-profile-card {
  min-width: 0;
  height: auto;
  display: grid;
  grid-template-columns: minmax(250px,300px) minmax(0,1fr);
  align-items: stretch;
  border: 1px solid var(--brand-line);
  border-radius: 26px;
  background: white;
  box-shadow: var(--brand-shadow-sm);
  overflow: visible;
}
.leader-profile-visual {
  min-width: 0;
  min-height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
  padding: 36px;
  border-radius: 25px 0 0 25px;
  background: radial-gradient(circle at 50% 35%,rgba(255,255,255,.72),transparent 34%),linear-gradient(155deg,#dce9ee,#b8c8d2);
  overflow: hidden;
}
.leader-profile-mark { position: relative; width: 180px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(17,45,79,.14); border-radius: 50%; background: rgba(255,255,255,.35); box-shadow: 0 0 0 30px rgba(255,255,255,.12),0 0 0 60px rgba(255,255,255,.08); }
.leader-profile-mark img { width: 78px; height: 78px; object-fit: contain; opacity: .38; }
.leader-profile-mark span { position: absolute; right: 12px; bottom: 10px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: white; background: var(--brand-ink); font-size: 12px; font-weight: 850; letter-spacing: .04em; }
.leader-profile-visual small { max-width: 190px; color: #51677c; font-size: 9px; font-weight: 800; line-height: 1.55; text-align: center; text-transform: uppercase; letter-spacing: .06em; }
.leader-profile-copy { min-width: 0; height: auto; padding: 42px 46px; overflow: visible; }
.leader-profile-head { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.leader-profile-role { min-width: 0; color: var(--brand-blue); font-size: 10px; font-weight: 850; line-height: 1.4; text-transform: uppercase; letter-spacing: .08em; overflow-wrap: anywhere; }
.leader-profile-copy h2 { margin: 18px 0 0; color: var(--brand-ink); font-size: clamp(38px,4vw,56px); line-height: 1; letter-spacing: -.05em; overflow-wrap: anywhere; }
.leader-profile-copy > p { max-width: 870px; margin: 24px 0 0; color: #536b82; font-size: 15px; line-height: 1.75; overflow: visible; overflow-wrap: anywhere; }
.linkedin-button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid rgba(36,101,139,.2); border-radius: 11px; color: var(--brand-blue); background: #f3f9fb; font-size: 10px; font-weight: 850; }
.linkedin-button:hover { border-color: rgba(36,101,139,.42); background: #e9f4f8; }
.leader-profile-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.leader-profile-tags span { padding: 8px 11px; border: 1px solid var(--brand-line); border-radius: 999px; color: #46627a; background: #f8fbfc; font-size: 9px; font-weight: 750; }
.leader-profile-meta { min-width: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 24px; }
.leader-profile-meta article { min-width: 0; min-height: 118px; padding: 16px; border: 1px solid var(--brand-line); border-radius: 14px; background: #f7fafb; }
.leader-profile-meta span { display: block; color: var(--brand-blue); font-size: 8px; font-weight: 850; line-height: 1.4; text-transform: uppercase; letter-spacing: .06em; }
.leader-profile-meta strong { display: block; margin-top: 10px; color: var(--brand-ink); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.profile-disclosure { margin-top: 18px; padding: 14px 16px; border-left: 3px solid #b77a3e; color: #725e4b; background: #fff7ef; font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.profile-disclosure strong { color: #855226; }
.leadership-page-note { margin-top: 24px; }
.leadership-operating-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.leadership-operating-grid article { min-width: 0; min-height: 270px; padding: 30px; border: 1px solid var(--brand-line); border-radius: 22px; background: white; box-shadow: var(--brand-shadow-sm); }
.leadership-operating-grid span { color: var(--brand-blue); font-size: 10px; font-weight: 850; }
.leadership-operating-grid h3 { margin: 52px 0 0; color: var(--brand-ink); font-size: 28px; letter-spacing: -.035em; }
.leadership-operating-grid p { margin: 14px 0 0; color: var(--brand-muted); font-size: 12px; line-height: 1.65; }

.overview-capability-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.overview-capability-card { min-width: 0; min-height: 310px; display: flex; flex-direction: column; padding: 29px; border: 1px solid var(--brand-line); border-radius: 22px; color: var(--brand-ink); background: white; box-shadow: var(--brand-shadow-sm); transition: transform .2s ease, box-shadow .2s ease; }
.overview-capability-card:hover { transform: translateY(-4px); box-shadow: var(--brand-shadow-md); }
.overview-capability-card > span { color: var(--brand-blue); font-size: 9px; font-weight: 850; letter-spacing: .1em; }
.overview-capability-card h3 { margin: 48px 0 0; color: var(--brand-ink); font-size: 27px; letter-spacing: -.035em; }
.overview-capability-card p { margin: 14px 0 0; color: var(--brand-muted); font-size: 12px; line-height: 1.65; }
.overview-capability-card strong { margin-top: auto; padding-top: 28px; color: var(--brand-blue); font-size: 10px; }
.overview-lifecycle { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.overview-lifecycle article { min-width: 0; min-height: 280px; padding: 24px; border: 1px solid var(--brand-line); border-radius: 18px; background: white; }
.overview-lifecycle span { color: var(--brand-blue); font-size: 9px; font-weight: 850; }
.overview-lifecycle h3 { margin: 56px 0 0; color: var(--brand-ink); font-size: 23px; letter-spacing: -.035em; }
.overview-lifecycle p { margin: 13px 0 0; color: var(--brand-muted); font-size: 10px; line-height: 1.65; }
.overview-start-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.overview-start-grid a { min-width: 0; min-height: 280px; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--brand-line); border-radius: 22px; color: var(--brand-ink); background: #f8fbfc; }
.overview-start-grid a > span { color: var(--brand-blue); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.overview-start-grid h3 { margin: 45px 0 0; color: var(--brand-ink); font-size: 31px; letter-spacing: -.04em; }
.overview-start-grid p { margin: 13px 0 0; color: var(--brand-muted); font-size: 12px; line-height: 1.65; }
.overview-start-grid strong { margin-top: auto; padding-top: 25px; color: var(--brand-blue); font-size: 10px; }
.overview-evidence-actions { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 1100px) {
  .company-dropdown .nav-panel { width: 520px; }
  .leader-profile-card { grid-template-columns: 240px minmax(0,1fr); }
  .leader-profile-copy { padding: 36px 34px; }
  .leader-profile-meta { grid-template-columns: 1fr; }
  .leader-profile-meta article { min-height: 0; }
  .overview-lifecycle { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 980px) {
  .company-route-grid,
  .overview-capability-grid { grid-template-columns: 1fr 1fr; }
  .purpose-grid { grid-template-columns: 1fr; }
  .purpose-panel { min-height: 0; }
  .leader-profile-card { grid-template-columns: 220px minmax(0,1fr); }
  .leader-profile-visual { min-height: 100%; padding: 28px; }
  .leader-profile-mark { width: 145px; }
  .leader-profile-copy { padding: 32px 28px; }
  .leadership-operating-grid { grid-template-columns: 1fr; }
  .leadership-operating-grid article { min-height: 0; }
}
@media (max-width: 720px) {
  .company-route-grid,
  .overview-capability-grid,
  .overview-start-grid,
  .overview-lifecycle { grid-template-columns: 1fr; }
  .company-route-card { min-height: 0; padding-bottom: 58px; }
  .purpose-panel { padding: 30px 24px; border-radius: 22px; }
  .purpose-panel h3 { margin-top: 34px; }
  .leader-profile-card { grid-template-columns: 1fr; border-radius: 22px; }
  .leader-profile-visual { min-height: 280px; border-radius: 21px 21px 0 0; }
  .leader-profile-copy { padding: 28px 22px 30px; }
  .leader-profile-head { align-items: flex-start; flex-direction: column; }
  .leader-profile-copy h2 { font-size: clamp(34px,10.2vw,40px); }
  .leader-profile-copy > p { font-size: 14px; line-height: 1.7; }
  .leader-profile-meta { grid-template-columns: 1fr; }
  .linkedin-button { width: 100%; justify-content: center; }
  .leadership-page-note { align-items: flex-start; }
  .overview-capability-card,
  .overview-start-grid a,
  .overview-lifecycle article { min-height: 0; }
}


/* Five GCC establishment and operating models — v2.2 */
.gcc-models-section { overflow: hidden; }
.gcc-model-factor-strip {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 0 0 24px;
  padding: 16px 18px;
  border: 1px solid var(--brand-line);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  box-shadow: var(--brand-shadow-sm);
}
.gcc-model-factor-strip > strong {
  flex: 0 0 auto;
  color: var(--brand-blue);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.gcc-model-factor-strip ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.gcc-model-factor-strip li { padding: 8px 11px; border: 1px solid var(--brand-line); border-radius: 999px; color: #4d647b; background: white; font-size: 9px; font-weight: 750; }
.gcc-model-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 16px; }
.gcc-model-card {
  min-width: 0;
  min-height: 470px;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border: 1px solid var(--brand-line);
  border-radius: 24px;
  color: var(--brand-ink);
  background: white;
  box-shadow: var(--brand-shadow-sm);
  overflow: hidden;
}
.gcc-model-card:nth-child(4),
.gcc-model-card:nth-child(5) { grid-column: span 3; }
.gcc-model-card.recommended {
  color: white;
  border-color: rgba(255,255,255,.08);
  background: radial-gradient(circle at 88% 8%,rgba(143,211,229,.18),transparent 33%),linear-gradient(145deg,#0d2945,#174e70);
  box-shadow: 0 24px 58px rgba(13,41,69,.22);
}
.gcc-model-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gcc-model-number { color: var(--brand-blue); font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.gcc-model-card.recommended .gcc-model-number { color: #9adbe9; }
.gcc-model-card h3 { margin: 34px 0 0; color: var(--brand-ink); font-size: clamp(27px,2.6vw,36px); line-height: 1.04; letter-spacing: -.045em; }
.gcc-model-card.recommended h3 { color: white; }
.gcc-model-card > p { margin: 17px 0 0; color: var(--brand-muted); font-size: 13px; line-height: 1.72; }
.gcc-model-card.recommended > p { color: rgba(255,255,255,.7); }
.gcc-model-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 23px; }
.gcc-model-meta > div { min-width: 0; padding: 14px; border: 1px solid var(--brand-line); border-radius: 13px; background: #f7fafb; }
.gcc-model-card.recommended .gcc-model-meta > div { border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.06); }
.gcc-model-meta span { display: block; color: var(--brand-blue); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.gcc-model-card.recommended .gcc-model-meta span { color: #9adbe9; }
.gcc-model-meta strong { display: block; margin-top: 8px; color: var(--brand-ink); font-size: 10px; line-height: 1.5; }
.gcc-model-card.recommended .gcc-model-meta strong { color: white; }
.gcc-model-card > ul { margin: auto 0 0; padding: 22px 0 0; list-style: none; }
.gcc-model-card > li { list-style: none; }
.gcc-model-card > ul li { position: relative; padding: 10px 0 10px 20px; border-top: 1px solid var(--brand-line); color: #526a80; font-size: 10px; line-height: 1.55; }
.gcc-model-card > ul li::before { content: "→"; position: absolute; left: 0; color: var(--brand-blue); }
.gcc-model-card.recommended > ul li { border-color: rgba(255,255,255,.11); color: rgba(255,255,255,.76); }
.gcc-model-card.recommended > ul li::before { color: #9adbe9; }
.gcc-model-card.recommended .model-badge { color: #0d2945; background: #9adbe9; }
.gcc-model-comparison { margin-top: 24px; border: 1px solid var(--brand-line); border-radius: 24px; background: white; box-shadow: var(--brand-shadow-sm); overflow: hidden; }
.gcc-model-comparison-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.65fr); align-items: end; gap: 30px; padding: 30px; border-bottom: 1px solid var(--brand-line); }
.gcc-model-comparison-head h3 { margin: 10px 0 0; color: var(--brand-ink); font-size: clamp(30px,3vw,42px); letter-spacing: -.045em; }
.gcc-model-comparison-head p { margin: 0; color: var(--brand-muted); font-size: 12px; line-height: 1.7; }
.gcc-model-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.gcc-model-scroll-hint { display: none; margin: 0; padding: 11px 18px; border-bottom: 1px solid var(--brand-line); color: var(--brand-blue); background: #f7fafb; font-size: 9px; font-weight: 800; letter-spacing: .02em; }
.gcc-model-table { width: 100%; min-width: 1040px; border-collapse: collapse; }
.gcc-model-table th,
.gcc-model-table td { padding: 17px 18px; border-right: 1px solid var(--brand-line); border-bottom: 1px solid var(--brand-line); text-align: left; vertical-align: top; }
.gcc-model-table thead th { color: var(--brand-blue); background: #f5f9fa; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.gcc-model-table tbody th { width: 190px; color: var(--brand-ink); background: #fbfcfd; font-size: 11px; line-height: 1.45; }
.gcc-model-table td { color: #536b82; font-size: 10px; line-height: 1.55; }
.gcc-model-table tr > *:last-child { border-right: 0; }
.gcc-model-table tbody tr:last-child > * { border-bottom: 0; }
.gcc-model-note { padding: 18px 22px; border-top: 1px solid var(--brand-line); color: #5b6f83; background: #f8fafb; font-size: 10px; line-height: 1.65; }
.gcc-model-note strong { color: var(--brand-ink); }
.gcc-model-sources { margin-top: 18px; }
.source-label { align-self: center; color: var(--brand-blue); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.gcc-model-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.field-help { display: block; margin-top: 8px; color: var(--brand-muted); font-size: 9px; line-height: 1.5; }
.field-help a { color: var(--brand-blue); font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 1120px) {
  .gcc-model-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gcc-model-card,
  .gcc-model-card:nth-child(4),
  .gcc-model-card:nth-child(5) { grid-column: auto; }
  .gcc-model-card:last-child { grid-column: 1 / -1; min-height: 0; }
  .gcc-model-comparison-head { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 720px) {
  .gcc-model-factor-strip { align-items: flex-start; flex-direction: column; gap: 12px; }
  .gcc-model-grid { grid-template-columns: 1fr; }
  .gcc-model-card,
  .gcc-model-card:last-child { min-height: 0; grid-column: auto; padding: 25px 22px; border-radius: 20px; }
  .gcc-model-card-top { align-items: flex-start; }
  .gcc-model-card h3 { margin-top: 27px; font-size: 31px; }
  .gcc-model-meta { grid-template-columns: 1fr; }
  .gcc-model-card > ul { margin-top: 18px; }
  .gcc-model-comparison { border-radius: 20px; }
  .gcc-model-comparison-head { padding: 24px 21px; }
  .gcc-model-scroll-hint { display: block; }
  .gcc-model-actions { align-items: stretch; flex-direction: column; }
  .gcc-model-actions .btn { width: 100%; justify-content: center; }
}