.fx-r{opacity:0;transform:translateY(12px);filter:blur(6px);transition:opacity .8s var(--fx-ease),transform .8s var(--fx-ease),filter .8s var(--fx-ease);transition-delay:var(--d,0s)}
.fx-r.in{opacity:1;transform:none;filter:none}
.fx-r.fx-done{transition:opacity .3s,filter .3s,transform .3s var(--fx-ease),box-shadow .3s,border-color .3s;transition-delay:0s}
.fx-header{position:sticky!important;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.fx-sheen{position:relative;overflow:hidden}
.fx-sheen::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#FFFFFFA6 50%,transparent 70%);transform:translateX(-120%);animation:fxsheen 3.4s 1.2s ease-in-out infinite}
@keyframes fxsheen{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
[data-pencil-name="BG · Stars (sockpuppet.io)"]{animation:fxtwinkle 7s ease-in-out infinite alternate}
@keyframes fxtwinkle{from{opacity:1}to{opacity:.55}}
[data-pencil-name="Mark Badge"]{animation:fxfloat 5s ease-in-out infinite}
@keyframes fxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.fx-cell{position:relative;--x:50%;--y:50%;background-image:radial-gradient(380px circle at var(--x) var(--y),rgb(82 199 188 / calc(var(--fxa) * .12)),transparent 60%);transition:--fxa .35s}
.fx-cell:hover{--fxa:1}
.fx-cell [data-pencil-name="Icon Tile"]{transition:transform .35s var(--fx-ease)}
.fx-cell:hover [data-pencil-name="Icon Tile"]{transform:translateY(-2px) scale(1.06)}
.fx-cell [data-pencil-name="Watermark"]{transition:transform .8s var(--fx-ease)}
.fx-cell:hover [data-pencil-name="Watermark"]{transform:translate(-6px,-6px) rotate(-6deg)}
.fx-card.fx-done:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0A0A0A12}
.fx-pop{opacity:0;transform:scale(.4);transition:opacity .4s,transform .6s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--d,0s)}
.fx-pop.in{opacity:1;transform:none}
[data-pencil-name^="Button"]{cursor:pointer;transition:filter .2s,transform .15s}
[data-pencil-name^="Button"]:hover{filter:brightness(1.04)}
[data-pencil-name="Button · Contact Sales"]:hover{background-color:#5522E0!important;filter:none;transform:translateY(-1px)}
[data-pencil-name^="Nav "] [data-pencil-name="Caret"]{transition:transform .2s}
[data-pencil-name^="Nav "]:hover [data-pencil-name="Caret"]{transform:translateY(2px)}
[data-pencil-name^="Nav "]{cursor:pointer}
@property --fxbeam{syntax:'<angle>';inherits:false;initial-value:0deg}
.fx-beam-host{position:relative;isolation:isolate}
.fx-beam{position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--fxbeam),transparent 0deg,transparent 290deg,#6630FF 335deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:fxbeamspin 7s linear infinite;pointer-events:none}
@keyframes fxbeamspin{to{--fxbeam:360deg}}
[data-pencil-name^="Button"]:active{transform:scale(.98)}
html.still .fx-r,html.still .fx-pop{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
html.still *{animation-play-state:paused!important}
@media (prefers-reduced-motion: reduce){.fx-r,.fx-pop{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}*{animation:none!important}}

.map .dots{fill:#0A0A0A;opacity:.18;clip-path:inset(0 100% 0 0);transition:clip-path 2.2s cubic-bezier(.16,1,.3,1)}
.map.in .dots{clip-path:inset(0 0 0 0)}
.np{fill:#52C7BC;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:opacity .5s,transform .6s cubic-bezier(.34,1.56,.64,1),fill .6s;transition-delay:var(--d)}
.map.in .np{opacity:1;transform:none}
.np.tw{fill:#006861;transition-delay:0s}
.cat{--x:50%;--y:50%}.cat::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--x) var(--y),#52C7BC1c,transparent 60%);opacity:0;transition:opacity .35s}.cat:hover::before{opacity:1}.cat .itile{transition:transform .35s cubic-bezier(.16,1,.3,1)}.cat:hover .itile{transform:translateY(-3px)}
html.still .map .dots{clip-path:none}html.still .np{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.map .dots{clip-path:none}.np{opacity:1;transform:none}}

.tl{background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px #e5e5e5;padding:32px;display:flex;flex-direction:column;gap:24px;overflow:hidden;box-sizing:border-box;min-width:0}
.viz{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;background:#fafafa;border-radius:14px;box-shadow:inset 0 0 0 1px #e5e5e5;padding:8px 20px}
.cat.spot{background:radial-gradient(120% 140% at 15% 10%,#52C7BC1F,transparent 70%),radial-gradient(120% 150% at 92% 95%,#6630FF14,transparent 70%)}
.cat .wm{transition:transform .8s cubic-bezier(.16,1,.3,1)}.cat:hover .wm{transform:rotate(-8deg) scale(1.06)}
.marker{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;opacity:0;transform:scale(.4);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.map.in .marker{opacity:1;transform:none}
.marker i{position:absolute;inset:0;border-radius:999px;background:#52C7BC1f}
.marker b{position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:999px;border:1px solid #52C7BC80;box-sizing:border-box}
.marker s{position:absolute;left:21px;top:21px;width:10px;height:10px;border-radius:999px;background:#1F978D}
.marker u{position:absolute;left:21px;top:21px;width:10px;height:10px;border-radius:999px;border:1px solid #1F978D;box-sizing:border-box;animation:ping 2.4s var(--p,0s) cubic-bezier(0,0,.2,1) infinite}
@keyframes ping{0%{transform:scale(1);opacity:.9}80%,100%{transform:scale(4.2);opacity:0}}
.mlabel{position:absolute;padding:5px 9px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5,0 2px 8px #0000000a;font:500 12px/1.2 Inter,system-ui,sans-serif;color:#0a0a0a;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .6s,transform .6s}
.map.in .mlabel{opacity:1;transform:none}
.callout{position:absolute;display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #52C7BC;font:500 13px/1.2 Inter,system-ui,sans-serif;color:#0a0a0a;opacity:0;transform:translateY(6px);transition:opacity .7s 2s,transform .7s 2s}
.map.in .callout{opacity:1;transform:none}
.scout-tile,.envlive{animation:scoutGlow 3s ease-in-out infinite}
@keyframes scoutGlow{0%,100%{box-shadow:inset 0 0 0 1.5px #52C7BC,0 0 0 0 #52C7BC00}50%{box-shadow:inset 0 0 0 1.5px #52C7BC,0 0 24px 2px #52C7BC40}}
.wire span{position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:9px;background:#1F978D;box-shadow:0 0 8px #52C7BC;animation:travel 2.4s linear infinite}
@keyframes travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
.fleetg i{height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5;color:#a3a3a3}
.fleetg i{transition:background .5s,color .5s,box-shadow .5s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.fleetg.in i.on{background:#1F978D;box-shadow:none;color:#fff}
.fleetg i.pop{transform:scale(1.15)}
html.still .fleetg i.on{background:#1F978D;box-shadow:none;color:#fff}
@media (prefers-reduced-motion: reduce){.fleetg i.on{background:#1F978D;box-shadow:none;color:#fff}}
html.still .marker,html.still .mlabel,html.still .callout{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion: reduce){.marker,.mlabel,.callout{opacity:1;transform:none}.wire span,.marker u{animation:none}}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
.beam-border{position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a),transparent 0deg,transparent 290deg,#52C7BC 335deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beamspin 7s linear infinite;pointer-events:none}
@keyframes beamspin{to{--a:360deg}}
.wire:not([style*="flex"]) span{display:none}


.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1)}
.faq.open .faq-a{grid-template-rows:1fr}
.faq-v{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.faq.open .faq-v{transform:rotate(90deg) scaleX(0)}
.faq-ic{transition:background .3s}.faq-q:hover .faq-ic{background:#52c7bc40}
.faq-q:focus-visible{outline:2px solid #6630FF;outline-offset:4px;border-radius:6px}


#the-session .viz, #TheStandard .viz{background:transparent!important;box-shadow:none!important;padding:0!important}
#the-session .viz{gap:6px}
.v2-row{display:flex;align-items:center;gap:12px;height:46px;padding:0 12px!important;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5;border:0!important}

/* Mobile responsive (2026-10-26): nothing changes at 1440px and up; the frame turns fluid below that, tablet at 1079px and below, phone at 640px and below, plus content breakpoints where a row runs out of room */
.lp-menu{display:none;width:44px;height:44px;margin:0 -10px 0 4px;border:0;border-radius:8px;background:none;color:#fafafa;cursor:pointer;align-items:center;justify-content:center}
.lp-menu svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lp-menu .x,.lp-open .lp-menu .l{display:none}
.lp-open .lp-menu .x{display:inline}
.lp-menu:focus-visible{outline:2px solid #6630FF;outline-offset:2px}
[data-pencil-name="Nav"]>.lp-nav-login{display:none!important}
@media (max-width:1439px){
  [data-pencil-name="Scout — Platform · Light"]{width:100%!important}
  [data-pencil-name="Scout — Platform · Light"]>:not([data-pencil-name="Announcement Bar"]){padding-left:max(24px,calc((100% - 1240px) / 2))!important;padding-right:max(24px,calc((100% - 1240px) / 2))!important}
  [data-pencil-name^="BG · Stars"],[data-pencil-name^="BG · Grid"]{width:100%!important;background-size:cover!important;background-position:center top!important}
  [data-pencil-name="Hero Copy"]>[data-pencil-name="Subhead"],[data-pencil-name="Get Started"]>[data-pencil-name="Title"],[data-pencil-name="Get Started"]>[data-pencil-name^="Body"],[data-pencil-name="Scout Components"]>[data-pencil-name="Section Header"]{max-width:100%!important}
}
@media (max-width:1079px){
  [data-pencil-name="Scout — Platform · Light"] [style*="font-size: 54px"],[data-pencil-name="Scout — Platform · Light"] [style*="font-size: 56px"],[data-pencil-name="Scout — Platform · Light"] [style*="font-size: 52px"]{font-size:44px!important;line-height:1.12!important}
  [data-pencil-name="Operational Problem"]>div[style*="grid-template-columns"],[data-pencil-name="FAQ"]{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  [data-pencil-name="Bento"][style*="repeat(12"]>*{grid-column:span 6!important}
  [data-pencil-name="Bento"][style*="repeat(12"]>[style*="span 12"]{grid-column:span 12!important}
  [data-pencil-name="Destinations"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  [data-pencil-name="Destination"]{overflow:hidden!important}
  [data-pencil-name="Cards"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-pencil-name="Footer Top"]{flex-direction:column!important;align-items:flex-start!important;gap:28px!important}
  [data-pencil-name="Footer Top"]>[data-pencil-name="Brand"]{width:auto!important;max-width:560px!important}
  [data-pencil-name="Footer Links"]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px!important}
  [data-pencil-name="Footer Links"]>[data-pencil-name="Contact Card"]{grid-column:1/-1;width:auto!important}
}
@media (max-width:960px){
  [data-pencil-name="Site Header"]>[data-pencil-name="Actions"]{margin-left:auto}
  [data-pencil-name="Site Header"]>[data-pencil-name="Nav"]{display:none!important;position:absolute;left:0;right:0;top:100%;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:auto!important;padding:4px 24px 16px;background:#0A0A0A;border-bottom:1px solid #ffffff1a}
  .lp-open>[data-pencil-name="Nav"]{display:flex!important}
  [data-pencil-name="Nav"]>[data-pencil-name^="Nav "]{justify-content:space-between!important;min-height:52px;border-top:1px solid #ffffff1a}
  [data-pencil-name="Nav"]>[data-pencil-name^="Nav "]:first-child{border-top:0}
  [data-pencil-name="Nav"]>[data-pencil-name^="Nav "]>[data-pencil-name="Label"]{font-size:17px!important}
  .lp-menu{display:inline-flex}
  [data-pencil-name="Steps"]{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:860px){
  [data-pencil-name="Scout — Platform · Light"]>*>div:not([data-pencil-name]):has(>[data-pencil-name="Button · Contact Sales"]){flex-direction:column!important;align-items:flex-start!important;gap:24px!important}
  [data-pencil-name="Bento"]{grid-template-columns:minmax(0,1fr)!important}
  [data-pencil-name="Bento"][style*="repeat(12"]>*,[data-pencil-name="Bento"][style*="repeat(12"]>[style*="span 12"]{grid-column:auto!important}
  [data-pencil-name="Session Includes"]{grid-template-columns:minmax(0,1fr)!important}
  [data-pencil-name="Why Scout"] [data-pencil-name="Bento"]>.tl[style*="flex-direction: row"],[data-pencil-name="Why Scout"] [data-pencil-name="Bento"]>.tl[style*="span 12"]{flex-direction:column!important}
  [data-pencil-name="Band"]{flex-direction:column!important;align-items:flex-start!important}
  [data-pencil-name="Band"]>*{width:100%!important}
  [data-pencil-name="Compliance"]{flex-wrap:wrap!important}
}
@media (max-width:640px){
  .tl{padding:15px;}
  [data-pencil-name="Scout — Platform · Light"]>:not([data-pencil-name="Announcement Bar"]){padding-left:16px!important;padding-right:16px!important}
  [data-pencil-name="Scout — Platform · Light"] [style*="font-size: 54px"],[data-pencil-name="Scout — Platform · Light"] [style*="font-size: 56px"],[data-pencil-name="Scout — Platform · Light"] [style*="font-size: 52px"]{font-size:34px!important;line-height:1.15!important;letter-spacing:-.6px!important}
  [data-pencil-name="Announcement Bar"]{flex-wrap:wrap!important;gap:6px 10px!important;padding:10px 16px!important}
  [data-pencil-name="Announcement Bar"]>*{white-space:normal!important;text-align:center!important}
  [data-pencil-name="Site Header"]{padding-top:12px!important;padding-bottom:12px!important}
  [data-pencil-name="Site Header"]>[data-pencil-name="Nav"]{padding:4px 16px 16px}
  [data-pencil-name="Site Header"]>[data-pencil-name="Actions"]>[data-pencil-name="Login"]{display:none!important}
  [data-pencil-name="Nav"]>.lp-nav-login{display:flex!important}
  [data-pencil-name="Site Header"] [data-pencil-name="Button · Contact Sales"]{padding:10px 18px!important}
  [data-pencil-name="Hero"]{padding-top:56px!important;padding-bottom:72px!important}
  [data-pencil-name="Hero Copy"]{gap:20px!important}
  [data-pencil-name="Hero Copy"]>[data-pencil-name="Subhead"]{font-size:16px!important;line-height:1.6!important}
  [data-pencil-name="Hero Copy"]>[data-pencil-name="CTAs"]{flex-wrap:wrap!important;justify-content:center!important}
  [data-pencil-name="Scout — Platform · Light"]>[style*="padding: 120px"]{padding-top:64px!important;padding-bottom:64px!important}
  [data-pencil-name="Scout — Platform · Light"]>[style*="padding: 0px 100px 120px"]{padding-bottom:64px!important}
  [data-pencil-name="Get Started"]{padding-top:64px!important;padding-bottom:64px!important}
  [data-pencil-name="Get Started"]>[data-pencil-name="CTAs"]{flex-direction:column!important;align-self:stretch!important;align-items:stretch!important;width:auto!important}
  [data-pencil-name="Get Started"]>[data-pencil-name="CTAs"]>*,[data-pencil-name="Get Started"]>[data-pencil-name="CTAs"]>a>*{width:100%!important;justify-content:center!important}
  [data-pencil-name="Destinations"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-pencil-name="Cards"]{grid-template-columns:minmax(0,1fr)!important}
  [data-pencil-name="Footer"]{padding-top:56px!important;padding-bottom:32px!important}
  .map .mlabel{display:none}
  [data-pencil-name="Investigation Architecture"] .tl,[data-pencil-name="Mission-Critical Benefits"] .tl,[data-pencil-name="Why Scout"] .tl{padding:20px!important;gap:20px!important}
  [data-pencil-name="Reasons"] [style*="font-size:18px"]{font-size:16px!important}
  .mu-note .mu-st{font-size:11px!important;padding:3px 8px!important}
  [data-pencil-name="Visual · Magic UI Shimmer Button"]>div{max-width:100%!important}
  .v2-row{height:auto!important;min-height:46px;padding-top:8px!important;padding-bottom:8px!important}
  [data-pencil-name="Vaulted Credentials"] .v2-row{flex-wrap:wrap;row-gap:6px}
  [data-pencil-name="Vaulted Credentials"] .v2-row>div:nth-child(2){flex:1 1 calc(100% - 44px)!important;min-width:0}
  [data-pencil-name="Vaulted Credentials"] .v2-row>span:nth-child(3){margin-left:44px}
  [data-pencil-name="Session Lifecycle"] [data-pencil-name="Visual"]>div>div:not(.wire){width:auto!important;flex:1 1 0!important;min-width:0!important}
  [data-pencil-name="Session Lifecycle"] .wire{flex:0 1 16px!important;min-width:8px!important}
  [data-pencil-name="One Environment Per Session"] [data-pencil-name="Visual"]>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-pencil-name="Footer Top"]>[data-pencil-name="Actions"]{flex-wrap:wrap!important}
  [data-pencil-name="Footer Links"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-pencil-name="Footer Bottom"]{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
}
/* Mobile map (option A), from Isabela's Scout-Platform-v2-responsive.html: the map zoomed and cropped to fill its tile, small pulsing points, no labels or callout */
@media (max-width:760px){
  .mlabel{display:none!important}
  .callout{display:none!important}
  [data-pencil-name="Map Tile"]{padding:0!important;overflow:hidden!important}
  [data-pencil-name="Map Tile"] .map{width:136%!important;margin-left:-18%!important;margin-top:-2%;margin-bottom:-4%}
  .map .dots{opacity:.32!important}
  .marker{transform:none!important}
  .marker i,.marker b{display:none!important}
  .marker s,.marker u{width:12px!important;height:12px!important;left:20px!important;top:20px!important}
  .marker s{box-shadow:0 0 0 4px #52C7BC33}
}
/* Coverage destinations as compact rows, from Isabela's Scout-Platform-v2-responsive.html (tablet range aligned to this page's 1079px breakpoint) */
@media (max-width:1079px) and (min-width:761px){
  [data-pencil-name="Destination"]{border-width:0 0 1px 1px!important}
  [data-pencil-name="Destination"]:nth-child(3n+1){border-left-width:0!important}
  [data-pencil-name="Destination"]{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;min-height:0!important;padding:20px 18px!important}
  [data-pencil-name="Destination"] .itile{width:44px!important;height:44px!important;flex:none}
  [data-pencil-name="Destination"]>div:not(.itile){font-size:16px!important;line-height:21px!important;letter-spacing:-.2px!important}
  [data-pencil-name="Destination"] .wm{display:none!important}
}
@media (max-width:760px){
  [data-pencil-name="Destinations"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-pencil-name="Destination"]{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:0!important;padding:16px 12px!important;border-width:0 0 1px 0!important}
  [data-pencil-name="Destination"]:nth-child(2n){border-left-width:1px!important}
  [data-pencil-name="Destination"] .itile{width:40px!important;height:40px!important;border-radius:10px!important;flex:none}
  [data-pencil-name="Destination"] .itile svg{width:18px!important;height:18px!important}
  [data-pencil-name="Destination"]>div:not(.itile){font-size:14px!important;line-height:18px!important;letter-spacing:-.1px!important}
  [data-pencil-name="Destination"] .wm{display:none!important}
}