.scroll-showcase{height:300vh;position:relative}.scroll-showcase-sticky{background:linear-gradient(#fafaf9 0%,#f5f5f4 100%);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.scroll-showcase-header{text-align:center;flex-shrink:0;padding:4rem 2rem 1.5rem}.scroll-showcase-title{font-family:var(--font-sora), sans-serif;color:var(--color-green-primary);letter-spacing:-.02em;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.scroll-showcase-subtitle{font-family:var(--font-dm-sans), sans-serif;color:var(--color-stone-500);margin:0;font-size:1.15rem}.scroll-showcase-content{flex:1;align-items:center;gap:3rem;width:100%;max-width:1200px;margin:0 auto;padding:0 3rem 3rem;display:flex;position:relative}.step-indicator{flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:90px;display:flex}.step-indicator-item{flex-direction:column;align-items:center;display:flex;position:relative}.step-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:box-shadow .4s}.step-label{font-family:var(--font-dm-sans), sans-serif;color:var(--color-stone-500);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin-top:4px;font-size:.7rem;font-weight:600}.step-line{background:var(--color-stone-200);border-radius:1px;width:2px;height:48px;margin:8px 0;position:relative;overflow:hidden}.step-line-fill{border-radius:1px;width:100%;transition:background .3s;position:absolute;top:0;left:0}.scroll-showcase-text-panel{flex:0 0 320px;min-height:200px;position:relative}.scroll-showcase-text{padding-right:1rem}.scroll-showcase-eyebrow{font-family:var(--font-sora), sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:block}.scroll-showcase-step-title{font-family:var(--font-sora), sans-serif;color:var(--color-stone-900);letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.65rem;font-weight:700;line-height:1.2}.scroll-showcase-step-desc{font-family:var(--font-dm-sans), sans-serif;color:var(--color-stone-500);margin:0;font-size:1rem;line-height:1.6}.scroll-showcase-visual-panel{flex:1;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.scroll-showcase-visual{will-change:transform, opacity;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.iphone-16{background:#fff;border:2.5px solid #2a2a2a;border-radius:44px;flex-direction:column;width:280px;height:520px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000014,inset 0 0 0 1.5px #ffffff26,0 25px 70px #00000026,0 8px 24px #00000014}.iphone-dynamic-island{z-index:10;background:#1a1a1a;border-radius:20px;width:90px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.iphone-btn-volume-up,.iphone-btn-volume-down,.iphone-btn-power{z-index:5;background:#3a3a3a;border-radius:2px;position:absolute}.iphone-btn-volume-up{width:3px;height:28px;top:120px;left:-4px}.iphone-btn-volume-down{width:3px;height:28px;top:156px;left:-4px}.iphone-btn-power{width:3px;height:40px;top:140px;right:-4px}.wa-header{background:var(--color-green-primary);flex-shrink:0;align-items:center;gap:10px;padding:36px 14px 10px;display:flex}.wa-header-avatar{background:var(--color-green-lime);width:32px;height:32px;color:var(--color-green-primary);font-family:var(--font-sora), sans-serif;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.wa-header-info{flex-direction:column;display:flex}.wa-header-name{color:#fff;font-family:var(--font-sora), sans-serif;font-size:.85rem;font-weight:600}.wa-header-status{color:#ffffffb3;font-size:.65rem}.wa-chat{background:#ece5dd;flex-direction:column;flex:1;gap:6px;padding:12px 10px;display:flex;overflow:hidden}.wa-bubble{will-change:transform, opacity;border-radius:8px;max-width:85%;padding:6px 10px;position:relative}.wa-bubble p{color:#111;margin:0;font-size:.72rem;line-height:1.4}.wa-bubble-out{background:#dcf8c6;border-bottom-right-radius:2px;align-self:flex-end}.wa-bubble-in{background:#fff;border-bottom-left-radius:2px;align-self:flex-start}.wa-time{text-align:right;color:#999;margin-top:2px;font-size:.55rem;display:block}.wa-voice-msg{color:#075e54;align-items:center;gap:6px;display:flex}.wa-voice-bars{align-items:center;gap:1.5px;height:20px;display:flex}.wa-voice-bars span{opacity:.6;background:#075e54;border-radius:1px;width:2px;display:block}.wa-voice-bars span:first-child{height:6px}.wa-voice-bars span:nth-child(2){height:12px}.wa-voice-bars span:nth-child(3){height:8px}.wa-voice-bars span:nth-child(4){height:16px}.wa-voice-bars span:nth-child(5){height:10px}.wa-voice-bars span:nth-child(6){height:14px}.wa-voice-bars span:nth-child(7){height:6px}.wa-voice-bars span:nth-child(8){height:18px}.wa-voice-bars span:nth-child(9){height:8px}.wa-voice-bars span:nth-child(10){height:12px}.wa-voice-bars span:nth-child(11){height:6px}.wa-voice-bars span:nth-child(12){height:10px}.wa-voice-time{color:#999;margin-left:auto;font-size:.6rem}.wa-bubble-photo{padding:3px}.wa-photo-placeholder{background:linear-gradient(135deg,#87ceeb 0%,#6bb3d9 50%,#5a9ec4 100%);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:180px;height:100px;display:flex}.wa-photo-placeholder span{color:#ffffffe6;font-size:.6rem;font-weight:600}.wa-time-photo{padding:2px 6px}.wa-typing{width:fit-content;padding:10px 14px}.wa-typing-dots{align-items:center;gap:4px;display:flex}.wa-typing-dots span{background:#999;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite wa-typing-bounce}.wa-typing-dots span:nth-child(2){animation-delay:.2s}.wa-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes wa-typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.wa-link-preview{border-left:3px solid var(--color-green-primary);background:#0000000a;border-radius:6px;flex-direction:column;gap:1px;margin-top:4px;padding:8px;display:flex}.wa-link-domain{color:#999;text-transform:uppercase;letter-spacing:.03em;font-size:.55rem}.wa-link-title{color:var(--color-green-primary);font-size:.7rem;font-weight:600}.wa-link-desc{color:#666;font-size:.6rem}.wa-input-bar{background:#f0f0f0;flex-shrink:0;align-items:center;gap:8px;padding:6px 8px;display:flex}.wa-input-field{color:#999;background:#fff;border-radius:20px;flex:1;padding:6px 14px;font-size:.7rem}.wa-input-mic{color:#fff;background:#075e54;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.catalogue-frame{background:#fff;border-radius:20px;width:380px;overflow:hidden;box-shadow:0 20px 60px #00000014,0 4px 16px #0000000a,0 0 0 1px #0000000a}.catalogue-header{border-bottom:1px solid var(--color-stone-100);font-family:var(--font-dm-sans), sans-serif;color:var(--color-stone-500);align-items:center;gap:10px;padding:16px 20px;font-size:.8rem;display:flex}.catalogue-cards{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.catalogue-card{background:var(--color-stone-50);will-change:transform, opacity;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .3s;display:flex}.catalogue-card:hover{border-color:var(--color-stone-200)}.catalogue-card-logo{border:1px solid var(--color-stone-100);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:flex;overflow:hidden}.catalogue-card-content{flex-direction:column;flex:1;min-width:0;display:flex}.catalogue-card-name{font-family:var(--font-dm-sans), sans-serif;color:var(--color-stone-800);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.catalogue-card-supplier{color:var(--color-stone-400);font-size:.65rem;font-weight:500}.catalogue-card-price{text-align:right;flex-shrink:0}.catalogue-card-amount{font-family:var(--font-sora), sans-serif;color:var(--color-green-primary);font-size:.82rem;font-weight:600;display:block}.catalogue-card-unit{color:var(--color-stone-400);font-size:.6rem}.catalogue-card-check{background:var(--color-green-light);will-change:transform, opacity;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.catalogue-footer{border-top:1px solid var(--color-stone-100);text-align:center;font-family:var(--font-dm-sans), sans-serif;color:var(--color-green-primary);padding:12px 20px;font-size:.75rem;font-weight:600}.desktop-wrapper{width:100%;max-width:560px;position:relative}.browser-frame{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000001a,0 4px 16px #0000000f,0 0 0 1px #0000000f}.browser-bar{background:var(--color-stone-50);border-bottom:1px solid var(--color-stone-100);align-items:center;gap:12px;padding:10px 14px;display:flex}.browser-dots{flex-shrink:0;gap:6px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.browser-dot-red{background:#ff5f57}.browser-dot-yellow{background:#febc2e}.browser-dot-green{background:#28c840}.browser-url{border:1px solid var(--color-stone-200);color:var(--color-stone-500);background:#fff;border-radius:6px;flex:1;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;display:flex}.browser-url svg{color:#28c840;flex-shrink:0}.browser-content{padding:16px 20px}.devis-mock-header{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.devis-mock-numero{font-family:var(--font-sora), sans-serif;color:var(--color-green-primary);font-size:.85rem;font-weight:700}.devis-mock-titre{color:var(--color-stone-500);font-size:.78rem}.devis-mock-table{border:1px solid var(--color-stone-100);border-radius:8px;font-size:.68rem;overflow:hidden}.devis-mock-thead{background:var(--color-stone-50);color:var(--color-stone-500);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1fr 40px 40px 65px 65px;gap:0;padding:6px 10px;font-size:.58rem;font-weight:600;display:grid}.devis-mock-row{border-top:1px solid var(--color-stone-50);color:var(--color-stone-700);will-change:opacity;grid-template-columns:1fr 40px 40px 65px 65px;align-items:center;gap:0;padding:7px 10px;display:grid}.devis-mock-designation{color:var(--color-stone-800);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.devis-mock-total{font-family:var(--font-sora), sans-serif;text-align:right;font-weight:600}.devis-mock-totals{will-change:transform, opacity;flex-direction:column;align-items:flex-end;gap:4px;margin-top:12px;display:flex}.devis-mock-total-row{color:var(--color-stone-500);gap:24px;font-size:.72rem;display:flex}.devis-mock-total-row span:last-child{font-family:var(--font-sora), sans-serif;text-align:right;min-width:90px;font-weight:600}.devis-mock-total-ttc{border-top:2px solid var(--color-green-primary);padding-top:6px;font-weight:700;color:var(--color-green-primary)!important}.devis-mock-total-ttc span{color:var(--color-green-primary)!important}.devis-mock-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.devis-mock-btn{font-family:var(--font-sora), sans-serif;cursor:default;border-radius:8px;padding:6px 14px;font-size:.68rem;font-weight:600}.devis-mock-btn-pdf{background:var(--color-orange);color:#fff}.devis-mock-btn-send{background:var(--color-green-primary);color:#fff}.pdf-preview{will-change:transform, opacity;background:#fff;border-radius:8px;flex-direction:column;width:140px;height:180px;padding:14px;display:flex;position:absolute;bottom:-10px;right:-30px;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f,0 0 0 1px #0000000a}.pdf-preview-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.pdf-preview-logo{background:var(--color-green-primary);border-radius:4px;width:16px;height:16px}.pdf-preview-header span{font-family:var(--font-sora), sans-serif;color:var(--color-green-primary);letter-spacing:.08em;font-size:.7rem;font-weight:700}.pdf-preview-lines{flex-direction:column;flex:1;gap:6px;display:flex}.pdf-line{background:var(--color-stone-100);border-radius:2px;width:100%;height:4px}.pdf-line-short{width:65%}.pdf-line-bold{background:var(--color-green-primary);opacity:.2;height:6px}.pdf-preview-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.pdf-stamp{font-family:var(--font-sora), sans-serif;color:#e74c3c;letter-spacing:.1em;opacity:.7;border:1px solid #e74c3c;border-radius:3px;padding:2px 6px;font-size:.55rem;font-weight:700}@media (max-width:900px){.scroll-showcase{height:280vh}.scroll-showcase-header{padding:3rem 1.5rem 1rem}.scroll-showcase-title{font-size:2rem}.scroll-showcase-content{flex-direction:column;gap:1.5rem;padding:0 1.5rem 2rem}.step-indicator{flex-direction:row;order:-1;justify-content:center;gap:0;width:100%}.step-indicator-item{flex-direction:row;align-items:center}.step-line{width:40px;height:2px;margin:0 6px}.step-line-fill{width:var(--fill,0%);height:100%!important}.step-label{display:none}.scroll-showcase-text-panel{text-align:center;flex:none;width:100%;min-height:120px}.scroll-showcase-text{padding-right:0}.scroll-showcase-step-title{font-size:1.35rem}.scroll-showcase-step-desc{font-size:.9rem}.scroll-showcase-visual-panel{flex:1;width:100%;min-height:350px}.iphone-16{border-radius:38px;width:240px;height:440px}.catalogue-frame{width:300px}.desktop-wrapper{transform-origin:50%;max-width:100%;transform:scale(.85)}.pdf-preview{width:110px;height:140px;bottom:-5px;right:-10px}}@media (max-width:480px){.scroll-showcase{height:260vh}.scroll-showcase-header{padding:2.5rem 1rem .75rem}.scroll-showcase-title{font-size:1.6rem}.scroll-showcase-subtitle{font-size:.95rem}.scroll-showcase-content{padding:0 1rem 1.5rem}.scroll-showcase-step-title{font-size:1.15rem}.iphone-16{border-radius:34px;width:220px;height:400px}.iphone-dynamic-island{width:70px;height:20px}.catalogue-frame{width:260px}.catalogue-card-name{font-size:.7rem}.desktop-wrapper{transform:scale(.75)}}