.systems-intro{background:#151512;color:#f3efe6;padding:76px 0 0;overflow:hidden}.systems-intro .eyebrow{color:#c99a74}.systems-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:center;margin:26px 0 66px}.systems-intro h1{font-size:clamp(3.7rem,6.5vw,7.4rem);font-weight:500;line-height:1.01;letter-spacing:-.06em;margin:0}.systems-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#d3b292;letter-spacing:-.06em}.systems-intro-grid p{max-width:430px;font-size:1rem;line-height:1.8;color:#b5afa3}.systems-intro-grid .lead{font-size:1.25rem;color:#eee8dd;line-height:1.6;margin-bottom:18px}.systems-intro-link{display:inline-flex;gap:65px;padding:12px 0;margin-top:15px;border-bottom:1px solid #b18a67;color:#eee8dd;text-decoration:none;font-size:.8rem}.systems-collection{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #494239}.systems-collection a{display:flex;flex-direction:column;gap:12px;padding:28px 16px 28px 0;border-right:1px solid #494239;margin-right:24px;text-decoration:none}.systems-collection a:last-child{border-right:0;margin:0}.systems-collection span{font-size:.6rem;letter-spacing:.1em;color:#a39888;text-transform:uppercase}.systems-collection strong{font-size:.96rem;font-weight:500;letter-spacing:-.01em}.systems-collection a:hover strong{color:#d3b292}.systems-rail{position:sticky;top:79px;z-index:8;background:#e9e3d8;border-bottom:1px solid #d1c7b8}.systems-rail .wrap{display:flex;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px;overflow:auto;scrollbar-width:thin}.systems-rail a{white-space:nowrap;font-size:.72rem;text-decoration:none;font-weight:500}.systems-rail a:last-child{color:#876044}.system-product{padding:85px 0 70px;scroll-margin-top:143px}.system-product-dark{background:#171815;color:#f3efe6}.system-product-light{background:#eee9df;color:#151512}.system-product-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:6%;align-items:end;margin-bottom:38px}.system-product-heading .eyebrow{color:#b8835a}.system-product-heading h2{font-size:clamp(2.4rem,4.2vw,4.6rem);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:10px 0 0}.system-product-heading h2 span{color:#8b8172}.system-product-dark .system-product-heading h2 span{color:#a69b8b}.system-product-heading>p{font-size:.98rem;line-height:1.85;color:#746b60;max-width:390px;padding-bottom:5px}.system-product-dark .system-product-heading>p{color:#b6ad9e}.system-product-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #d3cabb;margin-top:27px;padding-top:26px}.system-product-foot>p{font-size:.65rem;line-height:1.8;color:#827765;max-width:420px;margin:0}.system-product-dark .system-product-foot{border-color:#423e34}.system-product-dark .system-product-foot>p{color:#a99f90}.system-product-foot>div{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:flex-end}.system-product-foot a:not(.button){font-size:.65rem;color:#907256;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.system-product-foot .button{font-size:.73rem;min-height:44px;padding:12px 20px;gap:32px}.system-product-dark .system-product-foot .button{background:#eee7da;color:#171815;border-color:#eee7da}.device-fallback{display:flex;align-items:center;justify-content:center;gap:40px;min-height:400px}.device-fallback img{height:340px;width:auto;max-width:50%;object-fit:contain}.device-fallback p{max-width:300px;line-height:1.8}
.device-explorer{--viewer-line:#d2c9ba;--viewer-muted:#776c5e;--viewer-active:#8b623f;border:1px solid var(--viewer-line);background:#e7e0d3;position:relative;min-width:0}.device-explorer[data-theme="dark"]{--viewer-line:#464438;--viewer-muted:#a89e8c;--viewer-active:#d0a07b;background:#20211b;color:#f4eddf}.device-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px;border-bottom:1px solid var(--viewer-line)}.device-toolbar-title{font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:var(--viewer-muted)}.device-models{display:flex;gap:5px}.device-models button,.device-tool{padding:9px 14px;min-height:38px;border:1px solid var(--viewer-line);background:transparent;color:inherit;font-size:.72rem;border-radius:2px;cursor:pointer}.device-models button[aria-pressed="true"]{background:#24251e;color:#f3ebdb;border-color:#24251e}.device-explorer[data-theme="dark"] .device-models button[aria-pressed="true"]{background:#f3ebdb;color:#24251e}.device-toolbar-tools{display:flex;gap:8px}.device-toolbar-tools button{white-space:nowrap}.device-stage-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr)}.device-stage{position:relative;min-width:0;min-height:570px;overflow:hidden;background:radial-gradient(ellipse at 48% 44%,#454638 0%,#282b23 40%,#1b1d18 90%)}.device-explorer[data-theme="light"] .device-stage{background:radial-gradient(ellipse at 45% 48%,#e9e0d0 0%,#cfc2ac 60%,#b4a78e 100%)}.device-stage canvas{display:block;width:100%;height:100%;min-height:570px;cursor:grab;outline-offset:-5px;touch-action:pan-y}.device-stage canvas:active{cursor:grabbing}.device-stage::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #11120c15}.device-model-label{position:absolute;top:25px;left:28px;pointer-events:none;color:#8b7b65;font-size:.67rem;letter-spacing:.1em;z-index:2}.device-explorer[data-theme="dark"] .device-model-label{color:#b7ac94}.device-model-label strong{display:block;font-size:1.1rem;font-weight:500;letter-spacing:-.025em;color:#343427;margin-bottom:6px}.device-explorer[data-theme="dark"] .device-model-label strong{color:#f4e7d0}.device-orbit-hint{position:absolute;left:28px;bottom:24px;color:#86795e;pointer-events:none;font-size:.63rem;z-index:2}.device-explorer[data-theme="dark"] .device-orbit-hint{color:#b0a38b}.device-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:inherit;z-index:3;padding:70px}.device-loading[hidden]{display:none}.device-loading img{width:75%;height:340px;object-fit:contain;filter:drop-shadow(0 35px 22px #0003)}.device-loading p{font-size:.72rem;color:var(--viewer-muted);margin-top:25px;text-align:center}.device-retry{border:1px solid var(--viewer-line);background:transparent;color:inherit;padding:10px 20px;cursor:pointer}.device-story{padding:35px 31px 26px;border-left:1px solid var(--viewer-line);display:flex;flex-direction:column;min-width:0;background:#e9e2d5}.device-explorer[data-theme="dark"] .device-story{background:#24251e}.device-step-count{display:flex;justify-content:space-between;gap:15px;font-size:.62rem;letter-spacing:.12em;color:var(--viewer-muted);text-transform:uppercase}.device-step-count span:last-child{letter-spacing:.03em}.device-story h3{font-size:clamp(1.9rem,2.7vw,2.8rem);font-weight:500;line-height:1.1;letter-spacing:-.055em;margin:26px 0 22px;max-width:330px}.device-story-copy{font-size:.88rem;color:#746855;line-height:1.85;min-height:130px;margin:0}.device-explorer[data-theme="dark"] .device-story-copy{color:#b9b29f}.device-benefit{margin:23px 0 21px;padding:18px 0;border-top:1px solid var(--viewer-line);border-bottom:1px solid var(--viewer-line)}.device-benefit span{display:block;font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;color:var(--viewer-muted);margin-bottom:8px}.device-benefit p{font-size:.92rem;font-weight:500;line-height:1.55;margin:0}.device-detail{font-size:.61rem;line-height:1.7;color:var(--viewer-muted);margin:0 0 24px}.device-tour-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto}.device-tour-controls button{border:1px solid var(--viewer-line);background:transparent;color:inherit;padding:12px 15px;min-height:42px;font-size:.72rem;cursor:pointer}.device-tour-controls button:last-child{background:#333327;color:#f2e6d2;border-color:#333327}.device-explorer[data-theme="dark"] .device-tour-controls button:last-child{background:#e9d2b2;color:#24251e;border-color:#e9d2b2}.device-tour-progress{display:flex;gap:4px}.device-tour-progress i{width:5px;height:5px;border-radius:50%;background:var(--viewer-line)}.device-tour-progress i.active{background:var(--viewer-active)}.device-features{display:flex;flex-wrap:wrap;border-top:1px solid var(--viewer-line);gap:0;padding:10px 16px}.device-features button{border:0;background:transparent;color:var(--viewer-muted);font-size:.68rem;padding:13px 13px;cursor:pointer;border-radius:2px;min-height:42px}.device-features button[aria-pressed="true"]{color:#3b362b;background:#d8c7af}.device-explorer[data-theme="dark"] .device-features button[aria-pressed="true"]{color:#f1dfc6;background:#3d3b2c}.device-hotspot{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);min-width:29px;min-height:29px;width:29px;height:29px;background:#ebc89b;border:1px solid #fff2d8;color:#33291f;border-radius:50%;font-size:.63rem;box-shadow:0 0 0 6px #ebc89b25,0 4px 16px #0004;pointer-events:none}.device-stage-note{position:absolute;bottom:23px;right:25px;font-size:.55rem;color:#8f7a5d;text-align:right;line-height:1.6;max-width:135px}.device-explorer[data-theme="dark"] .device-stage-note{color:#a39379}.device-insight{position:absolute;bottom:64px;right:23px;width:235px;border:1px solid #756f55;background:#f4ecdc;color:#26291f;box-shadow:0 10px 40px #0003;padding:18px;z-index:2;pointer-events:none}.device-insight[hidden]{display:none}.device-insight>small{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:#8a7859}.device-insight h4{font-size:1rem;letter-spacing:-.025em;margin:10px 0 14px;font-weight:500}.device-insight-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d9cfbc;padding:8px 0;font-size:.59rem;line-height:1.5}.device-insight-row b{font-weight:500}.device-mini-bars{display:flex;height:53px;gap:9px;align-items:end;margin:5px 0 10px}.device-mini-bars i{flex:1;background:#8d9d73;height:30%;}.device-mini-bars i:nth-child(2){height:60%}.device-mini-bars i:nth-child(3){height:46%}.device-mini-bars i:nth-child(4){height:85%}.device-mini-bars i:nth-child(5){height:70%}.device-mini-note{display:block;margin-top:10px;font-size:.5rem;line-height:1.7;color:#8b7c65}.device-language-buttons{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0 0}.device-language-buttons button{border:1px solid #786b51;background:transparent;color:inherit;min-height:35px;padding:8px;font-size:.65rem;cursor:pointer}.device-language-buttons button[aria-pressed="true"]{background:#786b51;color:#fff8e8}.device-explorer :is(button,a,canvas):focus-visible{outline:2px solid #b8835a;outline-offset:3px}.device-explorer.is-presenting{position:fixed;inset:0;z-index:200;width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:auto}.device-explorer.is-presenting .device-stage-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr)}.device-explorer.is-presenting .device-stage{min-height:0}.device-explorer.is-presenting .device-stage canvas{min-height:0;position:absolute;inset:0}.device-explorer.is-presenting .device-story{justify-content:center}.systems-presenting{overflow:hidden}.device-explorer.is-presenting .device-features{flex-shrink:0}.device-explorer.is-presenting .device-toolbar{flex-shrink:0}
.device-explorer[data-theme="dark"] .device-benefit p{color:#eee5d4}.device-tour-controls button{white-space:nowrap}.device-explorer.is-presenting .device-tour-progress{display:none}.device-explorer.is-presenting .device-tour-controls{justify-content:space-between}
@media(min-width:1600px){.device-stage,.device-stage canvas{min-height:660px}.device-story{padding:45px}.device-story-copy{min-height:110px}}
@media(max-width:1000px){.systems-intro-grid{gap:35px}.systems-rail{top:78px}.device-stage-layout{grid-template-columns:minmax(0,1.1fr) minmax(270px,.85fr)}.device-story{padding:27px 22px}.device-stage,.device-stage canvas{min-height:550px}.device-toolbar{padding:15px 18px}.device-toolbar-title{display:none}.device-insight{width:190px;right:16px}.system-product-heading{gap:30px}.system-product-foot{align-items:flex-start}.system-product-foot>div{gap:13px}}
@media(max-width:760px){.systems-intro{padding-top:46px}.systems-intro-grid{grid-template-columns:1fr;gap:30px;margin:22px 0 40px}.systems-intro h1{font-size:clamp(3.7rem,10vw,5.2rem)}.systems-intro-grid p{max-width:550px}.systems-intro-grid .lead{font-size:1.07rem;margin-bottom:10px}.systems-collection{grid-template-columns:1fr 1fr}.systems-collection a{padding:20px 10px 22px 0;margin-right:16px}.systems-collection a:nth-child(2){border-right:0}.systems-collection a:nth-child(-n+2){border-bottom:1px solid #494239}.systems-collection span{font-size:.52rem}.systems-collection strong{font-size:.83rem}.systems-rail .wrap{gap:27px;padding-top:15px;padding-bottom:15px}.systems-rail a{font-size:.65rem}.system-product{padding:54px 0 48px;scroll-margin-top:125px}.system-product-heading{grid-template-columns:1fr;gap:22px;margin-bottom:26px}.system-product-heading h2{font-size:clamp(2.55rem,7vw,3.6rem)}.system-product-heading>p{max-width:550px;font-size:.89rem}.device-stage-layout{grid-template-columns:1fr}.device-stage,.device-stage canvas{min-height:440px;height:440px}.device-story{border-left:0;border-top:1px solid var(--viewer-line);padding:26px}.device-story h3{font-size:2.2rem;max-width:440px;margin:20px 0 16px}.device-story-copy{min-height:0;font-size:.87rem}.device-benefit{margin:20px 0 15px;padding:15px 0}.device-detail{margin-bottom:18px}.device-toolbar{flex-wrap:wrap;gap:10px}.device-toolbar-tools{gap:5px}.device-tool{padding:8px 11px;font-size:.65rem}.device-models button{padding:8px 13px;font-size:.68rem}.device-features{padding:8px}.device-features button{font-size:.66rem;padding:11px 10px}.device-model-label{top:20px;left:21px;font-size:.56rem}.device-model-label strong{font-size:.95rem}.device-orbit-hint{left:20px;bottom:20px;font-size:.56rem}.device-stage-note{right:20px;bottom:18px;font-size:.47rem}.device-insight{bottom:57px;right:14px;width:173px;padding:13px}.device-insight h4{font-size:.86rem;margin:8px 0 10px}.device-insight-row{font-size:.53rem;padding:6px 0}.device-mini-bars{height:43px}.device-mini-note{font-size:.46rem}.system-product-foot{display:block;padding-top:22px}.system-product-foot>p{max-width:550px}.system-product-foot>div{justify-content:flex-start;margin-top:20px;gap:18px}.system-product-foot .button{font-size:.7rem}.device-explorer.is-presenting .device-stage-layout{display:block;overflow:auto;flex:1}.device-explorer.is-presenting .device-stage{height:52dvh;min-height:300px}.device-explorer.is-presenting .device-stage canvas{height:100%;position:static;min-height:300px}.device-explorer.is-presenting .device-story{padding:22px}.device-explorer.is-presenting .device-features{max-height:110px;overflow:auto}.device-language-buttons button{font-size:.62rem}.device-fallback{display:block;text-align:center;padding:30px}.device-fallback img{max-width:85%;height:320px}.device-fallback p{margin:25px auto 0}}
@media(prefers-reduced-motion:reduce){.device-explorer *{transition:none!important;animation:none!important}}.motion-reduced .device-explorer *{transition:none!important;animation:none!important}

.device-explorer[data-theme="dark"] .device-tour-progress{display:none}
@media(max-width:760px){.device-tour-progress{display:none}}

#biller-genie{background:#131611;border-top:1px solid #3d3d30}
@media(max-width:760px){.device-insight{display:none}.systems-rail .wrap{scrollbar-width:none}.systems-rail .wrap::-webkit-scrollbar{display:none}}