/* 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}