html, body { scrollbar-width: none; -ms-overflow-style: none; } html::-webkit-scrollbar, body::-webkit-scrollbar { width: 0; height: 0; display: none; } .glass-card { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.15); } .premium-shadow { box-shadow: 0 20px 40px -10px rgba(1, 41, 92, 0.08); } .solar-grid { background-color: #01295C; background-image: linear-gradient(rgba(180, 202, 14, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(180, 202, 14, 0.05) 1px, transparent 1px); background-size: 40px 40px; position: relative; overflow: hidden; } .solar-grid::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 0%, rgba(180, 202, 14, 0.05) 0%, transparent 70%); pointer-events: none; } .glow-pulse { animation: slow-glow 8s ease-in-out infinite alternate; } @keyframes slow-glow { 0% { opacity: 0.15; transform: scale(1); } 100% { opacity: 0.35; transform: scale(1.1); } } .floating { animation: float 5s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .reveal.active { opacity: 1; transform: translateY(0); } .btn-glow { position: relative; isolation: isolate; overflow: hidden; transform: translate3d(0, 0, 0); box-shadow: 0 0 0 0 rgba(180, 202, 14, 0.22), 0 18px 32px rgba(1, 41, 92, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.18); transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 320ms ease, filter 320ms ease, background-color 320ms ease; animation: btnGlowPulse 3.2s ease-in-out infinite; } .btn-glow::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.12) 18%, rgba(180, 202, 14, 0.26) 50%, rgba(255, 255, 255, 0.14) 64%, transparent 84%); transform: translateX(-125%); opacity: 0; pointer-events: none; mix-blend-mode: screen; } .btn-glow::after { content: ''; position: absolute; inset: -10px; border-radius: inherit; background: radial-gradient(circle at center, rgba(180, 202, 14, 0.34) 0%, rgba(180, 202, 14, 0.16) 28%, transparent 68%); opacity: 0.18; filter: blur(18px); z-index: -1; pointer-events: none; } .btn-glow:hover { transform: translate3d(0, -3px, 0) scale(1.02); box-shadow: 0 0 0 1px rgba(180, 202, 14, 0.16), 0 24px 48px rgba(1, 41, 92, 0.16), 0 0 28px rgba(180, 202, 14, 0.42), 0 0 52px rgba(180, 202, 14, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.22); filter: brightness(1.02) saturate(1.03); } .btn-glow:hover::before { animation: btnGlowSweep 950ms ease; opacity: 1; } .btn-glow:hover::after { opacity: 0.32; } .btn-glow:active { transform: translate3d(0, 1px, 0) scale(0.995); } .btn-glow:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(180, 202, 14, 0.32), 0 24px 48px rgba(1, 41, 92, 0.16), 0 0 30px rgba(180, 202, 14, 0.44); } @keyframes btnGlowPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(180, 202, 14, 0.22), 0 18px 32px rgba(1, 41, 92, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.18); } 50% { box-shadow: 0 0 0 10px rgba(180, 202, 14, 0.05), 0 18px 34px rgba(1, 41, 92, 0.15), 0 0 26px rgba(180, 202, 14, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18); } } @keyframes btnGlowSweep { 0% { transform: translateX(-125%); opacity: 0; } 20% { opacity: 1; } 100% { transform: translateX(125%); opacity: 0; } } .timeline-step { position: relative; } .timeline-number { opacity: 0; transform: translateY(8px) scale(0.4); will-change: transform, opacity, filter, box-shadow; } .timeline-bubble { opacity: 0; transform: translateY(20px) scale(0.92); filter: blur(8px); will-change: transform, opacity, filter, box-shadow; box-shadow: 0 12px 30px rgba(1, 41, 92, 0.08); } .timeline-step.is-visible .timeline-number { animation: timeline-number-pop 520ms cubic-bezier(0.34, 1.56, 0.64, 1) both; } .timeline-step.is-visible .timeline-bubble { animation: timeline-bubble-pop 840ms cubic-bezier(0.16, 1, 0.3, 1) both; animation-delay: calc(var(--timeline-delay, 0ms) + 120ms); box-shadow: 0 18px 44px rgba(1, 41, 92, 0.12), 0 0 0 1px rgba(180, 202, 14, 0.08), 0 0 36px rgba(180, 202, 14, 0.12); } @keyframes timeline-number-pop { 0% { opacity: 0; transform: translateY(8px) scale(0.4); } 60% { opacity: 1; transform: translateY(0) scale(1.15); } 100% { opacity: 1; transform: translateY(0) scale(1); } } @keyframes timeline-bubble-pop { 0% { opacity: 0; transform: translateY(20px) scale(0.92); filter: blur(8px); } 58% { opacity: 1; transform: translateY(-4px) scale(1.06); filter: blur(0); } 82% { transform: translateY(1px) scale(0.995); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } @media (prefers-reduced-motion: reduce) { .timeline-step, .timeline-number, .timeline-bubble { animation: none !important; transition: none !important; transform: none !important; filter: none !important; opacity: 1 !important; } .btn-glow, .btn-glow::before, .btn-glow::after { animation: none !important; transition: none !important; } } .process-line-vertical { position: relative; } .process-line-vertical::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 48px; bottom: -20px; width: 2px; background: #B4CA0E; } .process-step:last-child .process-line-vertical::after { display: none; } .shield-watermark { position: absolute; right: -10%; bottom: -10%; opacity: 0.04; font-size: 320px; pointer-events: none; } .stat-number { background: linear-gradient(135deg, #B4CA0E 0%, #FBBC05 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.solar-letter-reveal { position: relative; isolation: isolate; display: inline-block; } .solar-letter-reveal .solar-letter-char { display: inline-block; opacity: 0; transform: translateY(0.25em) scale(0.995); filter: blur(1.5px); will-change: transform, opacity, filter, text-shadow; backface-visibility: hidden; } .solar-letter-reveal .solar-letter-char.is-space { width: 0.28em; } .solar-letter-reveal.is-visible .solar-letter-char { animation: solar-letter-rise 420ms cubic-bezier(0.2, 0.9, 0.2, 1) both; animation-delay: calc(var(--solar-delay, 0ms) + (var(--solar-char-delay, 10ms) * var(--solar-char-index, 0))); } .solar-letter-reveal::after { content: ""; position: absolute; left: -0.2em; right: -0.2em; top: 58%; height: 0.14em; pointer-events: none; opacity: 0; transform: translateX(-130%); background: linear-gradient(90deg, transparent 0%, rgba(120, 196, 255, 0.12) 38%, rgba(180, 202, 14, 0.28) 52%, rgba(219, 235, 255, 0.32) 64%, transparent 100%); mix-blend-mode: screen; filter: blur(2px); z-index: -1; } .solar-letter-reveal.is-visible::after { animation: solar-letter-beam 560ms cubic-bezier(0.2, 0.9, 0.2, 1) both; animation-delay: calc(var(--solar-delay, 0ms) + var(--solar-total-delay, 0ms) + 90ms); } @keyframes solar-letter-rise { 0% { opacity: 0; transform: translateY(0.25em) scale(0.995); filter: blur(1.5px); text-shadow: 0 0 0 rgba(0, 0, 0, 0); } 70% { opacity: 1; transform: translateY(-0.04em) scale(1.008); filter: blur(0); text-shadow: 0 0 4px rgba(180, 202, 14, 0.15), 0 0 7px rgba(120, 196, 255, 0.1); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); text-shadow: 0 0 0 rgba(0, 0, 0, 0); } } @keyframes solar-letter-beam { 0% { opacity: 0; transform: translateX(-130%); } 25% { opacity: 0.5; } 55% { opacity: 0.7; transform: translateX(0%); } 100% { opacity: 0; transform: translateX(130%); } } @media (prefers-reduced-motion: reduce) { .solar-letter-reveal .solar-letter-char, .solar-letter-reveal::after { animation: none !important; transition: none !important; filter: none !important; opacity: 1 !important; transform: none !important; text-shadow: none !important; } }

.reveal-card { position: relative; isolation: isolate; opacity: 0; transform: translateY(22px) scale(0.84); filter: blur(8px); will-change: transform, opacity, filter, box-shadow; transform-origin: center center; } .reveal-card::before { content: ''; position: absolute; inset: -12px; border-radius: inherit; background: radial-gradient(circle at center, rgba(180, 202, 14, 0.16) 0%, rgba(120, 196, 255, 0.08) 38%, transparent 72%); opacity: 0; filter: blur(18px); pointer-events: none; z-index: -1; } .reveal-card::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at center, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0.06) 22%, transparent 55%); opacity: 0; pointer-events: none; z-index: -1; } .reveal-card.is-visible { animation: bubblePopCard 860ms cubic-bezier(0.2, 0.9, 0.2, 1) both; animation-delay: var(--reveal-delay, 0ms); } .reveal-card.is-visible::before { animation: bubbleGlow 860ms cubic-bezier(0.2, 0.9, 0.2, 1) both; animation-delay: var(--reveal-delay, 0ms); } .reveal-card.is-visible::after { animation: bubbleWave 860ms cubic-bezier(0.2, 0.9, 0.2, 1) both; animation-delay: calc(var(--reveal-delay, 0ms) + 70ms); } .reveal-card-badge { opacity: 0; transform: translateY(8px) scale(0.7); filter: blur(2px); will-change: transform, opacity, filter; } .reveal-card.is-visible .reveal-card-badge { animation: bubbleBadgePop 520ms cubic-bezier(0.2, 1.35, 0.2, 1) both; animation-delay: calc(var(--reveal-delay, 0ms) + 110ms); } @keyframes bubblePopCard { 0% { opacity: 0; transform: translateY(22px) scale(0.84); filter: blur(8px); box-shadow: 0 10px 22px rgba(1, 41, 92, 0.06); } 55% { opacity: 1; transform: translateY(-4px) scale(1.06); filter: blur(0); box-shadow: 0 26px 52px rgba(1, 41, 92, 0.16), 0 0 0 1px rgba(180, 202, 14, 0.08); } 76% { transform: translateY(2px) scale(0.995); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); box-shadow: 0 18px 34px rgba(1, 41, 92, 0.1); } } @keyframes bubbleGlow { 0% { opacity: 0; transform: scale(0.86); } 40% { opacity: 0.65; } 100% { opacity: 0; transform: scale(1.12); } } @keyframes bubbleWave { 0% { opacity: 0; transform: scale(0.9); } 35% { opacity: 0.28; } 100% { opacity: 0; transform: scale(1.22); } } @keyframes bubbleBadgePop { 0% { opacity: 0; transform: translateY(8px) scale(0.7); filter: blur(2px); } 60% { opacity: 1; transform: translateY(-2px) scale(1.12); filter: blur(0); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } @media (prefers-reduced-motion: reduce) { .reveal-card, .reveal-card::before, .reveal-card::after, .reveal-card-badge { animation: none !important; transition: none !important; transform: none !important; filter: none !important; opacity: 1 !important; } }

.hero-entrance{--hero-title-duration:760ms;--hero-copy-delay:460ms;--hero-copy-duration:780ms;--hero-cta-delay:680ms;--hero-cta-duration:780ms}.hero-entrance .hero-title{display:block}.hero-entrance .hero-title-line,.hero-entrance .hero-description,.hero-entrance .hero-cta{opacity:0;transform:translate3d(0,16px,0);will-change:transform,opacity}.hero-entrance .hero-title-line{display:block}.hero-entrance .hero-title-line--accent{transform:translate3d(0,18px,0) scale(.985)}.hero-entrance.motion-hero-copy.is-visible,.hero-title.motion-hero-title.is-visible,.hero-description.motion-hero-lead.is-visible,.hero-cta.motion-hero-button.is-visible,.hero-entrance.motion-hero-actions.is-visible{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}.hero-entrance.is-visible .hero-title-line{animation:hero-title-line-enter var(--hero-title-duration) cubic-bezier(.16,1,.3,1) both;animation-delay:var(--hero-line-delay,0ms)}.hero-entrance.is-visible .hero-title-line--accent{animation-name:hero-title-line-accent-enter}.hero-entrance.is-visible .hero-description{animation:hero-copy-enter var(--hero-copy-duration) cubic-bezier(.16,1,.3,1) both;animation-delay:var(--hero-copy-delay)}.hero-entrance.is-visible .hero-cta{animation:hero-cta-enter var(--hero-cta-duration) cubic-bezier(.16,1,.3,1) both;animation-delay:var(--hero-cta-delay);transform-origin:center}@keyframes hero-title-line-enter{0%{opacity:0;transform:translate3d(0,18px,0)}65%{opacity:1;transform:translate3d(0,-1px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes hero-title-line-accent-enter{0%{opacity:0;transform:translate3d(0,20px,0) scale(.98)}62%{opacity:1;transform:translate3d(0,-2px,0) scale(1.015)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hero-copy-enter{0%{opacity:0;transform:translate3d(0,14px,0)}70%{opacity:1;transform:translate3d(0,-1px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes hero-cta-enter{0%{opacity:0;transform:translate3d(0,14px,0) scale(.98)}68%{opacity:1;transform:translate3d(0,-1px,0) scale(1.01)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}@media (max-width:767px){.hero-entrance{--hero-title-duration:620ms;--hero-copy-delay:360ms;--hero-copy-duration:640ms;--hero-cta-delay:540ms;--hero-cta-duration:660ms}.hero-entrance .hero-title-line{transform:translate3d(0,12px,0)}.hero-entrance .hero-title-line--accent{transform:translate3d(0,14px,0) scale(.99)}.hero-entrance .hero-description{transform:translate3d(0,10px,0)}.hero-entrance .hero-cta{transform:translate3d(0,10px,0) scale(.985)}}@media (prefers-reduced-motion: reduce){.hero-entrance .hero-title-line,.hero-entrance .hero-description,.hero-entrance .hero-cta{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}

.hero { position: relative; overflow: hidden; isolation: isolate; --hero-video-width: clamp(45vw, 56vw, 60vw); --hero-video-max-width: 980px; --hero-video-opacity: 0.82; --hero-video-shift-x: 7%; --hero-video-shift-y: 0%; --hero-video-mask-edge: 24%; } .hero-content { position: relative; z-index: 20; } .hero-video-layer { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; } .hero-video-shell { position: absolute; inset: 0 0 0 auto; width: min(var(--hero-video-width), var(--hero-video-max-width)); height: 100%; overflow: hidden; } .hero-video-poster, .hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; } .hero-video-poster { opacity: 1; transform: translate3d(var(--hero-video-shift-x), var(--hero-video-shift-y), 0) scale(1.015); } .hero-video { opacity: var(--hero-video-opacity); transform: translate3d(var(--hero-video-shift-x), var(--hero-video-shift-y), 0) scale(1.015); will-change: transform, opacity; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.4) 14%, rgba(0, 0, 0, 0.78) 28%, rgba(0, 0, 0, 0.98) 58%, rgba(0, 0, 0, 0.72) 82%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.4) 14%, rgba(0, 0, 0, 0.78) 28%, rgba(0, 0, 0, 0.98) 58%, rgba(0, 0, 0, 0.72) 82%, transparent 100%); } .hero-video-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 20% 50%, rgba(180, 202, 14, 0.08) 0%, rgba(1, 29, 67, 0.08) 22%, transparent 46%), linear-gradient(90deg, rgba(1, 29, 67, 0.94) 0%, rgba(1, 41, 92, 0.62) 14%, rgba(1, 41, 92, 0.18) 34%, rgba(1, 41, 92, 0.04) 54%, rgba(1, 41, 92, 0.22) 74%, rgba(1, 29, 67, 0.84) 100%), linear-gradient(180deg, rgba(1, 29, 67, 0.74) 0%, rgba(1, 29, 67, 0.18) 18%, rgba(1, 29, 67, 0.04) 46%, rgba(1, 29, 67, 0.22) 82%, rgba(1, 29, 67, 0.86) 100%); } @media (max-width: 767px) { .hero { --hero-video-width: 100%; --hero-video-opacity: 0.34; --hero-video-shift-x: 0%; } .hero-video-shell { inset: 0; width: 100%; } .hero-video { display: none; } .hero-video-poster { transform: none; } .hero-video-overlay { background: linear-gradient(180deg, rgba(1, 29, 67, 0.94) 0%, rgba(1, 41, 92, 0.78) 36%, rgba(1, 41, 92, 0.34) 66%, rgba(1, 29, 67, 0.9) 100%), linear-gradient(90deg, rgba(1, 41, 92, 0.92) 0%, rgba(1, 41, 92, 0.42) 42%, rgba(1, 41, 92, 0.08) 100%); } } @media (prefers-reduced-motion: reduce) { .hero-video { display: none; } .hero-video-shell { width: 100%; } }

.hero-floating-asset { position: absolute; right: clamp(-34px, -1.4vw, 44px); top: 50%; z-index: 10; width: clamp(460px, 42vw, 760px); max-width: 100%; pointer-events: none; will-change: transform, opacity; --solar-float-offset: 16px; --solar-float-scale: 1.012; animation: solarFloat 7s ease-in-out infinite; } .hero-floating-asset::before { content: ""; position: absolute; inset: 12% 10% 7%; border-radius: 999px; background: radial-gradient(circle, rgba(180, 202, 14, 0.18) 0%, rgba(120, 196, 255, 0.14) 34%, rgba(1, 41, 92, 0) 72%); filter: blur(26px); opacity: 0.95; z-index: -1; pointer-events: none; } .hero-floating-asset::after { content: ""; position: absolute; left: 14%; right: 16%; bottom: -4%; height: 18%; border-radius: 50%; background: radial-gradient(circle, rgba(1, 41, 92, 0.28) 0%, rgba(1, 41, 92, 0.1) 42%, transparent 76%); filter: blur(18px); opacity: 0.7; z-index: -1; pointer-events: none; } .hero-floating-asset__image { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 24px 48px rgba(1, 41, 92, 0.18)); } @keyframes solarFloat { 0%, 100% { transform: translate3d(0, -50%, 0) scale(1); } 50% { transform: translate3d(0, calc(-50% - var(--solar-float-offset)), 0) scale(var(--solar-float-scale)); } } @keyframes solarFloatMobile { 0%, 100% { transform: translate3d(0, 0, 0) scale(1); } 50% { transform: translate3d(0, -8px, 0) scale(var(--solar-float-scale)); } } @media (max-width: 1100px) and (min-width: 768px) { .hero-floating-asset { right: clamp(-28px, -1vw, 18px); width: clamp(360px, 44vw, 560px); --solar-float-offset: 12px; --solar-float-scale: 1.008; animation-duration: 7.2s; } } @media (max-width: 767px) { .hero { min-height: auto; } .hero-content { gap: 22px; } .hero-floating-asset { position: relative; right: auto; top: auto; width: min(96vw, 560px); margin: 8px auto 0; --solar-float-offset: 8px; --solar-float-scale: 1.006; animation: solarFloatMobile 7.4s ease-in-out infinite; transform: none; } .hero-floating-asset::before { inset: 10% 8% 8%; filter: blur(18px); } .hero-floating-asset::after { left: 12%; right: 12%; bottom: -5%; height: 14%; } } @media (prefers-reduced-motion: reduce) { .hero-floating-asset { animation: none !important; transform: none !important; position: relative; right: auto; top: auto; margin: 12px auto 0; } .hero-floating-asset::before, .hero-floating-asset::after, .hero-floating-asset__image { animation: none !important; transition: none !important; transform: none !important; } }

.hero__triangle { position: relative; width: min(100%, 860px); min-height: 700px; margin-left: clamp(12px, 4vw, 72px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; column-gap: 32px; row-gap: 40px; align-items: end; padding-inline: clamp(2px, 1.5vw, 10px); margin-top: clamp(4px, 1.2vw, 8px); justify-items: center; padding-top: 0; } .hero__triangle-item { display: flex; align-items: center; justify-content: center; filter: drop-shadow(0 22px 42px rgba(1, 41, 92, 0.18)); width: clamp(260px, 28vw, 330px); } .hero__triangle-image { width: 100%; height: auto; object-fit: contain; will-change: transform, filter; transition: transform 220ms ease, filter 220ms ease; } .hero__triangle-item--top { grid-column: 1 / -1; margin-bottom: 0; z-index: 3; animation: solarFloatTop 5s ease-in-out infinite; animation-delay: -1.2s; } .hero__triangle-item--left { grid-column: 1; justify-self: end; z-index: 2; animation: solarDrive 4.5s ease-in-out infinite; animation-delay: -2.1s; } .hero__triangle-item--right { grid-column: 2; justify-self: start; z-index: 1; transform: translateY(-16px); animation: solarGrow 4s ease-in-out infinite; animation-delay: -1.6s; } .hero__triangle-item--top .hero__triangle-image { animation: solarTopGlow 5s ease-in-out infinite; } .hero__triangle-item--left .hero__triangle-image { animation: solarCarGlow 4.5s ease-in-out infinite; } .hero__triangle-item--right .hero__triangle-image { animation: solarCoinGlow 4s ease-in-out infinite; } .hero__triangle-item:hover .hero__triangle-image { transform: scale(1.03); } @media (max-width: 1100px) { .hero__triangle { width: min(92vw, 720px); min-height: 570px; margin: 12px auto 0; column-gap: 26px; row-gap: 30px; } .hero__triangle-item { width: clamp(220px, 34vw, 300px); } .hero__triangle-item--right { transform: translateY(-12px); } } @media (max-width: 767px) { .hero__triangle { min-height: 420px; column-gap: 16px; row-gap: 22px; margin-left: auto; } .hero__triangle-item { width: clamp(150px, 36vw, 240px); } .hero__triangle-item--right { transform: translateY(-8px); } } @keyframes solarFloatTop { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(-1.5deg); } } @keyframes solarTopGlow { 0%, 100% { filter: drop-shadow(0 22px 42px rgba(1, 41, 92, 0.18)); } 50% { filter: drop-shadow(0 26px 54px rgba(180, 202, 14, 0.24)) drop-shadow(0 0 18px rgba(251, 188, 5, 0.14)); } } @keyframes solarDrive { 0%, 100% { transform: translateX(0) translateY(0) rotate(0deg); } 50% { transform: translateX(10px) translateY(-8px) rotate(-1.6deg); } } @keyframes solarCarGlow { 0%, 100% { filter: drop-shadow(0 22px 42px rgba(1, 41, 92, 0.18)); } 50% { filter: drop-shadow(0 24px 48px rgba(180, 202, 14, 0.12)); } } @keyframes solarGrow { 0%, 100% { transform: translateY(-16px) scale(1); } 50% { transform: translateY(-26px) scale(1.04); } } @keyframes solarCoinGlow { 0%, 100% { filter: drop-shadow(0 22px 42px rgba(1, 41, 92, 0.18)); } 50% { filter: drop-shadow(0 26px 54px rgba(180, 202, 14, 0.2)) drop-shadow(0 0 20px rgba(180, 202, 14, 0.16)); } } @media (prefers-reduced-motion: reduce) { .hero__triangle-item, .hero__triangle-image { animation: none !important; transition: none !important; transform: none !important; filter: none !important; } }

.hero::before { content: ""; position: absolute; inset: -8% -6% auto auto; width: min(62vw, 760px); height: min(62vw, 760px); background: radial-gradient(circle at 72% 22%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 244, 184, 0.18) 18%, rgba(180, 202, 14, 0.12) 32%, rgba(120, 196, 255, 0.08) 44%, rgba(1, 41, 92, 0) 72%); filter: blur(22px); opacity: 0.9; mix-blend-mode: screen; pointer-events: none; z-index: 0; } .hero::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 86% 10%, rgba(255, 255, 255, 0.28) 0 5%, rgba(255, 255, 255, 0.14) 8%, transparent 18%), radial-gradient(circle at 78% 14%, rgba(255, 244, 184, 0.24) 0 3%, transparent 9%), radial-gradient(circle at 66% 18%, rgba(180, 202, 14, 0.12) 0 4%, transparent 12%), linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 28%, rgba(120, 196, 255, 0.04) 54%, rgba(1, 41, 92, 0) 78%); opacity: 0.72; filter: blur(10px); mix-blend-mode: screen; pointer-events: none; z-index: 0; } .hero .glow-pulse { z-index: 1; } @media (max-width: 1100px) { .hero::before { width: min(54vw, 560px); height: min(54vw, 560px); opacity: 0.8; } .hero::after { opacity: 0.62; } } @media (max-width: 767px) { .hero::before { inset: -2% -8% auto auto; width: min(82vw, 520px); height: min(82vw, 520px); opacity: 0.42; filter: blur(18px); } .hero::after { opacity: 0.38; filter: blur(8px); } } @media (prefers-reduced-motion: reduce) { .hero::before, .hero::after { filter: none; opacity: 0.35; } }

