*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;overflow:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#fff;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column}.page{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:100vw;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,2vw,20px) clamp(16px,4vw,32px);flex-shrink:0;background:#fff;position:relative;z-index:10}.logo-wrap{display:flex;align-items:center;gap:10px}.logo-wrap img{height:clamp(32px,5vw,44px);width:auto;display:block}.live-badge{display:inline-flex;align-items:center;gap:7px;background:#f0f4fa;border:1.5px solid #dde4f0;border-radius:20px;padding:6px 14px;font-size:clamp(0.7rem,1.6vw,0.82rem);font-weight:700;color:#1a2744;white-space:nowrap;letter-spacing:-0.01em}.live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:livePulse 2s ease-in-out infinite;flex-shrink:0}@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(22,163,74,0.5)}50%{opacity:.7;box-shadow:0 0 0 7px rgba(22,163,74,0)}}.hero-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2vw,20px) clamp(16px,4vw,32px);background:#fff;position:relative;z-index:5}.hero-card{background:#1a2744;border-radius:20px;padding:clamp(28px,5vw,48px) clamp(20px,5vw,40px);text-align:center;max-width:620px;width:100%;box-shadow:0 8px 32px rgba(26,39,68,0.18),0 2px 8px rgba(26,39,68,0.08);position:relative}.gratuit-badge{display:inline-block;background:#c62828;color:#fff;font-weight:700;font-size:clamp(0.72rem,1.5vw,0.85rem);padding:6px 16px;border-radius:20px;letter-spacing:.03em;margin-bottom:clamp(14px,2.5vw,20px);text-transform:uppercase;box-shadow:0 3px 10px rgba(198,40,40,0.35)}.hero-card h1{color:#fff;font-size:clamp(1.55rem,5.5vw,2.7rem);font-weight:700;line-height:1.15;margin-bottom:clamp(10px,1.8vw,16px);letter-spacing:-0.02em}.hero-sub{color:#c8d6e8;font-size:clamp(0.88rem,2.2vw,1.1rem);font-weight:400;line-height:1.4;margin-bottom:clamp(18px,3vw,28px);letter-spacing:-0.01em}.cta-btn{display:inline-block;background:#c62828;color:#fff;font-weight:700;font-size:clamp(1rem,2.8vw,1.25rem);padding:clamp(14px,2.5vw,18px) clamp(28px,6vw,48px);border-radius:14px;text-decoration:none;letter-spacing:.01em;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 6px 20px rgba(198,40,40,0.4);cursor:pointer;border:none;line-height:1.2;min-height:52px;display:inline-flex;align-items:center;justify-content:center}.cta-btn:hover,.cta-btn:focus-visible{transform:translateY(-2px);box-shadow:0 10px 28px rgba(198,40,40,0.5);outline:3px solid rgba(255,255,255,0.5);outline-offset:3px}.cta-btn:active{transform:translateY(0);box-shadow:0 4px 14px rgba(198,40,40,0.35)}.reassurance{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:clamp(14px,2.5vw,20px);color:#a0b8d8;font-size:clamp(0.72rem,1.5vw,0.82rem);font-weight:400}.anim-icon{position:relative;width:22px;height:22px;flex-shrink:0}.anim-icon .lock-state,.anim-icon .check-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.anim-icon .lock-state{color:#94a3b8;animation:lockFade 2.4s ease forwards}.anim-icon .check-state{color:#16a34a;opacity:0;transform:scale(0.3);animation:checkPop 2.4s ease forwards}@keyframes lockFade{0%,70%{opacity:1;transform:scale(1)}85%{opacity:0;transform:scale(0.6)}100%{opacity:0;transform:scale(0.3)}}@keyframes checkPop{0%,72%{opacity:0;transform:scale(0.3)}88%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}.ticker-wrap{flex-shrink:0;background:#f8fafc;border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4;overflow:hidden;height:clamp(36px,5vw,44px);display:flex;align-items:center;position:relative;z-index:5}.ticker-track{display:flex;animation:tickerScroll 28s linear infinite;white-space:nowrap;will-change:transform}.ticker-track span{display:inline-block;padding:0 clamp(18px,3vw,32px);font-size:clamp(0.7rem,1.4vw,0.8rem);color:#4a5568;font-weight:400;letter-spacing:.01em;flex-shrink:0}.ticker-track span.sep{color:#cbd5e0;font-weight:700}@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.bottom-bar{flex-shrink:0;background:#fff;border-top:2px solid #e8edf4;padding:clamp(8px,1.5vw,12px) clamp(16px,4vw,24px);display:flex;align-items:center;justify-content:center;gap:8px;z-index:10;box-shadow:0 -2px 10px rgba(0,0,0,0.03)}.bottom-bar .count-num{display:inline-flex;align-items:center;justify-content:center;background:#1a2744;color:#fff;font-weight:700;font-size:clamp(0.85rem,1.8vw,1rem);width:clamp(28px,4vw,34px);height:clamp(28px,4vw,34px);border-radius:50%;animation:softBounce 1.2s ease-in-out infinite;flex-shrink:0}@keyframes softBounce{0%,100%{transform:scale(1)}40%{transform:scale(1.18)}60%{transform:scale(0.95)}}.bottom-bar .bar-text{font-size:clamp(0.75rem,1.5vw,0.85rem);color:#1a2744;font-weight:600;letter-spacing:-0.01em}@media(max-width:480px){.hero-card{border-radius:16px;padding:24px 18px}.cta-btn{border-radius:12px;width:100%;min-height:50px}.header{padding:10px 14px}.live-badge{padding:5px 10px;gap:5px;font-size:.68rem}.live-dot{width:6px;height:6px}.logo-wrap img{height:28px}}@media(min-width:768px){.hero-card{border-radius:24px}.cta-btn{min-width:320px}}