.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .7s ease-in-out;background-color:transparent;padding:1rem 0}.header.scrolled{background-color:#070b06e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.25rem;text-decoration:none;color:var(--text-color);height:100%}.logo h1{font-size:1.4rem;font-weight:700}nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0;align-items:center}nav a{text-decoration:none;color:var(--text-color);font-weight:500;position:relative;transition:color .3s ease}nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;transform:translate(-50%);background-color:var(--primary-color);transition:width .3s ease}nav a:hover,nav a.active{color:var(--white-color)}nav a:hover:after,nav a.active:after{width:100%}.header-btn{background-color:var(--primary-color);color:var(--white-color);padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:background-color .3s ease,transform .3s ease;display:flex;align-items:center;height:100%}.header-btn:hover{background-color:#a52a1a;transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;background:none;border:none;padding:0;align-self:center}.hamburger .bar{width:25px;height:3px;background-color:var(--text-color);transition:all .3s ease}@media (max-width: 1024px){nav ul{gap:1.2rem}.header-btn{padding:.6rem 1.2rem;font-size:.8rem}.logo h1{font-size:1.2rem}}@media (max-width: 768px){.header-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem}.logo{align-self:center;display:flex;align-items:center;height:56px}.hamburger{display:flex;align-items:center;justify-content:center;position:relative;background-color:#000;border-radius:50%;padding:.6rem;height:56px;width:56px}nav ul{flex-direction:column;width:100%;gap:1rem;align-items:flex-end;text-align:right}.header-btn{align-self:stretch;text-align:center;width:100%}nav{display:none;width:60%;background-color:#31313199;position:absolute;top:100%;right:0;z-index:999;padding:1rem 2rem;box-shadow:0 4px 10px #0003;border-radius:12px}nav.active{display:block}nav ul li:last-child{margin-top:1rem}}.logo-image{height:72px;width:auto}@media (max-width: 768px){.logo-image{height:56px}}.header.hide{transform:translateY(-100%);transition:transform .7s ease-in-out}.footer{background-color:var(--background-color);padding-top:4rem;color:var(--text-color)}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 5%}.footer-brand h2{font-size:1.8rem;margin-bottom:.5rem}.footer-links h4,.footer-contact h4{font-family:var(--font-display);font-size:1.2rem;color:var(--white-color);margin-bottom:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-color)}.footer-links a:hover{color:var(--primary-color);padding-left:5px}.footer-contact p{font-size:.9rem;margin-bottom:.5rem}.footer-bottom{text-align:center;padding:1.5rem 0;margin-top:3rem;border-top:1px solid var(--secondary-color);font-size:.9rem}.footer-links ul li{margin-bottom:.8rem}.footer-links h3,.footer-social h3{margin-bottom:1rem}.footer-contact{margin-top:1.5rem}.footer-contact h3{margin-bottom:.5rem}.footer-contact p{margin-bottom:.3rem}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-logo{justify-content:center;display:flex;align-items:center;gap:.5rem;flex-direction:column}.social-icons{justify-content:center;display:flex;gap:1rem}.vertical-logo{align-items:center;justify-content:center;display:flex;flex-direction:column;width:100%}.footer-logo-text{text-align:center;width:100%}.footer-about{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}}.footer-logo-image{height:48px;width:auto}.footer-logo.vertical-logo{display:flex;flex-direction:column;gap:.5rem;width:100%}@media (max-width: 768px){.footer-logo.vertical-logo{align-items:center;justify-content:center}}@media (min-width: 769px){.footer-logo.vertical-logo{align-items:flex-start;justify-content:flex-start}}.large-logo{height:140px}.footer-logo-text{font-size:1.5rem;font-weight:700;width:100%}@media (max-width: 768px){.footer-logo-text{text-align:center}}@media (min-width: 769px){.footer-logo-text{text-align:left}}.footer-about{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;width:100%}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-about{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.footer-logo-text{text-align:center;width:100%}}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background-image:url(/stmoto_banner_1.webp);background-size:cover;background-position:center;background-attachment:fixed}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#070b06,#070b0633)}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 1rem}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:1rem;letter-spacing:2px;text-shadow:0 4px 10px rgba(0,0,0,.5)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;color:var(--text-color)}.btn-large{padding:1rem 3rem;font-size:clamp(1rem,2vw,1.1rem)}@media (max-width: 768px){.hero{padding:0 1rem;background-attachment:scroll}.hero-content{padding:.5rem}.btn-large{width:100%;max-width:300px}}.atv-list-section{background-color:var(--background-color)}.atv-grid{display:flex;overflow-x:auto;gap:2rem;padding-bottom:1rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;will-change:transform}.atv-grid img{flex:0 0 auto;width:250px;height:250px;object-fit:contain;background-color:#fff;scroll-snap-align:start;border-radius:8px}.large-img{width:300px;height:300px}@keyframes scrollImages{0%{transform:translate(0)}to{transform:translate(-50%)}}.atv-grid:hover{animation:scrollImages 20s linear infinite alternate}@media (max-width: 1024px){.atv-grid{display:flex;overflow-x:auto;gap:2rem;padding-bottom:1rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;will-change:transform}.atv-grid img{flex:0 0 auto;width:250px;height:250px;object-fit:contain;background-color:#fff;scroll-snap-align:start;border-radius:8px}}@media (max-width: 600px){.atv-grid{display:flex;overflow-x:auto;gap:2rem;padding-bottom:1rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;will-change:transform}.atv-grid img{flex:0 0 auto;width:250px;height:250px;object-fit:contain;background-color:#fff;scroll-snap-align:start;border-radius:8px}}.scooter-grid{display:flex;overflow-x:auto;gap:2rem;padding-bottom:1rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;will-change:transform}.scooter-grid img{flex:0 0 auto;width:250px;height:250px;object-fit:cover;object-position:center;background-color:#fff;scroll-snap-align:start;border-radius:8px;box-sizing:border-box;padding:0}@keyframes scrollScooters{0%{transform:translate(0)}to{transform:translate(-50%)}}.scooter-grid:hover{animation:scrollScooters 20s linear infinite alternate}.features-section{background-color:var(--card-bg-color);padding:4rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-item{text-align:center;padding:2rem;background:var(--background-color);border-radius:10px;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{color:var(--primary-color);margin-bottom:1rem}.feature-title{font-size:1.2rem;margin-bottom:.5rem}.feature-description{font-size:.9rem;color:var(--text-color)}.tour-section{background:linear-gradient(to bottom right,#070b06,#1a1f1a);padding:5rem 2rem;color:#f1ebdd;text-align:center}.tour-header h2{font-size:3rem;font-weight:700}.tour-header .highlight{color:#c3301f}.tour-header .subtitle{font-size:1.5rem;font-weight:600;margin-top:1rem}.tour-header .description{max-width:700px;margin:1rem auto 2rem;font-size:1rem;opacity:.8}.tour-destinations{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.tour-card{background:linear-gradient(to bottom right,#f1ebdd,#fff);color:#070b06;padding:2rem;border-radius:1rem;box-shadow:0 10px 25px #0000004d;transition:.3s ease-in-out}.tour-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.tour-icon-title{display:flex;align-items:center;margin-bottom:1rem;gap:.75rem}.tour-icon{color:#c3301f;width:2rem;height:2rem}.tour-card h3{font-size:1.25rem;font-weight:700;color:#c3301f}.tour-card p{margin-top:.5rem;font-size:.95rem;opacity:.85;line-height:1.6}.tour-label{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;font-weight:600;color:#c3301f;gap:.5rem}.pin-icon{width:1rem;height:1rem}.tour-details{background:#c3301f;padding:3rem 2rem;border-radius:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.detail-item{color:#f1ebdd;text-align:center}.detail-icon{width:2.5rem;height:2.5rem;margin-bottom:1rem}.tour-details h3{color:#f1ebdd}.rental-section{background:linear-gradient(to bottom,var(--card-bg-color) 0%,#c3301f 10%,#c3301f 90%,var(--card-bg-color) 100%);padding:12rem 2rem;color:#fff;text-align:center}.rental-header h2{font-size:3rem;font-weight:700}.rental-header .highlight{color:#fff}.underline{width:100px;height:4px;background-color:#fff;margin:1rem auto}.rental-header .description{max-width:700px;margin:1rem auto 2rem;font-size:1rem;color:#fff;opacity:.9}.rental-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.rental-card{background:#fff;color:#1a1f1a;padding:2rem;border-radius:1rem;box-shadow:0 10px 25px #0000004d;transition:.3s ease-in-out;text-align:left}.rental-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.rental-icon-title{display:flex;align-items:center;margin-bottom:1rem;gap:.75rem}.rental-icon{color:#c3301f;width:2rem;height:2rem}.rental-card h3{font-size:1.25rem;font-weight:700;color:#c3301f}.rental-card p{font-size:.95rem;line-height:1.6;opacity:.85}.rental-card ul{margin-top:1rem;padding-left:1.2rem;list-style-type:none;color:#1a1f1a;font-size:.95rem}.rental-card ul li:before{content:"•";color:#c3301f;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.bisiklet-list-section{padding:2rem 0}.bisiklet-subheading{font-size:1.1rem;margin-bottom:1.5rem}.bisiklet-flex-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2rem}.bisiklet-text-content{flex:1 1 300px;max-width:400px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.bisiklet-grid{flex:2 1 500px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.bisiklet-card{width:300px;text-align:center;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000001a;transition:transform .3s ease}.bisiklet-card:hover{transform:scale(1.03)}.bisiklet-card img{width:100%;height:300px;object-fit:cover}.bisiklet-img-large{height:420px;object-fit:cover}.bisiklet-card h4{margin:1rem 0;font-size:1.1rem;color:#333}.bisiklet-text-content h2{margin-bottom:.5rem;line-height:1.2}.gallery-section{background-color:#000;padding:5rem 2rem;color:#fff;text-align:center}.gallery-header h2{font-size:2.5rem;font-weight:700}.gallery-header .highlight{color:#c3301f}.underline{width:100px;height:4px;background-color:#c3301f;margin:1rem auto}.gallery-header .description{max-width:700px;margin:1rem auto 2rem;font-size:1rem;color:#fff;opacity:.85}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}.gallery-item img{width:100%;height:250px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #00000080;transition:transform .3s ease}.gallery-item img:hover{transform:scale(1.05)}@media (max-width: 768px){.gallery-grid{display:flex;overflow-x:auto;gap:1rem;padding-bottom:1rem;scroll-snap-type:x mandatory}.gallery-item{flex:0 0 auto;width:250px;scroll-snap-align:start}.gallery-item img{height:200px}.gallery-header h2{font-size:1.75rem;padding:0 1rem;word-break:break-word}}.about-page{padding-top:100px;padding-bottom:60px;background-color:var(--background-color);color:var(--text-color)}.about-header{text-align:center;margin-bottom:4rem}.about-header h1{font-size:3rem;font-weight:800;color:var(--text-color);margin-bottom:.5rem}.about-header p{font-size:1.25rem;color:var(--primary-color)}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-content h2{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;border-left:4px solid var(--primary-color);padding-left:1rem}.about-content p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 25px #0000004d}.about-stats{max-width:1200px;margin:5rem auto 0;padding:3rem 2rem;background-color:var(--card-bg-color);border-radius:12px;display:flex;justify-content:space-around;text-align:center}.stat-item .stat-icon{color:var(--primary-color);margin-bottom:1rem}.stat-item h3{font-size:2.5rem;font-weight:700;color:var(--text-color)}.stat-item p{font-size:1.1rem;color:#f1ebddb3}@media (max-width: 1024px){.about-container{grid-template-columns:1fr;gap:2rem}.about-content h2{font-size:2rem}.about-content p{font-size:1rem}.about-header h1{font-size:2.5rem}.about-header p{font-size:1.1rem}.stat-item h3{font-size:2rem}.stat-item p{font-size:1rem}}@media (max-width: 600px){.about-header h1{font-size:2rem}.about-header p{font-size:1rem;padding:0 1rem}.about-container{padding:0 1rem}.about-stats{flex-direction:column;gap:2rem;padding:2rem 1rem}}.contact-page{padding-top:100px;padding-bottom:60px;background-color:var(--background-color);color:var(--text-color)}.contact-header{text-align:center;margin-bottom:4rem}.contact-header h1{font-size:3rem;font-weight:800;color:var(--text-color);margin-bottom:.5rem}.contact-header p{font-size:1.25rem;color:var(--primary-color)}.contact-container{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr;gap:3rem;background-color:var(--card-bg-color);border-radius:12px}.contact-form-container h2,.contact-info-container h2{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background-color:#2a2a2a;border:1px solid var(--secondary-color);border-radius:8px;color:var(--text-color);font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c3301f4d}.btn-submit{width:100%;padding:1rem;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-submit:hover{background-color:#a52a1a}.contact-info-container p{line-height:1.7;margin-bottom:2rem}.contact-details{list-style:none;padding:0;margin:0}.contact-details li{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.1rem}.contact-details li svg{color:var(--primary-color);flex-shrink:0}.map-placeholder{background-color:#2a2a2a;border-radius:8px;padding:2rem;text-align:center;color:#f1ebddb3}.map-container{width:100%;height:auto;border-radius:8px;overflow:hidden;margin-top:1rem}.map-iframe{width:100%;height:300px;border:0;border-radius:8px}@media (max-width: 768px){.contact-header h1{font-size:2.25rem}.contact-header p{font-size:1rem}.contact-container{padding:1rem}.contact-details li{font-size:1rem;flex-direction:column;align-items:flex-start}.contact-info-container h2{font-size:1.5rem}.map-iframe{height:250px}}@media (max-width: 480px){.contact-header h1{font-size:1.75rem}.contact-header p{font-size:.9rem}.contact-details li{gap:.5rem}}.whatsapp-float{position:fixed;bottom:20px;right:20px;z-index:9999;background-color:#25d366;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003}.whatsapp-float img{width:40px;height:40px}:root{--primary-color: #c3301f;--secondary-color: #333333;--background-color: #070b06;--text-color: #f1ebdd;--card-bg-color: #1c1c1c;--white-color: #f1ebdd;--font-primary: "Poppins", sans-serif;--font-display: "Russo One", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{width:90%;max-width:1200px;margin:0 auto;padding:4rem 0}h1,h2,h3{font-family:var(--font-display);color:var(--white-color);line-height:1.2}h1{font-size:3.5rem}h2{font-size:2.5rem;text-align:center;margin-bottom:3rem}h3{font-size:1.5rem}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#e74c3c}.btn{display:inline-block;padding:.8rem 2rem;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:50px;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{background-color:#a52a1a;transform:translateY(-3px);box-shadow:0 4px 15px #c3301f66}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}.container{padding:2rem 0}}