#hero .hero-entrance .hero-cta{opacity:1!important;transform:none!important;animation:none!important;transition:transform 240ms cubic-bezier(.16,1,.3,1),box-shadow 240ms ease,filter 240ms ease,background-color 240ms ease!important;}

#hero {
  background-color: #001737 !important;
  background-image: 
    radial-gradient(circle at 50% 50%, transparent 30%, #001737 95%),
    linear-gradient(rgba(120, 196, 255, 0.05) 1px, transparent 1px), 
    linear-gradient(90deg, rgba(120, 196, 255, 0.05) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(0, 145, 255, 0.22) 0%, rgba(8, 40, 79, 0.5) 45%, transparent 75%) !important;
  background-size: 100% 100%, 64px 64px, 64px 64px, 100% 100% !important;
  background-position: center center !important;
}



#hero .hero-title-line--unified {
  font-size: 0.64em !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  letter-spacing: -0.01em !important;
  margin-top: 14px !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
}
#hero .hero-title-line--unified .hero-highlight {
  color: #b4ca0e !important;
  font-weight: 900 !important;
}

@media (max-width: 767px) {
  /* Header Mobile Compact & Premium */
  #site-header {
    top: 8px !important;
    margin-bottom: 12px !important;
  }
  #site-header-shell {
    min-height: 58px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .solar-magnetic-nav.is-scrolled #site-header-shell {
    min-height: 50px !important;
  }
  .solar-nav-logo img {
    width: 110px !important;
  }
  .solar-magnetic-nav.is-scrolled .solar-nav-logo img {
    width: 100px !important;
  }
  .solar-nav-burger {
    height: 36px !important;
    width: 36px !important;
    background-color: rgba(0, 0, 0, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
  }
  .solar-nav-burger .material-symbols-outlined {
    font-size: 22px !important;
  }
  .solar-magnetic-nav a.bg-secondary {
    height: 36px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: 9px !important;
  }



  /* Hero Content Layout */
  #hero .hero-content {
    gap: 16px !important;
    padding-top: 44px !important;
  }

  /* Spacing overrides for children inside the hero column */
  #hero .hero-entrance > * + * {
    margin-top: 12px !important;
  }

  /* Title centering and typography */
  #hero .hero-title {
    font-size: clamp(1.45rem, 6.5vw, 2.3rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    margin-bottom: 8px !important;
  }

  /* Span layout within title for respiro and inline-block vertical spacing */
  #hero .hero-title-line {
    display: block !important;
  }
  #hero .hero-title-line--unified {
    font-size: 0.56em !important;
    margin-top: 2px !important;
  }

  /* Description centering & alignment */
  #hero .hero-description {
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    max-width: 92% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Illustration centering & scaling */
  #hero .hero__visual--mobile {
    position: relative;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  #hero .hero__visual--mobile::before {
    content: "" !important;
    position: absolute !important;
    width: 200px !important;
    height: 200px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(180, 202, 14, 0.16) 0%, rgba(180, 202, 14, 0.04) 52%, transparent 72%) !important;
    filter: blur(18px) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }
  #hero .hero__triangle {
    min-height: 230px !important;
    column-gap: 12px !important;
    row-gap: 16px !important;
    margin: 0 auto !important;
    width: min(100%, 340px) !important;
    z-index: 1 !important;
  }
  #hero .hero__triangle-item {
    width: 110px !important;
    height: 110px !important;
  }
}

