.odoo-story{padding-block:var(--section) calc(var(--section) * .7);overflow:hidden}.flow{position:relative}.flow__head{gap:var(--s-4);margin-bottom:var(--s-7);display:grid}@media (min-width:1000px){.flow__head{align-items:end;column-gap:var(--s-9);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.flow__progress{background:var(--line-2);height:1px;margin-top:var(--s-4);grid-column:1/-1}.flow__progress span{background:var(--ocean);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}.flow__track{gap:var(--s-5);scroll-snap-type:x mandatory;padding-inline:max(var(--gutter), calc((100vw - var(--max)) / 2));padding-bottom:var(--s-4);scrollbar-width:thin;-webkit-overflow-scrolling:touch;list-style:none;display:flex;overflow-x:auto}.flow.is-pinned{flex-direction:column;justify-content:center;height:100vh;display:flex}.flow.is-pinned .flow__track{scroll-snap-type:none;overflow:visible}.flow__step{scroll-snap-align:center;align-content:start;gap:var(--s-3);width:min(84vw,400px);padding:var(--s-5);border:1px solid var(--line-2);will-change:transform;background:#fff9;flex:none;display:grid}.flow__meta{color:var(--text-3);justify-content:space-between;align-items:center;display:flex}.flow__app{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ocean-on-paper)}.flow__step p{color:var(--text-2);font-size:var(--fs-sm)}.flow__mock{margin:var(--s-3) 0 0}.flow__note{margin-top:var(--s-4);color:var(--text-3);font-size:var(--fs-xs)}.odoo-story__cta{gap:var(--s-5);margin-top:var(--s-7);flex-wrap:wrap;align-items:center;display:flex}.mk{background:var(--ink-1);color:#dfe9e8;border-radius:var(--r-2);padding:var(--s-4);gap:6px;font-size:.8rem;display:grid;box-shadow:0 20px 40px -24px #0a1e2899}.mk-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#7a8d90;border-bottom:1px solid #a8e1e41a;margin-bottom:2px;padding-bottom:6px;font-size:.68rem}.mk-row{justify-content:space-between;gap:var(--s-3);padding:4px 0;display:flex}.mk-row span:last-child{color:#a9bbbc}.mk-row--hl span:last-child{color:var(--aqua)}.mk-stages{gap:4px;margin-bottom:4px;display:flex}.mk-stages span{text-align:center;color:#7a8d90;border:1px solid #a8e1e424;flex:1;padding:4px 0;font-size:.66rem}.mk-stages span[data-on]{background:var(--aqua);color:#03201f;border-color:var(--aqua);font-weight:600}.mk-btn{border-radius:var(--r-pill);color:var(--aqua);background:#4ff5e224;justify-self:start;margin-top:4px;padding:4px 10px;font-size:.7rem}.mk-bar{grid-template-columns:1fr 90px;align-items:center;gap:8px;display:grid}.mk-bar i{background:#a8e1e41f;height:6px;position:relative}.mk-bar i:after{content:"";width:var(--w);background:linear-gradient(90deg, var(--ocean-2), var(--aqua));position:absolute;inset:0 auto 0 0}.mk-progress{background:#a8e1e41f;height:4px;margin-top:4px}.mk-progress i{background:linear-gradient(90deg, var(--ocean-2), var(--aqua));width:66%;height:100%;display:block}