.tarifs-v4{font-family:var(--font-inter),Arial,sans-serif;--pricing-line:#dde5f2;--pricing-paper:#f6f8fc}.tarifs-v4 main{padding-top:72px}.tarifs-v4 main>section:first-of-type{isolation:isolate;border-bottom:0;background:var(--agora-brand-blue,#3d68f6)}.tarifs-v4 main>section:first-of-type:after{content:"";position:absolute;inset:20px clamp(20px,3vw,48px);z-index:-1;border:1px solid #ffffff24;border-radius:3px;pointer-events:none}.tarifs-v4 main>section:first-of-type>div.relative{max-width:1180px;padding-top:clamp(4.5rem,7vw,6.5rem);padding-bottom:clamp(4.5rem,7vw,6.5rem)}.tarifs-v4 main>section:first-of-type>div.relative>div:first-child{color:#fff;font-weight:600}.tarifs-v4 main>section:first-of-type>div.relative>div:first-child span{background:#f5da0e}.tarifs-v4 main>section:first-of-type>div.relative>div:nth-child(2){display:inline-flex;max-width:100%;margin-top:1.5rem;padding:.55rem .9rem;border:1px solid #ffffff52;border-radius:5px;background:#ffffff0a;color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.13em}.tarifs-v4 main>section:first-of-type h1{max-width:1040px;margin-top:1.7rem;color:#fff;font-size:clamp(2.4rem,4.9vw,4.6rem);font-weight:600;line-height:1.07;letter-spacing:-.045em;text-wrap:balance}.tarifs-v4 main>section:first-of-type h1 span{color:#f5da0e}.tarifs-v4 main>section:first-of-type h1+p{max-width:670px;margin-top:1.5rem;color:#fff;font-weight:400;line-height:1.75;text-wrap:pretty}.tarifs-v4 main>section:nth-of-type(2){background:var(--pricing-paper)}.tarifs-v4 [aria-label="Période de facturation"]{padding:5px;border-color:var(--pricing-line);border-radius:16px;box-shadow:0 2px 3px #1e3a5c03,0 10px 24px #1e3a5c06}.tarifs-v4 [aria-label="Période de facturation"] button{font-weight:600}.tarifs-v4 article{isolation:isolate;border-color:var(--pricing-line);border-radius:22px;background:#fff;box-shadow:0 2px 4px #1e3a5c03,0 18px 45px #1e3a5c07;transition:transform .28s cubic-bezier(.22,1,.36,1)}.tarifs-v4 article:before{content:"";position:absolute;inset:5px;z-index:-1;border:1px solid #edf1f8;border-radius:17px;pointer-events:none}.tarifs-v4 article:after{content:"";position:absolute;top:0;left:28px;right:28px;height:2px;background:#3d68f6;opacity:.45;transform:scaleX(.18);transform-origin:left;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .24s ease;pointer-events:none}.tarifs-v4 article>p:first-of-type{font-size:10px;font-weight:600;letter-spacing:.12em}.tarifs-v4 article h2{font-size:clamp(2rem,2.6vw,2.5rem);font-weight:600;line-height:1.12;letter-spacing:-.045em}.tarifs-v4 article h2+p{margin-top:12px;font-weight:400;text-wrap:pretty}.tarifs-v4 article>.border-y{margin-top:24px;border-color:#e8edf6;padding-block:24px;font-variant-numeric:tabular-nums}.tarifs-v4 article>.border-y>span:first-of-type{font-weight:600;letter-spacing:-.05em}.tarifs-v4 article>ul{flex:1}.tarifs-v4 article li>span:last-child{font-weight:400}.tarifs-v4 article button{min-height:48px;border-radius:11px;font-weight:600;transition-property:transform,opacity;transition-duration:.22s}.tarifs-v4 [aria-label="Période de facturation"] button:focus-visible,.tarifs-v4 article button:focus-visible{outline:2px solid #3d68f6;outline-offset:4px}.tarifs-v4 article:focus-within:after{transform:scaleX(1);opacity:1}@media (prefers-reduced-motion:no-preference){html[data-agora-ambient=running] .tarifs-v4 main>section:first-of-type>div.relative{animation:tarifsHeroEnter .65s cubic-bezier(.22,1,.36,1) both}}@media (hover:hover) and (prefers-reduced-motion:no-preference){html[data-agora-ambient=running] .tarifs-v4 article:hover{transform:translateY(-3px)}html[data-agora-ambient=running] .tarifs-v4 article:hover:after{transform:scaleX(1);opacity:1}html[data-agora-ambient=running] .tarifs-v4 article button:not(:disabled):hover{transform:translateY(-1px)}}@keyframes tarifsHeroEnter{0%{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.tarifs-v4 main>section:first-of-type>div.relative{padding-top:3.5rem;padding-bottom:3.5rem}.tarifs-v4 main>section:first-of-type:after{inset:12px}.tarifs-v4 article{border-radius:20px}.tarifs-v4 article:before{border-radius:15px}}html[data-agora-ambient=paused] .tarifs-v4 :is(article,button),html[data-agora-ambient=paused] .tarifs-v4 article:after{transition:none}@media (prefers-reduced-motion:reduce){.tarifs-v4 main>section:first-of-type>div.relative{animation:none}.tarifs-v4 :is(article,button),.tarifs-v4 article:after{transition:none;transform:none}}