/* TackleSonar R24 — focused completion pass for hero, feed operations, and restored R23 workflows */

/* ------------------------------------------------------------
   HOME HERO / FULL-WIDTH WAVE + SONAR
   The wave media is intentionally a direct child of the hero so
   it spans the complete hero instead of being clipped to the
   right-side sonar column.
   ------------------------------------------------------------ */
.home-hero-r24{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 73% 30%,rgba(22,190,244,.19),transparent 29%),
    radial-gradient(circle at 18% 92%,rgba(0,117,185,.16),transparent 35%),
    linear-gradient(180deg,#062b5a 0%,#073f79 44%,#075f91 72%,#042b55 100%)!important;
}
.home-hero-r24::before{
  content:"";position:absolute;z-index:0;left:-4%;right:-4%;bottom:-8%;height:35%;pointer-events:none;
  background:
    radial-gradient(ellipse at 8% 100%,rgba(0,17,36,.72) 0 15%,transparent 16%),
    radial-gradient(ellipse at 25% 105%,rgba(0,26,49,.68) 0 20%,transparent 21%),
    radial-gradient(ellipse at 55% 110%,rgba(0,22,44,.72) 0 25%,transparent 26%),
    radial-gradient(ellipse at 84% 105%,rgba(0,20,39,.76) 0 25%,transparent 26%),
    linear-gradient(180deg,transparent,rgba(0,22,45,.67));
  filter:blur(.2px);
}
.home-hero-r24::after{
  content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 17% 39%,rgba(83,210,255,.055) 0 1.2px,transparent 1.8px) 0 0/84px 72px,
    radial-gradient(circle at 87% 68%,rgba(11,38,68,.35),transparent 18%),
    linear-gradient(90deg,rgba(1,25,55,.24),transparent 40%,rgba(1,31,62,.02));
}
.home-hero-r24 .hero-inner{
  position:relative;z-index:4;min-height:590px!important;grid-template-columns:minmax(0,1.03fr) minmax(470px,.97fr)!important;gap:22px!important;align-items:stretch!important;overflow:visible!important;
}
.home-hero-r24 .hero-copy{
  position:relative;z-index:8!important;align-self:center;padding:54px 0 78px!important;text-shadow:0 2px 16px rgba(1,24,49,.16);
}
.home-hero-r24 .hero-copy>p{color:#d7e9f6!important;max-width:660px!important}
.home-hero-r24 .hero-search{box-shadow:0 15px 38px rgba(1,25,52,.18)}
.home-hero-r24 .r24-sonar-stage{
  position:relative!important;z-index:3!important;min-height:590px!important;height:100%!important;align-self:stretch!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.home-hero-r24 .r24-sonar-stage::before{
  content:"";position:absolute;z-index:0;left:53%;top:49%;width:720px;height:720px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(29,205,255,.12) 0 14%,rgba(24,185,239,.07) 30%,rgba(12,142,210,.025) 55%,transparent 72%);
  filter:drop-shadow(0 0 45px rgba(22,208,255,.14));
}
.home-sonar-dial-r24{
  position:absolute;z-index:1;left:53%;top:49%;width:700px;height:700px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:0;
  border:1px solid rgba(80,218,255,.42);box-shadow:0 0 0 26px rgba(28,193,245,.025),inset 0 0 55px rgba(21,194,244,.08);
  background:repeating-conic-gradient(from -90deg,rgba(98,225,255,.62) 0 .65deg,transparent .8deg 4.5deg);
  -webkit-mask:radial-gradient(circle,transparent 0 82%,#000 82.4% 87%,transparent 87.5%);
  mask:radial-gradient(circle,transparent 0 82%,#000 82.4% 87%,transparent 87.5%);
}
.home-hero-r24 .home-sonar-rings-r15{
  z-index:1!important;left:53%!important;top:49%!important;width:690px!important;height:690px!important;inset:auto!important;margin:0!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;opacity:0!important;pointer-events:none!important;
  background:repeating-radial-gradient(circle at center,transparent 0 72px,rgba(87,218,255,.24) 73px 74px)!important;
  filter:drop-shadow(0 0 28px rgba(23,199,251,.16))!important;
}
.home-hero-r24 .home-sonar-sweep-r15{
  z-index:2!important;left:53%!important;top:49%!important;width:650px!important;height:650px!important;inset:auto!important;margin:-325px 0 0 -325px!important;border-radius:50%!important;opacity:0!important;transform-origin:50% 50%!important;pointer-events:none!important;
  background:conic-gradient(from 0deg,transparent 0 300deg,rgba(93,231,255,.025) 318deg,rgba(105,238,255,.20) 338deg,rgba(146,247,255,.82) 357deg,transparent 360deg)!important;
  filter:drop-shadow(0 0 16px rgba(92,233,255,.26)) blur(.12px)!important;
}
.home-sonar-pulse-r24{
  position:absolute;z-index:3;left:53%;top:49%;width:365px;height:365px;transform:translate(-50%,-50%) scale(.78);border-radius:50%;opacity:0;pointer-events:none;
  border:2px solid rgba(54,224,255,.48);box-shadow:0 0 0 1px rgba(136,240,255,.08),0 0 34px rgba(37,211,255,.25),inset 0 0 44px rgba(23,191,247,.12);
}
.home-hero-r24 .home-sonar-logo-r15{
  position:absolute!important;z-index:4!important;left:53%!important;top:49%!important;width:270px!important;height:270px!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;opacity:1!important;animation:none!important;
}
.home-hero-r24 .home-sonar-logo-r15 img{
  width:100%!important;height:100%!important;object-fit:contain!important;opacity:0;transform:scale(.48);filter:blur(8px) drop-shadow(0 18px 32px rgba(0,13,34,.35))!important;will-change:opacity,transform,filter;
}
.home-hero-r24 .market-live-card{
  z-index:9!important;left:53%!important;bottom:38px!important;transform:translateX(-50%)!important;white-space:nowrap!important;background:rgba(2,22,47,.92)!important;border:1px solid rgba(85,217,255,.22)!important;box-shadow:0 18px 44px rgba(0,15,35,.28)!important;backdrop-filter:blur(10px);
}
.home-wave-wide-r24{
  position:absolute;z-index:5;inset:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.96;
}
.home-wave-video-r24{
  position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;filter:saturate(1.08) contrast(1.06) brightness(.91);
}
/* Keep copy readable while allowing the physical wave to visibly pass across the whole stage. */
.home-hero-r24 .hero-copy::after{content:"";position:absolute;z-index:-1;inset:-30px -28px -22px -48px;background:radial-gradient(ellipse at 30% 45%,rgba(1,34,72,.46),rgba(1,34,72,.18) 54%,transparent 74%);pointer-events:none}

/* Sequence timing: big splash is around 2.0–2.5 s in the supplied 5 s wave asset. */
.home-hero-r24.r24-sequence .home-sonar-dial-r24{animation:r24SonarReveal .9s 2.08s ease-out both,r24DialBreathe 4.8s 3s ease-in-out infinite}
.home-hero-r24.r24-sequence .home-sonar-rings-r15{animation:r24SonarReveal .9s 2.08s ease-out both,r24RingBreathe 4.6s 3s ease-in-out infinite!important}
.home-hero-r24.r24-sequence .home-sonar-sweep-r15{animation:r24SweepReveal .7s 2.12s ease-out both,r24Sweep 3.2s 2.7s linear infinite!important}
.home-hero-r24.r24-sequence .home-sonar-pulse-r24{animation:r24PulseReveal .75s 2.16s ease-out both,r24CorePulse 2.7s 2.9s ease-in-out infinite}
.home-hero-r24.r24-sequence .home-sonar-logo-r15 img{animation:r24LogoReveal 1.15s 2.16s cubic-bezier(.17,.84,.22,1) both!important}
@keyframes r24SonarReveal{0%{opacity:0;filter:blur(6px)}100%{opacity:.9;filter:blur(0)}}
@keyframes r24SweepReveal{0%{opacity:0}100%{opacity:.68}}
@keyframes r24PulseReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}100%{opacity:.72;transform:translate(-50%,-50%) scale(1)}}
@keyframes r24LogoReveal{0%{opacity:0;transform:scale(.48);filter:blur(9px) drop-shadow(0 0 0 rgba(0,0,0,0))}45%{opacity:.35;transform:scale(.72);filter:blur(4px) drop-shadow(0 10px 18px rgba(0,13,34,.12))}82%{opacity:1;transform:scale(1.055);filter:blur(0) drop-shadow(0 22px 34px rgba(0,13,34,.34))}100%{opacity:1;transform:scale(1);filter:blur(0) drop-shadow(0 18px 32px rgba(0,13,34,.32))}}
@keyframes r24Sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes r24RingBreathe{0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(.995)}50%{opacity:.96;transform:translate(-50%,-50%) scale(1.02)}}
@keyframes r24DialBreathe{0%,100%{opacity:.66;transform:translate(-50%,-50%) scale(.995)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.018)}}
@keyframes r24CorePulse{0%,100%{opacity:.44;transform:translate(-50%,-50%) scale(.93);box-shadow:0 0 20px rgba(37,211,255,.14),inset 0 0 36px rgba(23,191,247,.08)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.07);box-shadow:0 0 58px rgba(45,222,255,.38),inset 0 0 54px rgba(31,207,255,.17)}}

