:root{--night:#1e1b4b;--violet:#2e1065;--amber:#f59e0b;--cream:#faf7f2;--ink:#1b1430;--rose:#fb7185;--teal:#2dd4bf;--sky:#38bdf8;--soft:#e7deff;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:'Karla',system-ui,sans-serif;color:var(--cream);background:var(--night);min-height:100dvh;overflow-x:clip;-webkit-font-smoothing:antialiased;position:relative;display:flex;flex-direction:column;}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden}.scene .base{position:absolute;inset:0;background: radial-gradient(130% 90% at 50% 112%,rgba(245,158,11,.34),rgba(245,158,11,0) 46%),radial-gradient(120% 80% at 18% -10%,rgba(167,139,250,.20),rgba(167,139,250,0) 50%),linear-gradient(180deg,#171436 0%,var(--night) 42%,var(--violet) 100%);}.scene .floor{position:absolute;left:-10%;right:-10%;bottom:-6%;height:42%;background:radial-gradient(90% 120% at 50% 0%,rgba(250,247,242,.08),rgba(250,247,242,0) 70%);transform:perspective(600px) rotateX(58deg);transform-origin:50% 0;}.scene .vignette{position:absolute;inset:0;background:radial-gradient(120% 95% at 50% 40%,rgba(0,0,0,0) 48%,rgba(5,3,16,.62) 100%);}.stars{position:absolute;inset:0;opacity:.5}.stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--soft);opacity:.6}.wrap{position:relative;flex:1;width:100%;max-width:1120px;margin:0 auto;padding:clamp(18px,4vw,34px) clamp(18px,5vw,40px) calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:100dvh;}.brandrow{display:flex;align-items:center;gap:14px}.brandrow img{width:clamp(66px,11vw,96px);height:auto;display:block;border-radius:22px;box-shadow:0 10px 26px rgba(0,0,0,.45)}.wordmark{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(1.25rem,3.4vw,1.7rem);letter-spacing:.01em;color:var(--cream)}.poster{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3vw,26px);padding:clamp(14px,3vw,24px) 0}h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(2.35rem,8.4vw,5.9rem);line-height:.98;letter-spacing:-.012em;max-width:14ch;text-wrap:balance;}h1 .glow{color:var(--amber)}.support{font-size:clamp(1.02rem,2.5vw,1.28rem);line-height:1.5;color:var(--soft);max-width:46ch}.band{display:flex;align-items:center;gap:clamp(20px,4vw,48px);flex-wrap:wrap}.cta-col{display:flex;flex-direction:column;gap:12px;flex:1 1 280px;min-width:min(100%,280px)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;align-self:flex-start;background:var(--cream);color:var(--ink);font-family:'Karla',sans-serif;font-weight:700;font-size:clamp(1.05rem,2.6vw,1.25rem);text-decoration:none;padding:17px 30px;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.4);-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease;min-height:44px;}.cta .arrow{font-size:1.15em;line-height:1;transform:translateY(1px)}.cta:focus-visible{outline:3px solid var(--amber);outline-offset:4px}@media (hover:hover) and (pointer:fine){.cta:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(0,0,0,.5)}}.under{font-size:.95rem;color:var(--soft);opacity:.86;max-width:34ch}.board{flex:0 1 380px;min-width:min(100%,300px);background:linear-gradient(180deg,#fbf6ee,#efe6d8);border-radius:20px;padding:18px 18px 16px;box-shadow:0 22px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.7);transform:rotate(-1.4deg);color:var(--ink);}.pins{position:relative;height:clamp(158px,35vw,188px)}.tile{position:absolute;width:38%;max-width:104px;aspect-ratio:1/1;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(27,20,48,.28);transition:transform .3s ease;will-change:transform;}.tile svg{display:block;width:100%;height:100%}.tile .veil{position:absolute;inset:0;background:#8d8498;mix-blend-mode:saturation;transition:opacity .3s ease}.tile .veil2{position:absolute;inset:0;background:rgba(32,27,52,.46);transition:opacity .3s ease}.tile .tape{position:absolute;top:-9px;left:50%;width:46px;height:17px;transform:translateX(-50%) rotate(-4deg);background:rgba(251,113,133,.82);border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.t0{left:2%;top:3%;transform:rotate(-5deg);z-index:2}.t1{left:33%;top:0;transform:rotate(3deg);z-index:4}.t2{right:2%;top:6%;transform:rotate(6deg);z-index:3}.t3{left:7%;top:44%;transform:rotate(4deg);z-index:5}.t4{left:35%;top:47%;transform:rotate(-3deg);z-index:6}.t5{right:5%;top:45%;transform:rotate(-6deg);z-index:3}.meter{margin-top:20px}.meterhead{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:.9rem;margin-bottom:9px}.meterhead .lbl{color:#6b6276;font-weight:400;font-size:.82rem;text-transform:uppercase;letter-spacing:.09em}.meterhead .val{font-family:'DM Serif Display',serif;font-size:1.15rem;color:var(--ink)}.slider{position:relative;height:30px;touch-action:none;cursor:pointer}.slider:focus-visible{outline:3px solid var(--amber);outline-offset:4px;border-radius:16px}.track{position:absolute;left:4px;right:4px;top:50%;height:10px;transform:translateY(-50%);background:#ded2c0;border-radius:999px;overflow:hidden}.fill{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,var(--amber),#fb923c);border-radius:999px}.thumb{position:absolute;top:50%;left:100%;width:28px;height:28px;border-radius:50%;background:var(--ink);border:3px solid var(--cream);transform:translate(-50%,-50%);box-shadow:0 4px 12px rgba(0,0,0,.4)}.hint{margin-top:8px;font-size:.78rem;color:#6b6276}footer{position:relative;text-align:center;font-size:.82rem;color:var(--soft);opacity:.72;padding:18px 0 calc(8px + env(safe-area-inset-bottom))}@media (max-width:720px){h1{font-size:clamp(2.3rem,10.5vw,3.4rem)}.poster{justify-content:flex-start;gap:18px}.band{flex-direction:column;align-items:stretch;gap:20px}.cta-col{flex:0 0 auto}.board{transform:rotate(-1deg);flex:0 0 auto}.cta{align-self:stretch;justify-content:center}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}