/* Height-based media query for short viewports and specific smart phone dimensions (like 430x932) */
@media (max-width: 767px) and (max-height: 950px) {
  #hero .hero-entrance > * + * {
    margin-top: 8px !important;
  }
  #hero .hero__triangle {
    min-height: 200px !important;
    row-gap: 10px !important;
  }
  #hero .hero__triangle-item {
    width: 100px !important;
    height: 100px !important;
  }
  #hero .hero-title {
    font-size: clamp(1.25rem, 5.5vw, 1.85rem) !important;
    margin-bottom: 8px !important;
  }
  #hero .hero-description {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  #hero .hero-cta {
    padding: 0.95rem 2rem !important;
    font-size: 13px !important;
  }
}

#solutions .solution-card{opacity:0;transform:translate3d(0,18px,0) scale(.985);filter:blur(8px);will-change:transform,opacity,filter,box-shadow;border-color:rgba(1,41,92,.08);box-shadow:0 14px 30px rgba(1,41,92,.06);transition:transform 360ms cubic-bezier(.16,1,.3,1),box-shadow 360ms ease,border-color 360ms ease,filter 360ms ease;}#solutions .solution-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(180,202,14,.10),rgba(120,196,255,.08));opacity:0;pointer-events:none;transition:opacity 360ms ease;}#solutions .solution-card>*{position:relative;z-index:1;}#solutions .solution-card.is-visible{animation:solutionCardReveal 760ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--solution-delay,0ms);}#solutions .solution-card-icon{opacity:1;transform:translate3d(0,0,0);will-change:transform,filter;transition:transform 420ms cubic-bezier(.16,1,.3,1),filter 420ms ease;}#solutions .solution-card.is-visible .solution-card-icon{animation:solutionIconDrift 5.8s ease-in-out infinite;animation-delay:calc(var(--solution-delay,0ms) + 760ms);}#solutions .solution-card:hover{transform:translate3d(0,-6px,0) scale(1.01);border-color:rgba(180,202,14,.24);box-shadow:0 22px 44px rgba(1,41,92,.12),0 0 0 1px rgba(180,202,14,.08);filter:none;}#solutions .solution-card:hover::after{opacity:1;}#solutions .solution-card:hover .solution-card-icon{transform:translate3d(0,-4px,0) scale(1.04);filter:drop-shadow(0 14px 18px rgba(1,41,92,.10));}#solutions .solution-card .material-symbols-outlined{transition:transform 300ms cubic-bezier(.16,1,.3,1);}#solutions .solution-card:hover .material-symbols-outlined{transform:translateX(4px);}@keyframes solutionCardReveal{0%{opacity:0;transform:translate3d(0,18px,0) scale(.985);filter:blur(8px);}70%{opacity:1;transform:translate3d(0,-2px,0) scale(1.006);filter:blur(0);}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}}@keyframes solutionIconDrift{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(0,-5px,0);}}@media (max-width:640px){#solutions .solution-card:hover{transform:translate3d(0,-3px,0) scale(1.004);}#solutions .solution-card.is-visible .solution-card-icon{animation-duration:6.8s;}}@media (prefers-reduced-motion: reduce){#solutions .solution-card,#solutions .solution-card::after,#solutions .solution-card-icon,#solutions .solution-card .material-symbols-outlined{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;filter:none!important;}#solutions .solution-card{box-shadow:0 14px 30px rgba(1,41,92,.06)!important;}}

.benefits-grid{perspective:1200px;}.benefit-card{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 26px rgba(0,0,0,.08);backdrop-filter:blur(14px);overflow:hidden;opacity:0;transform:translate3d(var(--benefit-shift-x,0px),var(--benefit-shift-y,16px),0) scale(.96);filter:blur(7px);will-change:transform,opacity,filter,box-shadow,border-color;transition:transform 240ms cubic-bezier(.2,.8,.2,1),box-shadow 240ms ease,border-color 240ms ease,background-color 240ms ease,filter 240ms ease;}.benefit-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(180,202,14,.12),rgba(120,196,255,.08));opacity:0;pointer-events:none;transition:opacity 240ms ease;}.benefit-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 14% 50%,rgba(180,202,14,.22),transparent 42%);opacity:0;pointer-events:none;filter:blur(18px);transform:scale(.96);}.benefit-card p{margin:0;color:rgba(255,255,255,.92);}.benefit-icon{display:grid;place-items:center;color:#B4CA0E;text-shadow:0 0 12px rgba(180,202,14,.22);transform:scale(.85);transform-origin:center;filter:drop-shadow(0 0 10px rgba(180,202,14,.12));transition:transform 240ms ease,filter 240ms ease,text-shadow 240ms ease;}.benefit-card.is-visible{animation:benefitReveal 920ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--benefit-delay,0ms);}.benefit-card.is-visible::before{animation:benefitGlow 920ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--benefit-delay,0ms);}.benefit-card.is-visible::after{animation:benefitHalo 920ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--benefit-delay,0ms) + 70ms);}.benefit-card.is-visible .benefit-icon{animation:benefitIconPop 640ms cubic-bezier(.2,1.35,.2,1) both;animation-delay:calc(var(--benefit-delay,0ms) + 120ms);}.benefit-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 36px rgba(1,41,92,.18),0 0 0 1px rgba(180,202,14,.14);border-color:rgba(180,202,14,.28);}.benefit-card:hover::before{opacity:1;}.benefit-card:hover .benefit-icon{transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(180,202,14,.22));text-shadow:0 0 16px rgba(180,202,14,.28);}@keyframes benefitReveal{0%{opacity:0;transform:translate3d(var(--benefit-shift-x,0px),calc(var(--benefit-shift-y,16px) + 8px),0) scale(.96);filter:blur(8px);}58%{opacity:1;transform:translate3d(0,-2px,0) scale(1.02);filter:blur(0);box-shadow:0 18px 34px rgba(1,41,92,.16),0 0 0 1px rgba(180,202,14,.08);}82%{transform:translate3d(0,1px,0) scale(.995);}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);box-shadow:0 12px 26px rgba(0,0,0,.08);}}@keyframes benefitGlow{0%{opacity:0;transform:scale(.88);}42%{opacity:.7;}100%{opacity:0;transform:scale(1.08);}}@keyframes benefitHalo{0%{opacity:0;transform:scale(.92);}40%{opacity:.26;}100%{opacity:0;transform:scale(1.2);}}@keyframes benefitIconPop{0%{opacity:0;transform:scale(.82);filter:drop-shadow(0 0 0 rgba(180,202,14,0));}64%{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(180,202,14,.24));}100%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 10px rgba(180,202,14,.12));}}@media (max-width: 560px){.benefit-card{padding:15px 16px;gap:10px;filter:blur(4px);--benefit-shift-x:0px;--benefit-shift-y:10px;}.benefit-card:hover{transform:translateY(-2px) scale(1.005);}}@media (prefers-reduced-motion: reduce){.benefit-card,.benefit-card::before,.benefit-card::after,.benefit-icon{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important;box-shadow:none!important;}}

#why-choose .section-reveal,#why-choose .why-flow-item{opacity:0;transform:translate3d(0,22px,0);filter:blur(10px);will-change:transform,opacity,filter;}#why-choose .section-reveal.is-visible{animation:consultingFlowReveal 920ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--why-delay,0ms);}#why-choose .why-flow-item.is-visible{animation:consultingItemReveal 780ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--why-delay,0ms);}#why-choose .why-flow-highlight{position:relative;overflow:hidden;display:inline-block;letter-spacing:.01em;}#why-choose .why-flow-highlight::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(180,202,14,.22) 50%,transparent 100%);transform:translateX(-120%);animation:consultingShine 1.25s ease both;animation-delay:calc(var(--why-delay,0ms) + 160ms);pointer-events:none;}#why-choose .why-flow-label{letter-spacing:.22em;transition:letter-spacing 420ms ease,opacity 420ms ease;}#why-choose .why-flow-label.is-visible{animation:consultingLabelReveal 720ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--why-delay,0ms);}#why-choose .benefit-card{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,248,255,.88));border:1px solid rgba(1,41,92,.08);box-shadow:0 12px 26px rgba(1,41,92,.08);backdrop-filter:blur(14px);overflow:hidden;opacity:0;transform:translate3d(var(--benefit-shift-x,0px),var(--benefit-shift-y,20px),0) scale(.96);filter:blur(8px);will-change:transform,opacity,filter,box-shadow,border-color;transition:transform 240ms cubic-bezier(.2,.8,.2,1),box-shadow 240ms ease,border-color 240ms ease,background-color 240ms ease,filter 240ms ease;}#why-choose .benefit-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(180,202,14,.12),rgba(120,196,255,.08));opacity:0;pointer-events:none;transition:opacity 240ms ease;}#why-choose .benefit-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 14% 50%,rgba(180,202,14,.22),transparent 42%);opacity:0;pointer-events:none;filter:blur(18px);transform:scale(.96);}#why-choose .check-icon{display:grid;place-items:center;color:#B4CA0E;text-shadow:0 0 12px rgba(180,202,14,.22);transform:scale(.85);transform-origin:center;filter:drop-shadow(0 0 10px rgba(180,202,14,.12));transition:transform 240ms ease,filter 240ms ease,text-shadow 240ms ease;}#why-choose .benefit-card.is-visible{animation:consultingCardReveal 920ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--benefit-delay,0ms);}#why-choose .benefit-card.is-visible::before{animation:consultingGlow 920ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--benefit-delay,0ms);}#why-choose .benefit-card.is-visible::after{animation:consultingHalo 920ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--benefit-delay,0ms) + 70ms);}#why-choose .benefit-card.is-visible .check-icon{animation:consultingCheckPop 640ms cubic-bezier(.2,1.35,.2,1) both;animation-delay:calc(var(--benefit-delay,0ms) + 120ms);}#why-choose .benefit-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 36px rgba(1,41,92,.14),0 0 0 1px rgba(180,202,14,.14);border-color:rgba(180,202,14,.28);}#why-choose .benefit-card:hover::before{opacity:1;}#why-choose .benefit-card:hover .check-icon{transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(180,202,14,.22));text-shadow:0 0 16px rgba(180,202,14,.28);}@keyframes consultingFlowReveal{0%{opacity:0;transform:translate3d(0,22px,0) scale(.985);filter:blur(12px);}60%{opacity:1;transform:translate3d(0,-2px,0) scale(1.01);filter:blur(0);}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}}@keyframes consultingItemReveal{0%{opacity:0;transform:translate3d(0,18px,0);filter:blur(10px);}62%{opacity:1;transform:translate3d(0,-1px,0) scale(1.005);filter:blur(0);}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}}@keyframes consultingLabelReveal{0%{opacity:0;transform:translate3d(0,10px,0);letter-spacing:.28em;}100%{opacity:1;transform:translate3d(0,0,0);letter-spacing:.22em;}}@keyframes consultingShine{0%{transform:translateX(-120%);opacity:0;}35%{opacity:1;}100%{transform:translateX(120%);opacity:0;}}@keyframes consultingCardReveal{0%{opacity:0;transform:translate3d(var(--benefit-shift-x,0px),calc(var(--benefit-shift-y,20px) + 8px),0) scale(.96);filter:blur(8px);}58%{opacity:1;transform:translate3d(0,-2px,0) scale(1.02);filter:blur(0);box-shadow:0 18px 34px rgba(1,41,92,.14),0 0 0 1px rgba(180,202,14,.08);}82%{transform:translate3d(0,1px,0) scale(.995);}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);box-shadow:0 12px 26px rgba(1,41,92,.08);}}@keyframes consultingGlow{0%{opacity:0;transform:scale(.88);}42%{opacity:.7;}100%{opacity:0;transform:scale(1.08);}}@keyframes consultingHalo{0%{opacity:0;transform:scale(.92);}40%{opacity:.26;}100%{opacity:0;transform:scale(1.2);}}@keyframes consultingCheckPop{0%{opacity:0;transform:scale(.82);filter:drop-shadow(0 0 0 rgba(180,202,14,0));}64%{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(180,202,14,.24));}100%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 10px rgba(180,202,14,.12));}}@media (max-width:560px){#why-choose .section-reveal,#why-choose .why-flow-item{transform:translate3d(0,16px,0);filter:blur(6px);}#why-choose .benefit-card{padding:15px 16px;gap:10px;filter:blur(4px);--benefit-shift-x:0px;--benefit-shift-y:10px;}#why-choose .benefit-card:hover{transform:translateY(-2px) scale(1.005);}}@media (prefers-reduced-motion: reduce){#why-choose .section-reveal,#why-choose .why-flow-item,#why-choose .benefit-card,#why-choose .benefit-card::before,#why-choose .benefit-card::after,#why-choose .check-icon{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important;box-shadow:none!important;}}@media (min-width:640px){#why-choose .benefit-card:last-child{justify-content:flex-start;gap:14px}#why-choose .benefit-card:last-child > span.font-bold{flex:1 1 auto;min-width:0;text-align:center}}

#solar .benefits-grid>.benefit-card{transform-origin:top center;}#solar .benefits-grid>.benefit-card.is-visible{animation:solarNoticeDrop 760ms cubic-bezier(.22,1,.36,1) both;}#solar .benefits-grid>.benefit-card:nth-child(1){animation-delay:0ms;}#solar .benefits-grid>.benefit-card:nth-child(2){animation-delay:70ms;}#solar .benefits-grid>.benefit-card:nth-child(3){animation-delay:140ms;}#solar .benefits-grid>.benefit-card:nth-child(4){animation-delay:210ms;}#solar .benefits-grid>.benefit-card:nth-child(5){animation-delay:280ms;}#solar .benefits-grid>.benefit-card:nth-child(6){animation-delay:350ms;}@keyframes solarNoticeDrop{0%{opacity:0;transform:translate3d(0,-14px,0) scale(.985);filter:blur(6px);}65%{opacity:1;transform:translate3d(0,2px,0) scale(1.01);filter:blur(0);}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}}@media (prefers-reduced-motion: reduce){#solar .benefits-grid>.benefit-card{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;}}

.advantage-carousel { position: relative; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%); } .advantage-track { display: flex !important; flex-wrap: nowrap !important; width: max-content; gap: 2rem !important; will-change: transform; animation: advantage-marquee var(--carousel-duration, 26s) linear infinite; } .advantage-carousel:hover .advantage-track { animation-play-state: paused; } .advantage-track > .advantage-card { flex: 0 0 clamp(180px, 19vw, 250px); } .advantage-track > .advantage-card:last-child { flex-basis: clamp(210px, 21vw, 280px); } @keyframes advantage-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (max-width: 640px) { .advantage-carousel { overflow: hidden; -webkit-mask-image: none; mask-image: none; padding-inline: 1rem; padding-bottom: 0.25rem; } .advantage-carousel::-webkit-scrollbar { display: none; } .advantage-track { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; gap: 1rem !important; animation: advantage-marquee var(--carousel-duration, 26s) linear infinite; } .advantage-track__group { display: flex !important; flex-wrap: nowrap !important; gap: 1rem !important; width: max-content !important; } .advantage-track__group > .advantage-card { flex: 0 0 clamp(220px, 78vw, 300px) !important; min-width: clamp(220px, 78vw, 300px) !important; } } @media (prefers-reduced-motion: reduce) { .advantage-carousel { overflow-x: auto; -webkit-mask-image: none; mask-image: none; } .advantage-track { animation: none !important; width: max-content; } .advantage-track > .advantage-card { flex: 0 0 clamp(180px, 74vw, 260px); } }

