/* 2026 public landing: a calm product-first surface, not a marketing carousel. */
.landing-hero--redesign { grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr); padding-block:clamp(2.5rem,6vw,5.75rem); }
.landing-eyebrow { display:block; color:var(--nmc-primary); font-size:.76rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.landing-hero--redesign .hero-title { max-width:11.5ch; font-size:clamp(2.75rem,6vw,5.25rem); line-height:.98; }
.landing-hero--redesign .lede { max-width:36rem; margin:0; }
.landing-text-link { min-height:44px; display:inline-flex; align-items:center; color:var(--nmc-primary-700); font-weight:900; text-decoration:none; }
.landing-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.landing-microcopy { margin:0; color:var(--nmc-muted); font-size:.85rem; font-weight:800; }
.landing-list-preview,.landing-group-preview,.landing-profile-card { border:1px solid var(--nmc-line); border-radius:24px; background:var(--nmc-surface-solid); box-shadow:0 12px 36px rgba(31,41,55,.08); }
.landing-list-preview { display:grid; gap:.6rem; padding:1rem; }
.landing-list-preview__header,.landing-group-preview header,.landing-profile-card header { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.landing-list-preview__header strong { display:block; font-family:var(--font-heading); font-size:1.3rem; }
.landing-avatars { display:flex; padding-left:.7rem; }
.landing-avatars b { display:grid; width:1.85rem; height:1.85rem; margin-left:-.55rem; place-items:center; border:2px solid #fff; border-radius:50%; color:#fff; background:var(--nmc-primary); font-size:.68rem; }
.landing-avatars b:nth-child(even) { background:#ec4899; }.landing-avatars b:nth-child(3n) { background:var(--nmc-mint); }
.landing-list-preview__managed { margin:0; color:var(--nmc-muted); font-size:.8rem; font-weight:800; }
.landing-list-preview__item { display:grid; grid-template-columns:3rem minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.7rem 0; border-top:1px solid var(--nmc-line); }
.landing-product-thumb { display:grid; width:3rem; height:3rem; place-items:center; border-radius:14px; color:var(--nmc-primary-700); background:var(--nmc-primary-soft); font-size:1.35rem; }
.landing-list-preview__item strong,.landing-list-preview__item small { display:block; }.landing-list-preview__item small { margin-top:.12rem; color:var(--nmc-muted); font-size:.8rem; font-weight:800; }.landing-list-preview__item em,.landing-profile-card em,.landing-group-preview em { font-style:normal; color:#166534; font-size:.68rem; font-weight:900; }.is-private { color:var(--nmc-muted)!important; }
.landing-duplicate { display:inline-flex; align-items:center; gap:.4rem; width:max-content; margin:0; padding:.38rem .62rem; border-radius:99px; color:#166534; background:#dcfce7; font-size:.78rem; font-weight:900; }
.landing-use-cases { display:flex; justify-content:center; flex-wrap:wrap; gap:.85rem 1.4rem; padding-block:1.15rem; border-block:1px solid var(--nmc-line); color:var(--nmc-muted); font-size:.88rem; font-weight:900; }.landing-use-cases span { display:inline-flex; align-items:center; gap:.35rem; }
.landing-section { margin-top:clamp(3.5rem,9vw,6.8rem); }.section-heading h2,.landing-groups h2,.landing-profile h2 { max-width:16ch; margin:.3rem 0 .8rem; }.section-heading p,.landing-groups p,.landing-profile p { max-width:42rem; color:var(--nmc-muted); }
.landing-timeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; margin:2rem 0 0; padding:0; list-style:none; }.landing-timeline li { display:grid; grid-template-columns:2.2rem minmax(0,1fr); gap:.7rem; }.landing-timeline b { color:var(--nmc-primary); font-family:var(--font-heading); font-size:2rem; line-height:1; }.landing-timeline h3,.landing-timeline p { margin:0; }.landing-timeline p { margin-top:.35rem; color:var(--nmc-muted); }
.landing-groups,.landing-profile { display:grid; grid-template-columns:minmax(0,1fr) minmax(19rem,.9fr); align-items:center; gap:clamp(2rem,8vw,6rem); }.landing-groups__copy ul { display:grid; gap:.55rem; margin:1.2rem 0; padding:0; list-style:none; font-weight:800; }.landing-groups__copy li::before { content:'✓'; margin-right:.55rem; color:var(--nmc-mint); }.landing-group-preview { display:grid; gap:.8rem; padding:1rem; }.landing-group-preview__tabs { display:flex; gap:.6rem; border-bottom:1px solid var(--nmc-line); color:var(--nmc-muted); font-size:.8rem; font-weight:900; }.landing-group-preview__tabs span:first-child { padding-bottom:.5rem; border-bottom:2px solid var(--nmc-primary); color:var(--nmc-primary-700); }.landing-group-preview ul { display:grid; gap:.45rem; margin:0; padding:0; list-style:none; }.landing-group-preview li { display:grid; grid-template-columns:2rem minmax(0,1fr) auto; align-items:center; gap:.55rem; padding:.45rem 0; }.landing-group-preview li>b { display:grid; width:2rem; height:2rem; place-items:center; border-radius:50%; color:var(--nmc-primary-700); background:var(--nmc-primary-soft); font-size:.62rem; }.landing-group-preview li strong,.landing-group-preview li small { display:block; }.landing-group-preview li small { color:var(--nmc-muted); font-size:.72rem; font-weight:800; }
.landing-profile-card { display:grid; gap:.45rem; padding:1rem; }.landing-profile-card header>b { display:grid; width:2.5rem; height:2.5rem; place-items:center; border-radius:50%; color:#fff; background:var(--nmc-primary); }.landing-profile-card header span { margin-right:auto; }.landing-profile-card header strong,.landing-profile-card header small { display:block; }.landing-profile-card header small { color:var(--nmc-muted); font-size:.75rem; }.landing-profile-card p { display:flex; justify-content:space-between; margin:0; padding:.6rem 0; border-top:1px solid var(--nmc-line); color:var(--nmc-ink); font-size:.9rem; font-weight:800; }
.landing-extension { display:grid; grid-template-columns:minmax(0,.88fr) minmax(20rem,1.12fr); align-items:center; gap:clamp(1.5rem,7vw,5rem); margin-top:clamp(3.5rem,9vw,6.8rem); padding:clamp(1.2rem,4vw,2.4rem); border:1px solid var(--nmc-line); border-radius:26px; background:linear-gradient(135deg,var(--nmc-bg-2),var(--nmc-surface-solid)); overflow:hidden; }.landing-extension h2 { max-width:12ch; margin:.35rem 0 .7rem; }.landing-extension p { max-width:34rem; margin:0; color:var(--nmc-muted); }.landing-extension__steps { display:grid; gap:.55rem; margin:1.25rem 0 0; padding:0; list-style:none; font-size:.88rem; font-weight:800; }.landing-extension__steps li { display:flex; align-items:center; gap:.55rem; }.landing-extension__steps b { display:grid; width:1.5rem; height:1.5rem; place-items:center; border-radius:50%; color:var(--nmc-primary-700); background:var(--nmc-primary-soft); font-size:.72rem; }.landing-extension__browser { position:relative; min-height:18rem; padding:1rem; border:1px solid rgba(127,29,29,.12); border-radius:20px; background:#fffaf9; box-shadow:0 18px 42px rgba(80,18,35,.12); }.landing-extension__browser-bar { display:flex; align-items:center; gap:.35rem; }.landing-extension__browser-bar span { width:.55rem; height:.55rem; border-radius:50%; background:#f5c6cc; }.landing-extension__browser-bar span:nth-child(2) { background:#f4dca5; }.landing-extension__browser-bar span:nth-child(3) { background:#bfe7d2; }.landing-extension__browser-bar i { width:55%; height:1rem; margin-left:.35rem; border-radius:99px; background:#f6e8e8; }.landing-extension__store { display:grid; grid-template-columns:42% 1fr; gap:1rem; margin:1.8rem 1rem; align-items:center; }.landing-extension__product-image { display:grid; min-height:10rem; place-items:center; border-radius:16px; color:var(--nmc-primary-700); background:linear-gradient(145deg,#fee2e2,#fce7f3); font-size:3rem; }.landing-extension__store b,.landing-extension__store small { display:block; }.landing-extension__store small { margin:.35rem 0 .8rem; color:var(--nmc-muted); font-weight:800; }.landing-extension__store em { display:block; width:100%; height:.55rem; margin:.45rem 0; border-radius:99px; background:#f4e6e4; }.landing-extension__store em:last-child { width:70%; }.landing-extension__popup { position:absolute; right:clamp(.75rem,3vw,2rem); bottom:1rem; display:grid; gap:.35rem; width:min(15rem,62%); padding:1rem; border:1px solid rgba(127,29,29,.12); border-radius:16px; background:rgba(255,255,255,.96); box-shadow:0 16px 34px rgba(80,18,35,.18); }.landing-extension__popup header { display:flex; align-items:center; gap:.45rem; }.landing-extension__popup header>b { margin-right:auto; font-size:.8rem; }.landing-extension__popup header>i { color:#16804b; }.landing-extension__mark { display:grid; width:1.55rem; height:1.55rem; place-items:center; border-radius:8px; color:#fff; background:linear-gradient(135deg,var(--nmc-primary),var(--nmc-accent)); font-family:var(--font-heading); font-size:.85rem; }.landing-extension__popup>strong { font-size:.9rem; }.landing-extension__popup>small { color:var(--nmc-muted); font-size:.72rem; font-weight:800; }.landing-extension__popup-button { display:block; margin-top:.25rem; padding:.55rem .65rem; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--nmc-primary),var(--nmc-accent)); text-align:center; font-size:.74rem; font-weight:900; }
.landing-faq>div:last-child { margin-top:1.5rem; border-top:1px solid var(--nmc-line); }.landing-faq details { border-bottom:1px solid var(--nmc-line); }.landing-faq summary { min-height:54px; display:flex; align-items:center; cursor:pointer; font-weight:900; }.landing-faq details p { max-width:44rem; margin:0 0 1rem; color:var(--nmc-muted); }
.landing-final-cta { margin-top:clamp(3.5rem,9vw,6.8rem); padding:clamp(2rem,6vw,4rem); border-radius:26px; background:var(--nmc-bg-2); text-align:center; }.landing-final-cta h2 { max-width:18ch; margin:0 auto .7rem; }.landing-final-cta p { max-width:34rem; margin:0 auto 1.25rem; color:var(--nmc-muted); }
@media (max-width:859px) { .landing-hero--redesign,.landing-groups,.landing-profile,.landing-extension { grid-template-columns:1fr; }.landing-list-preview { max-width:600px; width:100%; justify-self:center; }.landing-timeline { gap:1rem; }.landing-extension__browser { max-width:600px; width:100%; justify-self:center; } }
@media (max-width:620px) { .landing-hero--redesign { padding-block:2.2rem 1.3rem; }.landing-hero--redesign .hero-title { font-size:clamp(2.75rem,13vw,3.6rem); }.landing-actions { display:grid; }.landing-actions .btn { justify-content:center; width:100%; }.landing-text-link { justify-content:center; }.landing-microcopy { text-align:center; line-height:1.5; }.landing-list-preview__item { grid-template-columns:2.7rem minmax(0,1fr); }.landing-list-preview__item em { grid-column:2; }.landing-use-cases { justify-content:flex-start; }.landing-timeline { grid-template-columns:1fr; gap:1.2rem; }.landing-timeline li { grid-template-columns:2rem minmax(0,1fr); }.landing-extension__browser { min-height:16rem; padding:.75rem; }.landing-extension__store { margin:1.2rem .35rem; }.landing-extension__popup { right:.75rem; bottom:.75rem; }.landing-group-preview li em { display:none; } }

/* Landing review fixes: this file deliberately wins over legacy landing rules. */
.landing-nav-link { display:inline-flex; align-items:center; min-height:44px; padding-inline:.4rem; color:var(--nmc-ink); font-weight:800; text-decoration:none; }
.landing-nav-link:hover,.landing-nav-link:focus-visible { color:var(--nmc-primary-700); text-decoration:underline; text-underline-offset:4px; }
#com-funciona,#grups,#privacitat { scroll-margin-top:96px; }
.landing-final-cta { display:flex; flex-direction:column; align-items:center; gap:1.25rem; text-align:center; }
.landing-final-cta > :is(h2,p,a) { align-self:center; text-align:center; }
.landing-final-cta h2 { margin:0; }.landing-final-cta p { margin:0; }
.landing-section { margin-top:clamp(3.5rem,9vw,6.8rem); }
.landing-faq summary::after { content:'+'; margin-left:auto; color:var(--nmc-primary); font-size:1.4rem; }.landing-faq details[open] summary::after { content:'−'; }
.site-footer[data-landing-footer] { margin-top:clamp(3.5rem,9vw,6.8rem); }.site-footer__inner--landing { min-height:0; align-items:start; padding:clamp(2rem,5vw,4rem) 0 2rem; }.site-footer[data-landing-footer] .site-footer__brand { max-width:15rem; }.site-footer[data-landing-footer] .site-footer__columns { display:grid; grid-template-columns:repeat(3,minmax(7rem,1fr)); gap:clamp(1.5rem,5vw,4rem); }.site-footer__columns section { display:grid; align-content:start; gap:.15rem; }.site-footer__columns h2 { margin:0 0 .5rem; color:var(--nmc-ink); font-family:var(--font-body); font-size:.78rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }.site-footer__columns a { display:inline-flex; align-items:center; min-height:36px; color:var(--nmc-muted); font-size:.88rem; font-weight:800; text-decoration:none; }.site-footer__columns a:hover,.site-footer__columns a:focus-visible { color:var(--nmc-primary-700); text-decoration:underline; text-underline-offset:4px; }.site-footer__bottom { margin:0; padding:1.15rem 1rem calc(1.15rem + env(safe-area-inset-bottom)); border-top:1px solid var(--nmc-line); color:var(--nmc-muted); text-align:center; font-size:.8rem; font-weight:800; }
@media (max-width:620px) { .site-footer__inner--landing { gap:2rem; }.site-footer[data-landing-footer] .site-footer__columns { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem 1rem; }.site-footer__columns section:last-child { grid-column:1 / -1; }.site-footer__columns a { min-height:44px; } }
@media (max-width:620px) { #com-funciona,#grups,#privacitat { scroll-margin-top:calc(var(--mobile-nav-height) + 1rem); }.landing-group-preview li { grid-template-columns:2rem minmax(0,1fr); }.landing-group-preview li em { display:block; grid-column:2; justify-self:start; } }