/* Landing Échantillons : gradient premium + pattern alvéole via .pattern-alveole */
.echantillons-page.pattern-alveole{--pattern-c1:#0F182e20;--pattern-s:12px}
.echantillons-page{color:#fff;min-height:100vh;background:var(--bleu-principal);background-image:radial-gradient(circle at 25% 35%,rgba(17,159,174,.35) 0%,rgba(17,159,174,.1) 40%,transparent 70%),radial-gradient(circle at 75% 75%,rgba(60,149,210,.3) 0%,rgba(60,149,210,.08) 45%,transparent 70%),radial-gradient(circle at 50% 5%,rgba(38,69,188,.28) 0%,rgba(38,69,188,.05) 50%,transparent 75%)}
body:has(.echantillons-page){color:#fff!important;min-height:100vh}
.echantillons-page > *{position:relative;z-index:1}
.echantillons-3d-section{position:relative;height:100vh;overflow:hidden}
.echantillons-3d-container{position:relative;width:100%;max-width:none;height:100vh;padding:0;margin:0}
.echantillons-3d-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:1;display:block!important;background:transparent}
.echantillons-hero{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;top:25%}
.echantillons-hero h2{font-weight:400}
.echantillons-hero .scroll-hint{margin-top:var(--s-5);font-size:var(--fs-small,.85rem);opacity:.6;display:flex;align-items:center;justify-content:center;gap:var(--s-2,8px)}
.echantillons-copy{position:absolute;inset:0;z-index:2;display:flex;align-items:center;pointer-events:none}
.copy-slide{position:absolute;max-width:420px;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}
.copy-slide--left{text-align:left}
.copy-slide--right{right:0;text-align:right}
.copy-slide.active{opacity:1;transform:translateY(0)}
.copy-slide h2{text-shadow:0 2px 20px rgba(0,0,0,.3)}
.copy-slide p{font-size:var(--fs-h5);opacity:.95;line-height:1.5}
.echantillons-benefits{padding:var(--s-10) 0;text-align:center}
.echantillons-benefits h2{margin-bottom:var(--s-8)}
.echantillons-benefits-grid{gap:var(--s-6);margin-top:var(--s-8)}
.echantillons-benefit{text-align:center;padding:var(--s-6)}
.echantillons-benefit__icon{width:80px;height:80px;margin:0 auto var(--s-4);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border-radius:50%;backdrop-filter:blur(10px)}
.echantillons-benefit__icon i{font-size:40px;color:var(--blanc)}
.echantillons-benefit h3{font-size:var(--fs-h5);margin-bottom:var(--s-2)}
.echantillons-benefit p{opacity:.9;line-height:1.6}
.echantillons-form-section{padding:var(--s-10) 0;scroll-margin-top:100px}
.echantillons-form-wrapper{max-width:800px;margin:0 auto;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);padding:var(--s-8);border-radius:16px;border:1px solid rgba(255,255,255,.1)}
.echantillons-form .form-row{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
@media (min-width:768px){.echantillons-form .form-row{grid-template-columns:1fr 1fr}}
.echantillons-form .form-label{color:#fff!important}
.echantillons-form .form-input,.echantillons-form .form-textarea,.echantillons-form .form-select{background:none!important;color:#fff!important;border:none;border-bottom:1px solid var(--gris);font-size:var(--fs-body)}
.echantillons-form select.form-input:focus{border-bottom:1px solid var(--gris)}
.echantillons-form .form-select{appearance:none;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 256 256'%3E%3Cpath fill='%23ffffff' d='m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 0 center!important;background-size:16px!important;padding-right:28px}
.echantillons-form .form-select option{background:#0F182E;color:#fff}
.echantillons-form .form-input::placeholder,.echantillons-form .form-textarea::placeholder{color:rgba(255,255,255,.85)}
.echantillons-form .form-textarea{width:100%;box-sizing:border-box}
.echantillons-form .form-textarea:focus-visible{outline:none!important;outline-offset:0!important}
.echantillons-form .form-row--double{align-items:start}
.echantillons-form .form-group:has(.checkbox-group) .form-label{color:#fff!important}
.echantillons-form .checkbox-option{color:#fff}
.echantillons-form .checkbox-option .checkbox-box{border-color:rgba(255,255,255,.6)}
.echantillons-form .checkbox-option:has(input:checked) .checkbox-box{background:var(--bleu-principal,#119fae);border-color:var(--bleu-principal,#119fae)}
.echantillons-form .btn-submit{display:inline-block;text-decoration:none;text-align:center;cursor:pointer;border:none}
.echantillons-form .btn-submit.loading{opacity:.7;pointer-events:none}
@media (max-width:768px){.echantillons-hero{padding:var(--s-4)}.echantillons-form-wrapper{padding:var(--s-6)}}
