/* RadarSeq hybrid visual identity - refined from the original RadarSeq website.
   Accent colours: source website's violet #5B4BFF, rose #FF4F87,
   technical blue #3D5AFE and teal #00C2A8. All visuals run offline. */
:root{
  --blue:#405ae9;
  --blue2:#5145d3;
  --violet:#7856df;
  --teal:#079e94;
  --rose:#ef4c85;
  --royal:#5b4bff;
  --premium-gradient:linear-gradient(117deg,#3659eb 0%,#5b4bff 57%,#c459b5 100%);
}
:root[data-theme=dark]{
  --blue:#97a7ff;
  --blue2:#9d8bff;
  --violet:#c5aeff;
  --teal:#64dfd0;
  --rose:#ff83ad;
  --royal:#ac91ff;
  --premium-gradient:linear-gradient(117deg,#7394ff 0%,#ac91ff 60%,#ff9ac0 100%);
}
body{background:radial-gradient(ellipse 42% 24% at 5% 1%,rgba(91,75,255,.055),transparent 80%),var(--bg)}
:root[data-theme=dark] body{background:radial-gradient(ellipse 65% 30% at 25% 2%,rgba(91,75,255,.11),transparent 80%),var(--bg)}
::selection{background:#5b4bff;color:#fff}
.brand-mark{color:#5b4bff;filter:drop-shadow(0 0 5px rgba(91,75,255,.08))}
.brand-mark .signal{color:#ff4f87}
.brand:hover .brand-mark{filter:drop-shadow(0 0 12px rgba(91,75,255,.3))}
.header.scrolled{box-shadow:0 9px 35px rgba(35,34,98,.04)}
.header.scrolled:after{content:"";height:1px;position:absolute;bottom:-1px;left:0;right:0;background:linear-gradient(90deg,transparent 3%,rgba(91,75,255,.13) 36%,rgba(255,79,135,.16) 74%,transparent 98%);pointer-events:none}
.nav-link:hover,.nav-link.active{color:var(--royal)}
.nav-link.active:after{background:linear-gradient(90deg,#5b4bff,#ff4f87);height:2px}
.btn-primary{background:linear-gradient(118deg,#3d5afe,#5b4bff 66%,#7d4ce8);box-shadow:0 12px 32px rgba(91,75,255,.19);color:#fff}
.btn-primary:hover{background:linear-gradient(118deg,#334ee0,#654bfa 66%,#914ceb);box-shadow:0 14px 35px rgba(91,75,255,.31)}
.gradient-text{background:linear-gradient(108deg,#3d5afe 0%,#5b4bff 54%,#f45c9c 110%);background-size:180% auto;-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:var(--royal)}
.eyebrow:before{background:linear-gradient(90deg,#5b4bff,#ff4f87)}
#scroll-progress{background:linear-gradient(90deg,#3d5afe,#5b4bff,#ff4f87,#00c2a8)}
.icon-box{background:linear-gradient(140deg,rgba(91,75,255,.10),rgba(61,90,254,.035));color:var(--royal)}
.spotlight:before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(91,75,255,.085),transparent 70%)}
.card.spotlight{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease}
.card.spotlight:hover{transform:translateY(-4px);box-shadow:0 17px 40px rgba(43,36,101,.09);border-color:rgba(91,75,255,.22)}
:root[data-theme=dark] .card.spotlight:hover{box-shadow:0 18px 45px #0005}
.hero{background:radial-gradient(ellipse at 0 10%,rgba(91,75,255,.095),transparent 48%),radial-gradient(ellipse at 93% 92%,rgba(255,79,135,.035),transparent 44%)}
:root[data-theme=dark] .hero{background:radial-gradient(ellipse at 0 10%,rgba(91,75,255,.11),transparent 50%),radial-gradient(ellipse at 100% 90%,rgba(255,79,135,.06),transparent 45%)}
.hero h1{letter-spacing:-.065em}
.hero-note .icon{color:var(--royal)}
.art-label{border-color:rgba(255,255,255,.32);background:rgba(9,16,46,.66)}
.journey-nav button.active{background:linear-gradient(90deg,#5b4bff,#ff4f87)}
.trust-inner .icon{color:var(--royal)}
.package-item .num{color:var(--royal)}
.solution-tab.active{border-color:rgba(91,75,255,.28)}
:root[data-motion=on] .gradient-text{animation:rs-gradient 15s ease-in-out infinite alternate}
@keyframes rs-gradient{0%{background-position:0% center}100%{background-position:100% center}}
/* The original site's three-object visual language: Radar Orb, Neural Crystal, Network Orb.
   Use it as one purpose-built interactive scene, not scattered ornaments. */
.orbit-section{padding:85px 0 92px;position:relative;overflow:hidden}
.orbit-section .container{position:relative;z-index:1}
.orbit-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:29px}
.orbit-intro h2{max-width:700px;line-height:1.12}
.orbit-intro>p{max-width:380px;font-size:15px;line-height:1.8}
.orbit-panel{position:relative;isolation:isolate;overflow:hidden;min-height:505px;border-radius:27px;background:#080e24;color:#fff;display:grid;grid-template-columns:.92fr 1.12fr;border:1px solid rgba(131,130,255,.33);box-shadow:0 25px 65px rgba(15,23,58,.18)}
.orbit-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 70% at 78% 44%,rgba(91,75,255,.19),transparent 75%),radial-gradient(ellipse 40% 60% at 26% 92%,rgba(255,79,135,.11),transparent 80%);z-index:-1}
.orbit-panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 80% at 65% 45%,#000,transparent)}
.orbit-copy{padding:45px 24px 38px 48px;display:flex;flex-direction:column;align-items:flex-start;z-index:2;position:relative}
.orbit-copy .orbit-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:730;text-transform:uppercase;letter-spacing:.15em;color:#b6aaff}
.orbit-copy .orbit-eyebrow .dot{background:#ff4f87;box-shadow:0 0 14px #ff4f87b3;width:7px;height:7px}
.orbit-copy h3{font-size:clamp(28px,2.7vw,40px);color:#fff;margin:20px 0 15px;letter-spacing:-.045em;max-width:420px;line-height:1.16}
.orbit-copy h3 em{font-style:normal;color:#c7b8ff}
.orbit-copy .orbit-detail{font-size:14px;line-height:1.9;color:#bcc7e4;max-width:410px;min-height:80px}
.orbit-stage-track{display:flex;gap:6px;margin:29px 0 18px;flex-wrap:wrap;max-width:450px}
.orbit-stage{--stage:#5b4bff;min-height:41px;padding:9px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#c6cee5;font-size:11px;font-weight:640;transition:background .2s,border-color .2s,transform .2s}
.orbit-stage:hover{transform:translateY(-2px);border-color:var(--stage)}
.orbit-stage[aria-pressed=true]{color:#fff;background:color-mix(in srgb,var(--stage) 29%,#0d1732);border-color:var(--stage);box-shadow:0 0 22px color-mix(in srgb,var(--stage) 20%,transparent)}
.orbit-stage:before{content:"";width:7px;height:7px;background:var(--stage);border-radius:50%;display:inline-block;margin-right:7px;vertical-align:1px}
.orbit-action{border-left:2px solid var(--orbit-accent,#5b4bff);padding-left:14px;margin-top:6px;min-height:76px;transition:border .25s}
.orbit-action strong{font-size:16px;color:#fff;display:block;line-height:1.45}
.orbit-action p{font-size:12px;line-height:1.7;color:#b2c1d8;max-width:400px;margin-top:5px}
.orbit-footnote{font-size:10px;line-height:1.6;color:#8da0bf;margin-top:auto;padding-top:25px}
.orbit-visual{position:relative;min-height:505px;overflow:hidden;z-index:2}
.orbit-visual:before{content:"";position:absolute;inset:14% 5% 12% 0;border-radius:50%;background:radial-gradient(ellipse at center,rgba(91,75,255,.18),rgba(58,63,175,.05) 45%,transparent 68%);filter:blur(19px);pointer-events:none}
.orbit-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;outline-offset:-8px;cursor:grab}
.orbit-canvas:active{cursor:grabbing}
.orbit-overlay-top{position:absolute;top:27px;right:29px;display:flex;align-items:center;gap:8px;z-index:3;font-size:10px;font-weight:600;letter-spacing:.07em;color:#a5b4d3;pointer-events:none}
.orbit-live{width:6px;height:6px;border-radius:50%;background:#00c2a8;box-shadow:0 0 12px #00c2a8}
.orbit-float-tag{position:absolute;right:25px;bottom:39px;min-width:170px;background:rgba(13,22,47,.79);border:1px solid rgba(157,170,237,.26);box-shadow:0 8px 28px #02061e77;padding:14px 16px;border-radius:13px;z-index:3;backdrop-filter:blur(12px);pointer-events:none}
.orbit-float-tag small{display:block;font-size:10px;color:#90a6cc;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}
.orbit-float-tag strong{font-size:17px;color:#fff;letter-spacing:-.01em}
.orbit-controls{position:absolute;left:10px;bottom:27px;display:flex;align-items:center;gap:9px;z-index:4;color:#a6b8d6;font-size:10px}
.orbit-reset{border:1px solid rgba(156,166,244,.32);color:#c8d2fa;background:rgba(21,30,72,.75);font-size:10px;border-radius:30px;padding:7px 11px;cursor:pointer}
.orbit-reset:hover{border-color:#b6aaff;color:white}
.orbit-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 6px 0;color:var(--muted);font-size:11px}
.orbit-legend>span{display:inline-flex;align-items:center;gap:7px}
.orbit-legend .legend-dot{width:7px;height:7px;border-radius:50%;background:#5b4bff}
.orbit-legend .legend-dot.rose{background:#ff4f87}.orbit-legend .legend-dot.teal{background:#00c2a8}
.orbit-legend a{margin-left:auto;font-weight:650;color:var(--royal)}
.orbit-legend a:hover{text-decoration:underline}
.orbit-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#c5d6f9;font-size:14px}
.orbit-fallback svg{width:50%;max-width:270px}
@media(max-width:920px){.orbit-panel{grid-template-columns:1fr 1fr;min-height:460px}.orbit-copy{padding:39px 16px 28px 30px}.orbit-visual{min-height:460px}.orbit-stage{font-size:10px;padding:8px 8px}.orbit-intro h2{font-size:34px}.orbit-copy h3{font-size:29px}}
@media(max-width:720px){.orbit-section{padding:62px 0 65px}.orbit-intro{display:block}.orbit-intro>p{margin-top:16px;max-width:570px}.orbit-panel{display:flex;flex-direction:column;min-height:0;border-radius:21px}.orbit-copy{padding:30px 27px 18px}.orbit-copy h3{font-size:31px}.orbit-copy .orbit-detail{min-height:0}.orbit-stage-track{margin:19px 0 16px}.orbit-stage{font-size:10px;padding:7px 9px;min-height:38px}.orbit-action{min-height:0}.orbit-visual{min-height:410px}.orbit-overlay-top{right:22px;top:12px}.orbit-float-tag{right:18px;bottom:16px;padding:10px 12px;min-width:130px}.orbit-float-tag strong{font-size:14px}.orbit-controls{left:15px;bottom:18px}.orbit-legend{font-size:10px;gap:11px}.orbit-legend a{margin-left:0;width:100%}}
@media(max-width:440px){.orbit-copy{padding:26px 19px 16px}.orbit-stage-track{gap:5px}.orbit-stage{padding:8px;font-size:9px}.orbit-stage:before{width:5px;height:5px;margin-right:4px}.orbit-visual{min-height:330px}.orbit-controls{left:10px;bottom:14px;gap:6px}.orbit-float-tag{right:10px;bottom:14px;min-width:105px}.orbit-reset{font-size:9px;padding:6px 8px}}
:root[data-motion=off] .orbit-stage,:root[data-motion=off] .gradient-text{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.orbit-stage:hover{transform:none}.gradient-text{animation:none!important}}

.hero-note{flex-wrap:wrap}
.hero-orbit-link{display:inline-flex;align-items:center;gap:5px;margin-left:4px;border:0;background:none;padding:4px 0;color:var(--royal);font-size:12px;font-weight:700;cursor:pointer}
.hero-orbit-link:hover{text-decoration:underline;text-underline-offset:4px}
.hero-orbit-link .icon{width:13px;height:13px}
#signal-observatory{scroll-margin-top:85px}
.brand-lockup{display:inline-flex;align-items:center;line-height:0}
.brand-lockup img{height:42px;width:auto}
.brand-lockup .logo-for-dark{display:none}
:root[data-theme=dark] .brand .logo-for-light{display:none}
:root[data-theme=dark] .brand .logo-for-dark{display:block}
.product-brand .logo-for-light{display:none!important}
.product-brand .logo-for-dark{display:block!important}
.product-brand .brand-lockup img{height:28px}
.footer .brand-lockup img{height:36px}
@media(max-width:640px){.brand-lockup img{height:32px}.footer .brand-lockup img{height:30px}}