:root{--motion-out:cubic-bezier(.22,1,.36,1)}[data-reveal]{transition:opacity .65s ease,transform .65s var(--motion-out)}[data-motion-pending]{opacity:0;transform:translateY(22px)}.product-intro{position:relative;padding-top:88px;padding-bottom:84px}.product-intro-copy{position:relative;z-index:1}.product-intro-copy>*{animation:harbour-enter .75s var(--motion-out) both}.product-intro-copy>:nth-child(2){animation-delay:.08s}.product-intro-copy>:nth-child(3){animation-delay:.16s}.product-intro-copy>:nth-child(4){animation-delay:.24s}.product-intro-copy>:nth-child(5){animation-delay:.3s}.product-intro h1>span{color:#397e89}.product-category>span{border-radius:50%;background:#397e89;box-shadow:0 0 0 4px #397e8910}.product-intro-visual{position:relative;min-width:0;padding:14px 0;animation:chart-arrive 1s var(--motion-out) .18s both}.product-chart-lines{position:absolute;pointer-events:none;color:#a6c8ce;width:110%;height:132%;top:-17%;left:-5%;z-index:-1}.product-map-window{position:relative;transform:rotate(-1deg);box-shadow:0 22px 46px -28px #20384250,6px 7px 0 #e3eaed;transition:transform .5s var(--motion-out),box-shadow .5s ease}.product-map-window:hover{transform:translateY(-4px) rotate(0);box-shadow:0 24px 48px -24px #20384250,4px 5px 0 #e3eaed}.product-map-caption{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px;color:#6e858b;font-size:11px}.product-map-caption-line{width:34px;height:1px;background:#a5bdc2}.product-tool-index{display:block;margin-bottom:24px;color:#8ca4ab;font-size:11px;font-family:ui-monospace,monospace}.product-tools{border-top:0;padding-top:52px}.product-tools article{transition:transform .3s var(--motion-out)}.product-tools article:hover{transform:translateY(-4px)}.btn>.material-symbols-outlined,.product-tools article>a>span,.walkthrough-link>span,.workspace-text-link>span{transition:transform .25s var(--motion-out)}.btn:hover>.material-symbols-outlined,.product-tools article:hover>a>span,.walkthrough-link:hover>span,.workspace-text-link:hover>span{transform:translateX(4px)}.harbour-walkthrough{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);gap:52px;padding:48px;border-radius:12px;background:#203842;color:#fff;overflow:hidden}.walkthrough-copy{padding:7px 0}.walkthrough-eyebrow{color:#8eb7c0;font-size:11px;letter-spacing:.06em}.walkthrough-copy h2{margin-top:19px;font-size:clamp(32px,3vw,44px);font-weight:500;letter-spacing:-.05em;line-height:1.1}.walkthrough-intro{max-width:260px;margin-top:18px;color:#afc3c9;font-size:13px;line-height:1.8}.walkthrough-tabs{display:grid;gap:3px;margin-top:34px}.walkthrough-tabs button{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #ffffff14;color:#afc3c9;text-align:left;font-size:13px;transition:color .2s,border-color .2s}.walkthrough-tabs button>.material-symbols-outlined{margin-left:auto;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .3s var(--motion-out)}.walkthrough-tabs button:hover,.walkthrough-tabs button[aria-selected=true]{color:#fff;border-color:#7dafba}.walkthrough-tabs button[aria-selected=true]>.material-symbols-outlined{opacity:1;transform:translateX(0)}.walkthrough-step-number{color:#7dafba;font-family:ui-monospace,monospace;font-size:10px}.walkthrough-link{display:inline-flex;align-items:center;gap:24px;margin-top:30px;color:#d5e8ec;font-size:12px}.walkthrough-panel{align-self:start;overflow:hidden;border:1px solid #ffffff26;border-radius:8px;background:#fff;color:#263b49}.walkthrough-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;font-size:11px}.walkthrough-panel-header>span:first-child{display:flex;align-items:center;gap:7px;font-weight:500}.walkthrough-example-controls{display:flex;align-items:center;gap:6px;color:#7b8992;font-size:10px}.walkthrough-example-controls button{display:grid;place-items:center;width:25px;height:25px;border:1px solid #dbe4e7;border-radius:4px;color:#657f85}.walkthrough-example-controls button[aria-pressed=true]{color:#245ba8;background:#edf3fa;border-color:#c4d7eb}.walkthrough-map{position:relative;overflow:hidden}.walkthrough-map svg{display:block;width:100%;height:auto}.walkthrough-pier-label{fill:#627d83;font-size:12px;font-family:ui-monospace,monospace}.walkthrough-map-note{position:absolute;left:16px;bottom:12px;padding:5px 8px;border:1px solid #b7cbd0;border-radius:4px;background:#f5faf9ed;color:#48636c;font-size:9px}.walkthrough-berths rect{fill:#79b6a242;stroke:#397d70;stroke-width:1.2;animation:berth-reveal .5s var(--motion-out) both;transform-box:fill-box;transform-origin:center bottom}.walkthrough-berths rect.is-selected{fill:#245ba830;stroke:#245ba8;stroke-width:2}.walkthrough-frame{stroke-dasharray:400;stroke-dashoffset:400;animation:chart-draw 1.1s var(--motion-out) forwards}.walkthrough-route{animation:route-reveal 1.2s ease both}.walkthrough-berth-label,.walkthrough-vessel{animation:berth-arrival .5s var(--motion-out) .5s both}.walkthrough-detail{min-height:167px;padding:20px}.walkthrough-detail-copy{animation:harbour-enter .4s var(--motion-out) both}.walkthrough-panel[data-animate=false] .walkthrough-berth-label,.walkthrough-panel[data-animate=false] .walkthrough-berths rect,.walkthrough-panel[data-animate=false] .walkthrough-detail-copy,.walkthrough-panel[data-animate=false] .walkthrough-frame,.walkthrough-panel[data-animate=false] .walkthrough-route,.walkthrough-panel[data-animate=false] .walkthrough-vessel{animation:none!important}.walkthrough-panel[data-animate=false] .walkthrough-frame{stroke-dashoffset:0}.walkthrough-panel[data-animate=true] .walkthrough-berth-label,.walkthrough-panel[data-animate=true] .walkthrough-berths rect,.walkthrough-panel[data-animate=true] .walkthrough-vessel{animation-duration:.5s!important}.walkthrough-panel[data-animate=true] .walkthrough-detail-copy{animation-duration:.4s!important}.walkthrough-panel[data-animate=true] .walkthrough-frame{animation-duration:1.1s!important}.walkthrough-panel[data-animate=true] .walkthrough-route{animation-duration:1.2s!important}.walkthrough-detail h3{font-size:14px;font-weight:600;letter-spacing:-.02em}.walkthrough-detail-copy>p{max-width:520px;margin-top:8px;color:#667b85;font-size:12px;line-height:1.75}.walkthrough-detail-note{display:flex;align-items:center;gap:7px;margin-top:17px;color:#397d70;font-size:10px}.walkthrough-berth-choices{display:flex;gap:7px;margin-top:14px}.walkthrough-berth-choices button{display:flex;align-items:center;gap:12px;height:29px;padding:0 10px;border:1px solid #d5dfe2;border-radius:4px;color:#667b85;font-size:11px;transition:background .2s,color .2s,border-color .2s}.walkthrough-berth-choices button[aria-pressed=true]{border-color:#245ba8;background:#edf3fa;color:#245ba8}.harbour-walkthrough :focus-visible{outline-color:#78b6ca}.operations-heading{animation:harbour-enter .4s var(--motion-out) both}.operations-measure{animation:harbour-enter .5s var(--motion-out) both;transition:border-color .2s,transform .25s var(--motion-out)}.operations-measure:hover{transform:translateY(-3px)}.availability-track>span{transform-origin:left;animation:availability-enter .7s var(--motion-out) .2s both}.workspace-navigation a{transition:color .15s,background .15s}.workspace-navigation a>.material-symbols-outlined{transition:transform .2s var(--motion-out)}.workspace-navigation a:hover>.material-symbols-outlined{transform:translateX(2px)}.studio-toolbar-popover{transform-origin:top right;animation:menu-enter .16s var(--motion-out) both}.studio-toolbar-trigger>.material-symbols-outlined{transition:transform .2s var(--motion-out)}.studio-toolbar-menu[data-open=true] .studio-toolbar-trigger>.material-symbols-outlined{transform:rotate(180deg)}.studio-control-group button{transition:background .15s,color .15s}@keyframes harbour-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-arrive{0%{opacity:0;transform:translate(20px,20px) rotate(2deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes berth-reveal{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}@keyframes chart-draw{to{stroke-dashoffset:0}}@keyframes route-reveal{0%{opacity:0;stroke-dashoffset:30}to{opacity:1;stroke-dashoffset:0}}@keyframes berth-arrival{0%{opacity:0}to{opacity:1}}@keyframes availability-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes menu-enter{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1100px){.harbour-walkthrough{gap:30px;padding:32px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr)}}@media (max-width:800px){.harbour-walkthrough{grid-template-columns:minmax(0,1fr);gap:26px}.walkthrough-copy h2 br{display:none}.walkthrough-intro{max-width:430px}.walkthrough-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.walkthrough-tabs button{align-items:flex-start;gap:7px;font-size:11px}.walkthrough-tabs button>.material-symbols-outlined{display:none}.walkthrough-link{margin-top:22px}}@media (max-width:640px){.product-intro{padding:40px 0 36px}.product-intro-visual{padding:5px 0}.product-chart-lines{width:100%;left:0}.product-map-window{transform:none}.product-map-caption{font-size:10px;margin-top:17px}.harbour-walkthrough{padding:24px 16px 16px;border-radius:8px}.walkthrough-copy{padding:0 5px}.walkthrough-copy h2{margin-top:14px;font-size:32px}.walkthrough-tabs{gap:10px}.walkthrough-tabs button{flex-direction:column;gap:8px;padding:12px 0}.walkthrough-detail{min-height:201px;padding:16px}.walkthrough-panel-header{padding:11px 12px}.walkthrough-example-controls{font-size:8px;gap:4px}.walkthrough-map-note{left:9px;bottom:9px;font-size:8px}.product-tools{padding-top:36px}.product-tool-index{margin-bottom:13px}}@media (prefers-reduced-motion:reduce){[data-motion-pending]{opacity:1;transform:none}.availability-track>span,.operations-heading,.operations-measure,.product-intro-copy>*,.product-intro-visual,.studio-toolbar-popover{animation:none!important}.btn:hover>.material-symbols-outlined,.operations-measure:hover,.product-map-window,.product-map-window:hover,.product-tools article:hover,.product-tools article:hover>a>span,.walkthrough-link:hover>span,.workspace-navigation a:hover>.material-symbols-outlined,.workspace-text-link:hover>span{transform:none}}