:root{--night:#20264a;--dusk:#5b6aa3;--dawn:#f0cdb8;--sun:#f6bd80;--paper:#f6f5f9;--ink:#1d2238;--mute:#565c78;--line:#d9d9e6;
--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@media(prefers-color-scheme:dark){:root{--paper:#161a33;--ink:#eceaf4;--mute:#a9adc6;--line:#2c3260}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 var(--sans)}
a{color:inherit;text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15;margin:0 0 .6em}
.wrap{max-width:44rem;margin:0 auto;padding:0 1.5rem}
.sky{position:relative;overflow:hidden;color:#fff;text-align:center;padding:5rem 1.5rem 9rem;
background:linear-gradient(180deg,var(--night) 0%,var(--dusk) 55%,var(--dawn) 100%)}
.sun{position:absolute;left:50%;bottom:-6rem;width:14rem;height:14rem;margin-left:-7rem;border-radius:50%;
background:var(--sun);box-shadow:0 0 6rem 2rem rgba(246,189,128,.55);animation:rise 6s ease-out both}
@keyframes rise{from{transform:translateY(9rem);opacity:.3}to{transform:none;opacity:1}}
.sky>*:not(.sun){position:relative}
.brand{font-family:var(--serif);font-size:1.25rem;letter-spacing:.06em;margin:0 0 4rem}
.time{font-family:var(--serif);font-size:clamp(4.5rem,18vw,9rem);line-height:1;margin:0;letter-spacing:.02em}
.sky h1{font-size:clamp(1.6rem,4.5vw,2.4rem);max-width:28rem;margin:1.2rem auto 0;text-shadow:0 1px 12px rgba(32,38,74,.5)}
.btn{display:inline-block;background:var(--night);color:#fff;border:0;border-radius:2rem;padding:.85rem 1.8rem;font:inherit;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--dusk)}
.hero-cta{margin-top:2rem;background:#fff;color:var(--night)}
.hero-cta:hover{background:var(--dawn)}
section{padding:4rem 0}
.list{list-style:none;padding:0;margin:2rem 0 0}
.list li{padding:1.2rem 0;border-top:1px solid var(--line)}
.list strong{font-family:var(--serif);font-weight:400;font-size:1.25rem;display:block}
.list span{color:var(--mute)}
.note{color:var(--mute);font-size:.95rem}
form{margin-top:1.5rem}
label.f{display:block;font-weight:600;margin-bottom:.4rem}
input[type=email]{width:100%;font:inherit;padding:.8rem 1rem;border:1px solid var(--dusk);border-radius:.6rem;background:transparent;color:inherit;margin-bottom:1rem}
.check{display:flex;gap:.7rem;font-size:.9rem;color:var(--mute);margin-bottom:1.2rem}
.check input{margin-top:.3rem;flex:none}
footer{border-top:1px solid var(--line);padding:2rem 0 3rem;font-size:.9rem;color:var(--mute)}
footer .wrap{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:space-between}
footer nav a{margin-right:1.2rem}
.legal{padding:3rem 0 4rem}.legal h1{font-size:2.2rem}.legal h2{font-size:1.4rem;margin-top:2.2em}
.legal .back{display:inline-block;margin-bottom:2rem;font-family:var(--serif)}
.todo{background:#fff3c4;color:#4a3b00;padding:0 .25em;border-radius:.2em}
@media(prefers-reduced-motion:reduce){.sun{animation:none}html{scroll-behavior:auto}}