/* Hello Packs landing — Ananke Apps, 12 Nov 2026 */
:root{
  --cream:#FFF6EC;
  --paper:#FFFDF9;
  --ink:#1C1714;
  --muted:#5C534C;
  --line:#EDDCCB;
  --coral:#E24B3B;
  --coral-dk:#C0372C;
  --teal:#1F7A6E;
  --teal-dk:#165C53;
  --gold:#E2A93B;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font:1.05rem/1.55 Nunito, "Segoe UI", system-ui, sans-serif;
}
a{color:var(--teal)}
a:hover{color:var(--teal-dk)}
header,main,footer{max-width:56rem;margin:0 auto;padding:0 1.3rem}
header{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.6rem;padding-top:1.1rem;padding-bottom:.7rem;
}
header .brand{
  display:flex;align-items:center;gap:.7rem;
  color:inherit;text-decoration:none;font-family:Fredoka,Nunito,sans-serif;
  font-weight:650;font-size:1.15rem;
}
header img{width:44px;height:44px;border-radius:12px}
header nav a{margin-left:1rem;text-decoration:none;font-weight:700}
.hero{padding:1.4rem 0 2rem}
.eyebrow{
  color:var(--coral);letter-spacing:.12em;font-size:.8rem;
  text-transform:uppercase;margin:0 0 .45rem;font-weight:800;
}
h1{
  font-family:Fredoka,Nunito,sans-serif;
  font-size:clamp(2rem,5vw,2.8rem);
  line-height:1.1;margin:0 0 .6rem;font-weight:650;
}
h2{
  font-family:Fredoka,Nunito,sans-serif;
  font-size:1.55rem;margin:2.1rem 0 .7rem;font-weight:650;
}
.lead{font-size:1.22rem;color:var(--muted);max-width:40rem}
.card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:18px;
  padding:1.1rem 1.25rem;
  margin:0 0 1rem;
}
.card h3{
  font-family:Fredoka,Nunito,sans-serif;
  margin:.1rem 0 .4rem;font-size:1.2rem;font-weight:650;
}
.btn,.btn-soon,.btn-ghost{
  display:inline-block;padding:.8rem 1.2rem;border-radius:14px;
  text-decoration:none;font-weight:800;border:2px solid var(--teal);
}
.btn{background:var(--teal);color:#fff}
.btn:hover{background:var(--teal-dk);color:#fff;border-color:var(--teal-dk)}
.btn-soon{color:var(--teal);cursor:default}
.btn-ghost{color:var(--coral);border-color:var(--coral);background:transparent}
.btn-ghost:hover{background:var(--coral);color:#fff}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.3rem 0}
.prices strong{font-weight:800}
.shots{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:1rem;
  margin:1.2rem 0 1.6rem;
}
.shots figure{margin:0;text-align:center}
.shots img{
  width:100%;height:auto;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--paper);
}
.shots figcaption{font-size:.88rem;color:var(--muted);margin-top:.4rem}
.pack-list{columns:2;gap:1.4rem;margin:.4rem 0 1rem;padding:0 0 0 1.1rem}
@media(max-width:520px){.pack-list{columns:1}}
.note{font-size:.95rem;color:var(--muted)}
.disclaimer{
  font-size:.92rem;color:var(--muted);
  border-left:3px solid var(--gold);
  padding:.2rem 0 .2rem 1rem;
}
footer{padding:2rem 1.3rem 2.6rem;color:var(--muted);font-size:.95rem}
footer p{margin:.3rem 0}
.feature{
  width:100%;max-width:56rem;height:auto;
  border-radius:16px;border:1px solid var(--line);margin:1rem 0 0;
  display:block;
}