@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, var(--s-space-lg, 1.5rem));--tarif-card-pad-x: var(--s-card-pad-md, var(--s-space-md, 1rem));--tarif-card-accent: var(--s-accent, #e85442);--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);position:relative;width:100%;max-width:var(--tc-max);min-width:min(var(--tc-min),100%);min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--tc-gap);padding:var(--tc-pad-y) var(--tc-pad-x);color:var(--tc-text);box-sizing:border-box;isolation:isolate;background-clip:padding-box;--tc-tf: none;transform:var(--tc-tf);will-change:auto;backface-visibility:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@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{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));z-index:2;pointer-events:none;display:inline-flex;align-items:center;padding:var(--s-space-2xs, .35rem) var(--s-space-xs, .5rem);border-radius:999px;font-size:var(--font-paragraph-xs, .8rem);font-weight:700;letter-spacing:var(--ls-wide, .04em);text-transform:uppercase;color:var(--s-text-inv, #fff);background:var(--tc-accent);border:1px solid color-mix(in srgb,var(--tc-accent),#000 15%);box-shadow:0 6px 18px #0000002e}.tarif-card .tarif-header{display:flex;flex-direction:column;align-items:center;gap:var(--s-stack-sm, var(--s-space-lg, 1.5rem));width:100%;min-width:0}.tarif-card .tarif-header>h3{margin:0;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;min-width:0;overflow-wrap:anywhere}.tarif-card [data-savings]{margin-top:.1rem}.tarif-card .price{display:inline-flex;align-items:flex-end;justify-content:center;gap:var(--s-inline-2xs, var(--s-space-xxs, .35rem));font-family:var(--font-family-display, inherit);font-weight:var(--fw-extrabold, 800);line-height:1.05;letter-spacing:var(--ls-tight, -.02em);color:var(--tc-accent);font-size:var(--fluid-xl, clamp(2rem, 4vw, 3rem))}.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{width:82%;height:1px;background:color-mix(in srgb,var(--tc-accent),transparent 10%);border-radius:999px;opacity:.9}.tarif-card .features{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:var(--s-stack-2xs, var(--s-space-xs, .75rem));text-align:left;font-size:var(--font-paragraph-s, 1rem);line-height:var(--lh-relaxed, 1.6);color:color-mix(in srgb,var(--tc-text),transparent 5%);min-width:0}.tarif-card .features>li{min-width:0;overflow-wrap:anywhere}.tarif-card .features>li:before{content:"●";color:var(--tc-accent);display:inline-block;width:1em;margin-right:.5em;translate:0 .02em}.tarif-card .cta-button{margin-top:auto;width:100%;max-width:320px;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.1rem;border-radius:999px;text-decoration:none;font-weight:800;letter-spacing:.01em;border:1px solid transparent;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}.tarif-card .cta-button:hover{transform:translateY(-1px);filter:brightness(1.03)}.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, #fff);box-shadow:0 10px 24px #0000002e}.tarif-card .cta-button.btn-secondary{background:var(--s-overlay-10, var(--s-accent-hover));color:var(--tc-text);border-color:var(--s-border-1, rgba(255,255,255,.1))}.tarif-card.is-popular{border-color:var(--tc-accent);box-shadow:var(--sf-shadow, none),0 0 0 1px color-mix(in srgb,var(--tc-accent),transparent 60%) 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 color-mix(in srgb,var(--tc-accent),transparent 55%) inset}}@media (prefers-reduced-motion: reduce){.tarif-card,.tarif-card .cta-button{transition:none!important;transform:none!important;filter:none!important}}}@layer component{.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, color-mix(in srgb, var(--billing-toggle-text), transparent 35%));--billing-toggle-label-active-bg: var(--s-overlay-10);--billing-toggle-label-active-text: var(--billing-toggle-text);display:inline-flex;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)}.billing-toggle-label{padding:.45em .75em;border-radius:calc(var(--billing-toggle-rail-radius) - 2px);background:transparent;color:var(--billing-toggle-muted);font-weight:700;font-size:.95rem;line-height:1;white-space:nowrap;user-select:none;transition:background-color .2s ease,color .2s ease}.billing-toggle[data-state=monthly] .billing-toggle-label:first-child,.billing-toggle[data-state=annual] .billing-toggle-label:last-child{background:var(--billing-toggle-label-active-bg);color:var(--billing-toggle-label-active-text)}.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, color-mix(in srgb, var(--billing-toggle-text) 8%, transparent));--bt-bg-on: var(--s-accent, var(--billing-toggle-text));--bt-bd: var(--surface-bd, color-mix(in srgb, var(--billing-toggle-text) 22%, transparent));--bt-thumb: var(--surface-bg, #fff);--bt-thumb-bd: color-mix(in srgb, var(--bt-bd) 70%, transparent);--bt-symbol-off: var(--billing-toggle-muted);--bt-symbol-on: var(--s-text-inv, #fff);--bt-ring: var(--focus-ring, var(--s-accent, var(--billing-toggle-text)));appearance:none;border:1px solid var(--bt-bd);background:transparent;padding:0;margin:0 var(--billing-toggle-gap);inline-size:var(--bt-w);block-size:var(--bt-h);border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,transform .2s ease}.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));border-radius:999px;background:var(--bt-bg-off);position:relative;display:block;transition:background-color .25s ease}.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);border-radius:999px;background:var(--bt-thumb);border:1px solid var(--bt-thumb-bd);position:absolute;top:50%;left:0;transform:translate(var(--bt-x, 0),-50%);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0000002e;transition:transform .25s ease;will-change:transform}.billing-toggle-symbol{font-weight:900;font-size:.8rem;line-height:1;color:var(--bt-symbol-off);transition:color .25s ease;user-select:none}.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{transform:translateY(-1px);border-color:color-mix(in srgb,var(--bt-bd) 70%,var(--billing-toggle-text) 30%)}}@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%)}}}@layer component{.tarifs-section{--tb-max: 72rem;--tb-px: 0;--tb-py: 0;--tb-head-gap: var(--s-stack-2xs, var(--s-space-xs, .5rem));--tb-head-mb: var(--s-stack-xl, var(--s-space-xl, 2rem));--tb-toggle-mb: var(--s-stack-lg, var(--s-space-lg, 1.25rem));--tg-gap: var(--s-block-gap-md, var(--s-space-lg, 1.25rem));--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);margin-inline:auto;min-width:0}.tarifs-header{display:flex;flex-direction:column;align-items:center;gap:var(--tb-head-gap);margin-bottom:var(--tb-head-mb);text-align:center;min-width:0}.billing-toggle{display:flex;justify-content:center;align-items:center;width:100%;gap:var(--s-space-sm, .75rem);margin-bottom:var(--tb-toggle-mb)}.tarifs-grid{display:grid;gap:var(--tg-gap);width:100%;min-width:0;align-items:stretch;justify-items:stretch;grid-template-columns:repeat(var(--tg-cols),minmax(0,1fr))}.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 (max-width: 64rem){.tarifs-grid{--tg-cols: 2}}@media (max-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-space-fluid-4xl, 5rem)}.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)}}