:root{--navy:#071b38;--blue:#1268e8;--cyan:#28c7dd;--ink:#10233d;--muted:#667892;--line:#dbe6ef;--green:#15966f;--amber:#d68a12;--orange:#e56f2d;--bg:#eef5fa;--shadow:0 20px 55px rgba(12,38,70,.12)}
.offline-review{margin-top:16px;padding:20px;border:1px solid #a8c7e6;border-radius:16px;background:linear-gradient(145deg,#f6fbff,#eaf4fc)}.offline-review>b{display:block;color:var(--navy);font-size:14px;letter-spacing:.09em}.offline-review>p{margin:8px 0 16px;color:var(--muted);font-size:13px;line-height:1.5}.candidate-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:13px}.candidate{min-height:46px;padding:9px 14px;border:1px solid #a6c6df;border-radius:9px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.candidate:disabled{opacity:.5;cursor:default}.review-add{display:flex;gap:9px;margin-bottom:12px}.review-add select{flex:1;min-width:0;min-height:50px;padding:0 14px;border:1px solid #a6c6df;border-radius:9px;background:#fff;color:var(--navy);font:inherit}.review-add button{min-height:50px;padding:0 14px}.offline-review>.primary{width:100%;min-height:54px}.remove-product{align-self:start;min-width:42px;min-height:42px;margin-left:auto;border:1px solid #cbd7e1;border-radius:9px;background:#fff;color:#a23e36;font-size:26px;cursor:pointer}@media(max-width:680px){.review-add{flex-direction:column}.review-add button{width:100%}}
.parcel-image img{object-fit:contain}.detection-overlay{position:absolute;inset:0;pointer-events:none}.detection-box{position:absolute;border:2px solid #2bd8dc;border-radius:6px;box-shadow:0 0 0 2px rgba(7,27,56,.35)}.detection-box small{position:absolute;left:0;bottom:100%;max-width:180px;padding:3px 5px;border-radius:4px 4px 0 0;background:#0c3f67;color:#fff;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recognition-error{margin-top:14px;padding:15px 18px;border-left:4px solid #c74132;border-radius:9px;background:#fff0ed;color:#a02d22;font-size:14px;font-weight:700;line-height:1.5}
.quote-sheet{margin-top:20px;padding:30px;border:2px solid #8fb2d3;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.quote-title{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:2px solid var(--navy)}.quote-title p{margin:0;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.14em}.quote-title h2{margin:5px 0;font-size:30px}.quote-title span{color:var(--muted);font-size:12px}.estimate-stamp{padding:12px 18px;border:2px solid var(--orange);border-radius:9px;color:var(--orange);text-align:center;font-weight:900;transform:rotate(-2deg)}.estimate-stamp small{display:block;font-size:9px}.quote-route{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:18px 0;padding:15px;border-radius:11px;background:#edf5fb}.quote-route small,.quote-route b{display:block}.quote-route small{color:var(--muted);font-size:10px}.quote-route i{color:var(--blue);font-size:22px}.quote-body{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-block{padding:16px;border:1px solid var(--line);border-radius:10px}.quote-block small,.quote-block b,.quote-block span{display:block}.quote-block small{color:var(--blue);font-size:10px;font-weight:900}.quote-block b{margin:7px 0}.quote-block span{margin-top:4px;color:var(--muted);font-size:12px}.quote-table{width:100%;margin:18px 0;border-collapse:collapse}.quote-table th,.quote-table td{padding:12px;border:1px solid var(--line);text-align:left}.quote-table th{background:var(--navy);color:#fff;font-size:12px}.quote-table td{font-size:13px}.quote-table td:last-child{font-weight:900}.quote-total{display:flex;justify-content:space-between;align-items:center;padding:20px;border-radius:12px;background:#e9f7f1}.quote-total small,.quote-total span{display:block}.quote-total small{color:var(--green);font-size:10px;font-weight:900}.quote-total span{margin-top:5px;color:var(--muted);font-size:12px}.quote-total>div:last-child{text-align:right}.quote-total strong{display:block;margin-top:5px;color:var(--green);font-size:28px}.quote-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.quote-actions button{padding:0 20px}.quote-disclaimer{text-align:center;color:var(--muted);font-size:11px}.hidden{display:none!important}@media print{body{background:#fff}.topbar,.skill-tabs,.steps,.title,.route-strip,.shipment-data,.filter-bar,.carrier-results,.quote-note,.quote-actions{display:none!important}.quote-sheet{display:block!important;margin:0;border:0;box-shadow:none}}
.route-strip{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:18px;padding:16px 20px;border-radius:15px;background:linear-gradient(135deg,#0c3157,var(--navy));color:#fff}.route-strip small,.route-strip b{display:block}.route-strip small{color:#89aac5;font-size:10px;letter-spacing:.1em}.route-strip b{margin-top:4px}.route-strip>i{color:var(--cyan);font-size:22px}.verified-badge{padding:10px 13px;border-radius:9px;background:#154c46;color:#78e5bf;font-size:11px;font-weight:900}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0}.filter-bar b,.filter-bar span{display:block}.filter-bar span{margin-top:4px;color:var(--muted);font-size:13px}.priority-buttons{display:flex;padding:4px;border-radius:11px;background:#dce7ef}.priority-buttons button{min-height:42px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:#6e8093;font-size:11px;font-weight:900}.priority-buttons button.active{background:#fff;color:var(--blue);box-shadow:0 4px 12px rgba(12,38,70,.1)}.carrier-results{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.carrier-card{padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.carrier-card.recommended-carrier{border:2px solid #54a987;background:#f6fcf9}.carrier-card.selected-carrier{box-shadow:0 0 0 4px rgba(18,104,232,.15),var(--shadow)}.carrier-head{display:flex;justify-content:space-between;gap:12px}.carrier-head b,.carrier-head span{display:block}.carrier-head b{font-size:19px}.carrier-head span{margin-top:4px;color:var(--muted);font-size:13px}.carrier-head em{align-self:flex-start;padding:7px 9px;border-radius:7px;background:#e6f5ef;color:var(--green);font-size:9px;font-style:normal;font-weight:900}.carrier-metrics{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:10px;margin:18px 0}.carrier-metrics>div{padding:13px;border-radius:10px;background:#edf4f9}.carrier-metrics small,.carrier-metrics strong,.carrier-metrics span{display:block}.carrier-metrics small{color:var(--muted);font-size:9px;font-weight:900}.carrier-metrics strong{margin:7px 0 3px;font-size:20px;color:var(--navy)}.carrier-metrics span{color:var(--muted);font-size:11px}.carrier-card>p{min-height:38px;color:var(--muted);font-size:12px;line-height:1.45}.carrier-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--line)}.carrier-card footer>span{color:#7e8e9e;font-size:10px}.carrier-card footer button{min-height:42px;padding:0 15px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:11px;font-weight:900}.carrier-card footer button:disabled{background:#d9e1e8;color:#8997a4}.quote-note{display:flex;gap:18px;margin-top:15px;padding:14px 18px;border-left:4px solid var(--orange);border-radius:9px;background:#fff6e9}.quote-note b{color:#94541e}.quote-note span{color:var(--muted);font-size:13px}.skill-tab{min-width:205px}
.skill-tabs{height:62px;display:flex;justify-content:center;gap:10px;padding:8px 18px;background:#dfe9f1;border-bottom:1px solid #cfdae4}.skill-tab{min-width:250px;border:1px solid #c1cfdb;border-radius:10px;background:#f7fafc;color:#6e8093;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer}.skill-tab b{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e4ebf1}.skill-tab.active{border-color:#8cb9ed;background:#fff;color:var(--navy);box-shadow:0 5px 15px rgba(12,38,70,.08)}.skill-tab.active b{background:var(--blue);color:#fff}.steps.skill-two{visibility:hidden;height:28px}.mobile-link{margin:12px 0;padding:10px 12px;border-radius:9px;background:#eaf3fb}.mobile-link small,.mobile-link b{display:block}.mobile-link small{color:var(--blue);font-size:10px;letter-spacing:.1em}.mobile-link b{margin-top:4px;color:var(--navy);font-size:13px;word-break:break-all}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-row article{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);text-align:center}.metric-row small,.metric-row span{display:block;color:var(--muted)}.metric-row strong{font-size:52px;color:var(--navy)}.metric-row .key-metric{background:linear-gradient(145deg,#0d3157,var(--navy));color:#fff}.metric-row .key-metric strong{color:#6fe1bd}.metric-row .key-metric small,.metric-row .key-metric span{color:#b6cadb}.dimension-warning{display:flex;align-items:center;gap:18px;margin-top:18px;padding:20px;border:1px solid #f3bf80;border-radius:15px;background:#fff7eb}.dimension-warning>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:26px;font-weight:900}.dimension-warning b{color:#a85619}.dimension-warning p{margin:5px 0}.dimension-warning small{color:var(--muted)}.result-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.result-actions button{padding:0 24px}.pack-flow{display:flex;justify-content:center;gap:16px;margin:0 0 16px;padding:12px;border-radius:12px;background:#e7f0f7;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.1em}.decision-grid{display:grid;grid-template-columns:.8fr .8fr 1.15fr;gap:16px}.protection-panel,.carton-panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.protection-panel>p,.carton-panel>p{margin:0 0 16px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em}.requirement{padding:14px 0;border-top:1px solid var(--line)}.requirement b,.requirement span{display:block}.requirement span{margin-top:4px;color:var(--muted);font-size:13px}.operator-note,.soft-warning{margin-top:14px;padding:13px;border-radius:9px;background:#fff6e9;color:#8b551d;font-size:13px}.soft-warning b,.soft-warning span{display:block}.soft-warning span{margin-top:4px}.carton-options{display:grid;gap:9px}.carton-option{position:relative;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fbfdff}.carton-option>div{display:flex;justify-content:space-between;gap:8px}.carton-option em{color:var(--blue);font-size:9px;font-style:normal;font-weight:900}.carton-option>span,.carton-option>small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.carton-option button{width:100%;min-height:42px;margin-top:9px;border:1px solid #9dc0e7;border-radius:8px;background:#edf6ff;color:var(--blue);font-size:11px;font-weight:900}.carton-option.recommended{border-color:#5aaf91;background:#f2fbf7}.carton-panel>small{display:block;margin-top:12px;color:var(--muted);line-height:1.4}.process-card{max-width:850px;margin:35px auto;padding:42px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);text-align:center}.process-card>p{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.14em}.process-card h1{font-size:38px}.process-card ol{max-width:500px;margin:25px auto;text-align:left;line-height:2;color:#40546a}.selected-carton{display:flex;justify-content:center;gap:18px;padding:16px;border-radius:10px;background:#eaf3fb}.selected-carton small{color:var(--muted)}.hidden{display:none!important}.verification-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.verify-head{display:flex;justify-content:space-between}.verify-head span{color:var(--muted)}.final-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.final-inputs label{color:var(--muted);font-size:13px;font-weight:800}.final-inputs label span{display:flex;align-items:center;margin-top:7px;padding:0 12px;border:1px solid #bdcddd;border-radius:10px}.final-inputs input{width:100%;height:58px;border:0;outline:0;font-size:22px;font-weight:900}.verify-actions{display:flex;justify-content:flex-end;gap:12px}.verify-actions button{padding:0 22px}.final-comparison{display:grid;grid-template-columns:1fr .75fr 1fr;gap:18px}.verified-saving{padding:28px;border-radius:20px;background:linear-gradient(145deg,#0e403c,var(--navy));color:#fff;text-align:center}.verified-saving .check{margin:0 auto 18px}.verified-saving p{color:#6fe1bd;font-size:12px;font-weight:900}.verified-saving small,.verified-saving b{display:block;color:#b6cadb}.verified-saving strong{display:block;margin:10px 0;font-size:46px;color:#6fe1bd}.carrier-note{text-align:center;color:var(--muted)}.shipment-data{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.shipment-data>div{padding:18px;border-radius:11px;background:#edf5fb}.shipment-data small,.shipment-data b{display:block}.shipment-data small{color:var(--muted)}.shipment-data b{margin-top:6px}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}button{font:inherit;touch-action:manipulation}.app{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(40,199,221,.12),transparent 28%),linear-gradient(180deg,#f9fcff,#edf4f9)}
.topbar{height:78px;padding:0 clamp(18px,3vw,48px);display:flex;align-items:center;gap:28px;background:var(--navy);color:#fff}.brand,.competition{display:flex;align-items:center;gap:12px}.brandmark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--blue));font-size:25px;font-weight:900}.brand b{font-size:20px;display:block}.brand small,.competition small{display:block;color:#abc0d5;font-size:10px;line-height:1.25;letter-spacing:.08em}.competition{margin-left:auto;padding-left:22px;border-left:1px solid #36506e;text-align:center}.competition b{font-size:18px}.laurel{color:#e7be62;font-size:28px}.flip{transform:scaleX(-1)}.reset{min-height:46px;padding:0 15px;border:1px solid #3a5877;border-radius:11px;background:#102d4c;color:#dce8f2;font-weight:800}
.steps{width:min(940px,calc(100% - 36px));height:68px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:14px}.steps>b{color:#b7c4d0}.step{display:flex;align-items:center;gap:8px;color:#8798aa;font-size:12px;font-weight:900;letter-spacing:.05em}.step i{width:32px;height:32px;display:grid;place-items:center;border:2px solid #cbd7e1;border-radius:50%;font-style:normal}.step.active{color:var(--blue)}.step.active i{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 5px rgba(18,104,232,.1)}.step.done{color:var(--green)}.step.done i{background:var(--green);border-color:var(--green);color:#fff}
main{padding:0 clamp(18px,4vw,64px) 34px}.screen{display:none;width:min(1420px,100%);margin:auto}.screen.active{display:block;animation:rise .3s ease both}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:5px 0 18px}.title p,.decision>p,.ready-main>p,.separated>p,.scan-screen>p{margin:0;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.16em}.title h1{margin:5px 0 0;font-size:clamp(34px,3vw,48px);letter-spacing:-.045em;color:var(--navy)}.title>span{max-width:450px;color:var(--muted);font-size:17px;line-height:1.45;text-align:right}.title.compact{margin-bottom:15px}.title.compact h1{font-size:38px}
.capture-card{padding:16px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.photo-area{position:relative;width:100%;height:min(54vh,520px);min-height:330px;overflow:hidden;border:2px dashed #abc1d5;border-radius:17px;background:linear-gradient(145deg,#edf4f9,#fafcfe);cursor:pointer}.photo-area img{display:none;width:100%;height:100%;object-fit:contain}.photo-area h2{margin:14px 0 6px;font-size:28px;color:var(--navy)}.photo-area p{margin:0;color:var(--muted);font-size:16px}.camera-icon{display:grid;place-items:center;width:82px;height:82px;margin:auto;border-radius:50%;background:#fff;color:var(--blue);font-size:54px;box-shadow:0 12px 35px rgba(18,104,232,.17)}.corner{position:absolute;width:48px;height:48px;border-color:var(--cyan)}.tl{left:22px;top:22px;border-left:3px solid;border-top:3px solid}.tr{right:22px;top:22px;border-right:3px solid;border-top:3px solid}.bl{left:22px;bottom:22px;border-left:3px solid;border-bottom:3px solid}.br{right:22px;bottom:22px;border-right:3px solid;border-bottom:3px solid}.capture-actions{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin-top:14px}.primary,.secondary,.warning{min-height:58px;border-radius:12px;font-weight:900;letter-spacing:.03em;cursor:pointer}.primary{border:0;color:#fff;background:linear-gradient(135deg,var(--blue),#0751bd);box-shadow:0 10px 22px rgba(18,104,232,.22)}.primary:disabled{opacity:.38;box-shadow:none}.secondary{border:1px solid #bdcddd;background:#fff;color:var(--navy)}.capture-actions span{margin-right:7px}.purpose{display:flex;align-items:center;gap:16px;margin-top:12px;padding:13px 18px;border-radius:12px;background:#e9f4fb;color:var(--muted);font-size:14px}.purpose b{color:var(--navy)}.purpose em{margin-left:auto;color:var(--green);font-size:11px;font-style:normal;font-weight:900;letter-spacing:.08em}
.scan-screen{text-align:center;padding-top:35px}.scanner{position:relative;width:min(780px,90vw);height:410px;margin:auto;overflow:hidden;border-radius:24px;background:#dfe8ef;box-shadow:var(--shadow)}.scanner img{width:100%;height:100%;object-fit:contain}.scanline{position:absolute;left:0;right:0;height:4px;background:var(--cyan);box-shadow:0 0 22px 8px rgba(40,199,221,.55);animation:scan 1.35s ease-in-out infinite alternate}@keyframes scan{from{top:5%}to{top:94%}}.scan-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(40,199,221,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(40,199,221,.16) 1px,transparent 1px);background-size:54px 54px}.scan-screen>p{margin-top:25px}.scan-screen h1{max-width:840px;margin:8px auto 24px;font-size:28px}.scan-stages{display:flex;justify-content:center;gap:10px}.scan-stages span{padding:10px 15px;border-radius:20px;background:#e2eaf0;color:#7e8b98;font-size:12px;font-weight:800}.scan-stages .on{background:#dff8f4;color:var(--green)}
.result-layout{display:grid;grid-template-columns:1.65fr .75fr;gap:18px}.parcel-panel,.decision,.ready-main,.separated{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.parcel-panel{padding:15px}.parcel-image{position:relative;height:220px;overflow:hidden;border-radius:14px;background:#eef3f7}.parcel-image img{width:100%;height:100%;object-fit:cover}.parcel-image span{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:7px;background:rgba(7,27,56,.88);color:#62d7e9;font-size:10px;font-weight:900;letter-spacing:.1em}.product-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.product-card{position:relative;min-height:112px;padding:14px 62px 14px 66px;border:1px solid var(--line);border-left:5px solid;border-radius:13px;display:flex;align-items:center;background:#fbfdff}.product-card.green{border-left-color:var(--green)}.product-card.amber{border-left-color:var(--amber)}.product-card.yellow{border-left-color:#c7a314}.product-card.orange{border-left-color:var(--orange);background:#fff8f3}.product-icon{position:absolute;left:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#edf3f8;font-size:23px}.product-card h3{margin:0 0 5px;font-size:17px}.product-card b{font-size:11px;letter-spacing:.08em;color:var(--green)}.product-card.orange b{color:var(--orange)}.product-card.amber b,.product-card.yellow b{color:#9a6a00}.product-card p{margin:5px 0 0;color:var(--muted);font-size:12px}.product-card>small{position:absolute;right:12px;top:13px;color:#91a0af;font-size:9px}.decision{padding:26px;display:flex;flex-direction:column}.score{display:grid;grid-template-columns:1fr 1px 1fr;gap:16px;margin:20px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.score i{background:var(--line)}.score strong{font-size:48px;color:var(--green)}.score .special strong{color:var(--orange)}.score span{color:var(--muted)}.score small{display:block;margin-top:5px;font-size:9px;font-weight:900;letter-spacing:.07em}.advice{padding:17px;border-left:4px solid var(--orange);border-radius:9px;background:#fff6ec}.advice p{margin:7px 0 0;color:#6c513c;font-size:14px;line-height:1.5}.warning{margin-top:auto;border:0;background:linear-gradient(135deg,#ef873d,#d96021);color:#fff}.warning:disabled{opacity:.38}.boundary{margin-top:13px;color:var(--muted);line-height:1.4;text-align:center}
.ready-wrap{display:grid;grid-template-columns:1.5fr .6fr;gap:22px;padding-top:45px}.ready-main{text-align:center;padding:48px}.check{display:grid;place-items:center;width:82px;height:82px;margin:auto;border-radius:50%;background:#dff7ee;color:var(--green);font-size:45px}.ready-main>p{margin-top:20px}.ready-main h1{margin:8px 0;font-size:48px;color:var(--navy)}.ready-main h2{font-weight:500;color:var(--muted)}.ready-main h2 b{color:var(--green);font-size:34px}.mini-flow{display:flex;justify-content:center;gap:14px;margin:25px 0;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.08em}.mini-flow i{color:#aab6c2}.continue{width:min(540px,100%);min-height:64px;font-size:16px}.separated{padding:28px;border-top:6px solid var(--orange)}.separated>p{color:var(--orange)}.perfume{display:flex;align-items:center;gap:15px;margin:30px 0;padding:18px;border-radius:13px;background:#fff4eb}.perfume>span{font-size:44px;color:var(--orange)}.perfume b,.perfume small{display:block}.perfume small{margin-top:4px;color:var(--orange)}.separated>p:last-child{color:var(--muted);font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,100px);opacity:0;padding:14px 20px;border-radius:11px;background:var(--navy);color:#fff;font-weight:800;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}
.measure-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.measurement-card,.weight-card,.compare-card,.recommendation{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.measurement-card,.weight-card{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head p,.recommendation>p{margin:0;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.14em}.panel-head h2{margin:5px 0 0;font-size:24px}.status{padding:8px 12px;border-radius:18px;font-size:11px;font-weight:900;letter-spacing:.08em}.status.waiting{background:#edf1f4;color:#81909f}.status.synced{background:#dcf7ed;color:var(--green)}.phone-sync{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:center;margin:22px 0}.phone{width:126px;height:210px;margin:auto;padding:8px;border-radius:23px;background:var(--navy);box-shadow:0 18px 35px rgba(7,27,56,.2)}.phone-screen{position:relative;height:100%;display:grid;place-content:center;text-align:center;border-radius:17px;background:linear-gradient(150deg,#d7f6f6,#eaf3ff);overflow:hidden}.phone-screen>span{color:var(--blue);font-size:13px;font-weight:900}.phone-screen b{display:block;margin-top:8px;font-size:18px}.phone-screen small{color:var(--muted)}.phone-screen i{position:absolute;left:12px;right:12px;top:52%;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.phone-sync h3{font-size:21px;margin:0 0 7px}.phone-sync p{max-width:520px;margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.5}.sync,.demo-measure{min-height:52px;padding:0 20px}.dimension-inputs{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:end;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.dimension-inputs>b{padding-bottom:15px;color:#9aa8b6}.dimension-inputs label,.weight-input{color:var(--muted);font-size:13px;font-weight:800}.dimension-inputs label>span,.weight-input>span{display:flex;align-items:center;gap:8px;margin-top:7px;padding:0 13px;border:1px solid #bdcddd;border-radius:10px;background:#fafdff;color:var(--muted)}.dimension-inputs input,.weight-input input{min-width:0;width:100%;height:52px;border:0;outline:0;background:transparent;color:var(--navy);font-size:22px;font-weight:900}.scale{margin:32px auto 22px;text-align:center}.box-shape{width:170px;height:90px;margin:auto;display:grid;place-items:center;border:2px solid #9a6a35;background:#d6ad76;color:#6f451f;font-size:11px;font-weight:900;clip-path:polygon(10% 0,90% 0,100% 18%,100% 100%,0 100%,0 18%)}.scale-display{width:220px;margin:-1px auto 0;padding:13px;border-radius:8px 8px 16px 16px;background:#243546;color:#77f1c2;box-shadow:0 12px 25px rgba(7,27,56,.2)}.scale-display strong{font:700 32px Consolas,monospace}.scale-display span{margin-left:8px;color:#b8c8d4}.weight-input{display:block}.demo-measure{width:100%;margin-top:15px}.measure-footer{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;margin-top:16px;padding:17px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.measure-footer b,.measure-footer span{display:block}.measure-footer span{margin-top:3px;color:var(--muted);font-size:13px}.measure-footer code{padding:12px 16px;border-radius:9px;background:#edf5fc;color:var(--blue);font-size:16px;font-weight:900}.measure-footer button{min-width:280px}
.optimization-grid{display:grid;grid-template-columns:1fr .82fr 1fr;gap:18px}.compare-card{padding:22px}.compare-title{display:flex;justify-content:space-between;align-items:center}.compare-title span{padding:7px 10px;border-radius:7px;background:#fff0e7;color:var(--orange);font-size:11px;font-weight:900}.after .compare-title span{background:#dcf7ed;color:var(--green)}.box-visual{position:relative;margin:30px auto 24px;display:grid;place-items:center;border:3px solid #a8733d;background:linear-gradient(145deg,#d9b27d,#be8a51);color:#fff;text-align:center;font-size:13px;font-weight:900;box-shadow:12px 14px 0 #e5edf3}.large-box{width:210px;height:145px}.small-box{width:175px;height:125px}.box-visual i{position:absolute;inset:12px;border:2px dashed rgba(255,255,255,.6)}.box-visual span{position:relative}.compare-card dl{margin:0}.compare-card dl>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.compare-card dt{color:var(--muted);font-size:13px}.compare-card dd{margin:0;font-weight:900}.compare-card .charge{margin:8px -10px -8px;padding:15px 10px;border-radius:9px;background:#fff2ea;color:var(--orange)}.compare-card .charge.good{background:#e4f8f0;color:var(--green)}.recommendation{padding:24px;text-align:center;background:linear-gradient(180deg,#0b2d52,var(--navy));color:#fff}.recommendation>p{color:#65d6e8}.arrow-down{display:grid;place-items:center;width:44px;height:44px;margin:18px auto;border-radius:50%;background:#17436e;color:var(--cyan);font-size:25px}.recommendation h2{margin:0 0 10px;font-size:26px}.recommendation h2+p{color:#b9cad9;font-size:14px;line-height:1.55}.packing-points{display:grid;gap:8px;margin:20px 0}.packing-points span{padding:10px;border:1px solid #365978;border-radius:8px;color:#dce8f2;font-size:13px}.saving{margin-top:22px;padding:20px;border-radius:13px;background:#0e3c38}.saving small,.saving span{display:block;color:#a8c9c2}.saving strong{display:block;margin:6px 0;color:#6ee5b9;font-size:44px}.optimization-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-top:16px;padding:15px 20px;border-radius:15px;background:#fff;border:1px solid var(--line)}.optimization-footer>div{display:flex;align-items:center;gap:12px}.optimization-footer small{display:block;margin-top:3px;color:var(--muted)}.small-check{width:42px;height:42px;margin:0;font-size:24px}
@media(max-width:900px){.competition{display:none}.brand{margin-right:auto}.steps{gap:7px}.step span{display:none}.result-layout,.ready-wrap,.measure-layout,.optimization-grid{grid-template-columns:1fr}.capture-actions{grid-template-columns:1fr}.photo-area{height:410px}.title>span{display:none}.product-cards{grid-template-columns:1fr}.warning{margin-top:18px}.purpose em{display:none}.ready-wrap{padding-top:10px}.ready-main{padding:30px 18px}.phone-sync{grid-template-columns:110px 1fr}.phone{transform:scale(.8)}.dimension-inputs{grid-template-columns:1fr}.dimension-inputs>b{display:none}.measure-footer,.optimization-footer{grid-template-columns:1fr}.measure-footer button{min-width:0}.optimization-footer button{width:100%}}@media(min-width:1500px){.photo-area{height:560px}.parcel-image{height:260px}.product-card{min-height:130px}}