:root{--green:#203e35;--sage:#8a9c73;--paper:#f8f8f1;--muted:#647060;--line:#dde1d3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--green);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}:focus-visible{outline:3px solid #b48b42;outline-offset:5px}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;height:104px}.brand{font-size:29px;font-weight:750;letter-spacing:-1.3px;text-decoration:none;display:inline-flex;align-items:center}.dot{color:var(--sage)}.mark{display:inline-flex;align-items:center;justify-content:center;width:35px;height:38px;border:1.5px solid var(--green);border-radius:12px 3px 12px 3px;margin-right:11px;font:italic 31px Georgia}.header nav{display:flex;align-items:center;gap:33px;font-size:14px}.header nav a{text-decoration:none}.nav-client{border:1px solid #b9c2b7;padding:12px 19px;border-radius:6px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:60px;padding-top:32px;padding-bottom:54px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;line-height:1.8;display:flex;align-items:center;gap:10px}.status-dot{height:7px;width:7px;background:var(--sage);border-radius:50%}h1{font-size:clamp(56px,5.7vw,82px);font-weight:450;line-height:1.05;letter-spacing:-3.5px;margin:27px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#688165}p{color:var(--muted);line-height:1.8}.lead{font-size:16px;max-width:450px}.actions{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border-radius:5px;font-size:13px;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer}.primary{background:var(--green);color:#fffef3}.outline{border-color:#a7b49c;background:transparent}.light{background:#f3f4e5;color:var(--green)}.text-link{font-size:13px;text-decoration:none}.hero-note{font-size:11px;margin-top:25px}.hero-visual{height:568px;position:relative;border-radius:100px 8px 8px 8px;overflow:hidden;background:#ccd4b8}.hero-visual svg{width:100%;height:100%;object-fit:cover}.visual-top{position:absolute;top:32px;left:48px;right:26px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px}.visual-top span:last-child{font-size:23px}.floating-note{position:absolute;bottom:69px;left:26px;right:26px;background:#faf9f0ed;padding:22px;display:flex;align-items:center;gap:15px;border:1px solid #ffffff77;border-radius:7px;backdrop-filter:blur(8px)}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:14px}.floating-note small{font-size:11px;color:var(--muted);margin-top:5px}.floating-note>span{font-size:28px;color:#658566}.visual-caption{position:absolute;bottom:25px;left:29px;font-size:9px;letter-spacing:2px;color:#e2e8d4}.benefits{display:flex;justify-content:space-around;gap:20px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.section{padding-block:100px}h2{font-size:clamp(31px,3.3vw,46px);line-height:1.15;letter-spacing:-1.6px;font-weight:450;margin:18px 0 24px}.section-heading{max-width:620px}.section-heading>p:last-child{max-width:540px;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;scroll-margin-top:25px}.feature{border:1px solid var(--line);border-radius:8px;padding:30px;background:#fcfcf7}.feature-symbol{font-size:45px;margin:25px 0;color:#748b65}.feature h3{font-size:19px;letter-spacing:-.4px;font-weight:550}.feature p{font-size:13px}.planned{font-size:10px;color:#647060;border-top:1px solid var(--line);display:block;padding-top:18px;margin-top:23px}.preview-section{background:#e9eddf;padding:80px 0}.preview-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.preview-layout>div>p:not(.eyebrow){font-size:14px}.preview-layout .button{margin-top:15px}.small{font-size:10px!important}.dashboard-preview{background:#fffef9;border:1px solid #d4dcca;border-radius:10px;box-shadow:0 20px 55px #304b3310;transform:rotate(-1.2deg)}.preview-bar{padding:21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px}.preview-bar strong{font-size:19px;letter-spacing:-1px}.preview-body{padding:28px}.preview-body h3{font-size:23px;font-weight:500;margin-top:10px}.mini-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.mini-stats>div{padding:16px 10px;border:1px solid var(--line);border-radius:5px}.mini-stats span{font-size:8px;color:var(--muted);display:block}.mini-stats strong{font-size:27px;font-weight:450;display:block;margin-top:10px}.mini-stats small{font-size:12px}.chart-title{font-size:11px;display:flex;justify-content:space-between;margin:25px 0 17px}.grape-bar{display:flex;gap:3px;height:18px;border-radius:4px;overflow:hidden}.grape-bar i:nth-child(1){width:48%;background:#3e624c}.grape-bar i:nth-child(2){width:32%;background:#8d9e70}.grape-bar i:nth-child(3){width:20%;background:#d5d7aa}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:8px;margin-top:13px;color:var(--muted)}.preview-row{border-top:1px solid var(--line);margin-top:27px;padding-top:20px;display:flex;align-items:center;gap:13px;font-size:11px}.preview-row div{flex:1}.preview-row small{display:block;margin-top:5px;color:var(--muted)}.offer-layout{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.offer-layout p:not(.eyebrow){font-size:14px}.offer-card{padding:35px;border:1px solid #c5ceba;border-radius:8px;background:#fffef9}.offer-card h3{font-size:29px;font-weight:450;line-height:1.2;letter-spacing:-.8px}.offer-card ul{list-style:none;padding:0;font-size:13px;color:var(--muted);line-height:2.5}.offer-card li:before{content:'✓';margin-right:12px;color:#5b7750}.offer-bottom{display:flex;justify-content:space-between;gap:10px;padding:23px 0;border-top:1px solid var(--line);margin-top:23px}.offer-bottom strong{font-size:19px;font-weight:500}.offer-bottom span{font-size:11px;align-self:center;color:var(--muted)}.full{display:flex}.faq{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-bottom:90px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px;line-height:1.5}.faq details p{font-size:13px}.contact{background:var(--green);color:#f7f5e8;text-align:center;padding:60px 25px;border-radius:9px}.contact .eyebrow{justify-content:center;color:#b9c7a3}.contact h2{font-size:clamp(30px,3.5vw,47px)}.contact p{color:#c0cbbb;font-size:14px}.contact .button{margin-top:18px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:43px}.footer .brand{font-size:25px}.footer p,.footer>span{font-size:11px;color:var(--muted)}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero-visual{height:515px}h1{font-size:62px}.preview-layout,.offer-layout{gap:40px}.feature{padding:23px}.actions{gap:18px}.header nav{gap:20px}.faq{gap:40px}.floating-note{padding:16px;left:15px;right:15px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:82px;position:relative}.brand{font-size:26px}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;border-radius:5px;padding:9px 12px;font-size:12px;color:var(--green)}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:20px;z-index:10;box-shadow:0 12px 20px #203e3510}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:22px}.hero{grid-template-columns:1fr;padding-top:20px;gap:35px}h1{font-size:61px;letter-spacing:-2.8px}.lead{font-size:15px}.hero-visual{height:430px;border-top-left-radius:75px}.visual-top{left:35px}.benefits{flex-direction:column;padding:24px 10px;gap:16px}.section{padding-block:65px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-symbol{float:right;margin:8px}.feature{padding:25px}.feature h3{margin-top:28px}.preview-layout,.offer-layout,.faq{grid-template-columns:1fr;gap:32px}.preview-section{padding:55px 0}.dashboard-preview{transform:none}.preview-body{padding:20px}.preview-bar{padding:15px}.offer-card{padding:26px}.faq{padding-bottom:60px}.contact{padding:40px 20px}.footer{flex-direction:column;gap:7px;padding-block:30px}.footer p{margin:5px}.hero-note{font-size:10px}.actions .button{font-size:12px}.chart-legend{gap:9px}.mini-stats strong{font-size:25px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.button{transition:transform .2s}.button:hover{transform:translateY(-2px)}}
@media(max-width:700px){h1{font-size:clamp(43px,12vw,61px)}}

.price-period{display:block;margin-top:8px}.offer-bottom strong{font-size:32px}.price-extra{margin:0 0 24px;font-size:13px;line-height:1.7}

/* Logo original : marges ajustées par le conteneur, fichier inchangé. */
.brand{display:block;position:relative;overflow:hidden;width:120px;height:90px;flex-shrink:0;background:transparent;border-radius:5px}
.brand .brand-image{display:block;position:absolute;width:125%;height:auto;max-width:none;left:-12.5%;top:-35%;}
@media(max-width:700px){.brand{width:96px;height:72px}}

.hero-slogan{font-size:clamp(18px,1.7vw,23px);font-family:Georgia,serif;color:var(--green);line-height:1.4;margin:0 0 20px}
/* Aperçu fidèle à la direction visuelle de l’espace client. */
.preview-layout{grid-template-columns:.8fr 1.35fr;gap:45px}.current-preview{display:grid;grid-template-columns:82px minmax(0,1fr);background:#fcfbf9;color:#38312e;border-color:#e6e1dc;transform:rotate(-1deg);overflow:hidden;box-shadow:0 20px 55px #39272412}.pv-sidebar{background:#f8f6f3;border-right:1px solid #e8e2dd;padding:10px 5px}.pv-logo{width:64px;height:48px;position:relative;overflow:hidden;margin:0 auto 15px}.pv-logo img{position:absolute;width:125%;height:auto;left:-12.5%;top:-35%}.pv-sidebar>span{display:block;font-size:7px;padding:9px 5px;color:#645456}.pv-sidebar .pv-active{background:#591326;color:#fff;border-radius:0 4px 4px 0;font-size:6px}.pv-workspace{min-width:0}.pv-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 12px;border-bottom:1px solid #eee8e4;background:white}.pv-top strong{font:11px Georgia,serif}.pv-top>span{font-size:6px;border:1px solid #ece6e2;border-radius:20px;padding:5px 7px;white-space:nowrap}.pv-main{padding:12px}.pv-main>h3{font:20px Georgia,serif;margin:0 0 13px}.pv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.pv-stats>div{background:white;border:1px solid #eee8e4;border-radius:5px;padding:10px 6px;min-width:0}.pv-stats span{font-size:6px;display:block}.pv-stats strong{display:block;font:17px Georgia,serif;margin:7px 0;white-space:nowrap}.pv-stats em{font-size:8px;font-style:normal}.pv-stats small{font-size:5px;color:#827575;display:block}.pv-middle{display:grid;grid-template-columns:1.3fr 1fr .85fr;gap:7px}.pv-panel{background:#fff;border:1px solid #eee8e4;border-radius:5px;overflow:hidden;min-width:0;padding:9px}.pv-panel h4{font:10px Georgia,serif;margin:0 0 10px}.pv-map{padding:9px 0 0;position:relative}.pv-map h4{padding-inline:9px}.pv-map svg{width:100%;height:132px;display:block;background:#526344}.pv-map>small{position:absolute;bottom:4px;left:4px;font-size:5px;background:#fffdece8;padding:3px;border-radius:2px;color:#46573b}.pv-harvest{padding:10px 0;border-top:1px solid #eee8e4}.pv-harvest>strong{font:8px Georgia;display:block}.pv-harvest>span{display:flex;justify-content:space-between;gap:3px;margin-top:8px;font-size:5px;color:#857575}.pv-harvest b{font-size:7px;color:#433635;font-weight:500;white-space:nowrap}.pv-total{display:flex;justify-content:space-between;gap:3px;border-top:1px solid #eee8e4;padding-top:10px;color:#60162a;font-size:6px}.pv-total strong{font:10px Georgia;white-space:nowrap}.pv-tanks p{display:flex;align-items:center;justify-content:space-between;font:8px Georgia;border-top:1px solid #eee8e4;padding:9px 0;margin:0;color:#514344;gap:4px}.pv-tanks p span{display:grid;place-items:center;border:2px solid #73293e;border-left-color:#eee5e6;border-radius:50%;width:27px;height:27px;flex-shrink:0;font:6px Arial}.pv-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:7px;margin-top:9px}.pv-legend{font-size:5px;text-align:center;color:#64172a}.pv-legend span{color:#7e915c;margin-left:8px}.pv-chart{display:flex;height:82px;gap:10px;padding-top:10px}.pv-chart>div{flex:1;text-align:center;min-width:0}.pv-bars{height:58px;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid #e6dfd8}.pv-bars i{width:12px;background:#64172a}.pv-bars i+i{background:#8a9b68}.pv-chart>div>span{font-size:6px;color:#7d6f70}.pv-tasks p{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:0;padding:12px 0;border-top:1px solid #eee8e4;font-size:6px;line-height:1.4;color:#544648}.pv-tasks p span{background:#f1e7e9;color:#75283c;border-radius:2px;font-size:5px;padding:4px;white-space:nowrap}.pv-caption{text-align:right;font-size:6px;color:#8a7b7b;margin:9px 0 0}
@media(max-width:1100px){.preview-layout{grid-template-columns:1fr;gap:32px}.preview-layout>div:first-child{max-width:580px}.current-preview{width:100%;max-width:760px;margin:auto}.pv-main{padding:16px}.pv-top strong{font-size:14px}.pv-sidebar>span{font-size:8px}.pv-stats strong{font-size:21px}.pv-stats span{font-size:8px}.pv-stats small{font-size:7px}.pv-panel h4{font-size:12px}.pv-map svg{height:160px}.pv-harvest>strong{font-size:11px}.pv-harvest>span{font-size:7px}.pv-harvest b{font-size:10px}.pv-tanks p{font-size:10px}.pv-tasks p{font-size:8px}.pv-caption{font-size:8px}}
@media(max-width:520px){.current-preview{grid-template-columns:1fr;transform:none}.pv-sidebar{display:none}.pv-main{padding:10px}.pv-top strong{font-size:12px}.pv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-stats strong{font-size:23px}.pv-stats small{font-size:7px}.pv-middle{grid-template-columns:1.2fr 1fr}.pv-tanks{display:none}.pv-bottom{grid-template-columns:1fr}.pv-tasks p{font-size:9px}.pv-tasks p span{font-size:7px}.pv-chart{height:105px}.pv-bars{height:78px}.pv-chart>div>span{font-size:8px}.pv-legend{font-size:7px}.pv-caption{font-size:7px}.pv-map svg{height:146px}}