.hero-region,.hero-region *{box-sizing:border-box}.hero-region{font-family:var(--font-v2-sans);color:#171712;background:#f8f8f5;line-height:1.55}.hero-region .hr-ride{position:relative}.hero-region .hr-hero{height:calc(100vh - var(--nav-h) - 2px);background:#f8f8f5;min-height:600px;position:relative;overflow:hidden}.hero-region .hr-copy{z-index:3;box-sizing:content-box;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;max-width:1240px;height:100%;margin:0 auto;padding:0 32px;display:flex;position:relative}.hero-region .hr-copy>div{pointer-events:auto}.hero-region .hr-block{max-width:640px;padding-bottom:38px}.hero-region .hr-h1{text-wrap:balance}.hero-region .hr-copy .hr-view{margin-bottom:26px}.hero-region .hr-visual{position:absolute;inset:0}.hero-region .hr-scene{touch-action:pan-y;isolation:isolate;position:absolute;inset:0 0 138px;overflow:hidden}.hero-region .hr-scene canvas{cursor:grab;width:100%;height:100%;display:block}.hero-region .hr-scene:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#f8f8f5fa 0%,#f8f8f5f7 25%,#f8f8f5e6 36%,#f8f8f5a8 46%,#f8f8f545 57%,#f8f8f50a 71%,#0000 84%),linear-gradient(#f8f8f54d,#0000 15% 86%,#f8f8f5);position:absolute;inset:0}.hero-region .hr-caption{z-index:4;font-family:var(--font-v2-mono);border-top:1px solid #d8d9d1;padding-top:12px;font-size:12px;line-height:1.5;position:absolute;bottom:42px;left:52%;right:44px}.hero-region .hr-caption-footer{color:#777c73;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:14px;font-size:10px;display:flex}.hero-region .hr-status[data-brand]:before{content:"spiderAI™ · ";text-transform:none}.hero-region .hr-caption button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.hero-region .hr-progress{transform-origin:0;background:#737e75;width:100%;height:1px;position:absolute;top:-1px;left:0;transform:scaleX(0)}.hero-region .hr-labels{pointer-events:none;z-index:3;position:absolute;inset:0}.hero-region .zone{white-space:nowrap;font-family:var(--font-v2-mono);letter-spacing:.08em;color:#343e39;background:#f8f8f5d1;border-left:1px solid #7b8277;padding:4px 7px;font-size:9px;position:absolute;top:0;left:0;box-shadow:0 1px 10px #2222}.hero-region button:focus-visible,.hero-region a:focus-visible,.hr-detail button:focus-visible{outline-offset:5px!important;outline:2px solid #c9391e!important}.hr-detail{color:#24241f;width:min(450px,100% - 32px);font-family:var(--font-v2-sans);background:#f8f8f5;border:1px solid #d6d8d0;border-radius:4px;padding:30px;line-height:1.55;box-shadow:0 16px 80px #17201933}.hr-detail::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17201955}.hr-detail h2{margin:15px 0;font-size:25px;font-weight:400;line-height:1.15}.hr-detail ol{margin:0;padding-left:20px;font-size:14px;line-height:1.6}.hr-detail li{padding:6px 0}.hr-detail .hr-close-detail{float:right;cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-size:23px}.hr-detail .hr-detail-eyebrow{font:10px var(--font-v2-mono);color:#c9391e;letter-spacing:.1em}.hero-region .hr-scroll-note{color:#858a80;letter-spacing:.06em;margin-top:12px;font-size:10px}@media (max-width:1100px) and (min-width:900px){.hero-region .hr-copy{padding:0 30px}.hero-region .hr-block{max-width:50%}.hero-region .hr-visual{left:0}.hero-region .hr-caption{left:55%;right:24px}}@media (max-width:899px){.hero-region .hr-ride{height:auto}.hero-region .hr-hero{height:auto;min-height:calc(100svh - var(--nav-h));flex-direction:column;display:flex}.hero-region .hr-copy{flex:none;height:auto;margin:0;padding:0 24px;display:block}.hero-region .hr-copy>div{max-width:650px!important;padding:26px 0 18px!important}.hero-region .hr-copy p{line-height:1.45;margin-top:14px!important;font-size:clamp(14px,1.8vw,16px)!important}.hero-region .hr-copy .hr-eyebrow{margin-bottom:14px!important}.hero-region .hr-copy .hr-actions{gap:12px!important;margin-top:0!important;padding-top:20px!important}.hero-region .hr-copy .hr-actions .glass-pill{padding:12px 14px!important;font-size:10px!important}.hero-region .hr-copy .hr-view{margin-bottom:18px!important}.hero-region .hr-copy a{font-size:13px!important}.hero-region .hr-visual{flex:auto;min-height:240px;position:relative;inset:auto}}@media (max-width:899px) and (max-height:740px){.hero-region .hr-copy>div{padding:18px 0 14px!important}.hero-region .hr-copy h1,.hero-region .hr-copy .hr-h1{font-size:26px!important}.hero-region .hr-copy p{margin-top:11px!important;font-size:13px!important}.hero-region .hr-copy .hr-eyebrow{margin-bottom:10px!important}.hero-region .hr-copy .hr-actions{padding-top:14px!important}}.hero-region .hr-leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-region .hr-leaders line{stroke-width:.7px;opacity:.4}.hero-region .hr-scene:after{background:radial-gradient(72% 118% at 0 100%,#f8f8f5fa 0%,#f8f8f5f0 42%,#f8f8f5a8 66%,#f8f8f533 86%,#0000 100%),linear-gradient(#f8f8f5,#0000 8% 88%,#f8f8f5)}.hero-region .hr-loading{font:11px var(--font-v2-mono);color:#84928b;position:absolute;top:48%;left:50%}.hero-region .map-label{white-space:nowrap;pointer-events:none;font-family:var(--font-v2-mono);color:#607169;background:#f8f8f5e8;border:1px solid #a6b4a64d;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:400;line-height:1.35;position:absolute;top:0;left:0;box-shadow:0 3px 12px #76847d09}.hero-region .map-label[hidden]{display:none!important}.hero-region .map-label.site,.hero-region .map-label.facility{letter-spacing:.07em;background:#f8f8f5d1;border:0;font-size:8px}.hero-region .map-label.outcome{z-index:4;border-color:color-mix(in srgb, var(--accent), transparent 75%);color:var(--accent);letter-spacing:.015em;background:#fbfbf7f5;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:flex;box-shadow:0 4px 14px #67726b09}.hero-region .map-label.outcome:after{content:none;height:var(--stem,13px);background:var(--accent);opacity:.25;width:1px;position:absolute;top:100%;left:50%}.hero-region .map-label.outcome small{color:#858a80;letter-spacing:0;margin-top:3px;font-size:6.5px;display:block}.hero-region .outcome-icon{flex:0 0 22px;width:22px;height:22px;display:block}.hero-region .outcome-icon svg{width:100%;height:100%}.hero-region .map-label.train{color:#546d64;background:#f6f8f2ed;border-color:#aebeb7;font-size:8px}.hero-region .map-label.stage{color:#8a8f83;background:#f8f8f5bd;border:0;font-size:7px}.hero-region .map-label.agent{letter-spacing:.03em;color:#738d87;background:#eaf0e8cc;border:0;font-size:9px}.hero-region .hr-caption-footer{flex-wrap:wrap;font-size:9px}.hero-region .hr-status{text-align:right;max-width:58%}.hero-region .zone{color:#4d6159;background:#f8f8f5d9;border-left:1px solid #7b8277;font-size:8px;box-shadow:0 1px 10px #2221}.hero-region .hr-copy{z-index:5}.hero-region .hr-labels{z-index:3}.hero-region.ready .hr-scene canvas{animation:.9s ease-out both hr-reveal}@keyframes hr-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-region.ready .hr-scene canvas{animation:none}.hero-region .hr-scroll-note{display:none}}@media (prefers-reduced-motion:reduce) and (min-width:900px){.hero-region .hr-ride{height:calc(100vh - var(--nav-h))}}.hero-region .map-label,.hero-region .map-label.site,.hero-region .map-label.facility,.hero-region .map-label.stage,.hero-region .map-label.train,.hero-region .map-label.agent,.hero-region .map-label.outcome,.hero-region .zone{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#eaf0e852}.hero-region .map-label{border-color:#78918229}.hero-region .map-label.outcome{border-color:color-mix(in srgb, var(--accent), transparent 86%)}.hero-region .map-label.outcome small{color:#63736a}.hero-region .map-label.agent{color:#376f61;background:#eaf0e852;padding:4px 7px;font-size:11px}.hero-region .hr-journey-controls{align-items:center;gap:14px;display:flex}.hero-region .hr-caption .hr-journey-controls button{white-space:nowrap;min-height:32px}.hero-region .hr-caption .hr-pause{color:#354b40;text-transform:uppercase;letter-spacing:.07em}.hero-region .hr-caption .hr-zoom-in,.hero-region .hr-caption .hr-zoom-out{border:1px solid #a6b4a640;border-radius:5px;min-width:28px;font-size:19px}.hero-region .hr-caption-footer{gap:4px 16px}.hero-region .hr-status{text-align:left;max-width:100%;font-size:8px}.hero-region .hr-scroll-note{margin-top:7px}.hero-region .hr-caption{bottom:23px}.hero-region .hr-scene{bottom:106px}@media (max-width:899px){.hero-region .hr-scene{bottom:93px}.hero-region .hr-scene:after{background:linear-gradient(#f8f8f5,#0000 7% 90%,#f8f8f5)}.hero-region .hr-caption{padding-top:8px;font-size:10px;bottom:12px;left:24px;right:24px}.hero-region .hr-caption-footer{font-size:8px}.hero-region .hr-scroll-note{margin-top:7px;font-size:8px}.hero-region .hr-caption .hr-journey-controls{gap:13px}.hero-region .hr-caption .hr-journey-controls button{min-height:28px}.hero-region .hr-caption .hr-status{font-size:7px}.hero-region .map-label.outcome{gap:4px;padding:4px 6px;font-size:7px}.hero-region .map-label.outcome small{display:none}.hero-region .outcome-icon{flex-basis:14px;width:14px;height:14px}.hero-region .map-label.site,.hero-region .map-label.facility{padding:2px 3px;font-size:6px}.hero-region .map-label.agent{padding:3px 5px;font-size:8px}.hero-region .zone{padding:2px 3px;font-size:6px}.hero-region .hr-loading{left:35%}}@media (min-width:900px) and (max-height:820px){.hero-region .hr-copy .hr-h1{font-size:clamp(28px,2.9vw,38px)}.hero-region .hr-copy .hr-para{margin-top:14px;font-size:15px;line-height:1.55}.hero-region .hr-copy .hr-para+.hr-para{margin-top:10px}.hero-region .hr-copy .hr-actions{padding-top:20px}.hero-region .hr-copy .hr-view{margin-bottom:18px}}.hero-region .hr-versions{display:grid}.hero-region .hr-version{grid-area:1/1;transition:opacity .26s 80ms,visibility linear}.hero-region .hr-version[data-on=false]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility 0s linear .18s}@media (prefers-reduced-motion:reduce){.hero-region .hr-version,.hero-region .hr-version[data-on=false]{transition:none}}.hero-region .hr-version{flex-direction:column;display:flex}.hero-region .hr-version .hr-actions{margin-top:auto;padding-top:28px}@media (max-width:899px){.hero-region .hr-versions{position:relative}.hero-region .hr-version[data-on=false]{position:absolute;inset:0 0 auto}}.hero-region .hr-robot{--robot-ink:#376f61;--robot-tip:#e0457b;--robot-face:#f8f8f5;--robot-size:48px;--robot-step:.6s;z-index:5;width:var(--robot-size);aspect-ratio:6/5;color:var(--robot-ink);pointer-events:none;position:absolute;top:0;left:0}.hero-region .hr-robot[hidden]{display:none}.hero-region .hr-robot svg{width:100%;height:100%;transition:transform .18s;display:block;overflow:visible}.hero-region .hr-robot[data-facing=left] svg{transform:scaleX(-1)}.hero-region .hr-robot .robot__body{animation:hr-robot-bob var(--robot-step) ease-in-out infinite}.hero-region .hr-robot .robot__leg{transform-box:view-box;animation:hr-robot-step calc(var(--robot-step) * 2) ease-in-out infinite}.hero-region .hr-robot .robot__leg--l{transform-origin:45px 62px}.hero-region .hr-robot .robot__leg--r{transform-origin:75px 62px;animation-delay:calc(var(--robot-step) * -1)}.hero-region .hr-robot .robot__antenna{transform-box:view-box;transform-origin:78px 34px;animation:hr-robot-sway calc(var(--robot-step) * 2) ease-in-out infinite}.hero-region .hr-robot .robot__tip{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out infinite hr-robot-pulse}.hero-region .hr-robot .robot__eyes{transform-box:fill-box;transform-origin:50%;animation:3.6s infinite hr-robot-blink}.hero-region .hr-robot .robot__shadow{transform-box:fill-box;transform-origin:50%;animation:hr-robot-shadow var(--robot-step) ease-in-out infinite}.hero-region .hr-robot.is-held *{animation-play-state:paused}@keyframes hr-robot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hr-robot-step{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes hr-robot-sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes hr-robot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.35)}}@keyframes hr-robot-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes hr-robot-shadow{0%,to{opacity:.18;transform:scaleX(1)}50%{opacity:.1;transform:scaleX(.85)}}@media (max-width:899px){.hero-region .hr-robot{--robot-size:34px}}@media (prefers-reduced-motion:reduce){.hero-region .hr-robot *{animation:none!important}}.hero-region .hr-view{border-bottom:1px solid #3a3a3524;width:max-content;max-width:100%;padding-bottom:10px;gap:0 14px!important;margin-bottom:22px!important}.hero-region .hr-view .view-toggle{align-items:center;gap:18px;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;height:auto!important;padding:0!important;display:flex!important}.hero-region .hr-view .view-toggle:before,.hero-region .hr-view .view-toggle:after,.hero-region .hr-view .view-toggle-thumb{display:none!important}.hero-region .hr-view .view-toggle-option{transition:color .15s;position:relative;letter-spacing:.1em!important;color:#8a8a82!important;background:0 0!important;height:auto!important;padding:2px 0!important;font-size:10.5px!important}.hero-region .hr-view .view-toggle-option:hover{color:#3a3a35!important}.hero-region .hr-view .view-toggle-option[aria-pressed=true]{font-weight:600;color:#1f1f1c!important}.hero-region .hr-view .view-toggle-option[aria-pressed=true]:after{content:"";background:#1f1f1c;height:2px;position:absolute;bottom:-11px;left:0;right:0}.hero-region .hr-view .glass-info{margin-left:6px;width:16px!important;min-width:0!important;height:16px!important;box-shadow:none!important;background:0 0!important;border:1px solid #3a3a3559!important;font-size:9px!important}.hero-region .hr-eyebrow{align-items:center!important;gap:8px!important;margin-bottom:16px!important;font-size:11px!important}.hero-region .hr-eyebrow>span:first-child{border:1px solid #3a3a35;color:#1f1f1c!important;background:0 0!important;padding:2px 6px!important}.hero-region .hr-eyebrow>span:last-child{color:#55554f!important;font-weight:500!important}.hero-region .hr-robot{color:#3a3a35!important}.hero-region .map-label.agent{color:#3a3a35!important;border-color:#3a3a35!important}
