/*
 * pricing/essentielle — porte depuis la maquette Astro de Chez Loeli. Engagement 5 : aucun hexadecimal.
 */
.ivy-pricing--essentielle { padding-block: clamp( 72px, 9vw, 120px ); background-color: var( --ivy-surface ); background-image: var( --ivy-grain, none ); color: var( --ivy-ink ); }
.ivy-pricing--essentielle .ivy-pricing__inner { display: grid; gap: clamp( 32px, 5vw, 72px ); align-items: start; width: min( 100% - 2 * clamp( 20px, 5vw, 56px ), 1200px ); margin-inline: auto; }
@media ( min-width: 960px ) { .ivy-pricing--essentielle .ivy-pricing__inner { grid-template-columns: minmax( 0, .85fr ) minmax( 0, 1.15fr ); } .ivy-pricing--essentielle .ivy-pricing__intro { position: sticky; inset-block-start: 112px; } }
.ivy-pricing--essentielle .ivy-pricing__intro { display: grid; gap: 16px; justify-items: start; min-width: 0; }
.ivy-pricing--essentielle .ivy-pricing__eyebrow { margin: 0; color: var( --ivy-eyebrow-color, var( --ivy-ink ) ); font-size: var( --ivy-font-label ); font-weight: 600; line-height: 1.6; letter-spacing: .2em; text-transform: uppercase; }
.ivy-pricing--essentielle .ivy-pricing__eyebrow::before { content: ''; display: inline-block; width: 24px; height: 11px; margin-inline-end: 12px; vertical-align: -1px; background: var( --ivy-support ); -webkit-mask: var( --ivy-roof-mask ) center / contain no-repeat; mask: var( --ivy-roof-mask ) center / contain no-repeat; }
.ivy-pricing--essentielle .ivy-pricing__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink ) ); }
.ivy-pricing--essentielle .ivy-pricing__figure { margin: 0; color: var( --ivy-figure-color, var( --ivy-accent ) ); font-family: var( --ivy-font-titre ); font-variant-numeric: lining-nums; line-height: 1; }
.ivy-pricing--essentielle .ivy-pricing__ring { position: relative; display: inline-block; padding-inline: .12em; }
.ivy-pricing--essentielle .ivy-pricing__circle { position: absolute; inset: -22% -22% -18% -18%; width: 140%; height: 140%; overflow: visible; pointer-events: none; }
.ivy-pricing--essentielle .ivy-pricing__circle path { fill: none; stroke: var( --ivy-circle-color, var( --ivy-support ) ); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.ivy-pricing--essentielle .ivy-pricing__lede { max-width: 62ch; font-size: var( --ivy-font-lead ); }
.ivy-pricing--essentielle .ivy-pricing__lead { margin: 0; color: var( --ivy-lead-color, var( --ivy-muted ) ); font-size: inherit; }
.ivy-pricing--essentielle .ivy-pricing__text > * { margin: 0; font-size: inherit; }
.ivy-pricing--essentielle .ivy-pricing__text { color: var( --ivy-text-color, inherit ); }
.ivy-pricing--essentielle .ivy-pricing__groups { display: grid; gap: 20px; min-width: 0; }
.ivy-pricing--essentielle .ivy-pricing__group { display: grid; gap: 18px; padding: clamp( 22px, 3vw, 34px ); border-radius: var( --ivy-radius-surface, 18px ); background-color: var( --ivy-group-background-color, var( --ivy-surface-soft ) ); }
.ivy-pricing--essentielle .ivy-pricing__group-head { display: flex; align-items: center; gap: 14px; }
.ivy-pricing--essentielle .ivy-pricing__group-icon { display: block; width: var( --ivy-group_icon-size, 32px ); height: var( --ivy-group_icon-size, 32px ); color: var( --ivy-group_icon-color, var( --ivy-ink ) ); }
.ivy-pricing--essentielle .ivy-pricing__group-icon :is( svg, i ) { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; }
.ivy-pricing--essentielle .ivy-pricing__group-title { margin: 0; color: var( --ivy-group_title-color, var( --ivy-ink ) ); }
.ivy-pricing--essentielle .ivy-pricing__includes { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.ivy-pricing--essentielle .ivy-pricing__include { display: grid; grid-template-columns: 22px minmax( 0, 1fr ); gap: 12px; align-items: start; color: var( --ivy-include-color, inherit ); font-size: inherit; }
.ivy-pricing--essentielle .ivy-pricing__include::before { content: ''; width: 20px; height: 20px; margin-top: 3px; background: var( --ivy-check-color, var( --ivy-accent ) ); -webkit-mask: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 12.9c1.7 1.1 3 2.5 4.2 4.3 2.3-4.7 5.6-8.5 10.6-11.7'/%3E%3C/svg%3E" ) center / contain no-repeat; mask: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 12.9c1.7 1.1 3 2.5 4.2 4.3 2.3-4.7 5.6-8.5 10.6-11.7'/%3E%3C/svg%3E" ) center / contain no-repeat; }
@media ( prefers-reduced-motion: no-preference ) {
	.ivy-motion-ready .ivy-pricing--essentielle .ivy-pricing__circle path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.1s cubic-bezier( .65, 0, .35, 1 ) 250ms; }
	.ivy-motion-ready .ivy-pricing--essentielle [data-ivy-in].ivy-in .ivy-pricing__circle path { stroke-dashoffset: 0; }
}

/* Un mot en `{{ }}` dans ce titre : la maquette le pose en <span class="script">, qui n'y change ni la police ni la couleur mais coupe l'espacement des lettres. */
.ivy-pricing--essentielle .ivy-hl { color: inherit; letter-spacing: 0; }