/* One-screen capability explorer: selector, product signal, and action stay together. */
.cinema.os #capabilities{
  --cap-paper:#f5f3ed;
  --cap-ink:#28332d;
  --cap-forest:#26352e;
  --cap-mist:#d4dfd5;
  --cap-line:#c9c9bd;
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(220px,.24fr) minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:clamp(34px,4vw,68px);
  margin-inline:calc(50% - 50vw);
  padding:76px max(56px,calc((100vw - 1440px)/2 + 56px));
  background:var(--cap-paper);
  color:var(--cap-ink);
  border:0;
}
.cinema.os #capabilities:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--cap-line)}
.cinema.os #capabilities .head{grid-column:1;grid-row:1;display:block;margin:0 0 26px}
.cinema.os #capabilities .head h2{max-width:7ch;color:var(--cap-ink);font-size:clamp(40px,3.5vw,56px)}
.cinema.os #capabilities .head>p{max-width:24ch;margin-top:16px;color:#536457;font-size:14px;line-height:1.65}
.cinema.os #capabilities .tabs{
  grid-column:1;
  grid-row:2;
  align-self:start;
  display:flex;
  flex-direction:column;
  border:0;
  border-top:1px solid var(--cap-line);
  border-bottom:1px solid var(--cap-line);
  background:transparent;
}
.cinema.os #capabilities .tabs button{
  position:relative;
  width:100%;
  min-height:68px;
  padding:16px 13px 16px 43px;
  border:0;
  border-bottom:1px solid var(--cap-line);
  background:transparent;
  color:#536457;
  text-align:left;
  font-size:12px;
  line-height:1.35;
  transition:background .3s cubic-bezier(.23,1,.32,1),color .3s cubic-bezier(.23,1,.32,1);
}
.cinema.os #capabilities .tabs button:last-child{border-bottom:0}
.cinema.os #capabilities .tabs button:before{position:absolute;left:13px;top:18px;color:#819582;font-size:9px;letter-spacing:.12em}
.cinema.os #capabilities .tabs button:nth-child(1):before{content:"01"}
.cinema.os #capabilities .tabs button:nth-child(2):before{content:"02"}
.cinema.os #capabilities .tabs button:nth-child(3):before{content:"03"}
.cinema.os #capabilities .tabs button:nth-child(4):before{content:"04"}
.cinema.os #capabilities .tabs button:nth-child(5):before{content:"05"}
.cinema.os #capabilities .tabs button:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:#bc452f;
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .3s cubic-bezier(.23,1,.32,1);
}
.cinema.os #capabilities .tabs button[aria-selected=true]{background:#e4eadc;color:var(--cap-ink)}
.cinema.os #capabilities .tabs button[aria-selected=true]:after{transform:scaleY(1)}
.cinema.os #capabilities .module{
  grid-column:2;
  grid-row:1 / span 2;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(285px,.62fr);
  grid-template-rows:auto auto auto;
  min-width:0;
  min-height:650px;
  padding:0;
  border:1px solid var(--cap-line);
  background:#ece9df;
  color:var(--cap-ink);
}
.cinema.os #capabilities .module-head{
  grid-column:2;
  grid-row:1;
  display:block;
  min-height:0;
  margin:0;
  padding:30px 28px 25px;
  border-bottom:1px solid var(--cap-line);
  background:#ece9df;
}
.cinema.os #capabilities .module-head h3{max-width:14ch;color:var(--cap-ink);font:600 clamp(34px,3vw,48px)/1.02 SaddlDisplay,Arial,sans-serif;letter-spacing:-.02em}
.cinema.os #capabilities .module-head p{max-width:34ch;margin-top:15px;color:#536457;font-size:13px;line-height:1.65}
.cinema.os #capabilities .module-layout{display:contents}
.cinema.os #capabilities .mock{
  grid-column:1;
  grid-row:1 / span 3;
  position:relative;
  min-height:650px;
  padding:26px 28px 22px;
  overflow:hidden;
  border:0;
  border-right:1px solid #708477;
  border-radius:0;
  background:linear-gradient(145deg,#22312a 0%,#2d4036 100%);
  color:var(--cap-paper);
}
.cinema.os #capabilities .mock:after{content:"";position:absolute;inset:auto -10% -45% 15%;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(231,180,148,.11),transparent 68%);pointer-events:none}
.cinema.os #capabilities .mock-head{position:relative;z-index:5;padding-bottom:15px;border-color:#708477;color:var(--cap-mist);font-size:12px}
.cinema.os #capabilities .mock-head strong{color:var(--cap-paper);font-weight:600}
.cinema.os #capabilities .mock-toolbar{position:relative;z-index:5;display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0}
.cinema.os #capabilities .mock-toolbar span{padding:6px 10px;border:1px solid rgba(212,223,213,.35);border-radius:999px;background:rgba(245,243,237,.04);color:var(--cap-mist);font-size:10px}
.cinema.os #capabilities .module-map{position:relative;min-height:500px;padding:0;overflow:hidden}
.cinema.os #capabilities .capability-scene-label{position:absolute;top:18px;left:50%;z-index:5;transform:translateX(-50%);color:#aabaae;font-size:9px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.cinema.os #capabilities .product-aura,.cinema.os #capabilities .product-aura i{position:absolute;inset:50% auto auto 50%;border-radius:50%;transform:translate(-50%,-50%)}
.cinema.os #capabilities .product-aura{width:360px;height:360px;background:radial-gradient(circle,rgba(228,234,220,.14),rgba(228,234,220,.02) 58%,transparent 70%)}
.cinema.os #capabilities .product-aura i{display:block;border:1px solid rgba(163,184,168,.23)}
.cinema.os #capabilities .product-aura i:nth-child(1){width:215px;height:215px}
.cinema.os #capabilities .product-aura i:nth-child(2){width:285px;height:285px}
.cinema.os #capabilities .product-aura i:nth-child(3){width:360px;height:360px;border-style:dashed}
.cinema.os #capabilities .capability-product{position:absolute;left:50%;top:50%;z-index:3;width:148px;height:300px;margin:0;transform:translate(-50%,-47%);filter:drop-shadow(0 26px 20px rgba(5,12,8,.32))}
.cinema.os #capabilities .capability-product img{display:block;width:100%;height:100%;object-fit:contain}
.cinema.os #capabilities .module-map svg{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible}
.cinema.os #capabilities .module-map svg path{fill:none;stroke:#819582;stroke-width:1.5;vector-effect:non-scaling-stroke}
.cinema.os #capabilities .module-map svg circle{fill:#e7b494;stroke:#26352e;stroke-width:3}
.cinema.os #capabilities .module-node{position:absolute;z-index:6;width:min(205px,29%);padding:14px 16px;border:1px solid rgba(212,223,213,.4);background:rgba(31,45,39,.82);backdrop-filter:blur(8px);color:var(--cap-paper)}
.cinema.os #capabilities .module-node span{display:block;margin-bottom:5px;color:#a9baad;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.cinema.os #capabilities .module-node strong{display:block;color:var(--cap-paper);font-size:13px;line-height:1.35}
.cinema.os #capabilities .node-a{left:2%;top:22%}
.cinema.os #capabilities .node-b{right:2%;top:22%}
.cinema.os #capabilities .node-c{left:50%;bottom:3%;width:285px;max-width:43%;transform:translateX(-50%);border-color:#e7b494;text-align:center}
.cinema.os #capabilities .data-pulse{position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;background:#e7b494;box-shadow:0 0 0 5px rgba(231,180,148,.12)}
.cinema.os #capabilities .pulse-a{left:42.4%;top:43%}
.cinema.os #capabilities .pulse-b{right:42.4%;top:43%;animation-delay:-1.1s}
.cinema.os #capabilities .pulse-c{left:50%;bottom:24%;animation-delay:-2s}
.cinema.os #capabilities .screen-label{position:relative;z-index:5;margin:0;text-align:left;color:var(--cap-mist);font-size:11px}
.cinema.os #capabilities .screen-label:before{content:"View · ";color:#e7b494}
.cinema.os #capabilities .detail-list{
  grid-column:2;
  grid-row:2;
  counter-reset:capability;
  align-self:stretch;
  padding:0 28px;
  margin:0;
  background:#ece9df;
}
.cinema.os #capabilities .detail-list li{counter-increment:capability;position:relative;padding:20px 0 20px 42px;border-color:var(--cap-line)}
.cinema.os #capabilities .detail-list li:before{content:"0" counter(capability);position:absolute;left:0;top:22px;color:#bc452f;font-size:9px;letter-spacing:.12em}
.cinema.os #capabilities .detail-list b{display:block;color:var(--cap-ink);font-size:16px;line-height:1.3}
.cinema.os #capabilities .detail-list span{display:block;margin-top:6px;color:#536457;font-size:12px;line-height:1.55}
.cinema.os #capabilities .workflow{
  grid-column:2;
  grid-row:3;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:7px 9px;
  margin:0;
  padding:17px 28px;
  border-top:1px solid var(--cap-line);
  background:#e4eadc;
  color:#536457;
  font-size:10px;
}
.cinema.os #capabilities .workflow b{color:var(--cap-ink);font-weight:500}
.cinema.os #capabilities .workflow b:last-child{color:#a43c28}
.cinema.os #capabilities .workflow span{color:#819582}
.cinema.os #capabilities .note{display:none}
@media(prefers-reduced-motion:no-preference){
  .cinema.os #capabilities .product-aura i:nth-child(3){animation:capability-orbit 28s linear infinite}
  .cinema.os #capabilities .data-pulse{animation:capability-pulse 2.8s ease-in-out infinite}
}
@keyframes capability-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes capability-pulse{0%,100%{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.18)}}
@media(max-width:1100px){
  .cinema.os #capabilities{grid-template-columns:190px minmax(0,1fr);column-gap:25px;padding-inline:24px}
  .cinema.os #capabilities .module{grid-template-columns:1fr minmax(250px,.72fr)}
  .cinema.os #capabilities .module-head{padding:24px 22px 20px}
  .cinema.os #capabilities .detail-list{padding:0 22px}
  .cinema.os #capabilities .workflow{padding:15px 22px}
}
@media(max-width:760px){
  .cinema.os #capabilities{display:block;padding:58px 18px}
  .cinema.os #capabilities .head{margin-bottom:26px}
  .cinema.os #capabilities .head h2{max-width:none;font-size:43px}
  .cinema.os #capabilities .head>p{max-width:34ch}
  .cinema.os #capabilities .tabs{position:sticky;top:72px;z-index:8;flex-direction:row;overflow-x:auto;margin-inline:-18px;padding-inline:18px;background:rgba(245,243,237,.96);backdrop-filter:blur(12px)}
  .cinema.os #capabilities .tabs button{flex:0 0 165px;min-height:68px;padding:16px 11px 14px 39px;border-right:1px solid var(--cap-line);border-bottom:0}
  .cinema.os #capabilities .tabs button:before{left:11px;top:18px}
  .cinema.os #capabilities .tabs button:after{top:auto;right:0;bottom:0;width:auto;height:3px;transform:scaleX(0);transform-origin:left}
  .cinema.os #capabilities .tabs button[aria-selected=true]:after{transform:scaleX(1)}
  .cinema.os #capabilities .module{display:flex;flex-direction:column;min-height:0;margin-top:28px}
  .cinema.os #capabilities .module-head{order:1;padding:23px 20px}
  .cinema.os #capabilities .module-head h3{font-size:39px}
  .cinema.os #capabilities .mock{order:2;min-height:600px;padding:21px 18px;border-right:0;border-top:1px solid #708477;border-bottom:1px solid #708477}
  .cinema.os #capabilities .detail-list{order:3;padding:6px 20px}
  .cinema.os #capabilities .workflow{order:4;padding:17px 20px}
  .cinema.os #capabilities .module-map{min-height:470px}
  .cinema.os #capabilities .capability-product{top:39%;width:118px;height:248px}
  .cinema.os #capabilities .product-aura{top:39%;width:280px;height:280px}
  .cinema.os #capabilities .product-aura i:nth-child(1){width:165px;height:165px}
  .cinema.os #capabilities .product-aura i:nth-child(2){width:225px;height:225px}
  .cinema.os #capabilities .product-aura i:nth-child(3){width:280px;height:280px}
  .cinema.os #capabilities .module-map svg{display:none}
  .cinema.os #capabilities .module-node{width:47%;padding:12px}
  .cinema.os #capabilities .node-a{left:0;top:61%}
  .cinema.os #capabilities .node-b{right:0;top:61%}
  .cinema.os #capabilities .node-c{bottom:1%;width:74%;max-width:74%}
  .cinema.os #capabilities .data-pulse{display:none}
}
@media(prefers-reduced-motion:reduce){.cinema.os #capabilities .tabs button,.cinema.os #capabilities .tabs button:after{transition:none}}
/* Fit the complete interaction within a standard laptop viewport. */
@media(min-width:761px){
  .cinema.os #capabilities{padding-top:48px;padding-bottom:48px}
  .cinema.os #capabilities .head{margin-bottom:20px}
  .cinema.os #capabilities .head h2{font-size:48px}
  .cinema.os #capabilities .head>p{margin-top:12px;font-size:13px}
  .cinema.os #capabilities .tabs button{min-height:58px;padding-top:13px;padding-bottom:13px}
  .cinema.os #capabilities .tabs button:before{top:15px}
  .cinema.os #capabilities .module{grid-template-columns:minmax(0,1.35fr) minmax(330px,.72fr);min-height:560px}
  .cinema.os #capabilities .mock{min-height:560px;padding-top:21px;padding-bottom:18px}
  .cinema.os #capabilities .mock-head{padding-bottom:12px}
  .cinema.os #capabilities .mock-toolbar{margin-top:11px}
  .cinema.os #capabilities .module-map{min-height:420px}
  .cinema.os #capabilities .product-aura{width:310px;height:310px}
  .cinema.os #capabilities .product-aura i:nth-child(1){width:185px;height:185px}
  .cinema.os #capabilities .product-aura i:nth-child(2){width:245px;height:245px}
  .cinema.os #capabilities .product-aura i:nth-child(3){width:310px;height:310px}
  .cinema.os #capabilities .capability-product{width:125px;height:258px}
  .cinema.os #capabilities .module-head{padding:22px 24px 18px}
  .cinema.os #capabilities .module-head h3{font-size:clamp(32px,2.55vw,43px);max-width:15ch}
  .cinema.os #capabilities .module-head p{margin-top:11px;font-size:12px;line-height:1.55}
  .cinema.os #capabilities .detail-list{padding-inline:24px}
  .cinema.os #capabilities .detail-list li{padding:14px 0 14px 35px}
  .cinema.os #capabilities .detail-list li:before{top:16px}
  .cinema.os #capabilities .detail-list b{font-size:15px}
  .cinema.os #capabilities .detail-list span{font-size:11px;line-height:1.45}
  .cinema.os #capabilities .workflow{padding:13px 24px;font-size:9px}
}
@media(max-width:760px){.cinema.os #capabilities .tabs{flex-wrap:nowrap!important}.cinema.os #capabilities .tabs button{flex:0 0 165px!important}}
/* Close the gap between the capability explorer and the following section. */
.cinema.os #capabilities{padding-bottom:0}
.cinema.os #capabilities + #connections{padding-top:42px}
@media(max-width:760px){.cinema.os #capabilities{padding-bottom:0}.cinema.os #capabilities + #connections{padding-top:34px}}

/* Cinematic capability stories — product logic translated into motion, not dashboard replicas. */
.cinema.os #capabilities .mock-toolbar{display:none}
.cinema.os #capabilities .module-map{min-height:450px;margin-top:8px}
.cinema.os #capabilities .module-scene{position:absolute;inset:0;overflow:hidden}
.cinema.os #capabilities .scene-demo{position:relative;width:100%;height:100%;min-height:450px;color:#f5f3ed}
.cinema.os #capabilities .scene-demo:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,rgba(231,180,148,.1),transparent 42%)}
.cinema.os #capabilities .scene-eyebrow{position:absolute;top:10px;left:0;right:0;z-index:8;display:flex;align-items:center;justify-content:space-between;color:#9eb0a2;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.cinema.os #capabilities .scene-eyebrow b{color:#f5f3ed;font-weight:500}

/* Advertising: a descending judgement cascade. */
.cinema.os #capabilities .signal-field{position:absolute;left:-5%;top:45px;width:25%;height:340px;background:radial-gradient(ellipse,rgba(154,181,164,.16),transparent 66%)}
.cinema.os #capabilities .signal-field i{position:absolute;width:7px;height:7px;border:1px solid #a9baad;border-radius:50%;box-shadow:0 0 16px rgba(212,223,213,.28)}
.cinema.os #capabilities .signal-field i:nth-child(1){left:18%;top:11%}.cinema.os #capabilities .signal-field i:nth-child(2){left:64%;top:20%}.cinema.os #capabilities .signal-field i:nth-child(3){left:35%;top:40%}.cinema.os #capabilities .signal-field i:nth-child(4){left:75%;top:54%}.cinema.os #capabilities .signal-field i:nth-child(5){left:14%;top:69%}.cinema.os #capabilities .signal-field i:nth-child(6){left:53%;top:87%}
.cinema.os #capabilities .decision-spine{position:absolute;left:18%;top:105px;bottom:76px;width:1px;background:linear-gradient(#819582,#e7b494 50%,#819582)}
.cinema.os #capabilities .decision-spine:before{content:"";position:absolute;left:-5px;top:-5px;width:11px;height:11px;border:1px solid #e7b494;border-radius:50%;background:#26352e}
.cinema.os #capabilities .decision-spine i{position:absolute;left:-2px;top:0;width:5px;height:44px;border-radius:5px;background:#e7b494;box-shadow:0 0 18px rgba(231,180,148,.5)}
.cinema.os #capabilities .decision-level{position:absolute;left:22%;right:2%;display:grid;grid-template-columns:34px minmax(155px,.85fr) minmax(170px,1fr);align-items:center;gap:14px;padding:15px 18px;border-top:1px solid rgba(212,223,213,.25);background:linear-gradient(90deg,rgba(245,243,237,.055),transparent)}
.cinema.os #capabilities .decision-level>span{color:#e7b494;font:500 10px/1 Arial,sans-serif;letter-spacing:.12em}
.cinema.os #capabilities .decision-level small{display:block;margin-bottom:4px;color:#a9baad;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.cinema.os #capabilities .decision-level strong{color:#f5f3ed;font-size:14px;font-weight:500}
.cinema.os #capabilities .decision-level em{color:#b8c5ba;font-size:10px;font-style:normal;line-height:1.35}
.cinema.os #capabilities .level-campaign{top:82px}.cinema.os #capabilities .level-objective{top:180px}.cinema.os #capabilities .level-keyword{top:278px;border-bottom:1px solid rgba(212,223,213,.25)}
.cinema.os #capabilities .marketplace-run{position:absolute;left:22%;right:2%;bottom:28px;display:flex;align-items:center;gap:10px;color:#9eb0a2;font-size:9px;letter-spacing:.05em}
.cinema.os #capabilities .marketplace-run i{height:1px;flex:1;background:#607368}
.cinema.os #capabilities .marketplace-run span:first-child{color:#e7b494}

/* Inventory: a physical allocation network. */
.cinema.os #capabilities .warehouse-object{position:absolute;left:50%;top:46%;z-index:4;width:142px;height:126px;transform:translate(-50%,-50%);filter:drop-shadow(0 22px 20px rgba(5,12,8,.28))}
.cinema.os #capabilities .warehouse-object>i{position:absolute;left:50%;width:112px;height:42px;transform:translateX(-50%) skewY(-7deg);border:1px solid rgba(212,223,213,.4);background:linear-gradient(135deg,#668074,#31463b)}
.cinema.os #capabilities .warehouse-object>i:nth-child(1){top:4px}.cinema.os #capabilities .warehouse-object>i:nth-child(2){top:43px;width:128px}.cinema.os #capabilities .warehouse-object>i:nth-child(3){top:82px;width:142px;background:linear-gradient(135deg,#7f9588,#354b40)}
.cinema.os #capabilities .warehouse-object strong,.cinema.os #capabilities .warehouse-object span{position:absolute;left:50%;z-index:2;width:180px;transform:translateX(-50%);text-align:center}
.cinema.os #capabilities .warehouse-object strong{top:135px;color:#f5f3ed;font-size:12px}.cinema.os #capabilities .warehouse-object span{top:155px;color:#a9baad;font-size:9px}
.cinema.os #capabilities .allocation-lines{position:absolute;inset:38px 0 30px;z-index:1;width:100%;height:360px}
.cinema.os #capabilities .allocation-lines path{fill:none;stroke:#71877a;stroke-width:1.2;stroke-dasharray:5 7}
.cinema.os #capabilities .stock-node{position:absolute;z-index:5;width:150px;padding:11px 13px;border:1px solid rgba(212,223,213,.28);background:rgba(34,49,42,.86);backdrop-filter:blur(8px)}
.cinema.os #capabilities .stock-node b,.cinema.os #capabilities .stock-node span,.cinema.os #capabilities .stock-node em{display:block}.cinema.os #capabilities .stock-node b{font-size:11px}.cinema.os #capabilities .stock-node span{margin-top:4px;color:#a9baad;font-size:9px}.cinema.os #capabilities .stock-node em{margin-top:9px;color:#e7b494;font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.1em}
.cinema.os #capabilities .node-amazon{left:3%;top:68px}.cinema.os #capabilities .node-noon{right:3%;top:68px}.cinema.os #capabilities .node-quick{left:3%;bottom:65px}.cinema.os #capabilities .node-purchase{right:3%;bottom:65px}
.cinema.os #capabilities .stock-pulse{position:absolute;z-index:3;width:8px;height:8px;border-radius:50%;background:#e7b494;box-shadow:0 0 0 5px rgba(231,180,148,.1)}
.cinema.os #capabilities .stock-pulse.p1{left:34%;top:36%}.cinema.os #capabilities .stock-pulse.p2{right:31%;top:57%}.cinema.os #capabilities .stock-pulse.p3{left:28%;bottom:31%}
.cinema.os #capabilities .capital-caption{position:absolute;left:18%;right:18%;bottom:16px;display:flex;align-items:center;gap:8px;color:#9eb0a2;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.cinema.os #capabilities .capital-caption i{height:1px;flex:1;background:#607368}

/* Economics: revenue splits into layers, then closes through reconciliation. */
.cinema.os #capabilities .revenue-beam{position:absolute;left:4%;top:88px;width:16%;height:270px}
.cinema.os #capabilities .revenue-beam span{position:absolute;top:-18px;color:#e7b494;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.cinema.os #capabilities .revenue-beam i{display:block;width:100%;height:100%;background:linear-gradient(90deg,rgba(231,180,148,.22),rgba(231,180,148,.02));clip-path:polygon(0 42%,100% 0,100% 100%,0 58%)}
.cinema.os #capabilities .economic-layers{position:absolute;left:19%;top:76px;width:44%;height:308px;perspective:700px}
.cinema.os #capabilities .economic-layers i{position:absolute;left:0;width:100%;height:42px;transform:rotateX(58deg) skewX(-15deg);border:1px solid rgba(245,243,237,.22);box-shadow:0 12px 18px rgba(4,10,7,.2)}
.cinema.os #capabilities .layer-cogs{top:5px;background:#8c755e}.cinema.os #capabilities .layer-ads{top:61px;background:#a95742}.cinema.os #capabilities .layer-fees{top:117px;background:#6f7884}.cinema.os #capabilities .layer-returns{top:173px;background:#8b6779}.cinema.os #capabilities .layer-contribution{top:229px;background:#648a72;border-color:#e4eadc!important}
.cinema.os #capabilities .money-label{position:absolute;z-index:4;left:24%;display:flex;align-items:center;gap:14px}.cinema.os #capabilities .money-label span{width:76px;color:#f5f3ed;font-size:10px}.cinema.os #capabilities .money-label b{color:#9eb0a2;font-size:9px;font-weight:400}.cinema.os #capabilities .ml-cogs{top:104px}.cinema.os #capabilities .ml-ads{top:160px}.cinema.os #capabilities .ml-fees{top:216px}.cinema.os #capabilities .ml-returns{top:272px}
.cinema.os #capabilities .contribution-core{position:absolute;left:38%;top:342px;z-index:5;transform:translate(-50%,-50%);text-align:center}.cinema.os #capabilities .contribution-core small,.cinema.os #capabilities .contribution-core span{display:block;color:#a9baad;font-size:8px;text-transform:uppercase;letter-spacing:.11em}.cinema.os #capabilities .contribution-core strong{display:block;margin:5px 0;color:#f5f3ed;font:500 22px/1 SaddlDisplay,Arial,sans-serif}
.cinema.os #capabilities .reconcile-orbit{position:absolute;right:5%;top:109px;width:210px;height:210px;border:1px solid rgba(212,223,213,.16);border-radius:50%}.cinema.os #capabilities .reconcile-orbit:before,.cinema.os #capabilities .reconcile-orbit:after{content:"";position:absolute;border:1px solid rgba(212,223,213,.16);border-radius:50%;inset:24px}.cinema.os #capabilities .reconcile-orbit:after{inset:52px}.cinema.os #capabilities .reconcile-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#e7b494}.cinema.os #capabilities .reconcile-orbit i:nth-child(1){left:27px;top:43px}.cinema.os #capabilities .reconcile-orbit i:nth-child(2){right:17px;top:98px}.cinema.os #capabilities .reconcile-orbit i:nth-child(3){left:94px;bottom:-4px}
.cinema.os #capabilities .reconcile-note{position:absolute;right:2%;bottom:35px;width:31%;display:grid;grid-template-columns:1fr 1fr;gap:8px;color:#9eb0a2;font-size:8px}.cinema.os #capabilities .reconcile-note span{padding-bottom:7px;border-bottom:1px solid #607368}.cinema.os #capabilities .reconcile-note b{grid-column:1/-1;margin-top:4px;color:#e7b494;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}

/* Pricing: the product is staged against a living market landscape. */
.cinema.os #capabilities .market-landscape{position:absolute;left:0;right:0;bottom:78px;height:250px;border-bottom:1px solid #71877a;background:linear-gradient(180deg,transparent,rgba(129,149,130,.06))}
.cinema.os #capabilities .market-landscape i{position:absolute;left:var(--x);bottom:0;width:7%;height:var(--h);background:linear-gradient(180deg,rgba(163,184,168,.56),rgba(81,105,91,.15));transform:skewX(-7deg);border-top:1px solid rgba(212,223,213,.4)}
.cinema.os #capabilities .price-marker{position:absolute;z-index:3;padding-left:10px;border-left:2px solid}.cinema.os #capabilities .price-marker span,.cinema.os #capabilities .price-marker b{display:block}.cinema.os #capabilities .price-marker span{font-size:8px;text-transform:uppercase;letter-spacing:.1em}.cinema.os #capabilities .price-marker b{margin-top:4px;color:#f5f3ed;font-size:13px}.cinema.os #capabilities .marker-floor{left:26%;top:160px;border-color:#e7b494;color:#e7b494}.cinema.os #capabilities .marker-market{left:42%;top:207px;border-color:#a3b8a8;color:#a9baad}
.cinema.os #capabilities .price-product{position:absolute;left:67%;top:92px;z-index:5;width:120px;text-align:center}.cinema.os #capabilities .price-bottle{position:relative;width:54px;height:155px;margin:auto;border-radius:18px 18px 24px 24px;background:linear-gradient(90deg,#899487,#b1b9ab 45%,#778577);box-shadow:0 24px 24px rgba(4,10,7,.26)}.cinema.os #capabilities .price-bottle:before{content:"";position:absolute;left:11px;top:-22px;width:32px;height:28px;border-radius:9px 9px 4px 4px;background:#99a496}.cinema.os #capabilities .price-bottle i{position:absolute;left:12px;right:12px;bottom:18px;height:1px;background:rgba(245,243,237,.55)}.cinema.os #capabilities .price-product span{display:block;margin-top:12px;color:#a9baad;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.cinema.os #capabilities .price-product strong{display:block;margin-top:4px;color:#f5f3ed;font-size:15px}
.cinema.os #capabilities .price-vector{position:absolute;left:53%;top:182px;width:110px;height:1px;transform:rotate(-15deg);background:#e7b494}.cinema.os #capabilities .price-vector:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid #e7b494;border-right:1px solid #e7b494;transform:rotate(45deg)}.cinema.os #capabilities .price-vector b{position:absolute;left:10px;top:-19px;color:#e7b494;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}
.cinema.os #capabilities .tier-line{position:absolute;left:5%;right:5%;bottom:46px;display:grid;grid-template-columns:repeat(4,1fr);color:#8fa294;font-size:8px;text-align:center;text-transform:uppercase;letter-spacing:.08em}.cinema.os #capabilities .tier-line span{padding-top:8px;border-top:1px solid #607368}.cinema.os #capabilities .tier-line .active{color:#e7b494;border-color:#e7b494}
.cinema.os #capabilities .price-context{position:absolute;left:5%;right:5%;bottom:14px;display:flex;align-items:center;gap:8px;color:#9eb0a2;font-size:8px}.cinema.os #capabilities .price-context i{height:1px;flex:1;background:#607368}.cinema.os #capabilities .price-context b{color:#f5f3ed;font-weight:500}

/* Listings: language and product truth converge into reviewed copy. */
.cinema.os #capabilities .word-field{position:absolute;left:0;top:62px;width:34%;height:320px}.cinema.os #capabilities .word-field span{position:absolute;left:var(--x);top:var(--y);padding:7px 9px;border:1px solid rgba(212,223,213,.22);border-radius:999px;background:rgba(245,243,237,.04);color:#c6d1c8;font-size:9px;white-space:nowrap}.cinema.os #capabilities .word-field span:nth-child(1),.cinema.os #capabilities .word-field span:nth-child(4){border-color:rgba(231,180,148,.55);color:#e7b494}
.cinema.os #capabilities .evidence-stream{position:absolute;left:29%;top:160px;width:20%;height:105px}.cinema.os #capabilities .evidence-stream i{position:absolute;left:0;width:100%;height:1px;transform-origin:right;background:linear-gradient(90deg,transparent,#9eb0a2)}.cinema.os #capabilities .evidence-stream i:nth-child(1){top:5px;transform:rotate(18deg)}.cinema.os #capabilities .evidence-stream i:nth-child(2){top:48px}.cinema.os #capabilities .evidence-stream i:nth-child(3){top:91px;transform:rotate(-18deg)}
.cinema.os #capabilities .truth-object{position:absolute;left:44%;top:80px;width:145px;height:300px;text-align:center}.cinema.os #capabilities .truth-package{position:relative;width:88px;height:132px;margin:45px auto 20px;background:linear-gradient(145deg,#d9d1c1,#a99d89);clip-path:polygon(10% 9%,84% 0,100% 17%,100% 94%,15% 100%,0 84%,0 17%);filter:drop-shadow(0 18px 16px rgba(4,10,7,.25))}.cinema.os #capabilities .truth-package i{position:absolute;inset:0;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.22) 40%,transparent 44%)}.cinema.os #capabilities .truth-package strong,.cinema.os #capabilities .truth-package small{position:absolute;left:0;right:0;color:#334239}.cinema.os #capabilities .truth-package strong{top:54px;font-family:serif;letter-spacing:.16em}.cinema.os #capabilities .truth-package small{top:76px;font-size:6px;text-transform:uppercase;letter-spacing:.12em}.cinema.os #capabilities .truth-object>span{display:inline-block;margin:3px 2px;color:#9eb0a2;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.cinema.os #capabilities .copy-sheet{position:absolute;right:1%;top:79px;width:37%;min-height:292px;padding:24px 21px;background:#ece9df;color:#28332d;box-shadow:0 20px 28px rgba(4,10,7,.24);transform:rotate(1deg)}.cinema.os #capabilities .copy-sheet:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#bc452f}.cinema.os #capabilities .copy-sheet small{color:#a43c28;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.cinema.os #capabilities .copy-sheet h4{margin:28px 0 14px;font:500 23px/1.02 SaddlDisplay,Arial,sans-serif}.cinema.os #capabilities .copy-sheet p{color:#536457;font-size:10px;line-height:1.55}.cinema.os #capabilities .copy-sheet div{position:absolute;left:21px;right:21px;bottom:20px;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #c9c9bd;color:#536457;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.cinema.os #capabilities .quality-rise{position:absolute;left:4%;right:1%;bottom:12px;display:flex;align-items:center;gap:10px;color:#9eb0a2;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.cinema.os #capabilities .quality-rise i{position:relative;height:3px;flex:1;background:#607368;overflow:hidden}.cinema.os #capabilities .quality-rise i:after{content:"";position:absolute;inset:0;width:78%;background:#e7b494}.cinema.os #capabilities .quality-rise b{color:#e7b494;font-weight:500}

@media(prefers-reduced-motion:no-preference){
  .cinema.os #capabilities .decision-spine i{animation:decision-scan 3.8s ease-in-out infinite}
  .cinema.os #capabilities .signal-field i{animation:signal-breathe 3.4s ease-in-out infinite}
  .cinema.os #capabilities .signal-field i:nth-child(even){animation-delay:-1.7s}
  .cinema.os #capabilities .stock-pulse{animation:stock-travel 2.8s ease-in-out infinite}
  .cinema.os #capabilities .stock-pulse.p2{animation-delay:-.9s}.cinema.os #capabilities .stock-pulse.p3{animation-delay:-1.8s}
  .cinema.os #capabilities .reconcile-orbit{animation:slow-orbit 24s linear infinite}
  .cinema.os #capabilities .price-vector{animation:price-breathe 2.8s ease-in-out infinite}
  .cinema.os #capabilities .evidence-stream i{animation:evidence-flow 2.8s ease-in-out infinite}
  .cinema.os #capabilities .evidence-stream i:nth-child(2){animation-delay:-.8s}.cinema.os #capabilities .evidence-stream i:nth-child(3){animation-delay:-1.6s}
}
@keyframes decision-scan{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(245px);opacity:1}}
@keyframes signal-breathe{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}
@keyframes stock-travel{0%,100%{transform:translate(-10px,-8px);opacity:.2}50%{transform:translate(28px,18px);opacity:1}}
@keyframes slow-orbit{to{transform:rotate(360deg)}}
@keyframes price-breathe{0%,100%{opacity:.5;transform:rotate(-15deg) scaleX(.86)}50%{opacity:1;transform:rotate(-15deg) scaleX(1)}}
@keyframes evidence-flow{0%,100%{opacity:.3;transform-origin:right;filter:blur(1px)}50%{opacity:1;filter:blur(0)}}

@media(max-width:1100px) and (min-width:761px){
  .cinema.os #capabilities .decision-level{grid-template-columns:28px minmax(130px,.9fr) 1fr;gap:9px;padding-inline:12px}
  .cinema.os #capabilities .stock-node{width:124px}
  .cinema.os #capabilities .reconcile-orbit{right:1%;width:175px;height:175px}
  .cinema.os #capabilities .copy-sheet{width:40%}.cinema.os #capabilities .copy-sheet h4{font-size:20px}
}
@media(max-width:760px){
  .cinema.os #capabilities .mock{min-height:545px}
  .cinema.os #capabilities .module-map,.cinema.os #capabilities .scene-demo{min-height:420px}
  .cinema.os #capabilities .scene-eyebrow{font-size:8px}
  .cinema.os #capabilities .decision-level{left:8%;right:0;grid-template-columns:26px 1fr;padding:12px}
  .cinema.os #capabilities .decision-level em{grid-column:2}
  .cinema.os #capabilities .decision-spine{left:3%}.cinema.os #capabilities .level-campaign{top:62px}.cinema.os #capabilities .level-objective{top:162px}.cinema.os #capabilities .level-keyword{top:262px}
  .cinema.os #capabilities .marketplace-run{left:8%;bottom:18px}.cinema.os #capabilities .marketplace-run i{display:none}
  .cinema.os #capabilities .stock-node{width:116px}.cinema.os #capabilities .node-amazon,.cinema.os #capabilities .node-quick{left:0}.cinema.os #capabilities .node-noon,.cinema.os #capabilities .node-purchase{right:0}
  .cinema.os #capabilities .warehouse-object{transform:translate(-50%,-45%) scale(.78)}
  .cinema.os #capabilities .allocation-lines{left:-18%;width:136%}
  .cinema.os #capabilities .capital-caption{left:2%;right:2%}
  .cinema.os #capabilities .economic-layers{left:8%;width:58%}.cinema.os #capabilities .revenue-beam{display:none}.cinema.os #capabilities .money-label{left:13%}
  .cinema.os #capabilities .reconcile-orbit{right:-15%;top:145px;width:150px;height:150px}.cinema.os #capabilities .reconcile-note{right:0;width:31%}.cinema.os #capabilities .contribution-core{left:39%}
  .cinema.os #capabilities .price-product{left:66%;transform:scale(.86)}.cinema.os #capabilities .price-context{gap:4px}.cinema.os #capabilities .price-context i{display:none}
  .cinema.os #capabilities .word-field{width:31%}.cinema.os #capabilities .word-field span{font-size:7px;padding:6px}.cinema.os #capabilities .truth-object{left:30%;transform:scale(.76)}.cinema.os #capabilities .copy-sheet{right:0;width:48%;min-height:282px;padding:19px 16px}.cinema.os #capabilities .copy-sheet h4{font-size:18px}.cinema.os #capabilities .copy-sheet div{left:16px;right:16px}
}

/* Inventory refinement: dimensional hub, destination beacons, and visible unit movement. */
.cinema.os #capabilities .stock-film:before{background:radial-gradient(circle at 50% 48%,rgba(231,180,148,.13),transparent 31%),radial-gradient(circle at 50% 49%,rgba(130,157,140,.14),transparent 58%)}
.cinema.os #capabilities .warehouse-object{left:50%;top:46%;width:200px;height:190px;transform:translate(-50%,-50%);filter:drop-shadow(0 28px 25px rgba(4,10,7,.34))}
.cinema.os #capabilities .warehouse-object>i{left:auto;transform:none;border:0}
.cinema.os #capabilities .warehouse-object>i:nth-child(1){left:20px;top:20px;width:126px;height:64px;background:linear-gradient(145deg,#b6c2b6,#6f8578);clip-path:polygon(50% 0,100% 39%,50% 78%,0 39%);box-shadow:none}
.cinema.os #capabilities .warehouse-object>i:nth-child(2){left:20px;top:70px;width:126px;height:87px;background:linear-gradient(115deg,#51685b,#30463b);clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}
.cinema.os #capabilities .warehouse-object>i:nth-child(3){left:146px;top:45px;width:52px;height:88px;background:linear-gradient(145deg,#71877a,#3b5145);clip-path:polygon(0 28%,100% 0,100% 72%,0 100%)}
.cinema.os #capabilities .warehouse-object:before{content:"";position:absolute;left:43px;top:88px;z-index:3;width:76px;height:44px;background:repeating-linear-gradient(90deg,rgba(228,234,220,.72) 0 11px,transparent 11px 17px),linear-gradient(#26352e,#26352e);border-bottom:5px solid #1d2c25;clip-path:polygon(0 0,100% 0,100% 76%,0 100%)}
.cinema.os #capabilities .warehouse-object:after{content:"";position:absolute;left:67px;top:31px;z-index:4;width:49px;height:23px;border:1px solid rgba(245,243,237,.55);clip-path:polygon(50% 0,100% 38%,50% 76%,0 38%)}
.cinema.os #capabilities .warehouse-object strong,.cinema.os #capabilities .warehouse-object span{left:53%;width:210px}
.cinema.os #capabilities .warehouse-object strong{top:163px;font:500 14px/1 SaddlDisplay,Arial,sans-serif}.cinema.os #capabilities .warehouse-object span{top:183px}
.cinema.os #capabilities .allocation-lines{inset:34px 0 34px;height:370px;filter:drop-shadow(0 0 5px rgba(163,184,168,.15))}
.cinema.os #capabilities .allocation-lines path{stroke:#8fa595;stroke-width:1.3;stroke-dasharray:4 8}
.cinema.os #capabilities .stock-node{width:170px;min-height:75px;padding:10px 0;border:0;background:transparent;backdrop-filter:none}
.cinema.os #capabilities .stock-node:before{content:"";position:absolute;top:2px;width:62px;height:62px;border:1px solid rgba(212,223,213,.42);border-radius:50%;background:radial-gradient(circle,rgba(231,180,148,.2) 0 8%,rgba(245,243,237,.06) 9% 38%,transparent 39%),conic-gradient(from 35deg,transparent 0 62%,rgba(163,184,168,.34) 63% 72%,transparent 73%);box-shadow:inset 0 0 24px rgba(212,223,213,.06),0 0 24px rgba(5,12,8,.25)}
.cinema.os #capabilities .stock-node:after{content:"";position:absolute;top:27px;width:12px;height:12px;border-radius:3px;background:#d4dfd5;box-shadow:0 0 14px rgba(212,223,213,.55);transform:rotate(45deg)}
.cinema.os #capabilities .node-amazon,.cinema.os #capabilities .node-quick{padding-right:76px;text-align:right}
.cinema.os #capabilities .node-noon,.cinema.os #capabilities .node-purchase{padding-left:76px;text-align:left}
.cinema.os #capabilities .node-amazon:before,.cinema.os #capabilities .node-quick:before{right:0}.cinema.os #capabilities .node-amazon:after,.cinema.os #capabilities .node-quick:after{right:25px}
.cinema.os #capabilities .node-noon:before,.cinema.os #capabilities .node-purchase:before{left:0}.cinema.os #capabilities .node-noon:after,.cinema.os #capabilities .node-purchase:after{left:25px}
.cinema.os #capabilities .stock-node b{padding-top:3px;color:#f5f3ed;font-size:11px}.cinema.os #capabilities .stock-node span{line-height:1.25}.cinema.os #capabilities .stock-node em{display:inline-block;margin-top:7px;padding:3px 6px;border:1px solid rgba(231,180,148,.5);border-radius:999px;color:#e7b494;font-size:7px}
.cinema.os #capabilities .node-amazon{left:0;top:62px}.cinema.os #capabilities .node-noon{right:0;top:62px}.cinema.os #capabilities .node-quick{left:0;bottom:61px}.cinema.os #capabilities .node-purchase{right:0;bottom:61px}
.cinema.os #capabilities .node-quick:before{border-color:rgba(231,180,148,.75);background:radial-gradient(circle,#e7b494 0 8%,rgba(231,180,148,.12) 9% 38%,transparent 39%),conic-gradient(from 35deg,transparent 0 38%,rgba(231,180,148,.75) 39% 79%,transparent 80%)}.cinema.os #capabilities .node-quick:after{background:#e7b494}
.cinema.os #capabilities .stock-pulse{width:12px;height:7px;border-radius:2px;background:#e4eadc;box-shadow:0 0 12px rgba(228,234,220,.65);transform:rotate(20deg)}
.cinema.os #capabilities .stock-pulse.p1{left:30%;top:31%}.cinema.os #capabilities .stock-pulse.p2{right:29%;top:64%}.cinema.os #capabilities .stock-pulse.p3{left:24%;bottom:27%}
@media(prefers-reduced-motion:no-preference){
  .cinema.os #capabilities .allocation-lines path{animation:route-flow 9s linear infinite}
  .cinema.os #capabilities .stock-node:before{animation:beacon-turn 14s linear infinite}
}
@keyframes route-flow{to{stroke-dashoffset:-96}}
@keyframes beacon-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .cinema.os #capabilities .warehouse-object{transform:translate(-50%,-47%) scale(.72)}
  .cinema.os #capabilities .stock-node{width:135px}
  .cinema.os #capabilities .node-amazon,.cinema.os #capabilities .node-quick{padding-right:57px}
  .cinema.os #capabilities .node-noon,.cinema.os #capabilities .node-purchase{padding-left:57px}
  .cinema.os #capabilities .stock-node:before{width:49px;height:49px}
  .cinema.os #capabilities .stock-node:after{top:22px}
  .cinema.os #capabilities .node-amazon:after,.cinema.os #capabilities .node-quick:after{right:19px}
  .cinema.os #capabilities .node-noon:after,.cinema.os #capabilities .node-purchase:after{left:19px}
}

/* Economics refinement: one readable story — revenue in, costs out, contribution remains. */
.cinema.os #capabilities .money-film:before{background:radial-gradient(circle at 74% 42%,rgba(231,180,148,.16),transparent 26%),radial-gradient(circle at 43% 43%,rgba(129,149,130,.1),transparent 52%)}
.cinema.os #capabilities .money-source{position:absolute;left:1%;top:148px;z-index:4;width:120px;text-align:left}
.cinema.os #capabilities .money-source small,.cinema.os #capabilities .money-source span{display:block;color:#a9baad;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.cinema.os #capabilities .money-source strong{display:block;margin:7px 0 5px;color:#f5f3ed;font:500 30px/1 SaddlDisplay,Arial,sans-serif}
.cinema.os #capabilities .money-flow{position:absolute;left:0;top:40px;z-index:2;width:100%;height:340px;overflow:visible}
.cinema.os #capabilities .money-flow path{fill:none;vector-effect:non-scaling-stroke}
.cinema.os #capabilities .money-flow .flow-main{stroke:#d4dfd5;stroke-width:7;opacity:.58}
.cinema.os #capabilities .money-flow .flow-out{stroke:#9f806c;stroke-width:3;stroke-dasharray:5 6;opacity:.75}
.cinema.os #capabilities .cost-exit{position:absolute;z-index:4;display:flex;align-items:baseline;gap:7px;padding:7px 9px;border-top:1px solid rgba(231,180,148,.52);color:#e7b494;background:rgba(34,49,42,.74);backdrop-filter:blur(5px)}
.cinema.os #capabilities .cost-exit b{font:500 17px/1 SaddlDisplay,Arial,sans-serif}.cinema.os #capabilities .cost-exit span{color:#bac7bc;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.cinema.os #capabilities .exit-cogs{left:30%;top:76px}.cinema.os #capabilities .exit-fees{left:54%;top:75px}.cinema.os #capabilities .exit-ads{left:39%;top:302px}.cinema.os #capabilities .exit-returns{left:62%;top:296px}
.cinema.os #capabilities .contribution-destination{position:absolute;right:1%;top:121px;z-index:5;width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(228,234,220,.45);border-radius:50%;background:radial-gradient(circle,rgba(103,139,116,.35),rgba(38,53,46,.72) 64%,transparent 65%);box-shadow:0 0 0 18px rgba(228,234,220,.03),0 22px 32px rgba(4,10,7,.28);text-align:center}
.cinema.os #capabilities .contribution-destination small{color:#a9baad;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.cinema.os #capabilities .contribution-destination strong{margin:6px 0 2px;color:#f5f3ed;font:500 30px/1 SaddlDisplay,Arial,sans-serif}.cinema.os #capabilities .contribution-destination span{color:#e7b494;font-size:12px}.cinema.os #capabilities .contribution-destination em{margin-top:7px;color:#9eb0a2;font-size:7px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}
.cinema.os #capabilities .reconciliation-loop{position:absolute;left:1%;right:1%;bottom:15px;z-index:6;display:grid;grid-template-columns:120px 1fr;align-items:center;padding-top:10px;border-top:1px solid #607368}.cinema.os #capabilities .reconciliation-loop>small{color:#e7b494;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.cinema.os #capabilities .reconciliation-loop div{display:flex;align-items:center;gap:8px;color:#9eb0a2;font-size:8px}.cinema.os #capabilities .reconciliation-loop i{height:1px;flex:1;background:#607368}.cinema.os #capabilities .reconciliation-loop b{padding:5px 8px;border:1px solid rgba(228,234,220,.4);border-radius:999px;color:#d4dfd5;font-size:8px;font-weight:500;white-space:nowrap}
@media(prefers-reduced-motion:no-preference){
  .cinema.os #capabilities .money-flow .flow-main{animation:money-current 3.6s ease-in-out infinite}
  .cinema.os #capabilities .money-flow .flow-out{animation:route-flow 8s linear infinite}
  .cinema.os #capabilities .contribution-destination{animation:contribution-glow 3.6s ease-in-out infinite}
}
@keyframes money-current{0%,100%{opacity:.42;stroke-width:6}50%{opacity:.8;stroke-width:8}}
@keyframes contribution-glow{0%,100%{box-shadow:0 0 0 18px rgba(228,234,220,.025),0 22px 32px rgba(4,10,7,.28)}50%{box-shadow:0 0 0 25px rgba(228,234,220,.055),0 22px 32px rgba(4,10,7,.28)}}
@media(max-width:760px){
  .cinema.os #capabilities .money-source{left:0;width:95px}.cinema.os #capabilities .money-source strong{font-size:24px}
  .cinema.os #capabilities .contribution-destination{right:-7px;width:126px;height:126px}.cinema.os #capabilities .contribution-destination strong{font-size:24px}
  .cinema.os #capabilities .exit-cogs{left:25%}.cinema.os #capabilities .exit-fees{left:49%}.cinema.os #capabilities .exit-ads{left:27%}.cinema.os #capabilities .exit-returns{left:55%}
  .cinema.os #capabilities .cost-exit span{display:none}.cinema.os #capabilities .reconciliation-loop{grid-template-columns:82px 1fr}.cinema.os #capabilities .reconciliation-loop i{display:none}
}

/* Final legibility pass for the cinematic scenes. */
.cinema.os #capabilities .money-flow .flow-main{stroke:#e4eadc;opacity:.82}
.cinema.os #capabilities .money-flow .flow-out{stroke:#e7b494;opacity:.88}
.cinema.os #capabilities .cost-exit{border-top-color:#e7b494;background:rgba(29,44,37,.94);box-shadow:0 10px 16px rgba(4,10,7,.16)}
.cinema.os #capabilities .cost-exit b{color:#f0bf9f}.cinema.os #capabilities .cost-exit span{color:#e4eadc}
.cinema.os #capabilities .reconciliation-loop div{color:#c4d0c7}.cinema.os #capabilities .reconciliation-loop i{background:#819582}
.cinema.os #capabilities .stock-node b{color:#fff}.cinema.os #capabilities .stock-node span{color:#d4dfd5}
.cinema.os #capabilities .allocation-lines path{stroke:#a3b8a8;opacity:.9}
.cinema.os #capabilities .listing-film .quality-rise{right:auto;width:38%}

/* Generated cinematic art for inventory and pricing. */
.cinema.os #capabilities .art-film:before{display:none}
.cinema.os #capabilities .scene-art{position:absolute;inset:38px 0 28px;width:100%;height:calc(100% - 66px);object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.04);transform:scale(1.015)}
.cinema.os #capabilities .art-wash{position:absolute;inset:34px -1px 23px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(38,53,46,.1),transparent 18%,transparent 73%,rgba(38,53,46,.76)),linear-gradient(90deg,rgba(38,53,46,.45),transparent 30%,transparent 72%,rgba(38,53,46,.25))}
.cinema.os #capabilities .art-label{position:absolute;z-index:5;max-width:126px;padding:7px 9px 7px 10px;border-left:1px solid #e7b494;background:rgba(28,43,36,.74);box-shadow:0 8px 18px rgba(4,10,7,.14);backdrop-filter:blur(7px)}
.cinema.os #capabilities .art-label small,.cinema.os #capabilities .art-label strong{display:block}.cinema.os #capabilities .art-label small{color:#d4dfd5;font-size:7px;letter-spacing:.09em;text-transform:uppercase}.cinema.os #capabilities .art-label strong{margin-top:3px;color:#f5f3ed;font-size:9px;font-weight:500;line-height:1.25}
.cinema.os #capabilities .cinematic-sequence{position:absolute;left:1%;right:1%;bottom:6px;z-index:7;display:flex;align-items:center;gap:7px;color:#b8c6bb;font-size:7px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.cinema.os #capabilities .cinematic-sequence i{height:1px;flex:1;background:#71877a}
.cinema.os #capabilities .stock-film .node-cover{left:1%;top:74px}.cinema.os #capabilities .stock-film .urgent-allocation{left:0;bottom:72px;border-color:#e7b494}.cinema.os #capabilities .stock-film .central-position{left:50%;top:215px;transform:translateX(-50%);text-align:center}.cinema.os #capabilities .stock-film .supplier-route{right:0;bottom:70px;text-align:right;border-left:0;border-right:1px solid #d4dfd5}
.cinema.os #capabilities .price-film .market-signal{left:0;top:183px}.cinema.os #capabilities .price-film .margin-boundary{left:0;bottom:92px;border-color:#e7b494}.cinema.os #capabilities .price-film .current-position{right:0;top:104px;text-align:right;border-left:0;border-right:1px solid #d4dfd5}.cinema.os #capabilities .price-film .reviewed-move{right:0;top:250px;text-align:right;border-left:0;border-right:1px solid #e7b494}
.cinema.os #capabilities .price-art{object-position:center 48%}
@media(prefers-reduced-motion:no-preference){
  .cinema.os #capabilities .scene-art{animation:scene-drift 12s ease-in-out infinite alternate}
  .cinema.os #capabilities .art-label{animation:label-breathe 5s ease-in-out infinite}
  .cinema.os #capabilities .art-label:nth-of-type(even){animation-delay:-2.5s}
}
@keyframes scene-drift{from{transform:scale(1.015) translateY(0)}to{transform:scale(1.045) translateY(-4px)}}
@keyframes label-breathe{0%,100%{border-color:rgba(231,180,148,.48)}50%{border-color:#e7b494}}

/* Listing intelligence: make Search Query Performance and the keyword decision visible. */
.cinema.os #capabilities .query-intelligence{position:absolute;left:0;top:59px;z-index:4;width:37%;padding-bottom:9px;border-bottom:1px solid #607368}.cinema.os #capabilities .query-intelligence small,.cinema.os #capabilities .query-intelligence strong{display:block}.cinema.os #capabilities .query-intelligence small{color:#e7b494;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.cinema.os #capabilities .query-intelligence strong{margin-top:5px;color:#f5f3ed;font-size:10px;font-weight:500;line-height:1.25}
.cinema.os #capabilities .listing-film .word-field{top:112px;height:256px;width:39%}
.cinema.os #capabilities .listing-film .word-field span{padding:6px 7px;border-radius:4px;background:rgba(27,42,35,.82);line-height:1.2}
.cinema.os #capabilities .listing-film .word-field span em{display:block;margin-top:3px;color:#9eb0a2;font-size:6px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.cinema.os #capabilities .listing-film .word-field span.converting{border-color:rgba(163,184,168,.6);color:#e4eadc}.cinema.os #capabilities .listing-film .word-field span.converting em{color:#a3b8a8}
.cinema.os #capabilities .listing-film .word-field span.missing{border-color:rgba(231,180,148,.65);color:#f0bf9f}.cinema.os #capabilities .listing-film .word-field span.missing em{color:#e7b494}
.cinema.os #capabilities .listing-film .truth-object{left:38%;top:92px;transform:scale(.82);transform-origin:top left}
.cinema.os #capabilities .listing-film .copy-sheet{top:72px;width:41%;min-height:306px;padding:21px 18px}
.cinema.os #capabilities .listing-film .copy-sheet h4{margin-top:22px;font-size:19px;line-height:1.03}.cinema.os #capabilities .listing-film .copy-sheet p{font-size:9px}.cinema.os #capabilities .listing-film .copy-sheet div{left:18px;right:18px}
.cinema.os #capabilities .listing-film .quality-rise{width:39%;bottom:9px}
@media(max-width:760px){
  .cinema.os #capabilities .scene-art{inset:36px 0 26px;height:calc(100% - 62px)}
  .cinema.os #capabilities .art-label{max-width:104px;padding:6px 7px}
  .cinema.os #capabilities .art-label strong{font-size:8px}
  .cinema.os #capabilities .cinematic-sequence{font-size:6px;gap:4px}
  .cinema.os #capabilities .listing-film .copy-sheet{width:45%}
  .cinema.os #capabilities .listing-film .truth-object{left:33%;transform:scale(.7)}
}

/* Inventory framing: preserve the complete cinematic network at every breakpoint. */
.cinema.os #capabilities .scene-picture{position:absolute;inset:38px 0 28px;display:block;overflow:hidden}
.cinema.os #capabilities .scene-picture .scene-art{position:static;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.cinema.os #capabilities .stock-film{background:radial-gradient(circle at 50% 48%,rgba(70,101,84,.36),transparent 62%)}
.cinema.os #capabilities .stock-film .art-wash{background:linear-gradient(180deg,rgba(38,53,46,.08),transparent 15%,transparent 82%,rgba(38,53,46,.66)),linear-gradient(90deg,rgba(38,53,46,.22),transparent 22%,transparent 78%,rgba(38,53,46,.18))}
@media(prefers-reduced-motion:no-preference){
  .cinema.os #capabilities .scene-picture .scene-art{animation:scene-breathe 12s ease-in-out infinite alternate}
}
@keyframes scene-breathe{from{transform:scale(.985)}to{transform:scale(1)}}

/* Pricing intelligence: a cinematic market lens, not a dashboard replica. */
.cinema.os #capabilities .price-lens-film{--lens-x:47%;--lens-y:49%;isolation:isolate;background:radial-gradient(circle at var(--lens-x) var(--lens-y),rgba(231,180,148,.12),transparent 21%),linear-gradient(145deg,#22312a,#2a3d33 58%,#1d2c25)}
.cinema.os #capabilities .price-lens-film:before{background:radial-gradient(circle at 50% 50%,rgba(164,188,171,.1),transparent 56%),linear-gradient(90deg,transparent 0 9%,rgba(212,223,213,.035) 9.2% 9.4%,transparent 9.6% 100%);background-size:auto,11.111% 100%}
.cinema.os #capabilities .market-readout{position:absolute;left:2%;top:62px;z-index:5;width:175px;padding:0 0 11px;border-bottom:1px solid rgba(212,223,213,.32)}
.cinema.os #capabilities .market-readout small,.cinema.os #capabilities .market-readout strong,.cinema.os #capabilities .market-readout span{display:block}.cinema.os #capabilities .market-readout small{color:#9eb0a2;font-size:7px;letter-spacing:.11em;text-transform:uppercase}.cinema.os #capabilities .market-readout strong{margin-top:6px;color:#f5f3ed;font:500 15px/1.1 SaddlDisplay,Arial,sans-serif}.cinema.os #capabilities .market-readout span{margin-top:5px;color:#9eb0a2;font-size:8px}
.cinema.os #capabilities .market-field{position:absolute;left:4%;right:4%;top:112px;height:218px;border-bottom:1px solid #71877a;background:linear-gradient(180deg,transparent,rgba(129,149,130,.07))}
.cinema.os #capabilities .market-field:before,.cinema.os #capabilities .market-field:after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(212,223,213,.08)}.cinema.os #capabilities .market-field:before{top:33%}.cinema.os #capabilities .market-field:after{top:66%}
.cinema.os #capabilities .market-field i{position:absolute;left:var(--x);top:var(--y);width:calc(8px * var(--s));height:calc(8px * var(--s));border:1px solid rgba(212,223,213,.72);border-radius:50%;background:rgba(212,223,213,.12);box-shadow:0 0 0 4px rgba(212,223,213,.025),0 0 16px rgba(212,223,213,.12);transform:translate(-50%,-50%)}
.cinema.os #capabilities .market-lens{position:absolute;left:calc(var(--lens-x) - 77px);top:calc(var(--lens-y) - 77px);z-index:3;width:154px;height:154px;border:1px solid rgba(231,180,148,.7);border-radius:50%;background:radial-gradient(circle,rgba(231,180,148,.1),rgba(245,243,237,.025) 48%,transparent 70%);box-shadow:inset 0 0 30px rgba(231,180,148,.08),0 0 45px rgba(5,12,8,.28);pointer-events:none;transition:left .35s cubic-bezier(.23,1,.32,1),top .35s cubic-bezier(.23,1,.32,1)}
.cinema.os #capabilities .market-lens:before,.cinema.os #capabilities .market-lens:after{content:"";position:absolute;background:rgba(231,180,148,.48)}.cinema.os #capabilities .market-lens:before{left:50%;top:-12px;bottom:-12px;width:1px}.cinema.os #capabilities .market-lens:after{top:50%;left:-12px;right:-12px;height:1px}.cinema.os #capabilities .market-lens span{position:absolute;left:50%;top:50%;padding:5px 8px;transform:translate(-50%,-50%);background:rgba(28,43,36,.76);color:#e7b494;font-size:7px;line-height:1.25;text-align:center;text-transform:uppercase;letter-spacing:.1em}
.cinema.os #capabilities .price-boundary{position:absolute;z-index:6;top:137px;padding-left:9px;border-left:2px solid}.cinema.os #capabilities .price-boundary small,.cinema.os #capabilities .price-boundary strong,.cinema.os #capabilities .price-boundary em{display:block}.cinema.os #capabilities .price-boundary small{font-size:7px;letter-spacing:.09em;text-transform:uppercase}.cinema.os #capabilities .price-boundary strong{margin-top:4px;color:#f5f3ed;font:500 15px/1 SaddlDisplay,Arial,sans-serif}.cinema.os #capabilities .price-boundary em{margin-top:4px;font-size:7px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}
.cinema.os #capabilities .market-median{left:39%;border-color:#a3b8a8;color:#a9baad}.cinema.os #capabilities .margin-floor{left:51%;top:190px;width:76px;border-color:#e7b494;color:#e7b494}.cinema.os #capabilities .margin-floor small{line-height:1.25}.cinema.os #capabilities .margin-floor:after{content:"";position:absolute;left:-2px;top:-78px;width:1px;height:205px;background:linear-gradient(transparent,#e7b494 15%,#e7b494 85%,transparent);opacity:.72}
.cinema.os #capabilities .product-position{position:absolute;left:61%;top:112px;z-index:7;width:92px;text-align:center}.cinema.os #capabilities .position-product{position:relative;width:42px;height:116px;margin:0 auto 8px;border-radius:12px 12px 18px 18px;background:linear-gradient(90deg,#78877a,#aeb8aa 48%,#66776b);box-shadow:0 22px 24px rgba(4,10,7,.35),0 0 0 7px rgba(228,234,220,.04)}.cinema.os #capabilities .position-product:before{content:"";position:absolute;left:8px;top:-16px;width:26px;height:20px;border-radius:7px 7px 3px 3px;background:#97a396}.cinema.os #capabilities .position-product i{position:absolute;left:9px;right:9px;bottom:14px;height:1px;background:rgba(245,243,237,.6)}.cinema.os #capabilities .product-position span{display:block;color:#a9baad;font-size:7px;letter-spacing:.09em;text-transform:uppercase}.cinema.os #capabilities .product-position strong{display:block;margin-top:3px;color:#f5f3ed;font:500 16px/1 SaddlDisplay,Arial,sans-serif}
.cinema.os #capabilities .reviewed-decision{position:absolute;right:2%;top:170px;z-index:7;width:174px;padding:13px 14px;border:1px solid rgba(231,180,148,.75);background:rgba(28,43,36,.84);box-shadow:0 16px 26px rgba(4,10,7,.2);backdrop-filter:blur(7px)}.cinema.os #capabilities .reviewed-decision:before{content:"";position:absolute;right:100%;top:50%;width:68px;height:1px;background:linear-gradient(90deg,transparent,#e7b494)}.cinema.os #capabilities .reviewed-decision small,.cinema.os #capabilities .reviewed-decision strong,.cinema.os #capabilities .reviewed-decision span{display:block}.cinema.os #capabilities .reviewed-decision small{color:#e7b494;font-size:7px;letter-spacing:.09em;text-transform:uppercase}.cinema.os #capabilities .reviewed-decision strong{margin-top:6px;color:#f5f3ed;font:500 16px/1.05 SaddlDisplay,Arial,sans-serif}.cinema.os #capabilities .reviewed-decision span{margin-top:7px;color:#b9c6bc;font-size:8px;line-height:1.3}
.cinema.os #capabilities .price-continuum{position:absolute;left:4%;right:4%;bottom:53px;display:grid;grid-template-columns:repeat(4,1fr);color:#8fa294;font-size:7px;letter-spacing:.08em;text-align:center;text-transform:uppercase}.cinema.os #capabilities .price-continuum span{padding-top:9px;border-top:1px solid #607368}.cinema.os #capabilities .price-continuum .active{border-color:#e7b494;color:#e7b494}
@media(prefers-reduced-motion:no-preference){
  .cinema.os #capabilities .market-field i{animation:market-pulse 4s ease-in-out infinite}.cinema.os #capabilities .market-field i:nth-child(3n){animation-delay:-1.35s}.cinema.os #capabilities .market-field i:nth-child(3n+1){animation-delay:-2.7s}
  .cinema.os #capabilities .product-position{animation:position-float 5s ease-in-out infinite}
}
@keyframes market-pulse{0%,100%{opacity:.45;box-shadow:0 0 0 4px rgba(212,223,213,.02)}50%{opacity:1;box-shadow:0 0 0 7px rgba(212,223,213,.04),0 0 18px rgba(212,223,213,.2)}}
@keyframes position-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(max-width:1250px) and (min-width:761px){
  .cinema.os #capabilities .market-readout{width:150px}
  .cinema.os #capabilities .market-median{left:31%}.cinema.os #capabilities .margin-floor{left:46%}.cinema.os #capabilities .product-position{left:61%}
  .cinema.os #capabilities .reviewed-decision{left:2%;right:2%;top:auto;bottom:79px;width:auto;display:grid;grid-template-columns:145px 1fr;align-items:center;column-gap:13px;padding:10px 12px}
  .cinema.os #capabilities .reviewed-decision:before{display:none}.cinema.os #capabilities .reviewed-decision small{grid-column:1}.cinema.os #capabilities .reviewed-decision strong{grid-column:1;margin-top:4px}.cinema.os #capabilities .reviewed-decision span{grid-column:2;grid-row:1 / span 2;margin:0;padding-left:13px;border-left:1px solid rgba(231,180,148,.38)}
}
@media(max-width:760px){
  .cinema.os #capabilities .scene-picture{inset:36px 0 26px}
  .cinema.os #capabilities .scene-picture .scene-art{object-fit:contain}
  .cinema.os #capabilities .stock-film .node-cover{top:61px}.cinema.os #capabilities .stock-film .central-position{top:194px}
  .cinema.os #capabilities .market-readout{top:55px;width:145px}.cinema.os #capabilities .market-field{top:102px;height:198px}.cinema.os #capabilities .market-lens{width:126px;height:126px;left:calc(var(--lens-x) - 63px);top:calc(var(--lens-y) - 63px)}
  .cinema.os #capabilities .market-median{left:29%;top:130px}.cinema.os #capabilities .margin-floor{left:45%;top:190px}.cinema.os #capabilities .product-position{left:58%;top:110px;transform:scale(.86)}
  .cinema.os #capabilities .reviewed-decision{left:0;right:0;top:auto;bottom:76px;width:auto;padding:9px 10px}.cinema.os #capabilities .reviewed-decision:before{display:none}.cinema.os #capabilities .price-continuum{bottom:47px}
}
@media(prefers-reduced-motion:reduce){
  .cinema.os #capabilities .market-lens{transition:none}
}