/* Retain the original #12a9a7 brand color in a dark product-focused theme. */
:root{--primary:#12a9a7;--primary-dark:#62ddd3;--ink:#eef8f7;--ink-soft:#a0b8bb;--surface:#0c2026;--surface-soft:#10292e;--line:rgba(113,214,205,.15);--shadow-lg:0 24px 70px rgba(0,0,0,.22);--shadow-md:0 12px 36px rgba(0,0,0,.15)}
html{background:#07171c;overflow-x:clip;scroll-padding-top:90px}
body{background:radial-gradient(ellipse at 82% 5%,rgba(18,169,167,.15),transparent 32%),#07171c;color:var(--ink-soft);overflow-x:clip}
body,h1,h2,h3,h4,h5,h6{font-family:"Manrope","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.header-area,.header-area.sticky{background:rgba(7,23,28,.94);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(18px)}
.navbar{padding:18px 0}.navbar-brand img{width:220px;max-width:220px}.navbar-nav li a{color:#bbcdcf}.navbar-nav li.active a,.navbar-nav li a:hover{color:#62ddd3}
.language-switch{background:#10272d;border-color:var(--line);box-shadow:none}.lang-btn{color:#b4cece}.lang-btn.active{background:var(--primary);box-shadow:none}
.main-btn{background:var(--primary);border-radius:10px;box-shadow:none}.main-btn-2{background:transparent;border:1px solid #2a6567;color:#d2f7f1}.main-btn:hover{background:#119a98;color:white}
.hero-area{padding:140px 0 36px;isolation:isolate}.hero-orb{display:none}
.hero-area:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(94,200,193,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(94,200,193,.16) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 88%)}
.hero-shell{padding:30px 0 0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.hero-copy{max-width:565px}.eyebrow{border:1px solid rgba(18,169,167,.25);border-radius:6px;background:rgba(18,169,167,.08);color:#62ddd3;font-size:12px;letter-spacing:.06em;font-weight:600}
.hero-copy h1{max-width:560px;font-size:clamp(42px,4.4vw,64px);line-height:1.22;letter-spacing:-.035em;margin-top:24px;font-weight:700;text-wrap:balance}
.hero-text{font-size:17px;line-height:1.9;max-width:490px;margin-top:24px;color:#a0b8bb}
.hero-cta,.download-cta-group{gap:12px;margin-top:28px}
.store-btn{width:205px;min-height:70px;padding:13px 18px;border-radius:12px;background:#132d33;border:1px solid #285055;box-shadow:none;color:#efffff;gap:12px}
.store-btn-android{background:#12a9a7;border-color:#12a9a7}.store-btn small{color:#afc7c9}.store-btn-android small{color:#e1ffff}.store-btn:hover{color:white;background:#16434a;box-shadow:0 0 28px rgba(18,169,167,.13);transform:translateY(-3px)}
.store-icon{background:rgba(255,255,255,.08);border:0;border-radius:9px;width:37px;height:40px;flex-basis:37px}.store-btn strong{font-size:15px}.store-btn small{font-size:12px}
.hero-inline-meta{margin-top:24px}.hero-qr-card{width:auto;display:inline-flex;background:transparent;box-shadow:none;border:0;padding:0;gap:14px}.hero-qr-card img{width:68px;height:68px;border-radius:8px}.hero-qr-card h6{font-size:14px}.hero-qr-card p{font-size:12px;max-width:230px}.hero-note{gap:18px;margin-top:20px}.note-chip{padding:0;background:none;font-size:12px;color:#a6c9c7;font-weight:500}.note-chip:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--primary);margin-right:7px}
.hero-visual{padding:0 0 0 28px}.hero-device-stack{min-height:555px;border:1px solid rgba(18,169,167,.25);border-radius:24px;background:radial-gradient(ellipse at center,rgba(18,169,167,.13),transparent 70%);overflow:hidden}
.hero-device-stack:before{content:"";position:absolute;inset:20px;border:1px solid rgba(18,169,167,.18);border-radius:14px;pointer-events:none}
.hero-device-stack:after{content:"";position:absolute;z-index:6;left:5%;right:5%;height:2px;top:10%;background:linear-gradient(90deg,transparent,#58eee1,transparent);box-shadow:0 0 18px rgba(18,169,167,.8),0 -15px 36px rgba(18,169,167,.16);animation:product-scan 5s ease-in-out infinite;pointer-events:none}
@keyframes product-scan{0%,100%{top:12%;opacity:.2}50%{top:86%;opacity:.9}}
.device-card{border-radius:20px;border:1px solid #2b686c;box-shadow:0 20px 45px rgba(0,0,0,.28)}.card-front{width:62%;top:40px;right:25px;transform:rotate(3deg)}.card-back{width:49%;left:24px;bottom:35px;transform:rotate(-6deg)}
.floating-stat{background:#12363c;border:1px solid #286268;color:#e5faf6;box-shadow:0 12px 25px rgba(0,0,0,.2);border-radius:10px;z-index:7}.floating-stat strong{color:#e5faf6}.floating-stat span{color:#a3c8c7}.floating-stat-top{left:8px;top:90px}.floating-stat-bottom{bottom:45px;right:12px}
.scene-card{display:none}.hero-metrics{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);gap:24px}.metric-card{background:none;border:0;border-radius:0;box-shadow:none;padding:0}.metric-card strong{font-size:16px;font-weight:500;color:#38bdb7}.metric-card span{color:#9db9bc;font-size:13px}
.trusted-area{padding-top:32px}.trusted-bar{background:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:26px 0}.trusted-tags span{background:#10282e;border:1px solid var(--line);border-radius:6px;color:#add0cf;font-weight:500}
.hero-compare-card{margin:36px 0 0;padding:28px;background:#0c2228;border:1px solid var(--line);box-shadow:none;border-radius:16px;display:grid;grid-template-columns:1fr 1.25fr;gap:36px;align-items:center}.compare-head h3{font-size:22px;line-height:1.5}.compare-head p{color:#9db7b9}.compare-grid{margin:0}.compare-col{border-radius:10px;background:#102b31}.compare-new{background:rgba(18,169,167,.12)}.compare-label{color:#76ded6;background:rgba(18,169,167,.1)}.compare-col li{color:#adcbcb}
.section-heading{max-width:790px;margin-bottom:40px}.section-heading h2{font-size:42px;line-height:1.35;letter-spacing:-.025em;font-weight:650;text-wrap:balance}.section-heading p{font-size:16px;color:#98b1b5}
.feature-showcase,.workflow-area,.testimonial-area,.download-area{padding-top:80px;padding-bottom:40px}.feature-card{background:#0d242a;border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:30px;transition:background .2s,transform .2s,border-color .2s}.feature-card:hover{background:#123138;border-color:#287c7b;box-shadow:none}.feature-icon{border-radius:8px;font-size:16px;background:rgba(18,169,167,.12);color:#55d3c9}.feature-card h3{font-size:21px}.feature-card p{font-size:15px;color:#9db6bb}
.workflow-panel{background:linear-gradient(130deg,#102b32,#0e383d);border:1px solid #245057;border-radius:20px;box-shadow:none}.workflow-step-card{background:rgba(7,23,28,.35);border:1px solid var(--line);border-radius:12px;box-shadow:none}
.testimonial-area{background:none}.single-testimonial{background:#0e272d;border:1px solid var(--line);border-radius:14px;box-shadow:none}.single-testimonial p{color:#c1d6d6}.single-testimonial h5{color:#64d8d0}
.download-shell{background:radial-gradient(ellipse at 85% 30%,rgba(18,169,167,.18),transparent 60%),#0c272d;border:1px solid #245157;border-radius:22px;box-shadow:none}.download-copy h2{font-size:42px;line-height:1.4}.download-copy p{color:#9fbabb}.download-qr{background:#f3faf9;color:#30494e;border-radius:14px}.download-qr p{color:#30494e}.footer-shell{background:#081b21;border:1px solid var(--line);border-radius:18px;box-shadow:none}.footer-area{padding-top:50px}.footer-bottom{border-color:var(--line)}
/* Content must remain readable when animation libraries fail or motion is reduced. */
.wow{visibility:visible!important;animation:none!important}
a:focus-visible,button:focus-visible{outline:2px solid #79eee3;outline-offset:5px}
@media(min-width:992px){.hero-shell>.row{align-items:center!important}.hero-copy{padding-right:12px}}
@media(max-width:991px){.navbar .navbar-collapse{background:#10272d;border:1px solid var(--line);border-radius:12px}.hero-area{padding-top:105px}.hero-shell{padding:10px 0 0}.hero-copy{max-width:660px}.hero-visual{padding:0;margin:36px auto 0;max-width:550px}.hero-device-stack{min-height:510px}.hero-compare-card{grid-template-columns:1fr;gap:20px}.header-actions{margin-left:0}.hero-metrics{margin-top:30px}.hero-copy h1{font-size:48px}}
@media(max-width:575px){.container{padding-left:22px;padding-right:22px}.navbar{padding:13px 0}.navbar-brand img{width:175px;max-width:175px}.hero-area{padding-top:85px}.hero-copy h1{font-size:38px;line-height:1.24;margin-top:20px}.hero-text{font-size:15px;line-height:1.8;margin-top:18px}.eyebrow{font-size:10px;letter-spacing:0}.hero-cta,.download-cta-group{flex-wrap:nowrap;gap:8px}.store-btn{width:calc(50% - 4px);min-height:64px;padding:11px 9px;gap:7px;border-radius:10px}.store-icon{width:27px;flex-basis:27px;height:30px}.store-btn img{width:20px;height:20px}.store-btn strong{font-size:12px}.store-btn small{font-size:10px}.hero-inline-meta{margin-top:20px}.hero-qr-card img{width:56px;height:56px}.hero-qr-card p{font-size:11px}.hero-note{gap:14px}.hero-device-stack{min-height:390px}.card-front{top:26px;right:18px;width:63%}.card-back{left:18px;bottom:24px;width:48%}.floating-stat{max-width:160px;padding:12px}.floating-stat strong{font-size:14px}.floating-stat span{font-size:10px}.floating-stat-top{top:65px;left:0}.floating-stat-bottom{bottom:25px;right:0}.hero-metrics{grid-template-columns:1fr;gap:15px}.metric-card{display:flex;align-items:center;gap:14px}.metric-card strong{margin:0}.metric-card span{margin:0;font-size:12px}.trusted-bar{padding:20px 0}.trusted-tags{gap:8px}.trusted-tags span{font-size:11px;padding:7px 10px}.hero-compare-card{padding:20px}.compare-head h3{font-size:19px}.compare-grid{grid-template-columns:1fr}.feature-showcase,.workflow-area,.testimonial-area,.download-area{padding-top:50px;padding-bottom:20px}.section-heading{margin-bottom:26px}.section-heading h2,.download-copy h2,.workflow-copy h2{font-size:29px;line-height:1.4}.section-heading p{font-size:14px}.feature-card{padding:24px}.workflow-panel,.download-shell{padding:24px;border-radius:16px}.download-visual{margin-top:28px}.footer-shell{padding:26px 20px}.hero-qr-card{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-device-stack:after{animation:none;top:45%;opacity:.5}*,*:before,*:after{transition:none!important}}

.hero-copy h1{white-space:pre-line;text-wrap:initial}
@media(max-width:575px){.hero-area{padding-top:125px}.hero-cta,.download-cta-group{flex-direction:row}.hero-copy h1{font-size:36px}}

.header-actions .web-console-btn{white-space:nowrap;color:#edfffd;padding:0 23px;gap:10px;min-height:52px;border-radius:999px;border:1px solid rgba(123,232,222,.48);background:rgba(18,169,167,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s}
.header-actions .web-console-btn:hover{background:rgba(18,169,167,.25);border-color:#70e0d6;box-shadow:0 0 24px rgba(18,169,167,.15)}
.desktop-login-icon{display:block;width:23px;height:23px;flex:0 0 23px}
@media(max-width:991px){.header-actions{flex-wrap:wrap;gap:12px}.header-actions .web-console-btn{min-height:46px}}

@media(min-width:992px){.header-actions{gap:64px}}

.product-tour{padding:70px 0 15px}.product-tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-tour-card{border:1px solid #22464e;border-radius:18px;background:linear-gradient(145deg,#102b32,#0a2026);overflow:hidden}.product-tour-copy{padding:30px 32px 24px}.product-tour-copy>span{font:11px monospace;letter-spacing:.12em;color:#48bdb3}.product-tour-copy h3{font-size:24px;margin:15px 0 12px}.product-tour-copy p{font-size:15px;line-height:1.8}.product-tour-image{margin:0 20px 24px;background:radial-gradient(ellipse at 50% 55%,rgba(18,169,167,.12),transparent 70%);height:410px;display:flex;justify-content:center;align-items:center;padding:0 8px}.product-tour-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 14px 20px rgba(0,0,0,.18))}
@media(max-width:575px){.product-tour{padding-top:48px}.product-tour-grid{grid-template-columns:1fr;gap:20px}.product-tour-copy{padding:23px}.product-tour-copy h3{font-size:21px}.product-tour-image{height:320px;margin:0 12px 18px;padding:0}.product-tour-image img{max-height:100%}}
@media(prefers-reduced-motion:reduce){.scan-item,.scan-check,.scan-result{transition:none}}

/* Continuous scanning inside a compact product mockup. */
.scan-demo{max-width:370px;margin:0 auto;width:100%;color:#b2cfce}
.scan-demo-top{display:flex;align-items:center;justify-content:space-between;margin:0 8px 14px;font-size:10px;letter-spacing:.14em;color:#80aaa9}
.scan-toggle{background:#123038;border:1px solid #315158;border-radius:20px;color:#bce5df;font-size:10px;padding:6px 12px;cursor:pointer;letter-spacing:0}.scan-toggle:hover{border-color:#12a9a7;color:white}
.scan-phone{background:#f8fcfb;border:8px solid #16343a;border-radius:43px;overflow:hidden;box-shadow:0 0 0 1px #507478,0 30px 65px #0005,0 0 100px #12a9a712;position:relative}
.scan-phone-status{height:30px;background:#092a31;display:flex;justify-content:space-between;align-items:center;padding:0 21px;color:#eafffb;font:9px monospace;position:relative}.scan-phone-status i{position:absolute;width:65px;height:15px;border-radius:20px;background:#061d23;left:50%;transform:translateX(-50%)}
.scan-app-bar{background:linear-gradient(110deg,#0c666e,#12a9a7);display:flex;align-items:center;gap:10px;padding:12px 18px;color:white}.scan-app-icon{font-size:29px;line-height:32px}.scan-app-bar strong{display:block;font-size:17px;line-height:1.5;color:white}.scan-app-bar small{font-size:9px;color:#d4f4ee;display:block}.scan-app-focus{margin-left:auto;font-size:28px;font-weight:300}
.scan-camera{height:242px;background:radial-gradient(ellipse at center,#254a50,#102c33);position:relative;overflow:hidden}.scan-camera:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a4e1d707 1px,transparent 1px),linear-gradient(90deg,#a4e1d707 1px,transparent 1px);background-size:24px 24px}.scan-camera-meta{position:absolute;top:15px;left:18px;right:18px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.13em;color:#9fc8c8}.scan-camera-state{color:#7de2d1}
.scan-target{position:absolute;top:57px;left:15%;width:70%;height:132px;transition:filter .3s}.scan-paper{position:absolute;inset:5px;background:#f9faf1;border-radius:4px;padding:14px 22px 10px;text-align:center;color:#12383e;box-shadow:0 10px 20px #0002;will-change:transform,opacity}.scan-paper>span{display:block;font-size:7px;letter-spacing:.18em;color:#62817e;margin-bottom:10px}.scan-barcode{display:block;width:100%;height:48px;fill:#12353b}.scan-current-code{display:block;font:600 11px monospace;letter-spacing:.18em;margin-top:9px;color:#12353b}
.scan-corner{position:absolute;width:16px;height:16px;border:solid #55968f;opacity:.65;transition:border-color .2s,opacity .2s}.scan-corner.tl{left:0;top:0;border-width:2px 0 0 2px}.scan-corner.tr{right:0;top:0;border-width:2px 2px 0 0}.scan-corner.bl{left:0;bottom:0;border-width:0 0 2px 2px}.scan-corner.br{right:0;bottom:0;border-width:0 2px 2px 0}
.scan-detected{position:absolute;top:-21px;left:0;font-size:9px;background:#12a9a7;color:white;padding:3px 8px;border-radius:3px 3px 0 0;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.is-detected .scan-detected{opacity:1;transform:none}.is-detected .scan-corner{border-color:#5df0d2;opacity:1}.is-detected .scan-target{filter:drop-shadow(0 0 9px #12a9a72a)}
.scan-beam{position:absolute;left:10%;right:10%;height:1px;top:68px;background:linear-gradient(90deg,transparent,#60e9d8 20%,#b6fff0 50%,#60e9d8 80%,transparent);box-shadow:0 0 12px #71ffdc66;pointer-events:none}.scan-beam:before{content:"";position:absolute;left:0;right:0;height:22px;bottom:0;background:linear-gradient(transparent,#42dec51a)}.scan-live-status{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;margin:0;color:#d0e8e4}
.scan-mode{background:#edf7f3;padding:10px 14px;display:flex;justify-content:space-between;color:#43837b;font-size:9px;border-bottom:1px solid #dfefea}.scan-records{height:218px;padding:0 15px;background:#fff;position:relative}.scan-results-head{display:flex;justify-content:space-between;align-items:center;height:43px;font-size:9px;color:#73918b}.scan-results-head strong{font-size:11px;color:#193e42}.scan-counter{font-weight:500}.scan-results{display:flex;flex-direction:column;gap:0}.scan-record{height:49px;flex:none;display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf2f0;animation:none}.scan-record-icon{display:grid;place-items:center;width:28px;height:30px;border-radius:6px;background:#e3f5ef;color:#12998b;font:20px monospace}.scan-record strong{display:block;font:600 11px monospace;letter-spacing:.015em;color:#153e45}.scan-record small{display:block;font-size:8px;color:#7a948f;margin-top:4px}.scan-record> b{margin-left:auto;color:#188f80;font-size:10px;font-weight:500}.scan-empty{position:absolute;top:105px;left:0;right:0;text-align:center;color:#9db3af;font-size:11px}
.scan-phone-summary{display:flex;justify-content:space-between;background:#f0f7f4;padding:10px 17px;font-size:9px;color:#6b8c84}.scan-phone-summary b{font-weight:500;color:#278c7d;margin-left:5px}.scan-summary-check{color:#12a9a7}.scan-home-indicator{height:4px;width:82px;background:#19383e;border-radius:10px;margin:8px auto}.scan-demo-caption{text-align:center;margin-top:18px}.scan-demo-caption strong{display:block;color:#83d8ca;font-size:12px;font-weight:500}.scan-demo-caption>span{display:block;font-size:9px;margin-top:5px;color:#6e9597}
@keyframes record-enter{from{opacity:0;transform:translateY(-12px);background:#e6faf1}to{opacity:1;transform:translateY(0);background:#fff}}
.scan-record:first-child{animation:record-enter .4s ease-out}
@media(max-width:575px){.scan-demo{max-width:340px}.scan-phone{border-width:7px;border-radius:36px}.scan-target{left:12%;width:76%}.scan-demo-top{font-size:9px}.scan-record strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.scan-record{animation:none}}

.scan-app-icon{display:block;width:34px;height:34px;flex:0 0 34px;object-fit:contain;border-radius:8px}

.scan-barcode{object-fit:contain}
.scan-paper.is-square{padding-top:7px}
.scan-paper.is-square>span{margin-bottom:3px;font-size:6px}
.scan-paper.is-square .scan-barcode{height:76px;width:76px;margin:0 auto}
.scan-paper.is-square .scan-current-code{font-size:9px;margin-top:3px;letter-spacing:.09em}


.download-visual .download-qr{width:190px;flex:0 0 auto;padding:16px}

/* Quiet floating feature notes alongside the scanning demonstration. */
.hero-visual{position:relative}
.hero-float-note{position:absolute;z-index:3;width:156px;padding:17px 16px;border:1px solid #38716f;border-radius:15px;background:rgba(17,48,54,.96);box-shadow:0 15px 35px #0003;pointer-events:none;animation:feature-note-drift 5s ease-in-out infinite}
.hero-float-note strong{display:block;color:#e0faf4;font-size:15px;font-weight:600;margin-top:9px}
.hero-float-note p{color:#97c0bd;font-size:11px;line-height:1.7;margin:6px 0 0}
.note-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#69ded0;background:#12a9a71f;font-size:20px;line-height:1}
.note-capture{left:-12px;top:158px}.note-sync{right:-12px;bottom:130px;animation-delay:-2.5s}
@keyframes feature-note-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(min-width:992px) and (max-width:1199px){.hero-float-note{width:127px;padding:13px 11px}.note-capture{left:-10px;top:100px}.note-sync{right:-8px;bottom:90px}.hero-float-note strong{font-size:13px}.hero-float-note p{font-size:10px}}
@media(max-width:575px){.hero-visual{display:flex;flex-direction:column}.hero-float-notes{order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.hero-float-note{position:static;width:auto;padding:14px;animation-duration:6s}.hero-float-note strong{font-size:14px}.hero-float-note p{font-size:10px}.note-symbol{float:left;margin-right:8px;width:24px;height:24px;font-size:18px}.hero-float-note strong{margin-top:2px}.hero-float-note p{clear:both;padding-top:6px}}
@media(prefers-reduced-motion:reduce){.hero-float-note{animation:none}}

.note-sync{bottom:205px}.note-excel{left:-12px;bottom:65px;animation-delay:-1.5s}
@media(min-width:992px) and (max-width:1199px){.note-sync{bottom:190px}.note-excel{left:-10px;bottom:40px}}
@media(max-width:575px){.hero-float-notes{grid-template-columns:1fr 1fr}.note-excel{grid-column:1 / -1}.note-excel p{clear:none;padding-top:0;margin-left:32px}}

.note-offline{right:-12px;top:165px;animation-delay:-2s}
.note-sync{bottom:170px}
@media(min-width:992px) and (max-width:1199px){.note-offline{right:-8px;top:255px}.note-sync{bottom:160px}}
@media(max-width:575px){.note-excel{grid-column:auto}.note-excel p{clear:both;padding-top:6px;margin-left:0}}