Aller au contenu principal

/* === VARIABLES === */
:root{–nm-green:#7cb392;–nm-dark:#2d5a3d;–nm-gold:#c9a962;–nm-cream:#f9f7f2;–nm-white:#ffffff;–nm-text:#1a1a1a;–nm-gray:#666666}
/* === RESET === */
.nm-homepage *{box-sizing:border-box;margin:0;padding:0}
.nm-homepage a{text-decoration:none;color:inherit;transition:color .3s ease}
.nm-homepage img{max-width:100%;height:auto}
/* === SKIP LINK === */
.nm-skip-link{position:absolute;top:-50px;left:1rem;background:var(–nm-green);color:#fff;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;z-index:9999;transition:top .2s}
.nm-skip-link:focus{top:1rem}
/* === HERO === */
.nm-hero{min-height:95vh;display:flex;align-items:center;background:linear-gradient(135deg,var(–nm-cream) 0%,#e8f5e9 100%);padding:100px 0 60px;position:relative;overflow:hidden}
.nm-hero::before{content: » »;position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(circle,rgba(124,179,146,.1) 0%,transparent 70%);z-index:0}
.nm-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 5%;position:relative;z-index:1}
.nm-hero__eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(–nm-green);margin-bottom:1rem}
.nm-hero__title{font-family:’Playfair Display’,serif;font-size:clamp(2.2rem,4.5vw,3.5rem);line-height:1.15;color:var(–nm-dark);margin-bottom:1.5rem;font-weight:600}
.nm-hero__title em{color:var(–nm-green);font-style:italic}
.nm-hero__desc{font-size:clamp(.95rem,1.8vw,1.2rem);color:#555;margin-bottom:2rem;line-height:1.8}
.nm-hero__badges{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}
.nm-badge{background:#fff;padding:.45rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;color:var(–nm-dark);border:1px solid var(–nm-green)}
.nm-hero__cta{display:flex;gap:1rem;flex-wrap:wrap}
.nm-btn{padding:.9rem 2rem;border-radius:30px;font-weight:700;font-size:1rem;transition:all .3s ease;display:inline-block;text-align:center;white-space:nowrap}
.nm-btn–primary{background:var(–nm-green);color:#fff}
.nm-btn–primary:hover{background:var(–nm-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(124,179,146,.35);color:#fff}
.nm-btn–outline{border:2px solid var(–nm-green);color:var(–nm-green);background:transparent}
.nm-btn–outline:hover{background:var(–nm-green);color:#fff;transform:translateY(-2px)}
.nm-hero__img{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.1)}
.nm-hero__img img,.nm-hero__img picture{width:100%;display:block}
/* === TRUST BAR === */
.nm-trust{padding:2.5rem 0;background:#fff;border-top:1px solid rgba(124,179,146,.2);border-bottom:1px solid rgba(124,179,146,.2)}
.nm-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 5%;text-align:center}
.nm-trust__item span:first-child{font-size:2rem;display:block;margin-bottom:.4rem}
.nm-trust__item strong{display:block;font-size:.95rem;color:var(–nm-dark);font-family:’Playfair Display’,serif;margin-bottom:.2rem}
.nm-trust__item p{font-size:.8rem;color:var(–nm-gray)}
/* === PRODUCTS === */
.nm-products{padding:5rem 0;background:#f5f5f0}
.nm-section-header{text-align:center;max-width:650px;margin:0 auto 3.5rem}
.nm-section-header h2{font-family:’Playfair Display’,serif;font-size:clamp(1.8rem,3.5vw,2.75rem);color:var(–nm-dark);margin-bottom:.75rem}
.nm-section-header p{color:var(–nm-gray);font-size:1.05rem}
.nm-products__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 5%}
.nm-product-card{background:#fff;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.07)}
.nm-product-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(124,179,146,.2)}
.nm-product-card__img{height:260px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e8f5e9,#c5e1a5)}
.nm-product-card__img img,.nm-product-card__img picture{width:100%;height:100%;object-fit:cover;display:block}
.nm-product-card__badge{position:absolute;top:.9rem;right:.9rem;background:var(–nm-gold);color:#fff;padding:.35rem .9rem;border-radius:20px;font-size:.8rem;font-weight:700}
.nm-product-card__body{padding:1.75rem}
.nm-product-card__origin{font-size:.82rem;color:var(–nm-green);font-weight:700;margin-bottom:.5rem}
.nm-product-card__body h3{font-family:’Playfair Display’,serif;font-size:1.4rem;color:var(–nm-dark);margin-bottom:.65rem}
.nm-product-card__body p{color:var(–nm-gray);font-size:.92rem;line-height:1.7;margin-bottom:1.25rem}
.nm-product-card__features{list-style:none;margin-bottom:1.5rem}
.nm-product-card__features li{font-size:.88rem;color:#555;padding:.25rem 0;padding-left:1.2rem;position:relative}
.nm-product-card__features li::before{content: »✓ »;position:absolute;left:0;color:var(–nm-green);font-weight:700}
.nm-product-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #eee}
.nm-product-card__price{font-size:1.7rem;font-weight:800;color:var(–nm-dark);font-family:’Playfair Display’,serif}
.nm-product-card__price small{font-size:.85rem;color:#aaa;font-weight:400}
/* === STORY === */
.nm-story{padding:5rem 0;background:#fff}
.nm-story__inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 5%}
.nm-story__img{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.nm-story__img img,.nm-story__img picture{width:100%;display:block}
.nm-story__text h2{font-family:’Playfair Display’,serif;font-size:clamp(1.8rem,3vw,2.5rem);color:var(–nm-dark);margin-bottom:1.25rem}
.nm-story__text p{color:#555;font-size:1.05rem;line-height:1.85;margin-bottom:1.25rem}
.nm-story__highlights{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.75rem}
.nm-highlight-item{display:flex;align-items:flex-start;gap:.75rem}
.nm-highlight-item__icon{font-size:1.75rem;flex-shrink:0}
.nm-highlight-item h4{font-size:.95rem;color:var(–nm-dark);margin-bottom:.2rem;font-family:’Playfair Display’,serif}
.nm-highlight-item p{font-size:.85rem;color:var(–nm-gray)}
/* === BENEFITS === */
.nm-benefits{padding:5rem 0;background:linear-gradient(135deg,#e8f5e9 0%,var(–nm-cream) 100%)}
.nm-benefits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;max-width:1200px;margin:0 auto;padding:0 5%}
.nm-benefit-card{background:#fff;padding:2.25rem 1.75rem;border-radius:16px;text-align:center;transition:transform .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.nm-benefit-card:hover{transform:translateY(-4px)}
.nm-benefit-card__icon{font-size:2.75rem;margin-bottom:1.25rem;display:block}
.nm-benefit-card h3{font-family:’Playfair Display’,serif;font-size:1.25rem;color:var(–nm-dark);margin-bottom:.75rem}
.nm-benefit-card p{color:var(–nm-gray);font-size:.92rem;line-height:1.7}
/* === REVIEWS === */
.nm-reviews{padding:5rem 0;background:#fff}
.nm-reviews__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem;max-width:1200px;margin:0 auto;padding:0 5%}
.nm-review-card{background:#f9f7f2;padding:2.25rem;border-radius:16px;border-left:4px solid var(–nm-green);position:relative}
.nm-review-card__quote{position:absolute;top:.75rem;left:1.25rem;font-size:3.5rem;color:var(–nm-green);opacity:.2;font-family:serif;line-height:1}
.nm-review-card__stars{color:var(–nm-gold);font-size:1rem;margin-bottom:.75rem}
.nm-review-card__text{font-style:italic;color:#555;line-height:1.75;margin-bottom:1.25rem;font-size:.95rem}
.nm-review-card__author{display:flex;align-items:center;gap:.85rem}
.nm-review-card__avatar{width:44px;height:44px;border-radius:50%;background:var(–nm-green);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}
.nm-review-card__name{font-size:.95rem;font-weight:700;color:var(–nm-dark);font-family:’Playfair Display’,serif}
.nm-review-card__location{font-size:.8rem;color:#999}
/* === CTA === */
.nm-cta{padding:5.5rem 0;background:linear-gradient(135deg,var(–nm-green) 0%,var(–nm-dark) 100%);text-align:center}
.nm-cta h2{font-family:’Playfair Display’,serif;font-size:clamp(1.8rem,3.5vw,2.75rem);color:#fff;margin-bottom:1rem}
.nm-cta p{font-size:1.1rem;color:rgba(255,255,255,.9);margin-bottom:2.25rem;max-width:550px;margin-left:auto;margin-right:auto}
.nm-cta__btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.nm-btn–white{background:#fff;color:var(–nm-green)}
.nm-btn–white:hover{background:#f0f9f4;color:var(–nm-dark);transform:translateY(-2px)}
.nm-btn–ghost{border:2px solid rgba(255,255,255,.7);color:#fff;background:transparent}
.nm-btn–ghost:hover{background:rgba(255,255,255,.15);color:#fff}
/* === ANIMATIONS === */
.nm-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.nm-reveal.nm-visible{opacity:1;transform:translateY(0)}
/* === RESPONSIVE === */
@media(max-width:900px){.nm-hero__inner,.nm-story__inner{grid-template-columns:1fr;gap:2.5rem}.nm-hero__img{order:-1}.nm-trust__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nm-hero__cta,.nm-cta__btns{flex-direction:column;align-items:center}.nm-btn{width:100%;max-width:280px}.nm-story__highlights{grid-template-columns:1fr}.nm-trust__grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.nm-reveal,.nm-btn,.nm-product-card,.nm-benefit-card{transition:none!important;transform:none!important}}

(function(){
// Scroll reveal
if(typeof IntersectionObserver !== ‘undefined’){
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){e.target.classList.add(‘nm-visible’);obs.unobserve(e.target);}
});
},{threshold:0.12,rootMargin:’0px 0px -40px 0px’});
document.querySelectorAll(‘.nm-reveal’).forEach(function(el){obs.observe(el);});
} else {
document.querySelectorAll(‘.nm-reveal’).forEach(function(el){el.classList.add(‘nm-visible’);});
}
// Smooth scroll
document.querySelectorAll(‘.nm-homepage a[href^= »# »]’).forEach(function(a){
a.addEventListener(‘click’,function(e){
var target=document.querySelector(this.getAttribute(‘href’));
if(target){e.preventDefault();window.scrollTo({top:target.offsetTop-80,behavior:’smooth’});}
});
});
})();