/* Graphite, warm paper, and a visible product surface. */
:root{--dark:#202628;--paper:#f0f1ed;--ink:#293236}
.software-menu nav{max-height:calc(100dvh - 130px);overflow:auto;overscroll-behavior:contain;width:380px}.software-menu nav>p:not(:first-child){margin-top:30px}.software-menu nav>a{font-size:16px;padding:13px 0}.software-menu nav>a[aria-current],.software-menu nav>a:hover{color:#315f7c}
.product-hero{min-height:750px;height:90svh;max-height:1100px;background:#202628}.hero-video{filter:saturate(.2) brightness(.4)}.hero-veil{background:linear-gradient(90deg,#202628f2 0%,#202628dd 32%,#20262844 80%),linear-gradient(0deg,#202628db,transparent 70%)}
.hero-screen{left:auto;right:var(--pad);top:50%;width:57%;padding:8px;border:1px solid #c1cdd53b;border-radius:3px;background:#e8eded0f;box-shadow:0 25px 65px #07121933;transform:translateY(-45%);backdrop-filter:blur(18px)}
.hero-screen img{filter:none;max-height:none;object-fit:contain;width:100%;height:auto;border-radius:0}.hero-screen-top{padding:9px 8px 15px;font-size:7px;color:#cddadd}.hero-screen-top>span:last-child{font-size:6px}
.product-hero-display{position:relative;aspect-ratio:1440/950;background:white}.product-hero-display>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-screen-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 8px 6px;font-size:9px;color:#aabfc9}.demo-control{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:6px 10px;border:1px solid #9fb3bf66;border-radius:3px;color:inherit;font:9px var(--sans)}.demo-control:hover{background:#a9bec714}
.hero-title-wrap{left:var(--pad);right:auto;top:50%;bottom:auto;width:33%;display:flex;flex-direction:column;transform:translateY(-40%);text-shadow:none}
.hero-title-wrap h1,body[data-product="erp"] .hero-title-wrap h1,body[data-product="automation"] .hero-title-wrap h1,body[data-product="knowledge"] .hero-title-wrap h1{font-size:clamp(42px,4.8vw,83px);line-height:1.05;letter-spacing:-.06em;order:-1;margin-bottom:25px}.hero-title-wrap>p{font-size:clamp(19px,2vw,29px);max-width:330px;line-height:1.3;letter-spacing:-.035em;color:#bacbd2}.title-dot{color:#95b1c1}
.hero-bottom{border-color:#abbfc640}.hero-bottom>a{font-size:11px}.hero-note{font-size:7px;color:#afc2cc}.hero-kicker{font-size:8px;color:#bfd0d7}.hero-screen-top i{background:#94b5c7}
.product-intro{min-height:680px;padding-bottom:65px}.scroll-statement{font-size:clamp(55px,6.8vw,108px);max-width:1050px;margin:90px auto}.intro-bottom>p{font-size:17px}
.walkthrough{background:#202628}.walkthrough .screen{background:#283338;border-color:#a0b4bd40;box-shadow:none}.stage-tabs>button[aria-selected="true"]{background:#3b51593b;border-color:#9db4c5}.capabilities{background:#f1f2ee}.capabilities-heading h2{font-size:clamp(38px,4.3vw,65px)}.capability-title>h3{font-size:clamp(36px,3.6vw,56px)}.capability-content>p{font-size:clamp(18px,1.5vw,23px)}.product-industries{background:#202628}.industry-links h3{font-size:clamp(26px,2.8vw,43px)}.industry-links p{max-width:440px}.delivery{background:#e5e9e7}.partnership{background:#dbe3e3}.partnership blockquote{font-size:clamp(28px,3.2vw,48px)}.next-steps{background:#202628}.primary-card{background:linear-gradient(145deg,#30424b,#202628 80%)}.next-card{border-color:#647d8870}.next-card h2{font-size:clamp(36px,4vw,60px)}.next-card:hover{background:#2a3c45;border-color:#94afbd}.product-footer{background:#192124}
@media(max-width:1100px){.hero-screen{width:57%;right:3vw}.hero-title-wrap{width:34%}.hero-title-wrap h1,body[data-product="erp"] .hero-title-wrap h1,body[data-product="automation"] .hero-title-wrap h1,body[data-product="knowledge"] .hero-title-wrap h1{font-size:5vw}.hero-title-wrap>p{font-size:23px}.capability-title>h3{font-size:40px}}
@media(max-width:900px){.product-hero{height:auto;min-height:970px}.hero-title-wrap{top:178px;left:var(--pad);width:80%;transform:none}.hero-title-wrap h1,body[data-product="erp"] .hero-title-wrap h1,body[data-product="automation"] .hero-title-wrap h1,body[data-product="knowledge"] .hero-title-wrap h1{font-size:64px;margin-bottom:15px}.hero-title-wrap>p{font-size:24px;max-width:550px}.hero-screen{top:360px;left:var(--pad);right:var(--pad);width:auto;transform:none}.hero-screen img{max-height:410px}.product-hero-display{aspect-ratio:auto}.product-hero-display>video{object-fit:contain}.product-intro{min-height:650px}.scroll-statement{font-size:9vw}.capability-title>h3{font-size:43px}.capabilities-heading h2{font-size:45px}}
@media(max-width:600px){.software-menu nav{width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 96px);padding:22px}.software-menu nav>a{font-size:15px;padding:12px 0}.product-hero{min-height:735px;height:100svh;max-height:950px}.hero-title-wrap{top:160px;width:calc(100% - 44px);transform:none}.hero-title-wrap h1,body[data-product="erp"] .hero-title-wrap h1,body[data-product="automation"] .hero-title-wrap h1,body[data-product="knowledge"] .hero-title-wrap h1{font-size:clamp(39px,11vw,58px);margin-bottom:15px}.hero-title-wrap>p{font-size:19px;max-width:300px}.hero-screen{top:340px;padding:5px;width:auto;transform:none;left:var(--pad);right:var(--pad)}.hero-screen-top{font-size:5px;padding:7px 4px 11px}.hero-screen-top>span:last-child{font-size:5px}.hero-screen-footer{font-size:7px;padding:10px 3px 3px;gap:10px}.hero-screen img{max-height:none}.hero-screen .demo-control{font-size:8px;min-height:27px;padding:6px 8px}.hero-kicker{top:108px;font-size:6px}.hero-bottom{bottom:22px}.hero-bottom>a{font-size:10px}.product-intro{min-height:580px;padding-bottom:42px}.scroll-statement{font-size:12vw;margin:65px 0}.intro-bottom>p{font-size:14px}.capability-title>h3{font-size:34px}.capabilities-heading h2{font-size:38px}.partnership blockquote{font-size:30px}.next-card h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){.hero-screen{transform:translateY(-45%)}}
@media(prefers-reduced-motion:reduce) and (max-width:900px){.hero-screen{transform:none}}
@media(min-width:901px){.hero-screen{width:min(57%,calc((clamp(750px,90svh,1100px) - 370px) * 1.515));top:49%}}
@media(max-width:600px){.product-hero{min-height:max(735px,calc(505px + (100vw - 44px) * .66))}}

/* Keep screenshot and search dialogs from scrolling the page behind them. */
html:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}
dialog{overscroll-behavior:contain}

/* ERP & Operations: three chapters. SAP first, other ERP moves, then operations on the ERP. */
.software-menu nav>a.menu-sub{font-size:14px;padding:10px 0 12px 18px;border-top:0;color:#3d5262}
.software-menu nav>a.menu-sub:hover{color:#0f62fe}
.hero-sap-link{margin-left:auto;margin-right:22px;padding:9px 12px;border:1px solid #ffffff60;font-size:12px!important;gap:18px!important}
.hero-sap-link:hover{background:#ffffff21}
body[data-product="erp"] .hero-title-wrap h1{font-size:clamp(60px,9vw,160px)}
.erp-sap{padding-top:90px;padding-bottom:90px;background:#15212b;color:#eef3f6}
.erp-sap .eyebrow,.erp-chapter .eyebrow{color:#8faac0;margin-bottom:26px}
.erp-sap-head{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:end}
.sap-word{font-size:clamp(120px,15vw,250px);line-height:.85;letter-spacing:-.07em;font-weight:400}
.sap-word>span{color:#78a9ff}
.sap-hub-lede{font-size:clamp(19px,1.7vw,25px);line-height:1.45;letter-spacing:-.02em;max-width:560px;color:#dce6ee}
.erp-sap-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px 34px;margin-top:30px}
.sap-primary{display:inline-flex;align-items:center;gap:30px;padding:15px 18px;background:#0f62fe;color:#fff;font-size:12px}
.sap-primary:hover{background:#0353e9}
.erp-sap .text-link{color:#dce6ee}
.sap-partner{font:9px/1.6 var(--mono);color:#8faac0;margin-top:26px}
.erp-sap-stats{list-style:none;padding:0;margin:70px 0 40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #819db144;border-bottom:1px solid #819db144}
.erp-sap-stats li{padding:24px 24px 24px 0;font:9px/1.6 var(--mono);color:#8faac0;text-transform:uppercase}
.erp-sap-stats li+li{padding-left:24px;border-left:1px solid #819db144}
.erp-sap-stats strong{display:block;font:400 clamp(34px,3.4vw,52px)/1 var(--sans);letter-spacing:-.05em;color:#fff;margin-bottom:12px;text-transform:none}
.erp-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.erp-module{display:flex;flex-direction:column;padding:22px;border:1px solid #819db155;background:#1b2b37;min-height:330px;transition:border-color .2s,background .2s}
.erp-module:hover{border-color:#a7c5ff;background:#203445}
.erp-module-live{border-color:#78a9ff99;background:linear-gradient(150deg,#2663ad66,#1b2b37 70%)}

.m-top{display:flex;justify-content:space-between;gap:10px;font:9px/1.4 var(--mono);color:#8faac0;margin-bottom:34px}
.m-pilot{display:inline-flex;align-items:center;gap:7px;color:#dcebea}
.m-pilot i{width:5px;height:5px;background:#98d9c8}
.erp-module h3{font-size:30px;letter-spacing:-.045em;margin-bottom:12px}
.erp-module h3 small{font-size:13px;letter-spacing:-.01em;color:#8faac0}
.erp-module p{font-size:13px;line-height:1.7;color:#a9bccb}
.m-figure{margin-top:auto;padding-top:24px;font-size:11px;line-height:1.5;color:#a9bccb}
.m-figure b{display:block;font-weight:400;font-size:24px;letter-spacing:-.04em;color:#fff;margin-bottom:4px}
.m-link{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #819db144;font-size:12px;color:#dce6ee}
.erp-module-next .m-link{margin-top:auto}
.erp-chapter{padding-top:90px;padding-bottom:90px}
.erp-chapter .eyebrow{color:#617687}
.erp-chapter-head{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end}
.erp-chapter-head h2{font-size:clamp(36px,3.8vw,60px);line-height:1.08;letter-spacing:-.05em}
.erp-chapter-head>p{font-size:15px;line-height:1.75;color:#5e6f7c;max-width:430px}
.erp-moves{background:#e9edeb}
.erp-move-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:50px}
.erp-move-grid article{padding:26px;background:#f3f4f1;border:1px solid #cfd8da}
.move-num{display:block;font:9px/1.5 var(--mono);color:#0f62fe;margin-bottom:40px}
.erp-move-grid h3{font-size:21px;line-height:1.25;letter-spacing:-.03em;margin-bottom:16px}
.erp-move-grid p{font-size:13px;line-height:1.75;color:#61707b}
.erp-ops{padding-bottom:20px}
@media(max-width:1100px){.erp-modules,.erp-move-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-sap-head,.erp-chapter-head{grid-template-columns:1fr;gap:34px}.erp-sap-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-sap-stats li:nth-child(3){padding-left:0;border-left:0}.erp-sap-stats li:nth-child(n+3){border-top:1px solid #819db144}}
@media(max-width:700px){.erp-modules,.erp-move-grid{grid-template-columns:1fr}.erp-module{min-height:0}.hero-sap-link{display:none!important}.erp-sap,.erp-chapter{padding-top:60px;padding-bottom:60px}.erp-sap-stats{margin-top:45px}}
/* Version B: pick your ERP. */
.erp-picker-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:50px}
.erp-picker-tabs button{display:flex;flex-direction:column;text-align:left;padding:24px;border:1px solid #cfd8da;background:#f3f4f1;min-height:190px;transition:border-color .2s,background .2s,color .2s}
.erp-picker-tabs button:hover{border-color:#8fb0e8}
.erp-picker-tabs button span{font:9px var(--mono);color:#0f62fe;margin-bottom:auto}
.erp-picker-tabs button strong{font-weight:400;font-size:clamp(24px,2.3vw,34px);letter-spacing:-.045em;line-height:1.1;margin:34px 0 10px}
.erp-picker-tabs button small{font-size:12px;line-height:1.6;color:#61707b}
.erp-picker-tabs button[aria-selected="true"]{background:#15212b;border-color:#15212b;color:#fff}
.erp-picker-tabs button[aria-selected="true"] span{color:#78a9ff}
.erp-picker-tabs button[aria-selected="true"] small{color:#a9bccb}
.erp-picker-panel{margin-top:14px;padding:30px;background:#15212b;color:#eef3f6}
.erp-picker-panel .eyebrow{color:#8faac0;margin-bottom:22px}
.erp-picker-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.erp-picker-cases article{padding:22px;border:1px solid #819db155;background:#1b2b37}
.erp-picker-cases .move-num{color:#78a9ff;margin-bottom:26px}
.erp-picker-cases h3{font-size:20px;line-height:1.25;letter-spacing:-.03em;margin-bottom:12px}
.erp-picker-cases p{font-size:13px;line-height:1.7;color:#a9bccb}
.erp-picker-panel .text-link{margin-top:26px;color:#dce6ee}
.erp-platforms{display:grid;grid-template-columns:auto 1fr auto;gap:20px 40px;align-items:center;margin-top:30px;padding-top:26px;border-top:1px solid #c5ced2}
.erp-platforms .eyebrow{margin:0}
.erp-platforms ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.erp-platforms li{font-size:12px;line-height:1.6;color:#61707b}
.erp-platforms strong{display:block;font-weight:400;font-size:17px;color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}
.erp-platforms small{display:block;margin-top:4px;font:8px var(--mono);color:#0f62fe}
@media(max-width:1100px){.erp-picker-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-platforms{grid-template-columns:1fr}}
@media(max-width:700px){.erp-picker-tabs button{min-height:0;padding:18px}.erp-picker-tabs button strong{margin-top:18px}.erp-picker-panel{padding:20px}.erp-platforms ul{grid-template-columns:1fr}}
.erp-convert-link{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:24px 26px;border:1px solid #b7c6d0;background:#f3f4f1;font-size:15px;line-height:1.55;letter-spacing:-.01em}
.erp-convert-link small{display:block;font:9px/1.5 var(--mono);color:#0f62fe;margin-bottom:6px;letter-spacing:.03em}
.erp-convert-link>span:last-child{font-size:24px}
.erp-convert-link:hover{border-color:#0f62fe}
