.promo-compact{height:100vh;height:100svh;overflow:hidden;background:#f6f1ff}.promo-compact .promo-shell,.promo-compact main{height:100%}.compact-stage{position:relative;display:grid;grid-template-columns:minmax(430px,.9fr) minmax(560px,1.1fr);grid-template-rows:auto 1fr auto;gap:0 5vw;width:100%;height:100%;min-height:650px;padding:clamp(25px,4vh,45px) clamp(38px,6vw,90px);overflow:hidden;background:radial-gradient(circle at 7% 5%,#ffdcbf 0 8%,transparent 8.2%),radial-gradient(circle at 97% 97%,#bff3ec 0 13%,transparent 13.2%),linear-gradient(135deg,#faf7ff,#f0e9ff 52%,#e8fbf7)}.compact-stage:before{content:"";position:absolute;left:47%;top:-18%;width:460px;height:460px;border:90px solid #ffffff6b;border-radius:50%}.compact-brand{position:relative;z-index:3;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.compact-brand p{display:flex;align-items:center;gap:8px;margin:0;color:#0b988b;font-size:10px;font-weight:900;letter-spacing:.12em}.compact-brand p i{width:10px;height:10px;border:3px solid #bcf1eb;border-radius:50%;background:#28bcae;box-shadow:0 0 0 5px #dff9f6}.compact-copy{position:relative;z-index:2;align-self:center;max-width:680px;padding:30px 0}.compact-kicker{margin:0;color:#6f43ee;font-size:11px;font-weight:900;letter-spacing:.12em}.compact-copy h1{margin:17px 0 21px;color:#29146d;font-size:clamp(54px,5.5vw,88px);font-weight:900;line-height:.88;letter-spacing:-.06em}.compact-copy h1 em{color:#7043ed;font-style:normal}.compact-lead{max-width:640px;margin:0;color:#65578a;font-size:clamp(16px,1.35vw,20px);line-height:1.55}.compact-tools{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.compact-tools span{padding:7px 11px;border:1px solid #d8cef3;border-radius:20px;background:#ffffffb8;color:#5e4d82;font-size:11px;font-weight:800}.compact-action{display:flex;align-items:center;gap:18px;margin-top:24px}.compact-action .primary-cta{flex:none;border-radius:14px}.compact-action small{max-width:190px;color:#81749c;line-height:1.4}.compact-world{position:relative;z-index:1;align-self:center;min-height:510px;border:1px solid #d1c4f4;border-radius:42px;background:#fff;box-shadow:0 34px 75px #351c7328;overflow:hidden}.compact-world>img{display:block;width:100%;height:100%;min-height:510px;object-fit:cover;object-position:70% center}.compact-world:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#251267e8 82%,#251267 100%)}.compact-live-total{position:absolute;z-index:2;left:32px;right:32px;bottom:85px;display:grid;color:#fff}.compact-live-total small{color:#75eee1;font-size:9px;font-weight:900;letter-spacing:.13em}.compact-live-total strong{font-size:clamp(34px,3.4vw,54px);line-height:1.05;letter-spacing:-.04em}.compact-live-total span{color:#d8cef2;font-size:12px}.compact-proof{position:absolute;z-index:2;left:32px;right:32px;bottom:25px;display:flex;align-items:center;gap:7px;color:#fff}.compact-proof b{font-size:16px}.compact-proof span{color:#cfc5e8;font-size:10px}.compact-proof i{width:1px;height:22px;margin:0 12px;background:#ffffff45}.compact-invitation{position:relative;z-index:3;grid-column:1/-1;display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;padding:8px 17px 8px 8px;border:1px solid #d8cef3;border-radius:40px;background:#fff;box-shadow:0 14px 35px #32156b10}.compact-invitation img{width:44px;height:44px;border:3px solid #40c7ba;border-radius:50%;object-fit:cover}.compact-invitation p{display:grid;margin:0}.compact-invitation small{color:#ff8448;font-size:8px;font-weight:900;letter-spacing:.11em}.compact-invitation strong{font-size:12px}
@media(max-width:900px){.promo-compact{height:auto;min-height:100svh;overflow:auto}.promo-compact .promo-shell,.promo-compact main{height:auto}.compact-stage{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:100svh;gap:28px;padding:28px 22px 40px}.compact-copy{padding:25px 0 0;text-align:center}.compact-copy h1{font-size:clamp(49px,14vw,72px)}.compact-lead{margin:auto}.compact-tools,.compact-action{justify-content:center}.compact-world{width:min(680px,100%);min-height:390px;margin:auto}.compact-world>img{min-height:390px}.compact-invitation{margin:auto}}@media(max-width:520px){.compact-brand p{display:none}.compact-action{flex-direction:column}.compact-world{min-height:350px;border-radius:28px}.compact-world>img{min-height:350px}.compact-live-total{left:22px;right:22px}.compact-proof{left:22px;right:22px}.compact-invitation{white-space:normal}}

.promo-compact{height:auto;min-height:100vh;min-height:100svh;overflow:auto}.promo-compact .promo-shell{width:100%;max-width:none;margin:0}.promo-compact .promo-shell,.promo-compact main{min-height:100vh;min-height:100svh}.compact-stage{height:auto;min-height:100vh;min-height:100svh;grid-template-rows:auto 1fr}.compact-invitation{grid-column:auto;margin-top:18px}
@media(max-width:900px){.compact-invitation{margin:18px auto 0}}
.compact-action small b{display:inline-block;padding:3px 6px;border-radius:6px;background:#ff914d;color:#fff;font-size:12px;letter-spacing:.06em}
.compact-promo-offer{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;width:min(540px,100%);margin-top:14px;padding:10px 13px;border:1px solid #ffc47f;border-radius:14px;background:linear-gradient(135deg,#fff5df,#fff);box-shadow:0 12px 28px #bc702113}.compact-promo-offer span{color:#c96b2f;font-size:8px;font-weight:900;letter-spacing:.12em}.compact-promo-offer strong{padding:6px 9px;border-radius:8px;background:#ff914d;color:#fff;font-size:15px;letter-spacing:.08em}.compact-promo-offer small{color:#76688f;line-height:1.35}
@media(max-width:900px){.compact-promo-offer{margin:14px auto 0;text-align:left}}@media(max-width:520px){.compact-promo-offer{grid-template-columns:auto 1fr}.compact-promo-offer small{grid-column:1/-1}}

/* Live proof should feel alive: luminous, legible and purposeful. */
.compact-world-story{position:absolute;z-index:2;left:34px;top:32px;max-width:360px;padding:19px 22px;border-left:3px solid #6d43ee;color:#28136e;text-shadow:0 2px 14px #fff;animation:compact-story-arrive .9s cubic-bezier(.2,.85,.25,1) both}
.compact-world-story:before{content:"";position:absolute;z-index:-1;inset:-12px -18px;border-radius:22px;background:linear-gradient(100deg,#ffffffb8,#ffffff42 72%,transparent);filter:blur(1px)}
.compact-world-story small{color:#6d43ee;font-size:9px;font-weight:900;letter-spacing:.14em}
.compact-world-story h2{margin:7px 0 11px;font-size:clamp(25px,2.25vw,36px);line-height:1.02;letter-spacing:-.045em}
.compact-world-story p{display:flex;align-items:center;gap:8px;margin:0;color:#51427b;font-size:8px;font-weight:900;letter-spacing:.13em}
.compact-world-story p i{width:5px;height:5px;border-radius:50%;background:#ff914d;box-shadow:0 0 0 4px #ff914d20}
.compact-live-total{isolation:isolate;padding:16px 18px 14px;border:1px solid #8df5e45c;border-radius:20px;background:linear-gradient(105deg,#261371c7,#43239b8f 58%,#1bbca132);box-shadow:0 16px 42px #12084358,inset 0 1px #ffffff29;backdrop-filter:blur(8px)}
.compact-live-total:before{content:"";position:absolute;z-index:-1;inset:-22px;border-radius:34px;background:radial-gradient(circle at 25% 55%,#68f6dd42,transparent 52%);filter:blur(15px);animation:compact-number-aura 4.6s ease-in-out infinite}
.compact-live-total small{display:flex;align-items:center;gap:8px;color:#8cffee;text-shadow:0 0 15px #54f4dd99}
.compact-live-total small i{width:8px;height:8px;border-radius:50%;background:#61ffe8;box-shadow:0 0 0 5px #5cffe329,0 0 18px #5cffea;animation:compact-live-pulse 1.8s ease-out infinite}
.compact-live-total strong{width:max-content;max-width:100%;margin:4px 0;color:#fff;text-shadow:0 0 18px #8ceee477,0 5px 22px #0b062f;transform-origin:left center;will-change:transform,filter}
.compact-live-total strong.is-ticking{animation:compact-number-tick .72s cubic-bezier(.2,.9,.25,1.25)}
.compact-live-total span{font-weight:700;letter-spacing:.01em}
.compact-proof{gap:12px}
.compact-proof>div{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:6px;padding:8px 11px;border:1px solid #ffffff24;border-radius:13px;background:#ffffff10;box-shadow:inset 0 1px #ffffff14}
.compact-proof b{color:#fff;font-size:19px;line-height:1;text-shadow:0 0 13px #9af7ea7a;will-change:transform}
.compact-proof b.is-ticking{animation:compact-proof-arrive .75s cubic-bezier(.2,.9,.25,1.2)}
.compact-proof span{font-weight:700}
.compact-proof>i{height:28px;margin:0 2px;background:#83eadc78}
@keyframes compact-number-aura{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes compact-story-arrive{0%{opacity:0;transform:translateY(-12px)}100%{opacity:1;transform:none}}
@keyframes compact-live-pulse{0%{box-shadow:0 0 0 0 #5cffe36e,0 0 18px #5cffea}70%,100%{box-shadow:0 0 0 9px #5cffe300,0 0 24px #5cffea}}
@keyframes compact-number-tick{0%{transform:scale(1);filter:brightness(1)}38%{transform:translateY(-5px) scale(1.075);filter:brightness(1.45)}68%{transform:translateY(1px) scale(.985)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes compact-proof-arrive{0%{transform:translateY(10px) scale(.92);opacity:.4}55%{transform:translateY(-3px) scale(1.08);opacity:1}100%{transform:none;opacity:1}}
@media(max-width:520px){.compact-world-story{left:18px;top:20px;max-width:285px;padding:13px 15px}.compact-world-story h2{font-size:23px}.compact-live-total{left:14px;right:14px;bottom:112px;padding:13px 14px}.compact-live-total strong{font-size:clamp(31px,10.4vw,42px)}.compact-proof{left:14px;right:14px;bottom:20px;gap:7px}.compact-proof>div{grid-template-columns:1fr;gap:3px;flex:1;padding:8px}.compact-proof b{font-size:17px}.compact-proof>i{margin:0}}
@media(prefers-reduced-motion:reduce){.compact-world-story,.compact-live-total:before,.compact-live-total small i{animation:none}.compact-live-total strong.is-ticking,.compact-proof b.is-ticking{animation:none}}
