.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff;gap:20px;padding:100px 5% 20px;position:relative;text-align:center;overflow:hidden;opacity:0}.hero-video-bg{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:0;opacity:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0,black 20%,black 55%,transparent);transition:opacity 1.5s ease-in}.hero-video-bg.loaded{opacity:.25}.hero-video-bg iframe{position:absolute;top:50%;left:50%;width:max(100vw,177.78vh);height:max(100vh,56.25vw);transform:translate(-50%,-50%);border:none;object-fit:cover}.hero-content,.hero-cta{position:relative;z-index:1}.hero-section.hero-ready{animation:heroReveal .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-content{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-content h1{font-size:clamp(2.6rem,5.2vw,4.6rem);letter-spacing:-.025em;line-height:1.1;max-width:1200px;font-weight:700;color:#ffffff}.animatedh1{background:linear-gradient(90deg,#c084fc,#ec4899,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-content p{font-size:1.5rem;line-height:2rem;color:#fff!important;font-weight:400;margin-top:0;max-width:780px}.start-converting-btn{font-size:1.3rem;line-height:1.75rem;font-weight:700;color:#fff;outline:none;padding:10px 40px;border-radius:.75rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background:transparent;border:2px solid #ffffff4d}.start-converting-btn:hover{transform:scale(1.07);box-shadow:0 10px 20px rgba(34,197,94,.2)}@media (max-width:768px){.hero-section{min-height:auto;padding:60px 5% 20px}.hero-content h1{font-size:2.25rem;line-height:1.2;margin-top:10px;text-wrap:balance}.hero-content p{font-size:16px}.start-converting-btn{margin-top:20px}}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:60px}.hero-buttons{display:flex;gap:20px;margin-top:20px;margin-bottom:30px}.try-free-btn{box-shadow:0 10px 15px -3px rgba(34,197,94,.3),0 4px 6px -4px rgba(34,197,94,.3);font-size:1.3rem;line-height:1.75rem;font-weight:700;color:#fff;border:none;outline:none;padding:10px 40px;background-image:linear-gradient(90deg,#22c55e,#10b981,#14b8a6);border-radius:.75rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.hero-subtext{margin-top:3px}.hero-subtext,.hero-trust{font-size:.875rem;line-height:1.25rem;color:#9ca3af}.hero-trust{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.hero-trust .hero-trust-icon{color:#4ade80}.hero-trust span{display:flex;align-items:center;gap:6px}@media (max-width:768px){.hero-buttons{flex-direction:column;gap:0;margin-top:20px}.hero-trust{flex-direction:column;align-items:center;gap:10px;max-width:none}}.hero-marketing-img{display:block;width:min(560px,100%);height:auto;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.55);flex-shrink:0}.hero-hosting-note{max-width:400px;margin:0;text-align:left;font-size:16.5px;line-height:1.75;color:#c7d2e2}.hero-hosting-note strong{color:#ffffff}.hosting-visual-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:48px;padding:clamp(110px,12vw,150px) 24px;background:transparent}.hosting-copy{max-width:420px}.hosting-copy h2{font-size:clamp(24px,3vw,32px);font-weight:700;color:#ffffff;margin:0 0 14px;text-wrap:balance}@media (max-width:900px){.hosting-visual-section{gap:24px}.hosting-copy{text-align:center}.hero-hosting-note{text-align:center;max-width:560px;margin:0 auto}}