@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101110;--panel:#191b19;--line:#333631;--muted:#9a9f97;--acid:#d2ff58}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f5ef;font-family:Inter,Arial,sans-serif;font-size:14px}header,footer{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 36px}header{border-bottom:1px solid #282b26}.logo{font-weight:900;letter-spacing:1px;text-decoration:none;color:inherit;font-size:19px}.logo span{color:var(--acid);margin-right:10px}.badge{border:1px solid #4b5435;border-radius:30px;padding:8px 12px;color:var(--acid);font-size:10px;font-weight:700;letter-spacing:1px}main{max-width:1240px;margin:64px auto 70px;padding:0 36px;display:grid;grid-template-columns:1fr 1fr;gap:84px}.intro{padding-top:22px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--acid)}h1{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(76px,8.7vw,118px);line-height:.92;letter-spacing:-2px;margin:30px 0}h1 em{font-style:normal;color:var(--acid)}.lead{font-size:17px;line-height:1.8;color:#c2c5bc}.sound{height:90px;display:flex;gap:6px;align-items:center;margin:34px 0}.sound i{width:7px;background:var(--acid);height:25%;opacity:.8}.sound i:nth-child(3n){height:80%}.sound i:nth-child(4n){height:55%}.sound i:nth-child(5n){height:100%}.steps{border-top:1px solid var(--line);padding-top:15px;max-width:340px}.steps p{margin:20px 0}.steps b{color:var(--acid);font-size:11px;margin-right:20px}.quiet{color:var(--muted);font-size:12px;line-height:1.9;margin-top:34px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px}.form-title{display:flex;justify-content:space-between;align-items:center}.form-title span{font-size:27px;color:var(--acid)}h2{font-size:23px;margin:0}.muted{color:var(--muted);font-size:12px;margin-bottom:25px}label,legend{font-size:12px;font-weight:600}form>label{display:block;margin:18px 0 9px}input:not([type=radio]){width:100%;background:#11130f;border:1px solid var(--line);border-radius:7px;padding:14px;color:#fff;font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:3px}fieldset{border:0;padding:0;margin:25px 0}legend{width:100%;margin-bottom:12px}small{font-size:10px;color:var(--muted);font-weight:400}legend small{float:right}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.package{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:15px 10px;background:#161815;color:inherit;text-align:left}.package[aria-pressed=true]{border-color:var(--acid);background:#252c1a}.package b,.package strong,.package small{display:block}.package b{font-size:11px;letter-spacing:1px}.package strong{font-size:23px;margin:12px 0 7px}.package strong span{font-size:11px;font-weight:400}.package small{font-size:10px;line-height:1.5}.tips{display:flex;gap:7px}.tips button,.cancel{background:transparent;border:1px solid var(--line);border-radius:6px;padding:10px;color:#cdd0c7;cursor:pointer;font-size:11px}.tips button[aria-pressed=true]{border-color:var(--acid);color:var(--acid)}.custom{display:flex;align-items:center;gap:12px;margin-top:12px}.custom label{color:var(--muted);flex:1}.custom input{max-width:100px;padding:8px}.custom span{color:var(--muted)}.methods{display:flex;gap:7px;flex-wrap:wrap}.methods label{padding:10px 8px;border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:11px}input[type=radio]{accent-color:var(--acid);margin:0 6px 0 0}.hint{font-size:10px;color:var(--muted);line-height:1.6}.total{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center}.total small{display:block;margin-top:6px}.total strong{font-size:28px}.submit{width:100%;border:0;border-radius:7px;background:var(--acid);padding:17px 16px;font:700 13px Inter,Arial;color:#172009;cursor:pointer;display:flex;justify-content:space-between}.submit:disabled{opacity:.5;cursor:wait}.center{text-align:center}#status{font-size:12px;line-height:1.7;color:var(--acid);overflow-wrap:anywhere}footer{border-top:1px solid #282b26;color:var(--muted);font-size:10px;letter-spacing:1px}dialog{background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;width:min(420px,90vw)}dialog::backdrop{background:#000b}.cancel{margin-top:12px;width:100%}@media(max-width:800px){main{gap:32px;margin-top:30px;grid-template-columns:1fr}.intro{padding:0}h1{font-size:90px}.sound,.steps,.quiet{display:none}.lead{font-size:14px}.panel{padding:22px}header,footer{padding:22px}.badge{font-size:8px;letter-spacing:0}main{padding:0 20px}.logo{font-size:15px}footer{gap:20px;font-size:8px}.packages{gap:6px}.package{padding:14px 8px}}@media(prefers-reduced-motion:no-preference){.submit:hover{filter:brightness(1.07)}.package{transition:background .15s,border-color .15s}}
:root{--acid:#a17be8;--bg:#080808;--panel:#111;--line:#393939}.logo img{width:230px;height:65px;object-fit:cover}.logo{display:block}.badge{border-color:#614489}.package{background:#232323;border-color:#555;padding:16px;text-align:left}.package b{color:#929292;font-size:12px;letter-spacing:0;font-weight:500}.package-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.package-heading>span{font-size:22px;font-weight:600}.package-heading small{color:var(--acid);font-size:12px;font-weight:600}.package strong{font-size:29px;margin:0;white-space:nowrap}.package p{font-size:13px;line-height:1.35;margin:12px 0 0}.package.priority{border-color:#8d64ce;background:linear-gradient(#080808,#140a24)}.package.priority b{color:var(--acid)}.package[aria-pressed=true]{outline:none;border-color:var(--acid);background:#33283f;box-shadow:0 0 24px #a17be81f}.package:focus-visible{outline:none;border-color:#d8bfff;box-shadow:0 0 0 1px #d8bfff}.panel input::placeholder{color:#77717e;opacity:1}.packages{grid-template-columns:1fr}.package-heading small:empty{display:none}.intro .sound i{background:var(--acid)}.panel{max-width:620px}main{grid-template-columns:.8fr 1.2fr;gap:60px}.submit{color:#10091b}.logo img{object-fit:contain}@media(min-width:1100px){.packages{grid-template-columns:repeat(3,1fr)}.package{padding:12px}.package-heading{display:block}.package-heading>span{font-size:18px}.package strong{margin-top:12px;font-size:25px}.package p{font-size:11px}.package b{font-size:10px}}@media(max-width:800px){main{grid-template-columns:1fr}.logo img{width:170px;height:40px}.package-heading{margin-top:12px}.package b{font-size:11px}}
main>*{min-width:0}@media(max-width:800px){h1{font-size:clamp(58px,19vw,90px);letter-spacing:-1px}.logo img{width:150px}.badge{max-width:145px}.panel{width:100%}.package-heading>span{font-size:21px}}@media(max-width:360px){.tips{flex-wrap:wrap}.methods{flex-direction:column}}

/* Form refinements */
.intro h1{margin-top:0}.form-title{margin-bottom:26px}.tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tips button{min-height:42px;line-height:1.5;padding:10px 8px}

.second-offer{margin-top:16px;border:1px solid #705494;border-radius:9px;background:#1c1526;padding:15px}.second-offer[hidden],#second-fields[hidden]{display:none}.second-choice{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:45px}.second-choice input{accent-color:var(--acid);width:18px;height:18px;flex-shrink:0}.second-choice>span:nth-child(2){flex:1}.second-choice b{display:block;font-size:13px;color:#d7baff}.second-choice small{display:block;margin-top:6px;line-height:1.6}.second-choice>span:last-child{font-size:24px;color:var(--acid)}#second-fields{border-top:1px solid #45314f;margin-top:15px;padding-top:2px}#second-fields>label{display:block;line-height:1.5;margin:16px 0 8px}#breakdown{max-width:330px;line-height:1.8}.second-offer input[type=checkbox]{padding:0;width:18px}.second-offer del{color:#98909f;margin-right:6px}@media(prefers-reduced-motion:no-preference){.second-offer{animation:offer-in .2s ease-out}@keyframes offer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}

.second-choice b{color:#f4f5ef}#second-discount{color:#88e582}.submit:disabled{cursor:not-allowed}

#success{text-align:center;padding:34px 28px;width:min(440px,calc(100vw - 32px))}.success-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#88e58218;color:#88e582;border:1px solid #88e58266;font-size:32px;margin:0 auto 20px}.success-badge{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#bca4dc;margin-bottom:14px}#success-title{font-size:27px;line-height:1.2}#success-message{font-size:13px;color:#b6b9af;line-height:1.8;margin:18px 0 26px}.youtube-link{text-decoration:none;text-align:left;align-items:center;gap:14px}.youtube-link:focus-visible{outline:2px solid #fff;outline-offset:4px}

#stripe-dialog{width:min(720px,calc(100vw - 24px));max-height:92vh;padding:18px;overflow:auto}#stripe-close{margin:0 0 10px}#stripe-container{min-height:320px;background:#000;border-radius:8px}

[hidden]{display:none!important}
.queue-open{display:flex;justify-content:space-between;align-items:center;gap:40px;min-width:210px;background:#19151e;border:1px solid #8b63bd;border-radius:10px;color:#dec3ff;padding:15px 20px;font:inherit;font-weight:650;cursor:pointer;margin-top:22px}.queue-open:hover{background:#2a2036}.queue-open:focus-visible{outline:2px solid #c5a1f4;outline-offset:4px}.public-note{margin-top:7px}#queue-dialog{width:min(720px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:28px}#queue-dialog h2{font-size:27px;line-height:1.3}.queue-top{display:flex;justify-content:space-between;gap:18px;align-items:start}#queue-close{width:auto;margin:0;padding:9px 13px}.queue-info,.queue-scope{font-size:12px;line-height:1.7;color:#b4aebe;margin:18px 0}.queue-scope{border:1px solid #45334f;background:#1b1424;padding:12px 15px;border-radius:10px;color:#c8b6dd}.queue-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#a69bad}#queue-refresh{width:auto;font-size:11px;padding:9px 12px;margin:0}:is(#public-queue,#pending-queue){list-style:none;padding:0;margin:20px 0}:is(#public-queue,#pending-queue) li{display:flex;gap:15px;align-items:start;border-top:1px solid #332b3b;padding:17px 0}:is(#public-queue,#pending-queue) .position{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid #4c375f;border-radius:8px;color:#c9a4f5;font-size:12px;font-weight:bold}:is(#public-queue,#pending-queue) strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere;display:block;color:#f1eaf8}:is(#public-queue,#pending-queue) small{display:block;font-size:10px;letter-spacing:.6px;margin-top:6px;color:#9d90ac}.queue-empty{text-align:center;padding:30px 15px;color:#ac9fb8;font-size:13px}.queue-pagination{display:flex;gap:14px;align-items:center;justify-content:center;font-size:11px}.queue-pagination button{width:auto;margin:0;font-size:11px;padding:9px 12px}.queue-pagination button:disabled{opacity:.35;cursor:default}@media(max-width:560px){#queue-dialog{padding:20px}#queue-dialog h2{font-size:23px}.queue-tools{align-items:start}.queue-tools span{max-width:190px}}

#stripe-dialog{background:#000;color:#f4f5ef;border-color:#333}#stripe-container iframe{color-scheme:dark}

#pending-section{border-top:1px solid #473351;padding-top:18px;margin-top:20px}#pending-section h3{font-size:15px}#pending-queue{padding-left:20px;color:#baacc8;font-size:12px;line-height:1.8;overflow-wrap:anywhere}

/* A soft halo stays behind the single selected border. */
.package[aria-pressed=true]{box-shadow:0 0 22px #a17be82b,0 0 50px #8e55d914}
.package[aria-pressed=true]:focus-visible{box-shadow:0 0 22px #a17be82b,0 0 50px #8e55d914;border-color:#d8bfff}
.sound{width:100%;max-width:470px;gap:4px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 80%,transparent)}
.intro .sound i{flex:1;min-width:2px;width:auto;height:var(--bar-height)!important;border-radius:4px;transform-origin:center;opacity:.65}
@media(prefers-reduced-motion:no-preference){
 .intro .sound i{animation:rapometr-wave var(--bar-speed) ease-in-out var(--bar-delay) infinite}
 .queue-open{animation:queue-glass-pulse 5s ease-in-out infinite}
 .queue-open::before{animation:queue-glass-shine 5s ease-in-out infinite}
 .package{transition:background .25s,border-color .25s,box-shadow .35s}
}
@keyframes rapometr-wave{0%,100%{transform:scaleY(.3);opacity:.42}50%{transform:scaleY(1);opacity:.85}}
/* A soft glass reflection passes once in each five-second cycle. */
.queue-open{position:relative;overflow:hidden;isolation:isolate;transform-origin:center}
.queue-open::before{content:"";position:absolute;top:-70%;bottom:-70%;left:-65%;width:38%;background:linear-gradient(90deg,transparent,rgba(231,211,255,.08) 25%,rgba(255,255,255,.25) 50%,rgba(231,211,255,.08) 75%,transparent);transform:translateX(0) skewX(-24deg);opacity:0;pointer-events:none;z-index:-1}
@keyframes queue-glass-shine{0%,12%{transform:translateX(0) skewX(-24deg);opacity:0}17%{opacity:1}52%{transform:translateX(470%) skewX(-24deg);opacity:1}57%,100%{transform:translateX(470%) skewX(-24deg);opacity:0}}
@keyframes queue-glass-pulse{0%,12%,60%,100%{transform:scale(1);box-shadow:0 0 0 #a17be800}34%{transform:scale(1.025);box-shadow:0 0 22px #a17be824}}

.panel input.field-valid{border-color:#568e69;background:#112018;box-shadow:0 0 15px #67c58b16;outline:none}
.panel input.field-invalid{border-color:#b26069;background:#261518;box-shadow:0 0 15px #e76c7c16;outline:none}
@media(prefers-reduced-motion:no-preference){.panel input{transition:border-color .22s,background-color .22s,box-shadow .22s}}

#pay{font-size:17px;line-height:1.4;font-weight:750;color:#fff;justify-content:center;text-align:center}

html.queue-modal-open{overflow:hidden;overscroll-behavior:none}
body.queue-modal-open{position:fixed;left:0;right:0;overflow:hidden}
#queue-dialog{overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
#queue-close{display:grid;place-items:center;flex:0 0 46px;min-width:46px;height:46px;padding:0;font-size:30px;line-height:1;border-radius:10px}
#queue-close:focus-visible{outline-offset:2px}
#queue-refresh{display:flex;align-items:center;justify-content:center;gap:8px;min-width:122px;transition:background .15s,transform .12s,border-color .15s}
#queue-refresh:active{transform:scale(.96);background:#362842}
#queue-refresh.is-loading{background:#2b2038;border-color:#9266c4;color:#dbc4f8;cursor:wait}
#queue-refresh.is-done{border-color:#568e69;color:#a2d7af}
.queue-refresh-icon{display:inline-block;font-size:18px;line-height:1}
#queue-refresh.is-loading .queue-refresh-icon{animation:queue-refresh-spin .8s linear infinite}
@keyframes queue-refresh-spin{to{transform:rotate(360deg)}}
#pending-queue{list-style:none;padding:0;margin:20px 0;color:inherit;font-size:inherit;line-height:normal}
#pending-section .hint{font-size:12px;line-height:1.7;color:#b4aebe}
@media(prefers-reduced-motion:reduce){#queue-refresh.is-loading .queue-refresh-icon{animation:none}}

/* Consistent header alignment and clear pending states. */
header{gap:20px}header .logo{min-width:0}header .header-channel{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:1px solid #8b63bd;border-radius:9px;background:#19151e;color:#dec3ff;font-size:12px;font-weight:650;text-decoration:none;text-align:center;line-height:1.4}header .header-channel:hover{background:#2a2036}
#success .success-queue{font-size:13px;font-weight:650;color:#dec3ff;border-color:#8b63bd;padding:13px;margin-top:12px}
.pending-position{display:grid;place-items:center}.pending-spinner{display:block;width:20px;height:20px;border:2px solid #b58be638;border-top-color:#c6a1f3;border-right-color:#c6a1f3;border-radius:50%}
@media(prefers-reduced-motion:no-preference){.pending-spinner{animation:pending-wait 2s linear infinite}}
@keyframes pending-wait{to{transform:rotate(360deg)}}
@media(max-width:480px){header{gap:12px;padding:20px}header .logo{max-width:46%}header .header-channel{font-size:10px;padding:10px 12px;max-width:50%}}

.queue-open{justify-content:center}
header .logo img{max-width:100%;height:auto}