.advantage-carousel .advantage-track,.advantage-carousel .advantage-track__group{transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.advantage-carousel .advantage-card{box-shadow:0 10px 24px rgba(1,41,92,.05)!important;transition:transform 260ms cubic-bezier(.16,1,.3,1),box-shadow 260ms ease,border-color 260ms ease!important;will-change:transform,box-shadow}.advantage-carousel .advantage-card:hover{box-shadow:0 16px 30px rgba(1,41,92,.09)!important}@media (max-width:640px){.advantage-carousel .advantage-card{box-shadow:0 8px 18px rgba(1,41,92,.045)!important}}

.advantage-track__group { display: flex; flex-wrap: nowrap; gap: 2rem; width: max-content; } .advantage-track__group > .advantage-card { flex: 0 0 clamp(180px, 19vw, 250px); } @media (prefers-reduced-motion: reduce) { .advantage-track__group > .advantage-card { flex: 0 0 clamp(180px, 74vw, 260px); } }

@media (max-width:640px){.advantage-carousel{overflow:hidden!important;-webkit-mask-image:none!important;mask-image:none!important;padding-inline:1rem}.advantage-track{gap:1rem!important;width:max-content!important;will-change:transform}.advantage-track__group{gap:1rem!important;width:max-content!important}.advantage-track__group>.advantage-card{flex:0 0 clamp(220px,78vw,300px)!important;min-width:clamp(220px,78vw,300px)!important}}@media (prefers-reduced-motion:reduce){.advantage-carousel{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-mask-image:none!important;mask-image:none!important;padding-inline:1rem}.advantage-track{transition:none!important;transform:none!important}.advantage-track__group>.advantage-card{flex:0 0 clamp(220px,78vw,300px)!important;min-width:clamp(220px,78vw,300px)!important}}

#seguros .premium-card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(24px) saturate(1.2);
    transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms ease, border-color 300ms ease;
  }
  
  #seguros .premium-card:hover {
    transform: translateY(-4px);
    border-color: rgba(180, 202, 14, 0.25);
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 20px rgba(180, 202, 14, 0.05);
  }

  #seguros .premium-list-item {
    position: relative;
    overflow: hidden;
    padding: 1.125rem 1.25rem;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms ease, border-color 300ms ease, background 300ms ease;
  }

  /* Microdetail: Left neon line indicator */
  #seguros .premium-list-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0%;
    width: 3px;
    background: #b4ca0e;
    border-radius: 0 4px 4px 0;
    transition: height 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms ease;
    box-shadow: 0 0 10px rgba(180, 202, 14, 0);
  }

  #seguros .premium-list-item:hover {
    transform: translateY(-2px);
    border-color: rgba(124, 200, 255, 0.15);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }

  #seguros .premium-card:last-child .premium-list-item:hover {
    border-color: rgba(180, 202, 14, 0.15);
  }

  #seguros .premium-list-item:hover::before {
    height: 50%;
    box-shadow: 0 0 12px rgba(180, 202, 14, 0.6);
  }

  #seguros .premium-icon-wrapper {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(180, 202, 14, 0.2);
    background: radial-gradient(circle at center, rgba(180, 202, 14, 0.15), rgba(180, 202, 14, 0.02));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms ease, border-color 300ms ease;
  }

  #seguros .premium-list-item:hover .premium-icon-wrapper {
    transform: scale(1.08);
    border-color: rgba(180, 202, 14, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 6px 16px rgba(0, 0, 0, 0.3), 0 0 16px rgba(180, 202, 14, 0.2);
  }

  /* Desktop adjustments */
  @media (min-width: 1024px) {
    #seguros .premium-list-item {
      padding: 1.25rem 1.5rem;
    }
    #seguros .premium-icon-wrapper {
      width: 4rem;
      height: 4rem;
    }
  }

  /* Mobile adjustments */
  @media (max-width: 640px) {
    #seguros .premium-card {
      border-radius: 28px;
      padding: 1.5rem !important;
    }
    #seguros .premium-list-item {
      padding: 1rem 1.1rem;
      border-radius: 16px;
    }
    #seguros .premium-icon-wrapper {
      width: 3.2rem;
      height: 3.2rem;
    }
  }

  /* JS Animation Styles */
  #seguros .insurance-motion {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1), transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: var(--motion-delay, 0ms);
  }
  #seguros .insurance-motion.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  @media (prefers-reduced-motion: reduce) {
    #seguros .insurance-motion {
      transition: none !important;
      opacity: 1 !important;
      transform: none !important;
    }
  }

/* FASE 2: Hierarquia tipográfica mobile */
@media (max-width: 767px) {
  /* Título CONSÓRCIOS  -  forçar tamanho menor (inline text-[48px] tem alta especificidade) */
  #consorcios > .max-w-container-max > h2.font-headline-xl {
    font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.03em !important;
  }
  /* Subtítulo "Conquiste seus objetivos"  -  evitar quebra no meio das palavras */
  #consorcios > .max-w-container-max > p.text-center.solar-letter-reveal {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    max-width: 100% !important;
    font-size: clamp(0.95rem, 4vw, 1.15rem) !important;
    line-height: 1.35 !important;
  }
  /* Título SEGUROS  -  reduzir para não ocupar tela inteira */
  #seguros > .max-w-container-max > .max-w-4xl > h2 {
    font-size: clamp(1.6rem, 7vw, 2rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
  }
}
@media (max-width: 360px) {
  /* Hero H1 em telas muito pequenas */
  #hero .hero-title {
    font-size: 1.7rem !important;
    line-height: 1.1 !important;
  }
  /* CONSÓRCIOS ainda menor em 320-360px */
  #consorcios > .max-w-container-max > h2.font-headline-xl {
    font-size: 1.65rem !important;
  }
}

/* FASE 3: Espaçamentos mobile */
@media (max-width: 767px) {
  /* CTA Localização  -  mt-40 cria vazio enorme antes do CTA final */
  .coronas-location-section .mt-40 {
    margin-top: clamp(2.5rem, 8vw, 4rem) !important;
  }
  /* Solution cards  -  mb-12 entre descrição e SAIBA MAIS é excessivo */
  #solutions .solution-card .font-body-lg.mb-12 {
    margin-bottom: 1.25rem !important;
  }
  /* Solution cards  -  ícone mb-12 */
  #solutions .solution-card-icon.mb-12 {
    margin-bottom: 0.75rem !important;
  }
  /* Consórcios  -  mb-24 antes do timeline */
  #consorcios .mb-24 {
    margin-bottom: clamp(1.5rem, 5vw, 2.5rem) !important;
  }
  /* Consórcios  -  mb-6 no título h2 */
  #consorcios > .max-w-container-max > h2.mb-6 {
    margin-bottom: 0.75rem !important;
  }
  /* Consórcios  -  mb-4 subtítulo */
  #consorcios > .max-w-container-max > p.mb-4 {
    margin-bottom: 0.5rem !important;
  }
  /* Consórcios  -  badge pill menos espaço */
  #consorcios > .max-w-container-max > .mb-10 {
    margin-bottom: 0.6rem !important;
  }
  /* Missão card  -  p-12 excessivo */
  section.bg-background > .max-w-6xl.p-12 {
    padding: clamp(1.5rem, 5vw, 2.5rem) !important;
  }
  /* Missão  -  mb-8 no título */
  section.bg-background > .max-w-6xl > h2.mb-8 {
    margin-bottom: 1.25rem !important;
  }
}
@media (max-width: 390px) {
  /* Telas <=390px  -  ainda mais compacto */
  .coronas-location-section .mt-40 {
    margin-top: 2rem !important;
  }
  #solutions .solution-card .font-body-lg.mb-12 {
    margin-bottom: 1rem !important;
  }
}

/* FASE 4: Refinamento final */

/* Todos os títulos uppercase  -  evitar quebra com hífen e garantir balance */
h1[class*="uppercase"],
h2[class*="uppercase"],
h2.font-headline-xl,
h2.font-headline-lg,
.coronas-location-title,
.coronas-location-cta-title {
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

/* Consistência de CTAs  -  mesmo border-radius e min-height */
.hero-cta,
#solar .btn-glow,
#seguros .insurance-motion.motion-button,
.consorcio-simulation-cta,
.coronas-location-section a[href*="wa.me"] {
  border-radius: 9999px;
  min-height: 52px;
  text-align: center;
  white-space: normal;
}

/* Solution cards  -  overflow controlado */
#solutions .solution-card {
  overflow: hidden;
}

/* Subtítulos/descrições  -  line-height consistente */
p.font-body-lg,
p.font-body-md {
  text-wrap: pretty;
}

