:root {
  --paper: #f7f6f2;
  --surface: #fffefa;
  --ink: #0e2846;
  --muted: #667176;
  --line: #e1ddd3;
  --gold: #ad8850;
  --mineral-blue: #06162e;
  --mineral-glaze: var(--cloud), radial-gradient(ellipse at 16% 4%, #3c567025, transparent 54%), radial-gradient(ellipse at 90% 92%, #06182399, transparent 65%), linear-gradient(116deg, #0e2846, #06162e 65%, #06162e);
  --mineral-polished: linear-gradient(100deg, #0e2846, #0e2846 48%, #0e2846);
  --ceramic: linear-gradient(145deg, #ffffff, #fffefa 56%, #f0ede5);
  --ceramic-shadow: inset 0 1px 0 #fff, 0 17px 25px -22px #5c4c3666, 0 2px 3px #51442c05;
}
.site-header { background: #f7f6f2f0; }
.mineral, .button:not(.button-light) { background-image: var(--mineral-glaze); }
.button { border-color: #ffffff1f; border-radius: 6px; box-shadow: inset 0 1px 0 #ffffff26, 0 3px 6px -4px #0c273c66; }
.button-light { background: linear-gradient(130deg, #f4ead7, #d8c8a7); border-color: #bda375; box-shadow: inset 0 1px 0 #ffffff77; }
.home-hero { grid-template-columns: .88fr 1.12fr; gap: 24px; padding-block: 50px 60px; }
.home-hero h1 { font-size: clamp(38px, 3.55vw, 51px); line-height: 1.16; letter-spacing: -.045em; }
.home-hero .lead { max-width: 445px; }
.hero-object-render { width: 115%; margin-left: -6%; }
.hero-object figcaption { border: 0; padding: 0 15px 17px; }
.hero-economy { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 22px; align-items: center; padding: 22px 16px; border-block: 1px solid #b4956147; }
.hero-economy > div { min-width: 0; }
.hero-economy > div + div { border-left: 1px solid var(--line); padding-left: 20px; }
.hero-economy span { display: block; font-size: 10px; color: var(--muted); margin-bottom: 5px; }
.hero-economy strong { display: block; font: 500 39px/1.1 var(--font-display); letter-spacing: -.055em; }
.hero-economy strong small { font-size: 25px; margin-left: 2px; }
.hero-economy b { display: block; font: 500 15px/1.5 var(--font-display); white-space: nowrap; }
.object-note { text-align: right; font-size: 9px; padding-right: 16px; margin-top: 11px; }
.platform-strip { background: #fffefa77; }
.platform-strip > .wrap { padding-block: 23px; }
.platform-strip span { color: var(--ink); }
.section { padding-block: 76px; }
.section-heading h2 { font-size: clamp(29px, 3vw, 39px); }
.module-index { grid-template-columns: 1fr 1fr; gap: 0 55px; border: 0; }
.module-index > a { display: grid; grid-template-columns: 25px 1fr 20px; gap: 4px 17px; align-items: baseline; min-height: 0; padding: 22px 0; border: 0; border-top: 1px solid var(--line); }
.module-index > a:hover { background: transparent; }
.module-index > a:hover h3 { color: #98743b; }
.module-number { grid-row: span 2; }
.module-index h3 { font-size: 20px; margin: 0; transition: color .15s; }
.module-index p { grid-column: 2; font-size: 12px; max-width: none; margin: 0; }
.module-arrow { position: static; grid-column: 3; grid-row: 1 / span 2; align-self: center; color: var(--gold); font-size: 20px; }
.scenario-section { background: #f9f8f4; border-block: 1px solid #e9e4db; padding-block: 75px; }
.scenario-layout { display: grid; grid-template-columns: .88fr 1.12fr; gap: 62px; align-items: center; }
.scenario-layout > div { min-width: 0; }
.scenario-layout h2 { font-size: 37px; }
.scenario-layout > div > p:not(.eyebrow) { max-width: 395px; font-size: 15px; line-height: 1.8; margin: 26px 0; }
.scenario-benefits { list-style: none; display: grid; gap: 19px; padding: 0; margin: 30px 0; max-width: 395px; }
.scenario-benefits li { display: grid; grid-template-columns: 19px 1fr; gap: 13px; font-size: 13px; color: #52616a; }
.scenario-benefits li::before { content: '✓'; display: grid; place-items: center; width: 18px; height: 18px; font-size: 11px; color: #947744; border: 1px solid #cfbd99; border-radius: 50%; background: #f3eee3; }
.workflow-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.workflow-object { display: flex; flex-direction: column; min-width: 0; padding: 27px 23px 20px; border: 1px solid #e2ded5; border-radius: 16px; background: var(--ceramic); box-shadow: var(--ceramic-shadow); }
.workflow-object h3 { font-size: 20px; margin-top: 16px; }
.workflow-object p { font-size: 12px; line-height: 1.7; margin-top: 12px; }
.workflow-art { width: 100%; height: 225px; margin-block: auto 0; display: flex; align-items: center; justify-content: center; }
.workflow-art img { width: 100%; height: 100%; object-fit: contain; }
.workflow-link { display: flex; justify-content: space-between; gap: 10px; align-items: center; font-size: 10px; padding-top: 17px; border-top: 1px solid #bba77c44; }
.workflow-link b { font-size: 17px; font-weight: 400; color: var(--gold); }
.workflow-object:last-child { color: #fffefa; background: var(--mineral-glaze); border-color: #ffffff1f; box-shadow: inset 0 1px 0 #8093a533, 0 16px 22px -20px #09243f88; }
.workflow-object:last-child p { color: #bac8ce; }
.workflow-object:last-child .feature-number, .workflow-object:last-child .workflow-link b { color: #d2b680; }
.workflow-object:hover { border-color: #c3af86; }
.module-hero { grid-template-columns: .88fr 1.12fr; gap: 55px; padding-bottom: 75px; }
.module-hero h1 { font-size: clamp(32px, 3.3vw, 46px); line-height: 1.18; }
.module-hero .lead { max-width: 445px; }
.module-details { padding-block: 40px 60px; }
.feature-columns { gap: 45px; }
.feature-columns h2 { font-size: 23px; }
.feature-columns p { color: #6a7278; }
.module-story-inner { padding-block: 52px; }
.module-story h2 { font-size: 33px; }
.module-story-inner > div { min-width: 0; }
.module-story p:not(.eyebrow) { line-height: 1.85; }
.story-object { height: 330px; }
.story-route { display: grid; gap: 0; max-width: 400px; width: 100%; padding: 27px 30px; border-radius: 18px; border: 1px solid #b4a58b; background: var(--ceramic); box-shadow: inset 0 0 0 4px #fffefa, 0 22px 28px -23px #00000080; color: var(--ink); }
.story-route-head { display: flex; gap: 9px; align-items: center; font: 500 19px var(--font-display); padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.story-route-head svg { width: 25px; height: 25px; color: var(--gold); }
.story-route > div:not(.story-route-head) { display: grid; grid-template-columns: 25px 1fr; gap: 16px; padding-top: 20px; }
.story-route small { color: #a58b5e; font-size: 10px; padding-top: 3px; }
.story-route strong { display: block; font-size: 14px; font-weight: 500; }
.story-route span { font-size: 11px; color: var(--muted); line-height: 1.6; }
.closing { border-color: #ffffff1f; box-shadow: inset 0 1px 0 #8aa0ae22; }
.closing h2 { font-size: 32px; }
.implementation-steps { gap: 18px; }
.implementation-steps article { padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: var(--ceramic); box-shadow: var(--ceramic-shadow); }
.implementation-steps h2 { font-size: 22px; }
.start-options article:last-child { background: var(--ceramic); box-shadow: var(--ceramic-shadow); }
.start-options article:first-child { border-color: #ffffff1f; }
.analytics-exhibit { border: 1px solid #ac9a77; border-radius: 17px; padding: 5px; background: var(--mineral-glaze); box-shadow: inset 0 0 0 1px #ffffff55, 0 24px 35px -28px #1b2d3f88; }
.report-brand { display: flex; gap: 7px; align-items: center; padding: 18px 24px; color: #f7f2e8; font: 500 17px var(--font-display); }
.report-brand svg { width: 24px; height: 24px; color: #c6a977; }
.report-brand small { margin-left: auto; font: 11px var(--font-body); color: #b5c3c6; }
.analytics-exhibit .tabs { background: transparent; border-top: 1px solid #bc9f6355; }
.analytics-exhibit .tabs button { border-right: 1px solid #c5b38e25; font-size: 12px; }
.analytics-exhibit .tabs button[aria-selected=true] { background: var(--ceramic); box-shadow: inset 0 2px #cfb582; }
.analytics-exhibit .app { border-radius: 0 0 12px 12px; overflow: hidden; }
.analytics-exhibit .app__bar { background: #eeeae0; border-bottom: 1px solid #ddd4c1; }
.analytics-exhibit .ps-screen { --ink: #0e2846; --ink-soft: #435c63; --accent: #0e2846; --accent-deep: #0e2846; --accent-soft: #e2ebe8; --ok: #0e2846; }
.analytics-exhibit .ps-month > .ps-bar-area > i { background: var(--mineral-polished); }
.analytics-exhibit .ps-months--plan .ps-month > .ps-bar-area > i { background: linear-gradient(90deg, #dfd9cb, #f1ecdf 48%, #ddd5c5); }
.analytics-exhibit #ps-enamel stop:first-child { stop-color: #06162e; }
.analytics-exhibit #ps-enamel stop:nth-child(2) { stop-color: #0e2846; }
.analytics-exhibit #ps-enamel stop:last-child { stop-color: #0e2846; }
.analytics-exhibit .ps-screen .steady { background: #d4e2df; }
@media (min-width: 851px) and (max-width: 1280px) {
  .hero-object-render { width: 108%; margin-left: -4%; }
  .hero-economy { gap: 12px; padding-inline: 8px; }
  .hero-economy > div + div { padding-left: 10px; }
  .hero-economy b { font-size: 12px; }
  .scenario-layout, .module-hero { gap: 35px; }
  .workflow-grid { grid-template-columns: 1fr 1fr; }
  .workflow-art { height: 240px; }
}
@media (max-width: 850px) {
  .home-hero, .module-hero { grid-template-columns: 1fr; gap: 28px; }
  .home-hero h1 { font-size: 48px; }
  .hero-object { width: 100%; max-width: 650px; margin: auto; }
  .hero-object-render { width: 100%; margin: 0; }
  .hero-economy b { font-size: 15px; }
  .section { padding-block: 60px; }
  .module-index { gap: 0 30px; }
  .module-index h3 { font-size: 18px; }
  .scenario-section { padding-block: 55px; }
  .scenario-layout { grid-template-columns: 1fr; gap: 35px; }
  .scenario-layout > div > p:not(.eyebrow), .scenario-benefits { max-width: 620px; }
  .scenario-layout > div:last-child { width: 100%; max-width: 660px; margin: auto; }
  .scenario-layout h2 { font-size: 34px; }
  .workflow-grid { grid-template-columns: 1fr 1fr; }
  .workflow-art { height: 240px; }
  .module-hero-visual { width: 100%; max-width: 680px; margin-inline: auto; }
  .module-story-inner { grid-template-columns: .85fr 1fr; }
  .story-object { height: 300px; }
  .story-route { padding: 25px; }
  .module-story h2 { font-size: 29px; }
}
@media (max-width: 600px) {
  .home-hero { padding-block: 32px 36px; gap: 15px; }
  .home-hero h1 { font-size: clamp(30px, 8.6vw, 40px); }
  .hero-object-render { width: calc(100% + 24px); margin-left: -12px; }
  .hero-object figcaption { font-size: 8px; padding: 0 0 12px; }
  .hero-economy { grid-template-columns: 1fr 1fr; gap: 13px 15px; padding: 18px 0; }
  .hero-economy > div:first-child { grid-row: span 2; }
  .hero-economy > div + div { padding-left: 18px; }
  .hero-economy strong { font-size: 42px; }
  .hero-economy b { font-size: 14px; }
  .object-note { font-size: 8px; padding-right: 0; }
  .section { padding-block: 48px; }
  .module-index { grid-template-columns: 1fr; }
  .module-index > a { padding-block: 19px; }
  .module-index h3 { font-size: 20px; }
  .module-index p { font-size: 12px; }
  .scenario-layout h2 { font-size: 30px; }
  .scenario-layout h2 br { display: none; }
  .workflow-grid { grid-template-columns: 1fr; }
  .workflow-object { padding: 25px 25px 20px; }
  .workflow-object h3 { font-size: 22px; }
  .workflow-object p { font-size: 13px; }
  .workflow-art { height: 240px; }
  .workflow-link { font-size: 12px; }
  .module-hero { padding-block: 32px 45px; }
  .module-hero h1 { font-size: clamp(29px, 8.5vw, 39px); }
  .module-story-inner { grid-template-columns: 1fr; gap: 27px; padding-block: 35px 45px; }
  .story-object { height: 255px; }
  .story-route { margin: auto; max-width: 400px; }
  .module-details { padding-block: 35px 45px; }
  .module-story h2 { font-size: 29px; }
  .closing h2 { font-size: 27px; }
  .report-brand { padding: 14px; }
  .report-brand small { font-size: 9px; }
  .analytics-exhibit .tabs button { min-width: 120px; }
}