/* Shared foundations and responsive layout. */
:root { --paper:#f3f3ef;--ink:#14252e;--muted:#69757a;--line:#d5d9d6;--orange:#ff640f;--night:#091820;--head:'Space Grotesk',Arial,sans-serif;--body:'Inter',Arial,sans-serif }
.animated-logo { display:block;width:142px;height:auto;overflow:visible }
.clock-hand { transform-origin:717px 637px;transform-box:view-box }
.clock-minute { animation:clock-turn 8s linear infinite }
.clock-hour { animation:clock-turn 96s linear infinite }
footer .animated-logo { width:116px }
@keyframes clock-turn {to{transform:rotate(360deg)}}
@media(max-width:760px) {
.brand .animated-logo { width:107px }
footer .brand .animated-logo { width:105px }
}
* { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:30px }
body { margin:0;font-family:var(--body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased }
a { color:inherit;text-decoration:none }
button, select, textarea { font:inherit }
button { cursor:pointer }
h1, h2, h3, p { margin:0 }
h1, h2, h3 { font-family:var(--head) }
button, a, summary { -webkit-tap-highlight-color:transparent }
:focus-visible { outline:2px solid var(--orange);outline-offset:6px }
::selection { background:#ffb185;color:#14252e }
.wrap { width:min(1390px,calc(100% - 112px));margin-inline:auto }
.eyebrow { font-size:10px;font-weight:500;letter-spacing:1.8px;line-height:1.6 }
.accent { color:#e85506 }
.muted { color:#718084 }
.header { position:absolute;z-index:5;top:0;left:56px;right:56px;display:flex;align-items:center;gap:70px;height:100px;color:#eef3f4 }
.brand { display:flex;flex-shrink:0 }
.brand img { width:142px;height:auto;display:block }
.header nav { display:flex;gap:31px;margin-right:auto;font-size:12px;color:#c1cbd0 }
.header nav a:hover { color:#fff }
.header nav a[href="#wdrozenie"] { display:none }
.button { display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 24px;color:#102029;background:var(--orange);border:1px solid var(--orange);font-size:13px;font-weight:500;transition:background .2s }
.button span { font-size:21px;line-height:1 }
.button:hover { background:#ff803b }
.header-cta { background:transparent;border:1px solid #72838c;color:#e3eaee;font-size:12px;padding:12px 17px }
.header-cta:hover { background:#ffffff12 }
.menu-toggle { display:none }
.text-link { font-size:12px;border-bottom:1px solid #829097;padding-bottom:6px;transition:color .2s }
.text-link:hover { color:var(--orange) }
.actions { display:flex;gap:30px;align-items:center;margin-top:32px }
h2 { font-weight:500;font-size:clamp(36px,3.65vw,56px);line-height:1.18;letter-spacing:-2.4px }
.section { padding-block:100px }
.section-top { display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:36px }
.section-top .eyebrow { color:#6a787e;font-size:9px }
.section-aside { font-size:10px;color:#859195 }
.section-heading { display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:54px }
.section-heading>p { font-size:13px;line-height:1.9;color:var(--muted);max-width:340px }
.product-story .section-heading h2 { font-size:clamp(32px,3.3vw,50px) }
.product-chapters { margin-top:65px }
.product-chapters article { position:relative;display:grid;grid-template-columns:13% 44% 1fr;gap:35px;border-top:1px solid var(--line);padding:37px 0 43px }
.chapter-index { font-family:var(--head);font-size:64px;font-weight:400;letter-spacing:-4px;color:#c1c9c8;line-height:1 }
.chapter-index span { font-family:var(--body);font-size:8px;letter-spacing:1.1px;display:block;color:#7b898f;margin-top:18px }
.chapter-main h3 { font-size:27px;line-height:1.35;letter-spacing:-1px;font-weight:500;margin-bottom:19px }
.chapter-main p { font-size:14px;color:var(--muted);line-height:1.85;max-width:430px }
.product-chapters ul { list-style:none;padding:8px 0 0;margin:0 }
.product-chapters li { font-size:12px;color:#4e626c;line-height:1.65;padding:12px 0 12px 19px;border-bottom:1px solid #e0e3df;position:relative }
.product-chapters li:before { content:'↗';position:absolute;left:0;color:#e8560d }
.product-chapters li:last-child { border-bottom:0 }
.solutions { background:#e5e9e5;padding-block:83px 88px }
.solutions .section-heading { margin-bottom:50px }
.solutions .section-heading>p { max-width:300px }
.solutions h2 { font-size:clamp(42px,4.4vw,67px);letter-spacing:-3px }
.industry-workbench { display:grid;grid-template-columns:29% 1fr;gap:70px;border-top:1px solid #c8d1ca;padding-top:32px }
.industry-tabs { display:flex;flex-direction:column;align-self:start }
.industry-tabs button { border:0;border-bottom:1px solid #c9d1cb;background:none;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-size:14px;padding:22px 0;color:#728278;transition:color .2s,padding .2s }
.industry-tabs button span { font-size:9px }
.industry-tabs button[aria-selected=true] { color:#1c372c;padding-left:17px;position:relative }
.industry-tabs button[aria-selected=true]:before { content:'';width:5px;height:5px;background:#f46720;position:absolute;left:0 }
.industry-tabs button:hover { color:#162b22 }
.industry-panel { min-height:295px;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:16px }
.industry-panel h3 { font-size:27px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin-bottom:20px }
.industry-panel p { font-size:13px;line-height:1.85;color:#677970 }
.industry-panel .text-link { display:inline-flex;margin-top:27px;font-size:10px;gap:15px }
.process-row { display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #c9d1cb;font-size:11px;line-height:1.55 }
.process-row>span { font-size:8px;color:#859789 }
.process-row small { margin-left:auto;color:#738c7a }
.process-row:first-child { padding-top:0 }
.implementation { padding-block:85px }
.implementation>.eyebrow { font-size:9px;color:#72848b;margin-bottom:36px }
.implementation-layout { display:grid;grid-template-columns:1fr 1fr;gap:90px }
.implementation-layout h2 { font-size:clamp(36px,3.6vw,55px) }
.implementation-lead { font-size:16px;line-height:1.75;max-width:460px }
.implementation-steps { margin-top:26px }
.implementation-steps p { display:flex;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding:17px 0;font-size:11px;line-height:1.8;color:#677981 }
.implementation-steps p span { font-size:9px;color:#e35c18 }
.contact { padding:62px 0;background:#f76a24;color:#12242b }
.contact .eyebrow { font-size:9px;letter-spacing:1.8px;margin-bottom:28px }
.contact-heading { display:flex;justify-content:space-between;align-items:center;gap:25px }
.contact h2 { font-size:clamp(50px,6.7vw,100px);line-height:1.12;letter-spacing:-5px;font-weight:500 }
.contact h2 span { color:#fff0e6 }
.contact-arrow { width:105px;height:105px;flex-shrink:0;border:1px solid #18343d;background:none;font-size:64px;color:#18343d;line-height:1;transition:background .2s,color .2s }
.contact-arrow:hover { background:#17323d;color:#fff }
.contact-bottom { display:flex;justify-content:space-between;align-items:end;border-top:1px solid #d75614;margin-top:40px;padding-top:27px;gap:20px }
.contact-bottom p { font-size:12px;line-height:1.8 }
.contact-bottom a { display:flex;align-items:center;gap:60px;font-size:23px;font-weight:500;letter-spacing:-.6px }
.contact-bottom a span { font-size:25px }
footer .brand img { width:116px }
footer p { font-size:10px }
footer>span { font-size:9px;margin-left:auto }
footer>a:last-child { font-size:10px }
.skip { position:fixed;top:-100px;left:20px;padding:12px;background:#fff;color:#162d36;z-index:20 }
.skip:focus { top:10px }
form label { display:block;margin-top:22px;font-size:11px }
select, textarea { width:100%;display:block;margin-top:8px;padding:12px;background:#fff;border:1px solid #bdc9c8;color:var(--ink);font-size:12px }
textarea { resize:vertical }
form .button { width:100%;margin-top:20px }
@media(min-width:1700px) {
.header { left:calc((100% - 1510px)/2);right:calc((100% - 1510px)/2) }
}
@media(max-width:1100px) {
.wrap { width:calc(100% - 64px) }
.header { left:32px;right:32px;gap:45px }
.section { padding-block:75px }
.section-heading { gap:40px }
.section-heading>p { max-width:280px;font-size:12px }
.product-chapters article { grid-template-columns:11% 43% 1fr;gap:25px }
.chapter-main h3 { font-size:23px }
.chapter-index { font-size:53px }
.industry-workbench { gap:42px;grid-template-columns:27% 1fr }
.industry-panel { gap:30px }
.industry-panel h3 { font-size:23px }
.implementation-layout { gap:55px }
.contact h2 { font-size:7vw;letter-spacing:-3px }
}
@media(max-width:760px) {
.wrap { width:calc(100% - 40px) }
.header { height:83px;left:20px;right:20px;gap:14px }
.brand img { width:107px }
.header-cta { margin-left:auto;font-size:9px;padding:9px 10px;gap:11px }
.header-cta span { font-size:17px }
.menu-toggle { display:block;background:none;color:#edf4f6;border:0;font-size:23px;padding:3px }
.header nav { display:none;position:absolute;top:82px;left:-20px;right:-20px;padding:25px;background:#10242e;margin:0;box-shadow:0 12px 20px #0005 }
.header nav.is-open { display:flex;flex-direction:column;gap:24px }
.header nav a[href="#wdrozenie"] { display:block }
.actions { margin-top:25px;gap:23px }
.section { padding-block:56px }
.section-top { margin-bottom:24px }
.section-top .eyebrow { font-size:7px;letter-spacing:1.1px }
.section-aside { display:none }
.section-heading { display:block;margin-bottom:30px }
.section-heading>p { max-width:100%;margin-top:23px;font-size:12px;line-height:1.85 }
h2 { font-size:32px;letter-spacing:-1.5px }
.product-story .section-heading h2 { font-size:30px;letter-spacing:-1.4px }
.product-story h2 br { display:none }
.product-chapters { margin-top:32px }
.product-chapters article { grid-template-columns:42px 1fr;gap:20px;padding:28px 0 31px }
.chapter-index { font-size:39px;letter-spacing:-2px }
.chapter-index span { font-size:6px;letter-spacing:0;margin-top:12px }
.chapter-main h3 { font-size:21px;letter-spacing:-.7px;line-height:1.35;margin-bottom:17px }
.chapter-main p { font-size:12px;line-height:1.9 }
.product-chapters ul { grid-column:2;padding:0 }
.product-chapters li { font-size:10px;padding-block:10px }
.solutions h2 { font-size:39px;letter-spacing:-2px }
.solutions .section-heading { margin-bottom:30px }
.industry-workbench { grid-template-columns:1fr;gap:30px;padding-top:0;border:0 }
.industry-tabs { display:grid;grid-template-columns:1fr 1fr;gap:0 18px }
.industry-tabs button { font-size:11px;padding:18px 0 }
.industry-tabs button span { font-size:8px }
.industry-tabs button[aria-selected=true] { padding-left:13px }
.industry-panel { grid-template-columns:1fr;gap:28px;padding-top:0;min-height:445px }
.industry-panel h3 { font-size:26px;letter-spacing:-.8px;max-width:340px;margin-bottom:16px }
.industry-panel p { font-size:13px }
.industry-panel .text-link { margin-top:20px;font-size:10px }
.process-row { font-size:11px;padding:15px 0 }
.process-row:first-child { padding-top:15px;border-top:1px solid #c9d1cb }
.implementation>.eyebrow { font-size:7px;letter-spacing:1.3px;margin-bottom:25px }
.implementation-layout { grid-template-columns:1fr;gap:27px }
.implementation-layout h2 { font-size:33px;letter-spacing:-1.5px }
.implementation-lead { font-size:14px;line-height:1.8 }
.implementation-steps p { font-size:11px;gap:15px }
.contact { padding:39px 0 }
.contact .eyebrow { font-size:7px;letter-spacing:1.4px;margin-bottom:26px }
.contact-heading { gap:15px }
.contact h2 { font-size:clamp(31px,8.5vw,52px);letter-spacing:-1.6px;line-height:1.2 }
.contact-arrow { width:49px;height:49px;font-size:34px }
.contact-bottom { display:block;margin-top:28px;padding-top:20px }
.contact-bottom p { font-size:11px;line-height:1.8 }
.contact-bottom a { font-size:21px;letter-spacing:-.5px;margin-top:23px;justify-content:space-between;gap:20px }
footer .brand img { width:105px }
footer p { font-size:9px;width:calc(100% - 135px) }
footer>span { margin:0 }
footer>a:last-child { margin-left:auto }
}
@media(prefers-reduced-motion:reduce) {
html { scroll-behavior:auto }
*, *:before, *:after { transition:none!important;animation:none!important }
}
h1, h2, h3 { text-wrap:balance;overflow-wrap:normal }
h2, .solutions h2, .implementation-layout h2, .product-story .section-heading h2 { font-size:clamp(30px,3vw,44px);line-height:1.22;letter-spacing:-1.3px;font-weight:600 }
.section-heading>p { font-size:15px;line-height:1.85 }
.section-heading { align-items:start;display:grid;grid-template-columns:1fr 1fr;gap:80px }
.section-heading>p, .solutions .section-heading>p { max-width:530px }
.section-heading h2 { max-width:570px }
.chapter-main h3 { font-size:25px;font-weight:600;line-height:1.35;letter-spacing:-.65px;max-width:420px }
.chapter-main p { font-size:15px;line-height:1.85 }
.product-chapters li { font-size:13px;line-height:1.75 }
.industry-workbench { grid-template-columns:24% 1fr;gap:55px }
.industry-panel { grid-template-columns:1.2fr 1fr;gap:35px;min-height:330px }
.industry-panel h3 { font-size:25px;font-weight:600;letter-spacing:-.65px;line-height:1.35 }
.industry-panel p { font-size:14px;line-height:1.85 }
.industry-tabs button { font-size:15px }
.process-row { font-size:13px;line-height:1.7 }
.implementation-lead { font-size:16px }
.implementation-steps p { font-size:14px }
.contact h2 { font-size:clamp(35px,4.2vw,62px);line-height:1.2;letter-spacing:-1.8px;max-width:860px;font-weight:600 }
.contact-bottom p { max-width:560px;font-size:15px;line-height:1.8 }
.header nav { font-size:14px }
.text-link { font-size:13px }
.industry-panel .text-link { font-size:12px }
@media(max-width:1100px) {
.section-heading { gap:40px }
.product-chapters article { grid-template-columns:9% 43% 1fr;gap:25px }
.chapter-main h3 { font-size:23px }
.chapter-main p { font-size:14px }
.product-chapters li { font-size:12px }
.industry-panel { grid-template-columns:1fr;gap:25px }
.industry-workbench { grid-template-columns:30% 1fr }
.process-row:first-child { padding-top:16px;border-top:1px solid #c9d1cb }
}
@media(max-width:760px) {
.header nav { font-size:14px }
.section-heading, .industry-workbench { grid-template-columns:1fr;gap:25px }
.section-heading { display:grid }
.section-heading>p { margin-top:0 }
h2, .solutions h2, .implementation-layout h2, .product-story .section-heading h2 { font-size:30px;letter-spacing:-.8px;line-height:1.24 }
.section-heading>p { font-size:14px;line-height:1.85 }
.chapter-main h3 { font-size:22px;letter-spacing:-.5px }
.chapter-main p { font-size:14px }
.product-chapters article { grid-template-columns:35px 1fr;gap:15px }
.product-chapters li { font-size:12px }
.chapter-index { font-size:33px }
.chapter-index span { font-size:5px }
.industry-tabs button { font-size:12px }
.industry-panel { grid-template-columns:1fr;min-height:510px }
.industry-panel h3 { font-size:24px }
.industry-panel p { font-size:14px }
.process-row { font-size:12px }
.implementation-lead { font-size:15px }
.implementation-steps p { font-size:13px }
.contact h2 { font-size:32px;line-height:1.22;letter-spacing:-.8px;text-wrap:wrap }
.contact-heading { align-items:end }
.contact-bottom p { font-size:14px }
.contact-arrow { width:45px;height:45px;font-size:30px }
}
.contact-arrow { width:auto;height:auto;padding:21px 25px;font-size:14px;display:flex;align-items:center;gap:25px;line-height:1.5 }
.contact-arrow span { font-size:25px }
.contact h2 { max-width:800px }
@media(max-width:760px) {
.contact-heading { flex-direction:column;align-items:flex-start;gap:25px }
.contact-arrow { font-size:13px;padding:15px 20px }
.contact-arrow span { font-size:22px }
}
h2, .solutions h2, .implementation-layout h2, .product-story .section-heading h2 { font-family:var(--head);font-weight:500;letter-spacing:-1.5px }
.chapter-main h3, .industry-panel h3 { font-family:var(--head);font-weight:500;letter-spacing:-.7px }
.contact h2 { font-family:var(--head);font-weight:500 }
@media(max-width:760px) {
h2, .solutions h2, .implementation-layout h2, .product-story .section-heading h2 { letter-spacing:-1px }
}
.company-footer { background:#0b1b24;color:#c0ced5;padding:65px 0 25px }
.footer-grid { display:grid;grid-template-columns:1.1fr 1.25fr 1fr .9fr;gap:50px }
.company-footer .animated-logo { width:145px }
.footer-intro p { font-size:12px;line-height:1.8;max-width:180px;margin-top:22px }
.company-footer h2 { font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.8px;line-height:1.5;color:#f0f4f6;margin:0 0 23px;text-wrap:wrap }
.company-footer address { font-style:normal;font-size:13px;line-height:1.9 }
.footer-contacts { display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-top:20px;font-size:13px }
.footer-contacts .footer-email { color:#f78a4e;margin-top:4px }
.footer-hours p { font-size:13px;line-height:1.9;margin-bottom:15px }
.footer-hours p span { color:#f0f4f6 }
.footer-brands ul { margin:0;padding:0;list-style:none }
.footer-brands li+li { margin-top:13px }
.footer-brands a { display:flex;justify-content:space-between;gap:24px;font-size:13px }
.footer-brands a span { color:#738e9b }
.company-footer a:hover { color:#ff8b48 }
.footer-bottom { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:50px;border-top:1px solid #2a3d47;padding-top:24px;font-size:11px;color:#90a6b1 }
@media(max-width:1100px) {
.footer-grid { grid-template-columns:1fr 1.3fr 1fr;gap:35px }
.footer-intro { grid-column:1/-1;display:flex;align-items:center;gap:35px }
.footer-intro p { margin:0;max-width:none }
}
@media(max-width:760px) {
.company-footer { padding:40px 0 24px }
.footer-grid { grid-template-columns:1fr 1fr;gap:35px 25px }
.footer-intro { grid-column:1/-1;display:block }
.company-footer .animated-logo { width:125px }
.footer-intro p { margin-top:15px;font-size:12px }
.footer-company { grid-column:1/-1 }
.company-footer h2 { margin-bottom:16px;font-size:11px }
.company-footer address, .footer-contacts, .footer-hours p, .footer-brands a { font-size:13px }
.footer-bottom { margin-top:35px;font-size:10px }
.footer-brands a { gap:10px }
}
.product-story { padding-top:0 }
.buyer-faq { display:grid;grid-template-columns:1fr 1.25fr;gap:85px;border-top:1px solid var(--line) }
.buyer-faq .eyebrow { font-size:9px;color:#718188;margin-bottom:24px }
.buyer-faq h2 { font-size:36px;font-weight:500;letter-spacing:-1px }
.buyer-faq>div>p:not(.eyebrow) { font-size:14px;line-height:1.9;color:#687a82;max-width:320px;margin-top:20px }
.buyer-faq .supplier-note { border-top:1px solid var(--line);padding-top:20px }
.supplier-note strong { font-weight:600;color:var(--ink) }
.supplier-note a:hover { color:#d95a19 }
.faq-list { border-top:1px solid var(--line) }
.faq-list details { border-bottom:1px solid var(--line) }
.faq-list summary { font-size:16px;line-height:1.6;padding:23px 34px 23px 0;cursor:pointer;list-style:none;position:relative;font-weight:500 }
.faq-list summary::-webkit-details-marker { display:none }
.faq-list summary:after { content:'+';position:absolute;right:0;top:21px;font-size:23px;color:#d95515;font-weight:400 }
.faq-list details[open] summary:after { content:'−' }
.faq-list details>p { font-size:14px;line-height:1.9;color:var(--muted);padding:0 27px 24px 0 }
@media(max-width:1100px) {
.buyer-faq { gap:45px }
}
@media(max-width:760px) {
.product-story { padding-top:0 }
.buyer-faq { grid-template-columns:1fr;gap:28px }
.buyer-faq h2 { font-size:30px }
.buyer-faq>div>p:not(.eyebrow) { max-width:none }
.buyer-faq .supplier-note { display:none }
.faq-list summary { font-size:15px;padding-block:20px }
.faq-list details>p { font-size:13px;padding-right:0 }
.contact h2 { font-size:30px }
}
/* Process diagram, integrations, reading sizes and dark carousel. */
.connection-heading { display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:end;margin-bottom:32px }
.connection-heading h2 { font-size:clamp(32px,3.2vw,46px);line-height:1.16;letter-spacing:-1.5px }
.connection-heading>p { font-size:18px;line-height:1.6;color:#344750;max-width:470px }
.cost-diagram { display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0 }
.cost-diagram li { padding-right:26px }
.cost-diagram li:last-child { padding-right:0 }
.diagram-rail { height:65px;position:relative;display:flex;align-items:center;margin-right:-26px }
.diagram-rail:before { content:'';position:absolute;left:0;right:0;top:32px;height:2px;background:#c6541b }
.diagram-rail:after { content:'';position:absolute;right:7px;top:28px;width:8px;height:8px;border-top:2px solid #c6541b;border-right:2px solid #c6541b;transform:rotate(45deg) }
.diagram-rail>span { position:relative;display:grid;place-items:center;background:#172d37;color:#fff;border:6px solid var(--paper);width:51px;height:51px;border-radius:50%;font-size:15px;font-weight:600;margin-left:-6px }
.diagram-rail small { position:absolute;left:52px;top:3px;font-size:12px;line-height:1.3;font-weight:500;color:#8d360f;white-space:nowrap }
.cost-diagram li:last-child .diagram-rail { margin:0 }
.cost-diagram li:last-child .diagram-rail:before, .cost-diagram li:last-child .diagram-rail:after { display:none }
.cost-diagram .diagram-role { font-size:11px;font-weight:600;letter-spacing:.6px;color:#41535a;line-height:1.5;margin:12px 0 7px }
.cost-diagram h3 { font-size:30px;line-height:1.3;font-weight:600;letter-spacing:-.8px;margin-bottom:10px }
.cost-diagram li>p:last-child { font-size:17px;line-height:1.6;color:#30444e;max-width:285px }
.diagram-outcome { margin-top:28px;padding:23px 26px;background:#152c36;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px }
.diagram-outcome strong { display:block;font:500 24px/1.3 var(--head);letter-spacing:-.5px }
.diagram-outcome p>span { display:block;font-size:16px;line-height:1.6;color:#e0e7e9;margin-top:5px }
.diagram-outcome .button { font-size:15px;flex-shrink:0 }
:root { --muted:#354851 }
.section { padding-block:60px }
.product-story { padding-top:0 }
.section-top { margin-bottom:22px }
.section-heading, .solutions .section-heading { margin-bottom:30px;gap:40px }
.section-top .eyebrow, .buyer-faq .eyebrow, .eyebrow { font-size:12px;color:#42565f;letter-spacing:1px }
.section-aside { font-size:13px;color:#41555e }
.section-heading>p, .chapter-main p, .industry-panel p, .implementation-lead, .buyer-faq>div>p:not(.eyebrow), .faq-list details>p { font-size:18px;line-height:1.65;color:#30444e }
.industry-panel { min-height:0 }
.industry-panel .text-link, .text-link, .button, .industry-tabs button { font-size:16px }
.industry-tabs button { color:#344b42;padding-block:17px }
.industry-workbench { gap:38px;padding-top:23px }
.product-chapters { margin-top:32px }
.product-chapters article { padding-block:27px;gap:28px }
.product-chapters li, .process-row, .implementation-steps p { font-size:16px;line-height:1.6;color:#30444e }
.chapter-index { color:#536971 }
.chapter-index span { font-size:11px;color:#354d58 }
.faq-list summary { font-size:19px;padding-block:18px }
.faq-list details>p { padding-bottom:20px }
.buyer-faq { gap:50px }
.contact { padding-block:55px }
.contact-bottom p { font-size:18px;color:#e0e8ec }
.company-footer address, .footer-contacts, .footer-hours p, .footer-brands a, .footer-intro p { font-size:16px;line-height:1.7;color:#e0e8ec }
.company-footer h2 { font-size:14px }
.footer-bottom { font-size:13px;color:#c4d2d9 }
.header nav { font-size:16px }
.implementation-steps { margin-top:24px }
@media(max-width:1000px) {
.cost-diagram { grid-template-columns:1fr 1fr;gap:28px 0 }
.cost-diagram li:nth-child(2) .diagram-rail:after, .cost-diagram li:nth-child(2) .diagram-rail:before { display:none }
.cost-diagram li:nth-child(2) .diagram-rail small { white-space:normal;max-width:180px }
.connection-heading { gap:25px }
.diagram-outcome { align-items:flex-start }
.diagram-outcome .button { max-width:260px }
}
@media(max-width:760px) {
.section { padding-block:38px }
.product-story { padding-top:0 }
.section-heading, .solutions .section-heading { gap:17px;margin-bottom:25px }
.connection-heading { grid-template-columns:1fr;gap:16px;margin-bottom:20px }
.connection-heading h2 { font-size:31px;letter-spacing:-1px }
.connection-heading>p { font-size:17px }
.cost-diagram { display:block }
.cost-diagram li { position:relative;padding:0 0 34px 55px }
.cost-diagram li:last-child { padding:0 0 0 55px }
.diagram-rail { position:absolute;left:0;top:0;bottom:0;width:40px;height:auto;margin:0;align-items:flex-start }
.diagram-rail:before { left:19px;top:38px;bottom:0;height:auto;width:2px;right:auto }
.diagram-rail:after { left:16px;top:auto;bottom:6px;transform:rotate(135deg) }
.diagram-rail>span { width:40px;height:40px;border-width:4px;margin:0;font-size:13px }
.diagram-rail small { position:absolute;left:55px;top:auto;bottom:9px;font-size:12px }
.cost-diagram li:nth-child(2) .diagram-rail:before, .cost-diagram li:nth-child(2) .diagram-rail:after { display:block }
.cost-diagram li:nth-child(2) .diagram-rail small { white-space:nowrap;max-width:none }
.cost-diagram .diagram-role { margin:0 0 4px;font-size:10px }
.cost-diagram h3 { font-size:26px;margin-bottom:7px }
.cost-diagram li>p:last-child { font-size:16px;line-height:1.55;max-width:none }
.diagram-outcome { flex-direction:column;padding:22px 20px;gap:18px;margin-top:25px }
.diagram-outcome strong { font-size:23px }
.diagram-outcome p>span { font-size:16px }
.diagram-outcome .button { max-width:none;font-size:14px;padding:14px 16px }
.section-heading>p, .chapter-main p, .industry-panel p, .implementation-lead, .buyer-faq>div>p:not(.eyebrow), .faq-list details>p { font-size:17px;line-height:1.6 }
.product-chapters li, .process-row, .implementation-steps p { font-size:16px }
.industry-panel { min-height:0 }
.industry-tabs button { font-size:15px }
.industry-panel .text-link { font-size:15px }
.section-top .eyebrow, .buyer-faq .eyebrow, .eyebrow { font-size:11px }
.product-chapters article { gap:16px;padding-block:24px }
.chapter-index span { font-size:8px }
.buyer-faq { gap:25px }
.contact-bottom p { font-size:17px }
.faq-list summary { font-size:18px }
.footer-contacts, .company-footer address, .footer-hours p, .footer-brands a, .footer-intro p { font-size:15px }
.company-footer h2 { font-size:13px }
}
.contact .eyebrow { color:#e0e8ec }
.expand-section { background:#0c202a;color:#f5f7f7 }
.expand-section .section-top .eyebrow { color:#e1a17c }
.expand-heading { display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:end;margin-bottom:36px }
.expand-heading h2 { font-size:clamp(32px,3.3vw,47px);line-height:1.18;letter-spacing:-1.3px }
.expand-heading>p { font-size:18px;line-height:1.65;color:#e1e9ed;max-width:570px }
.ecosystem { margin:0;padding:30px 0 0;display:grid;grid-template-columns:1fr 75px 1.15fr 75px 1fr;align-items:center;border-block:1px solid #42545c }
.eco-label { font-size:11px;letter-spacing:1px;font-weight:600;color:#c8d7de;margin-bottom:20px }
.eco-input ul, .eco-core ul, .eco-extension ul { list-style:none;margin:0;padding:0 }
.eco-input li { font-size:18px;padding:16px 0;border-bottom:1px solid #455761 }
.eco-input li:first-child { border-top:1px solid #455761 }
.eco-note { font-size:14px;line-height:1.55;color:#c5d2d8;margin-top:16px;max-width:230px }
.eco-link { text-align:center;color:#b9cbd3 }
.eco-link span { font-size:10px;letter-spacing:1px;display:block }
.eco-link i { display:block;font-style:normal;font-size:37px;line-height:1.3 }
.eco-link-orange { color:#ff873c }
.eco-core { border:1px solid #607781;padding:28px 26px;background:#142f3c;box-shadow:0 15px 45px #0002 }
.eco-core img { width:158px;height:auto;display:block;margin-bottom:18px }
.eco-core>p { font-size:16px;line-height:1.5;color:#dbe6eb;margin-bottom:18px;max-width:210px }
.eco-core li { font-size:17px;line-height:1.5;padding:10px 0;border-top:1px solid #4b626d }
.eco-extension { border-left:3px solid #ff7625;padding:20px 0 20px 25px }
.eco-extension .eco-label { color:#ffa46b;margin-bottom:16px }
.eco-extension h3 { font-size:29px;font-weight:500;line-height:1.18;letter-spacing:-.6px;margin-bottom:18px }
.eco-extension li { font-size:16px;line-height:1.55;margin-top:9px }
.ecosystem figcaption { grid-column:1/-1;padding:22px 0;font-size:15px;color:#f3f5f6;display:flex;align-items:baseline;gap:22px;margin-top:20px }
.ecosystem figcaption span { font-size:13px;color:#c6d3da }
.expand-services { display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:32px }
.expand-services h3 { font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.4px;margin-bottom:12px }
.expand-services h3 span { font:500 12px var(--body);color:#ffa26c;vertical-align:middle;margin-right:8px }
.expand-services p { font-size:17px;color:#dae5ea;line-height:1.65 }
.ready-integrations { padding-block:24px;border-block:1px solid #42545c }
.ready-integrations h3 { font-size:16px;font-weight:500;color:#d8e4ea;margin-bottom:20px }
.ready-integrations dl { display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0 }
.ready-integrations dt { font:500 23px/1.3 var(--head);letter-spacing:-.4px }
.ready-integrations dd { font-size:15px;line-height:1.5;color:#c8d7df;margin:6px 0 0 }
.expand-contact { display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px }
.expand-contact p { font-size:18px;line-height:1.6;color:#dce7ec }
.expand-contact strong { font-weight:500;color:#fff }
.expand-contact .button { font-size:15px }
@media(max-width:1100px) {
.ecosystem { grid-template-columns:1fr 45px 1.1fr 45px 1fr }
.eco-core { padding:22px 18px }
.eco-core img { width:130px }
.eco-input li { font-size:16px }
.eco-extension { padding-left:17px }
.eco-extension h3 { font-size:25px }
.eco-extension li { font-size:15px }
.eco-label { font-size:10px }
.expand-heading { gap:30px }
.expand-services { gap:25px }
.expand-services h3 { font-size:21px }
}
@media(max-width:760px) {
.expand-heading { grid-template-columns:1fr;gap:18px;margin-bottom:24px }
.expand-heading h2 { font-size:32px }
.expand-heading>p { font-size:17px }
.ecosystem { grid-template-columns:1fr;padding-top:24px;gap:0 }
.eco-input li { font-size:18px;padding:12px 0 }
.eco-label { font-size:11px;margin-bottom:14px }
.eco-note { max-width:none;font-size:14px;margin-top:12px }
.eco-link { padding:16px 0;display:flex;align-items:center;justify-content:center;gap:14px }
.eco-link i { transform:rotate(90deg);font-size:30px }
.eco-link span { font-size:11px }
.eco-core { padding:23px }
.eco-core img { width:155px }
.eco-core>p { max-width:none;font-size:17px }
.eco-core li { font-size:18px }
.eco-extension { padding:15px 20px;border-left-width:3px }
.eco-extension h3 { font-size:29px }
.eco-extension li { font-size:17px }
.ecosystem figcaption { display:block;font-size:16px;line-height:1.5;margin-top:12px;padding:20px 0 }
.ecosystem figcaption span { display:block;font-size:14px;margin-top:6px }
.expand-services { grid-template-columns:1fr;gap:22px;padding-block:28px }
.expand-services h3 { font-size:24px;margin-bottom:9px }
.expand-services p { font-size:17px }
.ready-integrations dl { grid-template-columns:1fr 1fr;gap:22px 16px }
.ready-integrations dt { font-size:20px }
.ready-integrations dd { font-size:14px }
.expand-contact { flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px }
.expand-contact p { font-size:17px }
.expand-contact .button { font-size:14px;padding:16px;gap:18px }
}
.header { left:0;right:0;padding:0 4%;height:86px;background:transparent;border-bottom:0;color:#f1f5f6;gap:40px }
.header .animated-logo { filter:none }
.header nav { margin-inline:auto;color:#dce6eb }
.header nav a:hover { color:#ff873c }
.header-cta { color:#f1f5f6;border-color:#71838d;background:none }
.header-cta:hover { background:#18303d }
.hero-slider { position:relative;background:#081820;color:#f4f7f8 }
.hero-slide { height:746px;position:relative;isolation:isolate;overflow:hidden;background:#081820 }
.hero-slide[hidden] { display:none }
.hero-slide:not([hidden]) { animation:hero-fade .45s ease-out }
.slide-art { position:absolute;z-index:-1;right:0;top:50%;width:88%;height:auto;transform:translateY(-50%);object-fit:contain;mask-image:linear-gradient(to right,transparent 0%,#000 18%) }
#slide-budget .slide-art { top:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:center }
#slide-development .slide-art { width:78%;right:0 }
.slide-layout { height:100%;padding-top:86px;display:flex;align-items:center }
.slide-copy { width:46%;max-width:610px;padding-block:28px }
.slide-kicker { font-size:14px;letter-spacing:1px;line-height:1.5;color:#d2e0e8;font-weight:600;margin-bottom:24px }
.slide-copy h1, .slide-copy h2 { font-family:var(--head);font-weight:600;line-height:1.03;letter-spacing:-3px;margin:0 0 27px;text-wrap:initial }
.slide-copy h1 { font-size:clamp(50px,5.3vw,78px) }
#slide-budget h2 { font-size:clamp(54px,5.5vw,80px) }
#slide-development h2 { font-size:clamp(45px,4.55vw,66px);line-height:1.08;letter-spacing:-2.3px }
.slide-copy h1 span, .slide-copy h2 span { color:#ff741c }
.slide-description { font-size:20px;line-height:1.6;color:#e0e9ef;max-width:480px }
#slide-development .slide-description { max-width:475px }
.slide-actions { display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:30px }
.slide-actions .button { font-size:16px;padding:17px 24px;color:#14252e }
.slide-actions .text-link { font-size:16px;color:#edf3f6;border-color:#8195a0 }
.slide-footnote { position:absolute;left:4%;bottom:23px;font-size:10px;letter-spacing:2px;color:#c2d1da }
.slider-bar { background:#132c38;color:#f1f6f8;border-top:1px solid #304650 }
.slider-controls { display:flex;align-items:center;gap:40px;padding-block:28px 38px;position:relative }
.slider-statement { font:400 clamp(25px,2.5vw,36px)/1.15 var(--head);letter-spacing:-.8px;flex:1.1 }
.slider-choices { display:flex;flex:1.25 }
.slider-choices button { position:relative;flex:1;background:none;border:0;border-left:1px solid #536c78;padding:0 20px;text-align:left;color:#fff;line-height:1.4 }
.slider-choices button:first-child { border-left:0 }
.slider-choices button span { font-size:15px;display:block }
.slider-choices small { font-size:13px;display:block;margin-top:25px }
.slider-choices button:before { content:'';position:absolute;left:20px;top:31px;width:25px;height:2px;background:#ff741c }
.slider-choices button[aria-pressed=true]:after { content:'';position:absolute;bottom:-13px;left:20px;right:20px;height:2px;background:#ff741c }
.slider-arrows { position:absolute;bottom:5px;right:0;display:flex;gap:6px }
.slider-arrows button { width:30px;height:26px;background:none;border:0;color:#e1ebf0;font-size:18px }
.slider-arrows button:hover { background:#385564 }
.sr-only { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }
@keyframes hero-fade {from{opacity:.5}to{opacity:1}}
@media(prefers-reduced-motion:reduce) {
.hero-slide:not([hidden]) { animation:none }
}
@media(min-width:1700px) {
.hero-slide { height:826px }
.slide-art { width:82% }
#slide-development .slide-art { width:75% }
}
@media(max-width:1100px) and (min-width:761px) {
.header { gap:25px }
.hero-slide { height:696px }
.slide-copy { width:47% }
.slide-copy h1 { font-size:5.5vw;letter-spacing:-2px }
#slide-budget h2 { font-size:5.5vw;letter-spacing:-2px }
#slide-development h2 { font-size:4.6vw }
.slide-description { font-size:18px;line-height:1.6 }
.slide-kicker { font-size:12px;letter-spacing:.6px }
.slide-actions { gap:18px }
.slide-actions .button, .slide-actions .text-link { font-size:14px }
.slider-controls { gap:25px }
.slider-choices button { padding-inline:12px }
.slider-choices button span { font-size:12px }
.slider-choices small { font-size:11px }
.slider-choices button:before { left:12px }
.slider-statement { font-size:25px }
}
@media(max-width:760px) {
.header { height:76px;padding:0 20px;gap:14px }
.header-cta { font-size:12px;padding:10px }
.header .menu-toggle { color:#fff }
.hero-slide { height:926px }
.slide-layout { height:auto;padding-top:76px;align-items:flex-start }
.slide-copy { width:100%;max-width:none;padding-top:32px }
.slide-kicker { font-size:12px;letter-spacing:.6px;margin-bottom:20px }
.slide-copy h1 { font-size:clamp(40px,10.8vw,62px);letter-spacing:-2px;line-height:1.02;margin-bottom:22px }
#slide-budget h2 { font-size:clamp(43px,11.6vw,65px);letter-spacing:-1.8px }
#slide-development h2 { font-size:clamp(34px,9.4vw,54px);letter-spacing:-1.6px;line-height:1.06 }
.slide-description { font-size:17px;line-height:1.6;max-width:530px }
.slide-actions { gap:20px;margin-top:24px }
.slide-actions .button { padding:15px 18px;font-size:14px }
.slide-actions .text-link { font-size:14px }
.slide-art, #slide-development .slide-art { top:auto;bottom:-10px;right:0;width:150%;height:385px;object-fit:cover;object-position:right center;transform:none;mask-image:linear-gradient(to bottom,transparent,#000 15%) }
#slide-budget .slide-art { top:auto;bottom:0;width:100%;height:365px;object-position:75% center;mask-image:linear-gradient(to bottom,transparent,#000 15%) }
#slide-development .slide-art { width:135%;height:365px;bottom:0 }
.slide-footnote { display:none }
.slider-controls { display:block;padding-block:24px 38px }
.slider-statement { font-size:28px;margin-bottom:25px }
.slider-choices button { padding-inline:12px }
.slider-choices button:first-child { padding-left:0 }
.slider-choices button span { font-size:12px }
.slider-choices small { font-size:11px;margin-top:24px }
.slider-choices button:before { left:12px;top:28px }
.slider-choices button:first-child:before { left:0 }
.slider-choices button[aria-pressed=true]:after { left:10px;right:10px }
.slider-arrows button { width:34px;height:28px }
}
@media(max-width:370px) {
.hero-slide { height:976px }
.slide-actions { gap:16px }
.slide-actions .text-link { font-size:13px }
.slide-art, #slide-development .slide-art { height:350px }
}
[hidden] { display:none !important; }
.footer-bottom { flex-wrap:wrap; }
.industry-panel + .industry-panel { margin-top:24px; }
.industry-panel[hidden] + .industry-panel { margin-top:0; }
.detail-header { background:#081820; color:#fff; padding:22px 0; }
.detail-header .wrap { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.detail-header img { display:block; width:142px; height:auto; }
.detail-header nav { display:flex; gap:24px; font-size:16px; }
.detail-main { padding-block:44px 60px; max-width:1100px; }
.detail-main > nav { font-size:14px; color:#354851; margin-bottom:28px; }
.detail-main h1 { font-size:clamp(34px,4vw,58px); line-height:1.15; letter-spacing:-1.5px; max-width:950px; margin-bottom:24px; }
.detail-lead { font-size:22px; line-height:1.6; max-width:850px; }
.detail-content { max-width:800px; }
.detail-content section { padding-top:36px; }
.detail-main h2 { font-size:29px; line-height:1.25; letter-spacing:-.6px; margin-bottom:14px; }
.detail-content p, .detail-main aside, .detail-cta p { font-size:18px; line-height:1.75; color:#30444e; }
.detail-main aside { border-top:1px solid #cbd2d0; margin-top:38px; padding-top:28px; }
.detail-main aside a { text-decoration:underline; text-underline-offset:4px; }
.detail-cta { background:#e5e9e5; padding:28px; margin-top:30px; }
.detail-cta .button { margin-top:22px; }
@media(max-width:760px) {
 .detail-header .wrap { flex-wrap:wrap; gap:20px; }
 .detail-header nav { gap:15px; flex-wrap:wrap; font-size:14px; }
 .detail-lead { font-size:19px; }
 .detail-content p { font-size:17px; }
 .detail-main h2 { font-size:26px; }
 .slider-choices button span { font-size:12px; }
 .slider-choices button:before { top:auto; bottom:23px; }
}

/* Privacy controls: no external requests before a visitor's choice. */
.privacy-footer { display:flex;flex-wrap:wrap;gap:16px 28px;padding-block:24px;font-size:14px;line-height:1.5 }
.privacy-footer a,.privacy-footer button { text-decoration:underline;text-underline-offset:4px }
.privacy-footer button { border:0;background:none;color:inherit;padding:0;font:inherit }
.privacy-panel { position:fixed;z-index:50;left:24px;bottom:24px;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#192b35;border:1px solid #d4dddf;border-radius:18px;padding:24px;box-shadow:0 12px 48px #00131f26;font:400 14px/1.5 var(--body) }
.privacy-panel h2 { display:flex;align-items:center;gap:10px;font:600 17px/1.4 var(--body);margin-bottom:8px;letter-spacing:0 }
.privacy-panel h2 span { width:8px;height:8px;border-radius:50%;background:#ed641a }
.privacy-panel p { font-size:14px;line-height:1.55;color:#354951 }
.privacy-panel a { text-decoration:underline;text-underline-offset:3px }
.privacy-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:17px }
.privacy-panel button { border:1px solid #243e4c;border-radius:24px;padding:11px 15px;background:#fff;color:#192b35;font-size:13px;font-weight:600;min-height:44px }
.privacy-panel [data-privacy-accept],.privacy-panel [data-privacy-save] { background:#192e3a;color:#fff }
.privacy-panel [data-privacy-customize] { border-color:transparent;text-decoration:underline }
#privacy-options { border-top:1px solid #d9dfe1;margin-top:18px;padding-top:18px }
#privacy-options label { display:flex;align-items:center;gap:10px;font-weight:600;margin-top:16px;min-height:44px }
#privacy-options input { width:20px;height:20px;accent-color:#192e3a }
#privacy-options [data-privacy-save] { margin-top:16px }
.legal-page { max-width:960px }
.legal-page .detail-content { max-width:780px }
.legal-page .detail-content a { text-decoration:underline;text-underline-offset:3px }
.legal-page .detail-content p+p { margin-top:16px }
@media(max-width:760px) { .privacy-panel { left:16px;bottom:16px;padding:20px } .privacy-footer { gap:16px } }