.pill{border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-call-text);justify-content:center;align-items:center;padding:1rem 1.9rem;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px -12px #0e2a388c}.pill:hover{background-color:var(--brand-night)}.pill--light{background-color:var(--color-call-text);color:var(--color-call)}.pill--light:hover{background-color:var(--color-solution)}.arrow-link{align-items:center;gap:.4rem;font-weight:600;text-decoration:none;display:inline-flex}.arrow-link:after{content:"›";font-size:1.35em;line-height:1}.arrow-link:hover{text-decoration:underline}.home-hero{align-items:center;gap:2.5rem;padding-block:clamp(1.5rem,6vw,5rem) clamp(3rem,7vw,6rem);display:grid}@media (width>=60rem){.home-hero{grid-template-columns:minmax(0,min(49vw,41rem)) minmax(0,1fr);column-gap:2rem}}.badge{border-radius:var(--radius-pill);background-color:var(--color-solution);color:var(--color-accent);align-items:center;gap:.6rem;margin:0 0 1.6rem;padding:.4rem .9rem .4rem .5rem;font-size:.95rem;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--brand-yellow);border-radius:.45rem;place-items:center;width:1.4rem;height:1.4rem;display:grid}.badge-dot:after{content:"";background-color:var(--brand-night);border-radius:.2rem;width:.5rem;height:.5rem}.home-hero h1{letter-spacing:-.032em;margin:0;font-size:clamp(2.6rem,6.6vw,5.5rem);font-weight:800;line-height:1.02}.home-hero h1 span{display:block}.accent{color:var(--color-accent)}.home-hero-subtitle{max-width:36rem;color:var(--color-muted);margin:1.75rem 0 0;font-size:clamp(1.125rem,1.6vw,1.3rem);line-height:1.55}.home-actions{flex-wrap:wrap;align-items:center;gap:1.1rem 1.75rem;margin-top:2.25rem;display:flex}.home-scene{width:min(100%,36rem);margin-inline:auto}.desk-scene{width:100%;height:auto;display:block}@media (width>=60rem){.home-scene{width:100%}}.home-section{padding-bottom:clamp(4rem,9vw,8rem)}.section-heading{max-width:46rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-heading h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,5.2vw,4rem);font-weight:800;line-height:1.05}.section-heading p{max-width:38rem;color:var(--color-muted);margin:1.1rem 0 0;font-size:clamp(1.0625rem,1.5vw,1.25rem)}.section-more{text-align:center;margin:2.25rem 0 0}.tile{border-radius:var(--radius-tile);background-color:var(--color-surface);min-width:0;color:var(--color-text);flex-direction:column;padding:clamp(1.6rem,3vw,2.5rem);display:flex;position:relative;overflow:hidden}.tile--raised{background-color:var(--color-raised)}.tile--solution{background-color:var(--color-solution)}.tile--outlined{border:1.5px solid var(--color-border)}.tile--challenge{background-color:var(--color-challenge);border:1.5px solid #f5a80059}.tile--dark{--color-text:var(--color-tile-dark-text);--color-muted:var(--color-tile-dark-muted);--color-accent:var(--color-tile-dark-accent);--color-border:#6bc9dc4d;background-color:var(--color-tile-dark)}.tile h3{letter-spacing:-.025em;margin:0;font-size:clamp(1.4rem,2.2vw,1.875rem);font-weight:750;line-height:1.12}.tile-text{color:var(--color-muted);margin:.75rem 0 0;font-size:1.0625rem;line-height:1.55}.example{border-top:1px solid var(--color-border);color:var(--color-muted);margin:1.1rem 0 0;padding-top:1rem;font-size:.9375rem;line-height:1.5}.example strong{color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.1rem;font-size:.8125rem;display:block}.tile svg{width:100%;height:auto;display:block}.bento{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}.intervention-drawing{width:100%;max-width:26rem;margin:1.75rem auto 0}.intervention--creer h3{letter-spacing:-.035em;font-size:clamp(1.875rem,3.2vw,2.75rem)}.intervention--creer .tile-text{max-width:30rem;font-size:clamp(1.0625rem,1.4vw,1.1875rem)}.intervention--creer .intervention-drawing{flex:1;align-items:center;max-width:none;display:flex}.intervention--temps .intervention-drawing,.intervention--clair .intervention-drawing{order:-1;width:6rem;margin:0 0 1.1rem}.intervention--temps h3,.intervention--clair h3{font-size:clamp(1.375rem,1.9vw,1.625rem)}@media (width>=45rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.intervention--creer,.intervention--reprendre,.intervention--en-ligne{grid-column:span 2}.intervention--reprendre,.intervention--en-ligne{grid-template-columns:1.05fr .95fr;align-items:center;gap:1.25rem 2rem;display:grid}.intervention--reprendre .intervention-drawing,.intervention--en-ligne .intervention-drawing{margin:0 auto}}@media (width>=64rem){.bento{grid-template-columns:repeat(4,minmax(0,1fr))}.intervention--creer{grid-area:1/1/span 2/span 2}.intervention--reprendre{grid-area:1/3/auto/span 2;grid-template-columns:1.25fr .75fr}.intervention--temps{grid-area:2/3}.intervention--clair{grid-area:2/4}.intervention--temps,.intervention--clair{padding:1.9rem}.intervention--en-ligne{grid-column:1/-1;grid-template-columns:.9fr 1.1fr}.intervention--en-ligne .intervention-drawing{max-width:32rem}}.steps{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=69rem){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile .step-picto{width:3rem;height:3rem;position:absolute;top:clamp(1.6rem,3vw,2.5rem);right:clamp(1.6rem,3vw,2.5rem)}.step-number{color:var(--color-accent);letter-spacing:-.05em;margin-bottom:clamp(1.75rem,4vw,4rem);font-size:clamp(4.5rem,8vw,7rem);font-weight:850;line-height:.9}.tile--dark .step-number{color:var(--color-tile-dark-number)}.step h3{font-size:1.5rem}.showcase{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}@media (width>=54rem){.showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-item--wide{grid-column:1/-1}.showcase-item--wide .showcase-heading{grid-template-columns:1fr 1fr;align-items:end;gap:.75rem 2.5rem;display:grid}}.showcase-item:has(.screen-frame){padding-bottom:0}.showcase-label{color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8125rem;font-weight:700}.showcase-item h3{font-size:clamp(1.5rem,2.4vw,2rem)}.showcase-heading .tile-text{max-width:30rem}.showcase-drawing{width:100%;max-width:27rem;margin:auto auto 0;padding-top:1.75rem}.screen-frame{border:1px solid var(--color-border);background-color:var(--color-surface);border-bottom:0;border-radius:.875rem .875rem 0 0;margin-top:auto;overflow:hidden;translate:0 1px;box-shadow:0 30px 60px -20px #0e2a3873}.showcase-heading{margin-bottom:2rem}.showcase-item--wide .screen-frame{width:100%;max-width:68rem;margin-inline:auto}.screen-frame-bar{border-bottom:1px solid var(--color-border);background-color:var(--color-raised);align-items:center;gap:.45rem;height:2.1rem;padding-inline:.9rem;display:flex;position:relative}.screen-frame-bar i{background-color:var(--brand-yellow);border-radius:50%;width:.75rem;height:.75rem}.screen-frame-bar i:nth-child(2){background-color:var(--brand-cyan)}.screen-frame-bar i:nth-child(3){background-color:var(--brand-teal)}.screen-frame-bar span{color:var(--brand-night);white-space:nowrap;font-size:.8125rem;font-weight:600;position:absolute;left:50%;translate:-50%}.screen-frame-image{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.showcase-item--wide .screen-frame-image{aspect-ratio:auto}.about{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}@media (width>=54rem){.about{grid-template-columns:2.2fr 1fr}}.about-card{align-items:center;gap:1.75rem;display:grid}@media (width>=37.5rem){.about-card{grid-template-columns:auto 1fr;gap:2.5rem}}.about-portrait{background-color:var(--color-surface);width:8.5rem;height:8.5rem;box-shadow:0 0 0 6px var(--color-surface), 0 0 0 8px var(--brand-yellow);border-radius:50%;transform:scaleX(-1)}.about-text{letter-spacing:-.015em;margin:0 0 1.1rem;font-size:clamp(1.25rem,2.1vw,1.625rem);font-weight:500;line-height:1.4}.about-text strong{font-weight:750}.milestones{grid-template-columns:1fr 1fr;align-content:center;gap:1.4rem;margin:0;display:grid}@media (width>=54rem){.milestones{grid-template-columns:1fr}.milestone+.milestone{border-top:1px solid #13707840;padding-top:1.4rem}}.milestone dt{color:var(--color-accent);letter-spacing:-.05em;font-size:clamp(2.75rem,4.5vw,3.75rem);font-weight:850;line-height:1}.milestone dd{color:var(--color-muted);margin:.25rem 0 0;font-size:1rem}.call{--color-text:var(--color-call-text);--color-accent:var(--color-call-text);background-color:var(--color-call);color:var(--color-text);border-radius:2.25rem;align-items:center;gap:2.5rem;padding:clamp(2.5rem,7vw,6rem) clamp(1.6rem,6vw,5.5rem);display:grid;overflow:hidden}@media (width>=56rem){.call{grid-template-columns:1.3fr .7fr}}.call h2{letter-spacing:-.032em;margin:0;font-size:clamp(2.6rem,7vw,5.5rem);font-weight:850;line-height:1.02}.call-text{max-width:36rem;margin:1.25rem 0 2.25rem;font-size:clamp(1.125rem,1.8vw,1.4rem)}.call-address{margin:1.25rem 0 0;font-size:.9375rem}.call-address strong{white-space:nowrap}.call-drawing{width:100%;max-width:18rem;height:auto;margin-inline:auto}@media (width<=55.99rem){.call-drawing{max-width:10rem;margin-inline:0}}@media (prefers-reduced-motion:no-preference){.reveals [data-reveal]{transition:opacity .8s,transform .8s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--reveal-rank,0) * .11s)}.reveals [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(2rem)scale(.985)}.desk-scene{animation:1.1s cubic-bezier(.2,.7,.2,1) .1s both desk-rise}.desk-scene .bureau-feuille{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite desk-float}.desk-scene .bf2{animation-duration:7s;animation-delay:-2s}.desk-scene .bf3{animation-duration:5.5s;animation-delay:-1s}.desk-scene .bf4{animation-duration:6.5s;animation-delay:-3s}.desk-scene .bureau-tuile{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite desk-settle}.desk-scene .bureau-vapeur path{transform-box:fill-box;transform-origin:bottom;animation:3.2s ease-in-out infinite desk-steam}.desk-scene .bureau-vapeur path:nth-child(2){animation-delay:-1s}.desk-scene .bureau-vapeur path:nth-child(3){animation-delay:-2s}.desk-scene .bureau-barres rect{transform-box:fill-box;transform-origin:bottom;animation:1.4s cubic-bezier(.2,.7,.2,1) both desk-grow}.desk-scene .bureau-barres rect:nth-child(2){animation-delay:80ms}.desk-scene .bureau-barres rect:nth-child(3){animation-delay:.16s}.desk-scene .bureau-barres rect:nth-child(4){animation-delay:.24s}.desk-scene .bureau-barres rect:nth-child(5){animation-delay:.32s}.desk-scene .bureau-barres rect:nth-child(6){animation-delay:.4s}.desk-scene .bureau-barres rect:nth-child(7){animation-delay:.48s}.tile{transition:transform .4s cubic-bezier(.2,.75,.25,1),box-shadow .4s}.bento .tile:hover,.step:hover{transform:translateY(-4px)}.screen-frame{transition:transform .4s cubic-bezier(.2,.75,.25,1)}.showcase-item:hover .screen-frame{transform:translateY(-6px)}.pill{transition:background-color .2s,transform .2s}.pill:hover{transform:translateY(-1px)}}@keyframes desk-rise{0%{transform:translateY(28px)}to{transform:none}}@keyframes desk-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes desk-settle{0%,to{transform:translate(-14px,-10px)rotate(-8deg)}50%{transform:translate(0)rotate(0)}}@keyframes desk-steam{0%,to{opacity:.35;transform:translateY(4px)scaleY(.9)}50%{opacity:1;transform:translateY(-4px)scaleY(1.05)}}@keyframes desk-grow{0%{transform:scaleY(.1)}to{transform:none}}
