/* Shared Pooyesh tokens; no animation library, WebGL or scroll locking. */
.cro-page{--cro-blue:#0c66e4;--cro-ink:#172b46;--cro-muted:#53647a;--cro-line:#dae4f0;--cro-soft:#f2f7fd;background:#fff;color:var(--cro-ink);font-size:15px;line-height:2;overflow-x:clip}.cro-page *{box-sizing:border-box}.cro-shell{width:min(1180px,100%);padding-inline:32px;margin-inline:auto}.cro-page h1,.cro-page h2,.cro-page h3{font-weight:700;color:var(--cro-ink);text-wrap:balance}.cro-page h1{font-size:clamp(34px,3.7vw,53px);line-height:1.7;letter-spacing:-1.2px;margin:12px 0 20px}.cro-page h1 em{font-style:normal;color:var(--cro-blue)}.cro-page h2{font-size:clamp(25px,2.6vw,36px);line-height:1.8;margin-bottom:18px}.cro-page h3{font-size:19px;line-height:1.9}.cro-page p{color:var(--cro-muted)}.cro-page .cro-eyebrow{color:var(--cro-blue);font-size:12px;font-weight:600;letter-spacing:0;margin:0 0 14px}.cro-intro{font-size:16px;line-height:2.15;max-width:560px}.cro-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:75px 65px}.cro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-block:28px 14px}.cro-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--cro-blue);color:#fff!important;border:1px solid var(--cro-blue);border-radius:9px;min-height:52px;padding:12px 23px;font-size:14px;font-weight:700;line-height:1.8;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.cro-button:hover{background:#0956c4;box-shadow:0 8px 20px #0c66e429;transform:translateY(-1px)}.cro-button:disabled{opacity:.7;cursor:wait;transform:none}.cro-text-link{display:inline-flex;align-items:center;min-height:44px;color:#1558ab;font-size:13px;font-weight:600}.cro-note{font-size:11px!important;line-height:2;max-width:850px;margin-top:16px;color:#596c82!important}.cro-page :is(a,button,input,summary,[tabindex]):focus-visible{outline:3px solid #0c66e4;outline-offset:5px}.cro-page input[aria-invalid=true]{border-color:#b4232d}.cro-page section[id]{scroll-margin-top:88px}.cro-section-heading{max-width:640px;margin-bottom:35px}.cro-window-bar{display:block;direction:ltr;text-align:left;font:9px Arial,sans-serif;letter-spacing:2px;padding:10px 14px;color:#6681a1;border-bottom:1px solid #dce6f1;background:#f6f9fd}.cro-enquiry{display:grid;grid-template-columns:1fr 420px;gap:90px;align-items:start;padding-block:75px;border-top:1px solid var(--cro-line)}.cro-enquiry>div>p:not(.cro-note){max-width:520px}.cro-phone{display:flex;flex-wrap:wrap;gap:14px;color:#1558ab;font-size:14px;margin-top:26px}.cro-form{padding:28px;border:1px solid #ccdbea;border-radius:14px;background:#fff;box-shadow:0 16px 48px #244a7510}.cro-form label{display:block;font-size:13px;font-weight:600;margin:12px 0 7px}.cro-form input{display:block;width:100%;min-width:0;min-height:49px;background:white;border:1px solid #b4c3d5;border-radius:7px;color:var(--cro-ink);padding:10px 12px;font-size:15px}.cro-form details{margin-block:18px}.cro-form summary{font-size:12px;color:#52647b;min-height:36px;cursor:pointer}.cro-form summary span{font-size:11px}.cro-form .cro-button{width:100%}.cro-form [role=status]{font-size:13px;margin-top:16px;color:#a32631}.cro-form [data-success=true]{color:#23623c}.cro-form [hidden]{display:none!important}.cro-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-block:55px 80px;border-top:1px solid var(--cro-line)}.cro-faq details{border-bottom:1px solid var(--cro-line);padding-block:17px}.cro-faq summary{cursor:pointer;font-weight:600;font-size:14px;min-height:32px}.cro-faq details p{font-size:13px;line-height:2.15;padding-top:14px}.cro-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-block:35px}.cro-feature-grid article{border-top:1px solid #cbdced;padding-top:23px}.cro-feature-grid article>span{font-size:12px;color:#607d9d}.cro-feature-grid p{font-size:14px;margin-top:10px}.story-controls{display:flex;flex-wrap:wrap;gap:8px;margin-block:20px}.story-controls button{border:1px solid #c6d5e7;border-radius:6px;padding:8px 14px;font-size:12px;min-height:44px;color:#425f80;background:#fff;cursor:pointer}.story-controls button[aria-pressed=true]{background:#0c66e4;color:#fff;border-color:#0c66e4}.evolution-story{padding-block:45px 65px}.evolution-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.evolution-visual{position:sticky;top:125px;align-self:start;height:390px;perspective:1000px;isolation:isolate;background:#f4f8fd;border-radius:18px;overflow:hidden}.evolution-orbit{position:absolute;inset:40px;border:1px solid #d3e3f5;border-radius:50%;transform:rotateX(55deg)}.evolution-loyalty{position:absolute;top:110px;right:17%;width:240px;padding:24px;background:#fff;border:1px solid #cbdced;border-radius:12px;box-shadow:0 15px 30px #12335118;transform:rotateY(-15deg) rotateZ(5deg);transition:transform .45s,opacity .45s}.evolution-loyalty>*{display:block}.evolution-loyalty>span{font:11px Arial,sans-serif;letter-spacing:3px;color:#0c66e4}.evolution-loyalty strong{font-size:25px;margin-top:13px}.evolution-loyalty small{font-size:11px;color:#5b6f84}.evolution-panel{position:absolute;inset:55px 28px auto;opacity:.25;transform:translateY(40px) rotateY(-10deg);transition:transform .45s,opacity .45s;z-index:-1}.evolution-panel img{width:100%;height:auto;border:5px solid white;box-shadow:0 15px 30px #12335118;border-radius:9px}.evolution-panel span{display:block;font-size:11px;text-align:center}.evolution-app{position:absolute;width:107px;left:26px;top:94px;opacity:0;transform:translateY(40px) rotateY(15deg);transition:transform .45s,opacity .45s}.evolution-app img{width:100%;border:4px solid #fff;border-radius:15px;box-shadow:0 12px 30px #12335126}.evolution-credit{position:absolute;bottom:32px;right:30px;left:30px;padding:12px;background:#e7f0fd;border:1px solid #c7dbf7;border-radius:8px;text-align:center;font-size:13px;color:#1558ab;opacity:0;transition:opacity .4s}.evolution-story[data-step="1"] .evolution-loyalty,.evolution-story[data-step="2"] .evolution-loyalty,.evolution-story[data-step="3"] .evolution-loyalty{opacity:0;transform:translateX(80px) rotateY(-35deg)}.evolution-story:not([data-step="0"]) .evolution-panel{opacity:1;transform:translateY(15px) rotateY(-8deg);z-index:0}.evolution-story[data-step="2"] .evolution-app,.evolution-story[data-step="3"] .evolution-app{opacity:1;transform:translateY(0) rotateY(5deg)}.evolution-story[data-step="3"] .evolution-credit{opacity:1}.evolution-steps,.barcode-steps{list-style:none;margin:0;padding:0}.evolution-steps li,.barcode-steps li{padding:20px 0 40px;border-top:1px solid var(--cro-line);min-height:190px;opacity:.65}.evolution-steps li.is-current,.barcode-steps li.is-current{opacity:1}.evolution-steps li>span,.barcode-steps li>span{font-size:11px;color:#0c66e4}.evolution-steps li h3,.barcode-steps li h3{margin-top:8px}.evolution-steps p,.barcode-steps p{font-size:14px;margin-top:12px}.upgrade-product{position:relative;margin:0;padding-block:24px 75px;min-width:0;perspective:1000px}.upgrade-screen{border:1px solid #d5e2f1;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #234a771b;transform:rotateY(-9deg) rotateX(3deg)}.upgrade-screen img{width:100%;height:auto;display:block}.upgrade-mobile{position:absolute;width:25%;bottom:48px;left:-8px;padding:4px;background:#fff;border:1px solid #cbd9e8;border-radius:17px;box-shadow:0 15px 30px #193b6426;transform:rotateY(8deg) rotateZ(-3deg)}.upgrade-mobile img{width:100%;height:auto;display:block;border-radius:12px}.upgrade-product figcaption{font-size:10px;color:#667f98;margin-top:24px;text-align:center;max-width:85%;margin-inline:auto}.upgrade-value{background:#f0f6fd;padding-block:56px;text-align:center}.upgrade-value .cro-eyebrow{margin-bottom:10px}.upgrade-value p:not(.cro-eyebrow){font-size:13px;max-width:760px;margin:auto}.upgrade-equation{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin:30px 0;font-size:17px}.upgrade-equation>b{font:28px Arial,sans-serif;color:#6483a7}.upgrade-equation__credit{padding:16px 25px;border:1px solid #accbf1;border-radius:12px;background:#fff;color:#0c66e4}.upgrade-path{padding-block:65px}.upgrade-path ol{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:30px;list-style:none;padding:0}.upgrade-path li>b{display:block;color:#0c66e4;font-size:20px;margin-bottom:12px}.upgrade-path p{font-size:13px}.upgrade-support{padding-bottom:45px;font-size:13px;display:flex;gap:20px;flex-wrap:wrap}.upgrade-support a{color:#1558ab}.barcode-hero-art{margin:0}.barcode-hero-art img{display:block;width:100%;height:auto}.barcode-hero-art figcaption{font-size:10px;color:#647d98;margin-top:16px;text-align:center}.barcode-problem{padding-block:50px;border-top:1px solid var(--cro-line);display:flex;justify-content:space-between;align-items:center;gap:50px}.barcode-problem>p{max-width:370px;font-size:17px}.barcode-story{padding-block:35px 65px}.barcode-workflow-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:75px}.barcode-workbench{position:sticky;top:130px;align-self:start;height:425px;border:1px solid #dbe6f3;border-radius:20px;background:radial-gradient(ellipse at 50% 70%,#e7effa,#f9fbff);perspective:1000px;overflow:hidden}.barcode-box{position:absolute;right:30px;top:150px;width:205px;background:#d5b58b;padding:20px;border:1px solid #bb9a6d;border-radius:4px;transform:rotateY(-22deg) rotateZ(7deg);box-shadow:-15px 15px 0 #b99970;transition:transform .5s}.barcode-box>span{font:8px Arial,sans-serif;letter-spacing:1.5px;color:#53422e}.barcode-box svg{display:block;width:100%;height:65px;background:white;color:#182c43;margin-top:10px;padding:8px}.barcode-box small{font:9px Arial,sans-serif;color:#443827}.barcode-scan-line{height:3px;background:#1270ee;box-shadow:0 0 12px #1d79f1;position:absolute;left:10px;right:10px;top:55px;transform:translateY(calc(var(--story-progress,0)*55px));opacity:0;transition:transform .45s,opacity .2s}.barcode-terminal{position:absolute;left:28px;top:30px;width:205px;height:320px;background:#fff;border:7px solid #153455;border-radius:23px;box-shadow:0 22px 30px #1d426726;transform:rotateY(12deg) rotateZ(-4deg);overflow:hidden}.barcode-terminal__bar{background:#eaf2fc;padding:14px 10px;font:9px Arial,sans-serif;color:#1558ab;letter-spacing:1px}.barcode-terminal__bar>span{display:block;font:9px inherit;letter-spacing:0;margin-top:8px}.barcode-terminal__scan{text-align:center;margin-top:45px;font-size:80px;color:#1769d6;opacity:.45}.barcode-terminal__result{position:absolute;inset:70px 12px 12px;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s}.barcode-terminal__result .cro-eyebrow{font-size:9px}.barcode-terminal__result h3{font-size:16px}.barcode-terminal__result dl{font-size:10px;margin-top:17px}.barcode-terminal__result dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #e0e9f5;padding:7px 0}.barcode-operation{font-size:10px;background:#f0f6ff;padding:9px;margin-top:20px;opacity:0}.barcode-record{font-size:10px;color:#24744a!important;margin-top:12px;opacity:0}.barcode-ledger{position:absolute;left:25px;right:25px;bottom:16px;padding:12px;background:#fff;border:1px solid #c8d9ec;border-radius:8px;font-size:11px;opacity:.2;transition:opacity .3s,transform .3s;transform:translateY(10px)}.barcode-ledger>div{display:flex;gap:10px;margin-top:8px}.barcode-ledger i{height:5px;flex:1;background:#c8dbf4;border-radius:2px}.barcode-ledger p{font-size:9px;margin-top:5px}.barcode-story[data-step="1"] .barcode-scan-line{opacity:1}.barcode-story:not([data-step="0"]):not([data-step="1"]) .barcode-terminal__result{opacity:1;transform:none}.barcode-story:not([data-step="0"]):not([data-step="1"]) .barcode-terminal__scan{opacity:0}.barcode-story[data-step="3"] .barcode-operation,.barcode-story[data-step="4"] .barcode-operation,.barcode-story[data-step="4"] .barcode-record{opacity:1}.barcode-story[data-step="4"] .barcode-ledger{opacity:1;transform:none}.barcode-capabilities{background:#f2f7fd;padding-block:55px}.barcode-ecosystem{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:25px;padding:25px;border-top:1px solid #cbdced;font-size:14px}.barcode-ecosystem b{color:#0c66e4}.barcode-use{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:65px}.barcode-use dl>div{border-top:1px solid #d8e3f0;padding:18px 0}.barcode-use dt{font-weight:700;font-size:16px}.barcode-use dd{font-size:13px;color:#53647a;margin-top:5px}.barcode-comparison{padding-bottom:65px}.barcode-comparison>div{display:grid;grid-template-columns:1fr 50px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #dae4f0;font-size:14px}.barcode-comparison>div>span{color:#64778e}.barcode-comparison b{color:#0c66e4}.hardware-hero-art{margin:0;background:#f0f6fd;min-height:430px;border-radius:22px;display:flex;align-items:center;justify-content:center;position:relative}.hardware-hero-art img{height:360px;width:85%;object-fit:contain;filter:drop-shadow(10px 20px 14px #15375d22);transform:rotateY(-12deg) rotateZ(-3deg)}.hardware-hero-art figcaption{position:absolute;bottom:17px;font-size:10px;color:#5b7592}.hardware-methods{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hardware-methods span{font-size:12px;padding:7px 14px;background:#edf4fd;border:1px solid #d5e4f7;border-radius:5px;color:#235c9f}.hardware-specs{padding-block:55px}.hardware-specs table{width:100%;border-collapse:collapse;font-size:14px}.hardware-specs th,.hardware-specs td{text-align:start;border-bottom:1px solid #dae4f0;padding:15px}.hardware-specs th{font-weight:600;color:#53647a;width:45%}.hardware-service{background:#f2f7fd;padding-block:50px}.hardware-integration{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:65px;align-items:center}.hardware-integration img{width:100%;height:auto;border:1px solid #d9e4f1;border-radius:10px}.cro-mobile-cta{display:none}
@media(max-width:1023px){.cro-hero{gap:30px}.cro-enquiry{gap:40px;grid-template-columns:1fr 1fr}.barcode-terminal{width:180px;left:15px}.barcode-box{right:24px;width:155px}.evolution-layout,.barcode-workflow-layout{gap:35px}.upgrade-mobile{left:0}.evolution-loyalty{right:10%;width:210px}.evolution-app{width:90px;left:17px}}
@media(max-width:767px){.cro-shell{padding-inline:22px}.cro-hero{grid-template-columns:1fr;padding-block:38px 30px;gap:22px}.cro-page h1{font-size:35px;line-height:1.75;letter-spacing:-.7px}.cro-intro{font-size:14px}.cro-actions{gap:14px;margin-top:24px}.cro-button{font-size:13px;padding-inline:18px}.cro-enquiry,.cro-faq,.barcode-use,.hardware-integration{grid-template-columns:1fr;gap:28px;padding-block:40px}.cro-enquiry{padding-top:45px}.cro-form{padding:22px}.cro-faq{padding-bottom:45px}.cro-feature-grid{grid-template-columns:1fr;gap:18px;margin-block:25px}.cro-feature-grid article{padding-top:15px}.cro-feature-grid p{margin-top:4px}.upgrade-product{padding-block:15px 38px;margin-inline:4px}.upgrade-mobile{bottom:30px;width:23%;border-radius:12px}.upgrade-mobile img{border-radius:9px}.upgrade-product figcaption{font-size:9px;margin-top:16px}.upgrade-screen{transform:rotateY(-5deg)}.upgrade-equation{gap:12px;font-size:12px;flex-wrap:nowrap}.upgrade-equation__credit{padding:12px 9px}.upgrade-equation>b{font-size:20px}.upgrade-value{padding-block:35px}.upgrade-value p:not(.cro-eyebrow){font-size:12px}.upgrade-path{padding-block:40px}.upgrade-path ol{grid-template-columns:1fr;gap:20px}.upgrade-path li{display:grid;grid-template-columns:28px 1fr;gap:0 12px}.upgrade-path li>p{grid-column:2}.evolution-layout,.barcode-workflow-layout{grid-template-columns:1fr;gap:20px}.evolution-visual,.barcode-workbench{position:relative;top:auto;width:100%;height:340px}.evolution-panel{inset:42px 20px auto}.evolution-app{top:69px;width:86px}.evolution-credit{bottom:20px;font-size:11px}.evolution-loyalty{top:95px;right:16%;width:210px;padding:20px}.evolution-steps li,.barcode-steps li{min-height:0;padding:16px 0;opacity:1}.evolution-steps li h3,.barcode-steps li h3{font-size:16px}.evolution-steps p,.barcode-steps p{font-size:13px;margin-top:6px}.evolution-story,.barcode-story{padding-block:30px}.story-controls{gap:6px}.story-controls button{padding:8px 11px;font-size:11px}.barcode-problem{display:block;padding-block:30px}.barcode-problem p{font-size:14px;margin-bottom:18px}.barcode-capabilities{padding-block:35px}.barcode-ecosystem{gap:10px;padding:20px 0;font-size:11px}.barcode-terminal{left:17px;top:20px;width:172px;height:267px}.barcode-terminal__bar{padding:11px 8px}.barcode-terminal__result{inset:61px 9px 9px}.barcode-terminal__result h3{font-size:14px}.barcode-terminal__result dl{margin-top:8px}.barcode-operation{margin-top:10px;padding:5px}.barcode-record{margin-top:7px}.barcode-box{right:22px;top:95px;width:145px;padding:14px}.barcode-box svg{height:54px}.barcode-box>span{font-size:6px}.barcode-ledger{bottom:10px;left:15px;right:15px;padding:8px}.barcode-ledger>div,.barcode-ledger p{display:none}.barcode-comparison{padding-bottom:40px}.barcode-comparison>div{grid-template-columns:1fr 20px 1fr;gap:8px;font-size:12px}.hardware-hero-art{min-height:335px}.hardware-hero-art img{height:280px}.hardware-specs{padding-block:30px}.hardware-specs th,.hardware-specs td{font-size:12px;padding:12px 8px}.cro-mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;gap:10px;padding:10px 18px max(10px,env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #d5e1f0;backdrop-filter:blur(8px)}.cro-mobile-cta .cro-button{flex:1;min-height:44px;font-size:12px;padding:8px}.cro-mobile-cta>a:last-child{display:flex;align-items:center;font-size:12px;color:#1558ab}.hardware-page{padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){.cro-page *,.cro-page *::before,.cro-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.evolution-visual{height:410px}.evolution-loyalty{display:none}.evolution-panel{opacity:1!important;transform:none!important;z-index:0}.evolution-app{opacity:1!important;transform:none!important}.evolution-credit{opacity:1}.barcode-terminal__scan{opacity:0!important}.barcode-terminal__result,.barcode-operation,.barcode-record,.barcode-ledger{opacity:1!important;transform:none!important}.cro-button:hover{transform:none}}

.cro-skip{position:fixed;z-index:1000;top:8px;right:16px;transform:translateY(-180%);background:#fff;color:#0c66e4;border:2px solid #0c66e4;border-radius:7px;padding:10px 16px;font-size:14px}.cro-skip:focus{transform:none}.cro-page :is(a,button,summary){touch-action:manipulation}.cro-page .cro-phone b{font-variant-numeric:tabular-nums}.cro-page .cro-text-link:hover{color:#073e91;text-decoration:underline}.cro-page .cro-hero>*,.cro-enquiry>*{min-width:0}

.barcode-stage,.evolution-stage{position:sticky;top:120px;align-self:start;min-width:0}.barcode-stage .barcode-workbench,.evolution-stage .evolution-visual{position:relative;top:auto}.barcode-stage .story-controls,.evolution-stage .story-controls{justify-content:center;margin:12px 0 0}@media(max-width:767px){.barcode-stage,.evolution-stage{position:relative;top:auto}.cro-form input{font-size:16px}}
/* Two distinct product stories: catalogue red and attendance forest green. */
.barcode-page{--cro-blue:#bb2929;--cro-ink:#262222;--cro-muted:#665b5b;--cro-line:#e5dbd7;--cro-soft:#faf6f3}.barcode-page .cro-button:hover{background:#922020;box-shadow:0 8px 25px #b2292920}.barcode-page .cro-text-link{color:#a32222}.barcode-page .cro-eyebrow{color:#b52828}.bcr-masthead{background:#f5f2ee;overflow:hidden}.bcr-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:650px;padding-block:60px}.barcode-page h1{font-size:clamp(35px,3.6vw,54px);line-height:1.85;letter-spacing:-1.6px}.bcr-hero-copy{position:relative;z-index:1}.bcr-scan-art{height:520px;position:relative;perspective:1000px}.bcr-art-type{position:absolute;font-family:Arial,sans-serif!important;font-weight:900;font-size:180px;line-height:1;letter-spacing:-18px;color:#bc2929;top:5px;left:0;direction:ltr;opacity:.14}.bcr-scan-target{position:absolute;width:260px;height:240px;left:11%;top:135px;background:#d9bf9e;border:1px solid #c09e76;border-radius:6px;padding:35px 30px;transform:rotateY(23deg) rotateZ(-12deg);box-shadow:-16px 22px 0 #ba9268, -30px 50px 45px #3b201c20;transition:transform .6s}.bcr-scan-target>span{display:block;font-size:9px;letter-spacing:2px;color:#59442f}.bcr-bars{height:100px;background:repeating-linear-gradient(90deg,#272121 0px 3px,transparent 3px 7px,#272121 7px 9px,transparent 9px 13px,#272121 13px 19px,transparent 19px 23px);margin:18px 0 8px;border:14px solid #faf6ee}.bcr-scan-target>small{font-size:9px;display:block;color:#574432;text-align:center}.bcr-beam{position:absolute;inset:45% -50px auto;height:3px;background:#e23232;box-shadow:0 0 25px 8px #ff2d2d30;transform:scaleX(0);transition:transform .4s}.bcr-receipt{position:absolute;width:200px;background:#fff;right:0;top:170px;padding:24px;box-shadow:0 18px 35px #231a1a18;transform:translateY(28px) rotate(8deg);opacity:0;transition:opacity .5s,transform .5s}.bcr-receipt:after{content:'';position:absolute;bottom:-6px;right:0;left:0;height:7px;background:linear-gradient(135deg,#fff 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#fff 25%,transparent 25%) -5px 0/10px 10px}.bcr-receipt>span{font-size:10px;color:#796d6d}.bcr-receipt>strong{display:block;font-size:21px;margin:4px 0 18px}.bcr-receipt>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding-block:7px;border-top:1px dashed #ded5d5}.bcr-receipt>p{font-size:10px;color:#a12626;margin-top:12px}.bcr-demo-trigger{position:absolute;bottom:30px;left:25px;right:25px;background:#282222;color:#fff;display:flex;justify-content:space-between;padding:14px 20px;border-radius:4px;font-size:12px;min-height:48px}.bcr-demo-status{position:absolute;bottom:-3px;right:25px;left:25px;font-size:10px;text-align:center}.bcr-scan-art[data-scanned=true] .bcr-receipt{opacity:1;transform:translateY(0) rotate(4deg)}.bcr-scan-art[data-scanned=true] .bcr-beam{transform:scaleX(1)}.bcr-scan-art[data-scanned=true] .bcr-scan-target{transform:translateX(-40px) rotateY(23deg) rotateZ(-12deg)}.bcr-hero-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ddd2cb;padding-block:21px;font-size:10px;color:#81625b}.bcr-hero-bottom>span[dir]{letter-spacing:3px}.barcode-page .barcode-problem{text-align:center;padding-block:95px 60px}.barcode-page .barcode-story{background:#242020;color:#fff;width:100%;max-width:none;padding:70px max(32px,calc((100vw - 1116px)/2))}.barcode-page .barcode-story h2,.barcode-page .barcode-story h3{color:#fff}.barcode-page .barcode-story p{color:#c0b5b5}.barcode-page .barcode-steps>li{border-color:#584444}.barcode-page .barcode-steps>li>span{color:#ed8888}.barcode-page .barcode-workbench{background:#332b2b;border:1px solid #5c4040}.barcode-page .barcode-box{background:#ead6bd;border-color:#b49370;color:#382a22}.barcode-page .barcode-scan-line{background:#f24545;box-shadow:0 0 22px #f2454566}.barcode-page .barcode-terminal{border-color:#b6aaa5}.barcode-page .barcode-terminal__bar{background:#a42929;color:#fff}.barcode-page .barcode-ledger{background:#f4e7df;color:#772828}.barcode-page .story-controls button[aria-pressed=true]{background:#b82929;border-color:#b82929}.barcode-page .barcode-capabilities{background:#faf6f2}.barcode-page .barcode-ecosystem{background:#fff;border-color:#e1d3ca}.barcode-page .barcode-comparison strong{color:#a22828}.barcode-page .cro-phone{color:#a22828}
.tradein-page{--cro-blue:#28644d;--cro-ink:#203b30;--cro-muted:#5e6d63;--cro-line:#dce5db;--cro-soft:#f3f6ef;background:#fbfcf9}.tradein-page .cro-button:hover{background:#194d39;box-shadow:0 8px 24px #194d3920}.tradein-page .cro-text-link,.tradein-page .cro-phone{color:#28644d}.upgrade-intro{text-align:center;padding-top:65px;overflow:hidden}.tradein-page .upgrade-intro h1{font-size:clamp(40px,5vw,68px);line-height:1.65;letter-spacing:-2px}.upgrade-intro .cro-intro{margin:auto}.upgrade-intro .cro-actions{justify-content:center}.upgrade-panorama{position:relative;max-width:940px;margin:55px auto 60px;padding:9px;background:#e5e9e2;border:1px solid #d2dbd0;border-radius:13px;transform:perspective(1800px) rotateX(5deg);box-shadow:0 32px 40px -30px #28473260}.upgrade-panorama>img{width:100%;display:block;border-radius:6px}.upgrade-panorama__phone{position:absolute;width:18%;right:-3%;bottom:-10%;padding:5px;border:1px solid #84988b;background:#173e2b;border-radius:22px;box-shadow:-15px 20px 35px #152c2825;transform:rotate(7deg)}.upgrade-panorama__phone img{display:block;width:100%;border-radius:17px}.upgrade-edition{position:absolute;bottom:26px;left:30px;background:#fff;color:#2b5943;padding:9px 15px;border:1px solid #d5dfd2;border-radius:4px;font-size:11px}.upgrade-compare{padding-block:65px}.upgrade-comparison{background:#edf1e8;padding:22px;border-radius:16px}.version-switch{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.version-switch button{padding:11px 22px;min-height:46px;border-radius:7px;font-size:13px;color:#44624f}.version-switch button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #24463212;color:#204e36;font-weight:700}.upgrade-comparison figure{margin:0;background:#fff;border:1px solid #d7dfd2;border-radius:7px;overflow:hidden}.upgrade-comparison img{width:100%;aspect-ratio:1.97;object-fit:contain;background:#f5f7f4}.upgrade-comparison [hidden]{display:none!important}.upgrade-comparison figcaption{font-size:12px;padding:15px 20px;color:#4b6552}.upgrade-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:35px;font-size:13px}.upgrade-facts b{display:block;margin-bottom:10px;color:#28543c}.upgrade-app-showcase{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:60px 110px}.upgrade-app-phones{display:flex;gap:20px;align-items:center;justify-content:center}.upgrade-app-phones img{width:42%;max-width:185px;border-radius:22px;border:5px solid #243d30;box-shadow:0 15px 25px #23492e18}.upgrade-app-phones img+img{transform:translateY(35px)}.tradein-page .upgrade-value{background:#193e2e;padding-block:80px;position:relative}.tradein-page .upgrade-value h2,.tradein-page .upgrade-value p,.tradein-page .upgrade-value .cro-text-link{color:#f2f5eb}.tradein-page .upgrade-value .cro-eyebrow{color:#bfdbb9}.tradein-page .upgrade-equation{background:transparent;border-color:#5e8067;color:#f2f5eb}.tradein-page .upgrade-equation__credit{color:#d0e8be}.tradein-page .upgrade-path{padding-block:80px}.cro-form textarea{display:block;width:100%;border:1px solid #b4c3d5;border-radius:7px;padding:12px;font-size:15px;resize:vertical;color:#223b46}.article-mobile-toc{scroll-margin-top:90px}
@media(max-width:767px){.bcr-hero-grid{grid-template-columns:1fr;padding-block:35px;gap:12px}.barcode-page h1{font-size:35px}.bcr-scan-art{height:440px;max-width:430px;width:100%;margin:auto}.bcr-art-type{font-size:145px;top:12px}.bcr-scan-target{top:100px;left:13%;width:210px;height:205px;padding:25px 22px}.bcr-bars{height:85px}.bcr-receipt{width:155px;top:135px;padding:16px}.bcr-scan-art[data-scanned=true] .bcr-scan-target{transform:translateX(-18px) rotateY(23deg) rotateZ(-12deg)}.bcr-hero-bottom>span[dir]{letter-spacing:1px;font-size:8px}.barcode-page .barcode-story{padding:40px 22px}.upgrade-intro{padding-top:35px}.upgrade-panorama{margin-top:35px;margin-bottom:35px;padding:4px}.upgrade-panorama__phone{border-radius:11px;padding:2px;width:22%;right:0}.upgrade-panorama__phone img{border-radius:8px}.upgrade-edition{font-size:8px;bottom:8px;left:8px;padding:5px 8px}.upgrade-comparison{padding:10px}.version-switch button{font-size:11px;padding:9px 12px}.upgrade-facts{grid-template-columns:1fr;gap:18px}.upgrade-app-showcase{grid-template-columns:1fr;gap:60px;padding-block:25px 65px}.upgrade-app-phones{order:2}.tradein-page .upgrade-value{padding-block:45px}.cro-form textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.bcr-scan-art *{transition:none!important}.upgrade-panorama{transform:none}}
.hardware-page .hardware-specs table{width:100%;table-layout:fixed}.hardware-page .hardware-specs :is(th,td){white-space:normal;overflow-wrap:anywhere}.hardware-page .hardware-specs th{width:42%}.cro-page .cro-form textarea:focus-visible{outline:3px solid var(--cro-blue);outline-offset:3px}
.bcr-receipt{z-index:2}.bcr-demo-status{line-height:1.8;bottom:-7px;min-height:32px;margin:0}.bcr-demo-trigger{bottom:38px}@media(max-width:767px){.bcr-scan-art{height:465px}.bcr-scan-target{left:7%;width:185px}.bcr-receipt{right:0;top:150px;width:150px}.bcr-demo-trigger{bottom:50px}.bcr-demo-status{bottom:4px}.hardware-page .hardware-content img{max-width:100%;height:auto}}