@layer component{.tarif-card{--tarif-card-max:none;--tarif-card-min:0px;--tarif-card-gap:var(--s-card-gap-md,var(--s-stack-xs,1rem));--tarif-card-pad-y:var(--s-card-pad-lg);--tarif-card-pad-x:var(--s-card-pad-md);--tarif-card-accent:var(--s-accent);--tarif-card-text:var(--sf-text,var(--surface-text));--tarif-card-hover-lift:-4px;--tarif-card-focus-offset:4px;--tc-max:var(--tarif-card-max);--tc-min:var(--tarif-card-min);--tc-gap:var(--tarif-card-gap);--tc-pad-y:var(--tarif-card-pad-y);--tc-pad-x:var(--tarif-card-pad-x);--tc-accent:var(--tarif-card-accent);--tc-text:var(--tarif-card-text);width:100%;max-width:var(--tc-max);min-width:min(var(--tc-min), 100%);text-align:center;align-items:center;gap:var(--tc-gap);min-width:0;padding:var(--tc-pad-y) var(--tc-pad-x);color:var(--tc-text);box-sizing:border-box;isolation:isolate;--tc-tf:none;transform:var(--tc-tf);will-change:auto;backface-visibility:hidden;background-clip:padding-box;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}@media (hover:hover){.tarif-card:hover{--tc-tf:translateY(var(--tarif-card-hover-lift,-4px));box-shadow:var(--surface-shadow-hover,var(--sf-shadow,none))}}.tarif-card:focus-within{outline:2px solid var(--tc-accent);outline-offset:var(--tarif-card-focus-offset,4px);border-radius:calc(var(--sf-radius,var(--s-radius-xl,16px) - 2px));--tc-tf:none}.tarif-card .ribbon{z-index:2;pointer-events:none;padding:var(--s-space-2xs,.35rem) var(--s-space-xs,.5rem);font-size:var(--font-paragraph-xs,.8rem);letter-spacing:var(--ls-wide,.04em);text-transform:uppercase;color:var(--s-text-inv);background:var(--tc-accent);border:1px solid var(--s-border-1);box-shadow:0 6px 18px var(--s-shadow-color);border-radius:999px;align-items:center;font-weight:700;display:inline-flex;position:absolute;inset-block-start:var(--s-space-2xs,var(--s-space-xxs,.5rem));inset-inline-end:var(--s-space-2xs,var(--s-space-xxs,.75rem))}.tarif-card .tarif-header{align-items:center;gap:var(--s-stack-sm);flex-direction:column;width:100%;min-width:0;display:flex}.tarif-card .tarif-header>h3{font-family:var(--font-family-display,var(--font-family-sans,ui-sans-serif));font-weight:var(--fw-extrabold,800);font-size:clamp(1.1rem,1.2vw + .9rem,1.35rem);line-height:var(--lh-tight,1.15);letter-spacing:var(--ls-tight,-.02em);text-wrap:balance;overflow-wrap:anywhere;min-width:0;margin:0}.tarif-card [data-savings]{margin-top:.1rem}.tarif-card .price{justify-content:center;align-items:flex-end;gap:var(--s-inline-2xs);font-family:var(--font-family-display,inherit);font-weight:var(--fw-extrabold,800);letter-spacing:var(--ls-tight,-.02em);color:var(--tc-accent);line-height:1.05;font-size:var(--fluid-xl,clamp(2rem, 4vw, 3rem));display:inline-flex}.tarif-card .currency,.tarif-card .billing-period{font-size:var(--font-paragraph-xs,.9rem);font-weight:var(--fw-regular,400);color:var(--tc-text);opacity:.8;white-space:nowrap}.tarif-card .separator{background:var(--s-surface-1);opacity:.9;border-radius:999px;width:82%;height:1px}.tarif-card .features{gap:var(--s-stack-2xs);text-align:left;width:100%;font-size:var(--font-paragraph-s,1rem);line-height:var(--lh-relaxed,1.6);color:var(--s-text-2);flex-direction:column;min-width:0;margin:0;padding:0;list-style:none;display:flex}.tarif-card .features>li{overflow-wrap:anywhere;min-width:0}.tarif-card .features>li:before{content:"●";color:var(--tc-accent);width:1em;margin-right:.5em;display:inline-block;translate:0 .02em}.tarif-card .cta-button{box-sizing:border-box;isolation:isolate;letter-spacing:.01em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:100%;max-width:320px;min-height:3rem;margin-top:auto;padding:.9rem 1.15rem;font-weight:800;text-decoration:none;transition:transform .18s,filter .2s,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.tarif-card .cta-button:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:var(--s-surface-1);opacity:.14;position:absolute;inset:1px}@media (hover:hover){.tarif-card .cta-button:hover{filter:brightness(1.03);transform:translateY(-1px)}}.tarif-card .cta-button:active{transform:translateY(1px)}.tarif-card .cta-button:focus-visible{outline:2px solid var(--tc-accent);outline-offset:3px}.tarif-card .cta-button.btn-primary{background:var(--tc-accent);color:var(--s-text-inv);border-color:var(--s-border-1);box-shadow:0 10px 24px var(--s-shadow-color), inset 0 1px 0 var(--s-shadow-color)}.tarif-card .cta-button.btn-secondary{background:var(--s-surface-1);color:var(--tc-text);border-color:var(--s-border-2,var(--s-border-1));box-shadow:inset 0 1px 0 var(--s-shadow-color)}@media (hover:hover){.tarif-card .cta-button.btn-primary:hover{box-shadow:0 14px 32px var(--s-shadow-color), inset 0 1px 0 var(--s-shadow-color)}.tarif-card .cta-button.btn-secondary:hover{background:var(--s-surface-2);border-color:var(--s-focus);box-shadow:0 8px 18px var(--s-shadow-color), inset 0 1px 0 var(--s-shadow-color)}}.tarif-card.is-popular{border-color:var(--tc-accent);box-shadow:var(--sf-shadow,none), 0 0 0 1px var(--s-shadow-color) inset}@media (hover:hover){.tarif-card.is-popular:hover{--tc-tf:translateY(var(--tarif-card-hover-lift,-4px));box-shadow:var(--sf-shadow,none), 0 0 0 1px var(--s-shadow-color) inset}}@media (prefers-reduced-motion:reduce){.tarif-card,.tarif-card .cta-button{filter:none!important;transition:none!important;transform:none!important}}.billing-toggle{--billing-toggle-gap:2px;--billing-toggle-rail-pad:4px;--billing-toggle-rail-bg:var(--s-overlay-5);--billing-toggle-rail-bd:var(--surface-bd,transparent);--billing-toggle-rail-radius:var(--s-radius-pill,999px);--billing-toggle-text:var(--sf-text,var(--surface-text,inherit));--billing-toggle-muted:var(--s-text-2,var(--s-text-3));--billing-toggle-label-active-bg:var(--s-overlay-10);--billing-toggle-label-active-text:var(--billing-toggle-text);align-items:center;gap:var(--billing-toggle-gap);padding:var(--billing-toggle-rail-pad);border-radius:var(--billing-toggle-rail-radius);background:var(--billing-toggle-rail-bg);border:1px solid var(--billing-toggle-rail-bd);color:var(--billing-toggle-text);display:inline-flex}.billing-toggle-label{border-radius:calc(var(--billing-toggle-rail-radius) - 2px);color:var(--billing-toggle-muted);white-space:nowrap;user-select:none;background:0 0;padding:.45em .75em;font-size:.95rem;font-weight:700;line-height:1;transition:background-color .2s,color .2s}.billing-toggle[data-state=monthly] .billing-toggle-label:first-child,.billing-toggle[data-state=annual] .billing-toggle-label:last-child,.billing-toggle-switch[aria-pressed=true]+.billing-toggle-label{background:var(--billing-toggle-label-active-bg);color:var(--billing-toggle-label-active-text)}@supports selector(:has(*)){.billing-toggle:has(.billing-toggle-switch[aria-pressed=false]) .billing-toggle-label:first-child{background:var(--billing-toggle-label-active-bg);color:var(--billing-toggle-label-active-text)}}.billing-toggle-switch{--bt-w:3.25rem;--bt-h:1.9rem;--bt-pad:.18rem;--bt-bg-off:var(--s-surface-2,var(--s-surface-1));--bt-bg-on:var(--s-accent,var(--billing-toggle-text));--bt-bd:var(--surface-bd,var(--s-border-1));--bt-thumb:var(--surface-bg);--bt-thumb-bd:var(--s-border-1);--bt-symbol-off:var(--billing-toggle-muted);--bt-symbol-on:var(--s-text-inv);--bt-ring:var(--focus-ring,var(--s-accent,var(--billing-toggle-text)));appearance:none;border:1px solid var(--bt-bd);margin:0 var(--billing-toggle-gap);inline-size:var(--bt-w);block-size:var(--bt-h);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:border-color .2s,transform .2s;display:inline-flex}.billing-toggle-switch:focus-visible{outline:2px solid var(--bt-ring);outline-offset:3px}.billing-toggle-switch:disabled,.billing-toggle-switch[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.billing-toggle-track{inline-size:calc(100% - (var(--bt-pad) * 2));block-size:calc(100% - (var(--bt-pad) * 2));background:var(--bt-bg-off);border-radius:999px;transition:background-color .25s;display:block;position:relative}.billing-toggle-thumb{--bt-thumb-size:calc(var(--bt-h) - (var(--bt-pad) * 2) - .08rem);inline-size:var(--bt-thumb-size);block-size:var(--bt-thumb-size);background:var(--bt-thumb);border:1px solid var(--bt-thumb-bd);transform:translate(var(--bt-x,0), -50%);box-shadow:0 6px 18px var(--s-shadow-color);will-change:transform;border-radius:999px;justify-content:center;align-items:center;transition:transform .25s;display:inline-flex;position:absolute;top:50%;left:0}.billing-toggle-symbol{color:var(--bt-symbol-off);user-select:none;font-size:.8rem;font-weight:900;line-height:1;transition:color .25s}.billing-toggle-switch[aria-pressed=true] .billing-toggle-track{background:var(--bt-bg-on)}.billing-toggle-switch[aria-pressed=true] .billing-toggle-thumb{--bt-x:calc(var(--bt-w) - var(--bt-h))}.billing-toggle-switch[aria-pressed=true] .billing-toggle-symbol{color:var(--bt-symbol-on)}@media (hover:hover){.billing-toggle-switch:hover{border-color:var(--s-focus);transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.billing-toggle-switch,.billing-toggle-track,.billing-toggle-thumb,.billing-toggle-symbol,.billing-toggle-label{transition:none!important}.billing-toggle-switch:hover{transform:none!important}.billing-toggle-switch[aria-pressed=true] .billing-toggle-thumb{transform:translate(calc(var(--bt-w) - var(--bt-h)), -50%)}}.tarifs-section{--tb-max:72rem;--tb-px:0;--tb-py:0;--tb-head-gap:var(--s-stack-2xs);--tb-head-mb:var(--s-stack-xl);--tb-toggle-mb:var(--s-stack-lg);--tg-gap:var(--s-block-gap-md);--tg-cols:3;--tg-min:16.25rem;padding-inline:var(--tb-px);padding-block:var(--tb-py);min-width:0}.tarifs-section>.tarifs-inner{max-width:var(--tb-max);min-width:0;margin-inline:auto}.tarifs-header{align-items:center;gap:var(--tb-head-gap);margin-bottom:var(--tb-head-mb);text-align:center;flex-direction:column;min-width:0;display:flex}.billing-toggle{justify-content:center;align-items:center;gap:var(--s-space-sm,.75rem);width:100%;margin-bottom:var(--tb-toggle-mb);display:flex}.tarifs-grid{gap:var(--tg-gap);grid-template-columns:repeat(var(--tg-cols), minmax(0, 1fr));place-items:stretch stretch;width:100%;min-width:0;display:grid}.tarifs-grid[role=list]{margin:0;padding:0;list-style:none}.tarifs-grid>*{min-width:0}.tarifs-grid[data-cols=auto]{grid-template-columns:repeat(auto-fit, minmax(var(--tg-min), 1fr))}@media (width<=64rem){.tarifs-grid{--tg-cols:2}}@media (width<=48rem){.tarifs-grid{--tg-cols:1;justify-items:center}}.tarifs-section[data-width=wide]{--tb-max:80rem}.tarifs-section[data-width=normal]{--tb-max:72rem}.tarifs-section[data-width=narrow]{--tb-max:60rem}.tarifs-section[data-width=full]{--tb-max:none}.tarifs-section[data-padding=none]{--tb-py:0}.tarifs-section[data-padding=sm]{--tb-py:var(--s-space-fluid-md,2rem)}.tarifs-section[data-padding=md]{--tb-py:var(--s-section-pad-y,4rem)}.tarifs-section[data-padding=lg]{--tb-py:var(--s-section-pad-lg)}.tarifs-section[data-gap=sm]{--tg-gap:var(--s-block-gap-sm,1rem)}.tarifs-section[data-gap=md]{--tg-gap:var(--s-block-gap-md,1.25rem)}.tarifs-section[data-gap=lg]{--tg-gap:var(--s-block-gap-lg,2rem)}}