/* Recrutement bêta : thème Nami, capture réelle et mouvements doux. */
html{scroll-padding-top:100px}
body.nq-site .eco-hero-grid{grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
body.nq-site .eco-hero{padding-top:68px;padding-bottom:42px}
body.nq-site .eco-hero-left .hook{font-size:clamp(2.8rem,5.1vw,4.9rem);max-width:13ch}
.beta-art{position:relative;min-height:640px;display:grid;place-items:center;isolation:isolate}
.beta-orbit{position:absolute;width:520px;height:520px;max-width:110%;border:1px solid #b7dfc7;border-radius:50%;background:radial-gradient(circle,#d0f2df66,#fff9e800 70%);z-index:-1;animation:beta-breathe 9s ease-in-out infinite}
.beta-phone{width:310px;padding:9px;border-radius:38px;background:#fff;border:1px solid #c6ddce;box-shadow:0 26px 60px -26px #295c4366;transform:rotate(4deg);animation:beta-float 7s ease-in-out infinite}
.beta-phone-screen{height:598px;overflow:hidden;border-radius:29px;background:#dcf7e9}
.beta-phone img{width:100%;height:auto;display:block;transform:translateY(-6.1%)}
.beta-floating{position:absolute;display:flex;align-items:center;gap:12px;background:#ffffffed;border:1px solid #d0e4d7;border-radius:19px;padding:17px 20px;box-shadow:0 12px 34px -20px #295c4355;font-size:.82rem;font-weight:700;color:#334d46;max-width:90%}
.beta-floating-top{top:26px;left:0;animation:beta-float 9s ease-in-out infinite}
.beta-floating-top>span{color:#a57113;font-size:1.5rem}
.beta-floating-bottom{right:-8px;bottom:32px;padding:10px 20px 10px 10px;animation:beta-float 8s ease-in-out infinite reverse}
.beta-floating-bottom img{object-fit:contain;width:64px;height:76px}
.beta-floating small{display:block;font-size:.7rem;color:#526b63;margin-top:5px;font-weight:500}
.beta-section{padding:72px 0;scroll-margin-top:0;background:#ffffff5c}
.beta-platforms{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.beta-platform{padding:32px;display:flex;flex-direction:column;align-items:flex-start;overflow:visible}
.beta-platform::before{display:none}
.beta-platform h3{font-family:'Space Grotesk',sans-serif;font-size:1.55rem;margin:18px 0 8px;letter-spacing:-.025em;line-height:1.2}
.beta-platform>p{font-size:.95rem;color:#526b63;line-height:1.65;margin:0}
.beta-device{font-size:2rem;position:absolute;right:32px;top:26px;background:#f0edff;border-radius:18px;width:64px;height:64px;display:grid;place-items:center}
.beta-install{list-style:none;padding:0;margin:30px 0 10px;width:100%;display:grid;gap:26px}
.beta-install li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}
.beta-install li>span{background:#e0f5e9;color:#08764b;width:32px;height:32px;border-radius:50%;font-weight:800;display:grid;place-items:center;font-size:.87rem}
.beta-install strong{font-size:.96rem;color:#152a36}
.beta-install p{font-size:.86rem;color:#526b63;line-height:1.65;margin:5px 0 10px}
.beta-install a{color:#08764b;font-weight:700;font-size:.88rem;text-decoration:underline;text-underline-offset:4px}
.beta-install .btn{font-size:.9rem;text-decoration:none;min-height:52px;padding:14px 20px;max-width:100%;white-space:normal;line-height:1.5}
body.nq-site .beta-help{margin-top:auto;width:100%;padding:15px;background:#f3faf5;box-shadow:none;border-radius:14px;font-size:.85rem}
.beta-help summary{font-weight:700;color:#334d46;cursor:pointer}
.beta-help p{line-height:1.7;font-size:.84rem;color:#526b63;margin:14px 0 0}
.beta-help a{color:#08764b;text-decoration:underline}
.beta-platform .beta-note{margin-top:auto;padding-top:24px;font-size:.8rem}
.beta-mission{margin-top:30px;padding:32px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.beta-mission::before{display:none}
.beta-mission h3{font-family:'Space Grotesk',sans-serif;font-size:1.55rem;letter-spacing:-.025em;margin:12px 0}
.beta-mission p{line-height:1.75;color:#526b63;font-size:.94rem}
.beta-feedback{background:#f1faf4;border:1px solid #d8e8df;border-radius:20px;padding:24px}
.beta-feedback>strong{font-size:1.1rem}
.beta-feedback small{font-size:.75rem;line-height:1.6;color:#526b63;display:block;margin-top:16px}
.beta-privacy{text-align:center;max-width:82ch;margin:26px auto 0;font-size:.81rem;line-height:1.8;color:#526b63}
.beta-privacy a{color:#08764b;text-decoration:underline}
.beta-inline-cta{margin:22px 0}
@keyframes beta-float{50%{translate:0 -8px}}
@keyframes beta-breathe{50%{scale:1.035;opacity:.65}}
@media(max-width:1023px){body.nq-site .eco-hero-grid{grid-template-columns:1fr;gap:25px}.beta-art{min-height:590px;width:100%;max-width:500px;margin:auto}.beta-art.eco-hero-art{order:1}body.nq-site .eco-hero-left .hook{max-width:18ch;font-size:clamp(2.7rem,6vw,4.4rem)}.beta-platforms{gap:18px}.beta-platform{padding:25px}.beta-device{right:25px;top:22px;width:54px;height:54px;font-size:1.65rem}.beta-mission{gap:24px}}
@media(max-width:700px){body.nq-site .eco-hero{padding-top:35px}body.nq-site .eco-hero-left .hook{font-size:clamp(2.35rem,8.4vw,3.4rem)}.beta-art{min-height:565px}.beta-phone{width:260px;border-radius:32px}.beta-phone-screen{height:500px;border-radius:24px}.beta-floating-top{top:5px;left:0;font-size:.73rem;padding:13px}.beta-floating-bottom{right:0;bottom:0;font-size:.73rem}.beta-orbit{width:360px;height:360px}.beta-section{padding:45px 0;scroll-margin-top:0}.beta-platforms,.beta-mission{grid-template-columns:1fr}.beta-platform{padding:24px}.beta-platform h3{font-size:1.35rem}.beta-mission{padding:24px}.beta-mission h3{font-size:1.4rem}.beta-device{right:24px;top:22px}.beta-help{margin-top:15px}.beta-install{gap:24px}.beta-feedback{padding:20px}.hero-ctas .btn{white-space:normal;text-align:center}.beta-privacy{text-align:left}}
@media(prefers-reduced-motion:reduce){.beta-phone,.beta-floating,.beta-orbit{animation:none!important;translate:none!important;scale:1!important}}