/* EOVAL — finition premium, octobre 2026 */
body{background:#f7faf9}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.wrap{max-width:1180px}header{background:#ffffffdf;backdrop-filter:blur(22px) saturate(1.3);transition:box-shadow .3s,border-color .3s}header.is-scrolled{box-shadow:0 8px 30px #08232f12;border-bottom-color:#b9d6ce}.nav{min-height:92px}.brand{position:relative;overflow:hidden;padding:6px 0}.brand:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff9 50%,transparent 75%);transform:translateX(-130%);pointer-events:none}.btn{border-radius:12px;box-shadow:0 4px 12px #08232f0c;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s}.btn.light{box-shadow:0 5px 25px #b9efda18}.btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff25 50%,transparent 75%);transform:translateX(-140%);transition:transform .65s}.btn:hover:after{transform:translateX(140%)}.btn:focus-visible{outline:3px solid #36a88d;outline-offset:5px}
.hero{background:linear-gradient(140deg,#081f2c 5%,#103c45 58%,#081f2c);isolation:isolate}.hero:before{inset:-20%;background:radial-gradient(ellipse at 70% 30%,#49bda139,transparent 50%),radial-gradient(ellipse at 20% 70%,#287e9630,transparent 45%);z-index:-2;animation:none}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#b9efda06 1px,transparent 1px),linear-gradient(90deg,#b9efda06 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(transparent,#0008,transparent)}.hero-grid{padding:88px 0 52px;max-width:1080px}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #b9efda35;padding:9px 17px;border-radius:50px;background:#b9efda08;font-size:10px;letter-spacing:.13em}.hero .eyebrow:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #b9efda0b}.hero h1{font-size:clamp(42px,5.3vw,74px);line-height:1.07;letter-spacing:-.055em;font-weight:580;max-width:1050px}.hero h1 .headline-answer{margin-top:12px;color:#b9efda;background:linear-gradient(95deg,#b9efda,#edfff7 50%,#8bd4c1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .lead{max-width:735px;font-size:18px;line-height:1.8;margin-top:30px}.hero .actions{margin-top:32px;gap:28px}.hero .btn{min-height:57px;padding:16px 25px}.hero .note{margin-top:19px;color:#b3c7cd}.hero-bottom{padding:24px 0;gap:34px;font-size:11px;border-color:#b9efda20}.hero-bottom span{display:flex;align-items:center;gap:12px}.hero-bottom span:before{content:"";width:4px;height:4px;background:#9bd6c2;border-radius:50%}.text-link{transition:color .2s,border-color .2s}.text-link:hover{color:var(--mint);border-color:var(--mint)}
.conversation{background:#f7faf9;padding:54px 0 36px}.conversation-short{max-width:840px;border:1px solid #dae7e2;border-radius:24px;padding:32px!important;background:#fff;box-shadow:0 12px 40px #0b343706;position:relative}.conversation-short:before{content:"";position:absolute;top:-1px;left:calc(50% - 40px);width:80px;height:3px;background:#73bea7;border-radius:9px}.conversation-short h2{font-size:34px}.conversation-description{color:#526975}
#offres{background:radial-gradient(ellipse at 50% 35%,#deeee6,transparent 65%),#f7faf9;padding:50px 0 80px}.offers-heading{max-width:770px;margin-bottom:40px}.offers-heading h2{font-size:clamp(34px,4vw,50px)}.equal-offers{gap:26px}.equal-offers .offer{position:relative;border-radius:28px;padding:40px 34px;border:1px solid #cadfd5;box-shadow:0 18px 45px #173c4309;background:#fff;transition:transform .35s,box-shadow .35s,border-color .35s}.equal-offers .featured{background:radial-gradient(ellipse at 90% 0,#29615360,transparent 65%),linear-gradient(145deg,#123b45,#082630);border:1px solid #78aa98;box-shadow:0 20px 50px #08232f1c}.equal-offers .offer:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--pointer-x,50%) var(--pointer-y,0%),#b9efda18,transparent 65%);opacity:0;transition:opacity .4s}.equal-offers .offer:hover:after{opacity:1}.equal-offers .offer>.eyebrow{background:#edf6f2;border:1px solid #d9e9e1;border-radius:50px;color:#276453;font-size:10px;padding:9px 17px}.equal-offers .featured>.eyebrow{background:#b9efda0c;color:#b9efda;border-color:#b9efda40}.equal-offers .price{font-size:52px;letter-spacing:-.06em}.equal-offers .btn{min-height:56px;z-index:1}.equal-offers h3{font-weight:570}.price-label{letter-spacing:.12em}.offer-copy{line-height:1.8!important}
.why{padding:75px 0;background:#fff}.why>.wrap>.eyebrow,.why>.wrap>h2{text-align:center}.why .grid3{gap:18px}.reason{padding:28px;border:1px solid #e1eae6;border-radius:20px;background:linear-gradient(140deg,#fff,#f5f9f7);position:relative;transition:transform .3s,border-color .3s,box-shadow .3s}.reason:before{content:"";display:block;width:26px;height:5px;border-radius:6px;background:linear-gradient(90deg,#2b8976,#b9efda);margin-bottom:20px}.reason h3{font-size:20px;line-height:1.3}.reason p{margin-top:12px}.founder{background:#f3f7f5;padding:76px 0}.founder-grid{gap:65px;align-items:center}.portrait{border-radius:24px;box-shadow:0 20px 45px #173b4720;border:5px solid #fff;transform:rotate(-2deg);transition:transform .5s}.portrait img{display:block}.founder .portrait-caption{font-size:13px!important;letter-spacing:.025em;margin-top:22px}.founder h2{font-size:clamp(35px,4vw,49px)}.faq{max-width:860px}.faq>.eyebrow,.faq>h2{text-align:center}.faq details{border:1px solid #dce7e2;border-radius:15px;margin:12px 0;padding:0!important;background:white;transition:border-color .25s,box-shadow .25s}.faq details[open]{border-color:#84b4a3;box-shadow:0 8px 26px #123c4308}.faq summary{padding:21px 54px 21px 24px;position:relative;list-style:none;font-weight:550;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:23px;top:18px;font-size:24px;font-weight:300;color:#377c66}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 24px 23px;margin:0!important;color:#526975}.section:has(.faq){background:#f7faf9;padding:70px 0 85px}footer{background:#fff;border-top:1px solid #e0e9e4}.eoval-arrive{animation-duration:.85s!important}
@media(hover:hover) and (pointer:fine){.reason:hover{transform:translateY(-4px);border-color:#95c7b4;box-shadow:0 12px 28px #0b34370a}.portrait:hover{transform:rotate(0)}.equal-offers .offer:hover{transform:translateY(-7px);box-shadow:0 28px 55px #0d343c20}}
@media(prefers-reduced-motion:no-preference){.brand:after{animation:logo-sheen 1.5s .35s both}.hero:before{animation:aurora-in 4s ease-out both}.hero h1 .headline-first{animation:headline-in 1s .15s both}.hero h1 .headline-answer{animation:headline-in 1s .45s both}.hero .eyebrow{animation:eoval-rise .7s .05s both}.hero .lead{animation:eoval-rise .8s .65s both}.hero .actions,.hero .note{animation:eoval-rise .8s .8s both}.hero-bottom{animation:eoval-rise .8s 1s both}}
@keyframes logo-sheen{to{transform:translateX(140%)}}@keyframes headline-in{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes aurora-in{from{opacity:0;transform:scale(.86) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:760px){.nav{min-height:76px;gap:12px}.hero-grid{padding:48px 0 35px}.hero h1{font-size:clamp(34px,8.3vw,54px);line-height:1.12}.hero h1 .headline-answer{margin-top:16px}.hero .eyebrow{font-size:9px;letter-spacing:.07em;padding:8px 11px;text-align:left}.hero .lead{font-size:16px;margin-top:24px}.hero .actions{gap:20px}.hero-bottom{gap:12px;padding:20px 0}.hero-bottom span{justify-content:center}.conversation{padding:35px 0 20px}.conversation-short{width:calc(100% - 36px);padding:25px 20px!important;border-radius:20px}.conversation-short h2{font-size:29px}#offres{padding:32px 0 45px}.offers-heading{margin-bottom:27px}.equal-offers .offer{padding:30px 23px;border-radius:23px}.equal-offers .price{font-size:46px}.why,.founder{padding:48px 0}.reason{padding:23px}.why .grid3{gap:14px}.founder-grid{gap:35px}.portrait{transform:none}.section:has(.faq){padding:45px 0 55px}.faq summary{padding-left:20px;font-size:15px}.faq details p{padding-left:20px;padding-right:20px}.btn{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.portrait{transform:none}}