html{overflow-x:unset;width:100%}body{width:100%;overflow-x:hidden;position:relative;margin:0}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .8s ease-out forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.technology-hero{background-image:url(../images/backgrounds/techn.webp);background-size:cover;background-position:center;background-attachment:fixed;height:50vh;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;width:100%}.technology-hero-text{position:relative;z-index:2;animation:fadeInUp 1s ease-out;width:100%;padding:0 15px}.technology-hero-text h1{font-family:var(--font-heading);font-size:3.5rem;color:var(--text-light);margin-bottom:15px;text-shadow:0 4px 15px rgba(0,0,0,.6);word-wrap:break-word}.technology-hero-text p{font-size:1.3rem;color:#f0f0f0;font-weight:300}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(34,34,34,.9) 0,rgba(34,34,34,.6) 100%);z-index:1}.section{padding:60px 0;overflow:hidden}.section-first{padding-top:80px}.tech-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:stretch}.tech-card{background:#fff;padding:35px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.05);text-align:justify}.section-title-main h2{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-dark);margin-bottom:5px}.section-title-main h3{font-family:var(--font-heading);font-size:1.2rem;color:var(--text-dark);margin-bottom:5px}.surface-info{background-color:var(--bg-secondary);border-left:5px solid var(--accent)}.methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.method-box{background:#fff;padding:30px;text-align:center;border-radius:12px;transition:var(--transition);border-bottom:3px solid transparent}.method-box:hover{transform:translateY(-10px);border-bottom-color:var(--accent);box-shadow:0 15px 35px rgba(0,0,0,.1)}.method-box i{font-size:2.5rem;color:var(--accent);margin-bottom:20px}.road-section-horizontal{background-color:#1a1a1a;padding:100px 0;width:100%;overflow:hidden}.section-title{text-align:center;margin-bottom:3.5rem;padding:0 10px}.section-title .light-title{color:#faf3e1;font-family:var(--font-heading);font-size:2.5rem;word-wrap:break-word}.underline{width:80px;height:4px;background-color:var(--accent);margin:15px auto}.road-grid-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px}.road-column{display:flex;flex-direction:column;align-items:center;width:100%}.road-surface-segment{height:120px;width:100%;background-color:#222;border-top:2px solid #333;border-bottom:2px solid #333;display:flex;align-items:center;justify-content:center;position:relative;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.1'/%3E%3C/svg%3E");z-index:1}.mark-horizontal{background-color:#fff;width:85%}.solid-line{height:6px}.dashed-line{height:6px;background-color:transparent;background:repeating-linear-gradient(to right,#fff,#fff 30px,transparent 30px,transparent 60px)}.double-line{height:16px;border-top:4px solid #fff;border-bottom:4px solid #fff;background:0 0}.zebra-crossing{height:80%;width:80%;background-color:transparent;background:repeating-linear-gradient(to right,#fff,#fff 25px,transparent 25px,transparent 50px)}.road-card{background:rgba(40,40,40,.9);padding:20px;border-radius:10px;border:1px solid var(--accent);color:#fff;width:90%;box-sizing:border-box}.road-card h3{color:var(--accent);font-size:1.1rem;margin-bottom:8px}.road-card p{font-size:.85rem;line-height:1.4;color:#ccc}.connector{width:2px;height:30px;background-color:var(--accent)}.bike-grid{grid-template-columns:repeat(3,1fr);margin-top:20px}.road-surface-segment.narrow{height:70px;background-color:#2a2a2a;border-color:#444}.road-surface-segment.red-pavement{background-color:#721515;border:none;position:relative}.road-surface-segment.red-pavement::after,.road-surface-segment.red-pavement::before{content:"";position:absolute;left:0;width:100%;height:12px;background:repeating-linear-gradient(to right,#ffc107,#ffc107 15px,transparent 15px,transparent 30px);z-index:2}.road-surface-segment.red-pavement::before{top:-12px}.road-surface-segment.red-pavement::after{bottom:-12px}.bike-icon-mark{background-color:transparent!important;display:flex;justify-content:center;align-items:center}.bike-icon-mark i{color:#ffc107;font-size:2.5rem;transform:rotate(90deg)}.bike-icon-pos{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.bike-icon-pos i{color:#ffc107;font-size:2.2rem;text-shadow:0 0 5px rgba(0,0,0,.3)}.bike-left{left:30px}.bike-left i{transform:rotate(180deg)}.bike-right{right:30px}.mark-horizontal.yellow{background-color:#ffc107!important;height:4px}.section-eco{background-color:#f0f0f0;padding:80px 0}.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;text-align:center}.eco-content h2{color:var(--accent);margin-bottom:20px;font-family:var(--font-heading)}.eco-content p{color:#222;line-height:1.8;font-size:1.1rem}@media (max-width:992px){.technology-hero{background-attachment:scroll}.bike-grid,.eco-grid,.methods-grid,.road-grid-wrapper,.tech-intro-grid{grid-template-columns:1fr;gap:30px}.road-section-horizontal{padding:50px 0}.road-column{margin-bottom:40px}.technology-hero-text h1{font-size:2.5rem}.section-title .light-title{font-size:2rem}}@media (max-width:480px){.technology-hero-text h1{font-size:2rem}.section-title .light-title{font-size:1.6rem}.method-box,.tech-card{padding:25px}.bike-left{left:10px}.bike-right{right:10px}}