:root{--night:#0E0F12;--lift:#17191E;--edge:#2A2C33;--text:#ECEAEE;--muted:#A9A6AF;--thread:#4CCB7B;--cta:#F4F2F5;--cta-ink:#0E0F12}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--night);background-image:radial-gradient(ellipse 70% 55% at 50% 42%,#1A1C22 0,rgba(14,15,18,0) 70%);background-repeat:no-repeat;color:var(--text);font-family:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}.hero{min-height:100svh;display:flex;flex-direction:column;padding:clamp(14px,2.4vw,28px) clamp(16px,4vw,48px) clamp(18px,3vh,32px)}.top{display:flex;align-items:center}.top img{display:block;width:96px;height:96px;border-radius:22px}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(14px,2.6vh,28px);padding-top:clamp(8px,1.5vh,16px)}.band{max-width:820px}h1{margin:0;font-weight:600;font-size:clamp(1.7rem,1.05rem+2.9vw,3.25rem);line-height:1.12;letter-spacing:-0.02em}h1 .script{display:inline-block;font-family:"Yellowtail",cursive;font-weight:400;color:var(--thread);font-size:1.16em;letter-spacing:0;line-height:1;padding:0 .06em}.support{margin:clamp(8px,1.4vh,14px) auto 0;max-width:560px;color:var(--muted);font-size:clamp(.95rem,.9rem+.3vw,1.08rem)}.tiles{display:flex;justify-content:center;gap:14px;width:100%}.tile{flex:0 0 auto;width:calc(clamp(210px,36vh,340px) * .5556);height:clamp(210px,36vh,340px);will-change:transform}.tile-in{position:relative;width:100%;height:100%;border-radius:18px;background:radial-gradient(circle at 50% 38%,#20232A 0,var(--lift) 70%);border:1px solid var(--edge);box-shadow:0 18px 40px -22px rgba(0,0,0,.8);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:rise .8s cubic-bezier(.2,.8,.2,1) both}.tile:nth-child(2) .tile-in{animation-delay:.08s}.tile:nth-child(3) .tile-in{animation-delay:.16s}.tile-in.bump{animation:bump .42s cubic-bezier(.3,.7,.3,1)}.tile svg{display:block;width:100%;height:100%}.pl{will-change:transform}.gear-teeth{transform-origin:450px 150px;transition:transform .7s cubic-bezier(.3,1.4,.4,1)}.fx{opacity:0}.fx.on{animation:flash .75s ease-out}.btn-fx{opacity:0;transform-box:fill-box;transform-origin:center}.btn-fx.on{animation:pop .6s ease-out both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(.955)}100%{transform:scale(1)}}@keyframes flash{0%{opacity:0}30%{opacity:.9}100%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.6)}40%{opacity:.85;transform:scale(1.18)}100%{opacity:0;transform:scale(1)}}.act{display:flex;flex-direction:column;align-items:center;gap:10px}.cta{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;background:var(--cta);color:var(--cta-ink);font-weight:600;font-size:clamp(1rem,.95rem+.25vw,1.1rem);text-decoration:none;box-shadow:0 10px 30px -12px rgba(244,242,245,.35);transition:transform .2s ease,opacity .2s ease}.cta svg{width:18px;height:18px;flex:0 0 auto}.cta:hover{transform:translateY(-2px)}.cta:active{transform:translateY(0) scale(.98)}.cta:focus-visible{outline:3px solid var(--thread);outline-offset:4px}.after{margin:0;max-width:430px;color:var(--muted);font-size:clamp(.82rem,.8rem+.15vw,.92rem)}.bag{padding:clamp(56px,10vh,110px) clamp(16px,4vw,48px) clamp(40px,7vh,80px);text-align:center}.bag h2{margin:0 0 clamp(26px,4vh,44px);font-family:"Yellowtail",cursive;font-weight:400;font-size:clamp(1.9rem,1.4rem+1.8vw,2.8rem);color:var(--thread);line-height:1.1}.strip{list-style:none;margin:0 auto;padding:0;max-width:980px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,40px)}.strip li{display:flex;flex-direction:column;align-items:center}.strip svg{width:clamp(78px,9vw,104px);height:auto;display:block}.strip h3{margin:14px 0 4px;font-size:clamp(1rem,.95rem+.2vw,1.08rem);font-weight:600}.strip p{margin:0;max-width:210px;color:var(--muted);font-size:clamp(.86rem,.84rem+.1vw,.94rem)}footer{padding:22px clamp(16px,4vw,48px) 28px;border-top:1px solid var(--edge);display:flex;justify-content:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:clamp(.8rem,.78rem+.1vw,.88rem);text-align:center}footer strong{color:var(--text);font-weight:600}@media(max-width:767px){.top img{width:56px;height:56px;border-radius:14px}.stage{justify-content:flex-start;padding-top:14px;gap:16px}.tiles{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * clamp(16px,4vw,48px));padding:0 clamp(16px,4vw,48px) 4px;gap:10px}.tiles::-webkit-scrollbar{display:none}.tile{width:42vw;height:clamp(150px,26svh,200px);scroll-snap-align:center}.strip{grid-template-columns:repeat(2,1fr);row-gap:32px}}@media(prefers-reduced-motion:reduce){.tile-in,.tile-in.bump,.fx.on,.btn-fx.on{animation:none}.gear-teeth,.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}