/* QR-led product story, extending the existing Carbon-inspired identity. */
:root{--product-blue:#0043ce;--product-tint:#edf5ff;--product-line:#a6c8ff}
.hero{grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-top:64px}
.hero h1{font-size:clamp(2.6rem,4.5vw,3.65rem);max-width:660px}
.hero h1 em{color:var(--product-blue)}
.hero .eyebrow{color:#525252;letter-spacing:1px}
.hero .button.primary{background:var(--product-blue)}
.hero .button.primary:hover{background:#002d9c}
.hero .lead{max-width:560px}
.hero-benefits{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px;font-size:.875rem;color:#393939}
.hero-benefits span{border-bottom:2px solid var(--product-line);padding-bottom:6px}
.qr-hero{background:var(--product-tint);border:1px solid #d0e2ff;border-top:4px solid var(--product-blue);padding:28px 32px;max-width:520px;width:100%;margin-left:auto;box-shadow:0 16px 40px #16161608}
.qr-hero .visual-top{color:#393939;letter-spacing:1px;gap:12px}
.qr-hero .visual-top>span:last-child{font-size:.7rem;letter-spacing:.8px}
.qr-demo-tag{border:1px solid var(--product-line);padding:5px 8px;border-radius:4px}
.qr-heading .mini-label{font-size:.68rem;letter-spacing:.7px}
.qr-heading h2{font-size:1.65rem;line-height:1.2;margin:10px 0 12px;letter-spacing:-.02em}
.qr-heading p{font-size:1rem;color:#393939;display:flex;justify-content:space-between;gap:12px}
.qr-heading p span{font-size:.8rem;color:#525252}
.qr-frame{display:block;background:white;border:1px solid #d0e2ff;border-radius:10px;width:min(280px,100%);margin:24px auto 18px;padding:12px;box-shadow:0 6px 20px #0043ce08}
.qr-frame img{display:block;width:100%;height:auto;aspect-ratio:1}
.qr-caption{text-align:center}.qr-caption strong{font-size:1.1rem}.qr-caption p{font-size:.875rem;margin:8px auto 0;max-width:330px;color:#525252}
.qr-context{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #c6d8f0;padding-top:16px;margin-top:22px;font-size:.8rem;color:#393939}
.qr-disclaimer{font-size:.75rem;line-height:1.5;margin:14px 0 0;color:#525252;text-align:center}
.inspection-section{padding:80px 0;background:#f4f4f4;border-bottom:1px solid #e0e0e0;scroll-margin-top:90px}
.inspection-section .eyebrow{color:var(--product-blue)}
.inspection-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.inspection-steps article{padding:28px;background:white;border:1px solid #e0e0e0;border-top:3px solid var(--product-blue);border-radius:8px}
.step-index{font-size:.8rem;letter-spacing:1px;color:var(--product-blue);font-weight:600}
.inspection-steps h3{font-size:1.3rem;margin:20px 0 12px}.inspection-steps p{font-size:1rem;line-height:1.6}
.inspection-source{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:24px}.inspection-source p{max-width:770px;font-size:.875rem}.inspection-source a{flex-shrink:0;color:var(--product-blue)}
.feature-symbol{color:var(--product-blue);background:var(--product-tint)}
.section-heading .eyebrow,.workflow .eyebrow{color:var(--product-blue)}
.community{margin-top:12px}.community .eyebrow{color:#a6c8ff}.community-values{border-color:#525252}
.plan.recommended{border-color:var(--product-blue)}.plan-ribbon{background:var(--product-blue)}
.closing .eyebrow{color:#a6c8ff}
@media(max-width:1100px){.hero{gap:36px}.qr-hero{padding:24px}.inspection-source{align-items:start;flex-direction:column;gap:16px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:36px;padding-top:42px}.hero h1{font-size:clamp(2.5rem,8vw,3.5rem)}.qr-hero{margin-inline:auto}.inspection-section{padding:56px 0}.inspection-steps{grid-template-columns:1fr;gap:16px}.inspection-steps article{padding:24px}.hero-benefits{gap:12px;font-size:.8rem}.qr-context{flex-wrap:wrap}.qr-heading p{flex-wrap:wrap}}

.qr-expand{display:flex;margin:0 auto 18px;color:var(--product-blue);min-height:44px}.qr-frame:hover{border-color:var(--product-blue)}.qr-panel{text-align:center;padding:12px 0}.qr-panel h3{margin:14px 0 8px}.qr-panel>p{font-size:1rem}.qr-panel>img{display:block;margin:16px auto;max-width:100%;height:auto}.qr-panel .qr-panel-note{max-width:390px;font-size:.875rem;margin:18px auto 0}.qr-dialog{text-align:center;width:min(520px,calc(100% - 24px));padding:38px 28px 28px}.qr-dialog>img{display:block;width:min(320px,100%);height:auto;margin:16px auto}.qr-dialog .qr-modal-note{font-size:.875rem;margin:16px auto;max-width:360px}.qr-dialog .eyebrow{font-size:.75rem;margin-top:14px}.qr-dialog .button{width:100%}@media(max-width:480px){.qr-dialog{padding:32px 18px 20px}.qr-dialog h2{font-size:1.75rem}.qr-dialog>img{width:min(300px,100%)}}

/* Original shipment preview with a compact document QR. */
.shipment-hero .journey-qr{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.journey-qr button{padding:6px;background:white;border:1px solid var(--product-line);border-radius:8px;color:var(--product-blue);font-size:14px;font-weight:600}
.journey-qr img{display:block;width:88px;height:88px}.journey-qr button span{display:block;padding:5px 0}
.journey-qr strong{display:block;font-size:16px;line-height:1.4}.journey-qr p{font-size:14px;line-height:1.5;margin-top:6px}.journey-qr small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}
.shipment-hero .route-title>span{color:var(--product-blue)}
@media(max-width:480px){.shipment-hero .journey-card{padding:18px}.shipment-hero .journey-qr{grid-template-columns:88px minmax(0,1fr);gap:12px}.journey-qr img{width:74px;height:74px}.shipment-hero .floating-chat{margin-right:0;margin-left:0;font-size:14px}.shipment-hero .floating-chat small{font-size:12px}}