/* Production page styles: scoped to .trion-odoo; load once in Odoo website assets. */
@font-face { font-family: TrionFigtree; src: url('/assets/Figtree-Variable.ttf') format('truetype'); font-weight: 300 800; font-style: normal; font-display: swap; }
.trion-odoo.trion-page-nav { position: sticky; top: var(--trion-header-offset, 0px); z-index: 15; background: #5432eb; padding: 0; box-shadow: 0 4px 13px #2c1c7c1a; }
.trion-odoo.trion-page-nav nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.5rem; overflow-x: auto; scrollbar-width: thin; }
.trion-odoo.trion-page-nav a { color: #fff; text-decoration: none; font-size: .875rem; font-weight: 600; white-space: nowrap; padding: .85rem 0; }
.trion-odoo.trion-page-nav a:hover,
.trion-odoo.trion-page-nav a:focus-visible { text-decoration: underline; text-underline-offset: .35em; }
.trion-odoo .trion-breadcrumb { display: flex; flex-wrap: wrap; gap: .75rem; color: #676674; font-size: .9rem; }
.trion-odoo .trion-breadcrumb a { color: inherit; text-decoration: none; }
.trion-odoo .trion-breadcrumb a:hover { color: #5432eb; text-decoration: underline; }
.trion-odoo[id] { scroll-margin-top: calc(var(--trion-header-offset, 0px) + 4.25rem); }
.trion-odoo { color: #303039;
  line-height: 1.6; }
.trion-odoo h1,
.trion-odoo h2,
.trion-odoo h3 { color: #2e2d34;
  line-height: 1.12;
  letter-spacing: -.025em; }
.trion-odoo h2 { font-size: clamp(2rem, 3vw, 3rem); }
.trion-odoo h3 { font-size: clamp(1.35rem, 1.8vw, 1.8rem); }
.trion-odoo p,
.trion-odoo li { font-size: 1rem; }
.trion-odoo .lead { font-size: clamp(1.05rem, 1.35vw, 1.25rem); }
.trion-odoo .small,
.trion-odoo small { font-size: .875rem; color: #565663; }
.trion-odoo .trion-eyebrow { color: #5432eb;
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase; }
.trion-odoo .trion-eyebrow.trion-title-case { text-transform: none; }
.trion-odoo .trion-accent,
.trion-odoo .trion-text-link,
.trion-odoo .trion-value-number { color: #5432eb; }
.trion-odoo .trion-text-link { font-weight: 600; text-decoration: underline; text-underline-offset: .35em; }
.trion-odoo .trion-button { background: #5432eb; border: 1px solid #5432eb; color: #fff; font-weight: 600; }
.trion-odoo .trion-button:hover { background: #4523d4; border-color: #4523d4; color: #fff; }
.trion-odoo .trion-button-outline { border: 1px solid #5432eb; color: #5432eb; font-weight: 600; }
.trion-odoo .trion-button-outline:hover { background: #f1edff; color: #4523d4; }
.trion-odoo .trion-badge { background: #f1edff; color: #5432eb; font-size: .8rem; font-weight: 600; }
.trion-odoo.trion-soft { background: #f7f6fb; }
.trion-odoo.trion-purple { background: #5432eb; color: #fff; }
.trion-odoo.trion-purple h2,
.trion-odoo.trion-purple p { color: #fff; }
.trion-odoo.trion-purple .trion-button-outline { background: #fff; color: #5432eb; border-color: #fff; }
.trion-odoo img.img { display: block; width: 100%; object-fit: cover; }
.trion-odoo .trion-hero-image { border-radius: 0; }
.trion-odoo .trion-card-image { aspect-ratio: 3 / 2; }
.trion-odoo .trion-step-image { aspect-ratio: 4 / 3; }
.trion-odoo .trion-product-image { aspect-ratio: 2 / 1; object-fit: contain; background: #f1eff8; }
.trion-odoo .trion-card,
.trion-odoo .trion-step,
.trion-odoo .trion-product-card,
.trion-odoo .trion-value-card,
.trion-odoo .trion-logo-tile { border: 1px solid #e4e2ed; border-radius: 12px; background: #fff; }
.trion-odoo .trion-card p,
.trion-odoo .trion-step p { color: #535360; }
.trion-odoo .trion-step h3,
.trion-odoo .trion-step details summary { color: #5432eb; }
.trion-odoo .trion-value-card { text-align: center; }
.trion-odoo .trion-value-number { font-size: clamp(2rem, 3vw, 2.7rem); font-weight: 700; line-height: 1.2; }
.trion-odoo .trion-value-icon { display: inline-flex; justify-content: center; align-items: center; width: 3.4rem; height: 3.4rem; border-radius: 50%; background: #f1edff; color: #5432eb; font-size: 2rem; margin-bottom: .75rem; }
.trion-odoo .trion-roi-entry { background: #f7f6fb; border: 1px solid #e4e2ed; border-radius: 1rem; box-shadow: 0 16px 36px #34277512; text-align: center; }
.trion-odoo .trion-logo-tile { min-height: 6.5rem; }
.trion-odoo .trion-logo-image { max-height: 3.5rem; width: auto !important; object-fit: contain !important; }
.trion-odoo .trion-scroll-row { scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  padding-bottom: .75rem; }
.trion-odoo .trion-scroll-row > .o_colored_level { flex: 0 0 29%;
  width: 29%;
  scroll-snap-align: start; }
@media (min-width: 992px) {
.trion-odoo .trion-scroll-row.trion-related-row > .o_colored_level { flex-basis: 29%; width: 29%; }
}
.trion-odoo .trion-customer-rows { display: grid; gap: 1rem; }
.trion-odoo .trion-customer-window { overflow: hidden; }
.trion-odoo .trion-customer-track { display: flex;
  width: max-content;
  animation: trion-customers-move 36s linear infinite; }
.trion-odoo .trion-customer-row-2 .trion-customer-track { animation-duration: 40s; animation-direction: reverse; }
.trion-odoo .trion-customer-row-3 .trion-customer-track { animation-duration: 33s; }
.trion-odoo .trion-customer-window:hover .trion-customer-track,
.trion-odoo .trion-customer-window:focus-within .trion-customer-track { animation-play-state: paused; }
.trion-odoo .trion-customer-group { display: flex;
  flex: none;
  gap: 1rem;
  padding-right: 1rem; }
.trion-odoo .trion-customer-group .trion-logo-tile { flex: 0 0 11.5rem; width: 11.5rem; height: 6.5rem; }
@keyframes trion-customers-move { to { transform: translateX(-50%); } }
.trion-odoo .trion-support-link,
.trion-odoo .trion-faq { border-top: 1px solid #e0dfe9; }
.trion-odoo .trion-list { padding-left: 1.25rem; }
.trion-odoo .trion-viewer { background: #171717; }
.trion-odoo details summary { cursor: pointer; color: #35323f; }
.trion-odoo figure figcaption { color: #565663; }
@media (min-width: 992px) {
.trion-odoo .trion-home-hero-copy { position: relative; z-index: 1; }
.trion-odoo .trion-home-hero-photo { margin-left: -6rem; }
.trion-odoo .trion-home-hero-photo .trion-hero-image { -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 25%);
    mask-image: linear-gradient(to right, transparent 0%, #000 25%); }
}
@media (max-width: 767.98px) {
.trion-odoo.trion-page-nav nav { justify-content: flex-start; gap: 1.5rem; }
.trion-odoo { text-align: left; }
.trion-odoo .trion-product-image { aspect-ratio: 3 / 2; }
.trion-odoo .trion-scroll-row > .o_colored_level { flex-basis: 85%; width: 85%; }
.trion-odoo .trion-customer-group .trion-logo-tile { flex-basis: 9.5rem; width: 9.5rem; height: 5.5rem; min-height: 5.5rem; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.trion-odoo .trion-scroll-row > .o_colored_level { flex-basis: 46%; width: 46%; }
}
@media (prefers-reduced-motion: reduce) {
.trion-odoo .trion-customer-track { animation: none; }
.trion-odoo .trion-customer-copy { display: none; }
.trion-odoo .trion-scroll-row { scroll-behavior: auto; }
}
.trion-odoo { font-family: TrionFigtree, Arial, sans-serif; }
.trion-odoo { padding-block: 88px; font-size: 17px; line-height: 1.55; }
.trion-odoo > .trion-container { width: min(calc(100% - 96px), 1280px);
  max-width: 1280px; }
.trion-odoo h1,
.trion-odoo h2,
.trion-odoo h3 { font-weight: 550; letter-spacing: -.045em; line-height: 1.08; }
.trion-odoo h2 { font-size: clamp(2.2rem, 3.7vw, 3.6rem); }
.trion-odoo h3 { font-size: clamp(1.5rem, 2vw, 1.8rem); }
.trion-odoo p,
.trion-odoo li { font-size: 17px; }
.trion-odoo .lead { font-size: 18px; line-height: 1.55; }
.trion-odoo .trion-eyebrow { font-size: 16px; letter-spacing: .08em; }
.trion-odoo :is(.trion-button, .trion-button-outline) { display: inline-flex; align-items: center; justify-content: center; text-align: center; line-height: 1.25; min-height: 50px; border-radius: 10px; font-size: 16px; }
.trion-odoo .trion-section-head { margin-bottom: 42px; }
.trion-odoo .trion-section-head .lead { max-width: 510px; margin-left: auto; }
.trion-odoo.trion-page-nav { padding: 0; }
.trion-odoo.trion-page-nav nav { min-height: 56px; }
.trion-odoo.trion-page-nav a { font-size: 14px; }
.trion-odoo.trion-home-hero { padding-block: 42px 34px; }
.trion-odoo.trion-home-hero h1 { font-size: clamp(44px, 5.5vw, 70px); }
.trion-odoo.trion-home-hero .lead { max-width: none; margin: 18px 0 24px; font-size: clamp(19px, 1.6vw, 22px); line-height: 1.5; }
.trion-odoo.trion-home-hero :is(.trion-button, .trion-button-outline) { min-width: min(235px, calc(50% - 4px)); }
.trion-odoo.trion-home-hero .trion-home-hero-photo { position: relative; height: 330px; margin-left: -140px; width: calc(100% + 140px); overflow: hidden; }
.trion-odoo.trion-home-hero .trion-home-hero-photo .trion-hero-image { height: 100%; object-fit: cover; object-position: center; -webkit-mask-image: linear-gradient(to right, transparent 0, transparent 55px, #000 240px); mask-image: linear-gradient(to right, transparent 0, transparent 55px, #000 240px); }
.trion-odoo.trion-solutions-section { padding-block: 46px 44px; }
.trion-odoo.trion-solutions-section .trion-section-head { margin-bottom: 20px; }
.trion-odoo .trion-home-solutions-row > .o_colored_level { flex-basis: 28.57%; width: 28.57%; }
.trion-odoo .trion-card { overflow: hidden; display: flex; flex-direction: column; }
.trion-odoo .trion-home-card { padding: 0; }
.trion-odoo .trion-home-card { border: 1px solid transparent; border-radius: 10px; box-shadow: none; }
.trion-odoo .trion-home-card .trion-card-image { aspect-ratio: 1.55; border-radius: 10px 10px 0 0; }
.trion-odoo .trion-card-copy { padding: 18px 12px 16px; display: flex; flex-direction: column; flex: 1; }
.trion-odoo .trion-card-copy .trion-text-link { margin-top: auto; align-self: flex-start; }
.trion-odoo .trion-card-copy h3 { font-size: 25px; margin-bottom: 14px; }
.trion-odoo .trion-card-copy p { color: #484850; margin-bottom: 22px; }
.trion-odoo .trion-card:hover,
.trion-odoo .trion-card:focus-within { border-color: #5432eb; box-shadow: 0 12px 30px #5432eb0d; }
.trion-odoo.trion-process-section { padding-block: 56px 48px; }
.trion-odoo.trion-process-section .trion-process-row { row-gap: 36px; }
.trion-odoo.trion-process-section .trion-card-image { aspect-ratio: 4 / 3; }
.trion-odoo.trion-process-section .trion-process-row > .o_colored_level > img { aspect-ratio: 4 / 3; border-radius: 10px; }
.trion-odoo.trion-process-section .trion-process-row > .o_colored_level h3 { font-size: 26px; margin: 20px 0 12px; }
.trion-odoo.trion-process-section .trion-process-row > .o_colored_level .trion-eyebrow { margin-top: 25px; }
.trion-odoo.trion-process-section .trion-process-row > .o_colored_level p:last-child { max-width: 420px; }
.trion-odoo.trion-customers-section { padding-block: 48px 56px; }
.trion-odoo.trion-customers-section .trion-logo-tile { border-radius: 10px; }
.trion-odoo.trion-customers-section .trion-customer-group .trion-logo-tile { flex-basis: 220px; width: 220px; height: 110px; }
.trion-odoo.trion-support-section { padding-block: 100px; }
.trion-odoo.trion-support-section .trion-support-link { border-bottom: 1px solid #e0dfe9; }
.trion-odoo.trion-purple { padding-block: 64px; }
.trion-odoo.trion-solution-hero { padding-block: 32px 56px; }
.trion-odoo.trion-solution-hero h1 { font-size: clamp(40px, 3.5vw, 56px); margin-bottom: 24px; }
.trion-odoo.trion-solution-hero .trion-title-case { font-size: 18px; letter-spacing: .07em; margin-bottom: 26px !important; }
.trion-odoo.trion-solution-hero .trion-badge { font-size: 13px; padding: 9px 12px; }
.trion-odoo.trion-solution-hero :is(.trion-button, .trion-button-outline) { min-width: 0; padding-inline: 18px !important; }
.trion-odoo.trion-solution-hero .trion-breadcrumb { margin-bottom: 36px !important; }
.trion-odoo .trion-detail-photo { overflow: hidden; border-radius: 10px; }
.trion-odoo .trion-detail-photo img { height: 365px; object-fit: cover; }
.trion-odoo.trion-value-section { padding-block: 24px 36px; }
.trion-odoo.trion-value-section .trion-value-card { background: #f7f8fa; border: 0; border-radius: 10px; }
.trion-odoo.trion-value-section .trion-value-card h2 { font-size: 17px; font-weight: 500; letter-spacing: 0; line-height: 1.4; }
.trion-odoo.trion-value-section .trion-value-number { font-size: clamp(32px, 3vw, 40px); }
.trion-odoo.trion-setup-section { padding-block: 92px 100px; }
.trion-odoo.trion-setup-section .trion-kit-system { position: relative; max-width: 1040px; margin-inline: auto; padding: 24px; border: 1px solid #d9d0fb; border-radius: 10px; background: linear-gradient(180deg, #fff 0%, #fff 50%, #f9f7ff 82%, #f0eaff 100%); box-shadow: 0 8px 26px #5432eb06; }
.trion-odoo.trion-setup-section .trion-kit-heading { text-align: center; margin-bottom: 20px; }
.trion-odoo.trion-setup-section .trion-kit-heading h3 { color: #5432eb; font-size: 27px; }
.trion-odoo.trion-setup-section .trion-product-visual { position: relative; }
/* Reserve an equal gap around the connector; match its offset to the row gutter. */
@media (min-width: 992px) {
  .trion-odoo.trion-setup-section .trion-kit-products { --bs-gutter-x: 3.5rem; }
}
/* The Survey composite has 32px white outer margins in its 1219px source.
   Clip those margins in the visual only so the visible photos align with the gap. */
.trion-odoo.trion-setup-section .trion-survey-visual { overflow: hidden; border-radius: .5rem; }
.trion-odoo.trion-setup-section .trion-survey-visual img.trion-product-image { width: 105.541126%; max-width: none; margin-left: -2.770563%; }
.trion-odoo.trion-setup-section .trion-product-card { background: transparent; border: 0; border-radius: 0; display: flex; flex-direction: column; }
.trion-odoo.trion-setup-section img.trion-product-image { height: 175px; aspect-ratio: auto; background: #f4f2fa; object-fit: contain; }
.trion-odoo.trion-setup-section .trion-kit-products > .o_colored_level:nth-child(2) img.trion-product-image { object-fit: cover; }
.trion-odoo.trion-setup-section .trion-product-card h3 { color: #5432eb; font-size: 26px; margin: 8px 0 14px; }
.trion-odoo.trion-setup-section .trion-product-card > p:not(.trion-eyebrow) { color: #484850; margin-bottom: 16px; }
.trion-odoo.trion-setup-section .trion-product-actions { display: grid; gap: 8px; margin-top: auto; }
.trion-odoo.trion-setup-section .trion-product-actions :is(.trion-button, .trion-button-outline) { width: 100%; }
.trion-odoo.trion-setup-section .trion-product-details { text-align: center; font-size: 14px; color: #323232; text-decoration: none; padding: 7px; }
.trion-odoo.trion-setup-section .trion-product-details:hover { color: #5432eb; text-decoration: underline; }
.trion-odoo.trion-setup-section .trion-product-compat { border-top: 1px solid #e0dfe9; padding-top: 12px; font-size: 14px; }
.trion-odoo.trion-setup-section .trion-product-compat summary { color: #5432eb; }
.trion-odoo.trion-setup-section .trion-kit-plus { position: absolute; z-index: 1; top: 50%; left: calc(100% + var(--bs-gutter-x, 1.5rem) / 2); transform: translate(-50%, -50%); display: grid; place-items: center; width: 42px; height: 42px; border: 5px solid #fff; border-radius: 50%; background: #5432eb; color: #fff; font-size: 27px; line-height: 1; }
.trion-odoo.trion-workflow-section { padding-block: 90px 100px; }
.trion-odoo.trion-workflow-section .trion-workflow-video { max-width: 920px; margin: 0 auto 34px; border-radius: 10px; overflow: hidden; background: #161616; }
.trion-odoo.trion-workflow-section video { display: block; aspect-ratio: 16 / 9; object-fit: cover; }
.trion-odoo.trion-workflow-section .trion-video-pending { min-height: min(52vw, 520px); display: grid; place-content: center; text-align: center; background: radial-gradient(circle at top, #ede7ff, transparent 58%), #f7f6fb; }
.trion-odoo.trion-workflow-section .trion-video-pending > span { color: #5432eb; font-size: 46px; }
.trion-odoo.trion-workflow-section .trion-video-pending h3 { font-size: 34px; }
.trion-odoo.trion-workflow-section .trion-workflow-count { margin: 8px 0 10px; color: #565663; font-size: 16px; }
.trion-odoo .trion-workflow-row > .o_colored_level { flex-basis: 29%; width: 29%; }
.trion-odoo .trion-step { display: flex; flex-direction: column; border: 0; border-radius: 0; background: transparent; }
.trion-odoo .trion-step-image { aspect-ratio: 4 / 3; margin-bottom: 15px !important; }
.trion-odoo .trion-step h3 { font-size: 24px; line-height: 1.15; margin: 12px 0 15px; }
.trion-odoo .trion-step > p:not(.trion-eyebrow) { color: #484850; font-size: 16px; }
.trion-odoo .trion-step details { border-top: 1px solid #e0dfe9; margin-top: auto; padding-top: 13px; }
.trion-odoo .trion-step details summary { font-size: 14px; font-weight: 600; }
.trion-odoo.trion-deliverables-section { padding-block: 100px 40px; }
.trion-odoo.trion-deliverables-section + .trion-roi-section { padding-top: 16px; }
.trion-odoo.trion-roi-section { padding-block: 24px 54px; }
.trion-odoo.trion-conditions-section { padding-block: 96px 100px; }
.trion-odoo.trion-related-section { padding-block: 90px; }
@media (max-width: 991.98px) {
.trion-odoo > .trion-container { width: calc(100% - 48px); }
.trion-odoo.trion-home-hero .trion-home-hero-photo { margin-left: -90px; width: calc(100% + 100px); transform: translateX(10px); }
.trion-odoo.trion-solution-hero :is(.trion-button, .trion-button-outline) { min-width: 0; }
.trion-odoo .trion-home-solutions-row > .o_colored_level { flex-basis: 46%; width: 46%; }
}
@media (max-width: 767.98px) {
.trion-odoo { padding-block: 64px; }
.trion-odoo > .trion-container { width: calc(100% - 40px); }
.trion-odoo h2 { font-size: clamp(32px, 9vw, 43px); }
.trion-odoo h3 { font-size: 25px; }
.trion-odoo .trion-section-head { margin-bottom: 28px; }
.trion-odoo .trion-section-head .lead { margin-left: 0; }
.trion-odoo.trion-home-hero { padding-block: 30px 20px; }
.trion-odoo.trion-home-hero .trion-home-hero-photo { width: 100%; height: 230px; margin: 0; transform: none; }
.trion-odoo.trion-home-hero .trion-home-hero-photo .trion-hero-image { -webkit-mask-image: none; mask-image: none; }
.trion-odoo.trion-home-hero :is(.trion-button, .trion-button-outline) { min-width: 0; }
.trion-odoo.trion-solutions-section { padding-block: 48px 70px; }
.trion-odoo .trion-home-solutions-row > .o_colored_level,
.trion-odoo .trion-workflow-row > .o_colored_level { flex-basis: 85%; width: 85%; }
.trion-odoo.trion-process-section { padding-block: 68px; }
.trion-odoo.trion-customers-section .trion-customer-group .trion-logo-tile { flex-basis: 160px; width: 160px; height: 94px; }
.trion-odoo.trion-solution-hero { padding-block: 28px 52px; }
.trion-odoo.trion-solution-hero .trion-detail-photo img { height: 300px; }
.trion-odoo.trion-solution-hero h1 { font-size: clamp(36px, 10vw, 56px); }
.trion-odoo.trion-setup-section,
.trion-odoo.trion-workflow-section,
.trion-odoo.trion-deliverables-section,
.trion-odoo.trion-conditions-section { padding-block: 68px; }
.trion-odoo.trion-setup-section .trion-kit-system { padding: 20px; }
.trion-odoo.trion-workflow-section .trion-video-pending { min-height: 260px; }
}
@media (min-width: 1200px) {
.trion-odoo.trion-home-hero .trion-hero-intro { white-space: nowrap; }
}
@media (max-width: 991.98px) {
.trion-odoo.trion-home-hero .trion-home-hero-photo { margin-left: 0; width: 100%; transform: none; }
.trion-odoo.trion-home-hero .trion-home-hero-photo .trion-hero-image { -webkit-mask-image: none; mask-image: none; }
}
.trion-odoo.trion-home-hero .trion-home-hero-photo { height: auto; overflow: visible; }
.trion-odoo.trion-home-hero .trion-home-hero-photo .trion-hero-image { height: 330px; }

@media (max-width: 767.98px) {
.trion-odoo.trion-home-hero .trion-home-hero-photo .trion-hero-image { height: 230px; }
}
.trion-odoo.trion-customers-section + .trion-roi-section { padding-block: 36px 0; }
.trion-odoo.trion-customers-section + .trion-roi-section + .trion-support-section { padding-top: 64px; }
.trion-odoo.trion-base-hero .trion-detail-photo img { object-fit: contain; background: #f7f5fc; }
.trion-odoo .trion-home-card .trion-card-copy h3,
.trion-odoo .trion-related-card .trion-card-copy h3 { min-height: 2.16em; }

/* Current home copy and native Odoo CRM lead form. */
.trion-odoo img.trion-roi-icon { width: 48px; height: 48px; object-fit: contain; }
.trion-odoo.trion-demo-section { padding-block: 48px 72px; }
.trion-odoo .trion-demo-intro h1 { font-size: clamp(2.4rem, 4vw, 3.8rem); line-height: 1.08; letter-spacing: -.045em; font-weight: 550; }
.trion-odoo img.trion-demo-image { height: 230px; object-fit: cover; }
.trion-odoo .trion-demo-form { border: 1px solid #dedbe9; border-radius: 10px; background: #f7f6fb; }
.trion-odoo .trion-demo-form h2 { font-size: 30px; }
.trion-odoo .trion-demo-form .s_website_form_label { color: #303039; font-size: 16px; font-weight: 550; line-height: 1.45; }
.trion-odoo .trion-demo-form .s_website_form_input:not([type='checkbox']):not([type='hidden']) { min-height: 46px; padding: 10px 12px; color: #303039; background: #fff; border: 1px solid #80788c; border-radius: 8px; font-size: 16px; }
.trion-odoo .trion-demo-form .s_website_form_input::placeholder { color: #68616f; opacity: 1; }
.trion-odoo .trion-demo-form .s_website_form_input:focus { border-color: #5432eb; outline: 2px solid #5432eb; outline-offset: 2px; box-shadow: none; }
.trion-odoo .trion-demo-form .s_website_form_input[type='checkbox'] { border-color: #80788c; }
.trion-odoo .trion-demo-form .s_website_form_input[type='checkbox']:checked { background-color: #5432eb; border-color: #5432eb; }
.trion-odoo .trion-demo-form .s_website_form_send { width: 100%; }
.trion-odoo .trion-demo-thanks { max-width: 720px; padding-block: 40px; }
@media (max-width: 767.98px) {
  .trion-odoo.trion-demo-section { padding-block: 32px 48px; }
  .trion-odoo img.trion-demo-image { height: 170px; }
}
.trion-odoo .trion-demo-form .s_website_form_label:not(.form-check-label) { padding-top: 0; padding-bottom: 6px; margin-bottom: 0; }

/* Compact homepage cards and the three-step guide. */
.trion-odoo .trion-home-card .trion-card-copy { padding: 12px; }
.trion-odoo .trion-home-card .trion-card-copy h3 { font-size: 26px; margin-bottom: 6px; }
.trion-odoo .trion-home-card .trion-card-copy p { font-size: 16px; margin-bottom: 10px; }
.trion-odoo.trion-process-section { padding-block: 36px; background-color: #fff; }
.trion-odoo.trion-process-section .trion-section-head { margin-bottom: 24px; }
.trion-odoo.trion-process-section h2 { font-size: clamp(30px, 3.1vw, 44px); margin-bottom: 0; }
.trion-odoo.trion-process-section .trion-process-row { row-gap: 28px; }
.trion-odoo.trion-process-section .trion-process-row > .o_colored_level > img { height: clamp(140px, 14vw, 190px); aspect-ratio: auto; }
.trion-odoo.trion-process-section .trion-process-row > .o_colored_level:last-child > img { object-fit: contain; }
.trion-odoo.trion-process-section .trion-process-row > .o_colored_level .trion-eyebrow { margin-top: 0; font-size: 14px; }
.trion-odoo.trion-process-section .trion-process-row > .o_colored_level h3 { font-size: 26px; margin: 8px 0; }
.trion-odoo.trion-process-section .trion-process-row > .o_colored_level p:last-child { font-size: 18px; line-height: 1.5; }
@media (max-width: 767.98px) {
  .trion-odoo.trion-process-section { padding-block: 32px; }
  .trion-odoo.trion-process-section .trion-process-row > .o_colored_level > img { height: 160px; }
}

.trion-odoo .trion-customer-reach { color: #676674; font-size: 17px; }
.trion-odoo .trion-customer-reach .trion-accent { font-weight: 600; }

/* Mobile refinement: keep editable content in normal flow and desktop styling intact. */
@media (max-width: 767.98px) {
  .trion-odoo > .trion-container { width: 100%; padding-inline: 20px; }
  .trion-odoo h2 { font-size: clamp(30px, 8vw, 36px); line-height: 1.12; }
  .trion-odoo .trion-eyebrow { font-size: 14px; }
  .trion-odoo .trion-section-head { margin-bottom: 24px; }
  .trion-odoo .trion-hero-actions :is(.trion-button, .trion-button-outline),
  .trion-odoo.trion-purple :is(.trion-button, .trion-button-outline) { width: 100%; }
  .trion-odoo.trion-home-hero .lead { font-size: 18px; margin-block: 16px 20px; }
  .trion-odoo.trion-home-hero .trion-home-hero-photo .trion-hero-image { height: auto; aspect-ratio: 3 / 2; }
  .trion-odoo.trion-solutions-section { padding-block: 36px 40px; }
  .trion-odoo.trion-solution-hero { padding-block: 20px 28px; }
  .trion-odoo.trion-solution-hero .trion-breadcrumb { gap: 8px; font-size: 13px; margin-bottom: 24px !important; }
  .trion-odoo.trion-solution-hero .trion-title-case { font-size: 15px; margin-bottom: 16px !important; }
  .trion-odoo.trion-solution-hero h1 { font-size: clamp(30px, 8.2vw, 38px); margin-bottom: 20px; }
  .trion-odoo.trion-solution-hero .trion-badge { font-size: 12px; padding: 8px 10px; white-space: normal; text-align: left; }
  .trion-odoo.trion-solution-hero .trion-detail-photo img { height: auto; aspect-ratio: 4 / 3; }
  .trion-odoo.trion-value-section { padding-block: 12px 32px; }
  .trion-odoo.trion-value-section .trion-value-card { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; text-align: left; align-items: center; }
  .trion-odoo.trion-value-section .trion-value-icon { grid-row: span 2; width: 44px; height: 44px; font-size: 28px; margin: 0; }
  .trion-odoo.trion-value-section .trion-value-number { font-size: 27px; line-height: 1.15; overflow-wrap: anywhere; }
  .trion-odoo.trion-value-section .trion-value-card h2 { font-size: 15px; }
  .trion-odoo.trion-setup-section,
  .trion-odoo.trion-workflow-section,
  .trion-odoo.trion-deliverables-section,
  .trion-odoo.trion-conditions-section,
  .trion-odoo.trion-related-section { padding-block: 40px; }
  .trion-odoo.trion-setup-section .trion-kit-system { padding: 16px; }
  .trion-odoo.trion-setup-section .trion-kit-products { row-gap: 32px; }
  .trion-odoo.trion-setup-section .trion-product-card > p:not(.trion-eyebrow) { font-size: 16px; }
  .trion-odoo.trion-workflow-section .trion-video-pending { min-height: 190px; padding: 20px 16px; }
  .trion-odoo.trion-workflow-section .trion-video-pending h3 { font-size: 26px; }
  .trion-odoo.trion-workflow-section .trion-workflow-count { margin-bottom: 10px; }
  .trion-odoo.trion-customers-section { padding-block: 36px; }
  .trion-odoo .trion-customer-rows { gap: 12px; }
  .trion-odoo.trion-customers-section .trion-customer-group .trion-logo-tile { flex-basis: 144px; width: 144px; height: 80px; min-height: 80px; }
  .trion-odoo .trion-customer-reach { font-size: 16px; }
  .trion-odoo.trion-roi-section { padding-block: 24px 32px; }
  .trion-odoo.trion-support-section { padding-block: 40px; }
  .trion-odoo.trion-customers-section + .trion-roi-section + .trion-support-section { padding-top: 40px; }
  .trion-odoo.trion-purple { padding-block: 40px; }
  .trion-odoo .trion-text-link,
  .trion-odoo .trion-product-details,
  .trion-odoo .trion-support-link > a { display: inline-flex; align-items: center; min-height: 44px; }
  .trion-odoo details summary { min-height: 44px; padding-block: 10px; }
}

/* The solution navigation uses Bootstrap d-none d-md-block on phones. */
@media (max-width: 767.98px) {
  .trion-odoo[id] { scroll-margin-top: calc(var(--trion-header-offset, 0px) + 16px); }
}

@media (max-width: 767.98px) {
  .trion-odoo.trion-deliverables-section { padding-bottom: 24px; }
}

/* Keep the utility subject together with a more compact hero heading. */
.trion-odoo.trion-utility-hero h1 { font-size: clamp(32px, 3.3vw, 52px); }
@media (max-width: 767.98px) {
  .trion-odoo.trion-utility-hero h1 { font-size: clamp(26px, 7.7vw, 34px); }
}

/* Lead with the purpose of each workflow step. */
.trion-odoo .trion-step details .trion-step-value { color: #303039; font-weight: 600; }

/* Keep workflow headings close to the next video or step gallery. */
.trion-odoo.trion-workflow-section .trion-section-head { margin-bottom: 12px; }
.trion-odoo.trion-workflow-section .trion-section-head h2 { margin-bottom: 0; }
.trion-odoo.trion-workflow-section .trion-workflow-count { margin-top: 0; }

/* Keep Model Web's built-in point cloud / mesh controls usable. */
.trion-model-viewer { height: 560px; }
.trion-model-viewer iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 575.98px) {
  .trion-model-viewer { height: 520px; }
}

/* User supplied V4e Pro photo in the Topographic survey setup card. */
.trion-odoo.trion-setup-section img.trion-product-image.trion-topo-receiver-image { object-fit: cover; object-position: center; }

/* Fill workflow cards while keeping each supplied photo's subject in view. */
.trion-odoo img.trion-step-image.trion-topo-workflow-image { object-fit: cover; }
.trion-odoo #step-3 img.trion-topo-workflow-image { object-position: 85% center; }
.trion-odoo #step-4 img.trion-topo-workflow-image { object-position: 65% center; }

/* Step 5: crop the existing 1280 × 613 screenshot to the white model (x740, y170, w440, h330). */
.trion-odoo .trion-lidar-model-crop { position: relative; width: 100%; overflow: hidden; flex-shrink: 0; background: #484945; }
.trion-odoo .trion-lidar-model-crop img { position: absolute; width: 290.91%; max-width: none; height: auto; left: -168.18%; top: -51.52%; }

/* The forest review crop retains the tree measurement panel on the right. */
.trion-odoo img.trion-step-image.trion-geo-workflow-image { object-fit: cover; }
.trion-odoo #step-1 img.trion-geo-workflow-image { object-position: 60% center; }
.trion-odoo #step-2 img.trion-geo-workflow-image { object-position: 60% center; }
.trion-odoo #step-4 img.trion-geo-workflow-image { object-position: 65% center; }
.trion-odoo #step-5 img.trion-geo-workflow-image { object-position: right center; }

/* Shared photo frames: fill every workflow tile; use a consistent deliverable frame. */
.trion-odoo.trion-workflow-section img.trion-step-image { object-fit: cover; flex-shrink: 0; }
.trion-odoo.trion-deliverables-section img.trion-deliverable-photo { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.trion-odoo.trion-deliverables-section img.trion-deliverable-photo-topo { object-position: 65% center; }
.trion-odoo.trion-deliverables-section img.trion-deliverable-photo-lidar { object-position: 55% center; }
.trion-odoo.trion-deliverables-section img.trion-deliverable-photo-geo { object-position: 55% center; }

/* Georeferenced LiDAR hero and entry cards: keep the scanner and operator in the crop. */
.trion-odoo img.trion-geo-solution-photo { object-fit: cover; object-position: 50% 35%; }

/* Numeric customer outcomes, with one shared basis below the full row. */
.trion-odoo.trion-solution-metrics { padding-block: 24px 36px; }
.trion-solution-metrics .trion-roi-metrics {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px;
  text-align: center; align-items: start;
}
.trion-solution-metrics .trion-roi-metric { min-width: 0; }
.trion-odoo.trion-solution-metrics .trion-roi-figure {
  color: #5432eb; margin: 0 0 18px; font-size: clamp(52px,6.2vw,80px);
  font-weight: 650; line-height: 1.1; letter-spacing: -.045em;
  white-space: nowrap; font-variant-numeric: lining-nums;
}
.trion-solution-metrics .trion-roi-qualifier { font-size: .25em; letter-spacing: -.02em; margin-right: .35em; }
.trion-solution-metrics .trion-roi-unit { font-size: .55em; letter-spacing: -.025em; margin-left: .06em; }
.trion-odoo.trion-solution-metrics .trion-roi-label {
  max-width: 27ch; margin: 0 auto; color: #2b2b33;
  font-size: clamp(17px,1.6vw,21px); font-weight: 450; line-height: 1.4;
}
.trion-solution-metrics .trion-roi-label a { color: inherit; text-decoration: none; }
.trion-solution-metrics .trion-roi-label a:hover { text-decoration: underline; text-underline-offset: 4px; }
.trion-solution-metrics .trion-roi-label a:focus-visible { outline: 2px solid #5432eb; outline-offset: 4px; }
.trion-odoo.trion-solution-metrics .trion-roi-basis {
  margin: 28px auto 0; color: #6b6b76; text-align: center; font-style: italic;
}
.trion-odoo.trion-solution-metrics .trion-roi-basis p {
  margin: 0; font-size: 14px; line-height: 1.65;
}
@media(max-width: 767.98px) {
  .trion-solution-metrics .trion-roi-metrics { gap: 24px 16px; }
  .trion-odoo.trion-solution-metrics .trion-roi-figure { font-size: clamp(34px,7vw,53px); margin-bottom: 12px; }
  .trion-odoo.trion-solution-metrics .trion-roi-label { font-size: 15px; }
  .trion-odoo.trion-solution-metrics .trion-roi-basis { text-align: left; margin-top: 24px; }
  .trion-odoo.trion-solution-metrics .trion-roi-basis p { font-size: 13px; }
}
@media(max-width: 479.98px) {
  .trion-odoo.trion-solution-metrics { padding-bottom: 28px; }
  .trion-solution-metrics .trion-roi-metrics { grid-template-columns: 1fr; gap: 26px; }
  .trion-odoo.trion-solution-metrics .trion-roi-figure { font-size: 54px; margin-bottom: 8px; }
  .trion-odoo.trion-solution-metrics .trion-roi-label { font-size: 17px; }
}

/* Tighter transition from each solution hero into its value figures. */
.trion-odoo.trion-solution-hero { padding-bottom: 20px; }
.trion-odoo.trion-solution-metrics { padding-top: 8px; }
@media(max-width: 767.98px) {
  .trion-odoo.trion-solution-hero { padding-bottom: 12px; }
  .trion-odoo.trion-solution-metrics { padding-top: 4px; }
}

/* Compact the handover from workflow steps to their deliverables. */
.trion-odoo.trion-workflow-section { padding-bottom: 28px; }
.trion-odoo.trion-workflow-section + .trion-deliverables-section { padding-top: 28px; }
@media(max-width: 767.98px) {
  .trion-odoo.trion-workflow-section { padding-bottom: 20px; }
  .trion-odoo.trion-workflow-section + .trion-deliverables-section { padding-top: 20px; }
}

/* Field-only preview crop: hide the external viewer's title bar without
   covering its canvas or changing the share URL / consent lifecycle.
   Keep the original full-viewer link for the unmodified external UI. */
.trion-model-viewer.trion-model-viewer-crop-title {
  --model-title-crop: calc(11.733333cqw + 1px);
  container-type: inline-size;
  position: relative;
  overflow: hidden;
}
.trion-model-viewer-crop-title iframe {
  position: absolute;
  inset: auto 0 0;
  width: 100%;
  height: calc(100% + var(--model-title-crop));
}
/* A browser-promoted iframe must retain its full viewport. */
.trion-model-viewer-crop-title iframe:fullscreen { height: 100%; }

/* Model Web uses a compact desktop header from its 768px breakpoint.
   Match its width-scaled rem sizing inside this iframe, not the Field page. */
@container (min-width: 768px) {
  .trion-model-viewer-crop-title iframe { --model-title-crop: calc(4.6875cqw + 1px); }
}

/* Solution refinements: keep phrases together instead of orphaning one word. */
.trion-odoo.trion-conditions-section .trion-fit-heading { font-size: clamp(30px,3vw,46px); }
.trion-fit-heading > span { display: block; white-space: nowrap; }
.trion-odoo.trion-solution-hero .trion-eyebrow.trion-title-case { font-size: 26px; line-height: 1.3; letter-spacing: .01em; }
.trion-solution-metrics .trion-roi-formula { font-size: .28em; letter-spacing: -.02em; }
@media(max-width: 767.98px) {
  .trion-odoo.trion-solution-hero .trion-eyebrow.trion-title-case { font-size: 22px; }
  .trion-odoo.trion-conditions-section .trion-fit-heading { font-size: clamp(30px,8vw,36px); }
}

/* Continuous homepage solution ribbon; keep the native horizontal touch surface. */
.trion-odoo .trion-home-solutions-row.trion-solutions-continuous {
  scroll-snap-type: none; scroll-behavior: auto; scrollbar-width: none;
}
.trion-home-solutions-row.trion-solutions-continuous::-webkit-scrollbar { display: none; }
@media (prefers-reduced-motion: reduce) {
  .trion-odoo .trion-home-solutions-row.trion-solutions-continuous { scrollbar-width: thin; }
}

/* Reviewed headline scale: homepage discovery heading and Solution hero only. */
.trion-odoo.trion-solutions-section h2 { font-size: clamp(32px, 3.1vw, 44px); }
@media (max-width: 767.98px) {
  .trion-odoo.trion-solutions-section h2 { font-size: clamp(28px, 7.5vw, 32px); }
}

/* Homepage user cases: original project imagery, social-source links, no embeds. */
.trion-odoo.trion-user-cases-section { padding-block: 64px 28px; }
.trion-cases-heading { margin-bottom: 30px; }
.trion-odoo .trion-cases-heading h2 { font-size: clamp(28px, 3.1vw, 40px); margin-bottom: 14px; }
.trion-cases-heading .lead { max-width: none; color: #565663; margin-bottom: 0; }
.trion-user-cases-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.trion-user-case { min-width: 0; }
.trion-case-link { display: flex; flex-direction: column; height: 100%; color: #303039; background: #fff; border: 1px solid #e4e2ed; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 5px 20px #30303908; transition: border-color .18s ease, box-shadow .18s ease; }
.trion-case-link:hover { color: #303039; border-color: #9e8bef; box-shadow: 0 8px 24px #5432eb12; }
.trion-case-link:focus-visible { outline: 3px solid #5432eb; outline-offset: 4px; }
.trion-case-cover { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #f4f2fa; }
.trion-odoo img.trion-case-photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.trion-case-cover-philippines .trion-case-photo { object-position: 50% 27%; }
.trion-case-cover-bridge .trion-case-photo { object-position: 50% 36%; }
.trion-case-play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #17131fcc; }
.trion-case-play img { width: 24px; height: 24px; filter: invert(1); }
.trion-case-content { padding: 20px 18px 18px; }
.trion-odoo p.trion-case-workflow { color: #5432eb; font-size: 12px; font-weight: 600; line-height: 1.5; margin: 0 0 8px; }
.trion-odoo .trion-case-content h3 { font-size: 21px; line-height: 1.3; margin: 0 0 14px; }
.trion-case-author { display: grid; gap: 5px; padding: 0 18px 20px; margin-top: auto; }
.trion-case-author strong { font-size: 15px; line-height: 1.4; font-weight: 600; }
.trion-case-author span { color: #676674; font-size: 13px; line-height: 1.5; }
.trion-case-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #eceaf3; padding: 15px 18px; font-size: 14px; font-weight: 600; }
.trion-case-footer > span:last-child { color: #5432eb; font-size: 23px; line-height: 1; }
.trion-odoo.trion-user-cases-section + .trion-roi-section { padding-block: 36px 0; }
@media (max-width: 1199.98px) {
  .trion-user-cases-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 639.98px) {
  .trion-odoo.trion-user-cases-section { padding-block: 40px 16px; }
  .trion-user-cases-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .trion-case-link { transition: none; }
}

/* Three related benefits in a single row; narrow screens can scroll the row. */
.trion-odoo.trion-solution-hero .trion-hero-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; list-style: none; padding: 0; margin: 0 0 22px; }
.trion-odoo.trion-solution-hero .trion-hero-benefits li { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px 12px; border-radius: 10px; background: #f3f0ff; color: #565463; font-size: 14px; font-weight: 500; line-height: 1.35; min-width: 0; overflow-wrap: anywhere; }
.trion-benefit-icon { display: block; flex: 0 0 26px; width: 26px; height: 26px; background: #5432eb; -webkit-mask: var(--benefit-icon) center / contain no-repeat; mask: var(--benefit-icon) center / contain no-repeat; }
@media (max-width: 767.98px) {
  .trion-odoo.trion-solution-hero .trion-hero-benefits { grid-template-columns: repeat(3, minmax(104px, 1fr)); overflow-x: auto; padding-bottom: 6px; margin-bottom: 18px; }
  .trion-odoo.trion-solution-hero .trion-hero-benefits li { padding: 12px 8px; font-size: 13px; }
  .trion-benefit-icon { width: 24px; height: 24px; flex-basis: 24px; }
}

/* Unified Solution hero: benefit cards sit beneath the right image. */
.trion-odoo.trion-solution-hero .trion-detail-photo { margin-bottom: 16px !important; }
.trion-odoo.trion-solution-hero .trion-hero-benefits { margin-bottom: 0 !important; }
@media (min-width: 992px) {
  .trion-odoo.trion-solution-hero .row.g-4 { align-items: stretch !important; }
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:first-child { display: flex; flex-direction: column; justify-content: space-between; }
  .trion-odoo.trion-solution-hero .trion-utility-core { display: contents; }
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:first-child .trion-title-case { margin-bottom: 0 !important; }
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:first-child h1 { font-size: clamp(40px, 3.9vw, 50px); margin-bottom: 0; }
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:last-child > :is(.trion-detail-photo, .trion-hero-benefits) { width: 94%; margin-left: auto; }
  .trion-odoo.trion-solution-hero .trion-detail-photo img { height: auto; aspect-ratio: 16 / 10; }
}

/* Keep the Solution headline and primary action close together. */
@media (min-width: 992px) {
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:first-child { justify-content: flex-start; gap: 20px; }
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:first-child h1 { font-size: clamp(40px, 4.2vw, 54px); }
  .trion-odoo.trion-solution-hero .trion-hero-actions .trion-button { font-size: 18px; padding: 12px 24px !important; }
}

/* Solution benefits sit beneath the CTA; the image fills its column. */
.trion-odoo.trion-solution-hero .trion-hero-benefits li { background: #f8f6ff; }
.trion-odoo.trion-solution-hero .trion-hero-benefits { margin-top: 20px; }
@media (min-width: 992px) {
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:last-child > .trion-detail-photo { width: 100%; }
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:first-child .trion-hero-benefits { width: 100%; margin: 0 !important; }
}

/* Keep each desktop Solution photo aligned with the full left-hand content. */
@media (min-width: 992px) {
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:last-child { display: flex; }
  .trion-odoo.trion-solution-hero .row.g-4 > .col-lg-6:last-child > .trion-detail-photo { position: relative; flex: 1 1 auto; min-height: 320px; margin-bottom: 0 !important; }
  .trion-odoo.trion-solution-hero .trion-detail-photo img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
}

/* Underground viewer and its description share their desktop top and bottom edges. */
.trion-odoo.trion-utility-deliverables .trion-model-viewer { height: 500px; }
.trion-odoo.trion-utility-deliverables .trion-deliverable-copy :is(p, li) { font-size: 18px; line-height: 1.5; }
@media (min-width: 992px) {
  .trion-odoo.trion-utility-deliverables .trion-model-viewer { width: 94%; }
  .trion-odoo.trion-utility-deliverables .trion-deliverable-copy { min-height: 500px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }
  .trion-odoo.trion-utility-deliverables .trion-deliverable-copy :is(h2, ul, p) { margin-bottom: 0; }
}
@media (max-width: 575.98px) {
  .trion-odoo.trion-utility-deliverables .trion-model-viewer { height: 480px; }
  .trion-odoo.trion-utility-deliverables .trion-deliverable-copy :is(p, li) { font-size: 17px; }
}
@media (min-width: 992px) {
  .trion-odoo.trion-utility-deliverables .trion-utility-deliverables-row { align-items: flex-start; }
}

/* Give the Solution introduction and benefit figures more room to breathe. */
.trion-odoo.trion-solution-hero .trion-eyebrow.trion-title-case { font-weight: 400; }
@media (min-width: 992px) {
  .trion-odoo.trion-solution-hero { padding-top: 44px; padding-bottom: 28px; }
  .trion-odoo.trion-solution-metrics { padding-top: 28px; padding-bottom: 60px; }
}
@media (max-width: 767.98px) {
  .trion-odoo.trion-solution-hero { padding-top: 28px; padding-bottom: 20px; }
  .trion-odoo.trion-solution-metrics { padding-top: 16px; padding-bottom: 40px; }
}