.operation-motion{background:#fff;padding:90px 24px 96px;color:var(--navy)}
.operation-inner{max-width:1280px;margin:auto}.operation-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.operation-heading h2{font:500 clamp(30px,3vw,44px)/1.15 Manrope,Inter,sans-serif;letter-spacing:-.045em;margin:12px 0 0}.operation-heading h2 span{color:#2787b1}.operation-heading>p{max-width:270px;font-size:13px;color:#648295;margin:0 0 5px}.operation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.operation-card h3{font:600 21px/1.3 Manrope,Inter,sans-serif;letter-spacing:-.025em;margin:22px 0 8px}.operation-card>p{font-size:14px;color:#547487;line-height:1.65;margin:0;max-width:350px}.operation-card>a{display:inline-block;margin-top:17px;color:#2787b1;font-size:13px;text-decoration:none}.operation-card>a:hover{text-decoration:underline}
.operation-preview{display:block;position:relative;width:100%;height:330px;padding:28px 22px;border:1px solid #dfedf3;border-radius:26px;background:linear-gradient(145deg,#eff7fa,#e2f0f5);color:var(--navy);font:inherit;text-align:left;cursor:pointer;overflow:hidden;isolation:isolate;transition:box-shadow .4s,border-color .4s}.operation-preview:hover{box-shadow:0 18px 40px #12324612;border-color:#afd4e5}.operation-preview:focus-visible{outline:3px solid #2d8fc4;outline-offset:5px}.operation-window{height:254px;background:#fff;border:1px solid #e4eef3;border-radius:15px;padding:19px;box-shadow:0 12px 28px #1232460d;position:relative;transition:transform .35s}.operation-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:19px}.operation-top i{font-style:normal;color:#2d8fc4;font-weight:700;letter-spacing:-.04em}.operation-top small{color:#8099a8;font-size:9px}.operation-status{position:absolute;bottom:12px;left:20px;right:20px;text-align:center;font-size:10px;color:#577b8c}.operation-caption{display:block;color:#648295;font-size:10px;margin-bottom:3px}.operation-amount{font:600 27px Manrope,Inter,sans-serif;letter-spacing:-.04em}.operation-product{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:11px}.operation-product img{width:36px;height:36px}.operation-product small{display:block;font-size:9px;color:#7893a2;margin-top:3px}.operation-track{display:flex;gap:6px;margin-top:20px}.operation-track span{height:4px;border-radius:5px;background:#e5eff4;flex:1;transition:background .3s}.operation-stamp{position:absolute;right:14px;bottom:23px;color:#24836f;background:#e8f6f1;border:1px solid #cce9df;border-radius:20px;padding:7px 11px;font-size:10px;opacity:0;transform:translateY(12px);transition:.3s}.operation-preview[data-step='1'] .operation-track span:first-child,.operation-preview[data-step='2'] .operation-track span:not(:last-child),.operation-preview[data-step='3'] .operation-track span{background:#2d8fc4}.operation-preview[data-step='3'] .operation-stamp{opacity:1;transform:none}.operation-preview[data-step='3'] .operation-window{transform:translateY(-4px)}
.operation-report-option{border:1px solid #e0ebf0;border-radius:8px;padding:12px;margin:7px 0;font-size:11px;transition:.3s}.operation-report-option b{color:#2d8fc4;margin-right:10px}.operation-report-menu{transition:opacity .3s,transform .35s}.operation-preview:not([data-step='0']) .operation-report-option:first-child{border-color:#2d8fc4;background:#edf7fc}.operation-report-chart{position:absolute;inset:62px 19px 20px;opacity:0;transform:translateY(18px);transition:opacity .3s,transform .35s;pointer-events:none}.operation-report-chart strong{font:600 23px Manrope,sans-serif}.operation-bars{display:flex;align-items:end;gap:12px;height:91px;margin:15px 0 5px;border-bottom:1px solid #e3edf2}.operation-bars i{flex:1;background:#a4d3e5;border-radius:5px 5px 0 0;height:var(--bar);transform:scaleY(.06);transform-origin:bottom;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.operation-bars i:last-child{background:#2d8fc4}.operation-report-chart small{font-size:9px;color:#648295}.operation-preview[data-step='2'] .operation-report-menu,.operation-preview[data-step='3'] .operation-report-menu{opacity:0;transform:translateY(-14px)}.operation-preview[data-step='2'] .operation-report-chart,.operation-preview[data-step='3'] .operation-report-chart{opacity:1;transform:none}.operation-preview[data-step='2'] .operation-bars i,.operation-preview[data-step='3'] .operation-bars i{transform:scaleY(1)}
.operation-scan-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eaf1f5;padding:12px 0;font-size:11px}.operation-scan-row i{font-style:normal;display:grid;place-items:center;width:19px;height:19px;border:1px solid #cbdfe9;border-radius:5px;color:transparent;transition:.25s}.operation-scan-row small{margin-left:auto;font-size:9px;color:#7b97a6}.operation-preview[data-step='1'] .operation-scan-row:nth-child(2) i,.operation-preview[data-step='2'] .operation-scan-row:not(:nth-child(4)) i,.operation-preview[data-step='3'] .operation-scan-row i{background:#2d8fc4;color:#fff;border-color:#2d8fc4}.operation-scan-beam{position:absolute;left:10px;right:10px;top:71px;height:2px;background:#ff6270;box-shadow:0 0 12px #ff627055;opacity:0;transition:top .7s ease,opacity .3s}.operation-preview[data-step='1'] .operation-scan-beam{opacity:1;top:106px}.operation-preview[data-step='2'] .operation-scan-beam{opacity:1;top:190px}.operation-scan-footer{font-size:9px;color:#75919f;margin-top:19px}.operation-scan .operation-stamp{bottom:16px}
@media(max-width:900px){.operation-grid{gap:15px}.operation-preview{padding:25px 12px}.operation-window{padding:14px}.operation-report-chart{left:14px;right:14px}.operation-card h3{font-size:18px}}
@media(max-width:700px){.operation-motion{padding:58px 22px}.operation-heading{display:block}.operation-heading>p{margin-top:18px}.operation-grid{grid-template-columns:1fr;gap:36px}.operation-preview{max-width:430px;height:330px;padding:28px 24px}.operation-card{max-width:430px;width:100%;margin:auto}.operation-window{padding:19px}.operation-report-chart{left:19px;right:19px}}
@media(prefers-reduced-motion:reduce){.operation-preview *{transition:none!important}}
.operation-top{min-height:25px}
/* Choreographed interface demonstrations */
.operation-preview{perspective:900px}.operation-window{transform-origin:50% 65%;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s}.operation-preview:not([data-step='0']) .operation-window{transform:translateY(-3px) rotateX(2deg);box-shadow:0 18px 35px #12324617}.operation-preview[data-step='3'] .operation-window{transform:translateY(-5px)}
.operation-cursor{position:absolute;width:25px;height:30px;right:6px;bottom:0;opacity:0;z-index:5;filter:drop-shadow(0 3px 3px #12324622);pointer-events:none}.operation-preview[data-step='1'] .operation-cursor{animation:operation-point .7s cubic-bezier(.2,.7,.2,1) both}.operation-preview[data-scene='report']{--pointer-x:-45px;--pointer-y:-139px}.operation-preview[data-scene='order']{--pointer-x:-61px;--pointer-y:-17px}
@keyframes operation-point{0%{opacity:0;transform:translate(10px,12px)}35%{opacity:1}75%{opacity:1;transform:translate(var(--pointer-x),var(--pointer-y)) scale(1)}90%{opacity:1;transform:translate(var(--pointer-x),var(--pointer-y)) scale(.83)}100%{opacity:1;transform:translate(var(--pointer-x),var(--pointer-y)) scale(1)}}
.operation-approve{position:absolute;bottom:17px;right:19px;left:19px;background:#2d8fc4;color:white;border-radius:7px;padding:8px 12px;font-size:10px;display:flex;justify-content:space-between;transition:opacity .2s,transform .25s}.operation-preview[data-scene='order'] .operation-track{margin-top:10px}.operation-preview[data-scene='order'] .operation-product{margin:10px 0}.operation-preview[data-scene='order'] .operation-stamp{display:none}.operation-preview[data-step='1'] .operation-approve{animation:operation-press .7s ease both}@keyframes operation-press{75%{transform:scale(1)}90%{transform:scale(.96);background:#176d99}100%{transform:scale(1)}}
.operation-receipt{position:absolute;inset:49px 18px 15px;border:1px solid #d9e9ef;border-radius:12px;background:#fff;box-shadow:0 12px 25px #12324615;display:flex;align-items:center;flex-direction:column;padding:16px 13px;opacity:0;transform:translateY(36px) scale(.92) rotate(-4deg);transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .25s;z-index:3}.operation-receipt-check{background:#e4f3ef;color:#298d75;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:23px;margin-bottom:8px;transform:scale(.4);transition:transform .45s .1s cubic-bezier(.34,1.56,.64,1)}.operation-receipt strong{font:600 16px Manrope,sans-serif}.operation-receipt small{font-size:9px;color:#7694a3;margin-top:4px}.operation-receipt-line{height:1px;width:100%;background:#e6eff4;margin:12px 0 9px}.operation-receipt-next{display:flex;justify-content:space-between;width:100%;font-size:10px;color:#2b87b0}.operation-preview[data-step='2'] .operation-receipt,.operation-preview[data-step='3'] .operation-receipt{opacity:1;transform:none}.operation-preview[data-step='2'] .operation-receipt-check,.operation-preview[data-step='3'] .operation-receipt-check{transform:scale(1)}
.operation-bars{background:repeating-linear-gradient(to top,transparent 0px,transparent 29px,#edf3f7 30px,#edf3f7 31px)}.operation-bars i{transition-duration:.6s}.operation-bars i:nth-child(2){transition-delay:.04s}.operation-bars i:nth-child(3){transition-delay:.08s}.operation-bars i:nth-child(4){transition-delay:.12s}.operation-bars i:nth-child(5){transition-delay:.16s}.operation-bars i:nth-child(6){transition-delay:.2s}.operation-bars i:nth-child(7){transition-delay:.24s}.operation-insight{position:absolute;right:10px;top:33px;background:#edf7fc;border:1px solid #cae4f0;border-radius:7px;color:#2787b1;box-shadow:0 4px 12px #1232460b;font-size:8px;padding:6px 9px;opacity:0;transform:translateY(7px);transition:.35s}.operation-preview[data-step='3'] .operation-insight{opacity:1;transform:none}.operation-report-chart strong{font-variant-numeric:tabular-nums}
.operation-scanner{position:absolute;right:12px;bottom:14px;z-index:3;border-radius:10px;background:#fff;border:1px solid #d0e5ee;padding:10px 14px;box-shadow:0 10px 20px #12324620;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translate(20px,18px) rotate(6deg);transition:transform .4s,opacity .3s}.operation-barcode{width:90px;height:25px;background:repeating-linear-gradient(90deg,#123246 0 2px,transparent 2px 4px,#123246 4px 5px,transparent 5px 8px,#123246 8px 12px,transparent 12px 14px);position:relative}.operation-barcode:after{content:'';position:absolute;inset:0 0 auto;height:2px;background:#ff5262;box-shadow:0 0 7px #ff5262;animation:operation-read .55s ease-in-out infinite alternate;animation-play-state:paused}.operation-scanner small{font-size:7px;letter-spacing:2px;margin-top:3px}.operation-scanner b{font-size:8px;color:#268775;font-weight:500;margin-top:5px}.operation-preview[data-step='1'] .operation-scanner,.operation-preview[data-step='2'] .operation-scanner{opacity:1;transform:translate(0,0) rotate(-2deg)}.operation-preview[data-step='1'] .operation-barcode:after,.operation-preview[data-step='2'] .operation-barcode:after{animation-play-state:running}.operation-preview[data-step='2'] .operation-scanner{transform:translate(-8px,-4px) rotate(1deg)}@keyframes operation-read{to{transform:translateY(23px)}}
.operation-scan-row{transition:background .3s,transform .3s}.operation-preview[data-step='1'] .operation-scan-row:nth-child(2),.operation-preview[data-step='2'] .operation-scan-row:nth-child(3){background:#eff8fc;transform:translateX(3px)}.operation-preview[data-step='3'] .operation-scan-row{background:#f5faf8}.operation-preview[data-step='3'] .operation-scan-row i{background:#298d75;border-color:#298d75}.operation-preview[data-step='3'] .operation-stamp{box-shadow:0 5px 15px #24836f15}
@media(prefers-reduced-motion:reduce){.operation-preview *,.operation-preview *:after{animation:none!important;transition:none!important}}
.operation-report-chart>small{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;text-align:center}
/* Evoluiu: saturated surfaces, soft geometry, coral details */
.operation-grid{gap:26px}.operation-card h3{font-weight:650;font-size:22px;margin-top:24px}.operation-card>a{font-weight:600;color:#167da9}.operation-preview{height:350px;padding:30px 24px 42px;border:0;border-radius:36px;background:#268fc0;box-shadow:0 12px 28px #12324610;transition:box-shadow .35s,transform .35s}.operation-preview[data-scene='report']{background:#143e53}.operation-preview[data-scene='scan']{background:#197b9e}.operation-preview:hover{box-shadow:0 20px 36px #12324622;transform:translateY(-3px)}
.operation-preview:before{content:'';position:absolute;width:230px;height:230px;border:36px solid #ffffff13;border-radius:70px;transform:rotate(-35deg);left:-118px;bottom:-142px;z-index:-1;pointer-events:none}.operation-preview:after{content:'';position:absolute;width:125px;height:125px;border:23px solid #ff6473;border-radius:35px;transform:rotate(-35deg);right:-78px;top:-73px;z-index:-1;pointer-events:none}.operation-preview[data-scene='report']:after{right:-65px;top:-65px;border-color:#ff6473}.operation-preview[data-scene='scan']:before{border-color:#ffffff19}
.operation-window{height:274px;padding:18px 20px;border:1px solid #ffffffb3;border-radius:24px;background:#fbfdff;box-shadow:0 14px 26px #08334b26}.operation-preview:not([data-step='0']) .operation-window{box-shadow:0 20px 30px #082c4233}.operation-top{min-height:28px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5eef3}.operation-top small{font-size:10px;letter-spacing:.07em;font-weight:700;color:#346580;display:flex;align-items:center;gap:8px}.operation-top small:before{content:'';height:7px;width:7px;background:#ff6270;border-radius:50%;box-shadow:0 0 0 4px #ff627010}.operation-status{bottom:13px;left:17px;right:17px;color:#fff;font-size:10px;font-weight:500;letter-spacing:.005em}.operation-caption{font-size:11px;color:#5b7c90}.operation-amount{font-size:31px;color:#147eae;letter-spacing:-.055em}.operation-product{font-size:12px}.operation-product small{font-size:10px}.operation-product img{background:#e6f3fa;padding:5px;width:40px;height:40px;border-radius:13px}.operation-track{gap:7px}.operation-track span{height:5px}
.operation-approve{bottom:17px;left:20px;right:20px;border-radius:13px;padding:10px 14px;background:#ff6270;color:#14384b;font-size:11px;font-weight:700;box-shadow:0 4px 10px #ff62701c}.operation-approve b{font-size:14px;line-height:1}.operation-receipt{inset:57px 15px 15px;border-radius:20px;border-color:#d9ebf4;padding:17px;background:#fff}.operation-receipt-check{width:42px;height:42px;background:#e5f4fb;color:#1686b5;box-shadow:0 0 0 5px #f2f9fd;font-size:25px}.operation-receipt strong{font-size:18px;color:#17465e}.operation-receipt small{font-size:10px}.operation-receipt-next{font-size:11px;font-weight:600}.operation-receipt-line{margin:14px 0 10px}
.operation-report-option{border-radius:13px;font-size:12px;padding:12px 11px;margin:8px 0;background:#fff;border-color:#e0eaf0;display:flex;align-items:center;gap:10px}.operation-report-option b{display:grid;place-items:center;flex:none;width:27px;height:27px;background:#e5f3fb;border-radius:9px;margin:0;font-size:16px;color:#1e86b2}.operation-report-option:first-child b{background:#ffe9ec;color:#df4e60}.operation-preview:not([data-step='0']) .operation-report-option:first-child{border-color:#2d8fc4;background:#edf7fc;box-shadow:0 0 0 3px #2d8fc40d}.operation-report-chart{inset:73px 20px 16px}.operation-report-chart strong{font-size:28px;color:#157fae;letter-spacing:-.05em}.operation-bars{height:93px;margin-top:13px;gap:10px}.operation-bars i{border-radius:9px 9px 3px 3px;background:#7bbfdd}.operation-bars i:nth-child(2n){background:#49a3cc}.operation-bars i:last-child{background:#ff6473}.operation-report-chart>small{gap:10px;font-size:9px;color:#507488;margin-top:7px}.operation-insight{top:40px;right:14px;padding:5px 8px;border-radius:10px;font-size:8px;background:#fff0f2;border-color:#ffe0e5;color:#a5314c;box-shadow:none}
.operation-scan-row{border:1px solid #dfebf1;border-radius:12px;margin:7px 0;padding:11px 9px;font-size:12px;background:#fff;gap:9px}.operation-scan-row small{font-size:10px;color:#567c92}.operation-scan-row i{width:22px;height:22px;border-radius:8px;border-color:#c0dbe8;background:#f5fafc}.operation-preview[data-step='3'] .operation-scan-row{background:#eff8fd;border-color:#d5eaf5}.operation-preview[data-step='3'] .operation-scan-row i{background:#208bb8;border-color:#208bb8}.operation-scan-footer{font-size:9px;margin-top:13px;color:#638295}.operation-scan .operation-stamp{bottom:12px;right:12px;border-radius:13px;background:#e5f3fb;color:#196f96;border-color:#cde6f3;font-size:9px;padding:7px 9px}.operation-scanner{bottom:16px;right:10px;border-radius:17px;border:4px solid #17465d;padding:11px 14px;box-shadow:0 12px 22px #12324630}.operation-scanner b{color:#1c7faa}.operation-scan-beam{left:18px;right:18px;z-index:2}.operation-preview[data-step='1'] .operation-scan-beam{top:105px}.operation-preview[data-step='2'] .operation-scan-beam{top:207px}
@media(min-width:701px) and (max-width:1000px){.operation-grid{gap:16px}.operation-preview{padding-left:13px;padding-right:13px;border-radius:29px}.operation-window{padding-left:13px;padding-right:13px}.operation-report-option{font-size:10px;padding:11px 7px;gap:6px}.operation-top small{font-size:8px}.operation-card h3{font-size:19px}}
@media(max-width:700px){.operation-preview{height:350px;padding:30px 23px 42px;border-radius:34px}.operation-card h3{font-size:22px}.operation-heading>p{max-width:300px}}
@media(prefers-reduced-motion:reduce){.operation-preview{transition:none}.operation-preview:hover{transform:none}}
/* Short operational stories */
.op-story .operation-top{margin-bottom:12px}.op-scene{position:relative;height:203px}.op-board{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:160px;position:relative}.op-lane{border-radius:13px;background:#edf4f8;padding:9px}.op-lane>span{display:flex;justify-content:space-between;align-items:center;gap:3px;font-size:9px;color:#54788d;font-weight:600}.op-lane b{background:white;border-radius:6px;padding:0 4px;color:#2289b4}.op-lane:last-of-type{background:#e4f2f9}.op-ticket{position:absolute;top:36px;left:7px;width:calc(50% - 17px);height:116px;border:1px solid #cbe2ed;border-radius:12px;background:white;padding:10px;z-index:2;box-shadow:0 5px 12px #163e5010;transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .3s}.op-ticket-id{display:flex;justify-content:space-between;font-size:9px;font-weight:700;color:#2a809f}.op-ticket-id span{font-size:8px;font-weight:400;color:#7995a3}.op-ticket>strong{display:block;font:700 14px Manrope,sans-serif;margin-top:7px;letter-spacing:-.04em;white-space:nowrap}.op-ticket>small{font-size:8px;color:#6a899c}.op-ticket-lines{display:flex;gap:4px;margin:6px 0}.op-ticket-lines i{height:4px;flex:1;background:#cce6f3;border-radius:4px}.op-ticket-action{display:flex;justify-content:space-between;font-size:8px;font-weight:700;background:#ff6473;padding:4px 7px;border-radius:6px;color:#163b50}.op-ticket-ghost{position:absolute;top:36px;left:7px;width:calc(50% - 17px);height:116px;border:1px dashed #b7d3e1;border-radius:12px}.op-hand{position:absolute;right:23px;bottom:7px;width:24px;height:29px;z-index:4;opacity:0;pointer-events:none}.op-story[data-step='1'] .op-hand{animation:op-select .65s both}.op-story[data-scene='order']{--op-x:-160%;--op-y:-90%}.op-story[data-scene='report']{--op-x:-100%;--op-y:-60%}@keyframes op-select{0%{opacity:0;transform:translate(20px,15px)}60%{opacity:1;transform:translate(var(--op-x),var(--op-y))}85%{opacity:1;transform:translate(var(--op-x),var(--op-y)) scale(.8)}100%{opacity:1;transform:translate(var(--op-x),var(--op-y))}}
.op-story[data-step='2'] .op-ticket,.op-story[data-step='3'] .op-ticket{transform:translateX(calc(100% + 20px)) rotate(0deg);box-shadow:0 8px 16px #12324618}.op-story[data-step='1'] .op-ticket{transform:translateY(-3px) rotate(-2deg);box-shadow:0 9px 15px #12324623}.op-story[data-step='2'] .op-ticket-action,.op-story[data-step='3'] .op-ticket-action{background:#dff1f9}.op-order-event{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;font-size:11px;opacity:0;transform:translateY(8px);transition:.3s}.op-order-event>i{display:grid;place-items:center;width:28px;height:28px;background:#238cb6;color:white;border-radius:10px;font-style:normal}.op-order-event small{display:block;font-size:9px;color:#648597}.op-story[data-step='3'] .op-order-event{opacity:1;transform:none}
.op-heat-heading strong{font:600 13px Manrope,sans-serif;display:block}.op-heat-heading small{font-size:9px;color:#718fa0}.op-heat-hours{display:grid;grid-template-columns:repeat(7,1fr);margin:12px 0 5px 24px;gap:4px;text-align:center;font-size:8px;color:#5b7d91}.op-heat-body{display:flex;gap:5px}.op-heat-days{width:19px;display:grid;grid-template-rows:repeat(5,20px);gap:4px;font-size:8px;color:#5b7d91;align-items:center}.op-heat-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.op-heat-grid i{display:grid;place-items:center;height:20px;border-radius:5px;background:#e4eff5;color:transparent;font:500 8px Inter,sans-serif;transition:background .35s,color .35s,transform .35s;transition-delay:var(--delay)}.op-story:not([data-step='0']) .op-heat-grid i{background:color-mix(in srgb,#167da9 calc(var(--heat)*11%),#eaf5fb);color:#15465d}.op-story:not([data-step='0']) .op-heat-grid .op-heat-target{background:#ff6473;color:#163b50}.op-story[data-step='2'] .op-heat-target,.op-story[data-step='3'] .op-heat-target{transform:scale(1.12);box-shadow:0 0 0 2px white,0 0 0 3px #ff6473;z-index:1}.op-heat-callout{position:absolute;right:9px;top:55px;background:#173f54;color:white;border-radius:13px;padding:10px 13px;box-shadow:0 8px 17px #12324625;opacity:0;transform:translateY(13px) scale(.93);transition:.35s;z-index:3;pointer-events:none}.op-heat-callout:after{content:'';position:absolute;bottom:-6px;right:36px;width:12px;height:12px;background:#173f54;transform:rotate(45deg)}.op-heat-callout b{font-size:8px;letter-spacing:.08em;color:#a9dcef}.op-heat-callout strong{display:block;font:600 20px Manrope,sans-serif}.op-heat-callout small{font-size:8px;color:#d3e8f2}.op-story[data-step='3'] .op-heat-callout{opacity:1;transform:none}
.op-scan-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:8px}.op-count{border-radius:7px;background:#e3f1f8;color:#197eaa;padding:3px 7px;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.op-items{display:grid;gap:5px}.op-item{display:flex;align-items:center;gap:7px;border-radius:9px;padding:7px;background:#eff5f9;transition:.25s;font-size:10px}.op-item i{display:grid;place-items:center;width:18px;height:18px;background:white;color:transparent;border-radius:6px;font-style:normal;transition:.25s}.op-item b{margin-left:auto;color:#628598;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums}.op-story[data-read='1'] [data-item='0'],.op-story[data-read='2'] [data-item='1']{background:#dceff9;transform:translateX(3px)}.op-story[data-read='1'] [data-item='0'] i,.op-story[data-read='2'] [data-item='0'] i,.op-story[data-read='2'] [data-item='1'] i,.op-story[data-read='3'] .op-item i{background:#208bb5;color:white}.op-reader{position:absolute;bottom:0;left:0;right:0;height:57px;border-radius:11px;background:#173f54;display:flex;align-items:center;justify-content:center;padding-bottom:12px;overflow:hidden;transition:opacity .25s,transform .3s}.op-code{width:110px;height:23px;background:repeating-linear-gradient(90deg,#e6f5ff 0 2px,transparent 2px 4px,#e6f5ff 4px 5px,transparent 5px 8px,#e6f5ff 8px 12px,transparent 12px 14px)}.op-reader>i{position:absolute;left:calc(50% - 60px);width:120px;height:2px;background:#ff6473;box-shadow:0 0 9px #ff6473;top:9px;opacity:0}.op-story[data-step='1'] .op-reader>i,.op-story[data-step='2'] .op-reader>i{opacity:1;animation:op-read .55s ease-in-out infinite alternate}@keyframes op-read{to{transform:translateY(21px)}}.op-code-text{position:absolute;bottom:5px;font-size:8px;color:#d6eaf6;letter-spacing:.02em}.op-reader-corners{position:absolute;left:calc(50% - 68px);width:136px;top:5px;height:34px;border-left:2px solid #ff6473;border-right:2px solid #ff6473;border-radius:6px}.op-scan-done{position:absolute;bottom:0;left:0;right:0;height:53px;display:flex;align-items:center;justify-content:center;gap:10px;background:#e5f3fa;border-radius:12px;opacity:0;transform:translateY(13px);transition:.3s;color:#1d7195;font-size:10px}.op-scan-done>i{font-style:normal;width:29px;height:29px;background:#238bb5;color:white;border-radius:50%;display:grid;place-items:center;font-size:17px}.op-scan-done strong{display:block;color:#173f54;font-size:11px}.op-story[data-step='3'] .op-reader{opacity:0;transform:translateY(-9px)}.op-story[data-step='3'] .op-scan-done{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.op-story *{animation:none!important;transition:none!important}}
/* Quiet text CTAs, matching the reference's visual weight */
.operation-card>a{display:inline-block;position:relative;width:fit-content;margin-top:18px;padding:2px 0 5px;border:0;border-radius:0;background:none;box-shadow:none;color:#167eaf;font:400 15px/1.5 Inter,Arial,sans-serif;letter-spacing:0;text-decoration:none;transition:color .2s}
.operation-card>a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.operation-card>a:hover{color:#123e55;text-decoration:none}.operation-card>a:hover:after,.operation-card>a:focus-visible:after{transform:scaleX(1)}
.operation-card>a:focus-visible{outline:2px solid #2d8fc4;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.operation-card>a,.operation-card>a:after{transition:none}}
/* Keep the illustrated click anchored to the actual heatmap cell at every width. */
.op-story[data-scene='report'] .op-hand{right:auto;bottom:auto;transform-origin:3.75px 2.3px}
.op-story[data-scene='report'][data-step='1'] .op-hand{animation:op-heat-click .65s ease both}
.op-story[data-scene='report'][data-step='2'] .op-hand{opacity:1;transform:none}
@keyframes op-heat-click{0%{opacity:0;transform:translate(40px,-32px)}35%{opacity:1}70%{opacity:1;transform:translate(0,0)}86%{opacity:1;transform:scale(.82)}100%{opacity:1;transform:none}}
.op-story[data-step='1'] .op-heat-grid .op-heat-target{background:color-mix(in srgb,#167da9 88%,#eaf5fb);color:#15465d}
@media(prefers-reduced-motion:reduce){.op-story[data-scene="report"] .op-hand{animation:none!important}}
.op-story[data-scene='order'] .op-hand{right:auto;bottom:auto;transform-origin:3.75px 2.3px}
.op-story[data-scene='order'][data-step='1'] .op-hand{animation:op-heat-click .65s ease both}
.op-heat-callout{right:auto}.op-heat-callout:after{right:auto;left:var(--bubble-arrow,50%)}
@media(prefers-reduced-motion:reduce){.op-story[data-scene='order'] .op-hand{animation:none!important}}