/* Shared by venues.html and organizers.html */

:root{--d:var(--display);--b:var(--body);--amber:#FFB547}
.vwrap{max-width:1180px;margin:0 auto;padding:0 20px}








.acc{color:var(--teal)}

/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--dl,0s)}.rv.in{opacity:1;transform:none}
.wd{display:inline-block;opacity:0;transform:translateY(.6em);animation:wd .8s var(--ease) forwards;animation-delay:var(--dl)}@keyframes wd{to{opacity:1;transform:none}}
/* hero */
.hero{display:grid;gap:20px;align-items:center;padding-top:34px;min-height:calc(100vh - 100px)}@media(min-width:860px){.hero{grid-template-columns:1.1fr 1fr}}
.vh1{font-size:clamp(50px,10.5vw,96px);line-height:.92;letter-spacing:-.04em}.sub{margin-top:16px;font-size:20px;color:var(--muted);max-width:26ch}
.vbtn{display:inline-block;margin-top:24px;font:700 16px var(--b);text-decoration:none;padding:14px 24px;border-radius:99px;background:var(--teal);color:var(--teal-ink);position:relative;overflow:hidden;transition:transform .2s var(--ease)}
.vbtn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 3.4s infinite}@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.vbtn:hover{transform:translateY(-2px)}.vfine{margin-top:12px;font-size:13px;color:#647089}
.hint{margin-top:18px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.hint i{display:inline-block;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;animation:nudge 2s infinite}@keyframes nudge{50%{transform:translateX(7px)}}
/* phone */
.phone{position:relative;width:272px;height:560px;border-radius:44px;border:9px solid #1d2636;background:#0b111c;overflow:hidden;box-shadow:0 40px 70px -20px #000,0 0 0 1px #2c374a;flex:none}
.phone::after{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:99px;background:#000;z-index:9;pointer-events:none}
.badge{position:absolute;z-index:8;left:50%;bottom:8px;transform:translateX(-50%);font:700 8px var(--b);letter-spacing:.14em;color:#8fa0bd;background:rgba(10,15,24,.8);padding:3px 8px;border-radius:99px;pointer-events:none}
.stage{position:relative;display:grid;place-items:center;min-height:580px}.stage::before{content:"";position:absolute;width:min(420px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(79,209,197,.28),transparent 68%)}
.deck{position:absolute;inset:0;touch-action:pan-y}
.card{position:absolute;inset:0;background:var(--ink);cursor:grab;user-select:none;will-change:transform;transition:transform .45s var(--ease),opacity .3s;touch-action:pan-y}.card.drag{transition:none;cursor:grabbing}
.card .ph{position:absolute;inset:0 0 205px;background-size:cover;background-position:center}
.card .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 40%,var(--ink))}
.card .t{position:absolute;top:44px;left:16px;font:700 9px var(--b);letter-spacing:.12em;background:rgba(0,0,0,.55);padding:5px 9px;border-radius:99px}
.card .in{position:absolute;left:0;right:0;bottom:0;padding:0 16px 24px}.card h3{font:800 27px/.98 var(--d);letter-spacing:-.02em}.card .w{font-size:12px;color:#c9d2e3;margin-top:8px}
.live{display:flex;align-items:center;gap:6px;margin-top:11px;font:700 11px var(--b)}.live i{width:8px;height:8px;border-radius:50%;background:var(--live);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,59,48,.6)}100%{box-shadow:0 0 0 9px rgba(255,59,48,0)}}
.cnt{display:flex;gap:6px;margin-top:8px}.cnt span{background:rgba(255,255,255,.1);border-radius:10px;padding:6px 8px;font:600 11px var(--b)}
.bt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.bt div{text-align:center;border-radius:99px;padding:11px;font:700 12px var(--b);background:#1A2333;cursor:pointer;transition:transform .15s}.bt div:active{transform:scale(.94)}.bt .y{background:var(--teal);color:var(--teal-ink)}
.stamp{position:absolute;top:92px;z-index:5;font:800 22px var(--d);border:3px solid;border-radius:10px;padding:2px 10px;opacity:0;transform:rotate(-12deg)}.stamp.y{right:18px;color:var(--teal);transform:rotate(12deg)}.stamp.n{left:18px;color:#FF5A7A}
.k1 .ph{background:linear-gradient(160deg,#6a2237,#0A0F18)} .k2 .ph{background:linear-gradient(160deg,#4a35b8,#0A0F18)} .k3 .ph{background:linear-gradient(160deg,#a8731c,#0A0F18)}
.big-e{position:absolute;top:130px;left:0;right:0;text-align:center;font-size:96px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}
/* marquee */
.mq{margin-top:40px;overflow:hidden;mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.mq div{display:flex;gap:12px;width:max-content;animation:mq 30s linear infinite}.mq span{font:800 26px var(--d);color:#2c374a;white-space:nowrap}.mq span:nth-child(3n){color:var(--teal);opacity:.6}@keyframes mq{to{transform:translateX(-50%)}}
/* pin story */
.vstory{margin-top:70px;display:grid;gap:0}@media(min-width:860px){.vstory{grid-template-columns:1fr 340px;gap:70px}}
.pinbox{position:sticky;top:70px;align-self:start;display:grid;place-items:center;height:calc(100vh - 90px);min-height:520px;z-index:3;order:-1}@media(min-width:860px){.pinbox{order:2}}
.pinbox .stage{min-height:0}.pin-scale{transform-origin:center}@media(max-width:859px){.pinbox{height:360px;min-height:0;top:52px;overflow:hidden;background:linear-gradient(180deg,var(--ink) 88%,transparent)}.pin-scale{transform:scale(.62);margin:-106px 0}.step{padding-top:20px}}
.steps{position:relative}.step{min-height:46vh;display:flex;flex-direction:column;justify-content:center;padding:26px 0 26px 28px;opacity:.25;transform:translateX(-10px);transition:opacity .5s,transform .7s var(--ease)}.step.on{transform:none}.step.on{opacity:1}
@media(max-width:859px){.step{min-height:38vh;padding-left:0}}
.num{font:700 12px var(--b);letter-spacing:.14em;color:var(--teal);margin-bottom:10px}.vh2{font-size:clamp(38px,7vw,62px);line-height:.95;letter-spacing:-.035em}.vlede{margin-top:14px;color:var(--muted);font-size:19px;max-width:26ch}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chips span{border:1px solid var(--line);border-radius:99px;padding:8px 14px;font:600 14px var(--b);transition:all .3s}.step.on .chips span{border-color:rgba(79,209,197,.5);color:#86F2E6}
.rail{position:fixed;left:14px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:10px;z-index:30}@media(min-width:1280px){.rail{display:flex}}.rail i{width:8px;height:8px;border-radius:99px;background:#2c374a;transition:all .4s var(--ease)}.rail i.on{background:var(--teal);height:26px}
/* screens */
.scr{position:absolute;inset:0;padding:46px 14px 26px;background:linear-gradient(180deg,#16202f,#0b111c);opacity:0;transform:translateY(24px) scale(.97);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}.scr.on{opacity:1;transform:none}
.scr h4{font:800 20px var(--d);margin:0 0 4px}.scr small{color:var(--muted);font-size:11px}
.vrow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.vrow b{font-weight:600}.vrow span{color:var(--muted);font-size:11px}
.tg{width:38px;height:22px;border-radius:99px;background:#334;position:relative;transition:background .4s}.tg::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .4s var(--ease)}.on .tg{background:var(--teal)}.on .tg::after{transform:translateX(16px)}
.price{font:800 15px var(--d);color:var(--teal)}
.stat{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.stat div{background:var(--ink-3);border-radius:14px;padding:10px}.stat b{display:block;font:800 24px var(--d)}.stat span{font-size:10px;color:var(--muted)}
.bars{display:flex;align-items:flex-end;gap:7px;height:110px;margin:14px 0 8px}.bars i{flex:1;background:linear-gradient(180deg,var(--teal),#1f7a73);border-radius:5px 5px 2px 2px;transform:scaleY(0);transform-origin:bottom;transition:transform .8s var(--ease);transition-delay:calc(var(--i)*70ms)}.on .bars i{transform:scaleY(1)}
.cen{text-align:center;color:var(--muted);font-size:12px}.vpill{display:inline-block;background:rgba(255,181,71,.18);color:var(--amber);border-radius:99px;padding:3px 9px;font:700 10px var(--b)}
.bigc{font:800 76px/1 var(--d);text-align:center;margin-top:14px;letter-spacing:-.04em}.door{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 8px}.door div{border-radius:18px;padding:22px 0;text-align:center;font:800 22px var(--d);background:var(--ink-3)}.door .in{background:var(--teal);color:var(--teal-ink)}
.line{margin-top:10px;background:var(--ink-3);border-radius:14px;padding:10px 12px;font-size:12px;display:flex;justify-content:space-between}.line b{color:var(--here)}
.bcard{margin-top:10px;border-radius:18px;overflow:hidden;background:#0A0F18;border:1px solid var(--line);transform:translateY(30px);opacity:0;transition:all .7s var(--ease) .15s}.on .bcard{transform:none;opacity:1}
.bcard .p{height:92px;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.15)}.bcard .x{padding:10px}
.cta2{margin-top:12px;border-radius:99px;padding:11px;text-align:center;background:var(--teal);color:var(--teal-ink);font-weight:700;font-size:13px}.on .cta2{animation:tap 2.4s 1s infinite}@keyframes tap{0%,70%,100%{transform:scale(1)}80%{transform:scale(.94)}90%{transform:scale(1.03)}}
/* swipe row */
.who{margin-top:70px}.snap{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 20px 28px;margin:0 -20px;scrollbar-width:none}.snap::-webkit-scrollbar{display:none}
.wc{flex:none;width:min(78vw,300px);height:340px;scroll-snap-align:center;border-radius:28px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid var(--line);transition:transform .4s var(--ease)}
.wc em{position:absolute;top:18px;left:22px;font-style:normal;font-size:60px}.wc h3{font:800 28px/1 var(--d)}.wc p{color:rgba(255,255,255,.75);margin-top:8px;font-size:15px}
.dots{display:flex;justify-content:center;gap:6px;margin-top:-6px}.dots i{width:7px;height:7px;border-radius:99px;background:#2c374a;transition:all .3s}.dots i.on{background:var(--teal);width:20px}
.sw{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-top:10px}
/* strip + cta */
.strip{display:grid;gap:12px;margin-top:70px}@media(min-width:760px){.strip{grid-template-columns:repeat(3,1fr)}}
.strip div{background:var(--ink-2);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;gap:14px;align-items:center;transition:transform .3s var(--ease),border-color .3s}.strip div:hover{border-color:rgba(79,209,197,.5)}
.strip svg{width:34px;height:34px;flex:none;color:var(--teal)}.strip b{font:800 21px var(--d);display:block}.strip span{color:var(--muted);font-size:14px}
.cta{margin:70px 0 0;background:linear-gradient(135deg,#0f2a2a,#13203a);border:1px solid rgba(79,209,197,.28);border-radius:32px;padding:44px 28px;display:grid;gap:22px;align-items:center}@media(min-width:860px){.cta{grid-template-columns:1fr 1fr;padding:56px}}
.f{display:grid;gap:10px}.f .fi{background:var(--ink);border:1px solid var(--line);border-radius:14px;padding:14px;color:#647089;font-size:15px}.f .vbtn{margin:0;text-align:center;border:0;cursor:pointer}.f input.fi{font:500 16px var(--b);color:var(--text);outline:0;transition:border-color .2s;width:100%}.f input.fi:focus{border-color:var(--teal)}.f input.fi::placeholder{color:#647089}.fgroup{margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}.fl{font:800 12px var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.hp{position:absolute;left:-9999px;opacity:0;height:0;padding:0;border:0}.f .vfine{margin:0}.f .vfine.err{color:#FF8FA6}.f .vfine.ok{color:var(--teal)}
.f .chips{margin:0}.f .chips span{cursor:pointer}.f .chips span.sel{background:var(--teal);color:var(--teal-ink);border-color:var(--teal);font-weight:700}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01s!important}.rv,.wd{opacity:1;transform:none}.mq div{animation:none}}

/* v4 effects */

.tilt3{transform-style:preserve-3d;will-change:transform}
.steps::before,.steps::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:2px}.steps::before{background:#1c2638}.steps::after{background:linear-gradient(180deg,var(--teal),#86F2E6);transform-origin:top;transform:scaleY(var(--sp,0));box-shadow:0 0 12px var(--teal)}
@media(max-width:859px){.steps::before,.steps::after{display:none}}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}.w>i{display:inline-block;font-style:normal;transform:translateY(105%);transition:transform .75s var(--ease);transition-delay:calc(var(--k)*60ms)}.step.on .w>i{transform:none}
.toast{position:absolute;z-index:12;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:rgba(26,35,51,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);font:700 13px var(--b);box-shadow:0 18px 30px -12px #000;opacity:0;transform:translateY(24px) scale(.85);transition:opacity .5s var(--ease),transform .7s cubic-bezier(.3,1.5,.5,1);pointer-events:none;white-space:nowrap}
.toast.on{opacity:1;transform:none;animation:bob 4s ease-in-out infinite}.toast.b{transition-delay:.25s}.toast i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}@keyframes bob{50%{translate:0 -7px}}
.toast.a{left:-26px;top:120px}.toast.b{right:-26px;top:390px}@media(max-width:859px){.toast{display:none}}
.confetti{position:fixed;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:70}
.card .big-e{animation:floaty 3.5s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-10px) rotate(4deg)}}
.wc{transform:scale(var(--sc,1));transition:transform .15s linear,box-shadow .3s}.wc em{transform:translateX(var(--px,0px))}
.strip div,.cta,.wc{transform-style:preserve-3d}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
.cta{position:relative;border:0}.cta::before{content:"";position:absolute;inset:0;border-radius:32px;padding:1.5px;background:conic-gradient(from var(--a),transparent 0 70%,var(--teal) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 5s linear infinite;pointer-events:none}@keyframes spin{to{--a:360deg}}
.mq.r div{animation-direction:reverse;margin-top:8px}.mq.r span{font-size:20px}
.vh1 .acc{color:var(--teal)}
.card .ph{transition:transform .6s var(--ease)}


.orgsec{margin-top:90px}.orgsec .num{font:800 12px var(--b);letter-spacing:.14em;color:var(--teal);margin-bottom:10px}.orgsec .story{margin-top:30px}.orgnote{margin-top:20px;border-radius:20px;padding:16px 20px;background:rgba(79,209,197,.08);border:1px solid rgba(79,209,197,.25);font-size:15px;color:#c9d2e3}.orgnote b{color:var(--text)}
.price-sec{margin-top:80px}.price-sec .vh2{max-width:16ch}
.seg{display:inline-flex;gap:2px;padding:4px;border-radius:99px;background:rgba(26,35,51,.7);border:1px solid var(--line);margin-top:22px}
.seg button{appearance:none;border:0;background:transparent;color:var(--muted);font:700 14px var(--b);padding:9px 16px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s}
.seg button.on{background:var(--teal);color:var(--teal-ink)}.seg em{font-style:normal;font-size:11px;margin-left:6px;opacity:.8}
.plans{display:grid;gap:14px;margin-top:26px}@media(min-width:800px){.plans{grid-template-columns:1fr 1fr}}
.plan{position:relative;border-radius:28px;padding:28px;background:var(--ink-2);border:1px solid var(--line);overflow:hidden}
.plan.feat{border-color:rgba(79,209,197,.45);background:linear-gradient(160deg,#10292b,#111826 60%)}
.plan .tr{display:inline-block;font:800 11px var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink);background:var(--teal);border-radius:99px;padding:5px 11px}
.plan h3{font:800 28px/1 var(--d);margin-top:14px}.plan .sb{color:var(--muted);font-size:15px;margin-top:6px}
.plan .pr{display:flex;align-items:baseline;gap:8px;margin-top:20px}.plan .pr b{font:800 54px/1 var(--d);letter-spacing:-.03em;transition:opacity .2s,transform .3s var(--ease)}.plan .pr span{color:var(--muted);font-size:15px}
.plan .pr.swap b{opacity:0;transform:translateY(8px)}
.plan .yr{display:inline-flex;align-items:center;gap:10px;margin-top:12px;border:1px solid rgba(79,209,197,.4);border-radius:99px;padding:7px 14px;font-size:14px}.plan .yr b{font-weight:700}.plan .yr span{color:var(--teal);font-weight:700;font-size:12px}
.plan .tn{margin-top:6px;font-size:13px;color:var(--teal)}
.plan ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}.plan li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.plan li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--teal) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2305201D' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 12.5 4 4 8-9'/></svg>") center/12px no-repeat}
.plan .go{display:block;margin-top:24px;text-align:center}
.free-note{margin-top:16px;border-radius:20px;padding:16px 20px;background:rgba(79,209,197,.08);border:1px solid rgba(79,209,197,.25);font-size:15px;color:#c9d2e3}.free-note b{color:var(--text)}

/* scroll cue: a small animated hint under the hero that there is more below */
.hero{min-height:min(calc(100vh - 170px),680px)}
.scue{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:44;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--text);font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;padding:10px 16px 8px;border-radius:99px;background:rgba(26,35,51,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.scue svg{width:18px;height:18px;color:var(--teal);animation:scue 1.5s ease-in-out infinite}.scue svg+svg{margin-top:-14px;opacity:.5;animation-delay:.15s}
@keyframes scue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
.scue.gone{opacity:0;transform:translate(-50%,16px);pointer-events:none}
@media (max-width:899px){.scue{bottom:calc(88px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.scue svg{animation:none}}