/* Selected Vector only: clearer promise, persistent navigation, connected sample. */
.spatial-public .spatial-header{background:#fffffff7;backdrop-filter:blur(14px)}.spatial-header.is-scrolled{box-shadow:0 6px 28px #14233f0c}.main-nav a{position:relative}.main-nav a[aria-current=location]{color:#315ce8}.main-nav a[aria-current=location]:after{content:'';height:2px;background:linear-gradient(90deg,#00b4cc,#315ce8,#7950e1);position:absolute;bottom:2px;left:0;right:0}.mobile-nav a[aria-current=location]{color:#315ce8;background:#f1f5ff;border-radius:7px}.spatial-header .account{min-height:44px}
[data-prototype="3"] .stage-heading h1{font-size:clamp(65px,6.8vw,102px);line-height:.94;margin:14px 0 18px}.stage-heading .hero-subtitle{font-size:15px;line-height:1.65;max-width:560px;margin:0 auto}.hero-cta{display:inline-flex;align-items:center;gap:32px;min-height:47px;margin-top:19px;padding:13px 22px;background:#315ce8;color:white;font-size:13px;line-height:1.5;border-radius:9px;box-shadow:0 9px 28px #315ce81b}.hero-cta:hover{background:#254bc6;box-shadow:0 10px 30px #315ce82b}.hero-cta:focus-visible{outline:3px solid #14233f;outline-offset:5px}[data-motion=full] .stage-heading{pointer-events:var(--hero-pointer,auto)}[data-prototype="3"] .object-stage{top:calc(47% - var(--story,0)*29%);height:calc(46% + var(--story,0)*7%)}[data-motion=reduced] .object-stage,[data-motion=static] .object-stage{top:47%;height:46%}.object-caption{bottom:0}
.job-demo-section{padding:100px 6%;max-width:1600px;margin:auto;border-top:1px solid #dbe3f0;scroll-margin-top:105px}.job-demo-section:focus,.capabilities-section:focus,.guides-section:focus{outline:none}.demo-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:end;margin-bottom:48px}.demo-intro h2{font-size:clamp(40px,5.2vw,74px);font-weight:600;letter-spacing:-.065em;line-height:1.02;margin-top:24px}.demo-intro h2>span{color:#315ce8}.demo-intro>p{font-size:16px;line-height:1.8;color:#52617a;max-width:38ch;padding-bottom:6px}.job-demo{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:start}.sample-controls fieldset{border:0;padding:0;margin:0;min-width:0}.sample-controls legend{font:10px/1.6 monospace;color:#52617a;letter-spacing:.07em;margin-bottom:20px}.sample-check{position:relative;display:block;border:1px solid #d4deef;border-radius:13px;padding:21px 58px 21px 24px;margin-bottom:14px;cursor:pointer;background:white;transition:border-color .2s,background .2s,box-shadow .2s}.sample-check input{position:absolute;right:24px;top:27px;width:20px;height:20px;margin:0;accent-color:#315ce8;cursor:pointer}.sample-check:focus-within{outline:3px solid #315ce8;outline-offset:3px}.sample-check input:focus-visible{outline:0}.sample-check .check-index{display:block;font:9px/1.5 monospace;letter-spacing:.05em;color:#52617a}.sample-check strong{display:block;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:11px 0}.sample-check>span:last-of-type{display:block;font-size:12px;line-height:1.6;color:#52617a}.sample-check .check-state{display:block;font:9px/1.6 monospace;color:#52617a;margin-top:13px}.sample-check.is-connected{border-color:#8cb5e5;background:#f4f9ff;box-shadow:inset 3px 0 0 #315ce8}.sample-check.is-connected .check-state{color:#2052ac}.sample-check[data-check=material].is-connected{background:#f1fbfc;border-color:#91c4cd;box-shadow:inset 3px 0 0 #008397}.sample-check[data-check=timing].is-connected{background:#f7f4ff;border-color:#c1b2eb;box-shadow:inset 3px 0 0 #633adb}.sample-reset{display:flex;align-items:center;gap:22px;font-size:12px;color:#52617a;min-height:44px;padding:8px 0}.sample-reset:hover{color:#315ce8}.sample-board{border:1px solid #cbd8ec;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 50px #315ce80a}.sample-board-top{display:flex;justify-content:space-between;gap:15px;font:10px/1.6 monospace;color:#52617a;padding:21px 26px;border-bottom:1px solid #e0e7f2}.sample-board-top span:last-child{color:#315ce8;white-space:nowrap}.sample-map{position:relative;height:260px;background:radial-gradient(ellipse at 30% 40%,#00c6e70e,transparent 65%),radial-gradient(ellipse at 75% 50%,#8651ff0d,transparent 65%),linear-gradient(#315ce807 1px,transparent 1px),linear-gradient(90deg,#315ce807 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px}.sample-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none}.map-line{stroke:#ced9e9;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:4 5}.map-line.is-connected{stroke:#315ce8;stroke-width:2;stroke-dasharray:650;stroke-dashoffset:0;animation:connect-line .42s ease-out both}.map-line[data-line=material].is-connected{stroke:#008397}.map-line[data-line=timing].is-connected{stroke:#633adb}.map-nodes{position:absolute;top:26px;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.map-nodes>span{font:10px monospace;color:#52617a}.map-nodes i{font-style:normal;width:38px;height:38px;display:grid;place-items:center;margin:0 auto 9px;background:#fff;border:1px solid #cbd8ec;border-radius:10px;color:#52617a}.map-nodes .is-connected i{color:#315ce8;border-color:#315ce8;box-shadow:0 0 0 5px #315ce80d}.map-nodes [data-node=material].is-connected i{color:#008397;border-color:#008397;box-shadow:0 0 0 5px #00c6e712}.map-nodes [data-node=timing].is-connected i{color:#633adb;border-color:#633adb;box-shadow:0 0 0 5px #8651ff12}.map-job{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;padding:18px 23px;background:#fff;border:1px solid #9fb6e7;box-shadow:0 10px 30px #315ce814;border-radius:12px;font-size:17px;letter-spacing:-.025em}.map-job-mark{display:grid;place-items:center;background:#315ce8;color:white;width:37px;height:37px;border-radius:9px;font:11px monospace}.map-job small{display:block;font:9px/1.7 monospace;color:#52617a;margin-top:5px}.sample-outcome{padding:25px 28px 26px}.sample-outcome h3{font-size:32px;font-weight:500;letter-spacing:-.05em;margin:10px 0 22px;line-height:1.1}.sample-context{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;border-block:1px solid #e0e7f2;padding:18px 0;margin:0}.sample-context dt{font:9px monospace;color:#52617a;margin-bottom:9px}.sample-context dd{font-size:12px;line-height:1.65;margin:0;color:#344760}#sample-status{font-size:13px;line-height:1.7;color:#52617a;min-height:44px;margin:22px 0 18px}.sample-workspace{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;line-height:1.5;background:#315ce8;color:white;border-radius:9px;min-height:48px;padding:14px 19px}.sample-workspace:hover{background:#254bc6}.sample-boundary{font-size:10px;color:#52617a;line-height:1.7;margin-top:16px}.sample-board.is-complete{border-color:#a79adf;box-shadow:0 18px 50px #633adb12}.sample-board.is-complete .map-job{border-color:#633adb}.sample-board.is-complete #sample-count{color:#633adb}.sample-board.is-complete #sample-status{color:#33416c}.sample-controls noscript p{font-size:13px;line-height:1.7;color:#52617a}
@keyframes connect-line{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}
@media(max-width:1100px){.job-demo{gap:28px;grid-template-columns:1fr 1.15fr}.sample-check{padding-left:19px}.sample-check strong{font-size:22px}.sample-board-top{padding-inline:21px;font-size:9px}.sample-outcome{padding-inline:22px}.sample-context{gap:12px}.sample-context dd{font-size:11px}}
@media(max-width:850px){.demo-intro{gap:35px}.job-demo{grid-template-columns:1fr}.sample-controls fieldset{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sample-controls legend{grid-column:1/-1}.sample-check{padding:18px;margin:0}.sample-check input{position:static;display:block;margin-bottom:18px}.sample-check strong{font-size:21px}.sample-check>span:last-of-type{font-size:11px}.sample-reset{margin-top:10px}.sample-map{height:240px}.sample-context dd{font-size:13px}.sample-board{max-width:760px}}
@media(max-width:700px){[data-prototype="3"] .stage-heading h1{font-size:clamp(35px,9.6vw,64px);line-height:1;margin:13px 0 16px}.stage-heading .hero-subtitle{font-size:12px;max-width:320px;line-height:1.7}.hero-subtitle br{display:none}.hero-cta{font-size:12px;min-height:46px;padding:12px 20px;margin-top:17px;gap:28px}[data-prototype="3"] .object-stage{top:calc(43% - var(--story,0)*28%)!important;height:calc(49% + var(--story,0)*1%)}[data-motion=reduced] .object-stage,[data-motion=static] .object-stage{top:43%!important;height:49%}.job-demo-section{padding:65px 24px}.demo-intro{display:block;margin-bottom:32px}.demo-intro h2{font-size:43px;margin-top:20px}.demo-intro>p{font-size:14px;margin-top:24px;max-width:42ch}.sample-controls fieldset{display:block}.sample-check{padding:20px 51px 20px 20px;margin-bottom:12px}.sample-check input{position:absolute;right:20px;top:24px;margin:0}.sample-check strong{font-size:23px}.sample-check>span:last-of-type{font-size:12px}.sample-check .check-state{margin-top:10px}.sample-map{height:215px}.sample-board{border-radius:15px}.sample-board-top{padding:17px 18px;font-size:8px;gap:10px}.map-nodes{top:20px}.map-nodes>span{font-size:9px}.map-nodes i{width:33px;height:33px}.map-job{bottom:20px;padding:15px 16px;font-size:15px;gap:11px}.map-job-mark{width:32px;height:32px}.sample-outcome{padding:23px 20px}.sample-outcome h3{font-size:29px}.sample-context{grid-template-columns:1fr;gap:12px}.sample-context>div{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start}.sample-context dt{margin:4px 0 0}.sample-context dd{font-size:12px}.sample-workspace{font-size:12px;padding:14px 16px;gap:14px}.sample-boundary{font-size:10px}.sample-controls legend{font-size:9px}.sample-reset{margin-top:0}}
@media(max-height:670px) and (max-width:700px){[data-prototype="3"] .stage-heading h1{font-size:clamp(32px,9.2vw,48px);margin:10px 0 12px}.stage-heading .hero-subtitle{font-size:11px;line-height:1.6;max-width:290px}.hero-cta{margin-top:13px;min-height:44px;font-size:11px;padding:11px 17px}[data-prototype="3"] .object-stage{top:calc(49% - var(--story,0)*34%)!important;height:calc(44% + var(--story,0)*6%)}[data-motion=reduced] .object-stage,[data-motion=static] .object-stage{top:49%!important;height:44%}}
@media(max-width:360px){.spatial-public .spatial-header{padding-inline:13px}[data-prototype="3"] .spatial-header .brand{font-size:17px}.spatial-header .account{font-size:9px}.job-demo-section{padding-inline:20px}.sample-board-top{font-size:7px}}
@media(max-height:740px) and (min-width:701px){[data-prototype="3"] .stage-heading h1{font-size:60px;margin:10px 0 12px}.stage-heading .hero-subtitle{font-size:12px;line-height:1.6}.hero-cta{margin-top:14px;min-height:44px;font-size:12px;padding:11px 20px}[data-prototype="3"] .object-stage{top:calc(49% - var(--story,0)*31%);height:calc(43% + var(--story,0)*10%)}}
@media(max-height:540px) and (min-width:701px){[data-prototype="3"] .stage-heading h1{font-size:clamp(34px,4.8vw,49px);margin:13px 0;line-height:1}.stage-heading .hero-subtitle{font-size:11px;max-width:290px;margin:0}.hero-cta{min-height:42px;font-size:11px;padding:10px 17px;margin-top:13px}[data-prototype="3"] .object-stage{top:4%!important;height:85%!important;left:75%;width:48%}}
@media(prefers-reduced-motion:reduce){.sample-check{transition:none}.map-line.is-connected{animation:none;stroke-dashoffset:0}.hero-cta{transition:none}}
.map-nodes [data-node=material].is-connected i{color:#007487}
.sample-result-jump{display:none}#sample-result{scroll-margin-top:calc(var(--nav-height) + 24px)}#sample-result:focus{outline:none}
@media(max-width:850px){.sample-result-jump{display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:center;padding:16px 18px;margin-top:18px;border:1px solid #b8cbed;border-radius:9px;color:#315ce8;font-size:13px;line-height:1.5}.sample-result-jump>span{grid-column:1;grid-row:2;font:9px monospace;color:#52617a}.sample-result-jump>b{grid-column:2;grid-row:1/3;font-size:20px;font-weight:400}}
@media(max-width:700px){[data-prototype="3"] .object-caption{bottom:0}}