/* Base reset (light) */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Project tokens (can tweak as we proceed) */
:root{
  --bg: #eef2f3;                /* light grey page background from mock */
  --surface: #ffffff;
  --ink: #0b0f2a;               /* deep navy for headings */
  --ink-2: #3e4a5a;             /* body text */
  --muted: #6b7686;             /* subtitle */
  --brand: #0b0f2a;             /* can be updated */
  --radius-lg: 14px;
  --shadow-1: 0 8px 14px rgba(14, 39, 77, .08);
  --shadow-2: 0 2px 0 rgba(11, 33, 66, .18);
  --maxw: 1120px;               /* content width */
  --maxw-wide: 1440px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 72px;
}

/* Typography */
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--ink-2);
  background: var(--bg);
  line-height: 1.6;
  font-size: 16px; /* mobile first */
}

h1, h2, h3 {
  font-family: Montserrat, Inter, system-ui, sans-serif;
  color: var(--ink);
  margin: 0 0 var(--space-3);
  line-height: 1.2;
}

/* Layout helpers */
.container{
  width: min(100%, calc(var(--maxw) + 2rem));
  margin-inline: auto;
  padding-inline: 1rem;
}

.site-header, .site-footer{
  background: transparent;
  padding: var(--space-3) 0;
}
.site-header .brand{
  font-weight: 800;
  text-decoration: none;
  color: var(--ink);
}
.section--placeholder{ padding: var(--space-7) 0; }

/* Simple focus state for accessibility */
a:focus-visible, button:focus-visible {
  outline: 2px solid #6aa4ff;
  outline-offset: 2px;
}

.sttealth{
  background:#000;
  padding: clamp(96px, 12vw, 140px) 0 clamp(80px, 10vw, 120px);
}

.wrap-black {
    background-color: #000000;
    }


/* Responsive type scaling */
@media (min-width: 768px){
  body { font-size: 17px; }
}
@media (min-width: 1024px){
  body { font-size: 18px; }
}

/* Responsive text alignment for mobile  */
@media (max-width: 767.98px){
  .welcome__intro{
    padding-inline: 0.5rem !important;
    text-align: justify !important;
    hyphens: auto !important;
  
}
.unint-body{
  padding-inline: 0.5rem !important;
    text-align: justify !important;
    hyphens: auto !important;
}
.deep__col p{
  padding-inline: 0.5rem !important;
    text-align: justify !important;
    hyphens: auto !important;
}
}