.runflat-page{--primary:#e6b518;--secondary:#333;--dark:#0f1011;--light:#f8f9fa;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545}.runflat-page .hero-section{background-color:#0000;padding:80px 0;position:relative;overflow:hidden}.hero-split{align-items:center;max-width:1200px;margin:0 auto;padding:40px 0;display:flex;position:relative}.hero-content{z-index:2;flex:1;padding:0 50px;position:relative}.hero-content h1{color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:4rem;font-weight:800}.hero-content h2{color:#f5f5f5;letter-spacing:1px;margin-bottom:20px;font-size:2.2rem}.hero-content p{color:#d0d0d0;max-width:90%;margin-bottom:30px;font-size:1.1rem}.hero-image-container{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:visible}.hero-image-runflat{z-index:2;border-radius:20px;max-width:80%;height:auto;transition:transform .5s;position:relative;transform:perspective(1000px)rotateY(-15deg);box-shadow:0 20px 40px #0006}.hero-image-runflat:hover{transform:perspective(1000px)rotateY(0)}.hero-circles{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute}.circle{background-color:var(--primary);opacity:.1;filter:blur(40px);z-index:0;pointer-events:none;border-radius:50%;animation:4s infinite pulse;position:absolute}.circle-1{width:300px;height:300px;top:-100px;right:-50px}.circle-2{width:200px;height:200px;bottom:-50px;right:100px}.circle-3{background-color:#fff;width:150px;height:150px;top:50%;right:50%}.hero-cards{justify-content:center;gap:30px;max-width:1200px;margin-top:60px;margin-left:auto;margin-right:auto;padding:0 20px;display:flex}.hero-card{text-align:center;border-bottom:3px solid var(--primary);background-color:#242526;border-radius:15px;flex:1;max-width:350px;padding:30px 20px;transition:all .3s;box-shadow:0 10px 20px #0003}.hero-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.hero-card i{color:var(--primary);margin-bottom:15px;font-size:2.5rem}.hero-card h3{color:#fff;margin-bottom:10px;font-size:1.3rem}.hero-card p{color:#bbb;font-size:.95rem}.cta-buttons{gap:15px;display:flex}.btn{cursor:pointer;letter-spacing:1px;border:none;border-radius:50px;padding:15px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-outline{background-color:var(--primary);color:var(--dark)}.btn-outline:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #0003}.btn-secondary{color:var(--dark);background-color:#fff}.btn-secondary:hover{background-color:#f0f0f0;transform:translateY(-3px);box-shadow:0 5px 15px #0003}.about-section{background-color:#0000;padding:100px 0;position:relative;overflow:hidden}.diagonal-section{position:relative}.diagonal-bg{transform-origin:0 0;z-index:0;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0;transform:skewY(-5deg)}.section-title{text-align:center;z-index:1;margin-bottom:60px;position:relative}.section-title h2{color:var(--primary);text-transform:uppercase;margin-bottom:15px;font-size:2.5rem;animation:1s ease-in-out fadeInDown}.title-line{background-color:var(--primary);width:80px;height:4px;margin:0 auto 15px}.section-title p{color:#ccc;max-width:700px;margin:0 auto;font-size:1.1rem;animation:1.2s ease-in-out fadeInDown}.about-content{z-index:1;align-items:center;gap:50px;display:flex;position:relative}.about-image{transform-origin:50%;flex:1;transition:transform .5s;position:relative}.about-image:hover{transform:scale(1.05)}.about-image img{border-radius:10px;width:100%;height:auto;box-shadow:0 15px 30px #0000004d}.about-badge{background-color:var(--dark);color:#fff;border-left:3px solid var(--primary);border-radius:50px;padding:10px 20px;font-weight:700;position:absolute;bottom:30px;right:-20px;box-shadow:0 5px 15px #0003}.badge-highlight{color:var(--primary)}.about-text{flex:1}.about-text h3{color:var(--primary);margin-bottom:20px;font-size:2rem;animation:1s ease-in-out fadeInDown}.about-text p{color:#e0e0e0;margin-bottom:20px;font-size:1.05rem;animation:1.2s ease-in-out fadeInDown}@media (max-width:768px){.about-text{margin-left:20px;margin-right:20px}}.about-features{margin-top:30px}.feature{align-items:center;margin-bottom:15px;animation:1.4s ease-in-out fadeInDown;display:flex}.feature span{margin-left:10px}.feature i{color:var(--primary);margin-right:15px;font-size:1.2rem}.benefits-section{padding:100px 0;position:relative}.hexagon-container{max-width:1100px;margin:0 auto;padding:0 20px}.hexagon-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:#2a2b2c;width:300px;height:330px;margin:0 auto;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.hexagon:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.hexagon:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.hexagon:hover:before{animation:1s forwards shimmer}@keyframes shimmer{0%{left:-100%}to{left:100%}}.hexagon-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px 30px;display:flex;position:absolute;top:0;left:0}.hexagon-content i{color:var(--primary);margin-bottom:20px;font-size:2.5rem}.hexagon-content h3{color:#fff;margin-bottom:15px;font-size:1.3rem}.hexagon-content p{color:#ccc;font-size:.95rem}.how-it-works-section{background-color:#0000;padding:100px 0;overflow:hidden}.steps-container{max-width:800px;margin:60px auto 0;position:relative}.steps-container:before{content:"";background-color:var(--primary);width:3px;height:100%;position:absolute;top:0;left:20px}.step-item{opacity:1;margin-bottom:50px;transition:all .8s;display:flex;position:relative;transform:none}.step-item.animate{opacity:1;transform:none}.step-number{background-color:var(--primary);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:30px;font-size:1.5rem;font-weight:700;display:flex;position:relative;box-shadow:0 5px 15px #0003}.step-content{transform-origin:50%;background-color:#2a2b2c;border-radius:10px;flex:1;padding:30px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 5px 15px #0000001a}.step-content:hover{transform:scale(1.05);box-shadow:0 8px 25px #0003}@keyframes expand{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.step-content.animate{animation:.5s forwards expand}.step-icon{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex}.step-icon i{color:#fff;font-size:1.8rem}.step-content h3{color:#fff;margin-bottom:15px;font-size:1.5rem}.step-content p{color:#d0d0d0}.comparison-section{padding:100px 0}.comparison-table-container{max-width:900px;margin:60px auto 0;overflow-x:auto}.comparison-table{border-collapse:collapse;background-color:#2a2b2c;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 10px 30px #0003}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid #444;padding:20px}.comparison-table th{background-color:var(--primary);color:var(--dark);font-size:1.1rem;font-weight:700}.comparison-table th:first-child{width:30%}.comparison-table td i.fa-check{color:var(--success);margin-right:10px}.comparison-table td i.fa-times{color:var(--danger);margin-right:10px}.cta-section{text-align:center;padding:60px 0;background:0 0!important}.cta-section h2{color:var(--primary);text-transform:uppercase;margin-bottom:20px;font-size:2.5rem}.cta-section p{color:#e0e0e0;margin-bottom:30px;font-size:1.2rem}.btn{cursor:pointer;border:none;border-radius:30px;padding:12px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary);color:var(--dark)}.btn-primary:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #0003}.cta-buttons{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.o-divider{margin:0 10px;font-weight:500}.whatsapp-float{color:#fff;z-index:100;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;transition:transform .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 3px 12px #0003}.whatsapp-float:hover{transform:scale(1.1)}@media (max-width:768px){.whatsapp-float{width:50px;height:50px;font-size:24px;bottom:20px;right:20px}}@media (max-width:1100px){.hexagon-grid{grid-template-columns:repeat(2,1fr)}.cta-section .container{flex-direction:column}.hero-content h1{font-size:3.5rem}}@media (max-width:992px){.hero-split{flex-direction:column;gap:50px}.hero-content{text-align:center;padding:0 20px}.hero-content p{max-width:100%}.cta-buttons{justify-content:center}.about-content{flex-direction:column-reverse;gap:50px}.testimonials-container{flex-direction:column;align-items:center}.testimonial-card{min-width:100%}}@media (max-width:768px){.hero-cards{flex-direction:column;align-items:center;gap:20px}.hero-card{width:100%;max-width:400px}.hexagon-grid{grid-template-columns:1fr}.step-content:before{display:none}}@media (max-width:576px){.logo{margin-left:15px}.logo img{height:65px;margin-left:0;padding-left:0}.container{padding:0 10px}.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.8rem}.section-title h2{font-size:2rem}.cta-buttons{flex-direction:column;width:100%}.cta-content h2{font-size:2rem}.step-item{flex-direction:column;align-items:flex-start}.step-number{margin-bottom:20px}}@media (max-width:768px){.menu{transition:left .3s;z-index:10000!important}.menu.active{left:0;z-index:10000!important}}