.spotlight{border-top:1px solid var(--border);background:radial-gradient(circle at 88% 0%,var(--product-accent-soft),transparent 36%),color-mix(in srgb,var(--surface) 72%,var(--background))}.spotlight-stage{position:relative;margin-top:52px;padding:22px 26px 26px;overflow:hidden;border-radius:16px;color:#fff;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--product-accent) 30%,transparent),transparent 42%),#111019;box-shadow:0 32px 80px color-mix(in srgb,var(--product-accent) 18%,transparent),0 8px 24px #140b3b29}.spotlight-stage:before{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px;content:"";pointer-events:none}.spotlight-stage>*{position:relative}.spotlight-stage-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.spotlight-tabs{display:inline-flex;gap:4px;max-width:100%;padding:4px;overflow-x:auto;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;scrollbar-width:none}.spotlight-tabs button{flex:none;min-height:34px;padding:0 16px;border:0;border-radius:999px;color:#ffffffb8;background:transparent;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:color .2s ease,background .2s ease}.spotlight-tabs button:hover:not([aria-selected=true]){color:#fff;background:#ffffff14}.spotlight-tabs button[aria-selected=true]{color:#111019;background:#fff}.spotlight-tabs button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.spotlight-status{display:inline-flex;align-items:center;gap:9px;margin:0;color:#ffffffbf;font-size:.8rem;font-weight:600}.spotlight-status i{width:8px;height:8px;border-radius:50%;background:#f5b942;box-shadow:0 0 0 4px #f5b9422e;animation:spotlight-blink 1s ease-in-out infinite}.spotlight-status.is-finished i{background:#5fab6d;box-shadow:0 0 0 4px #5fab6d38;animation:none}.spotlight-pipeline{display:flex;align-items:center;margin:34px 0 0;padding:0;list-style:none}.spotlight-node{display:flex;align-items:center;min-width:0;transition:opacity .35s ease}.spotlight-node.is-trigger{flex:0 0 236px}.spotlight-node:not(.is-trigger){flex:1 1 0;max-width:330px}.spotlight-node.is-waiting{opacity:.4}.spotlight-node figure{width:100%;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#1b1a26;transition:box-shadow .35s ease}.spotlight-node figure img{display:block;width:100%;max-width:none;aspect-ratio:16 / 10;object-fit:cover}.spotlight-node figcaption{display:grid;gap:2px;padding:10px 12px}.spotlight-node figcaption b{font-size:.84rem}.spotlight-node figcaption span{color:#fff9;font-size:.74rem}.spotlight-node.is-trigger.is-running figure{box-shadow:0 0 0 2px var(--product-accent),0 0 32px color-mix(in srgb,var(--product-accent) 45%,transparent)}.spotlight-edge{position:relative;flex:0 0 56px;height:2px;background:#ffffff29;transition:background .35s ease}.spotlight-node.is-done .spotlight-edge,.spotlight-node.is-failed .spotlight-edge{background:linear-gradient(90deg,rgba(255,255,255,.4),var(--block-color))}.spotlight-node.is-running .spotlight-edge:after{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--block-color);box-shadow:0 0 12px var(--block-color);content:"";animation:spotlight-travel-x 1.1s linear infinite}.spotlight-block{position:relative;flex:1;min-width:0;border-radius:10px;color:#3c3a46;background:#fff;box-shadow:0 10px 26px #0000004d;transition:box-shadow .35s ease}.spotlight-node.is-running .spotlight-block{box-shadow:0 0 0 2px var(--block-color),0 0 34px color-mix(in srgb,var(--block-color) 55%,transparent)}.spotlight-block em{position:absolute;bottom:calc(100% + 8px);left:0;max-width:100%;padding:3px 9px;overflow:hidden;border:1px dashed rgba(255,255,255,.3);border-radius:999px;color:#ffffffc7;background:#17161f;font-size:.66rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.spotlight-block b{display:flex;align-items:center;gap:7px;padding:9px 12px;overflow:hidden;border-radius:10px 10px 0 0;color:#fff;background:var(--block-color);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.spotlight-node.is-running .spotlight-block b{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%) 0 0 / 220% 100%,var(--block-color);animation:spotlight-shimmer 1.1s linear infinite}.spotlight-block svg{flex:none;width:15px;max-width:none;height:15px}.spotlight-block>span{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:.82rem;font-weight:600}.spotlight-block>span svg{color:#3f8a4d}.spotlight-node.is-waiting .spotlight-block>span,.spotlight-node.is-running .spotlight-block>span{color:#8a8693;font-weight:500}.spotlight-stage-controls{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.spotlight-fail-toggle{display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:0 14px 0 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fffc;background:#ffffff0a;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease}.spotlight-fail-toggle:hover{border-color:#ffffff4d}.spotlight-fail-toggle i{position:relative;flex:none;width:28px;height:16px;border-radius:999px;background:#ffffff38;transition:background .2s ease}.spotlight-fail-toggle i:after{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;content:"";transition:transform .2s ease}.spotlight-fail-toggle.is-on{border-color:#e5484d8c;color:#fff;background:#e5484d29}.spotlight-fail-toggle.is-on i{background:#e5484d}.spotlight-fail-toggle.is-on i:after{transform:translate(12px)}.spotlight-fail-toggle:focus-visible,.spotlight-diagnosis button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.spotlight-status.is-failed i{background:#e5484d;box-shadow:0 0 0 4px #e5484d38;animation:none}.spotlight-node.is-failed .spotlight-block{box-shadow:0 0 0 2px #e5484d,0 0 32px #e5484d73}.spotlight-node.is-failed .spotlight-block>span,.spotlight-node.is-failed .spotlight-block>span svg{color:#c4262e}.spotlight-node.is-skipped{opacity:.5}.spotlight-node.is-skipped .spotlight-edge{background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 5px,transparent 5px 10px)}.spotlight-node.is-skipped .spotlight-block b{background:#6b6878}.spotlight-node.is-skipped .spotlight-block>span{color:#8a8693;font-weight:500}.spotlight-inspector{min-width:0}.spotlight-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.spotlight-inspector-head p{display:flex;align-items:center;gap:8px;margin:0;color:#ffffffb8;font-size:.8rem;font-weight:600}.spotlight-inspector-head svg{flex:none;width:16px;height:16px}.spotlight-inspector-head code,.spotlight-diagnosis code{padding:2px 7px;border-radius:6px;color:#ffffffc7;background:#ffffff12;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.72rem}.spotlight-wf{margin-top:14px}.spotlight-wf-row{display:grid;grid-template-columns:172px minmax(0,1fr) 62px;align-items:center;gap:12px;min-height:38px;border-top:1px solid rgba(255,255,255,.07)}.spotlight-wf-row.is-heading{min-height:20px;border-top:0;color:#ffffff73;font-size:.64rem;letter-spacing:.04em;text-transform:uppercase}.spotlight-wf-row>:last-child{text-align:right}.spotlight-wf-label{display:grid;min-width:0}.spotlight-wf-label b{display:flex;align-items:center;gap:7px;overflow:hidden;font-size:.78rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.spotlight-wf-label b i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--block-color)}.spotlight-wf-label small{color:#ffffff80;font-size:.68rem}.spotlight-wf-label .is-done{color:#6fd08a}.spotlight-wf-label .is-running{color:#f5b942}.spotlight-wf-label .is-failed{color:#ff7a7e}.spotlight-wf-track{position:relative;align-self:stretch;min-height:20px}.spotlight-wf-track i{position:absolute;top:0;bottom:0;border-left:1px dashed rgba(255,255,255,.1)}.spotlight-wf-row.is-heading .spotlight-wf-track i{border-left:0;font-style:normal;line-height:20px;white-space:nowrap}.spotlight-wf-track em{position:absolute;top:50%;left:0;color:#ffffff6b;font-size:.7rem;font-style:normal;transform:translateY(-50%)}.spotlight-wf-bar{position:absolute;top:50%;height:12px;border-radius:3px;background:#5fab6d;transform:translateY(-50%)}.spotlight-wf-bar.is-run{left:0;width:100%;background:var(--product-accent)}.spotlight-wf-bar.is-failed{background:#e5484d;box-shadow:0 0 14px #e5484d80}.spotlight-wf-bar.is-running{border-right:2px dashed rgba(255,255,255,.85);background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(255,255,255,.3) 5px 10px),#f5b942;animation:spotlight-grow var(--grow, 1.1s) linear both}.spotlight-wf-bar.is-open{border-right:2px dashed rgba(255,255,255,.85);background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(255,255,255,.25) 5px 10px),var(--product-accent)}.spotlight-wf-duration{color:#ffffffc7;font-size:.76rem;font-variant-numeric:tabular-nums}.spotlight-diagnosis-title{display:flex;align-items:center;gap:8px;margin:0;color:#ff8a8e;font-size:1rem;font-weight:700}.spotlight-diagnosis-title svg{flex:none;width:18px;height:18px}.spotlight-diagnosis>p:not(.spotlight-diagnosis-title){margin:8px 0 0;color:#fffc;font-size:.88rem;line-height:1.55}.spotlight-diagnosis ul{display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}.spotlight-diagnosis li{display:flex;justify-content:space-between;gap:12px;padding:8px 11px;border-radius:8px;background:#ffffff0d;font-size:.78rem}.spotlight-diagnosis li span{color:#ffffffd9}.spotlight-diagnosis li b{font-weight:600;text-align:right}.spotlight-diagnosis .is-passed{color:#6fd08a}.spotlight-diagnosis .is-waiting,.spotlight-diagnosis .is-failed{color:#f5b942}.spotlight-diagnosis dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}.spotlight-diagnosis dt{color:#ffffff73;font-size:.64rem;letter-spacing:.04em;text-transform:uppercase}.spotlight-diagnosis dd{margin:4px 0 0;color:#fff;font-size:.8rem;overflow-wrap:anywhere}.spotlight-diagnosis button{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:0;border:0;color:#fff;background:transparent;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}.spotlight-diagnosis button:hover{text-decoration:underline}.spotlight-diagnosis button svg{width:16px;height:16px}.spotlight-results{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.spotlight-panel{min-width:0;opacity:.3;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease}.spotlight-panel.is-visible{opacity:1;transform:none}.spotlight-timeline>p,.spotlight-outcome p{display:flex;align-items:center;gap:8px;margin:0;color:#ffffffb8;font-size:.8rem;font-weight:600}.spotlight-timeline>p svg,.spotlight-outcome p svg{flex:none;width:16px;height:16px}.spotlight-timeline-track{position:relative;height:32px;margin-top:40px;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 10%),#ffffff0d}.spotlight-timeline-track button{position:absolute;top:6px;bottom:6px;width:4px;padding:0;border:0;border-radius:3px;background:var(--block-color);box-shadow:0 0 14px color-mix(in srgb,var(--block-color) 70%,transparent);cursor:pointer}.spotlight-timeline-track button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.spotlight-timeline-track small{position:absolute;bottom:calc(100% + 10px);left:0;padding:3px 8px;border-radius:6px;color:#fff;background:color-mix(in srgb,var(--block-color) 72%,#111019);font-size:.68rem;white-space:nowrap;transition:background .2s ease}.spotlight-timeline-track button:hover small{background:var(--block-color)}.spotlight-lookup{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.spotlight-lookup.is-visible .spotlight-chip{animation:spotlight-chip-saved .9s ease-out}@keyframes spotlight-chip-saved{0%{box-shadow:0 0 color-mix(in srgb,var(--block-color) 80%,transparent);transform:scale(.94)}45%{transform:scale(1.04)}to{box-shadow:0 0 18px color-mix(in srgb,var(--block-color) 40%,transparent);transform:none}}.spotlight-lookup-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.spotlight-lookup-head p{display:flex;align-items:center;gap:8px;margin:0;color:#ffffffb8;font-size:.8rem;font-weight:600}.spotlight-lookup-head svg{flex:none;width:16px;height:16px}.spotlight-lookup-head button{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;color:#fff;background:transparent;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}.spotlight-lookup-head button:hover{text-decoration:underline}.spotlight-lookup-head button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.spotlight-lookup-head button svg{width:16px;height:16px}.spotlight-lookup ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:16px 0 0;padding:0;list-style:none}.spotlight-lookup li{position:relative;display:grid;align-content:start;gap:10px;min-width:0;padding:14px 16px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a}.spotlight-lookup li+li:before{position:absolute;top:50%;left:-24px;width:18px;height:2px;background:#ffffff4d;content:""}.spotlight-lookup li+li:after{position:absolute;top:calc(50% - 4px);left:-10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid rgba(255,255,255,.3);content:""}.spotlight-lookup-step{position:absolute;top:14px;right:16px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#ffffffbf;background:#ffffff14;font-size:.72rem;font-weight:700}.spotlight-lookup b{padding-right:30px;font-size:.86rem}.spotlight-lookup small{color:#ffffff94;font-size:.74rem}.spotlight-chip,.spotlight-filter{justify-self:start;max-width:100%;overflow:hidden;border-radius:999px;font-size:.78rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.spotlight-chip{padding:5px 12px 5px 10px;color:#fff;background:color-mix(in srgb,var(--block-color) 75%,#111019);box-shadow:0 0 18px color-mix(in srgb,var(--block-color) 40%,transparent)}.spotlight-chip:before{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#fff;content:""}.spotlight-filter{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid rgba(255,255,255,.18);color:#fff;background:#ffffff0f}.spotlight-filter span{padding:2px 8px;border-radius:999px;color:#ffffffbf;background:#ffffff1a;font-size:.68rem;text-transform:uppercase}.spotlight-mini-player{position:relative;display:block;height:64px;overflow:hidden;border-radius:8px}.spotlight-mini-player img{width:100%;max-width:none;height:100%;object-fit:cover;opacity:.75}.spotlight-mini-player i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#111019;background:#ffffffeb;transform:translate(-50%,-60%)}.spotlight-mini-player i svg{width:14px;height:14px}.spotlight-mini-scrub{position:absolute;right:8px;bottom:7px;left:8px;height:4px;border-radius:2px;background:#ffffff59}.spotlight-mini-scrub span{display:block;height:100%;border-radius:inherit;background:var(--product-accent)}.spotlight-mini-scrub em{position:absolute;top:-3px;width:10px;height:10px;margin-left:-5px;border:2px solid #ffffff;border-radius:50%;background:var(--product-accent)}.spotlight-outcome{margin-top:24px}.spotlight-outcome p{align-items:flex-start;color:#fff;font-size:.95rem;line-height:1.5}.spotlight-outcome p svg{margin-top:3px;color:#6fd08a}.spotlight-outcome blockquote{margin:14px 0 0;padding-left:14px;border-left:2px solid var(--product-accent);color:#ffffffc7;font-size:.9rem;font-style:italic;line-height:1.6}.spotlight-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.spotlight-benefits article{padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--background)}.spotlight-benefits span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--product-accent);background:var(--product-accent-soft)}.spotlight-benefits span svg{width:20px;height:20px}.spotlight-benefits h3{margin-top:18px;font-family:var(--font-family-heading);font-size:1.05rem;letter-spacing:-.01em}.spotlight-benefits p{margin-top:8px;color:var(--text-secondary);font-size:.86rem;line-height:1.6}.spotlight-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}@keyframes spotlight-travel-x{to{left:calc(100% - 8px)}}@keyframes spotlight-travel-y{to{top:calc(100% - 8px)}}@keyframes spotlight-shimmer{0%{background-position:120% 0,0 0}to{background-position:-120% 0,0 0}}@keyframes spotlight-grow{0%{width:0}}@keyframes spotlight-blink{50%{opacity:.35}}@media(max-width:1000px){.spotlight-pipeline{flex-direction:column;align-items:stretch;margin-top:24px}.spotlight-node,.spotlight-node:not(.is-trigger){flex-direction:column;align-items:stretch;max-width:none}.spotlight-node.is-trigger{flex:none}.spotlight-node figure{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center}.spotlight-node figure img{height:100%}.spotlight-edge{flex:none;width:2px;height:54px;margin-left:28px}.spotlight-node.is-done .spotlight-edge,.spotlight-node.is-failed .spotlight-edge{background:linear-gradient(180deg,rgba(255,255,255,.4),var(--block-color))}.spotlight-node.is-skipped .spotlight-edge{background:repeating-linear-gradient(180deg,rgba(255,255,255,.35) 0 5px,transparent 5px 10px)}.spotlight-node.is-running .spotlight-edge:after{top:0;left:-3px;animation-name:spotlight-travel-y}.spotlight-block em{bottom:calc(100% + 13px);left:44px;max-width:calc(100% - 44px)}.spotlight-results{grid-template-columns:minmax(0,1fr)}.spotlight-lookup ol{grid-template-columns:minmax(0,1fr);gap:22px}.spotlight-lookup li+li:before{top:-18px;left:30px;width:2px;height:12px}.spotlight-lookup li+li:after{top:-8px;left:26px;border-top:6px solid rgba(255,255,255,.3);border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}.spotlight-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.spotlight-stage{margin-top:36px;padding:16px;border-radius:12px}.spotlight-node figure{grid-template-columns:110px minmax(0,1fr)}.spotlight-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-radius:12px}.spotlight-tabs button{min-height:38px;padding:0 6px;border-radius:9px;font-size:.74rem;line-height:1.2;white-space:normal}.spotlight-benefits{grid-template-columns:minmax(0,1fr)}.spotlight-stage-controls{justify-content:space-between;width:100%}.spotlight-wf-row{grid-template-columns:96px minmax(0,1fr) 52px;gap:8px}.spotlight-wf-label b{align-items:flex-start;font-size:.72rem;line-height:1.25;white-space:normal}.spotlight-wf-label b i{margin-top:4px}.spotlight-wf-row.is-heading .spotlight-wf-track i:nth-child(2n){visibility:hidden}.spotlight-diagnosis dl{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-diagnosis li{flex-direction:column;gap:2px}.spotlight-diagnosis li b{text-align:left}}@media(prefers-reduced-motion:reduce){.spotlight-status i,.spotlight-node.is-running .spotlight-edge:after,.spotlight-node.is-running .spotlight-block b,.spotlight-wf-bar.is-running,.spotlight-lookup.is-visible .spotlight-chip{animation:none}.spotlight-node,.spotlight-panel,.spotlight-fail-toggle,.spotlight-fail-toggle i,.spotlight-fail-toggle i:after{transition:none}}
