.button{width:100%;max-width:450px;aspect-ratio:8/1;max-height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:400;letter-spacing:1px;transition:all .2s ease-out}.button.button-primary{background:#d00000}.button.button-primary:hover{transform:translateY(5px)}.button.button-secondary{background:#9d02074b}.button.button-secondary:hover{transform:translateY(5px)}.comparator_page-card{width:clamp(350px,60vw,600px);display:flex;flex-direction:column;gap:clamp(8px,1.2vw,12px)}.comparator_page-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.comparator_page-card .rating-container{display:flex;flex-direction:column;gap:4px;width:100%}.comparator_page-card .rating-container .child{width:50%;display:flex;justify-content:space-between}@media (max-width: 738px){.comparator_page-card .rating-container .child{width:100%}}.comparator_page-card .rating-container .child .star-container{display:flex;gap:4px}.comparator_page-card .pros,.comparator_page-card .cons{display:flex;align-self:flex-start;justify-content:center;gap:16px}.comparator_page-card .button{max-width:100%}.navbar{position:absolute;top:0;left:0;width:100%;padding:25px clamp(20px,5vw,50px);display:flex;align-items:center;justify-content:space-between}.navbar .logo{width:clamp(50px,6vw,75px);border-radius:100%;aspect-ratio:1/1;cursor:pointer;transition:all .2s ease-out}.navbar .logo:hover{transform:translate(5px)}.banner-generic{width:100vw;height:40vh;background:radial-gradient(50% 50% at 50% 50%,#00000069,#000000c5),url(/assets/f1-banner-CPDwWskI.webp) #d3d3d3 50%/cover no-repeat;position:relative;display:flex;justify-content:center;align-items:center}@media (max-width: 738px){.banner-generic{height:60vdh}}.banner-generic .return{position:absolute;display:flex;align-items:center;justify-content:center;gap:10px;opacity:.65;bottom:15px;left:clamp(20px,5vw,50px);transition:all .2s ease-out;cursor:pointer}.banner-generic .return span{transform:translateY(1px);font-weight:500}.banner-generic .return:hover{opacity:1;transform:translate(-5px)}.footer{padding:50px 0 20px;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.footer .top{width:100vw;display:flex;align-items:center;justify-content:center;gap:10px}.footer .top img{height:36px;transition:all .2s ease-out}.footer .top img:hover{transform:rotate(10deg)}.footer .bottom{width:100vw;padding:0 clamp(30px,2vw,50px) 0 clamp(30px,2vw,50px);display:flex;align-items:center;justify-content:space-between;color:#ffffffa6}@media (max-width: 738px){.footer .bottom{flex-direction:column-reverse;gap:20px}}.footer .bottom .copy{font-size:clamp(10px,2vw,16px);font-weight:400}.footer .bottom .rules{display:flex;align-items:center;justify-content:center;gap:2vw}@media (max-width: 738px){.footer .bottom .rules{flex-direction:column-reverse;gap:20px}}.footer .bottom .rules .icon{display:flex;gap:20px;align-items:center;justify-content:center}.footer .bottom .rules .icon img{height:clamp(20px,2vw,30px)}.footer .bottom .rules p{font-size:clamp(10px,2vw,12px);font-weight:400;width:clamp(200px,20vw,250px)}@media (max-width: 738px){.footer .bottom .rules p{width:100vw;text-align:center}}.comparator .comparator-container{display:flex;padding-top:20px;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(24px,6vw,100px)}.banner-homepage{width:100vw;height:100vh;padding:0 clamp(20px,5vw,50px);background:radial-gradient(50% 50% at 50% 50%,#00000070,#000000c5),url(/assets/f1-banner-CPDwWskI.webp) #d3d3d3 50%/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center}@media (max-width: 738px){.banner-homepage{height:100dvh}}.banner-homepage .content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.banner-homepage .content .title{text-align:center}.banner-homepage .content .button-section{width:100%;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;row-gap:12px}#title,#homeButton,#homeButton2{opacity:0;transform:translateY(50px)}.about{width:100%;display:flex;align-items:center;justify-content:center;gap:5vw}@media (max-width: 738px){.about{flex-direction:column}}.about .img-container{flex:1;border-radius:8px}.about .img-container img{width:100%;border-radius:8px}.about .content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.about .content .writing-content{flex:1;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:5px}@media (min-width: 964px){.about .content{align-items:start}}.question{width:100%;background-color:#9d02074b;padding:10px 15px;border-radius:16px;overflow:hidden;transition:all .2s ease-in-out}.question .top{display:flex;align-items:center;gap:10px;cursor:pointer}.question .detail{padding:0 10px;max-height:0;text-align:left;opacity:0;transition:max-height .5s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out}.question.open{height:auto}.question.open .detail{max-height:200px;opacity:1;padding:10px}@media (min-width: 964px){.question:hover{transform:translate(-20px)}}.faq{width:100%;display:flex;align-items:start;justify-content:center;gap:5vw}@media (max-width: 738px){.faq{flex-direction:column}}.faq .left{flex:1;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:1vw;width:100%;height:100%}.faq .right{flex:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:start;gap:10px}.section-padding{padding:48px clamp(30px,2vw,50px) 0 clamp(30px,2vw,50px)}.slider{display:flex;transform:translate(clamp(-30px,-2vw,-50px));gap:clamp(20px,5vw,100px);padding:0 clamp(30px,2vw,50px) 50px clamp(30px,2vw,50px);overflow-x:auto;width:100vw}.slider::-webkit-scrollbar{height:5px}.slider::-webkit-scrollbar-thumb{background:#ffffff80;width:10px;border-radius:10px}.slider::-webkit-scrollbar-track{background:transparent}.comparator-card{min-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:start;scroll-snap-align:center;gap:12px}@media (max-width: 738px){.comparator-card{min-width:85vw}}.comparator-card .img-link{aspect-ratio:16/9;border-radius:8px;overflow:hidden;cursor:pointer}.comparator-card .img-link img{width:100%;height:100%;object-fit:cover;transition:all .2s ease-in-out}.comparator-card .img-link img:hover{scale:1.05}.comparator-card .content{display:flex;flex-direction:column;align-items:center;gap:8px}.comparator-card .content .top{display:flex;width:100%;justify-content:space-between;align-items:center}.comparator-card .content .pros,.comparator-card .content .cons{display:flex;align-self:flex-start;justify-content:center;gap:4px}.comparator{display:flex;flex-direction:column;gap:30px}.comparator .button-section{width:100%;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;row-gap:12px}.review{display:flex;background:#9d02074b;padding:20px 10px;border-radius:24px;flex-direction:column;align-items:center;justify-content:start;gap:8px;flex:1;min-width:250px;text-align:center}.review .star-container{display:flex;align-items:center;justify-content:center;gap:5px}.review p{width:90%;margin-top:3px}.reviews{display:flex;flex-direction:column;gap:30px}html,body{box-sizing:border-box;margin:0;padding:0;overflow-x:hidden}*,*:after,*:before{box-sizing:border-box}*{margin:0;padding:0;color:inherit;white-space:normal}ul,ol{list-style-type:none}a{text-decoration:none}img{height:auto;width:auto}body{background-color:#0a0a0a;color:#fff}body::-webkit-scrollbar{width:6px!important;height:4px!important}body::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:4px}body::-webkit-scrollbar-track{background:transparent}body{font-family:Montserrat,sans-serif;font-weight:200;letter-spacing:1px;font-size:clamp(16px,2.2vw,18px)}h1{font-weight:400;font-size:clamp(50px,7vw,80px);font-family:Oxanium,sans-serif;letter-spacing:1px;text-shadow:0px 0px 8px #000}h2{font-weight:400;font-size:clamp(36px,5vw,64px);font-family:Oxanium,sans-serif;letter-spacing:1px;margin-bottom:-4px}h2.comparator-card-heading{font-size:clamp(32px,4vw,44px);font-family:Oxanium,sans-serif;font-weight:400;letter-spacing:1px}h3{font-size:clamp(24px,3vw,32px);font-family:Oxanium,sans-serif;font-weight:400;letter-spacing:1px}h3.heading-three-var{font-size:clamp(18px,3.2vw,20px);font-family:Oxanium,sans-serif;font-weight:300;letter-spacing:1px}b{font-weight:600;color:#ffba08}.pros{display:flex;align-self:flex-start;justify-content:center;gap:16px}.bonus{font-weight:300}
