/* commerce · prefix cm- */
:root{--cm-o:#FF5B1A;--cm-oi:#C2410C;--cm-p:#FFA77F;--cm-ln:#1E2230;--cm-mut:#8B90A2;--cm-kraft:#E9DFD3}

/* ── hero banner: receipt printer ── */
.cm-ban{position:relative;border:1px solid var(--cm-ln);background:radial-gradient(90% 70% at 50% 30%,rgba(255,91,26,.12),rgba(10,11,16,.6) 70%);padding:16px;height:540px;display:flex;flex-direction:column;font-family:var(--f-sans)}
.cm-ban-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cm-ban-ct small{display:block;font:500 11px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cm-mut)}
.cm-ban-ct b{font:600 26px/1 var(--f-flex);color:#fff;font-variant-numeric:tabular-nums}
.cm-ban-ct b.cm--bump{animation:cmBump .5s}
@keyframes cmBump{40%{color:var(--cm-o);transform:translateY(-3px)}}
.cm-ban-tx{display:flex;align-items:center;gap:4px;font:500 12.5px var(--f-sans);color:var(--cm-mut)}
.cm-ban-tx span{margin-right:4px}
.cm-ban-tx button{background:#10121A;border:1px solid #2A2F42;color:#C9CBD3;padding:6px 10px;font:600 12.5px var(--f-sans)}
.cm-ban-tx button[aria-pressed="true"]{background:var(--cm-o);border-color:var(--cm-o);color:#fff}
.cm-pr{position:relative;flex:1;margin-top:14px;display:flex;flex-direction:column;align-items:center;min-height:0}
.cm-pr-head{position:relative;z-index:3;width:min(400px,100%);height:58px;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#2A2E3C,#171A24);box-shadow:inset 0 1px 0 #3A3F52,0 18px 30px -12px rgba(0,0,0,.8);display:flex;align-items:center;gap:10px;padding:0 16px;font:500 12px var(--f-sans);color:#A3A8B8}
.cm-pr-head i{width:8px;height:8px;border-radius:50%;background:#3A3F52}
.cm-ban.cm-run .cm-pr-head i{background:var(--cm-o);box-shadow:0 0 8px var(--cm-o)}
.cm-pr-head em{margin-left:auto;width:40px;height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,#3A3F52 0 4px,transparent 4px 7px)}
.cm-pr-slot{position:relative;z-index:2;width:min(340px,92%);height:8px;background:#05060A;border-radius:0 0 4px 4px;margin-top:-4px}
.cm-pr-out{position:relative;flex:1;width:min(310px,86%);overflow:hidden;margin-top:-3px;min-height:0}
.cm-slip{position:relative;background:#F5F2EE;color:#0B0C10;box-shadow:0 20px 30px -20px rgba(0,0,0,.6);transition:transform .7s cubic-bezier(.6,0,.4,1)}
.cm-slip.cm-feed{transform:translateY(-105%)}
.cm-slip-in{padding:12px 16px 8px;font:500 11.5px/1.5 var(--f-sans);font-variant-numeric:tabular-nums}
.cm-slip-in>div{display:flex;justify-content:space-between;gap:10px;animation:cmLine .25s ease-out}
@keyframes cmLine{from{opacity:0;transform:translateY(-6px)}}
.cm-slip-in .cm--c{justify-content:center;text-align:center;font-weight:700;letter-spacing:.08em}
.cm-slip-in .cm--m{justify-content:center;color:#4B4E58;font-size:10.5px}
.cm-slip-in .cm--hr{height:0;border-top:1px dashed #8F8A80;margin:6px 0}
.cm-slip-in .cm--t{font-weight:700;font-size:14px;margin-top:2px}
.cm-slip-in .cm--tx{color:#4B4E58;font-size:10.5px}
.cm-slip-in .cm--ok span:last-child{background:#0B0C10;color:#fff;padding:0 6px}
.cm-slip-in .cm--inv{color:var(--cm-oi);font-weight:600}
.cm-slip-in .cm--tear{justify-content:center;color:#8F8A80;font-size:9.5px;letter-spacing:.2em;border-top:1px dashed #8F8A80;margin-top:8px;padding-top:2px}
.cm-lbl{position:relative;background:#fff;color:#0B0C10;padding:10px 16px 14px;font:500 11px/1.45 var(--f-sans);transform-origin:20% 0;border-top:2px dashed #BEB8AE}
.cm-lbl:empty{display:none}
.cm-lbl b{display:block;font-size:13px}
.cm-lbl .cm--row{display:flex;justify-content:space-between;gap:8px}
.cm-lbl .cm--tag{display:inline-block;font-weight:700;background:var(--cm-o);color:#fff;padding:0 6px;margin-top:4px}
.cm-lbl .cm--cod{background:#0B0C10}
.cm-bc{display:flex;align-items:stretch;height:34px;gap:1px;margin-top:8px}
.cm-bc i{background:#0B0C10;display:block}
.cm-lbl small{display:block;text-align:center;letter-spacing:.2em;font-size:9.5px;color:#4B4E58}
.cm-lbl.cm-tear{animation:cmTear 1.1s cubic-bezier(.5,0,.7,.4) forwards}
@keyframes cmTear{20%{transform:rotate(-4deg) translateY(4px)}100%{transform:rotate(-16deg) translate(-60px,340px);opacity:0}}
.cm-ban-next{align-self:center;margin-top:10px;background:none;border:1px solid #3A3F52;color:#F4F5F8;font:500 13px var(--f-sans);padding:8px 14px}
.cm-ban-next:hover{border-color:var(--cm-o)}
@media (max-width:520px){.cm-ban{height:540px;padding:12px}.cm-ban-tx span{display:none}}

/* ── facts: price tags ── */
.cm-facts{background:var(--night);padding:8px 0 clamp(30px,4vw,48px);border-bottom:1px solid #151824}
.cm-rail{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,28px);padding-top:34px}
.cm-rail::before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:linear-gradient(90deg,transparent,#3A3F52 8%,#3A3F52 92%,transparent)}
.cm-tag{position:relative;text-align:left;border:0;padding:30px 18px 18px;background:var(--cm-kraft);color:#0B0C10;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px);transform-origin:50% -24px;animation:cmSwing 4s ease-in-out var(--d) infinite;transition:background .3s}
.cm-tag::before{content:"";position:absolute;left:50%;top:-24px;width:1px;height:24px;background:#6E7286}
.cm-tag-h{position:absolute;left:50%;top:9px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--night);box-shadow:0 0 0 2px var(--cm-oi)}
.cm-tag small{display:block;font:600 11.5px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cm-oi)}
.cm-tag b{display:block;font:500 16px/1.35 var(--f-sans);margin-top:6px}
.cm-tag:hover,.cm-tag.cm--on{background:#fff;animation:cmSwingBig 1.4s ease-in-out}
@keyframes cmSwing{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
@keyframes cmSwingBig{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}55%{transform:rotate(3.5deg)}80%{transform:rotate(-1.5deg)}100%{transform:rotate(0)}}
.cm-rail .cm-tag{margin-top:24px}
.cm-rail::after{content:"";position:absolute;inset:10px 0 auto;height:0}
@media (max-width:900px){.cm-rail{grid-template-columns:1fr 1fr;row-gap:16px}}
@media (max-width:420px){.cm-tag{padding:28px 12px 14px}.cm-tag b{font-size:14.5px}}

/* ── audience: deck fan ── */
.cm-deck{position:relative;height:560px;max-width:1100px;margin:0 auto}
.cm-card{--r:0deg;--x:0px;--y:0px;position:absolute;left:50%;bottom:10px;width:clamp(270px,25vw,330px);margin-left:calc(clamp(270px,25vw,330px)/-2);text-align:left;background:#fff;border:1px solid #D6D6D2;padding:18px;color:#0B0C10;transform-origin:50% 100%;transform:translate(var(--x),var(--y)) rotate(var(--r));transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;box-shadow:0 20px 40px -30px rgba(0,0,0,.4)}
.cm-card{height:440px;overflow:hidden}
.cm-card[aria-pressed="true"]{border-color:#0B0C10;box-shadow:0 40px 70px -30px rgba(194,65,12,.55);z-index:5}
.cm-card:hover{border-color:var(--cm-oi)}
.cm-card-n{font:600 12px var(--f-sans);color:var(--cm-oi)}
.cm-card b{display:block;font:600 19px/1.25 var(--f-sans);margin-top:14px}
.cm-card p{font-size:14.5px;line-height:1.5;color:#4B4E58;margin-top:8px}
.cm-v{margin-top:10px;height:150px;background:#0B0C10;color:#F4F5F8;padding:14px;display:flex;align-items:center;gap:8px;font:500 11px/1.35 var(--f-sans);overflow:hidden}
.cm-v .cm--arw{color:var(--cm-o);font-size:18px}
.cm-v0 .cm--post,.cm-v0 .cm--pdp{flex:1;border:1px solid #2A2F42;padding:8px;height:100%;display:flex;flex-direction:column;gap:4px}
.cm-v0 i{display:block;flex:1;background:linear-gradient(135deg,#C2410C,#FFA77F)}
.cm-v0 em{font-style:normal;text-align:center;background:#F5F2EE;color:#0B0C10;font-weight:700;padding:2px}
.cm-v0 .cm--pay{display:inline-block;border:1px solid var(--cm-o);color:var(--cm-p);padding:0 4px;margin-right:2px;font-size:9.5px}
.cm-v0 .cm--pdp em{background:var(--cm-o);color:#fff}
.cm-v1 .cm--pdf{flex:1;border:1px solid #2A2F42;padding:8px;height:100%}.cm-v1 .cm--pdf i{display:block;height:14px;margin-top:6px;background:repeating-linear-gradient(90deg,#2A2F42 0 30%,transparent 30% 36%)}
.cm-v1 .cm--cart{flex:1.2;border:1px solid var(--cm-o);padding:8px;height:100%;display:flex;flex-direction:column;gap:6px}.cm-v1 .cm--cart span{background:var(--cm-o);text-align:center;font-weight:700;padding:3px}.cm-v1 .cm--cart small{color:var(--cm-p)}
.cm-v2{display:block}.cm-v2 table{width:100%;border-collapse:collapse;font-size:11px}.cm-v2 th{text-align:left;color:var(--cm-mut);font-weight:500;padding:3px 0;border-bottom:1px solid #2A2F42}.cm-v2 td{padding:4px 0;border-bottom:1px solid #1A1D28}
.cm-v2 .cm--moq td{color:var(--cm-p)}.cm-v2 .cm--gst{display:inline-block;margin-top:8px;border:1px solid #2A2F42;padding:2px 6px;color:#C9CBD3}
.cm-v3{display:grid;grid-template-columns:1fr;gap:3px;align-content:center}.cm-v3 .cm--u{font-size:10.5px;padding:3px 6px;border:1px solid #2A2F42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-v3 .cm--o{color:var(--cm-mut);text-decoration:line-through}.cm-v3 .cm--n{border-color:var(--cm-o);color:#fff}.cm-v3 .cm--r{font-weight:700;color:var(--cm-o);font-size:10px;padding-left:6px}
@media (max-width:700px){.cm-deck{height:auto;display:grid;gap:12px}.cm-card{position:relative;left:auto;bottom:auto;margin:0;width:100%;height:auto;transform:none!important}.cm-card[aria-pressed="true"]{box-shadow:0 20px 40px -24px rgba(194,65,12,.55)}}

/* ── pains: conveyor ── */
.cm-belt{position:relative;height:300px;border:1px solid var(--cm-ln);background:linear-gradient(180deg,#0B0D14,#07080C);overflow:hidden}
.cm-gate{position:absolute;left:50%;top:22px;bottom:46px;width:190px;margin-left:-95px;border:2px solid var(--cm-o);border-bottom:0;border-radius:90px 90px 0 0;background:linear-gradient(180deg,rgba(255,91,26,.14),rgba(255,91,26,.02));z-index:2;pointer-events:none}
.cm-gate span{position:absolute;left:50%;top:-12px;transform:translateX(-50%);white-space:nowrap;background:var(--cm-o);color:#fff;font:600 11.5px var(--f-sans);padding:3px 10px}
.cm-gate::after{content:"";position:absolute;left:8px;right:8px;top:40%;height:2px;background:linear-gradient(90deg,transparent,#FFA77F,transparent);animation:cmScan 1.8s ease-in-out infinite}
@keyframes cmScan{50%{top:80%}}
.cm-lane{position:absolute;left:0;right:0;bottom:52px;height:140px}
.cm-pc{position:absolute;left:0;bottom:0;width:150px;border:0;padding:0;background:none;text-align:center;will-change:transform;z-index:3}
.cm-pc-b{display:grid;place-items:center;height:96px;background:#1A1D28;border:1.5px dashed var(--cm-p);position:relative;transition:background .4s,border-color .4s}
.cm-pc-b::before{content:"";position:absolute;left:44%;width:12%;top:0;bottom:0;background:rgba(255,167,127,.2)}
.cm-pc-b b{font:700 22px var(--f-sans);color:var(--cm-p)}
.cm-pc small{display:block;font:600 12px var(--f-sans);margin-top:6px;color:#C9CBD3}
.cm-pc .cm--good{display:none}
.cm-pc.cm--fx .cm--bad{display:none}.cm-pc.cm--fx .cm--good{display:block}.cm-pc.cm--fx b.cm--good{display:block}
.cm-pc.cm--fx .cm-pc-b{background:var(--cm-kraft);border:1.5px solid var(--cm-kraft)}.cm-pc.cm--fx .cm-pc-b::before{background:rgba(194,65,12,.25)}.cm-pc.cm--fx .cm-pc-b b{color:var(--cm-oi);font-size:30px}
.cm-pc.cm--on .cm-pc-b{box-shadow:0 0 0 3px var(--cm-o)}
.cm-roll{position:absolute;left:0;right:0;bottom:22px;height:30px;border-top:3px solid #2A2F42;background:repeating-linear-gradient(90deg,#141722 0 22px,#1C1F2B 22px 26px);animation:cmBelt 1s linear infinite}
.cm-cv-wrap.cm-stop .cm-roll,.cm-cv-wrap.cm-stop .cm-gate::after{animation-play-state:paused}
@keyframes cmBelt{to{background-position:-26px 0}}
.cm-roll::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:20px;background:radial-gradient(circle at 13px 10px,#2A2F42 8px,transparent 9px) 0 0/52px 20px}
.cm-cv-out{margin-top:12px}
.cm-cv-d{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--cm-ln)}
.cm-cv-d>div{padding:clamp(18px,2.4vw,28px)}
.cm-cv-d small{font:600 11.5px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cm-mut)}
.cm-cv-d h3{font:600 20px/1.25 var(--f-sans);margin-top:8px;color:#fff}
.cm-cv-d p{margin-top:8px;color:#A3A8B8;font-size:15.5px}
.cm-cv-d .cm--aft{background:rgba(255,91,26,.08);border-left:1px solid var(--cm-ln)}.cm-cv-d .cm--aft small{color:var(--cm-p)}.cm-cv-d .cm--aft p{color:#F4F5F8;font-size:17px;line-height:1.5}
@media (max-width:700px){.cm-belt{height:260px}.cm-pc{width:118px}.cm-pc-b{height:80px}.cm-gate{width:130px;margin-left:-65px}.cm-cv-d{grid-template-columns:1fr}.cm-cv-d .cm--aft{border-left:0;border-top:1px solid var(--cm-ln)}}

/* ── included: orbit ── */
.cm-or-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:center}
.cm-orbit{--sz:min(560px,calc(100vw - 40px));position:relative;width:var(--sz);height:var(--sz);justify-self:center}
.cm-ring{position:absolute;border-radius:50%;border:1px dashed #BEB8AE;left:50%;top:50%;transform:translate(-50%,-50%)}
.cm-ring-in{width:54%;height:54%}.cm-ring-out{width:92%;height:92%;border-style:solid;border-color:#D6D6D2}
.cm-sun{position:absolute;left:50%;top:50%;width:25%;height:25%;transform:translate(-50%,-50%);border-radius:50%;background:#0B0C10;color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 10px rgba(255,91,26,.12),0 0 0 22px rgba(255,91,26,.06)}
.cm-sun small{font:500 11px var(--f-sans);color:var(--cm-p);letter-spacing:.08em;text-transform:uppercase}.cm-sun b{font:600 clamp(13px,1.3vw,16px) var(--f-sans)}
.cm-spin{position:absolute;inset:0;animation:cmSpin 70s linear infinite}

.cm-pl{position:absolute;left:50%;top:50%;width:0;height:0;border:0;padding:0;background:none;transform:rotate(var(--a)) translateX(calc(var(--sz)*.27)) rotate(calc(-1*var(--a)))}
.cm-pl-out{transform:rotate(var(--a)) translateX(calc(var(--sz)*.46)) rotate(calc(-1*var(--a)))}
.cm-pl span{position:absolute;left:0;top:0;transform:translate(-50%,-50%);transform-origin:0 0;display:flex;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:104px;padding:8px 10px;background:#fff;border:1px solid #D6D6D2;box-shadow:0 10px 24px -16px rgba(0,0,0,.5);animation:cmCounter 70s linear infinite;transition:background .3s,border-color .3s}
@keyframes cmCounter{from{rotate:0deg}to{rotate:-360deg}}
.cm-pl svg{width:22px;height:22px;fill:none;stroke:#0B0C10;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cm-pl b{font:600 12.5px/1.2 var(--f-sans);color:#0B0C10;text-align:center}
.cm-pl:hover span{border-color:var(--cm-oi)}
.cm-pl[aria-pressed="true"] span{background:var(--cm-o);border-color:var(--cm-o)}.cm-pl[aria-pressed="true"] b{color:#fff}.cm-pl[aria-pressed="true"] svg{stroke:#fff}
.cm-or-wrap.cm-hold .cm-spin,.cm-or-wrap.cm-hold .cm-pl span{animation-play-state:paused}
@keyframes cmSpin{to{transform:rotate(360deg)}}
.cm-or-d>span{font:600 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cm-oi)}
.cm-or-d h3{font:600 clamp(24px,2.3vw,32px)/1.12 var(--f-flex);letter-spacing:-.02em;margin-top:8px}
.cm-or-d>p{margin-top:10px;color:var(--ink-2)}
.cm-or-d .cm--get{margin-top:18px;background:#0B0C10;color:#fff;padding:14px 16px}.cm-or-d .cm--get small,.cm-or-d .cm--ex small{font:600 11px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cm-p)}.cm-or-d .cm--get p{margin-top:4px}
.cm-or-d .cm--ex{margin-top:8px;border:1px solid #D6D6D2;padding:14px 16px;background:#fff}.cm-or-d .cm--ex small{color:var(--cm-oi)}.cm-or-d .cm--ex p{margin-top:4px;font-size:15px;color:#4B4E58}
.cm-or-d{animation:cmFade .45s ease}
@keyframes cmFade{from{opacity:0;transform:translateY(6px)}}
@media (max-width:900px){.cm-or-wrap{grid-template-columns:1fr}}
@media (max-width:560px){.cm-pl span{padding:5px 6px;max-width:76px}.cm-pl b{font-size:11px}.cm-pl svg{width:18px;height:18px}.cm-sun{width:30%;height:30%}}

/* ── process: gantt ── */
.cm-gt-box{border:1px solid var(--cm-ln);background:#0A0C12;--nm:230px}
.cm-gt-h{display:grid;grid-template-columns:var(--nm) 1fr;border-bottom:1px solid var(--cm-ln);font:500 12px var(--f-sans);color:var(--cm-mut)}
.cm-gt-k{padding:12px 16px}
.cm-gt-c{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.cm-gt-c span{padding:12px 0;text-align:center;border-left:1px solid #141722}
.cm-gt-body{position:relative}
.cm-gt-r{display:grid;grid-template-columns:var(--nm) 1fr;border-bottom:1px solid #141722;transition:background .3s}
.cm-gt-r.cm--on{background:rgba(255,91,26,.06)}
.cm-gt-n{text-align:left;background:none;border:0;padding:14px 16px;color:#C9CBD3}
.cm-gt-n b{display:block;font:600 15px var(--f-sans)}.cm-gt-n small{font-size:12px;color:var(--cm-mut)}
.cm-gt-r.cm--on .cm-gt-n b{color:#fff}
.cm-gt-l{position:relative;background-image:linear-gradient(90deg,#141722 1px,transparent 1px);background-size:calc(100% / var(--cols,8)) 100%}
.cm-gt-b{position:absolute;top:50%;height:22px;margin-top:-11px;width:calc(var(--w) - 6px);border:0;padding:0;background:linear-gradient(90deg,#C2410C,#FF5B1A);border-radius:3px}
.cm-gt-box.cm-in .cm-gt-b{animation:cmGrow 1.1s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes cmGrow{from{width:0}}
.cm-gt-b.cm--ong{background:repeating-linear-gradient(135deg,#FF5B1A 0 8px,#C2410C 8px 16px);-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent);mask-image:linear-gradient(90deg,#000 50%,transparent)}
.cm-gt-r:nth-child(2) .cm-gt-b{animation-delay:.15s!important}.cm-gt-r:nth-child(3) .cm-gt-b{animation-delay:.3s!important}.cm-gt-r:nth-child(4) .cm-gt-b{animation-delay:.45s!important}.cm-gt-r:nth-child(5) .cm-gt-b{animation-delay:.6s!important}
.cm-gt-r.cm--on .cm-gt-b{box-shadow:0 0 0 2px #fff,0 0 20px rgba(255,91,26,.6)}
.cm-gt-today{position:absolute;top:0;bottom:0;left:calc(var(--nm) + (100% - var(--nm)) * var(--p,0));width:2px;background:var(--cm-p);pointer-events:none;z-index:2}
.cm-gt-today span{position:absolute;top:-1px;left:50%;transform:translate(-50%,-100%);background:var(--cm-p);color:#0B0C10;font:700 10.5px var(--f-sans);padding:2px 6px;white-space:nowrap}
.cm-gt-out{border-top:1px solid var(--cm-ln)}
.cm-gt-d{display:grid;grid-template-columns:1.3fr 1fr 1fr}
.cm-gt-d>div{padding:clamp(18px,2.2vw,26px);border-left:1px solid var(--cm-ln)}.cm-gt-d>div:first-child{border-left:0}
.cm-gt-d small{font:600 11.5px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cm-p)}
.cm-gt-d h3{font:600 22px var(--f-sans);color:#fff;margin-top:6px}
.cm-gt-d p{color:#A3A8B8;margin-top:6px;font-size:15.5px}
.cm-gt-d ul{list-style:none;padding:0;margin:8px 0 0}.cm-gt-d li{padding:6px 0 6px 20px;position:relative;color:#F4F5F8;font-size:15px;border-bottom:1px solid #141722}.cm-gt-d li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;background:var(--cm-o)}
@media (max-width:800px){.cm-gt-box{--nm:118px}.cm-gt-n{padding:10px}.cm-gt-n b{font-size:13px}.cm-gt-n small{font-size:11px}.cm-gt-c span{font-size:10px}.cm-gt-d{grid-template-columns:1fr}.cm-gt-d>div{border-left:0;border-top:1px solid var(--cm-ln)}.cm-gt-d>div:first-child{border-top:0}.cm-gt-b{height:16px;margin-top:-8px}}

/* ── cost: scale ── */
.cm-sc-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:end}
.cm-scale{position:relative;display:flex;flex-direction:column;align-items:center;background:#0B0C10;padding:24px 24px 0;min-height:620px;justify-content:flex-end}
.cm-dial{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:min(280px,80%)}
.cm-dial svg{width:100%;display:block}
.cm-dial .cm--arc{fill:none;stroke:#2A2F42;stroke-width:3}
.cm-dial .cm--tk path{stroke:#6E7286;stroke-width:1.5}.cm-dial .cm--tk text{fill:#8B90A2;font:600 10px var(--f-sans);text-anchor:middle}
.cm-dial .cm--nd{stroke:var(--cm-o);stroke-width:3;stroke-linecap:round;transform-origin:100px 110px;transform:rotate(var(--cm-ang,-96deg));transition:transform .9s cubic-bezier(.3,1.5,.5,1)}
.cm-dial circle{fill:#F5F2EE}
.cm-dial-r{text-align:center;margin-top:-8px;color:#fff}.cm-dial-r b{font:600 34px/1 var(--f-flex);color:var(--cm-o)}.cm-dial-r span{display:block;font:500 12.5px var(--f-sans);color:var(--cm-mut)}
.cm-stack{display:flex;flex-direction:column-reverse;align-items:center;gap:4px;width:100%;transform:translateY(var(--cm-sink,0px));transition:transform .8s cubic-bezier(.3,1.4,.5,1)}
.cm-bx{position:relative;width:58%;height:46px;border:1px solid #BEB8AE;background:var(--cm-kraft);color:#0B0C10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;font:600 12.5px/1.2 var(--f-sans);text-align:left;transition:width .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1),background .4s,color .4s}
.cm-bx::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:22px;margin-left:-11px;background:rgba(194,65,12,.18)}
.cm-bx span,.cm-bx em{position:relative}
.cm-bx em{font-style:normal;font-size:11px;padding:2px 6px;border:1px solid currentColor;flex:none}
.cm-bx[aria-pressed="true"]{width:92%;height:66px;background:#262A36;color:#fff;border-color:#3A3F52}
.cm-bx[aria-pressed="true"]::before{background:var(--cm-o)}
.cm-bx[aria-pressed="true"] em{color:var(--cm-p)}
.cm-bx.cm--hi{outline:2px solid var(--cm-o);outline-offset:2px}
.cm-plat{width:100%;height:14px;background:#3A3F52;border-radius:3px;margin-top:4px;transform:translateY(var(--cm-sink,0px));transition:transform .8s cubic-bezier(.3,1.4,.5,1)}
.cm-base{width:76%;height:40px;background:linear-gradient(180deg,#22263A,#151824);border-radius:6px 6px 0 0;margin-top:10px}
.cm-sc-notes{display:flex;flex-direction:column;gap:8px}
.cm-sc-n{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#D6D6D2;border:1px solid #D6D6D2;transition:box-shadow .3s}
.cm-sc-n b{grid-column:1/-1;background:#F5F2EE;font:600 15px var(--f-sans);padding:10px 12px 4px}
.cm-sc-n p{background:#fff;padding:8px 12px 10px;font-size:13.5px;line-height:1.45;color:#8F8A80;transition:background .3s,color .3s}
.cm-sc-n small{display:block;font:600 10.5px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.cm-sc-n p.cm--on{background:#0B0C10;color:#fff}.cm-sc-n p.cm--on small{color:var(--cm-p)}
.cm-sc-n.cm--hi{box-shadow:0 0 0 2px var(--cm-o)}
@media (max-width:900px){.cm-sc-wrap{grid-template-columns:1fr}.cm-scale{min-height:560px}}
@media (max-width:480px){.cm-bx{width:72%;font-size:11.5px;padding:0 8px}.cm-bx[aria-pressed="true"]{width:100%}.cm-sc-n{grid-template-columns:1fr}}

/* ── need: spreadsheet ── */
.cm-sheet{border:1px solid #2A2F42;background:#0D0F16;font-family:var(--f-sans);overflow:hidden}
.cm-ss-bar{display:flex;align-items:center;gap:0;border-bottom:1px solid #2A2F42;font:500 13px var(--f-sans);color:#C9CBD3}
.cm-ss-bar>span{padding:10px 14px;border-right:1px solid #2A2F42;white-space:nowrap}
.cm-ss-file{color:#fff;font-weight:600}.cm-ss-cell{color:var(--cm-p);min-width:56px;text-align:center}
.cm-ss-fx{flex:1;color:#A3A8B8;overflow:hidden;text-overflow:ellipsis;border-right:0!important}
.cm-ss-fx::before{content:"fx  ";color:var(--cm-o);font-style:italic;font-weight:700}
.cm-ss-r{display:grid;grid-template-columns:44px minmax(0,1fr) 220px 130px;border-bottom:1px solid #1A1D28;min-height:52px}
.cm-ss-r>*{padding:12px 14px;border-left:1px solid #1A1D28;font-size:15px;display:flex;align-items:center}
.cm-ss-r>*:first-child{border-left:0}
.cm-ss-n{justify-content:center;background:#10121A;color:#6E7286;font-size:12px!important;padding:0!important}
.cm-ss-hd{background:#10121A;min-height:40px}.cm-ss-hd>*{font:600 12px var(--f-sans)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-mut)}
.cm-ss-a{color:#F4F5F8}
.cm-ss-a.cm--typing::after{content:"";display:inline-block;width:2px;height:1.1em;background:var(--cm-o);margin-left:2px;animation:cmCar .8s steps(1) infinite}
@keyframes cmCar{50%{opacity:0}}
.cm-ss-r.cm--act .cm-ss-a{box-shadow:inset 0 0 0 2px var(--cm-o)}
.cm-ss-w{color:#A3A8B8;font-size:14px!important}
.cm-ss-s{margin:8px;justify-content:center;border:1px solid #3A3F52;background:#151824;color:#A3A8B8;font:600 12.5px var(--f-sans)!important;padding:6px 10px!important;transition:background .3s,color .3s}
.cm-ss-s[aria-pressed="true"]{background:var(--cm-o);border-color:var(--cm-o);color:#fff}
.cm-ss-s[aria-pressed="true"]::before{content:"✓ "}
.cm-ss-tot{background:#10121A}.cm-ss-tot>*{font-weight:600;color:#fff}
.cm-ss-tot>span:last-child{color:var(--cm-o);justify-content:center;font-size:17px}
@media (max-width:800px){.cm-ss-r{grid-template-columns:34px minmax(0,1fr) 100px}.cm-ss-w{display:none!important}.cm-ss-hd>span:nth-child(3),.cm-ss-tot>span:nth-child(3){display:none}.cm-ss-r>*{font-size:14px;padding:10px}.cm-ss-s{margin:6px}.cm-ss-bar .cm-ss-file{display:none}}

/* ── commitments: notification stack ── */
.cm-nf-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.cm-nf-ph{justify-self:center;width:min(100%,380px);padding:12px;background:#0B0C10;border-radius:36px;box-shadow:0 40px 70px -40px rgba(194,65,12,.6)}
.cm-nf-scr{position:relative;border-radius:26px;background:radial-gradient(120% 80% at 50% 0%,#3A1A0E,#10121A 60%);min-height:560px;padding:22px 14px;overflow:hidden}
.cm-nf-top{text-align:center;color:#fff}.cm-nf-top b{display:block;font:500 48px/1 var(--f-flex);letter-spacing:-.02em}.cm-nf-top span{font:500 12.5px var(--f-sans);color:#C9CBD3}
.cm-nf-tg{display:block;margin:16px auto 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font:500 12.5px var(--f-sans);padding:6px 14px;border-radius:20px}
.cm-nf-st{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cm-nt{position:relative;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:16px;background:rgba(245,242,238,.94);color:#0B0C10}
.cm-nt-i{flex:none;width:30px;height:30px;border-radius:8px;background:var(--cm-o);color:#fff;display:grid;place-items:center;font:700 14px var(--f-sans)}
.cm-nt small{font:500 11px var(--f-sans);color:#8F8A80}
.cm-nt b{display:block;font:600 14.5px/1.25 var(--f-sans);margin-top:1px}
.cm-nt p{font-size:13px;line-height:1.4;color:#4B4E58;margin-top:3px}
.cm-nt.cm--old{background:rgba(245,242,238,.7);padding:8px 12px}.cm-nt.cm--old p{display:none}.cm-nt.cm--old .cm-nt-i{background:#3A3F52;width:24px;height:24px;font-size:12px}
.cm-nt.cm--k0{animation:cmNew .6s cubic-bezier(.2,.8,.2,1)}
@keyframes cmNew{from{opacity:0;transform:translateY(-24px) scale(.96)}}
.cm-nt.cm--gone{display:none}
.cm-nf-st.cm--open .cm-nt{display:flex;background:rgba(245,242,238,.94)}.cm-nf-st.cm--open .cm-nt p{display:block}.cm-nf-st.cm--open .cm-nt .cm-nt-i{background:var(--cm-o)}
.cm-nf-list{list-style:none;margin:0;padding:0;counter-reset:x}
.cm-nf-list li{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #D6D6D2;font:500 clamp(17px,1.5vw,20px)/1.3 var(--f-sans);color:#8F8A80;transition:color .3s}
.cm-nf-list li b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #BEB8AE;font-size:13px;transition:all .3s}
.cm-nf-list li.cm--on{color:#0B0C10}.cm-nf-list li.cm--on b{background:var(--cm-o);border-color:var(--cm-o);color:#fff}
@media (max-width:900px){.cm-nf-wrap{grid-template-columns:1fr}.cm-nf-list{display:none}.cm-nf-scr{min-height:500px}}

@media (prefers-reduced-motion:reduce){.cm-ban *,.cm-facts *,.cm-au *,.cm-cv *,.cm-or *,.cm-gt *,.cm-sc *,.cm-ss *,.cm-nf *{animation:none!important;transition:none!important}}
.cm-or{overflow-x:clip}
@media (max-width:560px){.cm-orbit{--sz:calc(100vw - 96px)}}
.cm-card .cm-v b{display:inline;font:700 11.5px/1.3 var(--f-sans);margin:0}
/* QA: "Today" tag sits under the week labels instead of on them; phones: bigger bar targets, legible weeks, orbit chips clear of the hub */
.cm-gt-c span{padding:8px 0 24px}
@media (max-width:800px){.cm-gt-c span{font-size:11px}.cm-gt-b{height:24px;margin-top:-12px}}
@media (max-width:560px){.cm-orbit{margin-block:24px}.cm-pl-in{transform:rotate(var(--a)) translateX(calc(var(--sz)*.33)) rotate(calc(-1*var(--a)))}.cm-sun{width:27%;height:27%;box-shadow:0 0 0 6px rgba(255,91,26,.12),0 0 0 14px rgba(255,91,26,.06)}.cm-sun small{font-size:10px}.cm-sun b{font-size:12px}.cm-pl span{padding:6px 8px;max-width:92px}.cm-pl svg{width:18px;height:18px}.cm-pl b{font-size:11.5px}}
/* QA: box labels sit cleanly on top of the parcel strap */
.cm-bx span{background:var(--cm-kraft);padding:3px 6px 3px 0;transition:background .3s}.cm-bx[aria-pressed="true"] span{background:#262A36}
/* QA: with every box set to heavy the stack used to rise over the dial and the weeks readout */
.cm-scale{min-height:680px}
@media (max-width:900px){.cm-scale{min-height:680px}}
@media (max-width:480px){.cm-scale{min-height:640px}.cm-bx[aria-pressed="true"]{height:54px}}
/* QA widths up to 380: "YOUR STORE / yourbrand.in" was wider than the centre disc and got cut by its edge */
@media (max-width:380px){.cm-sun{width:29%;height:29%}.cm-sun small{font-size:9.5px;letter-spacing:.04em}.cm-sun b{font-size:11px}}
/* QA widths 901-1300: the orbit kept its 560px size in a narrower column, so Shipping ran off the left edge and Migration sat on the detail panel */
@media (min-width:901px) and (max-width:1300px){.cm-orbit{--sz:min(560px,calc((100vw - 82px - 4vw)*.5))}}
/* phone text +3px: the hub grows so "yourbrand.in" stays inside the circle */
@media (max-width:600px){.cm-sun{width:33%;height:33%;overflow:hidden;box-shadow:0 0 0 5px rgba(255,91,26,.12),0 0 0 10px rgba(255,91,26,.06)}.cm-sun small{letter-spacing:.02em}.cm-sun b{letter-spacing:-.02em}}