.ms-studio,.ms-deal{--navy: #232441;--navy-soft: #383B69;--lime: #DAFDC1;--lime-hover: #C5F5A1;--lime-dark: #B0ED81;--lav: #D0C5F4;--lav-l: #E7E4F9;--lav-100: #F3F1FC;--lav-50: #FAFAFF;--gray: #6B7280;--gray-l: #E5E7EB;--gray-light: #E5E7EB;--hair: #E9EAF0;--off: #F9FAFB;--heading: "Plus Jakarta Sans", system-ui, sans-serif;--body: "Open Sans", system-ui, sans-serif;color:var(--navy);font:16px/1.6 var(--body)}.ms-studio h2,.ms-studio h3,.ms-deal h2,.ms-deal h3{font-family:var(--heading);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;text-wrap:balance}.ms-studio h2,.ms-deal h2{font-size:clamp(1.75rem,3vw,2.5rem)}.ms-studio h3,.ms-deal h3{font-size:1.25rem;letter-spacing:-.01em}.ms-studio p,.ms-deal p{margin:0}.ms-studio ul,.ms-deal ul{margin:0;padding:0;list-style:none}.ms-studio .eyebrow,.ms-deal .eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gray)}.ms-studio .lead,.ms-deal .lead{font-size:1.1rem;color:var(--gray)}.ms-studio .stagewrap:after,.ms-deal .stagewrap:after{content:"Illustrative example · sample data";display:block;margin-top:12px;text-align:center;font-size:.8rem;color:var(--gray)}.ms-studio *{box-sizing:border-box}.ms-studio .stagewrap{margin:56px auto 0;max-width:980px;padding:0 24px}.ms-studio .card{background:var(--lav);border-radius:24px;padding:28px}.ms-studio .stage{text-align:left;background:#fff;border-radius:16px;border:1px solid rgba(35,36,65,.08);box-shadow:0 30px 70px -40px #23244173;overflow:hidden}.ms-studio .bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--gray-l);font-size:.8rem;color:var(--gray)}.ms-studio .bar i{width:9px;height:9px;border-radius:50%;background:var(--gray-l);display:inline-block}.ms-studio .bar b{color:var(--navy);font-weight:600}.ms-studio .bar span.view{transition:opacity .3s}.ms-studio .scenes{position:relative;height:380px}.ms-studio .scene{position:absolute;top:0;right:0;bottom:0;left:0;padding:28px 32px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;opacity:0;transition:opacity .25s;pointer-events:none}.ms-studio .scene.on{opacity:1;pointer-events:auto;transition:opacity .45s .3s}.ms-studio .panel{border:1px solid var(--gray-l);border-radius:14px;padding:16px 18px;background:#fff}.ms-studio .k{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}.ms-studio .tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;background:var(--lime);color:var(--navy)}.ms-studio .tag.lav{background:var(--lav-l)}.ms-studio .tag.ghost{background:#fff;border:1px solid var(--gray-l);font-weight:600;color:var(--gray)}.ms-studio .rail{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.ms-studio .rail button{font:600 .9rem var(--body);color:var(--navy);background:#ffffff8c;border:0;border-radius:999px;padding:9px 16px;cursor:pointer;position:relative;overflow:hidden;transition:background .2s}.ms-studio .rail button.on{background:#fff}.ms-studio .rail button.on:after{content:"";position:absolute;left:0;bottom:0;height:3px;background:var(--navy);width:0;animation:prog-ms-studio var(--dur) linear forwards}@keyframes prog-ms-studio{to{width:100%}}.ms-studio .caption{text-align:center;margin-top:16px;color:var(--navy);font-weight:600;min-height:1.6em}.ms-studio .card.lime{background:var(--lime)}.ms-studio .card.lime .rail button{background:#fff9}.ms-studio .q{font-weight:600;margin-bottom:12px}.ms-studio .slider{height:6px;border-radius:999px;background:var(--gray-l);position:relative;margin:18px 6px 30px}.ms-studio .slider i{position:absolute;top:-7px;width:20px;height:20px;border-radius:50%;background:var(--navy);left:0;transition:left 2.2s cubic-bezier(.3,.7,.3,1)}.ms-studio .on .slider i{left:68%}.ms-studio .slider b{position:absolute;top:14px;font-size:.72rem;color:var(--gray);font-weight:600}.ms-studio .slider b.r{right:0}.ms-studio .pers{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.ms-studio .curve{display:block;width:100%;height:auto}.ms-studio .curve path{stroke-dasharray:400;stroke-dashoffset:400}.ms-studio .on .curve path{animation:draw-ms-studio 1.8s .3s ease forwards}@keyframes draw-ms-studio{to{stroke-dashoffset:0}}.ms-studio .res{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.9rem}.ms-studio .pop{opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.ms-studio .on .pop{opacity:1;transform:none}.ms-studio .on .d1{transition-delay:.9s}.ms-studio .on .d2{transition-delay:1.5s}.ms-studio .on .d3{transition-delay:2.1s}.ms-studio .on .d4{transition-delay:2.6s}.ms-studio .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;grid-column:1/-1}.ms-studio .tier{border:1px solid var(--gray-l);border-radius:14px;padding:14px;position:relative;background:#fff}.ms-studio .tier.rec{border-color:var(--lime-dark);background:var(--lav-50)}.ms-studio .tier .rec-tag{position:absolute;top:-10px;left:14px}.ms-studio .tier .nm{font-weight:700}.ms-studio .tier .pr{font:700 1.5rem var(--heading);margin:4px 0 8px;letter-spacing:.04em}.ms-studio .tier .pr small{font:600 .75rem var(--body);color:var(--gray);letter-spacing:0;margin-left:4px}.ms-studio .tier ul{margin:0;padding:0;list-style:none;font-size:.82rem;color:var(--gray);display:grid;gap:4px}.ms-studio .tier ul li:before{content:"✓";color:var(--navy);font-weight:700;margin-right:6px}.ms-studio .addon{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed var(--lav);border-radius:14px;padding:12px 16px;background:var(--lav-100);font-size:.9rem}.ms-studio .scene.design{grid-template-columns:1fr;align-content:center;gap:14px}.ms-studio .bars{display:flex;align-items:flex-end;gap:22px;height:190px;padding:0 10px;border-bottom:1px solid var(--gray-l)}.ms-studio .barc{flex:1;display:grid;justify-items:center;gap:8px;align-self:end}.ms-studio .barc div{width:100%;max-width:52px;border-radius:8px 8px 0 0;height:0;transition:height 1.4s cubic-bezier(.3,.7,.3,1)}.ms-studio .barc small{font-size:.72rem;color:var(--gray);text-align:center}.ms-studio .on .barc:nth-child(1) div{height:120px;background:var(--navy)}.ms-studio .on .barc:nth-child(2) div{height:38px;background:var(--lime-dark);transition-delay:.4s}.ms-studio .on .barc:nth-child(3) div{height:18px;background:#ef8a8a;transition-delay:.8s}.ms-studio .on .barc:nth-child(4) div{height:140px;background:var(--navy);transition-delay:1.2s}.ms-studio .seg{display:grid;gap:10px}.ms-studio .seg .row{display:grid;gap:5px;font-size:.85rem}.ms-studio .seg .row span{display:flex;justify-content:space-between}.ms-studio .seg .row em{height:7px;border-radius:999px;background:var(--gray-l);display:block;overflow:hidden}.ms-studio .seg .row em i{display:block;height:100%;width:0;background:var(--navy);border-radius:999px;transition:width 1.4s ease}.ms-studio .on .seg .row:nth-child(2) em i{width:78%}.ms-studio .on .seg .row:nth-child(3) em i{width:14%;background:var(--lime-dark)}.ms-studio .on .seg .row:nth-child(4) em i{width:8%;background:#ef8a8a}.ms-studio .reco{grid-column:1/-1;max-width:640px;margin:0 auto;width:100%}.ms-studio .scene.decide{grid-template-columns:1fr}.ms-studio .reco .who{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ms-studio .av{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 .7rem var(--body)}.ms-studio .reco h3{margin-bottom:10px}.ms-studio .reco ul{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:6px;font-size:.92rem;color:var(--gray)}.ms-studio .reco ul li:before{content:"·";margin-right:8px;color:var(--navy);font-weight:700}.ms-studio .acts{display:flex;gap:8px;align-items:center}.ms-studio .acts .b{font:600 .88rem var(--body);padding:8px 14px;border-radius:9px;border:1px solid var(--gray-l);background:#fff;color:var(--navy);transition:all .3s}.ms-studio .acts .b.ok{background:var(--lime);border-color:var(--lime)}.ms-studio .on .acts .b.ok{transition-delay:2.3s;background:var(--navy);color:#fff;border-color:var(--navy)}.ms-studio .acts .b.ok:after{content:""}.ms-studio .on .acts .b.ok:after{content:"  ✓";transition-delay:2.3s}.ms-studio .phases{display:flex;align-items:center;gap:0;margin:14px 0 6px}.ms-studio .ph{display:grid;justify-items:center;gap:6px;font-size:.75rem;color:var(--gray);flex:1;text-align:center}.ms-studio .ph i{width:14px;height:14px;border-radius:50%;background:var(--gray-l);display:block;border:2px solid #fff;box-shadow:0 0 0 1px var(--gray-l)}.ms-studio .ph.done i{background:var(--navy);box-shadow:0 0 0 1px var(--navy)}.ms-studio .ph.now i{background:var(--lime-dark);box-shadow:0 0 0 1px var(--lime-dark)}.ms-studio .track{height:6px;border-radius:999px;background:var(--gray-l);overflow:hidden;margin:0 8px}.ms-studio .track i{display:block;height:100%;width:0;background:var(--navy);transition:width 2.4s ease .3s}.ms-studio .on .track i{width:52%}.ms-studio .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.ms-studio .kpi{border:1px solid var(--gray-l);border-radius:10px;padding:8px 10px;font-size:.75rem;color:var(--gray)}.ms-studio .kpi b{display:block;font:700 1.05rem var(--heading);color:var(--navy)}.ms-studio .guard{display:grid;gap:8px}.ms-studio .guard div{border:1px solid var(--gray-l);border-radius:10px;padding:10px 12px;font-size:.85rem;display:flex;gap:10px;align-items:center}.ms-studio .guard div:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime-dark);flex:none}.ms-studio .handoff{grid-column:1/-1;text-align:center;font-size:.9rem;color:var(--gray)}.ms-studio .handoff b{color:var(--navy)}.ms-studio .lavl{background:var(--lav-l)}.ms-studio .sec-head{display:grid;gap:12px;max-width:44rem;margin:0 auto 44px;text-align:center}.ms-studio .grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.ms-studio .grid .uc{flex:0 0 calc(25% - 12px)}.ms-studio .uc{background:#fff;border-radius:18px;padding:24px;display:grid;gap:10px;text-decoration:none;align-content:start;border:1px solid transparent;transition:border-color .15s,transform .15s}.ms-studio .uc:hover{border-color:var(--lav);transform:translateY(-2px)}.ms-studio .uc .k{color:var(--gray)}.ms-studio .uc h3{font-size:1.15rem}.ms-studio .uc p{color:var(--gray);font-size:.95rem}.ms-studio .uc .more{font-weight:600;font-size:.92rem;color:var(--navy);margin-top:4px}.ms-studio .uc .more:after{content:" →"}@media (max-width:900px){.ms-studio .grid .uc{flex-basis:100%}.ms-studio .scene{grid-template-columns:1fr;padding:20px}.ms-studio .scenes{height:520px}.ms-studio .tiers{grid-template-columns:1fr}}.ms-studio .stagewrap{zoom:.8}.ms-deal *{box-sizing:border-box}.ms-deal .stagewrap{margin:56px auto 0;max-width:980px;padding:0 24px}.ms-deal .card{background:var(--lav);border-radius:24px;padding:28px}.ms-deal .stage{text-align:left;background:#fff;border-radius:16px;border:1px solid rgba(35,36,65,.08);box-shadow:0 30px 70px -40px #23244173;overflow:hidden}.ms-deal .bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--gray-l);font-size:.8rem;color:var(--gray)}.ms-deal .bar i{width:9px;height:9px;border-radius:50%;background:var(--gray-l);display:inline-block}.ms-deal .bar b{color:var(--navy);font-weight:600}.ms-deal .bar span.view{transition:opacity .3s}.ms-deal .scenes{position:relative;height:380px}.ms-deal .scene{position:absolute;top:0;right:0;bottom:0;left:0;padding:28px 32px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;opacity:0;transition:opacity .25s;pointer-events:none}.ms-deal .scene.on{opacity:1;pointer-events:auto;transition:opacity .45s .3s}.ms-deal .panel{border:1px solid var(--gray-l);border-radius:14px;padding:16px 18px;background:#fff}.ms-deal .k{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}.ms-deal .tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;background:var(--lime);color:var(--navy)}.ms-deal .tag.lav{background:var(--lav-l)}.ms-deal .tag.ghost{background:#fff;border:1px solid var(--gray-l);font-weight:600;color:var(--gray)}.ms-deal .rail{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.ms-deal .rail button{font:600 .9rem var(--body);color:var(--navy);background:#ffffff8c;border:0;border-radius:999px;padding:9px 16px;cursor:pointer;position:relative;overflow:hidden;transition:background .2s}.ms-deal .rail button.on{background:#fff}.ms-deal .rail button.on:after{content:"";position:absolute;left:0;bottom:0;height:3px;background:var(--navy);width:0;animation:prog-ms-deal var(--dur) linear forwards}@keyframes prog-ms-deal{to{width:100%}}.ms-deal .caption{text-align:center;margin-top:16px;color:var(--navy);font-weight:600;min-height:1.6em}.ms-deal .scene.decide{grid-template-columns:1fr}.ms-deal .reco{grid-column:1/-1;max-width:640px;margin:0 auto;width:100%}.ms-deal .who{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ms-deal .av{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 .7rem var(--body)}.ms-deal .card.lime{background:var(--lime)}.ms-deal .pop{opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.ms-deal .on .pop{opacity:1;transform:none}.ms-deal .on .d1{transition-delay:.7s}.ms-deal .on .d2{transition-delay:1.3s}.ms-deal .on .d3{transition-delay:1.9s}.ms-deal .on .d4{transition-delay:2.5s}.ms-deal .on .d5{transition-delay:3.1s}.ms-deal .chat{display:grid;gap:10px}.ms-deal .msg{border-radius:14px;padding:10px 14px;font-size:.9rem;max-width:92%}.ms-deal .msg.me{background:var(--lav-l);justify-self:end;border-bottom-right-radius:4px}.ms-deal .msg.ag{background:var(--off);border:1px solid var(--gray-l);border-bottom-left-radius:4px}.ms-deal .msg .k{display:block;margin-bottom:4px}.ms-deal .lines{display:grid;gap:6px;font-size:.85rem}.ms-deal .lines div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 10px;border:1px solid var(--gray-l);border-radius:10px;background:#fff}.ms-deal .lines div span:last-child{font-weight:700;letter-spacing:.06em}.ms-deal .lines .tot{background:var(--lav-50);border-color:var(--lav)}.ms-deal .blocks{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.ms-deal .dial{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,#EF8A8A 0 30%,var(--lime-dark) 30% 70%,var(--lav) 70%);margin:36px 8px 30px}.ms-deal .dial b{position:absolute;top:16px;font-size:.72rem;color:var(--gray);font-weight:600;transform:translate(-50%)}.ms-deal .dial .pin{position:absolute;top:-28px;transform:translate(-50%);left:30%;transition:left 2.2s cubic-bezier(.3,.7,.3,1);display:grid;justify-items:center;gap:2px}.ms-deal .on .dial .pin{left:58%}.ms-deal .dial .pin span{font-size:.7rem;font-weight:700;background:var(--navy);color:#fff;border-radius:6px;padding:2px 7px;white-space:nowrap}.ms-deal .dial .pin i{width:3px;height:22px;background:var(--navy);display:block;border-radius:2px}.ms-deal .win{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:.9rem;margin-top:8px}.ms-deal .big{font:700 1.6rem var(--heading);color:var(--navy)}.ms-deal .sim{display:grid;gap:8px;font-size:.85rem}.ms-deal .sim div{display:flex;justify-content:space-between;border-bottom:1px solid var(--gray-l);padding:6px 0;color:var(--gray)}.ms-deal .sim div b{color:var(--navy)}.ms-deal .queue{display:grid;gap:8px}.ms-deal .qrow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--gray-l);border-radius:12px;padding:10px 14px;font-size:.88rem;background:#fff}.ms-deal .qrow small{display:block;color:var(--gray);font-size:.78rem}.ms-deal .st{font-size:.74rem;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--off);border:1px solid var(--gray-l);color:var(--gray);transition:all .4s}.ms-deal .st.ok{background:var(--lime);border-color:var(--lime);color:var(--navy)}.ms-deal .st.route{background:var(--lav-l);border-color:var(--lav-l);color:var(--navy)}.ms-deal .on .st.flip{transition-delay:2.4s;background:var(--lime);border-color:var(--lime);color:var(--navy)}.ms-deal .st.flip:before{content:"Waiting for finance"}.ms-deal .on .st.flip:before{content:"Approved by finance";transition-delay:2.4s}.ms-deal .portal{border:1px solid var(--gray-l);border-radius:14px;overflow:hidden}.ms-deal .portal .ph{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--off);border-bottom:1px solid var(--gray-l);font-size:.8rem;color:var(--gray)}.ms-deal .portal .pb{padding:14px;display:grid;gap:10px;font-size:.88rem}.ms-deal .accept{display:inline-flex;justify-content:center;font-weight:600;font-size:.88rem;border-radius:9px;padding:9px 14px;background:var(--navy);color:#fff;transition:all .4s}.ms-deal .on .accept{transition-delay:2.2s;background:var(--lime);color:var(--navy)}.ms-deal .accept:before{content:"Accept & sign"}.ms-deal .on .accept:before{content:"Signed ✓";transition-delay:2.2s}.ms-deal .act{display:grid;gap:6px;font-size:.85rem;color:var(--gray)}.ms-deal .act div:before{content:"✓ ";color:var(--navy);font-weight:700}.ms-deal .bands{display:grid;gap:8px;font-size:.85rem}.ms-deal .bands div{display:grid;grid-template-columns:64px 1fr 40px;gap:10px;align-items:center;color:var(--gray)}.ms-deal .bands em{display:block;height:9px;border-radius:999px;background:var(--gray-l);overflow:hidden}.ms-deal .bands em i{display:block;height:100%;width:0;background:var(--navy);border-radius:999px;transition:width 1.3s ease}.ms-deal .bands b{text-align:right;color:var(--navy)}.ms-deal .on .bands div:nth-child(2) em i{width:58%}.ms-deal .on .bands div:nth-child(3) em i{width:61%;transition-delay:.2s}.ms-deal .on .bands div:nth-child(4) em i{width:60%;background:#f3c77a;transition-delay:.4s}.ms-deal .on .bands div:nth-child(5) em i{width:57%;background:#ef8a8a;transition-delay:.6s}.ms-deal .insight{border-radius:12px;background:var(--lav-100);padding:12px 14px;font-size:.9rem;display:grid;gap:8px}.ms-deal .insight .k{color:var(--gray)}.ms-deal .insight .send{display:inline-flex;align-self:start;font-weight:600;font-size:.85rem;border-radius:9px;padding:7px 12px;background:var(--navy);color:#fff}.ms-deal .lavl{background:var(--lav-l)}.ms-deal .sec-head{display:grid;gap:12px;max-width:44rem;margin:0 auto 44px;text-align:center}.ms-deal .grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.ms-deal .grid .uc{flex:0 0 calc(25% - 12px)}.ms-deal .uc{background:#fff;border-radius:18px;padding:24px;display:grid;gap:10px;text-decoration:none;align-content:start;border:1px solid transparent;transition:border-color .15s,transform .15s}.ms-deal .uc:hover{border-color:var(--lav);transform:translateY(-2px)}.ms-deal .uc .k{color:var(--gray)}.ms-deal .uc h3{font-size:1.15rem}.ms-deal .uc p{color:var(--gray);font-size:.95rem}.ms-deal .uc .more{font-weight:600;font-size:.92rem;color:var(--navy);margin-top:4px}.ms-deal .uc .more:after{content:" →"}@media (max-width:900px){.ms-deal .grid .uc{flex-basis:100%}.ms-deal .scene{grid-template-columns:1fr;padding:20px}.ms-deal .scenes{height:520px}.ms-deal .tiers{grid-template-columns:1fr}}.ms-deal .stagewrap{zoom:.8}.ms-studio .stagewrap,.ms-deal .stagewrap{margin-top:0}.ms-studio .grid .uc .more,.ms-deal .grid .uc .more{display:inline-block}