:root{--brand-purple: #1a0b40;--brand-blue: #5dadf2;--bg-dark-purple: #120a35;--accent-lavender: #b19bf9;--text-white: #ffffff}.textPrimary{color:var(--primaryColor)}.hero-section{position:relative;padding:80px 0;overflow:hidden;background-color:#fff;background-image:url(/cdn/shop/files/Banner.png?v=1764247706);background-size:cover;background-position:center}.hero-title{font-weight:700;font-size:2.5rem;line-height:1.2;color:#000;margin-bottom:1rem}.hero-subtitle{font-size:20px;line-height:1.5;color:#333;margin-bottom:1.5rem;max-width:90%}.price-container{display:flex;align-items:center;gap:15px;margin-bottom:1.5rem}.old-price{font-size:3rem;font-weight:700;color:#111;position:relative;display:inline-block}.old-price:after{content:"";position:absolute;left:-5%;top:50%;width:110%;height:4px;background-color:#4b38b5;transform:rotate(-15deg);border-radius:2px;opacity:.8}.new-price{font-size:5rem;font-weight:800;color:var(--primaryColor)}.btn-hero{background:linear-gradient(90deg,#6243ff,#8a6aff);border:none;border-radius:50px;padding:12px 30px;color:#fff;font-weight:600;font-size:1.5rem;transition:transform .2s}.btn-hero:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px #6243ff66}.shipping-text{margin-top:10px;font-size:1.5rem;color:#333;font-weight:400}.shipping-text a{color:var(--primaryColor);text-decoration:none}h2 span{color:var(--primaryColor)}.section-heading{font-size:4rem}.install-section{background-color:var(--bg-dark-purple);color:var(--text-white);padding:80px 0;overflow:hidden}.section-title{font-size:4rem;font-weight:600;margin-bottom:3.5rem;color:var(--text-white)}.highlight-text{color:var(--accent-lavender);font-weight:700}.step-text{font-size:2rem;margin-top:1.5rem;line-height:1.4;font-weight:500;padding:0 15px}.footer-text{font-size:3.5rem;margin-top:4rem;font-weight:400}.timeline-wrapper{position:relative}.timeline-wrapper:before{content:"";position:absolute;top:42%;left:0;width:100%;height:2px;background-color:var(--accent-lavender);z-index:0;display:none}.step-card{position:relative;z-index:1;display:inline-block;background-color:var(--bg-dark-purple);padding:0 10px}.step-image{width:100%;max-width:320px;height:auto;box-shadow:0 10px 20px #0000004d;transition:transform .3s ease}.step-image:hover{transform:translateY(-5px)}.timeline-dot{width:14px;height:14px;background-color:var(--bg-dark-purple);border:2px solid var(--accent-lavender);border-radius:50%;position:absolute;top:40%;right:46px;transform:translateY(-50%);z-index:2}@media(min-width:768px){.timeline-wrapper:before{display:block}}@media(min-width:992px){.hero-title{font-size:3rem}.hero-content{padding-right:2rem}}.text-brand-purple{color:var(--brand-purple)}.bg-brand-purple{background-color:var(--brand-purple)}.btn-brand{background-color:var(--brand-blue);color:#fff;font-weight:600;border:none;font-size:2rem;border-radius:8px}.btn-brand:hover{background-color:#4a90d9;color:#fff}.section{padding-top:4rem;padding-bottom:4rem}.feature-card{border:none;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.safety-banner{background-color:var(--brand-purple);border-radius:20px;overflow:hidden;color:#fff}blockquote p{font-size:2rem}.lead{font-size:2.5rem}.accordion-button:not(.collapsed){background-color:#eef7ff;color:var(--brand-purple)}.accordion-button{font-size:2rem}.compatibility-checker{padding-top:60px;padding-bottom:60px}.compatibility-checker h3{padding-bottom:30px}.compatibility-checker h5{font-size:3rem}.form-select{font-size:2rem;border-radius:8px}p.card-title{font-size:3rem;line-height:1.4}.btn-gradient{background:linear-gradient(90deg,#2f80ed,#56ccf2);color:#fff;border:none;padding:.5rem 1rem;font-size:2rem}.btn-gradient:hover{background:linear-gradient(90deg,#1c5dbf,#2fa3e6);color:#fff}#featuresCarousel .carousel-item{display:flex}#featuresCarousel{position:relative}#featuresCarousel .carousel-inner{overflow:hidden}#featuresCarousel .carousel-item{transition:transform .6s ease-in-out}#featuresCarousel .carousel-item .row{margin:0}#featuresCarousel .carousel-item .col-lg-4{padding:0 15px}@media(max-width:767px){#featuresCarousel .carousel-item .col-md-6{flex:0 0 100%;max-width:100%}}@media(min-width:768px)and (max-width:991px){#featuresCarousel .carousel-item .col-md-6{flex:0 0 50%;max-width:50%}}@media(min-width:992px){#featuresCarousel .carousel-item .col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/landing-page.css.map */