*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background-image:url(/images/main-background.svg);background-position:0 0;background-repeat:no-repeat;background-size:cover;width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}.grecaptcha-badge{z-index:999999999!important}.overflow-y-hidden{overflow-y:hidden}header{z-index:9999;justify-content:space-between;align-items:center;width:100%;height:100px;margin:1rem auto;padding:1rem 5%;display:flex;top:0;left:0;right:0}header img{cursor:pointer;filter:drop-shadow(0 4px 4px #00000040);max-height:70%}header nav ul{gap:2rem;margin:0;padding:0;list-style:none;display:flex}header nav li{align-items:center;display:flex}header nav a{color:#2f2f2f;outline:none;font-weight:600;text-decoration:none;transition:all .3s;position:relative}header nav a[aria-current=page]:after{content:"";background:#ffe4b0;height:2px;position:absolute;bottom:-5px;left:0;right:0}header nav a:hover{color:#ffe4b0;transform:translateY(-1px)}header nav a:active{color:#ffe4b0;transition:all .1s}header .menu-button{cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:flex-end;height:100%;padding:0;display:none}header .menu-button img{height:2rem}header .menu-button:hover{transform:scale(1.05)}header .nav-full-page{z-index:999999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:fixed;inset:0}header .nav-full-page>div{flex-direction:column;align-items:center;gap:.5rem;display:flex}header .nav-full-page a{color:#2f2f2f;text-align:center;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s}header .nav-full-page a[aria-current=page]{color:#ffe4b0}header .nav-full-page a:hover{color:#ffe4b0;transform:scale(1.05)}.breadcrumb{background:#ffe4b01a;border-bottom:1px solid #ffe4b04d;padding:1rem 5%}.breadcrumb ol{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{color:#494949;align-items:center;font-size:.875rem;display:flex}.breadcrumb a{color:#494949;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#2f2f2f;text-decoration:underline}.breadcrumb .breadcrumb-current{color:#2f2f2f;font-weight:500}.breadcrumb .breadcrumb-separator{color:#494949;margin:0 .5rem;font-size:.75rem}@media (max-width:768px){.breadcrumb{padding:.75rem 5%}.breadcrumb li{font-size:.8rem}.breadcrumb .breadcrumb-separator{margin:0 .3rem}}a{text-decoration:none}.loading-container{justify-content:center;align-items:center;width:100%;display:flex}.loading-container img{height:4rem}.loading-container.full{height:calc(100vh - 70px)}.button{color:#2f2f2f;cursor:pointer;background:#ffe4b0;border:0;border-radius:20px;justify-content:center;align-items:center;padding:1rem 2rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 4px #00000040}.button img{height:1.3rem}.button.dark{color:#fff;background:#494949}.button.dark img{margin-left:4rem}.button:active:not(.false),.button:hover:not(.false){transform:scale(1.1)}.button.red{color:#fff;background-color:#e85959}.button.icon{border-radius:50px;padding-left:5rem;padding-right:5rem}.button.icon img{margin-left:0;height:2rem!important;margin-right:1rem!important}.button.tenup{background:#232347;align-content:flex-start;margin-top:2rem;padding-left:2rem;padding-right:2rem;box-shadow:0 4px 4px #00000040}.button.tenup p{color:#fff;font-weight:700}.custom-input{width:40%;position:relative}.custom-input .custom-input-container{background:#494949;border-radius:30px;justify-content:center;align-items:center;width:100%;height:60px;padding:0 1rem;display:flex;box-shadow:0 4px 4px #00000040}.custom-input .custom-input-container img{height:40%;margin-right:.7rem}.custom-input .custom-input-container input{color:#fff;background:0 0;border:0;outline:none;width:100%;font-family:Montserrat,sans-serif;font-size:.9rem}.custom-input .custom-input-container input::placeholder{color:#fff}.custom-input .filter-content-container{color:#494949;z-index:9999999;background:#fff;border-radius:30px;width:100%;margin-top:1rem;position:absolute;box-shadow:0 4px 4px #00000040}.custom-input .filter-content-container .prop{cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;font-weight:500;display:flex}.custom-input .filter-content-container .prop:first-child{border-top-left-radius:30px;border-top-right-radius:30px;padding-top:1rem}.custom-input .filter-content-container .prop:last-child{border-bottom-right-radius:30px;border-bottom-left-radius:30px;padding-bottom:1rem}.custom-input .filter-content-container .prop:active,.custom-input .filter-content-container .prop:hover{color:#ffe4b0;background-color:#494949;transition:all .2s}.custom-input .no-prop{text-align:center;word-break:break-all;width:80%;margin:.8rem auto;font-size:.8rem;font-style:italic;position:absolute;left:0;right:0}.custom-subtitle{align-items:center;display:flex}.custom-subtitle img{filter:drop-shadow(0 4px 4px #00000040);height:2rem;margin-right:1rem}.custom-subtitle h3{color:#494949;font-size:1.5rem}img.wave{width:100%;position:absolute;bottom:0;left:0;right:0}img.tennis-player{animation:.2s linear FadeSlideIn;position:absolute;bottom:2rem;left:5rem}.pre-footer{margin-top:10rem;position:relative}.pre-footer img.wave{position:relative;bottom:-10px}main.home{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;width:100%;margin-top:7rem;padding-left:5%;padding-right:5%;display:flex;position:relative}main.home h1{clip:rect(1px,1px,1px,1px);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}main.home section{flex:1;margin-bottom:2rem}main.home section h2{text-align:left;color:#494949;width:100%;margin-bottom:2rem;padding-right:4rem;font-size:2.5rem;font-weight:600;animation:.2s ease-in FadeIn;position:relative}main.home section h2:after{content:"";z-index:-1;opacity:.4;background-image:url(/images/circle.svg);background-position:0;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:5%}main.home section h3{color:#494949;width:100%;margin-bottom:3rem;font-size:1.3rem;font-weight:200;animation:.2s ease-in FadeIn}main.home section .button-container{align-items:center;display:flex}main.home section .button-container .button{border-radius:50px;width:fit-content;height:60px;margin-right:2rem;font-size:1rem;animation:.3s ease-in-out forwards slideAndFadeInFromLeft;position:relative}main.home section .button-container .button img{margin-left:0;margin-right:1rem}main.home section .button-container .button .chip{background:#86e47e;border-radius:20px;margin-top:-.8rem;margin-right:-1rem;padding:.3rem .7rem;font-size:.8rem;position:absolute;top:0;right:0;box-shadow:0 4px 4px #00000040}main.home section:nth-child(3){justify-content:center;align-items:center;display:flex}main.home section:nth-child(3) img{filter:drop-shadow(0 4px 4px #00000040);animation:.3s ease-in-out forwards slideAndFadeInFromRight}section.solution{width:60%;margin:6rem auto 10rem;scroll-margin-top:80px}section.solution h4{color:#494949;margin:1.5rem 0 1rem;padding:0 3rem;font-size:1rem;font-weight:600}section.solution p{color:#494949;padding:0 3rem}section.solution p span.strong{font-weight:600}section.solution .box{justify-content:center;align-items:flex-start;margin-top:6rem;display:flex}section.solution .box img{border:1px solid #c9c9c9;border-radius:20px;width:150px;padding:2rem}section.solution .box .desc{width:calc(100% - 300px)}section.solution .box .desc h4{margin-top:0;margin-bottom:.3rem}section.solution .box:nth-child(odd){flex-direction:row-reverse}section.solution .box:nth-child(odd) h4,section.solution .box:nth-child(odd) p{text-align:right}section.solution .align-center{justify-content:center;align-items:center;width:100%;display:flex}section.solution .button.tenup p{padding-left:1rem}section.solution .tenup-container{background:#232347;width:100%;margin-top:4rem;padding:2rem 2rem 3rem;font-weight:500;animation:.3s ease-in-out forwards fadeIn;position:relative;box-shadow:0 4px 4px #00000040}section.solution .tenup-container p{color:#d3d3d3;text-align:center;margin:0;padding:0}section.solution .tenup-container p span{color:#fff;font-weight:600}section.solution .tenup-container .top{justify-content:center;align-items:center;margin-bottom:3rem;display:flex}section.solution .tenup-container img.adoc{filter:drop-shadow(0 4px 4px #81818140);height:100px}section.solution .tenup-container img:not(.adoc){height:50px}@keyframes bumpAnimation{0%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(2)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}section.equipment{width:60%;margin:0 auto 10rem}section.equipment .content{justify-content:center;align-items:flex-start;margin-top:5rem;display:flex}section.equipment .content .box{flex-direction:column;align-items:center;margin:0 6rem;display:flex}section.equipment .content .box img{filter:drop-shadow(0 4px 4px #00000040);height:150px}section.equipment .content .box p{text-align:center;font-style:italic;font-weight:italic;margin-top:2rem;font-size:.9rem}section.equipment .content .box p span.strong{font-weight:700}section.equipment .content .box .chip{color:#fff;background:#494949;border-radius:15px;width:fit-content;margin-top:1.5rem;padding:.5rem 1rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600}section#solution-box-list{background:radial-gradient(#fff2d73d,#fff);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;width:90%;margin:10rem auto 8rem;display:flex}.offer-box{z-index:999;background-color:#fff;border-radius:18px;width:450px;padding:1.5rem;font-family:Poppins,sans-serif;position:relative;box-shadow:0 4px 4px #00000040}.offer-box .chip{color:#fff;background:#494949;border-radius:15px;width:fit-content;margin-bottom:1.5rem;padding:.5rem 1rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600}.offer-box p{color:#6f6f6f;margin-bottom:3rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:300}.offer-box p span.strong{font-weight:700}.offer-box img{height:4rem;position:absolute;bottom:0;right:0}section#integrations{width:60%;margin:0 auto 10rem}section#integrations div:not(.custom-subtitle):not(.button){flex-direction:column;justify-content:center;align-items:center;margin-top:6rem;display:flex}section#integrations div:not(.custom-subtitle):not(.button) img{width:80%;height:100%}section#integrations div:not(.custom-subtitle):not(.button) .button{border-radius:50px;flex-direction:row;width:fit-content;height:60px;margin-top:5rem;margin-right:2rem;font-size:1rem;display:flex;position:relative}section#integrations div:not(.custom-subtitle):not(.button) .button img{object-fit:contain;width:auto;height:1.3rem;margin-left:0;margin-right:1rem}section.simple{width:60%;margin:0 auto 10rem}section.simple p{color:#494949;text-align:center;margin-top:3rem}section.simple p span.strong{font-weight:600}section.simple .content{flex-direction:column;justify-content:center;align-items:center;width:60%;margin:0 auto;display:flex}section.simple .content .button{margin-top:3rem}main.all-club{width:100%;height:80vh;padding-top:1rem}main.all-club header{margin-top:0}main.all-club h1{color:#494949;text-align:center;margin-bottom:3rem}main.all-club>section:not(.pre-footer){flex-direction:column;justify-content:center;align-items:center;height:60%;display:flex}main.all-club>section:not(.pre-footer) section.input{width:60%}main.all-club>section:not(.pre-footer) section.input .custom-input{width:100%}main.all-club>section:not(.pre-footer) section.input .custom-input .custom-input-container{background:#fff}main.all-club>section:not(.pre-footer) section.input .custom-input .custom-input-container input{color:#000}main.all-club>section:not(.pre-footer) section.input .custom-input .custom-input-container input::placeholder{color:#494949}footer{color:#fff;background-color:#494949;width:100%;height:auto;min-height:30vh;padding:2rem 8rem;position:relative}footer p.copyright{text-align:center;font-style:italic;position:absolute}footer .content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}footer .content .footer-left{flex:none;min-width:300px;max-width:400px}footer .content .footer-left h3{margin-bottom:1rem}footer .content .footer-left h3 img{object-fit:contain;object-position:left;width:180px;height:auto;max-height:70px}footer .content .footer-description{color:#e0e0e0;margin:0 0 2rem;font-size:.95rem;line-height:1.5}footer .content .footer-description strong{color:#ffe4b0;font-weight:600}footer .content .nav{flex-wrap:wrap;gap:2rem;display:flex}footer .content .nav .nav-box{margin-bottom:2rem;margin-left:0}footer .content .nav .nav-box h4{font-weight:600}footer .content .nav .nav-box a{color:#fff;cursor:pointer;justify-content:flex-start;align-items:center;margin-top:1rem;text-decoration:none;display:flex}footer .content .nav .nav-box a img{object-fit:contain;width:1rem;height:1rem;margin-right:.3rem}footer .content .nav .nav-box a:hover{color:#ffe4b0}footer .sportech-logo{text-align:right;margin-top:20px;padding-top:15px}@keyframes FadeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes FadeSlideInTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}main.club-detail-container,main.success-container{width:70%;margin:3rem auto 5rem}main.club-detail-container h1,main.success-container h1{color:#494949;font-size:2.5rem;font-weight:600}main.club-detail-container .address,main.success-container .address{color:#999;font-style:italic}main.club-detail-container .flex-container,main.success-container .flex-container{justify-content:space-between;align-items:flex-start;display:flex}main.club-detail-container .flex-container .info,main.success-container .flex-container .info{flex:1}main.club-detail-container .flex-container .info .description,main.success-container .flex-container .info .description{color:#494949;margin-top:2rem}main.club-detail-container .flex-container .info a.button,main.success-container .flex-container .info a.button{border-radius:30px;width:fit-content;margin-top:1rem}main.club-detail-container .flex-container .info a.button img,main.success-container .flex-container .info a.button img{height:2rem;margin:0 1rem 0 0}main.club-detail-container .flex-container .info a.button:first-of-type,main.success-container .flex-container .info a.button:first-of-type{margin-top:3rem}main.club-detail-container .flex-container .info .box-info,main.success-container .flex-container .info .box-info{background:#494949;border-radius:20px;margin-top:2rem;padding:1rem 1.4rem;box-shadow:0 4px 4px #00000040}main.club-detail-container .flex-container .info .box-info .content,main.success-container .flex-container .info .box-info .content{flex-flow:column wrap;display:flex}main.club-detail-container .flex-container .info .box-info .content div.pre-img,main.success-container .flex-container .info .box-info .content div.pre-img{align-items:center;margin-bottom:1rem;display:flex}main.club-detail-container .flex-container .info .box-info .content div.pre-img img,main.success-container .flex-container .info .box-info .content div.pre-img img{object-fit:contain;filter:drop-shadow(0 4px 4px #00000040);width:4rem;height:2rem;margin-right:1rem}main.club-detail-container .flex-container .info .box-info .content div.pre-img,main.success-container .flex-container .info .box-info .content div.pre-img{color:#fff;font-weight:600}main.club-detail-container .flex-container .info .box-info .content div.pre-img p.field,main.success-container .flex-container .info .box-info .content div.pre-img p.field{margin:0}main.club-detail-container .flex-container .info .box-info .content.fix,main.success-container .flex-container .info .box-info .content.fix{height:100px}main.club-detail-container .flex-container .info .box-info .subtitle h3,main.success-container .flex-container .info .box-info .subtitle h3{font-size:1rem;font-weight:600}main.club-detail-container .flex-container .info .box-info .subtitle .bar,main.success-container .flex-container .info .box-info .subtitle .bar{margin-top:.2rem}main.club-detail-container .flex-container .info .box-info .subtitle,main.success-container .flex-container .info .box-info .subtitle{margin-bottom:1rem}main.club-detail-container .flex-container .info .box-info p.field,main.success-container .flex-container .info .box-info p.field{color:#ffe4b0;margin-bottom:.2rem;font-style:normal;font-weight:600}main.club-detail-container .flex-container .info .box-info span,main.success-container .flex-container .info .box-info span{color:#fff;font-style:italic;font-weight:400}main.club-detail-container .flex-container .maps-container,main.success-container .flex-container .maps-container{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-end;margin-left:5rem;display:flex}main.club-detail-container .flex-container .maps-container .top-picture,main.success-container .flex-container .maps-container .top-picture{object-fit:cover;object-position:center;border-radius:25px;width:80%;height:200px;margin:2rem 0;transition:all .2s;box-shadow:0 4px 4px #00000040}main.club-detail-container .flex-container .maps-container .top-picture:hover,main.success-container .flex-container .maps-container .top-picture:hover{transform:scale(1.1)}main.club-detail-container .flex-container .maps-container iframe,main.success-container .flex-container .maps-container iframe{border:0;border-radius:20px;width:80%;height:300px;box-shadow:0 4px 4px #00000040}main.club-detail-container .flex-container .maps-container .social-network,main.success-container .flex-container .maps-container .social-network{width:80%;margin-top:3rem}main.club-detail-container .flex-container .maps-container .social-network h3,main.success-container .flex-container .maps-container .social-network h3{color:#2f2f2f;margin-bottom:1rem;font-weight:600}main.club-detail-container .flex-container .maps-container .social-network .list,main.success-container .flex-container .maps-container .social-network .list{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;display:flex}main.club-detail-container .flex-container .maps-container .social-network .list img,main.success-container .flex-container .maps-container .social-network .list img{object-fit:contain;object-position:center;width:2rem;height:2rem;margin-right:2rem}.timeslots-container{margin-top:4rem}.timeslots-container .loading-container:not(.button-layout){margin-top:3rem}.timeslots-container .loading-container.button-layout{margin-top:0}.timeslots-container .loading-container.button-layout img{height:2rem!important}.timeslots-container .top-navigation{justify-content:space-around;align-items:center;width:70%;margin:0 auto;display:flex}.timeslots-container .top-navigation img{cursor:pointer;height:2rem}.timeslots-container .top-navigation img.blocked{opacity:.5;cursor:auto}.timeslots-container .top-navigation .day{text-align:center;color:#2f2f2f;cursor:pointer;border-radius:20px;padding:1rem 1.7rem}.timeslots-container .top-navigation .day p:first-of-type{font-weight:600}.timeslots-container .top-navigation .day p:nth-of-type(2){font-size:.8rem}.timeslots-container .top-navigation .day.true{background:#ffe4b0b3;box-shadow:0 4px 4px #81818140}.timeslots-container .day-render{justify-content:center;margin-top:3rem;display:flex}.timeslots-container .day-render .day-container{justify-content:center;align-items:center;display:flex}.timeslots-container .day-render .day-container .fake-box{filter:blur(16px);opacity:.8;background:#2f2f2f;border-top-left-radius:25px;border-top-right-radius:25px;width:250px;height:350px}.timeslots-container .day-render .current-day-box{background:#494949;border-top-left-radius:25px;border-top-right-radius:25px;width:350px;height:450px;padding-top:3rem;animation:.5s ease-in FadeIn;position:relative;box-shadow:0 4px 4px #00000040}.timeslots-container .day-render .current-day-box .current-day{text-align:center;color:#ffe4b0;z-index:9;border-top-left-radius:25px;border-top-right-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:3rem;font-size:1rem;font-style:italic;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.timeslots-container .day-render .current-day-box .current-day span{color:gray;text-align:center;font-size:.8rem;font-style:italic;font-weight:400}.timeslots-container .day-render .current-day-box .planning-content{height:100%;padding-top:1.5rem;overflow:auto}.timeslots-container .day-render .current-day-box .planning-content .p-box{background:#92e3a9a6;border-bottom:1px solid #494949;align-items:center;height:80px;display:flex;position:relative;overflow:hidden}.timeslots-container .day-render .current-day-box .planning-content .p-box .hours-box{flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.timeslots-container .day-render .current-day-box .planning-content .p-box .hours-box p{color:#494949;width:fit-content;margin-left:.5rem;font-size:.8rem;font-style:italic;position:absolute;top:.1rem;left:0}.timeslots-container .day-render .current-day-box .planning-content .p-box .hours-box p.first{color:#fff}.timeslots-container .day-render .current-day-box .planning-content .p-box .hours-box p.bottom{top:auto;bottom:.1rem}.timeslots-container .day-render .current-day-box .planning-content .p-box .f-container{align-items:center;width:350px;height:100%;padding:0 2rem;display:flex;overflow-x:auto}.timeslots-container .day-render .current-day-box .planning-content .p-box .f-container .f-box{color:#ffe4b0;background:#494949;border-radius:15px;justify-content:center;align-items:center;width:auto;margin:0 auto;padding:.8rem 2rem;font-size:.8rem;font-style:italic;font-weight:600;display:flex;box-shadow:0 4px 4px #00000040}.timeslots-container .day-render .current-day-box .planning-content .p-box .f-container .f-box:not(.reserved):hover{filter:brightness(90%);cursor:pointer;transition:all .2s}.timeslots-container .day-render .current-day-box .planning-content .p-box .f-container::-webkit-scrollbar{height:6px}.timeslots-container .day-render .current-day-box .planning-content .p-box .f-container::-webkit-scrollbar-thumb{background-color:#0000001f;border-radius:3px}.timeslots-container .day-render .current-day-box .planning-content .p-box .f-container::-webkit-scrollbar-thumb:hover{background-color:#00000054;border-radius:3px}.timeslots-container .day-render .current-day-box .planning-content .p-box.dashed{border-bottom:1px dashed #494949}.timeslots-container .day-render .current-day-box .planning-content .p-box.red{cursor:auto;background:#e85959a6 repeating-linear-gradient(135deg,#0000,#0000 5px,#802525 15px 10px)}.timeslots-container .day-render .current-day-box .planning-content .p-box.red .hours-box p{color:#fff}.timeslots-container .day-render .current-day-box .planning-content .p-box.gray{cursor:auto;background:#ececec4d}.timeslots-container .day-render .current-day-box .planning-content::-webkit-scrollbar{width:6px}.timeslots-container .day-render .current-day-box .planning-content::-webkit-scrollbar-thumb{background-color:#ffe4b04d;border-radius:3px}.timeslots-container .hours-details-container{background:#494949;border-radius:25px;margin-top:5rem;padding:1.5rem 2rem 0 1.5rem;scroll-margin-top:100px;animation:.5s ease-in FadeIn;box-shadow:0 4px 4px #81818140}.timeslots-container .hours-details-container h2{color:#fff;justify-content:center;align-items:center;font-size:1.4rem;font-weight:600;display:flex}.timeslots-container .hours-details-container h2 img{height:2.5rem;margin-right:1rem}.timeslots-container .hours-details-container .details-hours{color:#fff;text-align:center;font-size:.9rem;font-style:italic}.timeslots-container .hours-details-container .field-container{flex-wrap:wrap;justify-content:center;align-items:center;margin-top:2rem;display:flex}.timeslots-container .hours-details-container .field-container .field-box{background:#ffe4b0;border-radius:25px;width:280px;margin-bottom:2rem;margin-right:2rem;box-shadow:0 4px 4px #81818140}.timeslots-container .hours-details-container .field-container .field-box .field-contain{padding:1rem 1.5rem}.timeslots-container .hours-details-container .field-container .field-box img{filter:drop-shadow(0 4px 4px #81818140);object-fit:contain;width:100%;height:7rem;margin:0 auto;padding-top:1rem}.timeslots-container .hours-details-container .field-container .field-box .img-top-container{position:relative}.timeslots-container .hours-details-container .field-container .field-box .img-top-container img.full-pic{object-fit:cover;object-position:center;border-bottom:5px solid #2f2f2f;border-radius:23px 23px 0 0;width:100%;padding-top:0;box-shadow:0 4px 4px #00000040}.timeslots-container .hours-details-container .field-container .field-box .img-top-container img.right,.timeslots-container .hours-details-container .field-container .field-box .img-top-container img.left{filter:drop-shadow(0 4px 4px #00000040);cursor:pointer;width:1.5rem;height:1.5rem;margin-bottom:.7rem;position:absolute;bottom:0}.timeslots-container .hours-details-container .field-container .field-box .img-top-container img.right{right:0}.timeslots-container .hours-details-container .field-container .field-box .img-top-container img.left{left:0}.timeslots-container .hours-details-container .field-container .field-box .type{text-align:center;color:#494949;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.timeslots-container .hours-details-container .field-container .field-box .info{color:#494949;font-size:1rem;font-style:italic}.timeslots-container .hours-details-container .field-container .field-box .info .bold{font-weight:600}.timeslots-container .hours-details-container .field-container .field-box .price{color:#494949;text-align:center;margin:1.7rem 0 .6rem;font-size:1.7rem;font-weight:700}.timeslots-container .hours-details-container .field-container .field-box .price span{font-size:.8rem;font-style:italic;font-weight:600}.timeslots-container .hours-details-container .select-time-container{justify-content:space-between;align-items:stretch;animation:.5s ease-in FadeIn;display:flex}.timeslots-container .hours-details-container .select-time-container .add-hours-manager{flex-direction:column;justify-content:space-between;align-items:center;margin-left:8rem;animation:.5s ease-in FadeIn;display:flex}.timeslots-container .hours-details-container .select-time-container .add-hours-manager>div{flex-direction:column;justify-content:center;align-items:center;margin-top:4rem;display:flex}.timeslots-container .hours-details-container .select-time-container .add-hours-manager .button{margin-top:2rem;margin-bottom:2rem;box-shadow:0 4px 4px #81818140}.timeslots-container .hours-details-container .select-time-container .add-hours-manager img{filter:drop-shadow(0 4px 4px #00000040);height:4rem}.timeslots-container .hours-details-container .select-time-container .add-hours-manager .indexer{justify-content:space-between;align-items:center;width:170px;margin-top:1.5rem;display:flex}.timeslots-container .hours-details-container .select-time-container .add-hours-manager .indexer img{cursor:pointer;height:1.5rem;margin-top:1rem}.timeslots-container .hours-details-container .select-time-container .add-hours-manager .indexer p{color:#fff;text-align:center;margin:1rem 1rem 0;font-weight:600}.planning .full-popup .plan-container{align-items:center;margin-top:2rem;display:flex}.planning .full-popup .plan-container .f-box{cursor:pointer;color:#494949;background:#ffe4b0;border-radius:15px;justify-content:center;align-items:center;width:65px;min-width:55px;margin:0 1rem 0 .2rem;padding:.8rem 0;font-size:1rem;font-style:italic;font-weight:600;display:flex;box-shadow:0 4px 4px #00000040}.planning .full-popup .plan-container .f-box.reserved{width:auto;margin:0 auto;padding:.8rem 2rem}.planning .full-popup .plan-container .f-box:hover{filter:brightness(90%);transition:all .2s}main.success-container .success-box{color:#fff;background-color:#494949;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:40%;margin:4rem auto 0;padding:2rem 5rem;animation:.5s ease-in FadeIn;display:flex;box-shadow:0 4px 4px #81818140}main.success-container .success-box img{filter:drop-shadow(0 4px 4px #81818140);height:7rem}main.success-container .success-box p{text-align:center;margin-top:2rem;font-weight:600}main.success-container .success-box p span{color:#ffe4b0;font-style:italic}main.success-container .success-box p.code-label{text-align:center;font-size:.8rem;font-style:italic;font-weight:lighter}main.success-container .success-box p.code{letter-spacing:8px;margin-top:0;font-size:2rem;font-weight:600}.back-button{text-align:center;color:#ad863eb3;cursor:pointer;margin-top:1rem;font-size:.9rem;font-style:italic}.back-button:hover{color:#ad863e}main.contacts{padding:3rem 5%}main.contacts h1{color:#494949;margin-bottom:2rem}main.contacts p.desc{color:#9c9c9c;width:50%;margin-bottom:1rem;font-style:italic}main.contacts p.desc a,main.contacts p.desc span{color:#ad863eb3;cursor:pointer}main.contacts p.desc span:hover{color:#ad863e}main.contacts p.desc:last-of-type{margin-bottom:2rem}main.contacts .container{background:#494949;border-radius:25px;flex-direction:column;width:100%;padding:1.5rem 2rem;display:flex;box-shadow:0 4px 4px #00000040}main.contacts .container .label{color:#fff;margin-bottom:.5rem;font-style:italic;font-weight:600}main.contacts .container input[type=text],main.contacts .container textarea{background:#ffe4b0;border:0;border-radius:10px;outline:none;width:100%;margin-bottom:1.7rem;padding:.8rem 1rem;font-family:Montserrat,sans-serif;box-shadow:0 4px 4px #81818140}main.contacts .container textarea{resize:none;width:60%;height:100px}main.contacts .container .button{align-self:flex-end;width:fit-content;box-shadow:0 4px 4px #81818140}main.contacts .container .align{width:60%;display:flex}main.contacts .container .align>div{flex:1}main.contacts .container .align>div:nth-child(2){margin-left:3rem}main.building-container{flex-direction:column;justify-content:center;align-items:center;margin-top:6rem;display:flex}main.building-container h1{color:#2f2f2f;text-align:center;width:40%;margin-top:2rem;font-size:1.6rem;font-style:italic;font-weight:600}main.building-container img.building{filter:drop-shadow(0 4px 4px #00000040);height:300px;margin-top:2rem}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideAndFadeInFromBottom{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}@keyframes slideAndFadeInFromLeft{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}@keyframes slideAndFadeInFromRight{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:translate(0)}}.popup{z-index:2147483647;color:#fff;border-right:0;justify-self:center;align-items:center;width:450px;padding:1.3rem 2.5rem 1.3rem 1.5rem;font-weight:600;animation:.5s ease-in slideAndFadeInFromBottom;display:flex;position:fixed;top:70px;right:0;box-shadow:0 4px 4px #00000040}.popup img{height:2rem;margin-right:1.4rem}.popup.success{background:#519b51}.popup.error{background:#933434}.popup.warning{background:#d19e2a}#install-image{justify-content:center;align-items:center;gap:3rem;margin-top:6rem;display:flex}#install-image img{filter:drop-shadow(0 4px 4px #00000040);height:200px}#video-pub{justify-content:center;align-items:center;height:350px;animation:.5s ease-in FadeIn;display:flex}#video-pub video{filter:drop-shadow(0 4px 4px #00000040);border-radius:20px;height:100%}@keyframes Remove{0%{opacity:1}to{opacity:0;display:none}}.popup.remove{animation:.5s ease-in forwards Remove}.form-container{background-color:#494949;border-radius:30px;flex-direction:column;width:600px;margin:2rem auto 0;padding:1rem 2rem;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.form-container img.racket{filter:drop-shadow(0 4px 4px #00000040);height:50px;animation:.5s ease-in slideAndFadeInFromBottom;position:absolute;top:-10px;left:-20px}.form-container img.club-picture{box-sizing:border-box;object-fit:cover;object-position:center;border-top-left-radius:30px;border-top-right-radius:30px;width:100%;height:auto;max-height:200px;box-shadow:0 4px 4px #81818140}.form-container p.no-register-method{color:#fff;text-align:center;padding:2rem;font-size:.8rem;font-style:italic}.form-container form{flex-direction:column;padding:1rem 2rem;display:flex}.form-container h1{color:#fff;margin:0;padding:1rem 2rem 0;font-size:1.8rem;font-weight:600}.form-container .sub{color:#fff;padding:0 2rem;font-size:.8rem;font-style:italic}.form-container .sub a{color:#ffe4b0;text-decoration:none}.form-container .align-h{justify-content:center;align-items:center;display:flex}.form-container .align-h .custom-input-container{flex:1}.form-container .align-h .custom-input-container:first-child{margin-right:2rem}.form-container .fft-auth{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;padding:0 1rem;display:flex}.form-container .fft-auth .button.tenup img{height:1rem!important}.form-container .fft-auth .button.tenup{text-align:center;margin-bottom:2rem;box-shadow:0 4px 4px #81818140}.form-container .fft-auth .sep{background:#fff;width:50%;height:1px}.form-container .custom-input-container{flex-direction:column;justify-content:center;margin-top:1.7rem;display:flex}.form-container .custom-input-container .label{color:#fff;font-weight:600}.form-container .custom-input-container .input-box{background:#ffe4b0;border-radius:20px;align-items:center;height:45px;margin-top:.6rem;padding:.5rem .5rem .5rem 1rem;display:flex;box-shadow:0 4px 4px #ffffff40}.form-container .custom-input-container .input-box img{width:20px;height:20px}.form-container .custom-input-container .input-box input{background:0 0;border:none;outline:none;width:100%;padding-left:.5rem}.form-container .custom-input-container .input-box input[type=date]{appearance:textfield;min-height:1.2em;display:block}.form-container .custom-input-container .input-box input::placeholder{font-style:italic}.form-container .accept-cgu{color:#fff;justify-content:center;margin-top:1.5rem;font-size:.8rem;font-weight:600;display:flex}.form-container .accept-cgu .box{cursor:pointer;border:2px solid #ffe4b0;border-radius:5px;width:15px;height:15px;margin-right:1.5rem}.form-container .accept-cgu .box.accepted{background-color:#ffe4b0;transition:all .3s}.form-container .accept-cgu a{color:#ffe4b0;text-decoration:none}.form-container .accept-cgu p{flex:1;display:block}.form-container .info{color:#fff;margin-top:1.5rem;font-size:.8rem;font-weight:600}.form-container .forgot-pass{text-align:right;color:#fff;cursor:pointer;margin-top:.5rem;font-size:.8rem;font-style:italic;font-weight:600}.form-container .forgot-pass:hover{color:#ffe4b0;transition:all .2s}.form-container button{align-self:flex-end;margin-top:1.5rem;box-shadow:0 4px 4px #81818140}.form-container .account-created{color:#fff;padding:1rem}.form-container .account-created p{text-align:center;margin-top:1rem}.form-container .account-created p span{color:#ffe4b0;font-weight:600}.form-container .account-created p:first-of-type{text-align:center;margin-top:0;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.form-container .account-created .button{margin-top:2rem;box-shadow:0 4px 4px #81818140}.form-container .account-created .warning{font-size:.9rem;font-style:italic;font-weight:600}.form-container.auth{padding:0}.account-container{width:90%;margin:4rem auto 0}.account-container .full-popup{z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.account-container .full-popup .close{cursor:pointer;height:4rem;padding:1rem;position:absolute;top:0;right:0}.account-container .full-popup .content{color:#fff;background:#494949;border-radius:25px;width:60%;height:fit-content;max-height:80vh;padding:1.5rem 2rem;position:relative;overflow-y:scroll;box-shadow:0 4px 4px #81818140}.account-container .full-popup .content h2{justify-content:flex-start;align-items:center;margin-bottom:1rem;display:flex}.account-container .full-popup .content h2 img{filter:drop-shadow(0 4px 4px #81818140);height:2rem;margin-right:1rem}.account-container .full-popup .content .sub.warn{color:#a0a0a0cf;margin-top:2rem;font-size:.8rem;font-style:italic}.account-container .full-popup .content .result{text-align:center;margin-top:2rem;font-style:italic}.account-container .full-popup .content .club-box{width:100%;margin-top:2rem;display:flex}.account-container .full-popup .content .club-box img{object-fit:cover;border-radius:20px;width:60%;max-height:150px;margin-right:2rem;box-shadow:0 4px 4px #81818140}.account-container .full-popup .content .club-box .info{flex-direction:column;justify-content:space-between;display:flex}.account-container .full-popup .content .club-box .info>div h3{color:#fff}.account-container .full-popup .content .club-box .info>div .address{color:#b2b2b296;font-style:italic}.account-container .full-popup .content .club-box .info .button{width:fit-content;margin-top:1rem}.account-container .full-popup .content .club-box .info .button.notclickable{opacity:.5;cursor:auto;transform:none}.account-container .info-container{justify-content:space-between;display:flex}.account-container .info-container .fft-account{color:#2f2f2f;align-items:flex-start;margin-bottom:2rem;font-weight:600;display:flex}.account-container .info-container .fft-account img{height:1rem;margin-left:.3rem}.account-container .info-container .name-box{justify-content:flex-start;align-items:center;display:flex}.account-container .info-container .name-box h2{color:#2f2f2f;margin-right:1rem;font-size:2rem}.account-container .info-container .name-box img{cursor:pointer;height:1.3rem}.account-container .info-container .field{align-items:center;margin-bottom:1rem;display:flex}.account-container .info-container .field img{filter:drop-shadow(0 4px 4px #00000040);height:2rem;margin-right:1rem}.account-container .info-container .field p{color:#494949}.account-container .info-container .field input{color:color;background:0 0;border:1px solid #2f2f2f;border-radius:20px;outline:none;margin-right:2rem;padding:.6rem 1rem;font-family:Montserrat,sans-serif;font-style:italic;box-shadow:0 4px 4px #00000040}.account-container .info-container .field .valid-button{cursor:pointer;animation:.2s linear FadeIn}.account-container .info-container .img-container{width:fit-content;position:relative}.account-container .info-container .img-container .profil-pic{object-fit:cover;object-position:center;cursor:pointer;border:3px solid #494949;border-radius:15px;width:10rem;height:10rem;box-shadow:0 4px 4px #00000040}.account-container .info-container .img-container .img-remove-button{background:#933434;border-radius:50%;width:2.5rem;height:2.5rem;padding:.3rem;position:absolute;bottom:0;right:0}.account-container .info-container .img-container .img-remove-button img{object-fit:contain;width:100%;height:100%;padding:0}.account-container .subtitle{margin-top:3rem}.account-container .join-club{justify-content:flex-start;width:fit-content;margin-bottom:2rem;padding:1rem 2rem}.account-container .club-section .club-box{background-color:#494949;border-radius:20px;width:50%;min-width:600px;margin-bottom:2rem;padding:1.5rem 2rem;box-shadow:0 4px 4px #00000040}.account-container .club-section .club-box p{color:#fff}.account-container .club-section .club-box p.club-name{color:#fff;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.account-container .club-section .club-box .info{align-items:center;margin-bottom:1rem;display:flex}.account-container .club-section .club-box .info p{margin:0;font-size:1rem;font-weight:400}.account-container .club-section .club-box .info img{height:2rem;margin-right:1rem}.account-container .club-section .club-box .price-container{flex-flow:column wrap;justify-content:center;align-items:center;animation:.2s linear FadeSlideIn;display:flex}.account-container .club-section .club-box .price-container .price-info{cursor:pointer;background:#ffe4b0;border-radius:20px;flex-direction:column;align-items:center;width:100%;margin-bottom:1rem;padding:.5rem 1rem;transition:all .1s ease-in;display:flex;box-shadow:0 4px 4px #81818140}.account-container .club-section .club-box .price-container .price-info p{text-align:center;color:#494949;width:fit-content}.account-container .club-section .club-box .price-container .price-info p.time{margin-bottom:0;font-size:1.6rem;font-weight:600}.account-container .club-section .club-box .price-container .price-info p.price{margin-bottom:0;font-size:1rem;font-style:italic;font-weight:400}.account-container .club-section .club-box .price-container .price-info img{height:2rem}.account-container .club-section .club-box .price-container .price-info:hover{transform:scale(1.01)}.account-container .club-section .club-box .button-container{justify-content:flex-end;align-items:center;display:flex}.account-container .club-section .club-box .button-container .button{margin-bottom:0;margin-left:1rem;margin-right:0;box-shadow:0 4px 4px #81818140}.account-container .club-section .club-box .button-container .button:hover{transform:none}.account-container .club-section .club-box .button-container .button:active{transform:scale(1.1)}.account-container .club-section .club-box.form-container{margin:1rem 0 0;animation:.2s linear FadeSlideIn}.account-container .club-section .club-box.form-container .button{box-shadow:0 4px 4px #81818140}.account-container .button-container{flex-wrap:wrap;align-items:center;display:flex}.account-container .button-container .button{margin-bottom:1rem;margin-right:1rem}.subtitle{color:#494949;width:fit-content;margin-bottom:2rem}.subtitle .bar{background-color:#ffe4b0;width:80%;height:3px}.subtitle.light{color:#fff}.cgu-container{color:#494949;width:60%;margin:7rem auto 0;position:relative}.cgu-container h2{color:#2f2f2f;margin-bottom:2rem}.cgu-container .subtitle{margin-top:2rem;font-weight:600}.cgu-container ul{margin-top:1rem;margin-bottom:1rem;margin-left:1.5rem}.cgu-container a{color:#2f2f2f;font-style:italic;font-weight:600}.cgu-container a:hover{color:#ffe4b0}.redirect-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 2rem;display:flex}.redirect-container img.logo{height:4rem;margin-bottom:3rem}.redirect-container{text-align:center;font-weight:600}.redirect-container a{color:#781313;margin-top:1rem;font-style:italic;font-weight:400}.solution-container h1{text-align:center;color:#494949;z-index:1;background-color:#0000;width:70%;max-width:700px;margin:0 auto;font-weight:600;position:relative}.solution-container h1:after{content:"";z-index:-1;opacity:.6;background-image:url(/images/circle.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:70%;height:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.solution-container .banner{justify-content:center;align-items:center;margin-top:5rem;display:flex}.solution-container .banner img{max-width:80%;height:20%}.solution-container .tools{flex-direction:column;justify-content:center;align-items:center;width:60%;max-width:800px;margin:5rem auto 0;display:flex}.solution-container .tools>div{width:100%;margin-bottom:5rem;display:flex}.solution-container .tools>div .subtitle{margin-bottom:1rem}.solution-container .tools>div img{height:6rem;margin-right:2rem}.solution-container .tools>div>div p{text-align:left;width:70%}.solution-container .tools>div:nth-child(2n)>div{flex-direction:column;align-items:flex-end;display:flex}.solution-container .tools>div:nth-child(2n)>div p{text-align:right}.solution-container .tools>div:nth-child(2n) img{margin-left:2rem}.solution-container .explanation{width:60%;max-width:800px;margin-top:0;padding-left:3rem}.solution-container section{width:70%;margin:2rem auto 4rem}.solution-container section p{width:70%;margin:0 auto .5rem}.solution-container section h2{text-align:center;color:#494949;width:100%;margin-bottom:2rem}.solution-container section .img-and-text{justify-content:center;align-items:center;display:flex}.solution-container section .img-and-text img{filter:drop-shadow(0 4px 4px #00000040);height:300px}.solution-container section .img-and-text p span{font-weight:600}.solution-container section .img-and-text.small{width:80%;margin:4rem auto 0}.solution-container section .img-and-text.small p{text-align:right;width:80%}.solution-container section .img-and-text.small img{height:6rem;margin-right:8rem;transform:rotate(-20deg)}.solution-container .tenup{color:#fff;text-align:center;background:#232347;width:100%;margin-top:3rem;padding:4rem 0;box-shadow:0 4px 4px #00000040}.solution-container .tenup p{width:70%;max-width:1000px;margin-top:2rem}.solution-container .tenup img{margin:0 auto}.solution-container .tenup span{font-weight:600}.solution-container .button{width:fit-content;margin:7rem auto}.solution-container section .img-example{justify-content:center;align-items:center;margin-top:5rem;display:flex}.solution-container section .img-example .img-box{flex-direction:column;justify-content:center;align-items:center;display:flex}.solution-container section .img-example .img-box img{object-fit:contain;border:3px solid #494949;margin-bottom:2rem;box-shadow:0 4px 4px #00000040;height:250px!important}.solution-container section .img-example .img-box p{text-align:center}.solution-container span.strong{font-weight:600}.solution-container span.underline{text-decoration:underline}.solution-container span.clickable{cursor:pointer}.solution-container section.align-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.solution-container section.align-center p{text-align:center}.solution-container .bar-svg{z-index:1;background-color:#0000;position:relative}.solution-container .bar-svg:after{content:"";z-index:-1;opacity:.8;background-image:url(/images/bar.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,15%)}#cookie-popup-container{z-index:99999999;pointer-events:none;position:fixed;inset:0}#cookie-popup-container>div{z-index:99999999;color:#fff;background:#494949;border-radius:10px;flex-direction:column;width:400px;max-width:90vw;margin:1rem;padding:1rem;font-size:.8rem;font-weight:500;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 4px #00000040}#cookie-popup-container>div .continue{cursor:pointer;text-align:right;pointer-events:visible;border:1px solid gray;border-radius:6px;align-self:flex-end;width:fit-content;margin-top:.7rem;padding:.2rem .5rem;font-size:.7rem;font-weight:500}#cookie-popup-container>div>div{gap:.3rem;display:flex}#cookie-popup-container>div>div a{color:#fff;opacity:.6;border:none!important}main#faq-container{flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:850px;margin:0 auto;display:flex}main#faq-container h1{color:#2f2f2f;margin-bottom:2rem}main#faq-container div{width:100%}main#faq-container div .faq-item{margin-bottom:.8rem}main#faq-container div .faq-item,main#faq-container div button{text-align:left;border:0;border-radius:5px;width:100%;font-weight:500;box-shadow:0 4px 4px #81818140}main#faq-container div .faq-item span,main#faq-container div button span{margin-right:1rem;transition:transform .2s;display:inline-block;transform:rotate(-90deg)}main#faq-container div .faq-item span.rotate,main#faq-container div button span.rotate{transform:rotate(0)}main#faq-container div button{cursor:pointer;outline:none;height:40px;padding-left:1rem}main#faq-container div button:hover{filter:contrast(13px)}main#faq-container div .faq-content{padding:.8rem}main#calculator{width:90%;max-width:1200px;margin:0 auto;padding-bottom:3rem}main#calculator h1{margin-left:1rem;font-size:1.2rem;font-weight:600}main#calculator>p{width:70%;font-weight:lighter}main#calculator .input-container{align-items:center;margin-bottom:.5rem;display:flex}main#calculator .info{align-content:center;display:flex}main#calculator .info img{height:1rem;margin-right:1rem}main#calculator .info p{color:#505050;font-style:italic;font-weight:100}main#calculator>section{margin-top:1rem;position:relative}main#calculator>section .content{justify-content:space-between;align-items:flex-start;gap:4rem;width:100%;height:fit-content;min-height:400px;display:flex}main#calculator>section .content>div:not(.img-container){flex:2;height:100%;padding-bottom:2rem}main#calculator>section .content>div:not(.img-container)>p{color:#575757;width:80%;font-weight:lighter}main#calculator>section .content .img-container{flex:1}main#calculator>section .content .pre-title{color:#4949492f;letter-spacing:10px;padding-top:1rem;font-weight:800}main#calculator>section .content .subtitle{color:#494949;margin-top:-.6rem;margin-left:-6px;font-size:5rem;font-weight:700}main#calculator>section .content-list{border-top:2px solid #494949;justify-content:flex-start;align-items:flex-start;gap:3rem;margin-top:0;display:flex;position:relative}main#calculator>section .content-list img{-webkit-user-select:none;user-select:none;height:400px;animation:.3s ease-in-out forwards slideAndFadeInFromRight;position:absolute;top:-180%;right:0}main#calculator>section .content-list>div{flex-direction:column;justify-content:space-between;align-items:center;width:250px;height:230px;padding-top:1rem;display:flex;position:relative}main#calculator>section .content-list>div p{text-align:center}main#calculator>section .content-list>div div:first-of-type{position:relative}main#calculator>section .content-list>div div:first-of-type p:first-of-type{color:#494949;font-size:1.1rem;font-weight:700;line-height:80%}main#calculator>section .content-list>div div:first-of-type p:first-of-type span{font-size:.7rem}main#calculator>section .content-list>div div:first-of-type p:nth-of-type(2){color:#494949;max-width:70%;margin:.6rem auto 0;font-size:.8rem;font-style:italic;font-weight:lighter}main#calculator>section .content-list>div div:nth-of-type(2){flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;display:flex}main#calculator>section .content-list>div div:nth-of-type(2) p{color:#494949;font-size:3rem;font-weight:700}main#calculator>section .content-list>div div:nth-of-type(2) p span{color:#6e6e6e;font-size:.7rem;font-weight:lighter}main#calculator>section .content-list>div div:nth-of-type(2) select{appearance:none;font:inherit;color:#000;cursor:pointer;background:#fff;border:0;border-radius:.25em;outline:0;margin-top:1rem;padding:.3rem 1rem;box-shadow:0 0 1em #0003}main#calculator>section .content-list>div div:nth-of-type(2) select::-ms-expand{display:none}main#calculator>section .content-list>div div:nth-of-type(2) select:focus{outline:none}main#calculator>section .content-list>div div:nth-of-type(2) select option{color:inherit;background-color:#fff}main#calculator>section .content-list>div:before{content:"";background-color:#494949;border-radius:50%;width:15px;height:15px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 5px #0003}main#calculator>section .content-list.spaced{gap:10rem}main#calculator>section .sub-offers{background:radial-gradient(#fff2d73d,#fff);flex-wrap:wrap;justify-content:center;align-items:stretch;gap:4rem;margin-top:3rem;display:flex}main#calculator>section .sub-offers .offer-box-container{position:relative}main#calculator>section .sub-offers .offer-box{z-index:2;flex-direction:column;justify-content:space-between;display:flex;position:relative}main#calculator>section .sub-offers .offer-box>div>p{min-height:100px;margin-bottom:1rem}main#calculator>section .sub-offers .offer-box .details .price{color:#000;border-bottom:1px solid #efefef;width:100%;margin-bottom:1rem;font-size:2rem;font-weight:600;display:inline-block}main#calculator>section .sub-offers .offer-box .details .price span{font-size:.7rem;font-weight:lighter}main#calculator>section .sub-offers .offer-box .details .item{justify-content:flex-start;align-items:center;margin-bottom:.5rem;display:flex}main#calculator>section .sub-offers .offer-box .details .item p{color:#000;margin:0;font-weight:500}main#calculator>section .sub-offers .offer-box .details .item p span{font-size:.7rem;font-style:italic;font-weight:lighter}main#calculator>section .sub-offers .offer-box .details .item img{height:1rem;margin-right:.7rem;position:relative}main#calculator>section .sub-offers .offer-box .sub-container{border-top:1px solid #efefef;width:100%;margin-top:2rem;padding-top:1rem}main#calculator>section .sub-offers .offer-box .sub-container .sub-button{cursor:pointer;border:.5px solid #e8e8e8;border-radius:15px;width:100%;padding:.7rem 0}main#calculator>section .sub-offers .offer-box .sub-container .sub-button p{color:#5e5e5e;text-align:center;margin:0;font-weight:600}main#calculator>section .sub-offers .offer-box .sub-container .sub-button:hover{border:.5px solid #494949;transition:all .2s linear}main#calculator>section .sub-offers .offer-box .sub-container .sub-button:hover p{color:#000}main#calculator>section .sub-offers .offer-box.selected{outline:2px solid #494949}main#calculator>section .sub-offers .offer-box.selected .sub-button{background:#494949;border:.5px solid #494949;transition:all .2s linear}main#calculator>section .sub-offers .offer-box.selected .sub-button p,main#calculator>section .sub-offers .offer-box.selected .sub-button:hover p{color:#fff}main#calculator>section .sub-offers .offer-box-container.prefered{border-radius:18px;outline:2px solid #494949;position:relative}main#calculator>section .sub-offers .offer-box-container.prefered .prefered-box{z-index:1;background:#494949;border-radius:18px 18px 0 0;outline:2px solid #494949;justify-content:center;align-items:flex-start;width:100%;height:50%;display:flex;position:absolute;top:-2rem;left:0;right:0}main#calculator>section .sub-offers .offer-box-container.prefered .prefered-box p{color:#fff;text-align:center;align-items:center;margin:.3rem 0 0;font-size:.9rem;font-weight:500;display:flex}main#calculator>section .sub-offers .offer-box-container.prefered .prefered-box img{margin-right:1rem;position:relative}main#calculator>section .sub-offers .offer-box-container.prefered .offer-box{z-index:2}main#calculator>section:before{content:"";background:#d8d8d8;width:50%;height:1px;position:absolute;top:0}main#calculator section.total .button{width:fit-content}main#calculator section.total .button.disabled{opacity:.3;cursor:default;transform:none}main#calculator section.total .form{flex-direction:column;justify-content:center;align-items:center;width:60%;margin:2rem auto 0;display:flex}main#calculator section.total .form p{text-align:left;width:100%;margin-bottom:.5rem;font-size:.9rem;font-weight:500}main#calculator section.total .form input,main#calculator section.total .form textarea{box-sizing:border-box;appearance:none;width:100%;font:inherit;color:#000;background:#fff;border:0;border-radius:.25em;outline:0;padding:.8rem 1rem;box-shadow:0 0 1em #0003}main#calculator section.total .form input:focus,main#calculator section.total .form textarea:focus{outline:none}main#calculator section.total .form input,main#calculator section.total .form textarea{margin-bottom:1rem;font-size:1rem}main#calculator section.total .form input::placeholder,main#calculator section.total .form textarea::placeholder{font-size:.9rem;font-style:italic}main#calculator section.total .form>div{align-items:center;gap:2rem;width:100%;display:flex}main#calculator section.total .form>div>div{width:100%}main#calculator section.total .form>div input{flex:1}main#calculator input[type=checkbox]{display:none}main#calculator input[type=checkbox]~label{border:1px solid inside #999;cursor:pointer;background:#0000004d;border-radius:20px;width:40px;height:20px;transition:transform .2s cubic-bezier(.41,-.01,.63,1.09);display:block;position:relative}main#calculator input[type=checkbox]~label:before,main#calculator input[type=checkbox]~label:after{content:"";border-radius:15px;width:19px;height:19px;transition:all .22s cubic-bezier(.76,.01,.15,.97);position:absolute;top:1px;left:1px}main#calculator input[type=checkbox]~label:before{background-image:linear-gradient(45deg,#2f2f2f 10% 90%)}main#calculator input[type=checkbox]~label:after{background-color:#999}main#calculator input[type=checkbox]:checked~label{border:1px solid inside #fff;background:#2f2f2f99;border-color:#ffe4b0;transform:scale(1.01);box-shadow:0 0 120px 10px #ffe4b0}main#calculator input[type=checkbox]:checked~label:before{width:38px}main#calculator input[type=checkbox]:checked~label:after{background-color:#494949;transform:translate(19px);box-shadow:-4px 0 4px #0000001a}.modern-layout{width:100%;max-width:100vw;overflow-x:hidden}.modern-layout .container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.modern-layout .hero-section{align-items:center;min-height:80vh;padding:.5rem 0;display:flex}.modern-layout .hero-section .hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.modern-layout .hero-section .hero-text{margin-top:0}.modern-layout .hero-section .hero-text .hero-title{margin-bottom:2rem}.modern-layout .hero-section .hero-text .hero-title .brand-name{background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:4rem;font-weight:800;display:block}.modern-layout .hero-section .hero-text .hero-title .hero-subtitle{color:#2f2f2f;font-size:1.5rem;font-weight:600;line-height:1.3;display:block}.modern-layout .hero-section .hero-text .hero-badges{margin-bottom:1.5rem}.modern-layout .hero-section .hero-text .hero-badges .partner-badge{background:linear-gradient(135deg,#ffe4b0 0%,#fdd878 100%);border:2px solid #2f2f2f1a;border-radius:50px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:inline-flex;box-shadow:0 4px 15px #ffe4b04d}.modern-layout .hero-section .hero-text .hero-badges .partner-badge .partner-logo{object-fit:contain;width:2rem;height:2rem}.modern-layout .hero-section .hero-text .hero-badges .partner-badge .partner-text{color:#2f2f2f;letter-spacing:.02em;font-size:.9rem;font-weight:600}.modern-layout .hero-section .hero-text .hero-badges .partner-badge.small{gap:.5rem;padding:.5rem .875rem}.modern-layout .hero-section .hero-text .hero-badges .partner-badge.small .partner-logo{width:1.5rem;height:1.5rem}.modern-layout .hero-section .hero-text .hero-badges .partner-badge.small .partner-text{font-size:.8rem}.modern-layout .hero-section .hero-text .hero-description{color:#494949;margin-bottom:3rem;font-size:1.2rem;line-height:1.6}.modern-layout .hero-section .hero-text .hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.modern-layout .hero-section .hero-visual .video-container{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026}.modern-layout .hero-section .hero-visual .video-container .hero-video{width:100%;height:auto;display:block}.modern-layout .cta-button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:1.5rem;padding:1.5rem 2.5rem;font-family:Montserrat,sans-serif;font-weight:600;text-decoration:none;transition:all .4s;display:inline-flex;position:relative;overflow:hidden}.modern-layout .cta-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.modern-layout .cta-button .cta-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex}.modern-layout .cta-button .cta-icon-wrapper svg{width:1.25rem;height:1.25rem}.modern-layout .cta-button .cta-text-content{flex-direction:column;align-items:flex-start;display:flex}.modern-layout .cta-button .cta-text-content .cta-main-text{margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.2}.modern-layout .cta-button .cta-text-content .cta-sub-text{opacity:.8;font-size:.8rem;font-weight:500}.modern-layout .cta-button .cta-text-content .cta-badge-text{text-transform:uppercase;background:#fff3;border-radius:12px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.modern-layout .cta-button .cta-arrow{border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .3s;display:flex}.modern-layout .cta-button .cta-arrow svg{width:1rem;height:1rem;transition:transform .3s}.modern-layout .cta-button.primary{color:#fff;background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);box-shadow:0 8px 25px #2f2f2f4d}.modern-layout .cta-button.primary .cta-icon-wrapper{background:#ffe4b033}.modern-layout .cta-button.primary .cta-arrow{background:#ffe4b0}.modern-layout .cta-button.primary .cta-arrow svg{stroke:#2f2f2f}.modern-layout .cta-button.primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #2f2f2f66}.modern-layout .cta-button.primary:hover:before{left:100%}.modern-layout .cta-button.primary:hover .cta-icon-wrapper{background:#ffe4b04d;transform:rotate(360deg)}.modern-layout .cta-button.primary:hover .cta-arrow{background:#fdd878;transform:scale(1.1)}.modern-layout .cta-button.primary:hover .cta-arrow svg{transform:translate(2px)}.modern-layout .cta-button.secondary{color:#2f2f2f;background:0 0;border:2px solid #2f2f2f}.modern-layout .cta-button.secondary .cta-icon-wrapper{background:#2f2f2f1a}.modern-layout .cta-button.secondary .cta-arrow{background:#2f2f2f}.modern-layout .cta-button.secondary .cta-arrow svg{stroke:#fff}.modern-layout .cta-button.secondary:hover{color:#fff;background:#2f2f2f;transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #2f2f2f4d}.modern-layout .cta-button.secondary:hover:before{left:100%}.modern-layout .cta-button.secondary:hover .cta-icon-wrapper{background:#ffe4b033;transform:rotate(360deg)}.modern-layout .cta-button.secondary:hover .cta-arrow{background:#ffe4b0;transform:scale(1.1)}.modern-layout .cta-button.secondary:hover .cta-arrow svg{stroke:#2f2f2f;transform:translate(2px)}.modern-layout .cta-button.secondary.compact{gap:.75rem;padding:1rem 1.5rem}.modern-layout .cta-button.secondary.compact .cta-main-text{font-size:.95rem;font-weight:600}.modern-layout .cta-button.secondary.compact .cta-arrow{width:1.75rem;height:1.75rem}.modern-layout .cta-button.secondary.compact .cta-arrow svg{width:.9rem;height:.9rem}.modern-layout .cta-button.compact{gap:1rem;padding:1.25rem 2rem}.modern-layout .cta-button.compact .cta-icon-wrapper{width:2rem;height:2rem}.modern-layout .cta-button.compact .cta-icon-wrapper svg{width:1rem;height:1rem}.modern-layout .cta-button.compact .cta-text-content .cta-main-text{font-size:.95rem}.modern-layout .cta-button.compact .cta-text-content .cta-sub-text{font-size:.75rem}.modern-layout .cta-button.compact .cta-arrow{width:1.75rem;height:1.75rem}.modern-layout .cta-button.compact .cta-arrow svg{width:.9rem;height:.9rem}.modern-layout .cta-button.compact.small{gap:.75rem;padding:.75rem 1.25rem}.modern-layout .cta-button.compact.small .cta-icon-wrapper{width:1.5rem;height:1.5rem}.modern-layout .cta-button.compact.small .cta-icon-wrapper svg{width:.8rem;height:.8rem}.modern-layout .cta-button.compact.small .cta-text-content .cta-main-text{font-size:.85rem}.modern-layout .cta-button.compact.small .cta-text-content .cta-sub-text{font-size:.65rem}.modern-layout .cta-button.compact.small .cta-arrow{width:1.5rem;height:1.5rem}.modern-layout .cta-button.compact.small .cta-arrow svg{width:.8rem;height:.8rem}.modern-layout .section-header{text-align:center;margin-bottom:4rem}.modern-layout .section-header h2{color:#2f2f2f;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.modern-layout .section-header p{color:#494949;max-width:600px;margin:0 auto;font-size:1.2rem}.modern-layout .features-section{background:#fff;padding:6rem 0;overflow-x:hidden}.modern-layout .features-section .features-grid{grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:100%;display:grid}.modern-layout .features-section .feature-card{background:#fff;border-radius:20px;flex-direction:column;height:100%;min-height:400px;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.modern-layout .features-section .feature-card:before{content:"";background:linear-gradient(90deg,#ffe4b0 0%,#2f2f2f 100%);height:4px;position:absolute;top:0;left:0;right:0}.modern-layout .features-section .feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.modern-layout .features-section .feature-card.integration{background:linear-gradient(135deg,#ffe4b014 0%,#ffe4b008 100%);border:2px solid #ffe4b0}.modern-layout .features-section .feature-card.integration:before{background:linear-gradient(90deg,#ffe4b0 0%,#fdd878 100%);height:5px}.modern-layout .features-section .feature-card.integration .unique-badge{color:#ffe4b0;background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);animation:2s infinite pulse}.modern-layout .features-section .feature-card .feature-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;height:120px;margin-bottom:1.5rem;display:flex}.modern-layout .features-section .feature-card .feature-icon img{object-fit:contain;width:130px;height:130px}.modern-layout .features-section .feature-card .feature-content{flex-direction:column;flex:1;display:flex}.modern-layout .features-section .feature-card .feature-content h3{color:#2f2f2f;margin-bottom:1rem;font-size:1.4rem;font-weight:700;line-height:1.3}.modern-layout .features-section .feature-card .feature-content .unique-badge{color:#2f2f2f;text-transform:uppercase;background:linear-gradient(135deg,#ffe4b0 0%,#fdd878 100%);border-radius:15px;align-self:flex-start;margin-bottom:1rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.modern-layout .features-section .feature-card .feature-content p{color:#494949;flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.modern-layout .features-section .feature-card .feature-content .feature-benefits{flex-direction:column;gap:.6rem;margin-top:auto;display:flex}.modern-layout .features-section .feature-card .feature-content .feature-benefits .benefit{color:#2f2f2f;padding-left:1.2rem;font-size:.85rem;font-weight:500;position:relative}.modern-layout .features-section .feature-card .feature-content .feature-benefits .benefit:before{content:"✓";color:#494949;font-size:.9rem;font-weight:700;position:absolute;left:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.installation-section{background:linear-gradient(135deg,#ffe4b01a 0%,#2f2f2f05 100%);padding:6rem 0}.installation-section .installation-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.installation-section .installation-text h2{color:#2f2f2f;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.installation-section .installation-text p{color:#494949;margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.installation-section .installation-text .installation-features{flex-direction:column;gap:1rem;display:flex}.installation-section .installation-text .installation-features .installation-feature{align-items:center;gap:1rem;display:flex}.installation-section .installation-text .installation-features .installation-feature .feature-bullet{color:#fff;background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:700;display:flex}.installation-section .installation-text .installation-features .installation-feature span{color:#2f2f2f;font-weight:500}.installation-section .installation-visual img{border-radius:15px;width:100%;height:auto;box-shadow:0 15px 35px #0000001a}.ecosystem-section{background:#fff;padding:6rem 0}.ecosystem-section .ecosystem-content{flex-direction:column;align-items:center;gap:3rem;display:flex}.ecosystem-section .ecosystem-content .ecosystem-visual img{max-width:100%;height:auto}.ecosystem-section .ecosystem-content .ecosystem-cta{color:#fff;background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);border-radius:50px;align-items:center;gap:1.5rem;padding:1.5rem 2.5rem;font-weight:600;text-decoration:none;transition:all .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #2f2f2f4d}.ecosystem-section .ecosystem-content .ecosystem-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ecosystem-section .ecosystem-content .ecosystem-cta .cta-icon-wrapper{background:#ffe4b033;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex}.ecosystem-section .ecosystem-content .ecosystem-cta .cta-icon-wrapper svg{stroke:#fff;width:1.25rem;height:1.25rem}.ecosystem-section .ecosystem-content .ecosystem-cta .cta-text-content{flex-direction:column;align-items:flex-start;display:flex}.ecosystem-section .ecosystem-content .ecosystem-cta .cta-text-content .cta-main-text{margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.2}.ecosystem-section .ecosystem-content .ecosystem-cta .cta-text-content .cta-sub-text{opacity:.8;font-size:.8rem;font-weight:500}.ecosystem-section .ecosystem-content .ecosystem-cta .cta-arrow{background:#ffe4b0;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .3s;display:flex}.ecosystem-section .ecosystem-content .ecosystem-cta .cta-arrow svg{stroke:#2f2f2f;width:1rem;height:1rem;transition:transform .3s}.ecosystem-section .ecosystem-content .ecosystem-cta:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #2f2f2f66}.ecosystem-section .ecosystem-content .ecosystem-cta:hover:before{left:100%}.ecosystem-section .ecosystem-content .ecosystem-cta:hover .cta-icon-wrapper{background:#ffe4b04d;transform:rotate(360deg)}.ecosystem-section .ecosystem-content .ecosystem-cta:hover .cta-arrow{background:#fdd878;transform:scale(1.1)}.ecosystem-section .ecosystem-content .ecosystem-cta:hover .cta-arrow svg{transform:translate(2px)}.cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);padding:6rem 0}.cta-section .cta-content{max-width:800px;margin:0 auto}.cta-section .cta-content h2{margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.cta-section .cta-content p{opacity:.9;margin-bottom:3rem;font-size:1.2rem;line-height:1.6}.cta-section .cta-content .final-cta-button{color:#2f2f2f;background:linear-gradient(135deg,#ffe4b0 0%,#fdd878 100%);border-radius:50px;align-items:center;gap:1rem;padding:1.25rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #ffe4b04d}.cta-section .cta-content .final-cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-section .cta-content .final-cta-button .cta-icon-wrapper{background:#2f2f2f1a;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .3s;display:flex}.cta-section .cta-content .final-cta-button .cta-icon-wrapper .price-icon{stroke:#2f2f2f;width:1.2rem;height:1.2rem}.cta-section .cta-content .final-cta-button .cta-text-content{flex-direction:column;align-items:flex-start;display:flex}.cta-section .cta-content .final-cta-button .cta-text-content .cta-main-text{margin-bottom:.2rem;font-size:1rem;font-weight:700;line-height:1.2}.cta-section .cta-content .final-cta-button .cta-text-content .cta-sub-text{opacity:.8;color:#2f2f2f;font-size:.8rem;font-weight:500}.cta-section .cta-content .final-cta-button .cta-arrow{background:#2f2f2f;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .3s;display:flex}.cta-section .cta-content .final-cta-button .cta-arrow svg{stroke:#ffe4b0;width:1rem;height:1rem;transition:transform .3s}.cta-section .cta-content .final-cta-button:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 40px #ffe4b099}.cta-section .cta-content .final-cta-button:hover:before{left:100%}.cta-section .cta-content .final-cta-button:hover .cta-icon-wrapper{background:#2f2f2f26;transform:rotate(360deg)}.cta-section .cta-content .final-cta-button:hover .cta-arrow{background:#494949;transform:scale(1.1)}.cta-section .cta-content .final-cta-button:hover .cta-arrow svg{transform:translate(2px)}.cta-section .cta-content .final-cta-button:active{transform:translateY(-2px)scale(1.01)}@media (max-width:768px){.modern-layout .hero-section .hero-content{text-align:center;grid-template-columns:1fr;gap:2rem;max-width:100%;padding:0 1rem;overflow-x:hidden}.modern-layout .hero-section .hero-text,.modern-layout .hero-section .hero-text .hero-title{text-align:center}.modern-layout .hero-section .hero-text .brand-name{text-align:center;width:100%;font-size:3rem;display:block}.modern-layout .hero-section .hero-text .hero-subtitle{text-align:center;font-size:1.2rem}.modern-layout .hero-section .hero-text .hero-description{text-align:center}.modern-layout .hero-section .hero-text .hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%}.modern-layout .features-grid,.modern-layout .installation-content{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.modern-layout .ecosystem-content{text-align:center;padding:0 1rem}.modern-layout .ecosystem-content .ecosystem-visual{margin-bottom:2rem}.modern-layout .ecosystem-content .ecosystem-visual img{max-width:100%;height:auto}.modern-layout .cta-section{padding:4rem 1rem}.modern-layout .cta-section .cta-content{text-align:center;padding:0}.modern-layout .cta-section .cta-content h2{margin-bottom:1rem;font-size:1.8rem}.modern-layout .cta-section .cta-content p{margin-bottom:2rem;padding:0 .5rem;font-size:1rem}.modern-layout .cta-section .final-cta-button{box-sizing:border-box;gap:.75rem;width:90%;max-width:420px;min-height:65px;padding:1rem 1.5rem;font-size:.9rem}.modern-layout .cta-section .final-cta-button .cta-icon-wrapper{display:none}.modern-layout .cta-section .final-cta-button .cta-text-content{flex:1;min-width:0}.modern-layout .cta-section .final-cta-button .cta-text-content .cta-main-text{font-size:.9rem;line-height:1.2}.modern-layout .cta-section .final-cta-button .cta-text-content .cta-sub-text{font-size:.75rem;line-height:1.2}.modern-layout .cta-section .final-cta-button .cta-arrow{flex-shrink:0;width:1.75rem;height:1.75rem}.modern-layout .cta-section .final-cta-button .cta-arrow svg{width:.9rem;height:.9rem}.modern-layout .section-header h2{font-size:2rem}.modern-layout .cta-button{box-sizing:border-box;gap:1rem;width:90%;max-width:400px;min-height:60px;padding:1rem 1.5rem;font-size:.9rem}.modern-layout .cta-button .cta-icon-wrapper{flex-shrink:0;width:2rem;height:2rem}.modern-layout .cta-button .cta-icon-wrapper svg{width:1rem;height:1rem}.modern-layout .cta-button .cta-text-content{flex:1;min-width:0}.modern-layout .cta-button .cta-text-content .cta-main-text{font-size:.9rem;line-height:1.2}.modern-layout .cta-button .cta-text-content .cta-sub-text{font-size:.7rem;line-height:1.2}.modern-layout .cta-button .cta-arrow{flex-shrink:0;width:1.5rem;height:1.5rem}.modern-layout .cta-button .cta-arrow svg{width:.9rem;height:.9rem}.modern-layout .ecosystem-section .ecosystem-cta{box-sizing:border-box;gap:1rem;width:90%;max-width:450px;min-height:70px;padding:1.25rem 2rem}.modern-layout .ecosystem-section .ecosystem-cta .cta-icon-wrapper{display:none}.modern-layout .ecosystem-section .ecosystem-cta .cta-text-content{text-align:left;flex:1;min-width:0}.modern-layout .ecosystem-section .ecosystem-cta .cta-text-content .cta-main-text{font-size:.9rem;line-height:1.2}.modern-layout .ecosystem-section .ecosystem-cta .cta-text-content .cta-sub-text{font-size:.7rem;line-height:1.2}.modern-layout .ecosystem-section .ecosystem-cta .cta-arrow{flex-shrink:0;width:1.5rem;height:1.5rem}.modern-layout .ecosystem-section .ecosystem-cta .cta-arrow svg{width:.9rem;height:.9rem}.modern-layout .container{padding:0 1rem}}@media (max-width:480px){.hero-section .hero-content{padding:0 .5rem}.hero-section .hero-text,.hero-section .hero-text .hero-title{text-align:center}.hero-section .hero-text .brand-name{text-align:center;width:100%;font-size:2.5rem;display:block}.hero-section .hero-text .hero-subtitle{text-align:center;font-size:1rem}.hero-section .hero-text .hero-description{text-align:center}.hero-section .hero-text .hero-actions{justify-content:center;align-items:center}.features-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.feature-card{width:100%;max-width:400px;min-height:350px;margin:0 auto;padding:1.5rem}.feature-card .feature-icon{height:80px;margin-bottom:1rem}.feature-card .feature-icon img{width:60px;height:60px}.feature-card .feature-content h3{margin-bottom:.8rem;font-size:1.2rem}.feature-card .feature-content .unique-badge{margin-bottom:.8rem;padding:.25rem .6rem;font-size:.7rem}.feature-card .feature-content p{margin-bottom:1.2rem;font-size:.9rem;line-height:1.5}.feature-card .feature-content .feature-benefits{gap:.5rem}.feature-card .feature-content .feature-benefits .benefit,.feature-card .feature-content .feature-benefits .benefit:before{font-size:.8rem}.feature-card:hover{transform:translateY(-3px)}.installation-content,.ecosystem-content{padding:0 .5rem}.cta-button{gap:.75rem;width:90%;max-width:350px;min-height:55px;padding:.75rem 1rem;font-size:.8rem}.cta-button .cta-text-content .cta-main-text{font-size:.8rem}.cta-button .cta-text-content .cta-sub-text{font-size:.65rem}.ecosystem-cta{gap:.75rem;width:90%;max-width:380px;min-height:60px;padding:1rem 1.5rem;font-size:.8rem}.ecosystem-cta .cta-text-content .cta-main-text{font-size:.8rem}.ecosystem-cta .cta-text-content .cta-sub-text{font-size:.65rem}.final-cta-button{gap:.5rem;width:90%;max-width:360px;min-height:55px;padding:.75rem 1rem;font-size:.8rem}.final-cta-button .cta-text-content .cta-main-text{font-size:.8rem}.final-cta-button .cta-text-content .cta-sub-text{font-size:.65rem}}.integrations-schema{width:100%;max-width:900px;margin:0 auto;padding:2rem 0}.integrations-schema .schema-svg{width:100%;height:auto}.integrations-schema .schema-svg .hub-text-main{fill:#2f2f2f;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.integrations-schema .schema-svg .hub-text-sub{fill:#2f2f2f;font-family:Inter,sans-serif;font-size:10px;font-weight:500}.integrations-schema .schema-svg .node-text-white{fill:#ffe4b0;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.integrations-schema .schema-svg .node-text-white-small{fill:#ffe4b0;font-family:Inter,sans-serif;font-size:9px;font-weight:400}.integrations-schema .schema-svg .device-text{font-size:18px}.integrations-schema .schema-svg .device-text-small{fill:#2f2f2f;font-family:Inter,sans-serif;font-size:9px;font-weight:500}.integrations-schema .schema-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;padding:1.5rem;display:flex}.integrations-schema .schema-legend .legend-item{color:#2f2f2f;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.integrations-schema .schema-legend .legend-item .legend-color{border-radius:4px;width:16px;height:16px}.integrations-schema .schema-legend .legend-item .legend-color.adoc{background:linear-gradient(135deg,#2f2f2f,#494949)}.integrations-schema .schema-legend .legend-item .legend-color.tenkraft{background:linear-gradient(135deg,#ffe4b0,#fdd878)}.integrations-schema .schema-legend .legend-item .legend-color.devices{background:linear-gradient(135deg,#e8f4f8,#d1e7dd)}.integrations-schema .schema-legend .legend-item .legend-color.data-flow{background:#ffe4b099}@media (max-width:768px){.integrations-schema .schema-legend{gap:1rem}.integrations-schema .schema-legend .legend-item{font-size:.8rem}}@media (max-width:480px){.integrations-schema .schema-legend{flex-direction:column;align-items:center;gap:.8rem}}@media (max-width:768px){.integrations-schema{padding:1.5rem 0}.integrations-schema .schema-svg .hub-text-main{font-size:12px}.integrations-schema .schema-svg .hub-text-sub{font-size:8px}.integrations-schema .schema-svg .node-text-white{font-size:10px}.integrations-schema .schema-svg .node-text-white-small{font-size:7px}.integrations-schema .schema-svg .device-text{font-size:16px}.integrations-schema .schema-svg .device-text-small{font-size:7px}}@media (max-width:480px){.integrations-schema{padding:1rem 0}.integrations-schema .schema-svg .hub-text-main{font-size:10px}.integrations-schema .schema-svg .hub-text-sub{font-size:6px}.integrations-schema .schema-svg .node-text-white{font-size:8px}.integrations-schema .schema-svg .node-text-white-small{font-size:6px}.integrations-schema .schema-svg .device-text{font-size:14px}.integrations-schema .schema-svg .device-text-small{font-size:6px}}.solution-modern{min-height:100vh}.modern-hero-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);padding:8rem 0 6rem;position:relative;overflow:hidden}.modern-hero-section:before{content:"";background:url("data:image/svg+xml,<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><g fill=\"%23ffffff\" fill-opacity=\"0.05\"><circle cx=\"10\" cy=\"10\" r=\"1\"/></g></svg>");position:absolute;inset:0}.modern-hero-section .container{z-index:1;position:relative}.hero-content-modern{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.hero-text-modern .section-badge{color:#fff;letter-spacing:.025em;text-transform:uppercase;background:linear-gradient(135deg,#494949 0%,#333 100%);border-radius:50px;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-block}.hero-text-modern h1{margin-bottom:2rem}.hero-text-modern h1 .hero-highlight{color:#fff;margin-bottom:.5rem;font-size:3.5rem;font-weight:900;line-height:1.1;display:block}.hero-text-modern h1 .hero-subtitle{color:#94a3b8;font-size:2rem;font-weight:500;line-height:1.3;display:block}.hero-text-modern .hero-description-modern{color:#cbd5e1;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-visual-modern .hero-image-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;padding:2rem}.hero-visual-modern .hero-image-container img{border-radius:16px;width:100%;height:auto}.modern-section-header{text-align:center;max-width:800px;margin:0 auto 4rem}.modern-section-header .section-badge{color:#fff;letter-spacing:.025em;text-transform:uppercase;background:linear-gradient(135deg,#494949 0%,#333 100%);border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-block}.modern-section-header h2{color:#1e293b;background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.modern-section-header p{color:#64748b;font-size:1.25rem;font-weight:400;line-height:1.6}.modern-flow-section{background:#fff;padding:6rem 0;position:relative}.modern-flow-section:before{content:"";background:linear-gradient(90deg,#0000 0%,#e2e8f0 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.modern-steps-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:4rem;display:grid}.modern-step-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.modern-step-card:before{content:"";background:linear-gradient(135deg,#494949 0%,#333 100%);height:4px;position:absolute;top:0;left:0;right:0}.modern-step-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modern-step-card .step-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modern-step-card .step-header .step-icon-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:inset 0 2px 4px #0000000f}.modern-step-card .step-header .step-icon-container img{object-fit:contain;width:32px;height:32px}.modern-step-card .step-header .step-number{color:#494949;background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:700;display:flex}.modern-step-card .step-content h3{color:#1e293b;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.modern-step-card .step-content p{color:#64748b;margin-bottom:2rem;font-size:1rem;line-height:1.6}.modern-step-card .step-features{flex-direction:column;gap:.75rem;display:flex}.modern-step-card .step-features .feature-item{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1rem;display:flex}.modern-step-card .step-features .feature-item span{color:#475569;font-size:.875rem;font-weight:500}.modern-ecosystem-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:6rem 0}.ecosystem-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-top:4rem;display:grid}.ecosystem-features{gap:1.5rem;display:grid}.feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;align-items:flex-start;gap:1.5rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.feature-card .feature-icon-modern{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.feature-card .feature-content h4{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.feature-card .feature-content p{color:#64748b;font-size:.95rem;line-height:1.6}.ecosystem-visual-modern .visual-container{border-radius:24px;padding:2rem}.ecosystem-visual-modern .visual-container img{border-radius:16px;width:100%;height:auto}.ecosystem-schema-modern{margin-top:4rem}.ecosystem-schema-modern .schema-container{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:3rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ecosystem-schema-modern .schema-container img{border-radius:16px;width:100%;max-width:800px;height:auto}.modern-access-schema{justify-content:center;align-items:center;margin:4rem 0 7rem;display:flex}.modern-access-schema .schema-container{background:#fff;border:1px solid #f1f5f9;border-radius:24px;width:100%;max-width:900px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.unified-access-schema{width:100%;max-width:800px;margin:0 auto}.unified-access-schema svg{width:100%;height:auto}.unified-access-schema .central-badge{animation:2s ease-in-out infinite pulse}.unified-access-schema .central-badge circle{filter:drop-shadow(0 4px 8px #4949494d)}.unified-access-schema .access-points rect{transition:all .3s}.unified-access-schema .access-points rect:hover{fill:#f1f5f9;stroke:#494949}.unified-access-schema .status-indicator{animation:1.5s ease-in-out infinite blink}.unified-access-schema .connection-line{opacity:.7;animation:3s linear infinite dash}.unified-access-schema .schema-title,.unified-access-schema .schema-subtitle,.unified-access-schema .access-label,.unified-access-schema .badge-text-main,.unified-access-schema .badge-text-sub{font-family:Inter,sans-serif}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes dash{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}@media (max-width:768px){.modern-hero-section{padding:6rem 0 4rem}.hero-content-modern{text-align:left;grid-template-columns:1fr;gap:3rem}.hero-text-modern h1 .hero-highlight{text-align:left;font-size:2.5rem}.hero-text-modern h1 .hero-subtitle{text-align:left;font-size:1.5rem}.hero-text-modern .hero-description-modern{text-align:left;font-size:1.125rem}.modern-section-header h2{font-size:2.25rem}.modern-section-header p{font-size:1.125rem}.modern-steps-grid{grid-template-columns:1fr;gap:2rem}.ecosystem-grid{grid-template-columns:1fr;gap:3rem}.modern-step-card{padding:2rem}.feature-card{text-align:left;flex-direction:column;padding:1.5rem}.feature-card .feature-icon-modern{align-self:flex-start}.feature-card .feature-icon{text-align:left;justify-content:flex-start;height:100px}.feature-card .feature-icon img{width:80px;height:80px}.feature-card .feature-content h3,.feature-card .feature-content p{text-align:left}.feature-card .feature-content .unique-badge{align-self:flex-start}.hero-section .hero-actions .cta-button{justify-content:center;width:95%}.hero-section .hero-actions .cta-button .cta-text-content{text-align:center;align-items:center}.cta-button{width:95%}.cta-button .cta-text-content{text-align:center;align-items:center}.cta-section{padding:2rem .5rem}.cta-section .cta-content{padding:0 .5rem}.cta-section .cta-content h2{margin-bottom:1rem;font-size:1.8rem}.cta-section .cta-content p{margin-bottom:1.5rem;font-size:.95rem}.cta-section .cta-content .final-cta-button{gap:0;padding:1rem 1.5rem;font-size:.85rem}.cta-section .cta-content .final-cta-button .cta-icon-wrapper{display:none}.cta-section .cta-content .final-cta-button .cta-text-content{text-align:left;align-items:flex-start}.cta-section .cta-content .final-cta-button .cta-text-content .cta-main-text{font-size:.85rem}.cta-section .cta-content .final-cta-button .cta-text-content .cta-sub-text{font-size:.75rem}.hero-title .brand-name,.hero-title .hero-subtitle{text-align:left}}.mobile-banner{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffe4b0 0%,#fff2cc 50%,#ffe4b0 100%);border-bottom:1px solid #fff6;padding:14px 16px;animation:.4s cubic-bezier(.4,0,.2,1) slideDown;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000014}.mobile-banner .mobile-banner-content{justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;display:flex}.mobile-banner .mobile-banner-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.mobile-banner .mobile-banner-icon{flex-shrink:0}.mobile-banner .mobile-banner-icon img{border-radius:10px;width:44px;height:44px;transition:transform .2s;box-shadow:0 3px 8px #0000001f}.mobile-banner .mobile-banner-icon:hover img{transform:scale(1.05)}.mobile-banner .mobile-banner-text{min-width:0}.mobile-banner .mobile-banner-text h4{color:#2f2f2f;letter-spacing:-.01em;margin:0 0 3px;font-size:15px;font-weight:700;line-height:1.2}.mobile-banner .mobile-banner-text p{color:#494949;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.mobile-banner .mobile-banner-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.mobile-banner .mobile-banner-download{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);border:none;border-radius:24px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 3px 8px #2f2f2f26}.mobile-banner .mobile-banner-download:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.mobile-banner .mobile-banner-download:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2f2f2f40}.mobile-banner .mobile-banner-download:hover:before{left:100%}.mobile-banner .mobile-banner-download:active{transform:translateY(-1px)}.mobile-banner .mobile-banner-close{color:#494949;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:18px;font-weight:400;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mobile-banner .mobile-banner-close:hover{color:#2f2f2f;background:#2f2f2f26;transform:rotate(90deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}body.mobile-banner-visible{padding-top:78px;transition:padding-top .3s}@media (max-width:768px){.mobile-banner{padding:12px 14px}.mobile-banner .mobile-banner-text p{-webkit-line-clamp:1;line-clamp:1;font-size:12px}.mobile-banner .mobile-banner-text h4{font-size:14px}.mobile-banner .mobile-banner-download{padding:8px 14px;font-size:12px}.mobile-banner .mobile-banner-icon img{width:40px;height:40px}body.mobile-banner-visible{padding-top:72px}}@media (max-width:480px){.mobile-banner{padding:10px 12px}.mobile-banner .mobile-banner-left{gap:12px}.mobile-banner .mobile-banner-text h4{font-size:13px}.mobile-banner .mobile-banner-text p{font-size:11px}.mobile-banner .mobile-banner-download{padding:7px 12px;font-size:11px}.mobile-banner .mobile-banner-icon img{width:36px;height:36px}.mobile-banner .mobile-banner-close{width:28px;height:28px;font-size:16px}body.mobile-banner-visible{padding-top:66px}}.promo-banner{z-index:998;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);padding:1rem 5%;position:relative;overflow:hidden}.promo-banner:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%}.promo-banner .promo-banner-content{max-width:1400px;margin:0 auto}.promo-banner .promo-banner-link{color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:1.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s;display:flex}.promo-banner .promo-banner-link:hover{background:#ffffff1a;transform:translateY(-1px)}.promo-banner .promo-banner-badge{text-transform:uppercase;letter-spacing:1px;background:#fff3;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;animation:2s infinite pulse;display:flex}.promo-banner .promo-banner-badge .promo-icon{font-size:1rem}.promo-banner .promo-banner-text{flex-direction:column;flex:1;gap:.25rem;display:flex}.promo-banner .promo-banner-text .promo-banner-title{font-size:1.1rem;font-weight:700}.promo-banner .promo-banner-text .promo-banner-subtitle{opacity:.9;font-size:.9rem;font-weight:500}.promo-banner .promo-banner-arrow{width:20px;height:20px;transition:transform .3s}.promo-banner .promo-banner-arrow svg{width:100%;height:100%}.promo-banner .promo-banner-link:hover .promo-banner-arrow{transform:translate(3px)}@keyframes shine{0%{left:-100%}50%,to{left:100%}}@media (max-width:768px){.promo-banner{padding:.75rem 5%}.promo-banner .promo-banner-link{flex-direction:column;gap:1rem;padding:1rem}.promo-banner .promo-banner-text{text-align:center}.promo-banner .promo-banner-text .promo-banner-title{font-size:1rem}.promo-banner .promo-banner-text .promo-banner-subtitle{font-size:.8rem}.promo-banner .promo-banner-badge{padding:.4rem .8rem;font-size:.75rem}}@media (max-width:480px){.promo-banner .promo-banner-text .promo-banner-subtitle{font-size:.75rem}}.promo-page{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);min-height:100vh}.promo-hero-section{background:linear-gradient(135deg,#ffe4b01a 0%,#fffffff2 100%);padding:4rem 5% 6rem;position:relative;overflow:hidden}.promo-hero-section:before{content:"";z-index:1;background:radial-gradient(circle,#ffe4b026 0%,#0000 70%);border-radius:50%;width:100%;height:200%;position:absolute;top:-50%;right:-20%}.promo-hero-section .promo-hero-content{z-index:2;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:flex;position:relative}.promo-hero-section .promo-hero-left{flex:1.2}.promo-hero-section .promo-hero-left .promo-badge-container{margin-bottom:2rem}.promo-hero-section .promo-hero-left .promo-badge.urgent{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;animation:2s infinite pulse;display:inline-flex;box-shadow:0 4px 15px #e74c3c4d}.promo-hero-section .promo-hero-left .promo-badge.urgent .promo-icon{font-size:1.1rem}.promo-hero-section .promo-hero-left .promo-title{flex-direction:column;margin-bottom:2.5rem;line-height:1.1;display:flex}.promo-hero-section .promo-hero-left .promo-title .promo-highlight{color:#27ae60;text-shadow:2px 2px 4px #27ae6033;margin-bottom:.5rem;font-size:4rem;font-weight:900}.promo-hero-section .promo-hero-left .promo-title .promo-subtitle{color:#494949;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.promo-hero-section .promo-hero-left .promo-title .promo-main-title{color:#2f2f2f;margin-bottom:.5rem;font-size:2.8rem;font-weight:700}.promo-hero-section .promo-hero-left .promo-title .promo-sub-text{color:#494949;font-size:1.4rem;font-style:italic;font-weight:500}.promo-hero-section .promo-hero-left .promo-features{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem;display:grid}.promo-hero-section .promo-hero-left .promo-feature-item{background:#fffc;border-left:4px solid #ffe4b0;border-radius:15px;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:0 2px 10px #0000000d}.promo-hero-section .promo-hero-left .promo-feature-item .promo-feature-icon{font-size:1.5rem}.promo-hero-section .promo-hero-left .promo-feature-item span{color:#2f2f2f;font-weight:600}.promo-hero-section .promo-hero-left .promo-cta-section .promo-cta-text{color:#494949;font-size:1.1rem;line-height:1.6}.promo-hero-section .promo-hero-left .promo-cta-section .promo-cta-text strong{color:#2f2f2f;font-weight:700}.promo-hero-section .promo-hero-right{flex:.8;justify-content:center;align-items:center;display:flex}.promo-hero-section .promo-product-showcase{flex-direction:column;align-items:center;display:flex;position:relative}.promo-hero-section .promo-product-image{background:linear-gradient(135deg,#ffffffe6,#ffe4b01a);border-radius:25px;margin-bottom:2rem;padding:2rem;position:relative;box-shadow:0 15px 35px #0000001a}.promo-hero-section .promo-product-image .promo-main-product{border-radius:15px;width:280px;height:auto}.promo-hero-section .promo-product-image .promo-connected-badge{color:#fff;background:linear-gradient(135deg,#232347,#3a3a6b);border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 15px #2323474d}.promo-hero-section .promo-product-image .promo-connected-badge span{align-items:center;gap:.3rem;display:flex}.promo-hero-section .promo-benefits-overlay{flex-direction:column;gap:1rem;width:100%;display:flex}.promo-hero-section .promo-benefit{background:#fffffff2;border-left:4px solid #27ae60;border-radius:15px;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;box-shadow:0 5px 15px #00000014}.promo-hero-section .promo-benefit .promo-benefit-icon{font-size:1.3rem}.promo-hero-section .promo-benefit span:last-child{color:#2f2f2f;font-weight:600}.promo-form-section{background:linear-gradient(135deg,#494949 0%,#3a3a5c 100%);padding:6rem 5%}.promo-form-container{background:#fffffffa;border-radius:25px;max-width:800px;margin:0 auto;padding:3rem;box-shadow:0 20px 50px #00000026}.promo-form-header{text-align:center;margin-bottom:3rem}.promo-form-header h2{color:#2f2f2f;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.promo-form-header p{color:#494949;font-size:1.1rem;line-height:1.5}.promo-form .promo-form-row{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;display:grid}.promo-form .promo-form-group{flex-direction:column;display:flex}.promo-form .promo-form-group label{color:#2f2f2f;margin-bottom:.75rem;font-size:1rem;font-weight:600}.promo-form .promo-form-group .promo-form-input{background:#fafbfc;border:2px solid #e1e8ed;border-radius:15px;padding:1rem 1.5rem;font-family:Montserrat,sans-serif;font-size:1rem;transition:all .3s}.promo-form .promo-form-group .promo-form-input:focus{background:#fff;border-color:#ffe4b0;outline:none;box-shadow:0 0 0 3px #ffe4b033}.promo-form .promo-form-group .promo-form-input::placeholder{color:#94a3b8;font-style:italic}.promo-form .promo-form-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:50px;justify-content:center;align-items:center;gap:1rem;width:100%;padding:1.25rem 2rem;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 25px #2ecc714d}.promo-form .promo-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #2ecc7166}.promo-form .promo-form-submit:active{transform:translateY(0)}.promo-form .promo-form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.promo-form .promo-form-submit .promo-form-arrow{width:20px;height:20px}.promo-form .promo-form-submit .promo-form-arrow svg{width:100%;height:100%}.promo-form-success{text-align:center;padding:2rem 0}.promo-form-success .promo-success-icon{margin-bottom:1.5rem;font-size:4rem}.promo-form-success h3{color:#27ae60;margin-bottom:1rem;font-size:2rem;font-weight:700}.promo-form-success p{color:#494949;max-width:500px;margin:0 auto;font-size:1.1rem;line-height:1.6}.promo-advantages-section{background:#fafbfc;padding:6rem 5%}.promo-advantages-header{text-align:center;margin-bottom:4rem}.promo-advantages-header h2{color:#2f2f2f;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.promo-advantages-header p{color:#494949;font-size:1.2rem}.promo-advantages-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.promo-advantage-card{text-align:center;background:#fff;border-top:4px solid #ffe4b0;border-radius:20px;padding:2.5rem 2rem;transition:all .3s;box-shadow:0 10px 30px #00000014}.promo-advantage-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.promo-advantage-card .promo-advantage-icon{justify-content:center;align-items:center;height:80px;margin-bottom:1.5rem;font-size:3rem;display:flex}.promo-advantage-card h3{color:#2f2f2f;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.promo-advantage-card p{color:#494949;font-size:.95rem;line-height:1.6}.promo-urgency-section{color:#fff;background:linear-gradient(135deg,#232347 0%,#3a3a6b 100%);padding:6rem 5%}.promo-urgency-content{text-align:center;max-width:800px;margin:0 auto}.promo-urgency-content .promo-urgency-badge{background:#e74c3ce6;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-weight:600;animation:2s infinite pulse;display:inline-flex}.promo-urgency-content .promo-urgency-badge .promo-urgency-icon{font-size:1.2rem}.promo-urgency-content h2{margin-bottom:1.5rem;font-size:2.8rem;font-weight:700}.promo-urgency-content p{opacity:.9;margin-bottom:3rem;font-size:1.2rem;line-height:1.6}.promo-urgency-content p strong{color:#ffe4b0;font-weight:700}.promo-urgency-stats{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.promo-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.promo-stat .promo-stat-number{color:#ffe4b0;margin-bottom:.5rem;font-size:2.5rem;font-weight:900}.promo-stat .promo-stat-label{opacity:.8;text-align:center;font-size:.9rem}@media (max-width:1200px){.promo-hero-section .promo-hero-content{gap:2rem}.promo-hero-left .promo-title .promo-highlight{font-size:3.5rem}.promo-hero-left .promo-title .promo-main-title{font-size:2.4rem}}@media (max-width:992px){.promo-hero-section{padding:3rem 5% 4rem}.promo-hero-section .promo-hero-content{text-align:center;flex-direction:column}.promo-hero-section .promo-hero-left .promo-features{grid-template-columns:1fr;max-width:400px;margin:2rem auto}.promo-form-container{margin:0 1rem;padding:2rem}.promo-form .promo-form-row{grid-template-columns:1fr;gap:1.5rem}.promo-urgency-stats{grid-template-columns:1fr;gap:1rem}}@media (max-width:768px){.promo-hero-section{padding:2rem 5% 3rem}.promo-hero-left .promo-title .promo-highlight{font-size:2.8rem}.promo-hero-left .promo-title .promo-main-title{font-size:1.8rem}.promo-hero-left .promo-title .promo-sub-text{font-size:1.1rem}.promo-product-showcase .promo-main-product{width:220px}.promo-form-header h2,.promo-advantages-header h2,.promo-urgency-content h2{font-size:2rem}.promo-advantages-grid{grid-template-columns:1fr;gap:1.5rem}.promo-advantage-card{padding:2rem 1.5rem}}.devis-acces-page{background:linear-gradient(#fafafa 0%,#fff 100%);min-height:100vh}.devis-acces-page .devis-main{padding-bottom:4rem}.devis-acces-page .devis-hero{background:linear-gradient(135deg,#ffe4b026 0%,#fff0 100%);padding:3rem 0 2rem}.devis-acces-page .devis-hero .hero-content{text-align:center;max-width:700px;margin:0 auto}.devis-acces-page .devis-hero .hero-badge{color:#fff;background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #2f2f2f33}.devis-acces-page .devis-hero .hero-badge .badge-icon{font-size:1rem}.devis-acces-page .devis-hero h1{color:#2f2f2f;margin-bottom:1rem;font-size:2.75rem;font-weight:800;line-height:1.2}.devis-acces-page .devis-hero .hero-subtitle{color:#666;max-width:550px;margin:0 auto;font-size:1.1rem;line-height:1.6}.devis-acces-page .progress-section{padding:2rem 0}.devis-acces-page .progress-section .progress-steps{justify-content:center;align-items:center;gap:0;max-width:400px;margin:0 auto;display:flex}.devis-acces-page .progress-section .progress-step{z-index:1;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.devis-acces-page .progress-section .progress-step .step-number{color:#888;background:#e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.devis-acces-page .progress-section .progress-step .step-label{color:#888;font-size:.85rem;font-weight:500;transition:all .3s}.devis-acces-page .progress-section .progress-step.active .step-number{color:#2f2f2f;background:linear-gradient(135deg,#ffe4b0 0%,#fdd878 100%);box-shadow:0 4px 15px #ffe4b080}.devis-acces-page .progress-section .progress-step.active .step-label{color:#2f2f2f;font-weight:600}.devis-acces-page .progress-section .progress-step.completed .step-number{color:#fff;background:#2f2f2f}.devis-acces-page .progress-section .progress-step.completed .step-label{color:#2f2f2f}.devis-acces-page .progress-section .progress-line{background:#e5e5e5;border-radius:2px;width:80px;height:3px;margin:0 1rem 1.5rem}.devis-acces-page .progress-section .quick-contact-banner{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e5e5e5;border-radius:50px;justify-content:center;align-items:center;gap:1.5rem;max-width:600px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:1rem 1.5rem;display:flex}.devis-acces-page .progress-section .quick-contact-banner .quick-contact-text{color:#666;font-size:.9rem;font-weight:500}.devis-acces-page .progress-section .quick-contact-banner .quick-contact-btn{color:#fff;white-space:nowrap;background:#2f2f2f;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.devis-acces-page .progress-section .quick-contact-banner .quick-contact-btn svg{stroke:#fff;width:18px;height:18px}.devis-acces-page .progress-section .quick-contact-banner .quick-contact-btn:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #2f2f2f33}.devis-acces-page .progress-section .quick-contact-banner .quick-contact-btn:active{transform:translateY(0)}.devis-acces-page .devis-content .container{max-width:1000px}.devis-acces-page .config-section .access-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.devis-acces-page .config-section .empty-state{text-align:center;background:#fff;border:2px dashed #e0e0e0;border-radius:20px;padding:4rem 2rem}.devis-acces-page .config-section .empty-state .empty-icon{width:60px;height:60px;margin:0 auto 1.5rem}.devis-acces-page .config-section .empty-state .empty-icon svg{fill:#d0d0d0;width:100%;height:100%}.devis-acces-page .config-section .empty-state h3{color:#2f2f2f;margin-bottom:.5rem;font-size:1.25rem}.devis-acces-page .config-section .empty-state p{color:#888;font-size:.95rem}.devis-acces-page .access-card{background:#fff;border:1px solid #0000000d;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000f}.devis-acces-page .access-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.devis-acces-page .access-card .access-card-header{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.devis-acces-page .access-card .access-card-header .access-number span{color:#2f2f2f;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.devis-acces-page .access-card .access-card-header .remove-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.devis-acces-page .access-card .access-card-header .remove-btn svg{width:20px;height:20px}.devis-acces-page .access-card .access-card-header .remove-btn:hover{color:#ef4444;background:#fee2e2}.devis-acces-page .access-card .access-card-content{padding:1.5rem}.devis-acces-page .access-card .section-label{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.devis-acces-page .access-card .type-selection{margin-bottom:1.5rem}.devis-acces-page .access-card .type-options{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.devis-acces-page .access-card .type-option{cursor:pointer;background:#fff;border:2px solid #efefef;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;transition:all .3s;display:flex}.devis-acces-page .access-card .type-option .type-name{color:#666;text-align:center;font-size:.8rem;font-weight:600;line-height:1.3}.devis-acces-page .access-card .type-option:hover{background:#ffe4b00d;border-color:#ffe4b0}.devis-acces-page .access-card .type-option.selected{background:linear-gradient(135deg,#ffe4b026 0%,#ffe4b00d 100%);border-color:#2f2f2f;box-shadow:0 4px 15px #2f2f2f1a}.devis-acces-page .access-card .type-option.selected .type-name{color:#2f2f2f}.devis-acces-page .access-card .type-option.selected .access-3d-viewer{transform:scale(1.05)}.devis-acces-page .access-card .magnet-section{margin-bottom:1.5rem}.devis-acces-page .access-card .quantity-section .quantity-control{background:#f5f5f5;border-radius:12px;align-items:center;gap:0;padding:4px;display:inline-flex}.devis-acces-page .access-card .quantity-section .qty-btn{cursor:pointer;color:#2f2f2f;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 2px 5px #0000000d}.devis-acces-page .access-card .quantity-section .qty-btn svg{width:20px;height:20px}.devis-acces-page .access-card .quantity-section .qty-btn:hover:not(:disabled){color:#fff;background:#2f2f2f}.devis-acces-page .access-card .quantity-section .qty-btn:disabled{opacity:.3;cursor:not-allowed}.devis-acces-page .access-card .quantity-section .qty-value{text-align:center;color:#2f2f2f;min-width:50px;font-size:1.25rem;font-weight:700}.devis-acces-page .access-3d-viewer{justify-content:center;align-items:center;width:100%;height:80px;transition:transform .3s;display:flex}.devis-acces-page .access-3d-viewer .viewer-container{width:70px;height:70px}.devis-acces-page .access-3d-viewer .access-3d-svg{width:100%;height:100%}.devis-acces-page .access-3d-viewer .access-3d-svg .pulse-light{animation:2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{opacity:.6;filter:drop-shadow(0 0 2px #ffe4b0)}50%{opacity:1;filter:drop-shadow(0 0 8px #ffe4b0)drop-shadow(0 0 15px gold)}}.devis-acces-page .magnet-selector .magnet-options{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.devis-acces-page .magnet-selector .magnet-option{cursor:pointer;text-align:center;background:#fff;border:2px solid #efefef;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.devis-acces-page .magnet-selector .magnet-option .magnet-icon{background:#e8f5e9;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.devis-acces-page .magnet-selector .magnet-option .magnet-icon svg{fill:#4caf50;width:24px;height:24px}.devis-acces-page .magnet-selector .magnet-option .magnet-icon.needs-magnet{background:#fff3e0}.devis-acces-page .magnet-selector .magnet-option .magnet-icon.needs-magnet svg{fill:#ff9800}.devis-acces-page .magnet-selector .magnet-option .magnet-label{color:#2f2f2f;font-size:.9rem;font-weight:600}.devis-acces-page .magnet-selector .magnet-option .magnet-desc{color:#888;font-size:.75rem;line-height:1.4}.devis-acces-page .magnet-selector .magnet-option:hover{border-color:#ffe4b0}.devis-acces-page .magnet-selector .magnet-option.selected{background:linear-gradient(135deg,#ffe4b01a 0%,#0000 100%);border-color:#2f2f2f}.devis-acces-page .magnet-selector .magnet-option.selected .magnet-icon{box-shadow:0 4px 10px #0000001a}.devis-acces-page .add-access-btn{cursor:pointer;color:#666;background:0 0;border:2px dashed #d0d0d0;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.25rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.devis-acces-page .add-access-btn .add-icon{background:#f0f0f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.devis-acces-page .add-access-btn .add-icon svg{fill:#666;width:18px;height:18px}.devis-acces-page .add-access-btn:hover{color:#2f2f2f;background:#2f2f2f05;border-color:#2f2f2f}.devis-acces-page .add-access-btn:hover .add-icon{background:#2f2f2f}.devis-acces-page .add-access-btn:hover .add-icon svg{fill:#fff}.devis-acces-page .config-summary{background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding:1.5rem;display:flex}.devis-acces-page .config-summary .summary-stats{gap:2rem;display:flex}.devis-acces-page .config-summary .stat{flex-direction:column;align-items:flex-start;display:flex}.devis-acces-page .config-summary .stat .stat-value{color:#ffe4b0;font-size:1.75rem;font-weight:800}.devis-acces-page .config-summary .stat .stat-label{color:#ffffffb3;font-size:.8rem}.devis-acces-page .config-summary .next-step-btn{color:#2f2f2f;cursor:pointer;background:#ffe4b0;border:none;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.devis-acces-page .config-summary .next-step-btn svg{width:20px;height:20px}.devis-acces-page .config-summary .next-step-btn:hover{background:#fdd878;transform:translate(4px)}.devis-acces-page .config-summary .next-step-btn:disabled{opacity:.5;cursor:not-allowed}.devis-acces-page .contact-section .back-btn{cursor:pointer;color:#666;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 0;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.devis-acces-page .contact-section .back-btn svg{width:18px;height:18px}.devis-acces-page .contact-section .back-btn:hover{color:#2f2f2f;transform:translate(-4px)}.devis-acces-page .contact-section .contact-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:2rem;display:grid}.devis-acces-page .contact-section .contact-form-container{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 4px 20px #0000000f}.devis-acces-page .contact-section .contact-form-container h2{color:#2f2f2f;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.devis-acces-page .contact-section .contact-form-container .form-subtitle{color:#888;margin-bottom:2rem;font-size:.95rem}.devis-acces-page .contact-section .contact-form{flex-direction:column;gap:1.25rem;display:flex}.devis-acces-page .contact-section .contact-form .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.devis-acces-page .contact-section .contact-form .form-group{flex-direction:column;gap:.5rem;display:flex}.devis-acces-page .contact-section .contact-form .form-group label{color:#2f2f2f;font-size:.85rem;font-weight:600}.devis-acces-page .contact-section .contact-form .form-group input,.devis-acces-page .contact-section .contact-form .form-group textarea{background:#fafafa;border:2px solid #efefef;border-radius:12px;padding:.9rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.devis-acces-page .contact-section .contact-form .form-group input:focus,.devis-acces-page .contact-section .contact-form .form-group textarea:focus{background:#fff;border-color:#ffe4b0;outline:none;box-shadow:0 0 0 4px #ffe4b033}.devis-acces-page .contact-section .contact-form .form-group input::placeholder,.devis-acces-page .contact-section .contact-form .form-group textarea::placeholder{color:#bbb}.devis-acces-page .contact-section .contact-form .form-group textarea{resize:vertical;min-height:100px}.devis-acces-page .contact-section .contact-form .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f2f2f 0%,#494949 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:1.1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.devis-acces-page .contact-section .contact-form .submit-btn svg{width:20px;height:20px}.devis-acces-page .contact-section .contact-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2f2f2f4d}.devis-acces-page .contact-section .contact-form .submit-btn:disabled{opacity:.5;cursor:not-allowed}.devis-acces-page .contact-section .contact-form .submit-btn.loading{pointer-events:none}.devis-acces-page .contact-section .contact-form .submit-btn .loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.devis-acces-page .contact-section .order-summary{background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);border:1px solid #e8e8e8;border-radius:24px;padding:1.75rem;position:sticky;top:2rem}.devis-acces-page .contact-section .order-summary h3{color:#2f2f2f;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.devis-acces-page .contact-section .order-summary .summary-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.devis-acces-page .contact-section .order-summary .summary-item{background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:.75rem;display:flex}.devis-acces-page .contact-section .order-summary .summary-item .summary-item-icon{flex-shrink:0;width:50px;height:50px}.devis-acces-page .contact-section .order-summary .summary-item .summary-item-icon .access-3d-viewer{height:50px}.devis-acces-page .contact-section .order-summary .summary-item .summary-item-icon .access-3d-viewer .viewer-container{width:45px;height:45px}.devis-acces-page .contact-section .order-summary .summary-item .summary-item-details{flex-direction:column;gap:.2rem;display:flex}.devis-acces-page .contact-section .order-summary .summary-item .summary-item-details .summary-item-name{color:#2f2f2f;font-size:.9rem;font-weight:600}.devis-acces-page .contact-section .order-summary .summary-item .summary-item-details .summary-item-meta{color:#888;font-size:.8rem}.devis-acces-page .contact-section .order-summary .summary-total{border-top:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 0;display:flex}.devis-acces-page .contact-section .order-summary .summary-total span{color:#2f2f2f;font-weight:600}.devis-acces-page .contact-section .order-summary .summary-total .total-value{color:#2f2f2f;font-size:1.5rem;font-weight:800}.devis-acces-page .contact-section .order-summary .guarantee-badges{flex-direction:column;gap:.75rem;display:flex}.devis-acces-page .contact-section .order-summary .guarantee-badges .guarantee{color:#666;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.devis-acces-page .contact-section .order-summary .guarantee-badges .guarantee svg{stroke:#4caf50;fill:none;flex-shrink:0;width:20px;height:20px}.devis-acces-page .contact-section .order-summary .guarantee-badges .guarantee.phone-contact{border-top:1px solid #eee;margin-top:.5rem;padding-top:.75rem}.devis-acces-page .contact-section .order-summary .guarantee-badges .guarantee.phone-contact svg{stroke:#ffe4b0}.devis-acces-page .contact-section .order-summary .guarantee-badges .guarantee.phone-contact .phone-link{color:#2f2f2f;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s}.devis-acces-page .contact-section .order-summary .guarantee-badges .guarantee.phone-contact .phone-link:hover{color:#ffc14a;text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:992px){.devis-acces-page .progress-section .quick-contact-banner{text-align:center;flex-direction:column;gap:1rem;padding:1.25rem}.devis-acces-page .progress-section .quick-contact-banner .quick-contact-text{font-size:.85rem}.devis-acces-page .progress-section .quick-contact-banner .quick-contact-btn{justify-content:center;width:100%}.devis-acces-page .access-card .type-options{grid-template-columns:1fr;gap:.75rem}.devis-acces-page .access-card .type-option{flex-direction:row;gap:1rem;padding:.75rem 1rem}.devis-acces-page .access-card .type-option .access-3d-viewer{width:60px;height:60px}.devis-acces-page .access-card .type-option .access-3d-viewer .viewer-container{width:55px;height:55px}.devis-acces-page .access-card .type-option .type-name{text-align:left}.devis-acces-page .magnet-selector .magnet-options{grid-template-columns:1fr}.devis-acces-page .config-summary{text-align:center;flex-direction:column}.devis-acces-page .config-summary .summary-stats{justify-content:center}.devis-acces-page .config-summary .next-step-btn{justify-content:center;width:100%}.devis-acces-page .contact-section .contact-grid{grid-template-columns:1fr}}@media (max-width:768px){.devis-acces-page .devis-hero h1{font-size:2rem}.devis-acces-page .devis-hero .hero-subtitle{font-size:1rem}.devis-acces-page .progress-section .progress-steps{max-width:300px}.devis-acces-page .progress-section .progress-line{width:50px}.devis-acces-page .config-summary .summary-stats{flex-wrap:wrap;gap:1rem}.devis-acces-page .config-summary .stat{min-width:80px}.devis-acces-page .contact-section .contact-form .form-row{grid-template-columns:1fr}}