.nb-mail{display:grid;gap:10px;padding:16px 18px 18px;border-radius:14px;background:#fff;box-shadow:0 0 0 .5px #0d1b2e1a,0 24px 48px -26px #0d1b2e73;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;color:#202124;text-align:left}.nb-mail__head{display:flex;align-items:center;gap:9px}.nb-mail__av{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0d1b2e;color:#fff}.nb-mail__from{display:grid;gap:1px}.nb-mail__from b{font-size:12.5px;font-weight:700}.nb-mail__from small,.nb-mail__head time{font-size:11px;color:#5f6368}.nb-mail__head time{margin-left:auto}.nb-mail__subj{margin:2px 0 0;font-size:15px;font-weight:400;line-height:1.35;color:#1f1f1f}.nb-mail__body{display:grid;gap:7px;font-size:11.5px;line-height:1.5}.nb-mail__body p{margin:0}.nb-mail__body .nb-u b{text-decoration:underline;text-underline-offset:2px}.nb-mail__body a{color:#1a5fd0;text-decoration:underline}.nb-mail__body ul{display:grid;gap:3px;margin:0;padding-left:18px}.nb-mail__body .nb-mail__cta{justify-self:start;margin-top:4px;padding:7px 12px;border-radius:8px;background:#0d1b2e;font:600 11.5px/1 var(--inter, Arial, sans-serif);color:#fff;text-decoration:none}.nb-page{--nb-ink: #1c2330;--nb-soft: #6e7685;--nb-faint: #a3a9b4;--nb-line: #ecedf0;--nb-accent: #2f6fe4;display:grid;align-content:start;min-height:100%;padding:0 18px 22px;background:#fbfbfa;font-family:var(--inter, Arial, sans-serif);color:var(--nb-ink);text-align:left}.nb-page__bar{display:flex;justify-content:space-between;align-items:center;padding:12px 0 6px}.nb-page__logo{display:flex;align-items:center;gap:6px;font:700 12px/1 "Manrope",var(--inter, Arial, sans-serif);letter-spacing:-.2px}.nb-page__when{font:500 10.5px/1 var(--inter, Arial, sans-serif);color:var(--nb-soft)}.nb-page__hero{display:grid;gap:6px;padding:14px 0 18px}.nb-page__kicker,.nb-page__label{display:inline-flex;align-items:center;gap:5px;font:600 10px/1 var(--inter, Arial, sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--nb-faint)}.nb-page__kicker{color:var(--nb-accent)}.nb-page__hero h4{margin:2px 0 0;font:700 22px/1.12 "Manrope",var(--inter, Arial, sans-serif);letter-spacing:-.6px}.nb-page__time{margin:0;font-size:12px;color:var(--nb-soft)}.nb-page__people{display:flex;align-items:center;margin-top:6px}.nb-page__people i{display:grid;place-items:center;width:22px;height:22px;margin-right:-5px;border-radius:50%;box-shadow:0 0 0 2px #fbfbfa;font:normal 600 8px/1 var(--inter, Arial, sans-serif)}.nb-page__people span{margin-left:12px;font-size:11px;color:var(--nb-soft)}.nb-page__join{justify-self:start;display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;border-radius:99px;background:var(--nb-ink);font:600 11.5px/1 var(--inter, Arial, sans-serif);color:#fff}.nb-page__take{display:grid;gap:7px;margin-bottom:6px;padding:13px 14px;border-radius:14px;background:linear-gradient(160deg,#eef4fd,#f3f0fc)}.nb-page__take .nb-page__label{color:var(--nb-accent)}.nb-page__take p{margin:0;font-size:12.5px;line-height:1.55;color:#26324a}.nb-page__sec{display:grid;gap:9px;padding:16px 0;border-top:1px solid var(--nb-line)}.nb-page__take+.nb-page__sec{border-top:0}.nb-page__sec p{margin:0;font-size:12px;line-height:1.6;color:#3a4352}.nb-page__person{display:flex;align-items:center;gap:10px}.nb-page__person i{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;font:normal 600 10.5px/1 var(--inter, Arial, sans-serif)}.nb-page__person b{display:block;font:600 13px/1.25 var(--inter, Arial, sans-serif)}.nb-page__person em{font:normal 400 11px/1.3 var(--inter, Arial, sans-serif);color:var(--nb-soft)}.nb-page__steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.nb-page__steps li{position:relative;display:grid;gap:4px;padding-left:16px;font-size:12px;line-height:1.55;color:#3a4352}.nb-page__steps li:before{content:"";position:absolute;left:2px;top:7px;width:6px;height:6px;border-radius:50%;background:#c9d6ea}.nb-page__steps em{display:inline-flex;align-items:center;gap:4px;font:normal 500 10px/1 var(--inter, Arial, sans-serif);color:var(--nb-faint)}.nb-page__ready{display:grid;gap:9px;margin:0;padding:0;list-style:none}.nb-page__ready li{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--nb-ink)}.nb-page__ready i{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #cfd6e2}.nb-page__team{display:grid;gap:1px}.nb-page__team b{font-weight:600;color:var(--nb-ink)}.nb-page__team span{font-size:11px;color:var(--nb-soft)}.nb-page__foot{margin:8px 0 0;font-size:10.5px;color:var(--nb-faint);text-align:center}.nt-web .nb-page :is(p,h4,ul,ol,li),.nsx-mailwin .nb-mail :is(p,h4,ul,li){margin-block:0}.nt-web .nb-page .nb-page__hero h4{margin-top:2px}.ops-guide__fit{display:block;width:100%;margin:0;padding:0;border:0;background:#1f1f1d;font:inherit;color:inherit;text-align:inherit}.ops-guide__poster{display:block;width:100%;height:100%;object-fit:cover}.ops-guide__fit:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.kp-stage.ops-stage[hidden]{display:none}.ops-stage .kp-stage__col{box-sizing:border-box;width:calc(100cqw - 144px);height:calc(100cqh - 48px)}.ops-guide__frame{display:block;width:100%;height:100%;border:0;border-radius:12px;background:#1f1f1d;box-shadow:0 0 0 1px #0d0d0d0f,0 12px 40px #0d0d0d1f}.ops-stage .kp-stage__frame{transition:opacity .22s ease}@media(hover:none)and (pointer:coarse){.ops-stage .kp-stage__frame>.kp-newtab{display:none}}@media(hover:none)and (pointer:coarse)and (orientation:landscape)and (max-height:500px){.ops-stage .kp-stage__col{width:100cqw;height:100cqh;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}.ops-guide__frame{border-radius:0;box-shadow:none}}@media(hover:none)and (pointer:coarse)and (orientation:portrait)and (max-width:699px){.ops-stage .kp-stage__frame{top:0;right:0;bottom:0;left:0;place-items:stretch;border-radius:0}.ops-stage .kp-stage__col{width:100cqw;height:100cqh;margin:0}.ops-guide__frame{border-radius:0;box-shadow:none}.ops-stage .kp-stage__frame>.case__close{top:max(10px,env(safe-area-inset-top));right:10px;width:40px;height:40px}}.card__panel--ops{container-type:inline-size;background:radial-gradient(110% 80% at 100% 0%,#fff,#fff0 55%),linear-gradient(160deg,#f7f2ee,#efe8e2);box-shadow:none}.card:has(.card__panel--ops){background:#f3eee9}.opc{position:absolute;margin:0;transition:transform .6s cubic-bezier(.2,0,0,1),opacity .4s ease}.opc img{display:block;width:100%}.opc--back{top:9cqw;left:6cqw;width:52cqw;padding:.8cqw;border-radius:1.8cqw;background:#fff;box-shadow:0 0 0 1px #0a0a0a0f;transform:rotate(-4deg);opacity:.75}.opc--back img{border-radius:1.1cqw}.opc--front{right:5cqw;bottom:6.5cqw;width:62cqw}.opc--front img{border-radius:1.4cqw;box-shadow:0 0 0 1px #0d0d0d1f,0 30px 56px -22px #28180c73}.opc span{position:absolute;bottom:calc(100% + 1.4cqw);left:.3cqw;z-index:1;display:inline-flex;align-items:center;gap:1cqw;padding:.7cqw 1.7cqw;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #0a0a0a0f,0 6px 14px -6px #0a0a0a2e;font-size:clamp(9px,1.8cqw,11px);font-weight:500;line-height:1.3;letter-spacing:.01em;white-space:nowrap;color:#0a0a0a}.opc--back span{color:#77706a}.opc--front span:before{content:"";width:1cqw;min-width:6px;aspect-ratio:1;border-radius:50%;background:#ff5c35}.opc__chip{padding-left:1cqw;border-left:1px solid rgb(10 10 10 / .12);font-style:normal;font-weight:400;color:#6b645e}.opc__chip:empty{display:none}@media(hover:hover){a.card:hover .opc--back{transform:rotate(-6deg) translate(-1cqw,-.6cqw)}a.card:hover .opc--front{transform:translateY(-1cqw)}}@media(prefers-reduced-motion:reduce){.opc{transition:none}}@container (max-width: 560px){.opc--front span{right:.3cqw;left:auto}}@container (max-width: 440px){.opc__chip{display:none}}@media(max-width:699px){.card:has(.card__panel--ops) .card__media{height:auto;aspect-ratio:621 / 388}.opc--back{top:12cqw}.opc span{bottom:calc(100% + 1.2cqw)}}[data-case=hubspot-ops] .journey__pin,[data-case=hubspot-ops] .journey:not(.is-staged) .journey__layer.is-card{background:radial-gradient(110% 80% at 100% 0%,#fff,#fff0 55%),linear-gradient(160deg,#f7f2ee,#efe8e2)}[data-case=hubspot-ops] .journey__pin:has(.ops-scene--try){overflow:visible}.ops-scene{display:grid;align-content:center;justify-items:center;gap:14px;box-sizing:border-box;width:100%;height:100%;padding:36px;color:#0d0d0d;font-family:Inter,system-ui,sans-serif}.ops-scene p{margin:0}.ops-scene__note{font-size:13px;line-height:18px;color:#8a827b}.ops-post,.ops-calls li,.ops-flow__card,.ops-doc{margin:0;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #0d0d0d12,0 18px 36px -22px #28180c66}.ops-post{width:100%;max-width:400px;overflow:hidden}.ops-post__channel{padding:12px 18px;border-bottom:1px solid #f0ebe6;font-size:13px;font-weight:600;line-height:18px}.ops-post__channel b{margin-right:2px;font-weight:500;color:#8a827b}.ops-post__msg{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 18px 18px}.ops-post__avatar{width:40px;height:40px;border-radius:9px;object-fit:cover}.ops-post__name{font-size:14px;line-height:18px}.ops-post__text{margin-top:4px!important;font-size:15px;line-height:22px;color:#2b2b2b}.ops-post__reacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px!important}.ops-post__reacts span{display:grid;place-items:center;width:34px;height:26px;border-radius:999px;background:#f6f2ee;box-shadow:inset 0 0 0 1px #ece5de;font-size:14px;line-height:1}.ops-post__foot{display:grid;margin-top:10px!important}.ops-post__foot>span{grid-area:1 / 1;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:18px}.ops-post__thread{color:#c43a10;opacity:calc(1 - var(--p, 0) * 2)}.ops-post__ok{color:#1f7a4d;opacity:calc(var(--p, 0) * 2 - 1)}@property --p{syntax: "<number>"; inherits: true; initial-value: 0;}.ops-postwrap{display:grid;gap:14px;width:100%;max-width:400px;transform:translateY(calc((1 - var(--p, 0)) * 52px - var(--p, 0) * 40px))}.ops-program-space{position:relative;height:84px}.ops-program{position:absolute;top:-4px;right:0;left:0;display:grid;justify-items:center;opacity:calc(var(--p, 0) * 2 - .7);transform:translateY(calc((1 - var(--p, 0)) * 14px))}.ops-program__link{width:1px;height:12px;background:#d5ccc3}.ops-seats{display:grid;gap:8px;box-sizing:border-box;width:100%;padding:10px 14px 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #0d0d0d12}.ops-seats>small,.ops-crowd small{font-size:12px;line-height:16px;color:#8a827b}.ops-seats ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.ops-seats li{display:grid;justify-items:center;gap:1px;text-align:center}.ops-seat__pic{display:grid;place-items:center;width:30px;height:30px;margin-bottom:4px;overflow:hidden;border-radius:50%;background:#f4efea;color:#8a827b}.ops-seat__pic img{width:100%;height:100%;object-fit:cover}.ops-seats b{font-size:13px;font-weight:500;line-height:17px;white-space:nowrap}.ops-seats li small{font-size:12px;line-height:16px;white-space:nowrap;color:#8a827b}.ops-seats .is-me .ops-seat__pic{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #ff5c35}.ops-seats .is-me small{font-weight:500;color:#c43a10}.ops-crowd{display:grid;justify-items:center;gap:6px;margin-top:12px}.ops-crowd__dots{position:relative;width:360px;max-width:100%;height:30px;background:radial-gradient(circle at 3px 3px,#dcd3ca 1.5px,transparent 2px) 0 0 / 6px 6px}.ops-crowd__dots:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 3px 3px,#f0a089 1.5px,transparent 2px) 0 0 / 6px 6px;clip-path:circle(max(0%,(var(--p, 0) - .55) * 240%) at 50% 0)}.ops-scene--post .ops-scene__note{opacity:calc(1 - var(--p, 0) * 2)}.ops-scene--calls{--ease: cubic-bezier(.2, 0, 0, 1);padding:28px}.ops-calls{display:grid;gap:10px;width:100%;max-width:360px;margin:0;padding:0;list-style:none}.ops-calls li{display:grid;gap:2px;padding:12px 14px 14px}.ops-calls small{font-size:12px;line-height:16px;color:#8a827b}.ops-calls b{font-size:15px;font-weight:500;line-height:20px}.ops-pic{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 20px;box-sizing:border-box;min-height:46px;margin-top:8px;padding:10px 16px;border-radius:9px;background:#faf7f4;box-shadow:inset 0 0 0 1px #f0eae4;font-size:12px;line-height:16px;white-space:nowrap;color:#3b3b3b}.ops-pic code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:#0d0d0d}.ops-pic svg{flex:none;color:#b8afa7}.ops-pair{display:inline-flex;align-items:center;gap:6px}.ops-pair code{padding:1px 6px;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px #e8e1d9}.ops-comp{position:relative;display:grid;padding:4px;border:1px dashed #9a6bff;border-radius:6px}.ops-comp>svg{position:absolute;top:-6px;left:-6px;padding:1px;border-radius:3px;background:#faf7f4;color:#9a6bff}.ops-comp .ops-btn{height:22px;padding:0 10px;border-radius:6px;font-size:11px}.ops-pic__line{width:56px;height:1.5px;border-radius:1px;background:#9a6bff;transform-origin:left}.ops-pic--link code{padding:4px 8px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #e8e1d9}.ops-tool{position:relative;display:inline-grid;place-items:center;height:26px;padding:0 10px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #e8e1d9;font-size:12px;font-weight:500;color:#0d0d0d}.ops-tool i{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#8a827b;font-size:10px;font-style:normal;font-weight:600;line-height:1;color:#fff;opacity:0}@media(prefers-reduced-motion:no-preference){.ops-scene--calls:not(.is-play) .ops-calls li{opacity:0}.ops-scene--calls.is-play .ops-calls li{animation:ops-in .5s var(--ease) calc(var(--i) * .7s + .1s) both}.ops-scene--calls.is-play .ops-pair>span{animation:ops-out .4s var(--ease) .6s both reverse}.ops-scene--calls.is-play .ops-pic__line{animation:ops-draw-x .6s var(--ease) 1.3s both}.ops-scene--calls.is-play .ops-pic--link code{animation:ops-out .4s var(--ease) 1.7s both reverse}.ops-scene--calls.is-play .ops-tool.is-figma{animation:ops-doubt .6s var(--ease) 2.5s both}.ops-scene--calls.is-play .ops-tool.is-figma i{animation:ops-ask 1.1s var(--ease) 1.7s both}}@keyframes ops-draw-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes ops-doubt{0%{opacity:.4;box-shadow:inset 0 0 0 1px transparent}to{opacity:1}}@keyframes ops-ask{0%{opacity:0}25%,70%{opacity:1}to{opacity:0}}.ops-scene--flow{--ease: cubic-bezier(.2, 0, 0, 1);padding:24px}.ops-flow{display:grid;justify-items:stretch;width:100%;max-width:360px}.ops-flow__card{display:grid;gap:8px;box-sizing:border-box;width:100%;padding:12px 14px}.ops-flow__card>small{font-size:12px;line-height:16px;color:#8a827b}.ops-flow__arrow{display:grid;place-items:center;height:18px;color:#c2b9b0}.ops-btn{display:inline-grid;place-items:center;box-sizing:border-box;height:28px;padding:0 12px;border-radius:7px;background:#ff5c35;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;color:#fff}.ops-btn.is-ghost{background:#fff;box-shadow:inset 0 0 0 1px #ddd5cd;color:#2b2b2b}.ops-shelf{gap:8px}.ops-shelf p{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 8px;font-size:12px;line-height:16px;white-space:nowrap}.ops-shelf p b{font-weight:500}.ops-shelf p small{font-size:12px;color:#8a827b}.ops-shelf ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.ops-shelf li{display:grid;justify-items:center;gap:4px;padding:7px 4px 5px;border-radius:8px;background:#faf7f4;box-shadow:inset 0 0 0 1px #f0eae4}.ops-shelf li>span{display:grid;place-items:center;width:100%;height:24px}.ops-shelf code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;line-height:14px;color:#8a827b}.ops-c{display:block;box-sizing:border-box;font-style:normal}.ops-c--input{width:100%;max-width:62px;height:18px;border-radius:5px;background:#fff linear-gradient(#c9c0b7,#c9c0b7) 7px 50% / 1px 9px no-repeat;box-shadow:inset 0 0 0 1px #d8d0c8}.ops-c--toggle{position:relative;width:28px;height:16px;border-radius:999px;background:#ff5c35}.ops-c--toggle:after{content:"";position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#fff}.ops-c--tag{padding:2px 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d8d0c8;font-size:10.5px;font-weight:500;line-height:14px;color:#3b3b3b}i.ops-btn{height:24px;padding:0 12px;font-style:normal}.ops-app{overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 0 0 1px #ece5de}.ops-app__bar{display:flex;align-items:center;gap:4px;height:20px;padding:0 8px;background:#f7f3ef;border-bottom:1px solid #efe8e1}.ops-app__bar i{width:6px;height:6px;border-radius:50%;background:#ddd4cb}.ops-app__bar b{width:64px;height:6px;margin-left:8px;border-radius:3px;background:#e8e1d9}.ops-app__body{display:grid;grid-template-columns:60px minmax(0,1fr)}.ops-app__side{display:grid;align-content:start;gap:7px;padding:10px 8px;border-right:1px solid #f1ebe5}.ops-app__side b{height:6px;border-radius:3px;background:#efe9e3}.ops-app__side b.is-on{background:#f6d9cd}.ops-app__main{display:grid;gap:5px;padding:10px 12px}.ops-app__label{width:56px;height:5px;border-radius:3px;background:#e8e1d9}.ops-app__label.is-short{width:40px;margin-top:3px}.ops-app__label.is-long{width:84px}.ops-app__row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.ops-app__slot.is-input{border-radius:5px}.ops-app__slot.is-input .ops-c--input{max-width:none}.ops-app__slot.is-toggle{border-radius:999px}.ops-app__foot{display:flex;justify-content:flex-end;margin-top:4px}.ops-app__slot{display:grid;border-radius:7px;box-shadow:inset 0 0 0 1px #e3dbd3;background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgb(0 0 0 / .025) 4px 5px)}.ops-app__slot>*{grid-area:1 / 1}.ops-flow__prhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.ops-chip{padding:3px 9px;border-radius:999px;background:#46062b;font-size:11px;font-weight:500;line-height:14px;white-space:nowrap;color:#fff}.ops-flow__pr>b{font-size:14px;font-weight:500;line-height:18px}.ops-flow__status{display:grid}.ops-flow__status>span{grid-area:1 / 1;justify-self:end;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;line-height:16px;white-space:nowrap}.ops-flow__status .is-run{color:#8a827b}.ops-flow__status .is-run i{width:7px;height:7px;border-radius:50%;background:#e0a33a}.ops-flow__status .is-ok{color:#1f7a4d}.ops-flow__meta{display:flex;gap:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:16px;color:#8a827b}.ops-flow__meta .is-add{color:#1f7a4d}.ops-flow__meta .is-del{color:#b3261e}.ops-flow__status .is-run{opacity:0}@media(prefers-reduced-motion:no-preference){.ops-scene--flow:not(.is-play) .is-landed{opacity:0}.ops-scene--flow:not(.is-play) .ops-flow__status .is-run{opacity:1}.ops-scene--flow:not(.is-play) .ops-flow__status .is-ok{opacity:0}.ops-scene--flow.is-play .ops-shelf li>span>*{animation:ops-lift .7s var(--ease) var(--d, 0s) both}.ops-scene--flow.is-play .is-landed{animation:ops-land .5s var(--ease) calc(var(--d, 0s) + .3s) both}.ops-scene--flow .is-input{--d: .3s}.ops-scene--flow .is-toggle{--d: 1s}.ops-scene--flow .is-button{--d: 1.7s}.ops-scene--flow.is-play .ops-shelf .is-tag>span>*{animation:none}.ops-scene--flow.is-play .ops-flow__status .is-run{animation:ops-out .3s var(--ease) 2.9s both}.ops-scene--flow.is-play .ops-flow__status .is-ok{animation:ops-in .4s var(--ease) 3.1s both}}@keyframes ops-lift{0%,to{transform:none;opacity:1}45%{transform:translateY(-4px);opacity:.35}}@keyframes ops-land{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes ops-out{0%{opacity:1}to{opacity:0}}@keyframes ops-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ops-shot{position:relative;display:block;width:100%;max-width:360px;margin:0;padding:0;overflow:hidden;border:0;border-radius:11px;background:#fff;box-shadow:0 0 0 1px #0d0d0d14,0 24px 44px -24px #28180c73;font:inherit;cursor:pointer}.ops-shot img{display:block;width:100%}.ops-shot--dark{background:#1f1f1d}.ops-shot:hover .case__loop-play i:before{transform:scale(1.14)}.ops-shot:hover .case__loop-play svg{transform:scale(1.08)}.ops-shot:focus-visible{outline:2px solid #0d0d0d;outline-offset:3px}.ops-shot img{height:auto}.ops-shot .case__loop-play{gap:8px}.ops-shot .case__loop-play i{width:52px;height:52px}.ops-shot .case__loop-play i:before{top:7px;right:7px;bottom:7px;left:7px}.ops-shot .case__loop-play svg{width:16px;height:16px;margin-left:2px}.ops-shot .case__loop-play b{padding:4px 11px;font-size:12px;line-height:18px}.ops-scene--plan{--ease: cubic-bezier(.2, 0, 0, 1)}.ops-doc{display:grid;gap:6px;box-sizing:border-box;width:100%;max-width:340px;padding:24px 26px 22px}.ops-doc__top{display:flex;align-items:center;justify-content:space-between;min-height:22px}.ops-doc__top small{font-size:12px;line-height:16px;color:#8a827b}.ops-doc__status{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:999px;background:#e6f3eb;font-size:12px;font-weight:500;line-height:18px;color:#1f7a4d}.ops-doc h3{margin:0;font-size:21px;font-weight:600;line-height:27px;letter-spacing:-.01em}.ops-doc__by{font-size:13px;line-height:18px;color:#8a827b}.ops-doc__body{display:grid;gap:7px;margin:14px 0 8px}.ops-doc__body i{height:6px;border-radius:3px;background:#efe9e3;transform-origin:left}.ops-doc__body .is-head{width:42%;height:8px;margin-bottom:2px;background:#e2dad2}.ops-doc__body .is-short{width:64%;margin-bottom:6px}.ops-doc__body .is-li{width:var(--w);margin-left:14px;box-shadow:-11px 0 0 -1px #d8cfc6}.ops-doc__sign{display:grid;gap:8px;padding-top:14px;border-top:1px solid #f0ebe6}.ops-doc__sign span{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;line-height:20px;color:#2b2b2b}.ops-doc__sign svg{flex:none;box-sizing:content-box;padding:3px;border-radius:50%;background:#e6f3eb;color:#1f7a4d}.ops-draw path{stroke-dasharray:1;stroke-dashoffset:0}@media(prefers-reduced-motion:no-preference){.ops-scene--plan:not(.is-play) :is(.ops-doc__body i,.ops-doc__sign span,.ops-doc__status){opacity:0}.ops-scene--plan.is-play .ops-doc__body i{animation:ops-write .5s var(--ease) both}.ops-scene--plan.is-play .ops-doc__body i:nth-child(1){animation-delay:.15s}.ops-scene--plan.is-play .ops-doc__body i:nth-child(2){animation-delay:.25s}.ops-scene--plan.is-play .ops-doc__body i:nth-child(3){animation-delay:.35s}.ops-scene--plan.is-play .ops-doc__body i:nth-child(4){animation-delay:.45s}.ops-scene--plan.is-play .ops-doc__body i:nth-child(5){animation-delay:.6s}.ops-scene--plan.is-play .ops-doc__body i:nth-child(6){animation-delay:.7s}.ops-scene--plan.is-play .ops-doc__body i:nth-child(7){animation-delay:.8s}.ops-scene--plan.is-play .ops-doc__sign span{animation:ops-in .45s var(--ease) both}.ops-scene--plan.is-play .ops-doc__sign span:nth-child(1){animation-delay:1.5s}.ops-scene--plan.is-play .ops-doc__sign span:nth-child(2){animation-delay:2.2s}.ops-scene--plan.is-play .ops-draw path{animation:ops-stroke .45s var(--ease) both}.ops-scene--plan.is-play .ops-doc__sign span:nth-child(1) path{animation-delay:1.7s}.ops-scene--plan.is-play .ops-doc__sign span:nth-child(2) path{animation-delay:2.4s}.ops-scene--plan.is-play .ops-doc__status{animation:ops-in .45s var(--ease) 3.1s both}}@keyframes ops-write{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}@keyframes ops-stroke{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.ops-scene--try .case__protos{width:100%}.ops-scene--try .case__try-screen{display:grid;place-items:center;aspect-ratio:16 / 11}.ops-scene--try .evidence__card .case__try-screen img{position:static;width:84%;border-radius:5px;box-shadow:0 0 0 1px #0d0d0d14,0 10px 22px -12px #28180c73;transform:none}.ops-scene--try .case__try:hover .case__try-screen img{transform:scale(1.03)}.ops-scene--try .case__try>span{display:grid;gap:2px;padding:12px 14px 14px}.ops-scene--try .case__try small{font-size:12px;line-height:16px;color:#8a827b}.ops-scene--try .case__try b{font-size:15px;font-weight:500;line-height:20px}.journey:not(.is-staged) .journey__layer.is-card:has(>.ops-scene){aspect-ratio:auto;max-height:none;overflow:visible;border-radius:20px}.journey__layer.is-card>.ops-scene{zoom:calc(var(--k, 1) * 1.058);height:auto;padding:28px}.journey__layer.is-card .ops-postwrap{transform:none}.journey__layer.is-card .ops-program-space{height:auto}.journey__layer.is-card .ops-program{position:static;transform:none}.journey__layer.is-card .ops-scene--post.is-solo .ops-program-space,.journey__layer.is-card .ops-scene--post.is-flow .ops-scene__note{display:none}[data-case=hubspot-ops] #case-body section{margin-bottom:88px}@media(max-width:860px){[data-case=hubspot-ops] #case-body section{margin-bottom:64px}}.ops-thumbs{display:flex;flex-wrap:wrap;gap:12px 28px;margin:4px 0 8px}.ops-thumb{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;padding:0;border:0;background:none;font:inherit;text-align:left;color:#0d0d0d;cursor:pointer}.ops-thumb__img{display:block;flex:none;overflow:hidden;border-radius:8px;background:#f3eee9;box-shadow:0 0 0 1px #0d0d0d1a,0 8px 18px -12px #28180c73;transition:transform .3s cubic-bezier(.2,0,0,1),box-shadow .3s}.ops-thumb__img img{display:block;width:auto;height:65px}.ops-thumb__text{display:grid;gap:2px}.ops-thumb__text b{font-size:14px;font-weight:500;line-height:18px}.ops-thumb__text small{font-size:12px;line-height:16px;color:#8a827b}.ops-thumb:hover .ops-thumb__img{transform:translateY(-2px);box-shadow:0 0 0 1px #0d0d0d29,0 12px 22px -12px #28180c80}.ops-thumb:hover b{text-decoration:underline;text-underline-offset:3px}.ops-thumb:focus-visible{outline:2px solid #0d0d0d;outline-offset:4px;border-radius:10px}@media(max-width:420px){.ops-thumb__img img{height:52.5px}}@media(prefers-reduced-motion:reduce){.ops-thumb__img{transition:none}}@media(max-width:360px){[data-case=hubspot-ops] .case__stats.is-compact dt{font-size:21px}}.ops-clip__frame{padding:18px;background:linear-gradient(135deg,#f1a9d0,#e7b4dc 55%,#dcb9e6);box-shadow:none}.ops-clip__frame video{aspect-ratio:1708 / 930;border-radius:9px;background:#fff;box-shadow:0 0 0 1px #ffffff80,0 10px 30px -14px #5a1e5073;cursor:pointer}.ops-clip__expand{position:absolute;top:28px;right:28px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffffeb;box-shadow:0 0 0 1px #0d0d0d1a,0 4px 12px -4px #0d0d0d4d;color:#0d0d0d;cursor:pointer;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.ops-clip__expand{opacity:0}.ops-clip__frame:hover .ops-clip__expand,.ops-clip__expand:focus-visible{opacity:1}}.ops-clip__expand:focus-visible{outline:2px solid #0d0d0d;outline-offset:2px}@media(max-width:720px){.ops-clip__frame{padding:10px}.ops-clip__frame video{border-radius:6px}.ops-clip__expand{top:16px;right:16px}}.modal.is-ops .modal__frame{width:min(1320px,94vw,(100vh - 120px) * 1.8366);border-radius:28px}.modal.is-ops video{aspect-ratio:1708 / 930;border-radius:14px;background:#fff}
