/* =========================================================
   Tcongs About page - about-v2.css
   Load after home-v2.css and onboarding-v2.css
   ========================================================= */

/* ---------- Orbit hero visual ---------- */
.rda-orbit-wrap{--w:clamp(340px,40vw,560px);--s:calc(var(--w)*.8);position:relative;width:var(--w);max-width:100%;aspect-ratio:1/1;margin:0 0 0 auto;display:flex;align-items:center;justify-content:center}
.rda-orbit{position:relative;width:var(--s);height:var(--s);flex:none}
.rda-orbit::before{content:"";position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 0deg,rgba(143,208,255,0) 0deg,rgba(143,208,255,0) 200deg,rgba(143,208,255,.22) 360deg);-webkit-mask:radial-gradient(circle,transparent 24%,#000 25%);mask:radial-gradient(circle,transparent 24%,#000 25%);animation:rda-spin 10s linear infinite}
.rda-glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(90,176,255,.5),rgba(36,87,255,.14) 55%,transparent 72%);filter:blur(12px);animation:rda-pulse 5s ease-in-out infinite}
.rda-track{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}
.rda-track-1{width:calc(var(--s)*.62);height:calc(var(--s)*.62);border:1.5px dashed rgba(159,200,255,.45)}
.rda-track-2{width:calc(var(--s)*.94);height:calc(var(--s)*.94);border:1.5px solid rgba(159,200,255,.22)}
.rda-track::after{content:"";position:absolute;inset:-3px;border-radius:50%;animation:rda-spin 16s linear infinite}
.rda-track-1::after{background:radial-gradient(circle at 50% 0,#8FD0FF 0 4px,rgba(143,208,255,.0) 5px)}
.rda-track-2::after{background:radial-gradient(circle at 50% 0,#fff 0 3px,rgba(255,255,255,0) 4px);animation-duration:24s;animation-direction:reverse}
.rda-core{position:absolute;top:50%;left:50%;width:calc(var(--s)*.34);height:calc(var(--s)*.34);transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;background:radial-gradient(circle at 30% 25%,#fff,#DCE8FF 72%);box-shadow:0 0 0 7px rgba(255,255,255,.14),0 0 0 16px rgba(255,255,255,.08),0 0 50px 8px rgba(90,176,255,.35),0 30px 60px -20px rgba(2,10,45,.8);z-index:3}
.rda-core img{width:40%;height:auto;display:block;margin-bottom:2px}
.rda-core b{font-size:calc(var(--s)*.036);font-weight:800;letter-spacing:.06em;line-height:1.1;color:#050F35}
.rda-core span{font-size:calc(var(--s)*.02);font-weight:700;letter-spacing:.04em;line-height:1.1;color:#2457FF}
.rda-ring{position:absolute;top:50%;left:50%;width:0;height:0;animation:rda-spin var(--t) linear infinite}
.rda-ring-1{--t:40s}
.rda-ring-2{--t:64s;animation-direction:reverse}
.rda-orbit:hover .rda-ring,.rda-orbit:hover .rda-node-in{animation-play-state:paused}
.rda-node{position:absolute;top:0;left:0;width:0;height:0;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1))}
.rda-ring-1 .rda-node{--r:calc(var(--s)*.31)}
.rda-ring-2 .rda-node{--r:calc(var(--s)*.47)}
.rda-node-in{position:absolute;top:calc(var(--n) / -2);left:calc(var(--n) / -2);width:var(--n);height:var(--n);animation:rda-spin var(--t) linear infinite reverse}
.rda-ring-2 .rda-node-in{animation-direction:normal}
.rda-ring-1 .rda-node-in{--n:calc(var(--s)*.16)}
.rda-ring-2 .rda-node-in{--n:calc(var(--s)*.14)}
.rda-node a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:17%;border-radius:50%;background:#fff;border:2px solid rgba(255,255,255,.75);box-shadow:0 14px 30px -12px rgba(2,10,45,.85),0 0 0 4px rgba(255,255,255,.1);transition:transform .3s,box-shadow .3s}
.rda-node a[data-name="Myntra"],.rda-node a[data-name="AJIO"],.rda-node a[data-name="Nykaa"],.rda-node a[data-name="FirstCry"]{width:190%;margin-left:-45%;padding:17% 12%;border-radius:999px}
.rda-node a:hover{transform:scale(1.14);box-shadow:0 0 0 5px rgba(90,176,255,.45),0 18px 34px -12px rgba(2,10,45,.9)}
.rda-node img{width:100%;height:100%;object-fit:contain}
.rda-node a::after{content:attr(data-name);position:absolute;top:100%;left:50%;margin-top:6px;padding:4px 10px;border-radius:999px;background:#050F35;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .25s,transform .25s}
.rda-node a:hover::after{opacity:1;transform:translate(-50%,0)}

/* ---------- Floating info chips ---------- */
.rda-chips{position:absolute;inset:0;pointer-events:none;z-index:4}
.rda-chip{position:absolute;display:flex;align-items:center;gap:11px;padding:10px 18px 10px 11px;border-radius:18px;background:linear-gradient(160deg,rgba(9,28,96,.82),rgba(14,44,140,.66));border:1px solid rgba(143,208,255,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 22px 40px -22px rgba(2,10,45,.9);animation:rd2-float 6s ease-in-out infinite}
.rda-chip i{width:38px;height:38px;border-radius:12px;flex:none;font-size:0;line-height:0;color:transparent;background:center/54% no-repeat,linear-gradient(145deg,#5B93FF,#1B45E8);box-shadow:0 8px 16px -8px rgba(27,69,232,.9)}
.rda-chip b{display:block;font-size:19px;font-weight:800;line-height:1.1;color:#fff;white-space:nowrap}
.rda-chip span{display:block;margin-top:3px;font-size:12px;font-weight:600;letter-spacing:.02em;color:#D6E4FF;white-space:nowrap}
.rda-chip-1{top:0;left:0}
.rda-chip-2{top:0;right:0;animation-delay:1s}
.rda-chip-3{bottom:0;left:0;animation-delay:2s}
.rda-chip-4{bottom:0;right:0;animation-delay:3s}
.rda-chip-1 i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0V4z'/%3E%3Cpath d='M17 5h3v2a3 3 0 0 1-3 3M7 5H4v2a3 3 0 0 0 3 3'/%3E%3C/svg%3E"),linear-gradient(145deg,#5B93FF,#1B45E8)}
.rda-chip-2 i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5V8z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E"),linear-gradient(145deg,#A08BFF,#5B3FE0)}
.rda-chip-3 i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9L12 3z'/%3E%3C/svg%3E"),linear-gradient(145deg,#FFB067,#F2701A)}
.rda-chip-4 i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15c-1.5 1.3-2 4-2 6 2 0 4.7-.5 6-2'/%3E%3Cpath d='M12 15l-3-3a22 22 0 0 1 2-4 12 12 0 0 1 11-5c0 3-1 8-5 11a22 22 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.5-3 2-4c1.3-.8 4 0 4 0M12 15v5s3-.5 4-2c.8-1.3 0-4 0-4'/%3E%3C/svg%3E"),linear-gradient(145deg,#45DEC4,#0E9E86)}

@keyframes rda-spin{to{transform:rotate(360deg)}}
@keyframes rda-pulse{0%,100%{transform:scale(.94);opacity:.8}50%{transform:scale(1.05);opacity:1}}

/* ---------- Stat band ---------- */
.rda-band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:30px;border-radius:30px;background:radial-gradient(520px 260px at 90% 0%,rgba(61,123,255,.5),transparent 70%),linear-gradient(140deg,#050F35,#0A2170 60%,#1236C4);box-shadow:0 40px 80px -40px rgba(6,22,65,.9)}
.rda-band div{padding:18px 10px;text-align:center;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);transition:transform .3s,background .3s}
.rda-band div:hover{transform:translateY(-4px);background:rgba(255,255,255,.12)}
.rda-band b{display:block;font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.1;color:#fff;white-space:nowrap}
.rda-band span{display:block;margin-top:8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:#B9CCFF}

/* ---------- Story / mission ---------- */
.rda-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:48px}
.rda-grid2 + .rda-grid2{margin-top:22px}
.rda-mv{border-left:5px solid var(--v2-blue)}
.rda-mv.rda-dark{border-left-color:#050F35}
.rd2-main .rda-grid2 h3{font-size:20px}
.rd2-main .rda-grid2 p{font-size:15.5px;line-height:1.75;color:var(--v2-muted)}

/* ---------- Leadership ---------- */
.rda-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:48px auto 0;max-width:980px}
.rda-person{display:flex;align-items:center;gap:24px;padding:30px;border-radius:26px;background:#fff;border:1px solid var(--v2-line);box-shadow:var(--v2-shadow)}
.rda-person img{width:108px;height:108px;border-radius:50%;object-fit:cover;flex:none;border:4px solid #fff;box-shadow:0 0 0 3px #CFE0FF,0 14px 30px -12px rgba(36,87,255,.6)}
.rd2-main .rda-person h3{margin:0;font-size:20px;font-weight:800;color:var(--v2-ink)}
.rda-role{display:block;margin:4px 0 10px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--v2-blue)}
.rd2-main .rda-person p{margin:0;font-size:15px;line-height:1.7;color:var(--v2-muted)}
.rda-quote{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(420px 260px at 100% 0%,rgba(61,123,255,.5),transparent 70%),linear-gradient(140deg,#050F35,#0A2170 65%,#1236C4);border:0;color:#fff}
.rd2-main .rda-quote h3{color:#fff;margin:0 0 10px}
.rd2-main .rda-quote p{color:#C9D8FF;font-style:italic;font-size:15.5px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .rda-chip{padding:8px 14px 8px 9px;gap:9px}
  .rda-chip i{width:32px;height:32px}
  .rda-chip b{font-size:16px}
  .rda-chip span{font-size:11px}
}
@media (max-width:991px){
  .rda-orbit-wrap{--w:min(92vw,440px);aspect-ratio:auto;height:auto;flex-direction:column;margin:0 auto}
  .rda-orbit{--sz:calc(var(--w)*.92);width:var(--sz);height:var(--sz);--s:var(--sz)}
  .rda-chips{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;width:100%}
  .rda-chip{position:static;animation:none;padding:10px 12px 10px 10px;gap:10px;min-width:0}
  .rda-chip i{width:36px;height:36px}
  .rda-chip b{font-size:18px}
  .rda-chip span{font-size:11.5px;white-space:normal}
  .rda-band{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .rda-grid2,.rda-people{grid-template-columns:1fr}
  .rda-person{flex-direction:column;text-align:center}
}
@media (max-width:640px){
  .rda-band{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}
  .rda-band div:last-child{grid-column:1 / -1}
  .rda-node a::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .rda-ring,.rda-node-in,.rda-glow,.rda-chip,.rda-orbit::before,.rda-track::after{animation:none !important}
}