/* Aarulya Sentinel public-only command-grid identity.
   Dark intelligence/radar language; deliberately distinct from DigitalWorks and Media. */

:root{
  --sentinel-command-cyan:#6fe7ff;
  --sentinel-command-blue:#67a8ff;
  --sentinel-command-violet:#9c8cff;
  --sentinel-command-gold:#f4ca75;
  --sentinel-command-line:rgba(111,231,255,.14);
  --sentinel-command-panel:rgba(4,13,23,.72);
}

.public-site{position:relative;isolation:isolate}
.public-site::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 12%,rgba(103,168,255,.10),transparent 34rem),
    repeating-linear-gradient(0deg,transparent 0 67px,rgba(111,231,255,.018) 68px),
    repeating-linear-gradient(90deg,transparent 0 67px,rgba(111,231,255,.015) 68px);
}

/* Command pulse at the top edge signals a live but public-safe interface. */
.public-site::after{
  content:"";
  position:fixed;
  top:0;left:0;
  width:34vw;max-width:520px;height:2px;
  z-index:150;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--sentinel-command-cyan),var(--sentinel-command-blue),transparent);
  filter:drop-shadow(0 0 9px rgba(111,231,255,.55));
  animation:sentinelCommandSweep 4.8s linear infinite;
}

.hero{isolation:isolate}
.hero::after{
  content:"";
  position:absolute;
  width:min(56vw,760px);
  aspect-ratio:1;
  right:-12%;top:50%;
  translate:0 -50%;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  background:
    repeating-radial-gradient(circle,transparent 0 48px,rgba(111,231,255,.045) 49px 50px),
    conic-gradient(from 0deg,transparent 0 70deg,rgba(111,231,255,.10) 86deg,transparent 103deg 360deg);
  animation:sentinelRadarRotate 13s linear infinite;
  mask-image:radial-gradient(circle,#000 0 56%,transparent 76%);
}

.graph-stage{
  position:relative;
  border:1px solid rgba(111,231,255,.13);
  border-radius:32px;
  background:linear-gradient(145deg,rgba(6,18,31,.78),rgba(3,9,16,.56));
  box-shadow:0 36px 110px rgba(0,0,0,.38),inset 0 0 70px rgba(71,169,255,.035);
  overflow:hidden;
}
.graph-stage::before{
  content:"";
  position:absolute;
  inset:-30%;
  pointer-events:none;
  background:conic-gradient(from 90deg,transparent 0 75%,rgba(111,231,255,.10) 83%,transparent 90% 100%);
  animation:sentinelRadarRotate 9s linear infinite;
}
.graph-stage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0 47%,rgba(111,231,255,.07) 50%,transparent 53%);
  translate:0 -110%;
  animation:sentinelScanLine 5.5s ease-in-out infinite;
}
.sentinel-graph{position:relative;z-index:1;filter:drop-shadow(0 24px 54px rgba(0,0,0,.25))}
.graph-ring{transform-origin:center;animation:sentinelRingBreathe 5s ease-in-out infinite alternate}
.graph-ring:nth-of-type(2){animation-delay:-1.6s}
.graph-ring:nth-of-type(3){animation-delay:-3.1s}
.graph-node-halo{animation:sentinelNodePulse 3.8s ease-in-out infinite}
.graph-edge,.graph-edge-hot{stroke-dasharray:9 12;animation:sentinelEdgeFlow 8s linear infinite}
.graph-edge-hot{animation-duration:5s}
.graph-center{filter:drop-shadow(0 0 26px rgba(111,231,255,.28))}
.floating-chip{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 36px rgba(0,0,0,.25)}

/* Keep content sections looking like an intelligence system, not generic cards. */
.signal-rail,.platform-card,.product-card,.solution-card,.trust-item,.proof-panel,.split-band,.cta-shell{
  position:relative;
}
.product-card,.solution-card,.trust-item,.proof-panel,.split-band,.cta-shell{
  border-color:rgba(111,231,255,.12)!important;
  background:linear-gradient(145deg,rgba(8,24,39,.80),rgba(5,14,24,.68))!important;
  box-shadow:0 22px 64px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .product-card:hover,.solution-card:hover,.trust-item:hover{
    transform:translateY(-6px)!important;
    border-color:rgba(111,231,255,.26)!important;
    box-shadow:0 32px 80px rgba(0,0,0,.28),0 0 0 1px rgba(111,231,255,.04)!important;
  }
}

.public-nav-wrap::after{
  content:"";
  position:absolute;
  left:0;bottom:-1px;
  width:100%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(111,231,255,.42),rgba(156,140,255,.30),transparent);
  opacity:.72;
  pointer-events:none;
}
.public-nav a:focus-visible,.public-nav button:focus-visible,.public-site a:focus-visible,.public-site button:focus-visible{
  outline:3px solid rgba(111,231,255,.52)!important;
  outline-offset:4px!important;
}
.button-link,.button-secondary,.nav-toggle{min-height:44px}

/* Smaller screens preserve the graph instead of clipping it. */
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr!important;gap:52px!important}
  .graph-stage{width:min(100%,720px);margin-inline:auto}
  .hero::after{width:80vw;right:-28%;top:68%}
}

@media (max-width:760px){
  .public-container{width:min(100% - 28px,1240px)!important}
  .section{padding-block:82px!important}
  .display-title{font-size:clamp(3rem,14vw,5.2rem)!important;letter-spacing:-.055em!important}
  .section-title{font-size:clamp(2.35rem,10vw,4rem)!important}
  .graph-stage{border-radius:24px;padding:6px}
  .sentinel-graph{width:100%;height:auto}
  .floating-chip{font-size:.64rem!important;max-width:44%;line-height:1.3}
  .hero-proof,.trust-grid,.solution-grid,.product-grid{grid-template-columns:1fr!important}
}

@media (max-width:480px){
  .public-container{width:min(100% - 20px,1240px)!important}
  .hero{min-height:auto!important;padding-block:72px 54px}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions>a,.hero-actions>button,.cta-actions>a,.cta-actions>button{width:100%;justify-content:center}
  .graph-stage{border-radius:20px}
  .floating-chip{display:none!important}
  .section{padding-block:68px!important}
}

@keyframes sentinelCommandSweep{
  from{transform:translateX(-120%)}
  to{transform:translateX(410%)}
}
@keyframes sentinelRadarRotate{to{transform:rotate(360deg)}}
@keyframes sentinelScanLine{
  0%,12%{translate:0 -110%;opacity:0}
  28%{opacity:.9}
  72%{opacity:.8}
  88%,100%{translate:0 110%;opacity:0}
}
@keyframes sentinelRingBreathe{from{opacity:.34}to{opacity:.8}}
@keyframes sentinelNodePulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes sentinelEdgeFlow{to{stroke-dashoffset:-84}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .public-site::after,.hero::after,.graph-stage::before,.graph-stage::after,.graph-ring,.graph-node-halo,.graph-edge,.graph-edge-hot{animation:none!important}
  .product-card,.solution-card,.trust-item{transition:none!important;transform:none!important}
}