:root{--bg:#141b17;--panel:#1d2a22;--ink:#eef0e6;--mute:#b5bcaa;--acc:#d9a441;--acc2:#7fb069;--r:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--acc)}
h1,h2{line-height:1.15;margin:0 0 .5em}
h2{font-size:clamp(1.5rem,4vw,2.1rem)}
.hero{position:relative;min-height:88vh;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:#28352b url(/img/hero-900.webp?v=1) center/cover no-repeat}
@media (min-width:900px){.hero-bg{background-image:url(/img/hero.webp?v=1)}}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,27,23,.15) 0%,rgba(20,27,23,.35) 45%,rgba(20,27,23,.95) 100%)}
.hero-inner{position:relative;padding:2rem 1.25rem 3rem;max-width:960px;margin:0 auto;width:100%}
.brand{letter-spacing:.4em;font-weight:700;color:var(--acc);margin:0 0 .5rem;font-size:.9rem}
h1{font-size:clamp(2.2rem,8vw,4.2rem);font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,.5)}
h1 span{color:var(--acc)}
.lede{font-size:clamp(1.05rem,2.6vw,1.3rem);color:var(--ink);max-width:36ch;margin:0 0 1.5rem;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.cta{display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-block;padding:.85rem 1.4rem;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--acc);font-size:1rem;cursor:pointer;font-family:inherit}
.btn.primary{background:var(--acc);color:#1b1408}
.btn.ghost{color:var(--ink);background:rgba(0,0,0,.25)}
.btn:focus-visible,input:focus-visible{outline:3px solid var(--acc2);outline-offset:2px}
main section{max-width:960px;margin:0 auto;padding:3.5rem 1.25rem}
.points{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:1rem}
.points li{background:var(--panel);border-radius:var(--r);padding:1rem 1.1rem;color:var(--mute)}
.points b{color:var(--ink);display:block}
.note{color:var(--mute);font-size:.95rem}
.sub{color:var(--mute);margin-top:-.25rem}
.timeline{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1.75rem}
.timeline li{background:var(--panel);border-radius:var(--r);overflow:hidden}
.timeline figure{margin:0}
.timeline img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#28352b}
.timeline figcaption{padding:.9rem 1.1rem 1.1rem}
.timeline .era{color:var(--acc);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.timeline .cap{display:block;color:var(--mute)}
.signup{text-align:left}
.signup form{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.signup input[type=email]{flex:1 1 240px;min-width:0;padding:.85rem 1rem;border-radius:999px;border:2px solid #3a4a3e;background:#0f1411;color:var(--ink);font-size:1rem;font-family:inherit}
.ts:empty{display:none}
.ts{flex-basis:100%}
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.msg{min-height:1.6em;margin:.75rem 0 0;font-weight:600}
.msg.ok{color:var(--acc2)}.msg.err{color:#e57a62}
.privacy{color:var(--mute);font-size:.9rem}
.founders{color:var(--acc);font-weight:700}
footer{text-align:center;color:var(--mute);padding:2rem 1rem 3rem;border-top:1px solid #26332a}
@media (min-width:760px){
  .points{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr 1fr}
  .timeline li:first-child{grid-column:1/-1}
  .hero-inner{padding:3rem 2rem 4rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

h3{margin:0 0 .25rem;font-size:1.1rem;display:inline}
.opt{background:var(--panel);border-radius:var(--r);padding:1rem 1.1rem;margin:1rem 0}
.opt summary{cursor:pointer;list-style:none}
.opt summary::-webkit-details-marker{display:none}
.opt summary::after{content:" ▾";color:var(--acc)}
details[open].opt summary::after{content:" ▴"}
.hint-sm{color:var(--mute);font-size:.92rem;margin:.25rem 0 .75rem}
.opt label{display:block;font-size:.92rem;color:var(--mute);margin:.9rem 0 .35rem}
.opt input[type=text],.opt textarea{width:100%;padding:.75rem .9rem;border-radius:10px;border:2px solid #3a4a3e;background:#0f1411;color:var(--ink);font:14px/1.4 ui-monospace,Menlo,Consolas,monospace}
.opt form .btn,#step2 .btn{margin-top:.75rem}
.btn.small{padding:.5rem 1rem;font-size:.9rem}
.btn:disabled{opacity:.55;cursor:wait}
.qr{background:#fff;border-radius:10px;padding:10px;width:max-content;max-width:100%;margin:.5rem 0}
.qr img,.qr canvas{display:block;width:240px;height:240px;image-rendering:pixelated}
.signed code,#me{word-break:break-all;font-size:.9rem}
.ts{margin:.5rem 0}
.tiers{color:var(--mute);padding-left:1.1rem}.tiers b{color:var(--ink)}#tier{font-weight:800;color:var(--acc)}
.steps{color:var(--mute);padding-left:1.2rem}
.signin main{min-height:100vh}
.signin .brand a{color:var(--acc);text-decoration:none}
.seedrow{display:flex;gap:.5rem;align-items:center}
.seedrow input{flex:1;min-width:0;padding:.8rem .9rem;border-radius:10px;border:2px solid #3a4a3e;background:#0f1411;color:var(--ink);font:15px/1.4 ui-monospace,Menlo,Consolas,monospace}
.signin label{display:block;color:var(--mute);margin:1rem 0 .4rem}
.keynote{color:var(--acc2);font-size:.95rem;margin:.5rem 0 1rem}
.tierbig{font-size:1.6rem;font-weight:800;color:var(--acc);margin:.5rem 0}
.linkbtn{background:none;border:0;color:var(--acc);text-decoration:underline;cursor:pointer;font:inherit;padding:0}