/* C12 — visual product story: real GOIC label layout, QR scan and measurement. */
:root{--flow-ink:#eef5ff;--flow-muted:rgba(230,240,255,.72);--flow-orange:#ff9705;--flow-blue:#6fb5ff;--flow-night:#061120}

/* The hero starts behind the floating header, so no grey band interrupts the first view. */
.site-header{margin:0 auto -86px}.site-header.is-scrolled{margin:0 auto}.hero{padding-top:136px}.hero-visual{display:none!important}.hero-b-visual{position:relative;min-height:525px;isolation:isolate}.hero-b-orbit{position:absolute;border:1px solid rgba(104,181,255,.19);border-radius:50%;pointer-events:none;animation:heroOrbitC12 20s linear infinite}.hero-b-orbit-one{inset:4px 12px 9px -8px}.hero-b-orbit-two{inset:72px -52px 50px 96px;border-color:rgba(255,151,5,.2);animation-direction:reverse;animation-duration:28s}.hero-b-orbit::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#4b93ff;box-shadow:0 0 19px #4b93ff}.hero-b-orbit-one::before{top:20%;right:2%}.hero-b-orbit-two::before{bottom:17%;left:7%;background:#ff9705;box-shadow:0 0 19px #ff9705}.hero-b-dashboard{position:absolute;z-index:2;inset:38px 0 16px 7px;display:grid;grid-template-columns:66px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:24px;background:#f4f7fb;box-shadow:0 32px 65px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.78);transform:perspective(1200px) rotateY(-3deg) rotateX(2deg);animation:heroDashFloatC12 7s ease-in-out infinite}.hero-b-dashboard::after{content:"";position:absolute;z-index:5;top:-55%;left:-65%;width:44%;height:210%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:rotate(18deg);animation:heroShineC12 10s ease-in-out infinite;pointer-events:none}.hero-b-sidebar{z-index:2;padding:12px 7px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#10223a,#0a1526);color:#f7fbff}.hero-b-logo{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#17243c;background:linear-gradient(135deg,#ffd04b,#ff8100);font-size:17px;font-weight:950;box-shadow:0 8px 15px rgba(255,143,0,.28)}.hero-b-sidebar>b{margin:5px 0 16px;font-size:7px;letter-spacing:.14em}.hero-b-sidebar>div{display:grid;gap:7px}.hero-b-sidebar>div i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:rgba(238,246,255,.55);font-size:15px;font-style:normal}.hero-b-sidebar>div i.is-active{color:#fff;background:linear-gradient(135deg,#ff9b08,#ff7400);box-shadow:0 5px 12px rgba(255,130,0,.28)}.hero-b-sidebar>em{width:25px;height:25px;display:grid;place-items:center;margin-top:auto;border:1px solid rgba(255,255,255,.16);border-radius:9px;font-size:9px;font-style:normal;font-weight:900}.hero-b-main{min-width:0;position:relative;overflow:hidden;background:#f4f7fb}.hero-b-main::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 94% 4%,rgba(119,94,255,.15),transparent 28%),radial-gradient(circle at 4% 100%,rgba(255,160,12,.13),transparent 34%);pointer-events:none}.hero-b-topbar{position:relative;z-index:2;height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9f0;background:rgba(255,255,255,.92)}.hero-b-topbar>div{display:flex;align-items:center;gap:7px}.hero-b-topbar small{padding:4px 5px;border-radius:6px;color:#7352e5;background:#eee9ff;font-size:6px;font-weight:950;letter-spacing:.1em}.hero-b-topbar strong{color:#142033;font-size:13px;letter-spacing:-.03em}.hero-b-topbar>span{display:flex;gap:5px;align-items:center}.hero-b-topbar i,.hero-b-topbar b{width:20px;height:20px;display:grid;place-items:center;border:1px solid #e3e9f0;border-radius:7px;color:#6b7787;background:#fff;font-size:9px;font-style:normal}.hero-b-topbar b{border:0;color:#fff;background:linear-gradient(135deg,#7e65ff,#4f92ff)}.hero-b-content{position:relative;z-index:2;height:calc(100% - 46px);padding:8px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:7px}.hero-b-growth{min-height:93px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) 1.03fr;gap:6px;overflow:hidden;border:1px solid rgba(255,148,4,.2);border-radius:14px;background:linear-gradient(115deg,#fffdf9,#fff6e9);box-shadow:0 5px 12px rgba(70,52,27,.06)}.hero-b-growth>div:first-child{min-width:0}.hero-b-growth span,.hero-b-metrics span,.hero-b-rhythm span,.hero-b-capacity>span{display:block;color:#788496;font-size:6px;font-weight:950;letter-spacing:.075em}.hero-b-growth strong{display:block;margin:3px 0 0;color:#e26d00;font-size:27px;letter-spacing:-.07em;line-height:.9}.hero-b-growth b{display:block;margin-top:3px;color:#263145;font-size:7px;line-height:1.1}.hero-b-growth>div:first-child small{display:block;margin-top:4px;color:#818b9c;font-size:6px;line-height:1.2}.hero-b-chart{position:relative;min-width:0;padding-left:16px}.hero-b-chart>i{position:absolute;left:0;color:#a8afb9;font-size:5px;font-style:normal}.hero-b-chart>i:nth-of-type(1){bottom:10px}.hero-b-chart>i:nth-of-type(2){top:42%}.hero-b-chart>i:nth-of-type(3){top:1px}.hero-b-chart svg{position:absolute;right:0;bottom:11px;width:calc(100% - 11px);height:73px;overflow:visible}.hero-b-chart-area{fill:url(#hero-growth-fill-c12);opacity:.86}.hero-b-chart-line{fill:none;stroke:#ff8600;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:280;stroke-dashoffset:280;animation:heroChartDrawC12 3.6s ease-out infinite}.hero-b-chart>small{position:absolute;right:1px;bottom:0;left:16px;display:flex;justify-content:space-between;color:#9aa2ad;font-size:5px}.hero-b-chart>small b{font-size:inherit;font-weight:700}.hero-b-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.hero-b-metrics article{min-width:0;padding:7px 6px;border-radius:10px;background:#fff;box-shadow:0 3px 8px rgba(15,23,42,.05)}.hero-b-metrics .is-violet{background:linear-gradient(145deg,#f5f1ff,#fff)}.hero-b-metrics .is-orange{background:linear-gradient(145deg,#fff4e5,#fff)}.hero-b-metrics .is-blue{background:linear-gradient(145deg,#edf7ff,#fff)}.hero-b-metrics .is-green{background:linear-gradient(145deg,#edfcf3,#fff)}.hero-b-metrics strong{display:block;margin:4px 0 3px;color:#172338;font-size:12px;letter-spacing:-.06em;white-space:nowrap}.hero-b-metrics strong small{color:#6f7b8c;font-size:6px;font-weight:850;letter-spacing:0}.hero-b-metrics b{color:#1c9a60;font-size:6px}.hero-b-insights{min-height:0;display:grid;grid-template-columns:1.36fr .78fr;gap:7px}.hero-b-rhythm,.hero-b-capacity{min-height:0;padding:8px;overflow:hidden;border:1px solid #e5eaf1;border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 3px 8px rgba(15,23,42,.04)}.hero-b-rhythm header{display:flex;align-items:start;justify-content:space-between}.hero-b-rhythm header strong{display:block;margin-top:2px;color:#263245;font-size:9px}.hero-b-rhythm header>b{padding:3px 4px;border-radius:5px;color:#168c53;background:#e7f8ee;font-size:6px}.hero-b-rhythm>div{height:42px;margin-top:3px;padding:3px 2px 0;display:flex;align-items:end;gap:4px;border-bottom:1px solid #e6ebf1}.hero-b-rhythm>div i{width:100%;height:var(--bar);display:block;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#ffc640,#ff8300);transform-origin:bottom;animation:heroBarsC12 4.8s ease-in-out infinite}.hero-b-rhythm>div i:nth-child(2n){background:linear-gradient(180deg,#a993ff,#6858df);animation-delay:-.8s}.hero-b-rhythm>div i:nth-child(3n){background:linear-gradient(180deg,#70cfff,#428eee);animation-delay:-1.6s}.hero-b-rhythm>small{display:block;margin-top:4px;color:#9da6b3;font-size:5px;letter-spacing:.04em;text-align:center}.hero-b-capacity strong{display:block;margin-top:6px;color:#172338;font-size:21px;line-height:.9;letter-spacing:-.07em}.hero-b-capacity strong small{font-size:8px}.hero-b-capacity>i{height:5px;display:block;overflow:hidden;margin:8px 0 5px;border-radius:999px;background:#e9edf2}.hero-b-capacity>i b{width:84%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#ffbc28,#ff8100);animation:heroCapacityC12 4s ease-in-out infinite}.hero-b-capacity>small{color:#7f8a99;font-size:6px;line-height:1.1}.hero-b-note{position:absolute;z-index:4;padding:9px 11px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;background:rgba(10,27,47,.82);box-shadow:0 12px 28px rgba(1,10,22,.25);font-size:9px;font-weight:900;backdrop-filter:blur(10px)}.hero-b-note i{width:7px;height:7px;border-radius:50%;background:#1ad57b;box-shadow:0 0 10px #1ad57b}.hero-b-note-top{right:-5px;top:42px}.hero-b-note-bottom{bottom:4px;left:-5px;color:#ffc342;font-size:14px}.hero-b-note-bottom small{color:rgba(255,255,255,.7);font-size:7px}

/* The proof becomes a real trophy badge: only 7 in the medallion. */
.origin-proof-years{display:flex!important;align-items:center!important;gap:13px!important}.origin-proof-medal{width:82px;height:82px;position:relative;display:grid;place-items:center;flex:none;border:4px solid #fff4cd;border-radius:50%;color:#172239;background:radial-gradient(circle at 35% 27%,#fff8d6 0 11%,#ffd35d 12% 30%,#ff9b05 31% 64%,#e97600 65%);box-shadow:0 13px 25px rgba(132,73,0,.25),inset 0 0 0 4px rgba(101,48,0,.18)}.origin-proof-medal::before,.origin-proof-medal::after{content:"";position:absolute;z-index:-1;bottom:-19px;width:23px;height:34px;background:linear-gradient(180deg,#d96a00,#a94500);clip-path:polygon(0 0,100% 0,75% 100%,50% 79%,25% 100%)}.origin-proof-medal::before{left:11px;transform:rotate(13deg)}.origin-proof-medal::after{right:11px;transform:rotate(-13deg)}.origin-proof-medal strong{font-size:43px!important;line-height:1!important;letter-spacing:-.08em}.origin-proof-label{color:inherit!important;font-size:12px!important;font-weight:950!important;letter-spacing:.1em!important;line-height:1.15!important;text-align:left!important}

/* Supersede the generic outcome cards with the carpet-specific product story. */
.outcome-intro,.conversion-stack{display:none!important}.carpet-flow-section{position:relative;overflow:clip;padding:96px max(20px,calc((100vw - 1160px)/2)) 28px;color:var(--flow-ink);background:radial-gradient(circle at 90% 4%,rgba(59,135,255,.22),transparent 30%),radial-gradient(circle at 0 63%,rgba(255,138,0,.14),transparent 25%),linear-gradient(160deg,#071625,#091a2e 42%,#06101e)}.flow-anchor{position:absolute;top:0}.carpet-flow-heading{max-width:760px;margin:0 auto 38px;text-align:center}.carpet-flow-heading .eyebrow{justify-content:center}.carpet-flow-heading h2{margin:12px 0;color:#fff;font-size:clamp(35px,9.2vw,67px);line-height:.97;letter-spacing:-.065em}.carpet-flow-heading h2 em{color:#ffc44b;font-style:normal}.carpet-flow-heading>p:last-child{margin:0 auto;color:var(--flow-muted);font-size:clamp(16px,4.2vw,20px);line-height:1.45}.carpet-flow-stack{position:relative;max-width:980px;margin:0 auto}.carpet-flow-card{--flow-progress:0;--phone-progress:0;position:sticky;top:74px;min-height:620px;margin:0 0 35vh;padding:24px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:31px;color:#eef6ff;background:linear-gradient(145deg,rgba(15,38,65,.98),rgba(7,19,35,.98));box-shadow:0 28px 60px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.08);isolation:isolate}.carpet-flow-card:last-child{margin-bottom:42px}.carpet-flow-card::after{content:"";position:absolute;z-index:-1;inset:auto -20% -52% 20%;height:62%;border-radius:50%;background:radial-gradient(circle,rgba(255,144,0,.28),transparent 70%);filter:blur(10px)}.flow-card-scan{z-index:2;background:linear-gradient(145deg,rgba(17,35,64,.98),rgba(8,20,37,.98))}.flow-card-measure{z-index:3;background:linear-gradient(145deg,rgba(20,37,57,.98),rgba(7,19,32,.98))}.carpet-flow-copy{position:relative;z-index:3}.carpet-flow-copy>span{display:inline-flex;padding:7px 9px;border:1px solid rgba(255,201,86,.3);border-radius:999px;color:#ffd275;background:rgba(255,160,0,.09);font-size:10px;font-weight:950;letter-spacing:.075em}.carpet-flow-copy h3{margin:12px 0 10px;color:#fff;font-size:clamp(29px,8vw,45px);line-height:.99;letter-spacing:-.06em}.carpet-flow-copy h3 em{color:#7dc3ff;font-style:normal}.flow-card-label .carpet-flow-copy h3 em{color:#ffd468}.flow-card-measure .carpet-flow-copy h3 em{color:#7de3b0}.carpet-flow-copy p{max-width:620px;margin:0;color:var(--flow-muted);font-size:16px;line-height:1.45}.carpet-flow-copy ul{display:grid;gap:6px;margin:15px 0 0;padding:0;list-style:none}.carpet-flow-copy li{padding-left:19px;position:relative;color:rgba(243,248,255,.91);font-size:13px;font-weight:750;line-height:1.28}.carpet-flow-copy li::before{content:"";position:absolute;top:.37em;left:1px;width:8px;height:8px;border:2px solid #ffbd2e;border-radius:50%;box-shadow:0 0 0 4px rgba(255,189,46,.1)}.carpet-flow-visual{position:relative;min-height:320px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#040b14}.carpet-flow-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:calc(.96 - var(--flow-progress)*.18);transform:scale(calc(1 + var(--flow-progress)*.06));transition:opacity .15s linear}.carpet-flow-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,17,.12),rgba(2,10,20,.21) 46%,rgba(3,10,18,.74))}.flow-label{position:absolute;z-index:3;right:8%;bottom:10%;width:124px;height:182px;overflow:hidden;border:2px solid #000;border-radius:10px;color:#000;background:#fff;box-shadow:0 18px 30px rgba(0,0,0,.42);transform:rotate(calc(-10deg + var(--flow-progress)*6deg)) translateY(calc((1 - var(--flow-progress))*28px));transform-origin:bottom right;transition:transform .15s linear}.real-label-shape{position:absolute;z-index:1;inset:0 auto 0 0;width:24px;height:100%;background:#000;clip-path:polygon(0 0,100% 0,78% 8%,66% 18%,63% 35%,88% 54%,73% 72%,79% 86%,100% 100%,0 100%)}.real-label-side{position:absolute;z-index:2;left:-43px;width:108px;color:#fff;font-size:7px;font-weight:750;line-height:1;text-align:center;white-space:nowrap;transform:rotate(-90deg)}.real-label-side.site{top:39px}.real-label-side.phone{top:142px}.real-label-barcode{position:absolute;z-index:2;top:0;right:0;width:18px;height:100%;background:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 3px,#000 3px 4px,transparent 4px 6px)}.real-label-qr{position:absolute;z-index:3;top:8px;left:31px;width:64px;height:64px;border:3px solid #fff;background-color:#fff;background-image:linear-gradient(90deg,#000 10%,transparent 10% 20%,#000 20% 30%,transparent 30% 40%,#000 40% 57%,transparent 57% 67%,#000 67% 78%,transparent 78%),linear-gradient(#000 9%,transparent 9% 18%,#000 18% 32%,transparent 32% 42%,#000 42% 52%,transparent 52% 65%,#000 65% 76%,transparent 76%);background-size:18px 18px,18px 18px;box-shadow:inset 0 0 0 4px #fff}.real-label-divider{position:absolute;z-index:4;top:78px;right:20px;left:26px;height:2px;background:repeating-linear-gradient(90deg,#111 0 7px,transparent 7px 10px)}.real-label-order{position:absolute;z-index:4;top:84px;right:21px;left:25px;font-size:19px;font-weight:950;letter-spacing:-.07em;text-align:center;transform:rotate(180deg)}.real-label-customer{position:absolute;z-index:4;right:20px;bottom:31px;left:25px;font-size:8px;font-weight:850;line-height:1.14;text-align:center;text-transform:uppercase;transform:rotate(180deg)}.real-label-customer small{display:block;margin-top:3px;font-size:7px}.real-label-count{position:absolute;z-index:4;right:2px;bottom:3px;font-size:14px;font-weight:950;transform:rotate(180deg)}.flow-callout{position:absolute;z-index:4;bottom:17px;left:15px;display:flex;align-items:center;gap:9px;max-width:220px;padding:9px 10px;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;background:rgba(5,19,35,.81);box-shadow:0 12px 26px rgba(0,0,0,.25);backdrop-filter:blur(12px);transform:translateY(calc((1 - var(--flow-progress))*22px));transition:transform .15s linear}.flow-callout>i{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:9px;color:#0b263b;background:#ffbd32;font-size:14px;font-style:normal;font-weight:950}.flow-callout small{display:block;color:rgba(255,255,255,.62);font-size:7px;font-weight:900;letter-spacing:.075em}.flow-callout b{display:block;margin-top:2px;font-size:11px;line-height:1.1}.flow-phone{position:absolute;z-index:3;right:7%;top:9%;width:177px;overflow:hidden;border:7px solid #07101c;border-radius:24px;color:#15243a;background:#f9fbff;box-shadow:0 20px 34px rgba(0,0,0,.45);transform:translateY(calc((1 - var(--phone-progress))*72px)) rotate(calc(9deg - var(--phone-progress)*7deg)) scale(calc(.82 + var(--phone-progress)*.18));transform-origin:70% 70%;transition:transform .1s linear}.flow-phone header{height:33px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;color:#607086;border-bottom:1px solid #e6edf4;font-size:7px}.flow-phone header b{color:#19263a;font-size:8px}.flow-phone header i{font-style:normal}.scan-frame{height:139px;position:relative;margin:12px;border:1.5px solid #9fc4e8;border-radius:15px;background:linear-gradient(145deg,#dcefff,#f8fcff)}.scan-frame i{position:absolute;width:19px;height:19px;border:3px solid #ff8c00}.scan-frame i:nth-child(1){top:9px;left:9px;border-right:0;border-bottom:0}.scan-frame i:nth-child(2){top:9px;right:9px;border-bottom:0;border-left:0}.scan-frame i:nth-child(3){bottom:9px;left:9px;border-top:0;border-right:0}.scan-frame i:nth-child(4){right:9px;bottom:9px;border-top:0;border-left:0}.scan-frame>b{position:absolute;top:37px;left:50%;width:75px;height:75px;border:3px solid #142338;background-color:#fff;background-image:linear-gradient(90deg,#142338 10%,transparent 10% 20%,#142338 20% 30%,transparent 30% 40%,#142338 40% 57%,transparent 57% 67%,#142338 67% 78%,transparent 78%),linear-gradient(#142338 9%,transparent 9% 18%,#142338 18% 32%,transparent 32% 42%,#142338 42% 52%,transparent 52% 65%,#142338 65% 76%,transparent 76%);background-size:18px 18px,18px 18px;transform:translateX(-50%);animation:scanPulseC12 2.6s ease-in-out infinite}.scan-frame span{position:absolute;right:7px;bottom:7px;left:7px;padding:5px;border-radius:6px;color:#187a51;background:#e7f9ef;font-size:7px;font-weight:900;text-align:center}.scan-result{display:flex;align-items:center;gap:7px;margin:0 11px 11px;padding:8px;border-radius:10px;background:#eef8f2}.scan-result>i{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#1cb46d;font-size:11px;font-style:normal;font-weight:950}.scan-result small,.scan-result span{display:block;color:#617388;font-size:6px;font-weight:800}.scan-result strong{display:block;color:#163129;font-size:9px}.flow-phone-measure{right:8%;top:7%;background:#fbfdff}.measure-phone-title{padding:12px 12px 8px}.measure-phone-title small{color:#7a8b9e;font-size:7px;font-weight:900;letter-spacing:.07em}.measure-phone-title strong{display:block;margin-top:3px;color:#18253a;font-size:11px}.flow-phone-measure label{display:flex;align-items:center;justify-content:space-between;margin:0 11px 7px;padding:9px;border:1px solid #dce6ef;border-radius:9px;color:#718196;font-size:8px}.flow-phone-measure label b{color:#18263a;font-size:11px}.measure-total{margin:12px 11px;padding:10px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#112b4e,#1e5b91)}.measure-total span{display:block;color:rgba(255,255,255,.66);font-size:6px;font-weight:900;letter-spacing:.08em}.measure-total strong{display:inline-block;margin-top:4px;font-size:21px;letter-spacing:-.06em}.measure-total strong small{font-size:9px}.measure-total>b{float:right;margin-top:9px;color:#ffc44d;font-size:12px}.flow-phone-measure footer{padding:0 11px 12px;color:#1e8f5c;font-size:8px;font-weight:900}.flow-phone-measure footer i{font-style:normal}

@keyframes heroOrbitC12{to{transform:rotate(360deg)}}@keyframes heroDashFloatC12{0%,100%{transform:perspective(1200px) rotateY(-3deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-1deg) rotateX(3deg) translateY(-8px)}}@keyframes heroShineC12{0%,56%,100%{transform:translateX(-15%) rotate(18deg)}72%{transform:translateX(370%) rotate(18deg)}}@keyframes heroChartDrawC12{0%,12%{stroke-dashoffset:280}60%,100%{stroke-dashoffset:0}}@keyframes heroBarsC12{0%,100%{transform:scaleY(.66)}50%{transform:scaleY(1)}}@keyframes heroCapacityC12{0%,100%{transform:scaleX(.86);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}@keyframes scanPulseC12{0%,100%{filter:drop-shadow(0 0 0 rgba(255,142,0,0))}50%{filter:drop-shadow(0 0 8px rgba(255,142,0,.8))}}
@media(min-width:700px){.hero{padding-top:160px}.hero-b-visual{min-height:550px}.hero-b-dashboard{inset:35px 0 12px 25px;grid-template-columns:76px minmax(0,1fr)}.hero-b-sidebar{padding:14px 9px}.hero-b-sidebar>div i{width:34px;height:34px}.hero-b-topbar{height:53px;padding:0 15px}.hero-b-topbar strong{font-size:15px}.hero-b-content{height:calc(100% - 53px);padding:11px;gap:8px}.hero-b-growth{min-height:112px;padding:12px}.hero-b-growth strong{font-size:34px}.hero-b-growth b{font-size:9px}.hero-b-growth>div:first-child small{font-size:7px}.hero-b-chart svg{height:86px}.hero-b-metrics article{padding:9px}.hero-b-metrics strong{font-size:16px}.hero-b-insights{gap:8px}.hero-b-rhythm,.hero-b-capacity{padding:10px}.hero-b-rhythm>div{height:53px}.hero-b-capacity strong{font-size:26px}.carpet-flow-section{padding-top:118px}.carpet-flow-heading{margin-bottom:52px}.carpet-flow-card{top:91px;min-height:640px;padding:36px;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);grid-template-rows:1fr;gap:30px;border-radius:35px}.carpet-flow-copy{align-self:center}.carpet-flow-copy p{font-size:17px}.carpet-flow-visual{min-height:100%}.flow-label{width:152px;height:222px}.real-label-side{left:-53px;width:132px;font-size:8px}.real-label-side.site{top:48px}.real-label-side.phone{top:174px}.real-label-barcode{width:21px}.real-label-qr{top:9px;left:37px;width:78px;height:78px}.real-label-divider{top:95px;right:23px;left:31px}.real-label-order{top:101px;right:25px;left:30px;font-size:24px}.real-label-customer{right:23px;bottom:37px;left:30px;font-size:10px}.real-label-customer small{font-size:8px}.real-label-count{font-size:17px}.flow-phone{width:205px;border-width:8px;border-radius:28px}.flow-phone header{height:39px;font-size:8px}.flow-phone header b{font-size:10px}.scan-frame{height:165px}.flow-callout{left:18px;bottom:19px}.carpet-flow-card:nth-child(2){margin-top:8vh}.carpet-flow-card:nth-child(3){margin-top:8vh}}
@media(max-width:430px){.hero{padding-top:122px}.hero-b-visual{min-height:470px}.hero-b-dashboard{inset:29px 0 10px;grid-template-columns:1fr;border-radius:21px;transform:none}.hero-b-sidebar{display:none}.hero-b-growth{min-height:86px}.hero-b-growth strong{font-size:24px}.hero-b-chart svg{height:68px}.hero-b-note-top{right:-2px;top:18px}.hero-b-note-bottom{bottom:-2px}.hero-b-note-bottom small{display:none}.hero-b-metrics strong{font-size:11px}.hero-b-insights{grid-template-columns:1.24fr .76fr}.hero-b-capacity strong{font-size:18px}.origin-proof-years{justify-content:center}.origin-proof-medal{width:72px;height:72px}.origin-proof-medal strong{font-size:37px!important}.origin-proof-label{font-size:10px!important}.carpet-flow-section{padding-right:16px;padding-left:16px}.carpet-flow-card{top:68px;padding:20px;min-height:606px;border-radius:27px}.carpet-flow-copy h3{font-size:31px}.carpet-flow-copy p{font-size:15px}.carpet-flow-copy li{font-size:12px}.carpet-flow-visual{min-height:304px}.flow-phone{right:5%;width:166px}.flow-card-measure .flow-phone{right:4%;width:162px}.flow-label{right:7%;bottom:9%;transform:rotate(calc(-10deg + var(--flow-progress)*6deg)) translateY(calc((1 - var(--flow-progress))*24px)) scale(.92);transform-origin:bottom right}.flow-callout{bottom:12px;left:10px;max-width:202px}.flow-callout b{font-size:10px}.carpet-flow-card:last-child{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.hero-b-orbit,.hero-b-dashboard,.hero-b-dashboard::after,.hero-b-chart-line,.hero-b-rhythm>div i,.hero-b-capacity>i b,.scan-frame>b{animation:none!important}.hero-b-dashboard{transform:none}.carpet-flow-visual>img,.flow-label,.flow-callout,.flow-phone{transition:none!important}}

/* Scroll values are calculated in JS because CSS calc cannot multiply custom properties reliably. */
.carpet-flow-visual>img{opacity:var(--scene-opacity,.96);transform:scale(var(--scene-scale,1))}.flow-label{transform:rotate(var(--label-rotate,-10deg)) translateY(var(--label-y,28px))}.flow-callout{transform:translateY(var(--callout-y,22px))}.flow-phone{transform:translateY(var(--phone-y,72px)) rotate(var(--phone-rotate,9deg)) scale(var(--phone-scale,.82))}@media(max-width:430px){.flow-label{transform:rotate(var(--label-rotate,-10deg)) translateY(var(--label-y,24px)) scale(.92)}}

/* One clear conversion moment follows the three connected actions. */
.carpet-flow-cta{max-width:640px;margin:0 auto 18px;padding:24px 18px 8px;display:grid;justify-items:center;gap:10px;text-align:center}.carpet-flow-cta strong{color:#fff;font-size:clamp(22px,6vw,33px);line-height:1.04;letter-spacing:-.045em}.carpet-flow-cta span{color:rgba(237,245,255,.73);font-size:13px;line-height:1.4}.carpet-flow-cta .button{min-width:min(100%,290px);margin-top:4px}.technical-grid .technical-label,.technical-grid .technical-measure{display:none!important}

/* Let each physical-to-digital step breathe before the next sticky card overlaps it. */
.carpet-flow-card{margin-bottom:72vh}@media(max-width:430px){.carpet-flow-card{margin-bottom:108vh}.carpet-flow-card:last-child{margin-bottom:25px}}

/* A real route explains saved time more clearly than an unsupported hour estimate. */
.time-proof .time-board{overflow:hidden;padding:20px;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 94% 7%,rgba(255,158,0,.27),transparent 24%),radial-gradient(circle at 15% 88%,rgba(77,150,255,.24),transparent 34%),linear-gradient(145deg,#071a2d,#102c4a)}.time-proof .time-board header{position:relative;z-index:2;gap:6px}.time-proof .time-board header span{color:#ffc44c}.time-proof .time-board header strong{font-size:clamp(27px,7vw,38px);line-height:.95;letter-spacing:-.065em}.time-proof .time-board header small{max-width:280px;font-size:12px;line-height:1.35}.time-proof .time-board>.route-map{height:255px;position:relative;display:block;margin:14px -4px 0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:linear-gradient(120deg,rgba(72,139,188,.18) 1px,transparent 1px),linear-gradient(30deg,rgba(72,139,188,.12) 1px,transparent 1px),radial-gradient(circle at 14% 20%,rgba(31,197,133,.22),transparent 26%),#0b2540;background-size:31px 31px,42px 42px,auto}.route-map::before,.route-map::after{content:"";position:absolute;border:1px solid rgba(117,190,250,.13);border-radius:50%;pointer-events:none}.route-map::before{width:190px;height:190px;right:-74px;top:-84px}.route-map::after{width:130px;height:130px;left:-45px;bottom:-65px}.route-glow{position:absolute;width:135px;height:135px;top:35%;left:37%;border-radius:50%;background:radial-gradient(circle,rgba(255,148,0,.17),transparent 66%);filter:blur(3px);animation:routeGlowC16 4s ease-in-out infinite}.route-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route-road{fill:none;stroke:rgba(255,255,255,.16);stroke-width:14;stroke-linecap:round}.route-line{fill:none;stroke:#ffab18;stroke-width:4;stroke-linecap:round;stroke-dasharray:7 8;filter:drop-shadow(0 0 5px rgba(255,151,0,.55));animation:routeDashC16 8s linear infinite}.route-stop{position:absolute;z-index:2;display:grid;gap:3px;justify-items:center;color:#f9fcff;font-size:8px;font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,.4)}.route-stop i{width:25px;height:25px;display:grid;place-items:center;border:3px solid #102b46;border-radius:50%;color:#132a44;background:#fff;font-size:10px;font-style:normal;box-shadow:0 0 0 3px rgba(255,190,46,.25),0 7px 14px rgba(0,0,0,.23)}.route-stop-pickup{left:4%;bottom:12%}.route-stop-laundry{left:48%;bottom:24%}.route-stop-laundry i{color:#fff;background:#ff9300;box-shadow:0 0 0 3px rgba(255,194,77,.28),0 7px 14px rgba(0,0,0,.23)}.route-stop-delivery{right:4%;top:13%}.route-stop-delivery i{color:#fff;background:#228de8;box-shadow:0 0 0 3px rgba(112,193,255,.25),0 7px 14px rgba(0,0,0,.23)}.route-car{position:absolute;z-index:4;left:13px;bottom:29px;width:38px;height:21px;border-radius:7px 9px 6px 6px;background:linear-gradient(135deg,#ffca3e,#ff8000);box-shadow:0 9px 14px rgba(0,0,0,.34);transform-origin:center;animation:routeCarC16 10s cubic-bezier(.45,.05,.3,1) infinite}.route-car::before{content:"";position:absolute;top:-8px;left:8px;width:22px;height:11px;border-radius:6px 7px 2px 2px;background:#a5d8fb;box-shadow:inset 0 -2px rgba(17,56,91,.3)}.route-car::after{content:"";position:absolute;right:4px;bottom:5px;width:5px;height:5px;border-radius:50%;background:#fff5bb;box-shadow:0 0 9px #fff5bb}.route-car i,.route-car b{position:absolute;bottom:-4px;width:9px;height:9px;border:2px solid #172338;border-radius:50%;background:#101923}.route-car i{left:4px}.route-car b{right:4px}.route-car em{position:absolute;right:-6px;bottom:5px;width:7px;height:4px;border-radius:50%;background:rgba(255,255,255,.5);filter:blur(2px);animation:routeDustC16 .75s ease-in-out infinite}.route-live{position:absolute;z-index:3;top:11px;right:10px;display:flex;align-items:center;gap:6px;padding:7px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#eef8ff;background:rgba(7,23,41,.72);font-size:8px;font-weight:900;backdrop-filter:blur(8px)}.route-live i{width:7px;height:7px;border-radius:50%;background:#2ad98a;box-shadow:0 0 10px #2ad98a;animation:routeLiveC16 1.6s ease-in-out infinite}.time-proof .time-board>footer{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.time-proof .time-board>footer span{padding:7px 4px;border-radius:9px;color:rgba(245,251,255,.76);background:rgba(255,255,255,.07);font-size:8px;font-weight:800;line-height:1.22;text-align:center}.time-proof .time-board>footer i{display:block;margin-bottom:3px;color:#ffbf36;font-size:11px;font-style:normal}@keyframes routeDashC16{to{stroke-dashoffset:-120}}@keyframes routeGlowC16{50%{transform:scale(1.18);opacity:.66}}@keyframes routeLiveC16{50%{transform:scale(.68);opacity:.65}}@keyframes routeDustC16{50%{transform:translateX(4px) scale(.62);opacity:.28}}@keyframes routeCarC16{0%,7%{transform:translate(0,0) rotate(-36deg)}25%{transform:translate(78px,-83px) rotate(8deg)}43%{transform:translate(144px,-57px) rotate(46deg)}57%{transform:translate(188px,-128px) rotate(-66deg)}75%{transform:translate(253px,-106px) rotate(27deg)}91%{transform:translate(300px,-180px) rotate(-61deg)}100%{transform:translate(0,0) rotate(-36deg)}}
@media(min-width:720px){.time-proof .time-board{padding:26px}.time-proof .time-board>.route-map{height:315px}.time-proof .time-board>footer span{padding:9px;font-size:10px}.route-stop{font-size:10px}.route-stop i{width:30px;height:30px;font-size:12px}.route-car{transform:scale(1.12);transform-origin:bottom left}}
@media(prefers-reduced-motion:reduce){.route-glow,.route-line,.route-car,.route-car em,.route-live i{animation:none!important}}

/* C19: a real four-stop route. The vehicle is carried by the SVG path itself,
   so each bend and every pause remains locked to the visual route. */
.time-proof .time-board>.route-map.route-map-c19{height:282px;background:linear-gradient(126deg,rgba(50,123,171,.18) 1px,transparent 1px),linear-gradient(38deg,rgba(102,181,236,.09) 1px,transparent 1px),radial-gradient(circle at 79% 14%,rgba(64,175,255,.25),transparent 23%),radial-gradient(circle at 8% 87%,rgba(255,149,0,.2),transparent 28%),#092640;background-size:32px 32px,45px 45px,auto,auto}.route-map-c19 .route-glow{left:43%;top:39%;width:154px;height:154px;background:radial-gradient(circle,rgba(255,158,0,.22),transparent 67%)}.route-map-c19 .route-network{z-index:1}.route-map-c19 .route-road{stroke:rgba(222,240,255,.19);stroke-width:16}.route-map-c19 .route-line{stroke:url(#route-road-fill-c19);stroke-width:5;stroke-dasharray:7 8;filter:drop-shadow(0 0 6px rgba(255,163,23,.64));animation:routeDashC16 7.5s linear infinite}.route-map-c19 .route-vehicle{pointer-events:none}.route-map-c19 .route-vehicle-shape{transform-box:fill-box;transform-origin:center;animation:routeVehicleFloatC19 1.35s ease-in-out infinite}.route-map-c19 .route-stop{z-index:3;height:auto!important;grid-template-rows:none!important;gap:4px;font-size:8px}.route-map-c19 .route-stop i{width:28px;height:28px;border-width:3px;color:#112940;background:#f8fcff;font-size:11px;box-shadow:0 0 0 4px rgba(135,208,255,.16),0 8px 17px rgba(0,0,0,.27)}.route-map-c19 .route-stop-pickup-first{left:3%;bottom:9%}.route-map-c19 .route-stop-pickup-first i{box-shadow:0 0 0 4px rgba(255,194,77,.24),0 8px 17px rgba(0,0,0,.27)}.route-map-c19 .route-stop-pickup-second{left:25%;top:16%}.route-map-c19 .route-stop-pickup-second i{color:#fff;background:#7a69dd;box-shadow:0 0 0 4px rgba(154,137,255,.23),0 8px 17px rgba(0,0,0,.27)}.route-map-c19 .route-stop-laundry{left:46%;bottom:24%}.route-map-c19 .route-stop-laundry i{color:#fff;background:#ff9300;box-shadow:0 0 0 4px rgba(255,194,77,.28),0 8px 17px rgba(0,0,0,.27)}.route-map-c19 .route-stop-delivery{right:2%;top:auto;bottom:9%}.route-map-c19 .route-stop-delivery i{color:#fff;background:#2b9cf0;box-shadow:0 0 0 4px rgba(112,193,255,.25),0 8px 17px rgba(0,0,0,.27)}.route-map-c19 .route-live{z-index:4;height:auto!important;grid-template-rows:none!important;top:11px;right:10px;padding:7px 9px;font-size:8px}.time-proof .time-board>footer span{padding:8px 4px;font-size:8px}@keyframes routeVehicleFloatC19{50%{transform:translateY(-1.4px) scale(1.035)}}@media(min-width:720px){.time-proof .time-board>.route-map.route-map-c19{height:340px}.route-map-c19 .route-stop{font-size:10px}.route-map-c19 .route-stop i{width:31px;height:31px;font-size:12px}}@media(prefers-reduced-motion:reduce){.route-map-c19 .route-vehicle-shape{animation:none!important}}

/* C27: the medal carries the short proof; the full proof stays readable beside it. */
.origin-proof-years{width:auto!important;height:82px!important;place-content:unset!important;overflow:visible!important}
.origin-proof-medal{display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;gap:0!important;margin:0!important}
.origin-proof-medal strong{margin:0!important;line-height:.84!important}
.origin-proof-medal small{margin:2px 0 0!important;color:#512b00!important;font-size:9px!important;font-weight:950!important;letter-spacing:.16em!important;line-height:1!important}
.origin-proof-label{max-width:136px!important;color:#fff!important;font-size:13px!important;letter-spacing:.115em!important;line-height:1.18!important}
@media(max-width:430px){.origin-proof-years{height:72px!important}.origin-proof-medal small{font-size:8px!important}.origin-proof-label{font-size:11px!important}}

/* C29: the operating history leads the card as its own hero, without a decorative oval. */
.origin-proof-card{background:linear-gradient(145deg,rgba(21,50,79,.98),rgba(7,21,39,.98))!important}
.origin-proof-years{height:auto!important;gap:18px!important;padding:0 0 18px!important;border:0!important;border-bottom:1px solid rgba(255,221,143,.24)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
.origin-proof-label{max-width:none!important;color:#fff!important;font-size:clamp(23px,7vw,34px)!important;font-weight:950!important;letter-spacing:-.055em!important;line-height:.93!important;text-transform:uppercase!important}
@media(max-width:430px){.origin-proof-years{height:auto!important;padding-bottom:16px!important}.origin-proof-label{font-size:24px!important}}

/* C32: make the operating chart use the complete lower field and scroll live KPIs beside it. */
.hero-b-insights{align-items:stretch!important}
.hero-b-rhythm{height:100%!important;display:flex!important;flex-direction:column!important}
.hero-b-rhythm>div{height:auto!important;min-height:0!important;flex:1!important;margin-top:6px!important;padding:5px 3px 0!important;gap:5px!important}
.hero-b-rhythm>div i{min-height:10px!important}
.hero-b-rhythm>small{padding-top:4px!important}
.hero-b-mini-panel{position:relative;min-height:0;overflow:hidden;border:1px solid #e5eaf1;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 3px 8px rgba(15,23,42,.04)}
.hero-b-mini-panel::before,.hero-b-mini-panel::after{content:"";position:absolute;z-index:2;right:0;left:0;height:16px;pointer-events:none}.hero-b-mini-panel::before{top:0;background:linear-gradient(#fff,rgba(255,255,255,0))}.hero-b-mini-panel::after{bottom:0;background:linear-gradient(rgba(255,255,255,0),#fff)}
.hero-b-mini-track{display:grid;gap:5px;padding:5px 6px;animation:heroMiniPanelScrollC32 16s ease-in-out infinite}
.hero-b-mini-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 4px;align-items:center;padding:5px 5px 4px;border-radius:8px;background:linear-gradient(135deg,#f5f8fc,#fff);box-shadow:inset 0 0 0 1px rgba(111,132,160,.1)}
.hero-b-mini-card span{min-width:0;overflow:hidden;color:#728096;font-size:5px;font-weight:950;letter-spacing:.04em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.hero-b-mini-card strong{color:#17263b;font-size:8px;letter-spacing:-.05em;line-height:1;white-space:nowrap}.hero-b-mini-card i{grid-column:1 / -1;height:3px;display:block;overflow:hidden;border-radius:999px;background:#e8edf4}.hero-b-mini-card i b{width:var(--mini);height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#ffbd32,#ff8200);box-shadow:0 0 6px rgba(255,135,0,.35)}
.hero-b-mini-card:nth-child(3n) i b{background:linear-gradient(90deg,#6c94ff,#4b66df);box-shadow:0 0 6px rgba(76,104,225,.28)}.hero-b-mini-card:nth-child(3n + 2) i b{background:linear-gradient(90deg,#51d5ac,#1caa71);box-shadow:0 0 6px rgba(25,170,111,.25)}
@keyframes heroMiniPanelScrollC32{0%,12%{transform:translateY(0)}86%,100%{transform:translateY(-61%)}}
@media(prefers-reduced-motion:reduce){.hero-b-mini-track{animation:none!important}}

/* C33: dashboard data is progressed by the page scroll, never by a timer. */
.hero-b-chart-line{animation:none!important}
.hero-b-rhythm>div i{height:var(--dashboard-bar-height,5%)!important;animation:none!important}
.hero-b-mini-track{animation:none!important;transform:translateY(var(--dashboard-mini-y,0))!important}
.hero-b-mini-card i b{width:var(--dashboard-mini-width,8%)!important;transition:none!important}

/* C34: navigation reads as an indexed menu instead of four unrelated buttons. */
.top-nav{padding:8px 15px!important;grid-template-columns:1fr!important;gap:0!important;border-radius:21px!important}
.top-nav a{min-height:52px!important;padding:0 3px!important;display:grid!important;grid-template-columns:25px max-content minmax(18px,1fr) 14px;gap:8px;align-items:center;border-radius:0!important;color:inherit!important;background:transparent!important}
.top-nav a + a{border-top:1px solid rgba(255,255,255,.14)}
.top-nav a small{color:#ffc657;font-size:8px;font-weight:950;letter-spacing:.1em}.top-nav a span{font-size:14px;font-weight:900;letter-spacing:-.025em;white-space:nowrap}.top-nav a i{height:1px;display:block;background:linear-gradient(90deg,currentColor,transparent);opacity:.28}.top-nav a::after{content:"↗";display:block;color:#ffc657;font-size:15px;font-weight:950;line-height:1;text-align:right}.top-nav a:last-child i{opacity:.16}
.site-header.is-gold-theme .top-nav a + a{border-color:rgba(16,36,61,.16)}.site-header.is-gold-theme .top-nav a small,.site-header.is-gold-theme .top-nav a::after{color:#d56d00}
@media(min-width:720px){.top-nav{padding:0!important;display:flex!important;align-items:center;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.top-nav a{min-height:auto!important;padding:0 11px!important;grid-template-columns:max-content max-content 22px;gap:5px}.top-nav a + a{border-top:0!important}.top-nav a small{font-size:7px}.top-nav a span{font-size:11px}.top-nav a i{width:20px}.top-nav a::after{display:none}.top-nav a:last-child{padding-right:0!important}.top-nav a:last-child i{display:none}.site-header.is-gold-theme .top-nav,.site-header.is-ink-theme .top-nav{background:transparent!important;box-shadow:none!important}}

/* C35: these last technical cards lead with their message, not an internal index. */
.technical-print .technical-kicker,.technical-route .technical-kicker,.technical-message .technical-kicker{display:none!important}

/* C36: menu destinations land below the sticky header, on the visible section. */
#control,#rapoarte,#tehnologie,#gratis{scroll-margin-top:82px}

/* C37: keep the mobile flow card story continuous; every next card overlaps after a short reading pause. */
@media(max-width:699px){.carpet-flow-card{margin-bottom:18svh!important}.carpet-flow-card:last-child{margin-bottom:26px!important}}

/* Desktop header morph: same shape change, at half the previous duration. */
@media(min-width:720px){.site-header{transition:top .21s cubic-bezier(.2,.8,.2,1),width .24s cubic-bezier(.2,.8,.2,1),height .21s cubic-bezier(.2,.8,.2,1),margin .21s cubic-bezier(.2,.8,.2,1),padding .21s cubic-bezier(.2,.8,.2,1),border-radius .24s cubic-bezier(.2,.8,.2,1),box-shadow .21s ease,background .21s ease,border-color .21s ease,color .15s ease}.top-nav{transition:top .21s cubic-bezier(.2,.8,.2,1)}}

/* C41: the stack ends with card three. It immediately releases into normal page scroll;
   the CTA remains outside, so no content travels underneath a sticky card. */
@media(max-width:699px){.carpet-flow-stack{padding-bottom:0}.carpet-flow-card:last-child,.carpet-flow-card:last-of-type{margin-bottom:0!important}.carpet-flow-cta{position:relative;z-index:auto;min-height:0;padding-top:24px}}

/* C42: keep the conversion block outside the sticky section. */
.carpet-flow-section + .carpet-flow-cta{max-width:none;margin:0;padding:24px max(20px,calc((100vw - 640px)/2)) 32px;color:#eef6ff;background:linear-gradient(180deg,#06101e,#091a2e)}

/* C43: every mobile flow card fills the viewport, so the next card fully covers it. */
@media(max-width:699px){.carpet-flow-card{min-height:max(606px,100svh)}}

/* C44: reading pause belongs to the incoming card. That keeps the card below
   pinned until the following one covers it from top to bottom. */
@media(max-width:699px){.carpet-flow-card{margin-bottom:0!important}.carpet-flow-card + .carpet-flow-card{margin-top:18svh!important}}

/* C45: hold the completed third-card overlap briefly, then release straight to CTA. */
@media(max-width:699px){.carpet-flow-stack{padding-bottom:25svh}}

/* C46: inter-card space must not be part of either sticky card's box. */
.carpet-flow-spacer{display:none}
@media(max-width:699px){.carpet-flow-card{margin:0!important}.carpet-flow-spacer{display:block;height:18svh}}
@media(min-width:700px){.carpet-flow-card.flow-card-scan,.carpet-flow-card.flow-card-measure{margin-top:8vh}}

/* C47: a real flow child extends the sticky containing block; padding cannot. */
.carpet-flow-release{display:none}
@media(max-width:699px){.carpet-flow-stack{padding-bottom:0}.carpet-flow-release{display:block;height:16svh}}

/* C48: desktop uses the same true sticky track as mobile — no card margins,
   no empty viewport after the last card. */
@media(min-width:700px){.carpet-flow-stack{padding-bottom:0}.carpet-flow-card{margin:0!important}.carpet-flow-spacer{display:block;height:8vh}.carpet-flow-release{display:block;height:16vh}}

/* C49: phones continue the same story as page scroll — scan to customer order,
   then a measured-carpet detail list. */
.scan-order-found{position:absolute;z-index:6;inset:0;overflow:hidden;color:#17253a;background:#f9fbff;opacity:var(--scan-order-progress,0);transform:translateY(var(--scan-order-y,24px));transition:opacity .1s linear,transform .1s linear}.flow-phone-scan>.scan-frame,.flow-phone-scan>.scan-result{opacity:var(--scan-scene-opacity,1);transform:scale(var(--scan-frame-scale,1));transition:opacity .1s linear,transform .1s linear}.scan-order-found header{height:33px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3eaf2;color:#66788d;font-size:10px;font-weight:900}.scan-order-found header b{color:#15243a;font-size:8px}.scan-order-found header i{color:#1ba969;font-size:11px;font-style:normal}.scan-order-found-body{padding:11px;display:grid;gap:7px}.scan-order-found-kicker{width:max-content;padding:4px 6px;border-radius:6px;color:#177449;background:#e8f8ee;font-size:6px;font-weight:950;letter-spacing:.06em}.scan-order-found-body>strong{font-size:14px;letter-spacing:-.04em}.scan-order-found-body>small{margin-top:-5px;color:#718197;font-size:7px}.scan-order-status{padding:8px;display:flex;align-items:center;gap:7px;border:1px solid #dce8f1;border-radius:10px;background:#fff}.scan-order-status>i{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;color:#1db46b;background:#e4f8eb;font-size:9px;font-style:normal}.scan-order-status span{color:#1a2d42;font-size:8px;font-weight:900;line-height:1.18}.scan-order-status b{color:#79889a;font-size:6px}.scan-order-total{padding:9px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#102b4f,#2864a0)}.scan-order-total span,.scan-order-total small{display:block;color:rgba(255,255,255,.64);font-size:6px;font-weight:900;letter-spacing:.06em}.scan-order-total>b{display:block;margin:3px 0;color:#ffcf66;font-size:16px;letter-spacing:-.05em}.scan-order-found-body>em{color:#278b5a;font-size:7px;font-style:normal;font-weight:900}.measure-phone-content{transform:translateY(var(--measure-phone-offset,0));transition:transform .1s linear}.measure-phone-more{margin:0 11px 8px;padding:9px;border:1px solid #dce6ef;border-radius:10px;background:#fff}.measure-phone-more span,.measure-phone-more small{display:block;color:#73849a;font-size:6px;font-weight:900;letter-spacing:.06em}.measure-phone-more b{display:block;margin:4px 0;color:#18263a;font-size:10px}.measure-phone-order-total{margin:0 11px 13px;padding:10px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#173e69,#2275a6)}.measure-phone-order-total span{display:block;color:rgba(255,255,255,.65);font-size:6px;font-weight:900;letter-spacing:.07em}.measure-phone-order-total b{display:block;margin-top:4px;color:#ffd168;font-size:11px}

/* C55: the measure screen is a normal phone viewport, not a full content strip. */
.flow-phone-measure{box-sizing:border-box;height:clamp(334px,78vw,410px)}.flow-phone-measure>header{position:relative;z-index:2;background:#fbfdff}.measure-phone-content{will-change:transform}

/* C56: keep every proof callout in the first visible part of its image. */
.flow-callout{top:17px;bottom:auto}

/* C57: product objects intentionally break the visual's top edge by 20px. */
.carpet-flow-visual{overflow:visible}.carpet-flow-visual>img,.carpet-flow-visual::after{border-radius:inherit}.flow-phone,.flow-phone-measure{top:-20px}.flow-label{top:-20px;bottom:auto}

/* C17: top-down delivery van. It stays recognisable at the mobile size while
   retaining the existing scroll-independent route animation. */
.route-map .route-car{left:9px;bottom:25px;width:51px;height:30px;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 7px 7px rgba(0,0,0,.42));transform-origin:center}
.route-map .route-car::before,.route-map .route-car::after{display:none}
.route-map .route-car-body{position:absolute;inset:3px 3px 3px 2px;border:2px solid rgba(255,244,202,.82);border-radius:9px 11px 11px 8px;background:linear-gradient(135deg,#ffde67 0 16%,#ff9b0d 48%,#ec5c00 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.52),inset 0 -3px 0 rgba(125,47,0,.28)}
.route-map .route-car-cabin{position:absolute;z-index:2;top:6px;left:29px;width:17px;height:18px;overflow:hidden;border:2px solid rgba(255,246,208,.86);border-radius:5px 7px 7px 5px;background:#123a5b;box-shadow:inset 0 -2px 0 rgba(0,0,0,.24)}
.route-map .route-car-cabin i,.route-map .route-car-cabin b{position:absolute;bottom:auto;width:6px;height:12px;border:0;border-radius:2px;background:linear-gradient(135deg,#e5f8ff,#68b7e8);box-shadow:none}
.route-map .route-car-cabin i{top:1px;left:1px}.route-map .route-car-cabin b{top:1px;right:1px;left:auto}
.route-map .route-car-body i,.route-map .route-car-body b{position:absolute;right:2px;bottom:auto;width:4px;height:5px;border:0;border-radius:1px;background:#fff5b9;box-shadow:0 0 8px rgba(255,242,166,.96)}
.route-map .route-car-body i{top:4px;left:auto}.route-map .route-car-body b{top:auto;bottom:4px;left:auto}
.route-map .route-wheel{position:absolute;z-index:3;top:-1px;left:9px;width:8px;height:8px;border:2px solid #0a1625;border-radius:50%;background:#4a586a;box-shadow:inset 0 0 0 1px #a6b5c7}
.route-map .route-wheel::after{content:"";position:absolute;top:19px;left:-2px;width:8px;height:8px;border:2px solid #0a1625;border-radius:50%;background:#4a586a;box-shadow:inset 0 0 0 1px #a6b5c7}
.route-map .route-wheel-front{right:6px;left:auto}.route-map .route-wheel-rear{left:9px}
.route-map .route-car em{position:absolute;right:auto;bottom:auto;left:-8px;top:12px;width:11px;height:5px;border-radius:50%;background:rgba(255,255,255,.5);filter:blur(2px);animation:routeDustC16 .75s ease-in-out infinite}