:root{--bg: #0f0f0f;--surface: #1a1a1a;--ink: #ffffff;--muted: #a3a3a3;--accent: #dafa9c;--accent-ink: #0f0f0f;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2rem, 1.3rem + 3.2vw, 3.6rem);--display: Panchang, sans-serif;--text: Switzer, sans-serif;--header: 4.1rem;--pad: 3rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1280px;font-family:var(--text);font-size:var(--step-body);line-height:1.5;color:var(--ink);background:var(--bg)}img{max-width:100%;height:auto;display:block}h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:.95;margin:0;text-wrap:balance}p{margin:0}a{color:var(--accent)}.site-header{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--pad);position:sticky;top:0;z-index:8;background:var(--bg)}.brand{display:flex;align-items:center;text-decoration:none}.logo{height:2.5rem;width:auto;max-width:16rem;object-fit:contain}nav{display:flex;gap:1.4rem;margin-left:auto}nav a{color:var(--ink);text-decoration:none;font-family:var(--text)}.wallet-button,.main-action,#hangBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:500;padding:.65rem 1rem;cursor:pointer;text-decoration:none;display:inline-flex}.home{height:calc(100svh - var(--header));display:grid;grid-template-rows:1fr auto auto auto;padding:.6rem var(--pad) 1.2rem;overflow:hidden}.collage{position:relative;min-height:0}.scrap{position:absolute;object-fit:cover}.s1{width:38%;left:8%;top:8%;transform:rotate(-6deg)}.s2{width:34%;right:10%;top:6%;transform:rotate(4deg)}.s3{width:26%;left:36%;bottom:6%;transform:rotate(7deg)}.tape{position:absolute;left:10%;top:42%;z-index:2;margin:0;max-width:18ch;padding:.55rem 1rem;background:var(--accent);color:var(--accent-ink);font-family:var(--display);font-size:clamp(1.6rem,2.6vw,2.8rem);line-height:.95;transform:rotate(-2deg)}.home-line{margin-top:.6rem}.intro{max-width:46rem;margin-top:.35rem}.main-action{margin-top:.7rem;width:max-content}.spread{display:grid;grid-template-columns:1fr 1fr;min-height:0;background:var(--bg)}.spread>img{width:100%;height:28rem;object-fit:cover}.spread>div{padding:2.4rem var(--pad);display:grid;align-content:start;gap:.75rem}.spread.flip>img{order:2}.spread h2{font-size:var(--step-head);max-width:12ch}.pull{font-size:var(--step-lead);color:var(--accent);max-width:24rem}.spread ol,.spread ul,#roadmapList{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}.spread li strong{display:block;font-weight:500}.coupon{margin:2rem var(--pad);padding:2rem 2.2rem 2.4rem;background:var(--accent);color:var(--accent-ink);position:relative}.coupon-perforation{height:10px;margin:-2rem -2.2rem 1.4rem;background:#0f0f0f}.coupon h2{font-size:var(--step-head)}.coupon p{margin-top:.55rem;max-width:40rem}.knobs{display:flex;gap:2.5rem;margin:1.2rem 0}.knob{width:8.5rem;height:8.5rem;cursor:grab}.knob circle{fill:#0f0f0f;stroke:#dafa9c;stroke-width:6}.knob .needle{stroke:#dafa9c;stroke-width:6;stroke-linecap:round;transform-origin:60px 60px}.rail{display:flex;gap:.6rem;overflow-x:auto;margin-top:1rem}.card-hang{flex:0 0 11rem;background:#0f0f0f;color:#fff;padding:.9rem;min-height:8rem}.action-status{min-height:1.3em}.faq-card{background:var(--surface);border:0;color:inherit;text-align:left;padding:.9rem 1rem;font:inherit;cursor:pointer;width:100%}.faq-card h3{font-family:var(--text);font-size:var(--step-lead);margin:0;font-weight:500}.faq-card p{display:none;margin-top:.5rem}.faq-card.is-open p{display:block}.cards{display:grid;gap:.45rem}.notes{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2.4rem var(--pad) 3rem}.notes h2{font-size:var(--step-head);margin-bottom:.8rem}.close{min-height:0;display:grid;place-items:center;padding:3rem var(--pad)}.close a{color:inherit;text-decoration:none;text-align:center;display:grid;gap:1rem}.close h2{font-size:clamp(3rem,7vw,7rem)}.site-footer{display:flex;justify-content:space-between;padding:1.4rem var(--pad)}.site-footer div{display:flex;gap:1.2rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
