.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;isolation:isolate}.hero-achtergrond-stil{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 50% 42%,rgba(109,74,255,.16),transparent 70%),radial-gradient(ellipse 45% 35% at 70% 60%,rgba(45,212,168,.07),transparent 70%);mask-image:linear-gradient(180deg,transparent 0,black 20%,black 55%,transparent);transition:opacity 1.5s ease-in}.hero-section.video-aan .hero-achtergrond-stil{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}@media (prefers-reduced-motion:no-preference){.hero-trust{animation:heroBijzaak .7s cubic-bezier(.16,1,.3,1) .15s both}}@keyframes heroBijzaak{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-kader{display:block;height:auto;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.55)}.hero-marketing-kader,.hosting-popout{width:min(560px,100%);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{position:relative;isolation:isolate;overflow:hidden;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}.hero-marketing-kader{border-radius:0;box-shadow:0 12px 40px rgba(0,0,0,.45)}.hero-marketing-kader,.hosting-popout{width:calc(100% + 48px);max-width:none;margin-left:-24px;margin-right:-24px}.hosting-popout .pob-kader{border-radius:0}.hosting-popout .pob-noot,.hosting-popout .pob-schuif{margin-left:24px;margin-right:24px}.hosting-popout .pob-schuif{max-width:none}.hosting-visual-section{padding-top:clamp(60px,10vw,90px);padding-bottom:clamp(60px,10vw,90px)}}.hero-stappen{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;margin:22px 0 0;padding:0;list-style:none;color:#cbd5e1;font-size:15px;font-weight:600;letter-spacing:.01em}.hero-stappen li{display:inline-flex;align-items:center}.hero-stappen li+li:before{content:"→";margin:0 10px;color:#4ade80;font-weight:400}.hero-stappen li:last-child{color:#fff}@media (max-width:640px){.hero-stappen{font-size:13px;margin-top:18px}.hero-stappen li+li:before{margin:0 7px}}.hero-onder-kop{display:flex;flex-direction:column;align-items:center;width:100%;translate:0 48px;scale:.78}@media (max-width:768px){.hero-onder-kop{translate:0 49px;scale:.865}}.hosting-diepteveld{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mask-image:linear-gradient(180deg,transparent,black 25%,black 75%,transparent)}.hero-ready .hero-buttons,.hero-ready .hero-stappen li,.hero-ready .hero-subtext,.hero-ready .hero-trust span{opacity:0;animation:heroOmhoog .9s cubic-bezier(.22,1,.36,1) forwards}.hero-ready .hero-stappen li:first-child{animation-delay:.25s}.hero-ready .hero-stappen li:nth-child(2){animation-delay:.35s}.hero-ready .hero-stappen li:nth-child(3){animation-delay:.45s}.hero-ready .hero-buttons{animation-delay:.55s}.hero-ready .hero-subtext{animation-delay:.65s}.hero-ready .hero-trust span:first-child{animation-delay:.75s}.hero-ready .hero-trust span:nth-child(2){animation-delay:.85s}.hero-ready .hero-trust span:nth-child(3){animation-delay:.95s}@keyframes heroOmhoog{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-ready .hero-buttons,.hero-ready .hero-stappen li,.hero-ready .hero-subtext,.hero-ready .hero-trust span{animation:none;opacity:1}}