/* Gramo 2026 — thème clair, agricole et éditorial */
:root{
  --ink:#173229;
  --ink-soft:#63736c;
  --cream:#fcfcf7;
  --paper:#f1f5ed;
  --grain:#e7c65f;
  --grain-light:#f7ecc0;
  --grain-pale:#fbf6df;
  --rust:#bd603e;
  --green:#2e6b52;
  --sage:#dfeadd;
  --mint:#edf4eb;
  --line:rgba(23,50,41,.13);
  --shadow:0 22px 55px rgba(35,71,57,.10);
  --radius:18px;
  --radius-lg:28px;
}
body{background:#fcfcf7;color:var(--ink)}
body::before{position:fixed;inset:0;z-index:-5;pointer-events:none;content:'';background:radial-gradient(circle at 8% 5%,rgba(231,198,95,.12),transparent 25%),radial-gradient(circle at 90% 22%,rgba(46,107,82,.07),transparent 27%)}

/* Navigation fine et lumineuse */
.site-header{background:rgba(252,252,247,.94);border-bottom:1px solid rgba(23,50,41,.10);box-shadow:none}
.nav-wrap{min-height:72px}
.brand img{filter:drop-shadow(0 5px 12px rgba(46,107,82,.12))}
.brand-name{color:var(--ink)}
.site-nav a:not(.button){color:#40574d}
.site-nav a[aria-current='page']:not(.button){color:var(--green);text-decoration:underline;text-decoration-color:var(--grain);text-decoration-thickness:3px;text-underline-offset:8px}
.nav-toggle{background:white;border-color:rgba(23,50,41,.15)}
.button{border:0;border-radius:999px;background:var(--green);box-shadow:none}
.button:hover{background:#245943;box-shadow:0 10px 22px rgba(46,107,82,.18)}
.button--grain{background:var(--grain);color:var(--ink)}
.button--light{background:white;color:var(--ink);border:1px solid var(--line)}
.button--outline{background:white;border:1px solid var(--line)}

/* Hero d'accueil : on garde le plein cadre validé (défini dans launch.css).
   On ne retouche NI la taille NI le cadrage de l'image. */
.quick-proof{background:white;color:var(--ink);border-block:1px solid var(--line)}
.quick-proof-grid>div{border-right:1px solid var(--line)}
.quick-proof-grid span{color:var(--green)}
.quick-proof-grid small{color:var(--ink-soft)}

/* Sections : beaucoup d'air et peu de masses */
.section{padding-block:clamp(76px,9vw,112px)}
.section--paper{background:var(--paper);background-image:none}
.section--ink{background:var(--mint);color:var(--ink);border-block:1px solid rgba(46,107,82,.10)}
.section--ink .eyebrow,.field-story .eyebrow,.app-story .eyebrow{color:var(--green)!important}
.section--ink .lead,.section--ink .process-step p,.section--ink .field-photo figcaption{color:var(--ink-soft)!important}
.section--ink .process-step{border-top-color:rgba(46,107,82,.22)}
.section--ink .process-step::before{color:var(--green);background:var(--mint)}
.section--grain{background:var(--grain-pale)}
.feature-grid{gap:18px}
.feature{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:none}
.feature:hover{border-color:rgba(46,107,82,.36);box-shadow:0 18px 42px rgba(35,71,57,.08)}
.feature-number{color:var(--green)}
.field-photo img,.product-main-photo img,.single-photo img{border-radius:20px;box-shadow:0 20px 55px rgba(35,71,57,.12)}

/* Cartes Pourquoi, moins lourdes */
.decision-grid{gap:22px}
.decision-card{min-height:390px;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.decision-card.hot{background:#f7e5dc}
.decision-card.cold{background:#e1eff0}
.decision-card p{color:var(--ink-soft)}
.decision-card::after{border-color:rgba(23,50,41,.06)}

/* Heros intérieurs : fond clair, SANS photo recadrée */
.page-hero{color:var(--ink);background:#eef3ea;border-bottom:1px solid var(--line);background-image:radial-gradient(circle at 88% 20%,rgba(231,198,95,.22),transparent 30%)}
.page-hero .eyebrow{color:var(--green)}
.page-hero .lead,.page-hero .breadcrumb{color:var(--ink-soft)}
.page-hero h1{max-width:900px}
.product-hero,.why-hero{background-color:#eef3ea;background-image:radial-gradient(circle at 88% 20%,rgba(231,198,95,.22),transparent 30%)}

/* Hero NL (classe .hero sans home-hero) : fond clair, pas de photo recadrée */
.hero:not(.home-hero){min-height:auto;color:var(--ink);background:#eef3ea;isolation:auto;background-image:radial-gradient(circle at 88% 18%,rgba(231,198,95,.2),transparent 32%)}
.hero:not(.home-hero)::before,.hero:not(.home-hero)::after{display:none}
.hero:not(.home-hero) .hero-content{padding-block:clamp(72px,10vh,120px) 64px;animation:none!important;opacity:1!important;transform:none!important}
.hero:not(.home-hero) h1{color:var(--ink)}
.hero:not(.home-hero) .eyebrow{color:var(--green)!important}
.hero:not(.home-hero) .lead{color:var(--ink-soft)!important}
.hero:not(.home-hero) .hero-facts{color:#40574d}
.hero:not(.home-hero) .hero-facts li::before{background:var(--green);box-shadow:0 0 0 5px rgba(46,107,82,.11)}
.hero:not(.home-hero) .hero-credit{display:none}

.section--cold{background:#edf5f5}
.temperature-diagram{box-shadow:none;border-color:rgba(23,50,41,.10)}
.risk-callout{background:white;border:1px solid var(--line)}
.risk-teaser{color:var(--ink);background:white;border:1px solid var(--line);box-shadow:none}
.risk-teaser .eyebrow{color:var(--green)}
.risk-teaser p{color:var(--ink-soft)}
.risk-teaser .button{color:white;background:var(--green);border-color:var(--green)}

/* App / produit dans le même univers clair */
.flow-step{background:white;border-color:var(--line);box-shadow:none}
.flow-arrow{color:var(--green)}
.app-points{gap:16px}
.app-point{background:white;border:1px solid var(--line);box-shadow:none}
.app-point .ic{background:var(--grain);color:var(--ink)}
.app-point h3{color:var(--ink)}
.app-point p{color:var(--ink-soft)}
.section--ink .spec-list li{color:var(--ink);border-top-color:var(--line)}
.section--ink .spec-list b{color:var(--ink)}
.mock-browser{border-color:rgba(23,50,41,.13);background:#e5ebe2;box-shadow:0 22px 55px rgba(35,71,57,.13)}
.mb-bar{background:#e5ebe2;border-bottom-color:rgba(23,50,41,.10)}
.mb-bar i{background:#9db0a4}
.mb-url{background:white;color:#65766e;border:1px solid rgba(23,50,41,.08)}
.mock-phone{background:#173229;border-color:rgba(23,50,41,.20);box-shadow:0 26px 55px rgba(35,71,57,.18)}

/* Prix / formulaires */
.price-hero a{color:var(--green)}
.price-start{background:white;border-color:var(--line);box-shadow:0 14px 34px rgba(35,71,57,.07)}
.price-start span,.price-start small{color:var(--ink-soft)}
.price-start strong{color:var(--green)}
.measurement-card,.contact-card{background:white;box-shadow:none}
.quote-summary{background:#e7efe4;color:var(--ink);border:1px solid var(--line)}
.quote-summary small,.summary-total small{color:var(--ink-soft)}
.summary-total strong,.summary-monthly{color:var(--green)}
.locked-price{color:var(--ink-soft);border-color:rgba(23,50,41,.25)}

/* CTA et footer */
.contact-strip{padding:0}
.phone-link{background:white;border-color:var(--line)}
.site-footer{background:#e6eee3;color:#53665c;border-top:1px solid rgba(23,50,41,.10)}
.footer-grid h2,.footer-grid h3{color:var(--ink)}
.footer-grid h3{font-family:'Figtree',sans-serif}
.footer-grid a:hover{color:var(--green)}
.footer-bottom{border-top-color:rgba(23,50,41,.12)}

@media(max-width:980px){
  .site-nav{background:rgba(252,252,247,.99)}
}
@media(max-width:680px){
  .page-hero,.product-hero,.why-hero{padding-top:58px;background-image:radial-gradient(circle at 85% 15%,rgba(231,198,95,.25),transparent 30%)}
  .decision-card{min-height:340px}
}