/* Feedzback homepage card refinement — V21.2 */

/* Explore ton réseau: self-contained cards, independent from legacy card CSS. */
body.home .universes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.home .universe{isolation:isolate;display:flex;flex-direction:column;position:relative;min-height:320px;padding:30px;border:1px solid rgba(16,17,19,.09);border-radius:26px;overflow:hidden}
body.home .universe .num{display:inline-flex;align-items:center;width:max-content;min-height:28px;padding:0 10px;border:1px solid currentColor;border-radius:999px;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase;opacity:.62}
body.home .universe h3{margin-top:auto;font-size:clamp(2.25rem,4vw,4rem);line-height:.95}
body.home .universe p{max-width:440px;margin-top:16px;font-size:.96rem;line-height:1.55}
body.home .universe .corner{z-index:2;top:26px;right:26px}
body.home .universe .universe-art{z-index:-1;top:50%;right:-58px;width:230px;height:230px;transform:translateY(-50%)}

/* Selon ton objectif: numbered editorial rows with enough room for every title. */
body.home .goal-layout{grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:76px}
body.home .goal-list{display:grid;gap:12px;border:0}
body.home .goal-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;align-items:start;padding:25px;border:1px solid var(--line);border-radius:20px;background:rgba(255,250,243,.72);transition:transform .22s ease,border-color .22s ease,background .22s ease}
body.home .goal-item:hover{transform:translateX(5px);border-color:rgba(250,104,20,.36);background:#fffaf3}
body.home .goal-item .goal-num{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--carbon);color:#fff;font-family:"Manrope",sans-serif;font-size:.78rem}
body.home .goal-item h3{margin:0;font-size:clamp(1.22rem,2vw,1.55rem);line-height:1.16;letter-spacing:-.025em}
body.home .goal-item p{margin-top:9px;line-height:1.55}
body.home .goal-item a{display:inline-flex;align-items:center;margin-top:13px;color:var(--orange);font-weight:600}

/* Ecosystem: one coherent monochrome editorial sprite, cropped per card. */
body.home .ecosystem{background:#dcb99f}
body.home .eco-grid{gap:16px}
body.home .eco-card{isolation:isolate;position:relative;min-height:300px;padding:24px;border-color:rgba(255,255,255,.13);background:#111;color:#fff;overflow:hidden}
body.home .eco-card:before{content:"";position:absolute;z-index:-2;inset:0;background-image:url("feedzback-ecosystem-editorial-v21-2.png");background-repeat:no-repeat;background-size:400% 100%;filter:grayscale(1);transform:scale(1.015);transition:transform .45s ease,filter .45s ease}
body.home .eco-card:nth-child(1):before{background-position:0 50%}
body.home .eco-card:nth-child(2):before{background-position:33.333% 50%}
body.home .eco-card:nth-child(3):before{background-position:66.666% 50%}
body.home .eco-card:nth-child(4):before{background-position:100% 50%}
body.home .eco-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(8,9,10,.18),rgba(8,9,10,.94) 78%)}
body.home .eco-card:hover:before{transform:scale(1.055);filter:grayscale(1) contrast(1.06)}
body.home .eco-card.featured{border-color:rgba(250,104,20,.62);box-shadow:0 18px 42px rgba(16,17,19,.22)}
body.home .eco-card b{margin-top:auto;color:#fff;font-size:1.3rem}
body.home .eco-card span{color:rgba(255,255,255,.68);font-size:.84rem}
body.home .eco-card i{margin-top:18px;padding:0;color:#ff8b49}

@media(max-width:980px){
  body.home .goal-layout{grid-template-columns:1fr;gap:38px}
  body.home .eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
  body.home .universes,body.home .eco-grid{grid-template-columns:1fr}
  body.home .universe{min-height:280px;padding:24px}
  body.home .goal-item{grid-template-columns:46px minmax(0,1fr);gap:15px;padding:20px 18px}
  body.home .goal-item .goal-num{width:42px;height:42px}
  body.home .goal-item:hover{transform:none}
  body.home .eco-card{min-height:265px}
}