/* GuardianOS vNext Design Foundation
   Premium security OS direction
*/

:root {
  --g-bg: #f5f5f7;
  --g-surface: rgba(255,255,255,.72);
  --g-text: #111827;
  --g-muted: #6b7280;
  --g-accent: #007aff;
  --g-success: #34c759;
  --g-radius: 28px;
  --g-shadow: 0 20px 60px rgba(0,0,0,.08);
}

html { scroll-behavior:smooth; }
body {
  background: var(--g-bg);
  color: var(--g-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
}

.site-nav {
  backdrop-filter: blur(22px);
  background: rgba(245,245,247,.72);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.brand-copy strong { letter-spacing:-.04em; }

.button {
  border-radius:999px;
  transition:.25s ease;
}

.button:hover {
  transform:translateY(-1px);
}

/* Hero becomes calm product experience */
.guardian {
  min-height:100svh;
  background:
    radial-gradient(circle at 50% 20%, rgba(0,122,255,.12), transparent 35%),
    linear-gradient(180deg,#fff,#f5f5f7);
  overflow:hidden;
}

.guardian .grid-overlay,
.guardian .scan-overlay,
.guardian .live-telemetry,
.guardian .incident-id {
  opacity:.12;
}

.environment {
  filter:saturate(.75);
}

.system-status {
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:var(--g-shadow);
  color:var(--g-text);
}

.simulation-autoplay-badge {
  border-radius:999px;
  background:rgba(255,255,255,.8);
  color:var(--g-text);
  box-shadow:var(--g-shadow);
}

/* Premium floating cards */
.security-card,
.feature-card,
.service-card {
  border-radius:var(--g-radius);
  background:var(--g-surface);
  backdrop-filter:blur(24px);
  box-shadow:var(--g-shadow);
  border:1px solid rgba(0,0,0,.05);
}

section {
  position:relative;
}

h1,h2,h3 {
  letter-spacing:-.045em;
}

@media (max-width:768px){
  :root { --g-radius:22px; }

  .site-nav {
    padding-left:18px;
    padding-right:18px;
  }

  .nav-links { display:none; }

  .nav-actions .button,
  .portal-access {
    display:none;
  }

  .guardian {
    min-height:92svh;
  }

  .simulation-autoplay-badge,
  .system-status {
    transform:scale(.9);
  }

  .live-telemetry {
    display:none;
  }
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after {
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
  }
}