:root{
  --ink:#11131a;
  --night:#101521;
  --night-2:#18213a;
  --night-3:#24304f;
  --yellow:#e3b84a;
  --yellow-soft:#f1d98d;
  --paper:#f4f0e7;
  --paper-2:#e9e2d6;
  --green:#4c7a6b;
  --muted:#6d7280;
  --white:#fffdf8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--ink);color:var(--white)}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;background:rgba(12,15,24,.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-weight:700;letter-spacing:.04em}
nav{display:flex;gap:24px;font-family:Arial,sans-serif;font-size:.95rem}
nav a{opacity:.8}
nav a:hover{opacity:1;color:var(--yellow-soft)}

.hero{
  position:relative;
  min-height:92vh;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:120px 7vw 80px;
  background:
    radial-gradient(circle at 50% 20%, rgba(180,196,236,.10), transparent 20%),
    radial-gradient(circle at 72% 28%, rgba(140,158,205,.14), transparent 22%),
    radial-gradient(circle at 28% 12%, rgba(97,117,163,.12), transparent 18%),
    linear-gradient(180deg, #0b0f18 0%, #10172a 32%, #1a2743 63%, #0d111b 100%);
}
.sky-glow{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 50% 22%, rgba(180,197,228,.14), transparent 18%),
    radial-gradient(ellipse at 62% 26%, rgba(255,255,255,.05), transparent 12%),
    radial-gradient(ellipse at 40% 30%, rgba(145,168,208,.08), transparent 16%);
  filter:blur(8px);
  pointer-events:none;
}
.hero-content{position:relative;z-index:3;max-width:820px;text-align:center}
.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;color:var(--yellow-soft);margin-bottom:14px}
.eyebrow.dark{color:#6b5723}
h1,h2{font-weight:600;line-height:1.02;margin:.1em 0 .35em}
h1{font-size:clamp(3.2rem,8vw,7.2rem)}
h2{font-size:clamp(2.2rem,5vw,4.2rem)}
.hero-copy{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65;max-width:700px;margin:0 auto 30px;color:#d8deeb}
.button,.signup-form button{display:inline-block;background:var(--yellow);color:#18140b;border:none;padding:14px 22px;border-radius:999px;font-family:Arial,sans-serif;font-weight:700;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.button:hover,.signup-form button:hover{transform:translateY(-1px);background:var(--yellow-soft)}

.stars{position:absolute;inset:0;pointer-events:none;opacity:.95}
.stars-small{
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.75) 0 0.7px, transparent 1.1px),
    radial-gradient(circle at 28% 10%, rgba(255,255,255,.82) 0 0.7px, transparent 1.2px),
    radial-gradient(circle at 36% 26%, rgba(255,255,255,.62) 0 0.6px, transparent 1px),
    radial-gradient(circle at 46% 16%, rgba(255,255,255,.82) 0 0.7px, transparent 1.2px),
    radial-gradient(circle at 59% 12%, rgba(255,255,255,.78) 0 0.7px, transparent 1.1px),
    radial-gradient(circle at 66% 22%, rgba(255,255,255,.65) 0 0.6px, transparent 1px),
    radial-gradient(circle at 74% 9%, rgba(255,255,255,.85) 0 0.7px, transparent 1.2px),
    radial-gradient(circle at 83% 18%, rgba(255,255,255,.7) 0 0.7px, transparent 1.1px),
    radial-gradient(circle at 90% 12%, rgba(255,255,255,.75) 0 0.7px, transparent 1.2px),
    radial-gradient(circle at 20% 32%, rgba(255,255,255,.65) 0 0.6px, transparent 1.1px),
    radial-gradient(circle at 54% 33%, rgba(255,255,255,.76) 0 0.7px, transparent 1.2px),
    radial-gradient(circle at 79% 30%, rgba(255,255,255,.64) 0 0.6px, transparent 1px),
    radial-gradient(circle at 16% 42%, rgba(255,255,255,.64) 0 0.6px, transparent 1px),
    radial-gradient(circle at 34% 40%, rgba(255,255,255,.84) 0 0.7px, transparent 1.2px),
    radial-gradient(circle at 48% 47%, rgba(255,255,255,.68) 0 0.6px, transparent 1px),
    radial-gradient(circle at 69% 39%, rgba(255,255,255,.8) 0 0.7px, transparent 1.2px),
    radial-gradient(circle at 88% 43%, rgba(255,255,255,.66) 0 0.6px, transparent 1px);
}
.stars-medium{
  opacity:.72;
  background-image:
    radial-gradient(circle at 8% 22%, rgba(255,245,210,.9) 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 24% 14%, rgba(255,255,255,.82) 0 1px, transparent 1.7px),
    radial-gradient(circle at 42% 8%, rgba(255,245,210,.88) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 58% 20%, rgba(255,255,255,.84) 0 1px, transparent 1.7px),
    radial-gradient(circle at 73% 15%, rgba(255,245,210,.88) 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 92% 25%, rgba(255,255,255,.82) 0 1px, transparent 1.7px),
    radial-gradient(circle at 15% 48%, rgba(255,255,255,.72) 0 1px, transparent 1.7px),
    radial-gradient(circle at 39% 36%, rgba(255,245,210,.82) 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 62% 43%, rgba(255,255,255,.72) 0 1px, transparent 1.7px),
    radial-gradient(circle at 84% 38%, rgba(255,245,210,.82) 0 1.1px, transparent 1.8px);
}
.stars-large{
  opacity:.5;
  background-image:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.95) 0 1.8px, transparent 2.8px),
    radial-gradient(circle at 52% 18%, rgba(255,245,210,.92) 0 1.8px, transparent 2.8px),
    radial-gradient(circle at 77% 11%, rgba(255,255,255,.92) 0 1.9px, transparent 2.9px),
    radial-gradient(circle at 31% 31%, rgba(255,255,255,.88) 0 1.6px, transparent 2.7px),
    radial-gradient(circle at 71% 33%, rgba(255,245,210,.9) 0 1.8px, transparent 2.8px);
}

