.practical-hero{position:relative;display:grid;align-items:center;width:100%;min-height:min(920px,100dvh);background:var(--color-secondary);color:var(--color-secondary-contrast);overflow:hidden}.practical-hero:before{content:"";position:absolute;left:0;right:0;bottom:74px;height:1px;background:var(--vdb-on-dark-rule)}.practical-hero__inner{position:relative;z-index:2;width:100%;max-width:var(--container-xl);margin-inline:auto;padding:clamp(158px,20vh,220px) var(--gutter) clamp(132px,17vh,176px);padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1.38fr) minmax(290px,.62fr);gap:clamp(54px,8vw,118px);align-items:end}.practical-hero__content{position:relative;z-index:2}.practical-hero__kicker{display:inline-flex;align-items:center;gap:var(--space-3);margin:0 0 clamp(28px,4vh,46px);font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:.25em;text-transform:uppercase}.practical-hero__kicker:before{content:"";width:26px;height:2px;border-radius:2px;background:var(--vdb-gold)}.practical-hero__title{position:relative;margin:0;max-width:8ch;font-size:clamp(62px,9.2vw,142px);font-weight:550;line-height:.86;letter-spacing:-.025em}.practical-hero__title-it{position:relative;display:inline-block;margin-left:clamp(0px,3.5vw,52px);color:var(--vdb-yellow);font-style:italic}.practical-hero__title-it .hw__i{white-space:nowrap}.practical-hero__title-it:after{content:"";position:absolute;left:2%;right:-2%;bottom:-.08em;height:.12em;border-bottom:5px solid var(--vdb-yellow);border-radius:0 0 52% 36%;transform:rotate(-1.5deg)}.practical-hero__aside{position:relative;z-index:2;margin-bottom:clamp(4px,2vh,28px);padding-left:clamp(24px,3vw,38px);border-left:1.5px solid var(--vdb-on-dark-border)}.practical-hero__aside-note{display:block;margin:0 0 18px;color:var(--vdb-yellow);font-family:var(--vdb-hand);font-size:clamp(24px,2.2vw,31px);line-height:1;transform:rotate(-3deg);transform-origin:left bottom}.practical-hero__intro{margin:0;max-width:38ch;color:var(--vdb-on-dark-text);font-size:clamp(16px,1.2vw,18px);line-height:1.7}.practical-hero__scroll{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-7);padding-bottom:var(--space-1);border-bottom:1.5px solid var(--vdb-on-dark-border);color:inherit;font-size:14px;font-weight:var(--font-weight-medium);text-decoration:none}.practical-hero__sequence{position:absolute;right:clamp(24px,3vw,48px);bottom:clamp(82px,12vh,132px);z-index:1;display:flex;align-items:center;gap:clamp(18px,2.5vw,36px);color:color-mix(in srgb,var(--vdb-yellow) 17%,transparent);font-family:var(--font-heading);font-size:clamp(120px,18vw,278px);font-weight:550;line-height:.75;letter-spacing:-.06em;pointer-events:none;user-select:none}.practical-hero__sequence-line{flex:0 0 auto;width:clamp(48px,7vw,104px);height:2px;background:currentColor;transform:translateY(.12em)}.practical-hero__folio{position:absolute;right:max(var(--gutter),env(safe-area-inset-right));bottom:31px;z-index:2;display:inline-flex;align-items:center;gap:14px;color:var(--vdb-on-dark-muted);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.24em;text-transform:uppercase}.practical-hero__folio:before{content:"";width:36px;height:1px;background:var(--vdb-on-dark-border)}.has-js .practical-hero__kicker,.has-js .practical-hero__intro,.has-js .practical-hero__scroll,.has-js .practical-hero__folio{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.has-js .practical-hero__aside-note,.has-js .practical-hero__sequence{opacity:0;transition:opacity .7s var(--ease-out)}.has-js .practical-hero__title .hw__i{transform:translateY(112%);transition:transform .9s var(--ease-out)}.hero-loaded .practical-hero__kicker,.hero-loaded .practical-hero__intro,.hero-loaded .practical-hero__scroll,.hero-loaded .practical-hero__folio{opacity:1;transform:none}.hero-loaded .practical-hero__aside-note,.hero-loaded .practical-hero__sequence{opacity:1}.hero-loaded .practical-hero__title .hw__i{transform:none}.hero-loaded .practical-hero__title .hw+.hw .hw__i{transition-delay:80ms}.hero-loaded .practical-hero__title-it .hw__i{transition-delay:.16s}.hero-loaded .practical-hero__intro{transition-delay:.36s}.hero-loaded .practical-hero__scroll{transition-delay:.46s}.gsap-motion .practical-hero__kicker,.gsap-motion .practical-hero__intro,.gsap-motion .practical-hero__scroll,.gsap-motion .practical-hero__sequence,.gsap-motion .practical-hero__folio,.gsap-motion .practical-hero__title .hw__i{opacity:1;transform:none;transition:none}.gsap-motion .practical-hero__aside-note{opacity:1;transition:none}.guide{position:relative;z-index:4;margin-top:var(--stack-overlap);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-bg);box-shadow:0 -30px 80px var(--vdb-shadow-soft)}.guide--tendre{background:var(--color-bg-subtle)}.guide__container{max-width:var(--container-xl);margin-inline:auto;padding:clamp(112px,15vh,180px) var(--gutter) clamp(116px,15vh,180px);padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:clamp(48px,8vw,128px);align-items:start}.guide__head{position:sticky;top:12vh}.guide__title{margin:0;font-size:clamp(40px,4.8vw,72px);font-weight:550;line-height:1;letter-spacing:-.015em}.guide__title-hand{display:block;margin-top:var(--space-2);color:var(--color-accent);font-family:var(--vdb-hand);font-size:.72em;rotate:-2deg}.guide__intro{margin-top:var(--space-6)}.guide__blocks{display:grid;gap:var(--space-2)}.guide__block{position:relative;padding:var(--space-7) 0;border-top:1.5px solid var(--color-border)}.guide__block--step{display:grid;grid-template-columns:clamp(58px,6vw,88px) 1fr;column-gap:var(--space-5)}.guide__block--step .guide__num{grid-row:1 / span 2;align-self:start}.guide__block--step .guide__copy{grid-column:2}.guide__block--alerte{margin-block:var(--space-5);padding:clamp(26px,3vw,40px);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:12px 16px 0 var(--vdb-accent-shadow)}.guide__num{color:var(--color-accent);font-family:var(--vdb-hand);font-size:clamp(50px,5.4vw,80px);line-height:.8}.guide__block-title{margin:0 0 var(--space-4);font-size:clamp(23px,2.1vw,31px);font-weight:560;line-height:1.15}.guide__copy{max-width:62ch;color:var(--color-text-muted);font-size:17px;line-height:1.65}.guide__copy p{margin:0 0 var(--space-4)}.guide__copy>:last-child{margin-bottom:0}.guide__copy ul{display:grid;gap:var(--space-3);margin:0 0 var(--space-4);padding:0;list-style:none}.guide__copy li{position:relative;padding-left:26px}.guide__copy li:before{content:"";position:absolute;left:4px;top:.68em;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent)}.guide__copy .guide__callout{padding:var(--space-4) var(--space-5);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:color-mix(in srgb,var(--color-accent) 9%,var(--color-bg));color:var(--color-text)}.guide--tendre .guide__copy .guide__callout,.guide__block--alerte .guide__callout{background:var(--color-bg)}.guide__more{display:inline-flex;align-items:center;gap:var(--space-3);justify-self:start;margin-top:var(--space-6);padding-bottom:var(--space-1);border-bottom:1.5px solid var(--color-secondary);color:var(--color-secondary);font-weight:var(--font-weight-semibold);text-decoration:none}.guide__more-arrow{transition:transform var(--duration-normal) var(--ease-out)}.guide__more:hover .guide__more-arrow,.guide__more:focus-visible .guide__more-arrow{transform:translate(5px)}.method{position:relative;z-index:3;margin-top:var(--stack-overlap);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-bg);overflow:hidden;box-shadow:0 -30px 80px var(--vdb-shadow-soft)}.method__container{max-width:var(--container-xl);margin-inline:auto;padding:clamp(112px,16vh,190px) var(--gutter) clamp(120px,16vh,190px);padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.method__head{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(44px,8vw,128px);align-items:end}.method__title{margin:0;font-size:clamp(46px,6vw,88px);font-weight:550;line-height:.98;letter-spacing:-.015em}.method__title-hand{display:block;margin-top:var(--space-2);color:var(--color-accent);font-family:var(--vdb-hand);font-size:.7em;rotate:-2deg}.method__lead{margin:0 0 var(--space-2);max-width:47ch;color:var(--color-text-muted);font-size:clamp(18px,2vw,25px);line-height:1.5}.method__steps{margin-top:clamp(76px,11vh,132px);display:grid;grid-template-columns:.9fr 1.15fr .95fr;gap:clamp(24px,4vw,58px)}.method__step{position:relative;min-height:310px;padding:var(--space-7) 0;border-top:1.5px solid var(--color-border)}.method__steps>.method__step:nth-child(2){translate:0 var(--space-8)}.method__steps>.method__step:nth-child(3){translate:0 var(--space-4)}.method__num{color:var(--color-accent);font-family:var(--vdb-hand);font-size:clamp(56px,6vw,88px);line-height:.8}.method__step-title{margin:var(--space-7) 0 var(--space-3);font-size:clamp(23px,2.1vw,31px);font-weight:560;line-height:1.15}.method__step-copy{margin:0;max-width:35ch;color:var(--color-text-muted);font-size:16px}.billing{position:relative;z-index:4;margin-top:var(--stack-overlap);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-bg-subtle);overflow:hidden}.billing__container{max-width:var(--container-xl);margin-inline:auto;padding:clamp(116px,16vh,190px) var(--gutter) clamp(116px,15vh,180px);padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(54px,9vw,144px);align-items:center}.billing__visual{position:relative;display:grid;place-items:center;min-height:520px}.invoice{width:min(100%,430px);padding:clamp(32px,4vw,50px);border-radius:var(--radius-md);background:var(--color-bg);rotate:-3deg;box-shadow:0 26px 64px var(--vdb-shadow-soft)}.invoice__top{display:flex;justify-content:space-between;align-items:start;gap:var(--space-5)}.invoice__brand{font-family:var(--font-heading);font-size:28px;font-weight:var(--font-weight-semibold)}.invoice__tag{padding:6px 10px;border:1px solid var(--vdb-accent-aa);border-radius:var(--radius-full);color:var(--vdb-accent-aa);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.invoice__rule{height:1.5px;margin:var(--space-7) 0;background:var(--color-border)}.invoice__row{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:14px}.invoice__row--total{margin-top:var(--space-3);border:0;color:var(--color-text);font-weight:var(--font-weight-semibold)}.invoice__sent{position:absolute;right:-8px;bottom:40px;display:grid;place-items:center;width:120px;aspect-ratio:1;border-radius:50%;background:var(--vdb-accent-aa);color:var(--color-accent-contrast);font-family:var(--vdb-hand);font-size:22px;line-height:1.05;text-align:center;rotate:9deg;box-shadow:0 16px 34px var(--vdb-shadow-medium)}.billing__title{margin:0 0 var(--space-6);font-size:clamp(48px,6vw,88px);font-weight:550;line-height:.95}.billing__title-it{display:block;color:var(--color-accent);font-style:italic}.billing__copy{margin:0 0 var(--space-5);max-width:48ch;color:var(--color-text-muted);font-size:18px}.billing__points{display:grid;gap:var(--space-4);margin-top:var(--space-7)}.billing__point{display:grid;grid-template-columns:34px 1fr;gap:var(--space-4);align-items:start;padding-top:var(--space-4);border-top:1.5px solid var(--vdb-line)}.billing__check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--vdb-accent-aa);color:var(--color-accent-contrast);font-weight:var(--font-weight-semibold)}.billing__point-copy{margin:2px 0 0;font-size:16px}.billing__rates{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-7);padding-bottom:var(--space-1);border-bottom:1.5px solid var(--color-secondary);color:var(--color-secondary);font-weight:var(--font-weight-semibold);text-decoration:none}.billing__rates-arrow{transition:transform var(--duration-normal) var(--ease-out)}.billing__rates:hover .billing__rates-arrow,.billing__rates:focus-visible .billing__rates-arrow{transform:translate(5px)}@media(max-width:920px){.practical-hero{min-height:auto}.practical-hero__inner{grid-template-columns:1fr;padding-bottom:150px}.practical-hero__aside{max-width:560px;margin-top:58px;margin-bottom:0}.practical-hero__sequence{right:3vw;bottom:84px;font-size:min(27vw,210px)}.method__head,.billing__container,.guide__container{grid-template-columns:1fr}.guide__head{position:static}.method__steps{grid-template-columns:1fr;gap:var(--space-4)}.method__step{min-height:auto;display:grid;grid-template-columns:80px 1fr;column-gap:var(--space-5)}.method__steps>.method__step:nth-child(2),.method__steps>.method__step:nth-child(3){translate:none}.method__num{grid-row:1 / span 2}.method__step-title{margin-top:0}.billing__visual{order:2;min-height:480px}.billing__content{order:1}}@media(max-width:600px){.practical-hero:before{bottom:60px}.practical-hero__inner{padding-top:142px;padding-bottom:132px}.practical-hero__kicker{margin-bottom:30px;font-size:10px;letter-spacing:.2em}.practical-hero__title{max-width:8ch;font-size:clamp(54px,17vw,72px);line-height:.88}.practical-hero__title-it{margin-left:0}.practical-hero__title-it:after{border-bottom-width:4px}.practical-hero__aside{margin-top:52px;padding-left:20px}.practical-hero__aside-note{font-size:24px}.practical-hero__sequence{right:18px;bottom:82px;gap:12px;font-size:24vw;opacity:.84}.practical-hero__sequence-line{width:26px}.practical-hero__folio{right:var(--space-5);bottom:25px;font-size:9px}.method__head{gap:var(--space-7)}.method__steps{margin-top:var(--space-9)}.method__step{grid-template-columns:58px 1fr;padding-block:var(--space-6)}.method__step-copy{grid-column:2}.guide__container{gap:var(--space-7)}.guide__block--step{grid-template-columns:1fr}.guide__block--step .guide__num{grid-row:auto;margin-bottom:var(--space-4)}.guide__block--step .guide__copy{grid-column:auto}.guide__copy{font-size:16px}.billing__visual{min-height:410px}.invoice{width:94%;padding:var(--space-6)}.invoice__sent{width:92px;right:-4px;font-size:19px}}@media(prefers-reduced-motion:reduce){.has-js .practical-hero__kicker,.has-js .practical-hero__intro,.has-js .practical-hero__scroll,.has-js .practical-hero__sequence,.has-js .practical-hero__folio,.has-js .practical-hero__title .hw__i,.has-js .practical-hero__aside-note{opacity:1!important;transform:none!important;transition:none!important}}