html,body{overflow-x:hidden}.hero{box-sizing:border-box;justify-content:center;width:100%;margin-top:110px;padding:0 24px;display:flex}.hero-grid{border-radius:50px;width:100%;max-width:1600px;min-height:calc(100svh - 120px);display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:-1;background-color:#00000040;border-radius:50px;position:absolute;inset:0}.hero-bg{z-index:-2;position:absolute;inset:0}.hero-content{flex-direction:column;justify-content:flex-end;align-items:flex-start;margin:50px;display:flex}.hero-text{color:#fff;font-size:90px;font-family:var(--font-heading);max-width:60%;font-weight:100}.hero-button{color:#fff;background-color:#0000;background-image:linear-gradient(90deg,#6366f1,#a855f7,#3b82f6,#8b5cf6,#6366f1);background-repeat:no-repeat;background-size:0% 100%;border:3px solid #fff;border-radius:999px;margin-top:40px;padding:25px;font-size:20px;text-decoration:none;transition:color .3s,border-color .3s,background-size .3s;position:relative}.hero-button:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(90deg,#6366f1,#a855f7,#3b82f6,#8b5cf6,#6366f1) 0 0/300% 100%;border-radius:999px;padding:3px;transition:opacity .3s;animation:2s linear infinite paused gradientMove;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-button:hover:before{opacity:1;animation-play-state:running}.hero-button:hover{color:#fff;background-size:300% 100%;border-color:#0000;animation:2s linear infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}to{background-position:100%}}.hero-ratings{justify-content:flex-start;align-items:center;gap:30px;margin-top:10rem;display:flex}.hero-left{align-items:center;display:flex}.hero-icon-wrap{background-color:#fff;border-radius:50px;flex-shrink:0;width:60px;height:60px;margin-left:-5px;position:relative;overflow:hidden}.hero-icon-wrap:first-child{z-index:3;margin-left:0}.hero-icon-wrap:nth-child(2){z-index:2}.hero-icon-wrap:nth-child(3){z-index:1}.hero-right{flex-direction:column;gap:5px;display:flex}.stars{display:flex}.star-wrap{flex-shrink:0;width:25px;height:25px;margin-right:8px;position:relative}.rating-text span{color:#fff;font-size:20px}@media (min-width:769px) and (max-width:1024px){.hero-content{justify-content:flex-end;margin:30px}.hero-text{max-width:80%;margin-top:150px;font-size:80px}.hero-button{padding:22px 28px;font-size:27px}.hero-icon-wrap{width:70px;height:70px;margin-top:20px}.stars{gap:5px}.star-wrap{width:35px;height:35px;margin:10px 5px 0 0}.rating-text span{font-size:25px}.hero-ratings{flex-direction:column;align-items:flex-end;gap:20px;margin-top:1rem}}@media (max-width:768px){.hero{margin-top:95px;padding:0 16px}.hero-grid{min-height:unset;border-radius:32px;height:calc(100svh - 100px);max-height:calc(100svh - 100px)}.hero-overlay{border-radius:32px}.hero-content{justify-content:flex-end;margin:30px}.hero-text{max-width:80%;margin-top:200px;font-size:52px}.hero-button{border:2px solid #fff;margin-top:28px;padding:18px 22px;font-size:17px}.hero-icon-wrap{width:52px;height:52px;margin-top:20px}.stars{gap:4px}.star-wrap{width:22px;height:22px;margin:8px 4px 0 0}.rating-text span{font-size:16px}.hero-ratings{flex-direction:column;align-items:flex-end;gap:16px;margin-top:1rem}}@media (max-width:540px){.hero{margin-top:90px;padding:0 12px}.hero-grid{min-height:unset;border-radius:24px;height:calc(100svh - 95px);max-height:calc(100svh - 95px)}.hero-overlay{border-radius:24px}.hero-content{margin:16px}.hero-text{max-width:80%;margin-top:180px;font-size:42px}.hero-button{margin-top:22px;padding:14px 20px;font-size:15px}.hero-icon-wrap{width:42px;height:42px}.star-wrap{width:18px;height:18px;margin:6px 3px 0 0}.rating-text span{font-size:14px}.hero-ratings{gap:12px;margin:1rem 0}}@media (max-width:380px){.hero-grid,.hero-overlay{border-radius:18px}.hero-content{margin:10px}.hero-text{font-size:36px}.hero-button{margin-top:18px;padding:12px 18px;font-size:13px}.hero-icon-wrap{width:36px;height:36px}.star-wrap{width:15px;height:15px}.rating-text span{font-size:13px}}
