@import url(https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;700&display=swap);/*!/wp-content/plugins/synoptence-methode/assets/frontend.css*/.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:#0088A9;line-height:1.1;letter-spacing:-.03em;margin:0 0 24px 0}.methode-left-text{font-weight:300;font-size:1rem;color:#2A4563;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(0 136 169 / .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(0 136 169 / .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:#0088A9;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(0 136 169 / .15)}.methode-progress-connector{width:2px;height:26px;background:rgb(0 136 169 / .15);margin-left:4px;border-radius:2px;overflow:hidden;position:relative}.methode-progress-line-fill{position:absolute;top:0;left:0;width:100%;background:#0088A9;border-radius:2px;transition:height 0.4s ease;height:0%}.methode-progress-label{font-size:.82rem;font-weight:500;color:#0088A9;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(107 143 167 / .35);box-shadow:0 8px 30px rgb(0 136 169 / .07)}.methode-card-1:hover{box-shadow:0 24px 60px rgb(0 136 169 / .12)}.methode-card-1::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#6B8FA7,rgb(107 143 167 / .2));border-radius:2px 0 0 2px}.methode-card-2{background:#eef4f8;box-shadow:0 8px 30px rgb(0 136 169 / .08)}.methode-card-2:hover{box-shadow:0 24px 60px rgb(0 136 169 / .14)}.methode-card-3{background:#edf2f7;box-shadow:0 8px 30px rgb(122 156 188 / .12)}.methode-card-3:hover{box-shadow:0 24px 60px rgb(122 156 188 / .22)}.methode-card-4{background:#1A2B4C;box-shadow:0 8px 30px rgb(26 43 76 / .2)}.methode-card-4:hover{box-shadow:0 24px 60px rgb(26 43 76 / .3)}.methode-card-4::before{content:'';position:absolute;top:-60px;right:-40px;width:200px;height:200px;border-radius:50%;background:rgb(122 156 188 / .12)}.methode-card-4::after{content:'';position:absolute;bottom:-50px;left:-30px;width:160px;height:160px;border-radius:50%;background:rgb(0 136 169 / .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:#0088A9}.methode-card-4 .methode-card-num{color:#C5DCE4}.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:#0088A9}.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:#1A2B4C}.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:#1A2B4C}.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:#6B8FA7}.methode-card-2 .methode-card-content li::before{background:#0088A9}.methode-card-3 .methode-card-content li::before{background:#7A9CBC}.methode-card-4 .methode-card-content li::before{background:#C5DCE4}.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:#0088A9}.methode-card-4 .methode-card-content h4{color:#C5DCE4}.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(107 143 167 / .4)}.methode-card-2 .methode-card-content hr{background:rgb(0 136 169 / .2)}.methode-card-3 .methode-card-content hr{background:rgb(122 156 188 / .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}}