/* ===== Reset & Base ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#fff;color:#001f3f;text-align:center;scroll-behavior:smooth}

/* ===== Sticky Header ===== */
header{position:sticky;top:0;z-index:1000;background:#fff;padding:.5rem 0 0;box-shadow:0 5px 15px rgba(0,31,63,.2)}
.hero-logo{display:block;margin:10px auto 0;max-width:280px}
nav{position:absolute;top:25px;right:40px}
nav ul{display:flex;list-style:none;gap:25px}
nav ul li a{text-decoration:none;color:#001f3f;font-weight:bold;transition:transform .2s ease}
nav ul li a:hover{transform:scale(1.15);color:#B6862C}

/* ===== Scroll offset for sticky header ===== */
#home,#about,#services,#publishers,#insights,#contact{scroll-margin-top:120px}

/* ===== Hero ===== */
h1{font-size:1.8rem;margin-bottom:1rem}
.hero h1{margin-top:30px} /* 10px original + 20px extra */
.hero p{max-width:900px;margin:20px auto;line-height:1.7;text-align:justify;text-align-last:center}
.launch-date{margin-top:1rem;font-weight:bold;color:#B6862C;font-style:italic}
/* 2 blinks per second = 0.5s cycle */
.blink-2hz{animation:blinkRate .5s infinite ease-in-out}
@keyframes blinkRate{0%,100%{opacity:1}50%{opacity:0}}

/* ===== Buttons ===== */
button,.btn{background:#001f3f;color:#fff;font-weight:bold;cursor:pointer;padding:.6rem 1rem;border:none;border-radius:6px;font-size:1rem;text-decoration:none;transition:all .25s ease;margin:.5rem}
button:hover,.btn:hover{transform:scale(1.08);background:#B6862C;color:#fff}
.preorder{background:#B6862C}
.preorder:hover{background:#001f3f}

/* ===== Services ===== */
.services{padding:3rem 1rem;background:#f7f9fc}
.service-block{margin:3rem auto;max-width:900px;text-align:center;opacity:0;transform:translateY(20px);animation:fadeIn 1s ease forwards}
.service-block img{width:100%;max-height:400px;object-fit:cover;border-radius:10px;box-shadow:0 6px 15px rgba(0,31,63,.25);margin-top:1rem}
.service-block h3{font-size:1.6rem;color:#001f3f;margin-bottom:.5rem}
.service-block p{max-width:750px;margin:0 auto 1.2rem;line-height:1.6;font-size:1rem;color:#333}

/* ===== Publishers ===== */
.book{padding:3rem 1rem;background:#fff;opacity:0;transform:translateY(20px);animation:fadeIn 1s ease forwards}
.book-covers{display:flex;justify-content:center;gap:1rem;margin:2rem 0}
.book-covers img{max-width:800px;width:90%;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.excerpt{max-width:900px;margin:0 auto 1rem;text-align:justify}

/* ===== Insights ===== */
.insights{padding:2rem 1rem;background:#f7f9fc;opacity:0;transform:translateY(20px);animation:fadeIn 1s ease forwards}
.insights-banner{max-width:650px;width:90%;margin:0 auto 10px;box-shadow:0 4px 15px rgba(0,0,0,.25);border-radius:10px}
.insights p{margin-bottom:10px}
.signup-form{display:flex;flex-direction:column;align-items:center;gap:.8rem;max-width:400px;margin:auto}
.signup-form input{padding:.6rem;border:1px solid #ccc;border-radius:6px;width:100%}

/* ===== Contact & Footer ===== */
.contact{padding:.8rem;background:#fff;opacity:0;transform:translateY(20px);animation:fadeIn 1s ease forwards}
.future-integrations{margin-top:10px;color:#555}
footer{padding:1rem;background:#001f3f;color:#fff;font-size:.9rem}

/* ===== Book Text Alignment ===== */
.book-text {
  max-width: 900px;
  margin: 20px auto;
  line-height: 1.7;
  text-align: justify;
  text-align-last: center;
}

/* ===== Reusable Animations ===== */
@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}