/* Pages publiques. Même direction que l'accueil ; complète landing.css. */
.pg-h{padding:clamp(40px,8vw,104px) 0 clamp(8px,2vw,24px)}
.pg-h h1{font-size:clamp(2.9rem,12.6vw,5.4rem);line-height:1;margin:0 0 .36em;max-width:13em}.pg-h h1 span{color:var(--coral)}
.pg-h p{font-size:clamp(1.14rem,3.2vw,1.36rem);line-height:1.42;color:var(--mut);max-width:30em;margin:0;letter-spacing:-.012em}
.pg-u{padding-top:clamp(44px,8vw,88px)}
.pg-demo{padding-top:clamp(20px,4vw,40px)}.pg-demo .hx-s{margin-top:0}
.pg-steps{display:grid;gap:clamp(56px,10vw,120px)}
.pg-sp{display:grid;gap:22px;align-items:center}
.pg-sp h2{font-size:clamp(2rem,7.6vw,3rem);line-height:1.04;margin:0 0 .35em}
.pg-sp p{margin:0;color:var(--mut);font-size:1.12rem;line-height:1.45;max-width:26em;letter-spacing:-.01em}
.pg-k{display:block;font-size:1rem;font-weight:600;color:var(--blue);margin-bottom:.6em;letter-spacing:-.01em}
.pg-3{display:grid;gap:28px}.pg-3 h3,.pg-lim h3{font-size:1.3rem;font-weight:600;letter-spacing:-.022em;margin:0 0 .3em}.pg-3 p,.pg-lim p{margin:0;color:var(--mut);line-height:1.45}
.pg-t{display:flex;flex-direction:column;align-items:center;justify-content:center}.tile.pg-t{aspect-ratio:1/.92}
.s4-c{position:relative;background:#fff;border-radius:18px;padding:16px 22px;overflow:hidden;outline:1px solid #d3e3fb}.s4-c p{margin:0;font-size:1.22rem;font-weight:500;letter-spacing:-.02em;color:var(--ink);max-width:none;white-space:nowrap}
.s4-m{position:absolute;inset:0;width:0;background:var(--blue)}.play .s4-m{animation:s4m 3.2s var(--ease) both}@keyframes s4m{0%,12%{width:0}52%,100%{width:100%}}
.s4-l{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;padding:9px;border-radius:50%;background:var(--coral);transform:scale(0)}.play .s4-l{animation:s1b 3.2s var(--spring) both;animation-delay:.9s}.tile:not(.play) .s4-l{transform:none}.tile:not(.play) .s4-m{width:100%}
.tile.s5{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0 16%}.s5-f{display:flex;gap:9px;align-items:center;height:56px;width:100%;padding:0 20px;background:#fff;border-radius:16px;outline:1px solid #d3e3fb}.s5-f i{width:11px;height:11px;border-radius:50%;background:var(--ink)}
.play .s5-f i{animation:s5 3.2s var(--spring) both;animation-delay:calc(var(--n,0)*130ms)}.s5-f i:nth-child(2){--n:1}.s5-f i:nth-child(3){--n:2}.s5-f i:nth-child(4){--n:3}.s5-f i:nth-child(5){--n:4}.s5-f i:nth-child(6){--n:5}.s5-f i:nth-child(7){--n:6}@keyframes s5{0%{transform:scale(0)}14%,100%{transform:none}}
.s5-b{display:grid;place-items:center;width:100%;height:56px;border-radius:99px;background:var(--blue);color:#fff;font-weight:600}.play .s5-b{animation:s5b 3.2s linear both}@keyframes s5b{0%,48%{transform:none}52%{transform:scale(.95);background:var(--coral)}58%,100%{transform:none;background:var(--coral)}}
/* sécurité */
.pg-see{padding-top:clamp(36px,6vw,64px)}.pg-see-g{display:grid;gap:14px}
.pg-no,.pg-yes{border-radius:28px;padding:clamp(26px,5vw,44px)}.pg-no{background:var(--blue);color:#fff}.pg-yes{background:var(--pale)}
.pg-see h2{font-size:clamp(1.7rem,5.6vw,2.3rem);line-height:1.05;margin:0 0 .8em}.pg-see ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:1.12rem;letter-spacing:-.012em}
.pg-see li{display:flex;gap:12px;align-items:baseline}.pg-see li::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:currentColor;transform:translateY(-1px)}.pg-no li::before{background:var(--coral)}.pg-yes li::before{background:var(--blue)}
.pg-lim{display:grid;gap:30px}
/* tarifs */
.pg-pr{padding-top:clamp(30px,5vw,52px)}.pg-pr .slider{max-width:760px}
.pg-o{display:grid;gap:14px}.pg-c{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:28px;padding:26px;background:#fff}.pg-c.on{background:var(--pale);border-color:#cfe0fa}
.pg-c h3{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.pg-c ul{list-style:none;margin:14px 0 22px;padding:0;display:grid;gap:6px;color:var(--mut)}.pg-c .btn{margin-top:auto}.pg-c small{font-size:1rem;font-weight:500;letter-spacing:-.01em;color:var(--mut)}
/* questions */
.pg-q.sx{padding-top:clamp(48px,8vw,88px)}.pg-q h2{font-size:clamp(1.8rem,6vw,2.4rem)}
/* à propos */
.pg-me p{font-size:clamp(1.4rem,5vw,2.1rem);line-height:1.28;font-weight:500;letter-spacing:-.03em;max-width:24em;margin:0}
/* contact */
.pg-ct{padding:clamp(32px,6vw,60px) 0 clamp(72px,10vw,120px)}.pg-ct-g{display:grid;gap:36px}.pg-f,.pg-okm{border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,34px);background:#fff}
.pg-f .noteta{min-height:170px}.pg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.pg-okm h2{font-size:1.7rem;margin:0 0 .3em}.pg-okm p{margin:0;color:var(--mut)}
.pg-ci h3{font-size:1.1rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .25em}.pg-ci p{margin:0 0 22px;color:var(--mut);line-height:1.45}
@media(min-width:720px){
.pg-sp{grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,88px)}.pg-sp.rev>:first-child{order:2}
.pg-3{grid-template-columns:repeat(3,1fr);gap:32px}.pg-lim{grid-template-columns:1fr 1fr;gap:40px 56px}.pg-see-g{grid-template-columns:1fr 1fr}.pg-o{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pg-ct-g{grid-template-columns:1.5fr 1fr;gap:64px}
}
@media(min-width:1000px){.pg-demo .hx-s{margin:0 16px;min-height:760px}}
.s6-l{width:76%;display:grid;gap:9px}.s6-l div{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px 16px;outline:1px solid #d3e3fb}.s6-l b{font-weight:600;letter-spacing:-.015em}.s6-l span{font-size:.9rem;font-weight:600;color:var(--blue)}
.play .s6-l span{animation:s6 3.2s linear both}.s6-l div:nth-child(2) span{animation-delay:.7s}.s6-l div:nth-child(3) span{animation-delay:1.4s}@keyframes s6{0%{opacity:0;transform:translateY(5px)}10%,100%{opacity:1;transform:none}}
