/* Phone and tablet adaptations for the approved variant. */
.landing .reseaux-bandeau{padding:16px 20px;gap:18px;}
.landing .reseaux-bandeau h3{margin-bottom:5px;}
.landing .reseaux-bandeau p{max-width:none;line-height:1.5;}
.landing .reseaux-bandeau .canal{padding:8px 10px;}
@media(min-width:1101px){
 .landing .reseaux-bandeau>div{flex:1 1 auto;}
 .landing .reseaux-bandeau p{white-space:nowrap;font-size:13px;}
 .landing .reseaux-bandeau .canaux{gap:6px;}
 .landing .reseaux-bandeau .canal{font-size:11px;}
}
.mobile-menu{display:none;}
.mobile-menu summary>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.landing .bandeau :is(.navigation,.navigation a,.lien-discret,.bouton,.mobile-menu summary,.mobile-menu nav a){font-family:Sora,Arial,sans-serif;font-weight:500;letter-spacing:-.025em;}
.landing :is(.hero-copy,.bento-copy,.formule,.demarrage-carte,.benefice){min-width:0;}
@media(max-width:1100px){
 .landing .bandeau{z-index:10;}
 .landing .bandeau>.page{position:relative;flex-wrap:nowrap;}
 .mobile-menu{display:block;order:3;width:44px;flex:0 0 44px;border:0;}
 .mobile-menu summary{cursor:pointer;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:#123d30;background:#133e300c;border-radius:50%;font-size:14px;font-weight:500;list-style:none;}
 .mobile-menu summary::-webkit-details-marker{display:none;}
 .mobile-menu summary::after{content:'';width:18px;height:14px;background:linear-gradient(#123d30,#123d30) top/100% 2px no-repeat,linear-gradient(#123d30,#123d30) center/100% 2px no-repeat,linear-gradient(#123d30,#123d30) bottom/100% 2px no-repeat;}
 .mobile-menu[open] summary::after{content:'×';background:none;width:auto;height:auto;font-size:28px;line-height:1;}
 .mobile-menu nav{position:absolute;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;gap:3px;padding:12px;background:#f0f6ec;border:1px solid #c8ddce;border-radius:20px;box-shadow:0 18px 35px #001b2533;}
 .mobile-menu nav a{display:flex;align-items:center;min-height:46px;padding:8px 14px;border-radius:12px;color:#123d30;font-size:14px;}
 .mobile-menu nav a:hover{background:#dcecdf;}
 .landing .bandeau{border-radius:26px;}
}
@media(max-width:900px){
 .landing .ouverture{grid-template-columns:minmax(0,1fr);gap:28px;}
 .landing .hero-copy{max-width:620px;}
 .landing .hero-scene{width:100%;max-width:500px;margin-inline:auto;height:500px;}
 .landing .formules{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;}
 .landing .formules .inclus{min-height:0;}
}
@media(max-width:760px){
 .landing .page{padding-inline:20px;}
 .landing .bandeau{width:calc(100% - 24px);}
 .landing .bandeau>.page{padding:5px 8px 5px 12px;gap:8px;flex-wrap:nowrap;}
 .landing .bandeau .marque{gap:6px;font-size:14px;}
 .landing .bandeau .actions-bandeau{width:auto;margin-left:auto;}
 .landing .bandeau .lien-discret{display:flex;align-items:center;min-height:44px;font-size:12px;white-space:nowrap;}
 .landing .ouverture{padding:28px 20px 30px;}
 .landing .ouverture h1{font-size:clamp(32px,8.3vw,48px);line-height:1.12;margin:20px 0;overflow-wrap:break-word;}
 .landing .ouverture h1 .accent{white-space:normal;}
 .landing .ouverture .surtitre{font-size:11px;line-height:1.6;white-space:normal;}
 .landing .ouverture .accroche-lisible{font-size:16px;line-height:1.75;max-width:none;}
 .landing .ouverture .bouton-large{width:100%;padding:13px 15px;font-size:14px;gap:10px;}
 .landing .hero-scene{height:440px;}
 .landing .hero-scene .portrait{inset:0 6px;}
 .landing .hero-scene .float-card{max-width:min(245px,88%);padding:9px 11px;}
 .landing .hero-scene .float-card p{font-size:12px;}
 .landing .hero-scene .incoming{top:80px;left:0;}
 .landing .hero-scene .stock{right:0;bottom:110px;max-width:185px;}
 .landing .hero-scene .approval{right:0;bottom:12px;}
 .landing .hero-scene .social{width:36px;height:36px;padding:7px;}
 .landing .hero-scene .social img{width:22px;height:22px;}
 .landing .benefices{padding-inline:20px;}
 .landing h2{font-size:clamp(26px,6.6vw,34px);line-height:1.25;overflow-wrap:break-word;}
 .landing :is(.assistants-bento,.demarrage,.promesses,.benefices-grid){grid-template-columns:minmax(0,1fr);}
 .landing .assistants-bento{grid-template-areas:none;gap:12px;}
 .landing .assistant-bento{grid-area:auto;padding:18px;}
 .landing .assistant-bento h3{font-size:20px;}
 .landing .assistant-bento p{font-size:14px;line-height:1.7;}
 .landing .demarrage{gap:26px;}
 .landing .demarrage-carte{padding:20px;}
 .landing .demarrage h3{font-size:21px;}
 .landing .demarrage-texte{font-size:15px;}
 .landing .demarrage .apercu{width:100%;padding:12px;transform:none;}
 .landing :is(.champ,.branchement){display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;}
 .landing :is(.champ span,.branchement span){min-width:0;overflow-wrap:anywhere;}
 .landing .jetons{display:flex;flex-wrap:wrap;gap:8px;}
 .landing .jeton{white-space:normal;}
 .landing .pricing-arrondi .formule{padding:20px;}
 .landing .formule-prix{font-size:32px;white-space:normal;}
 .landing .formule .bouton{white-space:normal;font-size:14px;}
 .landing .appel-illustre{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:22px;}
 .landing .appel .garanties{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
 .landing .appel .garanties span{white-space:normal!important;}
 .landing .appel .bouton{width:100%;font-size:14px;padding:12px;gap:10px;}
 .landing .pied a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;}
}
@media(max-width:360px){
 .landing .page,.landing .benefices{padding-inline:16px;}
 .landing .ouverture{padding-inline:16px;}
 .landing .hero-scene{height:410px;}
 .landing .hero-scene .incoming{max-width:225px;}
 .landing .hero-scene .approval{max-width:225px;}
 .landing .bouton::after{flex-basis:24px;width:24px;height:24px;font-size:16px;}
 .landing .demarrage-carte{padding:16px;}
}
/* Sur ecran tactile, tout lien offre 44 px de haut ; la page n'a plus de bouton flottant. */
@media(max-width:1100px){
 .landing .marque,.landing .bandeau .lien-discret,.landing .pied a{display:inline-flex;align-items:center;min-height:44px;}
}
@media(max-width:760px){
 .landing #motion{margin-bottom:calc(20px + env(safe-area-inset-bottom));min-height:44px;}
}