/* --- SeaWalker AI: Global landing styles --- */

/* Brand tokens (tweak anytime) */
:root{
  --sw-navy:#0A2A43;      /* deep ocean */
  --sw-blue:#1479C9;      /* brand blue accent */
  --sw-teal:#19A7AE;      /* sea-teal accent */
  --sw-ice:#EAF6FF;       /* pale ice */
  --sw-white:#FFFFFF;
}

*{ box-sizing:border-box; }

html,body{
  height:100%;
  margin:0;
  font-family: "Segoe UI","Helvetica Neue",Arial,sans-serif;
  color: var(--sw-white);
}

.bg{
  background: url('/images/Lighthouse@4x.png') no-repeat center center fixed;
  background-size: cover;
  height:100%;
  width:100%;
  position:relative;
}

.overlay{
  position:absolute; inset:0;
  background: rgba(10,42,67,0.45); /* navy glass */
  display:flex; align-items:center; justify-content:center;
  flex-direction:column; text-align:center; padding:24px;
}

h1{
  margin:0 0 .75rem 0;
  font-size: clamp(2rem, 3vw, 3.25rem);
  letter-spacing:.06em;
  text-transform:uppercase;
}

p{
  margin:.25rem 0;
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  line-height:1.6;
  max-width: 640px;
}

a{
  color: var(--sw-ice);
  text-decoration:none;
  border-bottom: 1px solid rgba(255,255,255,.35);
  transition: border-color .2s ease, color .2s ease;
}

a:hover{
  color: var(--sw-teal);
  border-color: var(--sw-teal);
}