/* Variante de présentation : accueil avec courbes et portrait. */
@media(min-width:1101px){
 .landing .haut .bandeau>.page{min-height:50px;padding:3px 12px 3px 20px;}
 .landing .haut .bandeau .songyam-logo{width:30px;height:30px;}
 .landing .haut .bandeau .bouton{min-height:44px;padding:6px 17px;}
}
.landing .vente-bars{gap:6px;}
.landing .vente-bars i{width:22px;min-width:0;border-radius:0;}
@keyframes hero-dot-pulse{0%,70%,100%{transform:scale(1);box-shadow:0 0 0 0 #ffb06300;}25%{transform:scale(1.2);box-shadow:0 0 0 5px #ffb06325;}50%{box-shadow:0 0 0 9px #ffb06300;}}
@keyframes network-dot-pulse{0%,22%,100%{transform:scale(1);opacity:.75;}8%,14%{transform:scale(1.6);opacity:1;filter:drop-shadow(0 0 4px currentColor);}}
@media(prefers-reduced-motion:no-preference){
 .landing .hero-copy .surtitre .point{animation:hero-dot-pulse 3s ease-out infinite;}
 .landing .hero-copy .canal .pastille{animation:network-dot-pulse 7.5s ease-in-out infinite;}
 .landing .hero-copy .canal:nth-child(2) .pastille{animation-delay:1.5s;}
 .landing .hero-copy .canal:nth-child(3) .pastille{animation-delay:3s;}
 .landing .hero-copy .canal:nth-child(4) .pastille{animation-delay:4.5s;}
 .landing .hero-copy .canal:nth-child(5) .pastille{animation-delay:6s;}
 .landing .hero-copy .surtitre .point,.landing .hero-copy .canal .pastille{animation-play-state:paused;}
 .landing:not(.paused) .hero-copy.hero-details-running .surtitre .point,.landing:not(.paused) .hero-copy.hero-details-running .canal .pastille{animation-play-state:running;}
}
@keyframes guarantee-enter{from{opacity:0;transform:translateY(9px);}to{opacity:1;transform:translateY(0);}}
@keyframes guarantee-halo{0%,24%,100%{transform:scale(1);box-shadow:0 0 0 0 #ffb06300;}8%,16%{transform:scale(1.12);box-shadow:0 0 0 5px #ffb06314,0 0 16px #ffb06330;color:#ffd29b;}}
@media(prefers-reduced-motion:no-preference){
 .landing .garantie:nth-child(1){--arrival:0s;--halo:1s;}
 .landing .garantie:nth-child(2){--arrival:.18s;--halo:3s;}
 .landing .garantie:nth-child(3){--arrival:.36s;--halo:5s;}
 .landing .garantie:nth-child(4){--arrival:.54s;--halo:7s;}
 .landing .guarantees-seen .garantie{animation:guarantee-enter .6s ease both;animation-delay:var(--arrival);animation-play-state:paused;}
 .landing .guarantees-seen .coche{animation:guarantee-halo 8s ease-in-out infinite;animation-delay:var(--halo);animation-play-state:paused;}
 .landing:not(.paused) .guarantees-running .garantie,.landing:not(.paused) .guarantees-running .coche{animation-play-state:running;}
}
@keyframes setup-glow{0%,30%,100%{border-color:#a4d1be26;box-shadow:0 12px 30px #0002;}5%,25%{border-color:#7bcaffb0;box-shadow:0 0 28px #58caff20;}}
@keyframes setup-number{0%,30%,100%{scale:1;}8%,22%{scale:1.1;box-shadow:0 0 24px #7bcaff55;}}
@keyframes setup-row{0%{opacity:.35;transform:translateY(7px);}7%,85%{opacity:1;transform:translateY(0);}100%{opacity:.35;transform:translateY(7px);}}
@keyframes setup-status{0%,100%{opacity:.4;}8%,25%{opacity:1;text-shadow:0 0 10px #7bcaffaa;}35%,90%{opacity:1;text-shadow:none;}}
@keyframes setup-arrow{0%,30%,100%{background:#202a1e;box-shadow:none;}10%,24%{background:#245747;box-shadow:0 0 18px #7bcaff70;color:white;}}
@media(prefers-reduced-motion:no-preference){
 .landing .demarrage-carte{--phase:0s;animation:setup-glow 10.8s ease-in-out infinite;animation-delay:var(--phase);}
 .landing .demarrage-carte:nth-child(2){--phase:3.6s;}
 .landing .demarrage-carte:nth-child(3){--phase:7.2s;}
 .landing .demarrage-carte .numero{animation:setup-number 10.8s ease-in-out infinite;animation-delay:var(--phase);}
 .landing .demarrage-carte:not(:last-child)::after{animation:setup-arrow 10.8s ease-in-out infinite;animation-delay:calc(var(--phase) + 2.7s);}
 .landing .demarrage-carte .apercu>:nth-child(1){--row:0s;}
 .landing .demarrage-carte .apercu>:nth-child(2){--row:.45s;}
 .landing .demarrage-carte .apercu>:nth-child(3){--row:.9s;}
 .landing .demarrage-carte .apercu>:is(.champ,.branchement,.bulle-apercu,.jetons){animation:setup-row 10.8s ease both infinite;animation-delay:calc(var(--phase) + var(--row))!important;}
 .landing .demarrage-carte .branchement b{animation:setup-status 10.8s ease infinite;animation-delay:calc(var(--phase) + var(--row));}
 .landing .demarrage-carte,.landing .demarrage-carte *,.landing .demarrage-carte::after{animation-play-state:paused!important;}
 .landing:not(.paused) .setup-running .demarrage-carte,.landing:not(.paused) .setup-running .demarrage-carte *,.landing:not(.paused) .setup-running .demarrage-carte::after{animation-play-state:running!important;}
}
@font-face{font-family:Poppins;src:url('/polices/Poppins-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:Poppins;src:url('/polices/Poppins-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
.landing .haut{position:relative;isolation:isolate;background:#103e32;padding-top:22px;border-radius:0 0 44px 44px;overflow:hidden;}
.landing .haut:before,.landing .haut:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:100px solid #27644b;border-radius:48%;width:740px;height:1050px;transform:rotate(32deg);opacity:.45;}
.landing .haut:before{top:-740px;left:-370px;}
.landing .haut:after{right:-460px;top:-350px;border-color:#448265;opacity:.22;}
.landing .haut>.trame,.landing .haut>.filet{display:none;}
.landing .bandeau{position:relative;margin:0 auto;width:calc(100% - 64px);max-width:1200px;border:0;border-radius:999px;background:#f3f6ee;color:#123e30;box-shadow:0 12px 40px #001b1620;}
.landing .bandeau>.page{padding:12px 18px 12px 24px;min-height:70px;gap:24px;}
.landing .bandeau .marque,.landing .bandeau .navigation a,.landing .bandeau .lien-discret{color:#143c31;}
.landing .bandeau .marque{font-size:20px;gap:10px;}
.landing .bandeau .songyam-logo{width:38px;height:38px;}
.landing .bandeau .navigation{font-size:13px;gap:22px;}
.landing .bandeau .bouton{border-radius:999px;padding:12px 18px;font-size:13px;}
.landing .ouverture{grid-template-columns:1.12fr 1fr;gap:48px;padding-top:58px;padding-bottom:62px;align-items:center;}
.landing .hero-copy{position:relative;z-index:2;}
.landing .ouverture .surtitre{color:#7bcaff;font-size:12px;letter-spacing:.04em;}
.landing .ouverture h1{font-size:clamp(38px,4.35vw,62px);line-height:1.08;letter-spacing:-.055em;max-width:650px;margin:24px 0;}
.landing .ouverture .accroche{font-size:17px;line-height:1.65;color:#dae7df;max-width:520px;}
.landing .ouverture .accroche>.accent{display:block;margin-top:12px;}
.landing .ouverture .canaux{gap:10px 18px;font-size:12px;margin:22px 0;flex-wrap:wrap;}
.landing .ouverture .bouton-large{border-radius:999px;padding:17px 26px;min-height:56px;}
.landing .ouverture .petit{font-size:12px;color:#d0dfd6;}
.landing .hero-scene{height:545px;min-width:0;}
.landing .hero-scene:before,.landing .hero-scene .social,.landing .hero-orbit,.landing .motif-hero,.landing .hero-scene .stock{display:none;}
.landing .portrait{inset:0 0 0 16px;transform:none;border-radius:32px;box-shadow:0 24px 70px #001d2440;border:1px solid #ffffff25;}
.landing .portrait img{object-position:50% 35%;}
.landing .portrait:after{background:linear-gradient(transparent 65%,#0728209c);}
.landing .portrait figcaption{display:none;}
.landing .hero-scene .float-card{background:#f7f9f2;color:#173e32;border:1px solid #fff;border-radius:20px;box-shadow:0 16px 40px #001b2830;padding:17px 20px;max-width:300px;backdrop-filter:none;animation:courbes-float 6s ease-in-out infinite;}
.landing .hero-scene .float-card small{color:#507366;font-size:12px;}
.landing .hero-scene .float-card p{color:#173e32;font-size:15px;line-height:1.45;}
.landing .hero-scene .float-symbol{background:#dbece4;color:#1c6551;flex-shrink:0;}
.landing .hero-scene .incoming{top:48px;left:-32px;right:auto;bottom:auto;}
.landing .hero-scene .approval{left:auto;right:-12px;bottom:36px;top:auto;max-width:270px;animation-delay:-3s;}
@keyframes courbes-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1100px){.landing .bandeau .navigation{display:none;}.landing .bandeau .actions-bandeau{margin-left:auto;}.landing .ouverture{gap:28px;}.landing .hero-scene{height:500px;}.landing .hero-scene .incoming{left:-12px;max-width:250px;}}
@media(max-width:760px){.landing .haut{padding-top:14px;border-radius:0 0 28px 28px;}.landing .bandeau{width:calc(100% - 28px);}.landing .bandeau>.page{padding:10px 14px;min-height:60px;flex-wrap:nowrap;gap:10px;}.landing .bandeau .marque{font-size:16px;}.landing .bandeau .songyam-logo{width:30px;height:30px;}.landing .bandeau .lien-discret{font-size:12px;}.landing .bandeau .bouton-bandeau{display:none;}.landing .ouverture{grid-template-columns:1fr;padding:34px 24px 36px;gap:30px;}.landing .ouverture h1{font-size:clamp(36px,8.5vw,52px);}.landing .ouverture .accroche{font-size:16px;}.landing .hero-scene{height:460px;max-width:480px;width:100%;margin:auto;}.landing .portrait{inset:0 8px;border-radius:26px;}.landing .hero-scene .incoming{left:0;top:26px;max-width:240px;}.landing .hero-scene .approval{right:0;bottom:24px;max-width:240px;}.landing .hero-scene .float-card{padding:12px 14px;}.landing .haut:after{right:-650px;}}
@media(prefers-reduced-motion:reduce){.landing .hero-scene .float-card{animation:none;}}
.landing.paused .hero-scene .float-card{animation-play-state:paused;}

/* Menu plus fin, fond dégradé et réseaux flottants. */
.landing .haut{background:radial-gradient(ellipse at 82% 42%,#28745c70,transparent 58%),linear-gradient(125deg,#062a23 0%,#124a39 52%,#082d26 100%);padding-top:16px;}
.landing .bandeau{background:linear-gradient(110deg,#f5f8ee,#deeee1);}
.landing .bandeau>.page{min-height:60px;padding:7px 14px 7px 20px;}
.landing .bandeau .songyam-logo{width:34px;height:34px;}
.landing .bandeau .bouton{min-height:44px;padding:9px 18px;}
.landing .ouverture{padding-top:40px;padding-bottom:42px;}
.landing .hero-scene .social{display:flex;animation:courbes-float 5s ease-in-out infinite;}
.landing .hero-scene .social-whatsapp{top:16px;left:-3px;}
.landing .hero-scene .social-messenger{top:66px;right:-10px;animation-delay:-1s;}
.landing .hero-scene .social-instagram{top:270px;left:-8px;animation-delay:-2s;}
.landing .hero-scene .social-facebook{top:248px;right:-12px;animation-delay:-3s;}
.landing .hero-scene .social-tiktok{bottom:48px;left:0;animation-delay:-4s;}
.landing .hero-scene .incoming{top:100px;max-width:270px;}
.landing .hero-scene .stock{display:flex;top:auto;bottom:142px;right:-8px;left:auto;max-width:210px;animation-delay:-2s;}
.landing .hero-scene .approval{bottom:24px;}
@media(max-width:760px){.landing .bandeau>.page{min-height:54px;padding:6px 14px;}.landing .bandeau .songyam-logo{width:30px;height:30px;}.landing .ouverture{padding-top:28px;padding-bottom:30px;}.landing .hero-scene .social-whatsapp{left:0;top:12px;}.landing .hero-scene .social-messenger{right:0;top:40px;}.landing .hero-scene .social-instagram{top:220px;left:0;}.landing .hero-scene .social-facebook{top:196px;right:0;}.landing .hero-scene .social-tiktok{left:0;bottom:30px;}.landing .hero-scene .incoming{top:80px;max-width:225px;}.landing .hero-scene .stock{bottom:116px;right:0;max-width:185px;}.landing .hero-scene .approval{bottom:14px;max-width:225px;}}
.landing.paused .hero-scene .social{animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){.landing .hero-scene .social{animation:none;}}

/* Cartes compactes sombres et navigation plus lisible. */
.landing .bouton::after{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#10392f;color:#ffb063;font-size:18px;line-height:1;letter-spacing:0;}
.landing .formule:not(:nth-child(2)) .bouton::after{background:#7bcaff;color:#092c26;}
.landing .bandeau .bouton::after{flex-basis:26px;width:26px;height:26px;font-size:17px;}
.landing .bouton:hover::after{transform:rotate(45deg);}
@media(prefers-reduced-motion:reduce){.landing .bouton:hover::after{transform:none;}}
.landing .hero-scene .float-card{padding:11px 14px;border-radius:15px;background:linear-gradient(125deg,#1c2b27,#202720);border:1px solid #81978b55;box-shadow:0 12px 28px #00181330;gap:10px;}
.landing .hero-scene .float-card small{display:block;font-size:11px;line-height:1.3;color:#bfcbbf;margin:0 0 4px;}
.landing .hero-scene .float-card p{font-size:13px;line-height:1.4;color:#f0f4ec;margin:0;font-weight:600;}
.landing .hero-scene .float-symbol{width:30px;height:30px;min-width:30px;font-size:18px;border-radius:8px;background:#273a3e;color:#77cfff;}
.landing .hero-scene .incoming{max-width:280px;}
.landing .hero-scene .stock{max-width:205px;}
.landing .hero-scene .approval{max-width:290px;}
.landing .hero-scene .approval .float-symbol{background:#3c3826;color:#ffb25d;}
.landing .bandeau .navigation{font-size:15px;font-weight:650;gap:22px;}
.landing .bandeau .navigation a,.landing .bandeau .lien-discret{color:#092f26;font-weight:650;}
.landing .bandeau .lien-discret{font-size:15px;}
.landing .bandeau .bouton{font-size:14px;font-weight:700;}
.landing .bandeau .navigation a:hover,.landing .bandeau .lien-discret:hover{color:#086a50;text-decoration:underline;text-underline-offset:6px;}
.landing .bandeau a:focus-visible{outline:2px solid #087358;outline-offset:4px;}
@media(max-width:760px){.landing .hero-scene .float-card{padding:10px 12px;}.landing .hero-scene .incoming{max-width:255px;}.landing .hero-scene .approval{max-width:260px;}.landing .bandeau .lien-discret{font-size:14px;}}

/* Secondary text: Regular for reading, Medium for navigation and actions. */
/* Reference junction: the next section overlaps with rounded top corners. */
.landing .haut{border-radius:0;padding-bottom:36px;-webkit-mask:none;mask:none;}
.landing .benefices{position:relative;z-index:1;margin-top:-36px;border-radius:36px 36px 0 0;background:var(--bg);max-width:none;width:100%;padding-inline:max(40px,calc((100% - 1200px)/2));}
@media(max-width:1100px){.landing .benefices{padding-inline:28px;}}
@media(max-width:760px){.landing .haut{padding-bottom:24px;}.landing .benefices{margin-top:-24px;border-radius:24px 24px 0 0;padding-inline:24px;}}
/* Compact assistant grid; retain natural height when text needs more room. */
@media(min-width:1001px){
 .landing .assistants-bento{grid-auto-rows:minmax(170px,auto);gap:12px;}
 .landing .assistant-bento{padding:15px 20px;}
 .landing .bento-number{top:14px;left:22px;}
 .landing .bento-copy h3{margin-bottom:8px;}
 .landing .bento-1 .bento-art{width:185px;top:0;}
 .landing .bento-1 .bento-copy{padding-top:175px;}
 .landing :is(.bento-2,.bento-5,.bento-8) .bento-art{width:160px;height:180px;top:-5px;right:0;}
 .landing :is(.bento-2,.bento-5,.bento-8) .bento-copy{padding-top:10px;max-width:65%;}
 .landing :is(.bento-3,.bento-4,.bento-6,.bento-7) .bento-art{width:72px;height:81px;top:5px;right:8px;}
 .landing :is(.bento-3,.bento-4,.bento-6,.bento-7) .bento-copy{padding-top:23px;}
 .landing :is(.bento-3,.bento-4,.bento-6,.bento-7) h3{min-height:34px;padding-right:55px;}
}
@media(max-width:1000px){
 .landing .assistant-bento{padding:16px;}
 .landing .assistant-bento .bento-art{width:68px;height:76px;margin:-4px -2px 4px;}
 .landing .assistant-bento .bento-copy h3{margin-bottom:9px;}
}
.landing .ouverture .accroche-lisible{max-width:480px;font-size:18px;line-height:1.75;color:#f0f5ef;}
.landing .ouverture .accroche-lisible p{font-size:inherit;line-height:inherit;letter-spacing:0;margin:0;}
.landing .ouverture .accroche-lisible strong{font-weight:500;color:#fff;}
.landing{font-family:Poppins,Arial,sans-serif;}
.landing :is(p,li,label,input,small,button,.bouton,.navigation,.canal,.jeton,.lien-discret,.surtitre){font-family:Poppins,Arial,sans-serif;}
.landing :is(p,small,.chapeau,.accroche,.bento-copy p,.benefice>p,.promesse-texte,.demarrage-texte,.inclus,.garanties){font-weight:400;letter-spacing:0;}
.landing :is(.navigation a,.lien-discret,.bouton,button,label,.jeton),.landing .bandeau :is(.navigation,.navigation a,.lien-discret,.bouton),.landing .hero-scene .float-card p{font-weight:500;}