/* TITAN.ATLAS order journey v2 (Claire, 29 Oct 2026). Papa: customer in -> particle pipe -> organization (mail server, Atlas the sentry, processing index, people in charge) -> particle pipe -> customer out; only Atlas sends the output. Illustrative only. */
:root:not(#_):not(#_) body #acme-film{container-type:inline-size;container-name:jrcard}
:root:not(#_):not(#_) body #acme-film .jr-scene{--g:109,240,168;--b:92,200,255;--o:255,106,31;--a:255,209,102;--v:196,160,255;position:relative;display:grid;grid-template-columns:minmax(120px,150px) clamp(44px,6vw,90px) minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto auto auto auto;align-items:center;max-width:1200px;margin:6px auto 0;padding:8px 0 4px;background:none;border-radius:0}
:root:not(#_):not(#_) body #acme-film .jr-orgbg{grid-area:1/3/5/5;align-self:stretch;margin:-2px -4px;border-radius:24px;border:1px solid rgba(var(--o),.6);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(10,14,22,.55);box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 34px rgba(var(--o),.12),inset 0 1px 0 rgba(255,255,255,.14);z-index:0}
:root:not(#_):not(#_) body #acme-film .jr-pipe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}
:root:not(#_):not(#_) body #acme-film .jr-wires{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
:root:not(#_):not(#_) body #acme-film .jr-wire{fill:none;stroke:rgba(var(--wc,92,200,255),.6);stroke-width:1.6;stroke-linejoin:miter}
:root:not(#_):not(#_) body #acme-film .jr-wire[data-jr-wire="m2a"]{--wc:92,200,255}
:root:not(#_):not(#_) body #acme-film .jr-wire[data-jr-wire="a2o"]{--wc:255,209,102}
:root:not(#_):not(#_) body #acme-film .jr-wire[data-jr-wire="a2p"]{--wc:92,200,255}
:root:not(#_):not(#_) body #acme-film .jr-wire[data-jr-wire="a2c"]{--wc:196,160,255}
:root:not(#_):not(#_) body #acme-film .jr-wire.jr-ghost{stroke:none}
:root:not(#_):not(#_) body #acme-film .jr-wire[data-hot="1"]{stroke:#ff6a1f;stroke-width:2.6;filter:drop-shadow(0 0 5px rgba(255,106,31,.75))}
:root:not(#_):not(#_) body #acme-film .jr-packet rect{fill:#ff6a1f}
:root:not(#_):not(#_) body #acme-film .jr-packet path{fill:none;stroke:#080c13;stroke-width:2}
:root:not(#_):not(#_) body #acme-film .jr-card{position:relative;z-index:3;box-sizing:border-box;border-radius:18px;border:1px solid rgba(var(--c,92,200,255),.6);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.03) 46%,rgba(255,255,255,.015)),rgba(var(--c,92,200,255),.08);box-shadow:0 14px 26px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.24),inset 0 0 20px rgba(var(--c,92,200,255),.07);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);padding:14px 14px 12px;text-align:center;transition:box-shadow .4s,border-color .4s}
:root:not(#_):not(#_) body #acme-film .jr-card[data-active="true"]{border-color:rgba(var(--o),.95);box-shadow:0 14px 26px rgba(0,0,0,.55),0 0 24px rgba(var(--o),.5),inset 0 1px 0 rgba(255,255,255,.3)}
:root:not(#_):not(#_) body #acme-film [data-jr-node="customer"],:root:not(#_):not(#_) body #acme-film [data-jr-node="custout"]{--c:var(--g)}
:root:not(#_):not(#_) body #acme-film [data-jr-node="mail"]{--c:var(--b)}
:root:not(#_):not(#_) body #acme-film [data-jr-node="atlas"]{--c:var(--o)}
:root:not(#_):not(#_) body #acme-film [data-jr-node="orders"]{--c:var(--a)}
:root:not(#_):not(#_) body #acme-film [data-jr-node="operations"]{--c:var(--b)}
:root:not(#_):not(#_) body #acme-film [data-jr-node="accounts"]{--c:var(--v)}
:root:not(#_):not(#_) body #acme-film .jr-card p{margin:0}
:root:not(#_):not(#_) body #acme-film .jr-kicker{font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:#cdd7e3;font-weight:600}
:root:not(#_):not(#_) body #acme-film .jr-title{font-size:15px!important;font-weight:600;color:rgb(var(--c));margin-top:4px!important}
:root:not(#_):not(#_) body #acme-film .jr-sub{font-size:12.5px!important;line-height:1.35;color:#9ca7b8}
:root:not(#_):not(#_) body #acme-film .jr-customer{grid-area:2/1;justify-self:stretch;padding-top:12px}
:root:not(#_):not(#_) body #acme-film .jr-custout{grid-area:5/3/6/5;justify-self:center;width:min(100%,230px);margin:58px 0 8px;padding-top:12px}
:root:not(#_):not(#_) body #acme-film .jr-customer .jr-fig,:root:not(#_):not(#_) body #acme-film .jr-custout .jr-fig{width:62px;height:62px;margin:6px auto 2px;display:block}
:root:not(#_):not(#_) body #acme-film .jr-orghead{grid-area:1/3/2/5;position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:14px 22px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin:0 -4px;text-align:left}
:root:not(#_):not(#_) body #acme-film .jr-orghead .jr-ico-sm{width:30px;height:30px;flex:none}
:root:not(#_):not(#_) body #acme-film .jr-orghead p{margin:0}
:root:not(#_):not(#_) body #acme-film .jr-orgname{color:#e8eef5;flex:1 1 auto}
:root:not(#_):not(#_) body #acme-film .jr-tag{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:#7c8798;text-align:right}
:root:not(#_):not(#_) body #acme-film .jr-ico{width:46px;height:42px;display:block;margin:0 auto 6px;fill:rgba(var(--c,92,200,255),.12);stroke:rgb(var(--c,92,200,255));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:root:not(#_):not(#_) body #acme-film .jr-ico-sm{margin:0;stroke:#cdd7e3;fill:none}
:root:not(#_):not(#_) body #acme-film .jr-mail{grid-area:2/3;justify-self:center;width:min(100%,220px);margin:22px 10px}
:root:not(#_):not(#_) body #acme-film .jr-atlas{grid-area:2/4;justify-self:center;width:min(100%,260px);margin:44px 10px 18px;padding:12px 14px 14px}
:root:not(#_):not(#_) body #acme-film .jr-orb,:root:not(#_):not(#_) body #acme-film .jr-orb canvas{width:104px;height:104px;display:block;margin:0 auto 4px}
:root:not(#_):not(#_) body #acme-film .jr-atlas-title{font-family:NEXTSTEP,Inter,sans-serif;font-size:26px!important;letter-spacing:.14em;color:#ff6a1f;line-height:1.1;margin-top:2px!important}
:root:not(#_):not(#_) body #acme-film .jr-co{margin:0;text-align:left;font-size:12px;line-height:1.35;color:#9ca7b8;z-index:3}
:root:not(#_):not(#_) body #acme-film .jr-co b{display:block;font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:#ff9a5f;font-weight:700}
:root:not(#_):not(#_) body #acme-film .jr-co span{display:block;font-size:12px!important;color:#9ca7b8}
:root:not(#_):not(#_) body #acme-film .jr-co2{position:absolute;left:0;right:0;bottom:100%;margin-bottom:8px;text-align:center}
:root:not(#_):not(#_) body #acme-film .jr-co1,:root:not(#_):not(#_) body #acme-film .jr-co4,:root:not(#_):not(#_) body #acme-film .jr-co3,:root:not(#_):not(#_) body #acme-film .jr-co2{display:none}
:root:not(#_):not(#_) body #acme-film .jr-ticker{grid-area:4/3/5/5;justify-self:center;width:min(calc(100% - 32px),300px);margin:0 0 20px;position:relative;z-index:3;box-sizing:border-box;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(8,12,19,.95);padding:10px 14px 8px;box-shadow:0 10px 22px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12);text-align:left}
:root:not(#_):not(#_) body #acme-film .jr-tk-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ff9a5f;font-weight:700;padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
:root:not(#_):not(#_) body #acme-film .jr-tk-head span{font-size:12px!important}
:root:not(#_):not(#_) body #acme-film .jr-ticker-view{position:relative;height:208px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 100%)}
:root:not(#_):not(#_) body #acme-film .jr-ticker ul{list-style:none;margin:0;padding:0;transform:translateY(208px);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
:root:not(#_):not(#_) body #acme-film .jr-ticker li{height:26px;display:flex;align-items:center;gap:10px;font-size:13px!important;line-height:1.2;white-space:nowrap;color:#7c8798;opacity:0;transition:opacity .35s,color .35s}
:root:not(#_):not(#_) body #acme-film .jr-ticker li span{font-size:13px!important}
:root:not(#_):not(#_) body #acme-film .jr-ticker li.is-done{opacity:1;color:#d7e0ea}
:root:not(#_):not(#_) body #acme-film .jr-ticker li.is-active{opacity:1;color:#fff}
:root:not(#_):not(#_) body #acme-film .jr-ticker .dot{flex:none;width:9px;height:9px;border-radius:50%;background:rgba(var(--g),.9);box-shadow:0 0 0 3px rgba(var(--g),.14)}
:root:not(#_):not(#_) body #acme-film .jr-ticker li.is-active .dot{background:rgb(var(--b));box-shadow:0 0 0 3px rgba(var(--b),.22),0 0 10px rgb(var(--b));animation:jr-pulse 1.1s ease-in-out infinite}
:root:not(#_):not(#_) body #acme-film .jr-ticker li.is-active span::after{content:"";display:inline-block;width:6px;height:13px;margin-left:5px;vertical-align:-2px;background:rgb(var(--b));animation:jr-caret 1s steps(2) infinite}
:root:not(#_):not(#_) body #acme-film .jr-idle{position:absolute;left:0;right:0;bottom:6px;margin:0;font-size:13px!important;color:#7c8798;transition:opacity .3s}
@keyframes jr-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
@keyframes jr-caret{0%{opacity:1}50%{opacity:0}}
:root:not(#_):not(#_) body #acme-film .jr-pics{grid-area:3/3/4/5;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 18px;margin-top:42px}
:root:not(#_):not(#_) body #acme-film .jr-pic{padding:12px 12px 12px}
:root:not(#_):not(#_) body #acme-film .jr-pic .jr-fig{width:60px;height:46px;display:block;margin:0 auto 2px}
:root:not(#_):not(#_) body #acme-film .jr-bar{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.1);margin:10px 6px 0;overflow:hidden}
:root:not(#_):not(#_) body #acme-film .jr-bar i{display:block;height:100%;width:calc(var(--fill,0)*100%);background:rgb(var(--c));border-radius:3px;transition:width .7s cubic-bezier(.2,.7,.2,1)}
:root:not(#_):not(#_) body #acme-film .jr-fig .head{fill:#0c121b;stroke:rgb(var(--c,92,200,255));stroke-width:2.6}
:root:not(#_):not(#_) body #acme-film .jr-fig .body{fill:rgba(var(--c,92,200,255),.32);stroke:rgb(var(--c,92,200,255));stroke-width:2.6;stroke-linejoin:round}
:root:not(#_):not(#_) body #acme-film .jr-fig .hair{fill:rgba(var(--c,92,200,255),.78);stroke:none}
:root:not(#_):not(#_) body #acme-film .jr-fig .fm .hair{fill:rgba(var(--c,92,200,255),.6)}
:root:not(#_):not(#_) body #acme-film .jr-fig .tie{fill:rgb(var(--c,92,200,255));stroke:none;opacity:.85}
:root:not(#_):not(#_) body #acme-film .jr-fig .back{opacity:.7}
:root:not(#_):not(#_) body #acme-film .jr-how{border-top:1px solid rgba(255,255,255,.1);padding:16px 0 4px;margin-top:10px}
:root:not(#_):not(#_) body #acme-film .jr-how ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0}
:root:not(#_):not(#_) body #acme-film .jr-how li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:0 18px;border-left:1px solid rgba(255,255,255,.08)}
:root:not(#_):not(#_) body #acme-film .jr-how li:first-child{padding-left:0;border-left:0}
:root:not(#_):not(#_) body #acme-film .jr-how .n{width:30px;height:30px;border-radius:50%;border:1.5px solid #ff6a1f;display:grid;place-items:center;color:#ff6a1f;font-size:14px}
:root:not(#_):not(#_) body #acme-film .jr-how b{display:block;font-size:15px!important;margin-bottom:4px;color:#f3f0e7}
:root:not(#_):not(#_) body #acme-film .jr-how .t{display:block;font-size:13.5px!important;color:#9ca7b8;line-height:1.5}
:root:not(#_):not(#_) body #acme-film .jr-pic-def{font-size:14px!important;margin:.9rem 0 0!important}
@media(max-width:1000px){:root:not(#_):not(#_) body #acme-film .jr-how ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}:root:not(#_):not(#_) body #acme-film .jr-how li:nth-child(odd){padding-left:0;border-left:0}}
@container jrcard (min-width:900px) and (max-width:1289px){
:root:not(#_):not(#_) body #acme-film .jr-scene{grid-template-columns:minmax(120px,140px) clamp(40px,4vw,60px) minmax(0,.9fr) minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto auto auto auto}
:root:not(#_):not(#_) body #acme-film .jr-orgbg{grid-area:1/3/4/6}
:root:not(#_):not(#_) body #acme-film .jr-orghead{grid-area:1/3/2/6;padding:14px 20px 10px}
:root:not(#_):not(#_) body #acme-film .jr-customer{grid-area:2/1}
:root:not(#_):not(#_) body #acme-film .jr-mail{grid-area:2/3;width:min(100%,200px);margin:22px 8px}
:root:not(#_):not(#_) body #acme-film .jr-atlas{grid-area:2/4;width:min(100%,250px);margin:18px 8px}
:root:not(#_):not(#_) body #acme-film .jr-ticker{grid-area:2/5;width:min(calc(100% - 16px),250px);margin:18px 8px;justify-self:center}
:root:not(#_):not(#_) body #acme-film .jr-pics{grid-area:3/3/4/6;padding:0 18px 18px;gap:12px;margin-top:42px}
:root:not(#_):not(#_) body #acme-film .jr-custout{grid-area:4/3/5/6;justify-self:center;width:min(100%,230px);margin:58px 0 8px}
}
@container jrcard (min-width:1290px){
:root:not(#_):not(#_) body #acme-film .jr-scene{max-width:1480px;grid-template-columns:minmax(130px,150px) clamp(100px,8vw,170px) minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.1fr) clamp(100px,8vw,170px) minmax(130px,150px);grid-template-rows:auto auto auto}
:root:not(#_):not(#_) body #acme-film .jr-orgbg{grid-area:1/3/4/6}
:root:not(#_):not(#_) body #acme-film .jr-orghead{grid-area:1/3/2/6;padding:14px 24px 10px}
:root:not(#_):not(#_) body #acme-film .jr-customer{grid-area:2/1}
:root:not(#_):not(#_) body #acme-film .jr-custout{grid-area:2/7;width:auto;margin:0;justify-self:stretch}
:root:not(#_):not(#_) body #acme-film .jr-mail{grid-area:2/3;width:min(100%,230px);margin:26px 10px}
:root:not(#_):not(#_) body #acme-film .jr-atlas{grid-area:2/4;width:min(100%,270px);margin:46px 10px 20px}
:root:not(#_):not(#_) body #acme-film .jr-ticker{grid-area:2/5;width:min(100%,260px);margin:22px 10px;justify-self:center}
:root:not(#_):not(#_) body #acme-film .jr-pics{grid-area:3/3/4/6;padding:0 24px 22px;gap:18px;margin-top:46px}
:root:not(#_):not(#_) body #acme-film .jr-co2{display:block}
:root:not(#_):not(#_) body #acme-film .jr-co1{display:block;grid-area:2/2;align-self:start;margin-top:6px;padding:0 8px}
:root:not(#_):not(#_) body #acme-film .jr-co4{display:block;grid-area:2/6;align-self:start;margin-top:6px;padding:0 8px}
:root:not(#_):not(#_) body #acme-film .jr-co3{display:block;position:absolute;left:10px;top:-46px;width:124px}
}
@media(max-width:800px){
:root:not(#_):not(#_) body #acme-film .jr-scene{grid-template-columns:minmax(0,1fr);max-width:420px;padding:8px 0 4px;grid-template-rows:auto}
:root:not(#_):not(#_) body #acme-film .jr-customer{grid-area:1/1;width:min(100%,200px);justify-self:center;margin-bottom:64px}
:root:not(#_):not(#_) body #acme-film .jr-orgbg{grid-area:2/1/7/2}
:root:not(#_):not(#_) body #acme-film .jr-orghead{grid-area:2/1;padding:14px 16px 10px}
:root:not(#_):not(#_) body #acme-film .jr-tag{display:none}
:root:not(#_):not(#_) body #acme-film .jr-mail{grid-area:3/1;margin:22px auto 26px;width:min(100%,230px)}
:root:not(#_):not(#_) body #acme-film .jr-atlas{grid-area:4/1;margin:0 auto 18px;width:min(100%,260px)}
:root:not(#_):not(#_) body #acme-film .jr-co2{display:none}
:root:not(#_):not(#_) body #acme-film .jr-pics{grid-area:5/1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 8px 14px;margin-top:34px}
:root:not(#_):not(#_) body #acme-film .jr-pic{padding:10px 4px}
:root:not(#_):not(#_) body #acme-film .jr-pic .jr-title{font-size:12.5px!important;letter-spacing:-.01em}
:root:not(#_):not(#_) body #acme-film .jr-pic .jr-sub{font-size:12px!important}
:root:not(#_):not(#_) body #acme-film .jr-ticker{grid-area:6/1;margin:0 auto 18px;width:min(calc(100% - 24px),260px)}
:root:not(#_):not(#_) body #acme-film .jr-custout{grid-area:7/1;width:min(100%,200px);justify-self:center;margin:64px 0 8px}
:root:not(#_):not(#_) body #acme-film .jr-how ol{grid-template-columns:minmax(0,1fr)}
:root:not(#_):not(#_) body #acme-film .jr-how li{padding:0;border-left:0}
}
@media(prefers-reduced-motion:reduce){:root:not(#_):not(#_) body #acme-film .jr-ticker li.is-active .dot,:root:not(#_):not(#_) body #acme-film .jr-ticker li.is-active span::after{animation:none}}