.op-dock{--dock-ink:#214a46;--dock-soft:#5f756c;--dock-line:#d5e2da;--dock-accent:#2f8a72;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:clamp(36px,4.4vw,72px);align-items:center;width:100%;scroll-margin-top:150px}.op-dock-window{position:relative;border-radius:20px;background:radial-gradient(120% 90% at 50% 0,#1c4441 0,#11302f 52%,#0c2224);box-shadow:0 34px 70px -36px #0e2c2fb3,inset 0 1px #ffffff14,0 0 0 1px #0d2a2c;overflow:hidden;isolation:isolate}.op-dock-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-bottom:1px solid #ffffff0f;color:#a9c4bb;font:500 12px/1 Neuemontreal,Arial,sans-serif}.op-dock-bar i{width:9px;height:9px;border-radius:50%;background:#ffffff1f}.op-dock-bar b{margin-left:10px;font-weight:500;color:#e4efe9;white-space:nowrap}.op-dock-flow{margin-left:auto;display:grid;justify-items:end;flex:none;font:500 10px/1 Ppneuemontrealmono,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase;color:#a9c4bb}.op-dock-flow>span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:opacity .24s ease}.op-dock-flow svg{width:12px;height:12px;flex:none;fill:none;stroke:#6fd3ae;stroke-width:2;stroke-linecap:round}.op-dock-flow-own,.op-dock-bar[data-flow=own] .op-dock-flow-orchestrator{opacity:0}.op-dock-bar[data-flow=own] .op-dock-flow-own{opacity:.55}.op-dock-stage{position:relative;height:clamp(290px,23vw,420px);--item-w:48%;touch-action:pan-y}.op-dock-window:after{content:"";position:absolute;inset:40px 0 0;z-index:20;background:linear-gradient(90deg,#0f2a2c 0,#0f2a2c00 16% 84%,#0f2a2c);pointer-events:none}.op-dock-stage:before{content:"";position:absolute;left:50%;top:43%;width:58%;height:62%;translate:-50% -50%;background:radial-gradient(closest-side,#5fbf9d2e,transparent);pointer-events:none}.op-dock-item{position:absolute;left:50%;top:43%;width:var(--item-w);color:inherit;cursor:pointer;transform:translate(-50%,-50%);transform-origin:50% 50%;will-change:transform,opacity;-webkit-tap-highlight-color:transparent}.op-dock-media{position:relative;display:block;border-radius:12px;overflow:hidden;background:#0d2426;box-shadow:0 20px 44px -20px #000d,0 0 0 1px #ffffff1a;transition:box-shadow .4s}.op-dock-media:after{content:"";position:absolute;inset:0;z-index:3;background:#0c2224;opacity:var(--shade,0);pointer-events:none}.op-dock-item.is-focus .op-dock-media{box-shadow:0 30px 60px -24px #000e,0 0 0 1px #a6e6cf59}.op-dock .cw-stage{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;padding:0;border:0;border-radius:0;background:none;overflow:hidden;cursor:pointer}.op-dock .cw-cover{position:absolute;inset:0;padding:0;background:none;transition:opacity .45s ease,filter .45s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.op-dock .cw-cover-video{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;pointer-events:none}.op-dock .cw-media.is-previewing .cw-cover{opacity:.28;filter:brightness(.65);transform:scale(.985)}.op-dock .cw-hover-reel{z-index:2}.op-dock .cw-reel-slot{width:64%;left:18%}.op-dock .cw-reel-window video{object-fit:cover;object-position:left top}.op-dock-name{position:absolute;left:0;right:0;top:calc(100% + 14px);text-align:center;color:#e8f2ed;font:500 15px/1.2 Neuemontreal,Arial,sans-serif;letter-spacing:-.01em;opacity:var(--label,0);pointer-events:none}.op-dock-name em{font-family:Ppeditorialnew,Times New Roman,serif;font-weight:200;font-style:normal;color:#9fc4b5}.op-dock-copy{color:var(--dock-ink)}.op-dock-eyebrow{margin:0 0 10px;font:500 11px/1.4 Ppneuemontrealmono,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dock-soft)}.op-dock-lead{margin:0 0 22px;max-width:36ch;font-size:16px;line-height:1.55;color:#48655f}.op-dock-dial{--dial-h:350px;--pivot:270px;--card-w:min(286px,76%);--card-top:16px;position:relative;height:var(--dial-h);margin:6px -24px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.op-dock-dial:after{content:"";position:absolute;left:50%;top:calc(var(--dial-h) - 80px);border:6px solid transparent;border-top:8px solid var(--dock-accent);translate:-50% 0;pointer-events:none}.op-dock-fan{margin:0;padding:0;list-style:none}.op-dock-fan li{position:absolute;left:50%;top:var(--card-top);width:var(--card-w);margin-left:calc(var(--card-w) / -2);transform-origin:50% calc(var(--dial-h) - var(--card-top) + var(--pivot));will-change:transform,opacity}.op-dock-card{position:relative;display:grid;grid-template-columns:auto 1fr;align-content:start;gap:4px 10px;min-height:204px;padding:16px 20px 14px;border:1px solid #cfdcd3;border-radius:16px;background:linear-gradient(#fdfefb,#f4f8f3);box-shadow:0 18px 34px -24px #1d463f73;color:var(--dock-ink);text-decoration:none;transition:border-color .3s,box-shadow .3s;overflow:hidden}.op-dock-card[aria-current=true]{border-color:#a5cbbb;box-shadow:0 26px 46px -26px #1d463f8c,0 0 0 1px #2f8a7224}.op-dock-card:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;border-radius:2px;background:var(--dock-accent);transform:scaleX(var(--progress,0));transform-origin:left;opacity:0}.op-dock-card[aria-current=true]:after{opacity:1}.op-dock-card:before{content:"";position:absolute;inset:-1px;z-index:2;border-radius:inherit;background:#f2f5ef;opacity:var(--veil,0);pointer-events:none}.op-dock-card:focus-visible{outline:2px solid #52868a;outline-offset:3px}.op-dock-num{font:500 11px/1.6 Ppneuemontrealmono,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:#5f756c}.op-dock-sub{justify-self:end;font-size:12px;line-height:1.6;color:#62786f;white-space:nowrap}.op-dock-title{grid-column:1/-1;margin-top:16px;font:500 24px/1.1 Neuemontreal,Arial,sans-serif;letter-spacing:-.035em;color:#173f3a}.op-dock-title em{font-family:Ppeditorialnew,Times New Roman,serif;font-weight:200;font-style:normal;color:#637e68}.op-dock-desc{grid-column:1/-1;min-height:3em;margin-top:4px;font-size:14px;line-height:1.5;color:#587174}.op-dock-go{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:8px;padding-top:9px;border-top:1px solid #dbe5dc;font-size:13px;color:#294c4d}.op-dock-ring{position:absolute;overflow:visible;pointer-events:none}.op-dock-ring line{stroke:#bfd3c8;stroke-width:1}.op-dock-ring line.is-major{stroke:#7fa195;stroke-width:1.5}.op-dock-ring text{font:400 11px/1 Neuemontreal,Arial,sans-serif;letter-spacing:.02em;fill:#7b9188;text-anchor:middle;text-rendering:geometricPrecision;transition:fill .3s}.op-dock-ring text.is-current{fill:#1f6f5a;font-weight:500}.op-dock-more{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:10px 0 6px;border-bottom:1px solid #b6cac1;color:#294c4d;font-size:14px;text-decoration:none}.op-dock-more:hover{border-color:var(--dock-accent)}@media(min-width:1700px){.op-dock-lead{font-size:17px}.op-dock-title{font-size:26px}.op-dock-card{padding-bottom:12px}}@media(max-width:999px){.op-dock{grid-template-columns:1fr;gap:28px}.op-dock-stage{height:clamp(240px,52vw,340px);--item-w:min(62%,450px)}}@media(max-width:599px){.op-dock-window{border-radius:16px}.op-dock-stage{height:clamp(210px,64vw,260px);--item-w:min(70%,290px)}.op-dock-name{font-size:13px;top:calc(100% + 10px)}.op-dock-dial{--dial-h:330px;--pivot:240px;--card-w:min(272px,80%);margin-inline:-16px}.op-dock-title{font-size:22px}}@media(max-width:359px){.op-dock-bar{gap:4px;padding-inline:10px}.op-dock-bar b{margin-left:4px}.op-dock-flow{letter-spacing:.06em}.op-dock-flow>span{gap:4px}}@media(prefers-reduced-motion:reduce){.op-dock-card,.op-dock-ring text,.op-dock .cw-cover{transition:none}}.op-dock-steps{position:absolute;left:50%;top:calc(100% + 41px);width:max-content;max-width:140%;translate:-50% 0;text-align:center;text-wrap:balance;font:400 11px/16px Neuemontreal,Arial,sans-serif;letter-spacing:.01em;color:#a9c4bb;opacity:clamp(0,var(--label,0)*2 - 1,1);pointer-events:none}.op-dock-steps>*{--at:.13;--d:clamp(0,(var(--progress,0) - var(--at))*16,1);position:relative;display:inline-block;margin:0 3px;padding-left:13px;font-style:normal;font-weight:400;white-space:nowrap}.op-dock-steps>:nth-child(2){--at:.26}.op-dock-steps>:nth-child(3){--at:.39}.op-dock-steps>:nth-child(4){--at:.52}.op-dock-steps>:before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;translate:0 -50%;-webkit-mask:var(--glyph) center/contain no-repeat;mask:var(--glyph) center/contain no-repeat}.op-dock-steps i,.op-dock-benefit-cells i{--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");color:color-mix(in srgb,#7d9f95 calc(var(--d)*100%),#a9c4bb)}.op-dock-steps i:before{--e:calc(var(--d)*(2 - var(--d)));background:#6fd3ae;opacity:var(--e);scale:calc(.55 + var(--e)*.45)}.op-dock-steps i:after{content:"";position:absolute;left:3px;top:50%;width:3px;height:3px;border-radius:50%;translate:0 -50%;background:#a9c4bb;opacity:calc(.55 - var(--d)*.55)}.op-dock-steps,.op-dock-benefit{--hand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12V5a2 2 0 0 1 4 0v6-7a2 2 0 0 1 4 0v8-4a2 2 0 0 1 4 0v8c0 4-3 6-7 6-3 0-4-2-6-4l-3-4a2 2 0 0 1 3-2l1 1'/%3E%3C/svg%3E")}.op-dock-steps b{--glyph:var(--hand);margin-left:2px;padding:0 8px 0 21px;border-radius:999px;font-weight:500;color:color-mix(in srgb,#f4faf7 calc(var(--d)*100%),#a9c4bb);background:rgb(95 191 157/calc(var(--d)*.16))}.op-dock-steps b:before{left:7px;width:11px;height:11px;background:color-mix(in srgb,#a6e6cf calc(var(--d)*100%),#7d9f95)}@media(max-width:599px){.op-dock-steps{top:calc(100% + 30px);max-width:104%;line-height:15px}.op-dock-item,.op-dock-stage:before{top:42%}}@media(prefers-reduced-motion:reduce){.op-dock-steps>*{--d:1}}.op-dock-benefit{display:grid;grid-template-columns:151px max-content;gap:7px 16px;align-items:center;margin-top:16px}.op-dock-benefit-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.op-dock-benefit-label{font:500 10.5px/1.3 Ppneuemontrealmono,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#7d917f;white-space:nowrap}.op-dock-benefit-cells{display:flex;align-items:center;gap:9px;height:20px}.op-dock-benefit-cells>*{--at:.13;--lit:clamp(0,(var(--progress,0) - var(--at))*100000,1);display:block;flex:none;width:13px;height:13px}.op-dock-benefit-cells>:nth-child(2){--at:.26}.op-dock-benefit-cells>:nth-child(3){--at:.39}.op-dock-benefit-cells>:nth-child(4){--at:.52}.op-dock-benefit-cells i,.op-dock-benefit-cells b:before{background:currentColor;-webkit-mask:var(--glyph) center/contain no-repeat;mask:var(--glyph) center/contain no-repeat}.op-dock-benefit-row:first-child i{--glyph:var(--hand);color:#b3c5bc}.op-dock-benefit-row:last-child i{color:var(--dock-accent);opacity:calc(.3 + var(--lit)*.7);scale:calc(.55 + var(--lit)*.45);transition:opacity .16s cubic-bezier(.2,.7,.2,1),scale .16s cubic-bezier(.2,.7,.2,1)}.op-dock-benefit-cells b{--glyph:var(--hand);display:grid;place-items:center;width:26px;height:20px;border-radius:999px;color:var(--dock-accent);background:rgb(220 239 230/calc(.25 + var(--lit)*.75));transition:background .18s ease-out}.op-dock-benefit-cells b:before{content:"";width:12px;height:12px}@media(prefers-reduced-motion:reduce){.op-dock-flow>span,.op-dock-benefit-row:last-child i,.op-dock-benefit-cells b{transition:none}.op-dock-benefit-cells>*{--lit:1}}