/* Carrossel vantagens  -  prevenir scroll horizontal */
.advantage-carousel {
  max-width: 100%;
}

@media (max-width: 767px) {
  /* CTAs mobile  -  largura e padding consistentes */
  .hero-cta,
  #solar .btn-glow,
  .consorcio-simulation-cta,
  .coronas-location-section a[href*="wa.me"] {
    min-height: 48px;
    font-size: clamp(0.72rem, 2.8vw, 0.85rem);
  }

  /* Cards solution  -  gap mais compacto entre eles */
  #solutions .grid.gap-6 {
    gap: 1rem !important;
  }

  /* Depoimentos  -  h2 margin inferior */
  #depoimentos .mx-auto.mb-16 {
    margin-bottom: 1.5rem !important;
  }

  /* Why-choose  -  grid de benefit-cards gap */
  #why-choose .grid.gap-5 {
    gap: 0.75rem !important;
  }
}

#why-choose {
      background: radial-gradient(circle at 50% 0%, #f4f7fc 0%, #ffffff 80%) !important;
      padding-top: clamp(4rem, 10vw, 6rem) !important;
      padding-bottom: clamp(4rem, 10vw, 6rem) !important;
    }

    #why-choose .section-reveal, 
    #why-choose .why-flow-item {
      opacity: 0;
      transform: translateY(18px);
      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
      transition-delay: var(--why-delay, 0ms);
    }

    #why-choose .section-reveal.is-visible, 
    #why-choose .why-flow-item.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    #why-choose .benefit-card {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      padding: 1rem 1.25rem !important;
      background-color: #ffffff !important;
      border-radius: 20px !important;
      border: 1px solid rgba(228, 239, 255, 0.8) !important;
      box-shadow: 0 8px 30px rgba(1, 41, 92, 0.03) !important;
      min-height: 80px !important;
      gap: 0 !important;
      opacity: 0;
      transform: translateY(var(--benefit-shift-y, 18px)) translateX(var(--benefit-shift-x, 0px));
      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease !important;
      transition-delay: var(--benefit-delay, 0ms) !important;
    }

    #why-choose .benefit-card.is-visible {
      opacity: 1 !important;
      transform: translateY(0) translateX(0) !important;
    }

    #why-choose .benefit-card:hover {
      border-color: rgba(180, 202, 14, 0.4) !important;
      box-shadow: 0 12px 35px rgba(1, 41, 92, 0.06) !important;
      transform: translateY(-2px) !important;
    }

    #why-choose .benefit-icon-wrapper {
      width: 48px !important;
      height: 48px !important;
      border-radius: 9999px !important;
      background-color: rgba(180, 202, 14, 0.08) !important;
      border: 1px solid rgba(180, 202, 14, 0.15) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-shrink: 0 !important;
    }

    #why-choose .benefit-divider {
      width: 1px !important;
      height: 32px !important;
      background-color: rgba(1, 41, 92, 0.1) !important;
      margin-left: 16px !important;
      margin-right: 16px !important;
      flex-shrink: 0 !important;
    }

    #why-choose .benefit-text {
      color: #01295C !important;
      font-weight: 700 !important;
      font-size: 14px !important;
      line-height: 1.35 !important;
    }

    @media (min-width: 768px) {
      #why-choose .benefit-text {
        font-size: 16px !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      #why-choose .section-reveal,
      #why-choose .why-flow-item,
      #why-choose .benefit-card {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
      }
    }

#depoimentos .testimonial-card {
        background: #fff;
        border: 1px solid rgba(1, 41, 92, 0.11);
        border-radius: 30px;
        box-shadow: 0 10px 30px rgba(1, 41, 92, 0.05);
        padding: 1.5rem;
        transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background-color 0.28s ease;
      }
      #depoimentos .testimonial-card:hover {
        transform: translateY(-4px);
        border-color: rgba(180, 202, 14, 0.26);
        box-shadow: 0 18px 40px rgba(1, 41, 92, 0.08);
      }
      #depoimentos .testimonial-card > div.absolute.inset-x-0.top-0.h-1 { display: none; }
      #depoimentos .testimonial-card .testimonial-head { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
      #depoimentos .testimonial-card .testimonial-head img {
        width: 54px;
        height: 54px;
        flex: none;
        border-radius: 9999px;
        object-fit: cover;
        box-shadow: 0 0 0 4px rgba(229, 237, 249, 0.95);
        border: 1px solid rgba(1, 41, 92, 0.06);
      }
      #depoimentos .testimonial-card .testimonial-head h4 { font-size: 1rem; line-height: 1.15; font-weight: 700; color: #01295C; }
      #depoimentos .testimonial-card .testimonial-stars { display: flex; align-items: center; gap: 0.1rem; margin-top: 0.35rem; color: #B4CA0E; }
      #depoimentos .testimonial-card .testimonial-stars .material-symbols-outlined { font-size: 17px; font-variation-settings: 'FILL' 1; }
      #depoimentos .testimonial-card .testimonial-quote { margin: 0; color: rgba(1, 41, 92, 0.9); font-size: 15px; line-height: 1.7; font-style: italic; }
      #depoimentos .testimonial-card--compact .testimonial-head h4 { font-size: 0.92rem; line-height: 1.12; white-space: nowrap; }
      #depoimentos .testimonial-card--compact .testimonial-quote { font-size: 0.88rem; line-height: 1.6; max-width: 24ch; }
      #depoimentos .testimonial-card--balanced .testimonial-head h4 { font-size: 0.98rem; line-height: 1.12; white-space: nowrap; }
      #depoimentos .testimonial-card--balanced .testimonial-quote { font-size: 0.94rem; line-height: 1.66; max-width: 30ch; }
      #depoimentos .testimonial-card--expanded .testimonial-head h4 { font-size: 1rem; line-height: 1.15; }
      #depoimentos .testimonial-card--expanded .testimonial-quote { font-size: 15px; line-height: 1.7; max-width: none; }
      @media (max-width: 767px) {
        #depoimentos .testimonial-card { padding: 1.25rem; border-radius: 26px; }
        #depoimentos .testimonial-card .testimonial-head { gap: 0.85rem; }
        #depoimentos .testimonial-card .testimonial-head img { width: 50px; height: 50px; }
        #depoimentos .testimonial-card .testimonial-head h4 { font-size: 0.98rem; }
        #depoimentos .testimonial-card .testimonial-quote { font-size: 14px; line-height: 1.65; }
        #depoimentos .testimonial-card--compact .testimonial-head h4 { font-size: 0.88rem; }
        #depoimentos .testimonial-card--compact .testimonial-quote { font-size: 0.84rem; line-height: 1.55; max-width: 24ch; }
        #depoimentos .testimonial-card--balanced .testimonial-head h4 { font-size: 0.95rem; }
        #depoimentos .testimonial-card--balanced .testimonial-quote { font-size: 0.9rem; line-height: 1.6; max-width: 30ch; }
        #depoimentos .testimonial-card--expanded .testimonial-head h4 { font-size: 0.98rem; }
        #depoimentos .testimonial-card--expanded .testimonial-quote { font-size: 14px; line-height: 1.65; }
      }

.coronas-location-section {
    position: relative;
    overflow: hidden;
    padding: clamp(4.25rem, 8vw, 7.5rem) 1rem;
    background: linear-gradient(135deg, #001532 0%, #01295C 54%, #001126 100%);
    isolation: isolate;
  }

  .coronas-location-grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.10;
    background-image:
      linear-gradient(#B4CA0E 1px, transparent 1px),
      linear-gradient(90deg, #B4CA0E 1px, transparent 1px);
    background-size: 50px 50px;
  }

  .coronas-location-section .coronas-location-container {
    width: min(100%, 1160px);
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    position: relative;
    z-index: 1;
  }

  .coronas-location-section .coronas-location-header {
    max-width: 820px;
    margin: 0 auto clamp(2rem, 4vw, 3rem);
    text-align: center;
    padding: 0;
  }

  .coronas-location-section .coronas-location-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.9rem;
    color: #B4CA0E;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.32em;
    text-transform: uppercase;
  }

  .coronas-location-section .coronas-location-title {
    margin: 0;
    color: #F4F8FF;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: clamp(2.1rem, 5vw, 4rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.045em;
    text-transform: uppercase;
  }

  .coronas-location-section .coronas-location-subtitle {
    margin: 1rem auto 0;
    max-width: 44rem;
    color: rgba(233, 241, 255, 0.78);
    font-family: "Hanken Grotesk", sans-serif;
    font-size: clamp(1rem, 2vw, 1.125rem);
    line-height: 1.7;
  }

  .coronas-location-section .coronas-location-cta-title {
    width: min(100%, 56rem);
    margin-inline: auto;
    color: #ffffff;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: clamp(1.9rem, 4vw, 3.5rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
    text-align: center;
    text-wrap: balance;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }

  .coronas-location-section .coronas-location-card {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .coronas-location-section .coronas-location-map {
    width: min(100%, 1080px);
    margin: 0 auto clamp(3.5rem, 5vw, 6rem);
    overflow: hidden;
    border-radius: 1.75rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 18, 43, 0.62);
    box-shadow: none;
  }

  .coronas-location-section .coronas-location-iframe {
    display: block;
    width: 100%;
    height: clamp(300px, 43vw, 460px);
    border: 0;
    border-radius: inherit;
    filter: saturate(0.95) contrast(1.03);
  }

  @media (max-width: 767px) {
    .coronas-location-section {
      padding: 4rem 1rem;
    }

    .coronas-location-grid {
      opacity: 0.10;
    }

    .coronas-location-section .coronas-location-header {
      margin-bottom: 1.5rem;
    }

    .coronas-location-section .coronas-location-eyebrow {
      font-size: 0.64rem;
      letter-spacing: 0.24em;
    }

    .coronas-location-section .coronas-location-title {
      font-size: clamp(1.9rem, 9vw, 2.7rem);
      line-height: 1.04;
    }

    .coronas-location-section .coronas-location-subtitle {
      font-size: 0.98rem;
      line-height: 1.6;
    }

    .coronas-location-section .coronas-location-cta-title {
      width: min(100%, 42rem);
      font-size: clamp(1.85rem, 8vw, 2.35rem);
      line-height: 1.1;
    }

    .coronas-location-section .coronas-location-map {
      border-radius: 1.25rem;
      box-shadow: none;
    }

    .coronas-location-section .coronas-location-iframe {
      height: clamp(260px, 74vw, 340px);
    }
  }

.btn-glow{position:relative;isolation:isolate;overflow:hidden;transform:translate3d(0,0,0);box-shadow:0 0 0 1px rgba(180,202,14,.18),0 12px 24px rgba(1,41,92,.12),0 0 18px rgba(180,202,14,.24),0 0 44px rgba(180,202,14,.1),inset 0 1px 0 rgba(255,255,255,.22)!important;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,filter .32s ease,background-color .32s ease;animation:btnGlowPulse 3.4s ease-in-out infinite}.btn-glow::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.14) 18%,rgba(180,202,14,.34) 50%,rgba(255,255,255,.16) 64%,transparent 84%);transform:translateX(-130%);opacity:.15;pointer-events:none;mix-blend-mode:screen}.btn-glow::after{content:"";position:absolute;inset:-12px;border-radius:inherit;background:radial-gradient(circle at center,rgba(180,202,14,.28) 0%,rgba(180,202,14,.14) 30%,transparent 70%);opacity:.22;filter:blur(18px);z-index:-1;pointer-events:none;transition:opacity .32s ease}.btn-glow:hover{transform:translate3d(0,-3px,0) scale(1.02);box-shadow:0 0 0 1px rgba(180,202,14,.22),0 20px 40px rgba(1,41,92,.16),0 0 28px rgba(180,202,14,.5),0 0 64px rgba(180,202,14,.22),inset 0 1px 0 rgba(255,255,255,.25)!important;filter:brightness(1.02) saturate(1.06)}.btn-glow:hover::before{animation:btnGlowSweep .95s ease;opacity:1}.btn-glow:hover::after{opacity:.38}.btn-glow:active{transform:translate3d(0,1px,0) scale(.995)}.btn-glow:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(180,202,14,.32),0 22px 44px rgba(1,41,92,.16),0 0 34px rgba(180,202,14,.44)!important}@keyframes btnGlowPulse{0%,100%{box-shadow:0 0 0 1px rgba(180,202,14,.18),0 12px 24px rgba(1,41,92,.12),0 0 18px rgba(180,202,14,.24),0 0 44px rgba(180,202,14,.1),inset 0 1px 0 rgba(255,255,255,.22)}50%{box-shadow:0 0 0 9px rgba(180,202,14,.04),0 14px 28px rgba(1,41,92,.13),0 0 24px rgba(180,202,14,.18),0 0 52px rgba(180,202,14,.14),inset 0 1px 0 rgba(255,255,255,.22)}}@keyframes btnGlowSweep{0%{transform:translateX(-130%);opacity:0}18%{opacity:1}100%{transform:translateX(130%);opacity:0}}@media (prefers-reduced-motion: reduce){.btn-glow,.btn-glow::before,.btn-glow::after{animation:none!important;transition:none!important}}

