/* 168 Awakening — Global Styles (mobile-first) */
/* System font stack for performance */
:root{
  --blue:#004e89;
  --blue-light:#3bafda;
  --grey:#515856;
  --bg:#f7f9fc;
  --text:#1a1f2b;
  --radius:14px;
  --shadow:0 8px 20px rgba(0,0,0,.06);
  --focus: 2px solid #3bafda;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}

/* Layout */
.container{width:min(1100px,92%);margin-inline:auto}
header{background:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--blue)}
.brand img{width:28px;height:28px}
.menu{display:flex;gap:1rem;flex-wrap:wrap}
.menu a{padding:.4rem .6rem;border-radius:8px}
.menu a:focus{outline:var(--focus)}
.menu a[aria-current="page"]{background:#e8f4fb}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem .75rem;z-index:9999;border-radius:8px;box-shadow:var(--shadow)}

main{padding:2rem 0}
footer{background:#0e2740;color:#e6eef6;margin-top:3rem}
footer a{color:#cfe9fb}
.footer-inner{display:grid;gap:1rem;padding:1.5rem 0}

/* Hero */
.hero{display:grid;gap:1rem;align-items:start;padding:2rem 0}
.hero h1{font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;color:var(--blue)}
.hero p.sub{font-size:1.05rem;color:var(--grey)}
.cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}
.button{display:inline-block;background:var(--blue);color:#fff;padding:.65rem 1rem;border-radius:10px;box-shadow:var(--shadow);border:none;cursor:pointer}
.button.secondary{background:#fff;color:var(--blue);border:2px solid var(--blue)}
.button.light{background:#e8f4fb;color:var(--blue)}
.button:focus{outline:var(--focus)}

/* Cards */
.grid{display:grid;gap:1rem}
.card{background:#fff;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.card h3{margin-top:0;color:var(--blue)}
.kicker{font-size:.9rem;color:var(--grey);text-transform:uppercase;letter-spacing:.04em}

/* Forms */
form{display:grid;gap:.75rem}
label{font-weight:600}
input[type="text"],input[type="email"],textarea{
  width:100%;padding:.7rem .8rem;border:1px solid #d5dbe3;border-radius:10px;background:#fff
}
textarea{min-height:130px}
input:focus,textarea:focus,select:focus{outline:var(--focus);border-color:var(--blue-light)}
.form-row{display:grid;gap:.75rem}
.form-inline{display:flex;gap:.5rem;flex-wrap:wrap}
.help{font-size:.9rem;color:var(--grey)}
.success{color:#0a7f2e}
.error{color:#9b1c1c}

/* Newsletter strip */
.newsletter{background:#fff;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}

/* Social proof */
.proof{display:grid;gap:.5rem;align-items:center}
.proof-logos{display:flex;gap:1rem;flex-wrap:wrap;opacity:.7}

/* Cookie banner */
.cookie-banner{
  position:fixed;left:0;right:0;bottom:0;background:var(--blue);color:#fff;
  padding:1rem;display:grid;gap:.75rem;z-index:1000
}
.cookie-banner .actions{display:flex;gap:.5rem;flex-wrap:wrap}
.cookie-banner button{background:#fff;color:var(--blue);border:0;padding:.5rem .8rem;border-radius:8px;cursor:pointer}
.cookie-banner a{color:#cfe9fb;text-decoration:underline}

/* Media */
@media (min-width:700px){
  .hero{grid-template-columns:1.1fr .9fr;align-items:center}
  .grid.cols-3{grid-template-columns:repeat(3,1fr)}
  .form-row{grid-template-columns:1fr 1fr}
  .footer-inner{grid-template-columns:1fr auto}
}