:root {
  --ink: #0b2936;
  --ink-2: #143b49;
  --muted: #5d6e75;
  --line: #dfe7e3;
  --paper: #f7f8f2;
  --white: #ffffff;
  --teal: #07957f;
  --teal-dark: #087665;
  --mint: #d9f4e9;
  --lime: #d8ef7d;
  --peach: #ffb17b;
  --blue: #8bc8ff;
  --display: "Aptos Display", "Segoe UI", Arial, sans-serif;
  --body: Inter, "Segoe UI", Arial, sans-serif;
  --shadow: 0 26px 70px rgba(8, 47, 59, 0.13);
  --radius: 20px;
  --container: min(1180px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.6; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input { font: inherit; }
button { color: inherit; }
.container { width: var(--container); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 10px 16px; border-radius: 6px; background: var(--white); color: var(--ink); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #ffbe62; outline-offset: 3px; }

.announcement { background: var(--ink); color: #d6e6e8; font-size: 13px; }
.announcement__inner { min-height: 40px; display: flex; align-items: center; justify-content: center; gap: 30px; }
.announcement p { margin: 0; }
.announcement p span { color: var(--lime); font-weight: 750; }
.announcement a { color: var(--white); text-underline-offset: 4px; font-weight: 650; }

.site-header { position: sticky; top: 0; z-index: 100; background: rgba(247, 248, 242, 0.94); border-bottom: 1px solid transparent; backdrop-filter: blur(18px); font-family: var(--display); }
.site-header.is-scrolled { border-color: rgba(11, 41, 54, 0.1); box-shadow: 0 8px 30px rgba(11, 41, 54, 0.05); }
.header__inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.brand__mark { position: relative; width: 31px; height: 31px; display: inline-block; }
.brand__mark i { position: absolute; width: 11px; height: 11px; border-radius: 3px; transform: rotate(45deg); }
.brand__mark i:nth-child(1) { top: 0; left: 4px; background: var(--teal); }
.brand__mark i:nth-child(2) { bottom: 1px; left: 4px; background: #ef7e55; }
.brand__mark i:nth-child(3) { top: 9px; right: 0; background: #78b83b; }
.brand__name { font-size: 24px; font-weight: 780; letter-spacing: -1.2px; }
.brand__name span { color: var(--teal); }
.primary-nav { display: flex; align-items: center; gap: 28px; }
.nav-list { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.nav-list > li > a, .nav-trigger { border: 0; background: transparent; display: inline-flex; align-items: center; gap: 5px; padding: 14px 10px; color: #274651; text-decoration: none; font-size: 14px; font-weight: 650; cursor: pointer; }
.nav-trigger span { font-size: 13px; transition: transform 180ms ease; }
.nav-trigger[aria-expanded="true"] span { transform: rotate(180deg); }
.nav-list > li > a:hover, .nav-trigger:hover, .nav-trigger[aria-expanded="true"] { color: var(--teal-dark); }
.nav-item { position: relative; }
.nav-panel { position: absolute; top: calc(100% + 13px); left: 50%; width: 340px; padding: 12px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translate(-50%, 8px); transition: 160ms ease; }
.nav-panel::before { content: ""; position: absolute; top: -18px; left: 0; right: 0; height: 18px; }
.nav-panel.is-open { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nav-item:focus-within .nav-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nav-panel > a, .nav-panel__links a { display: grid; gap: 1px; padding: 10px 12px; border-radius: 9px; text-decoration: none; }
.nav-panel > a:hover, .nav-panel__links a:hover { background: #f0f7f3; }
.nav-panel a strong { font-size: 14px; }
.nav-panel a span { color: var(--muted); font-size: 12px; }
.nav-panel--wide { left: 20%; width: 660px; grid-template-columns: 0.9fr 1.1fr; gap: 8px; padding: 16px; }
.nav-panel--wide.is-open, .nav-item:focus-within .nav-panel--wide { display: grid; }
.nav-panel__lead { padding: 18px; border-radius: 12px; background: var(--ink); color: var(--white); }
.nav-panel__lead strong { display: block; margin-top: 10px; font: 700 23px/1.16 var(--display); letter-spacing: -0.5px; }
.nav-panel__lead p { color: #bfd1d5; font-size: 13px; line-height: 1.5; }
.nav-panel__lead a { color: var(--lime); font-size: 13px; font-weight: 700; }
.nav-kicker { color: #91d7cc; font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: 1.3px; }
.nav-panel__links { display: grid; align-content: center; }
.menu-toggle { display: none; width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 10px; background: transparent; place-content: center; gap: 5px; }
.menu-toggle > span:not(.sr-only) { display: block; width: 20px; height: 2px; background: var(--ink); }

.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; border: 1px solid var(--teal); border-radius: 9px; background: var(--teal); color: var(--white); text-decoration: none; font-size: 14px; font-weight: 750; box-shadow: 0 10px 25px rgba(7, 149, 127, 0.18); transition: transform 180ms ease, background 180ms ease; }
.button:hover { background: var(--teal-dark); transform: translateY(-2px); }
.button--small { min-height: 42px; padding-inline: 17px; }
.button--light { border-color: var(--lime); background: var(--lime); color: var(--ink); box-shadow: none; }
.button--light:hover { background: #e5f6a4; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--white); font-size: 14px; font-weight: 730; text-decoration: none; }
.text-link:hover span { transform: translateX(4px); }
.text-link span { transition: transform 180ms ease; }
.text-link--dark { color: var(--ink); border-bottom: 1px solid #9bb0ac; padding-bottom: 3px; }
.text-link--light { color: var(--lime); }

.hero { position: relative; overflow: hidden; background: var(--ink); color: var(--white); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: 0.17; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to right, transparent 0%, black 65%); }
.hero__glow { position: absolute; width: 620px; height: 620px; right: -180px; top: -230px; border-radius: 50%; background: rgba(18, 174, 144, 0.18); filter: blur(10px); }
.hero__grid { position: relative; min-height: 720px; display: grid; grid-template-columns: .94fr 1.06fr; gap: 58px; align-items: center; padding-block: 78px 92px; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 20px; color: #a9d9d1; font-size: 12px; font-weight: 780; letter-spacing: 1.4px; text-transform: uppercase; }
.eyebrow > span { width: 23px; height: 2px; background: var(--lime); }
.eyebrow--dark { color: var(--teal-dark); }
.eyebrow--dark > span { background: var(--teal); }
.hero h1 { max-width: 690px; margin: 0; font: 720 clamp(46px, 5.2vw, 74px)/0.99 var(--display); letter-spacing: -3.3px; }
.hero h1 em { display: block; color: var(--lime); font-style: normal; }
.hero__summary { max-width: 590px; margin: 28px 0 0; color: #c1d2d6; font-size: 18px; line-height: 1.65; }
.hero__actions { display: flex; align-items: center; gap: 25px; margin-top: 34px; }
.hero__proof { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 34px 0 0; padding: 0; list-style: none; color: #bfd0d4; font-size: 12px; }
.hero__proof span { color: var(--lime); }
.hero-product { position: relative; min-width: 0; }
.hero-product__window { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: #f9fbf8; box-shadow: 0 38px 100px rgba(0,0,0,.28); transform: perspective(1100px) rotateY(-4deg) rotateX(1deg); }
.window-bar { height: 47px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid #e3e9e7; color: var(--ink); font-size: 11px; font-weight: 750; }
.window-brand { display: flex; align-items: center; gap: 7px; }
.mini-mark { width: 14px; height: 14px; border-radius: 4px 1px 4px 1px; background: var(--teal); transform: rotate(45deg); }
.window-actions { display: flex; align-items: center; gap: 9px; }
.window-actions > span { width: 15px; height: 15px; border-radius: 50%; background: #e7ece9; }
.window-actions b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: white; font-size: 8px; }
.product-shell { min-height: 445px; display: grid; grid-template-columns: 50px 1fr; }
.product-nav { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 24px; border-right: 1px solid #e1e9e5; color: #8ba09e; }
.product-nav span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; }
.product-nav__active { background: var(--teal)!important; color: white; }
.product-main { padding: 23px; color: var(--ink); }
.product-title { display: flex; justify-content: space-between; align-items: flex-start; }
.product-title small, .product-title strong { display: block; }
.product-title small { color: #758a8b; font-size: 9px; }
.product-title strong { margin-top: 2px; font-size: 18px; }
.product-title button { border: 1px solid #dbe4e0; border-radius: 6px; background: white; padding: 6px 9px; color: #5f7374; font-size: 8px; }
.product-overview { display: grid; grid-template-columns: 135px 1fr; gap: 17px; align-items: center; margin-top: 18px; padding: 16px; border: 1px solid #e0e7e3; border-radius: 12px; background: white; }
.attainment-ring { width: 105px; aspect-ratio: 1; display: grid; place-items: center; margin: auto; border-radius: 50%; background: conic-gradient(var(--teal) 0 74%, #e5ede9 74%); }
.attainment-ring::before { content: ""; width: 77px; aspect-ratio: 1; border-radius: 50%; background: white; }
.attainment-ring > span { position: absolute; text-align: center; }
.attainment-ring strong, .attainment-ring small { display: block; }
.attainment-ring strong { font-size: 22px; }
.attainment-ring small { color: #819391; font-size: 8px; }
.outcome-list { display: grid; gap: 10px; }
.outcome-list div { display: grid; grid-template-columns: 27px 1fr 25px; align-items: center; gap: 7px; font-size: 8px; }
.outcome-list span { color: #667b7c; }
.outcome-list i { height: 5px; border-radius: 8px; background: linear-gradient(90deg, var(--teal) var(--progress), #e8eeeb var(--progress)); }
.outcome-list b { font-size: 8px; }
.product-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }
.product-cards article { position: relative; min-width: 0; padding: 11px 9px 11px 21px; border: 1px solid #e0e7e3; border-radius: 9px; background: white; }
.product-cards small, .product-cards strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.product-cards small { color: #869896; font-size: 7px; }
.product-cards strong { margin-top: 2px; font-size: 8px; }
.dot { position: absolute; top: 13px; left: 8px; width: 6px; height: 6px; border-radius: 50%; }
.dot--green { background: var(--teal); }.dot--amber { background: #f5a84f; }.dot--blue { background: #6c9fea; }
.trend-card { display: grid; grid-template-columns: 115px 1fr; align-items: center; gap: 10px; margin-top: 10px; padding: 12px; border-radius: 10px; background: #eef6f2; }
.trend-card small, .trend-card strong { display: block; }.trend-card small { color: #778c8b; font-size: 7px; }.trend-card strong { font-size: 9px; }
.trend-chart { height: 47px; display: flex; align-items: end; gap: 7px; border-bottom: 1px solid #cad8d2; }
.trend-chart i { flex: 1; border-radius: 4px 4px 0 0; background: var(--teal); opacity: .75; }
.trend-chart i:nth-child(1){height:32%}.trend-chart i:nth-child(2){height:47%}.trend-chart i:nth-child(3){height:40%}.trend-chart i:nth-child(4){height:62%}.trend-chart i:nth-child(5){height:57%}.trend-chart i:nth-child(6){height:78%}.trend-chart i:nth-child(7){height:88%;background:#f3a55e}
.dash-card { position: absolute; right: -23px; bottom: -45px; width: 290px; display: grid; grid-template-columns: 40px 1fr; gap: 11px; padding: 16px; border: 1px solid rgba(255,255,255,.55); border-radius: 14px; background: rgba(255,255,255,.96); color: var(--ink); box-shadow: var(--shadow); }
.dash-orb { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50% 50% 50% 14px; background: linear-gradient(135deg, var(--teal), #5bb9df); color: white; font-weight: 800; }
.dash-card span, .dash-card strong, .dash-card small { display: block; }
.dash-card span { color: var(--teal-dark); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; }
.dash-card strong { margin: 2px 0; font-size: 11px; }.dash-card small { color: #647779; font-size: 8px; line-height: 1.35; }
.hero-product__tag { position: absolute; left: -26px; top: 48px; padding: 8px 11px; border-radius: 20px; background: var(--lime); color: var(--ink); box-shadow: 0 12px 30px rgba(0,0,0,.2); font-size: 9px; font-weight: 780; }

.trust-strip { border-bottom: 1px solid var(--line); background: white; }
.trust-strip__inner { min-height: 92px; display: grid; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; }
.trust-strip p { margin: 0; color: var(--muted); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: 1px; }
.trust-list { display: flex; justify-content: center; align-items: center; gap: 18px; color: #3b565f; font-size: 14px; font-weight: 730; }
.trust-list i { width: 4px; height: 4px; border-radius: 50%; background: #a6b7b1; }
.trust-strip small { max-width: 180px; color: #899793; font-size: 9px; line-height: 1.35; }

.section { padding-block: 112px; }
.section-heading { margin-bottom: 54px; }
.section-heading h2, .studio h2, .personalized h2, .scale h2, .ecosystem h2, .final-cta h2 { margin: 0; font: 720 clamp(37px, 4vw, 56px)/1.08 var(--display); letter-spacing: -2.2px; }
.section-heading--split { display: grid; grid-template-columns: 1.15fr .7fr; gap: 100px; align-items: end; }
.section-heading--split > p, .section-heading--split > div:last-child > p { margin: 0 0 4px; color: var(--muted); font-size: 17px; line-height: 1.65; }
.section-heading--center { max-width: 820px; margin-inline: auto; text-align: center; }
.section-heading--center .eyebrow { justify-content: center; }
.section-heading--center > p:last-child { max-width: 680px; margin: 22px auto 0; color: var(--muted); font-size: 17px; }

.section--solutions { background: var(--paper); }
.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.solution-card { overflow: hidden; border: 1px solid #dce4df; border-radius: var(--radius); background: white; transition: transform 200ms ease, box-shadow 200ms ease; }
.solution-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.solution-card__image { position: relative; aspect-ratio: 1.5; overflow: hidden; background: #dce8e3; }
.solution-card__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(8,47,59,.5), transparent 55%); }
.solution-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; }
.solution-card:hover img { transform: scale(1.035); }
.solution-number { position: absolute; z-index: 1; bottom: 13px; left: 16px; color: white; font-size: 12px; font-weight: 750; }
.solution-card__body { padding: 28px; }
.solution-label { color: var(--teal-dark); font-size: 10px; font-weight: 780; letter-spacing: 1.1px; text-transform: uppercase; }
.solution-card h3 { margin: 10px 0 11px; font: 720 25px/1.12 var(--display); letter-spacing: -.6px; }
.solution-card p { min-height: 79px; margin: 0; color: var(--muted); font-size: 14px; }
.solution-card a { display: inline-flex; gap: 8px; margin-top: 22px; color: var(--ink); font-size: 13px; font-weight: 750; text-decoration: none; }

.connected { border-block: 1px solid var(--line); background: white; }
.platform-map { display: grid; grid-template-columns: 1fr 150px 1fr; align-items: stretch; margin-top: 70px; }
.platform-block { padding: 40px; border-radius: 22px; }
.platform-block--core { background: var(--ink); color: white; }
.platform-block--ai { border: 1px solid #a9ddd4; background: #e9f8f3; }
.platform-block__icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: var(--lime); color: var(--ink); font-size: 18px; font-weight: 850; }
.platform-block--ai .platform-block__icon { background: var(--teal); color: white; border-radius: 50% 50% 50% 13px; }
.platform-block > p { margin: 22px 0 4px; color: #93c7c0; font-size: 10px; font-weight: 750; letter-spacing: 1.1px; text-transform: uppercase; }
.platform-block--ai > p { color: var(--teal-dark); }
.platform-block h3 { margin: 0; font: 720 28px/1.2 var(--display); }
.platform-block ul { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 20px; margin: 26px 0 0; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.15); list-style: none; color: #cfdee0; font-size: 12px; }
.platform-block--ai ul { border-color: #bfe4dc; color: #41635f; }
.platform-block li::before { content: "·"; margin-right: 8px; color: var(--lime); font-weight: 900; }
.platform-block--ai li::before { color: var(--teal); }
.platform-bridge { display: flex; align-items: center; justify-content: center; color: var(--teal-dark); text-align: center; }
.platform-bridge span { flex: 1; height: 1px; background: #9ed7cc; }.platform-bridge b { width: 72px; font-size: 9px; line-height: 1.3; text-transform: uppercase; letter-spacing: .7px; }
.outcome-ribbon { max-width: 820px; display: flex; align-items: center; justify-content: space-between; margin: 34px auto 0; padding: 14px 25px; border: 1px solid var(--line); border-radius: 50px; background: var(--paper); font-size: 11px; font-weight: 750; }
.outcome-ribbon i { color: var(--teal); font-style: normal; }

.studio { background: #f3f5ec; }
.studio__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 76px; align-items: center; }
.lead { color: var(--muted); font-size: 17px; line-height: 1.72; }
.source-pills { display: flex; flex-wrap: wrap; gap: 7px; margin: 27px 0; }
.source-pills span { padding: 5px 9px; border: 1px solid #cbd9d2; border-radius: 5px; background: white; color: #47625e; font-size: 9px; font-weight: 770; }
.studio-steps { display: grid; gap: 13px; margin: 31px 0; padding: 0; list-style: none; }
.studio-steps li { display: grid; grid-template-columns: 31px 1fr; gap: 12px; }
.studio-steps li > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: white; border: 1px solid #cedbd5; color: var(--teal-dark); font-size: 10px; font-weight: 800; }
.studio-steps strong, .studio-steps small { display: block; }.studio-steps strong { font-size: 13px; }.studio-steps small { color: var(--muted); font-size: 11px; }
.studio-ui { overflow: hidden; border: 1px solid #d9e2dd; border-radius: 20px; background: white; box-shadow: var(--shadow); }
.studio-ui__top { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid #e1e8e4; font-size: 10px; font-weight: 750; }
.studio-ui__top small { color: var(--teal-dark); font-size: 8px; }
.studio-ui__body { min-height: 480px; display: grid; grid-template-columns: 48px 1fr; }
.studio-ui__body > aside { display: flex; flex-direction: column; align-items: center; gap: 23px; padding-top: 19px; border-right: 1px solid #e3e9e6; color: #91a29f; font-size: 11px; }
.studio-ui__body > aside b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; background: var(--teal); color: white; }
.studio-ui__canvas { padding: 24px; background: #fbfcf9; }
.generation-heading { display: flex; align-items: center; justify-content: space-between; }
.generation-heading small, .generation-heading strong { display: block; }.generation-heading small { color: #829490; font-size: 8px; }.generation-heading strong { font-size: 16px; }
.generation-heading > span { padding: 5px 8px; border-radius: 12px; background: var(--mint); color: var(--teal-dark); font-size: 7px; font-weight: 800; }
.source-file { display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; align-items: center; margin-top: 20px; padding: 12px; border: 1px solid #dce5e0; border-radius: 10px; background: white; }
.source-file > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 7px; background: #fee7dc; color: #a84e2b; font-size: 8px; font-weight: 800; }
.source-file strong, .source-file small { display: block; }.source-file strong { font-size: 10px; }.source-file small { color: #80918e; font-size: 8px; }.source-file > b { color: var(--teal); }
.generate-panel { margin-top: 12px; padding: 14px; border-radius: 10px; background: var(--ink); color: white; }
.generate-panel > small { color: #9fc5c1; font-size: 8px; }.generate-panel > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 8px; }
.generate-panel button { border: 1px solid rgba(255,255,255,.14); border-radius: 7px; background: rgba(255,255,255,.08); color: white; padding: 8px; text-align: left; font-size: 8px; }
.generated-outline { display: grid; gap: 8px; margin-top: 13px; }
.generated-outline div { display: grid; grid-template-columns: 24px 1fr 30%; gap: 9px; align-items: center; padding: 9px; border: 1px solid #e1e8e4; border-radius: 7px; background: white; }
.generated-outline span { color: #79908c; font-size: 7px; }.generated-outline i, .generated-outline b { height: 5px; border-radius: 5px; background: #dfe8e3; }.generated-outline b { background: #edf1ee; }
.faculty-note { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: center; margin-top: 13px; padding: 11px; border: 1px solid #b9e3da; border-radius: 9px; background: #ecf8f4; }
.faculty-note > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--teal); color: white; }
.faculty-note strong, .faculty-note small { display: block; }.faculty-note strong { font-size: 9px; }.faculty-note small { color: #627b76; font-size: 7px; }

.obe { overflow: hidden; background: var(--ink); color: white; }
.section-heading--light > div:last-child > p { color: #bdd0d4; }
.obe-flow { display: grid; grid-template-columns: repeat(6, 1fr); margin: 62px 0 45px; padding: 0; list-style: none; }
.obe-flow li { position: relative; min-height: 132px; padding: 18px 18px 15px; border-top: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); border-left: 1px solid rgba(255,255,255,.12); }
.obe-flow li:last-child { border-right: 1px solid rgba(255,255,255,.12); }
.obe-flow li::after { content: "→"; position: absolute; z-index: 2; right: -8px; top: -14px; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--ink); font-size: 11px; }
.obe-flow li:last-child::after { content: "✓"; }
.obe-flow span, .obe-flow strong, .obe-flow small { display: block; }.obe-flow span { color: #85beb7; font-size: 9px; }.obe-flow strong { margin-top: 18px; font-size: 12px; }.obe-flow small { margin-top: 4px; color: #aec3c7; font-size: 9px; line-height: 1.45; }
.obe-dashboard { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: #f9fbf8; color: var(--ink); box-shadow: 0 28px 75px rgba(0,0,0,.28); }
.obe-dashboard__head { height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid #dde5e1; }
.obe-dashboard__head small, .obe-dashboard__head strong { display: block; }.obe-dashboard__head small { color: #839592; font-size: 8px; }.obe-dashboard__head strong { font-size: 13px; }.obe-dashboard__head > span { padding: 5px 9px; border-radius: 12px; background: var(--mint); color: var(--teal-dark); font-size: 8px; font-weight: 750; }
.obe-dashboard__body { display: grid; grid-template-columns: 1.25fr .75fr; gap: 14px; padding: 18px; }
.matrix-card, .gap-card { padding: 20px; border: 1px solid #dde6e1; border-radius: 12px; background: white; }
.matrix-title { display: flex; align-items: center; justify-content: space-between; }.matrix-title strong { font-size: 12px; }.matrix-title small { color: #849592; font-size: 8px; }
.matrix { display: grid; grid-template-columns: 46px repeat(5, 1fr); margin-top: 18px; border-top: 1px solid #e4ebe7; border-left: 1px solid #e4ebe7; }
.matrix > * { min-height: 36px; display: grid; place-items: center; margin: 0; border-right: 1px solid #e4ebe7; border-bottom: 1px solid #e4ebe7; font-size: 8px; font-style: normal; }
.matrix > b, .matrix > strong { background: #f3f6f2; }.matrix i { color: #879793; }.matrix .m1 { background: #eef7f2; color: var(--teal-dark); }.matrix .m2 { background: #d9f1e8; color: var(--teal-dark); font-weight: 700; }.matrix .m3 { background: var(--teal); color: white; font-weight: 800; }
.gap-card > div:first-child small, .gap-card > div:first-child strong { display: block; }.gap-card > div:first-child small { color: #829490; font-size: 8px; }.gap-card > div:first-child strong { font-size: 12px; }
.gap-value { display: flex; align-items: baseline; gap: 8px; margin: 18px 0 12px; }.gap-value b { color: #de774d; font-size: 29px; }.gap-value span { color: #7a8d89; font-size: 8px; }
.gap-card ul { margin: 0; padding-left: 17px; color: #5d706e; font-size: 9px; }.gap-card button { width: 100%; margin-top: 16px; padding: 8px; border: 0; border-radius: 6px; background: var(--ink); color: white; font-size: 8px; }

.personalized { background: white; }
.personalized__grid { display: grid; grid-template-columns: 1.03fr .97fr; gap: 90px; align-items: center; }
.companion-ui { padding: 22px; border: 1px solid #dce5e0; border-radius: 22px; background: #f7faf6; box-shadow: var(--shadow); }
.companion-ui__head { display: grid; grid-template-columns: 40px 1fr auto; gap: 10px; align-items: center; padding-bottom: 17px; border-bottom: 1px solid #dfe7e3; }
.companion-ui__head strong, .companion-ui__head small { display: block; }.companion-ui__head strong { font-size: 11px; }.companion-ui__head small { color: #748986; font-size: 8px; }.companion-ui__head > span { color: var(--teal-dark); font-size: 8px; }
.chat-bubble { max-width: 84%; margin-top: 19px; padding: 14px 16px; border-radius: 13px; font-size: 11px; }
.chat-bubble--student { margin-left: auto; border-radius: 13px 13px 3px 13px; background: var(--ink); color: white; }
.chat-bubble--dash { border: 1px solid #dce6e1; border-radius: 13px 13px 13px 3px; background: white; }
.chat-bubble--dash strong { font-size: 11px; }.chat-bubble--dash p { margin: 6px 0 10px; color: #607371; font-size: 10px; line-height: 1.55; }
.reference-chip { display: inline-flex; padding: 5px 8px; border-radius: 5px; background: #eef5f1; color: var(--teal-dark); font-size: 8px; font-weight: 700; }
.learning-tools { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px; }.learning-tools span { padding: 6px 8px; border: 1px solid #cadbd5; border-radius: 15px; background: white; color: #49625f; font-size: 8px; }
.chat-input { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; padding: 10px 10px 10px 14px; border: 1px solid #d2ddd8; border-radius: 10px; background: white; color: #92a09e; font-size: 9px; }.chat-input b { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 7px; background: var(--teal); color: white; }
.personalized__content .lead { margin-top: 24px; }
.feature-list { display: grid; gap: 0; margin-top: 35px; border-top: 1px solid var(--line); }
.feature-list article { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.feature-list article > span { color: var(--teal); font-size: 10px; font-weight: 800; }.feature-list h3 { margin: 0; font-size: 15px; }.feature-list p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }

.assessment { background: #f1f4ed; }
.assessment-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.assessment-grid article { min-height: 315px; padding: 31px; border: 1px solid #dce5df; border-radius: 18px; background: white; }
.assessment-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; background: var(--mint); color: var(--teal-dark); font-size: 16px; font-weight: 800; }
.assessment-grid h3 { margin: 45px 0 10px; font: 720 22px/1.2 var(--display); }.assessment-grid p { color: var(--muted); font-size: 13px; }.assessment-grid small { color: var(--teal-dark); font-size: 9px; font-weight: 750; }
.mini-bars { height: 50px; display: flex; align-items: end; gap: 7px; margin-top: 20px; border-bottom: 1px solid #cfdbd5; }.mini-bars i { flex: 1; height: var(--bar); border-radius: 4px 4px 0 0; background: #8dd0c3; }
.assessment-grid .assessment-card--accent { border: 0; background: var(--teal); color: white; }.assessment-card--accent .assessment-icon { background: var(--lime); color: var(--ink); }.assessment-card--accent p { color: #d7efea; }.assessment-card--accent ul { margin: 17px 0 0; padding: 0; list-style: none; font-size: 10px; }.assessment-card--accent li { margin-top: 8px; }.assessment-card--accent li::before { content: "✓"; margin-right: 8px; color: var(--lime); }

.scale { background: #102f3b; color: white; }
.scale__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }
.scale__grid > div:first-child > p:not(.eyebrow) { margin: 24px 0 30px; color: #bdd0d4; font-size: 16px; }
.scale-grid__features { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255,255,255,.14); }
.scale-grid__features article { min-height: 210px; padding: 28px; background: #102f3b; }.scale-grid__features span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.24); border-radius: 9px; color: var(--lime); }.scale-grid__features h3 { margin: 33px 0 7px; font-size: 15px; }.scale-grid__features p { margin: 0; color: #acc3c7; font-size: 11px; }

.evidence { background: white; }
.evidence-grid { display: grid; grid-template-columns: 1fr 1fr 1.07fr; gap: 18px; }
.case-card, .quote-card { min-height: 340px; margin: 0; padding: 29px; border: 1px solid var(--line); border-radius: 18px; }
.case-card__meta { display: flex; justify-content: space-between; gap: 10px; }.case-card__meta span { color: var(--teal-dark); font-size: 9px; font-weight: 780; text-transform: uppercase; letter-spacing: .8px; }.case-card__meta small { color: #8b9996; font-size: 8px; }
.case-card h3 { margin: 66px 0 13px; font: 720 23px/1.2 var(--display); }.case-card p { color: var(--muted); font-size: 12px; }.case-card a { display: inline-block; margin-top: 19px; color: var(--ink); font-size: 11px; font-weight: 750; text-decoration: none; }
.quote-card { display: flex; flex-direction: column; border: 0; background: #ecf7f2; }.quote-mark { height: 52px; color: var(--teal); font: 800 72px/1 Georgia,serif; }.quote-card > p { margin: 27px 0; font: 650 22px/1.4 var(--display); letter-spacing: -.4px; }.quote-card footer { margin-top: auto; }.quote-card footer strong, .quote-card footer span, .quote-card footer small { display: block; }.quote-card footer strong { font-size: 11px; }.quote-card footer span { color: #59716c; font-size: 9px; }.quote-card footer small { margin-top: 8px; color: #8a6860; font-size: 8px; }

.ecosystem { border-top: 1px solid var(--line); background: var(--paper); }
.ecosystem__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; }
.ecosystem-list { border-top: 1px solid #cfd9d4; }
.ecosystem-list article { display: grid; grid-template-columns: 45px 1fr; gap: 22px; padding: 25px 0; border-bottom: 1px solid #cfd9d4; }.ecosystem-list article > span { color: var(--teal); font-size: 10px; font-weight: 800; }.ecosystem-list h3 { margin: 0; font-size: 16px; }.ecosystem-list p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }

.final-cta { padding-block: 85px; background: var(--teal); color: white; }
.final-cta__inner { display: grid; grid-template-columns: 1.2fr .55fr; gap: 100px; align-items: end; }.final-cta__inner > div:last-child p { margin: 0 0 23px; color: #d9f1ec; font-size: 15px; }
.site-footer { background: #071f29; color: white; }
.footer__top { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 70px; padding-block: 70px; }
.brand--light .brand__name { color: white; }.footer__brand > p { max-width: 350px; margin: 24px 0; color: #aebfc3; font-size: 16px; font-weight: 500; line-height: 1.55; }.footer__brand > a:not(.brand) { display: block; width: fit-content; margin-top: 4px; color: #dbe7e9; font-size: 12px; text-decoration: none; }
.footer__links { display: grid; align-content: start; gap: 10px; }.footer__links strong { margin-bottom: 6px; color: #7bbdb4; font-size: 10px; text-transform: uppercase; letter-spacing: 1.1px; }.footer__links a { color: #bdcbce; font-size: 11px; text-decoration: none; }.footer__links a:hover { color: white; }
.footer__bottom { min-height: 70px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 25px; align-items: center; border-top: 1px solid rgba(255,255,255,.12); color: #839a9f; font-size: 9px; }.footer__bottom div { display: flex; gap: 20px; }.footer__bottom a { color: inherit; text-decoration: none; }.footer__bottom small { text-align: right; }

@media (max-width: 1050px) {
  .primary-nav { gap: 12px; }.nav-list > li > a, .nav-trigger { padding-inline: 7px; font-size: 12px; }
  .hero__grid { gap: 25px; }.hero h1 { font-size: 57px; }.dash-card { right: -10px; }
  .section-heading--split, .studio__grid, .personalized__grid, .scale__grid, .ecosystem__grid, .final-cta__inner { gap: 55px; }
  .obe-flow { grid-template-columns: repeat(3, 1fr); }.obe-flow li:nth-child(3) { border-right: 1px solid rgba(255,255,255,.12); }.obe-flow li:nth-child(n+4) { border-top: 0; }
}

@media (max-width: 880px) {
  :root { --container: min(100% - 36px, 720px); }
  .announcement__inner { justify-content: space-between; }.announcement p { max-width: 470px; }
  .menu-toggle { display: grid; }.primary-nav { position: absolute; top: 76px; left: 0; right: 0; display: none; max-height: calc(100vh - 100px); overflow-y: auto; padding: 16px 18px 24px; border-bottom: 1px solid var(--line); background: var(--paper); box-shadow: var(--shadow); }.primary-nav.is-open { display: block; }.nav-list { display: block; }.nav-list > li > a, .nav-trigger { width: 100%; min-height: 48px; justify-content: space-between; padding: 10px 4px; border-bottom: 1px solid var(--line); }.primary-nav > .button { width: 100%; margin-top: 14px; }
  .nav-panel, .nav-panel--wide { position: static; width: auto; display: none!important; padding: 8px; border: 0; border-radius: 0; background: #edf2ed; box-shadow: none; opacity: 1; visibility: visible; transform: none; }.nav-panel.is-open, .nav-panel--wide.is-open { display: block!important; }.nav-panel__lead { display: none; }
  .hero__grid { grid-template-columns: 1fr; padding-block: 68px 110px; }.hero__content { max-width: 680px; }.hero-product { max-width: 650px; margin-top: 35px; }.hero-product__window { transform: none; }
  .trust-strip__inner { grid-template-columns: 1fr; gap: 12px; padding-block: 22px; text-align: center; }.trust-strip small { max-width: none; }.trust-list { flex-wrap: wrap; }
  .section { padding-block: 85px; }.section-heading--split, .studio__grid, .personalized__grid, .scale__grid, .ecosystem__grid, .final-cta__inner { grid-template-columns: 1fr; gap: 35px; }.section-heading--split > p { max-width: 620px; }.solution-grid { grid-template-columns: 1fr 1fr; }.solution-card--featured { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }.solution-card--featured .solution-card__image { aspect-ratio: auto; }
  .platform-map { grid-template-columns: 1fr; gap: 12px; }.platform-bridge { min-height: 55px; flex-direction: column; }.platform-bridge span { width: 1px; min-height: 15px; flex: auto; }.outcome-ribbon { max-width: 100%; }
  .studio__content, .personalized__content { max-width: 650px; }.personalized .companion-ui { order: 2; }
  .assessment-grid { grid-template-columns: 1fr 1fr; }.assessment-card--accent { grid-column: 1 / -1; }
  .scale-grid__features { max-width: 650px; }.evidence-grid { grid-template-columns: 1fr 1fr; }.quote-card { grid-column: 1 / -1; min-height: 300px; }
  .footer__top { grid-template-columns: 1.3fr 1fr 1fr; gap: 45px; }.footer__links:last-child { grid-column: 2 / 3; }.footer__bottom { grid-template-columns: 1fr auto; }.footer__bottom small { display: none; }
}

@media (max-width: 620px) {
  :root { --container: calc(100% - 28px); }.announcement p { font-size: 10px; }.announcement a { display: none; }
  .header__inner { min-height: 68px; }.primary-nav { top: 68px; }
  .hero__grid { min-height: auto; padding-block: 58px 92px; }.hero h1 { font-size: clamp(42px, 13vw, 56px); letter-spacing: -2.4px; }.hero__summary { font-size: 16px; }.hero__actions { align-items: flex-start; flex-direction: column; gap: 18px; }.hero__proof { display: grid; }.hero-product__tag { left: 8px; top: -18px; }.dash-card { right: 8px; bottom: -55px; width: calc(100% - 16px); }
  .product-shell { min-height: 360px; grid-template-columns: 38px 1fr; }.product-nav { gap: 13px; }.product-main { padding: 14px; }.product-overview { grid-template-columns: 95px 1fr; padding: 10px; }.attainment-ring { width: 78px; }.attainment-ring::before { width: 58px; }.attainment-ring strong { font-size: 16px; }.product-cards article { padding-inline: 7px; }.product-cards .dot { display: none; }.trend-card { display: none; }
  .trust-list { gap: 9px; font-size: 11px; }.section { padding-block: 70px; }.section-heading { margin-bottom: 35px; }.section-heading h2, .studio h2, .personalized h2, .scale h2, .ecosystem h2, .final-cta h2 { font-size: 37px; letter-spacing: -1.6px; }
  .solution-grid, .assessment-grid, .evidence-grid { grid-template-columns: 1fr; }.solution-card--featured { display: block; }.solution-card--featured .solution-card__image { aspect-ratio: 1.5; }.assessment-card--accent, .quote-card { grid-column: auto; }.solution-card p { min-height: 0; }
  .platform-block { padding: 28px 24px; }.platform-block ul { grid-template-columns: 1fr; }.outcome-ribbon { gap: 5px; padding-inline: 12px; font-size: 8px; }
  .studio-ui__body { min-height: 440px; grid-template-columns: 37px 1fr; }.studio-ui__canvas { padding: 14px 10px; }.generate-panel > div { grid-template-columns: 1fr; }.generated-outline { display: none; }
  .obe-flow { grid-template-columns: 1fr 1fr; }.obe-flow li:nth-child(n) { border: 1px solid rgba(255,255,255,.12); }.obe-flow li::after { display: none; }.obe-dashboard__body { grid-template-columns: 1fr; }.matrix-card { padding: 13px; }.matrix > * { min-height: 30px; }
  .companion-ui { padding: 15px; }.companion-ui__head { grid-template-columns: 40px 1fr; }.companion-ui__head > span { display: none; }.learning-tools { gap: 4px; }
  .scale-grid__features { grid-template-columns: 1fr; }.scale-grid__features article { min-height: 175px; }.case-card, .quote-card { min-height: auto; }.case-card h3 { margin-top: 45px; }
  .footer__top { grid-template-columns: 1fr 1fr; gap: 40px 25px; }.footer__brand { grid-column: 1 / -1; }.footer__links:last-child { grid-column: auto; }.footer__bottom { grid-template-columns: 1fr; gap: 9px; padding-block: 19px; }.footer__bottom div { gap: 14px; }
}

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


/* Homepage review 01 — authentic brand, supplied product views and denser storytelling */
.brand { gap: 9px; min-width: 190px; }
.brand__triangle { content: url("/newlogo/tribyte-c3-mark.svg"); width: 38px; height: 38px; object-fit: contain; flex: 0 0 auto; }
.brand__wordmark { display: none; }
.brand::after { content: "tribyte"; color: var(--ink); font: 750 29px/1 var(--display); letter-spacing: -1.8px; }
.brand--light::after { color: white; }
.brand--light { padding: 7px 12px 7px 0; border-radius: 10px; background: transparent; }
.brand--light .brand__triangle { border-radius: 9px; box-shadow: 0 0 0 1px rgba(255,255,255,.16); }

.trust-strip__inner { grid-template-columns: auto 1fr; }
.trust-list { justify-content: flex-end; }

.connected__heading > p:last-child { max-width: 920px; font-size: 17px; line-height: 1.75; }
.platform-map--dense { align-items: stretch; }
.platform-map--dense .platform-block { padding: 30px; }
.platform-map--dense .platform-block ul { gap: 10px; }
.platform-map--dense .platform-block li { display: grid; gap: 3px; min-height: 74px; align-content: center; padding: 12px 14px; }
.platform-map--dense .platform-block li strong { color: var(--ink); font-size: 12px; }
.platform-map--dense .platform-block li small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.platform-block__icon--brand { overflow: hidden; padding: 4px; background: white; }
.platform-block__icon--brand img { width: 100%; height: 100%; object-fit: contain; }
.lifecycle-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 26px; }
.lifecycle-grid article { min-height: 126px; display: grid; grid-template-columns: 42px 1fr; grid-template-rows: auto auto; column-gap: 12px; align-content: center; padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: var(--paper); }
.lifecycle-grid article > span { grid-row: 1 / 3; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: #e8f5f1; color: var(--teal-dark); font-size: 18px; }
.lifecycle-grid article:nth-child(2) > span, .lifecycle-grid article:nth-child(4) > span { background: #eaf2ff; color: #246ab5; }
.lifecycle-grid article strong { align-self: end; font-size: 14px; }
.lifecycle-grid article small { color: var(--muted); font-size: 9px; line-height: 1.45; }

.studio__grid--screenshot { grid-template-columns: .72fr 1.28fr; gap: 58px; align-items: center; }
.studio-steps--compact { gap: 8px; margin-block: 24px; }
.studio-steps--compact li { min-height: 58px; padding-block: 9px; }
.product-screenshot { position: relative; margin: 0; overflow: hidden; border: 1px solid #d9e2dd; border-radius: 22px; background: white; box-shadow: 0 28px 80px rgba(5, 33, 44, .16); }
.product-screenshot img { width: 100%; height: auto; display: block; }
.product-screenshot figcaption { position: absolute; right: 12px; bottom: 12px; padding: 6px 9px; border: 1px solid rgba(10, 47, 59, .12); border-radius: 8px; background: rgba(255,255,255,.92); color: #526764; font-size: 8px; backdrop-filter: blur(10px); }
.product-screenshot--studio { transform: perspective(1200px) rotateY(-2deg); transform-origin: center right; }

.obe-workflow { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 28px; padding: 0; list-style: none; }
.obe-stage { position: relative; min-height: 270px; display: grid; grid-template-rows: auto auto auto 1fr auto; align-content: start; padding: 23px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(255,255,255,.08); }
.obe-stage::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--stage); }
.obe-stage--green { --stage: #84c73c; }.obe-stage--blue { --stage: #3388d3; }.obe-stage--purple { --stage: #8b55cf; }.obe-stage--teal { --stage: #17a2a0; }
.obe-stage__number { justify-self: end; color: rgba(255,255,255,.42); font: 700 12px var(--display); }
.obe-stage__icon { width: 48px; height: 48px; display: grid; place-items: center; margin: 3px 0 17px; border-radius: 50%; background: var(--stage); color: white; font-size: 20px; }
.obe-stage strong { font: 700 20px/1.2 var(--display); }
.obe-stage p { margin: 12px 0 18px; color: #bed0d4; font-size: 11px; line-height: 1.65; }
.obe-stage small { color: white; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .6px; }
.obe-visual { display: grid; grid-template-columns: .72fr 1.2fr 1fr; gap: 12px; padding: 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; background: #f8fbfc; color: var(--ink); }
.obe-visual > div { min-height: 230px; padding: 22px; border-radius: 15px; background: white; }
.obe-visual__summary { display: flex; flex-direction: column; align-items: center; }
.obe-visual__summary > p { align-self: stretch; margin: 0 0 10px; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .7px; }
.obe-ring { position: relative; width: 112px; height: 112px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#2f80d1 0 78%, #e8eef2 78%); }
.obe-ring::before { content: ""; position: absolute; width: 80px; height: 80px; border-radius: 50%; background: white; }
.obe-ring span { z-index: 1; display: grid; text-align: center; }.obe-ring strong { font: 730 26px var(--display); }.obe-ring small { color: var(--muted); font-size: 8px; }
.obe-visual__summary ul { width: 100%; display: grid; gap: 7px; margin: 14px 0 0; padding: 0; list-style: none; font-size: 9px; }.status { width: 7px; height: 7px; display: inline-block; margin-right: 7px; border-radius: 50%; }.status--green { background:#6ab33e }.status--amber { background:#f0aa2f }.status--blue { background:#3388d3 }
.obe-visual__title { display: flex; justify-content: space-between; align-items: start; }.obe-visual__title div { display:grid; gap:3px }.obe-visual__title small { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.6px }.obe-visual__title strong { font-size:13px }.obe-visual__title > span { padding:5px 7px; border-radius:6px; background:#edf5f1; color:#377a5d; font-size:8px; font-weight:750 }
.obe-bars { height: 150px; display:flex; align-items:end; gap:9px; margin-top:17px; padding: 15px 10px 20px; border-bottom:1px solid #dfe7e9; background: repeating-linear-gradient(to top, transparent 0 34px, #edf1f2 35px); }
.obe-bars i { position:relative; flex:1; height:var(--height); border-radius:6px 6px 0 0; background:linear-gradient(#3988d3,#145ca6); }.obe-bars i:nth-child(3),.obe-bars i:nth-child(5){background:linear-gradient(#f0aa2f,#db7d1a)}.obe-bars b { position:absolute; left:50%; bottom:-17px; transform:translateX(-50%); color:#738582; font:700 7px var(--sans) }
.heatmap { display:grid; grid-template-columns:repeat(6,1fr); gap:5px; margin-top:24px }.heatmap i { aspect-ratio:1; border-radius:4px; background:#e8dff4 }.heatmap .h2 {background:#ac83d4}.heatmap .h3 {background:#7543af}
.obe-benefits { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:18px }.obe-benefits span { padding:8px 13px; border:1px solid rgba(255,255,255,.18); border-radius:999px; color:#d6e4e7; font-size:9px; font-weight:700 }

.personalized__grid--screenshot { grid-template-columns: 1.16fr .84fr; gap: 58px; }
.product-screenshot--dashboard { overflow: visible; border-color: #dce6e1; box-shadow: 0 28px 70px rgba(8,47,59,.14); }
.product-screenshot--dashboard img { border-radius: 21px; }
.feature-list--strong { gap: 8px; margin-top: 25px; }
.feature-list--strong article { min-height: 98px; padding: 17px 0; }
.feature-list--strong h3 { font-size: 17px; }
.feature-list--strong p { margin-top: 5px; font-size: 11px; line-height: 1.55; }
.personalized__content .lead { font-size: 15px; line-height: 1.7; }

.customer-groups { display:grid; grid-template-columns:1.35fr 1fr 1fr 1fr; gap:12px }.customer-groups article { min-height:310px; padding:24px; border:1px solid var(--line); border-radius:18px; background:white }.customer-groups article:first-child { background:#f5faf7 }.customer-group__tag { display:inline-flex; padding:6px 9px; border-radius:999px; background:#e6f3e0; color:#4b812d; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.7px }.customer-group__tag--blue{background:#e5f0fb;color:#256bb1}.customer-group__tag--purple{background:#efe8f7;color:#7040a7}.customer-group__tag--teal{background:#e0f3f1;color:#147975}.customer-groups h3 { margin:20px 0 12px; font:700 17px/1.25 var(--display) }.customer-groups .customer-subtitle { margin-top:23px; font-size:13px }.customer-links { display:grid }.customer-links a { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #e5ebe8; color:var(--ink); font-size:10px; font-weight:650; text-decoration:none }.customer-links a:hover { color:var(--teal-dark) }.customer-links a span { color:var(--teal) }

.about-preview__content > p { margin:0; color:var(--muted); font-size:16px; line-height:1.8 }.about-values { display:flex; flex-wrap:wrap; gap:8px; margin:25px 0 18px }.about-values span { padding:9px 12px; border-radius:999px; background:#e9f4f0; color:var(--teal-dark); font-size:9px; font-weight:750 }.about-preview__content > small { color:#82918e; font-size:9px }
.news-preview { background:#f2f6f4 }.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px }.news-grid article { min-height:220px; display:flex; flex-direction:column; padding:24px; border:1px solid var(--line); border-radius:18px; background:white }.news-grid article > span { color:var(--teal-dark); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.7px }.news-grid h3 { margin:25px 0 auto; font:700 21px/1.35 var(--display) }.news-grid small { margin-top:24px; color:#8a9996; font-size:9px }

@media (max-width: 1100px) {
  .brand { min-width: 170px; }.brand__wordmark { width: 125px; }
  .lifecycle-grid { grid-template-columns: repeat(3, 1fr); }
  .studio__grid--screenshot, .personalized__grid--screenshot { grid-template-columns: 1fr; }
  .personalized__grid--screenshot .product-screenshot { order: 2; }
  .obe-workflow { grid-template-columns: repeat(2, 1fr); }
  .obe-visual { grid-template-columns: 1fr 1fr; }.obe-visual__matrix { grid-column: 1 / -1; }.heatmap { grid-template-columns:repeat(8,1fr) }
  .customer-groups { grid-template-columns:1fr 1fr }.customer-groups article:first-child { grid-row:span 2 }
}

@media (max-width: 760px) {
  .brand { min-width: 0; }.brand__triangle { width:32px;height:32px }.brand__wordmark { width:116px;height:38px }
  .trust-strip__inner { grid-template-columns:1fr }.trust-list { justify-content:center }
  .lifecycle-grid { grid-template-columns: 1fr; }.lifecycle-grid article { min-height:96px }
  .obe-workflow, .obe-visual, .customer-groups, .news-grid { grid-template-columns:1fr }.obe-visual__matrix,.customer-groups article:first-child { grid-column:auto;grid-row:auto }.obe-stage { min-height:230px }
  .product-screenshot--studio { transform:none }.product-screenshot figcaption { position:static; display:block; border:0; border-top:1px solid var(--line); border-radius:0 }
  .news-grid article { min-height:180px }
}


/* Connected platform reference redesign */
.connected-reference {
  position: relative;
  overflow: hidden;
  padding-block: 72px 56px;
  border-block: 1px solid #e3e9ec;
  background:
    radial-gradient(circle at 50% 8%, rgba(39, 121, 198, .04), transparent 35%),
    linear-gradient(180deg, #fbfcfe 0%, #ffffff 100%);
}
.connected-reference .container { position: relative; z-index: 1; width: min(1320px, calc(100% - 48px)); }
.connected-reference__dots { position: absolute; top: 17px; left: 10px; width: 110px; height: 92px; opacity: .55; background-image: radial-gradient(circle, #b8e6dd 1.6px, transparent 1.8px); background-size: 14px 14px; }
.connected-reference__rings { position: absolute; top: 20px; right: -55px; width: 165px; height: 165px; border-radius: 50%; opacity: .75; background: repeating-radial-gradient(circle, transparent 0 13px, #d5eeeb 14px 15px); }
.connected-reference__heading { max-width: 970px; margin: 0 auto 34px; text-align: center; }
.connected-reference__heading h2 { margin: 0; color: #0b2852; font: 760 clamp(38px, 4.2vw, 58px)/1.03 var(--display); letter-spacing: -2.6px; }
.connected-reference__heading h2 em { color: #07957f; font-style: normal; }
.connected-reference__heading p { margin: 20px 0 0; color: #546887; font-size: 15px; line-height: 1.55; }
.connected-reference__heading p strong { color: #07957f; }

.connected-reference__platforms { display: grid; grid-template-columns: minmax(0, 1fr) 130px minmax(0, 1fr); align-items: center; }
.platform-panel { min-height: 340px; padding: 24px; border-radius: 20px; box-shadow: 0 16px 40px rgba(21, 52, 83, .14); }
.platform-panel--lms { color: white; background: linear-gradient(145deg, #0b2957 0%, #0c3269 100%); }
.platform-panel--dash { border: 1px solid #9edfd3; background: linear-gradient(135deg, #edfbf8 0%, #f6fcfb 100%); color: #0c2850; }
.platform-panel__header { display: grid; grid-template-columns: 58px 1fr; gap: 18px; align-items: center; min-height: 72px; padding: 0 6px 18px; border-bottom: 1px solid rgba(255,255,255,.23); }
.platform-panel--dash .platform-panel__header { border-color: #b8e5dc; }
.platform-panel__brand, .platform-panel__dash { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 13px; background: white; }
.platform-panel__brand img { width: 45px; height: 45px; object-fit: contain; }
.platform-panel__brand img { content: url("/newlogo/tribyte-c3-mark.svg"); }
.platform-panel__dash { border-radius: 16px 16px 16px 7px; background: linear-gradient(135deg, #08a68d, #057e70); color: white; font: 800 27px var(--display); }
.platform-panel__header small { display: block; margin-bottom: 3px; color: #81ddd0; font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.platform-panel__header h3 { margin: 0; font: 740 clamp(23px, 2vw, 30px)/1.1 var(--display); letter-spacing: -.8px; }
.platform-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 28px; padding: 26px 2px 2px; }
.platform-feature { min-width: 0; display: grid; grid-template-columns: 55px 1fr; gap: 13px; align-items: center; }
.platform-feature .feature-symbol { width: 55px; height: 55px; display: grid; place-items: center; border-radius: 50%; background: rgba(79, 157, 255, .12); color: #cab1ff; }
.platform-panel--lms .platform-feature:nth-child(2) .feature-symbol { color: #28d3cc; background: rgba(0, 211, 205, .12); }
.platform-panel--lms .platform-feature:nth-child(3) .feature-symbol { color: #b591f6; background: rgba(157, 113, 231, .14); }
.platform-panel--lms .platform-feature:nth-child(4) .feature-symbol { color: #ffba21; background: rgba(255, 184, 25, .11); }
.platform-panel--dash .feature-symbol { background: #d9f4ed; color: #008f75; }
.platform-feature strong { display: block; font-size: 13px; line-height: 1.35; }
.platform-feature p { margin: 5px 0 0; color: #d1dfef; font-size: 11px; line-height: 1.45; }
.platform-panel--dash .platform-feature p { color: #294465; }

.context-connector { position: relative; z-index: 2; width: 104px; height: 104px; display: grid; grid-template-columns: 14px 1fr 14px; place-items: center; justify-self: center; border: 1px solid #d6e0e8; border-radius: 50%; background: white; color: #078b76; box-shadow: 0 10px 26px rgba(22, 52, 83, .12); }
.context-connector::before, .context-connector::after { content: ""; position: absolute; top: 50%; width: 24px; border-top: 1px dashed #83a7b8; }
.context-connector::before { right: 100%; }.context-connector::after { left: 100%; }
.context-connector strong { font-size: 9px; line-height: 1.4; letter-spacing: .4px; text-align: center; text-transform: uppercase; }
.context-connector__arrow { position: relative; z-index: 1; font-size: 18px; font-weight: 800; }

.learning-cycle { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; margin: 30px 0 0; padding: 0; list-style: none; }
.learning-cycle::before { content: ""; position: absolute; z-index: -1; top: 56%; left: -40px; right: -40px; border-top: 1px dashed #7596c0; }
.cycle-card { --cycle: #07957f; --cycle-pale: #dff4ef; position: relative; min-height: 160px; display: grid; grid-template-columns: 68px 1fr; grid-template-rows: 34px 1fr; column-gap: 12px; padding: 13px 14px 17px; border: 1px solid #dbe3ec; border-radius: 15px; background: white; box-shadow: 0 8px 22px rgba(17, 45, 76, .09); }
.cycle-card::after { content: "›"; position: absolute; z-index: 3; top: 50%; right: -36px; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #dce4ec; border-radius: 50%; background: white; color: #0b2852; font-size: 25px; line-height: 1; transform: translateY(-50%); box-shadow: 0 5px 12px rgba(20, 48, 80, .08); }
.cycle-card:last-child::after { display: none; }
.cycle-card--deliver { --cycle:#1e66de; --cycle-pale:#e7efff }.cycle-card--learn { --cycle:#8055c8; --cycle-pale:#eee8fb }.cycle-card--evaluate { --cycle:#ff9900; --cycle-pale:#fff0df }.cycle-card--improve { --cycle:#2eaf48; --cycle-pale:#e5f5e8 }
.cycle-card__number { grid-column: 1 / -1; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: var(--cycle-pale); color: var(--cycle); font-size: 10px; font-weight: 850; }
.cycle-card__icon { width: 58px; height: 58px; display: grid; place-items: center; align-self: start; border-radius: 50%; background: var(--cycle); color: white; }
.cycle-card > div { padding-top: 2px; }
.cycle-card strong { color: var(--cycle); font-size: 13px; }
.cycle-card p { margin: 8px 0 0; color: #294465; font-size: 10px; line-height: 1.48; }

.connected-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 22px; padding: 11px 24px; border-radius: 14px; background: #f5f8fb; }
.connected-benefits article { min-width: 0; display: grid; grid-template-columns: 45px 1fr; gap: 12px; align-items: center; padding: 2px; }
.benefit-symbol { width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid #ccece5; border-radius: 50%; background: #ecfaf7; color: #07957f; }
.connected-benefits article:nth-child(2) .benefit-symbol { border-color:#e6dcfb;background:#f5f1ff;color:#8055c8 }.connected-benefits article:nth-child(3) .benefit-symbol { border-color:#d7e4ff;background:#f0f5ff;color:#1e66de }.connected-benefits article:nth-child(4) .benefit-symbol { border-color:#ffe1bd;background:#fff6ea;color:#f19918 }
.connected-benefits strong { display:block; color:#0b2852; font-size:10px; line-height:1.25 }.connected-benefits p { margin:4px 0 0; color:#5d6f88; font-size:9px; line-height:1.35 }

.glyph { position: relative; width: 27px; height: 27px; display: inline-grid; place-items: center; color: inherit; font-style: normal; }
.glyph::before, .glyph::after { content: ""; position: absolute; box-sizing: border-box; }
.glyph--cap::before { top: 3px; left: 4px; width: 19px; height: 19px; border: 2px solid currentColor; transform: rotate(45deg) scaleY(.55); }
.glyph--cap::after { left: 6px; bottom: 3px; width: 15px; height: 8px; border: 2px solid currentColor; border-top: 0; border-radius: 0 0 9px 9px; }
.glyph--monitor::before { top: 2px; left: 2px; width: 23px; height: 17px; border: 2px solid currentColor; border-radius: 2px; }
.glyph--monitor::after { left: 7px; bottom: 2px; width: 13px; height: 2px; background: currentColor; box-shadow: 5px -5px 0 -4px currentColor; }
.glyph--checklist::before { inset: 2px 4px; border: 2px solid currentColor; border-radius: 3px; }
.glyph--checklist::after { content: "✓\A✓\A✓"; left: 7px; top: 4px; white-space: pre; color: currentColor; font: 800 8px/7px var(--body); }
.glyph--chart::before { left: 3px; bottom: 4px; width: 5px; height: 9px; background: currentColor; border-radius: 1px 1px 0 0; box-shadow: 7px -5px 0 currentColor, 14px -12px 0 currentColor; }
.glyph--chart::after { left: 1px; bottom: 2px; width: 25px; border-top: 2px solid currentColor; }
.glyph--target::before { inset: 5px; border: 2px solid currentColor; border-radius: 50%; box-shadow: 0 0 0 4px transparent, 0 0 0 6px currentColor; }
.glyph--target::after { top: 0; right: 1px; width: 12px; border-top: 2px solid currentColor; transform: rotate(-45deg); transform-origin: right center; }
.glyph--group::before { top: 4px; left: 10px; width: 7px; height: 7px; border: 2px solid currentColor; border-radius: 50%; box-shadow: -8px 4px 0 -1px transparent, 8px 4px 0 -1px transparent; }
.glyph--group::after { left: 3px; bottom: 3px; width: 21px; height: 10px; border: 2px solid currentColor; border-top: 0; border-radius: 0 0 12px 12px; }
.glyph--document::before { inset: 2px 5px; border: 2px solid currentColor; border-radius: 2px; background: repeating-linear-gradient(to bottom, transparent 0 5px, currentColor 5px 6px); }
.glyph--document::after { right: 0; bottom: 3px; width: 12px; border-top: 3px solid currentColor; transform: rotate(-42deg); }
.glyph--book::before { top: 4px; left: 2px; width: 12px; height: 19px; border: 2px solid currentColor; border-radius: 3px 0 0 3px; transform: skewY(8deg); }
.glyph--book::after { top: 4px; right: 2px; width: 12px; height: 19px; border: 2px solid currentColor; border-radius: 0 3px 3px 0; transform: skewY(-8deg); }
.glyph--check::before { inset: 2px; border: 2px solid currentColor; border-radius: 4px; }.glyph--check::after { content:"✓"; inset:0; display:grid; place-items:center; font-size:17px; font-weight:800 }
.glyph--spark, .glyph--trend, .glyph--shield { font-size: 27px; font-weight: 800; line-height: 1; }
.glyph--shield { width: 26px; height: 29px; border: 2px solid currentColor; border-radius: 9px 9px 13px 13px; font-size: 14px; }

@media (max-width: 1100px) {
  .connected-reference__platforms { grid-template-columns: 1fr; gap: 18px; }
  .context-connector { width: 92px; height: 92px; grid-template-columns: 1fr; }.context-connector strong { grid-row:1 }.context-connector__arrow { display:none }.context-connector::before,.context-connector::after { left:50%; right:auto; top:auto; width:1px; height:18px; border-top:0; border-left:1px dashed #83a7b8 }.context-connector::before { bottom:100% }.context-connector::after { top:100% }
  .learning-cycle { grid-template-columns: repeat(3, 1fr); }.cycle-card::after { display:none }.learning-cycle::before { display:none }
  .connected-benefits { grid-template-columns:1fr 1fr }
}

@media (max-width: 700px) {
  .connected-reference { padding-block: 58px 46px }.connected-reference .container { width:min(100% - 28px, 1320px) }
  .connected-reference__heading h2 { font-size:34px; letter-spacing:-1.7px }.connected-reference__heading p { font-size:13px }.desktop-break { display:none }
  .platform-panel { min-height:0; padding:18px }.platform-panel__header { grid-template-columns:50px 1fr;gap:12px }.platform-panel__brand,.platform-panel__dash {width:50px;height:50px}.platform-panel__brand img{width:39px;height:39px}.platform-panel__header h3{font-size:22px}
  .platform-feature-grid { grid-template-columns:1fr; gap:18px }.platform-feature { grid-template-columns:50px 1fr }.platform-feature .feature-symbol{width:50px;height:50px}
  .learning-cycle, .connected-benefits { grid-template-columns:1fr }.cycle-card { min-height:140px }.connected-benefits { padding:16px }
}


/* Supplied learner dashboard hero */
.hero__grid--dashboard {
  width: min(1320px, calc(100% - 48px));
  grid-template-columns: .78fr 1.22fr;
  gap: 38px;
}
.hero__grid--dashboard .hero__content { position: relative; z-index: 3; }
.hero-dashboard-visual { position: relative; z-index: 1; width: calc(100% + 62px); margin-right: -62px; }
.hero-dashboard-visual__glow { position: absolute; z-index: -2; inset: 7% -3% -7% 9%; border-radius: 46%; background: radial-gradient(circle at 46% 48%, rgba(29, 182, 153, .36), rgba(34, 105, 156, .18) 48%, transparent 72%); filter: blur(26px); }
.hero-dashboard-visual__dots { position: absolute; z-index: -1; top: -24px; right: 0; width: 115px; height: 92px; opacity: .45; background-image: radial-gradient(circle, #8ad6ca 1.5px, transparent 1.8px); background-size: 13px 13px; }
.hero-dashboard-frame { position: relative; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.32); border-radius: 24px; background: #f7faf9; box-shadow: 0 38px 90px rgba(0, 9, 24, .34), 0 0 0 7px rgba(255,255,255,.035); transform: perspective(1400px) rotateY(-1.5deg); transform-origin: center right; }
.hero-dashboard-frame::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(7,149,127,.08); }
.hero-dashboard-frame img { width: 100%; height: auto; display: block; }
.hero-dashboard-badge { position: absolute; left: -25px; bottom: -28px; display: grid; grid-template-columns: 42px 1fr; gap: 11px; align-items: center; max-width: 285px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.55); border-radius: 15px; background: rgba(255,255,255,.97); color: var(--ink); box-shadow: 0 18px 45px rgba(0,0,0,.24); }
.hero-dashboard-badge > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, var(--teal), #0dbea2); color: white; font-size: 19px; }
.hero-dashboard-badge small, .hero-dashboard-badge strong { display: block; }
.hero-dashboard-badge small { color: var(--teal-dark); font-size: 8px; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; }
.hero-dashboard-badge strong { margin-top: 2px; font-size: 11px; line-height: 1.35; }

@media (max-width: 1100px) {
  .hero__grid--dashboard { grid-template-columns: 1fr; gap: 58px; }
  .hero-dashboard-visual { width: 100%; margin-right: 0; }
  .hero-dashboard-frame { transform: none; }
  .hero-dashboard-badge { left: 18px; }
}

@media (max-width: 620px) {
  .hero__grid--dashboard { width: min(100% - 28px, 1320px); gap: 42px; }
  .hero-dashboard-frame { border-radius: 16px; }
  .hero-dashboard-badge { position: relative; left: auto; bottom: auto; max-width: none; margin: 12px 8px 0; }
  .hero-dashboard-visual__dots { display: none; }
}


/* Homepage layout corrections 02 */
.assessment-grid h3 {
  margin: 16px 0 10px;
}

.scale-grid__features article {
  min-height: 190px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 13px;
  row-gap: 16px;
  align-content: center;
  align-items: center;
  padding: 26px 28px;
}
.scale-grid__features article > span {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
}
.scale-grid__features article > h3 {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0;
  line-height: 1.25;
}
.scale-grid__features article > p {
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: start;
}

@media (max-width: 760px) {
  .scale-grid__features article { min-height: 155px; }
}


/* OBE visual corrections 03 */
.obe-bars {
  height: 150px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  gap: 9px;
  padding: 15px 10px 0;
}
.obe-bar {
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 21px;
  align-items: end;
  justify-items: center;
}
.obe-bars .obe-bar > i {
  position: static;
  width: min(32px, 72%);
  height: var(--height);
  justify-self: center;
  align-self: end;
  flex: none;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(#3988d3, #145ca6);
}
.obe-bars .obe-bar--warning > i {
  background: linear-gradient(#f0aa2f, #db7d1a);
}
.obe-bars .obe-bar > b {
  position: static;
  width: 100%;
  transform: none;
  color: #617674;
  font: 750 8px/21px var(--body);
  text-align: center;
}

.obe-matrix-table {
  display: grid;
  grid-template-columns: 37px repeat(6, minmax(24px, 1fr));
  gap: 5px;
  margin-top: 19px;
}
.obe-matrix-table > * {
  min-width: 0;
  min-height: 27px;
  display: grid;
  place-items: center;
  margin: 0;
  border-radius: 5px;
  font-style: normal;
}
.obe-matrix-table > b,
.obe-matrix-table > strong {
  color: #617674;
  font: 750 7px var(--body);
}
.obe-matrix-table > i,
.obe-matrix-legend i {
  font: 800 8px var(--body);
}
.obe-matrix-table .map-1,
.obe-matrix-legend .map-1 { background: #fff0d8; color: #a85c08; }
.obe-matrix-table .map-2,
.obe-matrix-legend .map-2 { background: #dceefc; color: #1f67a2; }
.obe-matrix-table .map-3,
.obe-matrix-legend .map-3 { background: #dcefd5; color: #37782b; }
.obe-matrix-legend {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 11px;
}
.obe-matrix-legend span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #6f817f;
  font-size: 7px;
}
.obe-matrix-legend i {
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  border-radius: 4px;
}

@media (max-width: 460px) {
  .obe-matrix-table { grid-template-columns: 32px repeat(6, minmax(21px, 1fr)); gap: 3px; }
  .obe-matrix-table > * { min-height: 24px; }
}

/* Readable content scale; miniature product interfaces retain their compact labels. */
.feature-list p,.assessment-grid p,.case-card p,.ecosystem-list p{font-size:14px}
.scale-grid__features p{font-size:13px}
.case-card a,.customer-links a{font-size:13px}
.quote-card footer strong{font-size:12px}
.quote-card footer span,.quote-card footer small{font-size:11px}
.customer-group__tag,.about-values span,.about-preview__content>small,.news-grid article>span,.news-grid small{font-size:11px}
.footer__brand>a:not(.brand){font-size:13px}
.footer__links strong{font-size:11px}
.footer__links a{font-size:13px}
.footer__bottom{font-size:11px}