.btn-glow{overflow:visible!important;box-shadow:0 0 0 1px rgba(1,41,92,.18),0 12px 24px rgba(1,41,92,.12),0 0 18px rgba(1,41,92,.08),0 0 28px rgba(1,41,92,.06),inset 0 1px 0 rgba(255,255,255,.22)!important;}.btn-glow::before{background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.14) 18%,rgba(120,196,255,.18) 50%,rgba(255,255,255,.16) 64%,transparent 84%)!important;}.btn-glow::after{background:radial-gradient(circle at center,rgba(1,41,92,.16) 0%,rgba(1,41,92,.08) 30%,transparent 70%)!important;opacity:.14!important;}.btn-glow:hover{box-shadow:0 0 0 1px rgba(1,41,92,.22),0 20px 40px rgba(1,41,92,.16),0 0 24px rgba(1,41,92,.12),0 0 44px rgba(1,41,92,.08),inset 0 1px 0 rgba(255,255,255,.25)!important;}.btn-glow:focus-visible{box-shadow:0 0 0 2px rgba(1,41,92,.24),0 22px 44px rgba(1,41,92,.16),0 0 30px rgba(1,41,92,.14)!important;}.btn-glow::before,.btn-glow::after{pointer-events:none;}a.btn-glow,a.solution-card,a[href^="https://wa.me/"]{pointer-events:auto!important;cursor:pointer;}.consorcio-simulation-cta,.consorcio-simulation-cta:hover,.consorcio-simulation-cta:focus-visible{overflow:hidden!important;box-shadow:none!important;filter:none!important;}.consorcio-simulation-cta::before,.consorcio-simulation-cta::after{display:none!important;content:none!important;}

@media (max-width:767px){
  #hero .hero__triangle{
    width:min(100%,380px)!important;
    max-width:380px!important;
    height:clamp(170px,46vw,220px)!important;
    margin:12px auto 0!important;
    display:block!important;
    overflow:hidden!important;
    isolation:isolate!important;
    transform:none!important;
    will-change:transform!important;
  }
  #hero .hero__triangle-item{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:0;
    transform:none;
    animation:heroCarouselLeftToRightOverride 12s cubic-bezier(.16,1,.3,1) infinite both!important;
    will-change:transform,opacity,filter!important;
    filter:drop-shadow(0 12px 22px rgba(1,41,92,.18))!important;
    pointer-events:none!important;
  }
  #hero .hero__triangle-image{
    display:block!important;
    width:min(50vw,160px)!important;
    max-width:70%!important;
    height:auto!important;
    object-fit:contain!important;
    animation:none!important;
    transform:none!important;
  }
  #hero .hero__triangle-item:nth-child(1){animation-delay:0s!important;}
  #hero .hero__triangle-item:nth-child(2){animation-delay:4s!important;}
  #hero .hero__triangle-item:nth-child(3){animation-delay:8s!important;}
  @keyframes heroCarouselLeftToRightOverride{
    0%{opacity:0;} 
    8%{opacity:1;} 
    26%{opacity:1;} 
    33%{opacity:0;} 
    100%{opacity:0;} 
  }
}
@media (prefers-reduced-motion: reduce){
  #hero .hero__triangle{
    width:min(100%,340px)!important;
    max-width:340px!important;
    height:auto!important;
    display:block!important;
    animation:none!important;
    transform:none!important;
  }
  #hero .hero__triangle-item{
    position:static!important;
    inset:auto!important;
    flex:0 0 100%!important;
    width:100%!important;
    opacity:1!important;
    transform:none!important;
    animation:none!important;
    will-change:auto!important;
    display:flex!important;
  }
  #hero .hero__triangle-item--left,
  #hero .hero__triangle-item--right{display:none!important;}
  #hero .hero__triangle-image{
    width:min(64vw,210px)!important;
    max-width:78%!important;
  }
}

