@layer components{@layer base{.app-facade{--af-white:#fff;--af-black:#272c34;--af-slate:#324354;--af-grey60:#39414d;--af-grey50:#4b5564;--af-grey10:#f7f9fd;--af-grey05:#f8f9fa;--af-grey40:#67768d;--af-grey30:#c5d2e7;--af-grey25:#eee;--af-grey20:#dae3f3;--af-grey35:#90959b;--af-indigo30:#566ae5;--af-indigo40:#3e6be6;--af-indigo10:#f5f6ff;--af-blue60:#0f2943;--af-blue50:#326089;--af-green50:#11b08f;--af-orange40:#da5a00;--af-red40:#d92736;--af-green40:#45dabe;--af-blue40:#6294be;--af-blue30:#94c1df;--af-red20:#fda6a6;--af-orange30:#f5954d;--af-orange20:#fac69d;--af-purple30:#af50f5;--af-purple20:#cea1fa;--af-indigo20:#a2acf2;--af-shadow-12:#26313d1f;--af-shadow-05:#26313d0d;--af-rail-w:2.857em;--af-section-w:13.857em;--af-sidebar-pad:.857em;--af-hairline:.071em;aspect-ratio:16/11;content-visibility:auto;font-family:var(--font-sans);color:var(--af-grey60);-webkit-user-select:none;user-select:none;background:var(--af-white);border-radius:var(--space-2x);position:relative;overflow:clip;container-type:inline-size}.app-facade__inner{grid-template-rows:auto 1fr;block-size:100%;font-size:clamp(8px,1.09cqw,13px);line-height:1.429;display:grid}.app-facade__topbar{block-size:4.571em;color:var(--af-white);background:linear-gradient(96.92deg, var(--af-black) 7.49%, var(--af-slate) 102.28%);align-items:center;padding:1.429em 2.857em;font-size:1em;display:flex;box-shadow:0 .286em .571em #00000026}.app-facade__brand{aspect-ratio:238/55;block-size:1.3em;inline-size:auto;color:var(--af-white);flex-shrink:0;margin-inline-end:1.143em}.app-facade__search{block-size:2.429em;inline-size:16.071em;color:var(--af-white);background:linear-gradient(var(--af-black), var(--af-black)) padding-box, linear-gradient(115deg, var(--af-indigo30), var(--af-green40)) border-box;border:.143em solid #0000;border-radius:.214em;flex-shrink:0;align-items:center;gap:.571em;margin-inline-end:1.429em;padding:.286em .857em;font-size:1em;display:flex}.app-facade__search-icon{flex-shrink:0;block-size:1.143em;inline-size:1.143em}.app-facade__nav{align-items:center;gap:.143em;font-size:1em;display:flex}.app-facade__nav-item{color:var(--af-white);white-space:nowrap;border-radius:.143em;align-items:center;gap:.286em;padding:.214em .571em;display:inline-flex;position:relative}.app-facade__nav-item[data-current]{background:var(--af-grey40)}.app-facade__chevron{block-size:.714em;inline-size:.714em;color:var(--af-grey30)}.app-facade__menu{z-index:3;background:var(--af-grey40);flex-direction:column;inline-size:16em;padding:.286em .571em;display:none;position:absolute;inset-block-start:100%;inset-inline-start:0;box-shadow:0 .286em .571em #0000001a}.app-facade__nav-item:hover,.app-facade__nav-item[data-open]{background:#6d7a8e80}.app-facade__nav-item[data-open] .app-facade__menu{display:flex}.app-facade__menu-desc{color:var(--af-white);white-space:normal;padding:.571em .857em;font-size:1em;line-height:1.429;display:block}.app-facade__toolbar{align-items:center;margin-inline-start:auto;display:flex}.app-facade__tool{flex-shrink:0;align-items:center;display:inline-flex}.app-facade__tool--notif{border-inline-end:var(--af-hairline) solid var(--af-grey40)}.app-facade__tool--help{padding-inline-start:.429em}.app-facade__tool--help .app-facade__tool-icon{margin-inline-end:1.643em}.app-facade__notif{margin-inline-end:1.429em;display:inline-flex;position:relative}.app-facade__tool-icon{block-size:1.286em;inline-size:1.286em;color:var(--af-white)}.app-facade__tool-icon--lg{block-size:1.571em;inline-size:1.571em}.app-facade__badge{min-inline-size:1.429em;color:var(--af-grey60);background:var(--af-green40);border-radius:1.429em;justify-content:center;padding:.143em .357em;font-size:.857em;line-height:1.333;display:flex;position:absolute;inset-block-start:-.35em;inset-inline-start:.9em}.app-facade__avatar{color:#f7f9fd;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;block-size:2.571em;inline-size:2.571em;margin-inline-start:1.143em;font-size:1em;font-weight:300;display:flex}.app-facade__page{background:var(--af-white);flex-direction:column;min-block-size:0;padding-block-start:1.143em;padding-inline:2.286em;display:flex;overflow:hidden}.app-facade__header{flex-direction:column;padding-block:1.429em 0;display:flex}.app-facade__header-row{justify-content:space-between;align-items:center;gap:1em;inline-size:100%;display:flex}.app-facade__greeting-wrap{flex-direction:column;align-items:flex-start;display:flex}.app-facade__hello{color:var(--af-grey60);letter-spacing:-.02em;margin:0;font-size:2.286em;font-weight:700;line-height:1.5}.app-facade__actions{flex-shrink:0;justify-content:flex-end;gap:.571em;padding-block:.571em 0;display:flex}.app-facade__btn{block-size:2.286em;color:var(--af-indigo30);white-space:nowrap;cursor:pointer;background:var(--af-white);border:.143em solid var(--af-grey20);border-radius:0;justify-content:center;align-items:center;padding-inline:.857em;font-size:1em;font-weight:700;line-height:1.429;text-decoration:none;display:inline-flex}.app-facade__btn--primary{color:var(--af-white);background:var(--af-indigo30);border:0}.app-facade__btn:hover{box-shadow:0 .143em .143em #272c341f}.app-facade__subline{flex-wrap:wrap;gap:.286em;margin:0;padding-block:.429em;font-size:1em;line-height:1.429;display:flex}.app-facade__subline-text{color:var(--af-grey60)}.app-facade__subline-link{color:var(--af-red40);padding-inline:.143em;font-weight:700}.app-facade__subline-link:hover{background:var(--af-white);box-shadow:0 0 .571em var(--af-shadow-12);border-radius:.286em}.app-facade__ai-search{inline-size:calc(var(--af-section-w) + 2 * var(--af-sidebar-pad) + var(--af-hairline) + var(--af-rail-w));block-size:2.857em;max-inline-size:100%;color:var(--af-grey40);background:linear-gradient(var(--af-white), var(--af-white)) padding-box, linear-gradient(115deg, var(--af-indigo40), var(--af-green40)) border-box;box-shadow:0 0 .5em var(--af-shadow-12);border:2px solid #0000;border-radius:.375em .375em 0 0;align-items:center;gap:.5em;margin-block-start:.571em;padding-inline:.857em;display:flex}.app-facade__ai-icon{block-size:1.143em;inline-size:1.143em;color:var(--af-grey40);flex-shrink:0}.app-facade__ai-placeholder{font-size:1.143em}.app-facade__card{background:var(--af-white);min-block-size:0;box-shadow:0 0 .571em var(--af-shadow-12);border-radius:0 .857em 0 0;flex:1;display:flex;overflow:hidden}.app-facade__sidebar{padding:var(--af-sidebar-pad);background:var(--af-white);border-inline-end:var(--af-hairline) solid var(--af-grey30);flex-direction:column;flex-shrink:0;gap:.571em;display:flex;overflow:hidden}.app-facade__section{inline-size:var(--af-section-w);flex-direction:column;display:flex;position:relative}.app-facade__section-titlewrap{margin-inline-start:.714em}.app-facade__section-title{color:var(--af-grey60);margin:0;font-size:1.143em;font-weight:700;line-height:1.25}.app-facade__section:has(.app-facade__link-btn[aria-current=true]) .app-facade__section-title{color:var(--af-indigo30)}.app-facade__metric{flex-direction:column;align-items:baseline;margin-inline-start:.714em;display:flex}.app-facade__metric-value{font-variant-numeric:tabular-nums;color:var(--af-grey50);letter-spacing:-.02em;font-size:2.286em;font-weight:700;line-height:1.5}.app-facade__metric-status{align-items:center;gap:0;margin-block-end:.286em;display:flex}.app-facade__dot{background:var(--af-grey35);border-radius:50%;flex-shrink:0;block-size:.643em;inline-size:.643em;margin-inline-end:.571em}.app-facade__status-link{color:var(--af-grey60);font-size:.857em;font-weight:500;line-height:1.333;text-decoration:underline}.app-facade__metric-status--danger .app-facade__dot{background:var(--af-red40)}.app-facade__metric-status--success .app-facade__dot{background:var(--af-green50)}.app-facade__links{flex-direction:column;margin:0;padding:0 0 .286em;list-style:none;display:flex}.app-facade__link-btn{inline-size:100%;font:inherit;text-align:start;cursor:pointer;background:var(--af-white);border:0;border-radius:.571em;align-items:center;padding:.286em .571em;display:flex}.app-facade__link-btn[aria-current=true]{background:var(--af-indigo10)}.app-facade__link-btn:not([aria-current=true]):hover{background:var(--af-grey10)}.app-facade__link-btn:focus-visible{outline:var(--focus-ring-width) solid var(--af-indigo30);outline-offset:var(--focus-ring-offset-inset)}.app-facade__link-icon{block-size:.857em;inline-size:.857em;color:var(--af-grey40);flex-shrink:0}.app-facade__link-btn[aria-current=true] .app-facade__link-icon{color:var(--af-indigo30)}.app-facade__link-label{color:var(--af-grey60);margin-inline-start:.571em;font-size:.857em;font-weight:500;line-height:1.333}.app-facade__stage{background:var(--af-white);flex:1;min-block-size:0;min-inline-size:0;position:relative;overflow:hidden}.app-facade__panels{block-size:100%;min-inline-size:0;margin-inline-start:var(--af-rail-w);position:relative}.app-facade__panel{block-size:100%}.app-facade__panel[hidden]{display:none}.app-facade__rail{z-index:3;inline-size:var(--af-rail-w);background:var(--af-white);box-shadow:.143em 0 .286em var(--af-shadow-05);flex-direction:column;display:flex;position:absolute;inset-block:0;inset-inline-start:0;overflow:visible}.app-facade__rail[hidden]{display:none}.app-facade__rail-btn{inline-size:var(--af-rail-w);block-size:var(--af-rail-w);color:var(--af-grey40);border-block-end:var(--af-hairline) solid var(--af-grey30);flex-shrink:0;place-items:center;display:grid;position:relative}.app-facade__tip{z-index:5;color:var(--af-white);white-space:nowrap;pointer-events:none;background:var(--af-grey60);opacity:0;border-radius:0;padding:.95em;font-size:.9em;transition:opacity .12s;position:absolute;inset-block-start:50%;transform:translateY(-50%);box-shadow:0 0 .286em #0000002b}.app-facade__tip:before{content:"";background:var(--af-grey60);block-size:.571em;inline-size:.571em;position:absolute;inset-block-start:50%}.app-facade__tip--right{margin-inline-start:.7em;inset-inline-start:100%}.app-facade__tip--right:before{inset-inline-end:100%;transform:translate(50%,-50%)rotate(45deg)}.app-facade__tip--left{margin-inline-end:.7em;inset-inline-end:100%}.app-facade__tip--left:before{inset-inline-start:100%;transform:translate(-50%,-50%)rotate(45deg)}.app-facade__rail-btn:hover .app-facade__tip,.app-facade__map-tool:hover .app-facade__tip{opacity:1}.app-facade__rail-btn[data-active]{background:var(--af-indigo10);border-inline-start:.143em solid var(--af-indigo30)}.app-facade__rail-icon{block-size:1.143em;inline-size:1.143em}.app-facade__rail-img{object-fit:contain;block-size:1.286em;inline-size:1.286em}.app-facade__rail-btn[data-active] .app-facade__rail-icon{block-size:1.286em;inline-size:1.286em;color:var(--af-indigo30)}.app-facade__rail-btn[data-active] .app-facade__rail-img{filter:brightness(0)saturate()invert(27%)sepia(95%)saturate(1352%)hue-rotate(212deg)brightness(97%)contrast(89%)}.app-facade__map{background:#eaf1f6;block-size:100%;position:relative;overflow:hidden}.app-facade__map-basemap{object-fit:cover;object-position:center;block-size:100%;inline-size:100%;position:absolute;inset:0}.app-facade__map-count{z-index:1;color:var(--af-black);padding:.571em;font-size:1em;font-weight:700;position:absolute;inset-block-start:.714em;inset-inline-end:2.5em}.app-facade__map-tools{z-index:1;flex-direction:column;display:flex;position:absolute;inset-block-end:.571em;inset-inline-end:.571em}.app-facade__map-tool{color:var(--af-grey50);background:var(--af-white);border:.143em solid var(--af-grey20);border-radius:0;justify-content:center;align-items:center;padding:.571em;display:flex;position:relative}.app-facade__map-tool-icon{block-size:.857em;inline-size:.857em}.app-facade__map-marker{z-index:2;block-size:1.7em;inline-size:1.7em;color:var(--af-white);cursor:pointer;background:var(--af-indigo30);border:.143em solid var(--af-white);border-radius:50%;place-items:center;padding:0;transition:transform .12s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.app-facade__map-marker:hover{transform:translate(-50%,-50%)scale(1.15)}.app-facade__map-marker[data-active]{box-shadow:0 1px 3px #0000004d, 0 0 0 .214em rgb(from var(--af-indigo30) r g b/30%)}.app-facade__map-marker-icon{block-size:1em;inline-size:1em}.app-facade__shipcard{z-index:6;background:var(--af-white);border-radius:.5em;max-block-size:calc(100% - 1.2em);inline-size:42.857em;position:absolute;inset-block-start:.6em;inset-inline-end:.6em;overflow:clip;box-shadow:0 .4em 1.2em #0000002e}.app-facade__shipcard[hidden]{display:none}.app-facade__shipcard-inner{flex-direction:column;gap:.6em;padding:.857em;display:flex}.app-facade__shipcard-head{justify-content:space-between;align-items:flex-start;gap:.5em;display:flex}.app-facade__shipcard-headmain{flex-wrap:wrap;align-items:baseline;gap:.3em;min-inline-size:0;margin:0;display:flex}.app-facade__shipcard-num{color:var(--af-indigo30);font-size:1.143em;font-weight:700}.app-facade__shipcard-num:hover{text-decoration:underline}.app-facade__shipcard-name{color:var(--af-grey60);font-size:1em;font-weight:700}.app-facade__shipcard-actions{flex-shrink:0;align-items:center;gap:.5em;display:inline-flex}.app-facade__shipcard-action{block-size:1.143em;inline-size:1.143em;color:var(--af-grey40)}.app-facade__shipcard-freight{color:var(--af-grey50);flex-wrap:wrap;align-items:center;gap:.3em;margin:0;font-size:.857em;display:flex}.app-facade__shipcard-bullet{color:var(--af-grey30)}.app-facade__shipcard-divider{background:var(--af-grey20);block-size:1px;display:block}.app-facade__shipcard-details{color:var(--af-grey60);flex-direction:column;gap:.35em;font-size:.857em;display:flex}.app-facade__shipcard-row,.app-facade__shipcard-ref{flex-wrap:wrap;align-items:center;gap:.2em .4em;margin:0;display:flex}.app-facade__shipcard-label{color:var(--af-grey60);font-weight:700}.app-facade__shipcard-cont{align-items:center;gap:.3em;display:inline-flex}.app-facade__shipcard-cont-icon{block-size:.857em;inline-size:.857em;color:var(--af-grey60)}.app-facade__shipcard-status{color:var(--af-grey60);margin:0;font-size:1em;font-weight:700}.app-facade__shipcard-timeline{padding-block-end:.3em;overflow-x:auto}.app-facade__shipcard-track{min-inline-size:max-content;margin:0;padding:0;list-style:none;display:flex}.app-facade__shipcard-stop{flex:none;inline-size:9.5em;padding-block-start:1.7em;position:relative}.app-facade__shipcard-stop:before{content:"";background:var(--af-grey20);block-size:.214em;position:absolute;inset-block-start:.65em;inset-inline:.65em}.app-facade__shipcard-stop[data-last]:before{display:none}.app-facade__shipcard-stop[data-state=done]:before{background:var(--af-grey60)}.app-facade__shipcard-stop[data-transit]:before{background:var(--af-indigo30)}.app-facade__shipcard-marker{z-index:1;block-size:1.3em;inline-size:1.3em;color:var(--af-grey60);background:var(--af-white);place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.app-facade__shipcard-marker-icon{block-size:1.1em;inline-size:1.1em}.app-facade__shipcard-dot{background:var(--af-grey60);block-size:.7em;inline-size:.7em}.app-facade__shipcard-stop[data-state=future] .app-facade__shipcard-marker{color:var(--af-grey30)}.app-facade__shipcard-stop[data-state=future] .app-facade__shipcard-dot{background:var(--af-grey30)}.app-facade__shipcard-ship{z-index:1;block-size:1.3em;inline-size:1.3em;color:var(--af-indigo30);background:var(--af-white);place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:55%}.app-facade__shipcard-ship-icon{block-size:1.1em;inline-size:1.1em}.app-facade__shipcard-stopinfo{flex-direction:column;gap:.05em;padding-inline-end:.857em;display:flex}.app-facade__shipcard-loc{color:var(--af-grey60);font-size:.857em;font-weight:700}.app-facade__shipcard-sub{color:var(--af-grey40);font-size:.785em}.app-facade__shipcard--cluster{inline-size:24em}.app-facade__cluster-inner{flex-direction:column;display:flex}.app-facade__cluster-head{block-size:2.75em;color:var(--af-grey60);background:var(--af-grey10);border-block-end:1px solid var(--af-grey25);align-items:center;gap:.625em;margin:0;padding:.75em 1em;font-size:1.143em;font-weight:700;display:flex}.app-facade__cluster-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-facade__cluster-item{transition:background-color var(--duration-base);padding:.857em 1.143em;position:relative}.app-facade__cluster-item:hover{background:var(--af-grey05)}.app-facade__cluster-item:not(:last-child):after{content:"";background:var(--af-grey30);block-size:1px;position:absolute;inset-block-end:0;inset-inline:1.143em}.app-facade__cluster-item-head{align-items:center;gap:.286em;min-inline-size:0;margin-block-end:.143em;display:flex}.app-facade__cluster-item-num{color:var(--af-indigo30);flex-shrink:0;font-weight:700}.app-facade__cluster-sep{color:var(--af-grey60);white-space:nowrap;flex-shrink:0}.app-facade__cluster-item-name{text-overflow:ellipsis;min-inline-size:0;max-inline-size:100%;color:var(--af-grey60);white-space:nowrap;flex:1 1 0;overflow:hidden}.app-facade__cluster-item-status{min-block-size:1.143em;color:var(--af-grey60);align-items:center;margin:0;padding-inline-start:1.714em;display:flex;position:relative}.app-facade__cluster-item-icon{block-size:1.143em;inline-size:1.143em;color:var(--af-grey60);position:absolute;inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%)}.app-facade__panel--chart{padding:1.714em 2.286em;overflow:clip}.app-facade__chart{flex-direction:column;gap:2.286em;display:flex}.app-facade__chart-title{color:var(--af-grey60);margin:0;font-size:1.571em;font-weight:800}.app-facade__chart-subtitle{color:var(--af-grey60);margin:-.6em 0 0;font-size:1em;font-weight:700}.app-facade__chart-tiles{justify-content:space-between;gap:.857em;inline-size:100%;display:flex}.app-facade__chart-tile{border-inline-start:.214em solid var(--af-indigo20);flex:17.143em;padding:.429em}.app-facade__chart-tile:hover{background:var(--af-grey10)}.app-facade__chart-tile-label{color:var(--af-grey50);margin-block-end:.286em;font-size:.857em;font-weight:600;display:block}.app-facade__chart-tile-value{color:var(--af-black);font-size:1.714em;font-weight:800;display:block}.app-facade__chart-tile-unit{font-weight:400}.app-facade__chart-sections{flex-direction:column;gap:2.286em;display:flex}.app-facade__chart-sections[data-layout=row]{border-block-start:var(--af-hairline) solid var(--af-grey20);flex-direction:row;gap:2.286em;padding-block-start:2.286em}.app-facade__chart-sections[data-layout=row] .app-facade__chart-section{flex:1;min-inline-size:0}.app-facade__chart-section{flex-direction:column;gap:.857em;display:flex}.app-facade__chart-heading{color:var(--af-grey60);margin:0;font-size:1.143em;font-weight:700}.app-facade__chart-plotwrap{align-items:stretch;gap:.4em;display:flex}.app-facade__chart-plotwrap .app-facade__chart-plot{flex:1;min-inline-size:0}.app-facade__chart-ytitle{color:var(--af-grey40);text-align:center;writing-mode:vertical-rl;align-self:center;font-size:.715em;transform:rotate(180deg)}.app-facade__chart-plot{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.857em;display:grid}.app-facade__chart-cat{color:var(--af-grey60);text-align:end;font-size:.857em}.app-facade__chart-cat-code{font-weight:500;display:block}.app-facade__chart-cat-name{font-weight:400;display:block}.app-facade__chart-barcell{min-block-size:calc(2 * var(--af-chart-bar,3.214em));background:repeating-linear-gradient(90deg, var(--af-grey20) 0 1px, transparent 1px calc(100% / var(--af-chart-ticks)));border-inline-end:1px solid var(--af-grey20);align-items:center;display:flex}.app-facade__chart-bar{block-size:var(--af-chart-bar,3.214em);border-radius:0 .1em .1em 0;flex-shrink:0;position:relative}.app-facade__chart-break{background:var(--af-white);inline-size:.5em;position:absolute;inset-block:-.143em;inset-inline-end:8%;transform:skew(-18deg)}.app-facade__chart-seg{block-size:var(--af-chart-bar,3.214em);box-shadow:1px 0 0 var(--af-white);flex-shrink:0}.app-facade__chart-val{color:var(--af-grey60);margin-inline-start:.5em;font-size:.857em;font-weight:700}.app-facade__chart-axis-label,.app-facade__chart-tick{color:var(--af-grey40);font-size:.715em}.app-facade__chart-axis-label{text-align:end}.app-facade__chart-axis{justify-content:space-between;display:flex}.app-facade__chart-columns{grid-template-rows:auto 12em auto;grid-template-columns:auto minmax(0,1fr);gap:.4em .5em;display:grid}.app-facade__chart-col-caption{color:var(--af-grey50);grid-column:1/-1;font-size:.857em;font-weight:600}.app-facade__chart-ylabels{color:var(--af-grey40);text-align:end;flex-direction:column;grid-row:2;justify-content:space-between;font-size:.715em;display:flex}.app-facade__chart-coltracks{background:repeating-linear-gradient(to top, var(--af-grey20) 0 1px, transparent 1px 20%);border-block:1px solid var(--af-grey20);grid-area:2/2;align-items:flex-end;gap:.857em;display:flex}.app-facade__chart-coltrack{flex:1;justify-content:center;align-items:flex-end;block-size:100%;display:flex}.app-facade__chart-col-bar{inline-size:45%}.app-facade__chart-collabels{color:var(--af-grey40);grid-area:3/2;gap:.857em;font-size:.66em;display:flex}.app-facade__chart-collabels span{text-align:center;flex:1}.app-facade__chart-legend{color:var(--af-grey50);flex-wrap:wrap;justify-content:center;gap:.5em 1em;font-size:.8em;display:flex}.app-facade__chart-legend-item{align-items:center;gap:.4em;display:inline-flex}.app-facade__chart-legend-dot{border-radius:50%;block-size:.6em;inline-size:.6em}.hero-feature{--hero-feature-media-block-size:75%;--hero-feature-overlay-color:var(--color-brand-midnight-blue-900);--hero-feature-overlay-alpha:.3;--hero-feature-text-color:light-dark(var(--color-brand-midnight-blue-900),var(--color-brand-cloud-white));--hero-feature-content-max-inline-size:37.5rem;--hero-feature-body-max-inline-size:31.25rem;--hero-feature-glass-surface:oklch(from var(--color-brand-cloud-white) l c h / 8%);--hero-feature-glass-highlight:oklch(from var(--color-brand-cloud-white) l c h / 25%);--hero-feature-glass-midshade:oklch(from var(--color-brand-cloud-white) l c h / 5%);--hero-feature-glass-shadow:oklch(from var(--color-brand-midnight-blue-900) l c h / 15%);--hero-feature-glass-bevel:oklch(from var(--color-brand-cloud-white) l c h / 10%);row-gap:var(--component-space-3xl);isolation:isolate;align-items:center;padding-block-start:var(--chrome-clearance);padding-block-end:var(--section-padding-lg);position:relative;overflow:clip;container-type:inline-size}.hero-feature__media{z-index:-1;block-size:var(--hero-feature-media-block-size);pointer-events:none;grid-column:grid;position:absolute;inset-block-start:0;inset-inline:0}.hero-feature__media-inner{position:absolute;inset:0}.hero-feature__media-inner>*,.hero-feature__image{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.hero-feature__scrim{background-color:var(--hero-feature-overlay-color);opacity:var(--hero-feature-overlay-alpha);position:absolute;inset:0}.hero-feature__content{z-index:1;gap:var(--component-space-xl);inline-size:100%;max-inline-size:var(--hero-feature-content-max-inline-size);text-align:center;flex-direction:column;justify-self:center;display:flex;position:relative}.hero-feature__text{gap:var(--component-space-xl);flex-direction:column;align-items:center;inline-size:100%;display:flex}.hero-feature__title,.hero-feature__body{color:var(--hero-feature-text-color);margin:0}.hero-feature__title{letter-spacing:-.0625rem;font-size:2.75rem}@media (width>=768px){.hero-feature__title{letter-spacing:-.25rem;font-size:3.625rem}}.hero-feature__body{inline-size:100%;max-inline-size:var(--hero-feature-body-max-inline-size)}.hero-feature__actions{gap:var(--component-space-sm);flex-direction:column;align-items:center;inline-size:100%;display:flex}@media (width>=768px){.hero-feature__actions{flex-flow:wrap;justify-content:center;align-items:flex-start}}.hero-feature__form{inline-size:100%}@media (width>=768px){.hero-feature__form{inline-size:auto}}.hero-feature__cta{inline-size:100%}@media (width>=768px){.hero-feature__cta{inline-size:auto}}.hero-feature__demo-glass{inline-size:calc(100% - var(--grid-gap));min-inline-size:44.5rem;max-inline-size:62rem;padding:var(--space-2x);background:var(--hero-feature-glass-surface);background-image:linear-gradient(-30deg, var(--hero-feature-glass-highlight) 0%, var(--hero-feature-glass-midshade) 40%, var(--hero-feature-glass-shadow) 100%);border-radius:var(--space-3x);box-shadow:inset 1px 1px 0 var(--hero-feature-glass-bevel), inset -1px -1px 0 var(--hero-feature-glass-bevel);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);position:relative}@container (inline-size>=1040px){.hero-feature__demo-glass{inline-size:100%;margin-inline:auto}}.hero-feature__demo-wrapper{grid-column:main-start/-1;min-inline-size:0;position:relative;overflow:clip;container-type:inline-size}@container (inline-size>=1040px){.hero-feature__demo-wrapper{grid-column:main}}.hero-feature__demo{aspect-ratio:16/11;border-radius:var(--space-2x);background-color:#0000;overflow:clip}@container (inline-size<=712px){.hero-feature__demo-wrapper:after{pointer-events:none;content:"";background:linear-gradient(to right, transparent, oklch(from var(--color-brand-cloud-white-50) l c h/80%));inline-size:15rem;position:absolute;inset-block:0;inset-inline-end:0}}}@layer variants{@media (prefers-reduced-motion:no-preference){.app-facade__nav-item[data-open] .app-facade__menu{animation:.24s forwards app-facade-menu}.app-facade__chart-bar,.app-facade__chart-seg{animation:.7s ease-out app-facade-grow-x}.app-facade__chart-col-bar{animation:.7s ease-out app-facade-grow-y}.app-facade__map-marker[data-active]:after{z-index:-1;content:"";background:var(--af-indigo30);border-radius:50%;animation:1.5s ease-out infinite app-facade-marker-pulse;position:absolute;inset:0}}@keyframes app-facade-marker-pulse{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes app-facade-menu{0%{opacity:0;transform:translateY(-.286em)}to{opacity:1;transform:translateY(0)}}@keyframes app-facade-grow-x{0%{inline-size:0}}@keyframes app-facade-grow-y{0%{block-size:0}}.hero-feature[data-underlay=strong]{--hero-feature-overlay-alpha:.5}}}