/* GLOMEDEV – Page d'accueil */
html{scroll-behavior:smooth}
body{margin:0;-webkit-user-select:text;user-select:text;background:#fff;color:#1B2A41;font-family:Inter,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#1B2A41;text-decoration:none}
a:hover{color:#3A9EA1}
button,input{font-family:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p{margin:0}

.only-desk{display:contents}.only-mob{display:none}
@media (max-width:1179px){.only-desk{display:none!important}.only-mob{display:contents}}
.sc{display:none}.sc.open{display:contents}
@media (min-width:1180px){.sc-menuOpen{display:none!important}}
@media (max-width:899px){.prod-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:559px){.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
body.hero-ready .hero-anim{opacity:1!important;transform:none!important}
.pi-card.is-on{background:linear-gradient(150deg,#61C8CB 0%,#8FDADC 100%)!important;border-color:transparent!important;box-shadow:0 2px 4px rgba(27,42,65,0.06),0 18px 36px rgba(27,42,65,0.12),0 40px 70px rgba(97,200,203,0.28)!important}
.pi-card.is-on .pi-bar{width:100%!important}
.pi-card.is-on .pi-icon{background:#fff!important;box-shadow:0 10px 24px rgba(27,42,65,0.18)!important}
.pi-card.is-on .pi-svg{stroke:#FF5A5F!important}
.pi-card.is-on .pi-text{color:#1B2A41!important}
.po-card:hover{transform:translateY(-8px)!important;box-shadow:0 28px 56px rgba(27,42,65,0.14)!important}
.po-card:hover .po-img{transform:scale(1.07)!important}
.po-card:hover .po-btn{background:#FF5A5F!important;color:#fff!important;border-color:#FF5A5F!important}
.pr-card:hover .pr-img{transform:scale(1.06)!important}
.ar-card:hover{transform:translateY(-8px)!important;box-shadow:0 28px 56px rgba(27,42,65,0.12)!important}
.ar-card:hover .ar-img{transform:scale(1.07)!important}
.ar-card:hover .ar-link{color:#FF5A5F!important}
.ar-card:hover .ar-arrow{transform:translateX(6px)!important}

/* États hover / focus */
.hv1:hover{color:#fff !important}
.hv2:hover{color:#fff !important}
.hv3:hover{color:#fff !important}
.hv4:hover{transform:scale(1.03) !important}
.hv5:focus-within{border-color:#61C8CB !important;background:#fff !important;box-shadow:0 0 0 4px rgba(97,200,203,0.18) !important}
.hv6:hover{background:#FF5A5F !important}
.hv7:hover{background:#F5F7F8 !important}
.hv8:hover{background:rgba(255,255,255,0.08) !important}
.hv9:hover{background:rgba(255,255,255,0.08) !important}
.hv10:hover{background:rgba(255,255,255,0.08) !important}
.hv11:hover{background:#E3F5F5 !important;transform:translateY(-2px) !important}
.hv12:active{transform:scale(0.94) !important}
.hv13:hover{color:#3A9EA1 !important;background-size:100% 2px !important}
.hv14:hover{color:#3A9EA1 !important}
.hv15:hover{background:#F5F7F8 !important;transform:translateX(4px) !important}
.hv16:hover{background:#F5F7F8 !important;transform:translateX(4px) !important}
.hv17:hover{background:#F5F7F8 !important;transform:translateX(4px) !important}
.hv18:hover{color:#3A9EA1 !important;background-size:100% 2px !important}
.hv19:hover{color:#3A9EA1 !important;background-size:100% 2px !important}
.hv20:hover{background:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(255,90,95,0.3) !important}
.hv21:hover{background:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(255,90,95,0.35) !important}
.hv22:hover{background:#fff !important;color:#1B2A41 !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv23:hover{border-color:#61C8CB !important;color:#61C8CB !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv24:hover{background:#61C8CB !important;color:#1B2A41 !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv25:hover{transform:scale(1.05) !important}
.hv26:hover{color:#1B2A41 !important}
.hv27:hover{color:#1B2A41 !important}
.hv28:hover{color:#1B2A41 !important}
.hv29:hover{box-shadow:0 24px 48px rgba(27,42,65,0.12) !important;transform:translateY(-6px) !important}
.hv30:hover{background:#FF5A5F !important;border-color:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv31:hover{box-shadow:0 24px 48px rgba(27,42,65,0.12) !important;transform:translateY(-6px) !important}
.hv32:hover{background:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv33:hover{box-shadow:0 24px 48px rgba(27,42,65,0.12) !important;transform:translateY(-6px) !important}
.hv34:hover{background:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv35:hover{box-shadow:0 24px 48px rgba(27,42,65,0.12) !important;transform:translateY(-6px) !important}
.hv36:hover{background:#FF5A5F !important;border-color:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv37:hover{box-shadow:0 24px 48px rgba(27,42,65,0.12) !important;transform:translateY(-6px) !important}
.hv38:hover{background:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv39:hover{border-color:#FF5A5F !important;color:#FF5A5F !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv40:hover{transform:translateY(-8px) !important;background:rgba(97,200,203,0.12) !important;border-color:#61C8CB !important}
.hv41:hover{transform:translateY(-8px) !important;background:rgba(97,200,203,0.12) !important;border-color:#61C8CB !important}
.hv42:hover{transform:translateY(-8px) !important;background:rgba(97,200,203,0.12) !important;border-color:#61C8CB !important}
.hv43:hover{transform:translateY(-8px) !important;background:rgba(97,200,203,0.12) !important;border-color:#61C8CB !important}
.hv44:hover{border-color:#61C8CB !important;transform:translateY(-4px) !important}
.hv45:hover{border-color:#61C8CB !important;transform:translateY(-4px) !important}
.hv46:hover{background:#1B2A41 !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv47:hover{transform:scale(1.05) !important}
.hv48:hover{transform:scale(1.05) !important}
.hv49:hover{transform:translateY(-6px) !important;box-shadow:0 18px 36px rgba(27,42,65,0.10) !important}
.hv50:hover{transform:translateY(-6px) !important;box-shadow:0 18px 36px rgba(27,42,65,0.10) !important}
.hv51:hover{transform:translateY(-6px) !important;box-shadow:0 18px 36px rgba(27,42,65,0.10) !important}
.hv52:hover{background:#1B2A41 !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv53:hover{background:#fff !important;color:#1B2A41 !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv54:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv55:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv56:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv57:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv58:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv59:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv60:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv61:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv62:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv63:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv64:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv65:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv66:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv67:hover{transform:translateY(-4px) !important;box-shadow:0 14px 30px rgba(27,42,65,0.10) !important}
.hv68:hover{background:#1B2A41 !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv69:hover{color:#1B2A41 !important}
.hv70:hover{color:#1B2A41 !important}
.hv71:hover{color:#1B2A41 !important}
.hv72:hover{background:#fff !important;color:#1B2A41 !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv73:hover{background:#fff !important;color:#1B2A41 !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(27,42,65,0.18) !important}
.hv74:hover{background:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important}
.hv75:hover{background:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important}
.hv76:hover{background:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important}
.hv77:hover{background:#FF5A5F !important;color:#fff !important;transform:translateY(-2px) !important}
.hv78:hover{transform:translateX(4px) !important;box-shadow:0 10px 24px rgba(27,42,65,0.10) !important}
.hv79:hover{transform:translateX(4px) !important;box-shadow:0 10px 24px rgba(27,42,65,0.10) !important}
.hv80:hover{transform:translateX(4px) !important;box-shadow:0 10px 24px rgba(27,42,65,0.10) !important}
.hv81:hover{color:#FF5A5F !important}
.hv82:hover{color:#FF5A5F !important}
.hv83:hover{color:#FF5A5F !important}
.hv84:hover{color:#FF5A5F !important}
.hv85:hover{color:#FF5A5F !important}
.hv86:hover{color:#FF5A5F !important}
.hv87:hover{color:#FF5A5F !important}
.hv88:hover{color:#FF5A5F !important}
.hv89:hover{color:#FF5A5F !important}

.ft-logo:hover{transform:translateY(-3px)}