.app-mockup{position:relative;min-height:100vh;padding:2rem 1.5rem 3rem;background-size:cover;background-position:center;background-color:#2c2c2c;display:flex}.app-mockup--has-bg{background-image:var(--app-mockup-bg-mobile)}@media(min-width: 768px){.app-mockup--has-bg{background-image:var(--app-mockup-bg-desktop, var(--app-mockup-bg-mobile))}}.app-mockup__inner{position:relative;z-index:1;max-width:48rem;width:90%;margin:0 auto;display:flex;flex-direction:column}.app-mockup__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}.app-mockup__logo{flex-shrink:0}.app-mockup__logo-img{display:block;max-height:4.2rem;width:auto}.app-mockup__languages{display:flex;align-items:center;gap:.75rem}.app-mockup__lang{color:#fff;text-decoration:none;font-size:1.8rem;width:4.2rem;height:4.2rem;font-weight:500;border-radius:10rem;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.app-mockup__lang:hover{opacity:.9}.app-mockup__lang--active{background:#f3ece4;color:#1a1a1a}.app-mockup__title{margin-bottom:6.4rem;margin-top:auto;font-size:2.2rem;color:#fff;text-align:center;line-height:1.4}.app-mockup__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2.4rem;margin-bottom:auto}.app-mockup__card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6.4rem 1.6rem 1.6rem;background:#ede2ce;border-radius:1.5rem;text-decoration:none;color:#1a1a1a;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:all .3s ease-in-out;min-height:24rem}.app-mockup__card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12);background:#fff}.app-mockup a.app-mockup__card{cursor:pointer}.app-mockup__card-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;flex-shrink:0}.app-mockup__card-icon img{width:auto;height:4.2rem;object-fit:contain;display:block}.app-mockup__card-title{font-size:1.6rem;font-weight:600;text-align:center;line-height:1.3;margin-top:3.2rem}