/*!/wp-content/plugins/synoptence-methode/assets/frontend.css*/@import url(https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;700&display=swap);.methode-section{max-width:1400px;margin:0 auto;padding:60px 20px 80px;font-family:'Readex Pro','Inter',sans-serif;box-sizing:border-box;position:relative}.methode-inner{display:grid;grid-template-columns:38% 1fr;gap:0 60px;align-items:start}.methode-left{padding-bottom:40px;will-change:transform}.methode-left-title{font-family:'Readex Pro',sans-serif;font-weight:700;font-size:clamp(2rem, 3.2vw, 3rem);color:#156064;line-height:1.1;letter-spacing:-.03em;margin:0 0 24px 0}.methode-left-text{font-weight:300;font-size:1rem;color:#4a4a4a;line-height:1.75;margin:0 0 36px 0}.methode-left{max-height:calc(100vh - 140px);display:flex;flex-direction:column}.methode-progress{display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgb(21 96 100 / .25) #fff0;padding-right:4px;padding-left:10px;padding-top:10px}.methode-progress::-webkit-scrollbar{width:3px}.methode-progress::-webkit-scrollbar-track{background:#fff0}.methode-progress::-webkit-scrollbar-thumb{background:rgb(21 96 100 / .25);border-radius:2px}.methode-progress-item{display:flex;align-items:center;gap:12px;opacity:.35;transition:opacity 0.3s ease;cursor:pointer;padding:0 0}.methode-progress-item.active{opacity:1}.methode-progress-dot{width:10px;height:10px;border-radius:50%;background:#156064;flex-shrink:0;transition:transform 0.3s ease,box-shadow 0.3s ease}.methode-progress-item.active .methode-progress-dot{transform:scale(1.45);box-shadow:0 0 0 5px rgb(21 96 100 / .15)}.methode-progress-connector{width:2px;height:26px;background:rgb(21 96 100 / .15);margin-left:4px;border-radius:2px;overflow:hidden;position:relative}.methode-progress-line-fill{position:absolute;top:0;left:0;width:100%;background:#156064;border-radius:2px;transition:height 0.4s ease;height:0%}.methode-progress-label{font-size:.82rem;font-weight:500;color:#156064;letter-spacing:.01em;line-height:1.3}.methode-right{display:flex;flex-direction:column;gap:28px;padding-bottom:40px;min-width:0}.methode-card{border-radius:22px;padding:44px 48px;position:relative;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.methode-card:hover{transform:translateY(-4px)}.methode-card-1{background:#fff;border:2px solid rgb(179 156 77 / .35);box-shadow:0 8px 30px rgb(21 96 100 / .07)}.methode-card-1:hover{box-shadow:0 24px 60px rgb(21 96 100 / .12)}.methode-card-1::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#b39c4d,rgb(179 156 77 / .2));border-radius:2px 0 0 2px}.methode-card-2{background:#e8f4ef;box-shadow:0 8px 30px rgb(21 96 100 / .08)}.methode-card-2:hover{box-shadow:0 24px 60px rgb(21 96 100 / .14)}.methode-card-3{background:#ede6f8;box-shadow:0 8px 30px rgb(168 130 221 / .12)}.methode-card-3:hover{box-shadow:0 24px 60px rgb(168 130 221 / .22)}.methode-card-4{background:#392759;box-shadow:0 8px 30px rgb(57 39 89 / .2)}.methode-card-4:hover{box-shadow:0 24px 60px rgb(57 39 89 / .3)}.methode-card-4::before{content:'';position:absolute;top:-60px;right:-40px;width:200px;height:200px;border-radius:50%;background:rgb(168 130 221 / .12)}.methode-card-4::after{content:'';position:absolute;bottom:-50px;left:-30px;width:160px;height:160px;border-radius:50%;background:rgb(21 96 100 / .15)}.methode-card-num{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px 0;opacity:.5;position:relative;z-index:1}.methode-card-1 .methode-card-num,.methode-card-2 .methode-card-num,.methode-card-3 .methode-card-num{color:#156064}.methode-card-4 .methode-card-num{color:#add2c2}.methode-card-title{font-family:'Readex Pro',sans-serif;font-weight:700;font-size:clamp(1.15rem, 1.8vw, 1.45rem);line-height:1.25;letter-spacing:-.02em;margin:0 0 20px 0;position:relative;z-index:1}.methode-card-1 .methode-card-title,.methode-card-2 .methode-card-title,.methode-card-3 .methode-card-title{color:#156064}.methode-card-4 .methode-card-title{color:#fff}.methode-card-content{position:relative;z-index:1;overflow:visible;width:100%}.methode-card-content .wp-block-columns,.methode-card-content .wp-block-row{overflow:visible;flex-wrap:wrap}.methode-card-content .wp-block-column{min-width:0;overflow:visible}.methode-card-content p,.methode-card-content .wp-block-paragraph{font-weight:300;font-size:.95rem;line-height:1.78;margin:0 0 16px 0}.methode-card-content p:last-child,.methode-card-content .wp-block-paragraph:last-child{margin-bottom:0}.methode-card-1 .methode-card-content p,.methode-card-2 .methode-card-content p,.methode-card-3 .methode-card-content p{color:#392759}.methode-card-4 .methode-card-content p{color:rgb(255 255 255 / .8)}.methode-card-content ul,.methode-card-content .wp-block-list{list-style:none;padding:0;margin:0 0 20px 0;display:flex;flex-direction:column;gap:8px}.methode-card-content ul:last-child{margin-bottom:0}.methode-card-content li{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:.93rem;line-height:1.55}.methode-card-1 .methode-card-content li,.methode-card-2 .methode-card-content li,.methode-card-3 .methode-card-content li{color:#392759}.methode-card-4 .methode-card-content li{color:rgb(255 255 255 / .85)}.methode-card-content li::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:7px}.methode-card-1 .methode-card-content li::before{background:#b39c4d}.methode-card-2 .methode-card-content li::before{background:#156064}.methode-card-3 .methode-card-content li::before{background:#a882dd}.methode-card-4 .methode-card-content li::before{background:#add2c2}.methode-card-content h4{font-weight:600;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;margin:20px 0 10px;position:relative;z-index:1}.methode-card-1 .methode-card-content h4,.methode-card-2 .methode-card-content h4,.methode-card-3 .methode-card-content h4{color:#156064}.methode-card-4 .methode-card-content h4{color:#add2c2}.methode-card-content hr,.methode-card-content .wp-block-separator{border:none;height:2px;width:40px;border-radius:1px;margin:20px 0}.methode-card-1 .methode-card-content hr{background:rgb(179 156 77 / .4)}.methode-card-2 .methode-card-content hr{background:rgb(21 96 100 / .2)}.methode-card-3 .methode-card-content hr{background:rgb(168 130 221 / .35)}.methode-card-4 .methode-card-content hr{background:rgb(255 255 255 / .15)}@media (max-width:900px){.methode-inner{grid-template-columns:1fr;gap:40px 0}.methode-left{position:relative!important;top:auto!important;left:auto!important;width:auto!important}.methode-progress{display:none}.methode-card{padding:32px 28px}}@media (max-width:520px){.methode-section{padding:40px 16px 60px}.methode-card{padding:28px 22px;border-radius:16px}}