.hero-section{box-sizing:border-box;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#7c3aed 100%) 0 0/400% 400%;max-width:100vw;min-height:auto;padding-bottom:250px;animation:8s infinite gradientMove;position:relative;overflow:hidden}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-section .gradient-text{background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-section .bg-orb{filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;animation:15s ease-in-out infinite orbFloat;position:absolute}.hero-section .orb-1{background:linear-gradient(135deg,#3b82f64d,#7c3aed4d);width:500px;height:500px;top:-10%;left:-5%}.hero-section .orb-2{background:linear-gradient(135deg,#dc262633,#ef444433);width:400px;height:400px;bottom:10%;right:-5%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}}.hero-section .shape-circle{display:none}.hero-section .container{z-index:10;box-sizing:border-box;grid-template-columns:1fr 1fr;place-items:center stretch;gap:40px;max-width:1598px;min-height:auto;margin:0 auto;padding:137px 56px 60px;display:grid;position:relative;overflow:hidden}.hero-section .banner_left_wrapper{flex-direction:column;gap:16px;max-width:700px;min-height:0;display:flex}.hero-section .badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;width:fit-content;margin-bottom:32px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.hero-section .badge-dot{display:none}.hero-section h1,.hero-section .h1-main-title{color:#fff;letter-spacing:-.02em;margin:0 0 24px;font-size:4rem;font-weight:900;line-height:1.1}.hero-section .sub-heading{color:#fffffff2;max-width:600px;margin:0 0 16px;font-size:1.25rem;line-height:1.5}.hero-section .sub-heading strong{font-weight:700}.hero-section .text-l{color:#ffffffe6;max-width:600px;margin:0 0 40px;font-size:1.125rem;line-height:1.7}.hero-section .banner-cta,.hero-section .home-cta{flex-wrap:wrap;gap:16px;display:flex}.hero-section .svg-button{cursor:pointer;color:#1e40af;background:#fffffff2;border:2px solid #fff;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #00000026}.hero-section .svg-button span{font-weight:600}.hero-section .svg-button svg,.hero-section .svg-button svg path,.hero-section .svg-button svg polyline{stroke:#1e40af;fill:none;stroke-width:2px}.hero-section .svg-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.hero-section .svg-button.secondary{color:#fff;background:0 0;border:2px solid #fffc;box-shadow:0 4px 12px #0000001a}.hero-section .svg-button.secondary svg path,.hero-section .svg-button.secondary svg polyline{stroke:#fff}.hero-section .svg-button.secondary:hover{background:#ffffff26;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.hero-section .card-container{justify-content:flex-end;align-items:flex-start;width:100%;min-height:300px;margin-left:auto;display:flex;position:relative}.hero-section .hero-graphic-container{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;max-width:100%;min-height:550px;display:flex;position:relative;overflow:visible}.hero-section .hero-image-container{justify-content:center;align-items:center;min-height:auto;padding:0;display:flex}.hero-section .hero-banner-image{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;border-radius:16px}.hero-section .main-card{background:#ffffff26;border:1px solid #ffffff40;border-radius:32px;width:100%;max-width:500px;min-height:300px;margin:0 auto;padding:48px;animation:6s ease-in-out infinite cardFloat;position:relative;overflow:visible;box-shadow:0 30px 60px #0000001a}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-section .floating-badge{justify-content:center;align-items:center;width:140px;height:140px;animation:4s ease-in-out infinite badgeFloat;display:flex;position:absolute;top:-30px;right:-30px}@keyframes badgeFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.hero-section .badge-ring{background:0 0;border:3px solid #c084fc99;border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite ringPulse;position:absolute}.hero-section .badge-ring:before,.hero-section .badge-ring:after{content:"";background:0 0;border:2px solid #c084fc66;border-radius:50%;animation:2s ease-out infinite rippleEffect;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-section .badge-ring:before{width:120%;height:120%;animation-delay:0s}.hero-section .badge-ring:after{width:140%;height:140%;animation-delay:1s}@keyframes rippleEffect{0%{opacity:.6;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@keyframes ringPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-section .badge-core{background:linear-gradient(135deg,#c084fc,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:20px;display:flex;box-shadow:0 20px 40px #a855f766}.hero-section .badge-icon{stroke:#fff;fill:none;stroke-width:2px;width:50px;height:50px}.hero-section .card-content{flex-direction:column;gap:24px;width:100%;display:flex}.hero-section .content-block{opacity:0;background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;align-items:flex-start;gap:20px;padding:28px;transition:all .3s;animation:.6s ease-out forwards slideInUp;display:flex;transform:translateY(30px)}.hero-section .content-block:first-child{animation-delay:.2s}.hero-section .content-block:nth-child(2){animation-delay:.5s}.hero-section .content-block:nth-child(3){animation-delay:.8s}.hero-section .content-block:hover{background:#ffffff4d;transform:translateY(-4px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-section .block-icon{width:60px;min-width:60px;height:60px;transform-style:preserve-3d;background:linear-gradient(135deg,#fff6 0%,#fff3 100%);border-radius:12px;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:relative;box-shadow:0 8px 16px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #0000001a}.hero-section .block-icon:hover{transform:translateZ(10px)rotateX(10deg)rotateY(10deg)}.hero-section .block-icon:before{content:"";z-index:1;background:linear-gradient(135deg,#ffffff4d 0%,#0000 50%);border-radius:12px;position:absolute;inset:0}.hero-section .block-icon svg{stroke:#fff;fill:none;stroke-width:2px;filter:drop-shadow(0 2px 4px #0003);z-index:2;width:32px;height:32px;position:relative}.hero-section .block-text{flex:1}.hero-section .block-title{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:1rem;font-weight:700}.hero-section .block-description{color:#fffc;font-size:.875rem;line-height:1.5}.hero-section .floating-label{color:#fff;background:linear-gradient(135deg,#2a2d9f 0%,#5356d2 50%,#9092e2 100%);border-radius:16px;padding:16px 32px;font-size:1.25rem;font-weight:700;animation:5s ease-in-out infinite labelFloat;position:absolute;bottom:-20px;left:-20px;box-shadow:0 20px 40px #2a2d9f66}@keyframes labelFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-section .wave-bottom{clip-path:polygon(0 40%,100% 0,100% 100%,0 100%);z-index:0;pointer-events:none;background:#f9fafe;width:100%;height:200px;position:absolute;bottom:0;left:0}@media (min-width:1672px){.hero-section .container{max-width:1598px;margin:0 auto}}@media (max-width:1672px){.hero-section .container{padding-left:3%;padding-right:3%}}@media (max-width:1280px){.hero-section .container{gap:60px;max-width:1024px;padding:60px 40px}.hero-section h1{font-size:3.5rem}}@media (max-width:1281px) and (min-width:1025px){.hero-section .container{padding:130px 0 40px}}@media (max-width:1024px){.hero-section .container{grid-template-rows:auto auto;grid-template-columns:1fr;gap:50px;min-height:auto;padding:60px 32px 50px}.hero-section .banner_left_wrapper{text-align:center;order:1;align-items:center;gap:14px;max-width:100%;min-height:0}.hero-section .card-container,.hero-section .hero-graphic-container{order:2}.hero-section .card-container{width:100%;max-width:600px;margin:0 auto}.hero-section .hero-graphic-container{justify-content:center;align-items:center;width:85%;max-width:85%;margin:0 auto;overflow:visible;min-height:auto!important}.hero-section .hero-image-container{width:100%;max-width:100%;padding:0;min-height:auto!important}.hero-section .hero-banner-image{width:100%;max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;border-radius:12px}.hero-section .banner-cta{justify-content:center}.hero-section h1{font-size:3rem}.hero-section .text-l{font-size:1.0625rem}.hero-section .sub-heading{font-size:1.125rem}.hero-section .main-card{padding:40px}.hero-section .floating-badge{width:120px;height:120px;top:-20px;right:-20px}.hero-section .badge-core{width:85px;height:85px;margin:17px}.hero-section .badge-icon{width:42px;height:42px}.hero-section .floating-label{padding:14px 28px;font-size:1.125rem}.hero-section .content-block{padding:24px}.hero-section .block-icon{width:52px;min-width:52px;height:52px}.hero-section .block-icon svg{width:28px;height:28px}.hero-section .block-title{font-size:.9375rem}.hero-section .shape-circle{display:none}}@media (max-width:768px){.hero-section{padding-bottom:120px}.hero-section .container{gap:32px;padding:40px 20px 32px}.hero-section .banner_left_wrapper{gap:12px;min-height:0}.hero-section h1,.hero-section .h1-main-title{margin-bottom:12px;font-size:2.5rem;line-height:1.2}.hero-section .text-l{margin-bottom:24px;font-size:1rem;line-height:1.6}.hero-section .sub-heading{margin-bottom:8px;font-size:1rem}.hero-section .badge{margin-bottom:24px;padding:5px 12px;font-size:.6875rem}.hero-section .banner-cta{gap:12px}.hero-section .svg-button{padding:14px 28px;font-size:.9375rem}.hero-section .hero-graphic-container{width:75%;max-width:75%;margin:0 auto;overflow:visible;min-height:auto!important}.hero-section .hero-image-container{width:100%;max-width:100%;padding:0;min-height:auto!important}.hero-section .hero-banner-image{width:100%;max-width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;border-radius:10px;box-shadow:0 15px 30px -8px #0003,0 8px 16px -6px #0000001f}.hero-section .main-card{border-radius:24px;padding:32px}.hero-section .floating-badge{width:100px;height:100px;top:-15px;right:-15px}.hero-section .badge-core{width:70px;height:70px;margin:15px}.hero-section .badge-icon{width:35px;height:35px}.hero-section .floating-label{padding:12px 24px;font-size:1rem;bottom:-15px;left:-15px}.hero-section .content-block{border-radius:16px;gap:16px;padding:20px}.hero-section .block-icon{width:48px;min-width:48px;height:48px}.hero-section .block-icon svg{width:24px;height:24px}.hero-section .block-title{font-size:.875rem}.hero-section .block-description{font-size:.8125rem}.hero-section .orb-1{width:350px;height:350px}.hero-section .orb-2{width:400px;height:400px}}@media (max-width:640px){.hero-section{width:100%;max-width:100vw;min-height:auto;padding-bottom:80px;overflow:hidden}.hero-section .container{box-sizing:border-box;gap:24px;width:100%;max-width:100%;padding:28px 16px 24px;overflow:hidden}.hero-section .banner_left_wrapper{box-sizing:border-box;text-align:center;align-items:center;gap:8px;width:100%;max-width:100%;min-height:0}.hero-section h1,.hero-section .h1-main-title{word-wrap:break-word;overflow-wrap:break-word;text-align:center;width:100%;margin-bottom:8px;padding:0;font-size:1.5rem;line-height:1.2}.hero-section .text-l{text-align:center;width:100%;max-width:100%;margin-bottom:16px;padding:0;font-size:.875rem;line-height:1.5}.hero-section .sub-heading{text-align:center;width:100%;max-width:100%;margin-bottom:6px;padding:0;font-size:.875rem}.hero-section .badge{margin-bottom:8px}.hero-section .banner-cta{flex-direction:column;gap:8px;width:100%;padding:0}.hero-section .svg-button{justify-content:center;width:100%;padding:14px 20px;font-size:.875rem}.hero-section .hero-graphic-container{width:90%;max-width:90%;margin:0 auto;overflow:visible;min-height:auto!important}.hero-section .hero-image-container{width:100%;max-width:100%;padding:60px 0 0;min-height:auto!important}.hero-section .hero-banner-image{width:100%;max-width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;border-radius:8px;box-shadow:0 10px 20px -6px #0000002e,0 6px 12px -4px #0000001a}.hero-section .main-card{padding:24px}.hero-section .floating-badge{display:none}.hero-section .floating-label{margin-top:16px;padding:10px 20px;font-size:.875rem;display:inline-block;position:static}.hero-section .content-block{text-align:center;opacity:1;flex-direction:column;align-items:center;padding:18px;animation:none;transform:translateY(0)}.hero-section .block-icon{width:44px;min-width:44px;height:44px}.hero-section .block-title{font-size:.8125rem}.hero-section .block-description{font-size:.75rem}.hero-section .wave-bottom{display:none}}@media (max-width:480px){.hero-section{width:100%;max-width:100vw;min-height:auto;padding-bottom:56px;overflow:hidden}.hero-section .container{box-sizing:border-box;gap:20px;width:100%;max-width:100%;padding:24px 16px 20px;overflow:hidden}.hero-section .banner_left_wrapper{text-align:center;box-sizing:border-box;align-items:center;gap:6px;width:100%;max-width:100%;min-height:0}.hero-section h1,.hero-section .h1-main-title{word-wrap:break-word;overflow-wrap:break-word;text-align:center;width:100%;margin-bottom:6px;padding:0;font-size:1.375rem;line-height:1.2}.hero-section .text-l{text-align:center;width:100%;max-width:100%;margin-bottom:14px;padding:0;font-size:.8125rem;line-height:1.5}.hero-section .sub-heading{text-align:center;width:100%;max-width:100%;margin-bottom:4px;padding:0;font-size:.8125rem}.hero-section .banner-cta{flex-direction:column;justify-content:center;gap:8px;width:100%;padding:0}.hero-section .badge{margin-bottom:12px;padding:4px 10px;font-size:.5625rem}.hero-section .svg-button{justify-content:center;gap:8px;width:100%;padding:12px 20px;font-size:.875rem}.hero-section .hero-banner-image{border-radius:6px;box-shadow:0 8px 16px -4px #00000026,0 4px 8px -2px #00000014}.hero-section .main-card{border-radius:20px;padding:20px}.hero-section .card-content{gap:16px}.hero-section .content-block{gap:12px;padding:16px}.hero-section .block-icon{border-radius:10px;width:40px;min-width:40px;height:40px}.hero-section .block-icon svg{width:20px;height:20px}.hero-section .block-title{margin-bottom:6px;font-size:.75rem}.hero-section .block-description{font-size:.6875rem}.hero-section .floating-label{margin-top:12px;padding:8px 16px;font-size:.8125rem}.hero-section .bg-orb,.hero-section .shape-circle,.hero-section .wave-bottom{display:none}}@media (max-width:430px){.hero-section{width:100%;max-width:100vw;padding-bottom:48px;overflow:hidden}.hero-section .container{box-sizing:border-box;gap:18px;width:100%;max-width:100%;padding:20px 16px 18px;overflow:hidden}.hero-section .banner_left_wrapper{text-align:center;box-sizing:border-box;align-items:center;gap:6px;width:100%;max-width:100%;min-height:0}.hero-section h1,.hero-section .h1-main-title{word-wrap:break-word;overflow-wrap:break-word;text-align:center;width:100%;margin-bottom:6px;padding:0;font-size:1.25rem;line-height:1.2}.hero-section .text-l{text-align:center;width:100%;max-width:100%;margin-bottom:12px;padding:0;font-size:.8125rem;line-height:1.5}.hero-section .sub-heading{text-align:center;width:100%;max-width:100%;margin-bottom:4px;padding:0;font-size:.75rem}.hero-section .banner-cta{flex-direction:column;gap:8px;width:100%;padding:0}}@media (max-width:420px){.hero-section{width:100%;max-width:100vw;padding-bottom:44px;overflow:hidden}.hero-section .container{box-sizing:border-box;gap:16px;width:100%;max-width:100%;padding:18px 14px 16px;overflow:hidden}.hero-section .banner_left_wrapper{text-align:center;box-sizing:border-box;align-items:center;gap:5px;width:100%;max-width:100%;min-height:0}.hero-section h1,.hero-section .h1-main-title{word-wrap:break-word;overflow-wrap:break-word;text-align:center;width:100%;margin-bottom:6px;padding:0;font-size:1.1875rem;line-height:1.2}.hero-section .text-l{text-align:center;width:100%;max-width:100%;margin-bottom:12px;padding:0;font-size:.75rem;line-height:1.5}.hero-section .sub-heading{text-align:center;width:100%;max-width:100%;margin-bottom:4px;padding:0;font-size:.75rem}.hero-section .banner-cta{flex-direction:column;gap:6px;width:100%;padding:0}.hero-section .badge{margin-bottom:12px;padding:4px 8px;font-size:.5rem}.hero-section .svg-button{justify-content:center;gap:6px;width:100%;padding:12px 16px;font-size:.8125rem}}@media (max-width:380px){.hero-section{width:100%;max-width:100vw;padding-bottom:40px;overflow:hidden}.hero-section .container{box-sizing:border-box;gap:14px;width:100%;max-width:100%;padding:16px 14px 14px;overflow:hidden}.hero-section .banner_left_wrapper{text-align:center;box-sizing:border-box;align-items:center;gap:5px;width:100%;max-width:100%;min-height:0}.hero-section h1,.hero-section .h1-main-title{text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100%;margin-bottom:6px;font-size:1.125rem;line-height:1.2}.hero-section .sub-heading{text-align:center;width:100%;margin-bottom:4px;font-size:.75rem}.hero-section .text-l{text-align:center;width:100%;margin-bottom:10px;font-size:.6875rem}.hero-section h1{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center;width:100%;margin-bottom:12px;padding:0;font-size:1.375rem;line-height:1.15}.hero-section .text-l{text-align:center;width:100%;margin-bottom:20px;padding:0;font-size:.8125rem;line-height:1.5}.hero-section .sub-heading{text-align:center;width:100%;margin-bottom:10px;padding:0;font-size:.8125rem}.hero-section .banner-cta{flex-direction:column;justify-content:center;gap:8px;width:100%;padding:0}.hero-section .badge{margin-bottom:16px;padding:4px 8px;font-size:.5625rem}.hero-section .svg-button{justify-content:center;gap:6px;width:100%;padding:10px 16px;font-size:.8125rem}.hero-section .hero-banner-image{border-radius:6px}.hero-section .main-card{border-radius:16px;padding:16px}.hero-section .content-block{gap:10px;padding:12px}.hero-section .block-icon{border-radius:8px;width:36px;min-width:36px;height:36px}.hero-section .block-icon svg{width:18px;height:18px}.hero-section .block-title{font-size:.6875rem}.hero-section .block-description{font-size:.625rem}.hero-section .floating-label{padding:6px 12px;font-size:.75rem}}@media (max-width:360px){.hero-section{width:100%;max-width:100vw;padding-bottom:70px;overflow:hidden}.hero-section .container{box-sizing:border-box;gap:14px;width:100%;max-width:100%;padding:20px 12px 14px;overflow:hidden}.hero-section .banner_left_wrapper{text-align:center;box-sizing:border-box;align-items:center;width:100%;max-width:100%}.hero-section h1{text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100%;margin-bottom:8px;padding:0;font-size:1.0625rem;line-height:1.2}.hero-section .sub-heading{text-align:center;width:100%;margin-bottom:6px;padding:0;font-size:.6875rem}.hero-section .text-l{text-align:center;width:100%;margin-bottom:14px;padding:0;font-size:.625rem;line-height:1.4}.hero-section .banner-cta{flex-direction:column;gap:6px;width:100%;padding:0}.hero-section .badge{margin-bottom:10px;padding:3px 6px;font-size:.5rem}.hero-section .svg-button{justify-content:center;gap:5px;width:100%;padding:10px 14px;font-size:.75rem}}@media (hover:none) and (pointer:coarse){.hero-section .svg-button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.hero-section,.hero-section .orb-1,.hero-section .orb-2,.hero-section .shape-circle,.hero-section .floating-badge,.hero-section .badge-ring,.hero-section .badge-dot,.hero-section .main-card,.hero-section .floating-label,.hero-section .content-block{animation:none}.hero-section .btn:hover{transform:none}}
