/* =========================================================
   LA MAURO eBIKE — V7.15 IMMERSIVE NATURALE
   Layer visivo non distruttivo: profondità, luce, movimento.
   ========================================================= */
:root{
  --lm-deep:#103b31;
  --lm-deep-2:#16484A;
  --lm-forest:#2e6b4f;
  --lm-leaf:#78ad68;
  --lm-water:#9fc7d6;
  --lm-mist:#eaf2ed;
  --lm-cream:#F7F9F7;
  --lm-shadow-soft:0 18px 52px rgba(16,63,66,.12);
  --lm-shadow-float:0 26px 70px rgba(16,63,66,.18);
  --lm-radius:22px;
}
html{scroll-behavior:smooth;background:var(--lm-cream)}
body{background:
  radial-gradient(circle at 8% 4%,rgba(159,199,214,.13),transparent 28rem),
  radial-gradient(circle at 92% 18%,rgba(120,173,104,.08),transparent 28rem),
  var(--lm-cream)}
::selection{background:#a8d69a;color:#103F42}

/* Sottile indicatore di viaggio: tecnologia discreta */
#journeyProgress{position:fixed;z-index:12000;top:0;left:0;width:100%;height:2px;pointer-events:none;background:rgba(255,255,255,.07)}
#journeyProgress>i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--lm-leaf),var(--lm-water));box-shadow:0 0 12px rgba(159,199,214,.45);will-change:width}

/* HEADER — vetro verde profondo */
.site-header{background:linear-gradient(180deg,rgba(10,38,31,.92),rgba(10,38,31,.57));border-bottom:1px solid rgba(211,231,219,.10);backdrop-filter:blur(16px) saturate(1.08)}
.site-header.scrolled{background:rgba(15,53,44,.94)!important;box-shadow:0 14px 38px rgba(8,37,29,.17)!important;border-color:rgba(191,216,197,.12)}
.nav-link{transition:color .25s ease,opacity .25s ease}
.nav-link:hover{color:#d9ecd9}
.header-phone{border-color:rgba(206,232,214,.25);background:rgba(255,255,255,.055);border-radius:999px;padding-left:15px;padding-right:15px}

/* HERO — immagine protagonista, luce, profondità */
.hero{isolation:isolate;background:#102f28}
.hero::before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:
  radial-gradient(circle at var(--hero-x,72%) var(--hero-y,35%),rgba(176,220,191,.15),transparent 23%),
  linear-gradient(112deg,rgba(10,39,32,.11),transparent 52%)}
.hero::after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:-1px;height:110px;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(247,244,236,.18) 64%,#F7F9F7 100%);clip-path:polygon(0 42%,20% 58%,42% 35%,65% 64%,84% 42%,100% 54%,100% 100%,0 100%)}
.hero-focus-frame{filter:saturate(1.02) contrast(1.02) brightness(1.03)}
.hero-overlay{background:linear-gradient(90deg,rgba(10,40,32,.89) 0%,rgba(10,40,32,.66) 34%,rgba(10,40,32,.22) 70%,rgba(10,40,32,.08) 100%)!important}
.hero-gradient{height:55%;background:linear-gradient(transparent,rgba(11,40,33,.72) 68%,rgba(15,53,44,.82))!important}
.hero-glow{right:-180px;bottom:-280px;width:720px;height:720px;background:radial-gradient(circle,rgba(159,199,214,.17),rgba(120,173,104,.07) 37%,transparent 68%)!important}
.hero-content{position:relative;padding:28px 30px 32px 0;filter:none!important}
.hero-content::before{content:"";position:absolute;z-index:-1;inset:-40px -70px -40px -60px;background:radial-gradient(ellipse at 32% 50%,rgba(8,36,29,.28),transparent 70%);filter:blur(18px)}
.hero-kicker{color:#d7e7dd!important}
.hero-kicker .line{background:linear-gradient(90deg,var(--lm-leaf),var(--lm-water))!important}
.hero-title{filter:drop-shadow(0 15px 30px rgba(0,0,0,.18))}
.hero-title-white{color:#fbfaf6!important}
.hero-title-green{color:#a4d692!important;text-shadow:0 10px 35px rgba(87,143,99,.12)!important}
.hero-description{color:#e6efe9!important;text-wrap:balance}
.hero-badge{border-color:rgba(230,244,235,.34)!important;background:rgba(15,53,44,.37)!important;box-shadow:0 22px 55px rgba(5,28,21,.26),inset 0 0 0 7px rgba(255,255,255,.025)!important}
.hero-badge strong{color:#a4d692!important}
.hero-badge::before,.hero-badge::after{background:#9fc7d6!important}
.scroll-down{z-index:8}

/* Piccolo segnale geografico nella hero, non invasivo */
.hero-route-note{position:absolute;z-index:7;right:5%;bottom:46px;display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(14,55,44,.34);backdrop-filter:blur(12px);color:#dcebe2;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}
.hero-route-note i{width:7px;height:7px;border-radius:50%;background:#9dd588;box-shadow:0 0 0 5px rgba(157,213,136,.12)}

/* Sezioni — respiro e separazioni più organiche */
.intro-section,.bike-categories,.brands-section,.motor-lab-section,.focus-showcase,.focus-photo-story,.finance-section,.accessories-teaser,.contact-section{position:relative;isolation:isolate}
.intro-section::before,.bike-categories::before,.brands-section::before,.motor-lab-section::before,.focus-photo-story::before,.finance-section::before,.contact-section::before{content:"";position:absolute;z-index:-1;width:38rem;height:38rem;border-radius:50%;filter:blur(3px);pointer-events:none;background:radial-gradient(circle,rgba(159,199,214,.085),transparent 68%)}
.intro-section::before{right:-19rem;top:-19rem}.bike-categories::before{left:-24rem;top:5rem}.brands-section::before{right:-25rem;top:1rem}.motor-lab-section::before{left:-20rem;top:0}.focus-photo-story::before{right:-20rem;top:6rem}.finance-section::before{left:-24rem;top:-8rem}.contact-section::before{right:-20rem;top:1rem}
.section-eyebrow{letter-spacing:.18em!important}
.section-heading h2,.intro-content h2,.workshop-content h2,.about-content h2,.cta-content h2,.experience-content h2{letter-spacing:-.045em!important;text-wrap:balance}
.section-heading>p,.intro-content>p,.workshop-content>p,.about-content>p,.cta-content>p{font-size:clamp(14px,1.15vw,17px);line-height:1.78}

/* Pulsanti: tattili, naturali */
.btn{position:relative;overflow:hidden;border-radius:999px!important;box-shadow:0 8px 24px rgba(16,63,66,.07)}
.btn::before{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.17),transparent);transition:transform .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.btn:hover::before{transform:translateX(105%)}
.btn-green{background:linear-gradient(135deg,#69AFA4,#91c87d)!important;color:#102e25!important;border-color:transparent!important}
.btn-outline{background:rgba(255,255,255,.045);backdrop-filter:blur(8px)}
.btn span{transition:transform .25s ease}.btn:hover span{transform:translateX(3px)}

/* Card: immagine immersiva, luce dinamica */
.bike-card{border-radius:var(--lm-radius);border-color:rgba(196,223,205,.13)!important;box-shadow:0 18px 42px rgba(10,42,33,.14);isolation:isolate}
.bike-card::after,.focus-feature::after,.focus-tile::after,.motor-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(circle at var(--card-x,65%) var(--card-y,25%),rgba(194,227,202,.16),transparent 34%);transition:opacity .35s ease}
.bike-card:hover::after,.focus-feature:hover::after,.focus-tile:hover::after,.motor-card:hover::after{opacity:1}
.bike-card-image img{transform:scale(1.025)}
.bike-card-overlay{background:linear-gradient(180deg,rgba(8,35,28,.02),rgba(8,35,28,.20) 47%,rgba(8,35,28,.94) 100%)!important}
.bike-card h3{color:#b6dd9f!important}.bike-card a{color:#b6dd9f!important;border-color:rgba(182,221,159,.55)!important}
.category-grid{gap:18px!important}

/* Banner natura: sembra una finestra sul paesaggio */
.experience-banner{margin:34px 2.2%;min-height:650px!important;border-radius:30px;box-shadow:var(--lm-shadow-float);transform:translateZ(0)}
.experience-banner::after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);pointer-events:none}
.experience-overlay{background:linear-gradient(90deg,rgba(11,45,36,.74),rgba(11,45,36,.20) 58%,rgba(11,45,36,.06))!important}
.experience-content{filter:none!important}
.experience-content p{color:#e4eee8!important}

/* Brand: meno “ticker”, più premium */
.brands-section{overflow:hidden}
.brands-marquee-row{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brand-item{opacity:.78;transition:opacity .25s ease,transform .25s ease}.brand-item:hover{opacity:1;transform:scale(1.04)}

/* Focus / Megamo editoriali */
.focus-feature,.focus-tile{border-radius:24px!important;overflow:hidden;box-shadow:var(--lm-shadow-soft);border:1px solid rgba(16,63,66,.08)!important}
.focus-feature img,.focus-tile img{filter:saturate(1.04) contrast(1.015)}
.focus-photo-story-grid{gap:16px!important}
.focus-photo-story figure{border-radius:20px!important;box-shadow:0 18px 48px rgba(16,63,66,.12);background:#eaf2ed}
.focus-photo-story figure img{min-height:100%;object-fit:cover}
.focus-photo-story figcaption{backdrop-filter:blur(9px);background:rgba(15,53,44,.62)!important;color:#eef6f1!important}
.megamo-home-showcase{overflow:hidden}

/* Motor lab: tecnologia naturale */
.motor-lab-section{background:linear-gradient(145deg,#edf4ed 0%,#e2eff0 52%,#f5f3ea 100%)!important}
.motor-card{overflow:hidden;border-radius:20px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(8px);border-color:rgba(16,63,66,.10)!important}
.motor-card>span{color:#34765a!important}
.motor-card::before{content:"";position:absolute;width:85px;height:85px;right:-28px;top:-28px;border-radius:50%;background:radial-gradient(circle,rgba(159,199,214,.22),transparent 66%)}

/* Officina e storia: profondità ma umane */
.workshop-section{background:linear-gradient(135deg,#0f352c,#16484A 60%,#1e4a3e)!important}
.workshop-image{overflow:hidden}.workshop-image img{filter:saturate(.94) contrast(1.03)}
.workshop-content{position:relative}.workshop-content::before{content:"";position:absolute;left:0;top:16%;width:1px;height:50%;background:linear-gradient(transparent,rgba(159,199,214,.42),transparent)}
.service-item{background:rgba(255,255,255,.025);transition:background .25s ease,transform .25s ease}.service-item:hover{background:rgba(255,255,255,.055);transform:translateY(-2px)}
.about-section{margin:32px 2.2%;border-radius:30px;overflow:hidden;box-shadow:var(--lm-shadow-float)}
.about-overlay{background:linear-gradient(90deg,rgba(10,43,35,.88),rgba(10,43,35,.40) 60%,rgba(10,43,35,.12))!important}

/* CTA e finanza */
.main-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#103b31,#205c47 60%,#386f58)!important}
.main-cta::before{content:"";position:absolute;width:620px;height:620px;right:-260px;top:-320px;border-radius:50%;background:radial-gradient(circle,rgba(159,199,214,.22),transparent 67%)}
.finance-inner{border-radius:24px;padding:34px!important;background:rgba(255,255,255,.06);border:1px solid rgba(210,232,217,.09);box-shadow:0 20px 55px rgba(8,37,29,.10)}
.finance-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 13px 34px rgba(0,0,0,.09)}

/* Contatti — caldi, leggibili, più “luogo” */
.contact-section{background:linear-gradient(180deg,#f4f2e9 0%,#ECF4F2 100%)!important}
.contact-grid{gap:12px!important}
.contact-item{border-radius:16px;padding:20px!important;background:rgba(255,255,255,.66);border:1px solid rgba(16,63,66,.09);box-shadow:0 10px 30px rgba(16,63,66,.055);transition:transform .25s ease,box-shadow .25s ease}
.contact-item:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(16,63,66,.095)}
.contact-form-card,.map-card{border-radius:24px!important;overflow:hidden;box-shadow:var(--lm-shadow-soft);border:1px solid rgba(16,63,66,.09)!important}
.contact-form input,.contact-form textarea{border-radius:12px!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.contact-form input:focus,.contact-form textarea:focus{border-color:#7ab26c!important;box-shadow:0 0 0 4px rgba(122,178,108,.10)!important}

/* Chat: meno gadget, più assistente premium */
.chat-window{border-radius:22px!important;overflow:hidden;box-shadow:0 24px 70px rgba(10,40,32,.24)!important;border:1px solid rgba(159,199,214,.17)!important}
.chat-header{background:linear-gradient(135deg,#103b31,#2e6b4f)!important}.chat-toggle{box-shadow:0 16px 40px rgba(15,53,44,.28)!important}

/* Reveal più organico */
.reveal{transform:translate3d(0,24px,0) scale(.992);opacity:0;transition:opacity .75s ease,transform .85s cubic-bezier(.2,.72,.2,1)}
.reveal.visible{transform:translate3d(0,0,0) scale(1);opacity:1}
.reveal[data-reveal="left"]{transform:translate3d(-28px,8px,0)}.reveal[data-reveal="right"]{transform:translate3d(28px,8px,0)}
.reveal.visible[data-reveal="left"],.reveal.visible[data-reveal="right"]{transform:translate3d(0,0,0)}

@media(max-width:1100px){.hero-route-note{display:none}.experience-banner,.about-section{margin-left:1.2%;margin-right:1.2%}}
@media(max-width:820px){
  .site-header,.site-header.scrolled{background:rgba(13,48,39,.96)!important}
  .main-nav{background:linear-gradient(160deg,rgba(10,40,32,.99),rgba(20,68,53,.98))!important}
  .hero::after{height:75px}.hero-content{padding-right:0}
  .experience-banner,.about-section{margin:0;border-radius:0;box-shadow:none}
  .bike-card,.focus-feature,.focus-tile,.contact-form-card,.map-card{border-radius:18px!important}
  .workshop-content::before{display:none}.finance-inner{padding:24px!important}
}
@media(max-width:520px){
  #journeyProgress{height:2px}.hero::before{display:none}.hero-title{line-height:.92!important}.hero-description{line-height:1.65!important}
  .category-grid{gap:12px!important}.contact-item{padding:17px!important}.btn{min-height:46px}
}
@media(prefers-reduced-motion:reduce){
  #journeyProgress{display:none}.hero::before{display:none}.reveal{opacity:1!important;transform:none!important;transition:none!important}
  .btn::before{display:none}.bike-card::after,.focus-feature::after,.focus-tile::after,.motor-card::after{display:none}
}