/* ------------------------------------------------------------
   OPERATIONS / MANAGED FEEDS
   ------------------------------------------------------------ */
.ops-feed-explainer-r24{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.ops-feed-explainer-r24 article{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:15px 16px;border:1px solid #d6e6ef;border-radius:18px;background:linear-gradient(145deg,#fff,#f4fafc)}
.ops-feed-explainer-r24 article>b{width:38px;height:38px;border-radius:12px;background:#072c5c;color:#25d5ef;display:grid;place-items:center}
.ops-feed-explainer-r24 article div{display:grid;gap:4px}.ops-feed-explainer-r24 article strong{color:#0b2c54}.ops-feed-explainer-r24 article span{font-size:.78rem;line-height:1.45;color:#617b90}
.ops-connected-feeds-r24,.ops-feed-requests-r24{margin-top:22px}
.subsection-title-r24{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:12px}.subsection-title-r24 h3{margin:.2rem 0 0}.subsection-title-r24>small{font-weight:900;color:#638095}
.ops-connected-feed-grid-r24{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}
.ops-connected-feed-r24{display:grid;gap:13px;padding:16px;border:1px solid #d8e6ef;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(8,41,70,.045)}
.ops-connected-feed-r24 header{display:flex;justify-content:space-between;gap:12px;align-items:start}.ops-connected-feed-r24 header>div{display:grid;gap:3px}.ops-connected-feed-r24 header span:not(.status){font-size:.75rem;color:#647e92}.ops-connected-feed-r24 dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.ops-connected-feed-r24 dl div{padding:9px 10px;border-radius:12px;background:#f4f9fc}.ops-connected-feed-r24 dt{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#70879a;font-weight:900}.ops-connected-feed-r24 dd{margin:3px 0 0;font-size:.8rem;color:#173955;overflow-wrap:anywhere}.ops-connected-feed-r24>p{margin:0;padding:10px 12px;border-radius:12px;background:#f8fbfd;color:#587286;font-size:.78rem;line-height:1.48;overflow-wrap:anywhere}
.managed-connect-form-r24{padding:14px!important}.managed-auth-fields-r24{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.managed-auth-fields-r24 label{display:grid;gap:5px;font-size:.75rem;font-weight:800}.managed-auth-fields-r24 [hidden]{display:none!important}
.managed-map-r24{border:1px solid #d9e7ef;border-radius:14px;background:#f8fbfd;overflow:hidden}.managed-map-r24>summary{cursor:pointer;padding:12px 13px;font-weight:900;color:#174465}.managed-map-r24>p{margin:0;padding:0 13px 10px;color:#61798d;font-size:.75rem;line-height:1.45}.managed-map-grid-r24{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 13px 13px}.managed-map-grid-r24 label{display:grid;gap:4px;font-size:.7rem;font-weight:800}.managed-map-grid-r24 input{min-width:0}
.managed-feed-r24 .managed-feed-form-r23{grid-template-columns:repeat(4,minmax(0,1fr))!important}.managed-feed-r24 .managed-feed-form-r23>label:nth-of-type(5),.managed-feed-r24 .managed-feed-form-r23>button{grid-column:1/-1!important}

@media(max-width:1180px){
 .home-hero-r24 .hero-inner{grid-template-columns:minmax(0,1fr) minmax(390px,.85fr)!important}.home-sonar-dial-r24{width:600px;height:600px}.home-hero-r24 .home-sonar-rings-r15{width:590px!important;height:590px!important}.home-hero-r24 .home-sonar-sweep-r15{width:560px!important;height:560px!important;margin:-280px 0 0 -280px!important}.home-sonar-pulse-r24{width:330px;height:330px}.home-hero-r24 .home-sonar-logo-r15{width:245px!important;height:245px!important}
}
@media(max-width:1000px){
 .home-hero-r24 .hero-inner{grid-template-columns:1fr!important;min-height:auto!important}.home-hero-r24 .hero-copy{padding:48px 0 20px!important}.home-hero-r24 .r24-sonar-stage{display:block!important;min-height:440px!important}.home-hero-r24 .hero-copy::after{inset:-24px -18px -16px -28px}.home-wave-video-r24{object-position:center bottom}.ops-feed-explainer-r24{grid-template-columns:1fr}.managed-map-grid-r24{grid-template-columns:repeat(2,minmax(0,1fr))}.managed-feed-r24 .managed-feed-form-r23{grid-template-columns:1fr 1fr!important}
}
@media(max-width:700px){
 .home-hero-r24 .hero-copy{padding:38px 0 8px!important}.home-hero-r24 .r24-sonar-stage{min-height:365px!important}.home-sonar-dial-r24{left:52%;top:50%;width:440px;height:440px}.home-hero-r24 .home-sonar-rings-r15{left:52%!important;top:50%!important;width:430px!important;height:430px!important}.home-hero-r24 .home-sonar-sweep-r15{left:52%!important;top:50%!important;width:410px!important;height:410px!important;margin:-205px 0 0 -205px!important}.home-sonar-pulse-r24{left:52%;top:50%;width:255px;height:255px}.home-hero-r24 .home-sonar-logo-r15{left:52%!important;top:50%!important;width:190px!important;height:190px!important}.home-hero-r24 .market-live-card{left:50%!important;bottom:18px!important;max-width:calc(100% - 30px);white-space:normal!important}.home-wave-wide-r24{opacity:.9}.home-wave-video-r24{width:145%;left:-22.5%;object-fit:cover}.ops-connected-feed-grid-r24{grid-template-columns:1fr}.ops-connected-feed-r24 dl{grid-template-columns:1fr}.managed-auth-fields-r24,.managed-map-grid-r24{grid-template-columns:1fr}.managed-feed-r24 .managed-feed-form-r23{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.home-hero-r24 .home-sonar-logo-r15 img{opacity:1;transform:none;filter:drop-shadow(0 18px 32px rgba(0,13,34,.32))!important}.home-hero-r24 .home-sonar-rings-r15,.home-hero-r24 .home-sonar-sweep-r15,.home-sonar-dial-r24,.home-sonar-pulse-r24{opacity:.75!important;animation:none!important}.home-wave-wide-r24{display:none}}