.gwa-lg-hero{--acc:var(--lg-pink,#E34A85);position:relative;width:100%;max-width:760px;margin:0 auto;aspect-ratio:1/1;max-height:760px;min-height:520px}
.gwa-lg-hero__stage{position:absolute;inset:0;container-type:size}
.gwa-lg-hero__blob{position:absolute;left:50%;top:50%;width:78cqmin;height:78cqmin;translate:-50% -50%;background:var(--acc);border-radius:42% 58% 63% 37%/41% 44% 56% 59%;transition:background-color .9s ease;animation:gwaHeroMorph 12s ease-in-out infinite alternate;opacity:.92}
.gwa-lg-hero__ring{position:absolute;left:50%;top:50%;width:92cqmin;height:92cqmin;translate:-50% -50%;border:2px dashed rgba(var(--gwa-purple-rgb,91,47,145),.25);border-radius:50%;animation:gwaHeroSpin 40s linear infinite}
@keyframes gwaHeroMorph{0%{border-radius:42% 58% 63% 37%/41% 44% 56% 59%;rotate:0deg}50%{border-radius:61% 39% 45% 55%/55% 62% 38% 45%}100%{border-radius:38% 62% 52% 48%/62% 38% 62% 38%;rotate:25deg}}
@keyframes gwaHeroSpin{to{rotate:360deg}}
.gwa-lg-hero__phone{position:absolute;left:50%;top:50%;width:42cqmin;aspect-ratio:9/19.2;translate:-50% -50%;background:#0f0f14;border-radius:6.4cqmin;padding:1.3cqmin;box-shadow:0 3cqmin 6cqmin rgba(var(--gwa-navy-rgb,26,28,54),.35),inset 0 0 0 .4cqmin #2b2b35;animation:gwaHeroFloat 6s ease-in-out infinite}
@keyframes gwaHeroFloat{0%,100%{transform:translateY(-1cqmin) rotate(-1.5deg)}50%{transform:translateY(1.2cqmin) rotate(1.5deg)}}
.gwa-lg-hero__island{position:absolute;top:2.4cqmin;left:50%;translate:-50% 0;width:12cqmin;height:3.2cqmin;background:#0f0f14;border-radius:2cqmin;z-index:3}
.gwa-lg-hero__screen{position:relative;width:100%;height:100%;border-radius:5.2cqmin;overflow:hidden;background:#222}
.gwa-lg-hero__screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:translateY(8%) scale(1.04);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.gwa-lg-hero__screen img.is-on{opacity:1;transform:none}
.gwa-lg-hero__screen img.is-off{opacity:0;transform:translateY(-6%) scale(.97)}
.gwa-lg-hero__card{position:absolute;z-index:4;background:var(--gwa-surface,#fff);border-radius:2.6cqmin;box-shadow:0 1.6cqmin 4cqmin rgba(var(--gwa-navy-rgb,26,28,54),.18);padding:1.8cqmin 2.2cqmin;font-size:2.2cqmin;line-height:1.25;animation:gwaHeroBob 5s ease-in-out infinite;text-decoration:none;color:inherit}
@keyframes gwaHeroBob{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-1.8cqmin) rotate(calc(var(--r,0deg) * -1))}}
.gwa-lg-hero__card.is-pop{animation:gwaHeroPop .6s cubic-bezier(.3,1.6,.5,1),gwaHeroBob 5s ease-in-out .6s infinite}
@keyframes gwaHeroPop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
.gwa-lg-hero__card--profile{left:2%;top:14%;display:flex;gap:1.6cqmin;align-items:center;--r:-3deg;min-width:34cqmin}
.gwa-lg-hero__card--profile img{width:7.5cqmin;height:7.5cqmin;border-radius:50%;object-fit:cover;border:.5cqmin solid var(--acc);transition:border-color .6s}
.gwa-lg-hero__card--profile b{display:block;font-size:2.5cqmin;font-weight:700}
.gwa-lg-hero__card--profile span{color:var(--lg-purple);font-weight:600;font-size:1.9cqmin}
.gwa-lg-hero__card--profile i{display:inline-grid;place-items:center;width:2.4cqmin;height:2.4cqmin;border-radius:50%;background:#1d9bf0;color:#fff;font-style:normal;font-size:1.5cqmin;margin-left:.6cqmin;vertical-align:.2cqmin}
.gwa-lg-hero__card--stats{right:1%;top:20%;width:28cqmin;--r:3deg;animation-delay:-1.5s}
.gwa-lg-hero__card--stats small{display:block;color:var(--gwa-muted,#6b6f86);font-size:1.7cqmin;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.gwa-lg-hero__card--stats strong{display:block;font-size:4cqmin;font-weight:800;color:var(--lg-midnight)}
.gwa-lg-hero__card--stats em{font-style:normal;color:var(--gwa-success,#17a673);font-weight:700;font-size:1.8cqmin}
.gwa-lg-hero__bars{display:flex;align-items:flex-end;gap:.8cqmin;height:7cqmin;margin-top:1cqmin}
.gwa-lg-hero__bars span{flex:1;border-radius:.8cqmin .8cqmin .3cqmin .3cqmin;background:linear-gradient(180deg,var(--lg-pink),var(--lg-purple));height:10%;transition:height .9s cubic-bezier(.2,.9,.3,1.2)}
.gwa-lg-hero__card--qr{left:6%;bottom:12%;--r:4deg;animation-delay:-3s;text-align:center;padding:1.6cqmin}
.gwa-lg-hero__card--qr svg{width:15cqmin;height:15cqmin;display:block}
.gwa-lg-hero__card--qr small{display:block;margin-top:.8cqmin;font-weight:700;font-size:1.7cqmin;color:var(--lg-purple)}
.gwa-lg-hero__card--btn{right:4%;bottom:18%;background:var(--lg-pink);color:#fff;font-weight:700;border-radius:99px;padding:2cqmin 3.6cqmin;--r:-2deg;animation-delay:-2s;font-size:2.4cqmin;overflow:hidden}
.gwa-lg-hero__card--btn::after{content:"";position:absolute;left:50%;top:50%;width:4cqmin;height:4cqmin;margin:-2cqmin;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:gwaHeroRipple 3.2s ease-out infinite}
@keyframes gwaHeroRipple{0%,60%{transform:scale(0);opacity:1}100%{transform:scale(9);opacity:0}}
.gwa-lg-hero__tags{position:absolute;z-index:4;right:10%;top:6%;display:flex;gap:1cqmin}
.gwa-lg-hero__tags span{background:var(--lg-midnight);color:#fff;font-weight:600;font-size:1.8cqmin;padding:.9cqmin 2cqmin;border-radius:99px;animation:gwaHeroPop .5s cubic-bezier(.3,1.6,.5,1) both}
.gwa-lg-hero__tags span:nth-child(2){background:var(--lg-purple);animation-delay:.1s}
.gwa-lg-hero__tags span:nth-child(3){background:var(--lg-pink);animation-delay:.2s}
.gwa-lg-hero__dots{position:absolute;left:50%;bottom:1.5%;translate:-50% 0;display:flex;gap:1cqmin;z-index:4}
.gwa-lg-hero__dots button{all:unset;cursor:pointer;width:1.4cqmin;height:1.4cqmin;border-radius:99px;background:rgba(var(--gwa-purple-rgb,91,47,145),.25);transition:width .4s,background .4s}
.gwa-lg-hero__dots button.is-on{width:4.4cqmin;background:var(--lg-pink)}
@media (prefers-reduced-motion:reduce){.gwa-lg-hero *{animation:none!important;transition:none!important}}

/* 1.4.4: long custom domains in the floating profile bubble */
.gwa-lg-hero__card--profile{max-width:50cqmin;box-sizing:border-box}
.gwa-lg-hero__card--profile img{flex:none}
.gwa-lg-hero__card--profile>div{min-width:0}
.gwa-lg-hero__card--profile span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 1.4.8: card slots around the phone. The phone spans 29-71cqmin wide, so the slots stay in the outer columns
   (left 1.5-26.5cqmin, right 73.5-98.5cqmin) at every size; a and b also take the tall cards (stats, QR). */
.gwa-lg-hero{--card-w:25cqmin}
.gwa-lg-hero__slot{position:absolute;z-index:4;width:var(--card-w);perspective:80cqmin;pointer-events:none}
.gwa-lg-hero__slot>*{pointer-events:auto}
.gwa-lg-hero__slot--a{right:1.5%;top:19%;--r:3deg}
.gwa-lg-hero__slot--e{right:1.5%;top:47%;--r:-2deg}
.gwa-lg-hero__slot--c{right:1.5%;bottom:11%;display:flex;justify-content:flex-end;--r:-2deg}
.gwa-lg-hero__slot--d{left:1.5%;top:35%;--r:2deg}
.gwa-lg-hero__slot--b{left:3%;bottom:8%;display:flex;justify-content:flex-start;--r:4deg}
.gwa-lg-hero__slot>.gwa-lg-hero__card{position:relative;inset:auto;max-width:100%;box-sizing:border-box}
.gwa-lg-hero__slot--a>.gwa-lg-hero__card{animation-delay:-1.5s}
.gwa-lg-hero__slot--e>.gwa-lg-hero__card{animation-delay:-3.6s}
.gwa-lg-hero__slot--c>.gwa-lg-hero__card{animation-delay:-2s}
.gwa-lg-hero__slot--d>.gwa-lg-hero__card{animation-delay:-.8s}
.gwa-lg-hero__slot--b>.gwa-lg-hero__card{animation-delay:-3s}
.gwa-lg-hero__slot>.gwa-lg-hero__card--stats{width:100%}
.gwa-lg-hero__card{color:var(--gwa-ink,var(--gwa-navy,#1A1C36))}
/* app card: brand tile + title/subtitle (+ a little live detail) */
.gwa-lg-hero__card--app{display:flex;align-items:center;gap:1.4cqmin;width:100%;padding:1.5cqmin 1.8cqmin;border-radius:2.6cqmin}
.gwa-lg-hero__ico{flex:none;display:grid;place-items:center;width:6.6cqmin;height:6.6cqmin;border-radius:1.8cqmin;box-shadow:0 .6cqmin 1.4cqmin rgba(0,0,0,.18)}
.gwa-lg-hero__ico svg{width:58%;height:58%;display:block}
.gwa-lg-hero__ico--line{color:#fff}
.gwa-lg-hero__ico--line svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gwa-lg-hero__ico--youtube svg,.gwa-lg-hero__ico--paypal svg,.gwa-lg-hero__ico--donation svg{width:62%;height:62%}
.gwa-lg-hero__txt{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:.35cqmin}
.gwa-lg-hero__txt>b{font-size:2.2cqmin;font-weight:700;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}
.gwa-lg-hero__txt>span:not([class]){font-size:1.75cqmin;color:var(--gwa-muted,#5D6075);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gwa-lg-hero__prog{display:block;height:.7cqmin;margin-top:.5cqmin;border-radius:99px;background:rgba(var(--gwa-purple-rgb,91,47,145),.15);overflow:hidden}
.gwa-lg-hero__prog i{display:block;height:100%;width:40%;border-radius:inherit;background:var(--gwa-gradient,linear-gradient(90deg,#E34A85,#5B2F91));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.gwa-lg-hero__card--spotify .gwa-lg-hero__prog i{background:#1ED760}
.gwa-lg-hero__card--donation .gwa-lg-hero__prog i{background:#0070E0}
.gwa-lg-hero__mini-in{display:flex;align-items:center;margin-top:.5cqmin;border:1px solid rgba(var(--gwa-purple-rgb,91,47,145),.25);border-radius:99px;overflow:hidden;font-size:1.5cqmin;line-height:1}
.gwa-lg-hero__mini-in i{flex:1;min-width:0;padding:.7cqmin 1cqmin;font-style:normal;color:var(--gwa-muted,#5D6075);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gwa-lg-hero__mini-in b{padding:.7cqmin 1.2cqmin;background:var(--gwa-pink,#E34A85);color:#fff}
.gwa-lg-hero__cd{font:800 2.3cqmin/1.1 var(--gwa-font);font-variant-numeric:tabular-nums;color:var(--gwa-pink,#E34A85);white-space:nowrap}
.gwa-lg-hero__stars{color:#F5A524;font-size:2.2cqmin;letter-spacing:.1em;line-height:1}
.gwa-lg-hero__pay{align-self:flex-start;margin-top:.4cqmin;padding:.5cqmin 1.4cqmin;border-radius:99px;background:var(--gwa-navy,#1A1C36);color:#fff;font-size:1.5cqmin;font-weight:700;line-height:1.2}
html[data-gwa-theme="dark"] .gwa-lg-hero__pay{background:#fff;color:#1A1C36}
.gwa-lg-hero__card--stripe .gwa-lg-hero__pay{background:#635BFF;color:#fff}.gwa-lg-hero__card--cashapp .gwa-lg-hero__pay{background:#00D64F;color:#05290F}.gwa-lg-hero__card--venmo .gwa-lg-hero__pay{background:#0070D1;color:#fff}.gwa-lg-hero__card--paypal .gwa-lg-hero__pay{background:#FFC439;color:#003087}
.gwa-lg-hero__card--cryptocom .gwa-lg-hero__pay{background:#002D74;color:#fff}
html[data-gwa-theme="dark"] .gwa-lg-hero__card--cryptocom .gwa-lg-hero__pay{background:#fff;color:#002D74}
.gwa-lg-hero__ico--calendly{box-shadow:inset 0 0 0 1px rgba(0,107,255,.25)}
.gwa-lg-hero__slots{display:flex;gap:.6cqmin;margin-top:.4cqmin}
.gwa-lg-hero__slots i{font-style:normal;font-size:1.45cqmin;font-weight:700;line-height:1.2;padding:.4cqmin 1cqmin;border-radius:99px;border:1px solid rgba(0,107,255,.4);color:#006BFF;white-space:nowrap}
.gwa-lg-hero__slots i.is-on{background:#006BFF;border-color:#006BFF;color:#fff}
html[data-gwa-theme="dark"] .gwa-lg-hero__slots i{border-color:rgba(120,170,255,.55);color:#9CC3FF}
html[data-gwa-theme="dark"] .gwa-lg-hero__slots i.is-on{background:#2F86FF;border-color:#2F86FF;color:#fff}
.gwa-lg-hero__live{font-size:1.6cqmin;font-weight:800;color:#E91916;letter-spacing:.06em}
/* swap animation: a quick flip out, then a flip-pop in */
.gwa-lg-hero__card.is-leave{animation:gwaHeroLeave .3s ease-in forwards!important}
.gwa-lg-hero__card.is-enter{animation:gwaHeroEnter .6s cubic-bezier(.3,1.5,.5,1),gwaHeroBob 5s ease-in-out .6s infinite}
@keyframes gwaHeroLeave{to{opacity:0;transform:rotateY(75deg) scale(.85)}}
@keyframes gwaHeroEnter{0%{opacity:0;transform:rotateY(-75deg) scale(.85)}100%{opacity:1;transform:none}}
/* dark mode: light text on the dark cards; the QR card stays white so the code reads like a real one */
html[data-gwa-theme="dark"] .gwa-lg-hero__card{color:var(--dm-head,#F0F2F3);background:var(--dm-surface,#24263F);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.6cqmin 4cqmin rgba(0,0,0,.45)}
html[data-gwa-theme="dark"] .gwa-lg-hero__card--stats strong{color:#fff}
html[data-gwa-theme="dark"] .gwa-lg-hero__card--stats small,html[data-gwa-theme="dark"] .gwa-lg-hero__txt>span:not([class]),html[data-gwa-theme="dark"] .gwa-lg-hero__mini-in i{color:var(--dm-muted,#B4B9C6)}
html[data-gwa-theme="dark"] .gwa-lg-hero__card--stats em{color:#3DDC97}
html[data-gwa-theme="dark"] .gwa-lg-hero__card--profile span{color:#D9C9EE}
html[data-gwa-theme="dark"] .gwa-lg-hero__card--qr{background:#fff;color:#1A1C36}
html[data-gwa-theme="dark"] .gwa-lg-hero__card--qr small{color:#5B2F91}
html[data-gwa-theme="dark"] .gwa-lg-hero__card--btn{background:var(--lg-pink,#E34A85);color:#fff!important;box-shadow:0 1.6cqmin 4cqmin rgba(227,74,133,.35)}
html[data-gwa-theme="dark"] .gwa-lg-hero__tags span:first-child{box-shadow:0 0 0 1px rgba(255,255,255,.22)}
html[data-gwa-theme="dark"] .gwa-lg-hero__ico{box-shadow:0 0 0 1px rgba(255,255,255,.14)}
html[data-gwa-theme="dark"] .gwa-lg-hero__cd{color:#FF7FB4}
html[data-gwa-theme="dark"] .gwa-lg-hero__mini-in{border-color:rgba(255,255,255,.18)}
html[data-gwa-theme="dark"] .gwa-lg-hero__prog{background:rgba(255,255,255,.14)}
.gwa-lg-hero__card--btn{color:#fff!important;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
/* narrow stages (phones): a slightly smaller phone buys wider cards and bigger type */
@container (max-width:520px){
  .gwa-lg-hero__phone{width:38cqmin}
  .gwa-lg-hero__slot{width:28cqmin}
  .gwa-lg-hero__slot--a,.gwa-lg-hero__slot--e,.gwa-lg-hero__slot--c,.gwa-lg-hero__slot--d,.gwa-lg-hero__slot--b{left:auto;right:auto}
  .gwa-lg-hero__slot--a,.gwa-lg-hero__slot--e,.gwa-lg-hero__slot--c{right:1%}
  .gwa-lg-hero__slot--d,.gwa-lg-hero__slot--b{left:1%}
  .gwa-lg-hero__txt>b{font-size:3cqmin}
  .gwa-lg-hero__txt>span:not([class]){font-size:2.5cqmin}
  .gwa-lg-hero__ico{width:7.6cqmin;height:7.6cqmin}
  .gwa-lg-hero__card--app{padding:1.6cqmin 1.8cqmin;gap:1.6cqmin}
  .gwa-lg-hero__card--stats small{font-size:2.3cqmin}
  .gwa-lg-hero__card--stats em{font-size:2.4cqmin}
  .gwa-lg-hero__card--qr small{font-size:2.3cqmin}
  .gwa-lg-hero__card--btn{font-size:3cqmin}
  .gwa-lg-hero__cd,.gwa-lg-hero__stars{font-size:2.8cqmin}
  .gwa-lg-hero__mini-in{font-size:2.1cqmin}
  .gwa-lg-hero__pay{font-size:2.2cqmin}
}
@media (prefers-reduced-motion:reduce){.gwa-lg-hero__card.is-leave,.gwa-lg-hero__card.is-enter{animation:none!important}}
/* 1.4.18 QR card: shrink-wraps the code (no empty space to its right), short centred caption */
.gwa-lg-hero__card--qr{display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content;padding:1.2cqmin 1.2cqmin 1cqmin}
.gwa-lg-hero__slot>.gwa-lg-hero__card--qr{width:-moz-fit-content;width:fit-content}
.gwa-lg-hero__card--qr svg{margin:0 auto}
.gwa-lg-hero__card--qr small{max-width:15cqmin;margin-top:.6cqmin;text-align:center;line-height:1.15;letter-spacing:.01em}
@container (max-width:520px){.gwa-lg-hero__card--qr{padding:1.4cqmin 1.4cqmin 1.1cqmin}.gwa-lg-hero__card--qr small{max-width:17cqmin}}
/* 1.4.18 orbit ring glows in its blob's colour (--acc follows the profile on each slide) */
.gwa-lg-hero__ring{border-color:color-mix(in srgb,var(--acc) 42%,rgba(var(--gwa-purple-rgb,91,47,145),.3));filter:drop-shadow(0 0 3px color-mix(in srgb,var(--acc) 55%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,var(--acc) 28%,transparent));transition:border-color .9s ease,filter .9s ease}
html[data-gwa-theme="dark"] .gwa-lg-hero__ring{border-color:color-mix(in srgb,var(--acc) 62%,rgba(255,255,255,.25));filter:drop-shadow(0 0 4px color-mix(in srgb,var(--acc) 70%,transparent)) drop-shadow(0 0 14px color-mix(in srgb,var(--acc) 40%,transparent))}
@supports not (color:color-mix(in srgb,red,blue)){.gwa-lg-hero__ring{filter:drop-shadow(0 0 6px rgba(var(--gwa-pink-rgb,227,74,133),.35))}}