


.p2e-logo-hero { max-height: 90px; width: auto; }
.p2e-logo-royal { max-height: 80px; width: auto; }
.p2e-logo-intro { max-width: 180px; }
.p2e-footer-logo { max-width: 110px; }
.p2e-signoff-logo { max-width: 140px; }
.p2e-signoff-img { max-width: 100%; border-radius: 50%; aspect-ratio: 1; object-fit: cover; }


.p2e-stage-img { width: 100%; border-radius: 0 0 14px 14px; }
.p2e-demo-img { max-width: 640px; width: 100%; }
.p2e-rounded { border-radius: 20px; }
.p2e-wide { max-width: 760px; width: 100%; }
.p2e-cutout { max-height: 560px; width: auto; }
.p2e-bonus-img { max-height: 320px; width: auto; }
.p2e-stack-img { max-height: 420px; }
.p2e-intro-img { max-height: 460px; width: auto; }


.p2e-desk {
   aspect-ratio: 1335 / 535;
   width: 100%;
   background: #fff;
   border-radius: 20px;
   border: 1px solid #ecdbfa;
   box-shadow: 0 10px 30px #17062022;
   padding: clamp(10px, 2.2vw, 28px) clamp(14px, 3vw, 36px);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   color: #1d1630;
   font-family: inherit;
   overflow: hidden;
}
.p2e-desk-top { display: flex; align-items: center; gap: 12px; }
.p2e-desk-avatar {
   width: clamp(28px, 4.5vw, 56px) !important;
   height: clamp(28px, 4.5vw, 56px) !important;
   border-radius: 50% !important;
   object-fit: cover;
   border: 3px solid #9c21e8;
   flex: none;
}
.p2e-desk-top strong { display: block; font-size: clamp(12px, 1.7vw, 20px); line-height: 1.2; }
.p2e-desk-top small { display: block; color: #6b6480; font-size: clamp(10px, 1.3vw, 14px); }
.p2e-desk-badge {
   margin-left: auto;
   background: #eaf9ef;
   color: #13823d;
   font-weight: 700;
   font-size: clamp(9px, 1.2vw, 13px);
   padding: 4px 10px;
   border-radius: 99px;
   white-space: nowrap;
}
.p2e-desk p {
   margin: 0;
   font-size: clamp(11px, 1.8vw, 22px);
   line-height: 1.4;
   font-weight: 500;
}
.p2e-desk-stars { color: #f5a300; font-size: clamp(10px, 1.4vw, 18px); letter-spacing: 2px; }


.p2e-quote-card {
   background: #fff;
   border: 2px solid #2bb24c;
   border-radius: 18px;
   padding: 26px 22px;
   text-align: center;
   box-shadow: 0 8px 24px #0000001a;
}
.p2e-quote-card span { display: block; font-size: clamp(20px, 2.4vw, 28px); font-weight: 700; color: #1d1630; line-height: 1.35; }
.p2e-quote-card b { color: #d62828; }
.p2e-quote-card-alt { border-color: #9c21e8; }
.p2e-quote-card-alt b { color: #13823d; }
.p2e-quote-card small { display: block; margin-top: 10px; color: #6b6480; font-size: 15px; }


.p2e-cost-icon {
   display: inline-grid !important;
   place-items: center;
   width: 110px;
   height: 110px;
   border-radius: 26px;
   background: linear-gradient(135deg, #ff7a45, #e8216b);
   color: #fff;
   font-size: 46px;
   box-shadow: 0 12px 26px #e8216b40;
}


.p2e-timer {
   min-height: 150px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 14px;
   padding: 10px 0;
}
.p2e-timer div {
   background: #1d1630;
   border-radius: 14px;
   min-width: 92px;
   padding: 14px 10px 10px;
   text-align: center;
   box-shadow: 0 8px 20px #0000002e;
}
.p2e-timer b { display: block; color: #fff; font-size: 42px; line-height: 1; font-weight: 800; }
.p2e-timer span { display: block; color: #ffcc00; font-size: 13px; font-weight: 600; text-transform: uppercase; margin-top: 6px; letter-spacing: 1px; }

@media (max-width: 575px) {
   .p2e-timer { gap: 8px; }
   .p2e-timer div { min-width: 72px; padding: 10px 6px 8px; }
   .p2e-timer b { font-size: 30px; }
   .p2e-cost-icon { width: 84px; height: 84px; font-size: 36px; }
   .p2e-desk-badge { display: none; }
}


.p2e-rot {
   display: inline-block;
   position: relative;
   vertical-align: bottom;
   white-space: nowrap;
   overflow: hidden;
   padding: 0 0 0.12em;
   margin-bottom: -0.12em;
   transition: width 0.55s cubic-bezier(0.22, 0.8, 0.24, 1);
}
.p2e-rot-word {
   display: inline-block;
   white-space: nowrap;
   transition: transform 0.55s cubic-bezier(0.22, 0.8, 0.24, 1), opacity 0.45s ease, filter 0.45s ease;
   will-change: transform, opacity;
}
.p2e-rot-word.is-in { transform: translateY(85%); opacity: 0; filter: blur(3px); }
.p2e-rot-word.is-out {
   position: absolute;
   left: 0;
   top: 0;
   transform: translateY(-85%);
   opacity: 0;
   filter: blur(3px);
}
.p2e-rot-probe { position: absolute; visibility: hidden; left: 0; top: 0; transition: none; }


.gumhero26-gradient .p2e-rot,
.gumhero26-gradient .p2e-rot-word {
   background: inherit;
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent !important;
   -webkit-text-fill-color: transparent;
}


.p2e-demo-video {
   display: block;
   width: 100%;
   height: auto;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   background: #000;
   border-radius: inherit;
}


.p2e-vsl { position: relative; background: #000; }
.p2e-vsl-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0 0 14px 14px; }
.p2e-vsl-sound {
   position: absolute;
   left: 14px;
   bottom: 14px;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 9px 16px;
   border: 0;
   border-radius: 99px;
   background: linear-gradient(90deg, #ff7a45, #e8216b);
   color: #fff;
   font-weight: 700;
   font-size: 15px;
   box-shadow: 0 8px 22px #e8216b55;
   cursor: pointer;
   animation: p2e-vsl-pulse 1.8s ease-in-out infinite;
}
.p2e-vsl.is-unmuted .p2e-vsl-sound { animation: none; background: #1d1630cc; box-shadow: none; }
@keyframes p2e-vsl-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@media (prefers-reduced-motion: reduce) { .p2e-vsl-sound { animation: none; } }
@media (max-width: 575px) { .p2e-vsl-sound { left: 10px; bottom: 10px; padding: 7px 12px; font-size: 13px; } }


html, body {
   max-width: 100%;
   overflow-x: hidden;
}
.welcome-section,
.testimonial-carousel,
.gmehow26-section,
.gmeroyal26-section,
.gmefirst31-section,
.store-future-sec1,
.gmchoice48-section,
.gmzig42-section,
.gme-boom-section,
.gmcancel41-section,
.gmclientmoney39-section,
.gmchoice47-section,
.gmearnpower58-section,
.gmtripleadv73-section,
.gmnighttile27-section,
.seeing-section,
.sec-2 {
   overflow-x: clip;
}