@media (max-width:767px){html,body,main{touch-action:pan-y;overscroll-behavior-y:auto;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;}#hero,#solar,#consorcios,#seguros,#contato,.advantage-carousel,.advantage-track,.hero__triangle{touch-action:pan-y;overscroll-behavior-x:none;}}@media (prefers-reduced-motion:reduce){html,body,main{scroll-behavior:auto;}}

@media (max-width:767px){#hero .hero-entrance{gap:clamp(.7rem,2.4vw,.95rem)!important;}#hero .hero-title{font-size:clamp(1.9rem,8.6vw,2.7rem)!important;line-height:1.03!important;max-width:100%!important;margin-inline:auto!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center!important;}#hero .hero-description{font-size:clamp(.96rem,3.2vw,1.05rem)!important;line-height:1.55!important;max-width:34ch!important;margin-inline:auto!important;text-wrap:pretty!important;text-align:center!important;}#hero .hero-cta{width:min(100%,22rem)!important;min-height:3.25rem!important;padding:.95rem 1.5rem!important;font-size:.82rem!important;line-height:1.2!important;letter-spacing:.08em!important;white-space:normal!important;text-wrap:balance!important;}#solutions{padding-top:clamp(3.25rem,8vw,4.5rem)!important;padding-bottom:clamp(3.25rem,8vw,4.5rem)!important;}#solutions > .max-w-container-max > .text-center{margin-bottom:2rem!important;}#solutions h2{font-size:clamp(1.7rem,8vw,2.35rem)!important;line-height:1.06!important;max-width:100%!important;margin-inline:auto!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;}#solutions > .max-w-container-max > p,#solutions .font-body-md{max-width:30ch!important;margin-inline:auto!important;text-wrap:pretty!important;line-height:1.55!important;}#solutions .solution-card{padding:1.2rem!important;border-radius:1.5rem!important;}#solutions .solution-card-icon{width:4.25rem!important;height:4.25rem!important;margin-bottom:.9rem!important;}#solutions .solution-card h3{font-size:1.02rem!important;line-height:1.15!important;margin-bottom:.6rem!important;}#solutions .solution-card p{font-size:.92rem!important;line-height:1.5!important;max-width:100%!important;margin-bottom:.85rem!important;}#solutions .solution-card .material-symbols-outlined{font-size:1.55rem!important;}#solar{padding-top:clamp(3.5rem,9vw,5rem)!important;padding-bottom:clamp(3.5rem,9vw,5rem)!important;}#solar > .px-margin-mobile > .grid{gap:clamp(2rem,6vw,2.75rem)!important;}#solar h2{font-size:clamp(1.85rem,8vw,2.45rem)!important;line-height:1.04!important;max-width:100%!important;text-wrap:balance!important;margin-bottom:1rem!important;overflow-wrap:normal!important;word-break:normal!important;}#solar > .px-margin-mobile > .grid > div:first-child > div:first-child p{max-width:28ch!important;font-size:.98rem!important;line-height:1.55!important;}#solar .timeline-step{gap:.8rem!important;align-items:flex-start!important;}#solar .timeline-number{width:2.45rem!important;height:2.45rem!important;font-size:.95rem!important;}#solar .timeline-bubble{padding:1rem!important;border-radius:1.15rem!important;}#solar .timeline-bubble h4{font-size:1rem!important;line-height:1.2!important;margin-bottom:.35rem!important;}#solar .timeline-bubble p{font-size:.86rem!important;line-height:1.5!important;}#solar .benefit-card{padding:.95rem 1rem!important;gap:.7rem!important;}#solar .benefit-card p{font-size:.9rem!important;line-height:1.35!important;}#solar .btn-glow{width:min(100%,22rem)!important;padding-inline:1.5rem!important;}#solar .btn-glow span{text-wrap:balance!important;}#consorcios{padding-top:clamp(3.5rem,9vw,5.25rem)!important;padding-bottom:clamp(3.75rem,10vw,5.5rem)!important;}#consorcios > .max-w-container-max{padding-inline:clamp(1rem,4.5vw,1.25rem)!important;}#consorcios > .max-w-container-max > .inline-block{margin-bottom:.9rem!important;padding:.5rem .9rem!important;}#consorcios h2{font-size:clamp(2rem,9.5vw,2.8rem)!important;line-height:.98!important;max-width:100%!important;margin-inline:auto!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;}#consorcios > .max-w-container-max > p:first-of-type{font-size:1rem!important;line-height:1.35!important;max-width:20ch!important;margin-inline:auto!important;}#consorcios > .max-w-container-max > p:nth-of-type(2){max-width:32ch!important;margin-bottom:2.25rem!important;line-height:1.55!important;}#consorcios .space-y-32 > * + *{margin-top:clamp(1rem,4vw,1.35rem)!important;}#consorcios .relative.w-full.max-w-5xl.mx-auto.mb-40{margin-bottom:1.25rem!important;}#consorcios .reveal-card h4{font-size:1rem!important;line-height:1.2!important;text-wrap:balance!important;}#consorcios .reveal-card .w-32.h-32{width:5.8rem!important;height:5.8rem!important;}#consorcios .reveal-card-badge{display:none!important;}#consorcios .advantage-carousel{margin-bottom:1.25rem!important;padding-inline:.75rem!important;}#consorcios .w-full.flex.items-center.gap-6.mb-20{margin-bottom:.75rem!important;gap:.75rem!important;}#consorcios .w-full.flex.items-center.gap-6.mb-20 span{font-size:.7rem!important;letter-spacing:.28em!important;}#consorcios .advantage-card{padding:1.1rem!important;}#consorcios .advantage-card img{width:56px!important;height:56px!important;}#consorcios .advantage-card span{font-size:.78rem!important;line-height:1.15!important;}#consorcios .consorcio-simulation-cta{width:min(100%,22rem)!important;padding:1rem 1.5rem!important;gap:.65rem!important;}#consorcios .consorcio-simulation-cta span:first-child{font-size:.76rem!important;line-height:1.2!important;letter-spacing:.18em!important;text-align:center!important;}#seguros{padding-top:clamp(3.5rem,9vw,5rem)!important;padding-bottom:clamp(3.5rem,9vw,5rem)!important;}#seguros > .max-w-container-max{padding-inline:clamp(1rem,4.5vw,1.25rem)!important;}#seguros h2{font-size:clamp(1.95rem,8.4vw,2.6rem)!important;line-height:1.04!important;max-width:100%!important;margin-inline:auto!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;}#seguros > .max-w-container-max > .max-w-4xl > p{max-width:28ch!important;margin-inline:auto!important;}#seguros .mt-12.grid{gap:1rem!important;}#seguros .insurance-motion.motion-card{padding:1rem!important;border-radius:26px!important;}#seguros .insurance-motion.motion-card > .flex{margin-bottom:.9rem!important;padding-bottom:.8rem!important;}#seguros .insurance-motion.motion-card > .flex > div:last-child h3{font-size:.88rem!important;letter-spacing:.14em!important;}#seguros .insurance-motion.motion-card > ul{gap:.65rem!important;}#seguros .insurance-motion.motion-card > ul > li{min-height:4.8rem!important;padding:.82rem .9rem!important;}#seguros .insurance-motion.motion-card > ul > li > div{gap:.75rem!important;}#seguros .insurance-motion.motion-card > ul > li > div > div:last-child p:first-child{font-size:.85rem!important;}#seguros .insurance-motion.motion-card > ul > li > div > div:last-child p:last-child{font-size:.75rem!important;line-height:1.45!important;}#seguros .insurance-motion.motion-button{width:min(100%,22rem)!important;padding-inline:1.5rem!important;letter-spacing:.18em!important;}#why-choose{padding-top:clamp(3.5rem,9vw,5rem)!important;padding-bottom:clamp(3.5rem,9vw,5rem)!important;}#why-choose > .max-w-container-max > .grid{gap:clamp(2rem,6vw,3rem)!important;}#why-choose h2{font-size:clamp(1.85rem,8vw,2.45rem)!important;line-height:1.03!important;max-width:100%!important;margin-inline:auto!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;}#why-choose .why-flow-highlight{display:block;max-width:22ch;margin-inline:auto;text-wrap:balance!important;}#why-choose .why-flow-label{font-size:.7rem!important;letter-spacing:.18em!important;}#why-choose .space-y-4{gap:1rem!important;}#why-choose .benefit-card{padding:.95rem 1rem!important;gap:.75rem!important;min-height:76px!important;}#why-choose .benefit-card span.font-bold{font-size:.9rem!important;line-height:1.35!important;}#why-choose .benefit-card:last-child{align-items:flex-start!important;text-align:left!important;}#why-choose .benefit-card:last-child > span.font-bold{text-align:left!important;}#depoimentos{padding-top:clamp(3.25rem,8vw,4.5rem)!important;padding-bottom:clamp(3.25rem,8vw,4.5rem)!important;}#depoimentos > .max-w-7xl{padding-inline:clamp(1rem,4.5vw,1.25rem)!important;}#depoimentos .mx-auto.mb-16{margin-bottom:2rem!important;}#depoimentos h2{font-size:clamp(1.9rem,8vw,2.55rem)!important;line-height:1.06!important;max-width:100%!important;margin-inline:auto!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;}#depoimentos > .max-w-7xl > .grid{gap:1rem!important;}#depoimentos .testimonial-card{padding:1.15rem!important;border-radius:24px!important;}#depoimentos .testimonial-card .testimonial-head{gap:.75rem!important;margin-bottom:.85rem!important;padding-right:0!important;}#depoimentos .testimonial-card .testimonial-head img{width:46px!important;height:46px!important;}#depoimentos .testimonial-card .testimonial-head h4{font-size:.94rem!important;line-height:1.15!important;}#depoimentos .testimonial-quote{font-size:.92rem!important;line-height:1.55!important;}section.bg-background{padding-top:clamp(3.25rem,8vw,4.5rem)!important;padding-bottom:clamp(3.25rem,8vw,4.5rem)!important;}section.bg-background > .max-w-6xl{padding:clamp(1.2rem,5vw,2rem)!important;border-radius:28px!important;}section.bg-background > .max-w-6xl > h2{font-size:clamp(1.85rem,8.5vw,2.7rem)!important;line-height:1.03!important;max-width:100%!important;margin-inline:auto!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;}section.bg-background > .max-w-6xl > p{max-width:34ch!important;font-size:.98rem!important;line-height:1.55!important;margin-inline:auto!important;}section.bg-background > .max-w-6xl a{width:min(100%,21rem)!important;padding-inline:1.5rem!important;letter-spacing:.16em!important;text-align:center!important;white-space:normal!important;} .coronas-location-section{padding-top:clamp(3.5rem,8vw,5rem)!important;padding-bottom:clamp(3.5rem,8vw,5rem)!important;} .coronas-location-section .coronas-location-header{margin-bottom:1.25rem!important;} .coronas-location-section .coronas-location-eyebrow{font-size:.62rem!important;letter-spacing:.2em!important;} .coronas-location-section .coronas-location-title{font-size:clamp(1.8rem,8vw,2.3rem)!important;line-height:1.04!important;max-width:100%!important;margin-inline:auto!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;} .coronas-location-section .coronas-location-subtitle{font-size:.95rem!important;line-height:1.55!important;max-width:26ch!important;} .coronas-location-section .coronas-location-map{margin-bottom:2.5rem!important;} .coronas-location-section .coronas-location-iframe{height:clamp(240px,72vw,320px)!important;} .coronas-location-section .coronas-location-cta-title{font-size:clamp(1.65rem,7.5vw,2.15rem)!important;line-height:1.05!important;max-width:100%!important;margin-inline:auto!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;} .coronas-location-section .coronas-location-cta-title + p{max-width:28ch!important;padding-inline:.25rem!important;} .coronas-location-section .coronas-location-cta-title + p + div a{width:min(100%,21rem)!important;padding-inline:1.5rem!important;text-align:center!important;white-space:normal!important;}footer{padding-top:1.5rem!important;padding-bottom:1.5rem!important;}footer > .max-w-container-max{gap:.85rem!important;}footer p{max-width:44ch;margin-inline:auto;line-height:1.55!important;}footer p.uppercase{letter-spacing:.12em!important;}footer .flex.flex-col.items-center.justify-center.gap-2{gap:.45rem!important;}footer .flex.flex-col.items-center.justify-center.gap-2 a{word-break:break-word;max-width:100%;text-align:center;}}@media (max-width:420px){#solutions .solution-card{padding:1.05rem!important;}#consorcios .advantage-track__group>.advantage-card{flex:0 0 min(82vw,290px)!important;min-width:min(82vw,290px)!important;}#seguros .insurance-motion.motion-card>ul>li{min-height:4.6rem!important;}}@media (prefers-reduced-motion:reduce){#hero .hero-title,#hero .hero-description,#hero .hero-cta,#solutions .solution-card,#solar .timeline-bubble,#solar .benefit-card,#consorcios .reveal-card,#consorcios .advantage-card,#seguros .insurance-motion.motion-card,#why-choose .benefit-card,#depoimentos .testimonial-card,section.bg-background > .max-w-6xl,.coronas-location-section .coronas-location-map,footer{animation:none!important;transition:none!important;transform:none!important;filter:none!important;}}}

@media (max-width:767px){#consorcios .space-y-32 > * + *{margin-top:clamp(1rem,4vw,1.35rem)!important;}#consorcios .relative.w-full.max-w-5xl.mx-auto.mb-40{margin-bottom:1.25rem!important;}#consorcios .advantage-carousel{margin-bottom:1.25rem!important;}#consorcios .w-full.flex.items-center.gap-6.mb-20{margin-bottom:.75rem!important;}#consorcios .reveal-card h4{margin-top:.25rem!important;}#consorcios .reveal-card .w-32.h-32{width:5.8rem!important;height:5.8rem!important;}#consorcios > .max-w-container-max > p:nth-of-type(2){margin-bottom:1.5rem!important;}section.bg-background > .max-w-6xl > h2{max-width:100%!important;font-size:clamp(1.7rem,7.8vw,2.35rem)!important;line-height:1.04!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;}section.bg-background > .max-w-6xl > p{max-width:32ch!important;font-size:.96rem!important;line-height:1.52!important;}section.bg-background > .max-w-6xl a{width:min(100%,23rem)!important;padding-inline:1.5rem!important;}.coronas-location-section .coronas-location-title{font-size:clamp(1.55rem,6.8vw,2.1rem)!important;max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;}.coronas-location-section .coronas-location-cta-title{max-width:100%!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;}}
<script id="nav-a11y-hardening">
(() => {
  const main = document.querySelector('main');
  const burger = document.querySelector('.solar-nav-burger');
  const menu = document.getElementById('header-mobile-menu');
  const menuLinks = [...document.querySelectorAll('.solar-nav-menu-link')];

  const isOpen = () => !!menu && menu.classList.contains('is-open') && !menu.classList.contains('hidden');
  const setMainLocked = (locked) => {
    if (!main) return;
    if (locked) {
      main.setAttribute('inert', '');
      main.setAttribute('aria-hidden', 'true');
      return;
    }
    main.removeAttribute('inert');
    main.removeAttribute('aria-hidden');
  };

  const syncState = (restoreFocus) => {
    const open = isOpen();
    setMainLocked(open);
    if (open) {
      if (!menuLinks.length) return;
      if (!menu.contains(document.activeElement)) {
        menuLinks[0]?.focus({ preventScroll: true });
      }
      return;
    }
    if (restoreFocus) {
      burger?.focus({ preventScroll: true });
    }
  };

  const syncAfterOpen = () => window.requestAnimationFrame(() => window.requestAnimationFrame(() => syncState(false)));
  const syncAfterClose = (restoreFocus) => window.setTimeout(() => syncState(restoreFocus), 300);

  burger?.addEventListener('click', syncAfterOpen);
  menuLinks.forEach((link) => link.addEventListener('click', () => syncAfterClose(false)));

  document.addEventListener('pointerdown', (event) => {
    if (!isOpen()) return;
    const target = event.target;
    if (menu?.contains(target) || burger?.contains(target)) return;
    syncAfterClose(true);
  });

  window.addEventListener('keydown', (event) => {
    if (!isOpen()) return;
    if (event.key === 'Tab') {
      if (!menuLinks.length) return;
      const activeIndex = menuLinks.findIndex((link) => link === document.activeElement);
      const nextIndex = event.shiftKey
        ? (activeIndex > 0 ? activeIndex - 1 : menuLinks.length - 1)
        : (activeIndex >= 0 && activeIndex < menuLinks.length - 1 ? activeIndex + 1 : 0);
      event.preventDefault();
      menuLinks[nextIndex]?.focus({ preventScroll: true });
      return;
    }
    if (event.key === 'Escape') {
      syncAfterClose(true);
    }
  });

  const cleanupRoles = () => {
    document.querySelectorAll('.solar-letter-reveal[role="text"]').forEach((el) => el.removeAttribute('role'));
  };
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', cleanupRoles, { once: true });
  } else {
    cleanupRoles();
  }
  syncState(false);
})();
</script>
<style id="scrollbar-reset">html, body { scrollbar-width: auto !important; -ms-overflow-style: auto !important; } html::-webkit-scrollbar, body::-webkit-scrollbar { width: 12px !important; height: 12px !important; display: block !important; }

#consorcios .advantage-carousel {
  --advantage-gap: clamp(0.9rem, 2.2vw, 1.25rem);
  position: relative;
  overflow: hidden !important;
  overflow-y: hidden !important;
  padding: 0.5rem 1rem 1rem;
  scroll-behavior: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
#consorcios .advantage-carousel::-webkit-scrollbar {
  display: none;
}
#consorcios .advantage-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: var(--advantage-gap) !important;
  width: max-content !important;
  will-change: transform;
  animation: advantage-marquee var(--advantage-duration, 30s) linear infinite;
}
#consorcios .advantage-carousel:hover .advantage-track,
#consorcios .advantage-carousel:focus-within .advantage-track,
#consorcios .advantage-carousel[data-paused="1"] .advantage-track {
  animation-play-state: paused;
}
#consorcios .advantage-track__group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: var(--advantage-gap) !important;
  width: max-content !important;
}
#consorcios .advantage-card {
  flex: 0 0 clamp(220px, 72vw, 290px);
  min-width: clamp(220px, 72vw, 290px);
  border-radius: 1.75rem;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
  box-shadow: 0 16px 36px rgba(1, 41, 92, 0.08) !important;
  transform: translate3d(0, 0, 0);
  transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 260ms ease, border-color 260ms ease !important;
}
#consorcios .advantage-card:hover {
  transform: translate3d(0, -4px, 0);
  box-shadow: 0 22px 48px rgba(1, 41, 92, 0.12) !important;
}
#consorcios .advantage-card:last-child {
  flex-basis: clamp(240px, 76vw, 320px);
  min-width: clamp(240px, 76vw, 320px);
}
@media (min-width: 641px) {
  #consorcios .advantage-card {
    flex-basis: clamp(210px, 22vw, 260px);
    min-width: clamp(210px, 22vw, 260px);
  }

  #consorcios .advantage-card:last-child {
    flex-basis: clamp(230px, 24vw, 290px);
    min-width: clamp(230px, 24vw, 290px);
  }
}
@keyframes advantage-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(calc(-1 * var(--advantage-loop, 0px)), 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  #consorcios .advantage-carousel {
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
    -webkit-mask-image: none;
    mask-image: none;
  }

  #consorcios .advantage-card {
    scroll-snap-align: center;
  }
}

@media (max-width:767px){#hero .hero-cta{white-space:nowrap!important;text-wrap:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}#solar .btn-glow{justify-content:center!important;white-space:nowrap!important;text-wrap:nowrap!important;}#solar .btn-glow span{white-space:nowrap!important;text-wrap:nowrap!important;}#seguros .max-w-4xl.mx-auto > h2{font-size:clamp(1.1rem,4.2vw,1.55rem)!important;line-height:1.08!important;letter-spacing:.01em!important;max-width:100%!important;}#seguros .max-w-4xl.mx-auto > h2 span{white-space:normal!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important;}#why-choose .benefit-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:.55rem!important;padding:1rem!important;}#why-choose .benefit-divider{display:none!important;}#why-choose .benefit-text{width:100%!important;text-align:center!important;}#why-choose .benefit-icon-wrapper{margin-inline:auto!important;}#why-choose .benefit-card:last-child{align-items:center!important;text-align:center!important;}#why-choose .benefit-card:last-child > span.font-bold{text-align:center!important;}#contato .coronas-location-cta-title{font-size:clamp(1.45rem,6.2vw,2rem)!important;line-height:1.02!important;letter-spacing:.01em!important;text-wrap:normal!important;} .coronas-location-section .coronas-location-cta-title + p + div a{justify-content:center!important;text-align:center!important;white-space:nowrap!important;}}

section.bg-background > .max-w-6xl {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.84fr);
  gap: clamp(1.5rem, 4vw, 3.5rem) clamp(1.25rem, 3vw, 2.5rem);
  align-items: start;
  position: relative;
}

section.bg-background > .max-w-6xl > * {
  position: relative;
  z-index: 1;
}

section.bg-background > .max-w-6xl > .summary-premium-divider {
  grid-column: 1 / -1;
  width: 100%;
  height: 2px;
  margin-bottom: clamp(0.35rem, 1vw, 0.9rem);
  border-radius: 999px;
  background: linear-gradient(90deg, transparent 0%, rgba(180, 202, 14, 0.9) 18%, rgba(120, 196, 255, 0.42) 50%, rgba(180, 202, 14, 0.9) 82%, transparent 100%);
  box-shadow: 0 0 18px rgba(180, 202, 14, 0.18);
  opacity: 0.95;
}

