/* CSS Não Crítico Minificado - Carregamento Assíncrono */
/* Botões e CTA */
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 3rem;font-weight:700;font-size:1.25rem;border-radius:1rem;background:var(--gradient-cta);color:hsl(0,0%,8%);border:2px solid rgba(196,165,116,.3);text-shadow:0 2px 4px rgba(0,0,0,.2);min-height:80px;line-height:1.2;position:relative;overflow:hidden;perspective:1000px;transform-style:preserve-3d;transform:translateZ(0) rotateX(0deg) rotateY(0deg);transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 16px rgba(242,217,138,.25),0 16px 32px rgba(230,196,104,.15),0 32px 64px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.15);background-image:var(--gradient-cta),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);background-size:100% 100%,200% 200%;background-position:0 0,-100% -100%;animation:shimmer 3s ease-in-out infinite}
.btn-primary::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);border-radius:inherit;opacity:0;transition:opacity .4s ease}
.btn-primary:hover{transform:translateZ(10px) rotateX(-2deg) rotateY(2deg) scale(1.02);filter:brightness(1.15) saturate(1.1);box-shadow:0 12px 24px rgba(242,217,138,.35),0 24px 48px rgba(230,196,104,.2),0 48px 96px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(242,217,138,.5);border-color:rgba(242,217,138,.7);background-position:0 0,100% 100%}
.btn-primary:hover::before{opacity:1}
.btn-primary:active{transform:translateZ(5px) rotateX(-1deg) rotateY(1deg) scale(1.01);transition:all .15s ease;box-shadow:0 6px 12px rgba(242,217,138,.3),0 12px 24px rgba(230,196,104,.15),0 24px 48px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.12)}
@keyframes shimmer{0%,100%{background-position:0 0,-100% -100%}50%{background-position:0 0,100% 100%}}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-weight:600;border-radius:9999px;transition:all .2s;background:transparent;color:var(--texto-principal);border:1px solid;border-image:var(--gradient-border) 1}
.btn-secondary:hover{background:var(--rosa-claro-1);transform:translateY(-1px);color:var(--dourado)}
.card-hover{transition:all .3s}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(196,165,116,.18)}
.stars{color:var(--dourado)}

/* Estrelas 3D Douradas Brilhosas */
.stars-3d{color:#d4af37;font-size:1.2rem;position:relative;display:inline-block;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transition:all .3s cubic-bezier(.25,.46,.45,.94);text-shadow:0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(212,175,55,.4),0 8px 16px rgba(212,175,55,.2);filter:drop-shadow(0 0 8px rgba(255,215,0,.6));background:linear-gradient(135deg,#ffd700 0%,#d4af37 25%,#ffed4e 50%,#e6c468 75%,#d4af37 100%);background-clip:text;-webkit-background-clip:text;animation:starGlow 2s ease-in-out infinite alternate}
.stars-3d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,215,0,.3) 0%,rgba(212,175,55,.2) 40%,transparent 70%);border-radius:50%;transform:scale(1.5);opacity:0;z-index:-1;transition:opacity .3s ease;pointer-events:none}
.stars-3d:hover{transform:perspective(1000px) rotateX(-10deg) rotateY(5deg) scale(1.1);color:#ffd700;text-shadow:0 3px 6px rgba(0,0,0,.4),0 6px 12px rgba(255,215,0,.6),0 12px 24px rgba(255,215,0,.3);filter:drop-shadow(0 0 12px rgba(255,215,0,.8)) drop-shadow(0 0 24px rgba(255,215,0,.4));animation:starGlowHover 1s ease-in-out infinite alternate}
.stars-3d:hover::before{opacity:1;animation:starHalo 1.5s ease-in-out infinite}
@keyframes starGlow{0%{text-shadow:0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(212,175,55,.4),0 8px 16px rgba(212,175,55,.2);filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}100%{text-shadow:0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(255,215,0,.5),0 8px 16px rgba(255,215,0,.3);filter:drop-shadow(0 0 12px rgba(255,215,0,.8))}}
@keyframes starGlowHover{0%{text-shadow:0 3px 6px rgba(0,0,0,.4),0 6px 12px rgba(255,215,0,.6),0 12px 24px rgba(255,215,0,.3);filter:drop-shadow(0 0 12px rgba(255,215,0,.8)) drop-shadow(0 0 24px rgba(255,215,0,.4))}100%{text-shadow:0 3px 6px rgba(0,0,0,.4),0 6px 12px rgba(255,215,0,.8),0 12px 24px rgba(255,215,0,.5);filter:drop-shadow(0 0 16px rgba(255,215,0,1)) drop-shadow(0 0 32px rgba(255,215,0,.6))}}
@keyframes starHalo{0%{transform:scale(1.5);opacity:1}50%{transform:scale(2);opacity:.7}100%{transform:scale(1.5);opacity:1}}
@media (prefers-reduced-motion:reduce){.stars-3d{animation:none}.stars-3d:hover{animation:none}.stars-3d:hover::before{animation:none}}

/* Botão dourado específico */
.btn-gold-pill{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:12px 20px;margin:0 auto;font-family:"Montserrat",sans-serif;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;border-radius:50px;color:#1a1a1a;background:linear-gradient(135deg,#f2d98a 0%,#e6c468 25%,#d4af37 50%,#c4a574 100%);border:2px solid rgba(242,217,138,.7);text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(242,217,138,.2),0 8px 16px rgba(230,196,104,.1),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);background-image:linear-gradient(135deg,#f2d98a 0%,#e6c468 25%,#d4af37 50%,#c4a574 100%),linear-gradient(45deg,transparent 35%,rgba(255,255,255,.15) 50%,transparent 65%);background-size:100% 100%,250% 250%;background-position:0 0,-125% -125%}
.btn-gold-pill::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);border-radius:inherit;opacity:0;transition:opacity .3s ease}
.btn-gold-pill:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1) saturate(1.05);background:radial-gradient(ellipse at center,rgba(242,217,138,.28) 0%,rgba(242,217,138,.12) 40%,transparent 70%);box-shadow:0 6px 12px rgba(242,217,138,.3),0 12px 24px rgba(230,196,104,.15),0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(242,217,138,.6);border-color:rgba(242,217,138,.8);background-position:0 0,100% 100%}
.btn-gold-pill:hover::before{opacity:1}
.btn-gold-pill:active{transform:translateY(-1px) scale(1.01);transition:all .15s ease}