.mountains{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:30%;
  background:
    linear-gradient(145deg, transparent 0 24%, #131926 24% 44%, transparent 44%),
    linear-gradient(35deg, transparent 0 33%, #0d121d 33% 55%, transparent 55%),
    linear-gradient(180deg, transparent 0 62%, rgba(10,13,20,.92) 62% 100%);
  opacity:.98;
}

.section{padding:100px 7vw}
.section-inner{max-width:1120px;margin:0 auto}
.section-light{background:linear-gradient(180deg,var(--paper),var(--paper-2));color:#24252a}
.section-dark{background:linear-gradient(180deg,#151b2a,#111621)}
.section-yellow{background:var(--yellow);color:#18150f}
.two-col,.project-grid,.signup-wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:64px;align-items:center}
.section p{font-size:1.08rem;line-height:1.75}
.sigil-card{height:320px;border:1px solid rgba(17,19,26,.15);border-radius:30px;display:grid;place-items:center;position:relative;background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 8px rgba(255,255,255,.14)}
.sigil-ring{width:180px;height:180px;border:2px solid var(--green);border-radius:50%;position:absolute}
.sigil-star{font-size:4rem;color:var(--yellow)}
.sigil-book{position:absolute;bottom:65px;font-family:Arial,sans-serif;letter-spacing:.35em;color:#2d4d44}
.progress-card{padding:28px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.progress-topline{display:flex;justify-content:space-between;gap:20px;font-family:Arial,sans-serif;margin-bottom:16px}
.progress-track{height:16px;background:#2c354a;border-radius:999px;overflow:hidden}
.progress-bar{height:100%;background:linear-gradient(90deg,var(--green),var(--yellow));border-radius:999px}
.progress-note{color:#b8c0d3;margin-bottom:0}
.signup-wrap{grid-template-columns:1fr 1fr}
.signup-form{display:flex;flex-wrap:wrap;gap:10px}
.signup-form input{flex:1 1 240px;padding:15px 17px;border-radius:999px;border:1px solid rgba(0,0,0,.16);background:#fffaf0;font-size:1rem}
.form-message{width:100%;font-family:Arial,sans-serif;font-size:.92rem!important;margin:.25rem 0 0}
footer{padding:28px 7vw;display:flex;justify-content:space-between;gap:20px;background:#0c1018;color:#aeb4c2;font-family:Arial,sans-serif;font-size:.9rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:800px){
  nav{display:none}
  .two-col,.project-grid,.signup-wrap{grid-template-columns:1fr}
  .section{padding:72px 6vw}
  .hero{min-height:88vh}
  .sigil-card{height:230px}
  footer{flex-direction:column}
  .stars-large{opacity:.35}
}

/* Newsletter signup */
.consent-row{width:100%;display:flex;align-items:flex-start;gap:10px;margin-top:7px;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;line-height:1.45;color:#3d3420}
.consent-row input{flex:0 0 auto;width:16px;height:16px;margin-top:2px;accent-color:#151b2a}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.signup-form button[disabled]{opacity:.65;cursor:wait;transform:none}
.form-message.is-success{color:#204b3f}
.form-message.is-error{color:#7d2020}