section.bg-background > .max-w-6xl > h2 {
  max-width: 15.5ch;
  justify-self: center;
  line-height: 0.9;
  letter-spacing: -0.06em;
  text-wrap: balance;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

section.bg-background > .max-w-6xl > h2 span {
  display: block;
}

section.bg-background > .max-w-6xl > h2 span:first-child {
  font-size: clamp(2.3rem, 5.8vw, 5.2rem);
}

section.bg-background > .max-w-6xl > h2 span:nth-child(2) {
  font-size: clamp(2.55rem, 6vw, 5.45rem);
  color: #0A3D84;
}

section.bg-background > .max-w-6xl > h2 span:last-child {
  font-size: clamp(2.05rem, 4.9vw, 4.5rem);
  line-height: 0.96;
}

section.bg-background > .max-w-6xl > p {
  max-width: 36ch;
  justify-self: center;
  align-self: center;
  line-height: 1.72;
  text-wrap: pretty;
  color: rgba(1, 41, 92, 0.78);
}

@media (min-width: 768px) {
  section.bg-background > .max-w-6xl > h2 {
    justify-self: start;
    text-align: left;
  }

  section.bg-background > .max-w-6xl > p {
    justify-self: end;
    align-self: center;
    text-align: left;
    padding-top: clamp(2rem, 5vw, 4.5rem);
  }
}

@media (max-width: 767px) {
  section.bg-background {
    padding-top: clamp(3rem, 8vw, 4rem) !important;
    padding-bottom: clamp(3rem, 8vw, 4rem) !important;
  }

  section.bg-background > .max-w-6xl {
    grid-template-columns: 1fr;
    gap: 1.1rem;
    padding: clamp(1.2rem, 4vw, 1.8rem) !important;
    border-radius: clamp(28px, 7vw, 40px) !important;
  }

  section.bg-background > .max-w-6xl > .summary-premium-divider {
    width: min(6rem, 42vw);
    margin-inline: auto;
    margin-bottom: 0;
  }

  section.bg-background > .max-w-6xl > h2 {
    max-width: 100% !important;
    justify-self: center;
    text-align: center;
    font-size: clamp(2.1rem, 8.2vw, 3rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.055em !important;
  }

  section.bg-background > .max-w-6xl > h2 span:first-child,
  section.bg-background > .max-w-6xl > h2 span:nth-child(2) {
    font-size: 1em !important;
  }

  section.bg-background > .max-w-6xl > h2 span:last-child {
    font-size: 0.84em !important;
    line-height: 0.98 !important;
  }

  section.bg-background > .max-w-6xl > p {
    max-width: 31ch;
    justify-self: center;
    text-align: center;
    font-size: 0.98rem !important;
    line-height: 1.6 !important;
    padding-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  section.bg-background > .max-w-6xl {
    backdrop-filter: none;
  }
}

@media (max-width: 767px) {
  #seguros .insurance-motion.btn-glow {
    display: flex !important;
    width: min(100%, 24rem) !important;
    max-width: 24rem !important;
    margin-inline: auto !important;
    padding-inline: 1.15rem !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    letter-spacing: 0.12em !important;
    font-size: clamp(0.68rem, 2.1vw, 0.78rem) !important;
    line-height: 1 !important;
  }

  #consorcios > .max-w-container-max > .inline-block {
    margin-bottom: 1.35rem !important;
  }
}

#seguros .insurance-motion.btn-glow {
  overflow: hidden !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    box-shadow 220ms ease,
    filter 220ms ease,
    background-color 220ms ease !important;
}

#seguros .insurance-motion.btn-glow::before,
#seguros .insurance-motion.btn-glow::after {
  display: none !important;
  content: none !important;
}

#seguros .insurance-motion.btn-glow:hover {
  transform: translate3d(0, 0, 0) !important;
  filter: brightness(1.03) saturate(1.04) !important;
  box-shadow:
    0 14px 36px rgba(1, 41, 92, 0.16),
    0 0 0 1px rgba(180, 202, 14, 0.14),
    0 0 18px rgba(180, 202, 14, 0.12) !important;
}

#seguros .insurance-motion.btn-glow:active {
  transform: translate3d(0, 1px, 0) !important;
}

footer {
  padding-top: clamp(1rem, 2.4vw, 1.5rem);
  padding-bottom: clamp(1rem, 2.4vw, 1.5rem);
}

footer > .max-w-container-max {
  gap: clamp(0.85rem, 1.8vw, 1.05rem);
}

footer > .max-w-container-max > p:first-child {
  max-width: 72ch;
  margin-inline: auto;
  line-height: 1.7;
  letter-spacing: 0.01em;
}

footer .flex.flex-col.items-center.justify-center.gap-2 {
  gap: 0.5rem;
}

footer .flex.flex-col.items-center.justify-center.gap-2 a {
  transition: color 180ms ease, opacity 180ms ease;
}

footer .flex.flex-col.items-center.justify-center.gap-2 a:hover,
footer .flex.flex-col.items-center.justify-center.gap-2 a:focus-visible {
  color: #fff;
  opacity: 1;
}

@media (min-width: 768px) {
  footer > .max-w-container-max {
    align-items: center;
  }

  footer p.uppercase {
    letter-spacing: 0.18em;
  }
}

@media (max-width: 767px) {
  footer > .max-w-container-max > p:first-child {
    max-width: 38ch;
    font-size: 0.8rem;
    line-height: 1.62;
  }
}

#hero .hero-cta.btn-glow,
#solar .btn-glow {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    transform 240ms cubic-bezier(.16, 1, .3, 1),
    box-shadow 240ms ease,
    filter 240ms ease,
    background-color 240ms ease !important;
}

#hero .hero-cta.btn-glow:hover,
#solar .btn-glow:hover {
  transform: translate3d(0, -2px, 0) scale(1.01) !important;
  filter: brightness(1.03) saturate(1.04) !important;
  box-shadow:
    0 0 0 1px rgba(180, 202, 14, 0.18),
    0 22px 44px rgba(1, 41, 92, 0.14),
    0 0 22px rgba(180, 202, 14, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

#hero .hero-cta.btn-glow:active,
#solar .btn-glow:active {
  transform: translate3d(0, 1px, 0) scale(0.995) !important;
}

#solutions .solution-card {
  transform: translate3d(-34px, 14px, 0) scale(0.985);
  filter: blur(8px);
}

#solutions .solution-card.is-visible {
  animation: solutionCardSwipeIn 880ms cubic-bezier(.16, 1, .3, 1) both !important;
  animation-delay: var(--solution-delay, 0ms) !important;
}

#solutions .solution-card:nth-child(1) { --solution-delay: 0ms; }
#solutions .solution-card:nth-child(2) { --solution-delay: 120ms; }
#solutions .solution-card:nth-child(3) { --solution-delay: 240ms; }

@keyframes solutionCardSwipeIn {
  0% {
    opacity: 0;
    transform: translate3d(-42px, 16px, 0) scale(0.985);
    filter: blur(8px);
  }
  62% {
    opacity: 1;
    transform: translate3d(6px, -2px, 0) scale(1.006);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@media (max-width: 767px) {
  #solutions .solution-card {
    transform: translate3d(-20px, 12px, 0) scale(0.99);
  }

  #solutions .solution-card.is-visible {
    animation-duration: 760ms !important;
  }

  #solutions .solution-card:nth-child(2) { --solution-delay: 90ms; }
  #solutions .solution-card:nth-child(3) { --solution-delay: 180ms; }
}

@media (prefers-reduced-motion: reduce) {
  #solutions .solution-card {
    transform: none !important;
    filter: none !important;
  }

  #solutions .solution-card.is-visible {
    animation: none !important;
  }
}

#solutions,#solar,#consorcios,#seguros,#why-choose,#depoimentos,#contato,.coronas-location-section,footer{content-visibility:auto;contain-intrinsic-size:1000px;}#solar{contain-intrinsic-size:1300px;}#consorcios,#seguros{contain-intrinsic-size:1600px;}#why-choose{contain-intrinsic-size:1200px;}#depoimentos{contain-intrinsic-size:1000px;}#contato,.coronas-location-section{contain-intrinsic-size:1350px;}footer{contain-intrinsic-size:280px;}

.solar-grid{background-image:linear-gradient(rgba(180,202,14,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(180,202,14,.03) 1px,transparent 1px)!important}.solar-grid::before{background:radial-gradient(circle at 50% 0%,rgba(180,202,14,.03) 0%,transparent 72%)!important}.hero{--hero-video-opacity:.68}.solar-magnetic-nav #site-header-shell{background-color:rgba(8,40,79,.64)!important;box-shadow:0 14px 36px rgba(1,41,92,.18)!important;backdrop-filter:blur(18px) saturate(120%)!important;-webkit-backdrop-filter:blur(18px) saturate(120%)!important}.btn-glow{animation:none!important;box-shadow:0 12px 28px rgba(1,41,92,.10),inset 0 1px 0 rgba(255,255,255,.14)!important}.btn-glow::before{background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 18%,rgba(180,202,14,.12) 50%,rgba(255,255,255,.08) 64%,transparent 84%)!important}.btn-glow::after{opacity:.08!important;filter:blur(12px)!important}.btn-glow:hover{transform:translate3d(0,-1px,0) scale(1.008)!important;box-shadow:0 16px 30px rgba(1,41,92,.12),0 0 14px rgba(180,202,14,.12),inset 0 1px 0 rgba(255,255,255,.16)!important;filter:none!important}.reveal{transform:translateY(12px)!important;transition-duration:450ms!important}.hero-entrance .hero-title-line,.hero-entrance .hero-description,.hero-entrance .hero-cta{transform:translate3d(0,10px,0)!important}.solar-letter-reveal:not(.is-visible) .solar-letter-char{transform:translateY(.16em) scale(.997)!important;filter:blur(.8px)!important}.solar-letter-reveal::after{height:.1em!important;opacity:.16!important}#solutions .solution-card,#solar .benefit-card,#why-choose .benefit-card,#seguros .insurance-motion.motion-card,#depoimentos .testimonial-card,.advantage-card,.coronas-location-card{box-shadow:0 6px 18px rgba(1,41,92,.04)!important;border-color:rgba(1,41,92,.08)!important;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease!important}#solutions .solution-card:hover,#solar .benefit-card:hover,#why-choose .benefit-card:hover,#seguros .insurance-motion.motion-card:hover,#depoimentos .testimonial-card:hover,.advantage-card:hover,.coronas-location-card:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(1,41,92,.06)!important;border-color:rgba(180,202,14,.18)!important}#depoimentos .testimonial-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,255,.98))!important}.reveal-card::before,.reveal-card::after{opacity:.06!important;filter:blur(12px)!important}.reveal-card.is-visible{animation-duration:700ms!important}.reveal-card.is-visible::before,.reveal-card.is-visible::after{animation-duration:700ms!important}.hero-floating-asset{--solar-float-offset:10px;animation-duration:9s!important}.glow-pulse{animation-duration:12s!important;opacity:.11!important}

html{font-optical-sizing:auto;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,li{line-height:1.65}h1,h2,h3{text-wrap:balance;letter-spacing:-0.02em}#hero .hero-title,#solutions h2,#solar h2,#consorcios h2,#seguros h2,#why-choose h2,#depoimentos h2,section.bg-background > .max-w-6xl > h2,.coronas-location-section .coronas-location-title,.coronas-location-section .coronas-location-cta-title{letter-spacing:-0.03em!important;line-height:1.04!important}#solutions > .max-w-container-max > p,#solar > .px-margin-mobile > .grid > div:first-child > div:first-child p,#why-choose .section-reveal p,#depoimentos .mx-auto.mb-16 > p,#depoimentos .testimonial-quote,#seguros > .max-w-container-max > .max-w-4xl > p,section.bg-background > .max-w-6xl > p,.coronas-location-section .coronas-location-subtitle,.coronas-location-section .coronas-location-cta-title + p{max-width:62ch;line-height:1.68;text-wrap:pretty;margin-left:auto!important;margin-right:auto!important}#hero .hero-description{max-width:38ch;line-height:1.68;text-wrap:pretty;text-align:left!important}#hero .hero-cta,#solar .btn-glow,#seguros .insurance-motion.motion-button,#why-choose a,#contato a{letter-spacing:.1em}#depoimentos .testimonial-card .testimonial-head h3,#consorcios .reveal-card h3,#solar .timeline-bubble h4,#solutions .solution-card h3,#why-choose .benefit-card span.font-bold{line-height:1.15}#depoimentos .testimonial-card .testimonial-quote{font-style:normal;color:rgba(1,41,92,.84)!important}@media (max-width:767px){#hero .hero-title,#solutions h2,#solar h2,#consorcios h2,#seguros h2,#why-choose h2,#depoimentos h2,section.bg-background > .max-w-6xl > h2,.coronas-location-section .coronas-location-title,.coronas-location-section .coronas-location-cta-title{line-height:1.06!important}#hero .hero-description,#solutions > .max-w-container-max > p,#solar > .px-margin-mobile > .grid > div:first-child > div:first-child p,#consorcios > .max-w-container-max > p:nth-of-type(2),#seguros > .max-w-container-max > .max-w-4xl > p,#why-choose .section-reveal p,#depoimentos .mx-auto.mb-16 > p,section.bg-background > .max-w-6xl > p,.coronas-location-section .coronas-location-subtitle{line-height:1.6!important}#hero .hero-description{max-width:35ch}#hero .hero-cta,#solar .btn-glow,#seguros .insurance-motion.motion-button{letter-spacing:.08em}}