/* Ícones de pagamento */
.payment-icon,.payment-icon-card{color:#d4af37!important;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .1s ease}
.payment-icon:hover,.payment-icon-card:hover{color:#f2d98a;transform:translateY(-1px);text-shadow:0 1px 3px rgba(0,0,0,.4)}

/* Animações */
@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes bounceSoft{0%{opacity:0;transform:translateY(20px) scale(.95)}60%{opacity:.8;transform:translateY(-5px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-15px)}}

/* Texto fluido responsivo avançado */
.text-fluid-xl{font-size:clamp(2rem,5vw,2.75rem)}
.text-fluid-lg{font-size:clamp(1.5rem,4vw,2rem)}
.text-fluid-base{font-size:clamp(1rem,2.5vw,1.125rem)}
.painpoints-headline{font-size:clamp(1.875rem,4vw,3rem)!important;line-height:1.2!important}

/* Otimizações mobile */
.mobile-padding{padding-left:1.5rem;padding-right:1.5rem}
@media (min-width:640px){.mobile-padding{padding-left:2rem;padding-right:2rem}}
@media (min-width:768px){.mobile-padding{padding-left:2.5rem;padding-right:2.5rem}}
@media (min-width:1024px){.mobile-padding{padding-left:3rem;padding-right:3rem}}
.mobile-text-center{text-align:center;padding-left:.5rem;padding-right:.5rem}
@media (min-width:640px){.mobile-text-center{padding-left:1rem;padding-right:1rem}}
.mobile-section{padding-top:3rem;padding-bottom:3rem}
@media (min-width:640px){.mobile-section{padding-top:4rem;padding-bottom:4rem}}
@media (min-width:768px){.mobile-section{padding-top:5rem;padding-bottom:5rem}}
.mobile-hero{min-height:100vh;min-height:100dvh}
.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}

/* Header blur */
.header-blur{background:rgba(32,32,32,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* Suporte a movimento reduzido */
@media (prefers-reduced-motion:reduce){.reveal{transition:none}.btn-primary:hover,.btn-secondary:hover,.card-hover:hover{transform:none}html{scroll-behavior:auto}}

/* Responsividade Headlines */
@media (min-width:768px){.hero-headline{font-size:3.2rem!important}.hero-subheadline{font-size:1.2rem!important}}

/* CTA Fixo Mobile */
@media (max-width:768px){.cta-fixed-bar{position:fixed;left:0;right:0;bottom:0;width:100%;padding:4px 16px calc(4px + env(safe-area-inset-bottom));background:rgba(0,0,0,.9);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:9999;display:flex;justify-content:center;align-items:center;box-shadow:0 -4px 14px rgba(0,0,0,.45)}}

/* Estilos específicos do botão pill dourado */
.btn-gold-pill{display:inline-block;width:100%;max-width:520px;text-align:center;text-decoration:none;color:#1a1a1a;font-weight:700;letter-spacing:.5px;font-size:12px;padding:8px 16px;border-radius:9999px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f2d98a 0%,#e6c468 25%,#d4af37 50%,#c4a574 100%);border:1px solid rgba(242,217,138,.4);perspective:1000px;transform-style:preserve-3d;transform:translateZ(8px) rotateX(-3deg) rotateY(1deg);transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(212,175,55,.5),inset 0 -4px 8px rgba(148,122,66,.2),0 6px 12px rgba(242,217,138,.4),0 12px 24px rgba(230,196,104,.25),0 24px 48px rgba(0,0,0,.2),0 0 0 1px rgba(242,217,138,.2);background-image:linear-gradient(135deg,#f2d98a 0%,#e6c468 25%,#d4af37 50%,#c4a574 100%),linear-gradient(45deg,transparent 35%,rgba(255,255,255,.15) 50%,transparent 65%);background-size:100% 100%,250% 250%;background-position:0 0,-125% -125%;animation:pillShimmer3D 3s ease-in-out infinite;text-shadow:0 1px 0 rgba(255,255,255,.3),0 2px 2px rgba(0,0,0,.2),0 0 8px rgba(242,217,138,.3)}
.btn-gold-pill::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);border-radius:inherit;opacity:0;transition:opacity .4s ease}
.btn-gold-pill::after{content:'';position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at center,rgba(242,217,138,.28) 0%,rgba(242,217,138,.12) 40%,transparent 70%);opacity:0;transform:scale(.9);filter:blur(2px);mix-blend-mode:screen;will-change:opacity,transform;animation:ctaGlowPulse 3.2s ease-out infinite 1.2s}
.btn-gold-pill:hover{transform:translateZ(12px) rotateX(-4deg) rotateY(2deg) scale(1.02);filter:brightness(1.12) saturate(1.08);box-shadow:inset 0 4px 0 rgba(255,255,255,.7),inset 0 -3px 0 rgba(212,175,55,.6),inset 0 -6px 12px rgba(148,122,66,.25),0 8px 16px rgba(242,217,138,.5),0 16px 32px rgba(230,196,104,.3),0 32px 64px rgba(0,0,0,.25),0 0 0 1px rgba(242,217,138,.4),0 0 20px rgba(242,217,138,.3);border-color:rgba(242,217,138,.8);background-position:0 0,125% 125%}
.btn-gold-pill:hover::before{opacity:1}
.btn-gold-pill:active{transform:translateZ(6px) rotateX(-2deg) rotateY(1deg) scale(1.005);transition:all .15s ease;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(212,175,55,.6),inset 0 -3px 6px rgba(148,122,66,.3),0 4px 8px rgba(242,217,138,.4),0 8px 16px rgba(230,196,104,.2),0 16px 32px rgba(0,0,0,.2)}
@keyframes pillShimmer3D{0%,100%{background-position:0 0,-125% -125%;transform:translateZ(8px) rotateX(-3deg) rotateY(1deg)}25%{background-position:0 0,-50% -50%;transform:translateZ(9px) rotateX(-3.5deg) rotateY(1.2deg)}50%{background-position:0 0,125% 125%;transform:translateZ(10px) rotateX(-4deg) rotateY(1.5deg)}75%{background-position:0 0,50% 50%;transform:translateZ(9px) rotateX(-3.5deg) rotateY(1.2deg)}}
@keyframes ctaGlowPulse{0%,100%{opacity:0;transform:scale(.9)}12%{opacity:.55}35%{opacity:.28;transform:scale(1.05)}60%{opacity:.08;transform:scale(1.15)}}
@keyframes pillShimmer{0%,100%{background-position:0 0,-150% -150%}50%{background-position:0 0,150% 150%}}
@media (prefers-reduced-motion:reduce){.btn-gold-pill::after{animation:none}}